.item_linhvuc {
    line-height: 0.8;
}

.funcList {
    background-color: #b5b9c1;
    text-align: center;
    color: black;
}

    .funcList a:link, a:visited, a:active {
        color: black;
    }

    .funcList li {
        margin-right: 20px;
    }

.page_normal {
}

.page_enabled, .page_disabled, .page_selected {
    display: inline-block;
    height: 20px;
    min-width: 20px;
    line-height: 20px;
    text-align: center;
    text-decoration: none;
    border: 1px solid #1f8cde;
    /*padding: 2px 5px 2px 5px;*/
}

.page_enabled {
    background-color: #ceedff;
    color: #1f8cde !important;
}

.page_disabled {
    background-color: #eee;
    color: #000 !important;
    border: 1px solid #eee;
}

.page_selected {
    background-color: #1f8cde;
    color: #fff !important;
}

.dnnFormRequired {
    border-left: 5px solid #FF0000;
    padding-left: 0.5em;
}

input.dnnFormRequired, textarea.dnnFormRequired, select.dnnFormRequired {
    border-left: 5px solid #FF0000;
    margin-left: -5px;
}

.dnnFormItem.dnnFormHelp p.dnnFormRequired span {
    border-left: 5px solid #FF0000;
    padding-left: 0.5em;
}

.dnnForm input.dnnFormRequired, .dnnForm textarea.dnnFormRequired, .dnnForm select.dnnFormRequired {
    border-left: 5px solid #FF0000;
    margin-left: -5px;
}

.formCMS input.dnnFormRequired, .dnnForm textarea.dnnFormRequired, .dnnForm select.dnnFormRequired {
    border-left: 5px solid #FF0000;
    margin-left: -5px;
}

.dnnFormMessage {
    background: none repeat scroll 0 0 rgba(2, 139, 255, 0.15);
    border: 1px solid rgba(2, 139, 255, 0.2);
    border-radius: 3px;
    display: block;
    margin-bottom: 0px !important;
    max-width: 100%;
    padding: 0px 0px !important;
}

.dnnFormItem span.dnnFormMessage.dnnFormError {
    left: 55%;
    position: absolute;
    /*top: 10px;*/
    z-index: 9999;
}

.table td span.dnnFormMessage.dnnFormError {
    left: 55%;
    position: absolute;
    /*top: 10px;*/
    z-index: 9999;
}

.table th {
    border-bottom: 0px !important;
    border-top: solid 1px #eee !important;
}

.table td, th {
    padding: 0px 5px 5px 5px;
    vertical-align: middle;
}

.MultiFile-label {
    clear: both;
    display: block;
    text-align: left;
}

.SettingLabel {
    width: 25%;
    vertical-align: top;
}

.SettingContent {
    width: 75%;
    vertical-align: top;
}

#FilterPeriodicReportResult {
    width: 100%;
}

/*h2.c_title .TitleHead {
    font-size:18px;
    color:#d92622;
    font-weight:bold;
    text-transform:uppercase;
}*/
.filter-table {
    background-color: #ceedfe;
    padding: 15px;
    border-radius: 0px;
    /*margin-bottom:10px;*/
}

    .filter-table fieldset {
        margin-bottom: 0;
    }

    .filter-table .title_head h2 a {
        color: #1e8dde;
        font-size: 14px;
        text-decoration: none;
        font-weight: bold;
    }


.filter_head tr td {
}

input[type="text"], select {
    max-width: 100%;
}

.filter_head td {
    text-align: right;
    font-size: 14px;
}

.title_head1 {
    background-color: #d92526;
    padding: 0px 15px 3px;
    margin-bottom: 10px;
}

    .title_head1 h2 {
        margin: 0;
    }

        .title_head1 h2 a {
            color: #fff;
            font-size: 14px;
            text-transform: uppercase;
            font-weight: bold;
        }

.title_head2 h2 {
    background-color: #d92526;
    padding: 0px 15px 3px;
    margin-bottom: 10px;
}

    .title_head2 h2 a {
        color: #fff;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: bold;
    }

