/* (30/05/2022) make date in one line */
.statement-wrap table tr td:first-child {
    color: #ed6d01;
    padding-right: 50px;
    white-space: nowrap;
    font-weight: 700;
    font-family: "Lato-Bold", "Heiti TC", "微軟正黑體", "Microsoft JhengHei", "Arial Unicode MS", "Arial";
}
@media (max-width: 991px) {
    .statement-wrap table tr td:first-child {
        padding-right: 12px;
    }
}
/* (22/04/2022) Replace the css last-child by a tag */
/* (30/05/2022) Change color to ""#ed6d00"" */
.statement-wrap table tr td a {
   /* color: #ffffff;*/
   color : #ed6d00;
}

/* (22/04/2022) Replace the css last-child by a tag */
/*@media screen and (max-width: 767px) {
    .statement-wrap table tr td a {
        color: #ffffff;
    }
}*/

/* (30/05/2022) Add filter to normal button css */
/* (22/04/2022) Add PDF icon button next to the Statement Link*/
/* (08/06/2022) Remove the filter */
.statement-wrap table tr td button {
    background: url('/assets/img/icon/icon-pdf-white.svg') no-repeat;
    margin-left: 50px;
    background-size: 25px 33px;
    width: 25px;
    height: 33px;
    border: none;
    /*padding-bottom: 8px;*/
    transform: translateY(-6px);
}
@media (max-width: 991px) {
    .statement-wrap table tr td button {
        margin-left: 12px;
        transform: translateY(-8px);
    }
}

/* (30/05/2022) Add filter to normal button css */
/* (21/04/2022) Add space between "Statement" name and "PDF" icon*/
.statement-wrap table tr td button:hover {
    /*filter: invert(60%) sepia(100%) saturate(1794%) hue-rotate(8deg) brightness(100%) contrast(99%);*/
    cursor:pointer;
}

.statement-wrap table tr td button:focus {
    outline: none;
}

.statement-wrap table tr td button:focus-visible {
    outline: none;
}


.statement-wrap table tr td {
    /*color: #ed6d01;*/
    font-size: 1em;
    line-height: 123.5%;
    padding-bottom: 18px;
    vertical-align: top;
}

.statement-wrap table tr.smaller td {
    font-size: 1em;
    font-weight: 700;
    font-family: "Lato-Bold", "Heiti TC", "微軟正黑體", "Microsoft JhengHei", "Arial Unicode MS", "Arial";
}

.statement-wrap table tr td:last-child {
    color: #ffffff;
}

/* (22/04/2022) Change (height) precentage to cal*/
/* (30/05/2022) Change  wrap align with ‘STATEMENT’*/
/* (08/06/2022) Remove padding and height after remove one wrapper layer*/
.statement-wrap {
    position: relative;
    /*padding: 86px 65px 304px 65px;*/
    z-index: 1;
    /*height: calc(100vh - 200px);*/
}

@media(max-width:991px) {
    .statement-wrap {
        padding: 0px;
        height: 100%;
    }
}

/* (08/06/2022) Remove statemen wrapper custom style*/
/*.main .content.statement .wrapper {
    padding: 0px;
}
*/

@media (max-width: 991px) {
    .main .content.statement .wrapper {
        padding: 56px 18px 32px 18px;
    }
}

@media (max-width: 991px) {
    .main .content.statement .wrapper .content-page .wrapper{
        padding: 0px 18px 32px 0px;
    }
}


@media screen and (max-width: 767px) {
    .statement-wrap a {
        word-break: normal;
    }
}