.has-error {
    display         : block;
    color           : red;
}

.has-error-border {
    border          : 1px solid red !important; 
}

#reg_email-error {
    color           : red;
}

.no-error {
    display         : none;
}

.top-margin-15px {
    margin-top      : 15px;
}

input#toggle {
    display         : none;
    visibility      : hidden;
}

label[for=toggle] {
    padding         : 0.5em;
    text-align      : center;
    color           : #666;
}

label[for=toggle]:hover {
    color           : #000;
}

label[for=toggle]::before {
    font-family     : Consolas, monaco, monospace;
    font-weight     : bold;
    content         : "+";
    vertical-align  : text-top;
    display         : inline-block;
    width           : 20px;
    height          : 20px;
    margin-right    : 3px;
    background      : radial-gradient(ellipse at center, #CCC 50%, transparent 50%);
}

#expand {
    height          : 0px;
    overflow        : hidden;
    transition      : height 0.5s;
}

#toggle:checked ~ #expand {
    height          : 350px;
}

#toggle:checked ~ label::before {
    content         : "-";
}

.or-text {
    width           : 100%; 
    text-align      : center; 
    border-bottom   : 1px solid #eee; 
    line-height     : 0.1em;
    margin          : 20px 0 30px; 
} 

.or-text span { 
    background : #fff; 
    padding : 0 30px; 
}
.facebook-sign {
    color           : #337ab7;
    cursor          : pointer;
}
.facebook-sign :hover{
    background-color : #f0f0ff;
}

.google-sign {
    color           : red;
    cursor          : pointer;
}

.google-sign :hover{
    background-color: #ffefef;
}

.birthday-content {
    border          : 1px solid #E1E5EC;
    margin-top      :10px;
}

#powered-by-img {
    max-height      : 30px;
    width           : auto;
    margin-top      : 10px
}

.language-link {
    padding         : 10px !important;
}

.social-signin-signup {
    margin-bottom   : 10px;
}
.social-btn-container {
    height          : 50px;
    line-height     : 30px;
    margin          : 0px 0px 10px 0px; 
    border          : 1px solid #eee;
    border-radius   : 10px !important;
    padding         : 10px;
}

.social-btn {
    border-radius   : 15px !important
}

.login-btn {
    margin-top      : 1px;
    font-weight     : 600;
    padding         : 10px 20px!important;
    color           : #FFF;
    background-color: #3598dc;
    border-color    : #3598dc;
}
/*---------------------------------------------*/

/* If css classes needed to change attributes depending on 
the size of the device. Please put all the css class in each of the  media queries */
/* smartphones, portrait iPhone, portrait 480x320 phones (Android) */ 
@media (min-width:320px)  { 
    .sign_social {
        padding:0px;
    }
}

/* smartphones, Android phones, landscape iPhone */
@media (min-width:480px)  {  

}

/* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */
@media (min-width:600px)  { 

 }

 /* tablet, landscape iPad, lo-res laptops ands desktops */
@media (min-width:801px)  { 

 }

 /* big landscape tablets, laptops, and desktops */
@media (min-width:1025px) { 

 }

 /* hi-res laptops and desktops */
@media (min-width:1281px) { 

 }