@import '_content/PSC.Blazor.Components.BrowserDetect/PSC.Blazor.Components.BrowserDetect.mtvkvpelhn.bundle.scp.css';

/* _content/blazor.smartoffice.mn/Components/CompanyBrowse.razor.rz.scp.css */
/*#region*/
body[b-kr81lfd8yy] {
    overflow: hidden;
}

.modal-dialog[b-kr81lfd8yy] {
    z-index: 1055;
}

.def-btn[b-kr81lfd8yy] {
    font-size: var(--font14);
}

.show[b-kr81lfd8yy] {
    display: block;
}

.hide[b-kr81lfd8yy] {
    display: none;
}

.modal-backdrop[b-kr81lfd8yy] {
    opacity: 0.5;
    border: none;
    cursor: default;
    animation: 0.5s opacity ease;
}

.modal-dialog[b-kr81lfd8yy] {
    -webkit-animation: fadein .4s ease-in-out;
    -moz-animation: fadein .4s ease-in-out;
    -o-animation: fadein .4s ease-in-out;
    animation: fadein-b-kr81lfd8yy .4s ease-in-out;
}

.closing[b-kr81lfd8yy] {
    -webkit-animation: fadeout .4s ease-in-out;
    -moz-animation: fadeout .4s ease-in-out;
    -o-animation: fadeout .4s ease-in-out;
    animation: fadeout-b-kr81lfd8yy .4s ease-in-out;
}

@-webkit-keyframes fadein {
    from {
        transform: translateY(-10%);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes fadein-b-kr81lfd8yy {
    from {
        transform: translateY(-10%);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@-webkit-keyframes fadeout {
    from {
        transform: translateY(0);
        opacity: 1;
    }

    to {
        transform: translateY(-10%);
        opacity: 0;
    }
}

@keyframes fadeout-b-kr81lfd8yy {
    from {
        transform: translateY(0);
        opacity: 1;
    }

    to {
        transform: translateY(-10%);
        opacity: 0;
    }
}

/*#endregion*/

.modal-fullscreen[b-kr81lfd8yy] {
    display: flex;
    align-items: center;
}

.modal-content[b-kr81lfd8yy] {
    height: 90%;
}

.modal-body[b-kr81lfd8yy] {
    display: flex;
    padding: 0;
}

.flex-column-between[b-kr81lfd8yy] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    overflow: hidden;
    width: 40%;
    height: 100%;
    overflow-y: auto;
    padding: 1rem
}

.box-border[b-kr81lfd8yy] {
    border: 0.12em solid var(--borderClr);
}

.modal-body__input[b-kr81lfd8yy] {
    width: 100%;
}

input[type="date"][b-kr81lfd8yy]::-webkit-calendar-picker-indicator {
    color: rgba(0, 0, 0, 1);
    opacity: 1;
    display: block;
    padding: 0.42rem;
    background-color: var(--sysBackgBlue);
    cursor: pointer;
}

.modal-body__input .form-control[b-kr81lfd8yy] {
    height: auto;
    padding-left: 0;
    padding-right: 0;
    display: grid;
    align-items: center;
    grid-template-columns: 115px 1fr;
}

    .modal-body__input .form-control p[b-kr81lfd8yy] {
        display: inline-block;
        box-sizing: border-box;
        text-align: left;
        vertical-align: top;
        margin: 0;
        float: left;
        font-size: var(--font14);
    }

.modal-body__input .value[b-kr81lfd8yy] {
    padding: 0;
    border-bottom: 0.01em solid #b7b7b7;
    position: relative;
}

    .modal-body__input .value input[b-kr81lfd8yy] {
        width: 100%;
        border: none;
        height: 30px;
        margin: 0;
        padding-left: .75rem;
    }

/*.modal-body__input .value input:disabled {
            color: #000;
        }*/

.modal-body__input section .value[b-kr81lfd8yy] {
    display: grid;
    grid-template-columns: 1fr 30px;
    justify-content: space-between;
}

.modal-body__input .value button[b-kr81lfd8yy] {
    border: none;
    width: 30px;
    height: 30px;
    background-color: var(--sysBackgBlue);
    transition: 0.2s;
}

.modal-body__input section .value button:hover[b-kr81lfd8yy] {
    background-color: var(--tabActiveBlue);
}

.modal-body__input .doc-txt[b-kr81lfd8yy] {
    grid-template-columns: 1fr;
}

.modal-body__input .date-num[b-kr81lfd8yy] {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    column-gap: 10px;
}

    .modal-body__input .date-num .form-control[b-kr81lfd8yy] {
        flex: 30%;
    }

    .modal-body__input .date-num input[b-kr81lfd8yy] {
        min-width: 50px;
    }

input:focus[b-kr81lfd8yy] {
    color: #212529;
    background-color: #fff;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: inset 0 0 0 0.25rem rgb(13 110 253 / 25%);
}

.attach[b-kr81lfd8yy] {
    padding: 0;
}

    .attach p[b-kr81lfd8yy] {
        width: 115px;
    }

.send-btn[b-kr81lfd8yy] {
    color: #fff;
    background-color: var(--mainBlue);
    font-size: var(--font14);
    padding-left: 1rem;
    padding-right: 1rem;
}

    .send-btn:hover[b-kr81lfd8yy] {
        background-color: var(--txtBlue);
    }
/*#region .modal-body__detail*/
.modal-body__detail[b-kr81lfd8yy] {
    width: 60%;
    overflow-x: hidden;
}

.doc-null[b-kr81lfd8yy] {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
}
/*#region .modal-body__company*/
.modal-body__company[b-kr81lfd8yy] {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    transition: .2s ease-out;
    transform: translateX(150%);
    background-color: var(--backg);
    display: flex;
    flex-direction: column;
}

.modal-body__company__active[b-kr81lfd8yy] {
    transform: translateX(0) !important;
}

.modal-body__company .list-detail[b-kr81lfd8yy] {
    display: flex;
    flex-direction: row;
    height: calc(100% - 35px);
}

    .modal-body__company .list-detail .categorie-list[b-kr81lfd8yy] {
        height: 100%;
    }

.list-detail .categorie[b-kr81lfd8yy] {
    width: 35%;
}

.categorie .categorie-item[b-kr81lfd8yy] {
    padding: 0.5rem 1rem;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.075);
    margin: 0 0.5rem 0.3rem 0.5rem;
    font-family: var(--ff-Manr-SemiBold);
    cursor: pointer;
    transition: 0.2s;
}

.categorie .item-active[b-kr81lfd8yy] {
    background-color: var(--mainBlue) !important;
    color: #fff;
}

.categorie .categorie-item:hover[b-kr81lfd8yy] {
    background: var(--tabActiveBlue);
}

.categorie .categorie-item > span[b-kr81lfd8yy], .accordion-button > span[b-kr81lfd8yy], .accordion-body__item > span[b-kr81lfd8yy] {
    font-family: var(--ff-Manr-Light);
}

.list-detail .categorie .caption[b-kr81lfd8yy] {
    padding: 0 10px;
}

    .list-detail .categorie .caption i[b-kr81lfd8yy] {
        cursor: pointer;
        margin-right: 10px;
    }
/*Accordian*/
.accordion-item[b-kr81lfd8yy] {
    background: none !important;
    border: none !important;
}

.accordion-button[b-kr81lfd8yy] {
    transition: all 300ms ease-in-out;
    padding: 0;
    font-size: var(--font14);
    background: none;
}

    .accordion-button:focus[b-kr81lfd8yy] {
        box-shadow: none;
    }

    .accordion-button:not(.collapsed)[b-kr81lfd8yy] {
        color: #0c63e4;
        background: none;
        box-shadow: none;
    }

.accordion-collapse[b-kr81lfd8yy] {
    transition: 0.1s ease-out;
}

.accordion-body[b-kr81lfd8yy] {
    padding: 0;
    margin: 0 0.5rem 0.3rem;
    background: #fff;
    border-radius: 2px;
    transition: 0.1s;
}

.accordion-body__item[b-kr81lfd8yy] {
    padding: 0.5rem 0.5rem 0.5rem 1.5rem;
    cursor: pointer;
    font-family: var(--ff-Manr-Med);
}

    .accordion-body__item:hover[b-kr81lfd8yy] {
        background-color: var(--tabActiveBlue);
    }

#collapseZero[b-kr81lfd8yy] {
    height: calc(100% - 35px);
    overflow: hidden;
    overflow-y: auto;
}

.accordion-button:not(.collapsed)[b-kr81lfd8yy]::after {
    transform: rotate(-90deg);
}
/*Accordian*/
.list-detail .company[b-kr81lfd8yy] {
    width: 65%;
}

    .list-detail .company .caption[b-kr81lfd8yy] {
        margin-right: 10px;
        display: flex;
        justify-content: space-between;
    }

        .list-detail .company .caption .filter-badge[b-kr81lfd8yy] {
            max-width: 85%;
            padding: 0.2rem 0.5rem;
            border-radius: 15px;
            color: #000;
            text-decoration: none;
            background-color: var(--backgGrey);
            display: flex;
            align-items: center;
        }

            .list-detail .company .caption .filter-badge span[b-kr81lfd8yy] {
                white-space: nowrap;
                overflow: hidden !important;
                text-overflow: ellipsis;
            }

            .list-detail .company .caption .filter-badge .btn-close[b-kr81lfd8yy] {
                margin-left: 0.5rem;
                width: .25em;
                height: .25em;
                padding: .3em .3em;
            }

        .list-detail .company .caption .paging[b-kr81lfd8yy] {
            display: flex;
            justify-content: flex-end;
            gap: 20px;
        }
/* #region scroll*/
.flex-column-between[b-kr81lfd8yy]::-webkit-scrollbar, .categorie-list[b-kr81lfd8yy]::-webkit-scrollbar, .company-list[b-kr81lfd8yy]::-webkit-scrollbar, .modal-body__detail[b-kr81lfd8yy]::-webkit-scrollbar {
    width: 0.5em;
}

.flex-column-between[b-kr81lfd8yy]::-webkit-scrollbar-track, .categorie-list[b-kr81lfd8yy]::-webkit-scrollbar-track, .company-list[b-kr81lfd8yy]::-webkit-scrollbar-track, .modal-body__detail[b-kr81lfd8yy]::-webkit-scrollbar-track {
    background-color: var(--backgGrey);
    border-radius: 5px;
}

.flex-column-between[b-kr81lfd8yy]::-webkit-scrollbar-thumb, .categorie-list[b-kr81lfd8yy]::-webkit-scrollbar-thumb, .company-list[b-kr81lfd8yy]::-webkit-scrollbar-thumb, .modal-body__detail[b-kr81lfd8yy]::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    border-radius: 5px;
}

    .flex-column-between[b-kr81lfd8yy]::-webkit-scrollbar-thumb, .categorie-list[b-kr81lfd8yy]::-webkit-scrollbar-thumb:hover, .company-list[b-kr81lfd8yy]::-webkit-scrollbar-thumb:hover, .modal-body__detail[b-kr81lfd8yy]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(0,0,0,0.5);
        width: 0.7em;
    }

/* #endregion scroll*/

.list-detail .caption[b-kr81lfd8yy] {
    height: 35px;
    display: flex;
    align-items: center;
}

.list-detail .categorie-list[b-kr81lfd8yy], .list-detail .company-list[b-kr81lfd8yy] {
    height: calc(100% - 35px);
    overflow: hidden;
    overflow-y: auto;
}

.company .company-item[b-kr81lfd8yy] {
    display: flex;
    justify-content: space-between;
    border-bottom: 0.1em solid #b7b7b7;
    width: 100%;
    padding: 0.75rem 0.5rem;
    gap: 10px;
    background-color: #fff;
    transition: 0.05s;
    cursor: pointer;
}

    .company .company-item:hover[b-kr81lfd8yy] {
        transform: scale(1);
        box-shadow: inset 1px 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 1px 2px 0 rgb(60 64 67 / 30%), 0 1px 3px 1px rgb(60 64 67 / 15%);
        z-index: 2;
    }

    .company .company-item.active[b-kr81lfd8yy] {
        background-color: var(--tabActiveBlue) !important;
    }

        .company .company-item.active .select-btn[b-kr81lfd8yy] {
            background-color: var(--darkGrey) !important;
        }

    .company .company-item > div:nth-child(1)[b-kr81lfd8yy] {
        max-width: calc(100% - 100px);
        display: flex;
        flex-direction: column;
    }

    .company .company-item > div:nth-child(2)[b-kr81lfd8yy] {
        width: 100px;
        text-align: right;
    }

        .company .company-item > div:nth-child(2) button[b-kr81lfd8yy] {
            padding: 0 7px;
            width: 60px;
            background-color: var(--mainBlue);
            border-radius: 0;
            font-size: 12px;
            border: none;
            color: #fff;
        }

    .company .company-item a[b-kr81lfd8yy] {
        font-family: var(--ff-Manr-Bold);
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        word-wrap: break-word;
    }

    .company .company-item p[b-kr81lfd8yy] {
        margin: 0;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        word-wrap: break-word;
    }
/*#endregion .modal-body__company*/
.modal-body__detail .iframe[b-kr81lfd8yy] {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
/*#endregion .modal-body__detail*/

/*#region progressBar*/
#mainFile section[b-kr81lfd8yy] {
    width: 100%;
    padding: 0 .75rem;
    display: flex;
    align-items: center;
    font-size: var(--font14);
}

    #mainFile section a[b-kr81lfd8yy] {
        max-width: 85%;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        word-break: break-all;
        cursor: pointer;
    }

    #mainFile section span[b-kr81lfd8yy] {
        width: 15%;
        min-width: 50px;
    }
/*#endregion progressBar*/

/*#region Modal*/
#solveModal .form-control[b-kr81lfd8yy] {
    grid-template-columns: max-content 1fr;
    gap: 10px;
}

    #solveModal .form-control .value[b-kr81lfd8yy] {
        padding: 0;
        border: none;
    }

#solveModal input[b-kr81lfd8yy] {
    border-bottom: 0.01em solid #b7b7b7;
}

#solveModal .modal-body__input > p[b-kr81lfd8yy] {
    padding: .5rem;
}

/*#region Loader*/
.animateTextBox[b-kr81lfd8yy] {
    background: #fff;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 10000;
    text-align: center;
    margin-top: 20px;
}

    .animateTextBox > section[b-kr81lfd8yy] {
    }

.loaderBox[b-kr81lfd8yy] {
    width: 100%;
}

.clpImg[b-kr81lfd8yy] {
    margin: auto;
    text-align: center;
}

.spinnerDots[b-kr81lfd8yy] {
    width: 70px;
    text-align: center;
    margin: 20px auto 0px auto;
}

    .spinnerDots > div[b-kr81lfd8yy] {
        background-color: var(--mainBlue);
        border-radius: 100%;
        display: inline-block;
        width: 14px;
        height: 14px;
        -webkit-animation: rk-bouncedelay 1.4s infinite ease-in-out both;
        animation: rk-bouncedelay-b-kr81lfd8yy 1.4s infinite ease-in-out both;
    }

    .spinnerDots .dots1[b-kr81lfd8yy] {
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
    }

    .spinnerDots .dots2[b-kr81lfd8yy] {
        -webkit-animation-delay: -0.16s;
        animation-delay: -0.16s;
    }

@-webkit-keyframes rk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes rk-bouncedelay-b-kr81lfd8yy {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}
/*#endregion Loader*/

/*#endregion Modal*/
@media screen and (max-width: 1024px) {
    .flex-column-between[b-kr81lfd8yy] {
        width: 40%;
    }

    .modal-body__detail[b-kr81lfd8yy] {
        width: 60%;
    }

    .modal-body__input .date-num[b-kr81lfd8yy] {
        display: flex;
        flex-direction: column;
    }

    .modal-body__btn[b-kr81lfd8yy] {
        width: 100%;
    }

    .attach .modal-body__btn[b-kr81lfd8yy] {
        width: 140px;
    }

    .modal-body__btn button[b-kr81lfd8yy] {
        width: 100%;
    }

    .attach > section:nth-child(1) p[b-kr81lfd8yy] {
        margin-bottom: 0.375rem;
    }
}

@media screen and (max-width: 768px) {
    .flex-column-between[b-kr81lfd8yy], .modal-body__detail[b-kr81lfd8yy] {
        width: 50%;
    }

    .modal-body__company .list-detail[b-kr81lfd8yy] {
        flex-direction: column;
    }

    .list-detail .categorie[b-kr81lfd8yy], .list-detail .company[b-kr81lfd8yy] {
        width: 100%;
    }

        .list-detail .categorie .caption[b-kr81lfd8yy] {
            background-color: var(--sysBackgBlue);
        }

        .list-detail .company .caption[b-kr81lfd8yy] {
            height: 50px;
            margin-left: 10px;
        }

        .list-detail .company .company-list[b-kr81lfd8yy] {
            border-left: none;
        }
}

@media screen and (max-width: 610px) {
    .modal-body[b-kr81lfd8yy] {
        overflow-x: hidden;
    }

    .flex-column-between[b-kr81lfd8yy] {
        width: 100%;
    }

    .modal-body__detail[b-kr81lfd8yy] {
        position: fixed;
        transform: translateX(100vw);
    }

    .modal-body__detail__active[b-kr81lfd8yy] {
        position: absolute;
        transform: translateX(0);
        width: 100%;
    }

    .list-detail[b-kr81lfd8yy] {
        min-height: calc(100vh - 135px);
    }

    .modal-body__company__active[b-kr81lfd8yy] {
        position: relative;
        transform: translateX(0) !important;
    }
}

@media screen and (max-width: 565px) {
    .modal-body__input[b-kr81lfd8yy] {
        width: 100%;
    }
}
/* _content/blazor.smartoffice.mn/Components/CompanyBrowsePublic.razor.rz.scp.css */
/*#region*/
body[b-ugrzwb5dy3] {
    overflow: hidden;
}

.modal-dialog[b-ugrzwb5dy3] {
    z-index: 1055;
}

.def-btn[b-ugrzwb5dy3] {
    font-size: var(--font14);
}

.show[b-ugrzwb5dy3] {
    display: block;
}

.hide[b-ugrzwb5dy3] {
    display: none;
}

.modal-backdrop[b-ugrzwb5dy3] {
    opacity: 0.5;
    border: none;
    cursor: default;
    animation: 0.5s opacity ease;
}

.modal-dialog[b-ugrzwb5dy3] {
    -webkit-animation: fadein .4s ease-in-out;
    -moz-animation: fadein .4s ease-in-out;
    -o-animation: fadein .4s ease-in-out;
    animation: fadein-b-ugrzwb5dy3 .4s ease-in-out;
}

.closing[b-ugrzwb5dy3] {
    -webkit-animation: fadeout .4s ease-in-out;
    -moz-animation: fadeout .4s ease-in-out;
    -o-animation: fadeout .4s ease-in-out;
    animation: fadeout-b-ugrzwb5dy3 .4s ease-in-out;
}

