/*!
 * Bootstrap v5.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
 :root {
  --bs-blue: #63B3ED;
  --bs-indigo: #596CFF;
  --bs-purple: #6f42c1;
  --bs-pink: #f46082;
  --bs-red: #fd2959;
  --bs-orange: #feae08;
  --bs-yellow: #F9D414;
  --bs-green: #1aae6f;
  --bs-teal: #20c997;
  --bs-mint: #b0eed3;
  --bs-cyan: #0dcaf0;
  --bs-white: #fff;
  --bs-gray: #7F7677;
  --bs-gray-dark: #4A4545;
  --bs-gray-100: #F5F4F4;
  --bs-gray-200: #ECEAEA;
  --bs-gray-300: #D8D4D4;
  --bs-gray-400: #BBB4B4;
  --bs-gray-500: #9E9494;
  --bs-gray-600: #7F7677;
  --bs-gray-700: #4A4545;
  --bs-gray-800: #353131;
  --bs-gray-900: #201D1D;
  --bs-primary: #fd2959;
  --bs-gradient-light: linear-gradient(310deg, #dddde0 0%, #ededed 100%);
  --bs-gradient-primary: linear-gradient(180deg, #fd2959 0%, #feae08 70%, #feae0800 98%);
  --bs-gradient-primary-login: linear-gradient(310deg, #fac300 0%, #ce194c 100%);
  --bs-gradient-secondary: linear-gradient(310deg, #fd2959 0%, #feae08 100%);
  --bs-gradient-secondary-login: linear-gradient(310deg, #625e5f 0%, #bfb9ba 100%);
  --bs-gradient-profile: linear-gradient(320deg, #ffeb00 0%, #ef7e03 35%, #cd0d3d 70%, #eb346b 100%);
  --bs-gradient-primary-beta: linear-gradient(310deg, rgba(255,187,4,0.35) 0%, rgba(254,174,8,0.1)100%);
  --bs-secondary: #ef8a0a;
  --bs-success: #2dce89;
  --bs-info: #11cdef;
  --bs-warning: #f5b510;
  --bs-danger: #fd2959;
  --bs-light: #ECEAEA;
  --bs-dark: #4A4545;
  --bs-white: #fff;
  --bs-primary-rgb: 94, 114, 228;
  --bs-secondary-rgb: 131, 146, 171;
  --bs-success-rgb: 45, 206, 137;
  --bs-info-rgb: 17, 205, 239;
  --bs-warning-rgb: 251, 99, 64;
  --bs-danger-rgb: 245, 54, 92;
  --bs-light-rgb: 233, 236, 239;
  --bs-dark-rgb: 52, 71, 103;
  --bs-white-rgb: 255, 255, 255;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 103, 116, 142;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: "Open Sans", sans-serif;
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #7F7677;
  --bs-body-bg: #fff;
}

.bg-gradient-profile {
  background-image: -moz-linear-gradient(0deg, #ffeb00 0%, #ef7e03 35%, #cd0d3d 70%, #eb346b 100%)!important;
  background-image: var(--bs-gradient-profile)!important;
  background-image: -ms-linear-gradient(0deg, #ffeb00 0%, #ef7e03 35%, #cd0d3d 70%, #eb346b 100%)!important;
}

.row .card #paymentservices.card-header.bg-gradient-primary-beta .icon.icon-shape.icon-sm.shadow.border-radius-sm.bg-white svg,
.row .card #paymentservices.card-header.bg-gradient-primary-beta .icon.icon-shape.icon-md.shadow.border-radius-sm.bg-white svg {
  fill: var(--bs-warning) !important;
  color: var(--bs-warning) !important;
}

#login .bg-gradient-secondary {
  background-image: var(--bs-gradient-secondary-login) !important;
  color: var(--bs-white) !important;
}

#RegisterNow .bg-gradient-primary,
#login .bg-gradient-primary {
  background-image: var(--bs-gradient-primary-login) !important;
  color: var(--bs-white) !important;
}

img#sendmail {
  filter: hue-rotate(var(--value, 360deg));
  --value: 180deg;
}

#sim4pay.email {
  display: none;
}

.rotate-scale-up {
	-webkit-animation: rotate-scale-up 0.65s linear both;
	        animation: rotate-scale-up 0.65s linear both;
}

/**
 * ----------------------------------------
 * animation rotate-scale-up
 * ----------------------------------------
 */
 @-webkit-keyframes rotate-scale-up {
  0% {
    -webkit-transform: scale(1) rotateZ(0);
            transform: scale(1) rotateZ(0);
  }
  50% {
    -webkit-transform: scale(2) rotateZ(180deg);
            transform: scale(2) rotateZ(180deg);
  }
  100% {
    -webkit-transform: scale(1) rotateZ(360deg);
            transform: scale(1) rotateZ(360deg);
  }
}
@keyframes rotate-scale-up {
  0% {
    -webkit-transform: scale(1) rotateZ(0);
            transform: scale(1) rotateZ(0);
  }
  50% {
    -webkit-transform: scale(2) rotateZ(180deg);
            transform: scale(2) rotateZ(180deg);
  }
  100% {
    -webkit-transform: scale(1) rotateZ(360deg);
            transform: scale(1) rotateZ(360deg);
  }
}