/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */
.customizer-projDir {
    top: 4.1rem !important;
    right: -900px;
    width: 900px !important;
}
a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

/* Provide sufficient contrast against white background */
a {
    color: #0366d6;
}

.btn-primary {
    color: #fff7f5;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff7f5;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-0-top {
    margin-top: 0 !important;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

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

/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}

.card {
    box-shadow: 0 2px 1px 1px rgba(0, 0, 0, .05) !important;
}

body {
    background-color: #fBfBfB !important;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Microsoft YaHei light';
}

.header-navbar {
    font-family: 'Microsoft YaHei light';
}

.breadcrumb {
    font-family: 'Microsoft YaHei light';
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    line-height: 60px; /* Vertically center the text there */
}

.main-menu.menu-lightRed {
    color: #55595c;
    border-right: 1px solid #e4e7ed;
    background: #fff7f5;
}

    .main-menu.menu-lightRed .main-menu-header {
        padding: 20px;
    }

        .main-menu.menu-lightRed .main-menu-header .menu-search {
            padding: .5rem 1rem;
            color: #3d3f41;
            background: #e6e6e6;
        }

            .main-menu.menu-lightRed .main-menu-header .menu-search:focus {
                border-color: #d9d9d9;
            }

    .main-menu.menu-lightRed .navigation {
        background: #fff7f5;
    }

        .main-menu.menu-lightRed .navigation .navigation-header {
            padding: 30px 20px 8px 20px;
            color: #55595c;
        }

            .main-menu.menu-lightRed .navigation .navigation-header span {
                font-weight: 600;
                text-transform: uppercase;
            }

        .main-menu.menu-lightRed .navigation li a {
            -webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease;
            color: #55595c;
        }

            .main-menu.menu-lightRed .navigation li a i,
            .main-menu.menu-lightRed .navigation li a span {
                -webkit-transition: all .2s ease;
                -moz-transition: all .2s ease;
                -o-transition: all .2s ease;
                transition: all .2s ease;
            }

            .main-menu.menu-lightRed .navigation li a span {
                display: inline-block;
            }

                .main-menu.menu-lightRed .navigation li a span.menu-sub-title {
                    color: #a1a6a9;
                }

        .main-menu.menu-lightRed .navigation li.hover > a,
        .main-menu.menu-lightRed .navigation li.open > a,
        .main-menu.menu-lightRed .navigation li.active > a {
            color: #fff7f5;
        }

        .main-menu.menu-lightRed .navigation > li {
            padding: 0;
            line-height: 1.5;
        }

            .main-menu.menu-lightRed .navigation > li > a {
                padding: 8px 12px;
                font-size: 0.95rem;
            }

                .main-menu.menu-lightRed .navigation > li > a .label {
                    margin-top: 4px;
                    margin-right: 5px;
                }

                .main-menu.menu-lightRed .navigation > li > a i {
                    position: relative;
                    top: 1px;
                }

            .main-menu.menu-lightRed .navigation > li.open > ul {
                background: #ffe5e5;
            }

            .main-menu.menu-lightRed .navigation > li.open > a {
                color: #3d3f41;
                background: #ffe5e5;
            }

            .main-menu.menu-lightRed .navigation > li.open .hover > a {
                background: #fff1f1;
            }

            .main-menu.menu-lightRed .navigation > li:not(.open) > ul {
                display: none;
            }

            .main-menu.menu-lightRed .navigation > li.hover > a,
            .main-menu.menu-lightRed .navigation > li:hover > a,
            .main-menu.menu-lightRed .navigation > li.active > a {
                color: #3d3f41;
                background-color: #ffe5e5;
            }

                .main-menu.menu-lightRed .navigation > li.hover > a.mm-next,
                .main-menu.menu-lightRed .navigation > li:hover > a.mm-next,
                .main-menu.menu-lightRed .navigation > li.active > a.mm-next {
                    background-color: inherit;
                }

            .main-menu.menu-lightRed .navigation > li.active > a {
                font-weight: 700;
                color: #55595c;
                border-right: 4px solid #3bafda;
                background: #fff1f1;
            }

            .main-menu.menu-lightRed .navigation > li .active {
                background: #fff1f1;
            }

                .main-menu.menu-lightRed .navigation > li .active > a {
                    font-weight: 700;
                    color: #6d7377;
                    border-right: 4px solid #3bafda;
                    background: #fff1f1;
                }

                .main-menu.menu-lightRed .navigation > li .active .hover > a {
                    background: #ffe5e5;
                }

            .main-menu.menu-lightRed .navigation > li ul {
                font-size: 1rem;
                margin: 0;
                padding: 0;
            }

                .main-menu.menu-lightRed .navigation > li ul li {
                    color: #55595c;
                    background: transparent;
                }

                    .main-menu.menu-lightRed .navigation > li ul li > a {
                        padding: 8px 20px 8px 20px;
                        font-size: 0.95rem;
                    }

                .main-menu.menu-lightRed .navigation > li ul .has-sub:not(.open) > ul {
                    display: none;
                }

                .main-menu.menu-lightRed .navigation > li ul .open {
                    background: #ededed;
                }

                    .main-menu.menu-lightRed .navigation > li ul .open > a {
                        color: #55595c;
                    }

                    .main-menu.menu-lightRed .navigation > li ul .open > ul {
                        display: block;
                        background: #ededed;
                    }

                        .main-menu.menu-lightRed .navigation > li ul .open > ul li > a {
                            padding: 8px 20px 8px 60px;
                        }

                        .main-menu.menu-lightRed .navigation > li ul .open > ul .open {
                            background: #e6e6e6;
                        }

                            .main-menu.menu-lightRed .navigation > li ul .open > ul .open > ul {
                                display: block;
                                background: #e6e6e6;
                            }

                                .main-menu.menu-lightRed .navigation > li ul .open > ul .open > ul li > a {
                                    padding: 8px 20px 8px 70px;
                                }

                    .main-menu.menu-lightRed .navigation > li ul .open .hover > a {
                        background: #ffe5e5;
                    }

                .main-menu.menu-lightRed .navigation > li ul .hover > a,
                .main-menu.menu-lightRed .navigation > li ul:hover > a {
                    color: #5f6367;
                }

                .main-menu.menu-lightRed .navigation > li ul .active {
                    background: transparent;
                }

                    .main-menu.menu-lightRed .navigation > li ul .active > a {
                        font-weight: 700;
                        color: #6d7377;
                    }

                    .main-menu.menu-lightRed .navigation > li ul .active .hover > a {
                        background-color: transparent;
                    }

            .main-menu.menu-lightRed .navigation > li > ul {
                background: #fff7f5;
            }

    .main-menu.menu-lightRed ul.menu-popout {
        background: #fff7f5;
    }

        .main-menu.menu-lightRed ul.menu-popout li a {
            color: #55595c;
        }

            .main-menu.menu-lightRed ul.menu-popout li a span.menu-sub-title {
                color: #a1a6a9;
            }

        .main-menu.menu-lightRed ul.menu-popout .has-sub:not(.open) > ul {
            display: none;
        }

        .main-menu.menu-lightRed ul.menu-popout .open > a {
            color: #55595c;
        }

        .main-menu.menu-lightRed ul.menu-popout .open > ul {
            display: block;
        }

            .main-menu.menu-lightRed ul.menu-popout .open > ul .open {
                background: #e8e8e8;
            }

                .main-menu.menu-lightRed ul.menu-popout .open > ul .open > ul {
                    display: block;
                    background: #e8e8e8;
                }

        .main-menu.menu-lightRed ul.menu-popout .hover > a,
        .main-menu.menu-lightRed ul.menu-popout:hover > a {
            color: #5f6367;
        }

        .main-menu.menu-lightRed ul.menu-popout .active {
            font-weight: 700;
        }

            .main-menu.menu-lightRed ul.menu-popout .active > a {
                color: #6d7377;
            }

            .main-menu.menu-lightRed ul.menu-popout .active .hover > a,
            .main-menu.menu-lightRed ul.menu-popout .active :hover > a {
                background-color: transparent;
            }

    .main-menu.menu-lightRed.mm-menu .mm-search input {
        padding: 16px 16px;
        color: #55595c;
        background: #e6e6e6;
    }

    .main-menu.menu-lightRed.mm-menu .mm-divider {
        background: #f2f2f2;
    }

    .main-menu.menu-lightRed.mm-menu .mm-navbar > {
        border-color: white;
    }

        .main-menu.menu-lightRed.mm-menu .mm-navbar > *,
        .main-menu.menu-lightRed.mm-menu .mm-navbar > a {
            color: #18191a;
        }

        .main-menu.menu-lightRed.mm-menu .mm-navbar > .mm-btn:before,
        .main-menu.menu-lightRed.mm-menu .mm-navbar > .mm-btn:after {
            border-color: #494c4f;
        }

    .main-menu.menu-lightRed.mm-menu .mm-listview > li .mm-arrow:after,
    .main-menu.menu-lightRed.mm-menu .mm-listview > li .mm-next:after {
        border-color: #303334;
    }

    .main-menu.menu-lightRed.mm-menu .mm-listview.navigation-main > li:hover .mm-arrow:after,
    .main-menu.menu-lightRed.mm-menu .mm-listview.navigation-main > li:hover .mm-next:after {
        border-color: #fff7f5;
    }

    .main-menu.menu-lightRed.mm-menu .mm-hasnavbar .mm-listview > li:hover {
        background-color: #f2f2f2;
    }