@-webkit-keyframes fadein {
    from {
        transform: translateY(-10%);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes fadein-b-ugrzwb5dy3 {
    from {
        transform: translateY(-10%);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@-webkit-keyframes fadeout {
    from {
        transform: translateY(0);
        opacity: 1;
    }

    to {
        transform: translateY(-10%);
        opacity: 0;
    }
}

@keyframes fadeout-b-ugrzwb5dy3 {
    from {
        transform: translateY(0);
        opacity: 1;
    }

    to {
        transform: translateY(-10%);
        opacity: 0;
    }
}

/*#endregion*/

.modal-fullscreen[b-ugrzwb5dy3] {
    display: flex;
    align-items: center;
}

.modal-content[b-ugrzwb5dy3] {
    height: 90%;
}

.modal-body[b-ugrzwb5dy3] {
    display: flex;
    padding: 0;
}

.flex-column-between[b-ugrzwb5dy3] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    overflow: hidden;
    width: 40%;
    height: 100%;
    overflow-y: auto;
    padding: 1rem
}

.box-border[b-ugrzwb5dy3] {
    border: 0.12em solid var(--borderClr);
}

.modal-body__input[b-ugrzwb5dy3] {
    width: 100%;
}

input[type="date"][b-ugrzwb5dy3]::-webkit-calendar-picker-indicator {
    color: rgba(0, 0, 0, 1);
    opacity: 1;
    display: block;
    padding: 0.42rem;
    background-color: var(--sysBackgBlue);
    cursor: pointer;
}

.modal-body__input .form-control[b-ugrzwb5dy3] {
    height: auto;
    padding-left: 0;
    padding-right: 0;
    display: grid;
    align-items: center;
    grid-template-columns: 115px 1fr;
}

    .modal-body__input .form-control p[b-ugrzwb5dy3] {
        display: inline-block;
        box-sizing: border-box;
        text-align: left;
        vertical-align: top;
        margin: 0;
        float: left;
        font-size: var(--font14);
    }

.modal-body__input .value[b-ugrzwb5dy3] {
    padding: 0;
    border-bottom: 0.01em solid #b7b7b7;
    position: relative;
}

    .modal-body__input .value input[b-ugrzwb5dy3] {
        width: 100%;
        border: none;
        height: 30px;
        margin: 0;
        padding-left: .75rem;
    }

/*.modal-body__input .value input:disabled {
            color: #000;
        }*/

.modal-body__input section .value[b-ugrzwb5dy3] {
    display: grid;
    grid-template-columns: 1fr 30px;
    justify-content: space-between;
}

.modal-body__input .value button[b-ugrzwb5dy3] {
    border: none;
    width: 30px;
    height: 30px;
    background-color: var(--sysBackgBlue);
    transition: 0.2s;
}

.modal-body__input section .value button:hover[b-ugrzwb5dy3] {
    background-color: var(--tabActiveBlue);
}

.modal-body__input .doc-txt[b-ugrzwb5dy3] {
    grid-template-columns: 1fr;
}

.modal-body__input .date-num[b-ugrzwb5dy3] {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    column-gap: 10px;
}

    .modal-body__input .date-num .form-control[b-ugrzwb5dy3] {
        flex: 30%;
    }

    .modal-body__input .date-num input[b-ugrzwb5dy3] {
        min-width: 50px;
    }

input:focus[b-ugrzwb5dy3] {
    color: #212529;
    background-color: #fff;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: inset 0 0 0 0.25rem rgb(13 110 253 / 25%);
}

.attach[b-ugrzwb5dy3] {
    padding: 0;
}

    .attach p[b-ugrzwb5dy3] {
        width: 115px;
    }

.send-btn[b-ugrzwb5dy3] {
    color: #fff;
    background-color: var(--mainBlue);
    font-size: var(--font14);
    padding-left: 1rem;
    padding-right: 1rem;
}

    .send-btn:hover[b-ugrzwb5dy3] {
        background-color: var(--txtBlue);
    }
/*#region .modal-body__detail*/
.modal-body__detail[b-ugrzwb5dy3] {
    width: 60%;
    overflow-x: hidden;
}

.doc-null[b-ugrzwb5dy3] {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
}
/*#region .modal-body__company*/
.modal-body__company[b-ugrzwb5dy3] {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    transition: .2s ease-out;
    transform: translateX(150%);
    background-color: var(--backg);
    display: flex;
    flex-direction: column;
}

.modal-body__company__active[b-ugrzwb5dy3] {
    transform: translateX(0) !important;
}

.modal-body__company .list-detail[b-ugrzwb5dy3] {
    display: flex;
    flex-direction: row;
    height: calc(100% - 35px);
}

    .modal-body__company .list-detail .categorie-list[b-ugrzwb5dy3] {
        height: 100%;
    }

.list-detail .categorie[b-ugrzwb5dy3] {
    width: 35%;
}

.categorie .categorie-item[b-ugrzwb5dy3] {
    padding: 0.5rem 1rem;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.075);
    margin: 0 0.5rem 0.3rem 0.5rem;
    font-family: var(--ff-Manr-SemiBold);
    cursor: pointer;
    transition: 0.2s;
}

.categorie .item-active[b-ugrzwb5dy3] {
    background-color: var(--mainBlue) !important;
    color: #fff;
}

.categorie .categorie-item:hover[b-ugrzwb5dy3] {
    background: var(--tabActiveBlue);
}

.categorie .categorie-item > span[b-ugrzwb5dy3], .accordion-button > span[b-ugrzwb5dy3], .accordion-body__item > span[b-ugrzwb5dy3] {
    font-family: var(--ff-Manr-Light);
}

.list-detail .categorie .caption[b-ugrzwb5dy3] {
    padding: 0 10px;
}

    .list-detail .categorie .caption i[b-ugrzwb5dy3] {
        cursor: pointer;
        margin-right: 10px;
    }
/*Accordian*/
.accordion-item[b-ugrzwb5dy3] {
    background: none !important;
    border: none !important;
}

.accordion-button[b-ugrzwb5dy3] {
    transition: all 300ms ease-in-out;
    padding: 0;
    font-size: var(--font14);
    background: none;
}

    .accordion-button:focus[b-ugrzwb5dy3] {
        box-shadow: none;
    }

    .accordion-button:not(.collapsed)[b-ugrzwb5dy3] {
        color: #0c63e4;
        background: none;
        box-shadow: none;
    }

.accordion-collapse[b-ugrzwb5dy3] {
    transition: 0.1s ease-out;
}

.accordion-body[b-ugrzwb5dy3] {
    padding: 0;
    margin: 0 0.5rem 0.3rem;
    background: #fff;
    border-radius: 2px;
    transition: 0.1s;
}

.accordion-body__item[b-ugrzwb5dy3] {
    padding: 0.5rem 0.5rem 0.5rem 1.5rem;
    cursor: pointer;
    font-family: var(--ff-Manr-Med);
}

    .accordion-body__item:hover[b-ugrzwb5dy3] {
        background-color: var(--tabActiveBlue);
    }

#collapseZero[b-ugrzwb5dy3] {
    height: calc(100% - 35px);
    overflow: hidden;
    overflow-y: auto;
}

.accordion-button:not(.collapsed)[b-ugrzwb5dy3]::after {
    transform: rotate(-90deg);
}
/*Accordian*/
.list-detail .company[b-ugrzwb5dy3] {
    width: 65%;
}

    .list-detail .company .caption[b-ugrzwb5dy3] {
        margin-right: 10px;
        display: flex;
        justify-content: space-between;
    }

        .list-detail .company .caption .filter-badge[b-ugrzwb5dy3] {
            max-width: 85%;
            padding: 0.2rem 0.5rem;
            border-radius: 15px;
            color: #000;
            text-decoration: none;
            background-color: var(--backgGrey);
            display: flex;
            align-items: center;
        }

            .list-detail .company .caption .filter-badge span[b-ugrzwb5dy3] {
                white-space: nowrap;
                overflow: hidden !important;
                text-overflow: ellipsis;
            }

            .list-detail .company .caption .filter-badge .btn-close[b-ugrzwb5dy3] {
                margin-left: 0.5rem;
                width: .25em;
                height: .25em;
                padding: .3em .3em;
            }

        .list-detail .company .caption .paging[b-ugrzwb5dy3] {
            display: flex;
            justify-content: flex-end;
            gap: 20px;
        }
/* #region scroll*/
.flex-column-between[b-ugrzwb5dy3]::-webkit-scrollbar, .categorie-list[b-ugrzwb5dy3]::-webkit-scrollbar, .company-list[b-ugrzwb5dy3]::-webkit-scrollbar, .modal-body__detail[b-ugrzwb5dy3]::-webkit-scrollbar {
    width: 0.5em;
}

.flex-column-between[b-ugrzwb5dy3]::-webkit-scrollbar-track, .categorie-list[b-ugrzwb5dy3]::-webkit-scrollbar-track, .company-list[b-ugrzwb5dy3]::-webkit-scrollbar-track, .modal-body__detail[b-ugrzwb5dy3]::-webkit-scrollbar-track {
    background-color: var(--backgGrey);
    border-radius: 5px;
}

.flex-column-between[b-ugrzwb5dy3]::-webkit-scrollbar-thumb, .categorie-list[b-ugrzwb5dy3]::-webkit-scrollbar-thumb, .company-list[b-ugrzwb5dy3]::-webkit-scrollbar-thumb, .modal-body__detail[b-ugrzwb5dy3]::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    border-radius: 5px;
}

    .flex-column-between[b-ugrzwb5dy3]::-webkit-scrollbar-thumb, .categorie-list[b-ugrzwb5dy3]::-webkit-scrollbar-thumb:hover, .company-list[b-ugrzwb5dy3]::-webkit-scrollbar-thumb:hover, .modal-body__detail[b-ugrzwb5dy3]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(0,0,0,0.5);
        width: 0.7em;
    }

/* #endregion scroll*/

.list-detail .caption[b-ugrzwb5dy3] {
    height: 35px;
    display: flex;
    align-items: center;
}

.list-detail .categorie-list[b-ugrzwb5dy3], .list-detail .company-list[b-ugrzwb5dy3] {
    height: calc(100% - 35px);
    overflow: hidden;
    overflow-y: auto;
}

.company .company-item[b-ugrzwb5dy3] {
    display: flex;
    justify-content: space-between;
    border-bottom: 0.1em solid #b7b7b7;
    width: 100%;
    padding: 0.75rem 0.5rem;
    gap: 10px;
    background-color: #fff;
    transition: 0.2s;
    cursor: pointer;
}

    .company .company-item:hover[b-ugrzwb5dy3] {
        background-color: var(--tabActiveBlue);
    }

    .company .company-item > div:nth-child(1)[b-ugrzwb5dy3] {
        max-width: calc(100% - 100px);
        display: flex;
        flex-direction: column;
    }

    .company .company-item > div:nth-child(2)[b-ugrzwb5dy3] {
        width: 100px;
        text-align: right;
    }

        .company .company-item > div:nth-child(2) button[b-ugrzwb5dy3] {
            padding: 0 7px;
            width: 60px;
            background-color: var(--mainBlue);
            border-radius: 0;
            font-size: 12px;
            border: none;
            color: #fff;
        }

    .company .company-item a[b-ugrzwb5dy3] {
        font-family: var(--ff-Manr-Bold);
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        word-wrap: break-word;
    }

    .company .company-item p[b-ugrzwb5dy3] {
        margin: 0;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        word-wrap: break-word;
    }
/*#endregion .modal-body__company*/
.modal-body__detail .iframe[b-ugrzwb5dy3] {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
/*#endregion .modal-body__detail*/

/*#region progressBar*/
#mainFile section[b-ugrzwb5dy3] {
    width: 100%;
    padding: 0 .75rem;
    display: flex;
    align-items: center;
    font-size: var(--font14);
}

    #mainFile section a[b-ugrzwb5dy3] {
        max-width: 85%;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        word-break: break-all;
        cursor: pointer;
    }

    #mainFile section span[b-ugrzwb5dy3] {
        width: 15%;
        min-width: 50px;
    }
/*#endregion progressBar*/

/*#region Modal*/
#solveModal .form-control[b-ugrzwb5dy3] {
    grid-template-columns: max-content 1fr;
    gap: 10px;
}

    #solveModal .form-control .value[b-ugrzwb5dy3] {
        padding: 0;
        border: none;
    }

#solveModal input[b-ugrzwb5dy3] {
    border-bottom: 0.01em solid #b7b7b7;
}

#solveModal .modal-body__input > p[b-ugrzwb5dy3] {
    padding: .5rem;
}

/*#region Loader*/
.animateTextBox[b-ugrzwb5dy3] {
    background: #fff;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 10000;
    text-align: center;
    margin-top: 20px;
}

    .animateTextBox > section[b-ugrzwb5dy3] {
    }

.loaderBox[b-ugrzwb5dy3] {
    width: 100%;
}

.clpImg[b-ugrzwb5dy3] {
    margin: auto;
    text-align: center;
}

.spinnerDots[b-ugrzwb5dy3] {
    width: 70px;
    text-align: center;
    margin: 20px auto 0px auto;
}

    .spinnerDots > div[b-ugrzwb5dy3] {
        background-color: var(--mainBlue);
        border-radius: 100%;
        display: inline-block;
        width: 14px;
        height: 14px;
        -webkit-animation: rk-bouncedelay 1.4s infinite ease-in-out both;
        animation: rk-bouncedelay-b-ugrzwb5dy3 1.4s infinite ease-in-out both;
    }

    .spinnerDots .dots1[b-ugrzwb5dy3] {
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
    }

    .spinnerDots .dots2[b-ugrzwb5dy3] {
        -webkit-animation-delay: -0.16s;
        animation-delay: -0.16s;
    }

@-webkit-keyframes rk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes rk-bouncedelay-b-ugrzwb5dy3 {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}
/*#endregion Loader*/

/*#endregion Modal*/
@media screen and (max-width: 1024px) {
    .flex-column-between[b-ugrzwb5dy3] {
        width: 40%;
    }

    .modal-body__detail[b-ugrzwb5dy3] {
        width: 60%;
    }

    .modal-body__input .date-num[b-ugrzwb5dy3] {
        display: flex;
        flex-direction: column;
    }

    .modal-body__btn[b-ugrzwb5dy3] {
        width: 100%;
    }

    .attach .modal-body__btn[b-ugrzwb5dy3] {
        width: 140px;
    }

    .modal-body__btn button[b-ugrzwb5dy3] {
        width: 100%;
    }

    .attach > section:nth-child(1) p[b-ugrzwb5dy3] {
        margin-bottom: 0.375rem;
    }
}

@media screen and (max-width: 768px) {
    .flex-column-between[b-ugrzwb5dy3], .modal-body__detail[b-ugrzwb5dy3] {
        width: 50%;
    }

    .modal-body__company .list-detail[b-ugrzwb5dy3] {
        flex-direction: column;
        overflow: auto;
    }

    .list-detail .categorie[b-ugrzwb5dy3], .list-detail .company[b-ugrzwb5dy3] {
        width: 100%;
    }

        .list-detail .categorie .caption[b-ugrzwb5dy3] {
            background-color: var(--sysBackgBlue);
        }

        .list-detail .company .caption[b-ugrzwb5dy3] {
            height: 50px;
            margin-left: 10px;
        }

        .list-detail .company .company-list[b-ugrzwb5dy3] {
            border-left: none;
        }
}

@media screen and (max-width: 610px) {
    .modal-body[b-ugrzwb5dy3] {
        overflow-x: hidden;
    }

    .flex-column-between[b-ugrzwb5dy3] {
        width: 100%;
    }

    .modal-body__detail[b-ugrzwb5dy3] {
        position: fixed;
        transform: translateX(100vw);
    }

    .modal-body__detail__active[b-ugrzwb5dy3] {
        position: absolute;
        transform: translateX(0);
        width: 100%;
    }

    .list-detail[b-ugrzwb5dy3] {
        min-height: calc(80vh - 135px);
    }

    .modal-body__company__active[b-ugrzwb5dy3] {
        position: relative;
        transform: translateX(0) !important;
    }
}

@media screen and (max-width: 565px) {
    .modal-body__input[b-ugrzwb5dy3] {
        width: 100%;
    }
}
/* _content/blazor.smartoffice.mn/Components/ConfrimModal.razor.rz.scp.css */
body[b-tb6iyton13] {
    overflow: hidden;
}

.modal-dialog[b-tb6iyton13] {
    z-index: 1070;
}

.def-btn[b-tb6iyton13] {
    font-size: var(--font14);
}

.news-modal .modal-header[b-tb6iyton13], .news-modal .modal-footer[b-tb6iyton13] {
    display: none;
}

@media (min-width: 576px) {
    .modal-dialog[b-tb6iyton13] {
        max-width: 550px;
    }
}

.show[b-tb6iyton13] {
    display: block;
}

.hide[b-tb6iyton13] {
    display: none;
}

.modal-backdrop[b-tb6iyton13] {
    opacity: 0.5;
    border: none;
    cursor: default;
    animation: 0.5s opacity ease;
}

.modal-dialog[b-tb6iyton13] {
    -webkit-animation: fadein .4s ease-in-out;
    -moz-animation: fadein .4s ease-in-out;
    -o-animation: fadein .4s ease-in-out;
    animation: fadein-b-tb6iyton13 .4s ease-in-out;
}

.closing[b-tb6iyton13] {
    -webkit-animation: fadeout .4s ease-in-out;
    -moz-animation: fadeout .4s ease-in-out;
    -o-animation: fadeout .4s ease-in-out;
    animation: fadeout-b-tb6iyton13 .4s ease-in-out;
}

/*#region    ---------INDEX-COMPANY-MODAL---------*/

.index-modal .modal-body[b-tb6iyton13] {
    all: unset !important;
    height: 80vh !important;
}

.news-modal .modal-body[b-tb6iyton13] {
    height: 410px;
    padding: 0;
}

.btnClose-hidden #btnClose[b-tb6iyton13] {
    display: none;
}

@media (min-width: 576px) {
    .index-modal .modal-dialog[b-tb6iyton13] {
        max-width: 80vw;
    }
}

@media (min-width: 576px) {
    .news-modal .modal-dialog[b-tb6iyton13] {
        max-width: 700px;
    }
}
/*#endregion ---------INDEX-COMPANY-MODAL---------*/

@-webkit-keyframes fadein {
    from {
        top: -10%;
        opacity: 0;
    }

    to {
        top: 0;
        opacity: 1;
    }
}

@keyframes fadein-b-tb6iyton13 {
    from {
        top: -10%;
        opacity: 0;
    }

    to {
        top: 0;
        opacity: 1;
    }
}

@-webkit-keyframes fadeout {
    from {
        top: 0;
        opacity: 1;
    }

    to {
        top: -10%;
        opacity: 0;
    }
}

@keyframes fadeout-b-tb6iyton13 {
    from {
        top: 0;
        opacity: 1;
    }

    to {
        top: -10%;
        opacity: 0;
    }
}
/* _content/blazor.smartoffice.mn/Components/ModalDialog.razor.rz.scp.css */
body[b-saqbdifs3n] {
    overflow: hidden;
}

.mw-max-content .modal-dialog[b-saqbdifs3n] {
    max-width: max-content !important;
}

.modal-dialog[b-saqbdifs3n] {
    z-index: 1070;
}

.def-btn[b-saqbdifs3n] {
    font-size: var(--font14);
}

.news-modal .modal-header[b-saqbdifs3n], .news-modal .modal-footer[b-saqbdifs3n] {
    display: none;
}

