﻿html, body {
    font-family: Calibri;
    background: -webkit-linear-gradient(right, #53a7ea, #b9dcdb);
    background: -o-linear-gradient(left, #53a7ea, #b9dcdb);
    background: -moz-linear-gradient(left, #53a7ea, #b9dcdb);
    background: linear-gradient(to left, #53a7ea, #b9dcdb);
    background-color: #53a7ea;
    padding: 1.5%
}

.login-license-container {
    box-sizing: border-box;
    background: linear-gradient( rgba(255, 255, 255, 0.7), rgba(192, 192, 192, 0.00));
    min-height: 500px;
    height: auto;
}

.centered-login-panel {
    box-sizing: border-box;
    min-height: 350px;
    height: auto;
    margin-top: 5%;
    padding: 5% 3%;
    background: -moz-linear-gradient(top, rgba(3, 97, 145, 0.15), rgba(0, 0, 0, 0.25)), -moz-linear-gradient(left top, rgba(3, 97, 145, 0), rgba(3, 97, 145, 0.15) 50%, rgba(3, 97, 145, 0) 50%, rgba(3, 97, 145, 0)) !important;
    background: -webkit-linear-gradient(top, rgba(3, 97, 145, 0.15), rgba(0, 0, 0, 0.25)), -webkit-linear-gradient(left top, rgba(3, 97, 145, 0), rgba(3, 97, 145, 0.15) 50%, rgba(3, 97, 145, 0) 50%, rgba(3, 97, 145, 0)) !important;
    background: linear-gradient(to bottom, rgba(3, 97, 145, 0.15), rgba(0, 0, 0, 0.25)), linear-gradient(to right bottom, rgba(3, 97, 145, 0), rgba(3, 97, 145, 0.15) 50%, rgba(3, 97, 145, 0) 50%, rgba(3, 97, 145, 0)) !important;
    background-color: #4682B4 !important;
    color: #ffffff !important;
    border-radius: 1em;
}

.error-div {
    box-sizing: border-box;
    border-radius: .5em;
    height: auto;
    padding: 1%;
    background-color: #DCDCDC;
}

.inputwithicon {
    position: relative;
}

    .inputwithicon input[type=text] {
        padding-left: 40px;
    }

    .inputwithicon i {
        position: absolute;
        left: 0;
        top: 3px;
        padding: 9px 8px;
        color: #aaa;
    }

    .inputwithicon input[type=text]:focus + i {
        color: dodgerblue
    }

.passwithicon {
    position: relative;
}

    .passwithicon input[type=password] {
        padding-left: 40px;
    }

    .passwithicon i {
        position: absolute;
        left: 0;
        top: 3px;
        padding: 9px 8px;
        color: #aaa;
    }

    .passwithicon input[type=password]:focus + i {
        color: dodgerblue
    }

.forget-password-div {
    position: absolute;
    left: 0;
    bottom: 20px;
}

.border-top-line {
    border-top: 1px solid #DCDCDC
}
