/*!**/
/** Prefixed by https://autoprefixer.github.io*/
/** PostCSS: v8.3.6,*/
/** Autoprefixer: v10.3.1*/
/** Browsers: last 4 version*/
/**!*/

/*!**/
/** Prefixed by https://autoprefixer.github.io*/
/** PostCSS: v7.0.29,*/
/** Autoprefixer: v9.7.6*/
/** Browsers: last 4 version*/
/**!*/


/*@import url('https://fonts.maateen.me/solaiman-lipi/font.css');*/

/*!* ============================================*/
/*    General*/
/*=============================================== *!*/

/**{*/
/*    margin: 0;*/
/*    padding: 0;*/
/*    outline: none;*/
/*    -webkit-box-sizing: border-box;*/
/*    box-sizing: border-box;*/
/*    text-decoration: none;*/
/*    list-style: none;*/
/*}*/

/*!* .topleft img {*/
/*    margin: 30px 0px 0px 30px;*/
/*    width: 95px;*/
/*    height: 95px;*/
/*    line-height: 95px;*/
/*} *!*/
/*.main-content {*/
/*    width: 100%;*/
/*    margin: 0 auto;*/
/*    height: 89vh;*/
/*    !*background: url(img/cims/bg3.png)no-repeat center;*/
/*    *!!*border: 10px solid #fff;*/
/*    *!!*position: relative;*/
/*    *!background: rgb(86,145,236);*/
/*    background: -webkit-gradient(linear, left top, right top, color-stop(20%, rgba(86,145,236,1)), color-stop(46%, rgba(40,97,188,1)), to(rgba(19,83,180,1)));*/
/*    background: -o-linear-gradient(left, rgba(86,145,236,1) 20%, rgba(40,97,188,1) 46%, rgba(19,83,180,1) 100%);*/
/*    background: linear-gradient(90deg, rgba(86,145,236,1) 20%, rgba(40,97,188,1) 46%, rgba(19,83,180,1) 100%);*/
/*    border: 18px solid #ffff;*/
/*    border-radius:40px;*/
/*    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.2);*/
/*    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.2);*/
/*    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.2);*/
/*    -webkit-border-radius:40px;*/
/*    -moz-border-radius:40px;*/
/*    -ms-border-radius:40px;*/
/*    -o-border-radius:40px;*/
/*    position: relative;*/
/*}*/


/*body {*/
/*    font-family: 'SolaimanLipi'!important;*/
/*}*/

/*.bodybg {*/
/*    font-family: 'SolaimanLipi'!important;*/
/*    max-width: 100vw;*/
/*    !* height: 100vh; *!*/
/*    !* background: url(img/loginbg2.png)no-repeat center; *!*/
/*    background-size: cover;*/
/*    background-position: center center;*/
/*    background-attachment: fixed;*/
/*    background-color: #C4C4C4;*/
/*    padding: 50px 70px;*/
/*}*/


/*!* ============================================*/
/*    Top Logo area*/
/*=============================================== *!*/
/*.toplogoarea {*/
/*    display: flex;*/
/*    justify-content: space-between;*/
/*    float: left;*/
/*    width: 100%;*/
/*    position: relative;*/
/*    flex-wrap: wrap;*/
/*}*/
/*.toparea{*/

/*    display: -webkit-box;*/

/*    display: -ms-flexbox;*/

/*    display: flex;*/
/*    -webkit-box-orient: horizontal;*/
/*    -webkit-box-direction: normal;*/
/*    -ms-flex-flow: row wrap;*/
/*    flex-flow: row wrap;*/
/*    -webkit-box-pack: justify;*/
/*    -ms-flex-pack: justify;*/
/*    justify-content: space-between;*/
/*}*/

/*!* ============================================*/
/* Middle area*/
/*=============================================== *!*/

/*.middlearea{*/
/*    width: 100%;*/
/*    display: -webkit-box;*/
/*    display: -ms-flexbox;*/
/*    display: flex;*/
/*    -webkit-box-orient: horizontal;*/
/*    -webkit-box-direction: normal;*/
/*    -ms-flex-flow: row wrap;*/
/*    flex-flow: row wrap;*/
/*}*/

/*.cimmiddleimage {*/
/*    width: 60%;*/
/*    display: block;*/
/*    float: left;*/
/*    !* position: relative; *!*/
/*}*/

/*.topleft {*/
/*    position: absolute;*/
/*    top: 60px;*/
/*    left: 18%;*/
/*    display: block;*/
/*    float: left;*/
/*}*/
/*.topleft img {*/
/*    width: 100%;*/
/*}*/


/*.topleftplogo {*/
/*    position: absolute;*/
/*    bottom: 210px;*/
/*    left: 295px;*/
/*}*/

/*!* .topleftplogo img {*/
/*    width: 131px;*/
/*    height: 131px;*/
/*} *!*/

/*.middleimage img {*/
/*    width: 100%;*/
/*    height: 100%;*/
/*}*/

/*.middleform {*/
/*    width: 40%;*/
/*}*/
/*.topright {*/
/*    position: absolute;*/
/*    top: 30px;*/
/*    right: 50px;*/
/*    !* width: 50%; *!*/
/*    float: right;*/
/*    text-align: right;*/
/*}*/
/*.topright img {*/
/*    width: 90%;*/
/*}*/
/*!* .topright img {*/
/*    width: 80%;*/
/*} *!*/

/*.middleform {*/
/*    !* position: relative; *!*/
/*    display: block;*/
/*    float: right;*/
/*    width: 40%;*/
/*    !* margin-top: 340px; *!*/
/*}*/

/*h2.logintitle {*/
/*    display: block;*/
/*    float: left;*/
/*    width: 100%;*/
/*    color: #fff;*/
/*    font-size: 45px;*/
/*    font-weight: 300;*/
/*    margin-bottom: 20px;*/
/*}*/


/*.formprp img {*/
/*    !* width: 414px; *!*/
/*    height: auto;*/
/*    float: left;*/
/*    margin-bottom: 15px;*/
/*    display: block;*/
/*    margin-left: -10px;*/
/*}*/


/*.submitform img {*/
/*    float: right;*/
/*    text-align: right;*/
/*}*/

/*.passwordtext a {*/
/*    text-align: right;*/
/*    float: right;*/
/*    color: #F6EC21;*/
/*    font-size: 20px;*/
/*    font-family: 'SolaimanLipi'!important;*/
/*}*/

/*.rightfooter a img {*/
/*    width: 60%;*/
/*}*/


/*!* ============================================*/
/*    Form area*/
/*=============================================== *!*/
/*.box {*/
/*    width: 590px;*/
/*    height: 260px;*/
/*    padding: 40px 0px 40px 65px;*/
/*    position: absolute;*/
/*    left: 80%;*/
/*    top: 60%;*/
/*    transform: translate(-50%, -50%);*/
/*    -webkit-transform: translate(-50%, -50%);*/
/*    -moz-transform: translate(-50%, -50%);*/
/*    -ms-transform: translate(-50%, -50%);*/
/*    -o-transform: translate(-50%, -50%);*/
/*    border: 2px solid transparent;*/
/*}*/


/*.box h1{*/
/*    color: white;*/
/*    font-weight: 500;*/
/*    font-size:30px;*/
/*}*/

/*.box input[type="text"], .box input[type="password"] {*/
/*    border: 0;*/
/*    display: block;*/
/*    margin: 10px auto 23px;*/
/*    text-align: left;*/
/*    border: 1px solid;*/
/*    padding: 13px 10px;*/
/*    width: 100%;*/
/*    outline: none;*/
/*    border-radius: 3px;*/
/*    -webkit-border-radius: 3px;*/
/*    -moz-border-radius: 3px;*/
/*    -ms-border-radius: 3px;*/
/*    -o-border-radius: 3px;*/
/*    !* background: url('img/nomal_textfield.png') no-repeat right #fff; *!*/
/*    -moz-appearance: none;*/
/*    -webkit-appearance: none;*/
/*    background-position-x: 97%;*/
/*    background-color: transparent;*/
/*    border-color: rgba(255, 255, 255, 0.5);*/
/*}*/

/*.box input[type="text"]:hover,.box input[type="password"]:hover{*/
/*    !* background: url('img/hover_textfield.png') no-repeat right #fff; *!*/
/*}*/

/*.box input.active[type="text"],.box input[type="password"]{*/
/*    !* background: url('img/hover_textfield.png') no-repeat right #fff; *!*/
/*}*/


/*.box input[type="text"]::-webkit-input-placeholder, .box input[type="password"]::-webkit-input-placeholder{*/
/*    color:#75A5EE;*/
/*    font-size: 18px;*/
/*    font-family: 'SolaimanLipi'!important;*/
/*    font-weight: 300s;*/
/*}*/

/*.box input[type="text"]::-moz-placeholder, .box input[type="password"]::-moz-placeholder{*/
/*    color:#75A5EE;*/
/*    font-size: 18px;*/
/*    font-family: 'SolaimanLipi'!important;*/
/*    font-weight: 300s;*/
/*}*/

/*.box input[type="text"]:-ms-input-placeholder, .box input[type="password"]:-ms-input-placeholder{*/
/*    color:#75A5EE;*/
/*    font-size: 18px;*/
/*    font-family: 'SolaimanLipi'!important;*/
/*    font-weight: 300s;*/
/*}*/

/*.box input[type="text"]::-ms-input-placeholder, .box input[type="password"]::-ms-input-placeholder{*/
/*    color:#75A5EE;*/
/*    font-size: 18px;*/
/*    font-family: 'SolaimanLipi'!important;*/
/*    font-weight: 300s;*/
/*}*/

/*.box input[type="text"]::placeholder, .box input[type="password"]::placeholder{*/
/*    color:#75A5EE;*/
/*    font-size: 18px;*/
/*    font-family: 'SolaimanLipi'!important;*/
/*    font-weight: 300s;*/
/*}*/

/*.box input[type="submit"]{*/
/*    border: 0;*/
/*    background: none;*/
/*    display: block;*/
/*    margin: 0px 10px;*/
/*    padding: 12px 20px;*/
/*    color: #fff;*/
/*    background: #00C2D1;*/
/*    border-radius: 8px;*/
/*    -webkit-border-radius: 8px;*/
/*    -moz-border-radius: 8px;*/
/*    -ms-border-radius: 8px;*/
/*    -o-border-radius: 8px;*/
/*}*/

/*a.probeskorun {*/
/*    display: block;*/
/*    width: 100%;*/
/*    background: yellow;*/
/*    color: #1353B4;*/
/*    text-align: center;*/
/*    padding: 10px 0px;*/
/*    font-size: 30px;*/
/*    border-radius: 5px;*/
/*}*/

/*.box input.entry[type="submit"]{*/
/*    background: #02C94A;*/
/*}*/

/*.box input[type="submit"]:last-child{*/
/*    margin-right: 0px;*/
/*}*/

/*.allsubmitbutton {*/
/*    display: block;*/
/*    float: left;*/
/*    width: 100%;*/
/*    margin-bottom: 20px;*/
/*}*/
/*!* .middlearea {*/
/*    margin-top: 130px;*/
/*} *!*/

/*.cimlogin {*/
/*    width: auto;*/
/*    height: 92.5%;*/
/*    position: absolute;*/
/*    top: 0%;*/
/*}*/

/*input{*/
/*    color: #fff !important;*/
/*}*/

/*.footer-content {*/
/*    display: -webkit-box;*/
/*    display: -ms-flexbox;*/
/*    display: flex;*/
/*    -ms-flex-wrap: wrap;*/
/*    flex-wrap: wrap;*/
/*    -webkit-box-pack: justify;*/
/*    -ms-flex-pack: justify;*/
/*    justify-content: space-between;*/
/*    width: 100%;*/
/*    background-color: #DDE6F5;*/
/*    padding: 0.60rem 0rem;*/
/*    border-radius: 0px 0px 21px 21px;*/
/*    position: absolute;*/
/*    bottom: 0px;*/
/*}*/
/*.leftfooter {*/
/*    margin-left: 2%;*/
/*}*/
/*.rightfooter {*/
/*    margin-right: 1%;*/
/*    margin-top: 10px;*/
/*    !* float: right; *!*/
/*    text-align: right;*/
/*}*/

/*.toplefplogo {*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    left: 10%;*/
/*}*/
/*.toplefplogo img {*/
/*    width:100%;*/
/*}*/

/*!* ============================================*/
/*   Responsive Design*/
/*=============================================== *!*/




/*!* ========================================= Mobile Desice Range (360x640) ================================= *!*/

/*@media  screen and (max-width:1800px){*/
/*    .box {*/
/*        width: 535px;*/
/*        height: 260px;*/
/*        padding: 40px 0px 40px 65px;*/
/*        position: absolute;*/
/*        left: 80%;*/
/*        top: 60%;*/
/*        transform: translate(-50%, -50%);*/
/*        -webkit-transform: translate(-50%, -50%);*/
/*        -moz-transform: translate(-50%, -50%);*/
/*        -ms-transform: translate(-50%, -50%);*/
/*        -o-transform: translate(-50%, -50%);*/
/*        border: 2px solid transparent;*/
/*    }*/
/*}*/
/*@media  screen and (max-width:1600px){*/
/*    .box {*/
/*        width: 450px;*/
/*        height: 260px;*/
/*        padding: 40px 0px 40px 65px;*/
/*        position: absolute;*/
/*        left: 80%;*/
/*        top: 60%;*/
/*        transform: translate(-50%, -50%);*/
/*        -webkit-transform: translate(-50%, -50%);*/
/*        -moz-transform: translate(-50%, -50%);*/
/*        -ms-transform: translate(-50%, -50%);*/
/*        -o-transform: translate(-50%, -50%);*/
/*        border: 2px solid transparent;*/
/*    }*/
/*}*/

/*@media  screen and (max-width:1537px) and (max-height:865px) {*/
/*    .cimlogin {*/
/*        width: auto;*/
/*        height: 90%;*/
/*        position: absolute;*/
/*        top: 0%;*/
/*    }*/



/*    .box {*/
/*        width: 500px;*/
/*        height: 260px;*/
/*        padding: 40px 0px 40px 65px;*/
/*        position: absolute;*/
/*        left: 77%;*/
/*        top: 50%;*/
/*        transform: translate(-50%, -50%);*/
/*        -webkit-transform: translate(-50%, -50%);*/
/*        -moz-transform: translate(-50%, -50%);*/
/*        -ms-transform: translate(-50%, -50%);*/
/*        -o-transform: translate(-50%, -50%);*/
/*        border: 2px solid transparent;*/
/*    }*/

/*    .main-content {*/
/*        width: 100%;*/
/*        margin: 0 auto;*/
/*        height: 86vh;*/
/*        background: rgb(86,145,236);*/
/*        background: -webkit-gradient(linear, left top, right top, color-stop(20%, rgba(86,145,236,1)), color-stop(46%, rgba(40,97,188,1)), to(rgba(19,83,180,1)));*/
/*        background: -o-linear-gradient(left, rgba(86,145,236,1) 20%, rgba(40,97,188,1) 46%, rgba(19,83,180,1) 100%);*/
/*        background: linear-gradient(90deg, rgba(86,145,236,1) 20%, rgba(40,97,188,1) 46%, rgba(19,83,180,1) 100%);*/
/*        border: 18px solid #ffff;*/
/*        border-radius: 40px;*/
/*        box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.2);*/
/*        -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.2);*/
/*        -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.2);*/
/*        -webkit-border-radius: 40px;*/
/*        -moz-border-radius: 40px;*/
/*        -ms-border-radius: 40px;*/
/*        -o-border-radius: 40px;*/
/*        position: relative;*/
/*    }*/


/*    .toplefplogo {*/
/*        position: absolute;*/
/*        top: 45%;*/
/*        left:7%;*/
/*    }*/

/*    .toplefplogo img {*/
/*        width: 80%;*/
/*    }*/

/*    .topleft img {*/
/*        width: 70%;*/
/*    }*/

