/* _content/ClientServer/Components/DateInput.razor.rz.scp.css */
.wrap_date_picker[b-x9404bjy8i] {
    position: relative;
    margin-right: 5px;
    display: inline-block;
}


    .wrap_date_picker:hover .date_picker[b-x9404bjy8i] {
        display: block;
    }

.date_picker_button[b-x9404bjy8i] {
    background: #FCFCFC url(../images/calendar-range.png) no-repeat 12px center;
    border: 1px solid #CBCBCB;
    max-width: 140px;
    border-radius: 3px;
    font-size: 14px;
    line-height: 21px;
    color: #696969;
    text-align: right;
    padding: 5px 12px 5px 40px;
    display: block;
}
    .date_picker_button.disabled[b-x9404bjy8i] {
        background: #F4F4F4;
    }

.input_list[b-x9404bjy8i] {
    background: #FCFCFC;
    border: 1px solid #CBCBCB;
    border-radius: 3px;
    width: 100%;
    height: 33px;
    text-align: right;
    padding: 0 8px;
}

    .input_list:focus[b-x9404bjy8i],
    .form_control:focus[b-x9404bjy8i] {
        background: #fff;
        border-color: #000;
    }

    .input_list.input_error[b-x9404bjy8i] {
        background: #fff;
        border-color: #EC3153;
    }

    .input_list:disabled[b-x9404bjy8i] {
        background: #F4F4F4;
    }



.date_picker[b-x9404bjy8i] {
    background: #fff;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.15);
    border-radius: 3px;
    width: 227px;
    margin-top: 2px;
    padding: .4rem;
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 2;
    display: none;
}

.row_date[b-x9404bjy8i] {
    margin-bottom: 10px;
}

.row_flex_center[b-x9404bjy8i] {
    align-items: center;
    justify-content: space-between;
    display: flex;
}
.prev[b-x9404bjy8i],
.next[b-x9404bjy8i] {
    border: .45rem solid transparent;
    width: 10px;
    height: 10px;
    display: block;
}

.prev[b-x9404bjy8i] {
    border-right-color: #ccc;
}

.next[b-x9404bjy8i] {
    border-left-color: #ccc;
}
.date_date_picker[b-x9404bjy8i] {
    font-family: 'Heebo', sans-serif;
    font-weight: 700;
    font-size: .944rem;
    line-height: 19px;
    align-items: flex-end;
}

    .date_date_picker span[b-x9404bjy8i] {
        font-size: 11px;
        line-height: 16px;
        padding-right: 10px;
    }
.table_date_picker[b-x9404bjy8i] {
    width: 100%;
    text-align: center;
    z-index: 12;
}

    .table_date_picker th[b-x9404bjy8i] {
        width: 24px;
        height: 24px;
        font-family: 'Heebo', sans-serif;
        font-weight: 700;
        font-size: 13px;
        line-height: 19px;
    }

    .table_date_picker td[b-x9404bjy8i] {
        width: 24px;
    }

.link_date[b-x9404bjy8i] {
    position: relative;
    width: 29px;
    height: 32px;
    font-family: 'HeeboRegular';
    font-size: 12px;
    line-height: 32px;
    color: #191919;
    text-align: center;
    margin: 0;
    display: block;
}

    .link_date:hover[b-x9404bjy8i],
    .link_date.selected[b-x9404bjy8i] {
        background: #3473EB;
        border-radius: 3px;
        color: #fff;
    }
/* _content/ClientServer/Components/Datepicker.razor.rz.scp.css */
.datepicker[b-46mt8iglz0] {
    opacity: 1;
    left: auto;
    right: 0px;
    margin-right: -15px;
    margin-top: -10px;
    min-width: 320px;
    overflow: hidden;
    padding: 0;
    width: 340px;
    background: #fff;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 8px;
    box-shadow: 0 2px 6px 0 #d5d0d7;
    margin-bottom: 30px;
    transition: opacity .3s;
    z-index: 250;
    position: absolute;
    top: 130px;
}

.datepicker_header[b-46mt8iglz0] {
    padding: 12px 10px 0;
    width: 100%;
    vertical-align: baseline;
    margin: 0;
    border: 0;
    box-sizing: border-box;
    display: flex;
}

