/* REGISTER_BOX */
.register_box {margin-top:0px;float:right;margin-right: 14%;}

.register_box_sx {border-right: 1px solid #CCCCCC;float: left; margin-left: 23px;margin-right: 10px;min-height: 390px;padding: 10px;width: 194px;}
.register_box_dx {
    /*width: 377px;*/
    width:353px;
    background-color: rgba(243, 243, 243, 0.6);
    border-radius: 5px;
    padding: 30px 20px;
    
}
.register_box_title {padding-bottom: 8px; border-bottom: 1px dotted #ccc; font-family: Arial, serif; font-weight: bold; font-size:16px; color:#474747; margin-bottom:28px;}
.register_box_fb_bt {width: 299px; height: 42px; background: url('../images/buttons/fb_subscribe.png') no-repeat; border:none; cursor: pointer; font-family: Arial, serif; font-weight: bold; font-size: 18px; color:#fff; text-align: left; text-indent: 46px; margin-bottom: 20px; }
.register_box_header {background:#dedede; padding:10px; font-family: Arial, serif; font-weight: bold; font-size:16px; color:#fff;}
.register_field {border: 1px solid #dedede; padding:5px !important; width:340px; /*border-radius: 5px;*/ border-color:#000 #000 #000; margin-bottom:10px; font-family: Arial, serif; font-weight: 400; font-size:14px;  color:#474747; border-radius: 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important}
.register_select {border: 1px solid #dedede; padding:5px; width:352px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-color:#dedede #dedede #dedede; margin-bottom:10px; font-weight: 400; font-size:14px;  color:#474747; }
.register_date_dd { width:60px; border: 1px solid #dedede; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-color:#dedede #dedede #dedede; padding:5px;  font-weight: 400; margin-bottom: 10px; color:#474747; font-size: 14px;}
.register_date_mm { width:80px; border: 1px solid #dedede; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-color:#dedede #dedede #dedede; padding:5px;  font-weight: 400; margin-bottom: 10px; color:#474747; font-size: 14px;}
.register_date_aa { width:100px; border: 1px solid #dedede; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-color:#dedede #dedede #dedede; padding:5px; font-weight: 400; margin-bottom: 10px; color:#474747; font-size: 14px;}
.register_txt {float:left;width:100px; font-family: "Muli",Arial, serif; font-weight: 400; font-size:13px !important; margin: 7px -5px 0 10px; color:#474747; }
.register_accept_txt {font-family: "Muli", Arial, serif; font-weight: 400; font-size: 14px !important;  color:#474747; padding-top:8px; display: inline-block; text-align: center;width: 100%;}
.register_button_submit { /*width:152px !important;*/ width: 100% !important; height: 31px; background:#54A946; font-family: Arial, serif; font-weight: 400; font-size:14px; color:#fff; border: 1px solid #54A946; border-radius: 5px; margin-right:22px; cursor:pointer;}
.register_button_submit:disabled{
    background-color: #888888;
    border-color: #888888;
};

.register_stay_connect {margin-top:10px; float: right; text-align: right; width:300px; font-family: Arial, serif; font-weight: 400; font-size:12px;}
/* REGISTER PARTNER SITES*/ 
#registration_form.reg_sites{background: none repeat scroll 0 0 #F5F5F5;padding: 57px;position: absolute;width: 100%;z-index: 1000;}
.register_box.reg_sites{width:392px;}
.register_box_dx.reg_sites {float:right; width:374px;}
/* REGISTER + LOGIN */ 
#registration_form.reg_login{margin: 0 auto;margin-top: 40px;width: 750px;background: url('../images/bg/line-separator.gif') center repeat-y;}
.register_box_sx.reg_login{width:352px;float:left;margin:0;padding:0;border:0;}
.register_box_dx.reg_login{
    width: 352px;
    float: right;
    margin: 0;
    background-color: rgb(231, 231, 231);
    padding: 11px;
}
.register_box_dx.reg_fb.reg_login input{
    color: black;
  border-color: white;
  -webkit-box-shadow: inset 0 1px 1px rgba(250, 250, 250, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(250, 250, 250, 0.075);
   box-shadow: inset 0 1px 1px rgba(250, 250, 250, 0.075);
}
.register_box_dx.reg_fb.reg_login input{
    color: black;
  border-color: white;
  -webkit-box-shadow: inset 0 1px 1px rgba(250, 250, 250, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(250, 250, 250, 0.075);
   box-shadow: inset 0 1px 1px rgba(250, 250, 250, 0.075);
}
.register_box_dx.reg_fb.reg_login input:focus{
   border-color: rgb(82, 168, 236);
}

.register_box_dx.reg_fb.reg_login select{
  border-color: white;
  -webkit-box-shadow: inset 0 1px 1px rgba(250, 250, 250, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(250, 250, 250, 0.075);
   box-shadow: inset 0 1px 1px rgba(250, 250, 250, 0.075);
}
.register_box_dx.reg_fb.reg_login select:focus{
   border: 1px solid rgb(82, 168, 236);
   outline: 0px;
}
.register_box_fb_bt{margin-bottom: 6px;}
.register_login_button_submit{float: right;width: 117px;height: 31px;background: #00a5e2;font-family: "Muli", Arial,  serif;font-weight: 400;font-size: 14px;color: #fff;border: 1px solid #00a5e2;border-radius: 5px;cursor: pointer;}
.register_bt{margin:0;}
/* REGISTER + USER */
.register_user_container {background: none repeat scroll 0 0 rgb(231, 231, 231); float: left; padding: 10px; width: 331px; border: 1px solid #e5e5e5;}
.register_user_friend_info:before {
  content: attr(data-content);
  position: relative;
  font-size: 13px;
  top: 4px;
  left: 50px;
  color: rgb(255, 116, 0);
  height: 20px;
  font-weight: bold;
  background-image: url("images/contatta_ora.png");
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: 0px 0px;
  padding: 0px 0px 0px 20px;
  
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 2s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    20% { opacity: 1.0;}
    50% { opacity: 0.0; }
    80% { opacity: 1.0;}
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    20% { opacity: 1.0;}
    50% { opacity: 0.0; }
    80% { opacity: 1.0;}
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    20% { opacity: 1.0;}
    50% { opacity: 0.0; }
    80% { opacity: 1.0;}
    100% { opacity: 1.0; }
}

.register_user_friend_info {
  float: left;
  width: 170px;
  margin-left: 12px;
  margin-top: 7px;
  position: relative;
  top: -20px;
  
}

.register_user_friend_name {color: #474747; font-size: 17px;}
.register_user_friend_photo {float:left;color: #474747; font-family: "Muli", Arial, serif; font-size: 13px; font-weight: 400;}
.register_user_group_info {float:left;border-bottom: 1px solid #c6c6c6; width: 100%; margin-bottom: 0px; padding-bottom: 10px;}
.overflowed_total {width: 100%; float:left;}
/*REGISTER + VIDEO*/
#registration_form.reg_video{margin: 0 auto;margin-top: 40px;width: 750px;background: url('../images/bg/line-separator.gif') center repeat-y;}
.register_box_sx.reg_video{position: relative;left: -16%;margin:0;padding:0;border:0;width:380px;}
.register_box_dx.reg_video{width: 352px;float: right;margin:0;padding:0;}
.register_box_fb_bt{margin-bottom: 6px;}
.register_bt{margin:0;}
/*BUTTON LOGIN SOCIAL*/
.register_content_button_social{margin: 0 auto;width: 347px;}
.register_button_social{outline: none;cursor:pointer; margin: 0 auto;border:2px solid #fff; padding: 1px; border-radius:5px; float:left; width:190px; margin-bottom:10px;text-align:left;text-indent:25px;color: #474747;background: #fff;    font-family: "Muli", Arial, serif;font-size: 14px;font-weight: 400;}
.register_button_social:hover{outline: none;cursor:pointer; border:2px solid #e3e3e3;background: rgb(237,237,237);background: -moz-linear-gradient(top,  rgba(237,237,237,1) 0%, rgba(234,234,234,1) 99%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,237,237,1)), color-stop(99%,rgba(234,234,234,1)));background: -webkit-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(234,234,234,1) 99%);background: -o-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(234,234,234,1) 99%);background: -ms-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(234,234,234,1) 99%);background: linear-gradient(to bottom,  rgba(237,237,237,1) 0%,rgba(234,234,234,1) 99%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#eaeaea',GradientType=0 );}
.register_button_social:active{outline: none;cursor:pointer; position:relative;top:1px;}
.register_button_social:focus{outline: none;}
.register_social_image_button{float: left;height: 20px;width: 20px;border-radius:3px; margin-top:3px; margin-left: 3px;}
.register_social_button{float: left;height: 17px;margin: 7px 0;width: 145px;font-size:15px !important;line-height:normal;}
.register_user_list{
    padding: 5px;
    margin-top: 55px;
    display: table;
    float: left;
    width: 100%;
}
.register_user_list .user_photo{
    margin: 0px 2px;
    display: inline-block;
    cursor: pointer;
    border: 1px solid rgb(184, 184, 184);
    padding: 1px;
    height: 80px;
}
.hiddenField{
    display: none !important;
}


.fb_login_button {
    background-color: #3b5998;
    display: inline-block;
    height: 35px;
    width: 280px;
    /*border: 1px solid #4868AB;*/
    border: 1px solid #fff;
    border-radius: 30px;
    color: #ffffff;
    line-height: 34px;
    text-decoration: none;
    margin-bottom: 10px;
    cursor: pointer;
    font-size: 20px;
    padding-right: 10px;
    transition: all 500ms;
}
.fb_login_button:link {
    color: white;
    text-decoration: none;
}
.fb_login_button:hover {
    color: white;
    text-decoration: none;
    background-color: #4B70BD;
}
.fb_login_button:before {
    content: "";
    background: url(../images/esterno/icone/facebook.png) 0 1px no-repeat;
    background-size: cover;
    display: inline-block;
    height: 35px;
    width: 35px;
    margin-left: 10px;
    float: left;
}

.more_social {
    display: inline-block;
    background: linear-gradient(#F7F7F7 0%, #FFFFFF 10%);
    height: 35px;
    width: 40px;
    border: 1px solid #D0D0D0;
    border-radius: 30px;
    text-decoration: none;
    cursor: pointer;
    font-size: 13px;
    margin-left: 10px;
    text-align: center;
    
}
.more_social:hover{
    background-color: #FFFFFF;
}
.more_social:before {
    content: "\f111\f111\f111";
    letter-spacing: 2px;
    font: normal normal normal 8px/1 FontAwesome;
    line-height: 41px;
    position: relative;
    top: -2px;
    left: 1px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}
.more_social li {
    display: table;
    width: 110px;
    margin: -10px 0px 0px 15px;
    position: absolute;
    background-color: #EFEFEF;
    border-radius: 5px;
    box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.25);
    list-style: none;
}
.more_social ul {
    display: list-item;
    margin: 4px !important;
    border-radius: 3px;
    border: 1px solid #EFEFEF;
    text-align: center;
    line-height: 26px;
}
.more_social ul:hover {
    
    
    background-color: rgba(250, 250, 250, 0.9);
}
.app_link {margin-top: 15px;}

input.register_field::-webkit-input-placeholder {
   color: #6f7172 !important;
}
input.register_field:-moz-placeholder {
   color: black !important;
}
input.register_field::-moz-placeholder {
   color: black !important;
}
input.register_field:-ms-input-placeholder {
   color: #6f7172 !important;
}

input::-webkit-input-placeholder {
   color: black;
}

input:-moz-placeholder { /* Firefox 18- */
   color: black;  
}

input::-moz-placeholder {  /* Firefox 19+ */
   color: black;  
}

input:-ms-input-placeholder {  
   color: black;  
}
.suggestionsBox{
    margin-top: 15px;
    border: 1px solid rgba(0, 95, 169, 0.79);
    background-color: white;
}
.suggestionList {
    text-align: left;
}
.suggestionList li.itemlist.even{
    background-color: white;
}
.suggestionList li.itemlist.odd{
    background-color: white;
}
.suggestionList br {
    display: none;
}
.suggestionList ul li {
    font-size: 14px !important;
    margin: 5px 0 !important;
}


@media only screen and (min-width: 1px) and (max-width: 1400px){
    .register_box {margin-right: 8%;}
    .inner_white {line-height: 50px;}
}
@media only screen and (min-width: 1px) and (max-width: 1200px){
    #formregistration input{
        height: 12px;
        font-size: 12px;
        /*width: 235px;*/
    }
    .register_select{
        width: 245px;
        display: block;
        /*margin-left: 50px;*/
    }
    .fb_login_button{
        /*width: 200px;*/
    }
    #formregistration input[type=button]{
        height: 24px;
        font-size: 12px;
    }
    #formregistration select{
        height: 25px;
        font-size: 12px;
    }
    .register_box_dx {
        width: 350px;
    }
    .register_txt{
        /* display: none; */
    }
    .fb_login_button{
        /*font-size: 14px;
        line-height: 24px;
        height: 25px;*/
    }
    .fb_login_button:before{
        /*height: 25px;
        width: 25px;*/
    }
    .more_social{
        height: 35px;
        /*width: 30px;*/
        position: relative;
        bottom: 10px;
    }
    .more_social:before{
        top: 7px;
        line-height: 15px;
        /*font-size: 5px;*/
    }
}


@media only screen and (min-height: 1px) and (max-height: 800px){
    .app_link {margin-top: 15px;}
    .arrow_next_ancor{margin-top: 0px; display:none;}
    #formregistration input{
        height: 25px;
        font-size: 12px;
    }
    #formregistration input[type=button]{
        height: 24px;
        font-size: 12px;
    }
    #formregistration select{
        height: 25px;
        font-size: 12px;
    }
    .fb_login_button{
        /*font-size: 14px;
        line-height: 24px;
        height: 25px;*/
    }
    .fb_login_button:before{
        /*height: 25px;
        width: 25px;*/
    }
    .more_social{
        height: 35px;
        /*width: 30px;*/
        position: relative;
        bottom: 10px;
    }
    .more_social:before{
        top: 7px;
        line-height: 15px;
        /*font-size: 5px;*/
    }
}
@media only screen and (min-height: 800px) and (max-height: 850px){
    .app_link {margin-top: 15px;}
    .arrow_next_ancor{margin-top: 550px;}
}

.phone-prefix{
    
    border:1px solid #ccc;
    border-radius: 25px;
    width:80px;
    margin-top:0;
}

.phone-number{
    width:150px;
    padding-left: 7px;
}

.opt_text{
    margin-bottom: 10px;
    width: 100%;
    margin-left: 10px;
    font-size:12px;
}

.content-phone{
    padding:12px 0 12px 0;
    background-color:#f4f4f4;
    margin: 10px 0 6px 0;
    border-radius: 8px;
}
.register_txt_phone{
  float: left;
    width: 100px;
    font-family: "Muli",Arial, serif;
    font-weight: 400;
    font-size: 13px !important;
    margin: 0 -5px 0 10px;
    color: #474747;  
}
input::-webkit-input-placeholder{
        font-family:'fs albert';
    }
input::-moz-input-placeholder{
        font-family:'fs albert';
}