body, #wrapper {
    background:#fafbfc;
}
   .activelnk {
            color:#fc6262 !important;
        }

#BtnLogin {
    background: none;
    border: none;
    color: #fff;
    width: 100%;
    cursor: pointer;
    padding: .5rem .5rem !important;
}

    #BtnLogin.active, #BtnLogin:focus {
        background: none;
        border: none;
        color: #fff;
    }



.form-control {
    min-height: 30px !important;
    font-size: 1rem !important;
}

.form-group {
    margin-bottom: 15px !important;
}

.btn {
    padding: .75rem 1.5rem !important;
    font-size: 1.25rem !important;
}

.login-box {
    width: 30% !important;
    border-radius: 0px;
}
.C-Logo {
    width:142px;
}
.ml-auto a {
    font-size: 0.80rem !important;
}
.font-500 {
    font-weight:500;
}
.bgog {
    background: linear-gradient(40deg, #fc6262, #fed8b1) !important;
}
        .bgwt {
            background:#fff !important;
            border:none;
        }

        .login-register {
            background-size: 70% 730px;
        }

        .leftBanner {
            float: left;
            width: 70%;
        }

        .carousel-item {
            height: 100vh;
            min-height: 350px;
            background: no-repeat center center scroll;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
        }
        .footer-social {
            float: left;
            padding: 40px 18.5px 10px;
           
        }
        .footer-social label {
            font-size: 13px;
            margin-right: 10px;
            color: #54667a;
        }
        .footer-social a i {
            padding: 0;
            border-radius: 50%;
            font-size: 13px;
            line-height: 1.6em;
            height: 1.8em;
            width: 1.8em;
            text-align: center;
            border: 1px solid #54667a;
            color: #54667a;
            }
        .btm-logo {
            /*position: absolute;
            bottom: 0;
            padding-bottom: 50px;*/
        }
         .btm-logo img {
                    width: 130px;
                }
        .foot-link {
             padding:10px; float:left; width:50%; font-size:13px; text-align:center;

        }
        .mini-sidebar .footer {
            left: 0px !important;
            text-align:right;
        }

        .division {
            margin: 0px 15px 15px;
            text-align: center;
        }
        /*.social, .mob-link {
            margin-bottom: 0px !important;
            float: left;
            width: 100%;
            padding: 0px 0px;
            height: 20em;
        }

            .social .link-page {
                color: #007bff;
                border: none !important;
                margin-bottom: 5px;
                width: 49%;
                text-align: left;
                padding: .25rem .5rem !important;
                background: none !important;
            }*/
            .footer-img {
                width: 100%;
                float: left;
            }
.border-style {
    padding: 4rem 2rem !important;
}
            .link-page {
                color: #007bff;
                border: none !important;
            }
            .foot-img {
                float: right;
                width: 220px;
                
            }
/* New Design */
.btn-generate, .btn-generate.disabled {
    background: #1C69CB !important;
    border: 1px solid #1C69CB;
    margin-top: 25px;
    
}
.form-control {
    padding: .125rem .75rem;
    font-size: 1rem;
    min-height: 40px !important;
    -border-radius: .50rem;
    -border: 1.5px solid #3293FF !important;
    color: #000000;
    background-color: #FAFBFC !important;
}
    .form-control:focus, .input-group:focus {
        border-color: #1C69CB !important;
    }
    .input-group-text {
        background-color: #FAFBFC !important;
        -border: 1.5px solid #3293FF !important;
        border-left: 0px !important;
    }
#pd {
    -border-right: 0px !important;
}
.input-group > .input-group-prepend > .input-group-text {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    cursor:pointer;
}
.login-box .social {
    margin-bottom:0px !important;
}
.p-btn {
    width: 50%;
    text-align: center;
    border-bottom: 1px solid #cccccc;
    line-height: 0.1em;
    margin: 0 auto;
}

    .p-btn span {
        background: #fff;
        padding: 0 10px;
        color: #cccccc !important;
        font-size: 12px;
    }
.text-head {
    font-weight:400 !important;
    color:#000000 !important;
}
label {
    font-size: 0.70rem !important;
}
.control-label {
    font-weight: 500 !important;
}

.card-title {
    text-align: center !important;
    font-size: 20px !important;
    margin-bottom: 0px !important;
    padding: 5px 0px !important;
}
.form-control:focus {
    box-shadow:none !important;
}
.text-blue {
    color: #2684ff !important;
    border-bottom: 1px solid #2684ff;
    font-size: 10px;
}
.social .g {
    width: 30px;
    padding: 0px 5px 0px 0px !important;
}
.social .fb {
    width: 34px;
    padding: 0px 10px 0px 0px !important;
}
.social .insta {
    width: 30px;
    padding: 0px 10px 0px 0px !important;
}
.login-box {
    background: #FAFBFC !important;
}
.span-g, .span-fb, .span-insta {
    background: #ffffff;
    padding: 10px 5px;
    border: 1px solid #ced4da;
    border-radius: 5px;
    margin-right: 5px;
}

    .span-g label, .span-fb label, .span-insta label {
        font-weight:500;
        color:#000000 !important;
    }
    /* End New Design */
    @media only screen and (max-width: 750px) {
        /* For mobile phones: */
        [class*="col-"] {
            width: 100%;
        }

        .login-box {
            width: 95% !important;
        }

        .bgog {
            background: linear-gradient(40deg, #fc6262, #fed8b1) !important;
        }

        .bgwt {
            background: #fff !important;
            border: none;
        }

        .leftBanner {
            display: none;
        }
        .C-Logo {
            width: 125px;
        }
        .p-btn {
            width: 90%;
        }
        .span-g .p-r-20 {
            padding-right:0px;
        }
        .login-register {
            background-size: 100% 700px;
        }
        .login-sidebar {
            padding: 0px !important;
        }

        .border-style {
            margin-top: 0px;
        }

        .btm-logo {
            position: inherit;
        }


            .btm-logo img {
                width: 75px;
            }

        .mob-link {
            margin-bottom: 60px;
        }
        /*.social, .mob-link {
        margin-bottom: 0px !important;
        float: left;
        width: 100%;
        padding: 0px 5px
    }

        .social .btn {
            border: 1px solid #e0e6ed !important;
            color: #3b5998;
            margin-bottom: 10px;
            margin-left: 5px;
            width: 45%;
        }

    .foot-link {
        padding: 2px;
        float: left;
        width: 50%;
    }*/
    }

@media (max-width: 767px){
    .login-sidebar {
        padding: 0px;
    }
}

    @media only screen and (min-width: 751px)and (max-width: 1024px) {
        .login-box {
            width: 30% !important;
            float: left;
        }

        .bgog {
            background: linear-gradient(40deg, #fc6262, #fed8b1) !important;
        }

        .bgwt {
            background: #fff !important;
            border: none;
        }

        .leftBanner {
            width: 70%;
            float: left;
        }

        .carousel-item {
            width: 100%;
        }

        .btm-logo img {
            width: 75px;
        }

        .mob-link {
            margin-bottom: 60px;
        }

        .carousel-item {
            height: 100vh;
        }
        /*.social, .mob-link {
                margin-bottom: 0px !important;
                float: left;
                width: 100%;
                padding: 0px 5px
            }

                .social .btn {
                    border: 1px solid #e0e6ed !important;
                    color: #3b5998;
                    margin-bottom: 10px;
                    margin-left:5px;
                    width: 45%;
                }
             .foot-link {
             padding:2px; float:left; width:50%;

        }*/

    }