.title_head3 h2 {
    background-color: #d92526;
    padding: 0px 15px 3px;
    margin-bottom: 10px;
    margin-top: 10px;
}

    .title_head3 h2 a {
        color: #fff;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: bold;
    }

.dnnForm tr th {
    background-color: #ceedff;
    color: #000;
    font-weight: bold;
    font-size: 14px;
    /*text-align:center;*/
    border: 1px solid #c1ccd6;
    padding: 5px;
}

.dnnForm tr td {
    font-size: 14px;
    /*text-align:center;
    border:1px solid #c1ccd6;*/
    padding: 5px;
}

    .dnnForm tr td a:hover {
        color: #259fe2;
        text-decoration: none;
    }

.dnnForm .filedinhkem {
    border: 0px;
    !important;
}

.reportlist h4 {
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    background-color: #3cb8fe;
    margin: 10px 0 0;
    padding: 5px;
}

.numericalOrder {
    width: 5%;
    vertical-align: central;
    text-align: center;
}

.setwidthfull {
    width: 100%;
    vertical-align: central;
    text-align: left;
}

/*.periodicName {
    width: 30%;
    vertical-align: central;
    text-align: left;
}

.periodicCode {
    width: 15%;
    vertical-align: central;
    text-align: left;
}

.periodicType {
    width: 15%;
    vertical-align: central;
    text-align: left;
}

.isShared {
    width: 10%;
    vertical-align: central;
    text-align: left;
}

.status {
    width: 10%;
    vertical-align: central;
    text-align: center;
}

.editdocumentfieldicReport {
    width: 5%;
    vertical-align: central;
    text-align: center;
}

.deletePeriodicReport {
    width: 5%;
    vertical-align: central;
    text-align: center;
}

.selectPeriodicReport {
    width: 5%;
    vertical-align: central;
    text-align: center;
}


/*.reportTitle {
    width: 30%;
    vertical-align: central;
    text-align: left;
}

.periodic
{
    width: 25%;
    vertical-align: central;
    text-align: left;
}

.periodicOrder {
    width: 15%;
    vertical-align: central;
    text-align: center;
}

.reportStatus {
    width: 15%;
    vertical-align: central;
    text-align: left;
}

.editReport {
    width: 5%;
    vertical-align: central;
    text-align: center;
}

.deleteReport{
    width: 5%;
    vertical-align: central;
    text-align: center;
}

.selectReport{
    width: 5%;
    vertical-align: central;
    text-align: center;
}*/

/*FuncList*/

.center {
    text-align: center;
}

.funcList {
    background-color: #ceedff;
    text-align: center;
    color: #262626;
    border-radius: 4px;
}

    .funcList a:link, .funcList a:visited {
        color: #262626;
        font-size: 14px;
    }

    .funcList a:active, .funcList a:hover {
        color: #085893;
    }

    .funcList ul {
        display: inline-block;
    }

    .funcList li {
        margin-right: 20px;
    }

        .funcList li a img {
            width: 25px;
            height: 25px;
            margin-right: 5px;
        }
/*filterForm*/

.filterForm {
    margin-bottom: 20px;
}

.formCMS .dnnPrimaryAction,
.formCMS .dnnFormItem input[type="submit"],
.formCMS a.dnnPrimaryAction {
    background: none repeat scroll 0 0 #1e8dde;
    border-radius: 4px;
    box-shadow: none;
    text-shadow: none;
    border: none;
    font-weight: normal;
}

.formCMS input[type="text"],
.formCMS select,
.formCMS textarea,
.formCMS input[type="email"],
.formCMS input[type="search"],
.formCMS input[type="password"] {
    background: none repeat scroll 0 0 #fff;
    /*border:1px solid #b9d5e3;*/
    border-radius: 4px;
    padding: 3px 5px;
    margin-bottom: 5px;
}

.filterForm .table {
    margin-bottom: 0;
}

.bgFilter label {
    display: inline-block;
    font-weight: normal;
    font-size: 14px;
    margin-bottom: 5px;
    margin-right: 5px;
    margin-top: 4px;
}

.filterForm .table > tbody > tr > th,
.filterForm .table > tbody > tr > td {
    border-top: none;
    padding: 5px;
}