.modal-compose .modal-dialog[b-saqbdifs3n] {
    height: 75%;
    max-width: 1140px !important;
}

    .modal-compose .modal-dialog .modal-content[b-saqbdifs3n] {
        height: 100%;
    }

@media (min-width: 576px) {
    .modal-dialog[b-saqbdifs3n] {
        max-width: 550px;
    }
}

.custom-w-50 > .modal-dialog[b-saqbdifs3n] {
    max-width: 800px !important;
}

    .custom-w-50 > .modal-dialog > .modal-content[b-saqbdifs3n] {
    }

.show[b-saqbdifs3n] {
    display: block;
}

.hide[b-saqbdifs3n] {
    display: none;
}

.modal-backdrop[b-saqbdifs3n] {
    opacity: 0.5;
    border: none;
    cursor: default;
    animation: 0.5s opacity ease;
}

.modal-dialog[b-saqbdifs3n] {
    -webkit-animation: fadein .4s ease-in-out;
    -moz-animation: fadein .4s ease-in-out;
    -o-animation: fadein .4s ease-in-out;
    animation: fadein-b-saqbdifs3n .4s ease-in-out;
}

.closing[b-saqbdifs3n] {
    -webkit-animation: fadeout .4s ease-in-out;
    -moz-animation: fadeout .4s ease-in-out;
    -o-animation: fadeout .4s ease-in-out;
    animation: fadeout-b-saqbdifs3n .4s ease-in-out;
}

/*#region    ---------INDEX-COMPANY-MODAL---------*/

.index-modal .modal-body[b-saqbdifs3n] {
    all: unset !important;
    height: 80vh !important;
}

.news-modal .modal-body[b-saqbdifs3n] {
    /*height: 410px;*/
    height: 220px;
    padding: 0;
}

.btnClose-hidden #btnClose[b-saqbdifs3n] {
    display: none;
}

@media (min-width: 576px) {
    .index-modal .modal-dialog[b-saqbdifs3n] {
        max-width: 80vw;
    }
}

@media (min-width: 576px) {
    .news-modal .modal-dialog[b-saqbdifs3n] {
        max-width: 700px;
    }
}
/*#endregion ---------INDEX-COMPANY-MODAL---------*/

@-webkit-keyframes fadein {
    from {
        top: -10%;
        opacity: 0;
    }

    to {
        top: 0;
        opacity: 1;
    }
}

@keyframes fadein-b-saqbdifs3n {
    from {
        top: -10%;
        opacity: 0;
    }

    to {
        top: 0;
        opacity: 1;
    }
}

@-webkit-keyframes fadeout {
    from {
        top: 0;
        opacity: 1;
    }

    to {
        top: -10%;
        opacity: 0;
    }
}

@keyframes fadeout-b-saqbdifs3n {
    from {
        top: 0;
        opacity: 1;
    }

    to {
        top: -10%;
        opacity: 0;
    }
}
/* _content/blazor.smartoffice.mn/Components/ModalDialogLarge.razor.rz.scp.css */
.modal-fullscreen[b-sm7dk4il4f] {
    display: flex;
    align-items: center;
}

.modal-content[b-sm7dk4il4f] {
    height: 90%;
}

.modal-body[b-sm7dk4il4f] {
    overflow: hidden;
    display: grid;
    grid-template-columns: 25% 1fr;
    padding: 0;
}

.modal-footer[b-sm7dk4il4f] {
    width: 25%;
    border: none;
    padding-right: .8rem;
}

body[b-sm7dk4il4f] {
    overflow: hidden;
}

.modal-dialog[b-sm7dk4il4f] {
    z-index: 1070;
}

.def-btn[b-sm7dk4il4f] {
    font-size: var(--font14);
}

.show[b-sm7dk4il4f] {
    display: block;
}

.hide[b-sm7dk4il4f] {
    display: none;
}

.modal-backdrop[b-sm7dk4il4f] {
    opacity: 0.5;
    border: none;
    cursor: default;
    animation: 0.5s opacity ease;
}

.modal-dialog[b-sm7dk4il4f] {
    -webkit-animation: fadein .4s ease-in-out;
    -moz-animation: fadein .4s ease-in-out;
    -o-animation: fadein .4s ease-in-out;
    animation: fadein-b-sm7dk4il4f .4s ease-in-out;
}

.closing[b-sm7dk4il4f] {
    -webkit-animation: fadeout .4s ease-in-out;
    -moz-animation: fadeout .4s ease-in-out;
    -o-animation: fadeout .4s ease-in-out;
    animation: fadeout-b-sm7dk4il4f .4s ease-in-out;
}

@-webkit-keyframes fadein {
    from {
        top: -10%;
        opacity: 0;
    }

    to {
        top: 0;
        opacity: 1;
    }
}

@keyframes fadein-b-sm7dk4il4f {
    from {
        top: -10%;
        opacity: 0;
    }

    to {
        top: 0;
        opacity: 1;
    }
}

@-webkit-keyframes fadeout {
    from {
        top: 0;
        opacity: 1;
    }

    to {
        top: -10%;
        opacity: 0;
    }
}

@keyframes fadeout-b-sm7dk4il4f {
    from {
        top: 0;
        opacity: 1;
    }

    to {
        top: -10%;
        opacity: 0;
    }
}
/* _content/blazor.smartoffice.mn/Data/Toaster/Toaster.razor.rz.scp.css */
/*#region Fonts*/
/*@font-face {
    font-family: "Manrope";
    src: url("../../../fonts/Manrope/Manrope-Light.ttf") format("truetype");
    font-weight: 300;
}

@font-face {
    font-family: "Manrope";
    src: url("../../../fonts/Manrope/Manrope-Regular.ttf") format("truetype");
    font-weight: 400;
}

@font-face {
    font-family: "Manrope";
    src: url("../../../fonts/Manrope/Manrope-Medium.ttf") format("truetype");
    font-weight: 500;
}

@font-face {
    font-family: "Manrope";
    src: url("../../../fonts/Manrope/Manrope-SemiBold.ttf") format("truetype");
    font-weight: 600;
}

@font-face {
    font-family: "Manrope";
    src: url("../../../fonts/Manrope/Manrope-Bold.ttf") format("truetype");
    font-weight: 700;
}*/
/*@font-face {
    font-family: "Montserrat";
    src: url("../../fonts/Montserrat/Montserrat-Light.ttf") format("truetype");
    font-weight: 300;
}

@font-face {
    font-family: "Montserrat";
    src: url("../../fonts/Montserrat/Montserrat-Regular.ttf") format("truetype");
    font-weight: 400;
}

@font-face {
    font-family: "Montserrat";
    src: url("../../fonts/Montserrat/Montserrat-Medium.ttf") format("truetype");
    font-weight: 500;
}*/
/*@font-face {
    font-family: "Rubik";
    src: url("../../fonts/Rubik/Rubik-Regular.ttf") format("truetype");
    font-weight: 400;
}

@font-face {
    font-family: "Rubik";
    src: url("../../fonts/Rubik/Rubik-Medium.ttf") format("truetype");
    font-weight: 500;
}

@font-face {
    font-family: "Rubik";
    src: url("../../fonts/Rubik/Rubik-SemiBold.ttf") format("truetype");
    font-weight: 600;
}*/
/*#endregion Fonts*/
.toast[b-8r4v6jsj1q] {
  position: fixed;
  z-index: 99999;
  width: max-content;
  max-width: 500px;
  min-width: 400px;
  left: 50%;
  font-size: 1rem;
  box-shadow: 0 6px 20px -5px rgba(0, 0, 0, 0.1) !important;
  border-radius: 1rem;
  background-color: #fff !important;
  bottom: 2rem;
  transform: translate(-50%, 100px);
  transition: all 0.4s cubic-bezier(0.68, -0.55, 0.25, 1.35) !important;
}
.toast small[b-8r4v6jsj1q] {
  position: absolute;
  top: 0.4rem;
  right: 0.8rem;
  font-size: 9px;
  opacity: 75% !important;
}
.toast.showing[b-8r4v6jsj1q] {
  /*transform: translate(-50%,-100px) !important;*/
}
.toast.show[b-8r4v6jsj1q] {
  transform: translate(-50%, 0) !important;
  animation: slideUp !important;
}
.toast .toast-body[b-8r4v6jsj1q] {
  padding: 0 1rem !important;
  margin: 0 !important;
}
.toast .toast-body #toastBody[b-8r4v6jsj1q] {
  word-break: break-word;
}
.toast i[b-8r4v6jsj1q] {
  display: none;
}
.toast.toast-info[b-8r4v6jsj1q] {
  border: 0.01em solid #c1e2ff !important;
}
.toast.toast-info i.info-icon[b-8r4v6jsj1q] {
  display: block !important;
  color: #0083f4 !important;
}
.toast.toast-success[b-8r4v6jsj1q] {
  border: 0.01em solid #c1ffde !important;
}
.toast.toast-success i.success-icon[b-8r4v6jsj1q] {
  display: block !important;
  color: #00F471 !important;
}
.toast.toast-warning[b-8r4v6jsj1q] {
  border: 0.01em solid #ffdec1 !important;
}
.toast.toast-warning i.warning-icon[b-8r4v6jsj1q] {
  display: block !important;
  color: #F47100 !important;
}
.toast.toast-danger[b-8r4v6jsj1q] {
  border: 0.01em solid #fffbfc !important;
}
.toast.toast-danger i.danger-icon[b-8r4v6jsj1q] {
  display: block !important;
  color: #E84671 !important;
}

.toast:not(.show)[b-8r4v6jsj1q] {
  display: unset !important;
}

/*#globalToast {
    position: relative !important;
    visibility: visible !important;
    -webkit-animation: fadein 0.5s ease-in-out !important;
    animation: fadein 0.5s ease-in-out !important;
}
*/
/*@-webkit-keyframes fadein {
    from {
        right: -50%;
        opacity: 0;
    }

    to {
        right: 0;
        opacity: 1;
    }
}

@keyframes fadein {
    from {
        right: -50%;
        opacity: 0;
    }

    to {
        right: 0;
        opacity: 1;
    }
}

@-webkit-keyframes fadeout {
    from {
        right: 0;
        opacity: 1;
    }

    to {
        right: -50%;
        opacity: 0;
    }
}

@keyframes fadeout {
    from {
        right: 0;
        opacity: 1;
    }

    to {
        right: -50%;
        opacity: 0;
    }
}
*/
/* _content/blazor.smartoffice.mn/Pages/Contract/Detail.razor.rz.scp.css */
.mb-1[b-wbdlw4x4x2] {
    margin-bottom: 20px !important;
}

.p-1[b-wbdlw4x4x2] {
    padding: 20px !important;
}

.border-success[b-wbdlw4x4x2] {
    border-color: var(--successGreen) !important;
}

.border-blue[b-wbdlw4x4x2] {
    border-color: var(--mainBlue) !important;
}

.danger-btn[b-wbdlw4x4x2] {
    background: var(--dangerRedBackg) !important;
    color: var(--dangerRed);
}

.success-btn[b-wbdlw4x4x2] {
    background: var(--successGreenBackg);
}

.info-btn[b-wbdlw4x4x2] {
    background: var(--mainBlue) !important;
    color: #fff;
}

    .info-btn:hover[b-wbdlw4x4x2] {
        background-color: var(--txtBlue) !important;
    }

.border-danger[b-wbdlw4x4x2] {
    border-collapse: var(--dangerRed) !important;
}

.bg-warning[b-wbdlw4x4x2] {
    border-color: var(--warningOrange) !important;
    background-color: var(--warningOrange) !important;
}

.btn-new[b-wbdlw4x4x2] {
    margin: 0;
}

.content-block__list[b-wbdlw4x4x2] {
    width: 100%;
}

.content-block__detail[b-wbdlw4x4x2] {
    width: 0;
}

.list__caption[b-wbdlw4x4x2] {
    flex-wrap: wrap;
}

    .list__caption .caption[b-wbdlw4x4x2] {
        padding: 0 0.35rem;
        cursor: pointer;
        border-radius: 0.70rem;
        transition: 0.2s all;
        font-size: var(--font14);
    }

        .list__caption .caption:hover[b-wbdlw4x4x2] {
            background: var(--backgGrey);
        }

    .list__caption .detail-btn[b-wbdlw4x4x2] {
        gap: 0.3rem;
        flex-wrap: wrap;
    }

        .list__caption .detail-btn button[b-wbdlw4x4x2] {
            display: flex;
            gap: 0.3rem;
            align-items: center;
            width: max-content;
            border-radius: .70rem;
            transition: all 0.2s;
        }

.contract-form[b-wbdlw4x4x2] {
    background-color: #fff;
    -webkit-box-shadow: 0px 3px 10px 2px rgba(0,0,0,0.08);
    box-shadow: 0px 3px 10px 2px rgba(0,0,0,0.08);
}

.form-border[b-wbdlw4x4x2] {
    border: 0.01em solid var(--borderClr);
    border-radius: 1rem;
}

.form-header[b-wbdlw4x4x2] {
    min-height: 30px;
    border-bottom: 0.01em solid var(--borderClr);
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.form-body p[b-wbdlw4x4x2] {
    margin: 0;
}

.form-body > section[b-wbdlw4x4x2] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 50px;
}

    .form-body > section > div[b-wbdlw4x4x2] {
        width: auto;
        display: grid;
        grid-template-columns: 70px 1fr;
        align-items: center;
    }

.form-body .form-control[b-wbdlw4x4x2] {
    padding: 0;
    padding-bottom: 1rem;
    font-size: inherit;
}

.form-body > section > div > input[b-wbdlw4x4x2] {
    height: 30px;
}

.form-body input:focus[b-wbdlw4x4x2] {
    color: #212529;
    background-color: #fff;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
}

.form-body .attach[b-wbdlw4x4x2] {
    display: grid;
    grid-template-columns: 1fr 77px;
}

.form-footer button[b-wbdlw4x4x2] {
    min-height: 30px;
    width: 100%;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    transition: all 0.1s;
    background-color: #b7b7b7
}

    .form-footer button:hover[b-wbdlw4x4x2] {
        filter: brightness(110%);
    }

.list__caption[b-wbdlw4x4x2] {
    height: 50px !important;
    border-right: none;
    justify-content: space-between;
}

.list__items[b-wbdlw4x4x2] {
    padding: 1rem;
    height: calc(100vh - 165px);
}

#signType .form-body[b-wbdlw4x4x2] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    /*grid-template-columns: 1fr 1fr 1fr;*/
    gap: 20px;
}

    #signType .form-body > label[b-wbdlw4x4x2] {
        display: grid;
        grid-template-columns: 100px 1fr;
        align-items: center;
        text-align: center;
        cursor: pointer;
        transition: 0.1s ease-out;
        position: relative;
    }

        #signType .form-body > label:hover[b-wbdlw4x4x2] {
            background-color: var(--tabActiveBlue)
        }

    #signType .form-body img[b-wbdlw4x4x2] {
        cursor: pointer;
    }

#signType input[type="radio"][b-wbdlw4x4x2] {
    opacity: 0;
}

[type="radio"] + label[b-wbdlw4x4x2] {
    position: relative;
    left: -10px;
}

    [type="radio"] + label[b-wbdlw4x4x2]::before {
        left: -10px;
        top: 10%;
        content: "";
        position: absolute;
        width: 0.4rem;
        height: 80%;
        background-color: var(--backgGrey);
        border-radius: 10px;
    }

[type="radio"]:checked + label[b-wbdlw4x4x2]::before {
    border: none;
    background-color: var(--mainBlue);
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,131,244,0.6);
    box-shadow: 0px 0px 20px 0px rgba(0,131,244,0.6);
    transition: 0.1s ease-out;
}

#signType .form-body > label:focus-within[b-wbdlw4x4x2] {
    background-color: red;
}

/*#region Accordion-body__detail*/
.accordion-body__detail[b-wbdlw4x4x2] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

    .accordion-body__detail > a[b-wbdlw4x4x2] {
        text-align: right;
        text-decoration: none;
        color: var(--txtBlue);
    }

    .accordion-body__detail > div > section[b-wbdlw4x4x2] {
        display: grid;
        grid-template-columns: 1fr 77px;
    }

.sign-user__detail > div[b-wbdlw4x4x2] {
    display: grid;
    grid-template-columns: 0 40px 1fr;
    position: relative;
}

#sequence[b-wbdlw4x4x2] {
    position: relative;
    left: -16px;
}

.sign-user__detail .row[b-wbdlw4x4x2] {
    margin: 0;
    margin-bottom: 5px;
}

.sign-user__detail .input-group[b-wbdlw4x4x2] {
    height: 35px;
    width: fit-content;
    flex-wrap: nowrap;
    padding: 0;
    margin: 0 5px 5px 0;
}

    .sign-user__detail .input-group > select[b-wbdlw4x4x2], .sign-user__detail .input-group > input[b-wbdlw4x4x2], .sign-user__detail .input-group-text[b-wbdlw4x4x2] {
        border-radius: 10px;
    }

.input-group > *[b-wbdlw4x4x2] {
    border: 0.01em solid #b7b7b7;
    border-color: #b7b7b7;
    padding: 0 0.5rem;
}

.input-group > span[b-wbdlw4x4x2] {
    cursor: pointer;
}

select:disabled[b-wbdlw4x4x2], input:disabled[b-wbdlw4x4x2] {
    color: #000;
    opacity: 1;
    background-color: var(--backg);
}

select:focus-visible[b-wbdlw4x4x2], input:focus-visible[b-wbdlw4x4x2] {
    outline: none;
}

.sign-user__detail .input-group-text[b-wbdlw4x4x2] {
    padding: 0;
    width: 35px;
    justify-content: center;
}

.input-group > input[b-wbdlw4x4x2] {
    width: 120px;
}

#email input[b-wbdlw4x4x2] {
    width: 200px;
}

option[b-wbdlw4x4x2], input[b-wbdlw4x4x2] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.download-btn[b-wbdlw4x4x2] {
    width: 77px;
    height: 35px;
    border: none;
    border-radius: 10px;
    transition: 0.1s ease-out;
}

    .download-btn:hover[b-wbdlw4x4x2] {
        background-color: var(--txtBlue);
    }
/*#endregion Accordion-body__detail*/

@media screen and (max-width: 768px) {
    .list__caption[b-wbdlw4x4x2] {
        height: 105px !important;
    }

    .sign-user__detail > div[b-wbdlw4x4x2] {
        margin-bottom: 10px;
        border-bottom: 0.01em solid var(--borderClr);
    }

    .form-body .attach[b-wbdlw4x4x2] {
        grid-template-columns: none;
    }
}

@media screen and (max-width: 425px) {
    .form-body > section[b-wbdlw4x4x2] {
        grid-template-columns: 1fr;
    }

    .sign-user__detail .input-group[b-wbdlw4x4x2], .sign-user__detail .input-group > select[b-wbdlw4x4x2], .sign-user__detail .input-group > input[b-wbdlw4x4x2] {
        width: 100% !important;
    }
}
/* _content/blazor.smartoffice.mn/Pages/Contract/List.razor.rz.scp.css */
/*#region Scroll*/
.mainContainer[b-58r61cj7q9]::-webkit-scrollbar, .mainContainer[b-58r61cj7q9]::-webkit-scrollbar {
    width: 0.5em;
}