.top-bar .system .logo {
    width: 56px;
}

.top-bar .system .card-adjust {
    margin-bottom: 0rem;
}

.bg-full-screen-img {
    background: url(../../app-assets/images/backgrounds/bg-2.jpg)
}

.top-bar .system .card-body-adjust {
    padding: 0.75rem 0rem;
}

.top-bar .system .system-name {
    color: red;
}

    .top-bar .system .system-name.loginPage {
        margin-top: 0.6rem;
        color: #000;
        font-weight: bold;
        font-family: none;
        font-size: 1.3rem !important;
    }

.top-bar .system .media-body-adjust {
    padding-left: 5px;
}

.top-bar .system .subTitle {
    margin-top: 0.4rem !important;
    color: #000;
}

.top-bar .navbar-header-adjust {
    height: 5.1rem;
    padding: 0.5rem 1rem;
}

/*.menu-adjust {
    top: 5.1rem !important;
}*/

.main-menu.menu-fixed {
    top: 0px;
}

.header-navbar .navbar-container {
    padding: 0rem 8px;
}

html body.fixed-navbar {
    padding-top: 4rem;
}

.navbar-semi-dark .navbar-header {
    background: #fff7f5;
}

    .navbar-semi-dark .navbar-header .brand-text {
        color: #0c0000;
    }

/** START:COMMNUNICATION CHANNEL PAGE*/

/*        .card-bg {
            background-color: #f3f3f3;
            border: 1px solid rgba(0, 0, 0, .06);
        }*/

/*        .font-small {
            font-size: 0.8rem;
        }*/

.font-small-x {
    font-size: 0.6rem;
    color: lightgrey;
}

/*        .nav.nav-tabs .nav-item .nav-link.active {
            border-radius: 0.25rem 0.25rem 0 0;
            background-color: #5edacd;
        }

        .nav-tabs {
            border-bottom: 3px solid #5edacd;
        }*/

/*        .nav-link-no-bottom-border{
            border-bottom-width: 0px!important;
        }*/

.communication-list {
    border-bottom: 1px solid #dee5ed !important;
    padding: 1rem !important;
}

.img-thumbnail-small {
    /*    max-width: 20%;*/
    height: 200px;
    width: 320px;
}

.badge-white {
    color: #3bafda;
    background-color: #fff;
    border: 1px solid #3bafda;
}

    .badge-white .bg {
        color: #3bafda;
        background-color: #fff;
    }

    .badge-white .text {
        color: #fff;
    }

.card-margin-bottom {
    margin-bottom: 0.5rem;
}

.channel-detail-bg {
    background-color: #f3f3f3;
}

.card-header-padding {
    padding: 0.5rem 1.5rem 0.5rem 1.5rem;
}

.badge-grey {
    background-color: #e9e9e9;
}

    .badge-grey.badge-glow {
        -webkit-box-shadow: 0 0 10px #e9e9e9;
        box-shadow: 0 0 10px #e9e9e9;
    }

    .badge-grey[href]:hover,
    .badge-grey[href]:focus {
        background-color: #2494be;
    }

.badge-opinion-style {
    width: 150px;
    line-height: 20px;
}

    .badge-opinion-style span {
        float: left;
        bottom: 1px !important;
    }

    .badge-opinion-style div {
        float: right;
    }

        .badge-opinion-style div.badge-light {
            color: #3bafda;
            background-color: #fff
        }



.channel-search-box {
    padding: 0.5rem;
    border-bottom: 1px solid #cfcfcf !important;
    height: 60px;
    background-color: #f3f3f3;
}

    .channel-search-box input {
        border: none;
        background-color: #f3f3f3;
    }

.channel-title {
    padding: 0.5rem;
    background-color: #f3f3f3;
}

.channel-ft-plus {
    color: red;
    font-size: 1.5rem;
    font-weight: bold;
}

.channel-file {
}

    .channel-file i {
        font-size: 1.3rem;
        color: #b4a5ef;
    }

    .channel-file label {
        color: blue;
    }

.channel-action-part {
    width: 45% !important;
    padding-left: 2px;
    padding-right: 2px;
}

.channel-action-votecard {
    background-color: #fdf6f6;
    margin-bottom: 1px;
}

.channel-action-card-header {
    padding: 1rem 1.5rem;
}

.channel-action-votecard-body {
    display: flex;
    flex-wrap: wrap;
}

.channel-action-date-bar {
    display: flex;
    flex-direction: row-reverse;
    padding-top: 10px;
}

.channel-action-date-item {
    width: 150px;
}

.channel-action-comment {
    border: 1px solid;
    margin-top: 5px;
    padding: 10px 10px;
}

.btn-sm-flat {
    padding: 0.25rem 1rem !important;
}

.btn-group-flat {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 3px;
}

.communication-list.active {
    background-color: lightyellow;
}
/** END:COMMNUNICATION CHANNEL PAGE*/

.form-group label.label-control {
    /*padding: 0.25rem 0.25rem;
    margin-bottom: 0;*/
    margin-bottom: 0px;
    color: steelblue;
    padding: 0.25rem;
    color: steelblue;
    text-align: left !important;
}

.form-group label.text-control {
    /*padding: 0.25rem 0.25rem;
    margin-bottom: 0;*/
    margin-bottom: 0px;
    padding: 0.25rem;
}

.form-group .input-group {
    padding: 0.75rem 1rem;
    margin-bottom: 0;
}

.fa-file-word-o {
    color: blue;
}

.fa-file-excel-o {
    color: green;
}

.fa-file-pdf-o {
    color: dimgrey;
}
/** das-checkbox **/
.skin.skin-square label {
    margin-left: 4px;
}
/*** 奇数行颜色设置 ***/
/*table.dataTable tbody tr.strip1 {
    background-color: #f9f9f9;
}*/

/*** 偶数行颜色设置 ***/
/*table.dataTable tbody tr.strip2 {
    background-color: #ffffff;
}*/

.table tbody tr:nth-child(even) {
    background-color: #f9f9f9
}

.table tbody tr:nth-child(odd) {
    background-color: transparent;
}


.nobg tbody tr {
    background-color: rgb(85 0 0 / 0%) !important;
}

.error {
    color: red;
}

/*.table th {
    padding: 0.5rem 0.25rem;
}

.table td {*/
/*padding: 0rem 0.25rem;*/
/*padding: 0.5rem 0.25rem;
}*/


label.form-control {
    border-top: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
    border: 0px !important;
    /*border-radius: 0rem;*/
    padding: 0.75rem 0.25rem;
}

div.form-control {
    border-top: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
    border-radius: 0rem;
}

