/* _content/dims/Views/AddItem/Index.cshtml.rz.scp.css */
.line-border[b-fkpgehpzq2] {
    border-right: 1px solid #9E9E9E;
    height: 100%;
}

.navbarMiddle[b-fkpgehpzq2] {
    width: 100%;
    height: 3rem;
    padding: 0;
    margin-bottom: 0;
}

.bg-navbarMiddle[b-fkpgehpzq2] {
    background: rgb(19,43,85);
    background: linear-gradient(180deg, rgba(19,43,85,1) 0%, rgba(32,66,125,1) 50%, rgba(40,80,150,1) 100%);
    padding: 0 !important;
}

.brand-style[b-fkpgehpzq2] {
    font-size: 0.58rem;
    color: white;
}

.nav-text[b-fkpgehpzq2] {
    font-size: 0.60rem;
    color: rgb(212,212,212);
}

.nav-textTab[b-fkpgehpzq2] {
    font-size: 0.8rem;
    font-family: 'Gotham-Bold';
}

.nav-style[b-fkpgehpzq2] {
    padding: 0.3rem 0;
    border-bottom: 0.2rem solid rgba(40,80,150,1);
    color: rgb(212,212,212);
    cursor: pointer;
}

.nav-Nonstyle[b-fkpgehpzq2] {
    padding: 0.3rem 0;
    border-bottom: 0.2rem solid rgba(40,80,150,1);
}

.nav-select[b-fkpgehpzq2] {
    padding: 0.3rem 0;
    border-bottom: 0.2rem solid rgb(13,209,155);
}

li.nav-style:hover:not(.active)[b-fkpgehpzq2] {
    background: rgb(19, 43, 85, 0.67);
    color: White;
    border-bottom: 0.2rem solid rgb(13,209,155);
}

.active[b-fkpgehpzq2] {
    background: linear-gradient(180deg, rgba(19,43,85,1) 0%, rgba(32,66,125,1) 50%, rgba(40,80,150,1) 100%);
    color: White;
    border-bottom: 0.2rem solid rgb(13,209,155);
}


.nav-icon[b-fkpgehpzq2] {
    position: relative;
}

.nav-item[b-fkpgehpzq2] {
    padding: 0 0.8rem;
}

.badge[b-fkpgehpzq2] {
    position: absolute;
    top: 0.2rem;
    right: -0.5rem;
    --bs-badge-font-size: 0.6rem !important;
}


.hidden[b-fkpgehpzq2] {
    display: none;
}

.show-flex[b-fkpgehpzq2] {
    display: flex;
}

.hover_parent[b-fkpgehpzq2] {
    position: relative;
}

.hover_body[b-fkpgehpzq2] {
    position: absolute;
    width: 15rem;
    height: 9rem;
    background: white;
    border-radius: 0.2rem;
    display: none;
    flex-direction: column;
    align-items: center;
    padding: 0.5rem;
    box-shadow: 0px 0px 6px 4px rgb(0 0 0 / 25%);
    z-index: 1;
}

    .hover_body .hover_head[b-fkpgehpzq2] {
        border-bottom: 1px solid rgb(217 217 217);
        padding-bottom: 0.2rem;
        width: calc(100% - 2vh);
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        font-family: 'GothamMedium';
    }

.input-driver[b-fkpgehpzq2] {
    width: 80%;
    padding: 0.3rem 0.5rem;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    color: rgb(166, 166,166);
    font-style: italic;
    font-size: 0.7rem;
    margin: 0.2rem 0;
}


tbody[b-fkpgehpzq2], td[b-fkpgehpzq2], tr[b-fkpgehpzq2] {
    padding: 0.1rem 0.5rem !important;
}

thead[b-fkpgehpzq2], th[b-fkpgehpzq2], tr[b-fkpgehpzq2] {
    padding: 0.2rem 0.5rem !important;
}

.table thead th[b-fkpgehpzq2] {
    background: lightgray;
}

tr:nth-child(even)[b-fkpgehpzq2] {
    background-color: #f2f2f2
}

.tableFixHead[b-fkpgehpzq2] {
    overflow-y: auto;
    height: 4.2rem;
}

    .tableFixHead thead th[b-fkpgehpzq2] {
        position: sticky;
        top: 0;
    }

.alignRight[b-fkpgehpzq2] {
    text-align: right;
}

.el-input__inner[b-fkpgehpzq2] {
    height: 2rem;
    width: 100%;
    padding: 0.3rem 1rem;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    color: rgb(166, 166,166);
    font-style: italic;
    font-size: 0.8rem;
    margin: 0;
}

.el-input-group__append[b-fkpgehpzq2], .el-input-group__prepend[b-fkpgehpzq2] {
    background-color: rgb(13,209,155) !important;
    color: #ffffff !important;
    border: 1px solid #ccc !important;
    padding: 0 0.5rem !important;
    font-size: 0.8rem !important;
}

.input-driverPay[b-fkpgehpzq2] {
    width: 100%;
    padding: 0.3rem 0.5rem;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    color: rgb(166, 166,166);
    font-style: italic;
    font-size: 0.7rem;
    margin: 0.2rem 0;
}

.tableFixPerformance[b-fkpgehpzq2] {
    overflow-y: auto;
    height: 6rem;
}

    .tableFixPerformance thead th[b-fkpgehpzq2] {
        position: sticky;
        top: 0;
    }

/* Demo Grid */
.vue-grid-layout[b-fkpgehpzq2] {
    background: none;
    width: 100vw;
}

.vue-grid-item:not(.vue-grid-placeholder)[b-fkpgehpzq2] {
    background-color: white;
    width: 100%;
    height: 100%;
    padding: 1rem;
    color: black;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%) !important;
    border-radius: 5px;
}

.vue-grid-item .resizing[b-fkpgehpzq2] {
    opacity: 0.9;
}

.vue-grid-item .static[b-fkpgehpzq2] {
    background: #cce;
}

.vue-grid-item .text[b-fkpgehpzq2] {
    font-size: 24px;
    text-align: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 100%;
    width: 100%;
}

.vue-grid-item .no-drag[b-fkpgehpzq2] {
    height: 100%;
    width: 100%;
}

.vue-grid-item .minMax[b-fkpgehpzq2] {
    font-size: 12px;
}

.vue-grid-item .add[b-fkpgehpzq2] {
    cursor: pointer;
}

.vue-draggable-handle[b-fkpgehpzq2] {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0;
    left: 0;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10'><circle cx='5' cy='5' r='5' fill='#999999'/></svg>") no-repeat;
    background-position: bottom right;
    padding: 0 8px 8px 0;
    background-repeat: no-repeat;
    background-origin: content-box;
    box-sizing: border-box;
    cursor: pointer;
}

.btnDrop-addIssue[b-fkpgehpzq2] {
    background-color: white;
    color: black;
    font-size: 0.8rem;
    border: 1px solid rgb(204, 204, 204);
}

.input-AddIssue[b-fkpgehpzq2] {
    width: 100%;
    padding: 0.3rem 0.5rem;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    color: rgb(166, 166,166);
    font-size: 0.8rem;
    font-style: unset;
    margin: 0.2rem 0;
}

.select-items[b-fkpgehpzq2] {
    color: rgb(166, 166,166);
    font-size: 0.8rem;
}

.select-date[b-fkpgehpzq2] {
    color: rgb(166, 166,166);
    font-size: 0.8rem;
    background-image: unset;
    background-repeat: unset;
    background-position: unset;
    background-size: unset;
    padding: 0.25rem 0.75rem;
}

.column-style[b-fkpgehpzq2] {
    padding: 0.5rem;
    font-size: 0.8rem;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    width: 100%;
    height: 3rem;
}

.select-files[b-fkpgehpzq2] {
    background-color: white;
    border: 2px solid #a5a5a5;
    border-style: dashed;
    border-radius: 5px;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 2%) !important;
    height: 8rem;
    margin: 0.4rem 0;
}

.button-main[b-fkpgehpzq2] {
    background-color: #0DD19B;
    color: white;
    border: none;
    border-radius: 0.3rem;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    height: 1.5rem;
    width: 6rem;
    font-size: 0.8rem;
    font-family: 'GothamMedium';
}

.hover-main:hover[b-fkpgehpzq2] {
    /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
    background-color: #00B486;
}

.info-file[b-fkpgehpzq2] {
    color: rgb(166, 166,166);
    font-size:0.7rem;
}
/* _content/dims/Views/Admin/Index.cshtml.rz.scp.css */
.line-border[b-0dak7xbsp1] {
    border-left: 1px solid #ddd;
    height: 100%;
}
.container-project[b-0dak7xbsp1] {
    background-color: white;
    border: 1px solid #ddd;
    width: 100%;
    height: fit-content;
    padding: 1rem;
    color: black;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 2%) !important;
    border-radius: 5px;
}

