/* _content/IConnetNew/Components/Common/FileUpload.razor.rz.scp.css */
.dropzone[b-ts0p6hnbm9] {
    position: relative;
    overflow: hidden;
    background: #EEF6FF;
    border: 1px dashed rgba(39, 116, 207, 0.3);
    margin-bottom: 20px;
    border-radius: 5px;
}

    .dropzone.dropzone-active[b-ts0p6hnbm9] {
        background-color: #999;
    }

    .dropzone label[b-ts0p6hnbm9] {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
    }

.fileProgress[b-ts0p6hnbm9] {
    vertical-align: middle !important;
}

.text-icon-light[b-ts0p6hnbm9] {
    color: #e9ecef;
}
.name-file-upload[b-ts0p6hnbm9] {
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    color: #0F0F0F;
}
.remove-file-upload[b-ts0p6hnbm9]{height:18px;}
.remove-file-upload .btn-close[b-ts0p6hnbm9] {
    background-size: 8px;
    padding:0;
}
.file-size-upload[b-ts0p6hnbm9], .text-percent-upload[b-ts0p6hnbm9] {
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
   
    color: #6B7280;
}
.progerss .fileProgress[b-ts0p6hnbm9] {
    width: 100%;
}
.modal-page .btn-upload[b-ts0p6hnbm9] {
    width: 136px;
    height: 40px;
    font-weight: 500;
    font-size: 18px;
    font-style: normal;
}
.btn-default.btn-upload:disabled[b-ts0p6hnbm9] {
    background: #dddddd;
    color: #000;
    border: none;
}
/* _content/IConnetNew/Components/Common/MenuColumsContext.razor.rz.scp.css */
.menuContext[b-ri7l6nmuiv] {
    background: #fff;
    border: 1px solid #E5E7EB;
    padding: 15px;
    border-radius: 5px;
    min-width: 120px;
    max-height: 500px;
    overflow: auto;
}
    .menuContext .menu-item[b-ri7l6nmuiv] {
        cursor: pointer;
        padding: 5px 15px;
        font-size: 13px;
    }
    .menuContext .menu-item:hover[b-ri7l6nmuiv] {
      
        color: #000;
    }
/* _content/IConnetNew/Components/Common/MenuContext.razor.rz.scp.css */
.menuContext[b-ag6t18brdo] {
    background: #fff;
    border: 1px solid #E5E7EB;
    padding:15px;
    border-radius:5px;
    min-width:120px;
}
    .menuContext .menu-item[b-ag6t18brdo] {
        cursor: pointer;
        padding: 5px 15px;
        font-size: 13px;
    }
    .menuContext .menu-item:hover[b-ag6t18brdo] {
      
        color: #000;
    }
/* _content/IConnetNew/Components/Common/SlidebarMenu.razor.rz.scp.css */

[b-xovhhbo8vf] .sidebar ul {
    list-style: none;
    padding-left: 0px;
    margin-left: -8px;
}

    [b-xovhhbo8vf] .sidebar ul ul {
        list-style: none;
        padding-left: 22px;
    }

    [b-xovhhbo8vf] .sidebar ul li a i {
        font-size: 20px;
        padding-right: 12px;
    }

    [b-xovhhbo8vf] .sidebar ul ul li a i {
        color: #9CA3AF;
        font-size: 18px;
    }

.page[b-xovhhbo8vf] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-xovhhbo8vf] {
    flex: 1;
}



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

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

        .top-row[b-xovhhbo8vf]  a:hover, .top-row[b-xovhhbo8vf]  .btn-link:hover {
            text-decoration: underline;
        }

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

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

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

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

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

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

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

        .top-row.auth[b-xovhhbo8vf]  a:first-child {
            flex: 1;
            text-align: right;
            width: 0;
        }

    .top-row[b-xovhhbo8vf], article[b-xovhhbo8vf] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* _content/IConnetNew/Components/Common/Spinner/Spinner.razor.rz.scp.css */
/***************** Loading ***************/
[b-952e43xiep].lds-spinner {
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
}

    .lds-spinner div[b-952e43xiep] {
        transform-origin: 10px 10px;
        animation: lds-spinner-b-952e43xiep 1.2s linear infinite;
    }

        .lds-spinner div[b-952e43xiep]:after {
            content: " ";
            display: block;
            position: absolute;
            top: 0px;
            left: 10px;
            width: 2px;
            height: 5px;
            border-radius: 20%;
            background: #6B7280;
        }

        .lds-spinner div:nth-child(1)[b-952e43xiep] {
            transform: rotate(0deg);
            animation-delay: -1.1s;
        }

        .lds-spinner div:nth-child(2)[b-952e43xiep] {
            transform: rotate(30deg);
            animation-delay: -1s;
        }

        .lds-spinner div:nth-child(3)[b-952e43xiep] {
            transform: rotate(60deg);
            animation-delay: -0.9s;
        }

        .lds-spinner div:nth-child(4)[b-952e43xiep] {
            transform: rotate(90deg);
            animation-delay: -0.8s;
        }

        .lds-spinner div:nth-child(5)[b-952e43xiep] {
            transform: rotate(120deg);
            animation-delay: -0.7s;
        }

        .lds-spinner div:nth-child(6)[b-952e43xiep] {
            transform: rotate(150deg);
            animation-delay: -0.6s;
        }

        .lds-spinner div:nth-child(7)[b-952e43xiep] {
            transform: rotate(180deg);
            animation-delay: -0.5s;
        }

        .lds-spinner div:nth-child(8)[b-952e43xiep] {
            transform: rotate(210deg);
            animation-delay: -0.4s;
        }

        .lds-spinner div:nth-child(9)[b-952e43xiep] {
            transform: rotate(240deg);
            animation-delay: -0.3s;
        }

        .lds-spinner div:nth-child(10)[b-952e43xiep] {
            transform: rotate(270deg);
            animation-delay: -0.2s;
        }

        .lds-spinner div:nth-child(11)[b-952e43xiep] {
            transform: rotate(300deg);
            animation-delay: -0.1s;
        }

        .lds-spinner div:nth-child(12)[b-952e43xiep] {
            transform: rotate(330deg);
            animation-delay: 0s;
        }




@keyframes lds-spinner-b-952e43xiep {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}
/* _content/IConnetNew/Components/Common/UI/IconRound.razor.rz.scp.css */
.icon-item[b-n8juedzxmp] {
    padding: 10px;
    background: #FFCE08;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .icon-item i[b-n8juedzxmp] {
        font-size: 23px;
    }
/* _content/IConnetNew/Components/Common/UI/TitleItem.razor.rz.scp.css */
.content-item-title[b-5to4opthbf] {
    margin-left: 24px;
}

.title-item-big[b-5to4opthbf] {
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    color: #111827;
}

.title-item-small[b-5to4opthbf] {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #6B7280;
}
/* _content/IConnetNew/Components/Common/UI/WarpperItem.razor.rz.scp.css */
.warpper-item[b-0md32uctqz] {
    padding: 18px;
    background: #FFFFFF;
    border: 1px solid #E5E7EB;
    border-radius: 16px;
    position: relative;
    transition: all 0.5s;
}
/* _content/IConnetNew/Components/Layout/AppLayout.razor.rz.scp.css */