/* Check Side Breadcrumbs */
.border-left-info-xl {
    border-left: 10px solid #C00000;
}


.select2-container--classic .select2-selection--single, .select2-container--default .select2-selection--single {
    height: calc(2.75rem + 2px) !important;
}

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 36px !important;
    }

/* Make the web page look more comfortable  Sanne 01-10-2023*/
.content-wrapper {
    /*border: 1px solid red;*/
}

.content-header {
    /*border: 1px solid blue;*/
}

.content-wrapper .card {
    margin-bottom: 0.6rem !important;
}

html body .content .content-wrapper {
    padding: 0.4rem;
}


.content-wrapper .content-header .card .card-title {
    font-size: 1rem;
}

.content-wrapper .content-body .card .card-title {
    font-size: 0.8rem;
}

#filterPanel {
    padding: 10px;
    /*border: 1px solid #bfbfbf;*/
    display: none;
}

#filterPanelNoBorder {
    padding: 10px 0;
}

.card-body {
    padding: 0.5rem;
}

.breadcrumb-new .content-header-title {
    padding: 6px 24px 0px 0 !important;
}

.content-wrapper .card-body {
    padding-top: 0 !important;
}



.bg-gradient-directional-info .card-body,
.bg-gradient-directional-danger .card-body,
.bg-gradient-directional-success .card-body,
.bg-gradient-directional-warning .card-body,
.bg-gradient-directional-indigo .card-body,
.bg-gradient-directional-deepBlue .card-body,
.bg-gradient-directional-cyan .card-body,
.bg-gradient-directional-wathet .card-body {
    padding: 1.5rem !important;
}

.content-wrapper h4[class='card-title'] {
    line-height: 0.2 !important;
    margin-left: -0.8rem !important;
}

.content-wrapper h3[class='card-title'],
.content-wrapper h4[class='card-title'],
.content-wrapper h5[class='card-title'],
.content-wrapper .h4 {
    font-family: 'Microsoft YaHei light';
}

.card-header .heading-elements, .card-header .heading-elements-toggle {
    /*border: 1px solid red;*/
    margin-top: -0.7rem !important;
    margin-right: -10px !important;
}

.mgb-05 {
    margin-bottom: 0.5rem !important;
}

.mgb-02 {
    margin-bottom: 0.2rem !important;
}

.mgt-05 {
    margin-top: 0.5rem !important;
}

.mgt-06 {
    margin-top: 0.6rem !important;
}

.mgt-07 {
    margin-top: 0.7rem !important;
}

.mgt-08 {
    margin-top: 0.8rem !important;
}

.mgt-02 {
    margin-top: 0.2rem !important;
}

.mgt-03 {
    margin-top: 0.3rem !important;
}

.mgt-01 {
    margin-top: 0.1rem !important;
}

.mgt-16 {
    margin-top: 1rem;
}

.mgr-05 {
    margin-right: 0.5rem !important;
}

.mgl-05 {
    margin-left: 0.5rem !important;
}

.mgl-N1 {
    margin-left: -1rem !important;
}

.pgt-05 {
    padding-top: 0.5rem !important;
}

.pgl-0 {
    padding-left: 0 !important;
}

.mgt-N15 {
    margin-top: -1.5rem;
}

.mgt-N05 {
    margin-top: -0.5rem;
}

.mgt-N03 {
    margin-top: -0.3rem;
}

.mgt-N2 {
    margin-top: -2rem;
}

.mgt-N3 {
    margin-top: -3rem;
}

.mgt-N48 {
    margin-top: -4.8rem;
}

.mgt-N35 {
    margin-top: -3.5rem;
}

.mgt-N33 {
    margin-top: -3.3rem;
}

.mgt-N4 {
    margin-top: -4rem;
}

.mgt-N1 {
    margin-top: -1rem;
}

.mgb-N05 {
    margin-bottom: -0.5rem;
}

.mgb-N15 {
    margin-bottom: -1.5rem;
}

.mgb-N1 {
    margin-bottom: -1rem;
}

.mgb-N2 {
    margin-bottom: -2rem;
}

.mgb-N3 {
    margin-bottom: -3rem;
}

.pd-0 {
    padding: 0 !important;
}

.pd-1 {
    padding: 1rem !important;
}

.mg-05 {
    margin: 0.5rem !important
}

.mg-01 {
    margin: 0.1rem !important
}

.pd-01 {
    padding: .1rem !important;
}

.pd-02 {
    padding: .2rem !important;
}

.pd-03 {
    padding: .3rem !important;
}

.pd-04 {
    padding: .4rem !important;
}

.pd-05 {
    padding: .5rem !important;
}

.pdr-05 {
    padding-right: 0.5rem !important;
}

.pdr-02 {
    padding-right: 0.2rem !important;
}

.pdr-20 {
    padding-right: 2rem !important;
}

.pdr-50 {
    padding-right: 5rem !important;
}

.pdt-102 {
    padding-top: 1.2rem;
}

.span_ft {
    line-height: 2.5rem;
    font-size: 1.2rem
}

.pdrft {
    font-size: 2.5rem;
}

.btn-plus {
    padding: .2rem !important;
    font-size: 1.5rem !important;
}

.dataTables_length label {
    margin-bottom: 0 !important;
    margin-top: 0.5rem !important; /*PM001 -User页面*/
}

.card .card-title {
    font-weight: bold;
}

#clndr-examples .card {
    margin-left: 0rem;
}

/*.table tbody tr td {*/
/*line-height:12px !important;*/
/*padding-top: 0.35rem !important;
    padding-bottom: 0.35rem !important;
}*/

#btnSearchDrop2 {
    border: 1px solid blue;
}

.tableListName {
    padding-left: 2.4rem;
    font-weight: 500;
}

.validation-summary-errors li {
    list-style: unset !important;
}

.rounded {
    width: 100%;
    text-align: center;
    border-radius: 0.5rem !important;
    color: white;
    font-size: 85%;
}

.roundedCursor {
    width: 100%;
    text-align: center;
    border-radius: 0.5rem !important;
    color: white;
    font-size: 85%;
    cursor: pointer;
}

.bg-darkblue {
    background-color: darkblue;
}

.bg-coral {
    background-color: coral;
}

.bg-D9 {
    background-color: #D9D9D9;
}

.bg-pink {
    background-color: pink;
}

button[id^='btnSearchDrop'] {
    font-size: 10px !important;
}

.cardH_P {
    padding: 1rem 0.5rem !important;
}

input[type='radio'], input[type='checkbox'] {
    cursor: pointer;
}

.fa-times {
    cursor: pointer;
}

.swal2-title {
    padding: 0.5rem 0 0 0.5rem;
    background-color: #fff7f5;
    text-align: left;
    font-size: 1.5em;
}

.custom-swal2-icon {
    margin: .5rem auto .6rem;
}

.custom-dialog-title {
    display: block;
    border-bottom: 1px solid #eceeef;
    height: 100%;
    margin-bottom: .5rem;
    padding-bottom: .2rem;
}

.swal2-styled {
    padding: 0.325em 1.1em;
}

/*layout css begin*/
.btn-light-yellow {
    background: rgb(251,224,152) !important;
    border-color: rgb(251,224,152) !important;
}

.nav.nav-tabs.nav-topline .nav-item a.nav-link.active {
    font-weight: bolder;
    border-top-color: rgb(88,224,196);
    box-shadow: inset 0 3px 0 rgb(88 224 196);
    text-decoration: underline;
    text-underline-position: under;
}

    .nav.nav-tabs.nav-topline .nav-item a.nav-link.active:not(.SubmissionSideProjDir) {
        color: black;
    }

#SubmissionSideProjDir .nav.nav-tabs.nav-topline .nav-item a.nav-link.active,
#ReferenceAttachment .nav.nav-tabs.nav-topline .nav-item a.nav-link.active,
#PlanIndex .nav.nav-tabs.nav-topline .nav-item a.nav-link.active {
    color: rgb(88,224,196) !important;
}