.filterForm h2.dnnFormSectionHead {
    margin-bottom: 0px;
    border-bottom: none;
}

.filterForm fieldset.bgFilter {
    background-color: #ceedff;
    padding: 15px 10px 0 0;
    border-radius: 4px;
}

.odd {
    background-color: #e2f4fe;
}

.even {
    background-color: #f9f9f9;
}

.table-condensed thead tr th {
    background-color: #3cb8fe;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
}

.table-condensed tbody tr td {
    padding: 10px 5px;
}

/*filterForm*/

.filterForm {
    margin-bottom: 20px;
}

    .filterForm .table {
        margin-bottom: 0;
    }

label {
    display: inline-block;
    font-weight: normal;
    font-size: 14px;
    margin-bottom: 5px;
    margin-right: 5px;
    margin-top: 4px;
}

.filterCollapse {
    display: none;
}

h2.filterResult {
    background-color: #3bb8fe;
    padding: 5px 10px;
    margin-bottom: 1px;
}

    h2.filterResult .listTitle {
        color: #fff;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: bold;
        background: none;
    }

.filterForm .table > tbody > tr > th,
.filterForm .table > tbody > tr > td {
    border-top: none;
    padding: 5px;
}
/*.filterForm h2.dnnFormSectionHead {
    margin-bottom:10px;
    border-bottom:none;
    background-color:#eb0c06;
    padding:2px 5px;
    line-height:20px;

}
.filterForm h2.dnnFormSectionHead a {
    color:#fff;
    font-size:14px;
    text-transform:uppercase;
    font-weight:bold;
    background:url("Images/down-icn.png") no-repeat right 50%;
}

.filterForm h2.dnnFormSectionHead a.dnnSectionExpanded {
    color:#fff;
    font-size:14px;
    text-transform:uppercase;
    font-weight:bold;
    background:url("Images/up-icn.png") no-repeat right 50%;
}*/

