.currancye2{
  width: 700px;
    padding: 20px;
}
input{
  width: 150px;
}
.cur-flag {
    vertical-align: middle;
}
table tr th, table tr td, .local-cur tr th, .gold tr th {
    border-top: 1!important;
    /* line-height: !important; */
    

   
  
}
.currancye2 table {
    border-spacing: 0;
    border-collapse: collapse;
   
}
/* ====================widget ================= */
#currancye table tr th,#currancye table tr td,#currancye .local-cur tr th,#currancye .gold tr th {
    color: aliceblue; 
    text-align: right;
   padding-right: 0px;
   font-size: 1.6rem;
   line-height: 1.5;
}

.my-widget-title p{
  margin-top: 15px;
    text-align: center;
    font-weight: bold;
    color:#ffffff;
    font-size: 22px;
}

    
    #currancye{
    top: -24px !important;
    }


.my-widget-title{
      background-color: #7b9bd0;
    }
    .icon-title img{
      position: absolute;
      top: 0px;
      left: 22px;
      width: 45px;
    }
#currancye .icon-title{
  background:#ffffff;
  text-align:center;
   width: 90px;
   height: 45px;
   margin:0px auto;
   margin-bottom: -25px;
   position: relative;

   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12), 0 6px 10px 0 rgba(0, 0, 0, 0.12);
 }


#currancye .my-bottom{
  height: 50px;
  background: #1a3457;
  color:aliceblue;
  text-align:center;
  padding: 10px;
}
#currancye .my-thead{
  padding:0px;
}
.mycoins{
  width: 25px;
}
table thead{
  height: 50px;
  background: #1a3457;
}
#currancye .my-table{
  padding-top: 10px;
  padding-bottom:0px;
}
#currancye table{
  margin:0px;
}
#currancye tbody tr {
    border-bottom: 2px solid #c5d4eb;
}
.my-down {
    /* display: block; */
    color: red;
    margin-top: 7px;
    font-size: 18px;
}
.my-equal{
  color:#f5ed18;
  font-size: 13px;
}
.my-up {
 
  margin-top: 7px;
    color: #52b55f;
    font-size: 18px;
}
.table>:not(:first-child) {
    border-top: 2px solid aliceblue;
} 


.my-thead .th_empty{
    width: 22px;
}
.opinion-sidebar .widget>div {
    padding:15px 25px;
}
@media (max-width: 1030px){
.opinion-sidebar .widget>div {
    padding: 10px;
    
}
.my-thead .th_empty{
    width: 10px;
}
}

@media (max-width: 970px){
.opinion-sidebar .widget>div {
  padding:15px 25px;
}
.my-thead .th_empty{
    width: 22px;
}

.flex-container-top {
  display: flex;
}


.exchange-rate-top {
  margin-bottom: 10px;
  margin-left: 10px;
  display: flex;
  align-items: center;
  padding: 10px;

  justify-content: space-between;
  color: white;
}

.rate-value-top {
  font-size: 1em;
  display: block;
  margin: 0 5px;
  padding: 0 5px;
  line-height: 15px;

}

.arrow-up-top {
  color: green;
  font-size: 2em;
}

.arrow-down-top {
  color: red;
  font-size: 2em;
}

.icon_currency-top {
  font-size: 2em;
  margin-right: 0px;
}
}