/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 10 May, 2016, 4:16:01 PM
    Author     : Charu gupta
*/
.registrationFormFieldPopUpBox textarea{
    resize:none;
}
.leftFloated {
    float:left;
}

.rightFloated{
    float:right;
}

#popUpRegisterButtonContainer{
    margin-top:20px;
}

#popupRegister,#completeProfile{
    padding:12px;
}

#popupRegister{
    margin-right: 20px;
}

#completeProfile{
    margin:auto;
    margin-bottom: 15px;
}

.resetSuccess{
    display:none;
}

#popupRegisterForm .error-messages, #completeProfileForm .error-messages{
    display:block;
    padding:0;
    padding-bottom: 10px;
    height:40px;
}

#popupRegisterForm .error-messages ul, #completeProfileForm .error-messages ul{
    padding:0;
}

#popupRegisterForm .error-messages ul li, #completeProfileForm .error-messages ul li{
    list-style: none;
}

.registration-form-header {
    width: 100%;
    padding: 30px 5%;
    text-align: left;
    color: grey;
    font-size: 20px;
}
.registration-formfield-container {
    width: 50%;
    padding: 0px 5%;
    text-align: left;
    color: #000000;
    margin-bottom: 40px;
    min-height: 75px;
}

.registration-formfield-control.error {
    border: 2px solid #df2027;
}

#popupRegisterForm .error-text , #completeProfileForm .error-text{
    color: #df2027;
    display: block;
    font-size: 12px;
}

#popupRegisterForm .registration-formfield-name {
    width: 100%;
    padding: 0;
    font-size: 13px;
    padding-left: 5px;
}

#completeProfileForm .registration-formfield-name {
    width: 30%;
    padding: 10px 0%;    
    font-size: 13px;
    padding-right: 2%;    
}
 
.registration-formfield-box {
    width: 70%;
    padding: 0px 0%;
}
.registration-formfield-control {
    border-radius: 6px;
    border: 2px solid #cccccc;
    height: 40px;
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
}
textarea.registration-formfield-control {
    height: 80px;
    resize: none;
}
.mobilecode-control.registration-formfield-control {
    width: 20%;
}
.mobilenumber-control.registration-formfield-control {
    width: 78%;
}
.single-select {
    padding-right: 0px;
    padding-left: 0px;
    position: relative;
}
.drop-item {
    cursor: pointer;
    padding-left: 5%;
    line-height: 24px;
    height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.data-item-seperator {
    margin-left: 5%;
    margin-right: 5%;
    height: 1px;
    background-color: black;
}
.drop-item.highlight {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
}
.selected-single-item {
    display: inline-block;
    height: 0px;
    width: 100%;
    vertical-align: middle;
    padding-left: 10px;
    font-size: 14px;
}
.selected-list {
    width: 85%;
    height: 100%;
    float: left;
    background-color: white;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}
.single-select-button {
    width: 15%;
    height: 100%;
    float: left;
    position: relative;
    text-align: center;
    border: 0px solid #cccccc;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}
/*
Bootstrap styles
*/
.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0px;
    vertical-align: middle;
    border-top: 8px solid;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    color: grey;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    right: 0;/*Customized*/
    overflow: auto;/*Customized*/
    min-width:200px;/*Customized*/
    z-index: 1000;
    display: none;
    float: left;
    min-width: 200px;
    width: 100%;
    padding: 5px 0;
    margin: 1px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    max-height: 170px;
}

.register-overlay {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.65);
    display: none;
    text-align: -webkit-center;
    font-weight: normal;
}

.register-overlay .register-popup {
    width: 60%;
        max-height: 90%;
    max-width: 100%;
    background-color: white;
    padding: 15px 20px;
    text-align: -webkit-left;
    overflow-y: auto;
    overflow-x: hidden;
    margin-top: 1%;
    border-radius: 4px;
    height: 620px;
    padding-right: 5px;
    margin:auto;
    top: 5%;
    left: 20%;
    position: fixed;
}

.registrationHeader {
    font-weight: 500;
    font-size: 13px;
    color: #000;
    margin-bottom: 10px;
    text-align: center;
    float: left;
    display: inline-block;
    width: 92%;
}

