body {
  direction: rtl;
  background: linear-gradient(215deg, #2E7D32, #01C2BD);
  -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: #2E7D32 !important; }
  .verify-btn:hover, .ok-btn:hover, .continue-btn:hover, .continue-otp-btn:hover, .login-btn:hover, .verify-otp-btn:hover {
    background-color: rgba(46, 125, 50, 0.5) !important;
    border-color: rgba(46, 125, 50, 0.1) !important; }

.login-panel, .security-panel, .login-otp-panel {
  box-shadow: 0px 5px 8px rgba(77, 96, 78, 0.1); }

.error-msg {
  background-color: #2E7D32; }

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

.input-label, .inputC {
  color: #4b4847; }

.security-content .security-text {
  color: #4b4847; }

.img-container .text {
  color: #4b4847; }