.UIGazetteListControl .List .table-of-contents .contents .DonVi .doc-item {
        display: flex;
        gap: 40px;
        justify-content: space-between;
}
.UIGazetteListControl .List .table-of-contents .contents .DonVi .doc-item + .doc-item {
        margin-top: 20px;
}
.UIGazetteListControl .doc-item span.item-docrelated {
        display: none;
}
.UIGazetteListControl span.item-docrelated {
        text-align: right;
        display: block;
        font-family: Arial, Tahoma, "Trebuchet MS", Verdana, Helvetica, Sans-Serif !important;
        font-size: 15px;
        color: #333;
        text-align: center;
        font-weight: bold;
        word-break: break-word;
        text-align: right;
        margin-right: 80px;
}
.UIGazetteListControl .List .table-of-contents .contents .DonVi .doc-item .TrichYeu  a{
        text-align: justify;
        color: #004c76;
        display: inline-block;
        margin-top: -1px;
        font-size: 15px;
}
.UIGazetteListControl .List .table-of-contents .contents .DonVi .doc-item .TrichYeu {
        width: calc(100% - 200px);
}
.UIGazetteListControl .List .table-of-contents .contents .DonVi .doc-item .Date {
        color: #333;
        padding: 0 10px 0 10px;
        text-align: center;
        min-width: 50px;
        font-size: 14px;
        font-family: "Arial";
        vertical-align: top;
        width: 100px;
        display: flex;
        justify-content: left;
}
.UIGazetteListControl .List .table-of-contents .contents .DonVi .doc-item .Page {
        width: 40px;
        text-align: right;
        display: flex;
        align-items: end;
        justify-content: end;
        color: #333;
        padding: 10px 5px;
        font-size: 14px;
        vertical-align: top;
}
.UIGazetteListControl .List .table-of-contents .Name {
        color: #333;
        /* font: bold 15px arial; */
        padding: 10px 0;
        text-align: center;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 24px;
}
.UIGazetteListControl .List .table-of-contents .contents .DonVi .TenDonVi {
        text-transform: uppercase;
        color: #555;
        font-size: 16px;
        font-weight: bold;
        text-align: center;
        text-transform: uppercase;
        padding: 3px;
        font-family: Verdana, Times New Roman, Arial;
        margin-bottom: 10px;
}
.UIGazetteListControl .List .table-of-contents .contents .Title-Block:not(:first-child) {
        margin-top: 30px
}
.UIGazetteListControl .List .table-of-contents .contents .Title-Block {
        text-transform: uppercase;
        color: #555;
        font-size: 16px;
        font-weight: bold;
        text-align: center;
        text-transform: uppercase;
        padding: 3px;
        font-family: Verdana, Times New Roman, Arial;
}
.UIGazetteListControl .List .table-of-contents .page {
        text-align: right;
}
.UIGazetteListControl {
        background: #fff none repeat scroll 0 0;
        padding: 10px;
        margin-bottom: 10px;
        margin-top: 1rem;
}
.UIGazetteListControl .Search .ExContent tr td input , .UIGazetteListControl .Search .ExContent tr input {
        max-height: 30px;
}
.UIGazetteListControl .Search {
        /* padding: 10px; */
}
.UIGazetteListControl * {
        font-family: Arial;
}
.UIGazetteListControl .Search .Default .Title {
        background: #E7E7E7 url("images/i.png") no-repeat scroll left 8px center;
        background-size: 15px;
        border: 1px solid #ddd;
        color: var(--bg-blue-weight);
        font: 14px arial;
        padding: 10px;
        text-transform: uppercase;
        padding-left: 28px;
}
.UIGazetteListControl .Search .Default .Content {
        display: block;
        /* margin-left: 100px; */
        text-align: left;
        /* border: 1px saddlebrown; */
}
.UIGazetteListControl .Search .Default .Content > ul {
        list-style: outside none none;
        width: 100%;
        padding: 0;
        display: flex;
        position: relative;
        align-items: center;
        border-radius: 5px;
}
.doc-list {
        padding: 10px;
        display: block;
        text-align: center;
        font-weight: bold;
}
.UIGazetteListControl .Search .Default .Content > ul li:nth-child(1){
        padding: 0 10px;
        /* text-transform: uppercase; */
        top: 0;
        left: 0;
        height: 100%;
        font: 10pt arial;
        z-index: 999;
        font-size: 14px;
        display: flex;
        border: 1px solid #ccc;
        border-radius: 0;
}
.UIGazetteListControl .Search .Default .Content > ul li:nth-child(2) {
        flex: 1;
        display: flex;
        position: relative;
        align-items: center;
        height: 40px;
}
.UIGazetteListControl .Search .Default .Content > ul li:nth-child(2) input{
        flex: 1;
        width: 100%;
        outline: none;
        padding: 10px;
        height: unset !important;
        border: none;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        border: 1px solid #ccc;
        max-height: 40px;
}
.UIGazetteListControl .Search .Default .Content > ul li {
        color: #444;
        display: inline-block;
        vertical-align: middle;
        font-size: 14px;
        line-height: 1.4;
        display: flex;
        align-items: center;
        padding: 0;
        background: #ffffff;
        max-height: 40px;
}
.UIGazetteListControl .Search .Default .Content > ul li:first-child{
        background: #eee;
}
.UIGazetteListControl .Search .Content li:nth-child(2) input {
        width: 330px;
}
.UIGazetteListControl .Search .Extra .ExTitle {
        background: #f5f5f5 none repeat scroll 0 0;
        border: 1px solid #ededed;
        color: #900000;
        font: 14px arial;
        padding: 10px;
        display: flex;
        align-items: center;
}
.UIGazetteListControl .Search .Extra .ExTitle img{
        /* background: #9c0707; */
        width: 15px;
        height: 15px;
        border-radius: 50%;
}
.UIGazetteListControl .Search .Content li:nth-child(3){
        position: absolute;
        right: 5px;
        top: 5%;
        height: 90%;
        /* z-index: -1; */
}
.UIGazetteListControl .Search .Content li:nth-child(3) input{
        height: 60%;
        outline: none;
}
.UIGazetteListControl .Search .Extra .ExContent {
        border-bottom: 1px solid #ddd;
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
        padding:  20px 20px 20px 0px;
        background: #ffffff;
}
.UIGazetteListControl .Search .Extra .ExContent>table{
        margin: auto;
        font-size: 14px;
}
.UIGazetteListControl .Search .Default .Content > ul {
        border: 1px solid #ededed !important;
        height: 42px;
        border-radius: 0;
        background: whitesmoke;
}
.UIGazetteListControl .Search .ExContent>table>tbody>tr>td {
        /* height: 30px; */
        padding: 5px;
        /* font-size: 12pt; */
        font-size: 14px;
        /* vertical-align: top; */
        /* height: 100%; */
        display: inline-block;
        float: unset;
        /* text-align: center; */
        width: calc(30%);
        text-align: right;
}
.UIGazetteListControl .Search .ExContent>table>tbody>tr>td:nth-child(2){
        width: calc(50%);
}
.UIGazetteListControl .Search .ExContent tr:last-child>td>div{
        text-align: center !important;
}
.UIGazetteListControl .Search .ExContent td select {
        padding: 5px;
        height: auto !important;
        border-radius: 3px;
        border: 1px solid silver;
        outline: none;
        box-sizing: border-box;
        min-width: 100%;
}
.UIGazetteListControl .Search .ExContent tr:first-child td:nth-child(2) input {
        padding: 5px;
        border-radius: 3px;
        border: 1px solid silver;
        outline: none;
        box-sizing: border-box;
        min-width: 100%;
}
.rcTable>tbody>tr>.rcInputCell{
        width: 90% !important;
}
.UIGazetteListControl .Search .ExContent tr:nth-child(3) input {
        padding: 5px;
        height: auto !important;
        border-radius: 3px;
        border: 1px solid silver;
        outline: none;
        box-sizing: border-box;
}
.UIGazetteListControl .Search .ExContent tr:nth-child(4) td:nth-child(2) input {
        min-width: 100%;
        padding: 5px;
        height: auto !important;
        border-radius: 3px;
        border: 1px solid silver;
        outline: none;
        box-sizing: border-box;
}
.UIGazetteListControl .Search .ExContent tr:nth-child(6) td:nth-child(2) input {
        min-width: 100%;
        padding: 5px;
        height: auto !important;
        border-radius: 3px;
        border: 1px solid silver;
        outline: none;
        box-sizing: border-box;
}
.UIGazetteListControl .Search .ExContent tr:nth-child(7) input {
        background: #ffffff none repeat scroll 0 0;
        border: 1px solid #ccc;
        border-radius: 3px;
        color: #333;
        padding: 5px 20px;
        display: inline-block;
}
.UIGazetteListControl .Search .ExContent tr:nth-child(7) input:hover {
        background: #e6e6e6 none repeat scroll 0 0;
}
.ViewCongBao{
        float: inline-end;
        color: #fff;
        background-color: #900000 !important;
        border-color: #900000 !important;
}
.P_Search{
        color: #900000;
        font-size: 14px;
        margin: 0;
        font-weight: 600;
        display: inline;
        padding-left: 5px;
}
.UIGazetteListControl .List {
        margin: 20px 0;
}
.UIGazetteListControl .List .Title {
        color: var(--bg-blue-weight);
        font: bold 14px/20px arial;
        margin-bottom: 20px;
        padding: 0 0 5px;
}
.UIGazetteListControl .textHeder {
        color: black;
        font-size: 14px;
        font-weight: 600;
        text-transform: lowercase;
}
.UIGazetteListControl .textHeder::first-letter {
        text-transform: uppercase
}
.UIGazetteListControl .List table .group {
        text-transform: uppercase;
        color: #555;
        font-size: 13px;
        font-weight: bold;
        text-align: center;
        text-transform: uppercase;
        padding: 3px;
        font-family: Verdana, Times New Roman, Arial;
}
.UIGazetteListControl .List table .page {
        color: #555;
        font-size: 14px;
        /* font-family: Verdana, Times New Roman, Arial; */
        text-align: right;
        /* padding-right: 29px; */
        color: #000;
        /* font-weight: 300; */
}
.UIGazetteListControl .List table .mucluc {
        color: #333;
        /* font: bold 15px arial; */
        padding: 10px 0;
        text-align: center;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 24px;
}
.UIGazetteListControl .List table .group-primary {
        color: #000;
        text-decoration: underline;
}
.UIGazetteListControl .List td {
        color: #333;
        padding: 10px 5px;
        text-align: center;
        min-width: 50px;
        font-size: 14px;
        vertical-align: top;
}
.UIGazetteListControl .List td[class*="col"]{
        font-weight: 600;
        text-transform: uppercase;
}
.UIGazetteListControl .List td[class*="col2"], .UIGazetteListControl .List td[class*="col1"]{
        min-width: 130px;
}
.UIGazetteListControl .List .t3 {
        text-align: justify !important;
        padding: 10px 30px;
}
.UIGazetteListControl .List .t3 > a {
        color: #000000;
        /* font: 15px/1.5 arial; */
        text-align: justify;
        color: var(--bg-blue-weight);
        display: inline-block;
        margin-top: -1px;
        font-size: 14px;
}
.UIGazetteListControl .List .t3 > a:hover{
        /* color: var(--bg-blue); */
        text-decoration: underline;
}
.UIGazetteListControl .List .t1 {
}
.auto-style{
        font-size: 14px;
        font-weight: bold;
        float:right;
        margin-right:26px;
}
.UIGazetteListControl .List .t5 .download {
        background: rgba(0, 0, 0, 0) url("images/download.png") no-repeat scroll center center;
        cursor: pointer;
        display: inline-block;
        height: 18px;
        width: 40px;
}
.UIGazetteListControl .modal {
        background: rgba(0, 0, 0, 0.2);
        overflow: hidden;
}
.UIGazetteListControl .modal-dialog {
        min-width: 95vw;
        min-height: calc(95vh - 1.75rem);
        max-height: calc(95vh - 1.75rem);
        box-shadow: 1px 2px 3px #333;
        background: #fff;
        /* border: 1px solid #fff0; */
}
.UIGazetteListControl .modal-content {
        /* min-height: 94vh; */
        /* min-width: 94vw; */
        background: #f8f9fa;
        border-radius: 0;
        border: none;
}
.UIGazetteListControl .modal-header {
        padding: 10px;
        background: #cccccc;
        border-radius: 0;
        border: none;
}
.UIGazetteListControl .modal-header>*{
        color: #333;
        font-size: 16px;
}
.UIGazetteListControl .modal-header .close{
        border-radius: 5px;
        color: #dc3545;
        font-weight: bolder;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid var(--bg-blue-light);
        line-height: 1.4;
        font-size: 10px;
        width: 25px;
        height: 25px;
        background: #fff;
}
.UIGazetteListControl .List td.t4 {
        text-align: right;
        width: 10px !important;
        padding-top: 25px;
}
.UIGazetteListControl .modal-body{
        background: url(https://storage-vnportal.vnpt.vn/hgg-ubnd/1/Banner/hsp-780795.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
        border: 1px solid #cccccc;
}
.UIGazetteListControl .List td.sub-group {
        background: linear-gradient(90deg, transparent, #b6ae0429, transparent);
        font: normal 15px/1.5 arial;
        text-transform: uppercase;
        color: #830304;
}
@media only screen and (max-width: 1023px){
        div.Extra > div.ExContent > table > tbody > tr:nth-child(3) {
                display: flex;
        }
        .UIGazetteListControl .List .t3 {
                text-align: justify !important;
                padding: 15px 0px 0px 10px !important;
        }
        .UIGazetteListControl .List td[class*="col"] {
                display: none;
        }
        .UIGazetteListControl .List td[class*="t4"] {
        }
        .UIGazetteListControl .List table[id*="tblDetail"]>tbody>tr {
        }
        .UIGazetteListControl .List table[id*="tblDetail"]>tbody>tr>td[class*="t1"] {
                max-width: 50%;
                text-align: left;
        }
        .UIGazetteListControl .List table[id*="tblDetail"]>tbody>tr>td[class*="t2"] {
                max-width: 50%;
                text-align: right;
                color: #6c757d;
                font-size: 13px;
                padding-top: 25px;
        }
        .UIGazetteListControl .Search .Extra .ExContent>table {
                table-layout: fixed;
        }
        .UIGazetteListControl .Search .ExContent tr td input {
                max-width: 100%;
        }
        .UIGazetteListControl .Search .ExContent td select {
                max-width: 100%;
        }
        .UIGazetteListControl .Search .ExContent tr:first-child td:nth-child(2) input {
        }
        .UIGazetteListControl .Search .ExContent tr:nth-child(3)>td {
                display: flex;
        }
        .UIGazetteListControl .List .Title {
                flex-direction: row;
                gap: 10px;
        }
        .UIGazetteListControl .modal-header>* {
                font-size: 15px;
                text-align: left;
        }
        .UIGazetteListControl .List .table-of-contents .contents .DonVi .doc-item{
                gap: 10px;
        }
        .UIGazetteListControl .List .table-of-contents .contents .DonVi .doc-item .TrichYeu {
                width: calc(100% - 100px);
        }
}
@media only screen and (max-width: 768px){
        .UIGazetteListControl span.item-docrelated {
                margin-right: 0;
        }
        .UIGazetteListControl{
                padding: var(--padding-res);
        }
}