.datepicker_timeContainer[b-46mt8iglz0] {
    display: inline-block;
    line-height: 16px;
    padding: 0 5px;
    position: relative;
    text-align: left;
    vertical-align: top;
    width: 50%;
}

.datepicker_timeLabel[b-46mt8iglz0] {
    display: inline;
}

.datepicker_time[b-46mt8iglz0] {
    appearance: none;
    border: 1px solid #f3f3f3;
    border-radius: 8px;
    box-shadow: none;
    display: block;
    height: 35px;
    margin: 3px 0 15px;
    padding: 10px 12px;
    background-color: #fff;
    color: #222;
    font-family: Roboto,Arial,sans-serif;
    font-size: 14px;
    line-height: normal !important;
    width: 100%;
    box-sizing: border-box;
}

.datepicker_startTime[b-46mt8iglz0] {

}

.datepicker_calendarWrapper[b-46mt8iglz0] {
    margin-top: 9px;
}

.datepicker_calendar table[b-46mt8iglz0] {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

    .datepicker_calendar table tr[b-46mt8iglz0] {
        height: 42px;
        border-right: none;
        border-bottom: none;
        border-left: none;
        border-image: initial;
        border-top: 1px solid rgb(243, 243, 243);
    }

        .datepicker_calendar table tr td[b-46mt8iglz0] {
            width: 42px !important;
            height: 37px !important;
        }

.datepicker_content[b-46mt8iglz0] {
    border-top: 1px solid rgb(243, 243, 243);
    position: relative;
    width: 100%;
    height: 360px;
}

.datepicker_buttonPrev[b-46mt8iglz0] {
    border: none;
    font-style: inherit;
    font-variant: inherit;
    font-stretch: inherit;
    -webkit-box-align: center;
    align-items: center;
    display: inline-flex;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
    font-family: Roboto, Helvetica, sans-serif;
    font-size: 14px;
    line-height: normal;
    font-weight: 400;
    padding: 0px 12px;
    border-radius: 8px;
    cursor: pointer;
    color: rgb(44, 19, 56);
    box-shadow: rgb(149 137 155) 0px 0px 0px 1px inset;
    width: 36px;
    height: 36px;
    position: absolute;
    background-color: rgb(255, 255, 255);
    left: inherit;
    right: 70px;
    margin-left: 20px;
}

.datepicker_buttonNext[b-46mt8iglz0] {
    border: none;
    font-style: inherit;
    font-variant: inherit;
    font-stretch: inherit;
    -webkit-box-align: center;
    align-items: center;
    display: inline-flex;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
    font-family: Roboto, Helvetica, sans-serif;
    font-size: 14px;
    line-height: normal;
    font-weight: 400;
    padding: 0px 12px;
    border-radius: 8px;
    cursor: pointer;
    color: rgb(44, 19, 56);
    box-shadow: rgb(149 137 155) 0px 0px 0px 1px inset;
    width: 36px;
    height: 36px;
    position: absolute;
    background-color: rgb(255, 255, 255);
    right: 0px;
    margin-right: 20px;
}

    .datepicker_buttonNext svg[b-46mt8iglz0] {
        transform: rotate(180deg);
    }

.datepicker_monthHeaders[b-46mt8iglz0] {
    display: flex;
    padding: 0px 13px;
    padding-bottom: 25px;
    caption-side: top;
    color: #484848;
    font-size: 18px;
    padding-top: 22px;
}

    .datepicker_monthHeaders strong[b-46mt8iglz0] {
        font-size: 24px;
        font-weight: 300;
        color: rgb(44, 19, 56);
    }

    .datepicker_monthHeaders button[b-46mt8iglz0] {
        position: absolute;
        top: 0;
        cursor: pointer;
    }

        .datepicker_monthHeaders button svg[b-46mt8iglz0] {
            fill: rgb(123, 123, 123);
            fill-rule: nonzero;
        }

            .datepicker_monthHeaders button svg:hover[b-46mt8iglz0] {
                fill: rgb(0, 0, 0);
            }

.datepicker_weekHeaders[b-46mt8iglz0] {
    margin-left: 9px;
}

.datepicker_weekHeader[b-46mt8iglz0] {
    top: 68px;
}

    .datepicker_weekHeader > ul[b-46mt8iglz0] {
        font-size: 14px;
        list-style: none;
        margin: 1px 0;
        padding-left: 0;
        padding-right: 0;
    }

        .datepicker_weekHeader > ul > li[b-46mt8iglz0] {
            width: 42px;
            display: inline-block;
            text-align: center;
            color: rgb(159, 159, 159);
            font-size: 12px;
        }

.CalendarDay .day[b-46mt8iglz0] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-flow: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    color: rgb(0, 0, 0);
}

    .CalendarDay .day:hover[b-46mt8iglz0] {
        background-color: rgba(177, 177, 177, 0.07);
        border-radius: 8px;
    }

    .CalendarDay .day.selected[b-46mt8iglz0] {
        background: #008eff;
        color: rgb(255, 255, 255);
        border-radius: 8px;
    }

        .CalendarDay .day.selected .Day__inner[b-46mt8iglz0] {
            background: #00c4ff;
            color: rgb(255, 255, 255);
            font-weight: 500;
        }

    .CalendarDay .day .Day__inner[b-46mt8iglz0] {
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        width: 28px;
        height: 28px;
        margin: 0px;
        padding: 0px;
        border-radius: 50%;
        line-height: 1;
    }