/*    h2.logintitle {*/
/*        display: block;*/
/*        float: left;*/
/*        width: 100%;*/
/*        color: #fff;*/
/*        font-size: 30px;*/
/*        font-weight: 300;*/
/*        margin-bottom: 15px;*/
/*    }*/

/*    .topright {*/
/*        position: absolute;*/
/*        top: 30px;*/
/*        right: 65px;*/
/*        !* width: 50%; *!*/
/*        float: right;*/
/*        text-align: right;*/
/*    }*/
/*}*/

/*!* @media*/
/*only screen and (max-width:1440px) */
/*only screen and (-webkit-device-pixel-ratio:1.5) {*/
/*    .toplefplogo {*/
/*        position: absolute;*/
/*        top: 45%;*/
/*        left: 7%;*/
/*    }*/
/*} *!*/


/*@media  screen and (max-width:1440px) and (max-height:882px) {*/
/*    .box {*/
/*        width: 500px;*/
/*        height: 260px;*/
/*        padding: 40px 0px 40px 65px;*/
/*        position: absolute;*/
/*        left: 75%;*/
/*        top: 55%;*/
/*        transform: translate(-50%, -50%);*/
/*        -webkit-transform: translate(-50%, -50%);*/
/*        -moz-transform: translate(-50%, -50%);*/
/*        -ms-transform: translate(-50%, -50%);*/
/*        -o-transform: translate(-50%, -50%);*/
/*        border: 2px solid transparent;*/
/*    }*/
/*    .cimlogin {*/
/*        width: auto;*/
/*        height: 91.5%;*/
/*        position: absolute;*/
/*        top: 0%;*/
/*    }*/
/*    .toplefplogo {*/
/*        position: absolute;*/
/*        top: 45%;*/
/*        left:10%;*/
/*    }*/

/*    .topleft img {*/
/*        width: 65%;*/
/*    }*/
/*    .topright img {*/
/*        width: 30%;*/
/*    }*/
/*}*/



/*@media  screen and (max-width:882px) and (max-height:1440px) {*/

/*    .cimlogin {*/
/*        width: 100%;*/
/*        height: 83%;*/
/*        position: absolute;*/
/*        bottom: 0px;*/
/*        left: 0%;*/
/*    }*/

/*    .topleft {*/
/*        position: absolute;*/
/*        top: 20px;*/
/*        left: 2%;*/
/*        display: block;*/
/*        float: left;*/
/*    }*/
/*    .topright {*/
/*        position: absolute;*/
/*        top: 10px;*/
/*        right: 50px;*/
/*        !* width: 50%; *!*/
/*        float: right;*/
/*        text-align: right;*/
/*    }*/

/*    .cimlogin {*/
/*        width: auto;*/
/*        height: 60%;*/
/*        position: absolute;*/
/*        top: 0%;*/
/*    }*/

/*    .cimmiddleimage {*/
/*        width: 100%;*/
/*        display: block;*/
/*        float: left;*/
/*        !* position: relative; *!*/
/*    }*/
/*    .middleform {*/
/*        !* position: relative; *!*/
/*        display: block;*/
/*        float: left;*/
/*        width: 100%;*/
/*        !* margin-top: 340px; *!*/
/*    }*/

/*    .box {*/
/*        width: 100%;*/
/*        height: 260px;*/
/*        padding: 40px 0px 40px 65px;*/
/*        position: absolute;*/
/*        left: 45%;*/
/*        top: 68%;*/
/*        transform: translate(-50%, -50%);*/
/*        -webkit-transform: translate(-50%, -50%);*/
/*        -moz-transform: translate(-50%, -50%);*/
/*        -ms-transform: translate(-50%, -50%);*/
/*        -o-transform: translate(-50%, -50%);*/
/*        border: 2px solid transparent;*/
/*    }*/

/*    .topleft img {*/
/*        width: 70%;*/
/*    }*/
/*    .topright img {*/
/*        width: 30%;*/
/*    }*/
/*    .toplefplogo {*/
/*        position: absolute;*/
/*        top: 30%;*/
/*        left: 45%;*/
/*    }*/
/*    .leftfooter {*/
/*        !* margin-left: 2%; *!*/
/*        width: 100%;*/
/*        text-align: center;*/
/*    }*/
/*    .leftfooter a img {*/
/*        width: 90%;*/
/*    }*/
/*    .rightfooter {*/
/*        margin-right: 1%;*/
/*        margin-top: 10px;*/
/*        !* float: right; *!*/
/*        text-align: center;*/
/*        width: 100%;*/
/*    }*/

/*}*/



/*@media  screen and (max-width:1200px){*/
/*    .box {*/
/*        width: 420px;*/
/*        height: 260px;*/
/*        padding: 40px 0px 40px 65px;*/
/*        position: absolute;*/
/*        left: 70%;*/
/*        top: 55%;*/
/*        transform: translate(-50%, -50%);*/
/*        -webkit-transform: translate(-50%, -50%);*/
/*        -moz-transform: translate(-50%, -50%);*/
/*        -ms-transform: translate(-50%, -50%);*/
/*        -o-transform: translate(-50%, -50%);*/
/*        border: 2px solid transparent;*/
/*    }*/

/*}*/



/*@media  screen and (max-width:1367px) and (max-height:768px) {*/
/*    .box {*/
/*        width: 400px;*/
/*        height: 260px;*/
/*        padding: 10px 0px 40px 65px;*/
/*        position: absolute;*/
/*        left: 75%;*/
/*        top: 55%;*/
/*        transform: translate(-50%, -50%);*/
/*        -webkit-transform: translate(-50%, -50%);*/
/*        -moz-transform: translate(-50%, -50%);*/
/*        -ms-transform: translate(-50%, -50%);*/
/*        -o-transform: translate(-50%, -50%);*/
/*        border: 2px solid transparent;*/
/*    }*/
/*    .toplefplogo {*/
/*        position: absolute;*/
/*        top: 45%;*/
/*        left: 10%;*/
/*    }*/
/*    .cimlogin {*/
/*        width: auto;*/
/*        height: 90%;*/
/*        position: absolute;*/
/*        top: 0%;*/
/*    }*/
/*}*/


/*@media  screen and (max-width:1366px) and (max-height:1024px) {*/
/*    .box {*/
/*        width: 420px;*/
/*        height: 260px;*/
/*        padding: 40px 0px 40px 65px;*/
/*        position: absolute;*/
/*        left: 75%;*/
/*        top: 55%;*/
/*        transform: translate(-50%, -50%);*/
/*        -webkit-transform: translate(-50%, -50%);*/
/*        -moz-transform: translate(-50%, -50%);*/
/*        -ms-transform: translate(-50%, -50%);*/
/*        -o-transform: translate(-50%, -50%);*/
/*        border: 2px solid transparent;*/
/*    }*/
/*    .toplefplogo {*/
/*        position: absolute;*/
/*        top: 45%;*/
/*        left: 15%;*/
/*    }*/
/*    .toplefplogo img {*/
/*        width: 80%;*/
/*    }*/
/*    h2.logintitle {*/
/*        display: block;*/
/*        float: left;*/
/*        width: 100%;*/
/*        color: #fff;*/
/*        font-size: 30px;*/
/*        font-weight: 300;*/
/*        margin-bottom: 20px;*/
/*    }*/
/*    a.probeskorun {*/
/*        display: block;*/
/*        width: 100%;*/
/*        background: yellow;*/
/*        color: #1353B4;*/
/*        text-align: center;*/
/*        padding: 5px 0px;*/
/*        font-size: 20px;*/
/*        border-radius: 5px;*/
/*    }*/
/*    .passwordtext a {*/
/*        text-align: right;*/
/*        float: right;*/
/*        color: #F6EC21;*/
/*        font-size: 20px;*/
/*        font-family: 'SolaimanLipi'!important;*/
/*    }*/
/*}*/


/*@media  screen and (max-width:1024px) and (max-height:1366px) {*/
/*    .bodybg {*/
/*        font-family: 'SolaimanLipi'!important;*/
/*        max-width: 100vw;*/
/*        height: 100vh;*/
/*        !* background: url(img/loginbg2.png)no-repeat center; *!*/
/*        background-size: cover;*/
/*        background-position: center center;*/
/*        background-attachment: fixed;*/
/*        background-color: #C4C4C4;*/
/*        padding: 0px 0px;*/
/*    }*/
/*    .main-content {*/
/*        width: 100%;*/
/*        margin: 0 auto;*/
/*        height: 100vh;*/
/*        background: rgb(86,145,236);*/
/*        background: -webkit-gradient(linear, left top, right top, color-stop(20%, rgba(86,145,236,1)), color-stop(46%, rgba(40,97,188,1)), to(rgba(19,83,180,1)));*/
/*        background: -o-linear-gradient(left, rgba(86,145,236,1) 20%, rgba(40,97,188,1) 46%, rgba(19,83,180,1) 100%);*/
/*        background: linear-gradient(90deg, rgba(86,145,236,1) 20%, rgba(40,97,188,1) 46%, rgba(19,83,180,1) 100%);*/
/*        border: 18px solid #ffff;*/
/*        border-radius: 40px;*/
/*        box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.2);*/
/*        -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.2);*/
/*        -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.2);*/
/*        -webkit-border-radius: 40px;*/
/*        -moz-border-radius: 40px;*/
/*        -ms-border-radius: 40px;*/
/*        -o-border-radius: 40px;*/
/*        position: relative;*/
/*    }*/
/*    .box {*/
/*        width: 590px;*/
/*        height: 260px;*/
/*        padding: 40px 0px 40px 65px;*/
/*        position: absolute;*/
/*        left: 50%;*/
/*        top: 25%;*/
/*        transform: translate(-50%, -50%);*/
/*        -webkit-transform: translate(-50%, -50%);*/
/*        -moz-transform: translate(-50%, -50%);*/
/*        -ms-transform: translate(-50%, -50%);*/
/*        -o-transform: translate(-50%, -50%);*/
/*        border: 2px solid transparent;*/
/*    }*/
/*    .cimlogin {*/
/*        width: 100%;*/
/*        height: 92.5%;*/
/*        position: absolute;*/
/*        bottom: 0px;*/
/*        left: 0%;*/
/*    }*/
/*    .box {*/
/*        width: 590px;*/
/*        height: 260px;*/
/*        padding: 40px 0px 40px 65px;*/
/*        position: absolute;*/
/*        left: 50%;*/
/*        top: 30%;*/
/*        transform: translate(-50%, -50%);*/
/*        -webkit-transform: translate(-50%, -50%);*/
/*        -moz-transform: translate(-50%, -50%);*/
/*        -ms-transform: translate(-50%, -50%);*/
/*        -o-transform: translate(-50%, -50%);*/
/*        border: 2px solid transparent;*/
/*    }*/
/*    .toplefplogo {*/
/*        position: absolute;*/
/*        top: 30%;*/
/*        left: 45%;*/
/*    }*/
/*    .topleft img {*/
/*        width: 50%;*/
/*    }*/
/*    .topright img {*/
/*        width: 30%;*/
/*    }*/
/*    .toplefplogo {*/
/*        position: absolute;*/
/*        top: 55%;*/
/*        left: 33%;*/
/*    }*/
/*    .toplefplogo img {*/
/*        width: 50%;*/
/*    }*/
/*    .topleft {*/
/*        position: absolute;*/
/*        top: 20px;*/
/*        left: 2%;*/
/*        display: block;*/
/*        float: left;*/
/*    }*/
/*}*/

/*!* @media  screen and (max-width:1025px) only screen and (-webkit-device-pixel-ratio: 1.5) {*/
/*    .box {*/
/*        width: 400px;*/
/*        height: 260px;*/
/*        padding: 10px 0px 40px 5px;*/
/*        position: absolute;*/
/*        left: 75%;*/
/*        top: 63%;*/
/*        transform: translate(-50%, -50%);*/
/*        -webkit-transform: translate(-50%, -50%);*/
/*        -moz-transform: translate(-50%, -50%);*/
/*        -ms-transform: translate(-50%, -50%);*/
/*        -o-transform: translate(-50%, -50%);*/
/*        border: 2px solid transparent;*/
/*    }*/


/*} *!*/



/*@media  screen and (max-width:882px){*/

/*    .cimlogin {*/
/*        width: 100%;*/
/*        height: 90.3%;*/
/*        position: absolute;*/
/*        bottom: 0px;*/
/*        left: 0%;*/
/*    }*/
/*    .leftfooter a img {*/
/*        width: 40%;*/
/*    }*/
/*    .rightfooter a img {*/
/*        width: 30%;*/
/*    }*/

/*}*/





/*!* ========================================= Mobile Desice Range (414x846) ================================= *!*/
/*@media  screen and (max-width:800px) and (max-height:1280px) {*/
/*    .bodybg {*/
/*        height:100vh;*/
/*        padding: 0px 0px;*/
/*    }*/

/*    .main-content {*/
/*        height: 100vh;*/
/*    }*/
/*    .cimlogin {*/
/*        width: 100%;*/
/*        height: 90.5%;*/
/*        position: absolute;*/
/*        bottom: 0%;*/
/*        left: 15px;*/
/*    }*/
/*    .toplefplogo {*/
/*        position: absolute;*/
/*        top: 58%;*/
/*        left: 33%;*/
/*        !* width: 49%; *!*/
/*    }*/
/*}*/

/*@media  screen and (max-width:1280px) and (max-height:800px) {*/
/*    .cimlogin {*/
/*        width: auto;*/
/*        height: 90%;*/
/*        position: absolute;*/
/*        top: 0%;*/
/*    }*/
/*}*/



/*@media  screen and (max-width:768px) and (max-height:1024px) {*/
/*    .cimlogin {*/
/*        width: 100%;*/
/*        height: 88%;*/
/*        position: absolute;*/
/*        top: 0%;*/
/*        left: 0%;*/
/*    }*/
/*    .toplefplogo {*/
/*        position: absolute;*/
/*        top: 20%;*/
/*        left: 30%;*/
/*    }*/
/*    !* .box {*/
/*        width: 100%;*/
/*        height: 260px;*/
/*        padding: 40px 0px 40px 65px;*/
/*        position: absolute;*/
/*        left: 45%;*/
/*        top: 60%;*/
/*        transform: translate(-50%, -50%);*/
/*        -webkit-transform: translate(-50%, -50%);*/
/*        -moz-transform: translate(-50%, -50%);*/
/*        -ms-transform: translate(-50%, -50%);*/
/*        -o-transform: translate(-50%, -50%);*/
/*        border: 2px solid transparent;*/
/*    } *!*/


/*    .box {*/
/*        width: 325px;*/
/*        height: 260px;*/
/*        padding: 10px 0px 40px 5px;*/
/*        position: absolute;*/
/*        left: 75%;*/
/*        top: 45%;*/
/*        transform: translate(-50%, -50%);*/
/*        -webkit-transform: translate(-50%, -50%);*/
/*        -moz-transform: translate(-50%, -50%);*/
/*        -ms-transform: translate(-50%, -50%);*/
/*        -o-transform: translate(-50%, -50%);*/
/*        border: 2px solid transparent;*/
/*    }*/

/*    .allsubmitbutton {*/
/*        display: block;*/
/*        float: left;*/
/*        width: 100%;*/
/*        margin-bottom:15px;*/
/*    }*/
/*}*/

/*@media  screen and (max-width:1024px) and (max-height:768px) {*/

/*    !* .box {*/
/*        width: 400px;*/
/*        height: 260px;*/
/*        padding: 10px 0px 40px 5px;*/
/*        position: absolute;*/
/*        left: 75%;*/
/*        top: 55%;*/
/*        transform: translate(-50%, -50%);*/
/*        -webkit-transform: translate(-50%, -50%);*/
/*        -moz-transform: translate(-50%, -50%);*/
/*        -ms-transform: translate(-50%, -50%);*/
/*        -o-transform: translate(-50%, -50%);*/
/*        border: 2px solid transparent;*/
/*    } *!*/


