body{
  overflow-x: hidden;  
}

.circle{
  height: 25px;
  width: 25px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 10px;
}

.typeheader-8 .header-bottom{
  background-color: #f3bb01;
}

.title_box{
  color:#f3bb01;
  margin-top:3%;
  font-size:26px;
  border-bottom:1px solid #ccc;
}

.canc{
  clear:both;
  height:1px;
}

.input_val{
  height:45px;
  border-radius: 5px;
  color:#666;
  border:2px solid #bebebe;
}

.product-layout{
  
}

.list_page_number{
  height: 25px;
  width: 25px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 10px;
  background: #f3bb01;
  color:#fff;
  text-align: center;
}

.list_page_number:hover{
  background: #005d83;
  color:#fff !important;  
}

.list_page_number_actual{
  height: 25px;
  width: 25px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 10px;
  background: #005d83;
  color:#fff;
  text-align: center;
  
}

.layout-8.common-home #content .row-advanced .sas_inner-box-search .search-boxes select{
  color:#999;
  border:2px solid #bebebe;
}

.search-button button{
  background-color: #f3bb01 !important;
}
.search-button button:hover{
  background-color: #cf9f01 !important;
}

.price{
  color: #cf9f01 !important;
}

.price_vat{
  font-size: 14px !important;
}

.title_product a{
  color: #005d83 !important;
}
.title_product a:hover{
  color: #f3bb01 !important;
}
.def_button{
  background-color: #f3bb01 !important;
  border-color: #018bc8 !important;
  color: #fff !important;
}
.def_button:hover{
  background-color: #cf9f01 !important;
  border-color: #fff !important;
  color: #fff !important;
}

.button_cart{
    background: #005d83 !important;
    color: #fff!important;
    border-color: #018bc8 !important;
}

.label-new{
  background: #005d83 !important;
}

.button_cart:hover{
    border-color: #fff !important;  
}

.block-services .icon-service:hover .icon {
  border-color: #f3bb01; 
}
.block-services .icon-service:hover h6 {
  color: #f3bb01; 
}

.button_grey:hover{
  background-color:beige;
  color:grey;
}

.panel_reg{
  border:1px solid #cccccc;
  border-radius:10px;
  padding:10px;
  float:none;
  margin-left:auto;
  margin-right:auto;
  text-align:left;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

.success-summary {
    color: #088b35;
    background: #edfaf1;
    border-left: 3px solid #6fef7e;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

.link_magic{
  color:#005d83 !important;
  font-weight:bold;
  font-size:13px;
}

/**** embedded chat ****/
#lhc_status_container_page{
  width:20% !important;
  height:350px !important;
  float:right !important;
  border: 1px solid #878787 !important;
  border-radius: 10px;
  color: #fff !important;
  margin-right: 20px;
  position: fixed;
  overflow-y: auto;
  padding-bottom: 1%;
  bottom:9%;
  right: 0;
  background: #fbf7e0;
  display:none;
}

.icon_chat{
  width: 44px;
  height: 34px;
  border: 2px solid #E5E5E5;
  text-align: center;
  border-radius: 5px;
  padding:10px;
}

#lhc_widget_v2 textarea{
  height:200px !important;
}

.close_chat_icon{
  color: #005d83;
  font-size:18px;
  float:right;
  margin-right:8px;
  margin-top:3px;
}
/***********************/

.layout-8.common-home #content .box-advanced-search .search-boxes{
  width:50%;
}

.layout-8.common-home #content .box-advanced-search .search-button{
  width:30%;
}
.layout-8.common-home #content .row-advanced .sas_inner-box-search .search-button button{
  width:30%;
}

.grey_home{
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
  background: #eeeeee; 
  width:100%;
}

.panel_1{
  background: #00658b;
  width:101%;
  overflow-x: hidden;
}

.white_pan{
  height:240px;
  clear: both;
}

.panel_2{
  background: #ffbc01;
  width:101%;
  overflow-x: hidden;
}


.sf_home_env{
  background: url('../twice/image/theme/twice/ricambi_auto_ambiente.jpg') no-repeat;
  height: 500px;
  padding-right: 0;
  background-size: cover;
}

.title_sf_home_env{
  padding-top:50%;
  text-align: right;
  width:85%;
  margin-left: 15%;
  border-bottom:13px solid #00658b;
}

.title_sf_home_env h2{
  color:#fff;
  text-transform: uppercase;
  font-style: italic;
  float:left;
  font-size: 20px;
  padding-top:4%;
  margin-left:5%;
}

.title_sf_home_env h1{
  color:#00658b;
  text-transform: uppercase;
  font-style: italic;
  float:left;
  font-size: 48px;
}

.text_sf_home_env{
  margin-top:10%;
  margin-left:10%;
  color:#fff;
  margin-right: 10%;
}

.text_sf_home_env h2{
  font-weight: bold;
  text-transform: uppercase;
}

.sf_home_used{
  background: url('../twice/image/theme/twice/ricambi_componenti_usati.jpg') no-repeat;
  height: 500px;
  padding-left: 0;
}

.title_sf_home_used{
  padding-top:50%;
  text-align: right;
  width:85%;
  border-bottom:13px solid #ffbc01;
}