.datepicker_dayPicker[b-46mt8iglz0] {
    width: 340px;
    position: relative;
}

.datepicker_comment[b-46mt8iglz0] {
    margin: 0 15px;
}

    .datepicker_comment textarea[b-46mt8iglz0] {
        width: 100%;
        border: 1px solid #f3f3f3;
    }
/* _content/ClientServer/Components/Inputs/SDInputEditor.razor.rz.scp.css */
/* _content/ClientServer/Components/Inputs/Selects/TaskPropertyInputSelect.razor.rz.scp.css */
.property-input[b-6h6zke9kbz] {
    border: none;
    background: transparent;
    color: #0f5b99;
}

    .property-input:read-only[b-6h6zke9kbz] {
        color: #0f5b99 !important;
        cursor: default !important;
    }

    .property-input:hover:not(:read-only)[b-6h6zke9kbz] {
        color: #ff008c !important
    }

.property-elements[b-6h6zke9kbz] {
    position: absolute;
    background-color: white;
    z-index: 1000;
    top: 1001111%;
    /*min-width: 100%;*/
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.15);
    max-height: 300px;
    overflow-y: auto;
}

    .property-elements .element[b-6h6zke9kbz] {
        padding: 5px 10px 5px 10px;
        cursor: pointer;
        font-weight: normal;
        font-size: 14px;
        color: initial;
        text-wrap: nowrap;
        width: -webkit-fill-available;
    }

.element:hover[b-6h6zke9kbz] {
    background-color: #d4edff;
}

