/*New page buy home refinance by Phuriwat 20240114*/

.TitleResultSavingMortgage {
    font-family: Krungsri Condensed !important;
    font-size: 40px !important;
    font-weight: 700 !important;
    line-height: 64px !important;
    letter-spacing: 0px !important;
    color: #222222;
}

.btnApplyy {
    background: #554242 !important;
    color: #FFD400 !important;
    border: none;
}

.SpanResultAfterRefinance {
    font-family: Krungsri Condensed;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 36px !important;
    letter-spacing: 0px !important;
    text-align: right !important;
}

.fontCustomTDComp {
    /*font-family: Thongterm !important;*/
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 29px !important;
    letter-spacing: 0em !important;
    text-align: center !important;
    color: #222222;
}

.fontCustomAfterRef {
    /*font-family: Thongterm !important;*/
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 30px !important;
    color: #5A5A5A;
}

.customRemark {
    font-size: 14px !important;
    line-height: 26px !important;
}

.customPadding {
    padding: 10px 0px 10px 0px;
}

.fix_pd {
    padding: 1rem 1.5rem;
}

.custom-modal-dialog {
    width: 570px;
    height: 280px;
    max-width: 100%; /* Ensure it doesn't exceed the viewport width */
    max-height: 100%; /* Ensure it doesn't exceed the viewport height */
}

.custom-modal-content {
    height: 280px !important;
}

.center-vertically {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.custom-modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem);
}

.table-hlc {
    display: table;
    table-layout: auto;
    border-collapse: collapse;
}

    .table-hlc thead {
        background-color: #fff;
    }

    .table-hlc th,
    td {
        border: 1px solid #E8E8E8;
        text-align: center;
    }

    .table-hlc thead th {
        height: 74px;
        vertical-align: middle;
        background-color: #fff;
        color: #5A5A5A;
    }

    .table-hlc tbody td {
        height: 74px;
        vertical-align: middle;
    }

.custom-table-responsive {
    margin-bottom: 15px;
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
}

.fixheight {
    height: 1650px;
}

#chartCompare Text {
    display: block;
}

.CustomFlex {
    display: flex;
    justify-content: space-between;
}

.custom-input-width {
    width: 47%
}
/*New page buy home refinance by Phuriwat 20240114*/

.TitleResultSavingMortgage {
    font-family: Krungsri Condensed !important;
    font-size: 40px !important;
    font-weight: 700 !important;
    line-height: 64px !important;
    letter-spacing: 0px !important;
    color: #222222;
}

.btnApplyy {
    background: #554242 !important;
    color: #FFD400 !important;
    border: none;
}

.SpanResultAfterRefinance {
    font-family: Krungsri Condensed;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 36px !important;
    letter-spacing: 0px !important;
    text-align: right !important;
}

.fontCustomTDComp {
    /*font-family: Thongterm !important;*/
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 29px !important;
    letter-spacing: 0em !important;
    text-align: center !important;
    color: #222222;
}

.fontCustomAfterRef {
    /*font-family: Thongterm !important;*/
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 30px !important;
    color: #5A5A5A;
}

.customRemark {
    font-size: 14px !important;
    line-height: 26px !important;
}

.customPadding {
    padding: 10px 0px 10px 0px;
}

.fix_pd {
    padding: 1rem 1.5rem;
}

.custom-modal-dialog {
    width: 570px;
    height: 280px;
    max-width: 100%; /* Ensure it doesn't exceed the viewport width */
    max-height: 100%; /* Ensure it doesn't exceed the viewport height */
}

.custom-modal-content {
    height: 280px !important;
}

.center-vertically {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.custom-modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem);
}

.table-hlc {
    display: table;
    table-layout: auto;
    border-collapse: collapse;
}

    .table-hlc thead {
        background-color: #fff;
    }

    .table-hlc th,
    td {
        border: 1px solid #E8E8E8;
        text-align: center;
    }

    .table-hlc thead th {
        height: 74px;
        vertical-align: middle;
        background-color: #fff;
        color: #5A5A5A;
    }

    .table-hlc tbody td {
        height: 74px;
        vertical-align: middle;
    }

.custom-table-responsive {
    margin-bottom: 15px;
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
}

.fixheight {
    height: 1570px;
}

#chartCompare Text {
    display: block;
}

.CustomFlex {
    display: flex;
    justify-content: space-between;
}

.custom-input-width {
    width: 47%
}

.ui.ks.dropdown .text {
    padding-left:0px !important;
}

.ui.selection.dropdown > .dropdown.icon {
    padding-right: 5px !important;
}

.fixDropdown .ui.ks.dropdown .text {
    color: #949494 !important;
    font-family: Thongterm-Roman;
}

    .fixDropdown .ui.ks.dropdown .text.ddlSelectedColor {
        color: #222222 !important;
        font-family: Thongterm-Bold;
    }

@media screen and (max-width: 767px) {
    .fixheight {
        height: 1700px;
    }

    .custom-modal-dialog {
        width: 100% !important;
        height: auto;
        max-width: 100%;
        max-height: 100%;
    }

    .custom-modal-content {
        height: 261px !important;
    }

    .custom-modal-dialog-centered {
        display: flex;
        align-items: center;
        min-height: calc(100% - 1rem);
    }

    .fix_pd {
        padding: 1rem 0.8rem;
    }

    .CustomFlex {
        display: block;
    }

    .custom-input-width {
        display: block;
        width: 100%
    }

    .table-hlc {
        width: 419px !important;
        display: table;
        table-layout: auto;
        border-collapse: collapse;
    }

        .table-hlc thead th {
            height: 74px;
            vertical-align: middle;
            background-color: #fff;
            color: #5A5A5A;
            font-size: 16px;
        }

        .table-hlc tbody td span {
            text-wrap: nowrap;
            font-size: 16px;
        }
}