body {
            font-size: var(--font-size-base, 14px);
            line-height: var(--line-height-base, 1.42857143);
            background-color: #f9f9f9;
            color: #2c3b4d;
            font-family: ProximaNova, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
        }
        
        .logo {
            border-bottom: 1px solid #ddd;
        }
        
        .logo img {
            width: 190px;
            padding: 10px 5px 5px 5px;
        }
        
        .col.s12 > .button {
            width: 100%;
            background-color: #3a7d3d;
            /* background-color: #fbce00; */
            text-transform: none;
            height: 2.5em;
            line-height: 2.5em;
            border-radius: 4px;
            font-size: 18px;
            margin-bottom: 1em;
            margin-top: 1em;
        }
        
        .col.s6 > .button {
            width: 100%;
            /* background-color: #fbce00; */
            background-color: #3a7d3d;
            text-transform: none;
            height: 2.5em;
            line-height: 2.5em;
            border-radius: 4px;
            font-size: 18px;
            margin-bottom: 1em;
            margin-top: 1em;
        }
        
        .or-text {
            text-align: center;
        }
        
        .signin-head {
            text-align: center;
            font-size: 2em;
            margin: 0.75em 0em 0.5em 0em;
        }
        
        .signin-box {
            -webkit-flex-shrink: 0;
            flex-shrink: 0;
            background: #fff;
            -webkit-border-radius: 5px;
            border-radius: 5px;
            -webkit-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.2), 0 3px 15px -2px rgba(0, 0, 0, 0.2), 0 4px 15px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.2), 0 3px 15px -2px rgba(0, 0, 0, 0.2), 0 4px 15px 0 rgba(0, 0, 0, 0.2);
            display: block;
            margin: 0 auto;
            min-height: 0;
        }
        
        .allfields {
            padding: 0px 20px;
        }
        
        .input-field-custom {
            margin-top: 0.5em;
            margin-bottom: 0.5em;
        }
        input:not([type]),
        input[type=text]:not(.browser-default),
        input[type=password]:not(.browser-default) {
            background-color: transparent;
            border: none;
            border-bottom: 1px solid #3a7d3d;
            border-radius: 0;
            outline: none;
            height: 3rem;
            width: 100%;
            font-size: 16px;
            margin: 0 0 8px 0;
            padding: 0 3px;
            -webkit-box-shadow: none;
            box-shadow: none;
            -webkit-box-sizing: content-box;
            box-sizing: content-box;
            -webkit-transition: border .3s, -webkit-box-shadow .3s;
            transition: border .3s, -webkit-box-shadow .3s;
            transition: box-shadow .3s, border .3s;
            transition: box-shadow .3s, border .3s, -webkit-box-shadow .3s;
        }
        
        .forget-text {
            /* color: #283593; */
            color: #3a7d3d;
        }
        
        input[type=text]:not(.browser-default):focus:not([readonly]),
        input[type=password]:not(.browser-default):focus:not([readonly]) {
            border-bottoam: 1px solid #3a7d3d;
            box-shadow: 0 1px 0 0 #3a7d3d;
            -webkit-box-shadow: 0 1px 0 0 #3a7d3d;
        }
    
        .sso-icon {
            width: 32px;
            top: 4px;
            right: 10px;
        }
        
        .google-icon {
            margin-right: 10px;
        }

        .abcRioButtonLightBlue {
            background-color: transparent !important;
            color: #fff !important;
        }

        .abcRioButton {
            width: 100% !important;
            height: 100% !important;
            -webkit-border-radius: 0px !important;
            border-radius: 0px !important;
            box-shadow: none !important;
            -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important;
        }
    
        .abcRioButtonContents span{
            font-size: 18px !important;
            padding-top: 5px;
        }

        .abcRioButtonContents{

            line-height: 45px !important;
            left: 65px;
            position: absolute;
        }

        .abcRioButtonIcon{
            padding: 8px;
            background-color: white;
            border-radius: 50%;
            margin: 5px 5px 5px 30px;
        }


        #my-signin2{
            padding: 0px;
        } 
        @media (min-width: 300px) and (max-width: 420px) {
            .signin-box {
                height: 100vh;
                border-radius: 0;
                -webkit-box-shadow: none;
                box-shadow: none;
            }
            .allfields {
                top: 15px;
                position: relative;
            }
            .abcRioButtonContents {
                line-height: 45px !important;
                left: 50px;
            }
            .abcRioButtonIcon {
                margin: 5px 5px 5px 12px;
            }
        }
        
        @media (min-width: 600px) {
            .signin-box {
                width: 460px;
                width: 460px;
                top: 50%;
                position: absolute;
                left: 50%;
                transform: translate(-50%,-50%);
            }
        }