.hover-project:hover[b-0dak7xbsp1] {
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%) !important;
}

.cursor[b-0dak7xbsp1] {
    cursor: pointer;
}

.hover-title:hover[b-0dak7xbsp1] {
    text-decoration: underline;
}

.active[b-0dak7xbsp1] {
    border-left: 3px solid rgb(13, 209, 155);
}

.description-text[b-0dak7xbsp1] {
    font-size: 0.9rem;
}

table[b-0dak7xbsp1] {
    font-size: 0.8rem;
    width: 100%;
    margin-bottom:0;
}

.tableOverflowAdmin[b-0dak7xbsp1] {
    overflow-y: auto;
    height: 15rem;
}

.tableOverflowActivity[b-0dak7xbsp1] {
    overflow-y: auto;
    height: 21rem;
}
/*tr:nth-child(odd) {
    background-color: white;
}*/

/*tr:hover {
    background-color: #D6EEEE;
}*/


.table-style[b-0dak7xbsp1] {
    padding-top: 1rem;
}

.button-edit[b-0dak7xbsp1] {
    background-color: white;
    color: black;
    border: 1px solid #ccc;
    border-radius: 0.3rem;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    height: 1.5rem;
    width: 4rem;
    font-size: 0.7rem;
    font-family: 'GothamMedium';
}

.edit-hover:hover[b-0dak7xbsp1] {
    /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
    background-color: #ccc;
}

.button-delete[b-0dak7xbsp1] {
    background-color: red;
    color: white;
    border: 1px solid red;
    border-radius: 0.3rem;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    height: 1.5rem;
    width: 4rem;
    font-size: 0.7rem;
    font-family: 'GothamMedium';
}

.delete-hover:hover[b-0dak7xbsp1] {
    /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
    background-color: #cb0202;
}

.container-count[b-0dak7xbsp1] {
    background-color: rgb(13, 209, 155);
    color: white;
    width: 100%;
    height: fit-content;
    padding: 0.5rem 0;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 2%) !important;
    border-radius:5px;
}

.column-style[b-0dak7xbsp1] {
    padding: 0.5rem;
    font-size: 0.8rem;
    border-bottom: 1px solid #ccc;
    width: 100%;
    height: 2rem;
}

.dot[b-0dak7xbsp1] {
    height: 1rem;
    width: 1rem;
    border-radius: 50%;
    display: inline-block;
}

/*#region hover*/
.hover_parent[b-0dak7xbsp1] {
    position: relative;
}

.hover_body[b-0dak7xbsp1] {
    position: absolute;
    min-width: 14rem;
    height: fit-content;
    background: white;
    border-radius: 0.2rem;
    display:none;
    flex-direction: column;
    align-items: center;
    padding: 0.5rem;
    box-shadow: 0px 0px 6px 4px rgb(0 0 0 / 25%);
    z-index: 1;
}

    .hover_body .hover_head[b-0dak7xbsp1] {
        border-bottom: 1px solid rgb(217 217 217);
        padding-bottom: 0.2rem;
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    .hover_body .hover_middle[b-0dak7xbsp1] {
        padding: 0.3rem;
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .hover_body .hover_bottom[b-0dak7xbsp1] {
        padding: 0 0.3rem;
        width: 100%;
        overflow-y: auto;
        max-height: 7.2rem;
    }

.hover_parent:hover .hover_body[b-0dak7xbsp1] {
    display: flex;
}

.cover_popup[b-0dak7xbsp1] {
    position: absolute;
    height: 100%;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgb(0 0 0 / 50%);
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
}

.popup[b-0dak7xbsp1] {
    position: absolute;
    background: rgb(242,242,242);
    width: 38rem;
    height: fit-content;
    border-radius: 0.5rem;
    z-index: 11;
}

.popup-item[b-0dak7xbsp1] {
    position: absolute;
    background: rgb(242,242,242);
    width: 15rem;
    height: fit-content;
    border-radius: 0.3rem;
    z-index: 11;
}


.popup-details[b-0dak7xbsp1] {
    width: 65rem;
    height: 28rem;
}

.head-popup[b-0dak7xbsp1] {
    background-color: white;
    height: 3rem;
    width: 100%;
    padding: 0.5rem 1rem;
    border-top-right-radius: 0.5rem;
    border-top-left-radius: 0.5rem;
    font-family: 'Gotham-Bold';
}

.body-popup[b-0dak7xbsp1] {
    background-color: rgb(242,242,242);
    font-size: 0.9rem;
    color: black;
    height: fit-content;
    width: 100%;
    padding: 1.5rem 2rem;
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
}

.bodyPopup-item[b-0dak7xbsp1] {
    background-color: white;
    font-size: 0.9rem;
    color: black;
    height: fit-content;
    width: 100%;
    padding: 1rem;
    border-radius: 0.3rem;
}

.select-items[b-0dak7xbsp1] {
    color: rgb(166, 166,166);
    font-size: 0.8rem;
    margin:0.4rem 0;
}

.select-date[b-0dak7xbsp1] {
    color: rgb(166, 166,166);
    font-size: 0.8rem;
    background-image: unset;
    background-repeat: unset;
    background-position: unset;
    background-size: unset;
    padding: 0.25rem 0.75rem;
}

.container-addProject[b-0dak7xbsp1] {
    width: 80%;
    min-height:1.924rem;
    padding: 0.3rem 0.5rem;
    margin: 0.4rem 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    color: rgb(166, 166,166);
    font-size: 0.8rem;
    background-color:#fff;
}

.container-type[b-0dak7xbsp1] {
    width: fit-content;
    padding: 0.1rem 0.5rem;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    color: rgb(125 125 125);
    font-size: 0.6rem;
    background-color: rgb(242,242,242);
}

.status-style[b-0dak7xbsp1] {
    width: 4rem;
    border-radius: 10px;
    color: #f3f3f3;
}

.category-style[b-0dak7xbsp1] {
    color: white;
    background-color: #00ab83;
}


input[type="color"][b-0dak7xbsp1] {
    border: none;
    background-color: transparent;
    width: 1.8rem;
    height: 1.8rem;
    outline: none;
    margin-top:0.3rem;
}

#color-picker[b-0dak7xbsp1]::-webkit-color-swatch {
    border-radius: 100%;
    border: 1px solid #ccc;
}

.hover-button:hover[b-0dak7xbsp1] {
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 5%) !important;
    text-decoration: underline;
}

.info-style[b-0dak7xbsp1] {
    color: var(--el-text-color-secondary);
    font-size: 0.6rem;
    font-weight: bold;
    font-style: italic;
}

.hover-info:hover[b-0dak7xbsp1] {
    background-color: #f5f7fa;
}

.el-input--mini .el-input__inner[b-0dak7xbsp1] {
    height:1.924rem !important;
}


.overflow[b-0dak7xbsp1] {
    overflow-x: hidden;
    height: 15.4rem;
}
/* _content/dims/Views/Board/Index - old.cshtml.rz.scp.css */
.select-items[b-gprxwb1rib] {
    color: rgb(166, 166,166);
    font-size: 0.8rem;
}
.dot[b-gprxwb1rib] {
    height: 1.2rem;
    width: 1.2rem;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
}
.dot-user[b-gprxwb1rib] {
    height: 1.5rem;
    width: 1.5rem;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    font-size: 0.8rem;
    text-align: center;
    padding-top:0.1rem;
}

.style-kanban[b-gprxwb1rib]{
    padding:1rem 0;
}

.font-status[b-gprxwb1rib] {
    font-family: 'Gotham-Bold';
    padding-right:1rem;
}

.rect-count[b-gprxwb1rib] {
    width: 2rem;
    height: fit-content;
    color: white;
    border-radius: 20px;
    text-align: center;
    background-color: grey;
    font-size:0.7rem;
}

.container-kanban[b-gprxwb1rib] {
    background-color: white;
    width: 100%;
    height: 32.8rem;
    padding: 1rem;
    color: black;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 2%) !important;
    border-radius: 5px;
}

.child-kanban[b-gprxwb1rib] {
    background-color: white;
    border:1px solid #ddd;
    width: 100%;
    height: fit-content;
    padding: 1rem;
    color: black;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 2%) !important;
    border-radius: 5px;
    cursor:grab;
}

.hover-kanban:hover[b-gprxwb1rib] {
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%) !important;
}

.layout-driver[b-gprxwb1rib] {
    background-color: white;
    width: 100%;
    height: 100%;
    padding: 1rem;
    color: black;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 2%) !important;
    border-radius: 5px;
}

.col-sm-3[b-gprxwb1rib]{
    padding:0.5rem;
}

.subject-text[b-gprxwb1rib] {
    font-size: 0.8rem;
    color: #4ca113;
}