/*    .box {*/
/*        width:325px;*/
/*        height: 260px;*/
/*        padding: 10px 0px 40px 5px;*/
/*        position: absolute;*/
/*        left: 75%;*/
/*        top: 63%;*/
/*        transform: translate(-50%, -50%);*/
/*        -webkit-transform: translate(-50%, -50%);*/
/*        -moz-transform: translate(-50%, -50%);*/
/*        -ms-transform: translate(-50%, -50%);*/
/*        -o-transform: translate(-50%, -50%);*/
/*        border: 2px solid transparent;*/
/*    }*/

/*    .allsubmitbutton {*/
/*        display: block;*/
/*        float: left;*/
/*        width: 100%;*/
/*        margin-bottom: 10px;*/
/*    }*/
/*    .topleft {*/
/*        position: absolute;*/
/*        top: 10px;*/
/*        left: 10px;*/
/*        !* width: 50%; *!*/
/*        text-align: left;*/
/*        float: left;*/
/*    }*/
/*    .topright {*/
/*        position: absolute;*/
/*        top: 10px;*/
/*        right: 10px;*/
/*        !* width: 50%; *!*/
/*        float: right;*/
/*        text-align: right;*/
/*    }*/
/*    !* .toplefplogo {*/
/*        position: absolute;*/
/*        top: 30%;*/
/*        left: 28%;*/
/*    } *!*/
/*    .toplefplogo {*/
/*        position: absolute;*/
/*        top: 50%;*/
/*        left: 15%;*/
/*    }*/
/*    .bodybg {*/
/*        font-family: 'SolaimanLipi'!important;*/
/*        max-width: 100vw;*/
/*        height: 100vh;*/
/*        !* background: url(img/loginbg2.png)no-repeat center; *!*/
/*        background-size: cover;*/
/*        background-position: center center;*/
/*        background-attachment: fixed;*/
/*        background-color: #C4C4C4;*/
/*        padding: 0px 0px;*/
/*    }*/
/*    .main-content {*/
/*        width: 100%;*/
/*        margin: 0 auto;*/
/*        height: 100vh;*/
/*        !* background: url(img/cims/bg3.png)no-repeat center; *!*/
/*        !* border: 10px solid #fff; *!*/
/*        !* position: relative; *!*/
/*        background: rgb(86,145,236);*/
/*        background: -webkit-gradient(linear, left top, right top, color-stop(20%, rgba(86,145,236,1)), color-stop(46%, rgba(40,97,188,1)), to(rgba(19,83,180,1)));*/
/*        background: -o-linear-gradient(left, rgba(86,145,236,1) 20%, rgba(40,97,188,1) 46%, rgba(19,83,180,1) 100%);*/
/*        background: linear-gradient(90deg, rgba(86,145,236,1) 20%, rgba(40,97,188,1) 46%, rgba(19,83,180,1) 100%);*/
/*        border: 18px solid #ffff;*/
/*        border-radius: 40px;*/
/*        box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.2);*/
/*        -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.2);*/
/*        -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.2);*/
/*        -webkit-border-radius: 40px;*/
/*        -moz-border-radius: 40px;*/
/*        -ms-border-radius: 40px;*/
/*        -o-border-radius: 40px;*/
/*        position: relative;*/
/*    }*/
/*}*/


/*@media  screen and (max-width:600px) and (max-height:1024px) {*/
/*    .topleft {*/
/*        position: absolute;*/
/*        top: 15px;*/
/*        left: 10px;*/
/*    }*/
/*    .topleft img {*/
/*        width: 35%;*/
/*    }*/
/*    .topright {*/
/*        position: absolute;*/
/*        top: 0px;*/
/*        right: 0px;*/
/*        text-align: right;*/
/*    }*/
/*    .topright img {*/
/*        margin: 15px 20px 0px 0px;*/
/*        width: 20%;*/
/*        !* text-align: right; *!*/
/*    }*/

/*    .box {*/
/*        width: 400px;*/
/*        height: 260px;*/
/*        padding: 40px 0px 40px 0px;*/
/*        position: absolute;*/
/*        top: 100%;*/
/*        left: -25%;*/
/*        transform: translate(-50%, -50%);*/
/*        -webkit-transform: translate(-50%, -50%);*/
/*        -moz-transform: translate(-50%, -50%);*/
/*        -ms-transform: translate(-50%, -50%);*/
/*        -o-transform: translate(-50%, -50%);*/
/*        border: 2px solid transparent;*/
/*        !* padding-right: 20px; *!*/
/*    }*/
/*    .rightfooter img {*/
/*        width: 60%;*/
/*    }*/
/*    .rightfooter {*/
/*        !* margin-right: 1%; *!*/
/*        margin-top: 10px;*/
/*        width: 100%;*/
/*        text-align: center;*/
/*    }*/
/*    .leftfooter {*/
/*        !* margin-left: 2%; *!*/
/*        width: 100%;*/
/*        text-align: center;*/
/*    }*/

/*    .cimmiddleimage {*/
/*        width: 100%;*/
/*        display: block;*/
/*        float: left;*/
/*        position: relative;*/
/*    }*/
/*    .middleform {*/
/*        position: relative;*/
/*        display: block;*/
/*        float: right;*/
/*        width: 100%;*/
/*        !* margin-top: 340px; *!*/
/*    }*/
/*    .topleftplogo img {*/
/*        width: 50%;*/
/*        height: 50%;*/
/*    }*/
/*    .topleftplogo {*/
/*        position: absolute;*/
/*        bottom: 115px;*/
/*        left: 160px;*/
/*    }*/

/*    .bodybg {*/
/*        font-family: 'SolaimanLipi'!important;*/
/*        max-width: 100vw;*/
/*        height: 100vh;*/
/*        !* background: url(img/loginbg2.png)no-repeat center; *!*/
/*        background-size: cover;*/
/*        background-position: center center;*/
/*        background-attachment: fixed;*/
/*        background-color: #C4C4C4;*/
/*        padding: 0px 0px;*/
/*    }*/
/*    .main-content {*/
/*        height: 100vh;*/
/*    }*/
/*    .cimlogin {*/
/*        width: 100%;*/
/*        height: 300px;*/
/*        position: absolute;*/
/*        top: 0%;*/
/*        left: 0%;*/
/*    }*/
/*    .box {*/
/*        width: 90%;*/
/*        height: 260px;*/
/*        padding: 40px 0px 40px 0px;*/
/*        position: absolute;*/
/*        top: 430px;*/
/*        left: 50%;*/
/*        transform: translate(-50%, -50%);*/
/*        -webkit-transform: translate(-50%, -50%);*/
/*        -moz-transform: translate(-50%, -50%);*/
/*        -ms-transform: translate(-50%, -50%);*/
/*        -o-transform: translate(-50%, -50%);*/
/*        border: 2px solid transparent;*/
/*        !* padding-right: 20px; *!*/
/*    }*/
/*    .toplefplogo {*/
/*        position: absolute;*/
/*        !* top: 31%; *!*/
/*        left: 39%;*/
/*        top: 160px;*/
/*    }*/
/*}*/

/*@media  screen and (max-width:1024px) and (max-height:600px) {*/
/*    .bodybg {*/
/*        font-family: 'SolaimanLipi'!important;*/
/*        max-width: 100vw;*/
/*        height: 100vh;*/
/*        padding: 0px 0px;*/
/*    }*/
/*    .main-content {*/
/*        height: 100vh;*/
/*    }*/
/*    .cimlogin {*/
/*        width: auto;*/
/*        height: 87%;*/
/*        position: absolute;*/
/*        top: 0%;*/
/*    }*/
/*    .box {*/
/*        width: 440px;*/
/*        height: 260px;*/
/*        padding: 10px 0px 40px 65px;*/
/*        position: absolute;*/
/*        left: 70%;*/
/*        top: 40%;*/
/*        transform: translate(-50%, -50%);*/
/*        -webkit-transform: translate(-50%, -50%);*/
/*        -moz-transform: translate(-50%, -50%);*/
/*        -ms-transform: translate(-50%, -50%);*/
/*        -o-transform: translate(-50%, -50%);*/
/*        border: 2px solid transparent;*/
/*    }*/
/*}*/

/*@media  screen and (max-width:540px) and (max-height:720px) {*/
/*    .cimlogin {*/
/*        width: auto;*/
/*        height: 270px;*/
/*        position: absolute;*/
/*        top: 0%;*/
/*        left: 110px;*/
/*    }*/
/*    .box {*/
/*        width: 90%;*/
/*        height: 260px;*/
/*        padding: 40px 0px 40px 0px;*/
/*        position: absolute;*/
/*        top: 365px;*/
/*        left: 50%;*/
/*        transform: translate(-50%, -50%);*/
/*        -webkit-transform: translate(-50%, -50%);*/
/*        -moz-transform: translate(-50%, -50%);*/
/*        -ms-transform: translate(-50%, -50%);*/
/*        -o-transform: translate(-50%, -50%);*/
/*        border: 2px solid transparent;*/
/*        !* padding-right: 20px; *!*/
/*    }*/
/*    .toplefplogo {*/
/*        position: absolute;*/
/*        !* top: 31%; *!*/
/*        left: 39%;*/
/*        top: 60px;*/
/*    }*/
/*}*/

/*@media  screen and (max-width:720px) and (max-height:540px) {*/
/*    .leftfooter {*/
/*        !* margin-left: 2%; *!*/
/*        width: 48%;*/
/*        text-align: center;*/
/*    }*/
/*    .rightfooter {*/
/*        margin-right: 1%;*/
/*        margin-top: 10px;*/
/*        !* float: right; *!*/
/*        text-align: right;*/
/*        width: 48%;*/
/*    }*/
/*    .box {*/
/*        width: 320px;*/
/*        height: 260px;*/
/*        padding: 10px 0px 40px 65px;*/
/*        position: absolute;*/
/*        left: 75%;*/
/*        top: 50%;*/
/*        transform: translate(-50%, -50%);*/
/*        -webkit-transform: translate(-50%, -50%);*/
/*        -moz-transform: translate(-50%, -50%);*/
/*        -ms-transform: translate(-50%, -50%);*/
/*        -o-transform: translate(-50%, -50%);*/
/*        border: 2px solid transparent;*/
/*    }*/
/*}*/

/*@media  screen and (max-width:480px) and (max-height:854px) {*/
/*    .cimlogin {*/
/*        width: 100%;*/
/*        height: 410px;*/
/*        position: absolute;*/
/*        top: 0%;*/
/*        left: 0px;*/
/*    }*/
/*    .toplefplogo {*/
/*        position: absolute;*/
/*        !* top: 31%; *!*/
/*        left: 35%;*/
/*        top: 160px;*/
/*    }*/
/*    .box {*/
/*        width: 90%;*/
/*        height: 260px;*/
/*        padding: 0px 0px 40px 0px;*/
/*        position: absolute;*/
/*        top: 540px;*/
/*        left: 50%;*/
/*        transform: translate(-50%, -50%);*/
/*        -webkit-transform: translate(-50%, -50%);*/
/*        -moz-transform: translate(-50%, -50%);*/
/*        -ms-transform: translate(-50%, -50%);*/
/*        -o-transform: translate(-50%, -50%);*/
/*        border: 2px solid transparent;*/
/*        !* padding-right: 20px; *!*/
/*    }*/
/*    h2.logintitle {*/
/*        display: block;*/
/*        float: left;*/
/*        width: 100%;*/
/*        color: #fff;*/
/*        font-size: 20px;*/
/*        font-weight: 300;*/
/*        margin-bottom: 15px;*/
/*    }*/
/*    a.probeskorun {*/
/*        display: block;*/
/*        width: 100%;*/
/*        background: yellow;*/
/*        color: #1353B4;*/
/*        text-align: center;*/
/*        padding: 10px 0px;*/
/*        font-size: 20px;*/
/*        border-radius: 5px;*/
/*    }*/
/*    .allsubmitbutton {*/
/*        display: block;*/
/*        float: left;*/
/*        width: 100%;*/
/*        margin-bottom: 10px;*/
/*    }*/
/*    .passwordtext a {*/
/*        text-align: right;*/
/*        float: right;*/
/*        color: #F6EC21;*/
/*        font-size: 20px;*/
/*        font-family: 'SolaimanLipi'!important;*/
/*    }*/

/*}*/

/*@media  screen and (max-width:854px) and (max-height:480px) {*/
/*    .leftfooter {*/
/*        !* margin-left: 2%; *!*/
/*        width: 48%;*/
/*        text-align: center;*/
/*    }*/
/*    .rightfooter {*/
/*        margin-right: 1%;*/
/*        margin-top: 10px;*/
/*        !* float: right; *!*/
/*        text-align: right;*/
/*        width: 49%;*/
/*    }*/
/*    .allsubmitbutton {*/
/*        display: block;*/
/*        float: left;*/
/*        width: 100%;*/
/*        margin-bottom: 5px;*/
/*    }*/
/*    a.probeskorun {*/
/*        display: block;*/
/*        width: 100%;*/
/*        background: yellow;*/
/*        color: #1353B4;*/
/*        text-align: center;*/
/*        padding: 10px 0px;*/
/*        font-size: 20px;*/
/*        border-radius: 5px;*/
/*    }*/
/*    .passwordtext a {*/
/*        text-align: right;*/
/*        float: right;*/
/*        color: #F6EC21;*/
/*        font-size: 20px;*/
/*        font-family: 'SolaimanLipi'!important;*/
/*    }*/
/*}*/

/*@media  screen and (max-width:414px) and (max-height:846px) {*/

/*    .bodybg {*/
/*        font-family: 'SolaimanLipi'!important;*/
/*        max-width: 100vw;*/
/*        height: 100vh;*/
/*        !* background: url(img/loginbg2.png)no-repeat center; *!*/
/*        background-size: cover;*/
/*        background-position: center center;*/
/*        background-attachment: fixed;*/
/*        background-color: #C4C4C4;*/
/*        padding: 0px 0px;*/
/*    }*/
/*    .main-content {*/
/*        width: 100%;*/
/*        margin: 0 auto;*/
/*        height: 100vh;*/
/*        background: rgb(86,145,236);*/
/*        background: -webkit-gradient(linear, left top, right top, color-stop(20%, rgba(86,145,236,1)), color-stop(46%, rgba(40,97,188,1)), to(rgba(19,83,180,1)));*/
/*        background: -o-linear-gradient(left, rgba(86,145,236,1) 20%, rgba(40,97,188,1) 46%, rgba(19,83,180,1) 100%);*/
/*        background: linear-gradient(90deg, rgba(86,145,236,1) 20%, rgba(40,97,188,1) 46%, rgba(19,83,180,1) 100%);*/
/*        border: 18px solid #ffff;*/
/*        border-radius: 40px;*/
/*        box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.2);*/
/*        -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.2);*/
/*        -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.2);*/
/*        -webkit-border-radius: 40px;*/
/*        -moz-border-radius: 40px;*/
/*        -ms-border-radius: 40px;*/
/*        -o-border-radius: 40px;*/
/*        position: relative;*/
/*    }*/

/*    .cimlogin {*/
/*        width: 100%;*/
/*        height: 300px;*/
/*        position: absolute;*/
/*        top: 0%;*/
/*        left: 10px;*/
/*    }*/

/*    .box {*/
/*        width: 350px;*/
/*        height: 260px;*/
/*        padding: 40px 0px 40px 0px;*/
/*        position: absolute;*/
/*        top: 460px;*/
/*        left: 50%;*/
/*        transform: translate(-50%, -50%);*/
/*        -webkit-transform: translate(-50%, -50%);*/
/*        -moz-transform: translate(-50%, -50%);*/
/*        -ms-transform: translate(-50%, -50%);*/
/*        -o-transform: translate(-50%, -50%);*/
/*        border: 2px solid transparent;*/
/*        !* padding-right: 20px; *!*/
/*    }*/
/*    .toplefplogo {*/
/*        position: absolute;*/
/*        top: 80px;*/
/*        left: 35%;*/
/*    }*/

/*}*/



/*@media  screen and (max-width:846px) and (max-height:414px) {*/