.mainContainer[b-58r61cj7q9]::-webkit-scrollbar-track, .mainContainer[b-58r61cj7q9]::-webkit-scrollbar-track {
    background-color: var(--backgGrey);
    border-radius: 5px;
}

.mainContainer[b-58r61cj7q9]::-webkit-scrollbar-thumb, .mainContainer[b-58r61cj7q9]::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    border-radius: 5px;
}

    .mainContainer[b-58r61cj7q9]::-webkit-scrollbar-thumb:hover, .mainContainer[b-58r61cj7q9]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(0,0,0,0.5);
    }

    .mainContainer[b-58r61cj7q9]::-webkit-scrollbar-thumb:hover, .mainContainer[b-58r61cj7q9]::-webkit-scrollbar-thumb:hover {
        width: 0.7em;
    }
/*#endregion Scroll*/
.border-success[b-58r61cj7q9] {
    border-color: var(--successGreen) !important;
}

.bg-warning[b-58r61cj7q9] {
    border-color: var(--warningOrange) !important;
    background-color: var(--warningOrange) !important;
}

.mainContainer[b-58r61cj7q9] {
    padding: 0 1rem;
    height: calc(100vh - 110px);
    overflow-y: auto;
    background-color: var(--backg);
}

.align-center[b-58r61cj7q9] {
    display: flex;
    align-items: center;
}

.caption[b-58r61cj7q9] {
    height: 35px;
    margin: 1rem 0;
    justify-content: space-between;
}

    .caption > section[b-58r61cj7q9] {
        width: 50% !important;
        height: 35px;
        display: grid;
        grid-template-columns: 1fr 100px;
    }

        .caption > section > button[b-58r61cj7q9] {
            margin-left: 20px;
        }

    .caption .paging .button[b-58r61cj7q9] {
        display: grid;
        grid-template-columns: 30px 30px;
    }

.table-style[b-58r61cj7q9] {
    display: grid;
    grid-template-columns: 0.5fr 2.5fr 1fr 4.5fr 1.5fr 1.5fr 2fr 20px;
    padding: 0 1rem;
}

.item-header[b-58r61cj7q9], .accordion-item[b-58r61cj7q9] {
    margin-bottom: 10px;
}

.item-header[b-58r61cj7q9] {
    font-family: var(--ff-Manr-Bold);
    color: rgba(0,0,0,0.65);
    border: none;
    text-decoration: none;
}

.accordion-item[b-58r61cj7q9] {
    border: none;
    border: 0.01em solid var(--borderClr);
    border-radius: 1rem;
    font-family: var(--ff-Manr-Med);
    cursor: pointer;
    -webkit-box-shadow: 0px 3px 10px 2px rgba(0,0,0,0.08);
    box-shadow: 0px 3px 10px 2px rgba(0,0,0,0.08);
}

    .accordion-item .accordion-button.collapsed[b-58r61cj7q9], .accordion-item .accordion-button[b-58r61cj7q9] {
        border-radius: 1rem;
    }

.contract-item[b-58r61cj7q9] {
    font-size: var(--font14);
    border-radius: 1rem;
    height: 40px;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .contract-item > div[b-58r61cj7q9], .contract-item a[b-58r61cj7q9] {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

/*#isSigned::before {
    content: var(--number) '';
    width: 0;
    position: relative;
    left: -25px;
    top: 10px;
}*/

.status[b-58r61cj7q9] {
    display: grid;
    grid-template-columns: 20px 1fr;
    align-items: center;
}

    .status span[b-58r61cj7q9] {
        margin: 0;
    }

.contract-name[b-58r61cj7q9] {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: center;
}

#mySign[b-58r61cj7q9] {
    border: 0.01em solid var(--dangerRed);
    background: #FED9DA;
    border-radius: 10px;
    text-align: center;
    padding: 2.5px 0;
    margin-right: 5px;
    flex: 0 0 100px
}

.sign-user[b-58r61cj7q9] {
    display: flex;
    align-items: center;
    gap: 5px;
}

/*#region signUser percent box*/
.box[b-58r61cj7q9] {
    position: relative;
    width: 2rem;
    height: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    /*box-shadow: 0 30px 60px rgba(0,0,0,0.2);*/
}

    .box .percent[b-58r61cj7q9] {
        position: relative;
        width: 2rem;
        height: 2rem;
    }

        .box .percent svg[b-58r61cj7q9] {
            position: relative;
            width: 2rem;
            height: 2rem;
            transform: rotate(-90deg);
        }

            .box .percent svg circle[b-58r61cj7q9] {
                width: 2rem;
                height: 2rem;
                fill: none;
                stroke-width: 2;
                transform: translate(1px, 1px);
                stroke-dasharray: 100;
                stroke-dasharray: 93;
                stroke-dashoffset: 93;
                stroke-linecap: round;
            }

                .box .percent svg circle:nth-child(1)[b-58r61cj7q9] {
                    stroke-width: 1;
                    stroke-dashoffset: 0;
                    stroke: #b7b7b7;
                }

                .box .percent svg circle:nth-child(2)[b-58r61cj7q9] {
                    stroke-dashoffset: calc(93 - (93 * var(--percent)) / 100);
                    stroke: var(--strokeClr);
                }

        .box .percent .number[b-58r61cj7q9] {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            display: grid;
            place-items: center;
            font-size: 12px;
        }
/*#endregion signUser percent box*/

.accordion-body[b-58r61cj7q9] {
    padding: 1rem;
    display: grid;
    grid-template-columns: 150px 1fr;
    gap: 50px;
    cursor: default;
}

/*#region Accordion-body__file*/
.accordion-body__file .item[b-58r61cj7q9] {
    width: 150px;
    height: 234px;
    display: flex;
    margin: auto;
    flex-direction: column;
    -webkit-box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.2);
    border: 0.01em solid var(--borderClr);
    border-radius: 0;
    transition: 0.1s ease-out;
}

    .accordion-body__file .item:hover[b-58r61cj7q9] {
        -webkit-box-shadow: 0px 3px 9px -3px #000000;
        box-shadow: 0px 3px 12px -8px #000000;
    }

    .accordion-body__file .item > img[b-58r61cj7q9] {
        border: 0.01em solid var(--backgGrey);
        margin-bottom: 10px;
    }

    .accordion-body__file .item > a[b-58r61cj7q9] {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        word-break: break-all;
        font-size: 13px;
    }
/*#region Carousel*/
.carousel > section[b-58r61cj7q9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.carousel-indicators[b-58r61cj7q9] {
    position: relative;
    margin: 0;
    background-color: var(--pagingBackg);
    border-radius: 5px;
    height: 20px;
    color: #fff;
}

    .carousel-indicators [data-bs-target][b-58r61cj7q9] {
        background-color: transparent;
        height: 15px;
        width: 15px;
        margin: 2.5px;
        border: 0;
        border-radius: 5px;
        transition: 0.1s ease-out;
        color: #000;
    }

    .carousel-indicators .active[b-58r61cj7q9] {
        background-color: var(--mainBlue);
    }

.carousel-control-prev[b-58r61cj7q9], .carousel-control-next[b-58r61cj7q9] {
    width: 20px;
    height: 20px;
    border-radius: 5px;
    position: relative;
    background-color: var(--pagingBackg) !important;
    opacity: 1;
}

.carousel-control-next-icon[b-58r61cj7q9], .carousel-control-prev-icon[b-58r61cj7q9] {
    width: 15px;
    height: 15px;
    filter: brightness(0);
}
/*#endregion Carousel*/
/*#endregion Accordion-body__file*/

/*#region Accordion-body__detail*/
.accordion-body__detail[b-58r61cj7q9] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

    .accordion-body__detail > a[b-58r61cj7q9] {
        text-align: right;
        text-decoration: none;
        color: var(--txtBlue);
    }

    .accordion-body__detail > div > section[b-58r61cj7q9] {
        display: grid;
        grid-template-columns: 1fr 77px;
    }

.sign-user__detail > div[b-58r61cj7q9] {
    display: grid;
    grid-template-columns: 0 40px 1fr;
    position: relative;
}

#sequence[b-58r61cj7q9] {
    position: relative;
    left: -16px;
}

.sign-user__detail .row[b-58r61cj7q9] {
    margin: 0;
    margin-bottom: 5px;
}

.sign-user__detail .input-group[b-58r61cj7q9] {
    height: 35px;
    width: fit-content;
    flex-wrap: nowrap;
    padding: 0;
    margin: 0 5px 5px 0;
}

    .sign-user__detail .input-group > select[b-58r61cj7q9], .sign-user__detail .input-group > input[b-58r61cj7q9], .sign-user__detail .input-group-text[b-58r61cj7q9] {
        border-radius: 10px;
    }

.input-group > *[b-58r61cj7q9] {
    border: 0.01em solid #b7b7b7;
    border-color: #b7b7b7;
    padding: 0 0.5rem;
}

.input-group > span[b-58r61cj7q9] {
    cursor: pointer;
}

select:disabled[b-58r61cj7q9], input:disabled[b-58r61cj7q9] {
    color: #000;
    opacity: 1;
    background-color: var(--backg);
}

select:focus-visible[b-58r61cj7q9], input:focus-visible[b-58r61cj7q9] {
    outline: none;
}

.sign-user__detail .input-group-text[b-58r61cj7q9] {
    padding: 0;
    width: 35px;
    justify-content: center;
}

input[b-58r61cj7q9] {
    width: 120px;
}

#email input[b-58r61cj7q9] {
    width: 200px;
}

/*#endregion Accordion-body__detail*/
/*#region list-card*/
.list-card[b-58r61cj7q9] {
    display: none;
}

    .list-card > div[b-58r61cj7q9] {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
        justify-items: center;
        gap: 20px;
    }

    .list-card .card[b-58r61cj7q9] {
        width: 100%;
        padding: 10px;
        border: 0.01em solid var(--borderClr);
        border-radius: 1rem;
        font-family: var(--ff-Manr-Med);
        cursor: pointer;
        -webkit-box-shadow: 0px 3px 10px 2px rgba(0,0,0,0.08);
        box-shadow: 0px 3px 10px 2px rgba(0,0,0,0.08);
    }

        .list-card .card > *[b-58r61cj7q9] {
            margin-bottom: 5px;
        }

        .list-card .card > section[b-58r61cj7q9] {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
/*#endregion list-card*/

@media screen and (max-width: 768px) {
    .mainContainer[b-58r61cj7q9] {
        height: calc(100vh - 60px);
    }

    .btn-new[b-58r61cj7q9] {
        margin: 0;
    }

    .caption[b-58r61cj7q9] {
        height: 75px;
        flex-wrap: wrap;
        align-items: stretch;
        justify-content: flex-end;
    }

        .caption > section[b-58r61cj7q9] {
            width: 100% !important;
        }

    .list-item[b-58r61cj7q9] {
        display: none;
    }

    .list-card[b-58r61cj7q9] {
        display: block;
    }
}
/* _content/blazor.smartoffice.mn/Pages/Dashboard.razor.rz.scp.css */
*[b-a7ss30mudh] {
    font-family: var(--ff-Rubik-Reg);
}

p[b-a7ss30mudh], h6[b-a7ss30mudh] {
    margin: 0;
}

h4[b-a7ss30mudh] {
    margin: 0;
    font-family: var(--ff-Rubik-Med);
}

#dashboard[b-a7ss30mudh] {
    background: var(--backg);
    display: flex;
    flex-direction: column;
    font-family: var(--ff-Manr-SemiBold);
    overflow: auto;
}

    #dashboard .dashboard-container[b-a7ss30mudh] {
        margin: 0 auto;
        width: 100%;
        max-width: 1920px;
    }

.wrap[b-a7ss30mudh] {
    display: grid;
    grid-template-columns: 3fr 1fr;
    height: fit-content;
}

    .wrap > div:nth-child(1)[b-a7ss30mudh] {
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
        height: 100%;
    }


.wrap-card[b-a7ss30mudh] {
    width: 100%;
    border-radius: .3rem;
    background-color: var(--white);
    -webkit-box-shadow: 0px 0px 32px -24px var(--mainBlue);
    box-shadow: 0px 0px 25px -24px var(--mainBlue);
}

    .wrap-card label[b-a7ss30mudh] {
        color: var(--darkGrey);
        font-size: var(--font16);
        display: flex;
        justify-content: space-between;
    }

        .wrap-card label *[b-a7ss30mudh] {
            font-family: var(--ff-Rubik-Med);
        }

        .wrap-card label p span[b-a7ss30mudh] {
            color: var(--successGreenDark);
        }

.wrap .solved[b-a7ss30mudh] {
    background-color: var(--successGreenBackgM);
}

.wrap .solve[b-a7ss30mudh] {
    background-color: var(--warningOrangeBackg);
}

.wrap .unread[b-a7ss30mudh] {
    background-color: var(--tabActiveBlue);
}

.stats[b-a7ss30mudh] {
    background-color: var(--backg);
}

    .stats:hover[b-a7ss30mudh] {
        box-shadow: var(--box-shadow-blue-light);
    }

    .stats .stats-icon[b-a7ss30mudh] {
        width: 50px;
        height: 50px;
    }

.solved .stats-icon[b-a7ss30mudh] {
    background-color: var(--statusGreenBackg);
}

.solve .stats-icon[b-a7ss30mudh] {
    background-color: var(--warningOrangeM);
}

.unread .stats-icon[b-a7ss30mudh] {
    background-color: var(--newBlue);
}

.stats .stats-detail[b-a7ss30mudh] {
    font-family: var(--ff-Rubik-Med);
    color: #2E384D;
}

    .stats .stats-detail span[b-a7ss30mudh] {
        font-size: 1.3rem;
        font-family: var(--ff-Rubik-Med);
    }

    .stats .stats-detail p[b-a7ss30mudh] {
        font-size: 1rem;
    }

.box-border[b-a7ss30mudh] {
    border: 0.01em solid var(--borderClr);
}

.highcharts-root[b-a7ss30mudh] {
    font-family: var(--ff-Rubik-Med) !important;
}

@media screen and (min-width: 576px) {
    .wrap-row .stats-detail[b-a7ss30mudh] {
        flex-direction: row !important;
    }
}

@media screen and (max-width: 576px) {
    .wrap-row .stats-detail[b-a7ss30mudh] {
        flex-direction: row !important;
    }

    #dashboard[b-a7ss30mudh] {
        padding: 1rem !important;
    }
}

@media screen and (min-width: 992px) {
    .wrap-row .stats-detail[b-a7ss30mudh] {
        flex-direction: column !important;
    }
}

@media screen and (max-width: 992px) {
    .wrap[b-a7ss30mudh] {
        grid-template-columns: 1fr 1fr;
    }
}

@media screen and (max-width: 576px) {
    .wrap[b-a7ss30mudh] {
        grid-template-columns: 1fr;
    }
}
/*#region LOG*/
.activity-feed[b-a7ss30mudh] {
    font-size: 12px !important;
}

    .activity-feed .feed-item[b-a7ss30mudh] {
        position: relative;
        padding-bottom: 20px;
        padding-left: 20px;
        border-left: 2px solid #e4e8eb;
    }

        .activity-feed .feed-item:last-child[b-a7ss30mudh] {
            border-color: transparent;
            padding-bottom: 0;
        }

        .activity-feed .feed-item[b-a7ss30mudh]:after {
            content: "";
            display: block;
            position: absolute;
            top: 0;
            left: -6px;
            width: 10px;
            height: 10px;
            border-radius: 6px;
            background: #fff;
            border: 3px solid var(--mainBlue);
        }

        .activity-feed .feed-item .date[b-a7ss30mudh] {
            position: relative;
            top: -5px;
            color: var(--darkGrey);
            text-transform: uppercase;
            font-size: 13px;
        }

        .activity-feed .feed-item .text[b-a7ss30mudh] {
            position: relative;
            top: -3px;
        }
/*#endregion LOG*/
/* _content/blazor.smartoffice.mn/Pages/Doc/Blank.razor.rz.scp.css */
.content-block__list .list[b-t7mzw83lth] {
    height: 100%;
}

.list__caption section:nth-child(1)[b-t7mzw83lth] {
    grid-template-columns: 1fr;
}

.list__carditems[b-t7mzw83lth] {
    min-height: fit-content;
    padding: 20px 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 20px;
    justify-items: center;
}

    .list__carditems .item[b-t7mzw83lth] {
        width: 150px;
        height: 234px;
        display: flex;
        flex-direction: column;
        border-radius: 0px;
        transition: 0.05s ease-out;
        border: 1px solid rgba(0,0,0,.2);
    }

        .list__carditems .item:hover[b-t7mzw83lth] {
            transform: scale(1.005);
            -webkit-box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.2);
            box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.2);
        }

        .list__carditems .item > img[b-t7mzw83lth] {
            border: 0.01em solid var(--backgGrey);
            margin-bottom: 10px;
        }

        .list__carditems .item > a[b-t7mzw83lth] {
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            word-break: break-all;
            font-size: 13px;
        }

        .list__carditems .item img[b-t7mzw83lth] {
            background-color: white;
        }

@media screen and (max-width: 425px) {
    .list__caption .caption[b-t7mzw83lth] {
        flex-direction: row;
    }
}

@media screen and (max-width: 320px) {
    .list__carditems[b-t7mzw83lth] {
        gap: 10px;
    }
}
/*Buttons*/

.detail-btn .delete-btn[b-t7mzw83lth] {
    background-color: var(--backgGrey);
}

.detail-btn .save-btn[b-t7mzw83lth] {
    background-color: #7FF9B7;
}

.detail-btn .send-btn[b-t7mzw83lth] {
    background-color: var(--mainBlue);
}

/*#region ModalNew*/
.modal-body__input[b-t7mzw83lth] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 1rem;
}

    .modal-body__input .form-control[b-t7mzw83lth] {
        display: flex;
        flex-direction: column;
        padding: 0;
        font-size: var(--font14);
    }

        .modal-body__input .form-control p[b-t7mzw83lth] {
            margin-bottom: 1rem !important;
        }

        .modal-body__input .form-control .value[b-t7mzw83lth] {
            width: 100%;
            margin: 0 !important;
            padding: 0 !important;
        }

        .modal-body__input .form-control select[b-t7mzw83lth], .modal-body__input textarea[b-t7mzw83lth] {
            width: 100%;
            min-height: 30px;
            height: 30px;
            max-height: 60px;
            border: none;
            border-bottom: 0.01em solid #b7b7b7;
            font-size: var(--font16);
        }

            .modal-body__input textarea:focus[b-t7mzw83lth], .modal-body__input select:focus[b-t7mzw83lth] {
                color: #212529;
                background-color: #fff;
                border-color: #86b7fe;
                outline: 0;
                box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
            }

.flex-column-between[b-t7mzw83lth] {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 1rem;
    overflow-y: auto;
}

.content-block__detail .iframe[b-t7mzw83lth] {
    padding: 0;
}

/*#endregion modalnew*/
/* _content/blazor.smartoffice.mn/Pages/Doc/BlankDetail.razor.rz.scp.css */
.detail-btn .save-btn[b-0it8xrpvwu] {
    background-color: #7FF9B7;
}

