@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;
}

input[type=password]::-ms-reveal,
input[type=password]::-ms-clear {
    display: none;
}


@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:6em}
.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:13px;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-indicators li{margin:0 5px;}
.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;}
.carousel-indicators .active{margin: 0 5px;}
.slimScrollDiv{ padding-right: 15px; margin-bottom:30px; }

        /*loginpanel-left*/
        /*loginpanel-right*/
        
      .loginform_body{padding:60px;}
.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}

.customerlogo {
    position: absolute;
    max-width: 80px;
    right: 65px;
    top: 20px;
}

        /*loginpanel-right*/
        /*loginscreen_css_end_added_by_pradip*/
        #maindiv > .row-eq-height {
            width: 100%;
            height: 100%;
        }

        }


@media screen and (max-width:1024px) {
    .logcontact span { font-size:12px!important;
    }
    .logcontact span:first-child {
        margin-left: 0!important;
    }
    .logcontact span:last-child {
        margin-right: 0!important;
    }
}

    @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*/