body{ font-family: 'Roboto', sans-serif;}

.heading{
    font-weight: 900;
    text-transform: uppercase;
}

.sub-heading{
    text-transform: capitalize;
    font-weight:500;
}

.text-lighty {
    color: rgb(41 152 235);
}
.header-container{
background-color: rgb(21 4 126);
}


#output-amount, #input-amount, input#output-amount:focus, input#input-amount:focus{
    outline: none;
    border: none;
    box-shadow: none;

}

.currency-select, .currency-select:focus{
    border: none;
    outline: none;
    box-shadow: none;
    /* width: 100%; */
}

#amountAndCurrencyGroup{
    padding: 8px 5px;
    border: 1px solid #bdbdbd;
    border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    -ms-border-radius: 0.5rem;
    -o-border-radius: 0.5rem;
}


.exchange-btn{
    background-color: rgb(21 4 126) ;
    padding: 5x;
    color: white;
    border-radius: 1rem;
    border: none;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
}

.img-flag {
    margin-right: 2px !important;
    display: inherit !important;
    /* max-width: 64px; */
    width: 22px;
    height: 20px;
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
}

.select2-search__field .select2-container--default .select2-search--inline{
    width: 100% !important;
    border: none !important;
}



  [class^='select2'] {
    border-radius: 0px !important;
    border: none !important;
  }

/* #amountAndCurrencyGroup .input-group-append{

    position: relative;
} */

#amountAndCurrencyGroup>.input-group-append{
   /* width: 30%; */
   position: relative;
   margin-right: 0.5px;
}
.select2-search__field {
    border: 1px rgb(169, 168, 166) solid !important;
}

.select2-search__field:focus{
    outline: none !important;
}

.select2-results{
    border: #bdbdbd 1px solid !important;
    box-shadow: inset;
}

/* #chartContainer {
    max-width: 760px;
    margin: 35px auto;
    opacity: 0.9;
  } */