/*
 * Specific styles of signin component
 */
/*
 * General styles
 */
body, html {
    height: 100%;
    background-repeat: no-repeat;
    background: #1D2024;
    overflow:hidden;
    color: #ffffff;    
}

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } 
input:focus::-moz-placeholder { color:transparent; } 
input:focus:-ms-input-placeholder { color:transparent; }

.card-container.card {
    max-width: 350px;
    padding: 40px 40px;
    background-repeat: no-repeat;
    background: #F7F7F7;
    border: 5px solid #969696;
}

.btn {
    font-weight: 700;
    height: 36px;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.footer {
	font-size: 11px;
}
.card {
    background-color: #F7F7F7;
    padding: 20px 25px 30px;
    margin: 0 auto 25px;
    margin-top: 50px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0px 2px 2px rgba(239, 239, 239, 0.3);
    -webkit-box-shadow: 0px 2px 2px rgba(239, 239, 239, 0.3);
    box-shadow: 0px 2px 2px rgba(239, 239, 239, 0.3);
}

.profile-img-card {
    margin: 0 auto 10px;
    display: block;
}

/*
 * Form styles
 */
.profile-name-card {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin: 10px 0 0;
    min-height: 1em;
}

.btn.btn-login {
    background: linear-gradient(#00BCD4, rgb(99 184 195));
    color: #fff;
    padding: 0px;
    font-weight: 700;
    font-size: 14px;
    height: 34px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: none;
    -o-transition: all 0.218s;
    -moz-transition: all 0.218s;
    -webkit-transition: all 0.218s;
    transition: all 0.218s;
    letter-spacing:2px;
    border-radius: 0px;
}

.btn.btn-login:hover,.btn.btn-login:active,.btn.btn-login:focus {
    /*background-color: #51b8a2;*/
    /*color: #ffffff;*/
}

.footer{color:#000;}

.input-group-addon {border-radius:0px;}

.form-control {text-align: center;box-shadow: none;border-radius:0px;}

#flogin > .form-control {border-left: 0;}

.form-control:focus {
    border-color:#ccc;
    -webkit-box-shadow:none;
    box-shadow:none;
}

.form-control::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  	color:    #c5c5c5;
    letter-spacing:1px;
}
.form-control::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
 	color:    #c5c5c5;
 	opacity:  1;
    letter-spacing:1px;
}
.form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
 	color:    #c5c5c5;
 	opacity:  1;
    letter-spacing:1px;
}
.form-control::-ms-input-placeholder { /* Internet Explorer 10-11 */
 	color:    #c5c5c5;
    letter-spacing:1px;
}


#capcha {
    font-size: 16px;
    font-weight: bold;
    height: 34px;
    letter-spacing: 10px;
}

.col-sm-4{
    margin-bottom: 5px;
}

@media(min-width: 768px){

    .left {
        padding-right: 0;
    }
    .center {
        padding-right: 5px;
        padding-left: 5px;
    }

    .right {
        padding-left: 0;
    }

    .container {
        margin-top:40px;
    }
}


input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:active,
input:-webkit-autofill:focus {
   /* background-color: #2d8e6f !important;
    color: #555 !important;
    -webkit-box-shadow: 0 0 0 1000px #52a18d inset !important;
    -webkit-text-fill-color: #FFFFFF !important;*/
}