.modal-body__input[b-0it8xrpvwu] {
    padding: 10px 10px 10px 10px;
    display: flex;
    gap: 20px;
}

    .modal-body__input > div[b-0it8xrpvwu] {
        width: 50%;
    }

    .modal-body__input .form-control[b-0it8xrpvwu] {
        padding: 0;
        font-size: var(--font14);
    }

        .modal-body__input .form-control input[b-0it8xrpvwu] {
            width: 100%;
            height: 30px;
        }

        .modal-body__input .form-control select[b-0it8xrpvwu] {
            width: 100%;
            height: 30px;
            border: none;
            border-bottom: 0.01em solid #b7b7b7;
        }

    .modal-body__input input:focus[b-0it8xrpvwu], .modal-body__input select:focus[b-0it8xrpvwu] {
        color: #212529;
        background-color: #fff;
        border-color: #86b7fe;
        outline: 0;
        box-shadow: inset 0 0 0 0.25rem rgb(13 110 253 / 25%);
    }
/* _content/blazor.smartoffice.mn/Pages/Doc/Detail.razor.rz.scp.css */
/* _content/blazor.smartoffice.mn/Pages/Doc/Plan.razor.rz.scp.css */
.btn-new[b-k06i79dpll] {
    margin: 0 10px;
    width: auto;
}

.list__caption section .caption a[b-k06i79dpll] {
    padding-left: 0;
}

.list__caption section:nth-child(1)[b-k06i79dpll] {
    grid-template-columns: 1fr 1fr;
}
/*Buttons*/

.detail-btn .delete-btn[b-k06i79dpll] {
    background-color: var(--backgGrey);
}

.detail-btn .save-btn[b-k06i79dpll] {
    background-color: #7FF9B7;
}

.detail-btn .send-btn[b-k06i79dpll] {
    background-color: var(--mainBlue);
}

.list-link .link-item[b-k06i79dpll] {
    color: var(--txtDefault) !important;
    text-decoration: none;
}

    .list-link .link-item:hover[b-k06i79dpll], .list-link .link-item.active[b-k06i79dpll] {
        color: var(--txtBlue) !important;
    }

    .list-link .link-item.active[b-k06i79dpll] {
        font-family: var(--ff-Manr-Bold) !important;
        color: var(--txtBlue) !important;
    }

@media screen and (max-width: 425px) {
    .list__caption .caption[b-k06i79dpll] {
        flex-direction: row;
    }
}

@media screen and (max-width: 380px) {
    .list__caption .caption[b-k06i79dpll] {
        justify-content: space-evenly;
        flex-direction: column;
        align-items: flex-start;
    }

    .btn-new[b-k06i79dpll] {
        margin-left: 0;
    }
}
/* _content/blazor.smartoffice.mn/Pages/Doc/PlanModal.razor.rz.scp.css */
/*#region*/
body[b-9uezj1bzd2] {
    overflow: hidden;
}

.modal-dialog[b-9uezj1bzd2] {
    z-index: 1055;
}

.def-btn[b-9uezj1bzd2] {
    font-size: var(--font14);
}

.show[b-9uezj1bzd2] {
    display: block;
}

.hide[b-9uezj1bzd2] {
    display: none;
}

.modal-backdrop[b-9uezj1bzd2] {
    opacity: 0.5;
    border: none;
    cursor: default;
    animation: 0.5s opacity ease;
}

.modal-dialog[b-9uezj1bzd2] {
    -webkit-animation: fadein .4s ease-in-out;
    -moz-animation: fadein .4s ease-in-out;
    -o-animation: fadein .4s ease-in-out;
    animation: fadein-b-9uezj1bzd2 .4s ease-in-out;
}

.closing[b-9uezj1bzd2] {
    -webkit-animation: fadeout .4s ease-in-out;
    -moz-animation: fadeout .4s ease-in-out;
    -o-animation: fadeout .4s ease-in-out;
    animation: fadeout-b-9uezj1bzd2 .4s ease-in-out;
}

@-webkit-keyframes fadein {
    from {
        transform: translateY(-10%);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes fadein-b-9uezj1bzd2 {
    from {
        transform: translateY(-10%);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@-webkit-keyframes fadeout {
    from {
        transform: translateY(0);
        opacity: 1;
    }

    to {
        transform: translateY(-10%);
        opacity: 0;
    }
}

@keyframes fadeout-b-9uezj1bzd2 {
    from {
        transform: translateY(0);
        opacity: 1;
    }

    to {
        transform: translateY(-10%);
        opacity: 0;
    }
}

/*#endregion*/

.modal-fullscreen[b-9uezj1bzd2] {
    display: flex;
    align-items: center;
}

.modal-content[b-9uezj1bzd2] {
    height: 90%; /*F
    max-width: 1440px;
    margin: auto;*/
}

.modal-body[b-9uezj1bzd2] {
    display: flex;
    padding: 0;
}

.flex-column-between[b-9uezj1bzd2] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    overflow: hidden;
    width: 35%;
    height: 100%;
    overflow-y: auto;
    padding: 1rem
}

.box-border[b-9uezj1bzd2] {
    border: 0.12em solid var(--borderClr);
}

.modal-body__input[b-9uezj1bzd2] {
    width: 100%;
}

input[type="date"][b-9uezj1bzd2]::-webkit-calendar-picker-indicator {
    color: rgba(0, 0, 0, 1);
    opacity: 1;
    display: block;
    padding: 0.42rem;
    background-color: var(--sysBackgBlue);
    cursor: pointer;
}

.modal-body__input .form-control[b-9uezj1bzd2] {
    height: auto;
    padding-left: 0;
    padding-right: 0;
    display: grid;
    align-items: center;
    grid-template-columns: 140px 1fr;
}
    .modal-body__input .form-control label[b-9uezj1bzd2] {
        font-size: 12px;
    }

    .modal-body__input .form-control p[b-9uezj1bzd2] {
        display: inline-block;
        box-sizing: border-box;
        text-align: left;
        vertical-align: top;
        margin: 0;
        float: left;
        font-size: var(--font14);
    }

.modal-body__input .value[b-9uezj1bzd2] {
    padding: 0;
    border-bottom: 0.01em solid #b7b7b7;
    position: relative;
}

    .modal-body__input .value input[b-9uezj1bzd2] {
        width: 100%;
        border: none;
        height: 30px;
        margin: 0;
        padding-left: .75rem;
    }

/*.modal-body__input .value input:disabled {
            color: #000;
        }*/

.modal-body__input section .value[b-9uezj1bzd2] {
    display: grid;
    grid-template-columns: 1fr 30px;
    justify-content: space-between;
}

.modal-body__input .value button[b-9uezj1bzd2] {
    border: none;
    width: 30px;
    height: 30px;
    background-color: var(--sysBackgBlue);
    transition: 0.2s;
}

.modal-body__input section .value button:hover[b-9uezj1bzd2] {
    background-color: var(--tabActiveBlue);
}

.modal-body__input .doc-txt[b-9uezj1bzd2] {
    grid-template-columns: 1fr;
}

.modal-body__input .date-num[b-9uezj1bzd2] {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    column-gap: 10px;
}

    .modal-body__input .date-num .form-control[b-9uezj1bzd2] {
        flex: 30%;
    }

    .modal-body__input .date-num input[b-9uezj1bzd2] {
        min-width: 50px;
    }

.form-control .value .dropdown-menu[b-9uezj1bzd2] {
    width: 100%;
    border-radius: 0;
    -webkit-box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.2);
    transition: 0.05s ease-out;
    padding: 0;
}

.list__items[b-9uezj1bzd2] {
    height: fit-content;
    max-height: 60vh;
    overflow-y: auto;
    padding: 20px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 20px;
    justify-items: center;
}

    .list__items .item[b-9uezj1bzd2] {
        width: 150px;
        height: 234px;
        display: flex;
        flex-direction: column;
        border-radius: 0px;
        transition: 0.05s ease-out;
        border: 1px solid rgba(0,0,0,.2);
    }

        .list__items .item:hover[b-9uezj1bzd2] {
            transform: scale(1.005);
            /*-webkit-box-shadow: 0px 3px 9px -3px #000000;
            box-shadow: 0px 3px 12px -8px #000000;*/
            -webkit-box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.2);
            box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.2);
        }

        .list__items .item > img[b-9uezj1bzd2] {
            border: 0.01em solid var(--backgGrey);
            margin-bottom: 10px;
        }

        .list__items .item > a[b-9uezj1bzd2] {
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            word-break: break-all;
            font-size: 13px;
        }

.form-control .tag-list[b-9uezj1bzd2] {
    display: flex;
    flex-wrap: wrap;
    max-height: 150px;
    overflow: auto;
    margin-bottom: 30px;
}

    .form-control .tag-list .tag-option[b-9uezj1bzd2] {
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .form-control .tag-list .tag-item[b-9uezj1bzd2] {
        width: fit-content;
        font-size: 12px;
        background: var(--backgGrey);
        padding: 3px 4px;
        margin: 4px;
        display: flex;
        align-items: center;
    }

        .form-control .tag-list .tag-item .btn-close[b-9uezj1bzd2] {
            width: 12px;
            height: 12px;
            padding: 0;
            margin-left: 5px;
            background-color: transparent;
        }

input:read-only[b-9uezj1bzd2],
input:disabled[b-9uezj1bzd2] {
    box-shadow: none !important;
}

.form-control .value input:disabled[b-9uezj1bzd2] {
    opacity: 50% !important;
}

.form-control .value button:disabled:hover[b-9uezj1bzd2] {
    background-color: var(--sysBackgBlue) !important;
}

.form-control .form-check .form-check-input[b-9uezj1bzd2] {
    margin-top: 5px;
}

input:focus:not([type='Radio'])[b-9uezj1bzd2] {
    color: #212529;
    background-color: #fff;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: inset 0 0 0 0.25rem rgb(13 110 253 / 25%);
}

input:focus:not([type='Radio'])[b-9uezj1bzd2] {
    color: #212529;
    background-color: #fff;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: inset 0 0 0 0.25rem rgb(13 110 253 / 25%);
}

input[type='Radio'][b-9uezj1bzd2] {
    border-radius: 50% !important;
}

.attach[b-9uezj1bzd2] {
    padding: 0;
}

    .attach p[b-9uezj1bzd2] {
        width: 140px;
    }

.send-btn[b-9uezj1bzd2] {
    color: #fff;
    background-color: var(--mainBlue);
    font-size: var(--font14);
    padding-left: 1rem;
    padding-right: 1rem;
}

    .send-btn:hover[b-9uezj1bzd2] {
        background-color: var(--txtBlue);
    }


/*#region .modal-body__detail*/
.modal-body__detail[b-9uezj1bzd2] {
    flex: 1;
    overflow-x: hidden;
}

.doc-null[b-9uezj1bzd2] {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
}
/*#region .modal-body__company*/
.modal-body__company[b-9uezj1bzd2] {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    transition: .2s ease-out;
    transform: translateX(150%);
    background-color: var(--backg);
    display: flex;
    flex-direction: column;
}

.modal-body__company__active[b-9uezj1bzd2] {
    transform: translateX(0) !important;
}

.modal-body__company .list-detail[b-9uezj1bzd2] {
    display: flex;
    flex-direction: row;
    height: calc(100% - 35px);
}

    .modal-body__company .list-detail .categorie-list[b-9uezj1bzd2] {
        height: 100%;
    }

.list-detail .categorie[b-9uezj1bzd2] {
    width: 35%;
}

.categorie .categorie-item[b-9uezj1bzd2] {
    padding: 0.5rem 1rem;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.075);
    margin: 0 0.5rem 0.3rem 0.5rem;
    font-family: var(--ff-Manr-SemiBold);
    cursor: pointer;
    transition: 0.2s;
}

.categorie .item-active[b-9uezj1bzd2] {
    background-color: var(--mainBlue) !important;
    color: #fff;
}

.categorie .categorie-item:hover[b-9uezj1bzd2] {
    background: var(--tabActiveBlue);
}

.categorie .categorie-item > span[b-9uezj1bzd2], .accordion-button > span[b-9uezj1bzd2], .accordion-body__item > span[b-9uezj1bzd2] {
    font-family: var(--ff-Manr-Light);
}

.list-detail .categorie .caption[b-9uezj1bzd2] {
    padding: 0 10px;
}

    .list-detail .categorie .caption i[b-9uezj1bzd2] {
        cursor: pointer;
        margin-right: 10px;
    }
/*Accordian*/
.accordion-item[b-9uezj1bzd2] {
    background: none !important;
    border: none !important;
}

.accordion-button[b-9uezj1bzd2] {
    transition: all 300ms ease-in-out;
    padding: 0;
    font-size: var(--font14);
    background: none;
}

    .accordion-button:focus[b-9uezj1bzd2] {
        box-shadow: none;
    }

    .accordion-button:not(.collapsed)[b-9uezj1bzd2] {
        color: #0c63e4;
        background: none;
        box-shadow: none;
    }

.accordion-collapse[b-9uezj1bzd2] {
    transition: 0.1s ease-out;
}

.accordion-body[b-9uezj1bzd2] {
    padding: 0;
    margin: 0 0.5rem 0.3rem;
    background: #fff;
    border-radius: 2px;
    transition: 0.1s;
}

.accordion-body__item[b-9uezj1bzd2] {
    padding: 0.5rem 0.5rem 0.5rem 1.5rem;
    cursor: pointer;
    font-family: var(--ff-Manr-Med);
}

    .accordion-body__item:hover[b-9uezj1bzd2] {
        background-color: var(--tabActiveBlue);
    }

#collapseZero[b-9uezj1bzd2] {
    height: calc(100% - 35px);
    overflow: hidden;
    overflow-y: auto;
}

.accordion-button:not(.collapsed)[b-9uezj1bzd2]::after {
    transform: rotate(-90deg);
}
/*Accordian*/
.list-detail .company[b-9uezj1bzd2] {
    width: 65%;
}

    .list-detail .company .caption[b-9uezj1bzd2] {
        margin-right: 10px;
        display: flex;
        justify-content: space-between;
    }

        .list-detail .company .caption .filter-badge[b-9uezj1bzd2] {
            max-width: 85%;
            padding: 0.2rem 0.5rem;
            border-radius: 15px;
            color: #000;
            text-decoration: none;
            background-color: var(--backgGrey);
            display: flex;
            align-items: center;
        }

            .list-detail .company .caption .filter-badge span[b-9uezj1bzd2] {
                white-space: nowrap;
                overflow: hidden !important;
                text-overflow: ellipsis;
            }

            .list-detail .company .caption .filter-badge .btn-close[b-9uezj1bzd2] {
                margin-left: 0.5rem;
                width: .25em;
                height: .25em;
                padding: .3em .3em;
            }

        .list-detail .company .caption .paging[b-9uezj1bzd2] {
            display: flex;
            justify-content: flex-end;
            gap: 20px;
        }
/* #region scroll*/
.flex-column-between[b-9uezj1bzd2]::-webkit-scrollbar, .categorie-list[b-9uezj1bzd2]::-webkit-scrollbar, .company-list[b-9uezj1bzd2]::-webkit-scrollbar, .modal-body__detail[b-9uezj1bzd2]::-webkit-scrollbar {
    width: 0.5em;
}

.flex-column-between[b-9uezj1bzd2]::-webkit-scrollbar-track, .categorie-list[b-9uezj1bzd2]::-webkit-scrollbar-track, .company-list[b-9uezj1bzd2]::-webkit-scrollbar-track, .modal-body__detail[b-9uezj1bzd2]::-webkit-scrollbar-track {
    background-color: var(--backgGrey);
    border-radius: 5px;
}

.flex-column-between[b-9uezj1bzd2]::-webkit-scrollbar-thumb, .categorie-list[b-9uezj1bzd2]::-webkit-scrollbar-thumb, .company-list[b-9uezj1bzd2]::-webkit-scrollbar-thumb, .modal-body__detail[b-9uezj1bzd2]::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    border-radius: 5px;
}

    .flex-column-between[b-9uezj1bzd2]::-webkit-scrollbar-thumb, .categorie-list[b-9uezj1bzd2]::-webkit-scrollbar-thumb:hover, .company-list[b-9uezj1bzd2]::-webkit-scrollbar-thumb:hover, .modal-body__detail[b-9uezj1bzd2]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(0,0,0,0.5);
        width: 0.7em;
    }

/* #endregion scroll*/

.list-detail .caption[b-9uezj1bzd2] {
    height: 35px;
    display: flex;
    align-items: center;
}

.list-detail .categorie-list[b-9uezj1bzd2], .list-detail .company-list[b-9uezj1bzd2] {
    height: calc(100% - 35px);
    overflow: hidden;
    overflow-y: auto;
}

.company .company-item[b-9uezj1bzd2] {
    display: flex;
    justify-content: space-between;
    border-bottom: 0.1em solid #b7b7b7;
    width: 100%;
    padding: 0.75rem 0.5rem;
    gap: 10px;
    background-color: #fff;
    transition: 0.2s;
    cursor: pointer;
}

    .company .company-item:hover[b-9uezj1bzd2] {
        background-color: var(--tabActiveBlue);
    }

    .company .company-item > div:nth-child(1)[b-9uezj1bzd2] {
        max-width: calc(100% - 100px);
        display: flex;
        flex-direction: column;
    }

    .company .company-item > div:nth-child(2)[b-9uezj1bzd2] {
        width: 100px;
        text-align: right;
    }

        .company .company-item > div:nth-child(2) button[b-9uezj1bzd2] {
            padding: 0 7px;
            width: 60px;
            background-color: var(--mainBlue);
            border-radius: 0;
            font-size: 12px;
            border: none;
            color: #fff;
        }

    .company .company-item a[b-9uezj1bzd2] {
        font-family: var(--ff-Manr-Bold);
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        word-wrap: break-word;
    }

    .company .company-item p[b-9uezj1bzd2] {
        margin: 0;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        word-wrap: break-word;
    }
/*#endregion .modal-body__company*/
.modal-body__detail .iframe[b-9uezj1bzd2] {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
/*#endregion .modal-body__detail*/

/*#region progressBar*/
#mainFile section[b-9uezj1bzd2] {
    width: 100%;
    padding: 0 .75rem;
    display: flex;
    align-items: center;
    font-size: var(--font14);
}

    #mainFile section a[b-9uezj1bzd2] {
        max-width: 85%;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        word-break: break-all;
        cursor: pointer;
    }

    #mainFile section span[b-9uezj1bzd2] {
        width: 15%;
        min-width: 50px;
    }

.item-active .progress[b-9uezj1bzd2] {
    visibility: hidden;
}

.attach-files .item-active > section[b-9uezj1bzd2] {
    border: none;
}
/*#endregion progressBar*/
/*#region Modal*/
#solveModal .form-control[b-9uezj1bzd2] {
    grid-template-columns: max-content 1fr;
    gap: 10px;
}

    #solveModal .form-control .value[b-9uezj1bzd2] {
        padding: 0;
        border: none;
    }

#solveModal input[b-9uezj1bzd2] {
    border-bottom: 0.01em solid #b7b7b7;
}

#solveModal .modal-body__input > p[b-9uezj1bzd2] {
    padding: .5rem;
}

/*#region Loader*/
.animateTextBox[b-9uezj1bzd2] {
    background: #fff;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 10000;
    text-align: center;
    margin-top: 20px;
}

    .animateTextBox > section[b-9uezj1bzd2] {
    }

.loaderBox[b-9uezj1bzd2] {
    width: 100%;
}