[b-b6kvvzvfrk] .sidebar ul {
    list-style: none;
    padding-left: 0px;
    margin-left: -8px;
}

    [b-b6kvvzvfrk] .sidebar ul ul {
        list-style: none;
        padding-left: 22px;
    }

    [b-b6kvvzvfrk] .sidebar ul li a i {
        font-size: 20px;
        padding-right: 12px;
    }

    [b-b6kvvzvfrk] .sidebar ul ul li a i {
        color: #9CA3AF;
        font-size: 18px;
    }

.page[b-b6kvvzvfrk] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-b6kvvzvfrk] {
    flex: 1;
   
}



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

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

        .top-row[b-b6kvvzvfrk]  a:hover, .top-row[b-b6kvvzvfrk]  .btn-link:hover {
            text-decoration: underline;
        }

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

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

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

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

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

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

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

        .top-row.auth[b-b6kvvzvfrk]  a:first-child {
            flex: 1;
            text-align: right;
            width: 0;
        }

    .top-row[b-b6kvvzvfrk], article[b-b6kvvzvfrk] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* _content/IConnetNew/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-zofsumeg0i] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-zofsumeg0i] {
    flex: 1;
}

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

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

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

    .top-row[b-zofsumeg0i]  a:hover, .top-row[b-zofsumeg0i]  .btn-link:hover {
        text-decoration: underline;
    }

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

@media (max-width: 640.98px) {
    .top-row[b-zofsumeg0i] {
        justify-content: space-between;
    }

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

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

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

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

    .top-row.auth[b-zofsumeg0i]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-zofsumeg0i], article[b-zofsumeg0i] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-zofsumeg0i] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-zofsumeg0i] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/IConnetNew/Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-pi8sex8s69] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-pi8sex8s69] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-pi8sex8s69] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-pi8sex8s69] {
    font-size: 1.1rem;
}

.bi[b-pi8sex8s69] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-pi8sex8s69] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-pi8sex8s69] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-pi8sex8s69] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-pi8sex8s69] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-pi8sex8s69] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-pi8sex8s69] {
        padding-bottom: 1rem;
    }

    .nav-item[b-pi8sex8s69]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

.nav-item[b-pi8sex8s69]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-pi8sex8s69]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-pi8sex8s69] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-pi8sex8s69] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-pi8sex8s69] {
        display: none;
    }

    .nav-scrollable[b-pi8sex8s69] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* _content/IConnetNew/Components/Pages/AccountingManagement/DepositWithdrawalAccount/Components/TableCellCustom.razor.rz.scp.css */
/*.div_deposit-withdrawal-account .tbl-deposit-withdrawal-account .over-text {
    overflow: initial !important;
    text-overflow: initial !important;
    white-space: normal !important;
    height: auto !important;
    line-height: normal !important;
}*/
.bg_total[b-1y0hjrhtpy] {
    background: #e9e9e9 !important;
    border: 1px solid #dee2e6 !important;
    border-bottom: 2px solid #dee2e6 !important;
    pointer-events: none;
    padding: 10px;
    font-size: 12px;
    font-weight:600;
}
.total-col-3-top[b-1y0hjrhtpy], .total-col-3-bottom[b-1y0hjrhtpy] {
    text-align:center
}

/* _content/IConnetNew/Components/Pages/AccountingManagement/DepositWithdrawalAccount/DepositWithdrawalAccountList.razor.rz.scp.css */
.rz-multiselect-header[b-udxplcqcoh]{
    font-weight:bold;
}
.mt-dropdown-transType.rz-multiselect-panel[b-udxplcqcoh] {
    font-size:15px;
}
.item-col[b-udxplcqcoh] {
    max-width: 120px;
}
/* _content/IConnetNew/Components/Pages/CustomerRequest/Partials/CustomerRequestEdit.razor.rz.scp.css */
.dropzone[b-p6ek4omtk0] {
    position: relative;
    overflow: hidden;
    background: #EEF6FF;
    border: 1px dashed rgba(39, 116, 207, 0.3);
    border-radius: 5px;
}

    .dropzone.dropzone-active[b-p6ek4omtk0] {
        background-color: #999;
    }

    .dropzone label[b-p6ek4omtk0] {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
    }

.fileProgress[b-p6ek4omtk0] {
    vertical-align: middle !important;
}

.text-icon-light[b-p6ek4omtk0] {
    color: #e9ecef;
}

.name-file-upload[b-p6ek4omtk0] {
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    color: #0F0F0F;
    max-width: 300px;
    text-align: left;
}

.remove-file-upload[b-p6ek4omtk0] {
    height: 18px;
    display: flex;
}

    .remove-file-upload .btn-close[b-p6ek4omtk0] {
        background-size: 8px;
        padding: 0;
        margin-left:20px;
    }

.file-size-upload[b-p6ek4omtk0], .text-percent-upload[b-p6ek4omtk0] {
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    color: #6B7280;
}

.progerss .fileProgress[b-p6ek4omtk0] {
    width: 100%;
}

.modal-page .btn-upload[b-p6ek4omtk0] {
    width: 136px;
    height: 40px;
    font-weight: 500;
    font-size: 18px;
    font-style: normal;
}

.btn-default.btn-upload:disabled[b-p6ek4omtk0] {
    background: #dddddd;
    color: #000;
    border: none;
}
/* _content/IConnetNew/Components/Pages/CustomerRequest/Partials/CustomerRequestView.razor.rz.scp.css */
.dropzone[b-bpmvdeoh5q] {
    position: relative;
    overflow: hidden;
    background: #EEF6FF;
    border: 1px dashed rgba(39, 116, 207, 0.3);
    border-radius: 5px;
}

    .dropzone.dropzone-active[b-bpmvdeoh5q] {
        background-color: #999;
    }

    .dropzone label[b-bpmvdeoh5q] {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
    }

.fileProgress[b-bpmvdeoh5q] {
    vertical-align: middle !important;
}

.text-icon-light[b-bpmvdeoh5q] {
    color: #e9ecef;
}

.name-file-upload[b-bpmvdeoh5q] {
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    color: #0F0F0F;
    max-width: 300px;
    text-align: left;
}

.remove-file-upload[b-bpmvdeoh5q] {
    height: 18px;
    display: flex;
}

    .remove-file-upload .btn-close[b-bpmvdeoh5q] {
        background-size: 8px;
        padding: 0;
        margin-left:20px;
    }

.file-size-upload[b-bpmvdeoh5q], .text-percent-upload[b-bpmvdeoh5q] {
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    color: #6B7280;
}

.progerss .fileProgress[b-bpmvdeoh5q] {
    width: 100%;
}

.modal-page .btn-upload[b-bpmvdeoh5q] {
    width: 136px;
    height: 40px;
    font-weight: 500;
    font-size: 18px;
    font-style: normal;
}

