@media screen and (max-width: 800px) {
            html,body {
                overflow: inherit !important;
            }
            .form-slim
            {
                width: 90% !important;
                height: 30px !important;
            }
            .label-float label
            {
                left: 15px !important;
                top: -10px !important;
            }
        }
        @media screen and (max-height: 650px) {
            html,body {
                overflow: inherit !important;
            }
        }
        #logo
        {
            border: 1px rgb(238, 238, 238) solid ;
            padding: 10px;
            border-radius: 10px;
        }
        .footer-special
        {
            position: absolute;
            bottom: 20px;
        }
        html,body {
            width: 100%;
            height: 100%;
        }
        .form-slim
        {
            width: 80%;
            height: 40px;
            border: 0px;
            border-bottom: 1px solid gray;
            background: #F7F9FA;
            color: #252525;
            font-size: 15px;
        }
        .form-slim:focus
        {
            transition: 0.3s;
            border: 0px;
            border-bottom: 1px solid #183457;
            outline: none;
        }
        .form-slim:not(:placeholder-shown)
        {
            border-bottom: 1px solid #183457;
        }
        .btn-form-slim
        {
            border: 1px solid #183457;
            height: 40px;
            width: 50%;
            border-radius: 40px;
            background-color: white;
            color: #183457;
            font-weight: bolder;
        }
        .btn-form-slim:hover
        {
            transition: 0.3s;
            border: 1px solid white;
            background-color: #183457;
            color: white;
            cursor: pointer;
        }
        .label-float{
            position: relative;
            padding-top: 13px;
        }

        .label-float input{
            transition: all .3s ease-out;
            -webkit-transition: all .3s ease-out;
            -moz-transition: all .3s ease-out;
            -webkit-appearance:none;
            border-radius: 0;
        }
        
        .label-float input::placeholder{
            color:transparent;
        }

        .label-float label{
            pointer-events: none;
            position: absolute;
            top: 0;
            left: 40px;
            margin-top: 30px;
            color: #545454;
            transition: all .3s ease-out;
            -webkit-transition: all .3s ease-out;
            -moz-transition: all .3s ease-out;
        }
        .label-float input:focus + label,
        .label-float input:not(:placeholder-shown) + label{
            font-size: 13px;
            margin-top: 0;
            color: #183457;
        }
        input[type ='text']
        {
            font: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
            font-size: 17px;
            font-weight: 600;
            letter-spacing: 1.2px;
        }
        input[type ='password']
        {
            font: large Verdana, geneva, sans-serif;
            font-weight: bold;
            letter-spacing: 5px;
        }
        #loading
        {
            position: relative;
            display: none;
        }
        .scroll-overflow
        {
            overflow-y: scroll;
        }