.element.selected[b-6h6zke9kbz] {
    background-color: #d4edff;
}
/* _content/ClientServer/Components/Loader.razor.rz.scp.css */
.lds-default[b-9i4nmxxf0k] {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

    .lds-default div[b-9i4nmxxf0k] {
        position: absolute;
        width: 6px;
        height: 6px;
        background: #cef;
        border-radius: 50%;
        animation: lds-default-b-9i4nmxxf0k 1.2s linear infinite;
    }

        .lds-default div:nth-child(1)[b-9i4nmxxf0k] {
            animation-delay: 0s;
            top: 37px;
            left: 66px;
        }

        .lds-default div:nth-child(2)[b-9i4nmxxf0k] {
            animation-delay: -0.1s;
            top: 22px;
            left: 62px;
        }

        .lds-default div:nth-child(3)[b-9i4nmxxf0k] {
            animation-delay: -0.2s;
            top: 11px;
            left: 52px;
        }

        .lds-default div:nth-child(4)[b-9i4nmxxf0k] {
            animation-delay: -0.3s;
            top: 7px;
            left: 37px;
        }

        .lds-default div:nth-child(5)[b-9i4nmxxf0k] {
            animation-delay: -0.4s;
            top: 11px;
            left: 22px;
        }

        .lds-default div:nth-child(6)[b-9i4nmxxf0k] {
            animation-delay: -0.5s;
            top: 22px;
            left: 11px;
        }

        .lds-default div:nth-child(7)[b-9i4nmxxf0k] {
            animation-delay: -0.6s;
            top: 37px;
            left: 7px;
        }

        .lds-default div:nth-child(8)[b-9i4nmxxf0k] {
            animation-delay: -0.7s;
            top: 52px;
            left: 11px;
        }

        .lds-default div:nth-child(9)[b-9i4nmxxf0k] {
            animation-delay: -0.8s;
            top: 62px;
            left: 22px;
        }

        .lds-default div:nth-child(10)[b-9i4nmxxf0k] {
            animation-delay: -0.9s;
            top: 66px;
            left: 37px;
        }

        .lds-default div:nth-child(11)[b-9i4nmxxf0k] {
            animation-delay: -1s;
            top: 62px;
            left: 52px;
        }

        .lds-default div:nth-child(12)[b-9i4nmxxf0k] {
            animation-delay: -1.1s;
            top: 52px;
            left: 62px;
        }

@keyframes lds-default-b-9i4nmxxf0k {
    0%, 20%, 80%, 100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.5);
    }
}
/* _content/ClientServer/Components/Loaders/GlobalLoader.razor.rz.scp.css */
/* _content/ClientServer/Components/ParticialView/AgileTasksView.razor.rz.scp.css */
/* _content/ClientServer/Components/ParticialView/ParticialViewTask.razor.rz.scp.css */
.create-title[b-0v2nt571mt] {
    display: flex;
    align-items: baseline;
}

    .create-title .project[b-0v2nt571mt] {
        font-size: 1.2rem;
        color: #0f5b99;
    }


.side-bar[b-0v2nt571mt] {
    background-color: #f7f9fa;
    border: 1px solid #dfe5eb;
    border-radius: 2px;
    font-size: 0.9rem !important;
    position: relative;
    padding: 10px 0;
    /*width: 330px;*/
    margin-left: 20px;
    min-width: 338px;
    max-height: min-content;
}

    .side-bar .nav-menu[b-0v2nt571mt] {
        display: flex;
    }


.nav-menu .nav-item[b-0v2nt571mt] {
    padding: 2px 20px;
    width: 100%;
    text-align: center;
    cursor: pointer;
    font-size:14px;
}

    .nav-menu .nav-item.active[b-0v2nt571mt] {
        border-bottom: 3px solid #dfe5eb !important;
        font-weight: bold;
        cursor: default;
    }

    .nav-menu .nav-item.red-bold[b-0v2nt571mt] {
        border-bottom: 1px solid #ff008c;
        color: #ff008c;
        font-weight: bold;
    }
    .nav-menu .nav-item.red[b-0v2nt571mt]{
        border-bottom: 1px solid #ff008c;
        color: #ff008c;
    }

.required-star[b-0v2nt571mt] {
    color: red;
    margin-left: .25rem;
}

.container-properties-table[b-0v2nt571mt] {
    padding-top: 10px;
    padding-bottom: 10px;
}

.properties-table[b-0v2nt571mt] {
    width: 100%;
}

    .properties-table tbody tr td[b-0v2nt571mt] {
        padding-left: 8px;
        text-wrap: nowrap;
        padding-right: 8px;
    }


        .properties-table tbody tr td:first-child[b-0v2nt571mt] {
            /*display: flex;*/
            width: 143px;
            min-width: 143px;
            font-size: 14px !important;
        }

        .properties-table tbody tr[b-0v2nt571mt]{
            height:30px;
        }



    .reporting-table[b-0v2nt571mt] {
        width: 100%;
    }

        .reporting-table tbody tr td[b-0v2nt571mt] {
            padding-left: 8px;
            text-wrap: nowrap;
            padding-right: 8px;
        }


            .reporting-table tbody tr td:first-child[b-0v2nt571mt] {
                font-size:14px!important;
            }

        .reporting-table tbody tr[b-0v2nt571mt] {
            height: 30px;
        }


.upload-button[b-0v2nt571mt] {
    cursor: pointer;
    border: 1px solid #999;
    border-radius: .25rem !important;
    height: 25px;
    width: 25px;
}


