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, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, nav ul, nav li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

ol, ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    text-decoration: none;
}

.txt-rt {
    text-align: right;
}
/* text align right */
.txt-lt {
    text-align: left;
}
/* text align left */
.txt-center {
    text-align: center;
}
/* text align center */
.float-rt {
    float: right;
}
/* float right */
.float-lt {
    float: left;
}
/* float left */
.clear {
    clear: both;
}
/* clear float */
.pos-relative {
    position: relative;
}
/* Position Relative */
.pos-absolute {
    position: absolute;
}
/* Position Absolute */
.vertical-base {
    vertical-align: baseline;
}
/* vertical align baseline */
.vertical-top {
    vertical-align: top;
}
/* vertical align top */
.underline {
    padding-bottom: 5px;
    border-bottom: 1px solid #eee;
    margin: 0 0 20px 0;
}
/* Add 5px bottom padding and a underline */
nav.vertical ul li {
    display: block;
}
/* vertical menu */
nav.horizontal ul li {
    display: inline-block;
}
/* horizontal menu */
img {
    max-width: 100%;
}
/*end reset*/
@font-face {
    font-family: 'Open Sans';
    src: url(../fonts/OpenSans-Light.ttf) format('truetype');
}
/*Avicenna CSS Start*/
.Avicenna-MainLogin {
    background: url('../images/AvicennaBackground.png') no-repeat;
    /*background-size: cover;*/
    font-family: 'Open Sans';
    font-size: 100%;
}

    .Avicenna-MainLogin .logo {
        padding: 10% 0;
        background-color: transparent;
    }

    .Avicenna-MainLogin .login input[type="text"], .Avicenna-MainLogin .login input[type="password"] {
        border-bottom: 2px solid #a4864b;
    }

    .Avicenna-MainLogin .login-top span {
        color: #00514f;
    }

    .Avicenna-MainLogin .submit input[type="submit"] {
        background: #00514f;
        border: 2px solid #00514f;
    }

        .Avicenna-MainLogin .submit input[type="submit"]:hover {
            background: #023d3c;
            border: 2px solid #00514f;
        }
/*Avicenna CSS End*/

/*Avicenna portal login CSS Start*/
.Avicenna-PortalLogin {
    background: url('../images/AvicennaBackground.png') no-repeat;
    /*background-size: cover;*/
    font-family: 'Open Sans';
    font-size: 100%;
}

    .Avicenna-PortalLogin .head {
        background: url('') no-repeat;
        width: 35%;
        margin: 16% auto 0;
        background-color: transparent;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -o-border-radius: 4px;
        -ms-border-radius: 4px;
    }

    .Avicenna-PortalLogin .logo {
        background-color: transparent;
        width: 40%;
        float: left;
        padding: 17% 0;
    }



    .Avicenna-PortalLogin .login input[type="text"], .Avicenna-MainLogin .login input[type="password"] {
        border-bottom: 2px solid #a4864b;
    }

    .Avicenna-PortalLogin .login-top span {
        color: #00514f;
    }

    .Avicenna-PortalLogin .submit input[type="submit"] {
        background: #00514f;
        border: 2px solid #00514f;
    }

        .Avicenna-PortalLogin .submit input[type="submit"]:hover {
            background: #023d3c;
            border: 2px solid #00514f;
        }
/*Avicenna portal CSS End*/
.MainLogin {
    background: url('../images/Bg2.png') no-repeat;
    /*background-size: cover;*/
    font-family: 'Open Sans';
    font-size: 100%;
}

.PortalLogin {
    background: url('../images/Bg1.png') no-repeat;
    /*background-size: cover;*/
    font-family: 'Open Sans';
    font-size: 100%;
}

    .PortalLogin .logo {
        width: 0%;
        height: 0%;
        background-color: transparent;
    }

.head {
    width: 50%;
    margin: 16% auto 0;
    background-color: transparent;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
}

.PortalLogin .head {
    background: url('../images/PortalLogin.png') no-repeat;
    width: 35%;
    margin: 16% auto 0;
    background-color: transparent;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
}

.logo {
    width: 30%;
    float: left;
    background: #008fd5;
    padding: 17% 0;
}

.PortalLogin .login {
    width: 100%;
    float: left;
    padding: 4% 0;
    background-color: transparent;
}

.PortalLogin .login-top {
    padding: 0px 15%;
}

.login {
    width: 55%;
    float: left;
    padding: 4% 0;
    background-color: transparent;
}

    .login input[type="text"], .login input[type="password"] {
        outline: none;
        font-size: 16px;
        /*color: #cecfd3;*/
        padding: 25px 30px 10px 10px;
        margin: 0;
        width: 89.87%;
        border: none;
        border-bottom: 2px solid #008fd5;
        -webkit-appearance: none;
        background-color: transparent;
    }