.btn-default.btn-upload:disabled[b-bpmvdeoh5q] {
    background: #dddddd;
    color: #000;
    border: none;
}
/* _content/IConnetNew/Components/Pages/NotificationManagement/ITaxi/Partials/NoticeList.razor.rz.scp.css */
a.active_menu[b-kgidqp38de] {
    color: #5885e2 !important;
    border-radius: 0 !important;
    width: 234px !important;
    border-right: 5px solid #5885e2 !important;
}

.style0[b-kgidqp38de] {
    font-family: Helvetica,Arial,sans-serif;
    font-size: 9pt;
    color: #ffffff;
    font-weight: bold;
    line-height: 13pt;
    letter-spacing: 0px;
}

.style1[b-kgidqp38de] {
    font-family: Helvetica,Arial,sans-serif;
    font-size: 15pt;
    line-height: 30pt;
    letter-spacing: 0px;
    text-decoration: none;
}

.style2[b-kgidqp38de] {
    font-family: Helvetica,Arial,sans-serif;
    font-size: 9pt;
    color: #000000;
    line-height: 13pt;
    letter-spacing: 0px;
}

.style3[b-kgidqp38de] {
    font-family: Helvetica,Arial,sans-serif;
    font-size: 9pt;
    color: #00ffff;
    font-weight: bold;
    line-height: 13pt;
    letter-spacing: 0px;
}

A:link.style0[b-kgidqp38de] {
    text-decoration: none;
    color: #ffffff
}

A:visited.style0[b-kgidqp38de] {
    text-decoration: none;
    color: #ffffff
}

A:active.style0[b-kgidqp38de] {
    text-decoration: none
}

A:hover.style0[b-kgidqp38de] {
    font-weight: 400;
    text-decoration: underline;
    color: #ffffff
}

A:link.style1[b-kgidqp38de] {
    text-decoration: none;
    color: #000000
}

A:visited.style1[b-kgidqp38de] {
    text-decoration: none;
}

A:active.style1[b-kgidqp38de] {
    text-decoration: none;
}

A:hover.style1[b-kgidqp38de] {
    font-weight: 400;
    color: #0080c5
}

A:link.style2[b-kgidqp38de] {
    text-decoration: none;
    color: #000000
}

A:visited.style2[b-kgidqp38de] {
    text-decoration: none;
}

A:active.style2[b-kgidqp38de] {
    text-decoration: none
}

A:hover.style2[b-kgidqp38de] {
    font-weight: 400;
    text-decoration: underline;
    color: #000000
}

.notification[b-kgidqp38de] {
    color: #000;
    text-decoration: none;
    padding: 15px;
    position: relative;
    display: inline-block;
    border-radius: 12px;
    font-size: 20px;
}

.notification-f25[b-kgidqp38de] {
    color: #000;
    text-decoration: none;
    padding: 15px;
    position: relative;
    display: inline-block;
    border-radius: 12px;
    font-size: 25px;
    font-weight: 600;
}


.notification .badge[b-kgidqp38de] {
    position: absolute;
    top: -10px;
    left: -10px;
    padding: 3px 7px;
    border-radius: 60%;
    background-color: red;
    color: white;
    font-size: 15px;
}

.notification-f25 .badge-r[b-kgidqp38de] {
    position: absolute;
    top: -10px;
    right: -10px;
    padding: 3px 7px;
    border-radius: 50%;
    background-color: red;
    color: white;
    font-size: 15px
}

.menu_left a[b-kgidqp38de] {
    font-size: 14px;
    padding: 0px 0px 0px 15px;
    margin: 0px 0;
    color: #949ebd;
}

.menu_left img[b-kgidqp38de] {
    padding: 0px;
}

.menu_left span[b-kgidqp38de] {
    display: flex;
    align-items: center;
}

body[b-kgidqp38de] {
    SCROLLBAR-FACE-COLOR: #ECECEC;
    SCROLLBAR-SHADOW-COLOR: #ECECEC;
    SCROLLBAR-3DLIGHT-COLOR: #E6E6E6;
    SCROLLBAR-ARROW-COLOR: #ffffff;
    SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
    SCROLLBAR-BASE-COLOR: #ECECEC;
    background-color: #C9DEED;
    background-position: top;
    /* background-image : url(../images/back_patten.gif);*/
    background-repeat: repeat-x;
    FONT-SIZE: 9pt;
    /*FONT-FAMILY: "µ¸¿ò";*/
    /*overflow:auto;*/
    background: #eee;
    top: 0px;
    left: 0px;
    margin: 0;
    /*font-family: "Roboto, Helvetica, sans-serif"*/
}

input[b-kgidqp38de] {
    /*font-family: "Roboto"*/
}

.bold[b-kgidqp38de] {
    font-weight: bold;
}

p[b-kgidqp38de] {
    margin: 0;
    padding: 0
}

A:link[b-kgidqp38de] {
    color: #545151;
    text-decoration: none;
}

A:visited[b-kgidqp38de] {
    color: #7a84a2;
    text-decoration: none;
    font-weight: 500
}

A:hover[b-kgidqp38de] {
    color: #0080c5;
    text-decoration: none;
    font-weight: 500;
}

td[b-kgidqp38de] {
    font-size: 12pt;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}

.w-100[b-kgidqp38de] {
    width: 100%;
}

.text-center[b-kgidqp38de] {
    text-align: center;
}

.member_title[b-kgidqp38de] {
    font-size: 12pt;
    font-family: Helvetica,Arial,sans-serif;
    font-weight: bold;
    color: #00FFFF;
    padding: 5px 0px 0px 5px;
}

.member_body[b-kgidqp38de] {
    font-size: 12pt;
    font-family: Helvetica,Arial,sans-serif;
    color: #FFFFFF;
    padding: 5px 0px 0px 5px;
}