.closeIcon{
    float: right;
    margin-right: 10px;
}

.closeIcon .fa{
    position: relative;
}

.register-loading-image {
    display: none;
    text-align: center;
    padding-top: 40px;
}

.error-messages {
    text-align: center;
    color: #df2027;
    display: none;
    padding: 10px;
}

.registrationFormPopUpFieldContainer{
    width: 50%;
    text-align: left;
    color: #000000;
    margin-bottom: 20px;
    padding-right: 20px;
}

.registrationFormFieldPopUpBox{
    width: 100%;
    padding: 0px 0%;
    height:45px;
    
}

.register-popup input {
    padding: 0 5px;
}

.registration-formFieldPopUp-control {
    border-radius: 6px;
    border: 2px solid #cccccc;
    height: 40px;
    width: 100%;
}

.selected-list {
    width: 85%;
    height: 100%;
    float: left;
    background-color: white;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;    
}

.single-select-button {
    width: 15%;
    height: 100%;
    float: left;
    position: relative;
    text-align: center;
    border: 0px solid #cccccc;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    background:#fff;
}

#countryCode {
    width: 15%;
}

#contactNumber {
    width: 83%;
}

#textBoxAMCAT .registration-formfield-name {
    width: 100%;
    padding:0!important;    
}

#textBoxAMCAT {
    width: 100%;
}

.register-popup textarea {
    height: 65px;
}

.registrationSubmitButtonContainer {
    width: 100%;
    text-align: left;
}

.registrationSubmitButtonContainer .rightFloatedContainerRegister {
    width: 110px;
}

.socialIconsContainer{
    background: #fff;
    background-color: white;   
    text-align: center;
    height: 40px;
    clear: both;
}

.socialIconsContainer div{
    padding: 0 5px;
    height: 32px;
    margin-top: 5px;
    display: inline-block;
}

.registrationSubmitButtonContainer div {
    display: inline-block;
}
.rightFloatedContainerRegister {
    background: #DE1F27;
    color: #fff;
    font-size: 12px;
    border-radius: 3px;
    text-align: center;
    vertical-align: bottom;
    height: 40px;
    padding: 12px;
    width: 24%;
    margin-left: 9px;
    float: right;
}

.loginContiner{
    float: left;
}

.orText {
    font-weight: 500;
    padding: 12px;
    vertical-align: top;
    text-align: center;
}

.rightFloatedContainerSocialIcons {
    background: #fff;
    border-radius: 4px;
    background-color: white;   
    text-align: -webkit-center;
    height: 40px;
}

.rightFloatedContainerSocialIcons div {
    padding: 0 5px;
    height: 32px;
    margin-top: 5px;
    border-right: 1px solid #A8B2B4;
}


.rightFloatedContainerSocialIcons div:last-child {
    border-right: 0!important;
}

.rightFloatedContainerLogin {
    background: #000;
    color: #fff;
    font-size: 14px;
    border-radius: 3px;
    text-align: center;
    vertical-align: bottom;
    height: 40px;
    padding: 12px;
    width: 20%;
}

.loginContiner .loginText{
    font-size: 14px;
    color: #337ab7;
}

.registrationFormPopUpFieldContainer {
    width: 50%;
    text-align: left;
    color: #000000;
    margin-bottom: 15px;
    padding-right: 20px;
}
@media only screen and (max-width:950px){
    div.orText,  .rightFloatedContainerSocialIcons{
        width: 100%;
    text-align: center;
    }
 
    .registrationFormPopUpFieldContainer{
            width: 100%;
    margin-bottom: 20px;
    }
}
@media only screen and (max-width:600px){
    .register-overlay .register-popup{
    width: 90%;
    left: 5%;
}
.registration-formfield-container {
    width: 100%;
    margin-bottom: 20px;
}
    
}
@media only screen and (max-width:400px){
    #countryCode {
    width: 25%;
}
#contactNumber {
    width: 70%;
}
.login-overlay .login-popup{
    width: 99%;
}
}