.NewSteeringControl {
        /* border-bottom: 1px solid #ccc; */
        margin-bottom: 10px;
        /* border: 1px solid #ccc; */
        border-top: 0;
        min-height: 300px;
        margin-bottom: 30px;
        overflow: hidden;
        margin: 20px 0;
}
.NewSteeringControl .Header {
        text-transform: uppercase;
        display: inline-block;
        position: relative;
        font-size: 14px;
        /* border-bottom: 1px solid #cccccc; */
        width: 100%;
        /* border-top: 3px solid #da251c; */
        /* border-radius: 3px 3px 0 0; */
}
.NewSteeringControl .Header > a {
        font-size: 15px;
        text-transform: uppercase;
        font-weight: 700;
        padding: 10px 0px;
        color: #c8102e;
        display: inline-block;
        font-family: 'Roboto';
}
.NewSteeringControl .Header > a:hover {
        text-decoration:underline;
}
.NewSteeringControl .Header > span {
        font-family: Merriweather;
        font-size: 17px;
        font-weight: 700;
        line-height: 22px;
        text-align: left;
        color: #031739;
        margin-left: 20px;
        position: relative;
}
.NewSteeringControl .Header > span:before{
        width: 3px;
        height: 16px;
        border-radius: 9px;
        background: var(--color-blue);
        content: '';
        position: absolute;
        left: -20px;
        top: 2px;
}
.NewSteeringControl .Detail {
        border: 1px solid #e0e0e0;
        height: 285px !important;
        padding: 10px;
}
.NewSteeringControl .Detail .Title {
        cursor: pointer;
        font: bold 13px Tahoma;
        margin-bottom: 6px;
}
.NewSteeringControl .Detail .Expand a {
        display: inline-block;
        font: italic 12px Tahoma;
        padding: 5px 0 0;
}
.NewSteeringControl .Detail .Title:hover {
        color: #ce1110;
}
.NewSteeringControl .download {
        color: #bf0404;
        display: inline-block;
        float: right;
        font: bold 12px Tahoma;
        margin-bottom: 5px;
        text-decoration: underline;
}
.NewSteeringControl .DetailScroll {
        /* padding: 5px; */
        border-top: 0;
        /* min-height: 300px; */
        /* background: #fff; */
        height: 400px !important;
        overflow: hidden;
        /* padding-right: 10px; */
        margin-top: 20px;
        border: 1px solid var(--stroke, #DDE4F0);
        /* overflow: auto !important; */
}
.NewSteeringControl .DetailScroll .ListItem .item {
        display: inline-block;
        margin: 0;
        padding-bottom: 5px;
}
.NewSteeringControl .DetailScroll .ListItem .item ul{
        display: flex;
        position: relative;
        gap: 20px;
        height: 80px;
}
.NewSteeringControl .DetailScroll .ListItem .item ul li:nth-child(1){
        width: 120px;
        flex-shrink: 0;
}
.NewSteeringControl .DetailScroll .ListItem .item ul li:nth-child(2){
        position: absolute;
        bottom: 15px;
}
.NewSteeringControl .DetailScroll .ListItem .item{
        padding:  16px;
        border-top: 1px solid #EEEEEE;
        position: relative;
}
.NewSteeringControl .DetailScroll .ListItem .item:before{
        height: 48px;
        width: 1px;
        background: #EEEEEE;
        position: absolute;
        content: '';
        top: 20%;
        left: 140px;
}
.NewSteeringControl .DetailScroll .ListItem .item a {
            font-family: Roboto;
            font-size: 15px;
            font-weight: 400;
            line-height: 22px;
            text-align: left;
            color: #182940;
            display: -webkit-box;
            -webkit-line-clamp: 4;
            line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }
.NewSteeringControl .DetailScroll .ListItem .item a:hover{
        color: #c8102e;
}
.NewSteeringControl .DetailScroll .Title {
        //
        styleName: Heading 6 Robo;
        font-family: Roboto;
        font-size: 15px;
        font-weight: 500;
        line-height: 22px;
        text-align: left;
        color: #2F80ED;
        max-height: 44px;
        overflow: hidden;
        display: -webkit-box;
}
.NewSteeringControl .DetailScroll .Expand a, .DateIssued {
        //
        styleName: Heading 7 Robo;
        font-family: Roboto;
        font-size: 13px;
        font-weight: 400;
        line-height: 22px;
        text-align: left;
        color: #62748D;
}
.NewSteeringControl .DetailScroll .Title:hover {
        /* color: #b82805; */
}
.NewSteeringControl .DetailScroll{
        position: relative;
        /* padding-top: 45px; */
        overflow-y: auto !important;
}
.NewSteeringControl .DetailScroll:before{
         width: calc(100%);
         height: 46px;
         padding: 15px;
         border-bottom: 1px solid #EEEEEE;
         display:block;
         position: sticky;
         content: '\00a0Số kí hiệu\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0Trích yếu';
         background: #F7F6F8;
         top: 0;
         left: 0;
         font-family: "Merriweather";
         font-size: 15px;
         font-weight: 400;
         line-height: 22px;
         text-align: left;
         color: #182940;
         z-index: 9998;
}

.NewSteeringControl .DetailScroll .ListItem{
        /* overflow-y: auto; */
}
.NewSteeringControl .DetailScroll ul {
        list-style: outside none none;
        margin: 0;
        padding: 0;
        position: relative;
        /* overflow-y: auto; */
}
.NewSteeringControl .DetailScroll ul{
      

}
.NewSteeringControl .Expand {
        display: none;
}
.NewSteeringControl  .dwnload {
        display: none;
}
@media only screen and (max-width: 1023px){
        .NewSteeringControl .DetailScroll {
                min-height: 300px;
        }
        div.NewSteeringControl 
        {
                /* padding: 0; */
                /* margin: 0 10px; */
                /* margin-bottom: 10px; */
        }
        
}
@media only screen and (max-width: 768px){
div.NewSteeringControl 
        {
                margin: 20px 16px;
        }
}