.menu_back[b-kgidqp38de] {
    background-image: linear-gradient(to right, #5885e2, #1caaad);
    /* border-radius: 5px 5px 0px 0px;*/
    background-repeat: repeat-x;
    background-position: top;
    height: 62px
}

.menu_back_left[b-kgidqp38de] {
    background-color: #5885e2;
    border-radius: 7px 0px 0px 7px;
    background-repeat: repeat-x;
    background-position: top;
}

.menu_left[b-kgidqp38de] {
    background-color: #fff;
    border-radius: 0px 20px 20px 0px;
    background-repeat: repeat-x;
    background-position: top;
    width: 226px;
    height: auto;
    padding-bottom: 18px;
}

.lately_title[b-kgidqp38de] {
    font-size: 30px;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #5786e2;
}

.title_view[b-kgidqp38de] {
    font-size: 20pt;
    font-family: Helvetica,Arial,sans-serif;
    font-weight: bold;
    color: #5786e2;
}

.titlebar[b-kgidqp38de] {
    text-align: center;
    font-weight: bold;
    height: 35px;
}

.title[b-kgidqp38de] {
    font-size: 9pt;
    font-weight: bold;
    text-align: left;
    padding: 3px 0px 0px 15px;
    height: 29px;
    background-color: #EDEDED;
}

.Comment[b-kgidqp38de] {
    font-size: 9pt;
    text-align: left;
    padding: 0px 3px 0px 15px;
    height: 25px;
}

.member_modify[b-kgidqp38de] {
    font-size: 9pt;
    font-weight: bold;
    text-align: left;
    padding: 3px 0px 0px 15px;
    height: 25px;
    background-color: #EDEDED;
}




.padding03_t[b-kgidqp38de] {
    padding: 3px 0px 0px 0px;
}

.padding3_0_0_10[b-kgidqp38de] {
    padding: 3px 0px 0px 10px;
}

.padding05_tb[b-kgidqp38de] {
    padding: 5px 0px 5px 0px;
}

.padding5_r[b-kgidqp38de] {
    padding: 0px 5px 0px 0px;
}

.padding10_tb[b-kgidqp38de] {
    padding: 10px 0px 10px 0px;
}

.padding10_b[b-kgidqp38de] {
    padding: 0px 0px 10px 0px;
}

.padding10_lr[b-kgidqp38de] {
    padding: 0px 10px 0px 10px;
}

.padding10_r[b-kgidqp38de] {
    padding: 0px 10px 0px 0px;
}

.padding10_all[b-kgidqp38de] {
    padding: 10px 10px 10px 10px;
    font-size: 10pt;
    line-height: 1.2;
}

.padding15_t[b-kgidqp38de] {
    padding: 15px 0px 0px 0px;
}

.padding15_lr[b-kgidqp38de] {
    color: #333333;
    padding: 0px 15px 0px 15px;
}

.padding15_all[b-kgidqp38de] {
    font-size: 9pt;
    color: #333333;
    padding: 15px 15px 15px 15px;
}

.padding20_tb[b-kgidqp38de] {
    padding: 20px 0px 20px 0px;
}

.padding20_all[b-kgidqp38de] {
    padding: 20px 20px 20px 20px;
}

.pr-10[b-kgidqp38de] {
    padding-right: 10px;
}

.mr-10[b-kgidqp38de] {
    margin-right: 10px;
}

.ml-10[b-kgidqp38de] {
    margin-left: 10px;
}

.margin10_lr[b-kgidqp38de] {
    margin: 0px 10px 0px 10px;
}

.selectbox70[b-kgidqp38de] {
    width: 70px;
    color: #333333;
    background-color: #FFFFFF;
}

.selectbox120[b-kgidqp38de] {
    width: 120px;
    color: #333333;
    background-color: #FFFFFF;
    font-family: µ¸¿ò;
    font-size: 9pt;
    vertical-align: middle;
}

.textbox80[b-kgidqp38de] {
    font-size: 9pt;
    color: #333333;
    width: 80px;
    border: solid 1px #cccccc;
    padding-left: 5px;
    border-radius: 4px
}

.textbox60[b-kgidqp38de] {
    font-size: 9pt;
    color: #333333;
    width: 60%;
    border: solid 1px #cccccc;
    padding-left: 5px;
    border-radius: 8px;
    height: 30px;
}

.textbox100_b[b-kgidqp38de] {
    font-size: 9pt;
    color: #333333;
    width: 100%;
    height: 21px;
    border: solid 1px #cccccc;
    padding-left: 5px;
}

.textbox100[b-kgidqp38de] {
    font-size: 9pt;
    color: #333333;
    width: 100%;
    border: solid 1px #cccccc;
}

.textbox150[b-kgidqp38de] {
    font-size: 9pt;
    color: #333333;
    width: 150px;
    height: 21px;
    border: solid 1px #cccccc;
    padding-left: 5px;
}

.textbox200[b-kgidqp38de] {
    font-size: 9pt;
    color: #333333;
    width: 200px;
    border: solid 1px #cccccc;
    padding-left: 3px;
}

.textbox400[b-kgidqp38de] {
    font-size: 9pt;
    color: #333333;
    width: 400px;
    height: 21px;
    border: solid 1px #cccccc;
    padding-left: 5px;
}

.textbox500[b-kgidqp38de] {
    font-size: 9pt;
    color: #333333;
    width: 500px;
    height: 21px;
    border: solid 1px #cccccc;
}

.textbox580[b-kgidqp38de] {
    font-size: 9pt;
    color: #333333;
    width: 580px;
    border: solid 1px #cccccc;
    padding-left: 5px;
    vertical-align: middle;
}

.textbox560_42[b-kgidqp38de] {
    font-size: 9pt;
    color: #333333;
    width: 560px;
    height: 42px;
    border: solid 1px #cccccc;
    padding: 10px 5px 5px 0px;
}

.textbox620_250_v[b-kgidqp38de] {
    font-size: 9pt;
    color: #333333;
    width: 620px;
    height: 250px;
    border: solid 0px #cccccc;
    padding: 10px 5px 5px 0px;
    overflow: auto;
}

.textbox620_250_w[b-kgidqp38de] {
    font-size: 9pt;
    color: #333333;
    width: 620px;
    height: 250px;
    border: solid 1px #cccccc;
    padding: 10px 5px 5px 5px;
    overflow: auto;
}

.textbox620_300[b-kgidqp38de] {
    font-size: 9pt;
    color: #333333;
    width: 620px;
    height: 300px;
    border: solid 0px #cccccc;
    padding: 10px 5px 5px 0px;
    overflow: auto;
}

.textbox620_350[b-kgidqp38de] {
    font-size: 9pt;
    color: #333333;
    width: 620px;
    height: 350px;
    border: solid 1px #cccccc;
    padding: 10px 5px 5px 5px;
    overflow: auto;
}

.textbox620_350_v[b-kgidqp38de] {
    font-size: 9pt;
    color: #333333;
    width: 620px;
    height: 350px;
    border: solid 0px #cccccc;
    padding: 10px 5px 5px 5px;
    overflow: auto;
}

.textbox620_350_v2[b-kgidqp38de] {
    font-size: 9pt;
    color: #333333;
    width: 620px;
    height: 100%;
    border: solid 0px #cccccc;
    padding: 10px 5px 5px 5px;
    overflow: auto;
    text-align: left;
}

.textbox100_100[b-kgidqp38de] {
    font-size: 9pt;
    color: #333333;
    width: 100%;
    height: 100px;
    border: solid 1px #cccccc;
}

.textbox100_150[b-kgidqp38de] {
    font-size: 9pt;
    color: #333333;
    width: 100%;
    height: 150px;
    border: solid 1px #cccccc;
}

.textbox100_300[b-kgidqp38de] {
    font-size: 9pt;
    color: #333333;
    width: 100%;
    height: 300px;
    border: solid 1px #cccccc;
}

.textbox100_350[b-kgidqp38de] {
    font-size: 9pt;
    color: #333333;
    width: 100%;
    height: 350px;
    border: solid 1px #cccccc;
}

.file100[b-kgidqp38de] {
    font-size: 9pt;
    color: Blue;
    cursor: hand;
    color: #333333;
    width: 100%;
    height: 21px;
    border: solid 1px #cccccc;
    padding-top: 3px;
}

.board_title_back[b-kgidqp38de] {
    background-image: url('../Board/images/back_titlebar.gif');
    background-repeat: repeat-x;
    background-position: top;
    height: 35px;
    text-align: center;
    font-weight: bold;
}

.board_title_prenext[b-kgidqp38de] {
    background-image: url('../Board/images/back_titlebar.gif');
    background-repeat: repeat-x;
    background-position: top;
    height: 35px;
    text-align: center;
}

.pds_title_back[b-kgidqp38de] {
    background-image: url('../Pds/images/back_titlebar.gif');
    background-repeat: repeat-x;
    background-position: top;
    height: 35px;
    text-align: center;
    font-weight: bold;
}

.notice_title_back[b-kgidqp38de] {
    background-image: url('../Notice/images/back_titlebar.gif');
    background-repeat: repeat-x;
    background-position: top;
    height: 35px;
    text-align: center;
    font-weight: bold;
}

.notice_title_back1[b-kgidqp38de] {
    background-repeat: repeat-x;
    background-position: top;
    height: 45px;
    text-align: center;
    font-weight: bold;
}

.dropdownlist[b-kgidqp38de] {
    font-family: µ¸¿ò;
    font-size: 9pt;
    vertical-align: middle;
}

.dropdownlist_100[b-kgidqp38de] {
    color: #333333;
    width: 80px;
    height: 21px;
    border: solid 1px #cccccc;
    padding-left: 5px;
}

.txtbox[b-kgidqp38de] {
    font-family: Helvetica,Arial,sans-serif;
    font-size: 9pt;
    vertical-align: middle;
}

.txtbox2[b-kgidqp38de] {
    font-family: Helvetica,Arial,sans-serif;
    font-size: 9pt;
    vertical-align: absmiddle;
    width: 100px;
}

.txtboxMy[b-kgidqp38de] {
    border-color: #404040;
    border-width: 3px;
    height: 20px;
    width: 120px;
    vertical-align: middle;
}

.button1[b-kgidqp38de] {
    border-color: #404040;
    border-width: 1px;
    height: 20px;
    width: 60px;
}

.imgButton1[b-kgidqp38de] {
    background-image: url('images/btn_confirm.gif');
    height: 23px;
    width: 60px;
}

.side_menutitle[b-kgidqp38de] {
    font-size: 10pt;
    color: #3689C1;
    font-weight: bold;
    padding-top: 3px;
}

.side_submenu[b-kgidqp38de] {
    font-size: 9pt;
    padding-left: 15px;
    height: 25px;
}

.lblColor[b-kgidqp38de] {
    color: Blue;
}

.emptyCss[b-kgidqp38de] {
    /*padding-top: 20px;*/
    color: #9d9ea6;
    font-weight: normal;
    background: #fff;
    height: 170px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 300;
}

.ImgBtnCusor[b-kgidqp38de] {
    cursor: hand;
}

/*thanhnt:*/
.file[b-kgidqp38de] {
    opacity: 0;
    width: 0.1px;
    height: 0.1px;
    position: absolute;
}

.file-input label[b-kgidqp38de] {
    display: block;
    position: relative;
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #3899de;
    font-weight: bold;
    cursor: pointer;
    transition: transform .2s ease-out;
}

#memberTable[b-kgidqp38de] {
    padding-top: 10px;
}

