.container-fluid {
            padding-left: 0;
        }
        .login-header, .login-footer {
            text-align: center;
        }
       .modal, .modal-open .modal {
            top: 50%;
/* opacity: .8; */
            transform: translateY(-50%);
            overflow: auto;
            height: calc(100vh - 5%);
        }
        .modal.in .modal-dialog {
            top: 45%;
            transform: translateY(-50%);
        }
        @media (max-height: 500px) {
            .modal.in .modal-dialog {
                top: 0;
                transform: none;
            }
        }
        .modal-body {
            margin-left: auto;
            margin-right: auto;
            width: 80%;
            padding-top: 40px;
            padding-bottom: 20px;
        }
        @media (max-width: 767px ) {
            .modal-body {
                width: 100%;
            }
        }
        .modal-content {
            padding: 10px 40px;
            background-color:#fff;
            -webkit-box-shadow: none;
            box-shadow: none;
        }
        .modal-footer {
            border: 0;
        }
        input.form-control {
            border-top: 0;
            border-left: 0;
            border-right: 0;
            box-shadow: none;
            -webkit-box-shadow: none;
            background-color: #e8e8e8;
        }
        input.form-control:focus {
            box-shadow: none;
            -webkit-box-shadow: none;  
        }
        .btn-primary {
            margin-bottom: 25px;
        }
        .nav-tabs, .nav-tabs li.active a {
            border: 0;
        }
        .nav > li > a:focus, .nav > li > a:hover {
            text-decoration: underline;
        }
        .nav-tabs li.active a:hover {
            border: 0;
        }
        .nav-tabs li {
            font-size: 22px;
            text-transform: uppercase;
        }
        .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
            color: var(--link-text); /* bright red */
            text-decoration: underline;
            border: 0;
        }            
        a {
            color: #a7a9ac; /* light gray */
        }
        a:focus, a:hover {
            color: var(--link-text);
            border: 0;
        }
        .nav > li > a:focus, .nav > li > a:hover {
            background-color: transparent;
        }
        /*STYLING THE TABS SO THAT THEY ARE EQUIDISTANT FROM EITHER SIDE*/
        ul {
            width: 300px;
            margin:0 auto;
        }
        li {
            width: none;
        }
        li:first-child {
            margin-right:45px;
        }
        .nav>li>a {
            padding: 0;
            margin: 10px 0;
        }
        .nav>li>a:hover {
            border: transparent;
            padding: 0;
        }
        .nav-tabs>li>a {
            border: none;
        }
        /******** removing yellow input brackgrounds in chrome **********/
        input:-webkit-autofill {
            -webkit-box-shadow: 0 0 0px 1000px #e8e8e8 inset;
        }
        input:-webkit-autofill:focus {
            -webkit-box-shadow: 0 0 0px 1000px #e8e8e8 inset;
        }
        @media (max-width: 449px) {
            ul {
                width: 100%;
            }
            .nav-tabs > li {
                float: none;
                width: 100%;
            }
            .modal-content {
                padding: 10px 10px;
            }
        }