@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, ul, dl, dt, dd, form,
label, table, caption, tbody, tfoot, thead, tr, th, td, article, fieldset, legend, aside, canvas, details, embed, figure,
figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    border: 0 none;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    vertical-align: top;
}

@import url(https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900);
@import url(https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900);
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700&display=swap');

body {
    margin: 0px;
    font-size: 100%;
    font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
}

img {
    border: none;
}

a {
    text-decoration: none;
}

.clr {
    clear: both;
}

.fullImage {
    width: 100%;
}

.lrImage {
    width: 100%;
}

h1 {
    margin: 0;
    font-size: 17px;
    font-weight: bold;
    outline: none;
}

h2 {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 7px 0 0 0;
    font-size: 17px;
    color: #000;
    text-align: left;
    font-weight: bold;
}

h3 {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 7px 0 0 0;
    font-size: 17px;
    color: #900c3f;
    text-align: left;
    font-weight: bold;
}

h4 {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 7px 0 0 0;
    font-size: 14px;
    color: #000;
    text-align: left;
    font-weight: bold;
}

h5 {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 7px 0 0 0;
    font-size: 13px;
    color: #900c3f;
    text-align: left;
    font-weight: bold;
}

div.olist ol {
    padding: 0;
}

    div.olist ol li {
        margin: 0 0 0 30px;
        padding: 0 0px 7px 0px !important;
    }

/*-- Login Page --*/
.loginouterbox {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    background: url(../Images/bg1.jpg) no-repeat center center fixed;
    background-size: 100% 100%;
    position: absolute;
    z-index: 1;
    background-size: cover;
}

.welcomtext {
    width: auto;
    height: auto;
    padding: 0;
    margin: 0 0 35px 0;
    float: left;
    text-align: center;
    color: #333;
    line-height: 33px;
    font-size: 23px;
    font-weight: 800;
    font-family: 'Montserrat', sans-serif;
}

    .welcomtext p {
        color: #ffff1a;
        color: #242424;
        font-weight: 400;
        font-size: 38px;
        margin-top: 12px;
    }

.loginpanel {
    float: right;
    width: 54%;
    height: auto;
    padding: 10px 10px 10px 10px;
    margin: 7% 7% 0 0;
    background: rgba(205,238,106,1);
    border-radius: 5px;
    overflow: hidden;
    background: #fff;
    position: absolute;
    margin-left: -28%;
    left: 50%;
    top: 0;
}

.loginlogoBox {
    width: 35%;
    height: auto;
    padding: 25px 5%;
    margin: 0;
    background: #fff;
    float: left;
}

.loginlogo {
    width: 42%;
    height: auto;
    padding: 0;
    margin: 4px auto 25px auto;
    text-align: center;
}

.logoname {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    color: #333;
    line-height: 30px;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
}

    .logoname p {
        visibility: hidden;
    }

.loginbox {
    width: 51%;
    height: auto;
    padding: 42px 0 0 12px;
    margin: 0;
    float: left;
}

.loginHeading {
    width: 90%;
    height: auto;
    padding: 0 0 15px 0;
    margin: 25px auto 0 auto;
    /* border-bottom: solid 1px #b4dd28; */
    font-size: 29px;
    color: #080808;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    text-align: center;
}

.loginformBox {
    width: 90%;
    height: auto;
    padding: 15px 5% 15px 6%;
    margin: 0;
    border-radius: 0 0 10px 10px;
}

.loginformrow, #R_txtLogin {
    width: 95%;
    height: auto;
    padding: 19px 2.5%;
    margin: 0;
}

#R_txtLogin {
    width: 90%;
    height: auto;
    padding: 15px 5% 15px 5%;
    margin: 0;
    border-radius: 0 0 10px 10px;
}

#R_txtPass {
    width: 95%;
    height: auto;
    padding: 10px 2.5%;
    margin: 0;
}

.logintextbox {
    width: 80%;
    height: auto;
    padding: 11px 3% 11px 17%;
    margin: 0;
    border: solid 0px #e1e1e1;
    background: #fff url(../Images/usericon.png) no-repeat 15px center;
    outline: none;
    border-radius: 100px;
}

#R_txtLogin {
    width: 80%;
    height: auto;
    padding: 11px 3% 11px 17%;
    margin: 0;
    border: solid 0px #e1e1e1;
    background: #fff url(../Images/usericon.png) no-repeat 15px center;
    outline: none;
    border-radius: 100px;
    width: 93%;
    height: auto;
    padding: 15px 3% 15px 4%;
    margin: 0;
    border: solid 0px #e1e1e1;
    background: #fff url(../Images/usericon.png) no-repeat 15px center;
    outline: none;
    border-radius: 5px;
    background: #e5e5e5;
}

.logintextbox1 {
    width: 80%;
    height: auto;
    padding: 11px 3% 11px 17%;
    margin: 0;
    border: solid 0px #e1e1e1;
    background: #fff url(../Images/passwordicon.png) no-repeat 15px center;
    outline: none;
    border-radius: 100px;
}

#R_txtPass {
    width: 80%;
    height: auto;
    padding: 11px 3% 11px 17%;
    margin: 0;
    border: solid 0px #e1e1e1;
    background: #fff url(../Images/passwordicon.png) no-repeat 15px center;
    outline: none;
    border-radius: 100px;
    width: 80%;
    height: auto;
    padding: 11px 3% 11px 17%;
    margin: 0;
    border: solid 0px #e1e1e1;
    background: #fff url(../Images/passwordicon.png) no-repeat 15px center;
    outline: none; /* border-radius: 100px; */
    width: 93%;
    height: auto;
    padding: 11px 3% 11px 4%;
    background-color: #e5e5e5;
    border-radius: 5px;
    background-position: right 10px top 11px;
    padding: 15px 3% 15px 4%;
}

.loginbtn {
    width: 100%;
    height: auto;
    padding: 11px 0;
    margin: 0;
    border: none;
    background: #dcff62;
    font-size: 15px;
    color: #849e28;
    font-weight: bold;
    outline: none;
    border-radius: 100px;
}

    .loginbtn:hover {
        background: #789511;
        color: #fff;
        cursor: pointer;
    }

#btnLogin {
    width: 50%;
    height: auto;
    padding: 10px 0;
    margin: 0;
    border: none;
    background: #dcff62;
    font-size: 15px;
    color: #849e28;
    font-weight: bold;
    outline: none;
    border-radius: 100px;
    float: left;
    width: 100%;
    height: auto;
    padding: 10px 0;
    margin: 0;
    border: none;
    background: #3db30c;
    font-size: 15px;
    color: #fff;
    font-weight: bold;
    outline: none;
    float: left;
    border-radius: 5px;
    font-family: 'Poppins', sans-serif;
    padding: 15px 3% 15px 4%;
    background-image: linear-gradient(to right, #207fb7, #25aeb1);
}

    #btnLogin:hover {
        background: #789511;
        color: #fff;
        cursor: pointer;
        float: left;
    }


.loginnote {
    width: 100%;
    height: auto;
    padding: 15px 0 0 0;
    margin: 36px 0 5px 0;
    text-align: center;
    font-size: 16px;
    color: #222;
    font-weight: 400;
    /* border-top: solid 1px #b4dd28; */
    line-height: 22px;
    display: none;
}

/*-- Footer Css --*/
.copyrightloginBox {
    width: 88%;
    height: auto;
    padding: 12px 6% 12px 6%;
    margin: 0;
    font-size: 12px;
    text-align: center;
    border-top: solid 0px #999;
    color: #fff;
    position: absolute;
    z-index: 2;
    bottom: 0px;
}