@charset "utf-8";
/* CSS Document */



/** Generated by FG **/
@font-face {
    font-family: 'Conv_Roboto-Light';
    src: url('../fonts/Roboto-Light.eot');
    src: local('☺'), url('../fonts/Roboto-Light.woff') format('woff'), url('../fonts/Roboto-Light.ttf') format('truetype'), url('../fonts/Roboto-Light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Conv_Roboto-Regular';
    src: url('../fonts/Roboto-Regular.eot');
    src: local('☺'), url('../fonts/Roboto-Regular.woff') format('woff'), url('../fonts/Roboto-Regular.ttf') format('truetype'), url('../fonts/Roboto-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Conv_Roboto-Medium';
    src: url('../fonts/Roboto-Medium.eot');
    src: local('☺'), url('../fonts/Roboto-Medium.woff') format('woff'), url('../fonts/Roboto-Medium.ttf') format('truetype'), url('../fonts/Roboto-Medium.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Conv_Roboto-MediumItalic';
    src: url('../fonts/Roboto-MediumItalic.eot');
    src: local('☺'), url('../fonts/Roboto-MediumItalic.woff') format('woff'), url('../fonts/Roboto-MediumItalic.ttf') format('truetype'), url('../fonts/Roboto-MediumItalic.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Conv_Roboto-Bold';
    src: url('../fonts/Roboto-Bold.eot');
    src: local('☺'), url('../fonts/Roboto-Bold.woff') format('woff'), url('../fonts/Roboto-Bold.ttf') format('truetype'), url('../fonts/Roboto-Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}




/*pradip_Css_start_here_for_the_Login page*/

body{ font-family: 'Conv_Roboto-Regular'; font-weight: normal;color: #464a4c; background:#ffffff;}
.ml-1 {
    margin-left: 10px;
}




@media only screen and (max-width: 1125px) and (min-width: 1024px) {
    .Dloginpanel_left .loginform_body {
    padding: 5em !important;
}
}


    @media screen and (min-width:1024px) {

        /*loginscreen_css_start_added_by_pradip*/
        body .fixed{height:100%;left:0;right:0;background:#fff}
.row-eq-height{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-family:'Roboto',sans-serif}
.Dloginpanel_left{background:url(../../dist/img/loginbg.jpg) 0 0 no-repeat;background-attachment:fixed;background-size:cover;min-height:100vh}
.Dloginpanel_leftbg{background-image:linear-gradient(to top,#2b56a5,#236db7,#2283c8,#2e9ad6,#42b0e3);width:100%;height:100%;opacity:.9;position:absolute;margin:0 -15px}
.Dloginpanel_left .loginform_body{z-index:1;position:relative;display:flex;align-items:center;height:100%;padding:8em}
.log_notificationbox p{font-weight:300;line-height:20px;font-family:'Roboto',sans-serif}
        .log_notificationbox {
            margin: 6em 0;
            color: #fff;
            text-align: justify;
            min-height: 160px;
        }

.logcontact{display:flex}
.logcontact span{font-size:14px;margin:0 6px;display:flex;flex-grow:1;font-weight:300}
.logcontact span a{color:#fff}
.logcontact span a:hover{color:#ccc}
.loginboxleft{width: 100%;}


.carousel-inner{/* max-height: 160px;overflow-y: auto; min-height: 160px;*/}
.carousel-inner>.item{/*overflow-y: scroll;*/}
.carousel-indicators {
    bottom: -40px;
}
.carousel-control{ width: 4%; background: none!important; }
.carousel-control.left{ left: -40px; }
.carousel-control.right{ right: -40px; }
.carousel-control .fa-chevron-left, .carousel-control .fa-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev{position: absolute;top: 50%;z-index: 5;display: inline-block;}


        /*loginpanel-left*/
        /*loginpanel-right*/
        
      .loginform_body{padding:80px}
.Dloginpanel_right .loginform_body{display:flex;height:100%;align-items:center;flex-wrap:wrap;width:100%}
.loginboxright{width:100%}
.loginform{margin:20px auto}
.loginheader h2{font-weight:300;margin:0;font-family:'Roboto',sans-serif}
.loginbtn{background:#fbb03b;border:none;font-weight:400;padding:10px 20px;font-size:18px;border-radius:4px;width:100%;min-width:140px;margin:0 0 15px;font-family:'Roboto',sans-serif;cursor:pointer;text-align:center;color:#fff}
.loginbtn:focus,.loginbtn:hover{color:#fff}
.loginbtn:hover{background:#e29214}
.forgotpass{color:#464a4c;font-size:14px;font-family:'Roboto',sans-serif;font-weight:500}
.forgotpass:hover{color:#1359ac;}

.loginformbox input.form-control::placeholder{color:#fff;text-align:center;font-family:'Roboto',sans-serif;font-weight:300}
.custom_chckbox.remeberme label:before{margin-right:10px}
        /*loginpanel-right*/
        /*loginscreen_css_end_added_by_pradip*/
        #maindiv > .row-eq-height {
            width: 100%;
            height: 100%;
        }

        }




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

    .logginwrap {
        background: url(../../dist/img/loginbg.jpg) 0 0 no-repeat;
        background-attachment: fixed;
        background-size: cover;
        position: absolute;
        width: 100%;
    }

    .logginwrap_inner {
        background-image: linear-gradient(to top, #2b56a5, #236db7, #2283c8, #2e9ad6, #42b0e3);
        width: 100%;
        height: 100%;
        opacity: 0.9;
        position: absolute;
    }

    .wrapper:before, .wrapper:after {
        content: " ";
        display: none;
    }

    .loginform_panel {
        text-align: center;
        margin: 100px 0;
    }

    .loginform {
        margin: 20px auto;
    }

    .loginformbox {
        max-width: 450px;
        margin: 0 auto;
        border-radius: 16px; /*background-image: linear-gradient(to top, #2b56a5, #236db7, #2283c8, #2e9ad6, #42b0e3);*/
    }

    .loginform_body {
        padding: 40px;
    }

    .loginbtn {
        background: #fff;
        border: none;
        font-weight: 300;
        padding: 10px 40px;
        font-size: 18px;
        border-radius: 26px;
        width: 100%;
        max-width: 220px;
        margin: 0 0 20px;
        font-family: 'Conv_Roboto-Light';
        cursor: pointer;
    }

    .loginformbox .forgotpass {
        color: #eee;
        font-size: 16px;
        font-family: 'Conv_Roboto-Light';
        font-weight: 300;
    }

    .loginformbox .form-group {
        margin: 0 0 40px;
    }

    .loginformbox input::-moz-placeholder, .loginformbox input::-webkit-input-placeholder {
        color: #fff;
        text-align: center;
        font-family: 'Conv_Roboto-Light';
        font-weight: 300;
    }

    .lginform_fooer p strong {
        font-weight: 400;
        font-family: 'Conv_Roboto-Regular';
    }

    .lginform_fooer p {
        font-family: 'Conv_Roboto-Light';
        font-weight: 300;
        line-height: normal;
    }

    .lginform_fooer {
        max-width: 600px;
        margin: 0 auto;
        width: 100%;
        color: #fff;
    }

    .loginbtn:hover, .loginbtn:focus {
        outline: none !important;
        background: #fbb03b;
        color: #fff;
    }
    /*= input focus effects css
=========================== */
    .loginformbox input:focus {
        outline: none;
    }

    .input-effect {
        width: 100%;
        margin: 20px 0 40px;
        position: relative;
    }
        /* necessary to give position: relative to parent. */
        .input-effect input[type="text"], .input-effect input[type="password"] {
            font-family: 'Conv_Roboto-Regular';
            font-size: 18px;
            font-weight: 400;
            z-index: 1;
            color: #fff;
            width: 100%;
            box-sizing: border-box;
            letter-spacing: 1px;
            text-align: center;
        }

    .effect-16 {
        border: 0;
        padding: 4px 0;
        border-bottom: 2px solid #9ccbe8;
        background-color: transparent;
        position: relative;
    }

        .effect-16 ~ .focus-border {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 0;
            height: 2px;
            background-color: #fff;
            z-index: 1;
            transition: 0.4s;
        }

        .effect-16:focus ~ .focus-border,
        .has-content.effect-16 ~ .focus-border {
            width: 100%;
            transition: 0.4s;
        }

        .effect-16 ~ label {
            position: absolute;
            left: 0;
            width: 100%;
            top: 4px;
            color: #eee;
            transition: 0.3s;
            z-index: 0;
            letter-spacing: 0.5px;
            font-family: 'Conv_Roboto-Light';
            font-weight: 300;
            font-size: 18px;
        }

        .effect-16:focus ~ label, .has-content.effect-16 ~ label {
            top: -16px !important;
            font-size: 12px !important;
            font-weight: 300;
            font-family: 'Conv_Roboto-Light';
            color: #eee;
            transition: 0.3s;
        }





    .loginformbox [placeholder]:focus::-webkit-input-placeholder {
        color: transparent;
    }

    .loginformbox [placeholder]:focus::-webkit-input-placeholder {
        transition: none;
        opacity: 1;
    }

    .foot_contctno span {
        font-size: 12px;
        margin: 0 6px;
        font-weight: 400;
        font-family: 'Conv_Roboto-Regular';
    }

        .foot_contctno span a {
            color: #fff;
        }

            .foot_contctno span a:hover {
                color: #fff;
                text-decoration: underline;
            }

    i#showpass {
        position: absolute;
        top: 8px;
        right: 0px;
        color: #fff;
    }


    /*New css*/
    .loginformbox h4 {
        color: #fff;
        margin: 0 0 40px;
    }

    .input-effect .alert-danger {
        background: none;
        color: #fecc00 !important;
        border-color: #fecc00 !important;
        padding-top: 6px;
        font-size: 13px !important;
        display: block;
    }


}




        @media screen and (max-width:480px) {
            .loginform_body {
                padding: 20px;
            }

            .loginformbox .forgotpass {
                font-size: 14px;
            }

            .loginform_panel {
                text-align: center;
                margin: 50px 0;
            }
        }





/*pradip_Css_end_here_for_the_Login page*/