.filterForm fieldset.bgFilter {
    background-color: #fff;
    padding: 15px 10px 0 0;
    border-radius: 4px;
    border: 1px solid #b3b3b3;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

.table-condensed thead tr th {
    background-color: #ceedfe;
    color: #0a64a4;
    font-weight: bold;
    font-size: 14px;
    border-bottom-width: 1px;
}

.table-condensed tbody tr td {
    padding: 10px 5px;
}

.odd {
    background-color: #e2f4fe;
}

.even {
    background-color: #fff;
}


/*Phân trang*/
.page_enabled, .page_disabled {
    display: inline-block;
    height: 20px;
    min-width: 20px;
    line-height: 20px;
    text-align: center;
    text-decoration: none;
    border: 1px solid #ccc;
    padding: 0px 5px;
}

.page_enabled {
    background-color: #f9f9f9;
    color: #262626;
    margin-right: 3px;
}

.page_disabled {
    background-color: #ceedff;
    color: #262626 !important;
    margin-left: 3px;
}

.pagePagination select {
    border: 1px solid #ccc;
    border-radius: 0;
    padding: 0 5px;
    margin-bottom: 0;
}

.pagePagination span {
    margin-left: 5px;
}

.dnnPrimaryAction.button_red {
    background: #eb2121 !important;
}

    .dnnPrimaryAction.button_red:hover {
        background: #eb2121 !important;
    }

/*-----------Form câòp nhâòt-----------
---------------------------------*/
.formUpdate h2 {
    margin-bottom: 10px;
    border-bottom: none;
    background-color: #eb0c06;
    padding: 2px 5px;
    line-height: 20px;
}

    .formUpdate h2 a.listTitle {
        color: #fff;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: bold;
        background: none;
    }

.formUpdate table.table {
    border: 1px solid #c1ccd6;
    background-color: #ebf8ff;
}

input.dnnFormRequired, textarea.dnnFormRequired, select.dnnFormRequired {
    border-left: 5px solid #ff0000;
    margin-left: -5px;
}

/*-----------End Form câòp nhâòt-----------
---------------------------------*/

/* FontAll.ascx */
.frontTabs {
    width: 100%;
}

    .frontTabs ul {
        width: 100% !important;
    }

        .frontTabs ul > li {
            width: 25%;
        }
            /*.frontTabs ul > li:first-child a {
            background-color: red;
        }*/
            .frontTabs ul > li:last-child {
                margin-right: 0px;
                width: 50% !important;
            }

                .frontTabs ul > li:last-child > a {
                    margin-right: 0px;
                }

            .frontTabs ul > li > a {
                padding-top: 8px;
                padding-bottom: 3px;
                padding-left: 15px !important;
                margin-right: 5px;
                background-color: #6bc0ff;
                border-top-right-radius: 0.6em;
                border-top-left-radius: 0.5em;
                font-size: 14px;
                font-weight: 500;
                color: #fff;
                text-decoration: none;
            }

                .frontTabs ul > li > a.selected {
                    background-color: #1f8cde !important;
                }
/*
    Module - VBQPPL
*/
.tabs {
    width: 100%;
}

    .tabs ul > li {
    }

        .tabs ul > li:last-child a {
            padding: 8px 85px 3px 10px !important;
            margin-right: 0px;
        }

        .tabs ul > li > a {
            padding: 8px 65px 3px 10px !important;
            margin-right: 5px;
            background-color: #6bc0ff;
            border-top-right-radius: 0.6em;
            border-top-left-radius: 0.5em;
            font-size: 13px;
            font-weight: 500;
            color: #fff;
            text-decoration: none;
        }

            .tabs ul > li > a.selected {
                background-color: #1f8cde !important;
            }

.menuBreak {
    width: 100%;
    height: 6px;
    background-color: #1f8cde;
}

.no-border {
    border: solid 1px #eee !important;
    width: 100%;
}

    .no-border thead tr th {
        height: 50px;
    }

    .no-border tbody tr td {
        border: 0px;
        vertical-align: top;
    }

        .no-border tbody tr td:nth-child(2) {
            margin-right: 10px;
        }

.VBQPPL_label {
    color: #0a64a4;
    line-height: 20px;
}

.VBQPPL_col1 {
    color: #0a64a4;
    line-height: 20px;
    min-height: 25px;
    width: 25%;
    float: left;
    padding-top: 10px;
}

.VBQPPL_col2 {
    padding-top: 10px;
    color: #0a64a4;
    line-height: 20px;
    min-height: 25px;
    width: 75%;
    float: left;
}

.marquee_slidecrossup ul li a {
    color: #000 !important;
}


/* MENU-LEFT
-------------------------- */
/* layout */
#left ul.nav {
    margin-bottom: 2px;
    font-size: 12px; /* to change font-size, please change instead .lbl */
}

    #left ul.nav ul,
    #left ul.nav ul li {
        list-style: none !important;
        list-style-type: none !important;
        margin-top: 1px;
        margin-bottom: 1px;
    }

    #left ul.nav ul {
        padding-left: 0;
        width: auto;
    }

        #left ul.nav ul.children {
            padding-left: 12px;
            width: auto;
        }

            #left ul.nav ul.children li {
                margin-left: 0px;
            }

    #left ul.nav li a:hover {
        text-decoration: none;
    }

        #left ul.nav li a:hover .lbl {
            color: #999 !important;
        }

    #left ul.nav li.current > a .lbl {
        background-color: #999;
        color: #fff !important;
    }

    /* parent item */
    #left ul.nav li.parent a {
        padding: 0px;
        color: #ccc;
    }

    #left ul.nav > li.parent > a {
        border: solid 1px #999;
        text-transform: uppercase;
    }

    #left ul.nav li.parent a:hover {
        background-color: #fff;
        -webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,0.125);
        -moz-box-shadow: inset 0 3px 8px rgba(0,0,0,0.125);
        box-shadow: inset 0 3px 8px rgba(0,0,0,0.125);
    }

    /* link tag (a)*/
    #left ul.nav li.parent ul li a {
        color: #222;
        border: none;
        display: block;
        padding-left: 5px;
    }

        #left ul.nav li.parent ul li a:hover {
            background-color: #fff;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
        }

    /* sign for parent item */
    #left ul.nav li .sign {
        display: inline-block;
        width: 14px;
        padding: 5px 8px;
        background-color: transparent;
        color: #fff;
    }

    #left ul.nav li.parent > a > .sign {
        margin-left: 0px;
        background-color: #999;
    }

    /* label */
    #left ul.nav li .lbl {
        padding: 5px 12px;
        display: inline-block;
    }

    #left ul.nav li.current > a > .lbl {
        color: #fff;
    }

    #left ul.nav li a .lbl {
        font-size: 12px;
    }

    /* THEMATIQUE
------------------------- */
    /* theme 1 */
    #left ul.nav > li.item-1.parent > a {
        border: solid 1px #ff6307;
    }

        #left ul.nav > li.item-1.parent > a > .sign,
        #left ul.nav > li.item-1 li.parent > a > .sign {
            margin-left: 0px;
            background-color: #ff6307;
        }

    #left ul.nav > li.item-1 .lbl {
        color: #ff6307;
    }

    #left ul.nav > li.item-1 li.current > a .lbl {
        background-color: #ff6307;
        color: #fff !important;
    }

    /* theme 2 */
    #left ul.nav > li.item-8.parent > a {
        border: solid 1px #51c3eb;
    }

        #left ul.nav > li.item-8.parent > a > .sign,
        #left ul.nav > li.item-8 li.parent > a > .sign {
            margin-left: 0px;
            background-color: #51c3eb;
        }

    #left ul.nav > li.item-8 .lbl {
        color: #51c3eb;
    }

    #left ul.nav > li.item-8 li.current > a .lbl {
        background-color: #51c3eb;
        color: #fff !important;
    }

    /* theme 3 */
    #left ul.nav > li.item-15.parent > a {
        border: solid 1px #94cf00;
    }

        #left ul.nav > li.item-15.parent > a > .sign,
        #left ul.nav > li.item-15 li.parent > a > .sign {
            margin-left: 0px;
            background-color: #94cf00;
        }

    #left ul.nav > li.item-15 .lbl {
        color: #94cf00;
    }

    #left ul.nav > li.item-15 li.current > a .lbl {
        background-color: #94cf00;
        color: #fff !important;
    }

    /* theme 4 */
    #left ul.nav > li.item-22.parent > a {
        border: solid 1px #ef409c;
    }

        #left ul.nav > li.item-22.parent > a > .sign,
        #left ul.nav > li.item-22 li.parent > a > .sign {
            margin-left: 0px;
            background-color: #ef409c;
        }

    #left ul.nav > li.item-22 .lbl {
        color: #ef409c;
    }

    #left ul.nav > li.item-22 li.current > a .lbl {
        background-color: #ef409c;
        color: #fff !important;
    }