.clpImg[b-9uezj1bzd2] {
    margin: auto;
    text-align: center;
}

.spinnerDots[b-9uezj1bzd2] {
    width: 70px;
    text-align: center;
    margin: 20px auto 0px auto;
}

    .spinnerDots > div[b-9uezj1bzd2] {
        background-color: var(--mainBlue);
        border-radius: 100%;
        display: inline-block;
        width: 14px;
        height: 14px;
        -webkit-animation: rk-bouncedelay 1.4s infinite ease-in-out both;
        animation: rk-bouncedelay-b-9uezj1bzd2 1.4s infinite ease-in-out both;
    }

    .spinnerDots .dots1[b-9uezj1bzd2] {
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
    }

    .spinnerDots .dots2[b-9uezj1bzd2] {
        -webkit-animation-delay: -0.16s;
        animation-delay: -0.16s;
    }

@-webkit-keyframes rk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes rk-bouncedelay-b-9uezj1bzd2 {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}
/*#endregion Loader*/

/*#endregion Modal*/
@media screen and (max-width: 1024px) {
    .flex-column-between[b-9uezj1bzd2] {
        width: 40%;
    }

    .modal-body__detail[b-9uezj1bzd2] {
        width: 60%;
    }

    .modal-body__input .date-num[b-9uezj1bzd2] {
        display: flex;
        flex-direction: column;
    }

    .modal-body__btn[b-9uezj1bzd2] {
        width: 100%;
    }

    .attach .modal-body__btn[b-9uezj1bzd2] {
        width: 140px;
    }

    .modal-body__btn button[b-9uezj1bzd2] {
        width: 100%;
    }

    .attach > section:nth-child(1) p[b-9uezj1bzd2] {
        margin-bottom: 0.375rem;
    }
}

@media screen and (max-width: 768px) {
    .flex-column-between[b-9uezj1bzd2], .modal-body__detail[b-9uezj1bzd2] {
        width: 50%;
    }

    .modal-body__company .list-detail[b-9uezj1bzd2] {
        flex-direction: column;
    }

    .list-detail .categorie[b-9uezj1bzd2], .list-detail .company[b-9uezj1bzd2] {
        width: 100%;
    }

        .list-detail .categorie .caption[b-9uezj1bzd2] {
            background-color: var(--sysBackgBlue);
        }

        .list-detail .company .caption[b-9uezj1bzd2] {
            height: 50px;
            margin-left: 10px;
        }

        .list-detail .company .company-list[b-9uezj1bzd2] {
            border-left: none;
        }
}

@media screen and (max-width: 610px) {
    .modal-body[b-9uezj1bzd2] {
        overflow-x: hidden;
    }

    .flex-column-between[b-9uezj1bzd2] {
        width: 100%;
    }

    .modal-body__detail[b-9uezj1bzd2] {
        position: fixed;
        transform: translateX(100vw);
    }

    .modal-body__detail__active[b-9uezj1bzd2] {
        position: absolute;
        transform: translateX(0);
        width: 100%;
    }

    .list-detail[b-9uezj1bzd2] {
        min-height: calc(100vh - 135px);
    }

    .modal-body__company__active[b-9uezj1bzd2] {
        position: relative;
        transform: translateX(0) !important;
    }
}

@media screen and (max-width: 565px) {
    .modal-body__input[b-9uezj1bzd2] {
        width: 100%;
    }
}
/* _content/blazor.smartoffice.mn/Pages/Doc/SentDetail.razor.rz.scp.css */
.detail-container .caption[b-rltg0qt2fm] {
    justify-content: flex-start;
}

.list-link .link-item[b-rltg0qt2fm] {
    color: var(--txtDefault) !important;
    text-decoration: none;
    font-size: var(--font14) !important;
}

    .list-link .link-item:hover[b-rltg0qt2fm], .list-link .link-item.active[b-rltg0qt2fm] {
        color: var(--txtBlue) !important;
    }

    .list-link .link-item.active[b-rltg0qt2fm] {
        font-family: var(--ff-Manr-Bold) !important;
        color: var(--txtBlue) !important;
    }
/* _content/blazor.smartoffice.mn/Pages/Index.razor.rz.scp.css */
*[b-6m2dq9s74q] {
    --headerHeight: 50px;
    --input-height: 70px;
    --font-px: 0px;
    --z-index-1: 10;
    --z-index-2: 15;
    --z-index-3: 20;
    --z-index-4: 25;
    --z-index-5: 30;
    --box-shadow-blue: 0px 3px 76px 0px rgba(var(--mainBlue-rgb),0.3);
    --box-shadow-blue-light: 0px 3px 9px 0px rgba(var(--mainBlue-rgb),0.2);
    --animationSpeed: 30s;
}

[data-theme="dark"] .has-theme[b-6m2dq9s74q] {
    --txtDefault: #fff !important;
    --white: #212529 !important;
    --txtBlue: var(--mainBlue);
}

[data-theme="dark"] .main-body[b-6m2dq9s74q] {
    background-color: var(--txtDefault);
}

[data-theme="dark"] .text-blue[b-6m2dq9s74q] {
    color: #fff !important;
    opacity: 75%;
}

[data-theme="dark"] .border-bottom[b-6m2dq9s74q] {
    border-color: #dee2e629 !important;
}

*[id][b-6m2dq9s74q] {
    scroll-margin-top: var(--headerHeight) !important;
}
/* Chrome, Safari, Edge, Opera */
input[b-6m2dq9s74q]::-webkit-outer-spin-button,
input[b-6m2dq9s74q]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number][b-6m2dq9s74q] {
    -moz-appearance: textfield;
}

input[b-6m2dq9s74q], textarea[b-6m2dq9s74q] {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-appearance: none;
}

body[b-6m2dq9s74q] {
    background-color: white !important;
    background-color: var(--white) !important;
}

.btn.hover-text:hover[b-6m2dq9s74q] {
}

    .btn.hover-text:hover span[b-6m2dq9s74q] {
        display: none;
    }

    .btn.hover-text:hover[b-6m2dq9s74q]:after {
        content: attr(hover-text);
    }

/*#region ---------DARK SWITCHER--------- */

.dark-switcher[b-6m2dq9s74q] {
    width: fit-content;
    position: absolute;
    right: 1rem;
    top: 12px;
}

.checkbox[b-6m2dq9s74q] {
    opacity: 0;
    position: absolute;
}

.checkbox-label[b-6m2dq9s74q] {
    background-color: var(--backgGrey);
    width: 50px;
    height: 26px;
    border-radius: 50px;
    position: relative;
    padding: 5px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all 0.2s ease-in-out;
}

    .checkbox-label .ball[b-6m2dq9s74q] {
        background-color: #a1a1a1;
        width: 22px;
        height: 22px;
        position: absolute;
        left: 2px;
        top: 2px;
        border-radius: 50%;
        transition: transform 0.2s linear;
    }

.checkbox:checked + .checkbox-label .ball[b-6m2dq9s74q] {
    transform: translateX(24px);
    background-color: #66bb6a;
}

.checkbox:checked + .checkbox-label[b-6m2dq9s74q] {
    background-color: var(--txtDefault);
}

/*#endregion ---------DARK SWITCHER---------*/


header[b-6m2dq9s74q], footer[b-6m2dq9s74q] {
    max-width: 100vw;
    height: var(--headerHeight);
    z-index: var(--z-index-5);
}

header[b-6m2dq9s74q] {
    background: var(--white) !important;
    position: fixed !important;
}

footer[b-6m2dq9s74q] {
    height: fit-content !important;
}

    footer a[b-6m2dq9s74q],
    footer label[b-6m2dq9s74q] {
        color: var(--white);
    }

    footer a[b-6m2dq9s74q],
    footer label[b-6m2dq9s74q] {
        opacity: 85% !important;
    }

        footer a:hover[b-6m2dq9s74q],
        footer a:active[b-6m2dq9s74q],
        footer a:focus[b-6m2dq9s74q],
        footer label:hover[b-6m2dq9s74q],
        footer label:active[b-6m2dq9s74q],
        footer label:focus[b-6m2dq9s74q] {
            opacity: 100% !important;
        }

.main-body[b-6m2dq9s74q] {
    padding-top: var(--headerHeight);
    overflow: hidden;
    max-width: 100%;
    background-color: var(--white);
}

    .main-body .page[b-6m2dq9s74q] {
        position: relative;
    }

h1[b-6m2dq9s74q], h2[b-6m2dq9s74q], h3[b-6m2dq9s74q], label[b-6m2dq9s74q], a[b-6m2dq9s74q], p[b-6m2dq9s74q], span[b-6m2dq9s74q] {
    color: var(--txtDefault);
}

p[b-6m2dq9s74q] {
    text-align: justify;
    text-justify: inter-word;
}

h1[b-6m2dq9s74q], h2[b-6m2dq9s74q], h3[b-6m2dq9s74q] {
    font-family: var(--ff-Manr-ExtraBold);
}

a[b-6m2dq9s74q] {
    text-decoration: none;
    color: var(--txtDefault);
}

h2[b-6m2dq9s74q] {
    font-size: calc(1vw + 1.5rem);
    letter-spacing: 1px;
}

h1[b-6m2dq9s74q] {
    font-size: calc(1vw + 2rem);
}

.text-blue[b-6m2dq9s74q] {
    color: var(--txtBlue);
}

.text-default[b-6m2dq9s74q] {
    color: var(--txtDefault);
}

.rounded-10[b-6m2dq9s74q] {
    border-radius: 10px;
}

.rounded-5[b-6m2dq9s74q] {
    border-radius: 5px;
}

.border-top[b-6m2dq9s74q] {
    border-top: 0.01em solid #dee2e629 !important;
}

.required[b-6m2dq9s74q]:before {
    content: "*";
    color: red;
}

.pattern-1[b-6m2dq9s74q], .pattern-2[b-6m2dq9s74q] {
    bottom: 0;
}

.pattern-1[b-6m2dq9s74q] {
    left: 0;
}

.pattern-2[b-6m2dq9s74q] {
    right: 0;
}

.input-xl[b-6m2dq9s74q] {
    height: var(--input-height);
    padding: 1rem;
    padding-left: 5rem;
}

textarea.input-xl[b-6m2dq9s74q] {
    min-height: var(--input-height);
    height: calc(var(--input-height) * 2);
    max-height: calc(var(--input-height) * 4);
}

[data-theme="dark"] .has-theme .invert-1 img[b-6m2dq9s74q] {
    filter: invert(0);
}

.invert-1 img[b-6m2dq9s74q] {
    filter: invert(47%) sepia(96%) saturate(4790%) hue-rotate(190deg) brightness(100%) contrast(104%);
}

.opacity-50:hover[b-6m2dq9s74q] {
    opacity: 100% !important;
}

.burger[b-6m2dq9s74q] {
    position: static;
}

    .burger .line[b-6m2dq9s74q] {
        background-color: var(--mainBlue);
    }

#MainPage[b-6m2dq9s74q] {
    display: grid;
    place-content: center;
    min-height: calc(var(--app-height) - var(--headerHeight)) !important;
}

    #MainPage .register[b-6m2dq9s74q] {
        min-width: 320px;
    }

#HelperPage input[b-6m2dq9s74q], #HelperPage textarea[b-6m2dq9s74q] {
    box-shadow: var(--box-shadow-border-blue-light);
    -webkit-box-shadow: var(--box-shadow-border-blue-light);
    border: none;
    transition: all 0.2s ease-in-out;
}

    #HelperPage input:focus[b-6m2dq9s74q],
    #HelperPage input:focus-within[b-6m2dq9s74q],
    #HelperPage input:active[b-6m2dq9s74q],
    #HelperPage textarea:focus[b-6m2dq9s74q],
    #HelperPage textarea:focus-within[b-6m2dq9s74q],
    #HelperPage textarea:active[b-6m2dq9s74q] {
        box-shadow: var(--box-shadow-border-blue-light-blured);
        -webkit-box-shadow: var(--box-shadow-border-blue-light-blured);
    }

#HelperPage .input-box .icon-fixed[b-6m2dq9s74q] {
    top: 22px;
    left: 22px;
}

#HelperPage .contact[b-6m2dq9s74q] {
    background-color: var(--tabActiveBlue);
    height: calc(var(--input-height) * 3 + 1.5rem);
    margin-bottom: calc(3rem + 40px);
}

.mob-nav-list[b-6m2dq9s74q] {
    width: 100%;
    position: absolute;
    left: 0;
    padding: 1rem;
    visibility: hidden;
    top: var(--headerHeight);
    background: var(--white);
    opacity: 0%;
    transform: translateY(-100px);
}

    .mob-nav-list .nav-item:first-child[b-6m2dq9s74q] {
        padding: .4rem 0;
    }

.mob-nav-list__active[b-6m2dq9s74q] {
    display: flex !important;
    visibility: visible;
    height: fit-content !important;
    transition: all 0.2s ease-in-out;
    z-index: var(--z-index-5);
    /*animation: 0.2s fade-top ease-in-out;*/
    opacity: 1;
    transform: translateY(0);
}

.mob-nav-list .nav-list[b-6m2dq9s74q],
.mob-nav-list .user-section[b-6m2dq9s74q] {
    display: flex !important;
}

    .mob-nav-list .nav-list ul[b-6m2dq9s74q] {
        gap: 0.5rem;
        flex-direction: column;
    }

        .mob-nav-list .nav-list ul li[b-6m2dq9s74q] {
            width: 100%;
        }

.modal-backdrop[b-6m2dq9s74q] {
    z-index: 0 !important;
    visibility: hidden;
}

    .modal-backdrop.show[b-6m2dq9s74q] {
        z-index: var(--z-index-4) !important;
        visibility: visible;
    }

@keyframes fade-top-b-6m2dq9s74q {
    from {
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/*#region    ---------MODALCOMPANY--------- */

.modal-body__company[b-6m2dq9s74q] {
    width: 100%;
    height: 100%;
    background-color: var(--backg);
    display: flex;
    flex-direction: column;
}

/*#endregion ---------MODALCOMPANY--------- */

/*#region    ---------BUTTON---------*/
.btn[b-6m2dq9s74q] {
    border: none;
    height: 30px;
    padding: 0.2rem .75rem;
    transition: all 0.2s ease-in-out;
    font-size: 14px;
    border-radius: 0.375rem !important;
}

.btn-xl[b-6m2dq9s74q] {
    padding: 0.375rem 2rem !important;
    height: 40px !important;
    font-size: 16px !important;
    border-radius: 0.5rem !important;
}

.btn-secondary[b-6m2dq9s74q] {
    background-color: var(--white) !important;
    color: var(--txtDefault) !important;
    border: 0.1em solid var(--txtDefault);
}

    .btn-secondary:hover[b-6m2dq9s74q],
    .btn-secondary:active[b-6m2dq9s74q] {
        background-color: var(--txtDefault) !important;
        color: var(--white) !important;
    }

.card-primary button[b-6m2dq9s74q] {
    background-color: var(--txtDefault) !important;
    color: var(--white) !important;
}

    .card-primary button:hover[b-6m2dq9s74q],
    .card-primary button:active[b-6m2dq9s74q] {
        transform: scale(1.05);
    }

.btn-secondary-blue[b-6m2dq9s74q] {
    background-color: var(--sysBackgBlue);
    color: var(--txtBlue);
    box-shadow: var(--box-shadow-blue-light);
}

    .btn-secondary-blue:hover[b-6m2dq9s74q], .btn-secondary-blue:active[b-6m2dq9s74q] {
        transform: scale(1.05);
    }

.btn-primary[b-6m2dq9s74q] {
    color: white;
    background-color: var(--mainBlue) !important;
    display: flex;
    align-items: center;
}

    .btn-primary:hover[b-6m2dq9s74q] {
        background-color: var(--txtBlue) !important;
    }

/*#endregion ---------BUTTON---------*/

/*#region    ---------SLIDER---------*/

@keyframes scroll-b-6m2dq9s74q {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(calc(-210px * 18))
    }
}

.slider[b-6m2dq9s74q] {
    height: fit-content;
    margin: auto;
    /*overflow: hidden;*/
    position: relative;
    width: auto;
}

    .slider .slide-track[b-6m2dq9s74q] {
        margin-left: 40%;
        animation: scroll-b-6m2dq9s74q var(--animationSpeed) linear infinite;
        width: fit-content;
        display: grid;
        grid-template-columns: repeat(var(--column-count), 210px);
        grid-template-rows: 1fr 1fr;
        gap: 1rem;
    }

    .slider .slide[b-6m2dq9s74q] {
        height: 100px;
        width: 210px;
        display: grid;
        place-content: center;
        border-radius: 10px;
        background-color: var(--white);
        -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
        filter: grayscale(100%);
        opacity: 50%;
        transition: all 0.2s ease-in-out;
    }

        .slider .slide:hover[b-6m2dq9s74q] {
            filter: none !important;
            opacity: 100%;
        }

.slide img[b-6m2dq9s74q] {
    min-height: auto;
    max-height: 80px;
    max-width: 200px;
    min-width: auto;
    background-color: #fff !important;
}

/*[dark-theme="dark"] {
    background-color: var(--txtDefault);
}*/

/*#endregion ---------SLIDER---------*/

/*#region ---------MEDIA--------- */
@media screen and (max-width: 1234px) {
    .dark-switcher[b-6m2dq9s74q] {
        top: calc(var(--headerHeight) + 12px)
    }
}

@media screen and (max-width: 1024px) {
    #Logo img[b-6m2dq9s74q] {
        height: 30px !important;
    }

    h2[b-6m2dq9s74q] {
        font-size: calc(1vw + 1.375rem);
    }

    h1[b-6m2dq9s74q] {
        font-size: calc(1vw + 1.5rem);
    }

    .burger[b-6m2dq9s74q] {
        display: block !important;
    }

    .nav-list[b-6m2dq9s74q] {
        display: none;
    }

    .user-section[b-6m2dq9s74q] {
        display: none !important;
    }

    #PricePage .card h1[b-6m2dq9s74q] {
        font-size: calc(1vw + 2rem);
    }

    .dark-switcher[b-6m2dq9s74q] {
        position: static;
    }
}

@media screen and (max-width: 768px) {
    h1[b-6m2dq9s74q] {
        font-size: calc(1vw + 1.375rem);
    }

    .pattern-1[b-6m2dq9s74q], .pattern-2[b-6m2dq9s74q] {
        display: none;
    }

    .register[b-6m2dq9s74q] {
        width: 75% !important;
    }

    .contact[b-6m2dq9s74q] {
        padding: 1rem !important;
    }

    #HelperPage .contact[b-6m2dq9s74q] {
        margin-bottom: 0;
        height: fit-content !important;
    }

    /*footer {
        height: 80px !important;
    }*/
}

@media (min-width: 576px) {
    .modal-dialog[b-saqbdifs3n][b-6m2dq9s74q] {
        max-width: 80vw !important;
    }
}

