body {
  direction: rtl;
  background: linear-gradient(215deg, #FF4747, #FF6F9B, #FFCC92);
  -webkit-animation: bg-gradiant 15s ease-in-out infinite;
  -moz-animation: bg-gradiant 15s ease-in-out infinite;
  animation: bg-gradiant 15s ease-in-out infinite;
  background-size: 500% 500%; }

.verify-btn, .ok-btn, .continue-btn, .continue-otp-btn, .login-btn, .verify-otp-btn {
  background-color: #FF4747 !important; }
  .verify-btn:hover, .ok-btn:hover, .continue-btn:hover, .continue-otp-btn:hover, .login-btn:hover, .verify-otp-btn:hover {
    background-color: rgba(255, 71, 71, 0.5) !important;
    border-color: rgba(240, 78, 55, 0.1) !important; }

.login-panel, .security-panel, .login-otp-panel {
  box-shadow: 0px 5px 8px #e1574c8a; }

.error-msg {
  background-color: #FF4747; }

.indicators li.active {
  background-color: #FF4747; }

.input-label, .inputC {
  color: #041a30; }

.security-content .security-text {
  color: #041a30; }

.img-container .text {
  color: #041a30; }

div[position='2'] .img {
  background-image: url(../Images/logo.svg); }