.file-name[b-kgidqp38de] {
    /* position: absolute; */
    bottom: -35px;
    left: 10px;
    font-size: 11px;
    color: #a9a5a5;
    padding: 5px 10px;
    margin-left: 10px;
    border: 1px solid #c4c4c4;
    border-radius: 5px;
    background: #f3f7fb;
    display: none;
    height: fit-content;
}

.file-content[b-kgidqp38de] {
    display: flex;
    align-items: center;
}

.contentUnitWrite[b-kgidqp38de] {
    position: relative;
}

.contentUnitWriteFile[b-kgidqp38de] {
    position: absolute;
    bottom: 4px;
    align-items: center;
}

.close-file[b-kgidqp38de] {
    cursor: pointer;
    margin-left: 10px;
    font-weight: bold;
}

.file-name a[b-kgidqp38de] {
    color: #a9a5a5
}

#lblfiles[b-kgidqp38de] { /*display:flex;*/
}

    #lblfiles a[b-kgidqp38de] {
        margin-right: 5px;
    }

.item-info-notice[b-kgidqp38de] {
    padding: 14px;
    background: #fff;
    border-radius: 10px;
    margin-bottom: 10px;
    height: 80px;
    overflow: hidden;
}

    .item-info-notice .textContent p[b-kgidqp38de] {
        color: #9d9ea6;
        font-weight: 300;
    }

    .item-info-notice .textContent[b-kgidqp38de] {
        color: #9d9ea6;
        font-weight: 300;
    }

.title-menu[b-kgidqp38de] {
    width: 234px;
    padding: 0px 0px 0px 15px;
    margin-top: 6px;
    margin-bottom: 0px;
    font-size: 16px;
}

.dark[b-kgidqp38de] {
    color: rgba(15,23,53,1);
}

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

.padding-lr-10[b-kgidqp38de] {
    padding: 0 10px;
}

.gray[b-kgidqp38de] {
    color: #a2a4ac;
}

.dark-blue[b-kgidqp38de] {
    color: #2d344e;
}

.tool-box-qa .active[b-kgidqp38de] {
    font-weight: bold;
    text-decoration: underline;
    color: #2d344e;
}

.tool-box-qa span[b-kgidqp38de] {
    cursor: pointer;
    color: #a2a4ac;
    padding: 0 10px;
}

.tb-list[b-kgidqp38de] {
    width: 100%;
    border-collapse: collapse;
    border-radius: 12px;
    border: 1px solid #dadbdf;
    margin-top: 10px;
}

    .tb-list th[b-kgidqp38de] {
        font-size: 14px;
        font-family: 'Roboto';
    }
/*************** Modal *****************/
.modal[b-kgidqp38de] {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    /* display: none;*/
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}

.warp-bg[b-kgidqp38de] {
    background: #0000008c;
}

.modal-title[b-kgidqp38de] {
    margin: 15px 20px;
}

.modal-dialog[b-kgidqp38de] {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none;
}

.modal-dialog[b-kgidqp38de] {
    max-width: 812px;
    margin: 1.75rem auto;
}

.modal-dialog[b-kgidqp38de] {
    min-height: calc(100vh - 60px);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

@media(max-width: 768px) {
    .modal-dialog[b-kgidqp38de] {
        min-height: calc(100vh - 20px);
    }
}

.modal-content[b-kgidqp38de] {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 10px;
    outline: 0;
}

.modal-header[b-kgidqp38de] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px 20px;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-image: linear-gradient(to right, #5885e2, #1caaad);
    background-repeat: repeat-x;
    background-position: top;
    color: #fff;
    font-size: 26px;
}

    .modal-header button[b-kgidqp38de] {
        background: transparent;
        border: none;
        font-size: 30px;
        color: #fff;
        cursor: pointer;
    }

.modal-body[b-kgidqp38de] {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 15px 40px;
    ;
}

.modal-footer[b-kgidqp38de] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: .75rem;
    border-bottom-right-radius: calc(.3rem - 1px);
    border-bottom-left-radius: calc(.3rem - 1px);
}

.content-item-form[b-kgidqp38de] {
    display: flex;
    font-size: 16px;
    align-items: start;
}