.rect-status[b-gprxwb1rib] {
    width: fit-content;
    height: fit-content;
    padding:0 0.5rem;
    color: white;
    border-radius: 20px;
    text-align: center;
    background-color: grey;
    font-size: 0.7rem;
}

.rectPopup-status[b-gprxwb1rib] {
    width: 100%;
    height: fit-content;
    padding: 0.1rem 0.5rem;
    color: white;
    border-radius: 20px;
    text-align: center;
    background-color: grey;
    font-size: 0.8rem;
    display:inherit;
}

.description-text[b-gprxwb1rib]{
    font-size:0.9rem;
}

.cover_popup[b-gprxwb1rib] {
    position: absolute;
    height: 100%;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgb(0 0 0 / 50%);
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
}

.popup[b-gprxwb1rib] {
    position: absolute;
    background: rgb(242,242,242);
    width: 85rem;
    height: fit-content;
    border-radius: 0.5rem;
    z-index: 11;
}


.popup-details[b-gprxwb1rib] {
    width: 65rem;
    height: 28rem;
}

.head-popup[b-gprxwb1rib] {
    background-color: white;
    height: 3rem;
    width: 100%;
    padding: 0.5rem 1rem;
    border-top-right-radius: 0.5rem;
    border-top-left-radius: 0.5rem;
    font-family: 'Gotham-Bold';
}

.body-popup[b-gprxwb1rib] {
    background-color: rgb(242,242,242);
    font-size: 0.9rem;
    color: black;
    height: fit-content;
    width: 100%;
    padding: 1.5rem 2rem;
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
}

.popup-edit[b-gprxwb1rib]{
    height: 30rem !important;
}

.line-style[b-gprxwb1rib] {
    border-top: 1px solid rgb(191, 191, 191);
    margin-bottom: 1rem;
}

.button-forgot[b-gprxwb1rib] {
    background-color: rgb(255, 192, 0);
    color: white;
    border: none;
    border-radius: 0.3rem;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    height: 1.8rem;
    width: 5.5rem;
    font-size: 0.8rem;
    font-family: 'MuseoSans_500';
}

.button-hover2:hover[b-gprxwb1rib] {
    /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
    background-color: rgb(222, 169, 0);
}

.text-duedate[b-gprxwb1rib] {
    color: red;
    font-family: 'Gotham-Bold';
    font-size:0.9rem;

}

.el-input__inner[b-gprxwb1rib] {
    height: 2rem;
    width: 100%;
    padding: 0.3rem 1rem;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    color: rgb(166, 166,166);
    font-style: italic;
    font-size: 0.8rem;
    margin: 0;
}

.el-input-group__append[b-gprxwb1rib], .el-input-group__prepend[b-gprxwb1rib] {
    background-color: rgb(13,209,155) !important;
    color: #ffffff !important;
    border: 1px solid #ccc !important;
    padding: 0 0.5rem !important;
    font-size: 0.8rem !important;
}

.container-review[b-gprxwb1rib] {
    background-color: white;
    border: 1px solid #ddd;
    width: 100%;
    height: fit-content;
    padding: 1rem;
    color: black;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 2%) !important;
    border-radius: 5px;
}

.dotUser-review[b-gprxwb1rib] {
    height: 2.5rem;
    width: 2.5rem;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    font-size: 1.2rem;
    color:white;
    text-align: center;
    padding-top: 0.3rem;
}

.text-box[b-gprxwb1rib]{
    height:5rem;
    width:100%;
    padding:0.5rem 0;
    overflow-x:hidden;
}

.column-style[b-gprxwb1rib] {
    padding: 0.5rem;
    font-size: 0.8rem;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    width: 100%;
    height: 3rem;
}

.select-date[b-gprxwb1rib] {
    color: rgb(166, 166,166);
    font-size: 0.8rem;
    background-image: unset;
    background-repeat: unset;
    background-position: unset;
    background-size: unset;
    padding: 0.25rem 0.75rem;
}

.select-files[b-gprxwb1rib] {
    background-color: white;
    border: 2px solid #a5a5a5;
    border-style: dashed;
    border-radius: 5px;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 2%) !important;
    height: fit-content;
    padding:1rem;
    margin: 0.4rem 0;
}

.button-main[b-gprxwb1rib] {
    background-color: #0DD19B;
    color: white;
    border: none;
    border-radius: 0.3rem;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    height: 1.5rem;
    width: 6rem;
    font-size: 0.8rem;
    font-family: 'GothamMedium';
}

.hover-main:hover[b-gprxwb1rib] {
    /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
    background-color: #00B486;
}

.info-file[b-gprxwb1rib] {
    color: rgb(166, 166,166);
    font-size: 0.7rem;
}

.input-AddIssue[b-gprxwb1rib] {
    width: 100%;
    padding: 0.3rem 0.5rem;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    color: rgb(166, 166,166);
    font-size: 0.8rem;
    font-style: unset;
    margin: 0.2rem 0;
}

/* css driver details */
.bg-driver[b-gprxwb1rib] {
    background: rgb(19,43,85);
    background: linear-gradient(0deg, rgba(19,43,85,1) 0%, rgba(32,66,125,1) 50%, rgba(40,80,150,1) 100%);
    width: 100%;
    height: 100%;
    padding: 1rem;
    color: white;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 2%) !important;
    border-radius: 5px;
}

.line-border[b-gprxwb1rib] {
    border-right: 1px solid #9E9E9E;
    height: 100%;
}

.navbarMiddle[b-gprxwb1rib] {
    width: 100%;
    height: 3rem;
    padding: 0 2rem;
    margin-bottom: 0;
}

.bg-navbarMiddle[b-gprxwb1rib] {
    background: rgb(19,43,85);
    background: linear-gradient(180deg, rgba(19,43,85,1) 0%, rgba(32,66,125,1) 50%, rgba(40,80,150,1) 100%);
    padding: 0 !important;
    border-radius: 10px 10px 0 0;
}

.brand-style[b-gprxwb1rib] {
    font-size: 0.58rem;
    color: white;
}

.nav-text[b-gprxwb1rib] {
    font-size: 0.60rem;
    color: rgb(212,212,212);
}

.nav-textTab[b-gprxwb1rib] {
    font-size: 0.8rem;
    font-family: 'Gotham-Bold';
}

.nav-style[b-gprxwb1rib] {
    padding: 0.3rem 0;
    border-bottom: 0.2rem solid rgba(40,80,150,1);
    color: rgb(212,212,212);
    cursor: pointer;
}

.nav-Nonstyle[b-gprxwb1rib] {
    padding: 0.3rem 0;
    border-bottom: 0.2rem solid rgba(40,80,150,1);
}

.nav-select[b-gprxwb1rib] {
    padding: 0.3rem 0;
    border-bottom: 0.2rem solid rgb(13,209,155);
}

li.nav-style:hover:not(.active)[b-gprxwb1rib] {
    background: rgb(19, 43, 85, 0.67);
    color: White;
    border-bottom: 0.2rem solid rgb(13,209,155);
}

.active[b-gprxwb1rib] {
    background: linear-gradient(180deg, rgba(19,43,85,1) 0%, rgba(32,66,125,1) 50%, rgba(40,80,150,1) 100%);
    color: White;
    border-bottom: 0.2rem solid rgb(13,209,155);
}


.nav-icon[b-gprxwb1rib] {
    position: relative;
}

.nav-item[b-gprxwb1rib] {
    padding: 0 0.8rem;
}

.badge[b-gprxwb1rib] {
    position: absolute;
    top: 0.2rem;
    right: -0.5rem;
    --bs-badge-font-size: 0.6rem !important;
}


.hidden[b-gprxwb1rib] {
    display: none;
}

.show-flex[b-gprxwb1rib] {
    display: flex;
}

.hover_parent[b-gprxwb1rib] {
    position: relative;
}

.hover_body[b-gprxwb1rib] {
    position: absolute;
    width: 15rem;
    height: 9rem;
    background: white;
    border-radius: 0.2rem;
    display: none;
    flex-direction: column;
    align-items: center;
    padding: 0.5rem;
    box-shadow: 0px 0px 6px 4px rgb(0 0 0 / 25%);
    z-index: 1;
}

    .hover_body .hover_head[b-gprxwb1rib] {
        border-bottom: 1px solid rgb(217 217 217);
        padding-bottom: 0.2rem;
        width: calc(100% - 2vh);
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        font-family: 'GothamMedium';
    }

.input-driver[b-gprxwb1rib] {
    width: 80%;
    padding: 0.3rem 0.5rem;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    color: rgb(166, 166,166);
    font-style: italic;
    font-size: 0.7rem;
    margin: 0.2rem 0;
}