/*    .bodybg {*/
/*        height: 100vh;*/
/*        padding: 0px 0px;*/
/*    }*/
/*    .main-content {*/
/*        height: 100vh;*/
/*    }*/
/*    .leftfooter {*/
/*        width: 48%;*/
/*        text-align: left;*/
/*    }*/
/*    .rightfooter {*/
/*        margin-right: 1%;*/
/*        margin-top: 10px;*/
/*        text-align: right;*/
/*        width: 45%;*/
/*        !* margin-right: 1%; *!*/
/*    }*/
/*    .cimlogin {*/
/*        width: auto;*/
/*        height: 84%;*/
/*        position: absolute;*/
/*        top: 0%;*/
/*    }*/

/*    .box {*/
/*        width: 400px;*/
/*        height: 260px;*/
/*        padding: 10px 0px 40px 65px;*/
/*        position: absolute;*/
/*        left: 70%;*/
/*        top: 40%;*/
/*        transform: translate(-50%, -50%);*/
/*        -webkit-transform: translate(-50%, -50%);*/
/*        -moz-transform: translate(-50%, -50%);*/
/*        -ms-transform: translate(-50%, -50%);*/
/*        -o-transform: translate(-50%, -50%);*/
/*        border: 2px solid transparent;*/
/*    }*/
/*    .allsubmitbutton {*/
/*        display: block;*/
/*        float: left;*/
/*        width: 100%;*/
/*        margin-bottom: 5px;*/
/*    }*/
/*    a.probeskorun {*/
/*        display: block;*/
/*        width: 100%;*/
/*        background: yellow;*/
/*        color: #1353B4;*/
/*        text-align: center;*/
/*        padding: 5px 0px;*/
/*        font-size: 20px;*/
/*        border-radius: 5px;*/
/*    }*/
/*    .passwordtext a {*/
/*        text-align: right;*/
/*        float: right;*/
/*        color: #F6EC21;*/
/*        font-size:14px;*/
/*        font-family: 'SolaimanLipi'!important;*/
/*    }*/
/*    .topright img {*/
/*        width: 15%;*/
/*    }*/
/*    .topleft img {*/
/*        width: 30%;*/
/*    }*/
/*    .toplefplogo {*/
/*        position: absolute;*/
/*        top: 30%;*/
/*        left: 13%;*/
/*    }*/
/*    .toplefplogo img {*/
/*        width: 30%;*/
/*    }*/

/*}*/



/*@media  screen and (max-width:412px) and (max-height:732px) {*/
/*    .box {*/
/*        width: 350px;*/
/*        height: 260px;*/
/*        padding: 40px 0px 40px 0px;*/
/*        position: absolute;*/
/*        top: 390px;*/
/*        left: 50%;*/
/*        transform: translate(-50%, -50%);*/
/*        -webkit-transform: translate(-50%, -50%);*/
/*        -moz-transform: translate(-50%, -50%);*/
/*        -ms-transform: translate(-50%, -50%);*/
/*        -o-transform: translate(-50%, -50%);*/
/*        border: 2px solid transparent;*/
/*        !* padding-right: 20px; *!*/
/*    }*/

/*    h2.logintitle {*/
/*        font-size: 15px;*/
/*    }*/
/*    a.probeskorun {*/
/*        display: block;*/
/*        width: 100%;*/
/*        background: yellow;*/
/*        color: #1353B4;*/
/*        text-align: center;*/
/*        padding: 5px 0px;*/
/*        font-size: 15px;*/
/*        border-radius: 5px;*/
/*    }*/
/*    .allsubmitbutton {*/
/*        margin-bottom: 10px;*/
/*    }*/
/*    .passwordtext a {*/
/*        font-size: 15px;*/

/*    }*/


/*}*/

/*@media  screen and (max-width:732px) and (max-height:412px) {*/
/*    .toplefplogo {*/
/*        position: absolute;*/
/*        top: 30%;*/
/*        left: 18%;*/
/*    }*/
/*    .cimlogin {*/
/*        width: auto;*/
/*        height: 85%;*/
/*        position: absolute;*/
/*        top: 0%;*/
/*    }*/
/*    .toplefplogo {*/
/*        position: absolute;*/
/*        top: 50%;*/
/*        left: 15%;*/
/*    }*/
/*}*/




/*@media  screen and (max-width:384px) and (max-height:640px) {*/
/*    .cimlogin {*/
/*        width: auto;*/
/*        height: 260px;*/
/*        position: absolute;*/
/*        top: 0%;*/
/*        left: 30px;*/
/*    }*/

/*    h2.logintitle {*/
/*        font-size: 15px;*/
/*        margin-bottom: 5px;*/
/*    }*/
/*    .box {*/
/*        width: 350px;*/
/*        height: 260px;*/
/*        padding: 40px 0px 40px 0px;*/
/*        position: absolute;*/
/*        top: 360px;*/
/*        left: 50%;*/
/*        transform: translate(-50%, -50%);*/
/*        -webkit-transform: translate(-50%, -50%);*/
/*        -moz-transform: translate(-50%, -50%);*/
/*        -ms-transform: translate(-50%, -50%);*/
/*        -o-transform: translate(-50%, -50%);*/
/*        border: 2px solid transparent;*/
/*        !* padding-right: 20px; *!*/
/*    }*/
/*    a.probeskorun {*/
/*        display: block;*/
/*        width: 100%;*/
/*        background: yellow;*/
/*        color: #1353B4;*/
/*        text-align: center;*/
/*        padding: 5px 0px;*/
/*        font-size: 20px;*/
/*        border-radius: 5px;*/
/*    }*/
/*    .allsubmitbutton {*/
/*        margin-bottom: 10px;*/
/*    }*/
/*    .passwordtext a {*/
/*        font-size: 15px;*/

/*    }*/
/*}*/
/*@media  screen and (max-width:640px) and (max-height:384px) {*/
/*    .box {*/
/*        width: 320px;*/
/*        height: 260px;*/
/*        padding: 10px 0px 40px 10px;*/
/*        position: absolute;*/
/*        left: 70%;*/
/*        top: 40%;*/
/*        transform: translate(-50%, -50%);*/
/*        -webkit-transform: translate(-50%, -50%);*/
/*        -moz-transform: translate(-50%, -50%);*/
/*        -ms-transform: translate(-50%, -50%);*/
/*        -o-transform: translate(-50%, -50%);*/
/*        border: 2px solid transparent;*/
/*    }*/
/*    .cimlogin {*/
/*        width: auto;*/
/*        height: 85%;*/
/*        position: absolute;*/
/*        top: 0%;*/
/*    }*/
/*    .toplefplogo {*/
/*        position: absolute;*/
/*        top: 50%;*/
/*        left:13%;*/
/*    }*/
/*}*/

/*@media  screen and (max-width:375px) and (max-height:812px) {*/
/*    .box {*/
/*        width: 300px;*/
/*        height: 260px;*/
/*        padding: 40px 0px 40px 0px;*/
/*        position: absolute;*/
/*        top: 460px;*/
/*        left: 50%;*/
/*        transform: translate(-50%, -50%);*/
/*        -webkit-transform: translate(-50%, -50%);*/
/*        -moz-transform: translate(-50%, -50%);*/
/*        -ms-transform: translate(-50%, -50%);*/
/*        -o-transform: translate(-50%, -50%);*/
/*        border: 2px solid transparent;*/
/*        !* padding-right: 20px; *!*/
/*    }*/
/*    .toplefplogo {*/
/*        position: absolute;*/
/*        top: 80px;*/
/*        left: 40%;*/
/*    }*/
/*}*/

/*@media  screen and (max-width:375px) and (max-height:667px) {*/
/*    .box {*/
/*        width: 300px;*/
/*        height: 260px;*/
/*        padding: 40px 0px 40px 0px;*/
/*        position: absolute;*/
/*        top: 390px;*/
/*        left: 50%;*/
/*        transform: translate(-50%, -50%);*/
/*        -webkit-transform: translate(-50%, -50%);*/
/*        -moz-transform: translate(-50%, -50%);*/
/*        -ms-transform: translate(-50%, -50%);*/
/*        -o-transform: translate(-50%, -50%);*/
/*        border: 2px solid transparent;*/
/*        !* padding-right: 20px; *!*/
/*    }*/
/*    .toplefplogo {*/
/*        position: absolute;*/
/*        top: 80px;*/
/*        left: 42%;*/
/*    }*/
/*    .toplefplogo img {*/
/*        width: 40%;*/
/*    }*/
/*}*/

/*@media  screen and (max-width:667px) and (max-height:375px) {*/
/*    .box {*/
/*        width: 300px;*/
/*        height: 260px;*/
/*        padding: 10px 0px 40px 65px;*/
/*        position: absolute;*/
/*        left: 70%;*/
/*        top: 40%;*/
/*        transform: translate(-50%, -50%);*/
/*        -webkit-transform: translate(-50%, -50%);*/
/*        -moz-transform: translate(-50%, -50%);*/
/*        -ms-transform: translate(-50%, -50%);*/
/*        -o-transform: translate(-50%, -50%);*/
/*        border: 2px solid transparent;*/
/*    }*/
/*}*/

/*@media  screen and (max-width:360px) and (max-height:760px) {*/
/*    .box {*/
/*        width: 290px;*/
/*        height: 260px;*/
/*        padding: 0px 0px 40px 0px;*/
/*        position: absolute;*/
/*        top: 385px;*/
/*        left: 50%;*/
/*        transform: translate(-50%, -50%);*/
/*        -webkit-transform: translate(-50%, -50%);*/
/*        -moz-transform: translate(-50%, -50%);*/
/*        -ms-transform: translate(-50%, -50%);*/
/*        -o-transform: translate(-50%, -50%);*/
/*        border: 2px solid transparent;*/
/*        !* padding-right: 20px; *!*/
/*    }*/
/*    .allsubmitbutton {*/
/*        margin-bottom: 5px;*/
/*    }*/
/*    a.probeskorun {*/
/*        display: block;*/
/*        width: 100%;*/
/*        background: yellow;*/
/*        color: #1353B4;*/
/*        text-align: center;*/
/*        padding: 5px 0px;*/
/*        font-size: 20px;*/
/*        border-radius: 5px;*/
/*    }*/
/*    .passwordtext a {*/
/*        text-align: right;*/
/*        float: right;*/
/*        color: #F6EC21;*/
/*        font-size: 15px;*/
/*        font-family: 'SolaimanLipi'!important;*/
/*    }*/

/*    .cimlogin {*/
/*        width: auto;*/
/*        height: 245px;*/
/*        position: absolute;*/
/*        top: 0px;*/
/*        left: 35px;*/
/*    }*/
/*    .toplefplogo {*/
/*        position: absolute;*/
/*        top: 120px;*/
/*        left: 42%;*/
/*    }*/
/*    .toplefplogo img {*/
/*        width: 30%;*/
/*    }*/
/*}*/

/*@media  screen and (max-width:760px) and (max-height:360px) {*/
/*    .cimlogin {*/
/*        width: auto;*/
/*        height: 82%;*/
/*        position: absolute;*/
/*        top: 0%;*/
/*    }*/
/*}*/

/*@media  screen and (max-width:640px) and (max-height:360px) {*/
/*    .box {*/
/*        width: 300px;*/
/*        height: 260px;*/
/*        padding: 10px 0px 40px 5px;*/
/*        position: absolute;*/
/*        left: 70%;*/
/*        top: 40%;*/
/*        transform: translate(-50%, -50%);*/
/*        -webkit-transform: translate(-50%, -50%);*/
/*        -moz-transform: translate(-50%, -50%);*/
/*        -ms-transform: translate(-50%, -50%);*/
/*        -o-transform: translate(-50%, -50%);*/
/*        border: 2px solid transparent;*/
/*    }*/
/*    .cimlogin {*/
/*        width: auto;*/
/*        height: 84%;*/
/*        position: absolute;*/
/*        top: 0%;*/
/*    }*/
/*    .toplefplogo {*/
/*        position: absolute;*/
/*        top: 40%;*/
/*        left: 10%;*/
/*    }*/
/*    .toplefplogo img {*/
/*        width: 40%;*/
/*    }*/
/*}*/

/*@media  screen and (max-width:320px) and (max-height:568px) {*/
/*    .box {*/
/*        width: 250px;*/
/*        height: 260px;*/
/*        padding: 0px 0px 40px 0px;*/
/*        position: absolute;*/
/*        top: 385px;*/
/*        left: 50%;*/
/*        transform: translate(-50%, -50%);*/
/*        -webkit-transform: translate(-50%, -50%);*/
/*        -moz-transform: translate(-50%, -50%);*/
/*        -ms-transform: translate(-50%, -50%);*/
/*        -o-transform: translate(-50%, -50%);*/
/*        border: 2px solid transparent;*/
/*        !* padding-right: 20px; *!*/
/*    }*/
/*    .box input[type="text"], .box input[type="password"] {*/
/*        border: 0;*/
/*        display: block;*/
/*        margin: 10px auto 10px;*/
/*        text-align: left;*/
/*        border: 1px solid;*/
/*        padding: 13px 10px;*/
/*        width: 100%;*/
/*        outline: none;*/
/*        border-radius: 3px;*/
/*        -webkit-border-radius: 3px;*/
/*        -moz-border-radius: 3px;*/
/*        -ms-border-radius: 3px;*/
/*        -o-border-radius: 3px;*/
/*        !* background: url('img/nomal_textfield.png') no-repeat right #fff; *!*/
/*        -moz-appearance: none;*/
/*        -webkit-appearance: none;*/
/*        background-position-x: 97%;*/
/*        background-color: transparent;*/
/*        border-color: rgba(255, 255, 255, 0.5);*/
/*    }*/


/*}*/


/*@media  screen and (max-width:568px) and (max-height:320px) {*/
/*    .toplefplogo {*/
/*        position: absolute;*/
/*        top: 120px;*/
/*        left: 37%;*/
/*    }*/
/*    .box {*/
/*        width: 255px;*/
/*        height: 260px;*/
/*        padding: 10px 0px 40px 5px;*/
/*        position: absolute;*/
/*        left: 70%;*/
/*        top: 150px;*/
/*        transform: translate(-50%, -50%);*/
/*        -webkit-transform: translate(-50%, -50%);*/
/*        -moz-transform: translate(-50%, -50%);*/
/*        -ms-transform: translate(-50%, -50%);*/
/*        -o-transform: translate(-50%, -50%);*/
/*        border: 2px solid transparent;*/
/*    }*/
/*    .cimlogin {*/
/*        width: auto;*/
/*        height: 234px;*/
/*        position: absolute;*/
/*        top: 0px;*/
/*    }*/
/*    .toplefplogo {*/
/*        position: absolute;*/
/*        top: 105px;*/
/*        left: 5%;*/
/*    }*/
/*    .box input[type="text"], .box input[type="password"] {*/
/*        border: 0;*/
/*        display: block;*/
/*        margin: 10px auto 5px;*/
/*        text-align: left;*/
/*        border: 1px solid;*/
/*        padding: 13px 10px;*/
/*        width: 100%;*/
/*        outline: none;*/
/*        border-radius: 3px;*/
/*        -webkit-border-radius: 3px;*/
/*        -moz-border-radius: 3px;*/
/*        -ms-border-radius: 3px;*/
/*        -o-border-radius: 3px;*/
/*        !* background: url('img/nomal_textfield.png') no-repeat right #fff; *!*/
/*        -moz-appearance: none;*/
/*        -webkit-appearance: none;*/
/*        background-position-x: 97%;*/
/*        background-color: transparent;*/
/*        border-color: rgba(255, 255, 255, 0.5);*/
/*    }*/
/*    h2.logintitle {*/
/*        display: block;*/
/*        float: left;*/
/*        width: 100%;*/
/*        color: #fff;*/
/*        font-size: 20px;*/
/*        font-weight: 300;*/
/*        margin-bottom: 15px;*/
/*    }*/
/*    .passwordtext a {*/
/*        text-align: right;*/
/*        float: right;*/
/*        color: #F6EC21;*/
/*        font-size: 13px;*/
/*        font-family: 'SolaimanLipi'!important;*/
/*    }*/
/*}*/