@media screen and (max-width: 425px) {
    h1[b-6m2dq9s74q] {
        font-size: calc(1vw + 1rem);
    }

    *[b-6m2dq9s74q] {
        --font-px: 2px;
    }

    #PricePage .card[b-6m2dq9s74q] {
        --font-px: 0 !important;
    }

    .register[b-6m2dq9s74q] {
        width: 100% !important;
    }

    .performance[b-6m2dq9s74q] {
        gap: 1.5rem !important;
    }

    #PricePage .card label[b-6m2dq9s74q] {
        font-size: 1rem !important;
    }

    #PartnerPage .slider[b-6m2dq9s74q] {
        transform: scale(0.75);
    }

    footer a[b-6m2dq9s74q] {
        font-size: 12px;
    }
}

@media screen and (max-width: 400px) {
    h2[b-6m2dq9s74q] {
        font-size: calc(1vw + 0.9rem);
    }

    *[b-6m2dq9s74q] {
        --font-px: 4px;
    }

    #PricePage .card label[b-6m2dq9s74q] {
        font-size: 1rem !important;
    }

    #MainPage .register[b-6m2dq9s74q] {
        min-width: auto;
    }

    #FooterLogo[b-6m2dq9s74q] {
        width: 75% !important;
    }
}

@media (min-width: 992px) {

    .container[b-6m2dq9s74q], .container-lg[b-6m2dq9s74q], .container-md[b-6m2dq9s74q], .container-sm[b-6m2dq9s74q] {
        max-width: 1100px;
    }
}

@media (min-width: 1400px) {
    h2[b-6m2dq9s74q] {
        font-size: 43px;
    }

    h1[b-6m2dq9s74q] {
        font-size: 52px;
    }

    .container[b-6m2dq9s74q] {
        max-width: 1320px;
    }
}


/*#endregion  ---------MEDIA---------*/
/* _content/blazor.smartoffice.mn/Pages/Manage/ChangePassword.razor.rz.scp.css */
.list > div:nth-child(2)[b-veepflc1re] {
    background-color: #fff;
}

.list__items[b-veepflc1re] {
    padding: 1rem;
}

.form-control[b-veepflc1re] {
    display: grid;
    grid-template-columns: 160px 1fr;
    font-size: var(--font14);
    align-items: center;
    width: 100%;
    padding: 0;
    margin-bottom: 1rem;
}

    .form-control p[b-veepflc1re] {
        margin: 0;
    }

    .form-control .value[b-veepflc1re] {
        height: 30px;
    }
        /*.form-control {
    height: auto;
    font-size: var(--font14);
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
    padding-left: 1.25rem;
}

    .form-control p {
        width: 160px;
        display: inline-block;
        box-sizing: border-box;
        text-align: left;
        vertical-align: top;
        margin: 0;
        float: left;
        font-size: var(--font14);
    }

    .form-control .value {
        width: calc(100% - 160px);
        height: 30px;
        margin: 0;
    }*/

        .form-control .value > input[b-veepflc1re] {
            width: 100%;
            height: 100%;
        }

.list__items[b-veepflc1re] {
    height: fit-content;
    border-top: none;
}

.confirm-btn[b-veepflc1re] {
    background-color: var(--mainBlue);
    border: none;
    color: #fff;
    padding: 0.25rem 1rem;
    margin-top: 3rem;
    float: right;
}

    .confirm-btn:hover[b-veepflc1re] {
        background-color: var(--txtBlue);
    }

@media screen and (max-width: 530px) {
    .list__caption[b-veepflc1re] {
        height: 50px;
    }
}
/* _content/blazor.smartoffice.mn/Pages/Manage/CompanyInfo.razor.rz.scp.css */
.list[b-gk06fd23rg] {
    height: 100% !important;
}

.content-block__list .box-border[b-gk06fd23rg] {
    border-right: none;
}

.content-block__detail[b-gk06fd23rg] {
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

    .content-block__detail .container[b-gk06fd23rg] {
        flex: 1;
        overflow-y: auto !important;
    }

.list__caption section:nth-child(1)[b-gk06fd23rg] {
    grid-template-columns: 1fr;
}

.list__items .user[b-gk06fd23rg] {
    padding: 0.5rem 1.25rem 0rem 1.25rem;
    width: 100%;
    background-color: #fff;
    border-bottom: 0.01em solid #b7b7b7;
    display: flex;
    flex-direction: column;
}

    .list__items .user p[b-gk06fd23rg] {
        margin: 0;
        word-wrap: break-word;
    }

.list__caption[b-gk06fd23rg] {
    font-size: var(--font14);
}

.user .user-detail[b-gk06fd23rg] {
    display: flex;
    justify-content: space-between;
}

    .user .user-detail > section:nth-child(1)[b-gk06fd23rg] {
        width: 50%;
        text-align: left;
    }

    .user .user-detail > section:nth-child(2)[b-gk06fd23rg] {
        width: 50%;
        text-align: right;
    }

.user .user-config[b-gk06fd23rg] {
    text-align: center;
}

.not-active[b-gk06fd23rg] {
    background-color: var(--backg) !important;
    box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.2);
}

    .not-active .user-detail[b-gk06fd23rg] {
        opacity: 70%;
    }

.user-config .dropdown .drop-down__btn[b-gk06fd23rg] {
    border: none;
    padding: 0.25rem 0rem;
    width: 150px;
    background-color: var(--backgGrey);
}

    .user-config .dropdown .drop-down__btn:disabled[b-gk06fd23rg] {
        color: var(--bs-body-color);
    }

        .user-config .dropdown .drop-down__btn:disabled:hover[b-gk06fd23rg] {
            background-color: var(--backgGrey) !important;
        }

.dropdown .active[b-gk06fd23rg] {
    background-color: var(--statusGreenBackg) !important;
}

.dropdown .dropdown-menu[b-gk06fd23rg] {
    padding: 0;
    border: none;
    border-radius: 0;
    font-size: var(--font14);
    min-width: 150px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    text-align: center;
}

    .dropdown .dropdown-menu .dropdown-item[b-gk06fd23rg] {
        padding: 0.25rem 0;
    }

.content-block__detail .container[b-gk06fd23rg] {
    font-size: var(--font14);
    background-color: #fff;
}

.content-block__detail .caption[b-gk06fd23rg] {
    height: 30px;
    background-color: var(--sysBackgBlue);
    padding-left: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media screen and (max-width: 768px) {
    .content-block__list[b-gk06fd23rg] {
        height: 50%;
        max-height: 500px;
    }

    .list[b-gk06fd23rg] {
        min-height: 200px;
        overflow-y: auto;
    }

    .content-block[b-gk06fd23rg] {
        flex-direction: column;
        gap: .5rem;
    }

    .content-block__detail[b-gk06fd23rg] {
        position: relative;
        transform: translateX(0) !important;
        min-height: auto;
    }
}

@media screen and (max-width: 530px) {
    .list__caption[b-gk06fd23rg] {
        height: 50px;
    }

    .content-block__detail .caption[b-gk06fd23rg] {
        height: 60px;
    }
}

@media screen and (min-width: 576px) {
    .container[b-gk06fd23rg], .container-sm[b-gk06fd23rg] {
        max-width: 100% !important;
    }
}
/* _content/blazor.smartoffice.mn/Pages/Manage/Invoice.razor.rz.scp.css */
h1[b-2qh04kc45i], h2[b-2qh04kc45i], h3[b-2qh04kc45i], h4[b-2qh04kc45i], h5[b-2qh04kc45i], h6[b-2qh04kc45i], a[b-2qh04kc45i] {
    margin-bottom: 0;
    text-decoration: none;
}

.content-block__list[b-2qh04kc45i] {
    width: 100%
}

    .content-block__list .list__caption[b-2qh04kc45i] {
        padding: 0;
    }

.border-blue[b-2qh04kc45i] {
    border: 0.1em solid var(--mainBlue);
}

.line-h-38[b-2qh04kc45i] {
    line-height: 38px;
}

.def-btn-secondary[b-2qh04kc45i] {
    background: var(--tabActiveBlue);
    color: var(--txtBlue);
}

    .def-btn-secondary:hover[b-2qh04kc45i] {
        background-color: var(--newBlue);
    }

.list-item .item-header[b-2qh04kc45i] {
    font-size: 12px;
    font-family: var(--ff-Manr-Bold);
    opacity: 70%;
}

.table-style[b-2qh04kc45i] {
    display: grid;
    align-items: center;
    grid-template-columns: 1.5fr 1.5fr 1fr 2fr 2fr 1fr 40px;
}

#PricePage .card-body .description[b-2qh04kc45i] {
    height: 80px;
    display: grid;
    place-content: center;
}

#PricePage .card.active[b-2qh04kc45i] {
    outline: 0.2em solid rgb(13 110 253 / 90%);
    outline-offset: 0.6rem;
}

/*#region list-card*/
.card-mob[b-2qh04kc45i] {
    display: none;
}

/*.list-card > div {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
        justify-items: center;
        gap: 20px;
    }*/

.list-card .card-mob[b-2qh04kc45i] {
    width: 100%;
    padding: 10px;
    border: 0.01em solid var(--borderClr);
    border-radius: 1rem;
    font-family: var(--ff-Manr-Med);
    cursor: pointer;
    -webkit-box-shadow: 0px 3px 10px 2px rgba(0,0,0,0.08);
    box-shadow: 0px 3px 10px 2px rgba(0,0,0,0.08);
}

    .list-card .card-mob > *[b-2qh04kc45i] {
        margin-bottom: 5px;
    }

    .list-card .card-mob > section[b-2qh04kc45i] {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        .list-card .card-mob > section a[b-2qh04kc45i] {
            font-size: 1rem;
        }

@media (min-width: 768px) and (max-width: 1024px) {
    .container[b-2qh04kc45i] {
        max-width: 920px;
    }
}

@media screen and (max-width: 768px) {
    .item-desk[b-2qh04kc45i] {
        display: none;
    }

    .item-header[b-2qh04kc45i] {
        display: none;
    }

    .card-mob[b-2qh04kc45i] {
        display: block;
    }

    .list-card[b-2qh04kc45i] {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
        justify-items: center;
        gap: 20px;
        margin-bottom: 1rem;
    }
}

@media (min-width: 768px) {
    .w-md-auto[b-2qh04kc45i] {
        width: auto !important;
    }

    .card-header[b-2qh04kc45i] {
        width: 250px !important;
    }
}
/*#endregion list-card*/
/* _content/blazor.smartoffice.mn/Pages/Service/CustomsRequestDetail.razor.rz.scp.css */
/* _content/blazor.smartoffice.mn/Pages/Service/Service.razor.rz.scp.css */
/*#region Fonts*/
/*@font-face {
    font-family: "Manrope";
    src: url("../../../fonts/Manrope/Manrope-Light.ttf") format("truetype");
    font-weight: 300;
}

@font-face {
    font-family: "Manrope";
    src: url("../../../fonts/Manrope/Manrope-Regular.ttf") format("truetype");
    font-weight: 400;
}

@font-face {
    font-family: "Manrope";
    src: url("../../../fonts/Manrope/Manrope-Medium.ttf") format("truetype");
    font-weight: 500;
}

@font-face {
    font-family: "Manrope";
    src: url("../../../fonts/Manrope/Manrope-SemiBold.ttf") format("truetype");
    font-weight: 600;
}

@font-face {
    font-family: "Manrope";
    src: url("../../../fonts/Manrope/Manrope-Bold.ttf") format("truetype");
    font-weight: 700;
}*/
/*@font-face {
    font-family: "Montserrat";
    src: url("../../fonts/Montserrat/Montserrat-Light.ttf") format("truetype");
    font-weight: 300;
}

@font-face {
    font-family: "Montserrat";
    src: url("../../fonts/Montserrat/Montserrat-Regular.ttf") format("truetype");
    font-weight: 400;
}

@font-face {
    font-family: "Montserrat";
    src: url("../../fonts/Montserrat/Montserrat-Medium.ttf") format("truetype");
    font-weight: 500;
}*/
/*@font-face {
    font-family: "Rubik";
    src: url("../../fonts/Rubik/Rubik-Regular.ttf") format("truetype");
    font-weight: 400;
}

@font-face {
    font-family: "Rubik";
    src: url("../../fonts/Rubik/Rubik-Medium.ttf") format("truetype");
    font-weight: 500;
}

@font-face {
    font-family: "Rubik";
    src: url("../../fonts/Rubik/Rubik-SemiBold.ttf") format("truetype");
    font-weight: 600;
}*/
/*#endregion Fonts*/
/* _content/blazor.smartoffice.mn/Pages/Verifiedfile.razor.rz.scp.css */
*[b-4zfiygcbjb] {
    --headerHeight: 50px;
}

h1[b-4zfiygcbjb] {
    font-size: 8vw !important;
    filter: contrast(0.1);
}

header[b-4zfiygcbjb] {
    height: var(--headerHeight);
}

.file-viewer[b-4zfiygcbjb] {
    padding-top: var(--headerHeight);
}

@media screen and (max-width: 380px) {
    #Logo img[b-4zfiygcbjb] {
        height: 30px !important;
    }
}

@media screen and (max-width: 320px) {
    #Logo img[b-4zfiygcbjb] {
        height: 20px !important;
    }
}

@media screen and (max-width: 768px) {
    .error-template[b-4zfiygcbjb] {
        margin-top: 10rem;
    }

    .error-actions[b-4zfiygcbjb] {
        text-align: start !important;
    }
}
/* _content/blazor.smartoffice.mn/Pages/Versions.razor.rz.scp.css */
.rounded-5[b-bi8z7ucx11] {
  border-radius: 1rem !important;
}

.ps-6[b-bi8z7ucx11] {
  padding-left: 6rem !important;
}

.font-14[b-bi8z7ucx11],
.font-14 *[b-bi8z7ucx11] {
  font-size: 14px !important;
}

.font-16 *[b-bi8z7ucx11] {
  font-size: 16px;
}

.bg-main-grad[b-bi8z7ucx11] {
  background-image: url(/Images/base.png);
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 100vh;
}

.form-select[b-bi8z7ucx11] {
  font-size: 1.5rem;
  border-radius: 1rem;
}

.border-full[b-bi8z7ucx11] {
  border: 0.01em solid #dcdcdc !important;
}

.border-start[b-bi8z7ucx11] {
  border-left: 0.01em solid #dcdcdc !important;
}

.border-end[b-bi8z7ucx11] {
  border-right: 0.01em solid #dcdcdc !important;
}

.border-top[b-bi8z7ucx11] {
  border-top: 0.01em solid #dcdcdc !important;
}

.border-bottom[b-bi8z7ucx11] {
  border-bottom: 0.01em solid #dcdcdc !important;
}

[b-bi8z7ucx11] .randrom-html {
  padding: 0.5rem;
}
[b-bi8z7ucx11] .randrom-html * {
  font-family: Manrope !important;
}
[b-bi8z7ucx11] .randrom-html li {
  margin: 0 !important;
}

.side-item[b-bi8z7ucx11] {
  position: absolute;
  /*&.version {
      left: -5rem;
      top: .5rem;
  }*/
}
.side-item.icon[b-bi8z7ucx11] {
  left: -1.5rem;
  top: 0;
}
/* _content/blazor.smartoffice.mn/Shared/Compose.razor.rz.scp.css */
/*#region*/
body[b-el7ehgqpmc] {
    overflow: hidden;
}

.modal-dialog[b-el7ehgqpmc] {
    z-index: 1055;
}

.def-btn[b-el7ehgqpmc] {
    font-size: var(--font14);
}

.show[b-el7ehgqpmc] {
    display: block;
}

.hide[b-el7ehgqpmc] {
    display: none;
}

.modal-backdrop[b-el7ehgqpmc] {
    opacity: 0.5;
    border: none;
    cursor: default;
    animation: 0.5s opacity ease;
}

.modal-dialog[b-el7ehgqpmc] {
    -webkit-animation: fadein .4s ease-in-out;
    -moz-animation: fadein .4s ease-in-out;
    -o-animation: fadein .4s ease-in-out;
    animation: fadein-b-el7ehgqpmc .4s ease-in-out;
}

.closing[b-el7ehgqpmc] {
    -webkit-animation: fadeout .4s ease-in-out;
    -moz-animation: fadeout .4s ease-in-out;
    -o-animation: fadeout .4s ease-in-out;
    animation: fadeout-b-el7ehgqpmc .4s ease-in-out;
}

