﻿/*#region Imports*/
@font-face {
  font-family: 'Bahij-Regular';
  src: url("Bahij/Bahij-Palatino-Sans-Arabic-Regular-new.otf"); }

@font-face {
  font-family: 'Bahij-Bold';
  src: url("Bahij/Bahij_Palatino_Sans_Arabic-Bold-new.otf"); }

@font-face {
  font-family: 'Anjoman-Regular';
  src: url("Anjoman/AnjomanFaNum-Medium.woff"); }

@font-face {
  font-family: 'Anjoman-Bold';
  src: url("Anjoman/AnjomanFaNum-SemiBold.woff"); }

.Bahij-Regular {
  font-family: Bahij-Regular, Arial, Helvetica, sans-serif; }

.Bahij-Bold {
  font-family: Bahij-Bold, Arial, Helvetica, sans-serif; }

.Anjoman-Regular {
  font-family: Anjoman-Regular, Arial, Helvetica, sans-serif; }

.Anjoman-Bold {
  font-family: Anjoman-Bold, Arial, Helvetica, sans-serif; }

/*#endregion Imports*/
body {
  background: linear-gradient(215deg, #293D90, #11A79E, #FFCC92); }

/*.logo-container {
    .logo {
        background-image: url(../Images/Logo.svg);
    }

    .customer-title {
        width: 100%;
    }

    .customer-subtitle {
        color: #83d38e;
        font-family: Bahij-Regular;
        font-size: 12px;
    }
}*/
.front .title {
  color: #293D90; }

.front .text {
  color: #113756; }

.front .follow-old-pay {
  color: #11A79E; }

.top-bar .title {
  color: #293D90; }

.input-row .title, .input-row .input {
  color: #293D90; }

.accOrLoanNoContainer input {
  color: #293D90; }

.verify-row .title {
  color: #113756; }

.verify-row .text {
  color: #293D90; }

.verify-row .text.amount, .verify-row .text.pay-id {
  color: #11A79E; }

.ok, .continue, .pay-identity-btn, .print, .search, .pay-id-print {
  background-color: #11A79E;
  color: white; }
  .ok:hover, .continue:hover, .pay-identity-btn:hover, .print:hover, .search:hover, .pay-id-print:hover {
    background-color: GetColor(#11A79E, 0.4); }

.cancel, .pay-id-back, .cancel-from-verify {
  background-color: #293D90;
  color: white; }
  .cancel:hover, .pay-id-back:hover, .cancel-from-verify:hover {
    background-color: GetColor(#293D90, 0.4); }

.final-result-success .big-title, .final-result-success .text.amount {
  color: #293D90; }

.mellat_mono {
  background-image: url(../Images/mellat_mono.svg);
  transition: all linear 0.2s; }
  .mellat_mono:not(.disable):hover {
    background-image: url(../../../Assets/Images/mellat.svg); }