/*@media  screen and (max-width:320px) and (max-height:533px) {*/
/*    .box {*/
/*        width: 270px;*/
/*    }*/
/*    .cimlogin {*/
/*        width: auto;*/
/*        height: 200px;*/
/*        position: absolute;*/
/*        top: 0px;*/
/*        left: 35px;*/
/*    }*/
/*    .toplefplogo {*/
/*        position: absolute;*/
/*        top: 80px;*/
/*        left: 38%;*/
/*    }*/
/*    .box {*/
/*        top: 330px;*/
/*    }*/
/*    .box input[type="text"], .box input[type="password"] {*/
/*        margin: 10px auto 15px;*/
/*    }*/
/*}*/

/*@media  screen and (max-width:533px) and (max-height:320px) {*/
/*    .cimlogin {*/
/*        width: auto;*/
/*        height: 234px;*/
/*        position: absolute;*/
/*        top: 0%;*/
/*    }*/

/*    h2.logintitle {*/
/*        display: block;*/
/*        float: left;*/
/*        width: 100%;*/
/*        color: #fff;*/
/*        font-size: 20px;*/
/*        font-weight: 300;*/
/*        margin-bottom: 0px;*/
/*    }*/
/*    .box {*/
/*        width: 200px;*/
/*        height: 260px;*/
/*        padding: 10px 0px 40px 5px;*/
/*        position: absolute;*/
/*        left: 78%;*/
/*        top: 155px;*/
/*        transform: translate(-50%, -50%);*/
/*        -webkit-transform: translate(-50%, -50%);*/
/*        -moz-transform: translate(-50%, -50%);*/
/*        -ms-transform: translate(-50%, -50%);*/
/*        -o-transform: translate(-50%, -50%);*/
/*        border: 2px solid transparent;*/
/*    }*/
/*    .box input[type="text"], .box input[type="password"] {*/
/*        margin: 10px auto 5px;*/
/*    }*/
/*    .passwordtext a {*/
/*        text-align: right;*/
/*        float: right;*/
/*        color: #F6EC21;*/
/*        font-size: 15px;*/
/*        font-family: 'SolaimanLipi'!important;*/
/*    }*/
/*    .toplefplogo {*/
/*        position: absolute;*/
/*        top: 30%;*/
/*        left: 28%;*/
/*    }*/
/*}*/

/*@media  screen and (max-width:320px) and (max-height:480px) {*/
/*    a.probeskorun {*/
/*        display: block;*/
/*        width: 100%;*/
/*        background: yellow;*/
/*        color: #1353B4;*/
/*        text-align: center;*/
/*        padding: 5px 0px;*/
/*        font-size: 12px;*/
/*        border-radius: 5px;*/
/*    }*/
/*    .passwordtext a {*/
/*        text-align: right;*/
/*        float: right;*/
/*        color: #F6EC21;*/
/*        font-size: 10px;*/
/*        font-family: 'SolaimanLipi'!important;*/
/*    }*/

/*}*/

/*@media  screen and (max-width:480px) and (max-height:320px) {*/
/*    .box {*/
/*        width: 250px;*/
/*        height: 260px;*/
/*        padding: 10px 0px 40px 5px;*/
/*        position: absolute;*/
/*        left: 70%;*/
/*        top: 155px;*/
/*        transform: translate(-50%, -50%);*/
/*        -webkit-transform: translate(-50%, -50%);*/
/*        -moz-transform: translate(-50%, -50%);*/
/*        -ms-transform: translate(-50%, -50%);*/
/*        -o-transform: translate(-50%, -50%);*/
/*        border: 2px solid transparent;*/
/*    }*/
/*    .toplefplogo {*/
/*        position: absolute;*/
/*        top: 140px;*/
/*        left: 17%;*/
/*    }*/
/*    .toplefplogo img {*/
/*        width: 20%;*/
/*    }*/
/*}*/


/*@media  screen and (max-width:280px) and (max-height:653px) {*/
/*    .cimlogin {*/
/*        width: auto;*/
/*        height: 205px;*/
/*        position: absolute;*/
/*        top: 0px;*/
/*        left: 35px;*/
/*    }*/
/*    .box {*/
/*        width: 200px;*/
/*        height: 260px;*/
/*        padding: 0px 0px 40px 0px;*/
/*        position: absolute;*/
/*        top: 385px;*/
/*        left: 50%;*/
/*        transform: translate(-50%, -50%);*/
/*        -webkit-transform: translate(-50%, -50%);*/
/*        -moz-transform: translate(-50%, -50%);*/
/*        -ms-transform: translate(-50%, -50%);*/
/*        -o-transform: translate(-50%, -50%);*/
/*        border: 2px solid transparent;*/
/*        !* padding-right: 20px; *!*/
/*    }*/
/*    .toplefplogo {*/
/*        position: absolute;*/
/*        top: 80px;*/
/*        left: 50%;*/
/*    }*/


/*}*/

/*@media  screen and (max-width:653px) and (max-height:280px) {*/
/*    .cimlogin {*/
/*        width: auto;*/
/*        height: 78%;*/
/*        position: absolute;*/
/*        top: 0%;*/
/*    }*/
/*    .toplefplogo {*/
/*        position: absolute;*/
/*        top: 10%;*/
/*        left: 24%;*/
/*    }*/
/*    h2.logintitle {*/
/*        display: block;*/
/*        float: left;*/
/*        width: 100%;*/
/*        color: #fff;*/
/*        font-size: 30px;*/
/*        font-weight: 300;*/
/*        margin-bottom: 0px;*/
/*    }*/
/*    .box input[type="text"], .box input[type="password"] {*/
/*        border: 0;*/
/*        display: block;*/
/*        margin: 10px auto 5px;*/
/*        text-align: left;*/
/*        border: 1px solid;*/
/*        padding: 13px 10px;*/
/*        width: 100%;*/
/*        outline: none;*/
/*        border-radius: 3px;*/
/*        -webkit-border-radius: 3px;*/
/*        -moz-border-radius: 3px;*/
/*        -ms-border-radius: 3px;*/
/*        -o-border-radius: 3px;*/
/*        !* background: url('img/nomal_textfield.png') no-repeat right #fff; *!*/
/*        -moz-appearance: none;*/
/*        -webkit-appearance: none;*/
/*        background-position-x: 97%;*/
/*        background-color: transparent;*/
/*        border-color: rgba(255, 255, 255, 0.5);*/
/*    }*/
/*    .box {*/
/*        width: 300px;*/
/*        height: 260px;*/
/*        padding: 10px 0px 40px 65px;*/
/*        position: absolute;*/
/*        left: 70%;*/
/*        top: 60%;*/
/*        transform: translate(-50%, -50%);*/
/*        -webkit-transform: translate(-50%, -50%);*/
/*        -moz-transform: translate(-50%, -50%);*/
/*        -ms-transform: translate(-50%, -50%);*/
/*        -o-transform: translate(-50%, -50%);*/
/*        border: 2px solid transparent;*/
/*    }*/
/*    .box input[type="text"], .box input[type="password"] {*/
/*        border: 0;*/
/*        display: block;*/
/*        margin: 10px auto 5px;*/
/*        text-align: left;*/
/*        border: 1px solid;*/
/*        padding: 2px 10px;*/
/*        width: 100%;*/
/*        outline: none;*/
/*        border-radius: 3px;*/
/*        -webkit-border-radius: 3px;*/
/*        -moz-border-radius: 3px;*/
/*        -ms-border-radius: 3px;*/
/*        -o-border-radius: 3px;*/
/*        !* background: url('img/nomal_textfield.png') no-repeat right #fff; *!*/
/*        -moz-appearance: none;*/
/*        -webkit-appearance: none;*/
/*        background-position-x: 97%;*/
/*        background-color: transparent;*/
/*        border-color: rgba(255, 255, 255, 0.5);*/
/*    }*/
/*}*/


/*@media  screen and (max-width:280px) and (max-height:320px) {*/
/*    .box {*/
/*        width: 158px;*/
/*        height: 260px;*/
/*        padding: 10px 0px 40px 5px;*/
/*        position: absolute;*/
/*        left: 50%;*/
/*        top: 155px;*/
/*        transform: translate(-50%, -50%);*/
/*        -webkit-transform: translate(-50%, -50%);*/
/*        -moz-transform: translate(-50%, -50%);*/
/*        -ms-transform: translate(-50%, -50%);*/
/*        -o-transform: translate(-50%, -50%);*/
/*        border: 2px solid transparent;*/
/*    }*/
/*    .cimmiddleimage {*/
/*        display: none;*/
/*    }*/
/*}*/

/*@media  screen and (max-width:320px) and (max-height:280px) {*/
/*    .cimmiddleimage {*/
/*        display: none;*/
/*    }*/
/*    .box {*/
/*        width: 250px;*/
/*        height: 260px;*/
/*        padding: 10px 0px 40px 5px;*/
/*        position: absolute;*/
/*        left: 50%;*/
/*        top: 145px;*/
/*        transform: translate(-50%, -50%);*/
/*        -webkit-transform: translate(-50%, -50%);*/
/*        -moz-transform: translate(-50%, -50%);*/
/*        -ms-transform: translate(-50%, -50%);*/
/*        -o-transform: translate(-50%, -50%);*/
/*        border: 2px solid transparent;*/
/*    }*/
/*    h2.logintitle {*/
/*        display: block;*/
/*        float: left;*/
/*        width: 100%;*/
/*        color: #fff;*/
/*        font-size: 12px;*/
/*        font-weight: 300;*/
/*        margin-bottom: 0px;*/
/*    }*/
/*    .box input[type="text"], .box input[type="password"] {*/
/*        border: 0;*/
/*        display: block;*/
/*        margin: 10px auto 5px;*/
/*        text-align: left;*/
/*        border: 1px solid;*/
/*        padding: 4px 10px;*/
/*        width: 100%;*/
/*        outline: none;*/
/*        border-radius: 3px;*/
/*        -webkit-border-radius: 3px;*/
/*        -moz-border-radius: 3px;*/
/*        -ms-border-radius: 3px;*/
/*        -o-border-radius: 3px;*/
/*        !* background: url('img/nomal_textfield.png') no-repeat right #fff; *!*/
/*        -moz-appearance: none;*/
/*        -webkit-appearance: none;*/
/*        background-position-x: 97%;*/
/*        background-color: transparent;*/
/*        border-color: rgba(255, 255, 255, 0.5);*/
/*    }*/
/*}*/
/* integrating with Rabiul Bhai ==================== 28/11/2021 */

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: last 4 version
*/

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: last 4 version
*/

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/


@import url('https://fonts.maateen.me/solaiman-lipi/font.css');

/* ============================================
    General
=============================================== */

*{
    margin: 0;
    padding: 0;
    outline: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    list-style: none;
}
html {
    overflow: hidden;
    height: 100%;
}


.main-content {
    width: 100%;
    margin: 0 auto;
    height: 100vh;
    background: -o-linear-gradient(left, rgba(86,145,236,1) 20%, rgba(40,97,188,1) 46%, rgba(19,83,180,1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(20%, rgba(86,145,236,1)), color-stop(46%, rgba(40,97,188,1)), to(rgba(19,83,180,1)));
    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.2);
}


body {
    font-family: 'SolaimanLipi'!important;
    height: 100%;
    position: relative;
}

.bodybg {
    max-width: 100vw;
    min-height: 100vh;
}


