.signin-form-field
{
    width: 100%;
    resize: none;
    border-radius: 0px !important;
/*    border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;*/
/*    background: linear-gradient(to right, #00e1ff 20%, #00e1ff 80%) 0 100% / 100% 2px no-repeat, linear-gradient(to right, transparent 30%,transparent 70%) 0 0 / 100% 2px no-repeat, linear-gradient(to bottom, transparent 80%, #00e1ff 20%) 0 0 / 2px 100% no-repeat, linear-gradient(to bottom, transparent 80%, #00e1ff 20%) 100% 0 / 2px 100% no-repeat white;*/
    font-size: 1em;
    border: 1px solid ;
}

.signin-form-row
{
    margin: 3% auto;
}
.rowpadding
{
    padding-bottom: 10px;
}

#signin-button
{
    color: black;
    border: solid #00e1ff thin;
    padding: 1em;
    background: white;
    border-radius: 0;
    float: right;
    font-size: 1.25em;
    margin-top: 7%;
}
input[name='password']
{
    margin-top: 5%;
}
input[name=recover-submit]
{
    color: black;
    border: solid #00e1ff thin;
    padding: 1em;
    background: white;
    border-radius: 0;
    float: right;
    font-size: 1.25em;
    margin-top: 7%;
    
}

input[name=recover-submit]:hover
{
    color: black;
    border: solid #00e1ff thin;
    padding: 1em;
    background: white;
    border-radius: 0;
    float: right;
    font-size: 1.25em;
    margin-top: 7%;
    
}

#fpassword-container
{
    align-self: center;
    align-items: center;
    align-content: center;
    margin: 0;
    padding-top: 2%;
    padding-bottom: 2%;

    

    background-color: white;
}

#signin-container
{
    align-self: center;
    align-items: center;
    align-content: center;
    margin: 0;
    padding-top: 2%;
    padding-bottom: 2%;

    background: url(../images/signin/signin-bg.png);


    background-repeat: no-repeat;

    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;;

    background-color: white;



}
#signin-container1
{
    align-self: center;
    align-items: center;
    align-content: center;
    margin: 0;
    padding-top: 2%;
    padding-bottom: 2%;

    background: url(../images/landing/cle_banner_bg.png);

     
    background-repeat: no-repeat;

    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;;

    background-color: white;



}


.form-signin {
    margin: auto 10px;
    
}

#signin-box
{

    background-color: white;
    /*border: solid #00e1ff thin;*/
    border: solid #808080 thin;
    border-radius: 3%;

    padding: 3% 10%;
    
    display: flex;
    flex-wrap: wrap;
}
#signin-box1
{

    background-color: white;
    /*border: solid #00e1ff thin;*/
    border: solid #808080 thin;
    border-radius: 3%;

    padding: 15px 60px 15px 60px;
    
     
    flex-wrap: wrap;
}
.form-signin-heading {
    text-align:center;
    margin-bottom: 30px;
}

.category_heading
{
    margin: 0;
    padding: 0;
    padding-top: 20px;
    margin-left: auto;
    margin-right: auto;
}

.category_heading:after
{

    margin-bottom: 7%;
}


@media (max-width:768px) 
{
    #fp-link
    {
        float: start;
    }
    #reg-link
    {
        float: start;
    }

    * 
    {
        text-height: font-size;
        font-size: small !important;
    }

    #signin-box
    {
        padding: 0px;

    }


    #nav-padding
    {
        display: none;
    }

    .aspect-ratio-box {
        background: white;
        width: 100% !important;
        height: 100% !important;
        margin-bottom: auto;

    }
    .aspect-ratio-box::before {
    }
    .aspect-ratio-box::after {
    }

    .navbar-fixed-top
    {
        position: absolute;
    }

    #signin-container
    {
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .landing-container
    {
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
    }
    
    .category_heading
    {
        font-size: 1.5em !important;
    }
}

#fp-link
{

    float:left; 
    padding-top: 10px;
    font-size: 1em;
}
#reg-link
{
    float:right; 
    padding-top: 10px;
    font-size: 1em;

}
.aspect-ratio-box {
    background: white;
}
.aspect-ratio-box::before {
    content: "";
    width: 1px;
    margin-left: -1px;
    float: left;
    height: 0;
    padding-top: calc(591.44px / 1127.34px * 100%);
}
.aspect-ratio-box::after { /* to clear float */
    content: "";
    display: table;
    clear: both;
}



#agreecheck
{
    align-self: flex-start;
    margin-top: 0px;
    
}

#rememberme
{
    align-self: flex-start;
    float: left;
}

.checkbox
{
    
    margin: 0;
}