.content-item-form-text-area[b-kgidqp38de] {
    display: flex;
    align-items: flex-start;
    font-size: 16px;
    padding: 10px 0;
}

.label-form[b-kgidqp38de] {
    font-weight: bold;
    margin-right: 10px;
    min-width: 80px;
}

.content-item-form[b-kgidqp38de] {
    padding: 10px 0;
}

.text-label-info[b-kgidqp38de] {
    font-weight: normal;
}

.writer-from[b-kgidqp38de] {
    color: #3f86f9;
}

.text-area-modal[b-kgidqp38de] {
    border: 1px solid #dadbdf;
    padding: 20px;
    border-radius: 10px;
    height: 300px;
    overflow: auto;
}

.footer-modal[b-kgidqp38de] {
    display: flex;
    justify-content: space-between;
}

.modal-content .label-form[b-kgidqp38de] {
    font-size: 12px;
}

.btn-close[b-kgidqp38de] {
    background: transparent;
    border: none;
    color: #3f86f9;
    font-size: 24px;
    cursor: pointer;
}

.tb-list[b-kgidqp38de] {
    border: 1px solid #CCCCCC;
    border-radius: 15px 15px 15px 15px;
    -moz-border-radius: 15px 15px 15px 15px;
    -webkit-border-radius: 15px 15px 15px 15px;
    border-collapse: separate !important;
}

    .tb-list th:first-child[b-kgidqp38de] {
        border-radius: 15px 0 0 0;
        -moz-border-radius: 15px 0 0 0;
        -webkit-border-radius: 15px 0 0 0;
    }

    .tb-list th:last-child[b-kgidqp38de] {
        border-radius: 0 15px 0 0;
        -moz-border-radius: 0 15px 0 0;
        -webkit-border-radius: 0 15px 0 0;
    }

    .tb-list td:first-child[b-kgidqp38de], .bordered th:first-child[b-kgidqp38de] {
        border-left: medium none;
    }

    .tb-list th[b-kgidqp38de] {
        background-color: #ecf1fa;
        background-image: -moz-linear-gradient(center top, #ecf1fa, #ecf1fa);
        background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#ecf1fa), to(#ecf1fa), color-stop(.4, #ecf1fa));
        border-top: medium none;
        /* box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);*/
        color: #0f1735;
        padding: 15px;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    }

    .tb-list td[b-kgidqp38de] {
        /* border-left: 1px solid #CCCCCC;
        border-top: 1px solid #CCCCCC;*/
        padding: 20px 10px;
        border: none;
        border-top: 1px solid #ecf1fa;
        font-weight: 300;
    }

.border-search-box[b-kgidqp38de] {
    border-radius: 6px;
    padding: 1px 5px 1px 1px;
    border: 1px solid #edecfc;
    outline: none;
    color: #abadb2;
    position: relative;
}

    .border-search-box input[b-kgidqp38de] {
        outline: none;
    }

    .border-search-box .icon-input[b-kgidqp38de] {
        position: absolute;
        right: 6px;
        cursor: pointer;
    }

#PagingHelper1[b-kgidqp38de] {
    font-size: 16px !important;
    font-weight: bold;
    height: 10px;
    width: 232px;
    display: inline-block !important;
    justify-content: space-between;
    align-items: center;
    margin-top: 8px;
}

    #PagingHelper1 img[b-kgidqp38de] {
        padding: 10px
    }

    #PagingHelper1 font[color='DodgerBlue'][b-kgidqp38de] {
        background: #3f86f9;
        padding: 1px 5px;
        border-radius: 5px;
        color: #fff;
        font-size: 14px;
        margin-right: 10px;
    }

    #PagingHelper1 a[b-kgidqp38de] {
        color: #3f86f9;
        font-weight: 300;
        padding: 8px;
        font-size: 14px;
        margin-right: 10px;
    }

.d-flex[b-kgidqp38de] {
    display: flex !important;
}

.d-flex-center[b-kgidqp38de] {
    display: flex;
    align-items: center;
}

.justify-content-between[b-kgidqp38de] {
    justify-content: space-between;
}

.justify-content-end[b-kgidqp38de] {
    justify-content: flex-end;
}

.justify-content-start[b-kgidqp38de] {
    justify-content: flex-start;
}

.align-items-center[b-kgidqp38de] {
    align-items: center;
}

.newNotice[b-kgidqp38de] {
    background: #e0546b;
    color: #fff;
    font-size: 11px;
    padding: 5px 7px;
    border-radius: 5px;
}
/***********
    QA
************/
.header-body-qa[b-kgidqp38de] {
    padding: 15px;
    background: #ecf1fa;
    border-radius: 10px 10px 0px 0px;
    display: flex;
    justify-content: space-between;
    border-bottom: none;
}

.left-header-qa[b-kgidqp38de] {
    width: 60%;
}

.right-header-qa[b-kgidqp38de] {
    width: 40%;
}

.item-header-qa[b-kgidqp38de] {
    margin-bottom: 7px;
    color: #2c334e;
    font-size: 12px;
}

.content-body-qa[b-kgidqp38de] {
    padding: 15px;
    border: 1px solid #dadbdf;
    border-radius: 0px 0px 10px 10px;
    border-top: none;
}

    .content-body-qa p[b-kgidqp38de] {
        margin-bottom: 7px;
    }

.top-header-qa[b-kgidqp38de] {
    display: flex;
    justify-content: space-between;
    padding: 15px 5px;
    font-size: 18px;
    font-family: 'Roboto';
}

.left-top-header-qa[b-kgidqp38de] {
    font-weight: bold;
    width: 60%;
    color: #2c334e;
}

.right-top-header-qa[b-kgidqp38de] {
    width: 40%
}

    .right-top-header-qa .title-qa-top-left[b-kgidqp38de] {
        font-weight: bold;
        color: #5786e2;
        margin-right: 10px;
    }

.notification-f25.tilte-qa[b-kgidqp38de] {
    padding: 0px 5px 0 5px;
}

.content-action[b-kgidqp38de] {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.btn-action input[b-kgidqp38de] {
    margin-left: 10px;
}

.light-blue[b-kgidqp38de] {
    color: #5786e2;
}

.lable-item-header-qa[b-kgidqp38de] {
    font-family: 'Roboto';
    font-weight: 500;
    color: #2c334e;
}

.price-qa[b-kgidqp38de] {
    color: #2c334e;
    font-weight: 500;
    font-family: 'Roboto';
}

.overflow-qa[b-kgidqp38de] {
    height: 260px;
    overflow: auto;
}

.content-item-list[b-kgidqp38de] {
    padding: 20px;
    border: 1px solid #dadbdf;
    border-radius: 10px;
    height: 143px;
    overflow: auto;
}

.item-list-qa[b-kgidqp38de] {
}

    .item-list-qa .header-item-list[b-kgidqp38de] {
        display: flex;
        align-items: center;
        margin: 10px 0;
        font-size: 18px;
        color: #2c334e;
    }

        .item-list-qa .header-item-list .header-item-list-left[b-kgidqp38de] {
            width: 60%;
            font-weight: bold;
        }

        .item-list-qa .header-item-list .header-item-list-right[b-kgidqp38de] {
            width: 40%;
            display: flex;
            align-items: center;
            justify-content: flex-end;
        }

            .item-list-qa .header-item-list .header-item-list-right .infor-writer[b-kgidqp38de] {
                margin-left: 15px;
                color: #5786e2;
                ;
            }

#conentAnwser[b-kgidqp38de] {
    display: none;
    height: 200px;
}

