/*** change some ctools styles ***/
#modalBackdrop {
  position: fixed !important;
}

div.ctools-modal-content .modal-content {
  padding: 15px;
}

div.ctools-modal-content .modal-content .modal-throbber-wrapper img {
  padding: 2em 0 3em;
  margin: 0;
}

div.ctools-modal-content .form-item label {
    position: absolute;
    left: 30px;
    width: 121px;
    height: 30px;
    background: #fbfbfb;
    color: #6f7276;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
    border: 1px solid #ededed;
    text-align: center;
    padding-top: 17px;
    padding-bottom: 3px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}

div.ctools-modal-content .form-item-name label {
    top: 80px;
}
div.ctools-modal-content .form-item-pass label {
    top:290px
}
div.ctools-modal-content .form-item-pass input {
    top:290px
}
div.ctools-modal-content .form-item-name input {
    top:80px
}

div.ctools-modal-content .form-item input {
    position: absolute;
    left: 150px;
    width: 280px;
    height: 48px;
    border: 1px #ededed solid;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    text-align: center;
    color: #d7d7d7;
    font-size: 14px;
}

#ulogform .form-item-pass label {
    top:150px;
}

#ulogform .form-item-pass input {
    top:150px;
}
/*div.ctools-modal-content .form-type-password-confirm input {*/
    /*top:220px*/
/*}*/

div.ctools-modal-content .form-type-password-confirm .password-confirm {
    top:360px;
}

div.ctools-modal-content .confirm-parent label {
    top:360px;
}
div.ctools-modal-content a.close {
  margin-top: 3px;
}

div.ctools-modal-content #upassform .form-item-name input {
    top: 95px;
}
div.ctools-modal-content #upassform .form-item-name label {
    top: 95px;
}
/*** module styles ***/
.ajax-register-links-wrapper {
  text-align: right;
  font-size: 12px;
}

.ajax-register-links-wrapper .ajax-register-links li {
  padding-left: 1em;
}

.ajax-register-links-wrapper .ajax-register-links li a {
  border-bottom: 1px dashed #ccc;
}

.ajax-register-links .ajax-progress {
  display: none;
}

#upassform .form-actions input {
    position: absolute;
    left: 48px;
    top: 232px;
    width: 405px;
    height: 50px;
    background-color: #ff6333;
    border: none;
    border-radius: 5px;
    color: white;
    text-transform: uppercase;
    border: 1px solid #ff6333;
}

#upassform .form-actions input:hover{
    background-color: #fff;
    color: #ff6333;
}

/*user-login*/
.messages.error {
	display:none;
    position: absolute;
    top: 57px;
    width: 350px;
    left: 40px;
    font-size: 13px;
    border: 0px;
    background-color: white;
}

.validaterror-input {
    border-bottom: 1px solid red;
    border-right: 1px solid red;
    border-top: 1px solid red;
	}
.validaterror-label {
    border-bottom: 1px solid red;
    border-right: 1px solid red;
    border-top: 1px solid red;
	}
.ar-modal-h2 {
    position: absolute;
    left: 225px;
    top: 50px;
    text-transform: uppercase;
    font-size: 19px;
    color: #ff7149;
    font-weight: 500;
}
.ar-modal-h2-pass {
    position: absolute;
    left: 180px;
    top: 50px;
    text-transform: uppercase;
    font-size: 19px;
    color: #ff7149;
    font-weight: 500;
}
.ar-modal-discroption {
    position: absolute;
    left: 115px;
    top: 80px;
    text-align: center;
    color: #878a8d;
}

div.ctools-modal-content {
    font-family: 'Roboto', sans-serif;
    background: #fff;
    color: #000;
     border: none;
    /* width: 600px; */
    text-align: left;
    border-radius: 5px;
    overflow: hidden;
}
#ulogform {
    position: absolute;
    top: 136px;
}
#uregform {
    position: absolute;
    top: 136px;
}
.ar-bottom {
    position: absolute;
    bottom: 30px;
    right: 30px;
    width: 500px;
    height: 60px;
    background-color: #f8f8f8;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top: 1px solid #f2f2f2;
}

.forgot-log .password_links li a {
    position: relative;
    top: 15px;
    left: 175px;
    font-size: 14px;
    text-decoration: none;
    color: #ff7149;
}