#divProjectInformationNav .nav.nav-tabs.nav-topline .nav-item a.nav-link.active {
    border-top-color: rgb(0, 86, 191) !important;
    box-shadow: inset 0 3px 0 rgb(0, 86, 191) !important;
}

.nav.nav-tabs.nav-topline .nav-item a.nav-link:hover:not(.SubmissionSideProjDir),
.nav.nav-tabs.nav-topline .nav-item a.nav-link:focus:not(.SubmissionSideProjDir) {
    color: black;
}

.font-yahei-under {
    font-weight: 700;
    color: #7f7f7f;
    text-decoration: underline;
    font-family: 'Microsoft YaHei light';
    text-underline-position: under;
}

.header-leftbar {
    border-left: 10px solid rgb(0,85,191);
}

.table-bottombar {
    text-align: center;
    flex: 1;
    font-size: 1.2rem;
    color: #fff;
    font-weight: 400;
    padding: 0 1rem;
}

.td-urgent {
    background: red;
    border-radius: .5rem;
    padding: 0 0.4rem 0.4rem;
    text-align: center;
    color: #fff;
    text-decoration: underline;
    text-underline-position: under;
    font-weight: 500;
}

.span-badge {
    border-radius: 0.2em;
    padding: 0rem 0.4rem 0.2rem;
    text-align: center;
    color: #fff;
    font-weight: 500;
}

.span-under {
    text-underline-position: under;
}

[aria-expanded="false"] + .dropdown-menu {
    display: none;
}

.pagination .page-item.active .page-link {
    border-color: #BFBFBF;
    background-color: #BFBFBF;
}

.pagination .page-link {
    color: #7F7F7F;
    border: 1px solid #BFBFBF;
}

.page-item.disabled .page-link {
    cursor: auto;
    pointer-events: none;
    color: #55595c;
    border-color: #BFBFBF;
    background-color: #fff;
}

.tableTotalInfo {
    text-decoration: underline;
    color: #00CC99;
    font-weight: bolder;
}

.flex-grow-2 {
    -webkit-box-flex: 2 !important;
    -webkit-flex-grow: 2 !important;
    -moz-box-flex: 2 !important;
    -ms-flex-positive: 2 !important;
    flex-grow: 2 !important;
}

.flex-grow-3 {
    -webkit-box-flex: 3 !important;
    -webkit-flex-grow: 3 !important;
    -moz-box-flex: 3 !important;
    -ms-flex-positive: 3 !important;
    flex-grow: 3 !important;
}

.textjustify {
    text-align-last: justify;
    display: inline-block;
    width: 100%;
}

.btn-radius {
    color: #fff;
    border-color: #2A89FF;
    background-color: #2A89FF;
    font-size: 1.1rem;
    line-height: 1;
    padding: 0.5rem 0.75rem;
    border-radius: 1rem;
    width: 9%;
    font-weight: bold;
}

.btn-radius-yellow {
    border-color: #EBAD08;
    background-color: #EBAD08;
}

.badge-blank-withFont {
    color: #000000;
}

.fontsize40 {
    font-size: 40px;
}

.textunderline {
    text-decoration: underline;
}

.w-60 {
    width: 60%;
}

.w-65 {
    width: 65%;
}

.w-70 {
    width: 70%;
}

.w-80 {
    width: 80%;
}

.w-90 {
    width: 90%;
}

.w-0 {
    width: 0;
}

.w-8rem {
    width: 8rem;
}

.w-6rem {
    width: 6rem;
}

.no5gutters > div + div {
    padding-left: .5rem !important;
}


.mb-05 {
    margin-bottom: 0.5rem !important;
}

.mt-1 {
    margin-top: 1rem !important;
}

.mt-05 {
    margin-top: 0.5rem !important;
}

.mt-03 {
    margin-top: 0.3rem !important;
}

.mt-16 {
    margin-top: 1.6rem;
}

.ml-01 {
    margin-left: 0.1rem !important;
}

.ml-04 {
    margin-left: 0.4rem !important;
}

.ml-03 {
    margin-left: 0.3rem !important;
}

.pr-05 {
    padding-right: 0.5rem !important;
}

.mr-05 {
    margin-right: 0.5rem !important;
}

.ml-05 {
    margin-left: 0.5rem !important;
}

.ml-1 {
    margin-left: 1rem !important;
}

.pt-05 {
    padding-top: 0.5rem !important;
}

.pt-04 {
    padding-top: 0.4rem !important;
}

.pt-03 {
    padding-top: 0.3rem !important;
}

.pt-0 {
    padding-top: 0rem !important;
}

.pr-1 {
    padding-right: 1rem;
}

.pl-0 {
    padding-left: 0 !important;
}

.pl-05 {
    padding-left: 0.5rem !important;
}

.mt-N15 {
    margin-top: -1.5rem;
}

.mt-N05 {
    margin-top: -0.5rem;
}

.mt-N2 {
    margin-top: -2rem;
}

.mt-N3 {
    margin-top: -3rem;
}

.mt-N35 {
    margin-top: -3.5rem;
}

.mt-N33 {
    margin-top: -3.3rem;
}

.mt-N4 {
    margin-top: -4rem;
}

.mt-N1 {
    margin-top: -1rem;
}

.mb-N15 {
    margin-bottom: -1.5rem;
}

.mb-N1 {
    margin-bottom: -1rem;
}

.ml-N05 {
    margin-left: -0.5rem !important;
}

.ml-N06 {
    margin-left: -0.6rem !important;
}

.ml-N08 {
    margin-left: -0.8rem !important;
}

.nav.nav-tabs.nav-topline .nav-item a {
    border: none;
    border-bottom: 1px solid rgba(40, 44, 42, .1) !important
}

    .nav.nav-tabs.nav-topline .nav-item a.nav-link.active {
        border-left: 1px solid rgba(40, 44, 42, .1);
        border-right: 1px solid rgba(40, 44, 42, .1);
        border-bottom: none !important;
    }

    .nav.nav-tabs.nav-topline .nav-item a.nav-link {
        background: white;
        color: black;
    }

.fontsize_xlarge {
    font-size: x-large;
}

.text_justify {
    justify-content: space-between;
    text-align: justify;
}

.color-bg-lightgrey {
    background-color: lightgray;
}

.fontColorGreen {
    color: #00B050;
}

form .form-group {
    margin-bottom: 0.25rem;
}

/*#filterPanelNoBorder .form-group {
    margin-bottom: 1.5rem;
}*/

.select2 {
    width: 100% !important;
}

.textAlignRight {
    text-align: right;
}

.textAlignCenter {
    text-align: center;
}

.floatRight {
    float: right;
}

.floatLeft {
    float: left;
}

.displayFlex {
    display: flex;
}

.tabhasborder thead th, .tabhasborder tbody td {
    border-right: 1px solid #FFFFFF !important;
}

.backgroundcolor-red tbody tr:first-child {
    background-color: #FF5050 !important;
    color: #ffff !important;
}

.fs05rem {
    font-size: 0.5rem;
}

.fs15rem {
    font-size: 1.5rem;
}

.fs12rem {
    font-size: 1.2rem !important;
}

.fs10rem {
    font-size: 1rem;
}

.blue_ul li a {
    border-bottom: 0.1rem solid #5CB0E2 !important;
}

.nav.blue_ul.nav-topline .nav-item a {
    border-bottom: 0.1rem solid #5CB0E2 !important;
}

    .nav.blue_ul.nav-topline .nav-item a.nav-link.active {
        border-bottom: 0.1rem solid #5CB0E2 !important;
        border-left: 0.1rem solid #5CB0E2 !important;
        border-right: 0.1rem solid #5CB0E2 !important;
        font-weight: 500;
    }

.h-100 {
    height: 100% !important;
}
/*.media-list, .attachment-item {
    height: 100% !important;
}*/
/*layout css end*/

.Title-5 {
    color: rgb(76,76,76);
    padding-top: 0.2rem !important;
    font-weight: bold;
    font-size: 1rem !important;
    line-height: 1rem !important;
    white-space: nowrap;
}

.border-b1-grey {
    border-bottom: 1px solid grey;
}