#btn_submit[b-kgidqp38de] {
    display: none;
}

.textbox[b-kgidqp38de] {
    font-size: 9pt;
    color: #333333;
    border: solid 1px #cccccc;
    padding-left: 5px;
    border-radius: 4px;
}

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

.text-left[b-kgidqp38de] {
    text-align: left;
}

.warp-body[b-kgidqp38de] {
    border: 1px solid #dadbdf;
    padding: 20px;
    border-radius: 10px;
    margin-top: 10px;
    height: 400px;
    overflow: auto;
}

.left-notice-qa[b-kgidqp38de] {
    font-weight: normal;
    font-family: Roboto;
}

.tilte-notice-icaller[b-kgidqp38de] {
    font-size: 20px;
}

.writer[b-kgidqp38de] {
    color: #5786e2;
}

.content-item[b-kgidqp38de] {
    font-size: 12px;
    margin-left: 10px;
    margin-right: 10px;
    font-family: Roboto;
}

#pick-date-time[b-kgidqp38de] {
    outline: none;
}

#tblLostItem td[b-kgidqp38de] {
    padding: 15px 10px;
    border: none;
    border-top: 1px solid #ecf1fa;
    font-size: 12px;
}

.context-menu-list[b-kgidqp38de] {
    border-radius: 5px;
    background: #f4f4f4;
    border: 1px solid #b1b1b1;
}

.context-menu-item[b-kgidqp38de] {
    background-color: #f4f4f4;
    padding: 10px 0px 10px 12px;
}

.hidenID[b-kgidqp38de] {
    display: none;
}

.modal-dialog-big[b-kgidqp38de] {
    max-width: 1180px;
}

.header-modal-lostitem[b-kgidqp38de] {
    position: relative;
}

.modal-content-big[b-kgidqp38de] {
    padding: 20px 20px 0px 20px;
}

.modal-header-tilel-lostitem[b-kgidqp38de] {
    font-size: 34px;
    color: #5786e2;
    font-weight: bold;
}

.btn-close-content[b-kgidqp38de] {
    position: absolute;
    right: 26px;
    top: 15px;
    font-size: 42px;
    color: #757171;
}

.btn-action .btn-close[b-kgidqp38de] {
    font-size: 40px;
    color: #504e4e;
}

.modal-body-lostitem[b-kgidqp38de] {
    padding: 15px 20px;
    font-family: 'Roboto';
    font-size: 16px;
}

    .modal-body-lostitem .modal-left[b-kgidqp38de] {
        width: 370px;
        margin-right: 30px;
    }

    .modal-body-lostitem .modal-right[b-kgidqp38de] {
        width: 65%;
    }

    .modal-body-lostitem .row-lostitem[b-kgidqp38de] {
        margin-bottom: 10px;
    }

    .modal-body-lostitem .textbox[b-kgidqp38de] {
        height: 32px;
        border: 1px solid #dadbdf;
        border-radius: 6px;
        padding-left: 10px;
        outline: none;
        box-sizing: border-box;
    }

label.lbl-filter input[b-kgidqp38de] {
    display: none;
}

.checkmark[b-kgidqp38de] {
    padding: 10px;
    background-color: #fff;
    color: #7E92A8;
    border-radius: 10px;
    width: 80px;
    text-align: center;
    font-weight: 400;
    border: 1px solid #dadbdf;
}

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


.content-checked-box[b-kgidqp38de] {
    margin: 13px 3px;
    position: relative;
    cursor: pointer;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .content-checked-box input[b-kgidqp38de] {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

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

        .content-checked-box input:checked ~ .checkmark[b-kgidqp38de] {
            background-color: #5786e2;
            color: #fff;
        }

.datetime[b-kgidqp38de] {
    margin-right: 10px;
}

.content-img-lostitem[b-kgidqp38de] {
    margin-top: 20px;
}

.link-input-img[b-kgidqp38de] {
    text-align: center;
    font-size: 20px;
    color: #3f86f9;
    cursor: pointer;
}

    .link-input-img img[b-kgidqp38de] {
        text-align: center;
        vertical-align: middle;
    }

.file-name-lostitem[b-kgidqp38de] {
    margin-bottom: 5px;
    margin-left: 5px;
}

.img-big-lostitem img[b-kgidqp38de] {
    border-radius: 10px;
}

.slick-next[b-kgidqp38de] {
    right: 26px;
}

.slick-prev[b-kgidqp38de] {
    left: 8px;
    z-index: 99;
}

    .slick-prev[b-kgidqp38de]:before, .slick-next[b-kgidqp38de]:before {
        font-size: 40px;
    }

#content_modal_lostitem[b-kgidqp38de] {
    display: none;
}

#btn_new[b-kgidqp38de] {
    cursor: pointer;
}

#btn_edit_lostitem[b-kgidqp38de] {
    display: none;
}

select.readonly[b-kgidqp38de], input.readonly[b-kgidqp38de], textarea.readonly[b-kgidqp38de] {
    background-color: #f3f7fb;
}

.title-light[b-kgidqp38de] {
    font-weight: 500;
}

/**************** new *************/
.content-header-page[b-kgidqp38de] {
    display: flex;
    justify-content: space-between;
}

.content-header-page-right[b-kgidqp38de] {
    display: flex;
    align-items: center;
}

.lable-txt[b-kgidqp38de] {
    padding: 10px 20px;
    font-size: 16px;
    font-weight: bold;
}

.row-form[b-kgidqp38de] {
    height: 50px;
}

.icon-menu[b-kgidqp38de] {
}

.menu_left .active-menu[b-kgidqp38de] {
    /* padding: 4px;
    background: #5885e2;
    border-radius: 10px;
    margin-right: 15px;
    width: 23px;*/
}

.menu_left table td[b-kgidqp38de] {
    padding: 3px 0px;
}

.btn_xem[b-kgidqp38de] {
    font-size: 16px;
    color: #1f8aff;
    padding: 7px 24px;
    border-radius: 8px;
    border: 1px solid #1f8aff;
    background: transparent;
}

.txt-form[b-kgidqp38de] {
    padding: 10px;
    height: 32px;
    border: 1px solid #edecfc;
    width: 96%;
    border-radius: 5px;
    outline: none;
}

.txt-form-normal[b-kgidqp38de] {
    padding: 10px;
    height: 32px;
    border: 1px solid #edecfc;
    border-radius: 5px;
    outline: none;
}

.txt-form-w100[b-kgidqp38de] {
    padding: 10px;
    height: 32px;
    border: 1px solid #edecfc;
    width: 100%;
    border-radius: 5px;
    outline: none;
}

.row-header-form[b-kgidqp38de] {
    display: flex;
}

.title-header-form[b-kgidqp38de] {
    padding: 0px 10px 10px 10px;
}

