
.UISimpleSteeringList {
        /* height: 480px; */
        margin: 15px 0;
}
.UISimpleSteeringList a:hover {
        text-decoration: none;
}
.UISimpleSteeringList .title {
        padding: 12px 0px;
        border-top: 2px solid #DA251C;
        width: 100%;
        border-radius: 2px 2px 0 0;
}
.UISimpleSteeringList .title a {
           line-height: 26px;
   
}
.UISimpleSteeringList .title span {
        text-transform: uppercase;
        white-space: nowrap;
        font-size: 17px;
        font-family: 'Merriweather';
        color: #031739;
        font-weight: 700;
        text-decoration: none;
        display: inline-block;
        line-height: unset;
        background: url("images/hoaphuongicon.png") no-repeat top 10px left;
        padding: 10px 0 10px 35px;
}
.UISimpleSteeringList {
        margin: 32px 30px 55px 0;
        padding: 0;
}
.UISimpleSteeringList thead tr td {
        color: #3B4E68;
        font-size: 14px;
        font-family: 'Roboto';
        border: none;
}
.UISimpleSteeringList .subtract {
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 15px;
        line-height: 22px;
        /* or 147% */
        /* Grey 1 */
        color: #031739;
}
.UISimpleSteeringList table th.th-vanban.number {
    width: 151px;
    border-left: 1px solid #eeeeee;
}
.UISimpleSteeringList .table thead th {
      font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    color: #3B4E68;
    border: none;
    background: #F6F6F6;
    padding-bottom: 14px !important;
}
.UISimpleSteeringList .showmobile{
	display: none;
}
.UISimpleSteeringList table tbody {
    height: 230px !important;
    display: inline-block;
    /* margin-top: 15px; */
    width: 100%;
    border-left: 1px solid #eeeeee;
}
.UISimpleSteeringList  .view-more {
        background: #F9F9F9 !important;
        border: 1px solid #EEEEEE;
        /* display: none; */
        padding: 5px;
        text-align: center;
}
.UISimpleSteeringList .mytable td:first-child {
        padding: 14px;
        width: 165px;
}
.UISimpleSteeringList .mytable td:first-child span {
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 15px;
        line-height: 18px;
        /* identical to box height */
        /* Grey 2 */
        color: #182940;
        margin-top: 6px;
        display: inline-block;
}
.UISimpleSteeringList table.mytable.table td:nth-child(2) {
        padding-right: 5px;
}
.UISimpleSteeringList span.doc-publish-date {
        display: none;
}
.UISimpleSteeringList  .view-more a {
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 20px;
        /* identical to box height, or 143% */
        text-align: center;
        /* Grey 5 */
        color: #7D92AE;
}
.UISimpleSteeringList .mytable td:first-child>div>a {
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 15px;
        line-height: 18px;
        /* identical to box height */
        /* Primary color 2 */
        color: #0084F3;
        word-break: break-all;
}
.UISimpleSteeringList .mytable td:first-child>div>a>br {
}
.UISimpleSteeringList .mytable td:first-child>div>span {
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 15px;
        line-height: 18px;
        /* identical to box height */
        /* Grey 2 */
        color: #182940;
}
.UISimpleSteeringList .mytable td {
        border-top: none;
}
.UISimpleSteeringList .mytable td+td,
.UISimpleSteeringList .mytable th+th{
        border-left: 1px solid #eeeeee;
}
.UISimpleSteeringList .mytable tr+tr {
        border-top: 1px solid #eeeeee;
}
.UISimpleSteeringList .mytable td:first-child>div>a>br {
        display: none;
}
.UISimpleSteeringList tbody {
        display: block;
        height: 50px;
        overflow: auto;
}
.UISimpleSteeringList thead, .UISimpleSteeringList tbody tr {
        display: table;
        width: 100%;
        /* table-layout: fixed; *//* even columns width , fix width of table too*/
}
.UISimpleSteeringList thead {
        width: 100%;
}
.UISimpleSteeringList table {
    width: 100%;
    margin-bottom: 5px;
}
.UISimpleSteeringList table td.item-content .ISSUED_DATE, .UISimpleSteeringList table td.item-content .files{
	/* display: none; */
}
.UISimpleSteeringList table td.item-content .ISSUED_DATE {
			font-size: 14px;
			line-height: 150%;
			color: rgba(10,36,88,.7);
			font-family: 'Merriweather';
			margin-top: 10px;
			display: none;
			padding: 5px;
		}
		.UISimpleSteeringList table td.item-content .files {
			margin: 5px 0 5px 0;
			/* display: none; */
			padding: 5px;
		}
		.UISimpleSteeringList table td.item-content .files .file {
			background: rgba(241,243,247,.5);
			width: fit-content;
			padding: 5px;
		}
		.UISimpleSteeringList table td.item-content .info {
			padding: 5px;
		}
		.UISimpleSteeringList table td.item-content .files .file a {
			font-family: Roboto;
			font-style: normal;
			font-weight: normal;
			font-size: 13px;
			line-height: 18px;
			color: #005594 !important;
			padding: 5px 8px;
			padding-left: 25px;
			background: url(images/file.png) no-repeat left 6px;
			background-size: 14px;
			border-radius: 4px;
		}