.rect-trip[b-gprxwb1rib] {
    background-color: rgb(26,30,38,0.3);
    padding: 0.1rem 1rem 0 1rem;
    border-radius: 0.2rem;
    color: red;
    text-align: center;
    width: 3rem;
    font-family: 'Gotham-Bold';
}

.imgStyle[b-gprxwb1rib] {
    height: 3rem;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 50%;
}

.img-style[b-gprxwb1rib] {
    height: 5rem;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 5px;
}

.numFont-style[b-gprxwb1rib] {
    font-family: 'Gotham-Bold';
    font-size: 0.9rem;
    color: rgb(13,209,155);
}

.small-font[b-gprxwb1rib] {
    font-size: 0.7rem;
    color: rgb(13,209,155);
    line-height: 1;
}

.FSC-value[b-gprxwb1rib] {
    color: rgb(13,209,155);
    font-family: 'Gotham-Bold';
}

.font-small[b-gprxwb1rib] {
    font-size: 0.7rem;
    font-family: 'Gotham-Bold';
}

tbody[b-gprxwb1rib], td[b-gprxwb1rib], tr[b-gprxwb1rib] {
    padding: 0.1rem 0.5rem !important;
}

thead[b-gprxwb1rib], th[b-gprxwb1rib], tr[b-gprxwb1rib] {
    padding: 0.2rem 0.5rem !important;
}

.table thead th[b-gprxwb1rib] {
    background: lightgray;
}

tr:nth-child(even)[b-gprxwb1rib] {
    background-color: #f2f2f2
}

/* width */
[b-gprxwb1rib]::-webkit-scrollbar {
    width: 0.4rem;
}

/* Track */
[b-gprxwb1rib]::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 1rem;
}

/* Handle */
[b-gprxwb1rib]::-webkit-scrollbar-thumb {
    background: rgb(166, 166, 166);
    border-radius: 1rem;
}

    /* Handle on hover */
    [b-gprxwb1rib]::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

.tableFixHead[b-gprxwb1rib] {
    overflow-y: auto;
    height: 4.2rem;
}

    .tableFixHead thead th[b-gprxwb1rib] {
        position: sticky;
        top: 0;
    }

.alignRight[b-gprxwb1rib] {
    text-align: right;
}

.el-input__inner[b-gprxwb1rib] {
    height: 2rem;
    width: 100%;
    padding: 0.3rem 1rem;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    color: rgb(166, 166,166);
    font-style: italic;
    font-size: 0.8rem;
    margin: 0;
}

.el-input-group__append[b-gprxwb1rib], .el-input-group__prepend[b-gprxwb1rib] {
    background-color: rgb(13,209,155) !important;
    color: #ffffff !important;
    border: 1px solid #ccc !important;
    padding: 0 0.5rem !important;
    font-size: 0.8rem !important;
}

.input-driverPay[b-gprxwb1rib] {
    width: 100%;
    padding: 0.3rem 0.5rem;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    color: rgb(166, 166,166);
    font-style: italic;
    font-size: 0.7rem;
    margin: 0.2rem 0;
}

.tableFixPerformance[b-gprxwb1rib] {
    overflow-y: auto;
    height: 5rem;
}

    .tableFixPerformance thead th[b-gprxwb1rib] {
        position: sticky;
        top: 0;
    }

/* Demo Grid */
.vue-grid-layout[b-gprxwb1rib] {
    background: none;
    width: 100vw;
}

.vue-grid-item:not(.vue-grid-placeholder)[b-gprxwb1rib] {
    background-color: white;
    width: 100%;
    height: 100%;
    padding: 1rem;
    color: black;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%) !important;
    border-radius: 5px;
}

.vue-grid-item .resizing[b-gprxwb1rib] {
    opacity: 0.9;
}

.vue-grid-item .static[b-gprxwb1rib] {
    background: #cce;
}

.vue-grid-item .text[b-gprxwb1rib] {
    font-size: 24px;
    text-align: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 100%;
    width: 100%;
}

.vue-grid-item .no-drag[b-gprxwb1rib] {
    height: 100%;
    width: 100%;
}

.vue-grid-item .minMax[b-gprxwb1rib] {
    font-size: 12px;
}

.vue-grid-item .add[b-gprxwb1rib] {
    cursor: pointer;
}

.vue-draggable-handle[b-gprxwb1rib] {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0;
    left: 0;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10'><circle cx='5' cy='5' r='5' fill='#999999'/></svg>") no-repeat;
    background-position: bottom right;
    padding: 0 8px 8px 0;
    background-repeat: no-repeat;
    background-origin: content-box;
    box-sizing: border-box;
    cursor: pointer;
}

.btnDrop-addIssue[b-gprxwb1rib] {
    background-color: white;
    color: black;
    font-size: 0.8rem;
    border: 1px solid rgb(204, 204, 204);
}

.input-AddIssue[b-gprxwb1rib] {
    width: 100%;
    padding: 0.3rem 0.5rem;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    color: rgb(166, 166,166);
    font-size: 0.8rem;
    font-style: unset;
    margin: 0.2rem 0;
}

/* _content/dims/Views/Board/Index.cshtml.rz.scp.css */
.line-border[b-v6777f3z9t] {
    border-right: 1px solid #9E9E9E;
    height: 100%;
}

.navbarMiddle[b-v6777f3z9t] {
    width: 100%;
    height: 3rem;
    padding: 0;
    margin-bottom: 0;
}

.bg-navbarMiddle[b-v6777f3z9t] {
    background: rgb(19,43,85);
    background: linear-gradient(180deg, rgba(19,43,85,1) 0%, rgba(32,66,125,1) 50%, rgba(40,80,150,1) 100%);
    padding: 0 !important;
}

.brand-style[b-v6777f3z9t] {
    font-size: 0.58rem;
    color: white;
}

.nav-text[b-v6777f3z9t] {
    font-size: 0.60rem;
    color: rgb(212,212,212);
}

.nav-textTab[b-v6777f3z9t] {
    font-size: 0.8rem;
    font-family: 'Gotham-Bold';
}

.nav-style[b-v6777f3z9t] {
    padding: 0.3rem 0;
    border-bottom: 0.2rem solid rgba(40,80,150,1);
    color: rgb(212,212,212);
    cursor: pointer;
}

.nav-Nonstyle[b-v6777f3z9t] {
    padding: 0.3rem 0;
    border-bottom: 0.2rem solid rgba(40,80,150,1);
}

.nav-select[b-v6777f3z9t] {
    padding: 0.3rem 0;
    border-bottom: 0.2rem solid rgb(13,209,155);
}

li.nav-style:hover:not(.active)[b-v6777f3z9t] {
    background: rgb(19, 43, 85, 0.67);
    color: White;
    border-bottom: 0.2rem solid rgb(13,209,155);
}

.active[b-v6777f3z9t] {
    background: linear-gradient(180deg, rgba(19,43,85,1) 0%, rgba(32,66,125,1) 50%, rgba(40,80,150,1) 100%);
    color: White;
    border-bottom: 0.2rem solid rgb(13,209,155);
}


.nav-icon[b-v6777f3z9t] {
    position: relative;
}

.nav-item[b-v6777f3z9t] {
    padding: 0 0.8rem;
}

.badge[b-v6777f3z9t] {
    position: absolute;
    top: 0.2rem;
    right: -0.5rem;
    --bs-badge-font-size: 0.6rem !important;
}


.hidden[b-v6777f3z9t] {
    display: none;
}

.show-flex[b-v6777f3z9t] {
    display: flex;
}

.hover_parent[b-v6777f3z9t] {
    position: relative;
}

.hover_body[b-v6777f3z9t] {
    position: absolute;
    width: 15rem;
    height: 9rem;
    background: white;
    border-radius: 0.2rem;
    display: none;
    flex-direction: column;
    align-items: center;
    padding: 0.5rem;
    box-shadow: 0px 0px 6px 4px rgb(0 0 0 / 25%);
    z-index: 1;
}

    .hover_body .hover_head[b-v6777f3z9t] {
        border-bottom: 1px solid rgb(217 217 217);
        padding-bottom: 0.2rem;
        width: calc(100% - 2vh);
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        font-family: 'GothamMedium';
    }

.input-driver[b-v6777f3z9t] {
    width: 80%;
    padding: 0.3rem 0.5rem;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    color: rgb(166, 166,166);
    font-style: italic;
    font-size: 0.7rem;
    margin: 0.2rem 0;
}

.rect-trip[b-v6777f3z9t] {
    background-color: rgb(26,30,38,0.3);
    padding: 0.1rem 1rem 0 1rem;
    border-radius: 0.2rem;
    color: red;
    text-align: center;
    width: 3rem;
    font-family: 'Gotham-Bold';
}

.layout-background[b-v6777f3z9t] {
    background-color: white;
    width: 100%;
    height: 100%;
    padding: 1rem;
    color: black;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%) !important;
    border-radius: 5px;
}