.col-2 {
    width: 15%;
}

.active {
    color: red;
}

#phanloai li a.active {
    font-weight: bold !important;
}

.coquan li a.active {
    font-weight: bold !important;
}

.details-back {
    float: right;
}

ul {
    list-style: none;
}

.vbpl-form {
    border-radius: 10px;
    border: 1px solid #E7E7E7;
    background: #F6F6F6;
    padding: 20px;
}

    .vbpl-form ul {
        margin-left: 0px;
    }

.table-vbpl thead tr {
    /*background: #0a64a4;
    color: #fff;*/
}

.list-title {
    /*background: #176A9C;
    padding: 6px;
    text-transform: uppercase;
    color: #fff;
    text-align: center;*/
}

.pagination-group {
    margin-top: 15px;
}

.pagination-group div.pg_size {
    display: none;
}

.table-nobordered > tbody > tr > td {
    border-top: none !important;
}

.vbpl-form {
    margin-bottom: 20px;
}

    .vbpl-form .form-group {
        margin-bottom: 15px;
    }

        .vbpl-form .form-group .form-control {
            padding: 8px 16px;
            height: 40px !important;
        }

    .vbpl-form .row {
        margin: 0 -7.5px;
    }

        .vbpl-form .row div[class*='col'] {
            padding: 0 7.5px;
        }

#sidebar {
    /*background-color: #176A9C;
    padding-bottom: 10px;*/
}