.sub-title-header-form[b-kgidqp38de] {
    padding: 0px 10px 10px 10px;
}

.row-header-form[b-kgidqp38de] {
    display: flex;
    padding: 0px 10px 10px 10px;
    font-size: 12px;
    margin-left: -10px;
    margin-right: -10px;
}

.item-row-header[b-kgidqp38de] {
    padding: 10px;
}

.disable-file[b-kgidqp38de] {
    display: flex;
    align-items: center;
}

    .disable-file .file-name[b-kgidqp38de] {
        height: auto;
    }

    .disable-file .labelFileInput[b-kgidqp38de] {
        color: #cacaca;
        font-weight: 300;
        min-height: 26px;
    }

.contentBody[b-kgidqp38de] {
    display: block;
    height: 336px;
    overflow: auto;
}

.container-cb[b-kgidqp38de] {
    position: relative;
    margin-bottom: 0px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .container-cb.single-check-item[b-kgidqp38de] {
        padding-right: 10px;
        padding-left: 20px;
    }
    /* Hide the browser's default checkbox */
    .container-cb input[b-kgidqp38de] {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

    /* Create a custom checkbox */
    .container-cb .checkmark[b-kgidqp38de] {
        position: absolute;
        top: 1px;
        right: -27px;
        height: 10px;
        width: 10px;
        border: 1px solid #5373ce;
        border-radius: 0;
        padding: 8px;
    }

    /* On mouse-over, add a grey background color */
    .container-cb:hover input ~ .checkmark[b-kgidqp38de] {
        background-color: rgb(255, 255, 255);
    }

    /* When the checkbox is checked, add a blue background */
    .container-cb input:checked ~ .checkmark[b-kgidqp38de] {
        background-color: transparent;
        border: 1px solid #5373ce;
    }

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

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

/* Style the checkmark/indicator */
.container-cb .checkmark[b-kgidqp38de]:after {
    left: 5px;
    top: 0px;
    width: 5px;
    height: 10px;
    border: solid #1f8aff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.btn-radian[b-kgidqp38de] {
    padding: 9px 40px;
    font-size: 16px;
    color: #fff;
    border: none;
    background: rgb(88,133,226);
    background: linear-gradient(90deg, rgba(88,133,226,1) 0%, rgba(88,133,226,1) 35%, rgba(34,203,210,1) 100%, rgba(34,203,210,1) 5885e2%);
    border-radius: 10px;
    cursor: pointer;
}

.btn-transparent[b-kgidqp38de] {
    padding: 9px 40px;
    font-size: 16px;
    color: #989898;
    border: 1px solid #989898;
    background: transparent;
    border-radius: 10px;
    cursor: pointer;
}

.btn[b-kgidqp38de] {
    padding: 9px 10px;
    font-size: 16px;
    color: #989898;
    border: none;
    background: transparent;
    border-radius: 10px;
    cursor: pointer;
}

    .btn:disabled[b-kgidqp38de], .btn-transparent:disabled[b-kgidqp38de], .btn-radian:disabled[b-kgidqp38de] {
        opacity: 0.6;
    }

.btn-delete[b-kgidqp38de] {
    color: #e0546b
}

.icon-search[b-kgidqp38de] {
    width: 100%;
    position: relative;
}
    /*.icon-search:before {
        content: "\f002";
        position: absolute;
        top: 5px;
        right: 14px;
        font-size: 18px;
        height: 10px;
        width: 10px;
        font-family: FontAwesome;
        color: #9094ba;
    }*/
    .icon-search #txtKeyword[b-kgidqp38de] {
        padding-right: 28px;
    }

.font12[b-kgidqp38de] {
    font-size: 12px;
}

#txtContent[b-kgidqp38de] {
    overflow: auto;
}

.important-notice[b-kgidqp38de] {
    background: #e0546b;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 12px;
    color: #fff;
}

.lbl-left[b-kgidqp38de] {
    padding-left: 28px;
    padding-right: 10px;
}

    .lbl-left .checkmark[b-kgidqp38de] {
        left: 0px;
    }

    .lbl-left b[b-kgidqp38de] {
        font-weight: 300;
    }

.lbl-lostitem.container-cb[b-kgidqp38de] {
    font-size: 13px;
}

    .lbl-lostitem.container-cb .checkmark[b-kgidqp38de] {
        top: -1px;
    }

.checkmark.popup-lostitem[b-kgidqp38de] {
    width: 102px;
}

.display-none[b-kgidqp38de] {
    display: none;
}

.display-block[b-kgidqp38de] {
    display: block;
}

.content-autocomplete[b-kgidqp38de] {
    padding: 20px;
    display: flex;
    justify-content: space-around;
}

.ui-widget.ui-widget-content[b-kgidqp38de] {
    border: 1px solid #c5c5c5;
    height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 10000;
}

.ui-menu .ui-menu-item-wrapper[b-kgidqp38de] {
    position: relative;
    padding: 10px;
    border-bottom: 1px solid #f0f0f0;
}

.clear-both[b-kgidqp38de] {
    clear: both;
}

.left-item[b-kgidqp38de] {
    float: left;
    width: 40%;
}

.right-item[b-kgidqp38de] {
    float: left;
    width: 60%;
}

.content-autocomplete .title-auotcomplete[b-kgidqp38de] {
    font-weight: bold;
    color: #fff;
    background: #5885e2;
}

.li-autocomplete[b-kgidqp38de] {
    background: #5885e2;
}

.content-search[b-kgidqp38de] {
    position: absolute;
    right: 9px;
    top: 7px;
    color: #9094ba;
    cursor: pointer;
}

.ui-autocomplete-loading[b-kgidqp38de] {
    background: white url(../bbs_img/ui-anim_basic_16x16.gif) right center no-repeat;
}

.disable[b-kgidqp38de] {
    background-color: #e5e5e5;
}

.pd-10-lr[b-kgidqp38de] {
    padding-left: 10px;
    padding-right: 10px;
}

.pd-10[b-kgidqp38de] {
    padding: 10px;
}

.btn_xoa[b-kgidqp38de] {
    background: transparent;
    border: none;
    font-size: 18px;
    padding: 10px 20px;
    color: red;
    cursor: pointer;
}

.btn_xem:active[b-kgidqp38de], .btn_xem:focus[b-kgidqp38de], .btn_xem:target[b-kgidqp38de] {
    outline: 0;
}

.height_content[b-kgidqp38de] {
    height: 670px;
}

@media (max-width: 1920px) {
    #fileName[b-kgidqp38de] {
        overflow: auto;
        white-space: nowrap;
    }
}

@media (max-width: 1366px) {
    #fileName[b-kgidqp38de] {
        overflow: auto;
        white-space: nowrap;
    }
}

.file-content label[b-kgidqp38de] {
    width: 115px;
}

.labelFileInput[b-kgidqp38de] {
    width: 115px;
}

span#txtContent p[b-kgidqp38de], spancontentBody p[b-kgidqp38de] {
    margin-bottom: revert;
    line-height: 22px;
}

td a:hover[b-kgidqp38de] {
    font-weight: bold;
}