body, html {
  font-family: 'Cairo', sans-serif !important;
}
.social-icon-btn {
  background: #f8f9fa;
  border: none;
  border-radius: 12px;
  width: 60px;
  height: auto;
  padding: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 0 1px 4px #0001;
  transition: box-shadow 0.2s;
}

.social-icon-btn img {
  width: 30px;
  height: 30px;
  margin-bottom: 6px;
}

.icon-label {
  font-size: 11px;
  color: #333;
  margin-top: 2px;
  text-align: center;
}

.form-control {
  padding: 0px 10px; 
}

.social-icon-circle {
    box-shadow: 0 1px 4px #00000047;
}

.balance-box {
  background: #dce0e0;
}




div#amount-converted {
    display: none !important;
}
label#amount-converted-icon {
    display: none !important;
}
div#order_extra_fee {
    display: none;
}

button.btn.btn-primary {
    width: 100%;
}

div#navbar {
    background: #dce0e021;
}






@keyframes glow-gray {
  0%, 100% {
    box-shadow: 0 0 0 rgba(128,128,128, 0);
  }
  50% {
    box-shadow: 0 0 8px 2px rgba(128,128,128, 0.7);
  }
}


a.navbar-brand {
    margin: 6px;
}