.border-b2-grey {
    border-bottom: 1px solid grey;
}

.Title-1 {
    border-bottom: 1px solid grey;
    color: grey;
    padding-top: 0.2rem !important;
    font-weight: bold;
    font-size: 1.25rem !important;
    line-height: 2rem !important;
}
.Title-1-orange {
    border-bottom: 1px solid #FC623C;
    color: #FC623C;
    padding-top: 0.2rem !important;
    font-weight: bold;
    font-size: 1.32rem !important;
    line-height: 2rem !important;
    white-space:nowrap;
}

.Title-2-blue {
    color: #fff;
    border-color: #2196f3 !important;
    background-color: #2196f3 !important;
    padding: 0.3rem 1.2rem;
    /*float: right;*/
    margin-top: 0.2rem !important;
    margin-left: 0.5rem;
}

    .Title-2-blue > span {
        border-bottom: 1px solid white;
    }

.Title-2-black {
    color: #fff;
    border-color: black !important;
    background-color: black !important;
    padding: 0.3rem 1.2rem;
    /*float: right;*/
    margin-top: 0.2rem !important;
    margin-left: 0.5rem;
}

    .Title-2-black > span {
        border-bottom: 1px solid grey;
    }

.Title-4 {
    border-bottom: 1px solid #FC623C;
    color: #FC623C;
    padding-top: 0.2rem !important;
    font-weight: bold;
    font-size: 2.25rem !important;
    line-height: 3.8rem !important;
}

.Title-2-urgent {
    width: 100%;
    text-align: center;
    border-radius: 1rem !important;
    color: white;
    font-size: 85%;
    background-color: rgb(255,80,80);
    padding: 0.3rem 1.2rem;
}

    .Title-2-urgent > span {
        border-bottom: 1px solid white;
    }

.Title-2-method {
    width: 100%;
    text-align: center;
    border-radius: 0.5rem !important;
    color: white;
    font-size: 85%;
    background-color: rgb(248,102,16);
    padding: 0.3rem 1.2rem;
    white-space: nowrap;
}

.Title-3 {
    border-bottom: 1px solid rgb(51,159,255);
    color: rgb(51,159,255);
    padding-top: 0.2rem !important;
    font-weight: bold;
    font-size: 1.25rem !important;
    line-height: 2rem !important;
}

.Title-2 span {
    border-bottom: 1px solid white;
}

.hr1 {
    border: none;
    height: 1px;
    background-color: #3bafda;
    margin-top: 0.5rem !important;
    margin-bottom: 0 !important;
}

.buttonText {
    font-weight: bold;
    font-size: 1rem !important;
}

.ActionWidth {
    width: 48px !important;
}

.ActionByDialogWidth {
    width: 48px !important;
}

.checkboxWidth {
    width: 30px !important;
    text-align: center;
}

.amendmentStatusWidth {
    width: 50px !important;
    text-align: center;
}

    .amendmentStatusWidth i {
        cursor: pointer;
        padding-top: 0.5rem;
    }

.fileNameWidth {
    width: 20% !important;
}

.drawingListfileNameWidth {
    width: 10% !important;
}

.fileNameByDialogWidth {
    width: 40% !important;
    white-space: break-spaces;
}
.PlanfileNameByDialogWidth {
    width: 20% !important;
    white-space: break-spaces;
}

.DocumentTitleWidth {
    width: 35% !important;
}

.DocumentTitleBIMWidth {
    width: 20% !important;
}

.DocumentTitleReportWidth {
    width: 10% !important;
}

.DocumentTitleSupportingWidth {
    width: 23% !important;
}

.DocumentVerWidth {
    width: 15% !important;
}

.DocumentTitleByDialogWidth {
    /*width: 40% !important;*/
}

.RecordPlanByDialogWidth {
    width: 14%
}

.BIMDocumentTitleByDialogWidth {
    width: 40% !important;
}

.PageSizeWidth {
    width: 5rem !important;
}

.DescriptionWidth {
    width: 12% !important;
}

.DescriptionByDialogWidth {
    width: 30% !important;
}

.DescriptionByDialogWidth_More {
    width: 47% !important;
}

.DocumentCategoryWidth {
    width: 12% !important;
}

.DocumentCategoryByDialogWidth {
    width: 20% !important;
}

.SupportingDocumentCategoryDialogWidth {
    width: 37% !important;
}

.SupportingDocumentfileNameByDialogWidth {
    width: 30% !important;
    white-space: break-spaces;
}

.BIMFileTypeWidth {
    width: 8% !important;
}

.BIMFileTypeByDialogWidth {
    width: 10% !important;
}

.IsFederatedBIMModelWidth {
    width: 13% !important;
    text-align: center;
    vertical-align: middle !important;
}

.IsFederatedBIMModelByDialogWidth {
    width: 27% !important;
    text-align: center;
    vertical-align: middle !important;
}

.IsFYIByDialogWidth {
    width: 5% !important;
    text-align: center;
    vertical-align: middle !important;
}

.FormTypeWidth {
    width: 10rem !important;
}

.FormTitleWidth {
    width: 29.5% !important;
}

.DrawingNoWidth {
    width: 13% !important;
}
.ReplyDrawingNoWidth {
    width: 19% !important;
}

.UploadDateWidth {
    width: 12rem !important;
}

.DrawingNoByDialogWidth {
    width: 10% !important;
}

.RevisionWidth {
    width: 8% !important;
}

.VersionWidth {
    width: 5% !important;
    text-align: center
}

.RevisionByDialogWidth {
    width: 5% !important;
}

.DrawingTitleWidth {
    width: 23% !important;
}

.ReplyDrawingTitleWidth {
    width: 20% !important;
}
.ReplyReplyLetterWidth {
    width: 35% !important;
}
.ReplySCUDrawingTitleWidth {
    width: 70% !important;
}
.DrawingTitleByDialogWidth {
    width: auto;
    white-space: break-spaces;
}

.CaseRefNoWidth {
    width: 10% !important;
}

.RecipProjectRoleWidth {
    width: 30% !important;
    white-space: nowrap;
}

.ReplySignStatusWidth {
    width: 10% !important;
}

.ActionBtnWidth {
    width: 10% !important;
}

.ReplyTypeWidth {
    width: 25% !important;
}

.UpdateDateWidth {
    width: 15% !important;
}

.UpdateDateForReplyLetterWidth {
    width: 25% !important;
}
.UpdateByWidth {
    width: 20% !important;
}

.ReplyUpdateByWidth {
    width: 10% !important;
}

.ReplySignByWidth {
    width: 10% !important;
}

#ReplyDocumentDialogTitle {
    text-decoration: underline;
}

.TextNowrap {
    white-space: nowrap;
}

body.vertical-layout.vertical-menu.menu-collapsed .main-menu .navigation > li > a {
    padding: 8px 0 10px 18px;
}

.ellipsisSearch {
    background-color: black;
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
}

.roundedStatus {
    background-color: #F59A23;
    width: 100%;
    text-align: center;
    border-radius: 0.2rem !important;
    color: white;
    font-size: 85%;
    padding: 0.15rem 1rem;
}

.taskcard-h4 {
    display: inline-block;
    margin-right: 10px;
}

table tr th, table tr td {
    /*width: 100%;*/
    table-layout: fixed;
    WORD-BREAK: break-all;
    WORD-WRAP: break-word;
    /*white-space: pre-wrap;*/
}

/*.column-link-wrapline {
    cursor: pointer;
    width: 100%;
    word-wrap: revert;
    white-space: pre-wrap;
}*/

.filename-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 90%;
}

.textHyperlink {
    text-decoration: underline;
    color: blue !important;
    cursor: pointer;
}


.norecords tbody tr:first-child {
    background-color: rgb(0 0 0 / 0%) !important;
    color: #55595c !important;
}

.norecords tr td:first-child {
    border-left: none !important;
    padding-left: 0px !important;
}

.date-position-relative {
    min-width: 17rem !important;
}

#modalSubmissionDraft .modal-header {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}