.login-top {
    padding: 0px 25px;
}

    .login-top span {
        color: #008fd5;
        font-size: 24px;
        font-weight: 500;
        text-align: left;
    }

    .login-top p {
        color: #393939;
        display: block;
        margin-top: 10px;
    }

.login-bottom {
    margin-top: 17%;
}

.ForgetPass a {
    font-size: 14px;
    color: #777980;
    float: left;
}

.submit input[type="submit"] {
    font-size: 13px;
    color: #fff;
    background: #008fd5;
    border: 2px solid #008fd5;
    outline: none;
    cursor: pointer;
    padding: 6px 13px;
    font-family: 'Open Sans';
}

    .submit input[type="submit"]:hover {
        background: #0d7cb2;
        color: #fff;
        transition: 0.5s all ease;
        -webkit-transition: 0.5s all ease;
        -moz-transition: 0.5s all ease;
        -o-transition: 0.5s all ease;
        -ms-transition: 0.5s all ease;
    }

.footer {
    text-align: center;
    margin-top: 10%;
}

    .footer p {
        font-size: 13px;
        color: #777980;
    }

        .footer p a {
            color: #fff;
        }

            .footer p a:hover {
                text-decoration: none;
                color: #44c7f4;
                -webkit-transition: all 0.3s ease-out;
                -moz-transition: all 0.3s ease-out;
                -ms-transition: all 0.3s ease-out;
                -o-transition: all 0.3s ease-out;
                transition: all 0.3s ease-out;
            }
/*--meadia-quiries-start-here--*/
@media(max-width:1440px) {
    /*.PortalLogin .logo {
        width: 45%;
        padding-top: 21%;
    }*/

    .logo {
        padding: 16% 0;
    }

    .login input[type="text"], .login input[type="password"] {
        width: 88.4%;
    }
}

@media(max-width:1366px) {
    .head {
        width: 52%;
        margin: 10.5% auto 0;
    }

    .footer {
        margin-top: 6%;
    }

    .logo {
        padding: 17.1% 0;
    }

    .login input[type="text"], .login input[type="password"] {
        width: 88.3%;
    }
}

@media(max-width:1280px) {
    .login input[type="text"], .login input[type="password"] {
        font-size: 15px;
        padding: 18px 27px 10px 10px;
    }

    .submit input[type="submit"] {
        font-size: 12px;
    }

    .footer {
        margin-top: 11%;
    }

    .head {
        margin: 11.5% auto 0;
    }

    .logo {
        padding: 19.1% 0;
    }
}

@media(max-width:1024px) {
    .head {
        margin: 16% auto 0;
        width: 65%;
    }

    .footer {
        margin-top: 14%;
    }
}

@media(max-width:768px) {
    .head {
        margin: 23% auto 0;
        width: 80%;
    }

    .submit input[type="submit"] {
        padding: 4px 13px;
    }

    .login input[type="text"], .login input[type="password"] {
        font-size: 14px;
        padding: 16px 23px 10px 10px;
    }

    .footer p {
        font-size: 13px;
    }

    .footer {
        margin-top: 23%;
    }

    .login {
        background-color: #fff;
    }

    .logo {
        padding: 17% 0;
    }

    /*.PortalLogin .logo {
        width: 45%;
        padding: 17% 0;
    }*/
}

@media(max-width:640px) {
    .login input[type="text"], .login input[type="password"] {
        width: 87.6%;
    }

    .login-top {
        padding: 0px 20px;
        margin-top: 3%;
    }

    .submit input[type="submit"] {
        font-size: 11px;
        padding: 4px 11px;
    }

    .PortalLogin .head {
        margin: 29% auto 0;
        width: 90%;
    }

    .head {
        margin: 29% auto 0;
        width: 87%;
    }

    .login-bottom {
        margin-top: 15.7%;
    }

    .footer {
        margin-top: 37%;
    }

    .login {
        background-color: #fff;
    }

    .logo {
        padding: 18.5% 0;
    }

    /*.PortalLogin .logo {
        width: 45%;
        padding: 18.5% 0;
    }*/
}

@media(max-width:480px) {
    .logo {
        padding: 10% 0;
        width: 100%;
    }

    .PortalLogin .logo {
        /*width: 100%;*/
        padding: 10% 0;
    }

    .submit input[type="submit"] {
        font-size: 12px;
    }

    .login {
        width: 100%;
        padding: 8% 0;
        background-color: #fff;
    }

    .login-bottom {
        margin-top: 12.7%;
    }

    .footer {
        margin-top: 14%;
    }

        .footer p {
            font-size: 13px;
        }

    .head {
        margin: 25% auto 0;
    }
}

@media(max-width:320px) {
    .login input[type="text"], .login input[type="password"] {
        font-size: 11px;
        padding: 15px 17px 6px 10px;
    }

    .footer p {
        line-height: 1.6em;
    }

    .head {
        margin: 15% auto 0;
    }

    .submit input[type="submit"] {
        font-size: 11px;
        padding: 3px 11px;
    }
}
/*--meadia-quiries-end-here--*/