.imgStyle[b-v6777f3z9t] {
    height: 3rem;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 50%;
}

.numFon-style[b-v6777f3z9t] {
    font-family: 'Gotham-Bold';
    font-size: 0.7rem;
    color: rgb(13,209,155);
}

.small-font[b-v6777f3z9t] {
    font-size: 0.7rem;
    color: rgb(13,209,155);
    line-height: 1;
}

.FSC-value[b-v6777f3z9t] {
    color: rgb(13,209,155);
    font-family: 'Gotham-Bold';
}

.font-small[b-v6777f3z9t] {
    font-size: 0.7rem;
    font-family: 'Gotham-Bold';
}

tbody[b-v6777f3z9t], td[b-v6777f3z9t], tr[b-v6777f3z9t] {
    padding: 0.1rem 0.5rem !important;
}

thead[b-v6777f3z9t], th[b-v6777f3z9t], tr[b-v6777f3z9t] {
    padding: 0.2rem 0.5rem !important;
}

.table thead th[b-v6777f3z9t] {
    background: lightgray;
}

tr:nth-child(even)[b-v6777f3z9t] {
    background-color: #f2f2f2
}

/* width */
[b-v6777f3z9t]::-webkit-scrollbar {
    width: 0.4rem;
}

/* Track */
[b-v6777f3z9t]::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 1rem;
}

/* Handle */
[b-v6777f3z9t]::-webkit-scrollbar-thumb {
    background: rgb(166, 166, 166);
    border-radius: 1rem;
}

    /* Handle on hover */
    [b-v6777f3z9t]::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

.tableFixHead[b-v6777f3z9t] {
    overflow-y: auto;
    height: 4.2rem;
}

    .tableFixHead thead th[b-v6777f3z9t] {
        position: sticky;
        top: 0;
    }

.alignRight[b-v6777f3z9t] {
    text-align: right;
}

.el-input__inner[b-v6777f3z9t] {
    height: 2rem;
    width: 100%;
    padding: 0.3rem 1rem;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    font-style: italic;
    font-size: 0.8rem;
    margin: 0;
}

.el-input-group__append[b-v6777f3z9t], .el-input-group__prepend[b-v6777f3z9t] {
    background-color: rgb(13,209,155) !important;
    color: #ffffff !important;
    border: 1px solid #ccc !important;
    padding: 0 0.5rem !important;
    font-size: 0.8rem !important;
}

.input-driverPay[b-v6777f3z9t] {
    width: 100%;
    padding: 0.3rem 0.5rem;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    color: rgb(166, 166,166);
    font-style: italic;
    font-size: 0.7rem;
    margin: 0.2rem 0;
}

.tableFixPerformance[b-v6777f3z9t] {
    overflow-y: auto;
    height: 6rem;
}

    .tableFixPerformance thead th[b-v6777f3z9t] {
        position: sticky;
        top: 0;
    }

/* Demo Grid */
.vue-grid-layout[b-v6777f3z9t] {
    background: none;
    width: 100vw;
}

.vue-grid-item:not(.vue-grid-placeholder)[b-v6777f3z9t] {
    background-color: white;
    width: 100%;
    height: 100%;
    padding: 1rem;
    color: black;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%) !important;
    border-radius: 5px;
}

.vue-grid-item .resizing[b-v6777f3z9t] {
    opacity: 0.9;
}

.vue-grid-item .static[b-v6777f3z9t] {
    background: #cce;
}

.vue-grid-item .text[b-v6777f3z9t] {
    font-size: 24px;
    text-align: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 100%;
    width: 100%;
}

.vue-grid-item .no-drag[b-v6777f3z9t] {
    height: 100%;
    width: 100%;
}

.vue-grid-item .minMax[b-v6777f3z9t] {
    font-size: 12px;
}

.vue-grid-item .add[b-v6777f3z9t] {
    cursor: pointer;
}

.vue-draggable-handle[b-v6777f3z9t] {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0;
    left: 0;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10'><circle cx='5' cy='5' r='5' fill='#999999'/></svg>") no-repeat;
    background-position: bottom right;
    padding: 0 8px 8px 0;
    background-repeat: no-repeat;
    background-origin: content-box;
    box-sizing: border-box;
    cursor: pointer;
}

.btnDrop-addIssue[b-v6777f3z9t] {
    background-color: white;
    color: black;
    font-size: 0.8rem;
    border: 1px solid rgb(204, 204, 204);
}

.input-AddIssue[b-v6777f3z9t] {
    width: 100%;
    padding: 0.3rem 0.5rem;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    color: rgb(166, 166,166);
    font-size: 0.8rem;
    font-style: unset;
    margin: 0.2rem 0;
}

.el-date-editor.el-input[b-v6777f3z9t] {
    width: 14rem !important;
}
/* _content/dims/Views/Gantt/Gantt.cshtml.rz.scp.css */
body[b-w42icznrp8] {
}

.gantt .arrow[b-w42icznrp8] {
    fill: none;
    stroke: black;
    stroke-width: 0.25rem;
}

.chart-controls[b-w42icznrp8] {
    text-align: center;
}

.chart-controls > p[b-w42icznrp8] {
    font-size: 1.2rem;
    font-weight: 500;
}
/* _content/dims/Views/Home/Index.cshtml.rz.scp.css */
.style-font[b-ztewwdqm5x]{
    text-decoration: underline;
}

.line-border[b-ztewwdqm5x] {
    border-right: 1px solid #9E9E9E;
    height: 100%;
}

.container-project[b-ztewwdqm5x] {
    background-color: white;
    border: 1px solid #ddd;
    width: 100%;
    height: fit-content;
    padding: 1rem;
    color: black;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 2%) !important;
    border-radius: 5px;
}
.hover-project:hover[b-ztewwdqm5x] {
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%) !important;
}

.cursor[b-ztewwdqm5x] {
    cursor: pointer;
}

.hover-title:hover[b-ztewwdqm5x] {
    text-decoration: underline;
}

.active[b-ztewwdqm5x] {
    background-color: #e9f8fd;
    border: 1px solid #ddd;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 10%) !important;
    border-left: 0.3rem solid rgb(13,209,155);
}

.description-text[b-ztewwdqm5x] {
    font-size: 0.9rem;
}

.subject-text[b-ztewwdqm5x] {
    font-size: 0.8rem;
    color: #4ca113;
}

.rect-count[b-ztewwdqm5x] {
    width: 2.5rem;
    height: fit-content;
    color: white;
    border-radius: 20px;
    text-align: center;
    background-color: grey;
    font-size: 0.8rem;
}

.font-project[b-ztewwdqm5x] {
    font-size: 0.8rem;
    font-family: 'Gotham-Bold';
}

.rect-project[b-ztewwdqm5x] {
    width: 8rem;
    height: fit-content;
    color: white;
    border-radius: 20px;
    text-align: center;
    background-color: grey;
    font-size: 0.9rem;
}

.button-main[b-ztewwdqm5x] {
    background-color: rgb(13,209,155);
    color: white;
    border: none;
    border-radius: 0.3rem;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    height: 1.5rem;
    width: 5rem;
    font-size: 0.7rem;
    font-family: 'Gotham-Bold';
}

.button-hover:hover[b-ztewwdqm5x] {
    /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
    background-color: rgb(14,195,145);
}

.card[b-ztewwdqm5x] {
    border: none;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 5%) !important;
}

.column-style[b-ztewwdqm5x]{
    padding: 0.5rem;
    font-size: 0.8rem;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    width: 100%;
    height: 3rem;
}

.overflow[b-ztewwdqm5x]{
    overflow-x:hidden;
    height:100%;
}

.container-addProject[b-ztewwdqm5x] {
    width: 100%;
    min-height: 1.924rem;
    padding: 1rem;
    display: inline-block;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box;
    color: rgb(166, 166,166);
    font-size: 0.8rem;
    background-color: #fff;
}

.container-type[b-ztewwdqm5x] {
    width: fit-content;
    padding: 0.25rem 0.5rem;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    color: rgb(125 125 125);
    font-size: 0.8rem;
    background-color: rgb(242,242,242);
}

.hover-button:hover[b-ztewwdqm5x] {
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 5%) !important;
    text-decoration: underline;
}
/* _content/dims/Views/Home/Privacy.cshtml.rz.scp.css */
h1[b-809fex5j80] {
    color: purple
}
/* _content/dims/Views/Items/Index.cshtml.rz.scp.css */
.select-items[b-yhf3brk356] {
    color: rgb(166, 166,166);
    font-size: 0.8rem;
}
table[b-yhf3brk356]{
    font-size: 0.8rem;
    width: 100%;
}

.tableOverflowList[b-yhf3brk356] {
    overflow-y: auto;
    height: 100%;
    margin-bottom: 1rem;
}