#modalSubmissionDraft .modal-content {
    border-radius: 1rem;
}

#modalSubmissionDraft .create-project-btn {
    width: 100%;
    background-color: white;
}

#ProjDirmodalSubmissionDraft .create-project-btn {
    width: 100%;
    background-color: white;
}

.el-collapse-item__content {
    font-size: 1rem !important;
}

.el-tabs__item {
    font-size: 1rem !important;
}

.el-form-item__label {
    font-size: 1rem !important;
}

.el-form-item__content {
    font-size: 1rem !important;
}

.el-input {
    font-size: 1rem !important;
}

.el-select-dropdown__item {
    font-size: 1rem !important;
}

.el-dropdown-menu__item {
    font-size: 1rem !important;
}

.tox-tinymce {
    border-radius: 0.2rem !important;
}

.css3-selector {
    position: fixed;
    top: 60px;
    width: 100%;
}

.date-position-relative {
    min-width: 17rem !important;
}

.table th, .table td {
    border-top: 1px solid #ddd;
    padding: 0.5rem 8px;
    border-bottom: 0px solid #ddd;
    word-break: break-word;
}

.table-header {
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.03);
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

div.dataTables_wrapper {
    box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
    margin-bottom: 10px;
}

    div.dataTables_wrapper div.dataTables_info {
        padding-left: 8px;
    }

    div.dataTables_wrapper div.dataTables_paginate {
        padding-right: 8px;
        padding-bottom: 5px;
    }

.dataTables_length {
    padding-left: 8px;
    padding-bottom: 5px;
}

div.dataTables_wrapper div.dataTables_length select {
    height: calc(1.75rem + 2px);
}

.table thead th {
    border-bottom: 0px solid #e3ebf3;
}
/*loading*/

.bd-example-modal-lg .modal-dialog {
    display: table;
    position: relative;
    margin: 0 auto;
    top: calc(50% - 24px);
}

    .bd-example-modal-lg .modal-dialog .modal-content {
        background-color: transparent;
        border: none;
        color: whitesmoke;
    }

.navigation {
    font-size: 1rem;
}

#projRegDiv .skyblue {
    color: #01BFFF;
}

#projRegDiv .btnblue {
    color: #fff7f5;
    background-color: #409EFF;
    border-color: #409EFF;
}

#projRegDiv .titleContents {
    border: none !important;
    width: 50%;
    padding: 0px !important;
}

#projRegDiv .roundedStatus {
    background-color: #F59A23;
    width: 100%;
    text-align: center;
    border-radius: 0.2rem !important;
    color: white;
    font-size: 85%;
    padding: 0.7rem;
}

#projRegDiv .infotabsLabel {
    font-size: 1.2rem;
    font-weight: 700;
}

#projRegDiv .addbtn {
    min-width: 100px;
}

#projRegDiv .divflex {
    display: flex;
    justify-content: flex-start;
}

#projRegDiv .ta-left {
    text-align: left;
}

#projRegDiv .ta-right {
    text-align: right;
}

#projRegDiv .table {
    text-align: center;
}

#projRegDiv .w-select {
    width: 49.2% !important;
}


#projRegDiv .w-30 {
    width: 30%;
}

#projRegDiv .w-70 {
    width: 70%;
}

.uploadProgressBar {
    background-color: green !important;
    text-align: center;
    color: white;
}

#projRegDiv .skin [class*='icheckbox_'], #projRegDiv .skin [class*='iradio_'], #projRegDiv .icheck_square [class*='icheckbox_'], #projRegDiv .icheck_square [class*='iradio_'] {
    margin-right: 0rem;
}

.btnWidth10 {
    min-width: 10rem;
}

.btnWidth13 {
    min-width: 13rem;
}

.btnWidth16 {
    min-width: 16rem;
}

#UploadDocumentDialog .modal-body > div:not([id='TableListUploadDiv']) {
    display: none;
}

form .form-actions {
    border-top: 0px solid #dadada;
}

.SubmissionCaseStatusWidth {
    width: 9%;
}

.SubmissionCaseDecisionStatus {
    width: 8%;
}

.DayLeftDateWidth {
    width: 8%;
}

.badge-primary.badge-glow {
    /* -webkit-box-shadow: 0 0 10px #967adc; */
    box-shadow: none;
}

.hr2 {
    width: 100%;
    border-top: 1px solid #1d2b36;
    margin: 0 1rem;
}

.SubmTypeWidth {
    width: 15%;
}

.DocumentWidth {
    width: 10%;
}

.swal2-container {
    z-index: 99999;
}

table.dataTable tbody tr:hover {
    background-color: #ecf8ff;
}

table.dataTable tbody .rowSelected {
    background-color: #ecf8ff;
}

table.dataTable tbody .rowOverDue {
    background-color: #ff5050 !important;
    color: white;
}

table.dataTable tbody .rowUnread {
    color: #3366ff;
    font-weight: bold;
}

table.dataTable tbody .Home_Urgent {
    background-color: #ff5050;
    border-radius: 20px;
    display: block;
    width: 5.4rem;
    margin-left: 3.6rem;
    color: white;
    padding: 0 0.5rem;
    margin-bottom: 0;
}

.fa-newspaper {
    font-weight: 100;
}

.textRight {
    text-align: right !important;
}

.textLeft {
    text-align: left !important;
}

.cursorPointer {
    cursor: pointer;
}

.team-tooltip-inner {
    max-width: 500px;
    color: #000000;
    background-color: #fff;
    box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.2);
}


.topbar-noti-tooltip-inner {
    max-width: 400px;
    width: 400px;
    color: #000000;
    background-color: #fff;
    box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.2);
    border: 1px solid #e4e7ed;
    font-size: .875rem !important;
}

.teaminfoTooltip.show {
    opacity: .98;
}

.divOtherLegends {
    width: 32%;
    float: left;
    margin-left: 0.2rem;
    padding-top: 0.8rem;
    background-color: #66CCFF;
    color: white;
    text-align: center;
}

.top-menu-identify {
    width: 300px;
}

table .otherGroup, table .teamGroup,
table .otherGroup:hover, table .teamGroup:hover {
    background-color: #36AFD9 !important;
    cursor: pointer;
}

    table .otherGroup td, table .teamGroup td,
    table .otherGroup td:hover, table .teamGroup td:hover {
        color: #FFFFFF !important;
    }

.btn-teamGroup {
    color: #36AFD9;
    border-color: #FFFFFF !important;
    background-color: #FFFFFF !important;
}

.div-SubmissionInformation label.form-control {
    padding-top: 0.3rem;
}

.div-SubmissionInformation-Contents {
    padding: 0rem;
    display: contents;
}

.OrangeTheme h4.form-section {
    color: #FC623C;
    border-bottom: 1px solid #FC623C;
    font-weight: 600;
}

.OrangeTheme > #infoDiv hr, .OrangeTheme > #previewDiv hr {
    border-top: 1px solid #FC623C;
}

.OrangeTheme .form-actions button {
    min-width: 8rem;
}

.fontgray {
    color: gray !important;
}

.ContactPerson {
    max-width: 100% !important;
    flex: 0 0 20%;
}

.pl-4px {
    padding-left: 4px;
}

.btn-teamGroup.disabled, .btn-teamGroup:disabled {
    opacity: 1;
    cursor: pointer;
}

.BackTransparent {
    background-color: transparent !important;
}

.FormInputWidth {
    display: inline;
    width: 300px !important;
}

.backGroundRed {
    background-color: red !important;
}

.mgl-N05 {
    margin-left: -0.5rem;
}

.mgr-N05 {
    margin-right: -0.5rem;
}

.mgr-N2 {
    margin-right: -2rem;
}

.mgr-N1 {
    margin-right: -1rem;
}

.zoom2 {
    zoom: 2;
}

.pageheader {
    color: #2a89ff;
    font-weight: bolder;
}

.bodytablebuttonText {
    font-size: 1rem;
    font-weight: bold;
    padding: 0.5rem 1rem;
}

.btn-org {
    color: #FC623C;
    border-color: #FC623C;
}

