﻿/*
 * Extracted from css/widget.css, lines 51764-51934
 * Region label: CM-005 : Daily exchange rate 2
 */
    /* #region CM-005 : Daily exchange rate 2*/
    .container--contentlink {
        max-width: 1170px;
        margin: auto;
        margin-bottom: 14px;
    }

    .container {
        padding-left: 0px;
        padding-right: 0px;
    }

    .cm-005 .Currency {
        padding-left: 0px;
        padding-right: 0px;
    }

    .cm-005 .bdlr,
    bdr,
    .bdr {
        border-left: 0px solid #E8E8E8 !important;
        border-right: 0px solid #E8E8E8 !important;
    }

    .cm-005 .bdb {
        border-bottom: 0px solid #E8E8E8 !important;
    }

    .cm-005 .Currency .card {
        padding: 12px 12px 13px 12px;
        box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, .1);
        border: 4px solid #fff !important;
        border-radius: 3px;
        transition: all .6s ease-in-out;
        /* margin-bottom: 0; */
        /*margin: 16px 0;*/
    }

        .cm-005 .Currency .card:hover {
            border: 4px solid #ffd400 !important;
        }

    .cm-005 .hwcCustomization .bdr-w {
        border-right: 1px solid #fff !important;
    }

    .cm-005 .Currency .card .hwcCustomization .row:first-child {
        height: 30px;
    }

    .cm-005 .card {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
        background-color: #fff;
        background-clip: border-box;
        border: 1px solid rgba(0, 0, 0, .125);
        border-radius: .25rem;
    }

    .cm-005 .Currency .card .hwcCustomization .row:first-child {
        height: 30px
    }

    .cm-005 .hwcCustomization .ks-exhange-preview {
        margin-top: 16px !important
    }


    .cm-005 .hwcCustomization .table-responsive {
        margin-bottom: 0 !important;
    }


    .cm-005 .hwcCustomization .table tr td {
        padding: 8px
    }

    .cm-005 .Text-link,
    .Text-link a {
        color: #F76F00 !important;
        font-family: Thongterm-Roman;
        font-size: 16px;
        letter-spacing: 0;
        line-height: 34px;
    }

    .cm-005 .text-truncate {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .cm-005 h3 {
        color: #222222;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 20px;
        letter-spacing: 0;
        line-height: 30px;
        margin-bottom: 0;
    }

    .text-right {
        text-align: right !important;
    }

    .cm-005 .hwcCustomization .table thead ~ tbody tr:nth-of-type(odd) {
        background: #f3f3f3;
    }

    .cm-005 .hwcCustomization .table thead ~ tbody tr:nth-of-type(even) {
        background: transparent;
    }

    .cm-005 .hwcCustomization .table tr td {
        height: 48px !important;
    }

    @media screen and (max-width: 576px) {
        .cm-005 .table-responsive thead th {
            font-family: Krungsri;
            font-size: 14px;
            font-weight: bold;
        }

        .cm-005 .table-responsive tbody td {
            font-family: Thongterm;
            font-size: 14px;
            font-weight: bold;
        }
    }

    .cm-005 .table-responsive thead th {
        font-size: 16px;
        line-height: 29px;
    }

    .cm-005 .bdlr {
        display: flex;
        align-item: center;
    }

    @media (max-width: 767px) {
        .cm-005 .table-responsive tbody td {
            font-size: 16px;
            padding: 8px;
        }
    }

    @media (max-width: 768px) {
        .cm-005 h3 {
            font-size: 18px;
            line-height: 30px;
        }


        .cm-005 .Text-link {
            font-size: 14px;
            line-height: 26px;
        }
    }

    .cm-005 .flag-icon {
        margin-right: 20px;
    }

    /* #endregion CM-005 : Daily exchange rate 2 */