.main-right div {
    /*margin-bottom:10px;*/
    /*margin: 5px 0px 0px 0px;*/
}

.table {
    /* width: 100%; */
    margin-bottom: 0px !important;
}

.main-right .row .col-sm-4 {
    /*font-weight: bold;*/
}

.main-right .row .col-sm-16 {
    /*font-weight: bold;*/
}

.main-right .row .col-sm-16 {
    margin: 0px;
    padding: 0px;
}

.item_linhvuc {
    line-height: 0.8 !important;
}

.menu-vanban-container {
    border-radius: 10px;
    border: 1px solid var(--border-table, #CED8EB);
    background: #F6F6F6;
    padding: 15px;
}

    .menu-vanban-container > ul:not(:last-child) {
        padding-bottom: 8px;
        border-bottom: 1px solid var(--border-table, #DCE3EF);
        margin-bottom: 8px;
    }

    .menu-vanban-container > ul ul.sub-menu {
        padding: 15px;
        border-radius: 6px;
        background: #E8E8E8;
        margin: 0;
        gap: 10px;
    }

        .menu-vanban-container > ul ul.sub-menu.show {
            margin-top: 5px;
        }

        .menu-vanban-container > ul ul.sub-menu > li > a {
            color: var(--text-mi, #182940);
            font-family: Roboto;
            font-size: 16px;
            font-style: normal;
            font-weight: 500;
            line-height: 1.5;
        }

        .menu-vanban-container > ul ul.sub-menu ul {
            padding: 11px 15px;
            border-radius: 6px;
            background: #D9D9D9;
            margin: 0;
            gap: 12px;
        }

            .menu-vanban-container > ul ul.sub-menu ul.show {
                margin-top: 10px;
            }

            .menu-vanban-container > ul ul.sub-menu ul > li > a {
                color: var(--text-mi, #182940);
                font-family: Roboto;
                font-size: 14px;
                font-style: normal;
                font-weight: 500;
                line-height: 1.57;
            }

    .menu-vanban-container ul,
    .menu-vanban-container ul li {
        width: 100%;
        transition: all 0.3s ease-in-out;
    }

        .menu-vanban-container ul li a {
            display: block;
            width: 100%;
        }

.menu-m1.menu-vanban-container > ul > li > a::before {
    background: #182940;
}

.menu-vanban-container a[data-toggle="collapse"] {
    position: relative;
}

    .menu-vanban-container a[data-toggle="collapse"]:after {
        content: "";
        display: inline-block;
        width: 12px;
        height: 12px;
        position: absolute;
        right: 0;
        top: 6px;
        background-image: url(images/arrow-down.svg);
        background-size: 12px;
        background-repeat: no-repeat;
        background-position: center;
        transition: all 0.3s ease-in-out;
        z-index: 1;
    }

.menu-vanban-container a.active-item,
.menu-vanban-container a.active-item[data-toggle="collapse"],
.menu-vanban-container a:hover {
    color: #D61C26 !important;
}

    .menu-vanban-container a.active-item[data-toggle="collapse"]:after {
        transform: rotate(180deg);
    }

.menu-m1.menu-vanban-container > ul > li > a.active-item::before,
.menu-m1.menu-vanban-container > ul > li > a:hover:before {
    background-color: #D61C26 !important;
}

.group-flex-row {
    align-items: flex-end;
}

    .group-flex-row .form-group {
        flex: 1;
    }

    .group-flex-row .group-button-action {
        margin-left: 15px;
    }

        .group-flex-row .group-button-action .btn {
            height: 40px;
        }

.filter-vanban-wrapper {
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    flex-flow: row wrap;
}

    .filter-vanban-wrapper .item-linhvuc {
        display: inline-block;
        border-radius: 4px;
        border: 1px solid #E0E0E0;
        background: #F6F6F6;
        padding: 7px 10px;
        color: var(--text-mi, #182940);
        font-family: Roboto;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 1.3;
    }

        .filter-vanban-wrapper .item-linhvuc.active {
            background: #D61C26;
            color: var(--text-mi, #fff);
            border: 1px solid #E0E0E0;
        }