#modalSubmissionDraft .btn {
    text-align: left !important;
    /*font-weight:bolder;*/
}

    #modalSubmissionDraft .btn[data-code="SCCU5"], #modalSubmissionDraft .btn[data-code="SCCU6"] {
        margin-top: 0.5rem;
    }

.btn-blue2 {
    background-color: rgb(102, 204,255);
    color: white;
}

    .btn-blue2:focus, .btn-blue2:active, .btn-blue2:hover {
        color: white;
        background-color: rgb(77, 195,255);
        border-color: rgb(122, 224,255);
    }

.bg-deep-blue {
    background-color: rgb(15,113,188) !important;
    background: rgb(15,113,188) !important;
    background-image: rgb(15,113,188) !important;
}


.refCodeNMDiv {
    margin-left: 0.5rem;
    margin-top: 0.5rem;
    margin-bottom: 0 !important;
    background-color: transparent !important;
    display: flex;
}

#RelatedBuildingCodeInfo {
    border: 1px solid #d4d4d4;
    min-height: 7.8rem;
}

.visibleHide {
    visibility: hidden;
}

#enquiryUserItem .form-group {
    min-height: 40px;
    display: flex;
    align-items: center;
    margin-bottom: 5px !important;
}

.badge-blue {
    background-color: blue;
}

    .badge-blue.badge-glow {
        -webkit-box-shadow: 0 0 10px #da4453;
        box-shadow: 0 0 10px #da4453;
    }

    .badge-blue[href]:hover,
    .badge-blue[href]:focus {
        background-color: #c42737;
    }

.badge-darkblue {
    background-color: darkblue;
}

    .badge-darkblue.badge-glow {
        -webkit-box-shadow: 0 0 10px darkblue;
        box-shadow: 0 0 10px darkblue;
    }

    .badge-darkblue[href]:hover,
    .badge-darkblue[href]:focus {
        background-color: #c42737;
    }

#divAPUserEMailLabel .label-control {
    width: 45%;
    text-align: left;
}

#divAPUserEMail .label-control {
    width: 45%;
    text-align: left;
}

#divAPBuildingWorkUserEMail .label-control {
    width: 45%;
    text-align: left;
}

#divAPBuildingWorkUserEMailLabel .label-control {
    width: 45%;
    text-align: left;
}

#divAPDrainageWorkUserEMail .label-control {
    width: 45%;
    text-align: left;
}

#divAPDrainageWorkUserEMailLabel .label-control {
    width: 45%;
    text-align: left;
}

#divRSEUserEMail .label-control {
    width: 45%;
    text-align: left;
}

#divRSEUserEMailLabel .label-control {
    width: 45%;
    text-align: left;
}

#divCSEUserEMail .label-control {
    width: 45%;
    text-align: left;
}

#divCSEUserEMailLabel .label-control {
    width: 45%;
    text-align: left;
}

.btnCreateNewSubm {
    background-color: #f6bb42 !important;
    color: white;
    cursor: default !important
}

.btnReviseSubm {
    background-color: #2196f3 !important;
    color: white;
    cursor: default !important
}

.SubmittedCard, .SubmittedCard .card, .SubmittedCard .card-header {
    background-color: rgb(213,255,255) !important;
}

.btnAboveBelow {
    background-color: rgb(253,100,35);
    color: white;
}

    .btnAboveBelow:focus, .btnAboveBelow:active, .btnAboveBelow:hover {
        color: white;
        background-color: rgb(253,85,45) !important;
        border-color: rgb(253,85,45) !important;
    }

#divDisclaim ol {
    list-style-type: decimal; /* 设置列表项符号样式为数字 */
    padding-left: 30px; /* 设置列表项左侧缩进为30px */
}

    #divDisclaim ol > li {
        list-style-type: lower-alpha;
    }

.NewStatus {
    color: rgb(35,168,80);
}

.ReviseStatus {
    color: rgb(253,10,33);
}

.SupersededStatus {
    color: rgb(88,209,250);
}

.NoChangeStatus {
    color: rgb(32,78,119);
}

.WithdrawStatus {
    color: rgb(254,191,56);
}

.TrashCan {
    color: black;
    cursor: pointer;
}

.form-control[id='BIMVersion'], .form-control[id='BIMSoftWareName'], #table-list-SubmissionCaseRecipients .form-control {
    height: calc(2rem + 2px) !important;
}

#table-list-SubmissionCaseRecipients .select2-selection {
    height: calc(2.2rem + 2px) !important;
}

#table-list-SubmissionCaseRecipients .select2-selection__rendered {
    line-height: 26px !important;
}

#table-list-SubmissionCaseRecipients td {
    vertical-align: middle;
}

.SubmissionCaseProjectTitle {
    font-size: 1.2rem;
    font-weight: bolder;
    word-break: break-word;
    white-space: normal;
    margin-bottom: 0;
}

.SubmissionCaseSubmissionType {
    font-weight: bolder;
}

.SubmissionCaseSubmissionTypeBlueBorder {
    font-weight: bolder;
    border-radius: 0.25rem !important;
    background-color: #0055BF;
    text-align: left;
    color: white;
    font-weight: bold;
    padding: 0.1rem 0.5rem;
    width: fit-content;
}

.SubmissionCaseProjectContent {
    font-size: 1rem;
    word-break: break-word;
    white-space: normal;
    margin-bottom: 0;
}

.home_teamicon_fontsize {
    font-size: 1.5rem;
}

.fontbolder {
    font-weight: bold;
    font-size: 1rem;
}

#ReplyDocumentDialog thead {
    background-color: #002655 !important;
}

.SCCUSubmissionCategoryTab {
    background-color: rgb(0, 85, 191) !important;
}

.SCUSubmissionCategoryTab {
    background-color: rgb(0, 175, 80) !important;
}

.DCSubmissionCategoryTab {
    background-color: rgb(88, 224, 196) !important;
}

.ENQSubmissionCategoryTab {
    background-color: rgb(0, 176, 240) !important
}

.div-refcodeselector-Contents {
    padding: 0rem;
    display: contents;
}

    .div-refcodeselector-Contents .nopaddingleft {
        padding-left: 0rem !important;
    }

    .div-refcodeselector-Contents .cutpaddingright {
        padding-right: 0.2rem !important;
    }

.color-type-a {
    background-color: rgb(42,137,255) !important
}

.color-type-b {
    background-color: rgb(140,150,235) !important
}

.color-type-c {
    background-color: rgb(50,60,215) !important
}

.color-type-d {
    background-color: rgb(102,204,255) !important
}

.color-type-e {
    background-color: rgb(69,192,210) !important
}

.color-type-f {
    background-color: rgb(168,227,237) !important
}

.color-type-g {
    background-color: rgb(255,192,0) !important
}

.color-type-h {
    background-color: rgb(0,85,190) !important
}

.color-type-i {
    background-color: rgb(90,225,195) !important
}

.color-type-j {
    background-color: rgb(0,175,240) !important
}

.color-type-k {
    background-color: rgb(255,0,0) !important
}

.color-type-l {
    background-color: rgb(0,176,80) !important
}

.LoadFromCache {
    text-align: left;
    margin-left: 2rem;
}

    .LoadFromCache li {
        list-style-type: decimal;
    }

.das-btn {
    color: white;
    line-height: 1;
    padding: 0.5rem 0.75rem;
    border-radius: 0.18rem;
    cursor: pointer;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    border: 1px solid transparent;
    display: inline-block;
    font-weight: 400;
}

.das-btn-minwidth {
    width: 150px;
}

.das-btn-yellow {
    background-color: rgb(255,192,0) !important;
    color: white;
    border: none !important;
    /*border-color: #228eb6 !important;*/
}

    .das-btn-yellow:active {
        background-color: rgb(230, 172, 0) !important;
        color: white;
        border: none !important;
        /*border-color: #228eb6 !important;*/
    }

    .das-btn-yellow:hover {
        background-color: rgb(230, 172, 0) !important;
        color: white;
        border: none !important;
        /*border-color: #228eb6 !important;*/
    }