.forgot-log .password_links li a:hover{
    text-decoration: underline;
}

.bottom-log .register_link li a {
    position: absolute;
    left: 0;
    color: #515151;
    text-decoration: none;
    text-transform: uppercase;
    bottom: 0;
    width: 100%;
    height: 60px;
    line-height: 60px;
    text-align: center;
}

.bottom-reg .enter_links li a {
    position: absolute;
    left: 0;
    color: #515151;
    text-decoration: none;
    text-transform: uppercase;
    bottom: 0;
    width: 100%;
    height: 60px;
    line-height: 60px;
    text-align: center;
}

.bottom-reg .enter_links li a:hover,
.bottom-log .register_link li a:hover{
    background: #f2f2f2;
    color: #ff6333;
}

.ar-before-bottom-text {
    position: absolute;
    bottom: 92px;
    right: 30px;
    width: 500px;
    height: 60px;
    /* background-color: blue; */
}

.ar-before-bottom-text p {
    position: relative;
    text-align: center;
    color: #a19898;
    font-size: 14px;
    top: 15px;
/* background-color: blue; */
}
.ar-before-bottom-text p a {
    text-decoration: none;
    color: #ff7149;
}
.ar-before-bottom-text p a:hover{
    text-decoration: underline;
}
#ulogform .form-actions input {
    position: absolute;
    left: 30px;
    top: 225px;
    width: 403px;
    height: 48px;
    border: 1px solid #ff6333;
    background-color: #ff6333;
    border-radius: 5px;
    color: white;
    text-transform: uppercase;
    font-weight: bold;
}
#uregform .form-actions input {
    position: absolute;
    left: 30px;
    top: 435px;
    width: 403px;
    height: 48px;
    border: 1px solid #ff6333;
    background-color: #ff6333;
    border-radius: 5px;
    color: white;
    text-transform: uppercase;
    font-weight: bold;
}
#uregform .form-actions input:hover, #ulogform .form-actions input:hover{
    color: #ff6333;
    background-color: #fff;
}
.form-required {
    display:none;
}

.form-type-ulogin-widget, #ulogin {
    position: absolute;
    width: 400px;
}
.form-type-ulogin-widget {
    left: 30px;
    top: -10px;
}

.form-type-ulogin-widget div {
    position: absolute !important;
    top: 0 !important;
    width: 200px !important;
    height: 50px !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
}

.form-type-ulogin-widget .ulogin-processed div div:nth-child(2):hover, .form-type-ulogin-widget .ulogin-processed div div:nth-child(1):hover{
    opacity: .7;
}

.ar-modal-h2-reg {
    position: absolute;
    left: 180px;
    top: 50px;
    text-transform: uppercase;
    font-size: 19px;
    color: #ff7149;
    font-weight: 500;

}
.password-strength {
    display: none;
}

.password-suggestions {
    display: none !important;
}
div.password-confirm {
    display: none !important;
}
#modal-content.popups-body {
    overflow: hidden;
}
.bottom-pass .register_link li a {
    position: absolute;
    right: 0;
    bottom: 0;
    color: #6f7276;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    width: 50%;
    text-align: center;
    height: 60px;
    line-height: 60px;
}
.bottom-pass .enter_links li a {
    position: absolute;
    left: 0;
    bottom: 0;
    color: #6f7276;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    width: 50%;
    text-align: center;
    height: 60px;
    line-height: 60px;
}

.bottom-pass .enter_links li a:hover, .bottom-pass .register_link li a:hover{
    background-color: #f2f2f2;
    color: #ff6333;
}

div.ctools-modal-content #upassform  label {
    left: 48px;
}
div.ctools-modal-content #upassform .form-item input {
    left: 170px;
}
/*.messages {display: none;}*/

#uregform .form-item-mail .description {
     display:none;
}

#uregform .form-item-mail input {
    top: 150px;
}
#uregform .form-item-mail label {
    top: 150px;
}

.form-item input.error, .form-item textarea.error, .form-item select.error {
    border: 2px solid red !important;
}
.form-item input.error > label {
    border: 2px solid red !important;
}

.form-item-field-profile-name-und-0-value label {
  left: 48px;
  top: 220px;
}

.form-item-field-profile-name-und-0-value input {
  left: 170px;
  top: 220px;
}
