.add-content-wrapper{float:left; padding: 10px; width: 854px; min-height:300px;}
/*Basic field design wrapper*/
.add-content-field-row-wrapper{float:left; width:854px; margin-bottom:10px; }

.add-content-field-content-wrapper{float:left; min-width:60px;margin-right:20px; }
.add-content-field-info-wrapper{float:left; min-width:100px; color: #999999; line-height:20px; }
.add-content-field-title-wrapper { color: #999999; font-size: 10px; font-weight: bold; line-height:20px;text-transform: uppercase;height:20px; }
.add-content-field-title-wrapper span{ color: #FF0000; font-size: 10px; font-weight: bold;}

.add-content-field-wrapper{}
.add-content-field-wrapper input{ border-color: #e8e8e8 #f0f0f0 #f8f8f8;  border-style: solid; border-width: 2px; width:97%;font-size:11px;line-height: 24px; }
.add-content-field-wrapper input[type="file"]{border:0px!important;}
.add-content-field-wrapper select { border-color: #e8e8e8 #f0f0f0 #f8f8f8;  border-style: solid;  border-width: 2px; padding: 4px 3px; width:100%; font-size:11px; }
.add-content-field-wrapper textarea{width:850px; resize:vertical ;}
.add-content-field-wrapper input[type="radio"]{ float:left; margin-top:2px;width:20px; }
.add-content-field-wrapper input[type="checkbox"]{ float:left; margin-top:2px;width:20px; }
.add-content-field-wrapper span{ float:left; min-width:75px; font-size: 10px; font-weight: bold; }

.add-content-field-descr-wrapper{ color: #999999; line-height:20px;   }


.shout-other-fields{display:none;}


#new-company-user-register-form {
    border: 1px solid #ddd;
    border-radius:5px;
    background: #F4F4F4;
    float: right;
    width: 33%;
    margin-top: 5%;
    margin-right:12%;
}
#edit-company-wrapper,#edit-email-wrapper { width:47% !important; margin-right:20px; }
#edit-phone-wrapper { width:47% !important; }
.page-register #edit-firstname-wrapper,.page-register #edit-lastname-wrapper ,
.page-register #edit-password-pass1-wrapper, .page-register #edit-password-pass2-wrapper {
    width: 47%;
}

.page-register #page input.form-submit { 
    width: 100% !important;  
    margin-bottom: 20px; 
    margin-top:3%; 
    background: #0099ff none repeat scroll 0 0;
    color: #FFF;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 4px;
    height: 35px;
}
/* #rc-imageselect, .g-recaptcha {transform:scale(1.1);-webkit-transform:scale(1.1);transform-origin:0 0;-webkit-transform-origin:0 0;} */
.g-recaptcha {   margin-top: 14px !important; }

.register-header {
    background: #fff none repeat scroll 0 0;
    height: 65px;
    padding: 0 4%;
    width: 92%;
}
#new-company-user-register-form .form-header {     
    background: #fff none repeat scroll 0 0;
    padding: 5px 75px;
    border-radius: 5px 5px 0 0;
}
.page-user-login-1 .form-header {     
    background: #fff none repeat scroll 0 0;
    padding: 5px 40px;
    border-radius: 5px 5px 0 0;
}

.page-user-password .form-header {     
    background: #fff none repeat scroll 0 0;
    padding: 5px 40px;
    border-radius: 5px 5px 0 0;
}

.form-header img { width:100%; margin-top: 15px; }
#new-company-user-register-form > div #password-field > div > div > input,
#new-company-user-register-form > div > div > input , #new-company-user-register-form .form-item input{
 border: 1px solid rgba(128, 128, 128, 0.26) !important;
 height: 27px;
}

.page-register #new-company-user-register-form .form-item { border:0; background:none;  float:left; 
    padding: 10px 0 !important;
    box-shadow: none;
    padding-bottom: 0px !important;
   padding-top: 0 !important; 
}
#password-field > div {
  margin-bottom: 0 !important;
}
.page-register #edit-firstname-wrapper,.page-register #edit-password-pass1-wrapper  { margin-right: 20px !important}
.page-register #edit-password-wrapper  { padding:0 !important; }

