.stearing{
        margin: 20px 0;
}
.stearing .search-result > div > table > tbody > tr:not(.tr-pager){
        border: 1px solid #E2E7ED;
}
tr.tr-pager table td span {
        background: #2A58A0 !important;
        color: #FFFFFF !important;
}
tr.tr-pager table td *:not(i) {
        width: 40px;
        height: 40px;
        background-color: #f6f6f6;
        display: block;
        line-height: 30px;
        font-size: 15px;
        color: #666666;
        text-align: center;
        border-radius: 3px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 5px;
        border: 1px solid #E2E7ED;
}
tr.tr-pager table td {
        border-width: 0;
        border: none !important;
}
.stearing .search-result > div > table > tbody > tr th:not(:last-child), .stearing .search-result > div > table > tbody > tr td:not(:last-child){
        border-right: 1px solid #E2E7ED;
}
.stearing .search-result tr th, .stearing .search-result > div > table > tbody > tr:not(.tr-pager) td {
        padding: 10px 15px;
}
.stearing .search-text .textbox input::-webkit-input-placeholder {
        color: #7D92AE;
}
.stearing .search-text .textbox input:-moz-placeholder {
        /* FF 4-18 */
        color: #7D92AE;
        opacity: 1;
}
.stearing .search-text .textbox input::-moz-placeholder {
        /* FF 19+ */
        color: #7D92AE;
        opacity: 1;
}
.stearing .search-text .textbox input:-ms-input-placeholder {
        /* IE 10+ */
        color: #7D92AE;
}
.stearing .search-text .textbox input::-ms-input-placeholder {
        /* Microsoft Edge */
        color: #7D92AE;
}
.stearing .search-text .textbox input::placeholder {
        /* modern browser */
        color: #7D92AE;
}
.stearing .search-option {
        display: flex;
        gap: 20px;
        margin-top: 20px;
        flex-wrap: wrap;
}
.stearing .search-option > div select {
        width: 100%;
        font-family: Roboto;
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        text-align: left;
        height: 38px;
        padding: 5px 15px;
        border: 1px solid #F2F2F2;
        border-radius: 4px;
        color: #7D92AE;
}
.stearing .search-result > div > table > tbody > tr:not(.tr-pager) td:first-child a {
        font-family: Roboto;
        font-size: 15px;
        font-weight: 500;
        line-height: 22px;
        text-align: left;
        color: #031739;
}
.stearing .search-result tr:not(.tr-pager) td:last-child span {
        font-family: Roboto;
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        text-align: center;
        color: #182940;
}
.stearing  a.mobile, .stearing div.date-mobile{
        display: none;
}
.stearing .search-result tr:not(.tr-pager) td:nth-child(3) button, .stearing  a.mobile button {
        color: #1259A0;
        width: 142px;
        border: 1px solid #719BC6;
        height: 40px;
        border-radius: 4px;
        font-family: Roboto;
        font-size: 15px;
        font-weight: 500;
        line-height: 22px;
        text-align: center;
        background: white;
}
.stearing .search-result tr:not(.tr-pager) td:nth-child(2) h7 {
        font-family: Roboto;
        font-size: 15px;
        font-weight: 400;
        line-height: 22px;
        text-align: left;
        color: #031739;
}
.stearing .search-result > div > table > tbody > tr:not(.tr-pager) th:nth-child(3), .stearing > div > table > tbody > .search-result tr:not(.tr-pager) td:nth-child(3) {
        width: 170px;
        text-align: center;
}
.stearing .search-result > div > table > tbody > tr:not(.tr-pager) th:last-child, .stearing .search-result > div > table > tbody >tr:not(.tr-pager) td:last-child{
        width: 140px;
        text-align: center;
}
.stearing .search-result > div > table > tbody > tr:not(.tr-pager) th:first-child, .stearing  .search-result > div > table > tbody > tr:not(.tr-pager) td:first-child {
        width: 150px !important;
}
.stearing .search-result th {
        font-family: Merriweather;
        font-size: 15px;
        font-weight: 700;
        line-height: 22px;
        text-align: left;
        color: #031739;
}
.stearing .search-result {
        margin-top: 30px;
}
.stearing .search-result > div > table > tbody >tr:not(.tr-pager):nth-child(odd) {
        background: #F3F6FB;
}
.stearing .search-option > div {
        width: 0;
        flex: 1 1 0px;
}
.stearing .search-option span {
        display: block;
        font-family: Roboto;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        text-align: left;
        color: #3B4E68;
        margin-bottom: 6px;
}
.stearing .title h1 {
        font-family: Merriweather;
        font-size: 24px;
        font-weight: 700;
        line-height: 36px;
        text-align: left;
        display: none;
}
.stearing .search-box {
        padding: 20px;
        border: 1px solid #E2E7ED;
        background: #F3F6FB;
}
.stearing .subtitle h4 {
        font-family: Merriweather;
        font-size: 15px;
        font-weight: 700;
        line-height: 22px;
        text-align: left;
        color: #182940;
}
.stearing .search-text {
        display: flex;
        gap: 20px;
}
.stearing .search-text .textbox{
        width: calc(100% - 140px);
}
.stearing .search-text .textbox input {
        width: 100%;
        height: 38px;
        border: 1px solid #E2E7ED;
        font-family: Roboto;
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        text-align: left;
        border-radius: 4px;
        padding: 5px 15px;
        color: #7D92AE;
}
.stearing .search-text .search-btn input {
        width: 120px;
        font-family: Roboto;
        font-size: 15px;
        font-weight: 500;
        line-height: 22px;
        text-align: center;
        color: #FFFFFF;
        height: 38px;
        border: 1px solid #F2F2F2;
        background: #2A58A0;
        border-radius: 4px;
}
@media only screen and (max-width: 768px){
        .stearing .search-option > div {
                flex: calc(50% - 10px);
        }
        .stearing {
                margin: 20px 16px;
        }
        th.ViewClass, th.DateOfIssuedClass, .stearing .search-result > div > table > tbody > tr:not(.tr-pager) td:nth-child(3), .stearing .search-result > div > table > tbody > tr:not(.tr-pager) td:nth-child(4) {
                display: none !important;
        }
        .stearing .search-result > div > table > tbody > tr:not(.tr-pager) td {
                display: table-cell !important;
        }
        .stearing  a.mobile, .stearing div.date-mobile{
                display: block;
                text-align: center;
                /* margin: 10px 0; */
        }
        .stearing a.mobile{
                margin: 10px 0;
        }
}
@media only screen and (max-width: 768px){
        .stearing .search-option > div {
                flex: 100%;
        }
        .stearing .search-result > div > table > tbody > tr:not(.tr-pager) td:first-child a span:not(.date-pub){
                //styleName: Heading 6 Robo;
                font-family: Roboto;
                font-size: 15px;
                font-weight: 500;
                line-height: 22px;
                text-align: left;
                color: #031739;

        }
        .stearing .search-result > div > table > tbody > tr:not(.tr-pager) td:first-child span.date-pub{
                font-family: Roboto;
                font-size: 13px;
                font-weight: 300;
                line-height: 22px;
                text-align: left; 
                color: #c3c3c3;
                margin: 0;
        }
        .stearing .search-result tr:not(.tr-pager) td:nth-child(2) h7 a {
              //styleName: Heading 7 Robo;
                font-family: Roboto;
                font-size: 15px;
                font-weight: 400;
                line-height: 22px;
                text-align: left;
                  color: #031739;
        }
}