* {-moz-box-sizing: border-box;box-sizing: border-box}
body {font-family :sans-serif,"Arial";font-size: 14px;background:#294d5d url(../images/loginbg.jpg) no-repeat;color: #333;background-size: cover;}
.header{text-align:center;color:#fff;margin-bottom: 15px;}
.header img{}
.header h1{margin: 4px;font-size: 22px;line-height: 25px;}
.header h1 span{font-size: 16px; margin: 0px; font-weight: 600;color:#29af94}
.logincontainer{padding: 40px;    background: #fff;    border-radius: 26px;    margin-top: 10rem;}
.logincontainer h5{font-style: italic;color: #7c7c7c;font-size: 16px;margin-bottom: 30px;}
.logincontainer h4{margin-top: 0px;font-size: 36px;color: #0f0f0f;margin-bottom: 8px;    position: relative;}
.logincontainer h4::before{content:"";background: #ff9002;width: 10px;display: block;height: 38px;position: absolute;left: -43px;/* top: 0; *//* bottom: 0; */}
.logincontainer .form-control{    border-radius: 0rem;padding: .8rem .75rem;}
.logincontainer .controls {margin-bottom: 15px;}
.logincontainer .controls label{font-size: 15px;margin-bottom: 6px;  display: block; color: #909090;}
.logincontainer .controls input{display: block;width: 100%;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #909090;background-color: #fcfcfe;background-image: none;border: 1px solid #e6e6e6;border-radius: 3px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.logincontainer .controls input:focus{border-color: #ffaa01 !important;outline: 0;}
.logincontainer .controls .button{border: 0;outline: none;padding: 11px 14px;font-size: 13px;text-align: center; cursor:pointer; background: #ffaa01;color: #ffffff;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;-webkit-appearance: none;font-weight: bold;display: block;border-radius: 50px;text-decoration: none;}
.controls .button:hover,.controls .button:focus {background: #dc9507;}
.footersec{padding:10px 10px;text-align:center;margin-top:18px;color: #dadada;}
.forgot{float:right;color: #fff;text-decoration: none;letter-spacing: .5px; font-size: 15px;padding-top: 9px;}
.forgot:hover,.forgot:focus{color:#29af94}
.footersec p{color: #ffffff;text-decoration: none;letter-spacing: .5px;font-size: 13px;margin-bottom: 0px;margin-top: 5px;}
.clearfix{ clear:both; margin-bottom:10px;}
.loginboxs{width: 60%;margin: 9% auto 0px; padding:20px;}
.loginboxs img{ max-width:100%;}
img.logo-new{ margin-bottom:3rem;}
.logos img{padding: 6% 12%;}
.portlet{padding: 0px 120px;}
.leftimg{float: left;}
.leftimg img{width: 310px;margin-top: -14px;}l
.refresh{background: #ffaa01;padding: 7px;border-radius: 4px;margin-right: 0px;}
.code {
    border: 1px solid #e6e6e6;
    padding: 4px;
    border-radius: 3px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    padding: .5rem .75rem;
    height: 48px;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}
/*.code img{ margin-left: 26px;}*/
/*.code input{margin-right: 10px;}*/
#UpdatePanel1{}
.otp{font-size: 18px;color: #ff8401;text-align: center;font-weight: bold;}
.btns{float: left;width: 31%;margin-right: 2%;}
.logincontainer .controls .sky {border: 0;outline: none;padding: 8px 5px;font-size: 13px;letter-spacing: 1px;background: #25cbf1;color: #ffffff;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;-webkit-appearance: none;font-weight: normal;display: block;border-radius: 50px;}
.controls .sky:hover,.controls .sky:focus {background:#17afd2;}
.padding-right-0{ padding-right:0px;}
.btnss{float: left;width: 48%;margin-right: 2%;}
.logincontainer .btn{ border-radius:30px;    background-color: #ff9002;border-color: #ff9002;padding: .5rem 2rem;}
.refresh input#imgbtnRefresh{ cursor:pointer;}
.refresh:hover{ background:#d68e00; cursor:pointer;}
a.forgt{ float:right; color:#000; text-decoration:underline; font-size:16px;margin-top: 10px;}
a.forgt:hover{ text-decoration:none; color:red;}
.captcha-width-lft{ float:left; width:60%;}
.captcha-width-rgt{ float:right; width:37%;}



::-webkit-input-placeholder {
       color: orange;
    }
    :-moz-placeholder { /* Upto Firefox 18, Deprecated in Firefox 19  */
       color: orange;  
    }
    ::-moz-placeholder {  /* Firefox 19+ */
       color: orange;  
    }
    :-ms-input-placeholder {  
       color: orange;  
    }
.button.text-underline {
    text-decoration:underline;
    color:black;
}
.button.text-underline:hover {
    text-decoration: none;
    color: blue;
}
    /*media*/
    @media (max-width:1680px) {
        .loginboxs {
            width: 65%;
        }
    }
@media (max-width:1440px) {
    .loginboxs img:first-child {
        height: 70px;
    }
    .loginboxs img:last-child {
        height: 350px;
       /* margin-top: 2rem;*/
        margin-top: 4rem;
    }
    .logincontainer h4 {
        font-size: 32px;
    }
    .code img:first-child {
        height: auto;
    }
    .otp {
        font-size: 16px;
    }
    }

    @media (max-width: 1366px) {
        .loginboxs {
            width: 85%;
            margin: 0% auto 0px;
        }

        img.logo-new {
            margin-bottom: 1rem;
        }
        .loginboxs img:last-child {
           
            margin-top: 4.7rem;
        }
            /* .loginboxs {
            margin: 0% auto 0px;
        }*/
        }


@media (max-width: 1280px) {
    .loginboxs {
        width: 75%;
     /*   margin: 4% auto 0px;*/
    }

}
@media (max-width: 1152px) {
    .loginboxs img:last-child {
        height: auto;
        margin-top: 5rem;
    }
}

@media (max-width: 1024px) {
    .loginboxs {
        width: 100%;
    }

    /* .loginboxs {
            margin: 4% auto 0px;
        }*/

    .logincontainer {
        padding: 25px;
    }

    .code img {
        /*   float: left;*/
        margin-left: 0px;
    }

    .logincontainer h4::before {
        left: -30px;
    }
    .loginboxs img:last-child {
        height: 300px;
    }
}

    @media (max-width: 768px) {
        .loginboxs {
            width: 100%;
        }
            .loginboxs img:first-child {
               
                margin: 0 auto;
                display: flex;
            }
        .leftimg {
            display: none;
        }

        /*.loginboxs .col-sm-5.col-xs-12 {
            display: none;
        }*/

        .loginboxs .col-sm-7 {
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 58.333333%;
            -ms-flex: 0 0 58.333333%;
            flex: 0 0 100%;
            max-width: 100%;
        }

        .col-sm-7.padding-right-0 {
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 58.333333%;
            -ms-flex: 0 0 58.333333%;
            flex: 0 0 58.333333%;
            max-width: 58.333333%;
        }

        .loginboxs {
            padding: 0px;
        }

        .logincontainer {
            width: 85%;
            margin: 0 auto;
            margin-top: 5rem;
        }

            .logincontainer h4::before {
                left: -28px;
            }
    }


    @media (max-width: 640px) {
        .logos img {
            padding: 6% 3%;
        }

        .portlet {
            padding: 34px 0px;
        }
    }
@media (max-width: 530px) {
    a.forgt {
        float: none;
    }
}

    @media (max-width: 500px) {
        .code img {
            width: 86px;
        }

        .code input {
            margin-right: 0px;
        }

        .logincontainer h4 {
            font-size: 28px;
        }

        .logincontainer h5 {
            font-size: 14px;
        }

        .logincontainer {
            width: 100%;
            margin-top: 2rem;
        }
    }

    @media (max-width: 480px) {
        .loginboxs img:first-child {
            height: 55px;
        }

        .code img:first-child {
            height: 35px;
        }

        .logincontainer h4 {
            font-size: 25px;
        }
    }

    @media (max-width: 430px) {
        .captcha-width-rgt {
            width: 38%;
        }
        /* .loginboxs img:first-child {
        height: 50px;
    }*/
    }

    @media (max-width: 375px) {
        .code img {
            width: 70px;
        }

        .custom-cursor-on-hover {
        }

        .captcha-width-lft.bottom, .captcha-width-rgt.bottom {
            width: 100%;
            float: none;
            display: flex;
            justify-content: center;
        }

        input#imgbtnRefresh {
            height: 17px;
        }
    }

    @media (max-width: 320px) {
        .custom-cursor-on-hover {
            height: 10px;
        }

        .code img {
            width: 56px;
        }

        input#imgbtnRefresh {
            height: 14px;
        }
    }