tr:nth-child(odd)[b-yhf3brk356] {
    background-color: white;
}

tr:hover[b-yhf3brk356] {
    background-color: #D6EEEE;
}


.table-style[b-yhf3brk356]{
    padding-top:1rem;
}

.rect-style[b-yhf3brk356]{
    width:6rem;
    height:fit-content;
    color:white;
    padding:0.2rem 0.5rem;
    border-radius:20px;
    text-align:center;
    background-color:grey;

}

.subject-text[b-yhf3brk356] {
    font-family: 'Gotham-Bold';
    color: #4ca113;
}

.select-items[b-yhf3brk356] {
    color: rgb(166, 166,166);
    font-size: 0.8rem;
}

.dot[b-yhf3brk356] {
    height: 1.2rem;
    width: 1.2rem;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
}

.dot-user[b-yhf3brk356] {
    height: 1.2rem;
    width: 1.2rem;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    font-size: 0.6rem;
    text-align: center;
    padding-top: 0.2rem;
}

.style-kanban[b-yhf3brk356] {
    padding-bottom: 1rem !important;
}

.font-status[b-yhf3brk356] {
    font-family: 'Gotham-Bold';
    padding-right: 1rem;
}

.rect-count[b-yhf3brk356] {
    width: 2rem;
    height: fit-content;
    color: white;
    border-radius: 20px;
    text-align: center;
    background-color: grey;
    font-size: 0.7rem;
}

.container-kanban[b-yhf3brk356] {
    background-color: white;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    padding: 1rem;
    color: black;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 2%) !important;
    border-radius: 5px;
}

.child-kanban[b-yhf3brk356] {
    background-color: white;
    border: 1px solid #ddd;
    width: 100%;
    height: fit-content;
    padding: 0.5rem 1rem;
    color: black;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 2%) !important;
    border-radius: 5px;
    cursor: grab;
    position:relative;
}

    .child-kanban[b-yhf3brk356]::before {
        position: absolute;
        top:0;
        left:0;
        content: "";
        height: 100%;
        width: 100%;
        color: black;
        background-color: white;
        opacity: 0;
        border-radius: 5px;
    }

.hover-kanban:hover[b-yhf3brk356] {
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%) !important;
}

.layout-driver[b-yhf3brk356] {
    background-color: white;
    width: 100%;
    height: 100%;
    padding: 1rem;
    color: black;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 2%) !important;
    border-radius: 5px;
}

.container-driver[b-yhf3brk356] {
    background-color: white;
    width: 100%;
    height: fit-content;
    padding: 1rem;
    color: black;
    border-radius: 5px;
    border: 1px solid #ddd;
}

.col-sm-3[b-yhf3brk356] {
    padding: 0.5rem;
}

.subject-text[b-yhf3brk356] {
    font-size: 0.8rem;
    color: #4ca113;
}

.rect-status[b-yhf3brk356] {
    width: fit-content;
    height: fit-content;
    padding: 0 0.5rem;
    color: white;
    border-radius: 20px;
    text-align: center;
    background-color: grey;
    font-size: 0.7rem;
}

.rectPopup-status[b-yhf3brk356] {
    width: 100%;
    height: fit-content;
    padding: 0.1rem 0.5rem;
    color: white;
    border-radius: 20px;
    text-align: center;
    background-color: grey;
    font-size: 0.8rem;
    display: inherit;
}

.description-text[b-yhf3brk356] {
    font-size: 0.9rem;
}

.cover_popup[b-yhf3brk356] {
    position: absolute;
    height: 100%;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgb(0 0 0 / 50%);
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
}

.popup[b-yhf3brk356] {
    position: absolute;
    background: rgb(242,242,242);
    width: 85rem;
    height: fit-content;
    border-radius: 0.5rem;
    z-index: 11;
}


.popup-details[b-yhf3brk356] {
    width: 65rem;
    height: 28rem;
}

.head-popup[b-yhf3brk356] {
    background-color: white;
    height: 3rem;
    width: 100%;
    padding: 0.5rem 1rem;
    border-top-right-radius: 0.5rem;
    border-top-left-radius: 0.5rem;
    font-family: 'Gotham-Bold';
}

.body-popup[b-yhf3brk356] {
    background-color: rgb(242,242,242);
    font-size: 0.9rem;
    color: black;
    height: fit-content;
    width: 100%;
    padding: 1.5rem 2rem;
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
}

.popup-edit[b-yhf3brk356] {
    height: 30rem !important;
}

.line-style[b-yhf3brk356] {
    border-top: 1px solid rgb(191, 191, 191);
    margin-bottom: 1rem;
}

.button-forgot[b-yhf3brk356] {
    background-color: rgb(255, 192, 0);
    color: white;
    border: none;
    border-radius: 0.3rem;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    height: 1.8rem;
    width: 5.5rem;
    font-size: 0.8rem;
    font-family: 'Gotham-Bold';
}

.button-hover2:hover[b-yhf3brk356] {
    /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
    background-color: rgb(222, 169, 0);
}

.button-add[b-yhf3brk356] {
    background-color: white;
    color: black;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    height: 2rem;
    width: 100%;
    font-size: 0.7rem;
    font-family: 'Gotham-Bold';
}

.add-hover:hover[b-yhf3brk356] {
    /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
    background-color: #ccc;
}

.text-duedate[b-yhf3brk356] {
    color: black;
    font-family: 'Gotham-Bold';
    font-size: 0.87rem;
}

.el-input__inner[b-yhf3brk356] {
    height: 2rem;
    width: 100%;
    padding: 0.3rem 1rem;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    font-style: italic;
    font-size: 0.8rem;
    margin: 0;
}

.el-input-group__append[b-yhf3brk356], .el-input-group__prepend[b-yhf3brk356] {
    background-color: rgb(13,209,155) !important;
    color: #ffffff !important;
    border: 1px solid #ccc !important;
    padding: 0 0.5rem !important;
    font-size: 0.8rem !important;
}

.container-review[b-yhf3brk356] {
    background-color: white;
    border: 1px solid #ddd;
    width: 100%;
    height: fit-content;
    padding: 1rem;
    color: black;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 2%) !important;
    border-radius: 5px;
}

.dotUser-review[b-yhf3brk356] {
    height: 2.5rem;
    width: 2.5rem;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    font-size: 1.2rem;
    color: white;
    text-align: center;
    padding-top: 0.3rem;
}



.column-style[b-yhf3brk356] {
    padding: 0.5rem;
    font-size: 0.8rem;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    width: 100%;
    height: 3rem;
}

.select-date[b-yhf3brk356] {
    color: rgb(166, 166,166);
    font-size: 0.8rem;
    background-image: unset;
    background-repeat: unset;
    background-position: unset;
    background-size: unset;
    padding: 0.25rem 0.75rem;
}

.select-files[b-yhf3brk356] {
    background-color: white;
    border: 2px solid #a5a5a5;
    border-style: dashed;
    border-radius: 5px;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 2%) !important;
    height: fit-content;
    padding: 1rem;
    margin: 0.4rem 0;
}

.button-main[b-yhf3brk356] {
    background-color: #0DD19B;
    color: white;
    border: none;
    border-radius: 0.3rem;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    height: 2rem;
    width: 6rem;
    font-size: 0.8rem;
    font-family: 'GothamMedium';
}

.hover-main:hover[b-yhf3brk356] {
    /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
    background-color: #00B486;
}

.info-file[b-yhf3brk356] {
    color: rgb(166, 166,166);
    font-size: 0.7rem;
}

.input-AddIssue[b-yhf3brk356] {
    width: 100%;
    padding: 0.3rem 0.5rem;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 0.8rem;
    font-style: unset;
    margin: 0.2rem 0;
}

/* css driver details */
.bg-driver[b-yhf3brk356] {
    background: rgb(19,43,85);
    background: linear-gradient(0deg, rgba(19,43,85,1) 0%, rgba(32,66,125,1) 50%, rgba(40,80,150,1) 100%);
    width: 100%;
    height: 100%;
    padding: 1rem;
    color: white;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 2%) !important;
    border-radius: 5px;
}

.line-border[b-yhf3brk356] {
    border-right: 1px solid #9E9E9E;
    height: 100%;
}

.navbarMiddle[b-yhf3brk356] {
    width: 100%;
    height: 3rem;
    padding: 0 2rem;
    margin-bottom: 0;
}

.bg-navbarMiddle[b-yhf3brk356] {
    background: rgb(19,43,85);
    background: linear-gradient(180deg, rgba(19,43,85,1) 0%, rgba(32,66,125,1) 50%, rgba(40,80,150,1) 100%);
    padding: 0 !important;
    border-radius: 10px 10px 0 0;
}

.brand-style[b-yhf3brk356] {
    font-size: 0.58rem;
    color: white;
}

