﻿select {
    -webkit-appearance: default-button !important;
}

/*.ui-datepicker .ui.selection.dropdown > .dropdown.icon {
    top: 6px;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:after {
    top: 7px;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next:after{
    top : 7px;
}*/

.col-4xl-padd{
    padding-left : 15px !important;
    padding-right : 30px !important;
}

.hwcCustomization .borderradius3 {
    border-radius: 3px !important;
}

.table-scroll {
    margin-top: 19px;
}

.flag-icon {
    /*width: 22px !important;*/
}

.Text-link{
    text-decoration:none !important;
}

.text-black{
    color: #222222 !important;
}

.hwcCustomization td {
    height: 46px;
    font-size: 16px;
    padding-right: 5px;
    /*border: 1px solid #ced4da;*/
    /*border-right: none;
    border-bottom: none;*/
}

.hwcCustomization th {
    height: 48px;
}

    .hwcCustomization th span {
        color: #5A5A5A;
        font-family : Thongterm-Bold;
    }



.hwcCustomization .basicTable2 tbody tr {
    vertical-align: middle;
}

.hwcCustomization .basicTable2 th {
    /*background-color: #715f5f;*/
    border: 1px solid #e8e8e8;
}

.hwcCustomization thead {
    border-bottom: none;
}

.hwcCustomization table {
    border-collapse: separate;
}

#ddlRound_msdd {
    /*display:none;*/
    background-color: #ffffff;
    border: 1px solid #ced4da;
    border-radius: 5px;
    height: 48px;
    padding: 0 6px;
}

.ddTitle {
    background: #ffffff !important;
    color: #5a5a5a;
    border-radius: 5px !important;
}

.ddArrow {
    top: 12px !important;
}

.ddChild {
    height: auto;
    padding: 0 6px;
    background-color: #463737 !important;
    border: solid 1px #a99f9e !important;
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

    .ddChild li {
        background-color: #463737 !important;
        border-bottom-left-radius: 5px !important;
        border-bottom-right-radius: 5px !important;
    }

        .ddChild li.selected {
            background-color: #463737 !important;
            border-bottom-left-radius: 5px !important;
            border-bottom-right-radius: 5px !important;
        }

        .ddChild li .ddlabel {
            color: #fff !important;
        }

#selectTime .ks.dropdown {
    width: 100%;
    border-radius : 3px;
}

#selectDate, #selectTime {
    height: 94px;
}

#btnPrint {
    color: #5A5A5A;
    cursor: pointer;
    text-decoration: none;
}

    #btnPrint span {
        color: #5A5A5A;
        padding-left: 0.5rem;
        padding-top: 0.5rem;
        font-size: 16px;
        position: relative;
        top: 0.4rem;
    }

    #btnPrint:hover span{
        color:#222222;
    }
    
.exchange__title {
    margin-top:3px;
    margin-bottom: 40px;
}

#divSelectInput {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

/*.fontsize16B{
    font-size:16px;
    font-weight:bold;
}*/

table > thead > tr > th {
    font-size: 16px;
    font-weight: bold;
}

.bdlr{
    border-left: 1px solid #E8E8E8;
    border-right: 1px solid #E8E8E8;
}

.bdl{
    border-left : 1px solid #E8E8E8;
}

.bdr{
    border-right : 1px solid #E8E8E8;
}
.bdb {
    border-bottom: 1px solid #E8E8E8;
}

.ui-datepicker-title .ui.ks.dropdown.selection .menu .item {
    padding-left:16px !important;
}

/*.input-group .input-group-append .ui.ks.dropdown.selection .text {
    padding-left: 10px !important;
}

.input-group .ui.ks.dropdown.selection .menu .item {
    padding-left: 10px !important;
}*/

#selectTime .ui.ks.dropdown.selection .menu .item {
    padding-left: 16px !important;
}

/*@media only screen and (min-width:992px) and (max-width:1199px) {
    .input-group .input-group-append .ui.ks.dropdown.selection .text {
        padding-left: 10px !important;
        padding-right: 1px !important;
    }

    .input-group .ui.ks.dropdown.selection .menu .item {
        padding-left: 11px !important;  
        padding-right: 1px !important;
    }
}*/

@media only screen and (max-width:1199px){
    /*.input-group .input-group-append .ui.ks.dropdown.selection .text {
        padding-left: 17px !important;
        padding-right: 17px !important;
    }

    .input-group .ui.ks.dropdown.selection .menu .item {
        padding-left: 17px !important;
        padding-right: 17px !important;
    }*/
    .exchange__title {
        margin-bottom: 16px;
    }

    .table-scroll {
        margin-top: 16px;
    }
    .mt24{
        margin-top:24px;
    }
}