.das-btn-lightblue {
    background-color: rgb(102,204,255) !important;
    color: white;
    border: none !important;
    /*border-color: #228eb6 !important;*/
}

    .das-btn-lightblue:hover {
        background-color: rgb(96,188,234) !important;
        color: white;
        border: none !important;
        /*border-color: #228eb6 !important;*/
    }

    .das-btn-lightblue:active {
        background-color: rgb(96,188,234) !important;
        color: white;
        border: none !important;
        /*border-color: #228eb6 !important;*/
    }

.das-btn-default {
    background-color: rgb(42,137,255) !important;
    border: none !important;
    color: white;
    /*border-color: #228eb6 !important;*/
}

    .das-btn-default:active {
        background-color: rgb(39,124,229) !important;
        color: white;
        border: none !important;
        /*border-color: #228eb6 !important;*/
    }

    .das-btn-default:hover {
        background-color: rgb(39,124,229) !important;
        color: white;
        border: none !important;
        /*border-color: #228eb6 !important;*/
    }

.das-btn-blue {
    background-color: rgb(42,137,255) !important;
    border: none !important;
    color: white;
    /*border-color: #228eb6 !important;*/
}

    .das-btn-blue:active {
        background-color: rgb(39,124,229) !important;
        color: white;
        border: none !important;
        /*border-color: #228eb6 !important;*/
    }

    .das-btn-blue:hover {
        background-color: rgb(39,124,229) !important;
        color: white;
        border: none !important;
        /*border-color: #228eb6 !important;*/
    }

.das-btn-green {
    background-color: rgb(76,175,80) !important;
    border: none !important;
    color: white;
    /*border-color: #228eb6 !important;*/
}

    .das-btn-green:active {
        background-color: rgb(56,142,60) !important;
        color: white;
        border: none !important;
        /*border-color: #228eb6 !important;*/
    }

    .das-btn-green:hover {
        background-color: rgb(56,142,60) !important;
        color: white;
        border: none !important;
        /*border-color: #228eb6 !important;*/
    }

.das-btn-grey {
    background-color: rgb(127,127,127) !important;
    color: white;
    border: none !important;
    /*border-color: #228eb6 !important;*/
}

    .das-btn-grey:hover {
        background-color: rgb(100,100,100) !important;
        color: white;
        border: none !important;
        /*border-color: #228eb6 !important;*/
    }

    .das-btn-grey:active {
        background-color: rgb(100,100,100) !important;
        color: white;
        border: none !important;
        /*border-color: #228eb6 !important;*/
    }

.das-btn-whitefont {
    color: white;
}

.das-btn-red {
    background-color: rgb(230,105,110) !important;
    color: white;
    border: none !important;
    /*border-color: #228eb6 !important;*/
}

    .das-btn-red:hover {
        background-color: rgb(195,90,93) !important;
        color: white;
        border: none !important;
        /*border-color: #228eb6 !important;*/
    }

    .das-btn-red:active {
        background-color: rgb(195,90,93) !important;
        color: white;
        border: none !important;
        /*border-color: #228eb6 !important;*/
    }

.das-btn-orange {
    background-color: rgb(255,102,0) !important;
    color: white;
    border: none !important;
    /*border-color: #228eb6 !important;*/
}

    .das-btn-orange:hover {
        background-color: rgb(225,90,0) !important;
        color: white;
        border: none !important;
        /*border-color: #228eb6 !important;*/
    }

    .das-btn-orange:active {
        background-color: rgb(225,90,0) !important;
        color: white;
        border: none !important;
        /*border-color: #228eb6 !important;*/
    }

.das-status-draft {
    background-color: rgb(255,102,0) !important;
}

    .das-status-draft:active {
        background-color: rgb(225,90,0) !important;
        border: none !important;
        color: white;
        /*border-color: #228eb6 !important;*/
    }

    .das-status-draft:hover {
        background-color: rgb(225,90,0) !important;
        border: none !important;
        color: white;
        /*border-color: #228eb6 !important;*/
    }

    .das-status-draft[href]:hover,
    .das-status-draft[href]:focus {
        background-color: rgb(255,102,0) !important;
    }

.das-status-accepted {
    background-color: #00437F !important;
}

    .das-status-accepted[href]:hover,
    .das-status-accepted[href]:focus {
        background-color: #00437F !important;
    }

.das-status-processing {
    background-color: rgb(42,137,255) !important;
}

    .das-status-processing[href]:hover,
    .das-status-processing[href]:focus {
        background-color: rgb(42,137,255) !important;
    }

.das-status-withdrawal {
    background-color: #AFCDEB !important;
}

    .das-status-withdrawal[href]:hover,
    .das-status-withdrawal[href]:focus {
        background-color: #AFCDEB !important;
    }
.das-status-replied {
    background-color: #00CC66 !important;
}
.das-status-replied[href]:hover,
.das-status-replied[href]:focus {
    background-color: #AFCDEB !important;
}
.das-status-commented {
    background-color: #00CC66 !important;
}

    .das-status-commented[href]:hover,
    .das-status-commented[href]:focus {
        background-color: #00CC66 !important;
    }

.das-status-rejected {
    background-color: #E8686F !important;
}

    .das-status-rejected[href]:hover,
    .das-status-rejected[href]:focus {
        background-color: #E8686F !important;
    }

.das-status-returned {
    background-color: #AFCDEB !important;
}

    .das-status-returned[href]:hover,
    .das-status-returned[href]:focus {
        background-color: #AFCDEB !important;
    }

.font2 {
    font-size: 2rem;
}

.font105 {
    font-size: 1.5rem;
}

.SupersededRow {
    background-color: grey !important;
    color: white;
}

.btnApply {
    float: right;
    padding: 0.2rem 0.5rem;
    font-size: 0.8rem;
    width: 10rem;
}

.btnResetRecAllDocDate {
    float: right;
    padding: 0.3rem 0.7rem;
    font-size: 0.8rem;
    width: 12rem;
}

.bold {
    font-weight: bold;
}

.bolder {
    font-weight: bolder!important;
}

.SubmissionStatus {
    padding: 0.2rem 0.5rem;
    font-size: 0.8rem;
    width: 12rem;
    display: block;
    background-color: #2196f3 !important;
    color: white;
    text-align: center;
    font-weight: bold;
}

.form-control.form-control-small {
    line-height: 1;
    display: inline;
    width: auto;
    height: auto;
    padding: 0.25rem 0.25rem;
}

.sp_workspace {
    width: 80%;
    letter-spacing: 0.1rem !important;
}

.workspaceTable {
    vertical-align: top;
}

.notSignIndicate {
    color: red;
    font-weight: bold;
    visibility: hidden;
}

.EOPEOTDate {
    white-space: nowrap;
}

.btnClearContactPerson {
    float: right;
    width: 140px;
}

.confirmtoCancel {
    color: red;
    font-weight: bold;
}
.confirmInRed {
    color: red;
}


.pfxExpiryDate {
    white-space: nowrap;
}

@media only screen and (max-width: 890px) {
    #indexTitle {
        display: none;
    }
}

.seqSubmType {
    font-size: 0.8rem;
}

.SubmissionCategoryH {
    height: 2.5rem;
}

.emailSpan {
    white-space: nowrap;
    display: block
}

.amendment-submitted-text-syle {
    background-color: cadetblue;
    width: 13.5rem;
    text-align: center;
    color: white;
    font-size: 1rem;
    margin-top: 0.5rem;
    /* margin-left: 1rem; */
}

.workflowGroupTr {
    background-color: #36AFD9 !important;
    color: white
}

.verticalCenter {
    vertical-align: middle;
    text-align: center;
}

@page {
    size: A3 landscape;
}

.Home_Urgent {
    background-color: #ff5050;
    border-radius: 20px;
    display: block;
    width: 5.4rem;
    margin-left: 3.6rem;
    color: white;
    padding: 0 0.5rem;
    margin-bottom: 0;
    text-decoration: underline;
    font-size: 1rem;
    text-align: right;
}
.ellipsis-multiline {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ellipsis-multiline4 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
}