.nav-text[b-yhf3brk356] {
    font-size: 0.60rem;
    color: rgb(212,212,212);
}

.nav-textTab[b-yhf3brk356] {
    font-size: 0.8rem;
    font-family: 'Gotham-Bold';
}

.nav-style[b-yhf3brk356] {
    padding: 0.3rem 0;
    border-bottom: 0.2rem solid rgba(40,80,150,1);
    color: rgb(212,212,212);
    cursor: pointer;
}

.nav-Nonstyle[b-yhf3brk356] {
    padding: 0.3rem 0;
    border-bottom: 0.2rem solid rgba(40,80,150,1);
}

.nav-select[b-yhf3brk356] {
    padding: 0.3rem 0;
    border-bottom: 0.2rem solid rgb(13,209,155);
}

li.nav-style:hover:not(.active)[b-yhf3brk356] {
    background: rgb(19, 43, 85, 0.67);
    color: White;
    border-bottom: 0.2rem solid rgb(13,209,155);
}

.active[b-yhf3brk356] {
    background: linear-gradient(180deg, rgba(19,43,85,1) 0%, rgba(32,66,125,1) 50%, rgba(40,80,150,1) 100%);
    color: White;
    border-bottom: 0.2rem solid rgb(13,209,155);
}

.active-select[b-yhf3brk356] {
    font-size: 0.9rem;
    font-family: 'Gotham-Bold';
}


.nav-icon[b-yhf3brk356] {
    position: relative;
}

.nav-item[b-yhf3brk356] {
    padding: 0 0.8rem;
}

.badge[b-yhf3brk356] {
    position: absolute;
    top: 0.2rem;
    right: -0.5rem;
    --bs-badge-font-size: 0.6rem !important;
}


.hidden[b-yhf3brk356] {
    display: none;
}

.show-flex[b-yhf3brk356] {
    display: flex;
}

.hover_parent[b-yhf3brk356] {
    position: relative;
}

.hover_body[b-yhf3brk356] {
    position: absolute;
    width: 15rem;
    height: 9rem;
    background: white;
    border-radius: 0.2rem;
    display: none;
    flex-direction: column;
    align-items: center;
    padding: 0.5rem;
    box-shadow: 0px 0px 6px 4px rgb(0 0 0 / 25%);
    z-index: 1;
}

    .hover_body .hover_head[b-yhf3brk356] {
        border-bottom: 1px solid rgb(217 217 217);
        padding-bottom: 0.2rem;
        width: calc(100% - 2vh);
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        font-family: 'GothamMedium';
    }

.input-driver[b-yhf3brk356] {
    width: 80%;
    padding: 0.3rem 0.5rem;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    color: rgb(166, 166,166);
    font-style: italic;
    font-size: 0.7rem;
    margin: 0.2rem 0;
}

.rect-trip[b-yhf3brk356] {
    background-color: rgb(26,30,38,0.3);
    padding: 0.1rem 1rem 0 1rem;
    border-radius: 0.2rem;
    color: red;
    text-align: center;
    width: 3rem;
    font-family: 'Gotham-Bold';
}

.imgStyle[b-yhf3brk356] {
    height: 3rem;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 50%;
}

.hover-button:hover[b-yhf3brk356] {
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 5%) !important;
    text-decoration:underline;
}

/* Hide the checkbox */
.toggle[b-yhf3brk356] {
    --width: 4.5rem;
    --height: calc(var(--width) / 3);
    position: relative;
    display: inline-block;
    width: var(--width);
    height: var(--height);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    border-radius: var(--height);
    cursor: pointer;
}

    .toggle input[b-yhf3brk356] {
        display: none;
    }

    .toggle .slider[b-yhf3brk356] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: var(--height);
        background-color: #ccc;
        transition: all 0.4s ease-in-out;
    }

        .toggle .slider[b-yhf3brk356]::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: calc(var(--height));
            height: calc(var(--height));
            border-radius: calc(var(--height) / 2);
            background-color: #fff;
            box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
            transition: all 0.4s ease-in-out;
        }

    .toggle input:checked + .slider[b-yhf3brk356] {
        background-color: #2196F3;
    }

        .toggle input:checked + .slider[b-yhf3brk356]::before {
            transform: translateX(calc(var(--width) - var(--height)));
        }


.overflow[b-yhf3brk356] {
    overflow-x: hidden;
    height: 7.7rem;
}


.container-project[b-yhf3brk356] {
    background-color: white;
    border: 1px solid #ddd;
    width: 100%;
    height: fit-content;
    padding: 1rem;
    color: black;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 2%) !important;
    border-radius: 5px;
}

.hover-project:hover[b-yhf3brk356] {
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%) !important;
}

.cursor[b-yhf3brk356] {
    cursor: pointer;
}

.button-edit[b-yhf3brk356] {
    background-color: white;
    color: black;
    border: 1px solid #ccc;
    border-radius: 0.3rem;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    height: 1.5rem;
    width: 4rem;
    font-size: 0.7rem;
    font-family: 'GothamMedium';
}

.edit-hover:hover[b-yhf3brk356] {
    /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
    background-color: #ccc;
}

.button-delete[b-yhf3brk356] {
    background-color: red;
    color: white;
    border: 1px solid red;
    border-radius: 0.3rem;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    height: 1.5rem;
    width: 4rem;
    font-size: 0.7rem;
    font-family: 'GothamMedium';
}

.delete-hover:hover[b-yhf3brk356] {
    /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
    background-color: #cb0202;
}
}

.el-input--small .el-input__inner[b-yhf3brk356] {
    width: 100% !important;
    height: 32px;
    line-height: 32px;
}

/*#region kanban Board*/
.child-kanban:hover[b-yhf3brk356] {
    opacity: 0.7;
}

.child-kanban.dragging[b-yhf3brk356] {
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    -webkit-transform: rotate(-0.5deg);
}
.card-placeholder[b-yhf3brk356] {
    display: block;
    height: 6rem;
    border: 2px dashed #ddd;
    margin: 3px 0;
    border-radius: 5px;
}
/*#endregion*/

/* Style Checkmark */