/* ============================================
    Top Logo area
=============================================== */
.toplogoarea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    float: left;
    width: 100%;
    position: relative;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.toparea{

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

/* ============================================
 Middle area
=============================================== */

.middlearea{
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.cimmiddleimage {
    width: 60%;
    display: block;
    float: left;
    /* position: relative; */
}

.topleft {
    position: absolute;
    top: 60px;
    left: 18%;
    display: block;
    float: left;
}
.topleft img {
    width: 100%;
}


.topleftplogo {
    position: absolute;
    bottom: 210px;
    left: 295px;
}

/* .topleftplogo img {
    width: 131px;
    height: 131px;
} */

.middleimage img {
    width: 100%;
    height: 100%;
}

.middleform {
    width: 40%;
}
.topright {
    position: absolute;
    top: 30px;
    right: 50px;
    /* width: 50%; */
    float: right;
    text-align: right;
}
.topright img {
    width: 90%;
}
/* .topright img {
    width: 80%;
} */

.middleform {
    /* position: relative; */
    display: block;
    float: right;
    width: 40%;
    /* margin-top: 340px; */
}

h2.logintitle {
    display: block;
    float: left;
    width: 100%;
    color: #fff;
    font-size: 45px;
    font-weight: 300;
    margin-bottom: 20px;
}


.formprp img {
    /* width: 414px; */
    height: auto;
    float: left;
    margin-bottom: 15px;
    display: block;
    margin-left: -10px;
}


.submitform img {
    float: right;
    text-align: right;
}

.passwordtext a {
    text-align: right;
    float: right;
    color: #F6EC21;
    font-size: 20px;
    font-family: 'SolaimanLipi'!important;
}

.rightfooter a img {
    width: 60%;
}


/* ============================================
    Form area
=============================================== */
.box {
    width: 590px;
    height: 260px;
    padding: 40px 0px 40px 65px;
    position: absolute;
    left: 80%;
    top: 60%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    border: 2px solid transparent;
}


.box h1{
    color: white;
    font-weight: 500;
    font-size:30px;
}

.box input[type="text"], .box input[type="password"] {
    border: 0;
    display: block;
    margin: 10px auto 23px;
    text-align: left;
    border: 1px solid;
    padding: 13px 10px;
    width: 100%;
    outline: none;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    /* background: url('img/nomal_textfield.png') no-repeat right #fff; */
    -moz-appearance: none;
    -webkit-appearance: none;
    background-position-x: 97%;
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0.5);
}

.box input[type="text"]:hover,.box input[type="password"]:hover{
    /* background: url('img/hover_textfield.png') no-repeat right #fff; */
}

.box input.active[type="text"],.box input[type="password"]{
    /* background: url('img/hover_textfield.png') no-repeat right #fff; */
}


.box input[type="text"]::-webkit-input-placeholder, .box input[type="password"]::-webkit-input-placeholder{
    color:#75A5EE;
    font-size: 18px;
    font-family: 'SolaimanLipi'!important;
    font-weight: 300s;
}

.box input[type="text"]::-moz-placeholder, .box input[type="password"]::-moz-placeholder{
    color:#75A5EE;
    font-size: 18px;
    font-family: 'SolaimanLipi'!important;
    font-weight: 300s;
}

.box input[type="text"]:-ms-input-placeholder, .box input[type="password"]:-ms-input-placeholder{
    color:#75A5EE;
    font-size: 18px;
    font-family: 'SolaimanLipi'!important;
    font-weight: 300s;
}

.box input[type="text"]::-ms-input-placeholder, .box input[type="password"]::-ms-input-placeholder{
    color:#75A5EE;
    font-size: 18px;
    font-family: 'SolaimanLipi'!important;
    font-weight: 300s;
}

.box input[type="text"]::placeholder, .box input[type="password"]::placeholder{
    color:#75A5EE;
    font-size: 18px;
    font-family: 'SolaimanLipi'!important;
    font-weight: 300s;
}

.box input[type="submit"]{
    border: 0;
    background: none;
    display: block;
    margin: 0px 10px;
    padding: 12px 20px;
    color: #fff;
    background: #00C2D1;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

a.probeskorun {
    display: block;
    width: 100%;
    background: yellow;
    color: #1353B4;
    text-align: center;
    padding: 10px 0px;
    font-size: 30px;
    border-radius: 5px;
}

.box input.entry[type="submit"]{
    background: #02C94A;
}

.box input[type="submit"]:last-child{
    margin-right: 0px;
}

.allsubmitbutton {
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
/* .middlearea {
    margin-top: 130px;
} */

.cimlogin {
    width: auto;
    height: 92.5%;
    position: absolute;
    top: 0%;
}

input{
    color: #fff !important;
}

.footer-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    background-color: #DDE6F5;
    padding: 0.60rem 0rem;
    position: absolute;
    bottom: 0px;
}
.leftfooter {
    margin-left: 2%;
}
.rightfooter {
    margin-right: 1%;
    margin-top: 10px;
    /* float: right; */
    text-align: right;
}

.toplefplogo {
    position: absolute;
    top: 50%;
    left: 10%;
}
.toplefplogo img {
    width:100%;
}

/* ============================================
   Responsive Design
=============================================== */




/* ========================================= Mobile Desice Range (360x640) ================================= */

@media  screen and (max-width:1800px){
    .box {
        width: 535px;
        height: 260px;
        padding: 40px 0px 40px 65px;
        position: absolute;
        left: 80%;
        top: 60%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        border: 2px solid transparent;
    }
}
@media  screen and (max-width:1600px){
    .box {
        width: 450px;
        height: 260px;
        padding: 40px 0px 40px 65px;
        position: absolute;
        left: 80%;
        top: 60%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        border: 2px solid transparent;
    }
}

@media  screen and (max-width:1537px) and (max-height:865px){
    .cimlogin {
        width: auto;
        height: 90%;
        position: absolute;
        top: 0% !important;
    }
    .box {
        width: 500px;
        height: 260px;
        padding: 40px 0px 40px 65px;
        position: absolute;
        left: 77%;
        top: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        border: 2px solid transparent;
    }

    .main-content {
        width: 100%;
        margin: 0 auto;
        height: 100vh;
        background: rgb(86,145,236);
        background: -o-linear-gradient(left, rgba(86,145,236,1) 20%, rgba(40,97,188,1) 46%, rgba(19,83,180,1) 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(20%, rgba(86,145,236,1)), color-stop(46%, rgba(40,97,188,1)), to(rgba(19,83,180,1)));
        background: linear-gradient(90deg, rgba(86,145,236,1) 20%, rgba(40,97,188,1) 46%, rgba(19,83,180,1) 100%);
        position: relative;
    }


    .toplefplogo {
        position: absolute;
        top: 45%;
        left:7%;
    }

    .toplefplogo img {
        width: 80%;
    }

    .topleft img {
        width: 70%;
    }

    h2.logintitle {
        display: block;
        float: left;
        width: 100%;
        color: #fff;
        font-size: 30px;
        font-weight: 300;
        margin-bottom: 15px;
    }

    .topright {
        position: absolute;
        top: 30px;
        right: 65px;
        /* width: 50%; */
        float: right;
        text-align: right;
    }

    .cimlogin {
        width: auto;
        height: 92%;
        position: absolute;
        top: 0%;
    }
}



@media  screen and (max-width:1440px) and (max-height:2560px) {
    .cimlogin {
        width: 100%;
        height: 92.5%;
        position: absolute;
        top: 0%;
    }
    .main-content {
        height: 100vh;
    }
    .bodybg {
        padding: 0px 0px;
    }
    .toplefplogo {
        position: absolute;
        top: 60%;
        left: 30%;
    }

    .box {
        width: 650px;
        height: 260px;
        padding: 40px 0px 40px 65px;
        position: absolute;
        left: 50%;
        top: 40%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        border: 2px solid transparent;
    }

    .topleft {
        position: absolute;
        top: 60px;
        left: 1%;
        display: block;
        float: left;
    }
}


@media screen and (min-device-width:2560px)
and (max-device-width:2560px)
and (-webkit-min-device-pixel-ratio: 0.5)
{

    .cimlogin {
        width: auto;
        height:89%;
        position: absolute;
        top: 0%;
    }

}


@media  screen and (max-width:2560px) and (max-height:1440px) {
    .topleft {
        position: absolute;
        top: 60px;
        left: 1%;
        display: block;
        float: left;
    }
    .cimlogin {
        width: auto;
        height:89%;
        position: absolute;
        top:3%;
    }

    .toplefplogo {
        position: absolute;
        top: 48%;
        left: 6%;
    }
}

@media  screen and (max-width:1440px) and (max-height:882px) {
    .box {
        width: 500px;
        height: 260px;
        padding: 40px 0px 40px 65px;
        position: absolute;
        left: 75%;
        top: 55%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        border: 2px solid transparent;
    }
    .cimlogin {
        width: auto;
        height: 91.5%;
        position: absolute;
        top: 0%;
    }
    .toplefplogo {
        position: absolute;
        top: 45%;
        left:10%;
    }

    .topleft img {
        width: 65%;
    }
    .topright img {
        width: 30%;
    }
}

@media  screen and (max-width:882px) and (max-height:1440px) {

    .cimlogin {
        width: 100%;
        height: 83%;
        position: absolute;
        bottom: 0px;
        left: 0%;
    }

    .topleft {
        position: absolute;
        top: 20px;
        left: 2%;
        display: block;
        float: left;
    }
    .topright {
        position: absolute;
        top: 10px;
        right: 50px;
        /* width: 50%; */
        float: right;
        text-align: right;
    }

    .cimlogin {
        width: auto;
        height: 60%;
        position: absolute;
        top: 0%;
    }

    .cimmiddleimage {
        width: 100%;
        display: block;
        float: left;
        /* position: relative; */
    }
    .middleform {
        /* position: relative; */
        display: block;
        float: left;
        width: 100%;
        /* margin-top: 340px; */
    }
    .topleft img {
        width: 70%;
    }
    .topright img {
        width: 30%;
    }
    /* .toplefplogo {
        position: absolute;
        top: 30%;
        left: 45%;
    } */
    .leftfooter {
        /* margin-left: 2%; */
        width: 100%;
        text-align: center;
    }
    .leftfooter a img {
        width: 90%;
    }
    .rightfooter {
        margin-right: 1%;
        margin-top: 10px;
        /* float: right; */
        text-align: center;
        width: 100%;
    }

}


@media  screen and (max-width:768px) and (max-height:1367px) and (-webkit-min-device-pixel-ratio: 2){
    .box {
        width: 500px;
        height: 260px;
        padding: 40px 0px 40px 65px;
        position: absolute;
        left: 45%;
        top: 25%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        border: 2px solid transparent;
    }

    .toplefplogo {
        position: absolute;
        top: 57%;
        left: 17%;
    }

}


@media screen and (min-device-width:768px)
and (max-device-width:768px)
and (-webkit-min-device-pixel-ratio: 0.5)
{
    .toplefplogo {
        position: absolute;
        top: 61%;
        left: 16%;
    }

    .cimlogin {
        width: 100%;
        height: 92.3%;
        position: absolute;
        bottom: 0px;
        left: 0%;
    }
}

@media  screen and (max-width:1367px) and (max-height:768px) {
    .box {
        width: 400px;
        height: 260px;
        padding: 10px 0px 40px 65px;
        position: absolute;
        left: 80%;
        top: 55%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        border: 2px solid transparent;
    }
    .toplefplogo {
        position: absolute;
        top: 50%;
        left: 12%;
    }
    .cimlogin {
        width: auto;
        height: 91%;
        position: absolute;
        top: 0%;
    }
    .topright img {
        width:50%;
    }
}

@media screen and (min-device-width:1367px)
and (max-device-width:1367px)
and (-webkit-min-device-pixel-ratio: 0.5)
{
    .toplefplogo {
        position: absolute;
        top: 55%;
        left: 12%;
    }
}


@media  screen and (max-width:768px) and (max-height:1367px) {
    .box {
        width: 500px;
        height: 260px;
        padding: 40px 0px 40px 65px;
        position: absolute;
        left: 45%;
        top: 25%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        border: 2px solid transparent;
    }

    .toplefplogo {
        position: absolute;
        top: 57%;
        left: 17%;
    }

}


@media  screen and (max-width:1366px) and (max-height:1024px) {
    .box {
        width: 420px;
        height: 260px;
        padding: 40px 0px 40px 5px;
        position: absolute;
        left: 80%;
        top: 55%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        border: 2px solid transparent;
    }
    .toplefplogo {
        position: absolute;
        top: 57%;
        left: 30%;
    }
    .toplefplogo img {
        width: 80%;
    }
    h2.logintitle {
        display: block;
        float: left;
        width: 100%;
        color: #fff;
        font-size:23px;
        font-weight: 300;
        margin-bottom: 20px;
    }
    a.probeskorun {
        display: block;
        width: 100%;
        background: yellow;
        color: #1353B4;
        text-align: center;
        padding: 5px 0px;
        font-size: 20px;
        border-radius: 5px;
    }
    .passwordtext a {
        text-align: right;
        float: right;
        color: #F6EC21;
        font-size: 20px;
        font-family: 'SolaimanLipi'!important;
    }
}

@media screen and (min-device-width:1366px) and (max-device-width:1366px) and (-webkit-min-device-pixel-ratio: 0.5)
{

    .box {
        width: 585px;
        height: 260px;
        padding: 40px 0px 40px 65px;
        position: absolute;
        left: 75%;
        top: 45%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        border: 2px solid transparent;
    }

    .toplefplogo {
        position: absolute;
        top: 54%;
        left: 10%;
    }

    .topleft {
        position: absolute;
        top: 60px;
        left: 3%;
        display: block;
        float: left;
    }

}

@media screen and (min-device-width:1024px)
and (max-device-width:1024px)
and (-webkit-min-device-pixel-ratio: 0.5)
{

    .topleft {
        position: absolute;
        top: 60px;
        left: 5%;
        display: block;
        float: left;
    }

    .toplefplogo {
        position: absolute;
        top: 60%;
        left: 21%;
    }

    .box {
        width: 650px;
        height: 260px;
        padding: 40px 0px 40px 65px;
        position: absolute;
        left: 50%;
        top: 30%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        border: 2px solid transparent;
    }

    .cimlogin {
        width: 100%;
        height: 94.5%;
        position: absolute;
        top: 0%;
    }

}


@media  screen and (max-width:1024px) and (max-height:1366px) {
    .bodybg {
        font-family: 'SolaimanLipi'!important;
        max-width: 100vw;
        height: 100vh;
        /* background: url(img/loginbg2.png)no-repeat center; */
        background-size: cover;
        background-position: center center;
        background-attachment: fixed;
        background-color: #C4C4C4;
        padding: 0px 0px;
    }
    .main-content {
        width: 100%;
        margin: 0 auto;
        height: 100vh;
        background: rgb(86,145,236);
        background: -o-linear-gradient(left, rgba(86,145,236,1) 20%, rgba(40,97,188,1) 46%, rgba(19,83,180,1) 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(20%, rgba(86,145,236,1)), color-stop(46%, rgba(40,97,188,1)), to(rgba(19,83,180,1)));
        background: linear-gradient(90deg, rgba(86,145,236,1) 20%, rgba(40,97,188,1) 46%, rgba(19,83,180,1) 100%);
        position: relative;
    }
    .box {
        width: 590px;
        height: 260px;
        padding: 40px 0px 40px 65px;
        position: absolute;
        left: 50%;
        top: 25%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        border: 2px solid transparent;
    }
    .cimlogin {
        width: 100%;
        height: 95.5%;
        position: absolute;
        bottom: 0px;
        left: 0%;
    }
    .box {
        width: 590px;
        height: 260px;
        padding: 40px 0px 40px 65px;
        position: absolute;
        left: 50%;
        top: 30%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        border: 2px solid transparent;
    }
    .toplefplogo {
        position: absolute;
        top: 30%;
        left: 45%;
    }
    .topleft img {
        width: 50%;
    }
    .topright img {
        width: 30%;
    }
    .toplefplogo {
        position: absolute;
        top: 55%;
        left: 33%;
    }
    .toplefplogo img {
        width: 50%;
    }
    .topleft {
        position: absolute;
        top: 20px;
        left: 2%;
        display: block;
        float: left;
    }

    .toplefplogo {
        position: absolute;
        top: 63%;
        left: 35%;
    }
}


@media  screen and (max-width:882px){

    .cimlogin {
        width: 100%;
        height: 90.3%;
        position: absolute;
        bottom: 0px;
        left: 0%;
    }
    .leftfooter a img {
        width: 40%;
    }
    .rightfooter a img {
        width: 30%;
    }

}

/* ========================================= Mobile Desice Range (414x846) ================================= */
@media  screen and (max-width:800px) and (max-height:1280px) {
    .bodybg {
        height:100vh;
        padding: 0px 0px;
    }

    .main-content {
        height: 100vh;
    }
    .cimlogin {
        width: 100%;
        height: 90.5%;
        position: absolute;
        bottom: 0%;
        left: 15px;
    }
    .toplefplogo {
        position: absolute;
        top: 58%;
        left: 33%;
        /* width: 49%; */
    }
}

@media  screen and (max-width:1280px) and (max-height:800px) {
    .cimlogin {
        width: auto;
        height:91.5%;
        position: absolute;
        top: 0%;
    }

    .toplefplogo {
        position: absolute;
        top: 52%;
        left: 13%;
    }

    .topleft {
        position: absolute;
        top: 12px;
        left: 1%;
        display: block;
        float: left;
    }
    .topright img {
        width: 40%;
    }
    .topright {
        position: absolute;
        top: 30px;
        right: 25px;
        /* width: 50%; */
        float: right;
        text-align: right;
    }
}

@media  screen and (max-width:768px) and (max-height:1024px) {
    .cimlogin {
        width: 100%;
        height: 88%;
        position: absolute;
        top: 0%;
        left: 0%;
    }
    .toplefplogo {
        position: absolute;
        top: 20%;
        left: 30%;
    }

    .box {
        width: 325px;
        height: 260px;
        padding: 10px 0px 40px 5px;
        position: absolute;
        left: 50%;
        top: 45%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        border: 2px solid transparent;
    }

    .allsubmitbutton {
        display: block;
        float: left;
        width: 100%;
        margin-bottom:15px;
    }
}

@media  screen and (max-width:1024px) and (max-height:768px) {

    .box {
        width:325px;
        height: 260px;
        padding: 10px 0px 40px 5px;
        position: absolute;
        left: 75%;
        top: 63%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        border: 2px solid transparent;
    }

    .allsubmitbutton {
        display: block;
        float: left;
        width: 100%;
        margin-bottom: 10px;
    }
    .topleft {
        position: absolute;
        top: 10px;
        left: 10px;
        /* width: 50%; */
        text-align: left;
        float: left;
    }
    .topright {
        position: absolute;
        top: 10px;
        right: 10px;
        /* width: 50%; */
        float: right;
        text-align: right;
    }

    .toplefplogo {
        position: absolute;
        top: 60%;
        left: 22%;
    }
    .bodybg {
        font-family: 'SolaimanLipi'!important;
        max-width: 100vw;
        height: 100vh;
        /* background: url(img/loginbg2.png)no-repeat center; */
        background-size: cover;
        background-position: center center;
        background-attachment: fixed;
        background-color: #C4C4C4;
        padding: 0px 0px;
    }
    .main-content {
        width: 100%;
        margin: 0 auto;
        height: 100vh;
        background: rgb(86,145,236);
        background: -o-linear-gradient(left, rgba(86,145,236,1) 20%, rgba(40,97,188,1) 46%, rgba(19,83,180,1) 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(20%, rgba(86,145,236,1)), color-stop(46%, rgba(40,97,188,1)), to(rgba(19,83,180,1)));
        background: linear-gradient(90deg, rgba(86,145,236,1) 20%, rgba(40,97,188,1) 46%, rgba(19,83,180,1) 100%);
        position: relative;
    }
}



@media  screen and (max-width:960px) and (max-height:600px) {
    .toplefplogo {
        position: absolute;
        top: 51%;
        left: 14%;
    }
}

@media  screen and (max-width:600px) and (max-height:1024px) {
    .topleft {
        position: absolute;
        top: 15px;
        left: 10px;
    }
    .topleft img {
        width: 35%;
    }
    .topright {
        position: absolute;
        top: 0px;
        right: 0px;
        text-align: right;
    }
    .topright img {
        margin: 15px 20px 0px 0px;
        width: 20%;
        /* text-align: right; */
    }

    .box {
        width: 400px;
        height: 260px;
        padding: 40px 0px 40px 0px;
        position: absolute;
        top: 100%;
        left: -25%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        border: 2px solid transparent;
        /* padding-right: 20px; */
    }
    .rightfooter img {
        width: 60%;
    }
    .rightfooter {
        /* margin-right: 1%; */
        margin-top: 10px;
        width: 100%;
        text-align: center;
    }
    .leftfooter {
        /* margin-left: 2%; */
        width: 100%;
        text-align: center;
    }

    .cimmiddleimage {
        width: 100%;
        display: block;
        float: left;
        position: relative;
    }
    .middleform {
        /* position: relative; */
        display: block;
        float: right;
        width: 100%;
        /* margin-top: 340px; */
    }
    .topleftplogo img {
        width: 50%;
        height: 50%;
    }
    .topleftplogo {
        position: absolute;
        bottom: 115px;
        left: 160px;
    }

    .bodybg {
        font-family: 'SolaimanLipi'!important;
        max-width: 100vw;
        height: 100vh;
        /* background: url(img/loginbg2.png)no-repeat center; */
        background-size: cover;
        background-position: center center;
        background-attachment: fixed;
        background-color: #C4C4C4;
        padding: 0px 0px;
    }
    .main-content {
        height: 100vh;
    }
    .cimlogin {
        width: 100%;
        height: 300px;
        position: absolute;
        top: 0%;
        left: 0%;
    }
    .box {
        width: 90%;
        height: 260px;
        padding: 40px 0px 40px 0px;
        position: absolute;
        top: 430px;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        border: 2px solid transparent;
        /* padding-right: 20px; */
    }
    .toplefplogo {
        position: absolute;
        /* top: 31%; */
        left: 30%;
        top: 160px;
    }
}

@media  screen and (max-width:1024px) and (max-height:600px) {
    .bodybg {
        font-family: 'SolaimanLipi'!important;
        max-width: 100vw;
        height: 100vh;
        padding: 0px 0px;
    }
    .main-content {
        height: 100vh;
    }
    .cimlogin {
        width: auto;
        height: 87%;
        position: absolute;
        top: 0%;
    }
    .box {
        width: 440px;
        height: 260px;
        padding: 10px 0px 40px 65px;
        position: absolute;
        left: 70%;
        top: 40%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        border: 2px solid transparent;
        /* overflow-y:scroll; */
    }
}


@media screen and (min-device-width:1024px)
and (max-device-width:1024px)
and (-webkit-min-device-pixel-ratio: 0.5)
{

    .topright {
        position: absolute;
        top: 10px;
        right: 30px;
    }

    .box {
        width: 440px;
        height: 260px;
        padding: 10px 0px 40px 5px;
        position: absolute;
        left: 75%;
        top: 40%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        border: 2px solid transparent;
    }

    .toplefplogo {
        position: absolute;
        top: 55%;
        left: 23%;
    }

}

@media  screen and (max-width:540px) and (max-height:720px) {
    .cimlogin {
        width: auto;
        height: 270px;
        position: absolute;
        top: 0%;
        left: 110px;
    }
    .box {
        width: 90%;
        height: 260px;
        padding: 40px 0px 40px 0px;
        position: absolute;
        top: 365px;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        border: 2px solid transparent;
        /* overflow-y:scroll; */
    }
    .toplefplogo {
        position: absolute;
        /* top: 31%; */
        left: 30%;
        top: 145px;
    }
}

@media  screen and (max-width:720px) and (max-height:540px) {
    .toplefplogo {
        position: absolute;
        top: 53%;
        left: 15%;
    }
    .leftfooter {
        /* margin-left: 2%; */
        width: 48%;
        text-align: center;
    }
    .rightfooter {
        margin-right: 1%;
        margin-top: 10px;
        /* float: right; */
        text-align: right;
        width: 48%;
    }
    .box {
        width: 320px;
        height: 260px;
        padding: 10px 0px 40px 65px;
        position: absolute;
        left: 75%;
        top: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        border: 2px solid transparent;
        /* overflow-y:scroll; */
    }
}

@media  screen and (max-width:480px) and (max-height:854px) {
    .cimlogin {
        width: 100%;
        height: 410px;
        position: absolute;
        top: 0%;
        left: 0px;
    }
    .toplefplogo {
        position: absolute;
        /* top: 31%; */
        left: 35%;
        top: 160px;
    }
    .box {
        width: 90%;
        height: 260px;
        padding: 0px 0px 40px 0px;
        position: absolute;
        top: 540px;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        border: 2px solid transparent;
        /* padding-right: 20px; */
        /* overflow-y:scroll; */
    }

    h2.logintitle {
        display: block;
        float: left;
        width: 100%;
        color: #fff;
        font-size: 20px;
        font-weight: 300;
        margin-bottom: 15px;
    }
    a.probeskorun {
        display: block;
        width: 100%;
        background: yellow;
        color: #1353B4;
        text-align: center;
        padding: 10px 0px;
        font-size: 20px;
        border-radius: 5px;
    }
    .allsubmitbutton {
        display: block;
        float: left;
        width: 100%;
        margin-bottom: 10px;
    }
    .passwordtext a {
        text-align: right;
        float: right;
        color: #F6EC21;
        font-size: 20px;
        font-family: 'SolaimanLipi'!important;
    }

}

@media  screen and (max-width:854px) and (max-height:480px) {
    .leftfooter {
        /* margin-left: 2%; */
        width: 48%;
        text-align: left;
    }
    .rightfooter {
        margin-right: 1%;
        margin-top: 10px;
        /* float: right; */
        text-align: right;
        width: 49%;
    }
    .allsubmitbutton {
        display: block;
        float: left;
        width: 100%;
        margin-bottom: 5px;
    }
    a.probeskorun {
        display: block;
        width: 100%;
        background: yellow;
        color: #1353B4;
        text-align: center;
        padding: 10px 0px;
        font-size: 20px;
        border-radius: 5px;
    }
    .passwordtext a {
        text-align: right;
        float: right;
        color: #F6EC21;
        font-size: 20px;
        font-family: 'SolaimanLipi'!important;
    }

    /* .box{
        overflow-y:scroll;
    } */
}




@media screen and (min-device-width:854px)
and (max-device-width: 854px)
and (-webkit-min-device-pixel-ratio: 0.5) {

    .leftfooter {
        width: 50%;
        text-align: left;
    }
    .rightfooter {
        margin-right: 1%;
        margin-top: 10px;
        text-align: right;
        width: 47%;
    }

}


@media  screen and (max-width:414px) and (max-height:846px) {

    .bodybg {
        font-family: 'SolaimanLipi'!important;
        max-width: 100vw;
        height: 100vh;
        /* background: url(img/loginbg2.png)no-repeat center; */
        background-size: cover;
        background-position: center center;
        background-attachment: fixed;
        background-color: #C4C4C4;
        padding: 0px 0px;
    }
    .main-content {
        width: 100%;
        margin: 0 auto;
        height: 100vh;
        background: rgb(86,145,236);
        background: -o-linear-gradient(left, rgba(86,145,236,1) 20%, rgba(40,97,188,1) 46%, rgba(19,83,180,1) 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(20%, rgba(86,145,236,1)), color-stop(46%, rgba(40,97,188,1)), to(rgba(19,83,180,1)));
        background: linear-gradient(90deg, rgba(86,145,236,1) 20%, rgba(40,97,188,1) 46%, rgba(19,83,180,1) 100%);
        /*border: 18px solid #ffff;*/
        /*border-radius: 40px;*/
        /*box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.2);*/
        /*-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.2);*/
        /*-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.2);*/
        /*-webkit-border-radius: 40px;*/
        /*-moz-border-radius: 40px;*/
        /*-ms-border-radius: 40px;*/
        /*-o-border-radius: 40px;*/
        position: relative;
    }
    .cimlogin {
        width: 100%;
        height: 300px;
        position: absolute;
        top: 0%;
        left: 10px;
    }

    .box {
        width: 350px;
        height: 260px;
        padding: 40px 0px 40px 0px;
        position: absolute;
        top: 460px;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        border: 2px solid transparent;
    }
    .toplefplogo {
        position: absolute;
        top: 80px;
        left: 35%;
    }

}


@media screen and (min-device-width:414px)
and (max-device-width:414px)
and (-webkit-min-device-pixel-ratio: 0.5)
{

    .toplefplogo {
        position: absolute;
        left: 25%;
        top: 200px;
    }
    .cimlogin {
        width: 100%;
        height: 340px;
        position: absolute;
        top: 0%;
        left: 0px;
    }

    .box {
        width: 90%;
        height: 260px;
        padding: 0px 0px 40px 0px;
        position: absolute;
        top: 475px;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        border: 2px solid transparent;
        /* overflow-y:scroll; */
    }
}


@media screen and (min-device-width:736px)
and (max-device-width:736px)
and (-webkit-min-device-pixel-ratio: 0.5)
{
    .toplefplogo {
        position: absolute;
        top: 50%;
        left: 7%;
    }
    .box {
        width: 400px;
        height: 260px;
        padding: 10px 0px 40px 25px;
        position: absolute;
        left: 70%;
        top: 40%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        border: 2px solid transparent;
    }

    h2.logintitle {
        display: block;
        float: left;
        width: 100%;
        color: #fff;
        font-size: 22px;
        font-weight: 300;
        margin-bottom: 20px;
    }

}

@media screen and (min-device-width:846px)
and (max-device-width:846px)
and (-webkit-min-device-pixel-ratio: 2)
and (-webkit-min-device-pixel-ratio: 2), screen and (min-device-width:846px)
and (max-device-width:846px)
and (-webkit-min-device-pixel-ratio: 2)
and (-o-min-device-pixel-ratio: 2/1), screen and (min-device-width:846px)
and (max-device-width:846px)
and (-webkit-min-device-pixel-ratio: 2)
and (min-resolution: 192dpi) {

    .toplefplogo {
        position: absolute;
        top: 50%;
        left: 9%;
    }
    .toplefplogo img {
        width: 40%;
    }
    h2.logintitle {
        display: block;
        float: left;
        width: 100%;
        color: #fff;
        font-size: 22px;
        font-weight: 300;
        margin-bottom: 20px;
    }
    .passwordtext a {
        text-align: right;
        float: right;
        color: #F6EC21;
        font-size: 14px;
        font-family: 'SolaimanLipi'!important;
    }
}



@media  screen and (max-width:846px) and (max-height:414px) {
    .bodybg {
        height: 100vh;
        padding: 0px 0px;
    }
    .main-content {
        height: 100vh;
    }
    .leftfooter {
        width: 48%;
        text-align: left;
    }
    .rightfooter {
        margin-right: 1%;
        margin-top: 10px;
        text-align: right;
        width: 45%;
    }
    .cimlogin {
        width: auto;
        height: 84%;
        position: absolute;
        top: 0%;
    }

    .box {
        width: 400px;
        height: 260px;
        padding: 10px 0px 40px 65px;
        position: absolute;
        left: 70%;
        top: 45%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        border: 2px solid transparent;
        /* overflow-y:scroll; */
    }
    .allsubmitbutton {
        display: block;
        float: left;
        width: 100%;
        margin-bottom: 5px;
    }
    a.probeskorun {
        display: block;
        width: 100%;
        background: yellow;
        color: #1353B4;
        text-align: center;
        padding: 5px 0px;
        font-size: 20px;
        border-radius: 5px;
    }
    .passwordtext a {
        text-align: right;
        float: right;
        color: #F6EC21;
        font-size:14px;
        font-family: 'SolaimanLipi'!important;
    }
    .topright img {
        width: 15%;
    }
    .topleft img {
        width: 30%;
    }
    .toplefplogo {
        position: absolute;
        top: 30%;
        left: 13%;
    }
    .toplefplogo img {
        width: 30%;
    }

}

@media screen and (min-device-width:846px)
and (max-device-width: 846px)
and (-webkit-min-device-pixel-ratio: 0.5)
{
    .topright img {
        width: 15%;
    }
    .topleft img {
        width: 30%;
    }
}



@media  screen and (max-width:412px) and (max-height:732px) {
    .box {
        width: 350px;
        height: 260px;
        padding: 40px 0px 40px 0px;
        position: absolute;
        top: 390px;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        border: 2px solid transparent;
        /* overflow-y:scroll; */
    }

    h2.logintitle {
        font-size: 15px;
    }
    a.probeskorun {
        display: block;
        width: 100%;
        background: yellow;
        color: #1353B4;
        text-align: center;
        padding: 5px 0px;
        font-size: 15px;
        border-radius: 5px;
    }
    .allsubmitbutton {
        margin-bottom: 10px;
    }
    .passwordtext a {
        font-size: 15px;
    }

    .toplefplogo {
        position: absolute;
        top: 160px;
        left: 30%;
    }


}

@media  screen and (max-width:732px) and (max-height:412px) {
    .toplefplogo {
        position: absolute;
        top: 30%;
        left: 18%;
    }
    .cimlogin {
        width: auto;
        height: 85%;
        position: absolute;
        top: 0%;
    }
    .toplefplogo {
        position: absolute;
        top: 50%;
        left: 15%;
    }

    /* .box{
        overflow-y:scroll;
    } */
}




@media  screen and (max-width:384px) and (max-height:640px) {
    .cimlogin {
        width: auto;
        height: 260px;
        position: absolute;
        top: 0%;
        left: 30px;
    }

    h2.logintitle {
        font-size: 15px;
        margin-bottom: 5px;
    }
    .box {
        width: 300px;
        height: 260px;
        padding: 40px 0px 40px 0px;
        position: absolute;
        top: 360px;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        border: 2px solid transparent;
        /* overflow-y:scroll; */
    }
    a.probeskorun {
        display: block;
        width: 100%;
        background: yellow;
        color: #1353B4;
        text-align: center;
        padding: 5px 0px;
        font-size: 20px;
        border-radius: 5px;
    }
    .allsubmitbutton {
        margin-bottom: 10px;
    }
    .passwordtext a {
        font-size: 15px;
    }

    .toplefplogo {
        position: absolute;
        top: 150px;
        left: 26%;
    }
}


@media  screen and (max-width:640px) and (max-height:384px) {
    .box {
        width: 320px;
        height: 260px;
        padding: 10px 0px 40px 10px;
        position: absolute;
        left: 70%;
        top: 40%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        border: 2px solid transparent;
        /* overflow-y:scroll; */
    }
    .cimlogin {
        width: auto;
        height: 85%;
        position: absolute;
        top: 0%;
    }
    .toplefplogo {
        position: absolute;
        top: 50%;
        left:13%;
    }
    h2.logintitle {
        display: block;
        float: left;
        width: 100%;
        color: #fff;
        font-size: 20px;
        font-weight: 300;
        margin-bottom: 20px;
    }
}

@media screen and (min-device-width:375px)
and (max-device-width: 375px)
and (-webkit-min-device-pixel-ratio: 2)
and (-webkit-min-device-pixel-ratio: 2), screen and (min-device-width:375px)
and (max-device-width: 375px)
and (-webkit-min-device-pixel-ratio: 2)
and (-o-min-device-pixel-ratio: 2/1), screen and (min-device-width:375px)
and (max-device-width: 375px)
and (-webkit-min-device-pixel-ratio: 2)
and (min-resolution: 192dpi) {

    .box {
        width: 300px;
        height: 260px;
        padding: 40px 0px 40px 0px;
        position: absolute;
        top: 460px;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        border: 2px solid transparent;
        /* padding-right: 20px; */
    }

}



@media  screen and (max-width:375px) and (max-height:812px) {
    .box {
        width:265px;
        height: 260px;
        padding: 40px 0px 40px 0px;
        position: absolute;
        top: 460px;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        border: 2px solid transparent;
        /* overflow-y:scroll; */
    }
    .toplefplogo {
        position: absolute;
        top: 80px;
        left: 40%;
    }
}


@media screen and (min-device-width:667px)
and (max-device-width: 667px)
and (-webkit-min-device-pixel-ratio: 0.5)
{
    .box {
        width: 300px;
        height: 230px;
        padding: 10px 0px 40px 0px;
        position: absolute;
        left: 70%;
        top: 35%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        border: 2px solid transparent;

    }

    h2.logintitle {
        display: block;
        float: left;
        width: 100%;
        color: #fff;
        font-size: 20px;
        font-weight: 300;
        margin-bottom: 20px;
    }

    .toplefplogo {
        position: absolute;
        top: 50%;
        left: 12%;
    }

}

@media screen and (min-device-width:375px)
and (max-device-width: 375px)
and (-webkit-min-device-pixel-ratio: 0.5)
{
    .box {
        width: 300px;
        height: 260px;
        padding: 40px 0px 40px 0px;
        position: absolute;
        top: 400px;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        border: 2px solid transparent;
        /* padding-right: 20px; */
    }
    .toplefplogo {
        position: absolute;
        top: 180px;
        left: 35%;
    }

}

@media  screen and (max-width:375px) and (max-height:667px) {
    .box {
        width: 300px;
        height: 260px;
        padding: 40px 0px 40px 0px;
        position: absolute;
        top: 390px;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        border: 2px solid transparent;
        /* overflow-y:scroll; */
    }
    .toplefplogo {
        position: absolute;
        top: 180px;
        left: 35%;
    }
    .toplefplogo img {
        width: 40%;
    }
}

@media  screen and (max-width:667px) and (max-height:375px) {
    .box {
        width: 300px;
        height: 260px;
        padding: 10px 0px 40px 65px;
        position: absolute;
        left: 70%;
        top: 40%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        border: 2px solid transparent;
        /* overflow-y:scroll; */
    }
}

@media  screen and (max-width:360px) and (max-height:760px) {
    .box {
        width: 290px;
        height: 260px;
        padding: 0px 0px 40px 0px;
        position: absolute;
        top: 385px;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        border: 2px solid transparent;
        /* overflow-y:scroll; */
    }
    .allsubmitbutton {
        margin-bottom: 5px;
    }
    a.probeskorun {
        display: block;
        width: 100%;
        background: yellow;
        color: #1353B4;
        text-align: center;
        padding: 5px 0px;
        font-size: 20px;
        border-radius: 5px;
    }
    .passwordtext a {
        text-align: right;
        float: right;
        color: #F6EC21;
        font-size: 15px;
        font-family: 'SolaimanLipi'!important;
    }

    .cimlogin {
        width: auto;
        height: 245px;
        position: absolute;
        top: 0px;
        left: 35px;
    }
    .toplefplogo {
        position: absolute;
        top: 120px;
        left: 42%;
    }
    .toplefplogo img {
        width: 30%;
    }

    .toplefplogo {
        position: absolute;
        top: 150px;
        left: 40%;
    }
}

@media  screen and (max-width:760px) and (max-height:360px) {
    .cimlogin {
        width: auto;
        height: 82%;
        position: absolute;
        top: 0%;
    }
    h2.logintitle {
        display: block;
        float: left;
        width: 100%;
        color: #fff;
        font-size: 16px;
        font-weight: 300;
        margin-bottom: 20px;
    }

    .toplefplogo {
        position: absolute;
        top: 45%;
        left: 8%;
    }

    /* .box{
        overflow-y:scroll;
    } */

}

@media  screen and (max-width:640px) and (max-height:360px) {
    .box {
        width: 300px;
        height: 260px;
        padding: 10px 0px 40px 5px;
        position: absolute;
        left: 70%;
        top: 40%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        border: 2px solid transparent;
    }
    .cimlogin {
        width: auto;
        height: 84%;
        position: absolute;
        top: 0%;
    }
    .toplefplogo {
        position: absolute;
        top: 40%;
        left: 10%;
    }
    .toplefplogo img {
        width: 40%;
    }
}

@media screen and (min-device-width:320px)
and (max-device-width:320px)
and (-webkit-min-device-pixel-ratio: 0.5)
{
    .cimlogin {
        width: 93%;
        height: 245px;
        position: absolute;
        top: 0px;
        left: 35px;
    }
    .toplefplogo {
        position: absolute;
        top: 150px;
        left: 46%;
    }
}


@media  screen and (max-width:320px) and (max-height:568px) {
    .box {
        width: 250px;
        height: 260px;
        padding: 0px 0px 40px 0px;
        position: absolute;
        top: 385px;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        border: 2px solid transparent;
        /* overflow-y:scroll; */
    }
    .box input[type="text"], .box input[type="password"] {
        border: 0;
        display: block;
        margin: 10px auto 10px;
        text-align: left;
        border: 1px solid;
        padding: 10px 10px;
        width: 100%;
        outline: none;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        /* background: url('img/nomal_textfield.png') no-repeat right #fff; */
        -moz-appearance: none;
        -webkit-appearance: none;
        background-position-x: 97%;
        background-color: transparent;
        border-color: rgba(255, 255, 255, 0.5);
    }


}


@media  screen and (max-width:568px) and (max-height:320px) {
    .toplefplogo {
        position: absolute;
        top: 120px;
        left: 37%;
    }
    .box {
        width: 255px;
        height: 260px;
        padding: 10px 0px 40px 5px;
        position: absolute;
        left: 70%;
        top: 150px;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        border: 2px solid transparent;
        /* overflow-y:scroll; */
    }
    .cimlogin {
        width: auto;
        height: 234px;
        position: absolute;
        top: 0px;
    }
    .toplefplogo {
        position: absolute;
        top: 105px;
        left: 5%;
    }
    .box input[type="text"], .box input[type="password"] {
        border: 0;
        display: block;
        margin: 10px auto 5px;
        text-align: left;
        border: 1px solid;
        padding: 13px 10px;
        width: 100%;
        outline: none;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        /* background: url('img/nomal_textfield.png') no-repeat right #fff; */
        -moz-appearance: none;
        -webkit-appearance: none;
        background-position-x: 97%;
        background-color: transparent;
        border-color: rgba(255, 255, 255, 0.5);
    }
    h2.logintitle {
        display: block;
        float: left;
        width: 100%;
        color: #fff;
        font-size: 20px;
        font-weight: 300;
        margin-bottom: 15px;
    }
    .passwordtext a {
        text-align: right;
        float: right;
        color: #F6EC21;
        font-size: 13px;
        font-family: 'SolaimanLipi'!important;
    }
    .bodybg {
        font-family: 'SolaimanLipi'!important;
        max-width:100vw;
        height: 100vh;
        padding: 0px 0px;
    }
}


@media  screen and (max-width:320px) and (max-height:533px) {
    .cimlogin {
        width: auto;
        height: 200px;
        position: absolute;
        top: 0px;
        left: 35px;
    }
    .toplefplogo {
        position: absolute;
        top: 125px;
        left: 40%;
    }
    .box {
        top: 380px;
        width: 270px;
        /* overflow-y:scroll; */
    }
    .box input[type="text"], .box input[type="password"] {
        margin: 10px auto 15px;
    }
    .cimlogin {
        width: 94%;
        height: 245px;
        position: absolute;
        top: 0px;
        left: 35px;
    }
}




@media  screen and (max-width:533px) and (max-height:320px) {
    .cimlogin {
        width: 30%;
        height: 234px;
        position: absolute;
        top: 0%;
        left: 10%;
    }

    h2.logintitle {
        display: block;
        float: left;
        width: 100%;
        color: #fff;
        font-size: 20px;
        font-weight: 300;
        margin-bottom: 0px;
    }
    .box {
        width: 200px;
        height: 260px;
        padding: 10px 0px 40px 5px;
        position: absolute;
        left: 78%;
        top: 155px;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        border: 2px solid transparent;
        /* overflow-y:scroll; */
    }
    .box input[type="text"], .box input[type="password"] {
        margin: 10px auto 5px;
    }
    .passwordtext a {
        text-align: right;
        float: right;
        color: #F6EC21;
        font-size: 15px;
        font-family: 'SolaimanLipi'!important;
    }
    .toplefplogo {
        position: absolute;
        top: 115px;
        left: 5%;
    }
}


@media screen and (min-device-width:533px)
and (max-device-width:533px)
and (-webkit-min-device-pixel-ratio: 0.5)
{

    .cimlogin {
        width: 45%;
        height: 234px;
        position: absolute;
        top: 0px;
        left: 0%;
    }

    .toplefplogo img {
        width: 30%;
    }
    .toplefplogo {
        position: absolute;
        top: 135px;
        left: 5%;
    }

    .bodybg {
        font-family: 'SolaimanLipi'!important;
        max-width: 100vw;
        height: 100vh;
        padding: 0px 0px;
    }

}


@media  screen and (max-width:320px) and (max-height:480px) {
    a.probeskorun {
        display: block;
        width: 100%;
        background: yellow;
        color: #1353B4;
        text-align: center;
        padding: 5px 0px;
        font-size: 12px;
        border-radius: 5px;
    }
    .passwordtext a {
        text-align: right;
        float: right;
        color: #F6EC21;
        font-size: 10px;
        font-family: 'SolaimanLipi'!important;
    }

    .box {
        top: 330px;
        width: 270px;
        /* overflow-y:scroll; */
    }
    .cimlogin {
        width: 100%;
        height: 195px;
        position: absolute;
        top: 0px;
        left: 10px;
    }

}

@media  screen and (max-width:480px) and (max-height:320px) {
    .box {
        width: 250px;
        height: 260px;
        padding: 10px 0px 40px 5px;
        position: absolute;
        left: 70%;
        top: 155px;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        border: 2px solid transparent;
        /* overflow-y:scroll; */
    }
    .toplefplogo {
        position: absolute;
        top: 140px;
        left: 17%;
    }
    .toplefplogo img {
        width: 20%;
    }
    .bodybg {
        font-family: 'SolaimanLipi'!important;
        max-width: 100vw;
        height: 100vh;
        padding: 0px 0px;
    }
}


@media  screen and (max-width:280px) and (max-height:653px) {
    .cimlogin {
        width: auto;
        height: 205px;
        position: absolute;
        top: 0px;
        left: 30px;
    }
    .box {
        width: 200px;
        height: 260px;
        padding: 0px 0px 40px 0px;
        position: absolute;
        top: 385px;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        border: 2px solid transparent;
        /* overflow-y:scroll; */
    }
    .toplefplogo {
        position: absolute;
        top: 80px;
        left: 50%;
    }
}



@media screen and (min-device-width:280px)
and (max-device-width:280px)
and (-webkit-min-device-pixel-ratio: 0.5)
{

    .cimlogin {
        width: 100%;
        height: 245px;
        position: absolute;
        top: 0px;
        left: 0px;
    }

    .box {
        width: 200px;
        height: 260px;
        padding: 0px 0px 40px 0px;
        position: absolute;
        top: 385px;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        border: 2px solid transparent;
        /* overflow-y:scroll; */
    }

}

@media  screen and (max-width:653px) and (max-height:280px) {
    .cimlogin {
        width: auto;
        height: 78%;
        position: absolute;
        top: 0%;
    }
    .toplefplogo {
        position: absolute;
        top: 10%;
        left: 24%;
    }
    h2.logintitle {
        display: block;
        float: left;
        width: 100%;
        color: #fff;
        font-size: 30px;
        font-weight: 300;
        margin-bottom: 0px;
    }
    .box input[type="text"], .box input[type="password"] {
        border: 0;
        display: block;
        margin: 10px auto 5px;
        text-align: left;
        border: 1px solid;
        padding: 13px 10px;
        width: 100%;
        outline: none;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        /* background: url('img/nomal_textfield.png') no-repeat right #fff; */
        -moz-appearance: none;
        -webkit-appearance: none;
        background-position-x: 97%;
        background-color: transparent;
        border-color: rgba(255, 255, 255, 0.5);
    }
    .box {
        width: 300px;
        height: 260px;
        padding: 10px 0px 40px 65px;
        position: absolute;
        left: 70%;
        top: 60%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        border: 2px solid transparent;
        /* overflow-y:scroll; */
    }
    .box input[type="text"], .box input[type="password"] {
        border: 0;
        display: block;
        margin: 10px auto 5px;
        text-align: left;
        border: 1px solid;
        padding: 2px 10px;
        width: 100%;
        outline: none;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        /* background: url('img/nomal_textfield.png') no-repeat right #fff; */
        -moz-appearance: none;
        -webkit-appearance: none;
        background-position-x: 97%;
        background-color: transparent;
        border-color: rgba(255, 255, 255, 0.5);
    }
}

@media screen and (min-device-width:653px)
and (max-device-width:653px)
and (-webkit-min-device-pixel-ratio: 0.5)
{
    .toplefplogo {
        position: absolute;
        top: 50%;
        left: 4%;
    }

    h2.logintitle {
        display: block;
        float: left;
        width: 100%;
        color: #fff;
        font-size:14px;
        font-weight: 300;
        margin-bottom: 20px;
    }
    .box input[type="text"], .box input[type="password"] {
        border: 0;
        display: block;
        margin: 5px auto 10px;
        text-align: left;
        border: 1px solid;
        padding: 5px 10px;
        width: 100%;
        outline: none;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        /* background: url('img/nomal_textfield.png') no-repeat right #fff; */
        -moz-appearance: none;
        -webkit-appearance: none;
        background-position-x: 97%;
        background-color: transparent;
        border-color: rgba(255, 255, 255, 0.5);
    }
    .box {
        width: 300px;
        height: 260px;
        padding: 10px 0px 40px 65px;
        position: absolute;
        left: 70%;
        top: 55%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        border: 2px solid transparent;
    }

    a.probeskorun {
        display: block;
        width: 100%;
        background: yellow;
        color: #1353B4;
        text-align: center;
        padding: 5px 0px;
        font-size: 15px;
        border-radius: 5px;
    }

}


@media  screen and (max-width:280px) and (max-height:320px) {
    .box {
        width: 158px;
        height: 260px;
        padding: 10px 0px 40px 5px;
        position: absolute;
        left: 50%;
        top: 175px;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        border: 2px solid transparent;
        /* overflow-y:scroll; */
    }
    .cimmiddleimage {
        display: none;
    }

    h2.logintitle {
        display: block;
        float: left;
        width: 100%;
        color: #fff;
        font-size: 15px;
        font-weight: 300;
        margin-bottom: 0px;
    }
}

@media  screen and (max-width:320px) and (max-height:280px) {
    .cimmiddleimage {
        display: none;
    }
    .box {
        width: 250px;
        height: 229px;
        padding: 10px 0px 40px 5px;
        position: absolute;
        left: 50%;
        top: 145px;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        border: 2px solid transparent;
        /* overflow-y:scroll; */
    }
    h2.logintitle {
        display: block;
        float: left;
        width: 100%;
        color: #fff;
        font-size: 12px;
        font-weight: 300;
        margin-bottom: 0px;
    }
    .box input[type="text"], .box input[type="password"] {
        border: 0;
        display: block;
        margin: 10px auto 5px;
        text-align: left;
        border: 1px solid;
        padding: 4px 10px;
        width: 100%;
        outline: none;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        /* background: url('img/nomal_textfield.png') no-repeat right #fff; */
        -moz-appearance: none;
        -webkit-appearance: none;
        background-position-x: 97%;
        background-color: transparent;
        border-color: rgba(255, 255, 255, 0.5);
    }

    .topleft {
        position: absolute;
        top: 0px;
        left: 10px;
    }
    .topright img {
        margin: 5px 10px 0px 0px;
        width: 20%;
        /* text-align: right; */
    }

    .footer-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
        background-color: #DDE6F5;
        padding: 0.10rem 0rem;
        position: absolute;
        bottom: 0px;
    }
}

@media  screen and (max-width:320px) and (max-height:240px) {
    .box {
        width: 250px;
        height: 140px;
        padding: 10px 0px 40px 5px;
        position: absolute;
        left: 50%;
        top: 100px;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        border: 2px solid transparent;
        /* overflow-y:scroll; */
    }

}