@import url(https://fonts.googleapis.com/css?family=Roboto:300);

        .login-page {
            /*   width: 360px; */
            padding: 8% 0 0;
            margin: auto;
        }

        .form {
            position: relative;
            z-index: 1;
            background: #ffb80c;
            max-width: 460px;
            margin: 0 auto 10px;
            padding: 30px;
            padding-bottom: 5px;
            text-align: center;
            border-radius: 10px;
            box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);

        }

        @media only screen and (max-width: 767px) {
            .form #blinking-text {
                line-height: 1.4;
                padding: 5px;
            }


        }

        @media only screen and (max-width: 767px) {
            .form {
                border-radius: 1px;
                margin-bottom: 0;
                box-shadow: none;
            }

            .Login-page .form {
                margin: -10px;
            }

            .form .frmlogo {
                width: 70%;
            }
        }

        .frmlogo {
            margin-top: -20px;
            margin-bottom: 10px;
            width: 80%;
            margin-left: -20px;
        }


        .form input {
            font-family: Helvetica, Tahoma, sans-serif;
            outline: 0;
            background: #f2f2f2;
            width: 100%;
            border: 1px solid #666;
            border-radius: 8px;
            margin: 0 0 13px;
            padding: 11px;
            box-sizing: border-box;
            font-size: 15px;
            box-shadow: inset 0 0.53333vw 0 0 rgba(0, 0, 0, 0.1);
        }

        .form a {
            text-decoration: underline;

        }

        ::placeholder {
            color: #1e1e1e;
        }

        .form button {
            font-family: Helvetica, Tahoma, sans-serif;
            text-transform: uppercase;
            outline: 0;
            background-image: linear-gradient(-180deg, #464646 15%, #121212 100%);
            width: 100%;
            border: 1px solid #000;
            border-radius: 5px;
            padding: 13px;
            color: #FFB80C;
            font-size: 14px;
            font-weight: bold;
            -webkit-transition: all 0.3 ease;
            transition: all 0.3 ease;
            cursor: pointer;

            a {
                color: #FFB80C
            }

            margin-top: 10px;
        }

        .form button:hover,
        .form button:active,
        .form button:focus {
            background: #464646;
            color: white;

            a {
                color: white;
            }
        }

        .form .message {
            margin: 15px 0 0;
            color: #000;
            font-size: 15px;
            font-family: Roboto, sans-serif;
        }

        .form .message a {
            color: blue;
            text-decoration: underline;
        }

        .form .register-form {
            display: normal;
        }

        .container {
            position: relative;
            z-index: 1;
            max-width: 300px;
            margin: 0 auto;
        }

        .container:before,
        .container:after {
            content: "";
            display: block;
            clear: both;
        }

        .container .info {
            margin: 50px auto;
            text-align: center;
        }

        .container .info h1 {
            margin: 0 0 15px;
            padding: 0;
            font-size: 36px;
            font-weight: 300;
            color: #1a1a1a;
        }

        .container .info span {
            color: #4d4d4d;
            font-size: 12px;
        }

        .container .info span a {
            color: #000000;
            text-decoration: none;
        }

        .container .info span .fa {
            color: #EF3B3A;
        }

        /* Add margin to the Login button */
        .form .login-form button {
            margin-bottom: 10px;
        }

        /* Or add margin to the support button */
        .form .login-form .support-btn {
            margin-top: 10px;
        }

        /* Change the color of the text in the "Login Problem?" button to white */
        .form .login-form .support-btn {
            color: #ffffff;
        }

        #blinking-text {
            animation: blink 2s linear infinite;
        }

        @keyframes blink {

            0%,
            100% {
                opacity: 1;
            }

            50% {
                opacity: 0;
            }
        }


        /* CSS for adjusting the font size of the disclaimer text */
        .disclaimer {
            font-size: 14px;
            ;
            font-family: Roboto, sans-serif;
            color: black;

            a {
                color: blue;
            }

            padding-top: 10px;
        }

        /* CSS for styling the forgot password link */
        .forgot-password-link {
            color: blue;
        }


        /* CSS For Whatsapp Float Button */

        .whatsapp-float {

            position: fixed;

            bottom: 20px;

            right: 20px;

            background-color: #F5931B;

            color: #000;
            text-align: center;

            padding: 10px 30px;
            margin-left: 20px;
            border-radius: 30px;

            text-decoration: none;

            z-index: 9999;

        }

        .whatsapp-float:hover {
            background-color: #F5931B;
            color: white;
        }