/* _content/ClientServer/Components/ParticialView/TaskModal.razor.rz.scp.css */

.task-modal[b-e5urq9al8p] {
    display: none;
    position: absolute;
    z-index: 1000;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
    background-color: rgb(202 202 202 / 80%);
}

    .task-modal .modal-dialog[b-e5urq9al8p]{
        width:75%;
    }

    .task-modal.display[b-e5urq9al8p] {
        display: flex;
    }


.task-modal-content[b-e5urq9al8p] {
    background-color: white;
    width: 83%;
    padding: 20px;
    height: 97%;
    overflow-y: auto;
    box-shadow: 0 1px 5px #1f2326;
}

/* _content/ClientServer/Pages/Tasks/Settings.razor.rz.scp.css */
*[b-vrnssam8sk],
*[b-vrnssam8sk]:after,
*[b-vrnssam8sk]:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.switch[b-vrnssam8sk] {
    position: relative;
    display: inline-block;
    width: 41px;
    height: 17px;
    margin: auto 0;
}

    .switch input[b-vrnssam8sk] {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider[b-vrnssam8sk] {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

    .slider[b-vrnssam8sk]:before {
        position: absolute;
        content: "";
        height: 13px;
        width: 13px;
        left: 1px;
        bottom: 2px;
        background-color: white;
        -webkit-transition: 0.4s;
        transition: 0.4s;
    }

input:checked + .icon[b-vrnssam8sk]::before {
    font-family: "FontAwesome";
    content: "\f00c";
    transform: rotate(45deg);
    padding-top: 5px;
}

.toggle[b-vrnssam8sk] {
    font-family: "FontAwesome";
    font-style: normal !important;
}

.dev-footer[b-vrnssam8sk] {
    margin-top: 71px;
    color: #4e4a46;
}

input + .icon[b-vrnssam8sk]::before {
    font-family: "FontAwesome";
    content: "\f00d";
    padding-top: 5px;
}

.slider.w-color[b-vrnssam8sk]:before {
    background-color: #a37eba;
}

.slider.w-color[b-vrnssam8sk] {
    background-color: #ccc;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

input:checked + .slider.w-color[b-vrnssam8sk] {
    background-color: #ccc;
}

input:checked + .slider.icon[b-vrnssam8sk] {
    background-color: #a37eba;
}

.slider.icon[b-vrnssam8sk]:before {
    background-color: #ffe05d;
}

.slider.icon[b-vrnssam8sk]:after {
    background-color: #e2df23;
}

input:checked + .slider[b-vrnssam8sk] {
    background-color: #2196f3;
}

    input:checked + .slider[b-vrnssam8sk]:before {
        -webkit-transform: translateX(26px);
        -ms-transform: translateX(26px);
        transform: translateX(26px);
    }

.slider.round[b-vrnssam8sk] {
    border-radius: 34px;
}

    .slider.round[b-vrnssam8sk]:before {
        border-radius: 50%;
    }

.disabled-toggle[b-vrnssam8sk] {
    opacity: 0.5;
    cursor: default;
}

/* _content/ClientServer/PopUPs/ModuleDocumentsPopUp.razor.rz.scp.css */


.form-control-readonly[b-jj7biftj61] {
    background: initial;
    border-color: transparent;
    box-shadow: none;
    cursor: default;
    height: calc(1em + .8rem); 
}
/* _content/ClientServer/Shared/MainLayout.razor.rz.scp.css */
.page[b-lq7irseklh] {
    position: relative;
    display: flex;
    flex-direction: column;
}

.main[b-lq7irseklh] {
    flex: 1;
}

.sidebar[b-lq7irseklh] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-lq7irseklh] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-lq7irseklh]  a, .top-row .btn-link[b-lq7irseklh] {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

    .top-row a:first-child[b-lq7irseklh] {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-lq7irseklh] {
        display: none;
    }

    .top-row.auth[b-lq7irseklh] {
        justify-content: space-between;
    }

    .top-row a[b-lq7irseklh], .top-row .btn-link[b-lq7irseklh] {
        margin-left: 0;
    }
}

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

    .sidebar[b-lq7irseklh] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-lq7irseklh] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .main > div[b-lq7irseklh] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}