@font-face {
  font-family: 'Alata';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('./fonts/Alata/PbytFmztEwbIoceyzqYhQA.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Alata';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
 src: url('./fonts/Alata/PbytFmztEwbIoceyzqYhQA.woff2') format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Alata';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('./fonts/Alata/PbytFmztEwbIoce9zqY.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Oswald';
  font-weight: 700;
  src: local('Oswald'), url(./fonts/Oswald/static/Oswald-Bold.ttf) format('truetype');
}
/* @font-face {
  font-family: 'Oswald';
  font-weight: 900;
  src: local('Oswald'), url(./fonts/Oswald/static/Oswald-ExtraLight.ttf) format('truetype');
} */

@font-face {
  font-family: 'Oswald';
  src: local('Oswald'), url(./fonts/Oswald/static/Oswald-VariableFont_wght.ttf) format('truetype');
}
@font-face {
  font-family: 'Oswald';
  font-weight: 300;
  src: local('Oswald'), url(./fonts/Oswald/static/Oswald-Light.ttf) format('truetype');
}

@font-face {
  font-family: 'Oswald';
  font-weight: 500;
  src: local('Oswald'), url(./fonts/Oswald/static/Oswald-Medium.ttf) format('truetype');
}

@font-face {
  font-family: 'Oswald';
  font-weight: 400;
  src: local('Oswald'), url(./fonts/Oswald/static/Oswald-Regular.ttf) format('truetype');
}

@font-face {
  font-family: 'Oswald';
  font-weight: 600;
  src: local('Oswald'), url(./fonts/Oswald/static/Oswald-SemiBold.ttf) format('truetype');
}




@media only screen and (min-width: 991px) {
    .list-flex {
        display: flex;
    }

    .item-flex {
        height: 100%
    }
}
.img-responsive-index{
    width: 100%;
    height: 100px;
    object-fit: cover;
}
.preview-wrapper{
    min-height: 60px;
}
@media only screen and (max-width: 480px) {
    .img-responsive-index {
        max-height: 235px;
    }
}
/*.datepicker{
    width: fit-content;
}*/
.catnoidung {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
@media(max-width:979px) {
    .result-list .result-image {
        width: 200px !important;
    }
}
@media(max-width:767px) {
    .result-list .result-image {
        width: 100vw !important;
    }
}
#weather-container {
    width: 200px;
    max-height: 300px;
    overflow: hidden;
    background: #ffffff;
    font-family: 'Oswald', sans-serif;
    right: -150px;
}
    #weather-container * {
        font-family: 'Oswald', sans-serif !important;
    }
#exchange-rates-container {
    width: 250px;
    max-height: 200px;
    overflow-y: scroll;
    background: #ffffff;
    font-family: 'Oswald', sans-serif;
}
    #exchange-rates-container table {
        width: 100%;
        border: 1px solid #e1e1e1;
        border-collapse: collapse;
    }
        #exchange-rates-container table th {
            color: #222;
            padding: 5px 10px;
            border: 1px solid #e1e1e1;
            font-weight: 500;            
            font-size: 12px;
        }
        #exchange-rates-container table td {
            color: #222;
            padding: 5px 10px;
            border: 1px solid #e1e1e1;
            font-weight: 400;
            font-size: 12px;
        }

        #exchange-rates-container table tr td:not(:first-child) {
            text-align:right;
        }