.text-theme-yellow{
    color: #ffde22;
}

.bg-theme-yellow{
    background: #ffde22;
}

#customers,.customers {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

#customers td, #customers th,.customers td,.customers th {
    padding: 8px;
    vertical-align: middle;
}

#customers td.flag,.customers td.flag{
    text-align: right;
}

#customers tr:nth-child(even),.customers tr:nth-child(even){background-color: #f1f1f1;}
#customers tr:nth-child(odd),.customers tr:nth-child(odd){background-color: #ddd;}

/*#customers tr:hover {background-color: #ddd;}*/
#customers tr:hover,.customers tr:hover {background-color: rgba(255,222,34, 0.3);}

#customers th,.customers th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #ffde22;
    color: black;
}

.forex-main{
    display: flex;
    flex-direction: row;
    /*width: 90%;*/
    /*margin-left: 4%;*/
    /*margin-right: 4%;*/
}

.forex-left{
    margin-right: 0.5%;
    width: 60%;
}

.forex-right{
    margin-left: 0.5%;
    width: 40%;
    /*margin-top: 21px;*/
}


.forex-main .mt-1{margin-top: 0.6rem !important; }
.forex-main .mb-1{margin-bottom: 0.6rem !important; }

.forex-main .card {
    width: 100%;
    padding: 5px;
    background: white;
    border-radius: 5px;
    border: 1px solid lightgray;
}

.forex-main .header{
    padding: 1rem;
}

.forex-main .body{
    padding: 1rem;
}

.forex-main .body .group{
    margin-bottom: 1rem;
}


.forex-main .body .amount{
    margin-right: 8px;
}

.forex-main .body input[type="number"]{
    padding: 8px;
    width: 100%;
    margin-right: 5px !important;
    border: 1px solid lightgray;
    border-radius: 5px;
}
.forex-main .body input[type="number"]:focus, .forex-main .body form select:focus{
    border: 1px solid #ffde22;
}
.forex-main .body form select{
    padding: 8px;
    width: 100%;
    border: 1px solid lightgray;
    border-radius: 5px;
}

.forex-main .forex-left .country-flag{
    width: 25px !important;
    text-align: right;
}

.forex-main .amount-converter .row{
    display: inline-flex;
    flex-direction: row;
    margin-top: 5px;
}

.forex-main .table-responsive{
    overflow-x: auto;
}

.forex-main .inline-flex{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.forex-main .btn-group, .ns-chart .btn-group{
    margin-left: 5px;
    width: 100%;
}

.forex-main .btn-group button, .ns-chart .btn-group button {
    background-color: white;
    border: 1px solid gray;
    padding: 10px 25px;
    color: black;
    cursor: pointer;
    float: left;
}

.forex-main .btn-group button.active, .ns-chart .btn-group button.active{
    background-color: #ffde22;
}

.forex-main .btn-group button:not(:last-child) {
    border-right: none;
}

.forex-main .btn-group:after {
    content: "";
    clear: both;
    display: table;
}

.forex-main .btn-group button:hover {
    background-color: rgba(255,222,34, 0.3);
}

/*Gold silver*/
.gs-container, .ns-container{
    padding: 20px;
}

.gs-chart .nav-pills .nav-link{
    background: #ffde22;
    margin-right: 1px;
}

.gs-chart .nav-pills .nav-link.active{
    background: #bb1919;
}

/*radio button*/
.stv-radio-buttons-wrapper {
    clear: both;
    display: inline-block;
}

.stv-radio-button {
    position: absolute;
    left: -9999em;
    top: -9999em;
}

.stv-radio-button  + label{
    float: left;
    padding: .5em 1em;
    cursor: pointer;
    border: 1px solid #998514 ;
    margin-right: -1px;
    color: black;
    background-color: #ffde22;
}

.stv-radio-button + label:first-of-type {
    border-radius: .7em 0 0 .7em;
}

.stv-radio-button + label:last-of-type {
    border-radius: 0 .7em .7em 0;
}

.stv-radio-button:checked + label {
    background-color: #E5C71E;
}



@media all and (max-width: 767px){
    .forex-main{
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .forex-left, .forex-right{
        width: 93%;
    }

    /*.forex-main .amount-converter .row{
        display: flex;
        flex-direction: column;
        margin-top: 5px;
    }

    .forex-main .body .amount1{
        margin-right: 0;
        margin-bottom: 8px;
        }*/

}