.page-register #edit-firstname-wrapper,.page-register #edit-lastname-wrapper ,
.page-register #edit-password-pass1-wrapper, .page-register #edit-password-pass2-wrapper, #edit-function-wrapper {
    width: 47%;
}
.page-register .form-content { border-top: 1px solid #ddd; padding:20px; } 
.page-register .page-content , .page-user-login-1 .page-content{
    padding:0px !important;
    border: 0px solid transparent !important;
}
.register-page-content {
 /*   background-image: url("/sites/all/modules/new_company/images/tryout-register.jpg");
    position: absolute; */
    width: 100%;
}
.form-item { margin-bottom: 5px !important; }
.form-item label { font-weight: normal; }
.register-page-conten .form-item label { font-weight: normal !important; }
body.page-register {
    background-image: url(/sites/all/modules/new_company/images/tryout-register.jpg) !important;
    height: 800px;
    background-repeat: no-repeat !important;
    background-position: 0px 65px !important;
    background-size: cover !important;
    overflow: hidden;
}
body.page-user-login-1 ,.page-user-password {
    background-image: url(/sites/all/modules/new_company/images/Lienion_login.jpg) !important;
    height: 800px;
    background-repeat: no-repeat !important;
    background-position: 0px 65px !important;
    background-size: cover !important;
    overflow: hidden;
}
body.page-register .page-content,.page-user-login-1 .page-content, .page-user-password .page-content {     background: none !important;  }
body.page-register .messages { 
    position: absolute !important;
    width: 95%;
    padding: 0px !important;
}
body.page-register #console .messages .close-this img {     margin-top: -5px;    position: initial; float:right; }
body.page-register #console .messages .close-this img:hover { cursor:pointer; }
.page-user-login-1 #branding, .page-user-password #branding { display: none; }
.page-user-login-1 #page, .page-user-password #page {
    margin: 0px !important;
}
.page-user-login-1 .content-wrapper, .page-user-password .content-wrapper{
    margin: 0px;
}
/*
Lienion logo*/
.register-header .website-logo img {
    margin-top: 18px;
    width: 131px;
}


/*Alpha numero logo
.register-header .website-logo img {
    margin-top: 11px;
}*/


.register-header .website-logo { height:65px; width:80%; float:left; }
.register-header .header-icons {
    float: left;
    height: 65px;
    width: 20%;
}
  .register-header .header-icons a {
    float: right;
    margin-top: 20px;
}
.page-user-login-1 .register-page-content, .page-user-password .register-page-content{
    float: right;
    width: 30%;
    margin-top: 100px;
}

.page-user-login-1 #page-title, .page-user-password #page-title {
    padding: 0px;
    width: 100%;
}
.page-user-login-1 #page-title .page-title, .page-user-password #page-title .page-title { padding: 0; width:100%;}
.page-user-login-1 .item-list { width:90%; top: 25px;     margin: 0 auto;     background: none;}
.page-user-login-1 #user-login .form-item, .page-user-password #user-pass .form-item {
    border: none !important; 
    background-color: #F4F4F4;
    width: 90%;
    margin: 0 auto;
}
.page-user-login-1 #user-login, .page-user-password #user-pass {  background: #F4F4F4;     padding: 30px 10px; border-radius: 0 0 5px 5px; border-top: 1px solid #ddd;}
.page-user-login-1 #user-login .form-item input, .page-user-password #user-pass .form-item input {
    border: 1px solid #ccc;
    padding: 5px;
    background-color: #fff !important;
}
.page-user-login-1 #user-login .form-buttons, .page-user-password #user-pass .form-buttons { 
    width: 90%;
    margin: 0 auto;
}
.page-user-login-1 #user-login .form-buttons input, .page-user-password #user-pass .form-buttons input {
    background: #0099ff;
    border-radius: 3px;
    color: #FFF;
    border-color: #0099ff;
    font-weight: bold;
}
.captcha .form-item { width:100%; }
.g-recaptcha > div { margin: 0px auto; }
.page-user-login-1 .emptydiv, .page-user-password .emptydiv { height: 0; }
.page-user-login-1.body, .page-user-password.body { min-height: auto; }
.page-register .emptydiv { display: none; }
.page-register #page { margin: 0 !important; width: 100% !important; }
body.page-user-login-1 .messages .close-this img, body.page-user-password .messages .close-this img{
  cursor: pointer;
    margin-top: -25px;
    position: relative !important;
    float: right !important;
    margin-right: -25px;
    padding-left:0 !important;
}
body.page-user-login-1 #console, body.page-user-password #console {
  position: absolute;
  top: -6px !important;
  margin-left: 2%;
}
.messages.error li:first-child { display: -webkit-inline-box; }
@media only screen and (min-width: 320px) and (max-width: 479px),
@media only screen and (min-width: 480px) and (max-width: 767px){
.page-register #edit-firstname-wrapper,.page-register #edit-lastname-wrapper ,
#edit-company-wrapper, #edit-email-wrapper,#edit-phone-wrapper, 
.page-register #edit-password-pass1-wrapper, .page-register #edit-password-pass2-wrapper, #edit-function-wrapper {
    width: 100% !important;
  }