.title_sf_home_used h2{
  color:#fff;
  text-transform: uppercase;
  font-style: italic;
  float:right;
  font-size: 20px;
  padding-top:4%;
}
.title_sf_home_used h1{
  color:#ffbc01;
  text-transform: uppercase;
  font-style: italic;
  float:right;
  margin-left:5%;
  font-size: 48px;
}

.text_sf_home_used{
  margin-top:10%;
  margin-left:10%;
  color:#fff;
  margin-right: 10%;
}

.text_sf_home_used h2{
  font-weight: bold;
  text-transform: uppercase;
}

.panel_3{
  clear:both;
  margin-left: auto;
  margin-right: auto;
  width:60%;
  margin-top:5%;
}

.panel_3 h2{
  color:#00658d;
  font-weight: bold;
  text-transform: uppercase;
}

.panel_3 ul li{
  list-style: none;
  background:  url('../twice/image/theme/twice/list_home.png') no-repeat left top;
  padding-left:30px;
  font-weight: bold;
  height:25px;
  margin-bottom:5px;
}

/* edit Alex */
.title_sf_home_used_a {
  padding-top: 20%;
  text-align: right;
  width: 85%;
  border-bottom: 13px solid #ffbc01;
}

.title_sf_home_used_a h1{
  color:#fff;
  text-transform: uppercase;
  font-style: italic;
  float:right;
  font-size: 40px;
  padding-top:4%;
}

.text_sf_home_used_a{
  margin-top:10%;
  margin-left:10%;
  color:#fff;
  margin-right: 10%;
}

.text_sf_home_used_a ul li{
  background:  url('../twice/image/theme/twice/list_home.png') no-repeat left top;
  padding-left:27px;
  height:20%;
  margin-bottom:18px;
  font-size: 18px;
}
/* */

.search_main{
  width:80%;
  margin-left: auto;
  margin-right: auto;
}

/* codice css per le conversazioni */

.conversation-header {
    background: #f1f3f5;
    border-left: 6px solid #f2b705; /* giallo TwiceParts */
    border-radius: 6px;
    padding: 16px 20px;
}

.conversation-header h4 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 8px;
}

.conversation-meta {
    font-size: 15px;
    color: #495057;
}

.conversation-meta strong {
    font-weight: 600;
}


.chat-container {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 20px;
}

.chat-message {
    max-width: 75%;
    padding: 12px 15px;
    border-radius: 12px;
    margin-bottom: 15px;
    position: relative;
    line-height: 1.5;
}

.chat-message.client {
    background: #fff3cd;
    border: 1px solid #ffeeba;
    margin-right: auto;
}

.chat-message.vendor {
    background: #e6f4ea;
    border: 1px solid #c3e6cb;
    margin-left: auto;
}

.chat-meta {
    font-size: 12px;
    color: #6c757d;
    margin-bottom: 4px;
}

.chat-meta.right {
    text-align: right;
}

.reply-box {
    background: #ffffff;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 15px;
}

.reply-box h4 {
    margin-top: 0;
}


@media (max-width: 520px) {
  
  .white_pan{
    height:100px;
  }
  
  .table_cell{
    display:block !important;
    clear:both !important;
  }
  
  .search_main{
    width:100%;
  }
  
  #lhc_status_container_page{
    width:98% !important;
    height:450px !important;
    float:none !important;
    border: 1px solid #878787 !important;
    border-radius: 10px;
    color: #fff !important;
    margin-right: 20px;
    position: absolute;
    bottom:1%;
    left: 1%;
    background: #fbf7e0;
    display:none;
    z-index: 10000000;
  }
  
  
  .layout-8.common-home #content .box-advanced-search .search-boxes{
    width:100% !important;
  }
  
  .layout-8.common-home #content .box-advanced-search .search-button{
    width:100% !important;
  }
}
 .SumoSelect
 {
  width: 100%;        
 }
 .license-wrapper input {
  border-color: #003ca6;
  border-style: solid;
  border-width: 1px 17px 1px 36px;
  text-align: center;
  text-transform: uppercase;
 }
 .license-wrapper:after,.license-wrapper:before{
  content:"";
  position: absolute;
  top: 50%;
  width: 100%;
  display:block;
  letter-spacing:0
 }
 .license-wrapper:before{
  width:15px;
  height:15px;
  top:4px;
  left:25px;
  background:url('../twice/image/euro-flag.png') 0 0 no-repeat
 }
 .license-wrapper:after{
  content:"IT";
  position:absolute;
  display:block;
  width:35px;
  bottom:4px;
  font-size:10px;
  text-align:center;
  text-transform:uppercase;
  color:#fff
 }


 

@media (max-width: 767px){
  .layout-8.common-home #content .box-advanced-search .search-boxes{
    width:100% !important;
  }
  
  .search_main{
    width:100%;
  }
  .white_pan{
    height:170px;
  }
  
  .layout-8.common-home #content .box-advanced-search .search-button{
    width:100% !important;
  }
  
}

#show-search {
  background: transparent;
  border:0px;
  position:absolute;
  right:0px;
  top:-70px;
}

@media (max-width: 520px) {
  .ricerca {
    position:absolute;
    right:30px;
  }
  
  .sas_wrapx {
    visibility: hidden;
    display:none;
  } 
  .right_block {
    width:100%;
  } 
  .left-block {
    width:100%;
  }
  
}

@media (max-width: 990px) {
  
  .barra_ricerca2 {
    text-align: center;
  }
  

  
}