@media only screen and (max-width: 768px){
	.UISimpleSteeringList{
		margin-top: 15px;
	}
	.UISimpleSteeringList table {
			height: 500px !important;
			overflow: hidden !important;
		}
        .mytable tr>td>a {
                padding: 0;
                border: 0;
        }
        .UISimpleSteeringList {
		padding: 0 20px;
		width: 100vw;
		height: 575px;
		margin: 36px 0;
		margin-top: 20px;
	}
        .UISimpleSteeringList table tbody {
                height: auto !important;
                max-height: unset !important;
        }
       .mytable tr>td:first-child {
			padding-bottom: 0;
			display: flex;
			align-items: center;
			padding-bottom: 0 !important;
			padding: 5px 0 8px 5px !important;
		}
        .UISimpleSteeringList table tr>td:nth-child(2) {
                padding-top: 0;
                padding-right: 0 !important;
				flex: 1;
    max-width: unset !important;
        }
        .mytable tr>td>a>span {
                font-family: Roboto;
                font-style: normal;
                font-weight: 700;
                font-size: 15px;
                line-height: 20px;
                /* or 133% */
                /* Grey 2 */
                color: #182940;
        }
        .UISimpleSteeringList .subtract {
                font-family: Roboto;
                font-style: normal;
                font-weight: 500;
                font-size: 15px;
                line-height: 20px;
                /* or 133% */
                /* Grey 2 */
                color: #182940;
        }
        .UISimpleSteeringList  .mytable tr>td:first-child>span {
			margin: 0 !important;
			font-style: normal;
			font-weight: normal;			
			text-align: right;
			font-size: 14px;
			line-height: 150%;
			color: rgba(10,36,88,.7);
			font-family: 'Merriweather';
			margin-top: 10px;
		}
        .UISimpleSteeringList .m-body {
                height: 442px !important;
        }
        .UISimpleSteeringList table tbody {
                margin: 0;
				height: 445px !important;
				overflow: auto;
        }
        .UISimpleSteeringList .title span {
                white-space: normal;
        }		
		.UISimpleSteeringList table {
			width: 100%;
			margin-bottom: 5px;
			height: 400px;
			overflow: auto;
			display: block;
		}
		.UISimpleSteeringList table th.th-vanban.number {
			width: 131px !important;
		}
		.UISimpleSteeringList table>tbody>tr>td {
			display: inline-block !important;
			padding: 0 !important;
			width: 130px !important;
			max-width: 130px !important;
			padding: 16px 0;
		}
		.UISimpleSteeringList table thead > tr:nth-child(1) > th:nth-child(1) {
			border-top-left-radius: 12px;
			border-left: unset !important;
		}
		.UISimpleSteeringList table thead > tr:nth-child(1) > th:nth-child(2) {
			border-top-right-radius: 12px;
			border-right: unset !important;
			max-width: unset !important;
			flex: 1;
		}
		
		.UISimpleSteeringList thead tr, .UISimpleSteeringList tbody tr {
			display: flex;
			width: 100%;
			/* table-layout: fixed; */
		}
		.UISimpleSteeringList table td.item-content .ISSUED_DATE {
			/* display: unset; */
		}
		.UISimpleSteeringList table td.item-content .files {
			display: block;
		}

}
.table>:not(:first-child) {
    border-top: none !important;
}