.form-header { 
  padding:0;
  width: 100%; 
}
.page-user-login-1 .register-page-content, .page-user-password .register-page-content { width: 90%;  margin-top: 20px;}
body.page-user-login-1 .messages .close-this img, body.page-user-password .messages .close-this img {
  cursor: pointer;
  padding-left: 87% !important;
}
body.page-register, body.page-user-login-1, body.page-user-password { overflow-x: hidden;    overflow-y: auto; }
body.rubik.page-user-login-1  #page, body.rubik.page-user-password  #page {  width: 100%; }
#new-company-user-register-form {
    margin-right: 5%;
    width: 90%;
}
}

@media only screen and (min-width: 768px) and (max-width: 991px){
.page-register #edit-firstname-wrapper,.page-register #edit-lastname-wrapper ,
#edit-company-wrapper, #edit-email-wrapper,#edit-phone-wrapper, 
.page-register #edit-password-pass1-wrapper, .page-register #edit-password-pass2-wrapper, #edit-function-wrapper {
    width: 100% !important;
  }
.form-header { 
  padding:0;
  width: 100%; 
}
.page-user-login-1 .register-page-content, .page-user-password .register-page-content { width:60%; }
#new-company-user-register-form {
    border: 1px solid #ddd;
    background: #F4F4F4;
    float: right;
    width: 50%;
    margin-top: 5%;
    margin-right:23%;
}
body.page-register, body.page-user-login-1, body.page-user-password { overflow-x: hidden;    overflow-y: auto; }

}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.page-register #edit-firstname-wrapper,.page-register #edit-lastname-wrapper ,
#edit-company-wrapper, #edit-email-wrapper,#edit-phone-wrapper, 
.page-register #edit-password-pass1-wrapper, .page-register #edit-password-pass2-wrapper, #edit-function-wrapper {
    width: 100% !important;
  }
.form-header { 
  padding:0;
  width: 100%; 
}
body.page-register, body.page-user-login-1, body.page-user-password { overflow-x: hidden;    overflow-y: auto; }

.page-user-login-1 .register-page-content, .page-user-password .register-page-content { width:60%; }
}

/* Portrait */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 736px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
body.page-register, body.page-user-login-1, body.register-page-content { overflow-x: hidden;    overflow-y: auto; }
.page-register #edit-firstname-wrapper,.page-register #edit-lastname-wrapper ,
#edit-company-wrapper, #edit-email-wrapper,#edit-phone-wrapper,
.page-register #edit-password-pass1-wrapper, .page-register #edit-password-pass2-wrapper, #edit-function-wrapper {
    width: 100% !important;
  }
.form-header {
  padding:0;
  width: 100%;
}
.page-user-login-1 .register-page-content, .page-user-password .register-page-content { width: 90%; margin-right:5%; margin-top: 20px;}
body.rubik.page-user-login-1  #page, body.rubik.page-user-password  #page {  width: 100%; }
#new-company-user-register-form {
    margin-left: 5%;
    width: 90%;
    float: left;
}
}
/* Portrait */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 736px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
body.page-register, body.page-user-login-1 { overflow-x: hidden;     overflow-y: auto; }



.page-register #edit-firstname-wrapper,.page-register #edit-lastname-wrapper ,
#edit-company-wrapper, #edit-email-wrapper,#edit-phone-wrapper,
.page-register #edit-password-pass1-wrapper, .page-register #edit-password-pass2-wrapper, #edit-function-wrapper {
/*    width: 100% !important; */
  }
.form-header {
  padding:0 75px;;
}
.form-header img { margin-top : 0px; }
.page-user-login-1 .register-page-content, .page-user-password .register-page-content { width: 95%;  margin-top: 20px;}
body.rubik.page-user-login-1  #page,body.rubik.page-user-password  #page {  width: 95%; }
#new-company-user-register-form {
    margin-right: 5%;
    width: 90%;
}


}