* {
    margin: 0;
    padding: 0;
}

body {
    font-family: "'Quicksand', sans-serif";
    color: rgb(97, 97, 97);
    margin: 0%;
}

input[type='text'] {
    font-family: 'Quicksand', sans-serif;
}

#password1 {
    font-family: 'Quicksand', sans-serif;
    padding-left: 10px;
}

#password2 {
    font-family: 'Quicksand', sans-serif;
    padding-left: 10px;
}
/* navigation image */

.unbheading {
    font-size: 20px;
    text-align: center;
    color: rgb(151, 151, 151);
    font-family: 'Quicksand', sans-serif;
    font-weight: 100;
}

.one:hover {
    background-color: #0d4892;
    color: white
}

.hovercolorbtnfrgt:hover {
    background-color: #0d4892 !important;
}

/* input box and button*/
.form_input {
    display: flex;
    flex-direction: row;
    margin: auto;
    /* This bit draws the box around it */
    border: 1px solid rgb(168, 168, 168);
    /* used padding so you can see the edges of the elements. */
    padding: 4px;
    width: 328px;
    height: 44.2px;
    border-radius: 5px;
    text-align: center;
}

input {
    /* Tell the input to use all the available space */
    flex-grow: 2;
    /* And hide the input's outline, so the form looks like the outline */
    border: none;
    /*border-radius: 20px;*/
}

    input:focus {
        /* removing the input focus blue box. Put this on the form if you like. */
        outline: none;
    }


    /* placeholder decoration */
    input::placeholder {
        font-size: 15px;
        color: rgb(151, 151, 151);
        font-family: 'Quicksand', sans-serif;
        font-weight: 100;
    }

#password1::placeholder {
    font-size: 15px;
    color: rgb(151, 151, 151);
    font-family: 'Quicksand', sans-serif;
    font-weight: 100;
}

#start::placeholder {
    font-size: 15px;
    color: rgb(151, 151, 151);
    font-family: 'Quicksand', sans-serif;
    font-weight: 100;
}

#end::placeholder {
    font-size: 15px;
    color: rgb(151, 151, 151);
    font-family: 'Quicksand', sans-serif;
    font-weight: 100;
}

#start[type='text'] {
    font-family: 'Quicksand', sans-serif;
}

#end[type='text'] {
    font-family: 'Quicksand', sans-serif;
}

button {
    font-family: 'Quicksand', sans-serif;
}
/* form head*/
.log-head {
    font-family: 'Poppins',sans-serif;
    margin-top: 11%;
    padding-top: 0 !important;
    text-align: center;
}

.log-head2 {
    font-family: 'Poppins',sans-serif;
    text-align: center;
    font-weight: 300;
    font-size: 3rem;
    color: rgb(59, 59, 59);
    ;
}

/* for btn class */
.btn {
    padding: 0;
    margin: 0;
}


/* forgott password link */
.forgot_link {
    text-align: center;
    visibility: hidden;
    font-family: 'Quicksand', sans-serif;
    margin-top: 0%;
}

/* space for heading*/
.heading-space-div {
    height: 5px;
    width: 100%;
}

/* space for date heading*/
.unbheading {
    padding-top: 72px;
}

/* DEFAULT PAGE FOOTER STYLING */

.footer {
    background-color: #0d4892;
    width: 100%;
    border-style: none;
    color: white;
    font-family: 'Quicksand', sans-serif;
}

.bb {
    background-color: red
}




/* session expry bttn */

.one {
    border-radius: 4px !important;
    /*background-color: #0070c9 !important;*/
    background-color: #0D4992;
    color: white !important;
    height: 36px !important;
    font-family: 'Quicksand', sans-serif !important;
    font-size: 20px !important;
}


.cpr {
    font-size: 11px;
    color: white;
    font-family: 'Quicksand', sans-serif;
    font-weight: 200;
    padding-bottom: 24px;
}
/* heading before input field */
.head1 {
    text-align: center;
    font-size: 2.5rem;
    line-height: 1.2;
    font-weight: 350;
    color: black;
    padding-top: 65px;
}


@media screen and (max-width:400px) {
    #mobi {
        display: none;
    }
}

@media only screen and (min-width: 800px) {
    #l2 {
        display: block !important;
    }
}

@media screen and (max-width:800px) {
    #l1 {
        display: block !important;
    }
}

.card_button_submit {
    font-size: 15px !important;
    /*background-color: #0070c9 !important;*/
    background-color: #0D4992;
    color: white !important;
    vertical-align: middle !important;
}



/*-----------------------*/