/* The popup background */
          .apploxa_p_popup {
              display: none;
              position: fixed;
              z-index: 999;
              left: 0;
              top: 0;
              width: 100%;
              height: 100%;
              overflow: auto;
              background-color: rgb(0, 0, 0);
              background-color: rgba(0, 0, 0, 0.4);
              
          }

          /* Popup content */
          .apploxa_p_popup_content {
              background-color: #fefefe;
              margin: 15% auto;
              padding: 40px;
              border: 1px solid #888;
              max-width: 500px;
              border-radius: 10px;
          }

          /* Close button */
          .apploxa_p_close {
              color: #aaa;
              float: right;
              font-size: 28px;
              font-weight: bold;
          }

          .apploxa_p_close:hover,
          .apploxa_p_close:focus {
              color: black;
              text-decoration: none;
              cursor: pointer;
          }
          .apploxa_p_tab  {
            display: flex;
            margin-top: 59px;
            gap: 12px;
        }
          /* Tab buttons */
          .apploxa_p_tab button {
              background-color: #ddd!important;
              float: left;
              border: none;
              outline: none;
              cursor: pointer;
              padding: 14px 16px;
              transition: 0.3s;
              font-size: 17px;
              color: black!important
          }

          .apploxa_p_tab button:hover {
              background-color: #ddd!important;
          }

          .apploxa_p_tab button.active {
              background-color: #00A7E1!important;
              color: white;
          }

          /* Tab content */
          .apploxa_p_tabcontent {
              display: none;
              padding: 20px 0;
              border-top: none;
          }

          .apploxa_p_tabcontent form {
              display: flex;
              flex-direction: column;
          }

          .apploxa_p_tabcontent input[type="text"],
          .apploxa_p_tabcontent input[type="password"] {
              padding: 10px;
              margin: 5px 0 10px 0;
              border: 1px solid #ccc;
              border-radius: 5px;
              width: 100%;
          }

          .apploxa_p_tabcontent button {
              background-color: #00a86b!important;
              color: white;
              padding: 10px;
              border: none;
              border-radius: 5px;
              cursor: pointer;
          }

          .apploxa_p_tabcontent button:hover {
              background-color: #00a86b!important
          }
          .apploxa_p_otp_input {
              display: flex;
              justify-content: center;
              margin-bottom: 20px;
              gap:20px;
              direction:ltr!important;
          }

          .apploxa_p_otp_input input {
              width: 20%;
              padding: 10px;
              text-align: center!important;
              font-size: 18px;
              border: 1px solid #ccc;
              border-radius: 5px;
          }

          .apploxa_p_otp_input input:focus {
              border-color: #00A7E1;
              outline: none;
          }
          .apploxa_p_otp_input input{width: 60px!important}
           body.rtl .apploxa_p_popup input{text-align: right;} 
          /*#apploxa_p_otp .apploxa_p_otp_input input{text-align: left;}*/