/* =======================================================================
Template Name: Youtubers
Author:  SmartEye Technologies
Author URI: www.smarteyeapps.com
Version: 1.0
coder name:Prabin Raja
Description: This Template is created for Youtubers
======================================================================= */

/* ===================================== Import Variables ================================== */
@import 'variable';
/* ===================================== Basic CSS ==================================== */
@import 'base/basic_setup';

/* ===================================== Login Page Design CSS ==================================== */



.form-login-body{
    background-image: url(../images/bg.jpg);
    background-size: cover;
    @media screen and (max-width: 991px){
        padding-left: 30px;
        padding-right: 30px;
    }
    @media screen and (max-width:480px){
        padding-left: 15px;
        padding-right: 15px;
    }
    .login-desk{
      filter: drop-shadow(0 0 13.5px rgba(0, 0, 0, 0.09));
        margin-top: 5%;
        margin-bottom: 5%;
        .detail-box{
           background-color: #FFF;
            padding: 20px;
            .logo{
                width: 130px;
            }
            .help{
                width: 450px;
                margin-top: 30px;
                margin-bottom: 50px;
            }
            .detailsh{
                text-align: center;
                h3{
                    font-size: 1.2rem;
                    margin-bottom: 15px;
                }
                p{
                   font-size: .8rem; 
                }
            }
        }
        .loginform{
            background-color: #4c56c0;
            text-align: center;
            color: #FFF;
            a{
                color: #FFF;
            }
            h4{
                color: #FFF;
                font-size: 1.3rem;
            }
            p{
                font-size: .8rem;
                margin-bottom: 50px;
            }
            padding: 50px;
            .login-det{
                .form-row{
                    margin-top: 20px;
                    label{
                        font-size: .85rem;
                    }
                    
                }
                .input-group{
                    .input-group-prepend{
                       
                        .input-group-text{
                             background-color: #3d46a7;
                            color: #ffffffcf;
                            border-right: 0px;
                            border: 0px;
                        }
                    }
                    .form-control{
                        background-color: #3d46a7;
                        color: #FFF;
                        border-left: 0px;
                        border: 0px;
                    }
                    .form-control:focus{
                        border: 0px;
                    }
                }
                .btn-danger{
                    width: 100%;
                    border-radius: 0px;
                    background-color: #fa607e;
                    border-radius: 50px;
                }
            }
            .forget{
                text-align: right;
            }
            .social-link{
                ul{
                    float: right;
                    margin-top: 30px;
                    li{
                        float: left;
                        padding: 15px;
                        font-size: .9rem;
                    }
                }
            }
        }
    }
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #FFF !important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #FFF !important;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #FFF !important;
}
:-moz-placeholder { /* Firefox 18- */
  color:#FFF !important;
}





/* ===================================== Responsive Style CSS ==================================== */

@import 'response/responsive';