@-webkit-keyframes fadein {
    from {
        transform: translateY(-10%);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes fadein-b-el7ehgqpmc {
    from {
        transform: translateY(-10%);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@-webkit-keyframes fadeout {
    from {
        transform: translateY(0);
        opacity: 1;
    }

    to {
        transform: translateY(-10%);
        opacity: 0;
    }
}

@keyframes fadeout-b-el7ehgqpmc {
    from {
        transform: translateY(0);
        opacity: 1;
    }

    to {
        transform: translateY(-10%);
        opacity: 0;
    }
}

/*#endregion*/

.modal-fullscreen[b-el7ehgqpmc] {
    display: flex;
    align-items: center;
}

.modal-content[b-el7ehgqpmc] {
    height: 90%;
}

.modal-body[b-el7ehgqpmc] {
    display: flex;
    padding: 0;
}

.flex-column-between[b-el7ehgqpmc] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    overflow: hidden;
    width: 40%;
    height: 100%;
    overflow-y: auto;
    padding: 1rem
}

.box-border[b-el7ehgqpmc] {
    border: 0.12em solid var(--borderClr);
}

.modal-body__input[b-el7ehgqpmc] {
    width: 100%;
}

input[type="date"][b-el7ehgqpmc]::-webkit-calendar-picker-indicator {
    color: rgba(0, 0, 0, 1);
    opacity: 1;
    display: block;
    padding: 0.42rem;
    background-color: var(--sysBackgBlue);
    cursor: pointer;
}

.modal-body__input .form-control[b-el7ehgqpmc] {
    height: auto;
    padding-left: 0;
    padding-right: 0;
    display: grid;
    align-items: center;
    grid-template-columns: 140px 1fr;
}

    .modal-body__input .form-control label[b-el7ehgqpmc] {
        font-size: 12px;
    }

    .modal-body__input .form-control p[b-el7ehgqpmc] {
        display: inline-block;
        box-sizing: border-box;
        text-align: left;
        vertical-align: top;
        margin: 0;
        float: left;
        font-size: var(--font14);
    }

.modal-body__input .value[b-el7ehgqpmc] {
    padding: 0;
    border-bottom: 0.01em solid #b7b7b7;
    position: relative;
}

    .modal-body__input .value input[b-el7ehgqpmc] {
        width: 100%;
        border: none;
        height: 30px;
        margin: 0;
        padding-left: .75rem;
    }

/*.modal-body__input .value input:disabled {
            color: #000;
        }*/

.modal-body__input section .value[b-el7ehgqpmc] {
    display: grid;
    grid-template-columns: 1fr 30px;
    justify-content: space-between;
}

.modal-body__input .value button[b-el7ehgqpmc] {
    border: none;
    width: 30px;
    height: 30px;
    background-color: var(--sysBackgBlue);
    transition: 0.2s;
}

.modal-body__input section .value button:hover[b-el7ehgqpmc] {
    background-color: var(--tabActiveBlue);
}

.modal-body__input .doc-txt[b-el7ehgqpmc] {
    grid-template-columns: 1fr;
}

.modal-body__input .date-num[b-el7ehgqpmc] {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    column-gap: 10px;
}

    .modal-body__input .date-num .form-control[b-el7ehgqpmc] {
        flex: 30%;
    }

    .modal-body__input .date-num input[b-el7ehgqpmc] {
        min-width: 50px;
    }

.form-control .tag-list[b-el7ehgqpmc] {
    display: flex;
    flex-wrap: wrap;
    max-height: 150px;
    overflow: auto;
    margin-bottom: 30px;
}

    .form-control .tag-list .tag-option[b-el7ehgqpmc] {
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .form-control .tag-list .tag-item[b-el7ehgqpmc] {
        width: fit-content;
        font-size: 12px;
        background: var(--backgGrey);
        padding: 3px 4px;
        margin: 4px;
        display: flex;
        align-items: center;
    }
        .form-control .tag-list .tag-item:nth-last-child(-n+2)[b-el7ehgqpmc] {
            margin-bottom: 30px !important;
        }

        .form-control .tag-list .tag-item .btn-close[b-el7ehgqpmc] {
            width: 12px;
            height: 12px;
            padding: 0;
            margin-left: 5px;
            background-color: transparent;
        }

input:read-only[b-el7ehgqpmc],
input:disabled[b-el7ehgqpmc] {
    box-shadow: none !important;
}

.form-control .value input:disabled[b-el7ehgqpmc] {
    opacity: 50% !important;
}

.form-control .value button:disabled:hover[b-el7ehgqpmc] {
    background-color: var(--sysBackgBlue) !important;
}

.form-control .form-check .form-check-input[b-el7ehgqpmc] {
    margin-top: 5px;
}

input:focus:not([type='Radio'])[b-el7ehgqpmc] {
    color: #212529;
    background-color: #fff;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: inset 0 0 0 0.25rem rgb(13 110 253 / 25%);
}

input[type='Radio'][b-el7ehgqpmc] {
    border-radius: 50% !important;
}

.attach[b-el7ehgqpmc] {
    padding: 0;
}

    .attach p[b-el7ehgqpmc] {
        width: 140px;
    }

.send-btn[b-el7ehgqpmc] {
    color: #fff;
    background-color: var(--mainBlue);
    font-size: var(--font14);
    padding-left: 1rem;
    padding-right: 1rem;
}

    .send-btn:hover[b-el7ehgqpmc] {
        background-color: var(--txtBlue);
    }
/*#region .modal-body__detail*/
.modal-body__detail[b-el7ehgqpmc] {
    width: 60%;
    overflow-x: hidden;
}

.doc-null[b-el7ehgqpmc] {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
}
/*#region .modal-body__company*/
.modal-body__company[b-el7ehgqpmc] {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    transition: .2s ease-out;
    transform: translateX(150%);
    background-color: var(--backg);
    display: flex;
    flex-direction: column;
}

.modal-body__company__active[b-el7ehgqpmc] {
    transform: translateX(0) !important;
}

.modal-body__company .list-detail[b-el7ehgqpmc] {
    display: flex;
    flex-direction: row;
    height: calc(100% - 35px);
}

    .modal-body__company .list-detail .categorie-list[b-el7ehgqpmc] {
        height: 100%;
    }

.list-detail .categorie[b-el7ehgqpmc] {
    width: 35%;
}

.categorie .categorie-item[b-el7ehgqpmc] {
    padding: 0.5rem 1rem;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.075);
    margin: 0 0.5rem 0.3rem 0.5rem;
    font-family: var(--ff-Manr-SemiBold);
    cursor: pointer;
    transition: 0.2s;
}

.categorie .item-active[b-el7ehgqpmc] {
    background-color: var(--mainBlue) !important;
    color: #fff;
}

.categorie .categorie-item:hover[b-el7ehgqpmc] {
    background: var(--tabActiveBlue);
}

.categorie .categorie-item > span[b-el7ehgqpmc], .accordion-button > span[b-el7ehgqpmc], .accordion-body__item > span[b-el7ehgqpmc] {
    font-family: var(--ff-Manr-Light);
}

.list-detail .categorie .caption[b-el7ehgqpmc] {
    padding: 0 10px;
}

    .list-detail .categorie .caption i[b-el7ehgqpmc] {
        cursor: pointer;
        margin-right: 10px;
    }
/*Accordian*/
.accordion-item[b-el7ehgqpmc] {
    background: none !important;
    border: none !important;
}

.accordion-button[b-el7ehgqpmc] {
    transition: all 300ms ease-in-out;
    padding: 0;
    font-size: var(--font14);
    background: none;
}

    .accordion-button:focus[b-el7ehgqpmc] {
        box-shadow: none;
    }

    .accordion-button:not(.collapsed)[b-el7ehgqpmc] {
        color: #0c63e4;
        background: none;
        box-shadow: none;
    }

.accordion-collapse[b-el7ehgqpmc] {
    transition: 0.1s ease-out;
}

.accordion-body[b-el7ehgqpmc] {
    padding: 0;
    margin: 0 0.5rem 0.3rem;
    background: #fff;
    border-radius: 2px;
    transition: 0.1s;
}

.accordion-body__item[b-el7ehgqpmc] {
    padding: 0.5rem 0.5rem 0.5rem 1.5rem;
    cursor: pointer;
    font-family: var(--ff-Manr-Med);
}

    .accordion-body__item:hover[b-el7ehgqpmc] {
        background-color: var(--tabActiveBlue);
    }

#collapseZero[b-el7ehgqpmc] {
    height: calc(100% - 35px);
    overflow: hidden;
    overflow-y: auto;
}

.accordion-button:not(.collapsed)[b-el7ehgqpmc]::after {
    transform: rotate(-90deg);
}
/*Accordian*/
.list-detail .company[b-el7ehgqpmc] {
    width: 65%;
}

    .list-detail .company .caption[b-el7ehgqpmc] {
        margin-right: 10px;
        display: flex;
        justify-content: space-between;
    }

        .list-detail .company .caption .filter-badge[b-el7ehgqpmc] {
            max-width: 85%;
            padding: 0.2rem 0.5rem;
            border-radius: 15px;
            color: #000;
            text-decoration: none;
            background-color: var(--backgGrey);
            display: flex;
            align-items: center;
        }

            .list-detail .company .caption .filter-badge span[b-el7ehgqpmc] {
                white-space: nowrap;
                overflow: hidden !important;
                text-overflow: ellipsis;
            }

            .list-detail .company .caption .filter-badge .btn-close[b-el7ehgqpmc] {
                margin-left: 0.5rem;
                width: .25em;
                height: .25em;
                padding: .3em .3em;
            }

        .list-detail .company .caption .paging[b-el7ehgqpmc] {
            display: flex;
            justify-content: flex-end;
            gap: 20px;
        }
/* #region scroll*/
.flex-column-between[b-el7ehgqpmc]::-webkit-scrollbar, .categorie-list[b-el7ehgqpmc]::-webkit-scrollbar, .company-list[b-el7ehgqpmc]::-webkit-scrollbar, .modal-body__detail[b-el7ehgqpmc]::-webkit-scrollbar {
    width: 0.5em;
}

.flex-column-between[b-el7ehgqpmc]::-webkit-scrollbar-track, .categorie-list[b-el7ehgqpmc]::-webkit-scrollbar-track, .company-list[b-el7ehgqpmc]::-webkit-scrollbar-track, .modal-body__detail[b-el7ehgqpmc]::-webkit-scrollbar-track {
    background-color: var(--backgGrey);
    border-radius: 5px;
}

.flex-column-between[b-el7ehgqpmc]::-webkit-scrollbar-thumb, .categorie-list[b-el7ehgqpmc]::-webkit-scrollbar-thumb, .company-list[b-el7ehgqpmc]::-webkit-scrollbar-thumb, .modal-body__detail[b-el7ehgqpmc]::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    border-radius: 5px;
}

    .flex-column-between[b-el7ehgqpmc]::-webkit-scrollbar-thumb, .categorie-list[b-el7ehgqpmc]::-webkit-scrollbar-thumb:hover, .company-list[b-el7ehgqpmc]::-webkit-scrollbar-thumb:hover, .modal-body__detail[b-el7ehgqpmc]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(0,0,0,0.5);
        width: 0.7em;
    }

/* #endregion scroll*/

.list-detail .caption[b-el7ehgqpmc] {
    height: 35px;
    display: flex;
    align-items: center;
}

.list-detail .categorie-list[b-el7ehgqpmc], .list-detail .company-list[b-el7ehgqpmc] {
    height: calc(100% - 35px);
    overflow: hidden;
    overflow-y: auto;
}

.company .company-item[b-el7ehgqpmc] {
    display: flex;
    justify-content: space-between;
    border-bottom: 0.1em solid #b7b7b7;
    width: 100%;
    padding: 0.75rem 0.5rem;
    gap: 10px;
    background-color: #fff;
    transition: 0.2s;
    cursor: pointer;
}

    .company .company-item:hover[b-el7ehgqpmc] {
        background-color: var(--tabActiveBlue);
    }

    .company .company-item > div:nth-child(1)[b-el7ehgqpmc] {
        max-width: calc(100% - 100px);
        display: flex;
        flex-direction: column;
    }

    .company .company-item > div:nth-child(2)[b-el7ehgqpmc] {
        width: 100px;
        text-align: right;
    }

        .company .company-item > div:nth-child(2) button[b-el7ehgqpmc] {
            padding: 0 7px;
            width: 60px;
            background-color: var(--mainBlue);
            border-radius: 0;
            font-size: 12px;
            border: none;
            color: #fff;
        }

    .company .company-item a[b-el7ehgqpmc] {
        font-family: var(--ff-Manr-Bold);
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        word-wrap: break-word;
    }

    .company .company-item p[b-el7ehgqpmc] {
        margin: 0;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        word-wrap: break-word;
    }
/*#endregion .modal-body__company*/
.modal-body__detail .iframe[b-el7ehgqpmc] {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
/*#endregion .modal-body__detail*/

/*#region progressBar*/
#mainFile section[b-el7ehgqpmc] {
    width: 100%;
    padding: 0 .75rem;
    display: flex;
    align-items: center;
    font-size: var(--font14);
}

    #mainFile section a[b-el7ehgqpmc] {
        max-width: 85%;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        word-break: break-all;
        cursor: pointer;
    }

    #mainFile section span[b-el7ehgqpmc] {
        width: 15%;
        min-width: 50px;
    }
/*#endregion progressBar*/

/*#region Modal*/
#solveModal .form-control[b-el7ehgqpmc] {
    grid-template-columns: max-content 1fr;
    gap: 10px;
}

    #solveModal .form-control .value[b-el7ehgqpmc] {
        padding: 0;
        border: none;
    }

#solveModal input[b-el7ehgqpmc] {
    border-bottom: 0.01em solid #b7b7b7;
}

#solveModal .modal-body__input > p[b-el7ehgqpmc] {
    padding: .5rem;
}

/*#region Loader*/
.animateTextBox[b-el7ehgqpmc] {
    background: #fff;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 10000;
    text-align: center;
    margin-top: 20px;
}

    .animateTextBox > section[b-el7ehgqpmc] {
    }

.loaderBox[b-el7ehgqpmc] {
    width: 100%;
}

.clpImg[b-el7ehgqpmc] {
    margin: auto;
    text-align: center;
}

.spinnerDots[b-el7ehgqpmc] {
    width: 70px;
    text-align: center;
    margin: 20px auto 0px auto;
}

    .spinnerDots > div[b-el7ehgqpmc] {
        background-color: var(--mainBlue);
        border-radius: 100%;
        display: inline-block;
        width: 14px;
        height: 14px;
        -webkit-animation: rk-bouncedelay 1.4s infinite ease-in-out both;
        animation: rk-bouncedelay-b-el7ehgqpmc 1.4s infinite ease-in-out both;
    }

    .spinnerDots .dots1[b-el7ehgqpmc] {
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
    }

    .spinnerDots .dots2[b-el7ehgqpmc] {
        -webkit-animation-delay: -0.16s;
        animation-delay: -0.16s;
    }

@-webkit-keyframes rk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes rk-bouncedelay-b-el7ehgqpmc {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}
/*#endregion Loader*/

/*#endregion Modal*/
@media screen and (max-width: 1024px) {
    .flex-column-between[b-el7ehgqpmc] {
        width: 40%;
    }

    .modal-body__detail[b-el7ehgqpmc] {
        width: 60%;
    }

    .modal-body__input .date-num[b-el7ehgqpmc] {
        display: flex;
        flex-direction: column;
    }

    .modal-body__btn[b-el7ehgqpmc] {
        width: 100%;
    }

    .attach .modal-body__btn[b-el7ehgqpmc] {
        width: 140px;
    }

    .modal-body__btn button[b-el7ehgqpmc] {
        width: 100%;
    }

    .attach > section:nth-child(1) p[b-el7ehgqpmc] {
        margin-bottom: 0.375rem;
    }
}

@media screen and (max-width: 768px) {
    .flex-column-between[b-el7ehgqpmc], .modal-body__detail[b-el7ehgqpmc] {
        width: 50%;
    }

    .modal-body__company .list-detail[b-el7ehgqpmc] {
        flex-direction: column;
    }

    .list-detail .categorie[b-el7ehgqpmc], .list-detail .company[b-el7ehgqpmc] {
        width: 100%;
    }

        .list-detail .categorie .caption[b-el7ehgqpmc] {
            background-color: var(--sysBackgBlue);
        }

        .list-detail .company .caption[b-el7ehgqpmc] {
            height: 50px;
            margin-left: 10px;
        }

        .list-detail .company .company-list[b-el7ehgqpmc] {
            border-left: none;
        }
}

@media screen and (max-width: 610px) {
    .modal-body[b-el7ehgqpmc] {
        overflow-x: hidden;
    }

    .flex-column-between[b-el7ehgqpmc] {
        width: 100%;
    }

    .modal-body__detail[b-el7ehgqpmc] {
        position: fixed;
        transform: translateX(100vw);
    }

    .modal-body__detail__active[b-el7ehgqpmc] {
        position: absolute;
        transform: translateX(0);
        width: 100%;
    }

    .list-detail[b-el7ehgqpmc] {
        min-height: calc(100vh - 135px);
    }

    .modal-body__company__active[b-el7ehgqpmc] {
        position: relative;
        transform: translateX(0) !important;
    }
}

@media screen and (max-width: 565px) {
    .modal-body__input[b-el7ehgqpmc] {
        width: 100%;
    }
}
/* _content/blazor.smartoffice.mn/Shared/MainLayout.razor.rz.scp.css */
#region old


page[b-tp3lscu7jp] {
    position: relative;
    display: flex;
    flex-direction: column;
}

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

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

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

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

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

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

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

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

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

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

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

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

#endregion old[b-tp3lscu7jp]
/* _content/blazor.smartoffice.mn/Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-a9vjciw4iz] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-a9vjciw4iz] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-a9vjciw4iz] {
    font-size: 1.1rem;
}

.oi[b-a9vjciw4iz] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.nav-item[b-a9vjciw4iz] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-a9vjciw4iz] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-a9vjciw4iz] {
        padding-bottom: 1rem;
    }

    .nav-item[b-a9vjciw4iz]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-a9vjciw4iz]  a.active {
    background-color: rgba(255,255,255,0.25);
    color: white;
}

.nav-item[b-a9vjciw4iz]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

@media (min-width: 641px) {
    .navbar-toggler[b-a9vjciw4iz] {
        display: none;
    }

    .collapse[b-a9vjciw4iz] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}
/* _content/blazor.smartoffice.mn/Shared/PaymentReminder.razor.rz.scp.css */
html[b-zjbinywjo0], body[b-zjbinywjo0] {
    height: 100%;
}

.img[b-zjbinywjo0] {
    position: absolute;
    width: fit-content;
    padding: 2rem;
    left: 0;
    top: 0;
    background-color: var(--txtDefault);
    height: 100%;
    display: grid;
    place-items: center;
}

.detail[b-zjbinywjo0] {
    padding-left: 250px;
}

.font-600[b-zjbinywjo0] {
    font-weight: 600;
}

@media screen and (max-width: 576px) {
    .img[b-zjbinywjo0] {
        height: unset;
        width: 100%;
        padding: 0.5rem;
    }

        .img img[b-zjbinywjo0] {
            width: 100px;
        }

    .detail[b-zjbinywjo0] {
        padding-left: 0;
        padding-top: 170px;
    }

    .btn-primary[b-zjbinywjo0] {
        font-size: 14px;
    }

    .footer a[b-zjbinywjo0] {
        margin-bottom: 1rem;
    }
}
/* _content/blazor.smartoffice.mn/Shared/TopMenu.razor.rz.scp.css */
/*#region Fonts*/
/*@font-face {
    font-family: "Manrope";
    src: url("../../../fonts/Manrope/Manrope-Light.ttf") format("truetype");
    font-weight: 300;
}

@font-face {
    font-family: "Manrope";
    src: url("../../../fonts/Manrope/Manrope-Regular.ttf") format("truetype");
    font-weight: 400;
}

@font-face {
    font-family: "Manrope";
    src: url("../../../fonts/Manrope/Manrope-Medium.ttf") format("truetype");
    font-weight: 500;
}

@font-face {
    font-family: "Manrope";
    src: url("../../../fonts/Manrope/Manrope-SemiBold.ttf") format("truetype");
    font-weight: 600;
}

@font-face {
    font-family: "Manrope";
    src: url("../../../fonts/Manrope/Manrope-Bold.ttf") format("truetype");
    font-weight: 700;
}*/
/*@font-face {
    font-family: "Montserrat";
    src: url("../../fonts/Montserrat/Montserrat-Light.ttf") format("truetype");
    font-weight: 300;
}

@font-face {
    font-family: "Montserrat";
    src: url("../../fonts/Montserrat/Montserrat-Regular.ttf") format("truetype");
    font-weight: 400;
}

@font-face {
    font-family: "Montserrat";
    src: url("../../fonts/Montserrat/Montserrat-Medium.ttf") format("truetype");
    font-weight: 500;
}*/
/*@font-face {
    font-family: "Rubik";
    src: url("../../fonts/Rubik/Rubik-Regular.ttf") format("truetype");
    font-weight: 400;
}

@font-face {
    font-family: "Rubik";
    src: url("../../fonts/Rubik/Rubik-Medium.ttf") format("truetype");
    font-weight: 500;
}

@font-face {
    font-family: "Rubik";
    src: url("../../fonts/Rubik/Rubik-SemiBold.ttf") format("truetype");
    font-weight: 600;
}*/
/*#endregion Fonts*/
/*.tab-content {
    transition: all 0.3s ease-in-out !important;

    .tab-pane {
        transition: all 0.3s ease-in-out !important;
    }
}*/
#custom-service[b-wkffadndbe] {
  /*height: 1rem;*/
}
#custom-service .nav-bar-left[b-wkffadndbe] {
  height: calc(var(--app-height) - 110px) !important;
  /*background-color: red !important;*/
  width: 310px;
  position: absolute;
  padding: 0 1rem;
  margin-top: -1.5rem;
}
#custom-service .nav-bar-left div[b-wkffadndbe] {
  width: 100%;
  height: 100%;
  background-color: #F8F9FA;
  padding: 1rem;
  border-radius: 1rem;
}
#custom-service .nav-bar-left div .navbar-nav[b-wkffadndbe] {
  align-items: flex-start !important;
}

.form-control[b-wkffadndbe] {
  border: 0.01em solid #e2e4e6;
  border-radius: 8px !important;
}