.container[b-yhf3brk356] {
    display: block;
    position: relative;
    padding-left: 1.8rem;
    cursor: pointer;
    font-size: 0.8rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default checkbox */
    .container input[b-yhf3brk356] {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

/* Create a custom checkbox */
.checkmark[b-yhf3brk356] {
    position: absolute;
    top: 0;
    left: 0;
    height: 1.2rem;
    width: 1.2rem;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 3px
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark[b-yhf3brk356] {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark[b-yhf3brk356] {
    background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark[b-yhf3brk356]:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark[b-yhf3brk356]:after {
    display: block;
}

/* Style the checkmark/indicator */
.container .checkmark[b-yhf3brk356]:after {
    left: 0.4rem;
    top: 0.25rem;
    width: 0.35rem;
    height: 0.5rem;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.custom-button[b-yhf3brk356] {
    padding: 0.25rem 1rem;
    background-color: white;
    border: 1px solid #ddd;
    width: fit-content;
    height: fit-content;
    border-radius: 5px;
}

.custom-hover:hover[b-yhf3brk356] {
    background-color: #ccc;
}

.input-edit[b-yhf3brk356] {
    width: 100%;
    padding: 0.3rem 0.5rem;
    margin: 0.4rem 0;
    display: inline-block;
    border-radius: 4px;
    border: 1px solid white;
    box-sizing: border-box;
    font-size: 0.8rem;
}

.text-box[b-yhf3brk356] {
    height: 5.521rem;
    width: 100%;
    padding: 0.5rem;
    overflow-x: hidden;
    border: 1px solid white;
    border-radius: 4px;
}

.input-hover:hover[b-yhf3brk356] {
    border: 1px solid #ccc;
    background-color: #f5f7fa;
    border-radius: 4px;
}

.subject-edit[b-yhf3brk356] {
    width: 100%;
    padding: 0.3rem 0.5rem;
    margin: 0.4rem 0;
    display: inline-block;
    border-radius: 4px;
    border: 1px solid rgb(242,242,242);
    box-sizing: border-box;
    font-size: 0.8rem;
}

.subject-hover:hover[b-yhf3brk356] {
    border: 1px solid #ddd;
    background-color: white;
    border-radius: 4px;
}

.Line-item[b-yhf3brk356] {
    border-left: 2px solid #c1c1c1;
    height: 2rem;
}
/* _content/dims/Views/Login/Index.cshtml.rz.scp.css */

body[b-55aa0m1bzi] {
    height: 100vh;
    width: 100%;
    background-size: cover;
    overflow: hidden;
    /*background: rgb(142,45,226);*/
    /*background: linear-gradient(108deg, rgba(142,45,226,1) 0%, rgba(141,44,224,1) 6%, rgba(45,103,226,1) 96%);*/
}

#loginApp[b-55aa0m1bzi] {
    height: 100%;
    width: 100%;
    background: url("/Assets/Images/BG-Login.png") center;
    background-repeat: no-repeat;
    background-size: cover;
}

img[b-55aa0m1bzi] {
    max-width: 100%;
    height: auto;
}

.btn[b-55aa0m1bzi] {
    background: transparent;
    border: 3px solid white;
    width: 100%;
    height: auto;
    padding: 0.3rem;
    font-size: 1rem;
    border-radius: 4px;
}

.btn-primary:hover[b-55aa0m1bzi] {
    background: white;
    border: 3px solid white;
    color: black;
}

.container-main[b-55aa0m1bzi] {
    display: flex;
}

.login-bg[b-55aa0m1bzi] {
    position: relative;
    height: 100%;
    width: 100%;
    padding:5rem;
}

.change-my-color[b-55aa0m1bzi] {
    fill: #a6a6a7;
}

.is-hover:hover[b-55aa0m1bzi] {
    color: dodgerblue;
}

.cover_popupLogin[b-55aa0m1bzi] {
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgb(0 0 0 / 50%);
}

.popup-login[b-55aa0m1bzi] {
    position: absolute;
    background: rgb(242,242,242);
    width: 30rem;
    height: fit-content;
    border-radius: 0.5rem;
    z-index: 11;
}

.head-popup[b-55aa0m1bzi] {
    background-color: white;
    height: 3rem;
    width: 100%;
    padding: 0.5rem 1rem;
    border-top-right-radius: 0.5rem;
    border-top-left-radius: 0.5rem;
    font-family: 'Gotham-Bold';
}

.body-popup[b-55aa0m1bzi] {
    background-color: rgb(242,242,242);
    font-size: 0.9rem;
    color: black;
    height: fit-content;
    width: 100%;
    padding: 1.5rem 2rem;
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
}

.login-form[b-55aa0m1bzi] {
    position: absolute;
    height: 25rem;
    width: 25rem;
    color: white;
}

.email-box[b-55aa0m1bzi] {
    padding: 0.2rem 0.5rem;
    background-color: white;
    border-radius: 0.3rem;
    border: 0.1rem solid rgb(191, 191, 191);
    color: #a8abb2;
    font-style: italic;
}

.line-border[b-55aa0m1bzi] {
    border-bottom: 1px solid rgb(191, 191, 191);
    margin-top: 3rem;
}

.button-edit[b-55aa0m1bzi] {
    background-color: white;
    color: black;
    border: 1px solid #ccc;
    border-radius: 0.3rem;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    height: 1.5rem;
    width: 4rem;
    font-size: 0.7rem;
    font-family: 'GothamMedium';
}

.edit-hover:hover[b-55aa0m1bzi] {
    /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
    background-color: #ccc;
}

.button-delete[b-55aa0m1bzi] {
    background-color: red;
    color: white;
    border: 1px solid red;
    border-radius: 0.3rem;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    height: 1.5rem;
    width: 4rem;
    font-size: 0.7rem;
    font-family: 'GothamMedium';
}

.delete-hover:hover[b-55aa0m1bzi] {
    /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
    background-color: #cb0202;
}

.form-label[b-55aa0m1bzi] {
    margin-bottom: 0.2rem;
    font-size: 0.9rem;
}

.form-control[b-55aa0m1bzi] {
    font-size: 0.8rem;
    /*color: #a8abb2;*/
    color: #343435;
    border-left-style: solid;
    border-left-color: #2b6eff;
    border-left-width: 0.3rem;
    font-family: 'GothamMedium';
    border-radius: 4px;
    height: 2.5rem;
}

.cover_popupForget[b-55aa0m1bzi] {
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgb(0 0 0 / 50%);
}

.popup-forget[b-55aa0m1bzi] {
    position: absolute;
    background: rgb(235,235,235);
    width: 29rem;
    height: 23rem;
    border-radius: 0.5rem;
    /*-webkit-transition-duration: 0.4s;
        transition-duration: 0.4s;*/
}

.head-popupChange[b-55aa0m1bzi] {
    background: rgb(142,45,226);
    background: linear-gradient(108deg, rgba(142,45,226,1) 0%, rgba(141,44,224,1) 6%, rgba(45,103,226,1) 96%);
    height: 3rem;
    width: 100%;
    padding: 0.7rem 1rem;
    font-family: 'GothamMedium';
    color: white;
}

.body-popupChange[b-55aa0m1bzi] {
    font-size: 1rem;
    color: black;
    height: 15rem;
    width: 100%;
    padding: 1rem 2rem;
    padding-top: 1.2rem;
}

.line-style[b-55aa0m1bzi] {
    border-top: 1px solid rgb(191, 191, 191);
    margin-bottom: 1rem;
}

.style-form[b-55aa0m1bzi] {
    font-size: 0.8rem;
    font-style: italic;
    color: #a8abb2;
    border-left-style: none;
    border-left-color: none;
    border-left-width: unset;
    font-family: 'GothamMedium';
    border-radius: 4px;
    height: 2rem;
    font-size: 0.7rem !important;
}
/* _content/dims/Views/Shared/_Layout.cshtml.rz.scp.css */
/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

.bg-navbarTop[b-jh7pdoxrt3] {
    background: rgb(19,43,85);
    background: linear-gradient(180deg, rgba(19,43,85,1) 0%, rgba(32,66,125,1) 50%, rgba(40,80,150,1) 100%);
    padding: 0 !important;
}

.Line1[b-jh7pdoxrt3] {
    border-left: 1px solid white;
    height: 1.2rem;
}

.dropdown[b-jh7pdoxrt3] {
    position: relative;
    display: inline-block;
}

.dropdown-content[b-jh7pdoxrt3] {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 9rem;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    border-radius: 3px;
    font-size: 0.8rem;
}

    .dropdown-content a[b-jh7pdoxrt3] {
        color: black;
        padding: 0.6rem 0.8rem;
        text-decoration: none;
        display: block;
        border-radius: 3px;
    }

        .dropdown-content a:hover[b-jh7pdoxrt3] {
            background-color: #ddd;
        }

.dropdown:hover .dropdown-content[b-jh7pdoxrt3] {
    display: block;
}

button.accept-policy[b-jh7pdoxrt3] {
  font-size: 1rem;
  line-height: inherit;
}

.footer[b-jh7pdoxrt3] {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px;
}

.navbar-text[b-jh7pdoxrt3] {
    font-size: 0.62rem;
    color: white;
    line-height: initial;
}

.profile-text[b-jh7pdoxrt3] {
    color: white;
    line-height: initial;
    padding: 0 2rem 0 0.5rem;
}

.navbarMiddle[b-jh7pdoxrt3] {
    width: 100%;
    height: 100%;
    padding: 0;
    margin-bottom: 0;
}

.bg-navbarMiddle[b-jh7pdoxrt3] {
    background: rgb(19,43,85);
    background: linear-gradient(180deg, rgba(19,43,85,1) 0%, rgba(32,66,125,1) 50%, rgba(40,80,150,1) 100%);
    padding: 0 !important;
}

.nav-text[b-jh7pdoxrt3] {
    font-size: 0.60rem;
    color: rgb(212,212,212);
}

.nav-textTab[b-jh7pdoxrt3] {
    font-size: 0.8rem;
    font-family: 'Gotham-Bold';
}

.nav-style[b-jh7pdoxrt3] {
    padding: 0.3rem 0;
    border-bottom: 0.2rem solid rgba(40,80,150,1);
    color: rgb(212,212,212);
    cursor: pointer;
}

.nav-Nonstyle[b-jh7pdoxrt3] {
    padding: 0.3rem 0;
    border-bottom: 0.2rem solid rgba(40,80,150,1);
}

.nav-select[b-jh7pdoxrt3] {
    padding: 0.3rem 0;
    border-bottom: 0.2rem solid rgb(13,209,155);
}

li.nav-style:hover:not(.active)[b-jh7pdoxrt3] {
    background: rgb(19, 43, 85, 0.67);
    color: White;
    border-bottom: 0.2rem solid rgb(13,209,155);
}

.active[b-jh7pdoxrt3] {
    background: linear-gradient(180deg, rgba(19,43,85,1) 0%, rgba(32,66,125,1) 50%, rgba(40,80,150,1) 100%);
    color: White;
    border-bottom: 0.2rem solid rgb(13,209,155);
}


.nav-icon[b-jh7pdoxrt3] {
    position: relative;
}

.nav-item[b-jh7pdoxrt3] {
    padding: 0 0.8rem;
}

.nav-link[b-jh7pdoxrt3]{
    display: flex;
    height: 100%;
    width: 100%;
    justify-content: center;
    align-items: center;
}