@font-face {
    font-family: 'latolight';
    src: url('/fonts/Lato-Light-webfont.eot');
    src: url('/fonts/Lato-Light-webfont.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Lato-Light-webfont.woff2') format('woff2'),
        url('/fonts/Lato-Light-webfont.woff') format('woff'),
        url('/fonts/Lato-Light-webfont.ttf') format('truetype'),
        url('/fonts/Lato-Light-webfont.svg#latolight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'latoregular';
    src: url('/fonts/Lato-Regular-webfont.eot');
    src: url('/fonts/Lato-Regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Lato-Regular-webfont.woff2') format('woff2'),
        url('/fonts/Lato-Regular-webfont.woff') format('woff'),
        url('/fonts/Lato-Regular-webfont.ttf') format('truetype'),
        url('/fonts/Lato-Regular-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'latolight_italic';
    src: url('/fonts/Lato-LightItalic-webfont.eot');
    src: url('/fonts/Lato-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Lato-LightItalic-webfont.woff2') format('woff2'),
        url('/fonts/Lato-LightItalic-webfont.woff') format('woff'),
        url('/fonts/Lato-LightItalic-webfont.ttf') format('truetype'),
        url('/fonts/Lato-LightItalic-webfont.svg#latolight_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Segoe UI';
    src: url('/fonts/SegoeUI.eot');
    src: url('/fonts/SegoeUI.eot?#iefix') format('embedded-opentype'),
        url('/fonts/SegoeUI.woff2') format('woff2'),
        url('/fonts/SegoeUI.woff') format('woff'),
        url('/fonts/SegoeUI.ttf') format('truetype'),
        url('/fonts/SegoeUI.svg#SegoeUI') format('svg');
    font-weight: normal;
    font-style: normal;
}

#containerBody{
    font-family: 'Segoe UI';
  
}
.hide{
    display:none;
}

h3{
    font-size:1.5rem;
}

h4{
    font-size: 1.125rem; /* 18px; */
    font-weight:400;
  
}
h4, h5{
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 1.1;

}

.capitalize-first-letter {
    text-transform: none; /* Per evitare che altre lettere siano trasformate */
}
  
.capitalize-first-letter::first-letter {
    text-transform: uppercase;
}
  

h5{
    /*font-size: 1rem;*/
    font-size:0.875rem;  /* 14px */
    font-weight:400;
}
.btn-abaco-disabled,
.btn.btn-abaco-disabled:hover,
.btn.btn-abaco-disabled:focus,
.btn.btn-abaco-disabled:active,
.btn.btn-abaco-disabled:active.focus,
.btn.btn-abaco-disabled:active:focus {
    border-radius: unset;
    font-weight: 600;
    box-shadow:none;
    letter-spacing: 0.1em;
}

.btn.btn-sfycolor.btn-reconfigure{
    padding: 3px;
    width: 100px;
    text-decoration: none;
    text-transform: capitalize;
    font-weight: 400;
}

.btn.btn-sfycolor.btn-reconfigure:hover, 
.btn.btn-sfycolor.btn-reconfigure:focus, 
.btn.btn-sfycolor.btn-reconfigure:active, 
.btn.btn-sfycolor.btn-reconfigure:active.focus, 
.btn.btn-sfycolor.btn-reconfigure:focus{
    font-weight: 400;
}

.setting-height{
    height: calc(100% - 108px);
   
}

html.ua-android .setting-height{
    height:100%;
}

html.ua-ios .setting-height{
    height: auto;
}

div.category-image > canvas,
div.category2-image > canvas{
    border-radius: 100%;
}

.m-right-5{
    margin-right:5px;
}
.m-right-10{
    margin-right:10px;
}

.m-right-15 {
    margin-right:15px;

}
.m-top-13{
    margin-top:13px;
}
.m-top-16{
    margin-top:16px;
}
.m-top-27{
    margin-top:27px;
}

/* CSS FOR APP */
html.appios.ua-safari.ua-mobile #wrap, html.ua-safari.ua-mobile-ipad #wrap,
html.appios.ua-safari.ua-mobile-ipad #maincontainercanvas,
html.appios.ua-safari.ua-mobile-ipad .sidebar-container{
    height:100vh !important;
}


.col-centered{
    margin:0 auto;
}
.fw-600{
    font-weight:600;
}

.flip{
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
}

/*#header {
    height: 48px;
    width: 100%;
    top: 0px;
    z-index: 150;
    text-align: center;
    background: #DCDCDC;
}*/

#header span {
    font-family: "latolight_italic";
    font-size: 20px;
    vertical-align: middle;
    display: inline-block;
    margin-bottom: -10px;
}


#sidebar_block {
    position: absolute;
    width: 100%;
    height: 100%;
}

.box_last_options_found{
    padding-top:15px;
}

.wide_box_last_options_found {
    padding-top: 15px;
}
.txt_last_options{
    font-size: 12px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 0;
    background: #d6d6d6;
    letter-spacing: 0.06em;
    padding-left:5px;
}

.grid_last_options{
    display: grid;
    grid-template-columns: repeat(8,1fr);
    grid-column-gap: 13px;
    margin-top: 5px;
    /* padding-left: 4px; */
    padding-top: 5px;
    padding-bottom: 10px;
    /* padding-right: 4px; */
    row-gap: 12px;
  
}

.grid_last_options img{
    cursor:pointer;
    min-width:30px
}

.warning_composition{
    font-size:13px;
    margin-bottom:2px;
    margin-top:10px;
}

#wrap {
    height: calc(100vh - 48px);
}

html.ua-android #wrap{
    height:calc(100% - 48px)
}

.sidebar-toggle {
    position: absolute;
    top: 50%;
    left: -10px;
}

#sidebar-toggle-icon>.fa {
    font-size: 37px;
}

.sidebar-container {
    height:calc(100vh - 74px);
    position:relative;
}

/*html.ua-safari.ua-mobile-iphone .sidebar-container{
    height: 100vh;
}*/

/*****************************************/
/*** REGOLE PER MOBILE IPAD NOT SAFARI **/
html.ua-mobile-ipad:not(html.ua-safari) #canvas_container{
    height: calc(100vh - 160px) !important; 
}

html.ua-mobile-ipad:not(html.ua-safari) .sidebar-container {
    height: calc(100vh - 160px);
    height: -webkit-calc(100vh - 160px);
}

@media only screen and (max-width:991px){

    html.ua-mobile-ipad:not(html.ua-safari) #canvas_container{
        height: calc(100vh - 220px) !important; 
    }
    
    html.ua-mobile-ipad:not(html.ua-safari) .sidebar-container {
        height: calc(100vh - 220px);
        height: -webkit-calc(100vh - 220px);
    }
   
}
/******************************************/

/*****************************************/
/*** REGOLE PLUGIN MODE PER MOBILE IPAD NOT SAFARI **/

html.pl-customer.ua-mobile-ipad:not(html.ua-safari) #canvas_container{
    height:98vh !important;
}

/************************************************/

.sidebar-container.border-right {
    border-right: 1px solid #CBCBCB;
}

/*html.ua-safari.ua-mobile #wrap*/
html.ua-safari.ua-mobile-ipad #wrap {
    height: calc(100% - 48px) !important;
    height: -webkit-calc(100% - 48px) !important;
}

#not_result{
    font-size:13px;
}

.btn-abaco-mb{
    display:none;
}

@media  (orientation : portrait){
    html.ua-mobile.pl-customer #maincontainercanvas{
        overflow:hidden;
        /*padding:0;*/
        padding-left:0;       
    }

    html.ua-desktop.pl-customer #maincontainercanvas{
        padding-left:0;
        
       
    }
}


@media  (orientation : landscape){

    html.ua-mobile.pl-customer #maincontainercanvas{
        height: 100vh;
    }

    html.ua-mobile-ipad.pl-customer #wrap{
        height:100vh;

    }
    html.ua-mobile-ipad.pl-customer #sidebar,
    html.ua-mobile-ipad.pl-customer .sidebar-container {
        height: 100vh;
    }
  
}


html.ua-safari.ua-mobile-ipad:not(html.pl-customer) #maincontainercanvas {
    height: calc(100vh - 130px) ;
    height: -webkit-calc(100vh - 130px) ;
   
}


html.ua-desktop #maincontainercanvas {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#maincontainercanvas {
    padding:0;
    height: calc(100vh - 74px);
  

}

#canvas_container {
    height:100%;
  
}

html.ua-desktop #sidebar {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#sidebar {
    right:0;
    overflow: hidden;
  /*  z-index:3;*/
   
}

.expand{
    width: 0px!important;
    max-width: 0px;
    padding: 0px;
}

.container_head{
    margin:0 auto;
    margin-bottom:0px;
}


#sidebar_footer {
    bottom: 0;
    position:absolute;
    /*height: 60px;*/
    width: 100%;

}

.btn-dl{
    font-style: italic;
}


/* LOADER */

#loader_page {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    background: rgba(255, 255, 255, 0.7);
    z-index: 10;
    /*display:none;*/
}

#loader_ajax {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    background: rgba(255, 255, 255, 0.4); 
    z-index: 1060;
    display: none;
}


#loader_ajax>.loader-text {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    color: #464646;
    margin-top: 30px;
    font-size: 18px;

}

#loader_ajax>svg {
    opacity: 0.8;
}

#svg_cloader{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -90px;

}

#loader,
#loader_bis {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
}

/* end loader */

[data-action="menu"],
[data-action="goto_prefilters"],
[data-action="reset"] {
    top: 5px;
}

/*::-webkit-scrollbar {
    display: none;
}*/



#annulla,
#next {
    margin-top: 10px;
    margin-bottom: 10px;
}

#mb_next{
    margin-top: 30px;
    margin-bottom: 30px; 
}

.productname {
    /*text-transform: uppercase;*/
    font-weight: 600;
    font-size: 30px;
    margin-bottom: 0px;
    /*margin-top:10px;*/
    margin-bottom:10px;
    width: 93%;
    letter-spacing:0.03em;
}

.setfontsize{
    font-size:20px;
}
.m-b-10{
    margin-bottom:10px;
}

.m-l-0{
    margin-left:0;
}
.m-l-5{
    margin-left:5px !important;
}

.header-pc{
    font-size:14px;

}

.box-square-content{
    position: relative;
    width: 50%;
    border-radius:100%;
    overflow:hidden;
}

.box-square-content:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.box-square-img{
    position: absolute;
  width: 100%;
  height: 100%;
}


.title-text {
    margin-bottom: 0px;
    height: 19px;
    font-weight:400;
}

.subtitle-text {
    font-size: 14px;
    margin-top: 3px;
    width: 100%;
    text-align: center;
    font-weight: 400;
    text-align:left;
    margin-bottom:15px;
}
.subtitle-text-typenormal{
    font-size: 1rem;
    margin-top: 3px;
    width: 100%;
    text-align: center;
    font-weight: 400;
}

.productname.productcategory{
    margin-bottom:0;
}

.delete_fixed_comp > img {
    width: 57px;
    height:57px;
}

.img-fluid.dim-icon.img_cgroup{
    max-width:80%;
}

.img-fluid.finish-round.dinamic{
    max-width:60%;
    min-width:60px;
}

.img-fluid.finish-round.exception{
   width:32px;
   margin-left:7px;
}



.form-control.currency-products:focus,
.form-control.price-products:focus,
input#project_name:focus{
    border:1px solid #ced4da;
}

.form-control{
    background:transparent !important;
}

input.form-control.form-control-manager{
    background:#fff !important;
}

/* LAYOUT INITIAL COMPOSITION MENU */
.rm-margin{
    margin-left:0;
    margin-right:0;
}
.section-1{
    background-color:#364A63;
}
.section-2{
    background-color:#f5f5f5;
}
.section-3{
    background-color:#f5f5f5;
    height:250px;
 
}
.section-4{
    background-color:#f5f5f5;
    height: calc(100% - 25px);
    margin-top:5px;
}

.center {
    height: 230px;
   
}
   
.text_intro_menu{
    text-align:center;
    color:#FFF;
    padding:10px;
    margin-bottom:0;
}
.text_infblock_menu{
    text-align:center;
    color:#000;
    line-height:1.2;
    font-weight:600;
}
.text-header{
    color:#FFF;
    margin-bottom:0;
    font-weight:600;
    letter-spacing: 0.06rem;
}

.table.intro_composition,
.table.intro_quality{
   table-layout:fixed;
}

.tablecentered{
    margin-left: auto;
    margin-right: auto;
    width: 300px;
}

.table.intro_quality td{
    padding:0;
    border-top:none;
    color: #fff;
    font-size: 14px;
    line-height: 1.2;
  
}
.rm-mb{
    margin-bottom:0;
}

#form_shop_now{
    padding-bottom:5px;
}

.m-right-0{
    margin-right:0;
}

.table.intro_composition td{
    padding:0;
    border-top:none;
    color: #000;
    font-weight:600;
    letter-spacing: 0.06rem;
    line-height: 27px;
   /* padding-bottom:10px;*/
    text-transform:uppercase;
    
}
.add-fl-r{
    float:right;
}

/* ADD MODULE */
.arrow {
   /* height: 125px;
    width: 32px;*/
    height: 60px;
    width: 20px;
    position: absolute;
    right: 0;
    top: 35%;
}

.text-row {
    height: 125px;
    width: 100%;
}

.text-row>h5 {
    top: 30%;
    position: relative;
    padding-left: 20px;
    font-weight:400;
   
}

.general-group-image {
    width: 100px !important;
    height: 125px !important;
}

.composition-list-image {
    width: 125px !important;
    height: 125px !important;
}


.general-group-image>img {
    width: 100%;
    height: 100%;
    image-rendering: auto;
}

/* MENU */
.shape-menu-arrow,
.menu-arrow {
  /*  height: 80px;
    width: 32px;*/
    height: 60px;
    width: 20px;
    position:absolute;
    right:15px;
}

.menu-arrow{
    top:25%;
}

.menu-arrow.page{
    top: 0%;
}


.conf-menu-text-row-title {
    display: inline-flex;
    text-transform: uppercase;
    align-items:center;
    padding:0;
}

.conf-menu-text-row-title.optional{
    height: 80px;
}


.conf-menu-text-row-title > label{
    margin-bottom:0;
    display:inline-flex;
    font-size:13px;
    word-break: keep-all;
    cursor:pointer;
    letter-spacing: 0.08em;
    line-height:1.3em;
}
.conf-menu-text-row > label{
    margin-bottom:0;
    font-size:13px;
    display:inline-flex;
    align-items:center;
    text-transform:uppercase;
    cursor:pointer;
    word-break: keep-all;
    letter-spacing: 0.08em;
    line-height:1.3em;
}

.conf-menu-text-row-label.optional-active{
    width:calc(100% - 120px);
}

.position-absolute{
    position:absolute;
    right:0;
}

.height-menu-list{
    height: 80px;
}

.height-menu-list-optional{
    height: 121px;
}

.content-switch{
    height: 31px;
    left: 0;
    position: absolute;
    top: 65px;
}

.conf-menu-text-row{
    height: 80px;
    /*width: calc(100% - 70px);*/
    display: inline-flex;
    align-items:center;
    padding-right:0;
}

.menu-text-row > img,
.menu-text-row > svg{
    height:15px;
}


.category-conf-list-row .conf-menu-text-row>h5 >label {
    margin-top: 12px;
    margin-bottom:0;
    font-size:13px;
}

.conf-menu-text-row>h5 >label {
    cursor: pointer;
    font-weight:700;
    margin-top: 5px !important;
}
.category-conf-list-row .conf-menu-text-row>h5{
    padding-left:14px;
    line-height: 40px;
}

.category-conf-list-row  .icon-left-menu-list{
    margin-top:10px;
}
.shape-menu-text-row{
    height:80px;
    width: calc(100% - 70px);
}

.menu-text-row {
  /*  width: calc(100% - 112px); */
    display:inline-flex;
    align-items: center;
    
}

.round{
    border-radius:100%;
    height:37px;
}

.round2{
    border-radius:100%;
    height:37px;
}

.shape-menu-text-row>h5 {
    top: 20%;
    position: relative;
    padding-left: 15px;
    padding-right:7px;
    font-weight:400;
}

.conf-menu-text-row>h5{
    position: relative;
    padding-left: 30px;
    padding-top: 8px;
    font-weight:400;
    line-height: 0.9rem;
}

.menu-text-row>h5{
    top: 25%;
    position: absolute;
    padding-left: 5px;
    font-weight: 400;
}

.menu-list-row .menu-text-row>h5{
    padding-left: 5px;
    font-weight: 400;
    position:relative;
    top:0;
}


.shape-menu-arrow{
    top:23%;
}

/* PREFILTRI */
.prefilter-image {
    width: 100% !important;
    height: auto;
    max-width: 100px !important;
    max-height: 100px !important;
}

.prefilter {
    cursor: pointer;
    border: solid;
    border-color: transparent;
    border-width: 3px;
    max-width: 120px !important;
    max-height: 100px !important;
    margin-left: auto;
    margin-right: auto;
}

.row-prefilter {
    margin-bottom: 35px;
}

.text-align-left{
    text-align:left;
}

#add_product {
    margin-top: 30px;
    margin-bottom: 30px;
}
.modal-title.filter{
    font-size: 30px;
    font-weight: 900;
    letter-spacing: 0.03em;
}
.modal-subtitle-filter{
    font-size:14px;
    text-align:center;

}

.prefilter-title {
    font-size:18px;
    text-transform:uppercase;
    letter-spacing:0.06em;
    font-weight:800;
    font-style:italic;
    margin-bottom:10px;
}

/* SHAPE */

.menu-list-image{
    width: 15px !important;
    height: 15px !important; 
    min-width:15px !important;
}

.shape-group-image{
    width: 25px !important;
    height: 25px !important;
}

.conf-group-image-optional {
    width: 100px !important;
    height: 40px !important;
    display: inline-flex;
}

.conf-menu-text-row-label{
    margin-left:10px;
    font-size:13px;
}

.conf-group-image {
    width: 40px !important;
    height: 40px !important;
}

.category2-image{
    margin-left:5px;
    width:30px;
}

.conf-preview-image{
    width: 40px !important;
    height: 40px !important;
    margin-left:5px;

}


#delete_fixed_comp{
    position: relative;
    display: block;
    left: 20px;
    top: 215px;
    z-index: 10;
    cursor: pointer;
    width: 35px;
  

}

.shape-group-image>img,
.menu-list-image>img {
    width: 100%;
    height: 100%;
}

.conf-group-image-optional>img {
    width: 100%;
/*   height: 100%;*/
    position: relative;
    /* top: 7px; */
    /* left: 15px;*/
    border-radius:50px;
}

.conf-group-image>img {
    width: 100%;
 /*   height: 100%;*/
    position: relative;
    top: 10px;
   /* left: 15px;*/
   border-radius:50px;
}

.conf-group-image-optional>img:last-child {
    margin-right: 0px;
}


.icon-left-menu-list {
    position: absolute;
    /*top: 50%;*/
    color: #7a7a7a;
    font-size: 32px;
  
   /* height: 35px;
    width: 35px;
    margin-top: -20px;*/
}

.box-icon-left{
    position: absolute;
    top: 50%;
    color: #7a7a7a;
    font-size: 32px;
    height: 35px;
    width: 35px;
  
}

.icon-left-menu-list-family{
    position: absolute;
    color: #7a7a7a;
    font-size: 32px;
    height: 35px;
    width: 35px;
    top:40%;
    right:0;
  
   
}
.dim-icon{
    min-width:120px;
   
}
.box-thumb-family{
    display:inline-block;
  
}
.container-thumb{
    padding: 0;
    margin-bottom:20px;
  
}
.firstbox-thumb-family{
    display:inline-block;
    cursor:pointer;
    text-align:center;
    padding-right: 0;
    padding-left: 0;
}


.p-left-16{
    padding-left:16px;
}



.content-prefilter {
    scrollbar-width: thin;
    scrollbar-color: #c3c3c3 transparent;
    /*filter: brightness(90%);*/
    padding-left:0;
    padding-right:0;
    padding-top: 0px; 
   -webkit-overflow-scrolling: touch;
    overflow-y: auto;
    overflow-x: hidden;

}
 
/* Works on Chrome, Edge, and Safari */
.content-prefilter::-webkit-scrollbar {
    width: 6px;

}

.content-prefilter::-webkit-scrollbar-track {
    background: #c3c3c3;        /* color of the tracking area */
    /*filter: brightness(90%);*/
}

.content-prefilter::-webkit-scrollbar-thumb{
    background-color: #999;    /* color of the scroll thumb */
    border-radius:5px;
}

/* Works on Firefox */
.content-prefilter,
#first-column,
.abaco-overlay-filters-menu {
    scrollbar-width: thin;
    scrollbar-color: #c3c3c3 transparent;
   /* filter: brightness(90%);*/
    padding-left:0;
    padding-right:0;
    padding-top: 0px; 
   -webkit-overflow-scrolling: touch;
    overflow-y: auto;
    overflow-x: hidden;

}
 
/* Works on Chrome, Edge, and Safari */
#first-column::-webkit-scrollbar {
    width: 6px;

}

#first-column::-webkit-scrollbar-track {
    background: #c3c3c3;        /* color of the tracking area */
    /*filter: brightness(90%);*/
}

#first-column::-webkit-scrollbar-thumb{
    background-color: #999;    /* color of the scroll thumb */
    border-radius:5px;
}

/* Works on Chrome, Edge, and Safari */
.abaco-overlay-filters-menu::-webkit-scrollbar {
    width: 6px;

}

.abaco-overlay-filters-menu::-webkit-scrollbar-track {
    background: #c3c3c3;        /* color of the tracking area */
    /*filter: brightness(90%);*/
}

.abaco-overlay-filters-menu::-webkit-scrollbar-thumb{
    background-color: #999;    /* color of the scroll thumb */
    border-radius:5px;
}

.cursor-pointer{
    cursor:pointer;
}

.family-txt{
    margin-bottom:0;
    text-align:right;
    font-size:12px;
    text-decoration: underline;
    text-underline-position: under;
    margin-bottom: 2px;
    text-transform: uppercase;
    font-style: italic;
    letter-spacing: 0.06em;
}
.collection-pname{
    line-height: 1.5em;
    font-size:12px;
    text-transform: uppercase;
    margin-top:3px;
    padding-left:3px;
    padding-right:3px;
    margin-bottom:0;
}
.collection-pname-preview{
    margin-bottom: 0;
    line-height: 1.5em;
    text-align:center;
    font-size:12px;
    margin-top:0px;
    text-transform:uppercase;
    padding-left:10px;
    padding-right:10px;
  
}
.fam-menu-list-row .row-box  .img-thumb{
    max-width:173px;
    margin:0 auto;
}

.tipology-menu-list-row{
    margin:0;
}

.tipology-menu-text-row-title{
    display: inline-flex;
    text-transform: uppercase;
    align-items: center;
    padding: 0;

}
.tipology-menu-text-row-title > label{
    margin-bottom: 0;
    display: inline-flex;
    font-size: 13px;
    word-break: keep-all;
    cursor: pointer;
    margin-left:10px;
    
}

.shape-menu-list-row,
.conf-menu-list-row,
.optional-menu-list-row,
.general-menu-list-row,
.menu-list-row {
    cursor: pointer;
    margin: 0px;
}

.general-menu-list-row{
    font-size:15px;
    letter-spacing:0.06em;
}

.conf-menu-list-row-optional {
    margin: 5px 0px;
}

.div-slider {
    margin-top: 30px;
}

.slider-2 {
    margin-top: 70px;
}

#slider2 {
    margin-top: 50px;
}

.slider-single-value {
    margin-top: 4px;
}

.text-attribute {
    font-size: 16px;
}

.row-box {
    display: inline-flex;
    width: 100%;
  
}

.txtnotice,
.longtxtnotice{
    padding-left:5px;
    padding-right:0;
    height:20px;
    font-size: 10px;
    line-height: 1.0em;
    letter-spacing:0.01em;
}

.longtxtnotice{
    margin-bottom:2px;
}

.modal-body-notice{
    padding-left: 1rem;
    padding-bottom: 0;
    padding-top: 0;
}

#read_more,
.read_long_text_notice{
    text-transform:uppercase;
    text-decoration: underline;
    cursor:pointer;
}
.information{
    font-size:14px;
}

/* VARIE */

.inline {
    display: inline-flex;
}

hr {
    margin-top: 0px;
    margin-bottom: 0px;
}

.margin-top-1 {
    margin-top: 10px !important;
}

.margin-top-2 {
    margin-top: 20px !important;
}

.margin-top-3 {
    margin-top: 30px !important;
}

.margin-top-4 {
    margin-top: 40px !important;
}

.margin-bottom-1 {
    margin-bottom: 10px !important;
}

.margin-bottom-2 {
    margin-bottom: 20px !important;
}

.margin-bottom-3 {
    margin-bottom: 30px !important;
}

.margin-bottom-4 {
    margin-bottom: 40px !important;
}

.sfycolor {
    color: #ff5a4e;
}

/*END VARIE*/

#button_footer>div>p {
    color: #969996;
    font-weight: 600;
}

#button_footer>div>img {
    width: 32px;
    height: 32px;
}

.canvas-product {
    /*border: solid;
    border-width: 1px;*/
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.slider {
    width: 100% !important;
}

.slider.slider-horizontal > .round{
    height:100%;
}

.slider-tick.round{
    height:14px;
}

.back-btn>div>i {
    display: table-cell;
    width: 30px;
    height: 33px;
    transform: rotateZ(180deg);
    margin: 0;
}

.back-btn {
    cursor: pointer;
    display: table-cell;
    vertical-align: middle;
    left:0px;
    z-index:10;
    margin-top: 15px;
    padding:5px;
    font-size:13px;
}

#show_more_customer{
    padding-left:2px;
}

.wmenu-back-btn{
    padding-top: 6px;
    padding-left: 2px;
    cursor: pointer;
    display: table-cell;
    vertical-align: middle;
    z-index:10;
}

.wmenu-back-btn > label{
    padding:2px;
    font-size:10px;
}

.text-back{
    display: table-cell;
    cursor:pointer;
    margin-bottom:0;
    font-size: 13px;
    height:12px;
}

.padding-r-15{
    padding-right:15px;
}

.back-btn.disabled,
.wmenu-back-btn.disabled{
    /*color: #cccccc;
    cursor: default;*/
    display: none;
}

.left-menu-btn>div>i {
    font-size: 30px;
}

.left-menu-btn {
    color: #4e4e4e;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.subtitle {
    /*margin-left: 10px;*/
    width: 100%;
    text-align: center;
   
}

.head-left-menu {
    /*display: inline-flex;*/
    width: 100%;
    display: inline-table;
    padding-top:0;
}

.p-top-0{
    padding-top:0 !important;
}

.itemlabel {
    display: inline-flex;
    color: #999;
    /* color: #696969; */
    font-weight: bold;
    line-height: 30px;
    padding: 5px 0;
    width: 100%;
}

.macromodule-title{
    font-style:italic;
    text-decoration:underline;
    font-size:14px;
}

.left-hr {
    border-left: 1px solid #CBCBCB;
}

.right-hr {
    border-right: 1px solid #CBCBCB;
}

.top-hr {
    border-top: 1px solid #CBCBCB;
}

.bottom-hr {
    border-bottom: 1px solid #CBCBCB;
}

ul {
    padding-left: 10px;
}

.menu_button_plus {
    top: -5px;
    position: relative;
}

.all_submenu {
    margin-top: 10px;
}


.btn:hover,
.btn:focus,
.btn:active,
.btn:active.focus,
.btn:active:focus,
.btn {
    border-radius: unset;
    /*font-size:0.875rem;*/
    box-shadow:none;
    letter-spacing: 0.1em;
}

.btn.abaco-button:hover, 
.btn.abaco-button:hover:focus, 
.btn.abaco-button:active, 
.btn.abaco-button:active.focus, 
.btn.abaco-button:active:focus, 
.btn.abaco.button{
   
    font-size: 12px;
}

.btn.btn-lg.btn-sfycolor {
    padding: 6px 12px;
    font-size: 14px;
}
.btn-group-lg>.btn, .btn-lg{
    padding: 6px 12px;
    font-size: 14px;
}

.btn.btn-sfy {
    background-color: #b9b9b9;
    color: #ffffff;
    font-weight: 100;
    font-size: 15px;
}

.btn_addOffer{
    width: auto;
    padding: 5px 10px;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    border: none;
    text-transform: uppercase;
}

.btn_saveConfiguration{
  /* border:3px solid #ff5a4e;*/
    height:35px;
}

#save_changes_to_project{
    text-transform:uppercase;
}




.btn_addOffer:focus,
.btn_addOffer:active,
.btn_addOffer:hover,
.btn_addOffer:hover:focus,
.btn_addOffer:active.focus,
.btn_addOffer:active:focus{
    width: auto;
    padding: 5px 10px;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    border: none;
}

.moovement-div {
    width: 420px;
    z-index: 1;
}

.moovement-div > .moovement-body > p {
    text-align: center;
}

.moovement-div > .moovement-body > h4 {
    text-align: center;
    font-weight: 600;
}

.moovement-div>.moovement-body {
    background-color: #ffffff;
    /* opacity: 0.85; */
    padding: 10px;
    /* border: 3px solid #ff5a4e; */
    -webkit-box-shadow: 4px 4px 5px 0px rgba(123, 123, 123, 0.25);
    -moz-box-shadow: 4px 4px 5px 0px rgba(123, 123, 123, 0.25);
    box-shadow: 4px 4px 5px 0px rgba(123, 123, 123, 0.25);
}


.moovement-div>.moovement-image {
    position: relative;
    top: -4px;
    height: 31.38px;
}

hr {
    border-top: 1px solid #CBCBCB;
}

.row.equal {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    margin-left: 0px;
    margin-right: 0px;
    /*height: 100%;*/
}

.center-block{
    margin-left:auto;
    margin-right:auto;
    display:block;
}

#remove_text{
  /*  height: 21px;
    bottom: -2px;
    position: relative;
    border-bottom: 1px solid #cbcbcb;
    border-radius:0;
    margin-top: -10px;
    font-size: 14px;*/
    font-size: 13px;
    position: absolute;
    right: 15px;
    padding-bottom: 12px;
    margin-left: auto;
    margin-right: auto;
}

#remove_search{
    font-size: 15px;
    position: absolute;
    right: 60px;
    margin-left: auto;
    margin-right: auto;
}

#mw_remove_search{
    font-size: 15px;
    right: 60px;
    margin-left: auto;
    margin-right: auto;
}

.label_general_search{
    font-size:12px;
    margin-top:10px;
}



.filterAllFinishes{
    font-size: 15px;
    position: absolute;
    right: 35px;
    margin-left: auto;
    margin-right: auto;
}

.mw_filterAllFinishes{
    font-size: 15px;
    right: 35px;
    
    margin-left: auto;
    margin-right: auto;

}
    

.setConfiguration {
    border: none;
    border-radius: 50%;
    font-size: 11px;
    color: #333;
    text-align:center;
}

.img-thumbnail{
    background:transparent;
}

/*.img-composition.fixed-composition-top{
    margin-top:-50px;
}*/


.img-thumbnail .caption {
 
    text-align: center;
}

.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

/*MAIL MODAL*/

.md-login {
    width: 500px;
} 


.thumbnail.abaco,
.thumbnail-filter{
    margin-bottom:15px;
}

.thumbnail.abaco>img,
.thumbnail-filter > img {
    width: 95px;
    vertical-align: middle;
    margin: 0 auto;
    padding-left:10px;
    padding-right:10px;
}

.thumbnail.abaco.general>img{
    width: 95px;
    vertical-align: middle;
    margin: 0 auto;
    padding-left:10px;
    padding-right:10px;
}

.abaco-compname{
    padding-left:30px;
    font-size:30px;
    font-weight:900;
    letter-spacing: 0.03em;
}

.abaco-compname_mb{
    padding-left:15px;
    font-size:16px;
    font-weight:900;
    color:#5f5f5f;
    letter-spacing: 0.03em;
}

.abaco-reset-filters,
.abaco-reset-filters-mb{
    letter-spacing: 0.03em;
    width: fit-content;
    padding: 6px;
    text-transform: uppercase;
    margin-bottom: 0;
    font-size: 14px;
    margin-left:15px;
    cursor:pointer;

}

.abaco-reset-filters-mb{
    margin-bottom:1rem;
}

.label-filter-name{
    font-size:13px;
    letter-spacing:0.02em;
    padding-left:15px;
    width:90%;

}

.section-filters{
    padding-left:15px;
    padding-right:5px;
    margin-top:50px;
}

.cd-panel-container{
    margin-top:20px;
}

.abaco-pc {
    font-weight: 600;
    font-size: 15px;
    display: inline-block;
    margin-top: 0;
    margin-bottom: 5px;
  
}

.abaco-fixedcomposition {
    font-weight: 600;
    font-size: 15px;
    margin-top: 0;
    margin-bottom: 5px;
    text-transform:uppercase;
  
}

.column-abaco{
    display:inline-block;
    max-width:320px;
    position:relative;
 /*   border-image: linear-gradient(transparent 10%, #cecece 10% 90%, transparent 90%) 0 0 0 9 / 1px;
    border-left:1px solid #cecece;*/
   /* border-bottom:1px solid #cecece;*/
   /* border-left:1px solid #cecece;*/

   
    
}

.column-abaco.large{
    max-width:420px;
}

.custom-border-abaco:after {
    content: " ";
    position: absolute;
    top: 8px;
    left: 0;
    height: 30px;
    margin-top: auto;
    margin-bottom: auto;
}

.custom-border-abaco-modified:after {
    content: " ";
    position: absolute;
    top: 8px;
    left: 0;
    height: 30px;
    margin-top: auto;
    margin-bottom: auto;
}

.column-filter{
    margin-right:15px;
    max-width:320px;
    display: inline-flex;
    justify-content: center;
    align-items: center;

}

.column-fixed-composition{
    display:inline-flex;
    max-width:400px;
    min-width:270px;
}

.abaco-caption{
    display:inline-block;
    vertical-align: middle;
    min-width:146px;
    margin-right:5px;
    
}

.filter-caption{
    display:inline-block;
    vertical-align: middle;
    min-width:146px;
    
}

.filter-caption > p{
    margin-bottom:0;
}


.modal-backdrop{
    background-color:transparent;
}


.abaco-caption-composition{
    vertical-align: middle;
    font-size:16px;
    font-weight:600;
    text-align:center;
    height: 16px;
   
    
}

.title-category-abaco{
    font-size:20px;
    text-transform:uppercase;
    letter-spacing:0.06em;
    font-weight:800;
    margin-right:50px;
    font-style:italic;
   
}

.title-fixed_composition{
    font-size:20px;
    text-transform:uppercase;
    letter-spacing:0.06em;
    font-weight:800;
    font-style:italic;
   /* margin-bottom:60px;*/
    font-style:italic;
    margin-right:5px;
}

.subtitle-abaco{
    font-size:13px;
    text-transform:uppercase;
    letter-spacing:0.01em;
    font-weight:600;
    margin-left:10px;
    margin-right:10px;
    text-align:left;
    margin-bottom:10px;
    text-decoration:underline;
    text-underline-position: under;
    height:30px;
   
}



div.title-category-abaco:not(:first-child){
    margin-top:20px;
}


.subtitle-abaco{
    margin-top:8px;
    margin-bottom:5px;
    

}

.modal-lg-padding{
    padding-top:10px;
    padding-bottom:10px;
    margin-left:10px;
    margin-right:10px;
}

@media (min-width: 1190px){
    .alert-content{
        width:50% !important;
       
    }
    .alert-content  label{
        line-height: 1.2;
    }
}


@media (min-width: 1200px){
    .modal-lg-padding{
        margin-top:10px;
        margin-bottom:10px;
        margin-left:50px;
        margin-right:50px;
    }

}

/*@media screen and (max-width: 500px) and (orientation : portrait){
    .modal-lg-padding{
        top:40px;
    }
}*/

@media (min-width: 992px){

    .col-lg-3.column-abaco {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width:315px;
    }

    .column-abaco{
        min-width:270px;
    }

    .column-abaco.medium{
        min-width:120px;
    }

    .column-abaco.large{
        min-width:300px;
    }

}

/*.thumbnail.abaco>.caption>p {
    margin-bottom: 10px;
}*/


.initial-menu>img {
    width: 340px;
    cursor: pointer;
}

html.ua-mobile .initial-menu>img {
    width: 160px;
    cursor: pointer;
}

.col-lg-6.initial{
    margin-top: 10px;
}

.initial-menu-label {
    padding-top: 30px;
    font-weight: 700;
    font-size: 14px;
    font-family:"latoregular";
    text-align: center;
}

.btn.btn-sfycolor{
    font-size: 0.875rem;
}

.header-abacus-mb{
    display:inline-flex;
    align-items:center;
}

[name='load-all']{
    position: relative;
   /* right: 20px;*/
    margin-top: 0px;
    padding: 5px 12px;
    font-size:12px;
    text-transform: uppercase;
}

[name='load-all-mb']{
    text-transform: uppercase;
    font-size:12px;
}

.modal-email-title {
    width: 100%;
    text-align: center;
    display: block;
    font-size:18px;
    font-family:'latoregular';
    /*font-weight:600;*/
}

.abaco-checkbox{
    margin-top:-10px;
    position:absolute;
    margin-left:9px;
}
.checkbox{
    width: 27px !important;
    padding: 5px;
}

.checkbox-abaco{
    width: 25px !important;
    padding: 5px !important;
}

#share {
    text-align: center;
}

.form-control {
    border-radius: unset;
}

.form-control:focus{
    border-color:none;
    box-shadow:none;

}

.form-inline.form-email {
    text-align: center;
}

/* MODAL LOGIN */

/* BOOTSTRAP MODAL OVERRIDE*/
.modal {
    text-align: center;
}

.modal-title.abaco {
    font-weight: 600;
    margin:0 auto;
    margin-bottom:15px;
    display:none;
}

.modal-lg.abaco {
    width:900px;
}

.modal-footer-abaco{
    /*padding:10px;*/
    margin:0 auto;
    text-align:center;
}

.clickable label{
    cursor: inherit;
}

.clickable {
    cursor: pointer;
}


.modal-header .close.abaco {
    float: none;
    right: 9px;
    top: 0px;
    position: absolute;
    font-size: 2.0rem;
    z-index:15;
}

#modal{
    -webkit-overflow-scrolling: touch;
}

.modal-dialog {
    /*display: inline-block;*/
    text-align: left;
  /*  vertical-align: middle;*/
}

.modal-header {
    border-bottom: none;
  
}

.modal-content {
    /*box-shadow: none;*/
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    border: none;
    border-radius: 0%;
    
}

.sweet-alert{
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8) !important;
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8) !important;
    box-shadow:0 0 20px rgba(0,0,0,0.8) !important;

}

.modal-footer {
    text-align: center;
    margin:0 auto;
    border-top: none;
}

.btn-xs {
    letter-spacing: 1px;
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
  /*  border-radius: 3px; */
    margin-bottom:10px;
}

/*LINK SOCIAL JS*/
.jssocials-share-link {
    border: none !important;
}

.jssocials-share-link:hover {
    border: none !important;
    color: #000 !important;
}

.jssocials-share-link:active {
    border: none !important;
}

.jssocials-share-logo {
    font-size: 1.8em !important;
}

.jssocials-share-twitter  a img{
    background: #acacac;
}
.jssocials-share-twitter  a img:hover{
    background: #000;
}

/*LINK WECHAT */





.icon_wechat{
    color:#acacac;
    font-size:27px;
    padding-top: 14px;

}

.icon_wechat:hover{
    color:#212529;
}


/* TENDINE */
.item-search,
.item-generalsearch {    
    width: 100%;
    margin-bottom: 5px;
    border: 0px;
    border-radius:0;
    background:transparent;
    font-size: 0.7rem;
}



.newconv_ai{
    line-height: 2.0;
    margin-left: 5px;
    color: #212529;
    font-size:12px;
    
}   

.image_generate{
    width:100%;
    max-width:900px;
}

.suggest.green,
.bg-green {
    background-color: #006400;
}

.suggest.orange,
.bg-orange {
    background-color: #ff8c00;
}

.suggest.blue,
.bg-blue {
    background-color: #246195;
}

.green{
    color:#006400;
}

.orange{
    color:#ff8c00;
}
.suggest{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 13px;
    height: 13px;
 /*  border-radius: 100%; */
    z-index:2;
}
.image_no_3d{
    position: absolute;
    top: 0px;
    left: 16px;
    width: 16px;
    height: 16px;
 /*  border-radius: 100%; */
    z-index:2;
    
}

.image_ct{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 18px;
    height: 18px;
 /*  border-radius: 100%; */
    z-index:2;
    
}

.container-thumbnail.selected > div.img-thumbnail.setConfiguration > div > img.image_no3d{
    border:none !important;
}
.text-general{
    font-size:11px;
    color:#333;
    margin-bottom:0;

}
.not_standard_multiple{
    bottom: 18px;
    position: absolute;
    right: 17px;
    width: 18px;
    height: 18px;
    z-index: 4;


}

.standard_type{
    bottom: 6px;
    position: absolute;
    right: 7px;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    z-index: 2;
    border:2px solid #FFF;
}

.standard_multiple_2 {
    bottom: 6px;
    position: absolute;
    right: 5px;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    z-index: 2;
    border: 2px solid #FFF
}
.standard_multiple_1{
    bottom: 13px;
    position: absolute;
    right: 12px;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    z-index: 2;
    border: 2px solid #FFF;
}

.standard_type.blue,
.standard_multiple_2.blue {
    background-color: #246195;
}

.standard_type.yellow,
.standard_multiple_1.yellow {
    background-color: #d27c25;
}

.legend_standardType.blue,
.popup_legend_standardType.blue{
    background-color: #246195; 
}

.legend_standardType.yellow,
.popup_legend_standardType.yellow{
    background-color: #d27c25;
}

.popup_legend_standardType.green{
    background-color: #006400;
}

.popup_legend_standardType.orange{
    background-color: #ff8c00;
}

.popup_legend_standardType.text.green{
    color: #006400; 
    background:transparent;
}

.popup_legend_standardType.text.orange{
    color: #ff8c00; 
    background:transparent;
}

.legend_standardType.text{
    font-size:10px;
    word-wrap: break-word;
    margin-bottom:0px;
    line-height: 1.2em;
}

.popup-div-legend{
    height: 25px;
}

.popup_legend_standardType.text{
    font-size:14px;
    word-wrap: break-word;
    padding-left:10px;
    margin-bottom:0;
    display:inline-flex;
    text-transform:capitalize;
}

.legend_standardType.text.blue,
.popup_legend_standardType.text.blue{
    color: #246195; 
    background:transparent;
}
.legend_standardType.text.yellow,
.popup_legend_standardType.text.yellow{
    color: #d27c25;
    background:transparent;
}

.legend-thumb{
    border-radius: 100%;
    width: 9px;
    height: 9px;
    display: inline-flex;
    align-items: center;
    margin-left: 10px;
}

.legend-thumb-rect{
    width: 9px;
    height: 9px;
    display: inline-flex;
    align-items: center;
    margin-left: 10px;
}



.show_finishlegend{
    font-size:12px;
    margin-bottom:10px;
    padding-left:0;
    text-decoration:underline;
    text-underline-position:under;
    cursor:pointer;
}

#mb_legend{
    padding-left:0;
    text-align:right;
}

.container-thumbnail {
    padding-left: 3px;
    padding-right: 3px;
}

#canvas_container {
    position: relative;
}

#canvas_container::before {
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    bottom:0;
    right:0;
    margin:auto;
    position: absolute;
    z-index: -1;
}

#canvas_container.vr{
    position: fixed!important;
    top: 0;
    width: 100%!important;
    height: 100%!important;
    z-index: 1000;
}

.background_plugin {
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
}

.button {
    cursor: pointer;
}

.finish-round{
    border-radius:100%;
}

button {
    margin-left: 5px;
    margin-right: 5px;
}

.form-group.search {
    /*width: calc(100% - 11px);*/
    width:100%;
    margin-bottom:0;
    margin-top:10px;
}

.form-group.search.wide {
    /*width: calc(100% - 11px);*/
    width:90%;
    margin-bottom:0;
    margin-top:10px;
}

.input_style_form_contact{
    font-size:14px;
}

.btn_change_conf_module{
    margin-bottom: 0;
    width: fit-content;
    /* padding-left: 5px; */
    /* padding-right: 5px; */
    /* padding-top: 7px; */
    padding: 5px;
    cursor:pointer;
    letter-spacing:0.06em;
    line-height: 1.3em;
    font-size:13px;
    text-decoration: underline;
    text-underline-position: under;
    font-weight: 900;
}


@keyframes blink {
    0%, 49% {
      opacity: 1;
    }
    50%, 100% {
      opacity: 0.8;
    }
  }
  
  .blinking-text {
    animation: blink 2s 2; 
  }


.padding-bottom-10{
    padding-bottom:10px;
}

.section-filters > form-group{
    margin-bottom:10px;
}



.container-thumbnail.selected>div.img-thumbnail>div.caption>p.pItem {
    font-weight: 600;
    font-size:11px;
    text-decoration: underline;
    text-underline-position: under;
    line-height: 1.5;

}


.img-thumbnail .caption{
    padding-top: 5px;
    padding-bottom: 0px;
    text-align: center;
    line-height:1.0;
}

.caption-group{
    text-align:center;
    margin-bottom: 5px;

}

.groupcode{
    font-weight:500;
    font-size:12px;
    text-transform:uppercase;
    margin-bottom: 5px;
}

.groupname{
    font-weight:500;
    font-size:11px;
    text-transform:uppercase;
    margin-bottom: 5px;
    padding-left:1px;
    padding-right:1px;
}

.tipologycode{
    font-size:11px;
    text-transform:uppercase;
    margin-bottom: 5px;
}


/* DROPUP */

.dropbtn {
    color: #8e8e8e;
    background-color: transparent;
    font-size: 14px;
    font-weight: 900;
    border: none;
    clear: both;
    float: right;

}

.dropbtn>i {
    cursor:pointer;
    font-size: 24px;
    top: 5px;
}

.dropup {
    /*display: table-cell;
    float:right;
    width: 100%;*/
    opacity: 0.95;
    
}

.dropup-content.afterFadeOut {
    transition-delay: 2s;
    display: none;
  }

.dropup-content {
    -webkit-animation: fadeOut 5s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadeOut 5s; /* Firefox < 16 */
    -ms-animation: fadeOut 5s; /* Internet Explorer */
    -o-animation: fadeOut 5s; /* Opera < 12.1 */
    animation: fadeOut 5s;
    position: absolute;
    /*min-width: 260px;*/
    min-width:100%;
    top: 0px;
    right: 0px;
    /*z-index: 1;*/
    max-width:100%;
    height: 100vh;
    left: 10px;

}

.dropup-content a {
    font-weight: 100;
    width: 100%;
    padding: 4px 4px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    margin: 0 auto;

}


.dropup-content a:hover {
    /*background-color: #DCDCDC*/
    font-weight:600;
}
.dropup:hover{
     z-index: 10;
}
.dropup:hover .dropup-content.afterFadeOut {
    display: block;
    /*opacity:1;*/
    -webkit-animation: fadein 500ms; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 500ms; /* Firefox < 16 */
    -ms-animation: fadein 500ms; /* Internet Explorer */
    -o-animation: fadein 500ms; /* Opera < 12.1 */
    animation: fadein 500ms;
   
}

 
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
    
/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes fadeOut {
    0% { opacity: 1;}
    100% { opacity: 0;}
}
    
/* Firefox < 16 */
@-moz-keyframes fadeOut {
    0% { opacity: 1;}
    100% { opacity: 0;}
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadeOut {
    0% { opacity: 1;}
    100% { opacity: 0;}
}

/* Internet Explorer */
@-ms-keyframes fadeOut {
    0% { opacity: 1;}
    100% { opacity: 0;}
}

/* Opera < 12.1 */
@-o-keyframes fadeOut {
    0% { opacity: 1;}
    100% { opacity: 0;}
}
/*.dropup > button:hover .dropup-content {
    display: block;
}*/


.dropup-content a>p {
    /*padding-left: 13px;*/
    margin: 0px;
    margin-top: 10px;
    display: inline-block;
}

.dropup-content a>img {
    width: 40px;
    height: 40px;
}

.menu-line-separator{
    width:70%;
}

.menu-lineblu-separator{
    width:70%;

}

.mlb-mtop{
    margin-top:50px;
}

.dropup-content a>p.dl-name{
    color:#364A63;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top:0;
}

.title-menu-dropmenu{
    margin-top:10px;
    font-weight:600;
    text-align:center;
}

.close-menu{
    border-radius: 50%;
    position: absolute;
   /* right: 17px; */
    left:17px;
    top: 5px;
    cursor:pointer;
}

html.ua-mobile .close-menu{
  /*  right: 30px; */
    top:0px;
}

.icon-dblink-arrow{
    background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIxNy43NXB4IiBoZWlnaHQ9IjQwLjYyNXB4IiB2aWV3Qm94PSIwIDAgMTcuNzUgNDAuNjI1IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNy43NSA0MC42MjUiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cG9seWxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMzY0QTYzIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IgoJNi4wOTYsMTAuNzk3IDE1LjEzMSwyMC4zMTIgNi4wOTYsMjkuODI4ICIvPgo8L3N2Zz4K');
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 15%;
    margin-top: 2px;
}

/*.btn_modsingle_multiple{
    position:absolute;
    height:40px;
    padding-left:0;
    width:96%;
    padding-top:7px;
    z-index:1;
}*/

.main-container-progress-bar{
    position:absolute;
    width:100%;
    top:0;
    left:0;
    bottom:0;
    right:0;
    margin:0 auto;
    z-index:1060;
    display: flex; 
    justify-content: center; 
    align-items: center;
   
}
.loading_configurations_sofa{
    position:absolute;
    width:100%;
    top:0;
    left:0;
    bottom:0;
    right:0;
    margin:0 auto;
    z-index:1060;
    display: flex; 
    justify-content: center; 
    align-items: center;
       
    
}

.container-progress-bar-sofa{
    position:absolute;
    width:100%;
    max-width: 350px;
    top:50%;
    left:0;
    bottom:0;
    right:0;
    margin:0 auto;
    height:30px;
    z-index:1061;

}
.container-progress-bar{
    position:absolute;
    width:100%;
    max-width: 350px;
    top:50%;
    left:0;
    bottom:0;
    right:0;
    margin:0 auto;
    height:30px;
    z-index:1061;
   
}
.distance-title-material{
    /*margin-top:80px;*/
    font-size:14px;
    font-weight:600;
    letter-spacing:0.06em;
    padding-left:0;
    text-underline-position:under;
    line-height: 1.5;
}

.materials_found,
.options_found{
    letter-spacing: 0.06em;
    font-size:12px;
    margin-bottom:10px;

}
.distance{
    margin-top:80px;
}

.padding-left-0{
    padding-left:0;
   
}

.number_items{
    margin-left:5px;
    font-size:13px;
}
.manage_change_material{
    position:absolute;
    left:0;
    top:15px;
    z-index:20;
}

.text-conf-group{
    padding-top:20px;
    font-size:13px;
    margin-bottom:0;
    letter-spacing: 0.08em;
    cursor:pointer;
}

#single_element{
    padding-top:8px;
    margin-bottom:0;
}
.sweet-alert{
    border-radius:0 !important;
}

.btn_modal_textAI_send{
    text-align: center;
    margin: 0 auto;

}

/* DROPUP END */

.footer-div,
.d-i-flex {
    display: inline-flex;
}

.footer-div>div {
    width: 9px;
    height: 9px;
    margin-left: 5px;
    margin-top: 6px;
}

.footer-div>div.legend_standardType{
    border-radius:100%;
}

.footer-div>p {
    margin-left: 5px;
    margin-top: 3px;
}


.footer-div>div.legend_standardT {
    width: 9px;
    height: 9px;
    margin-left: 0px;
    margin-top: 5px;
}


.footer-div>p.legenda{
    font-size:12px;
    text-transform: capitalize;
    word-break: break-word;

}


/* The container */
.container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
}

/* On mouse-over, add a grey background color */
.container:hover input~.checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked~.checkmark {
    background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.container input:checked~.checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.category-conf-list-row,
.more-menu-item {
    cursor: pointer;
}

.pac-container {
    z-index: 1051;
}

.modal-xl {
    width: 97%;
}

.modal-xl.modal-xl-max {
    max-width: 1600px;
}

.button-login {
    text-decoration: underline;
    text-underline-position: under;
    cursor: pointer;
    margin-bottom:8px;
    font-size:14px;

}

p.text-muted{
    font-size:14px;
    padding-top:15px;
    
}

.carousel-item{
    cursor:pointer;
}
.carousel-caption{
    position:relative;
    left:0;
    padding:0;
}

.carousel-caption > h3{
    color:#333;
}

.carousel-control-next-icon, 
.carousel-control-prev-icon{
    height:50px !important;
    width:50px !important;
}

.carousel-caption{
    bottom:0;
}

.carousel-indicators li {
    bottom:-50px;
    background-color: #8e8e8e;
}

.carousel-indicators .active {
    background-color: #ff5a4e;
}

 
.rotate-180 {
    transform: rotate(180deg);
}
.form-contact > .form-group{
    margin-bottom:10px;
}
.modal-title {
    text-align: center;
    margin:0 auto;
    font-size: 16px;
    letter-spacing:0.06em;
}

.download-namecustomer
{
    font-size:18px;
    font-family:'latoregular';
   
}

.download-productname{
    font-size:17px;
    font-family:'latolight';
}

/*label[for='checkbox_']{
    width: 90%;
}*/

div.text {
    width: 95%;
    text-align: left;
  
  padding-top:1rem;
  padding-left:28px;
}

div.text>span {
    font-weight: 700;
    color: #ff5a4e;
}

#label_location,
.label_storeselected{
    font-weight:700;
    font-size:14px;
    color:#6f7179;
}

#address::-webkit-input-placeholder
{
   color:#999;
   font-size:0.875rem; /* 14px */
}


#address::-moz-placeholder{
    color:#999;
    font-size:0.875rem; /* 14px */
}

#address:-moz-placeholder{
    color:#999;
    font-size:0.875rem; /* 14px */
}

#address:-ms-input-placeholder {  
    color:#999;
    font-size:0.875rem; /* 14px */
}

#address:focus{
    border:1px solid #ff5a4e;
    box-shadow:none;
}

#modulo_prenotazioni{
    font-size:0.875rem; /* 14px */
}


.form-control.usertypeselect:focus,
#nationcustomer:focus{
    border:1px solid #ff5a4e; 
}
.form-control.usertypeselect,
#nationcustomer{
    font-size: 0.75rem;
}

.usertypeselect option{
    font-size: 0.75rem;

}

.input-contattarivenditore>input,
.input-contattarivenditore>select {
    margin-bottom: 10px;
}


.input-contattarivenditore>input:focus {
    border:1px solid #ff5a4e;
    box-shadow:none;
}


.input-contattarivenditore>textarea:focus {
    border:1px solid #ff5a4e;
    box-shadow:none;
}

.input-contattarivenditore>input::-webkit-input-placeholder,
.input-contattarivenditore>textarea::-webkit-input-placeholder{
    color:#999;
    font-size:0.75rem; /* 14px */
}


.input-contattarivenditore>input::-moz-placeholder,
.input-contattarivenditore>textarea::-moz-placeholder{
    color:#999;
    font-size:0.75rem; /* 12px */
}

.input-contattarivenditore>textarea::-moz-placeholder{
    color:#999;
    font-size:0.75rem; /* 12px */
}

.input-contattarivenditore>input:-moz-placeholder,
.input-contattarivenditore>textarea:-moz-placeholder{
    color:#999;
    font-size:0.75rem; /* 12px */
}

.input-contattarivenditore>input:-ms-input-placeholder,
.input-contattarivenditore>textarea:-ms-input-placeholder {  
    color:#999;
    font-size:0.75rem; /* 12px */
}

#submit_form{
    font-size:0.875rem; /* 14px */
}

.modal-header .close {
    position: absolute !important;
  /*  margin-top: -2px !important;*/
    right: 10px !important;
    top:0px;
}

.padding-bottom-0{
    padding-bottom:0;
}

.labeloption {
    margin-bottom: 14px;
    font-weight:700;
}

.consenso-title {
    font-weight: 700;
    margin-top: 10px;
    font-size:0.875rem; /* 14px */
}

.consenso-subtitle {
    margin-top: 10px;
    /*font-size:0.875rem; /* 14px */
    font-size:12px;
    text-align:left;
}

#btn_top1,
#btn_top2,
#btn_360{
    width:30px;
}

.privacyg_container{
    margin-bottom:10px;
}

.form-check-2{
    display:flex;
    align-items:center;
    padding-left:20px;
}



.d-i-block{
    display: inline-block;
}

.privacy_form_contact{
    font-size: 10px;
    text-align: left;
    vertical-align: text-top;
    margin-left: 5px;
    line-height: 1.2em;
}

.privacy_form_contact_2{
    font-size: 11px;
    text-align: left;
    margin-left: 5px;
    line-height: 1.2em;
}

.modal-header-informative{
    padding-bottom:0;
}

.modal-header.modal-header-informative .close{
    position:absolute;
    right:0 !important;
    top:0 !important;
}

.modal-header.modal-header-informative .close > img{
    width:30px;
}

.modal-title-informative{
    font-size:13px;
    font-weight:600;
    padding-right: 25px;
}

.modal-body-informative{
    max-height:500px;
    overflow-y:auto;
    font-size:11px;
    padding-top:0;
}

.modal-body-informative > a {
    color:#000;
    text-decoration: underline;
}

.read_informative{
    cursor:pointer;
    color:#000;
    text-decoration:underline;
}
.read_informative:hover{
    color:#000;
}

p.privacy{ 
    font-size:12px;
    margin-bottom: 7px;
}
p.privacy > label{
    vertical-align:top;
    margin-top:3px;
    margin-bottom: 0;
    display: table-cell;
    line-height: 1.2em;
}

p.privacy>input {
    margin-right: 5px;
    display: table-cell;
}

#informativa .modal-body{
    font-size:14px;
}

#informativa .modal-footer button{
    font-size:14px;
}

#informativa_privacy{
    text-decoration: underline;
    cursor: pointer;
}

span.underline {
    text-decoration: underline;
    cursor: pointer;
}

.quality-div.selected {
    color: white;
    background-color: #ff5a4e;
}

.quality-div {
    font-size: 110px;
    text-align: center;
    border: 1px solid;
    width: 100%;
    cursor: pointer;
}

.col-lg-3>.thumbnail.abaco {
    cursor: pointer;
}

.row-offset-1 {
    width: 95%;
    position: relative;
    float: right;
    padding-left:45px;
}

.quality:hover {
    padding: 10px;
}

.quality {
    border: 4px solid transparent;
    padding: 10px;
    cursor: pointer;
}

.quality-title {
    padding-top: 20px;
}

.quality-stars {
    padding-bottom: 30px;
}

.quality-quality {
    padding-top: 30px;
}

.menu-text-label,
.wmenu-text-label{
    font-size:13px;
    letter-spacing:0.06em;
    margin-bottom:0;
    text-transform:uppercase;
    cursor:pointer;
    margin-left:10px;
}

.wmenu-text-label{
    text-decoration:underline;
    
}


html.ua-desktop .quality-description {
    padding: 20px 0px;
}

#modal_up {
    z-index: 1052;
}

#material_test {
    z-index: 1052;
}


.modal-backdrop:nth-of-type(1) {
    z-index: 1051;
}

.padding-top-10 {
    padding-top: 10px;
}

.project {
    margin-right: 15px;
}

.project img.img-responsive:hover {
    cursor: zoom-in;
}

/*.carousel-control {
    background-image: none !important;
    width: 5% !important;
    color: black !important;
    opacity: 1 !important;
}

.carousel-control>.glyphicon-chevron-right:before {
    content: "";
}

.carousel-control>.glyphicon-chevron-left:before {
    content: "";
}*/

.bookmarks_detail {
    color: #ff5a4e;
    padding: 3px;
    width: 100px;
    border: 1px solid #ff5a4e;
    border-right: none;
    text-transform: capitalize;
    cursor: pointer; 
    font-size:14px;   
}

.bookmarks_reconfigures{
    color: #ff5a4e;
    padding: 3px;
    width: 100px;
    border: 1px solid #ff5a4e;
    text-decoration: none;
    text-transform: capitalize;
    margin-left: -4px;
    font-size:14px;   
}
.bookmarks_reconfigures:hover, 
.bookmarks_detail:hover, 
.bookmarks_reconfigures:focus, 
.bookmarks_detail:focus{
    color: #FFF;
    background: #ff5a4e;
    text-decoration: none;
}

.headerModule {
    font-weight: bold;
    font-size: 16px;
    padding-top: 10px;
    margin-bottom: 5px;
}

.delete-bookmark {
    color: #ff5a4e;
    font-size: 20px;
    cursor:pointer;
}

.mini-thumbnail {
    width: 40px !important;
    height: 40px !important;
}

.onoffswitch .left {
    left:30px;
}

.onoffswitch.generic-arrow{
    margin-left:10px;
}

.info-button {
    position: relative;
    color: #ff5a4e;
    top: 7px;
    margin-left: 10px;
    font-size: 20px;
}

.m-top-25{
    margin-top:25px;
}

.popover {
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-transform:uppercase;
    word-wrap: break-word;
}

#search_abaco,
#search_abaco_mb {
    width: 250px;
    height:34px;
    margin-left: 15px;
}

div.thumbnail.abaco > .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle{
   /* background-color:#FFF !important;*/
    border-color:#b9b9b9 !important;
    box-shadow:none !important
}

#show_map_mb{
    text-align:right;
    text-decoration: underline;
    color:#6F7179;
    font-style:italic;
    font-size:11px;

}

.containerSearchList{
    overflow-y:auto;
    overflow-x:hidden;
    height:100%;
    max-height:350px;

}




#search_abaco::-webkit-input-placeholder
{
   color:#999;
   font-size:0.875rem; /* 14px */
}


#search_abaco::-moz-placeholder{
    color:#999;
    font-size:0.875rem; /* 14px */
}

#search_abaco:-moz-placeholder{
    color:#999;
    font-size:0.875rem; /* 14px */
}

#search_abaco:-ms-input-placeholder {  
    color:#999;
    font-size:0.875rem; /* 14px */
}

#search_abaco:focus{
   box-shadow:none;
}

#modal .modal-lg .modal-header{
    padding-left:0;
}

#menu_configurator {
    display: inline-block;
    
    /* padding-top: 11px; */
    position: absolute;
    /* float: right; */
    right: -7px;
    /* width: 33px; */
   
    /*top: 9px;*/
    top:5px;
    width:100%;
}



.heigth-footer{
    height:0px;
}

#close_conf{
    position: absolute;
    right: 10px;
    top: 10px;
    z-index:10;
    font-size: 22px;
    color: #7a7a7a;
}

#close_conf_mobile{
    position: absolute;
    right: 10px;
   /* top: 5px;*/
    top:40px;
    z-index: 10;
    font-size: 18px;
  
   
}

.info-icon{
   /* background-image: url('../image/info.svg');*/
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    /* background-size: contain; */
    background-size: 20px;
    margin-right:5px;
    
}

.info-button-single-module{
    /* background-image: url('../image/info.svg');*/
     width: 15px;
     height: 15px;
     background-repeat: no-repeat;
     /* background-size: contain; */
     background-size: 20px;
     margin-right:5px;
     
 }
.content-infoswitch{
    height:20px; /* stessa altezza di info-icon */
}
.info-switch-off{
    position: absolute;
    top: 29px;
    margin-right: 15px;
    left: 16px;
}

.box_width,
.box_depth,
.box_height,
.box_dm{
    margin-right:5px;
    font-size:14px;
}

.groupcode.bold,
.groupname.bold{
    font-weight:bold;
}

.collection-pname.bold{
    font-weight: 600;
}

.collection-pname-preview.pname{
    font-weight:bold;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.fam_box_width,
.fam_box_depth,
.fam_box_height,
.fam_box_dm{
    margin-right:5px;
    font-size:10px;
}

.fam_um{
    font-size:12px;
    margin-left:-3px;
    margin-bottom:0;
}

.m-right-3{
    margin-right:3px;
}

.fam_box_width > label,
.fam_box_depth > label,
.fam_box_height > label,
.fam_box_dm > label,
.fam_um > label{
    margin-bottom:0;
    line-height:1.2em;
    font-size:10px;
}

.m-left-40{
    margin-left:40px;
}

.m-left-50{
    margin-left:50px;
}

.m-left-5{
    margin-left:5px !important;
}
.m-left-10{
    margin-left:10px;
}

.m-right-10{
    margin-right:10px;
}
.m-right-5{
    margin-right:5px;
}

/* THUMB AND INFO OPTION */
.info{
    bottom: 5px;
    left: 0;
    width: 23px;
    height: 23px;
    border-radius: 100%;
    z-index: 2;
    text-align: center;
}

.info-icon-popover{
    background-color: transparent;
    border: none;
    box-shadow: none;
    background-image: url('../image/info_thumbnail.svg');
    width: 23px;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    cursor:pointer;
}

.info-product{
    word-break: break-all;
    width: auto;
    margin-bottom: 0;
    text-transform:uppercase;
}

.popover .arrow{
    display:none !important;
}
/*--END THUMB AND INFO OPTION ---*/

#sidebar_body {
    scrollbar-width: thin;
    scrollbar-color: #c3c3c3 transparent;
    /*filter: brightness(90%); */
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
    overflow-x: hidden;
   
}

#sidebar_body::-webkit-scrollbar {
    width: 6px;

}

#sidebar_body::-webkit-scrollbar-track {
    background: #c3c3c3;        /* color of the tracking area */
    /*filter: brightness(90%);*/
}

#sidebar_body::-webkit-scrollbar-thumb{
    background-color: #999;    /* color of the scroll thumb */
    border-radius:7px;
}

.pm-p-left-0{
    padding-left:0;
}

html.ua-safari.ua-mobile-ipad #sidebar_body{
  
    height: calc(100% - 255px);
    height: -webkit-calc(100% - 255px);

}

/* per app */
html.appios.ua-safari.ua-mobile-ipad #sidebar_body{
  
    height: 100%;
 
}
html.appios #menu_configurator {
    display: none;
}
html.ua-safari.ua-mobile-ipad #remove_text{

   /* height:28px;*/
    border-radius:0;
}

html.ua-safari.ua-mobile-iphone #remove_text{
    margin-top:-7px;
    /*margin-top:13px;*/
    border-radius:0;
    padding-bottom:0;
}

/*html.ua-safari.ua-mobile-iphone #sidebar_footer{
    margin-bottom:20px;
}*/


html.ua-mobile-iphone .text-row>h5{
    padding-left:0;
}


.btn-eq {
    width: 46%;
    font-weight: 200;
    letter-spacing: 1px;
    height: 30px;
    line-height: 0.5;
}

.btn-eq:hover,
.btn-eq:focus,
.btn-eq:active,
.btn-eq:active.focus,
.btn-eq:active:focus{
    color: #fff;
    background-color: #ff5a4e;
}

.div-button-divani{
    font-size: 12px;
    display: inline-block;
    height: 100%;
   /* margin-left: 5px;*/
    cursor: pointer;
    max-width: 90px;
}

.container-div-button-sofa{
    margin:0 auto;
    display:inline-block;
    padding-left:15px;
    padding-right:15px;
    padding-bottom:15px;
}

.img-div-button-divani{
    border-bottom:1px solid #000;
    height:58px;
    width:58px;
    
}

.div-button-request{
    font-size: 12px;
    display: inline-block;
    height: 100%;
   /* margin-left: 5px;*/
    cursor: pointer;
    max-width: 90px;
}

.img-div-button-request{
    border-bottom:1px solid #000;
    height:58px;
    width:58px;
    
}

.txt-button-divani{
    font-weight:600;
    letter-spacing: 0.06em;
    display:block;
    margin-top:5px;
    margin-bottom:5px;
    font-size:12px;
    text-transform:uppercase;
    cursor:pointer;
}

.txt-button-request{
    font-weight:600;
    letter-spacing: 0.06em;
    display:block;
    margin-top:5px;
    margin-bottom:5px;
    font-size:12px;
    text-transform:uppercase;
    cursor:pointer;
}

/* BLINCK ARROW */

@-moz-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
} 

@-webkit-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
/* IE */
@-ms-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
} 
/* Opera and prob css3 final iteration */
@keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
} 
.blink-image {
    -moz-animation: blink normal 2s infinite ease-in-out; /* Firefox */
    -webkit-animation: blink normal 2s infinite ease-in-out; /* Webkit */
    -ms-animation: blink normal 2s infinite ease-in-out; /* IE */
    animation: blink normal 2s infinite ease-in-out; /* Opera and prob css3 final iteration */
}

#arrow-selector{
    position: absolute;
    right: 20px;
    height:100px;
    width:100px;
}

.modal-dialog.download{
    width: auto!important;
}

.table-button-module{
    margin-bottom:0;
    margin-top:-20px;
}

.table.table-button-module td{
    border-top:none;
}


.table.table-button-module tr td{
    width:33%;
    padding:10px;
}


.box-measure-mobile{
    padding-top: 10px;
    margin-bottom: 5px;
    display:inline-block
}

.label-measure-mb{
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1.2;
    text-transform: uppercase;
    
}

.row-measure-mb{
    margin-left:0;
}

.box_width > label,
.box_depth > label,
.box_height > label{
    font-size:12px;
    margin-bottom:5px;
  
}

.measure-inch-optionals > label,
.measure-inch-optionals > label,
.measure-inch-optionals > label{
    font-size:10px !important;
    margin-bottom:5px;
}



/*.modal-content{
    width: calc(100% + 20px);
}*/


.input-group-text{
    border-radius: 0px;
}

.slider-tick-label-container{
    font-size: 0.7rem;
}

#floor{
    height: 40px;
}

.input-group-text{
    background-color: unset;
    border: none;
}
/* CUSTOM BOOTSTRAP SELECT */

input[type='checkbox'].inputcheck-abaco,
input[type='checkbox'].inputcheck-filter{
    display: none;
}


label.labelckabaco,
label.labelckfilter {
    display: block;
    position: relative;
    margin-left: 10px;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom:0;
}

label.labelckfilter::before,
label.labelckabaco::before{
    background-color: white;
    color: #fff;
    content: " ";
    display: block;
    border-radius: 100%;
    border: 1px solid grey;
    position: absolute;
    top: -2px;
    left: -3px;
    width: 27px;
    height: 27px;
    text-align: center;
    line-height: 22px;
    transition-duration: 0.4s;
    transform: scale(0);
    z-index:4;
}

label.labelckabaco.labelckfixedcomposition::before{
    left: 0px !important;
    line-height: 0 !important;
  
}
    
label.labelckabaco img,
label.labelckfilter img{
    width: 120px;
    transition-duration: 0.2s;
    transform-origin: 50% 50%;
    padding:5px;
}

label.labelckabaco.large img{
    width: 220px;
}

label.labelckabaco.medium img{
    width: 120px;
}


label.labelckabaco img.img-composition{
    transition-duration: 0.2s;
    transform-origin: 50% 50%;
    padding:0px;
   /*width:300px;*/
    width:200px;
}
    
.inputcheck-abaco:checked+label.labelckabaco,
.inputcheck-filter:checked+label.labelckfilter {
    border-color: #ddd;
}
    

.inputcheck-abaco:checked+label.labelckabaco img,
.inputcheck-filter:checked+label.labelckfilter img {
    transform: scale(0.9);
    box-shadow: 0 0 5px #333;
    z-index: -1;
}

.complist-title{
    font-weight:bold;
    font-size:14px;
   
}

.complist-dimensions{
    font-size:12px;
    margin-top:2px;
   
}

.comp-list-itemlabel{
    font-size:13px;
    text-transform: uppercase;
}

.comp-list-option{
    font-size:13px;
    text-transform:capitalize;
    margin-left:2px;
}

 
.inputcheck-abaco:checked+label.labelckabaco::before,
.inputcheck-filter:checked+label.labelckfilter::before{
    content:"";
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgaW5rc2NhcGU6dmVyc2lvbj0iMS4wICg0MDM1YTRmYjQ5LCAyMDIwLTA1LTAxKSIKICAgc29kaXBvZGk6ZG9jbmFtZT0iY2hlY2tfYWJhY28uc3ZnIgogICB4bWw6c3BhY2U9InByZXNlcnZlIgogICBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMCAzMCIKICAgdmlld0JveD0iMCAwIDMwIDMwIgogICBoZWlnaHQ9IjMwcHgiCiAgIHdpZHRoPSIzMHB4IgogICB5PSIwcHgiCiAgIHg9IjBweCIKICAgaWQ9IkxheWVyXzEiCiAgIHZlcnNpb249IjEuMSI+PG1ldGFkYXRhCiAgIGlkPSJtZXRhZGF0YTkiPjxyZGY6UkRGPjxjYzpXb3JrCiAgICAgICByZGY6YWJvdXQ9IiI+PGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+PGRjOnR5cGUKICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz48ZGM6dGl0bGU+PC9kYzp0aXRsZT48L2NjOldvcms+PC9yZGY6UkRGPjwvbWV0YWRhdGE+PGRlZnMKICAgaWQ9ImRlZnM3IiAvPjxzb2RpcG9kaTpuYW1lZHZpZXcKICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0iZzExNDUiCiAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjEiCiAgIGlua3NjYXBlOndpbmRvdy15PSItOCIKICAgaW5rc2NhcGU6d2luZG93LXg9IjE5MTIiCiAgIGlua3NjYXBlOmN5PSIxMy4wNTUxODciCiAgIGlua3NjYXBlOmN4PSIxMy4yMDY4MzYiCiAgIGlua3NjYXBlOnpvb209IjkuMjQzNjg1MiIKICAgc2hvd2dyaWQ9ImZhbHNlIgogICBpZD0ibmFtZWR2aWV3NSIKICAgaW5rc2NhcGU6d2luZG93LWhlaWdodD0iMTAxNyIKICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxOTIwIgogICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIgogICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMCIKICAgZ3VpZGV0b2xlcmFuY2U9IjEwIgogICBncmlkdG9sZXJhbmNlPSIxMCIKICAgb2JqZWN0dG9sZXJhbmNlPSIxMCIKICAgYm9yZGVyb3BhY2l0eT0iMSIKICAgYm9yZGVyY29sb3I9IiM2NjY2NjYiCiAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgaW5rc2NhcGU6ZG9jdW1lbnQtcm90YXRpb249IjAiCiAgIHNob3dndWlkZXM9InRydWUiCiAgIGlua3NjYXBlOmd1aWRlLWJib3g9InRydWUiIC8+Cgo8ZwogICBpZD0iZzExNDUiCiAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTQuNDY2Mzk0NSkiPjxwYXRoCiAgICAgc29kaXBvZGk6bm9kZXR5cGVzPSJzY2NjY2Njc3MiCiAgICAgaWQ9InBhdGg2LTQiCiAgICAgZD0ibSAxLjU1NDc2NjMsMTcuNTkyNzcgYyAxLjA3NTc1LC0xLjA3NTc1MSAyLjgzOTQyOSwtMS4wNzYwOTYgMy45MTU1MjYsMCBsIDUuMDU2NTQ2Nyw1LjA1NzkyOSBjIDIuOTY3MjA4LC0yLjQwMzYwNCA4Ljk0NDQ0NiwtNy4xMDMwNjUgMTUuNzcwNTQ0LC0xMi40NjI4MjUgMi4wOTAwMywtMS42NTQ4OTYyIDQuMDU5MTksMC41MTU5NDYgMi4yMzU3NjYsMi4yOTc5MjggbCAtMTYuMDQ2ODIsMTYuMDM5OTEzIGMgLTEuMDg5MjE5LDEuMDg5OTEgLTIuODE1OTQ1NywxLjA2NzExNyAtMy45MTYyMTY3LDAgbCAtNy4wMTUzNDYsLTcuMDE2MDM4IGMgLTEuMDc3NDI5OTksLTEuMDc3NTMyIC0xLjA3NzgyMzk5LC0yLjgzOTA4NCAwLC0zLjkxNjkwNyB6IgogICAgIGNsYXNzPSJmaWwwIgogICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7c3Ryb2tlLXdpZHRoOjYuOTA2OTE7aW1hZ2UtcmVuZGVyaW5nOm9wdGltaXplUXVhbGl0eTtzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uO3RleHQtcmVuZGVyaW5nOmdlb21ldHJpY1ByZWNpc2lvbiIgLz48L2c+PC9zdmc+Cg==');
    background-color: grey;
    transform: scale(1);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;

}

#modal .bootstrap-select  > .btn{
    margin-top:-2px;
    margin-left:15px;
    font-size: 0.875rem;
    font-weight: 500;
    background:transparent;
}

#modal .btn-group-sm>.btn{
    border:1px solid #ced4da;
    font-size: 0.875rem;
    font-weight: 500;
    color: #999;
    border-radius:0;
    width:100%;
}

#modal .bootstrap-select.show-tick .dropdown-menu .selected span.check-mark{
    color:#000;
}

/*FIX FOR SAFARI 14 */
.bootstrap-select > .btn {
    max-height: 37px !important;
}
.bootstrap-select > .btn > .filter-option {
    max-height: 25px !important;
}
/* END FIX PER SAFARI */

/*#modal .show>.btn-light.dropdown-toggle{
    background-color:transparent;
}*/
.bootstrap-select .btn:focus {
    outline: none !important;
}
#modal .bootstrap-select.show-tick .dropdown-menu .selected span.check-mark{
    font-size:12px;
    top:9px;
}
#modal .dropdown.bootstrap-select> .dropdown-item.active, .dropdown-item:active{
    background-color:#f8f9fa;
    color: #212529;
}

.modal .bs-select-all{
    display:none;
}

html.ua-mobile-iphone .initial-menu-label,
html.ua-mobile-android .initial-menu-label{
    width: 110px;
    position: absolute;
    top: 90px;
    right: 0px;
    padding-top:0;
}

html.ua-mobile-iphone .initial-menu,
html.ua-mobile-android .initial-menu{
    float:left;
}

html.ua-mobile-iphone .button-intro,
html.ua-mobile-android .button-intro {
    position: relative;
    top: 40px;
    right: 0px;
    text-align:right !important;
}

html.ua-mobile-iphone .bootstrap-select .dropdown-toggle .filter-option{
    height: inherit; /* fix per iphone */
}

html.ua-safari.ua-mobile-ipad:not(html.pl-customer) .sidebar-container {
    height: calc(100vh - 130px) !important;
    height: -webkit-calc(100vh - 130px) !important;
}

.modal-body-legend{
    padding-left:30px;
    padding-right: 30px;
    letter-spacing: 0.06em;
    margin: 0 auto;
}

.padding-bottom-20{
    padding-bottom:20px;
}

.modal-body-legend .legend_standardType.text{
    font-size:14px;
    line-height: 1.2em;
}


/*@media only screen and (min-width: 992px) and (max-width: 2000px) {
    html.ua-desktop*/ .truncate-word{
        /*white-space: nowrap; */
      /*  width: 150px; */
        overflow: hidden;
        text-overflow: ellipsis; 
        /*display: inline-block;*/
        display: -webkit-box !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
   
/*}*/
@media only screen and (max-width: 589px) {
    .store_list{
        margin-top:15px;
    }

    .containerSearchList{
        height:auto;
        max-height:100%;
    }

    .loading_configurator{
        position:fixed;
        top: 150px;
        padding-left:2px;
    }
   

}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .info-icon.info-optional{
        display:none !important;
    }
    .conf-menu-text-row-label.optional-active{
        width: calc(100% - 90px);
    }
}

@media only screen and (max-width: 500px) {
    .info-icon.info-optional{
        display:none;
    }
    .conf-menu-text-row-label.optional-active{
        width: calc(100% - 90px);
    }

}


@media only screen and (min-width: 992px) and (max-width: 1350px) {
    .conf-menu-text-row-label.optional{
        font-size:13px;
    }
}


@media only screen and (min-width: 600px) and (max-width: 900px) and (orientation: portrait) {
    html.ua-mobile .initial-menu-label{
        width: 110px;
        position: absolute;
        top: 90px;
        right: 0px;
        padding-top:0;
    }

    html.ua-mobile .initial-menu{
        float:left;
    }

    html.ua-mobile .button-intro{
        position: relative;
        top: 40px;
        right: 0px;
        text-align:right !important;
    }
}


@media(min-width:1400px){
    .col-sfy-xl-3{
        flex: 0 0 25%;
        max-width: 25%;
    }
}


@media only screen and (min-width: 501px) and (max-width:991px){
    .col-sfy-col-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .dim-icon-mb{
        max-width:80%;
    }

  
}

@media only screen and  (max-width: 500px) {
    .col-sfy-col-4 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .caption_image_collection p.groupcode{
        font-size: 14px !important;
    }
    
    .caption_image_collection p.groupname{
        margin: 0;
        font-size: 11px !important;
    }

    .mb.fam_box_width,
    .mb.fam_box_depth,
    .mb.fam_box_height,
    .mb.fam_box_dm{
        font-size:11px !important;
    }

    .mb.fam_um{
        font-size:11px !important;
       
    }


    .mb.fam_box_width > label,
    .mb.fam_box_depth > label,
    .mb.fam_box_height > label,
    .mb.fam_box_dm > label,
    .mb.fam_um > label{
    
        font-size:11px !important;
    }


}


@media (min-width: 576px){
    .d-sm-iblock {
        display:inline-block !important;
    }
}

/*@media only screen and (orientation: portrait) {

    #sidebar_footer{
        bottom:0;
       
    }
}*/
@media (min-width: 576px){

    #informativa.modal-dialog {
        max-width: 600px;
    }
}

@media screen and (max-width:350px){
  
    .firstbox-thumb-family{
        margin-left:0;
    }
  
}
@media screen and (max-width:400px){

    .modal-body-legend{
        padding-right:20px;
        padding-left:20px;
    }
    .box-thumb-family{
       
        margin-left: -15px;
    }

  
}

@media only screen and (max-width:500px)  and (orientation: portrait) {
    html.ua-mobile-iphone .hidden-small-device,
    html.ua-mobile-ua-android .hidden-small-device{
        display:none;
    } 
 
    html.ua-mobile-iphone .firstbox-thumb-family,
    html.ua-mobile-ua-android .firstbox-thumb-family {
     
        margin-left:0;
    }
    /*html.ua-mobile-iphone .dim-icon,
    html.ua-mobile-ua-android .dim-icon{
        padding:10px;
    }*/


}
@media only screen and (max-width:330px)  and (orientation: portrait) {
    html.ua-mobile-iphone .hidden-extrasmall-device,
    html.ua-mobile-ua-android .hidden-extrasmall-device{
        display:none;
    }
}



@media screen and (min-width: 992px) {

    html,
    body {
        margin: 0;
        /*height: calc(100% - 34px);*/
        height: 100%;
        overflow: hidden;
    }

    .modal-lg{
        max-width:900px;
    }

    html.pl-customer .modal-lg.image-intro{
        max-width:600px;

    }

    #sidebar {
        height: calc(100vh - 74px);
        
    }

    /*html.ua-safari.ua-mobile #sidebar_body {
        height: calc(100% - 200px) !important;
    }

    html.ua-safari.ua-mobile-ipad #sidebar_body {
        height: calc(100% - 230px) !important;
    }*/

    /* per app */
    html.appios.ua-safari.ua-mobile-ipad #sidebar{
        height:100% !important;
    }

    html.ua-safari.ua-mobile-ipad:not(html.pl-customer) #sidebar,
    html.ua-safari.ua-mobile:not(html.pl-customer) #sidebar {
    height: calc(100vh - 130px) !important;
    height: -webkit-calc(100vh - 130px) !important;
    }

    .more-menu-item[data-action="expand"],
    hr.line-separator-expand{
        display:block;
    }
}



@media (min-width: 750px) and (orientation:portrait ){
    #sidebar_body .row.equal > .col-md-4{

        flex: 0 0 25% ;
        max-width: 25%;

    }
}

@media (min-width: 750px) and (orientation:landscape ){
    html.appios #sidebar_body .row.equal > .col-md-4{

        flex: 0 0 25%;
        max-width: 25%;

    }
}

@media  (min-width: 1024px){

    html.pl-customer #maincontainercanvas,
    html.pl-customer #sidebar,
    html.pl-customer .sidebar-container{
        height: 98vh !important;
       
    }
}
@media (max-width: 991px) and (min-width:900px){
    .not_standard_multiple{
        right: 42px;
    }
    
    .standard_type{
        bottom: 6px;
        position: absolute;
        right: 30px;     
    }
    
    .standard_multiple_2 {
        bottom: 6px;
        position: absolute;
        right: 30px;
    }
    .standard_multiple_1{
        bottom: 13px;
        right: 35px;
    }
}

@media (max-width:899){
    .not_standard_multiple{
        right: 27px;
    }
    
    .standard_type{
        bottom: 6px;
        position: absolute;
        right: 7px;
      
    }
    
    .standard_multiple_2 {
        bottom: 6px;
        position: absolute;
        right: 15px;
        
    }
    .standard_multiple_1{
        bottom: 13px;
        right: 20px;
     
       
    }
}

#menu_filters_mb{
    display:none;
}

.rowcollection{
    margin-top:3px;
    margin:0 auto;
    margin-bottom:15px;
}


@media only screen and (max-height: 599px){
    .abaco-compname{
        font-size:20px;
    }
    .section-filters{
        margin-top:0;
    }
    .column-filters-dx.d-lg-block{
        display:none !important;
    }
    #first-column.col-lg-8{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;

    }

    #menu_filters_mb,
    #menu_filters_mb > div.d-lg-none,
    .btn-abaco-mb{
        display:block !important;
      
    }

    .row-compositionname{
        display:none;
    }

    .modal-footer-abaco{
        display:none !important;
    }
   

    #first-column {
        margin-top: 50px;
    }

    .btn_change_conf_module{
        font-size:11px;
        text-decoration: none;
        font-weight: 900;
    }

 

}

@media (max-width: 991px){


    .distance_list_category{
        margin-top:0;
    }

    .column-abaco{
        min-width:auto;
    }

    .warning_composition{
        margin-bottom:20px;
    }

   
    .button_primary[name='load-all'],   
    .button_primary[name='load-all-mb']{
        height:32px;
        font-size:12px;
    }


    #first-column{
        margin-top:50px;
    }

    .cd-panel-container{
        margin-top:60px;
    }

    #menu_filters_mb,
    .btn-abaco-mb{
        display:block;

    }
    .row-compositionname{
        display:none;
    }

    .modal-footer-abaco{
        display:none !important;
    }

  
   
    #modal .bootstrap-select > .btn{
        font-size:12px;
        letter-spacing:0;
    }
    
    /*#sidebar_footer {
        /*margin-top:25px;
        bottom:0;
       /* position:relative;
        
    }*/

    #sidebar_body {
        -webkit-overflow-scrolling: touch;
        overflow-y: auto;
        overflow-x: hidden;
        height: auto;
       /* max-height:100%;*/
        /*max-height: calc(100% - 250px); */
    }

    #sidebar {
        height: 100%;
        max-height: 100vh; /* height icon bar inside configurator ( pdf, img , download etc ) */

    }

    html.ua-safari.ua-mobile #sidebar_body{
        height: calc(100% - 220px);
        height: -webkit-calc(100% - 220px);
    }

    html.ua-safari.ua-mobile #sidebar,
    html.ua-safari.ua-mobile-ipad #sidebar{
        height: auto; 
        max-height: 100%;
    }

    .head-left-menu{
        padding-top:9px;
    }

    html.appios .head-left-menu{
        padding-top:0 !important;
    }

    .back-btn{
        top:50px;
    }

    html.appios .back-btn,
    html.appios #menu_configurator{
        top: 9px !important;
    }

    .more-menu-item[data-action="expand"],
    hr.line-separator-expand{
        display:none;
    }
 
}

/*@media (max-width: 760px){
    .sidebar-container {
       padding-left:30px;
       padding-right:30px;
    }
}*/
@media (max-width: 320px){
    .tablecentered{
        width:100%;
    }
}


@media (max-width: 450px){
  
    .modal-lg.abaco {
        width: auto;
    }

    [name='load-all'] {
        float: none;
        position: relative;
        right: -10px;
        margin-top: 12px;
    }
    
}



/* CSS FOR MOBILE MENU */

.fixed{
    position:fixed;
    display:block;
    width:100%;
}
.btn_menu_conf{
    margin-bottom:0;
    display: inline-block;
    text-transform:uppercase;
    font-size:12px;
}

.table.table-first-row td, 
.table.table-first-row th,
.table.table-second-row td, 
.table.table-second-row th{
    vertical-align:middle;
}

.table-first-row,
.table-second-row{
    margin-bottom:0;
    
}

.table-second-row td, .table-second-row th,
.table-first-row td, .table-first-row th{
    padding:6px;
    font-size:12px;
    
}

.icon{
    width:28px;
    height:28px;
    vertical-align:middle;
    margin-top: -5px;

}
.icon_logout{
    width:22px;
    vertical-align:middle;
}


.icon-bar-blu{
    width:28px;
    vertical-align:middle;
    margin-right: 7px;
}


.btn_action{
    font-size:12px;
    display: inline-block;
    margin-bottom:0;
    text-transform:uppercase;
}

.btn_tb_secondrow{
    letter-spacing:0.06em;
    display: inline-block;
    margin-bottom:0;
    font-size:13px;
    text-transform:uppercase;
   
}

.link_tb_secondrow{
    letter-spacing:0.06em;
    display: inline-block;
    margin-bottom:0;
    font-size:13px;
    text-transform:uppercase;
   
}

a.link_tb_secondrow:hover{
    text-decoration:none;
    
}
.btn-cell-logout{
    letter-spacing:0.06em;
    display: inline-block;
    margin-bottom:0;
    font-size:13px;
    text-transform:capitalize;
    margin-right:5px;
    text-decoration: underline;
    text-underline-position: under;
}

td.action-btn-cell{
    width:50%;
   

}
td.action-btn-cell:last-child{
    border-right:none;
    width:50%;
    
}
.cell-logout{
    text-transform:capitalize;
    font-size:13px;
    text-align: right;
    margin-bottom: 6px;
}


@media only screen and (min-width:992px) {

    #sidebar{
        display:block;
    }

    #close_conf_mobile{
        display:none;
    }

    #container-footer-mobile{
        display:none;
    }

}
   
@media only screen and (max-width:991px) {
 
    html.ua-mobile .bottombar-guide{
        top:20px;
        bottom:unset;
}

    #sidebar{
        display:none;
    }

    #sidebar.sidebar-desktop{
        display:block;
    }

    #sidebar_body{
        -webkit-overflow-scrolling:touch;
    }

    html.appios #sidebar,
    #close_conf_mobile{
        display:block;
    }
   
    html:not(html.appios) #sidebar.sidebar-mobile{
        z-index: 1; 
        position: absolute; 
        width: 100%; 
        left: -500px; 
        display:block;
        -webkit-animation: slideleft 0.5s forwards;
        animation: slideleft 0.5s forwards;
        visibility: hidden;
        top:0px;
    }

    html.appios #sidebar.sidebar-mobile{
        z-index: 1; 
        position: absolute; 
        width: 100%; 
        left: 0; 
       
    }


 

    .sidebar_footer_hide{
        display: none;
        line-height: 0;
        height: 0;
        overflow: hidden;
    }

    #container-footer-mobile{
        display:block;
        position:fixed;
        bottom:0;
        width:100%;
        left:0;
        right:0;
    }
    #container-footer-mobile.design-top{
        top:0 !important;
        height:30px;       
    }

    #container-footer-mobile.width-scroll{
        width: calc(100% - 30px) !important;
    }


    #container-footer-mobile.vdesktop{
        display:none;
    }

    
    #close_conf_mobile.vdesktop{
        display:none !important;
    }

}

.container-thumbnail.disabled {
    cursor: not-allowed!important;
    opacity: 0.3;
}



.container-thumbnail {
    cursor: pointer;
}

.container-thumb > div.img-thumb > img {
    margin: auto;
    display: block;
    padding:4px;
}

.container-thumb > div.img-thumb-optionals > img {
    margin: auto;
    display: block;
    max-width:80%;
}

/*.container-thumb > div.img-thumb-optionals > img.not-found-opt {
    margin: auto;
    display: block;
    max-width:100% !important;
   
}*/

.img_tgroup{
    padding:4px;
}

.category-image {
    top: 8px;
    position: relative;
}

/*.container-thumbnail > div.img-thumbnail > div.caption > p.pItem {
    cursor: pointer;
}*/

html.appios #maincontainercanvas {
    height:100%;
    padding:0;
}

#canvas_container > .alert-conf{
    position: absolute;
    bottom: 78px;
    cursor: default;
}

.alert-sfy {
    font-family: 'Segoe UI light';
    color: #ffffff;
    background-color: #383838;
    /*border-color: #ffeeba;*/
    border-radius: 0px;
    width: 100%;
}

#show_more {
    text-decoration: underline;
}

#show_more:hover {
    text-decoration: underline;
    cursor: pointer;
}

.f-left{
    float:left;
}

.warning {
    position: absolute;
    top: 5px;
    visibility:hidden;
}

#canvas_container_imagestatic,
#canvas_container_license_expired {
    width: 100%;
    max-height: 100%;
    height: auto;
    display: block;
    z-index: -1;
}

.cover{
    /*width: 100%; */
    max-height: 100%;
    max-width: 800px;
    margin: 0 auto;
    right: 0;
    bottom: 0px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
   
}

#loadingimgexpired{
    width: auto; 
    max-height: 100%;
    max-width: 800px;
    right: 0;
    bottom: 0px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
   
}




/*RIMUOVE BORDO GRIGIO SU IMMAGINI NON ESITENTI (TAG SRC VUOTO!)*/
img[src=""] {
    content:url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==");
}

/*img.nogeo{
    width: 60px;
    height: 60px;
}*/

.conf-group-image.geo{
    width: 40px !important;
    height: 40px !important;
}

.select-all-div {
    margin-left:0;
    margin-bottom:10px;
}

.category-conf-list-plus,
.conf-menu-list-row-list-plus{
    display:inline-flex;
    align-items: center;
}

.category-conf-menu-text-row{
    /*width:calc(100% - 20px);*/
    width:calc(100vh - 20px);
}

.widemenu-checkbox-select-all,
.checkbox-select-all{
    vertical-align: middle;
}

.select-all {
    position: relative;
    left: 10px;
    text-transform: uppercase;
    text-decoration: underline;
    text-underline-position: under;
    letter-spacing: 0.06em;
    vertical-align: middle;
    margin-bottom: 0;
    font-size: 12px;
    margin-top: 3px;
    line-height:1.5;
    width:90%;
}

.list-related > img {
    width: 100%;
}

.list-related.selected{
    border: 2px solid black;
}

.generic-button > h5 {
    font-weight: 800;
    padding-left: 15px;
    margin-top: 18px;
    margin-bottom: 18px;
}

.menu-arrow.page {
    right: -15px;
    top: 7px;
}

.breadcrumb{
    width: fit-content;
    margin-top: -10px;
    margin-bottom: 0px;
    font-size: 0.9rem;
    background: none;
    font-weight:bold;
    text-transform:capitalize;
    margin-left:-15px;

}

.breadcrumb-item>a{
    color: #ff5a4e;
    font-weight: 800;
    text-decoration: underline;
    letter-spacing: 1.1px;
}

.breadcrumb-item>a:hover{
    color: #ff5a4e;
    font-weight: 800;
    text-decoration: underline;
    letter-spacing: 1.1px;
    opacity: 0.6;
}

.breadcrumb-item+.breadcrumb-item::before{
    color: #ff5a4e;
    font-weight: 800;
}


.select-module {
    width: 328px;
    height: 50px;
    text-align: center;
    border: 1px solid black;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: white;
}

.backdrop-sfy{
    background: #000000a8;
}
.alert-position{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 0px;
    z-index:10;
}

.alert-content {
    width: fit-content;
    margin: auto;
    position: relative;
    top: -120px;
}

.sfy-alert-info{
    border-radius: 0;
    font-size: 14px;
    padding: 0;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0;
}

html.lounge #maincontainercanvas{
    width: 100%;
    height: 100%;
    position: absolute;
    flex: none;
    max-width: none;
    border: 0;
    margin: 0;
    padding: 0;
}

html.lounge #sidebar,
html.lounge #header{
    display: none;
}


html.lounge #loader_page,
html.lounge #loader_ajax{
    background: rgba(0,0,0, 0.7);
}

html.lounge #loader_ajax>.loader-text {
    color: #eeeeee;

}

.lounge_viewer_icon_finish{
    border-radius:50px;
    margin-left:15px;
    vertical-align:bottom;
}

span.badge.badge-pill.badge-primary {
    position: absolute;
    top: 15px;
    background-color: #ff5a4e;
    padding-right: 0.5em;
    padding-left: 0.5em;
}
.box-measure-slider{
    display: table;
    padding-left: 0;
    padding-right: 0;
}
.box-measure-1{
    display: inline-block;
    padding-left: 0;
    padding-right: 0;
}
.box-measure-2{
    display: inline-block;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
}
.box-measure-3{
    display: inline-block;
    text-align: right;
    padding-left: 0;
    
}
.popup_guide_title{
    font-size:23px;
    font-weight:600;
}

#close_popup_guide{
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}
#close_popup_guide > img{
    width:30px;
}

.popup-btn-guide{
    border: none;
    color: #333;
    text-decoration: underline;
    text-transform: uppercase;
    font-size: 0.9375rem;

}

.popup-btn-guide:hover,
.popup-btn-guide:focus,
.popup-btn-guide:active{
    border: none !important;
    color: #333;
    text-decoration: underline;
}

.row-overflow{
    overflow: hidden;
}

/* TOTEM */

html.totem #header{
    display:none;
}

.totem_price{
    font-size:16px;
}

.message-position {
    position: absolute;
    top: 54px;
    width: 100%;
}

.message-position:first-child {
    position: absolute;
    top: 0px;
    width: 100%;
}

.message-content.msg-content{
    width: fit-content;
    padding:0;
}
.message-content-detail{
    display: inline-block;
    text-align:left;
    font-size:14px;
    padding-left: 15px;
    padding-bottom: 10px;
    padding-top: 10px;
}
.text-msg-content{
    margin-left: 20px;
    line-height:1.2;
    font-size:14px;
    text-align:left;
    letter-spacing:1.02;
    font-weight:bold;
}

.message-content-arrow{
    width: 38px;
    height: 33px;
    cursor: pointer;
    /* right: 0; */
    display: inline-block;
    transform: rotateZ(90deg);
    /* left: 10px; */
    /* top: 30px; */
    /* margin-top: 30px; */
    /* margin-bottom: 20px; */
    position: absolute;
    top: 13px;
    margin-left:-15px;
}
.content-arrow{
    display: inline-block;
    background: #fff;
    width: 40px;
    margin-right:5px;
}
.message-content-arrow.rotate-arrow{
    transform:rotate(-90deg);
}
.message-content.big{
    width:100%;
    text-align:center;
}



@media (max-width: 583px){

    #loadingimgexpired{
        max-width:350px;
    }
  
    .message-content.msg-content {
        width:100%;
        max-width:none;
        text-align:center;
    }
   

}


/* REGOLE CSS PER VERSIONE DESKTOP IN PLUGIN MODE */

html.pl-customer #maincontainercanvas.vdesktop,
html.pl-customer #sidebar.vdesktop,
html.pl-customer .sidebar-container.vdesktop{
    height: 100vh !important;
   
}


@media (max-width: 748px){ /* 804 */

    #container-footer-mobile.vdesktop{
        display:block;
    }

    #close_conf_mobile.vdesktop{
        display:block !important;
    }

    #ref-custom-breadcrumb.vdesktop{
        display:none !important;
    }
    #ref-custom-text.vdesktop{
        display:none !important;
    }

    .cover{
        max-width:400px;
      /* max-width:600px;*/
        /*top:40%;*/
    }

   
}

.container-button-plus{
    width:100%;
    position: absolute;
    margin: 0 auto;
   
}

.add-elements-txt{
    margin-bottom: 0;
    width: 100%;
    position: absolute;
    width: 100%;
    bottom: 105px;
    margin: 0 auto;
    left: 0;
    text-align: center;
    color: #ff5a4e;
    font-size:14px;
   
}

.configurator-button-circle {
    width: 40px;
    height: 40px;
    position: absolute;
    bottom: 130px;
    right: 0px;
    left:0;
    right:0;
    margin:0 auto;
    background-color: #ff5a4e;
    text-align: center;
    border-radius: 100%;
    color: #fff;
    line-height: 50px;
    font-size: 18px;
    z-index: 11; 
    box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
    cursor: pointer;
}

.configurator-pulse-button {
    border: none;
    box-shadow: 0 0 0 0 rgba(232, 76, 61, 0.7);
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
    -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}

.configurator-pulse-button:hover {
    -webkit-animation: none;
    -moz-animation: none;
    -ms-animation: none;
    animation: none;
    /*box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2), 0px 6px 10px 0px rgba(0,0,0,0.14), 0px 1px 18px 0px rgba(0,0,0,0.12);*/
}

@-webkit-keyframes pulse {
    to {
        box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);
    }
}

@-moz-keyframes pulse {
    to {
        box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);
    }
}

@-ms-keyframes pulse {
    to {
        box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);
    }
}

@keyframes pulse {
    to {
        box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);
    }
}
.button-circle-left{
    margin: auto !important;
    right: unset !important;
    left:10px !important; /*40 */
}


#menu_filters_mb{
    position:absolute;
    left:15px;
    z-index:10;
    width:100%;
    height:50px;
}

.cd-panel-header{
    margin-top:20px;
}

.close-filters-abaco-mb{
    position:absolute;
    top:0px;
    right:0;
}

.m-bottom-0{
    margin-bottom:0;
}

/* CONTACT DIALER  CSS */

.titleStore{
    font-weight:700;
    color:#ff5a4e;
    margin-bottom:0;
    font-size:15px;
}
.infoextrastore{
    font-size:12px;
    margin-bottom:0;
}
.line-separator-store{
    margin-left:25px;
    margin-right:25px;
}
.choose_retailer,
.checkbox_privacy,
.choise_times{
    background-size: 15px;
    background-repeat:no-repeat;
}
#googleMap{
    height: 300px; 
    overflow-y: auto;
    margin-bottom:10px;
}

#store_selected{
    text-align:left;
}
.label_storeselected{
    text-align:left;
}
.title-legend{
    text-align:left;
    font-size:16px;
    color:#6f7179;
    text-transform:uppercase;
}
.label-legend{
    margin-bottom:0;
}

consenso-subtitle > p{
    text-align: left;
    font-size: 12px;
    line-height: 1.2em;
    margin-bottom:0;
}
.col-bg{
    background:#f5f6f4;
    padding-top:14px;
}

.error-form{
    margin-top:15px;
    color:#ff5a4e;
    font-weight:600;
  
}
.label_p > p {
    font-size:12px;
}

.list-times{
    height: 340px;
    overflow-y: auto;
}
#date_appointment{
    border:none;
    border-bottom:1px solid #ced4da;
    background:transparent;
    margin-bottom:10px;
}

.app-lbltext{
    font-size:14px;
    margin-bottom:0;
    font-weight:700;
    color:#212529;
    padding:10px;

}

@media screen and (max-width:422px){
    .btn-footer-1{
        white-space: normal;
        line-height: 1.2;
	}
}

/**
 * ==============================================
 * Dot Pulse
 * ==============================================
 */
 .dot-pulse {
    position: relative;
    left: -9999px;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #fff;
    color:#FFF;
    box-shadow: 9999px 0 0 -5px #FFF;
    animation: dotPulse 1.5s infinite linear;
    animation-delay: .25s;
  }
  
  .dot-pulse::before, .dot-pulse::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color:#FFF;
    color:#FFF;
  }
  
  .dot-pulse::before {
    box-shadow: 9984px 0 0 -5px #FFF;
    animation: dotPulseBefore 1.5s infinite linear;
    animation-delay: 0s;
  }
  
  .dot-pulse::after {
    box-shadow: 10014px 0 0 -5px #FFF;
    animation: dotPulseAfter 1.5s infinite linear;
    animation-delay: .5s;
  }
  
  @keyframes dotPulseBefore {
    0% {
      box-shadow: 9984px 0 0 -5px #FFF;
    }
    30% {
      box-shadow: 9984px 0 0 2px #FFF;
    }
    60%,
    100% {
      box-shadow: 9984px 0 0 -5px #FFF;
    }
  }
  
  @keyframes dotPulse {
    0% {
      box-shadow: 9999px 0 0 -5px #FFF;
    }
    30% {
      box-shadow: 9999px 0 0 2px #FFF;
    }
    60%,
    100% {
      box-shadow: 9999px 0 0 -5px #FFF;
    }
  }
  
  @keyframes dotPulseAfter {
    0% {
      box-shadow: 10014px 0 0 -5px #FFF;
    }
    30% {
      box-shadow: 10014px 0 0 2px #FFF;
    }
    60%,
    100% {
      box-shadow: 10014px 0 0 -5px #FFF;
    }
  }


/* guide */
#guide{
    position: fixed;
    width: 100%;
    height: 100%;
    /* background: #fff; */
    /*z-index: 10;*/
}

.rotate180{
    transform: rotate(-180deg);
}

.icon-filters-mb{
    width:22px;
    display: inline-flex;
    vertical-align: middle;

}

.label-filters{
    display: inline-flex;
    align-items:center;
    font-weight: bold;
    letter-spacing: 0.2em;
    margin-bottom:0;
}

.abaco-description{
    margin-bottom: 0;
    font-size: 11px;
    line-height: 1.2em;
    
}

.bottombar-guide{
    position:absolute;
    bottom:75px;
    top:unset;
    width:fit-content;
}

.button_primary{
    font-size: 13px;
    height: 38px;
    padding: 3px 12px;
    line-height: 1.3em;
    text-transform:uppercase;
   
}

#text_ai:focus{
    border:1px solid #212529;

}

#btn_modal_textAI_send{
    background: #FFF;
    margin-top: 10px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
}

.btn_wspace{
    white-space: normal;

}

.padding-sx-dx{
    padding-left:10px;
    padding-right:10px;
}


.btn-guide-skip,
.btn-guide-skip:hover,
.btn-guide-skip:active,
.btn-guide-skip:focus,
.btn-guide-skip:active.focus, 
.btn-guide-skip:active:focus{
    border: none;
    color:#666;
    background:#fff;
    width:fit-content;
    text-transform:uppercase;
    letter-spacing:0.08em;
    font-size:14px;
    font-weight:bold;
    padding:0;
    z-index:20;
}

.btn-guide-next-mb,
.btn-guide-next-mb:hover,
.btn-guide-next-mb:active,
.btn-guide-next-mb:focus,
.btn-guide-next-mb:active.focus, 
.btn-guide-next-mb:active:focus{
    border: none;
    color:#666;
    background:#fff;
    width:fit-content;
    text-transform:uppercase;
    letter-spacing:0.08em;
    font-size:14px;
    font-weight:bold;
    padding:0;
    z-index:20;
}

.guide-left{
   left:0;
}

/*.guide-not-focus-opacity{
    opacity:0.1 !important;
}*/

.highlight_menu_sofa_focus{
    background:#fff !important;
}
.highlight_menu_sofa_not_focus{
    background:#626262 !important;
    opacity:1 !important;

}
.highlight_menu_sofa_not_focus_opacity{
    opacity:0.1 !important;
}

.guide-text-div {
    width: 80%;  
    z-index: 3000;
    position:absolute;
    right:0;
    left:0;
    margin:0 auto;
}

.guide-text-div.plugin {
    width: 50%;  
    margin-left:0;
    bottom:50px;
   
}

.guide-text-div.right {
    width: 50%;  
    margin-left:0;
    bottom:50px;
    right:0;
    left:unset;
}

.guide-text-image.f-right{
    float:right;
}

.guide-text-div.top{
    top: 50px;
}

.guide-text-div.center{
    top: 200px;
}

.guide-text-div.bottom{
    bottom: 190px;
}

.guide-text-div.mobile-bottom{
    bottom: 220px;
}
.guide-text-div.sofa-step1-top{
    top:200px;
}

.guide-text-div.sofa-step2-top{
   top:300px;
}

.btn-guide-next.btn-guide-nex-sofa{
    top:51px;
}

.guide-text-div>.guide-text-body {
    background-color: #ffffff;
    /* opacity: 0.85; */
    padding: 10px;
    /* border: 3px solid #ff5a4e; */
    -webkit-box-shadow: 4px 4px 5px 0px rgba(123, 123, 123, 0.25);
    -moz-box-shadow: 4px 4px 5px 0px rgba(123, 123, 123, 0.25);
    box-shadow: 4px 4px 5px 0px rgba(123, 123, 123, 0.25);
}

.guide-text-div>.guide-text-image {
    position: relative;
    top: -4px;
    height: 31.38px;
}

.text-guide-mobile{
    margin-top:20px;
    margin-bottom:20px;
}

.guide-text-div>.guide-text-image-top{
    position: absolute;
    position: absolute;
    left: -45px;
    top: 30px;

}
.guide-text-div>.guide-text-image-top > img.rotate{
    transform: rotate(90deg);
}

.btn-guide-next{
    position: absolute;
    top: 21px;
    right: 22px;
    margin-bottom: 0;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    color: #464646;
    cursor: pointer;
    z-index:20;
}

.guide-text-div > .guide-text-body > p {
    text-align: center;
    font-size:13px;
    margin-bottom: 15px;
    line-height: 1.3;
}

.guide-text-div > .guide-text-body > h4 {
    text-align: center;
    font-weight: 600;
    font-size:14px;
    color:#464646;
    margin-bottom:15px;
}

.guide-text-div > .guide-sofa-text-image.right{
    position: absolute;
    right: -45px;
}

.guide-text-div > .guide-sofa-text-image.top{
    top: 33px;
}

.guide-text-div > .guide-sofa-text-image.right > img.rotate{
    transform:rotate(-90deg);
}

.guide-top-mobile{
    top:5px;
}

.guide-top2-mobile{
    top:150px;
}

@media screen and (max-width:768px){
    .title-step-mb{
        margin-top: 23px;
    }

    .btn-guide-next-mbTop{
        top:10px !important;
    }

    .title-category-abaco,
    .title-fixed_composition{
        font-size: 15px;
    }
    .subtitle-abaco,
    .abaco-pc{
        font-size:12px;
    }
    
    label.labelckabaco img, 
    label.labelckfilter img {
        width: 75px;
    }


    .label-filters{
        font-size:14px;
    }
}

.abaco-overlay-filters-menu{
    position: absolute;
    width: 300px;
    max-width: 90%;
    left: 10px;
    height: 95%;
    right: 0;
    bottom: 10px;
    top: 10px;
    z-index: 11;
    overflow-y: auto;
}


/*options filters */

.m-left-0{
    margin-left:0;
}
.sel {
    box-sizing: border-box;
    min-height: 40px;
    max-height:250px;
    overflow-y: auto;
    overflow-x: hidden;
    border-bottom:1px solid #CBCBCB;
    font-weight:normal;
    margin-bottom:10px;
    width:100%;
}
.sel-chevron{
    float: right;
    font-size:14px;
    margin-right: 14px;
    margin-top: 12px;
}

.txt-sel-listitemcheckbox{
    justify-content:left !important;
}

.options_list_item_checkbox{
    width: 100%;
}
.txt {
   /* padding: 10px;*/
    padding-left: 4px;
    padding-top: 10px;
    padding-bottom: 10px;
    word-break: keep-all;
    margin-bottom:0;
    font-weight:normal;
  /*  width:225px;*/
    width:240px;
    cursor:pointer;
    font-size:13px;
}
.list_item_text_selected{
    cursor:pointer;
}
.sel .options div {
    transition: all 0.2s ease-out;
    padding: 5px;
}
.sel .options_list_item_text div:hover {
    cursor:pointer;
}

.options_list_item_text{
    margin-bottom:10px;
}

.countryoptions_list_item_text{
    margin-bottom:10px;
    
}


ul.checkbox-filters-option  { 
    margin: 0; 
    padding: 0; 
    list-style: none; 
} 
  
ul.checkbox-filters-option li label input { 
    margin-right: .55em; 
    vertical-align: middle;
} 


  
ul.checkbox-filters-option li { 
    border: 1px transparent solid; 
    display:inline-block;
    width:12em;
    height: 25px;
} 
  
ul.checkbox-filters-option li label { 
    display:inline-block;
    vertical-align:middle;
    padding-left: 31px;
    text-indent: -31px;
    line-height: 0.08em;
    padding-top: 6px;
    padding-bottom: 6px;
    text-transform:capitalize;
    letter-spacing:0.02em;
    font-size:13px;
} 

ul.checkbox-filters-option li:hover, 
ul.checkbox-filters-option.focus  { 
    width: 12em; 
} 



ul.checkbox-filters-country  { 
    margin: 0; 
    padding: 0; 
    list-style: none; 
} 
  
ul.checkbox-filters-country li label input { 
    margin-right: .55em; 
    vertical-align: middle;
} 


  
ul.checkbox-filters-country li { 
    border: 1px transparent solid; 
    display:inline-block;
    width:12em;
    height: 25px;
} 
  
ul.checkbox-filters-country li label { 
    display:inline-block;
    vertical-align:middle;
    padding-left: 31px;
    text-indent: -31px;
    line-height: 0.08em;
    padding-top: 6px;
    padding-bottom: 6px;
    text-transform:capitalize;
    letter-spacing:0.02em;
    font-size:13px;
} 

ul.checkbox-filters-country li:hover, 
ul.checkbox-filters-country.focus  { 
    width: 12em; 
} 


.d-iflex{
    display:inline-flex;
    align-items:center;
}


/* area manager */
.modal.left .modal-dialog,
.modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 320px;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
        -ms-transform: translate3d(0%, 0, 0);
            -o-transform: translate3d(0%, 0, 0);
            transform: translate3d(0%, 0, 0);
}

.modal.left .modal-content,
.modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
}

.modal.left .modal-body,
.modal.right .modal-body {
    padding: 15px 15px 80px;
}


/*Right*/
.modal.right.fade .modal-dialog {
    right: -320px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
       -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
         -o-transition: opacity 0.3s linear, right 0.3s ease-out;
            transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.show .modal-dialog {
    right: 0;
}

.rotate-top{
    transform:rotate(180deg);
}

.manager-modal-dimension{
    width: 320px;
    left:unset;

}

.text-conf-group-width{
    max-width: calc(100% - 170px);
    font-size: 13px;
}


.icon-marker{
    width: 70px;
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 10px;
}

.txt-capitalize{
    text-transform: capitalize;
}


/* BOOTSTRAP SELECT */
.bootstrap-select.show-tick .dropdown-menu li a span.text,
.bootstrap-select .dropdown-toggle .filter-option-inner-inner{
    font-size:13px !important;
}


/* SCROLL MOBILE */
.scroll_mb{
    position: fixed;
    top: 0;
    height: inherit;
    width: 30px;
    right: 0px;
    background-color: rgba(196,197,192,0.3);
    z-index: 1;
    -webkit-justify-content: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100%;
    background-position: 50%;
    padding: 0px;
    box-sizing: border-box;
    display:none;
}

.scroll_mb.design-top{
    height:100vh;
}

#maincontainercanvas.design-top{
    margin-top:30px;
}

.scroll_arrow.up{
    width: 18px;
    height: 18px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top:30%;
}

.scroll_arrow.down.rotate{
    transform: rotate(180deg);
    width: 18px;
    height: 18px;
    position: absolute;
   /* bottom: 30%; */
    bottom:50%;
    left: 0;
    right: 0;
    margin: 0 auto;

}

.disable_conf_menu_list{
    pointer-events: none;
    opacity:0.6;

}
@media only screen and (min-width: 1000px) and (max-width: 1200px) {
    .ul.checkbox-filters-option li{
        width:150px;
    }
}

@media only screen and (max-width: 1200px) {
    .productname{
        font-size:25px;
    }

    .setfontsize{
        font-size:16px;
    }

}

@media screen and ( max-height: 600px ){
    .productname{
        font-size:25px;       
    }
    .setfontsize{
        font-size:15px;
    }
    .btn_change_conf_module{
        font-size:11px;
        text-decoration: none;
        font-weight: 900;
    }
}


/* CSS LIST COLLECTIONS MOBILE */
#list_collections_mobile{
    top: 0;
    left:0;
    height: 100%;
    position:absolute;
    padding-left:0;
    padding-right:0;
    right: 0;
    bottom:0;
    z-index:1260;
    padding-bottom: 20px;
}

.list_collections_body_mobile{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    max-height:100%;
    overflow-y:auto;
    z-index:1260;

}

.mb.fam_box_width,
.mb.fam_box_depth,
.mb.fam_box_height,
.mb.fam_box_dm{
    margin-right:5px;
    font-size:14px;
}

.mb.fam_um{
    font-size:14px;
    margin-left:-3px;
    margin-bottom:0;
}


.mb.fam_box_width > label,
.mb.fam_box_depth > label,
.mb.fam_box_height > label,
.mb.fam_box_dm > label,
.mb.fam_um > label{
    margin-bottom:0;
    line-height:1.2em;
    font-size:14px;
}


.product-measurements {
    display: flex;
    flex-direction: row; /* Dispone le misure in linea */
    gap: 10px; /* Spazio tra le misure */
    font-size: 14px; /* Dimensione delle misure */
    color: #666; /* Colore del testo delle misure */
}

.product-measurements label {
    margin-right: 5px; /* Spazio tra il testo e il valore */
}

.mb .fam_box_width, .mb .fam_box_depth, .mb .fam_box_height {
    display: flex;
    align-items: center;
}

.namecollection{
    padding-left:20px;
    padding-top:20px;
    font-size:20px;
}

.changeCollectionMobile{
    display: flex;
 /*   border-radius: 8px;*/
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    margin-bottom: 20px;
    width: 100%;
}


.thumb_image_collection {
    flex: 0 0 100px;
    display: flex;
    align-items: center;
    justify-content: center;
   
}

.thumb_image_collection img {
    max-width: 100%;
    height: auto;
    display: block;
    min-width: 130px;
    padding: 6px;
}

.caption_image_collection{
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* Allinea il contenuto a sinistra */

}

.caption_image_collection p.groupcode{
    font-size: 18px;
}

.caption_image_collection p.groupname{
    margin: 0;
    font-size: 14px;
}

.container_mb_btn_back_conf{
    padding-left: 20px;
    padding-top:20px;
    padding-bottom: 0;
    cursor: pointer;
}

.btn_mb_back_conf{
    text-decoration:underline;
    text-underline-position: under;
    font-size:12px;
    margin-bottom:5px;
    letter-spacing: 0.06em;
}


/* Works on Chrome, Edge, and Safari */
#list_collections_body_mobile::-webkit-scrollbar {
    width: 6px;

}

#list_collections_body_mobile::-webkit-scrollbar-track {
    background: #c3c3c3;        /* color of the tracking area */
    /*filter: brightness(90%);*/
}

#list_collections_body_mobile::-webkit-scrollbar-thumb{
    background-color: #999;    /* color of the scroll thumb */
    border-radius:7px;
}



/* CSS MENU RESOLUTION WIDE */
#menu_wide{
    top: 0;
    height: 100%;
    position:absolute;
    /*box-shadow: 1px 3px 6px -1px #333;
    -webkit-box-shadow: 1px 3px 6px -1px #333;
    -moz-box-shadow: 1px 3px 6px -1px #333;
    -o-box-shadow: 1px 3px 6px -1px #333;*/
    -webkit-box-shadow: inset -18px 0 5px -19px #999;
	-moz-box-shadow: inset -18px 0 5px -19px #999;
	box-shadow: inset -18px 0 5px -19px #999;
    padding-left:0;
    padding-right:0;
    right: -550px;
    -webkit-animation: slide 0.5s forwards;
    animation: slide 0.5s forwards;
    visibility: hidden;
    z-index:2;
  /*  cursor: move; for drag */
   /* z-index:100; for drag */
 
}

#menu_wide_header{
    margin-left:5px;
}

#menu_wide_body{
    scrollbar-width: thin;
    scrollbar-color: #c3c3c3 transparent;
    /*filter: brightness(90%);*/
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
    overflow-x: hidden;
    padding-left:8px;
    margin-top:27px;

}

/* Works on Chrome, Edge, and Safari */
#menu_wide_body::-webkit-scrollbar {
    width: 6px;

}

#menu_wide_body::-webkit-scrollbar-track {
    background: #c3c3c3;        /* color of the tracking area */
    /*filter: brightness(90%);*/
}

#menu_wide_body::-webkit-scrollbar-thumb{
    background-color: #999;    /* color of the scroll thumb */
    border-radius:7px;
}

#bar_menu_wide_close{
    position: absolute;
    background:#000;
    height: 100%;
    width:20px;
    cursor:pointer;
}

#box_wide,
#box_wide_collections,
#box_wide_add_module,
#box_wide_options_list{
    height:30px;
}

.close-wide-menu{
    position: absolute;
    top: 0px;
    vertical-align: middle;
    cursor: pointer;
    right: 5px;
    padding-top: 8px;
    cursor:pointer;
    font-size:10px;
}


.label-close-menu{
    text-transform:uppercase;
    text-decoration: underline;
    text-underline-position: under;
    cursor:pointer;
    margin-bottom:0;
    font-size:10px;
}

#box_wide_collections,
#box_wide_add_module{
    margin-top:3px;
}

@-webkit-keyframes slide {
    100% { right: 1px;  visibility: visible;   }
}

@keyframes slide {
    100% { right: 1px; visibility: visible;   }
}



@media only screen and (min-width: 992px) and (max-height: 600px) {

    .button_primary[name='load-all'],   
    .button_primary[name='load-all-mb']{
        height:32px;
        font-size:12px;
    }

    .btn_change_conf_module{
        font-size:11px;
        text-decoration: none;
        font-weight: 900;
    }
  

    .height-menu-list{
        height:60px;
    }

    .menu-text-row > img{
        height:15px;
    }

    .conf-menu-text-row-title > label,
    .conf-menu-text-row > label,
    .text-conf-group-width,
    .number_items,
    .menu-text-label{
        font-size:11px;
    }

    .round2{
        height: 30px;
       
    }

    .materials_found,
    .options_found{
        margin-left:5px;
        margin-bottom:0;
    }

    .finish-round{
        max-width:60%;
    }

    .distance-title-material{
        margin-top:0;
        margin-bottom:0;
    }

    .title-category-abaco,
    .title-fixed_composition{
        font-size: 15px;
    }
    .subtitle-abaco,
    .abaco-pc{
        font-size:12px;
    }

    label.labelckabaco img, 
    label.labelckfilter img{
        width: 75px;
    }

    label.labelckabaco.large img{
        width: 120px;
    }

   


}

.fieldset-advfilter{
    margin-left: 2px;
    margin-bottom: 10px;
    border: none;
    padding: 0;

}

.list-group-adv-filter{
  
    font-size:14px;
}
.list-group-adv-filter-item{
    padding:4px;
    background-color:transparent;
    border:none;
   
}

.list-group-adv-filter .form-check{
    padding-left:10px;

}

.list-group-adv-filter .form-check-label{
    margin-left:5px;
}

/* PLUGIN MODE HEADER */
.container-header-buttons{
    display: none;
    position:absolute;
    top:0;
    width:100%;
    left:0;
    right:0;
    margin:auto;
    z-index:10;
}

@media only screen and (max-width:589px) {
    .container-header-buttons{
        display:block;
    }
   /* html.pl-customer #sidebar.sidebar-mobile{
        top:60px;
    }*/

    .txt-button-divani{
        font-size:10px;
    }

    .txt-button-request{
        font-size:10px;
    }

    .text-back{
        font-size: 11px;
        height: 13px;
    }
  
    html.pl-customer #sidebar {
        max-height: 90vh;
        /*height:auto;*/
        -webkit-box-shadow: 0 -5px 5px rgb(0 0 0 / 40%), 0 10px 10px rgb(0 0 0 / 40%) ;
        -moz-box-shadow: 0 -5px 5px rgb(0 0 0 / 40%), 0 10px 10px rgb(0 0 0 / 40%);
        box-shadow: 0 -5px 5px rgb(0 0 0 / 40%), 0 10px 10px rgb(0 0 0 / 40%);
        border: none;
    }

    html.pl-customer.ua-desktop #sidebar{
        height:calc(99vh - 60px) !important;

    }

    html.pl-customer.ua-safari.ua-mobile #sidebar {
        height: auto;
        /*max-height: calc(100% - 60px);*/
        max-height:90%;
        padding-bottom:10px;
    }

    .btn-mobile-customer-main,
    .request_quote,
    .btn-mobile-customer-secondary{
        font-size: 11px !important;
        height: 2.5rem !important;
        padding: 0;
        padding-left: 6px;
        padding-right: 6px
    }

    .conf-menu-text-row-title > label,
    .conf-menu-text-row > label,
    .text-conf-group-width,
    .number_items,
    .menu-text-label{
        font-size:11px;
       
    }

    .round2{
        height: 30px;
    }

    .container-progress-bar,
    .container-progress-bar-sofa{
        max-width:200px;
    }

    #btn_requestinfo{
        height: 2.0rem !important;
    }

    .cust-d-flex{
        padding-left:11px;
        padding-right:11px;
    }

    #warning_message_finish_notproduced p{
        font-size: 14px !important;
        height: 42px !important;
        line-height: 1.0em !important;
        padding: 15px !important;     
    }
}

.row-category-abaco{
    margin-bottom: 20px;
}


@-webkit-keyframes slideleft {
    100% { left: 0px;  visibility: visible;   }
}

@keyframes slideleft {
    100% { left: 0px; visibility: visible;   }
}

.optional-name{
    font-size:11px;
    margin-bottom:0;
}

.optionalcode{
    font-size: 12px;
    margin-top:5px;
    margin-bottom: 5px;
    line-height: 1.2;
    font-weight:600;
}

/*PAGE 404 */
.bk-page-notfound{
    background:#f3f5f6;
}

#notfound,
#undermaintenance{
    position: relative;
    height: calc(100vh - 250px);

}
#notfound .notfound {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  
.notfound {
    max-width: 767px;
    width: 100%;
    line-height: 1.4;
    text-align: center;
    padding: 15px;
}

.notfound .notfound-404 {
    position: relative;
    height: 220px;
}


.notfound .notfound-404 h1 {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    font-size: 186px;
    font-weight: 200;
    margin: 0px;
    background: linear-gradient(130deg, #ffaaaa, #ff5a4e);
    color:transparent;
    -webkit-background-clip: text;
    background-clip: text;
    text-transform: uppercase;
}

.notfound h2 {
    font-size: 33px;
    font-weight: 200;
    text-transform: uppercase;
    margin-top: 0px;
    margin-bottom: 25px;
    letter-spacing: 3px;
    color:#ff5a4e;
}


.notfound p {
    font-size: 16px;
    font-weight: 200;
    margin-top: 0px;
    margin-bottom: 25px;
   
}

.br-abaco{
    margin-bottom:40px;
}

@media screen and (min-width: 682px) and (max-width:821px){
    label.labelckabaco.large img{
        width: 150px;
    }
}

@media only screen and (max-width: 681px) {
    label.labelckabaco.large img{
        width: 220px;
    }

    label.labelckabaco.medium img{
        width: 120px;
    }
}

@media only screen and (max-width: 480px) {
    .notfound .notfound-404 {
        position: relative;
        height: 168px;
    }

    .notfound .notfound-404 h1 {
        font-size: 142px;
    }

    .notfound h2 {
        font-size: 22px;
    }

    .abaco-fixedcomposition{
        font-size:13px;
    }

    .column-fixed-composition{
        max-width:150px;
        min-width: unset;

    }

    label.labelckabaco img.img-composition{
        width:150px;
    }

}
.ARqrcode{
    width:148px;
    margin:0 auto;
    margin-top:15px;
}

.arlinkgltf{
    padding: 10px 12px;
    background:transparent !important;
  
    

}

/* UNDER MAINTENANCE */
#undermaintenance{
    text-align: center; 
    padding: 0; 
    background: #f4f4f4;
    color: #333
   
}
#undermaintenance > article{
    display: block; 
    width: 100%; 
    padding: 50px; 
    margin: 0 auto;
}

#undermaintenance > article > svg{
    width: 60px; margin-top: 1em;
}

#container_help_button{
    width:25px;
    height:25px;
    margin-top:20px;
    cursor: help;
}
.help_button{
    width:25px;
    height:25px;
}

.help_button_v3{
    width:20px;
    height:20px;
}

.tooltip_help {
    position: relative;
    display: inline-block;
    margin-left:5px;
    cursor:help;
}

.tooltip_help .tooltiptext {
    visibility: hidden;
    width: 435px;
    text-align: left;
    padding:15px;
    position: fixed;
    z-index: 1040;
    bottom: 120px;
    margin-left: -207px;
    font-size: 13px;   
    padding-top:20px;
    padding-bottom:20px;
    padding-left:25px;
    padding-right:25px;
}

.tooltip_arrow_up{
    width: 34px;
    position: absolute;
    top: -18px;
    display: block;
    right: 23px;
    margin: auto;
}

.tooltip_arrow_down{
    width: 30px;
    position: absolute;
    bottom: -16px;
    display: block;
    left: 0;
    right: 0;
    margin: auto;
}

.tooltip_arrow_down_v2{
    width: 30px;
    position: absolute;
    bottom: -16px;
    display: block;
    right: 5px;
    margin: auto;
}

.tooltip_help:hover .tooltiptext,
.tooltip_help_v2:hover .tooltiptext,
.tooltip_help_v3:hover .tooltiptext{
    visibility: visible;
}

.tooltip_visible{
    visibility: visible !important;
}

.tooltip_help_v2 {
    position: absolute;
    bottom:0;
    right:8px;
    cursor:help;
}

.tooltip_help_v3 {
    position: absolute;
    bottom:0;
    right:32px;
   
}

.tooltip_help_v2 .tooltiptext {
    visibility: hidden;
    width: 398px;
    text-align: left;
    padding:20px;
    position: fixed;
    z-index: 1040;
    bottom: 140px;
    margin-left: -213px;
    font-size: 13px;
    right:2px;
}

.tooltip_help_v3 .tooltiptext {
    visibility: hidden; 
    width: 320px;
   /* height: fit-content;*/
    text-align: left;
    padding:20px;
    position: fixed;
    z-index: 1;
    right: 0;
    cursor: help;
    top: 86px;
    font-size: 11px;
}
.text-w{
    font-weight:900;
    margin-bottom:0;
}

.close_tooltip{
    position: absolute;
    right: 0px;
    top: 0;
    z-index:1040;
}

.icon_close_tooltip{
    width:30px;
    height:30px;
}

#confSettings{
    position: absolute;
    left:10px;
    top:40%;
    width:40px;
}

.box-slider-change.settings{
    position: absolute;
    width: 150px;
    left: 60px;
    right: 0;
    bottom: 0;
    top: 40%;
    height: 40px;
    padding: 11px;
}

.row-conf-settings{
    margin-bottom:15px;
    display:flex;
    flex-direction:row;
    align-items:center;
}

.box-slider-change.settings .slider.slider-horizontal{
    height:15px !important;
}

.box-slider-change.settings .slider-handle{
    width:15px !important;
}

.legend-store{
    text-align:left;
    font-size:12px;
    padding-left:0;
}

.store-legend-label{
    margin-right:6px;
}

.legend-store-icon{
    width: 10px;
    height: 10px;
    display: inline-block;
    margin-right: 5px;
}

/* WARNING NOT PRODUCED */
#warning_message_finish_notproduced{
    position:absolute;
    top:0;
    left:0;
    bottom:45px;
    right:0;
    margin:0 auto;
}

#warning_message_finish_notproduced p{
    font-size: 20px;
    position: absolute;
    left: 0;
    font-weight: 900;
    right: 0;
    bottom: 0;
    height: 70px;
    line-height: 0.8em;
    margin: 0 auto;
    margin-bottom: 0;
    top: 50%;
    text-align: center;
    width: fit-content;
    padding: 27px;
      
}

.warning_default_configuration{
    position: absolute;
    display: block;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    top: 30px;
    line-height: 1.5px;
}

.warning_default_configuration label{
    font-size:12px;
    padding-left:15px;
    padding-right:15px;
    padding-top:5px;
    padding-bottom:5px;
    line-height:1.2em;
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}


/* WARNING POPUP COMPOSITION */
.wrg_notconnect_title{
    color:#e80a0a;
    text-align:center;
    font-weight:bold;
    font-size:15px;
    text-transform:uppercase;
    letter-spacing:0.06em;
    margin-bottom: 10px;
    margin-top:-25px;
}

.wrg_notconnect_body{
    color: #000;
    text-align: justify;
    font-size: 14px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 15px;
}

/* POPUP WARNING COMPOSITIONS */
.wrg_notconnect_image{
    width:350px;
    margin-bottom:10px;

}

/*POPUP INFO */
.wrg_info_image{
    width:430px;
    margin-bottom:10px;

}


/* CONDITION FOR SAFARI  (IPAD PRO 11 ) */
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 834px) and (max-width: 1194px)  {
    html.ua-safari:not(html.pl-customer) .setting-height{
        height: calc(100% - 120px) !important;
    }

    /* SAFARI MOBILE FIX */
    html.ua-safari:not(html.pl-customer) .sidebar-container,
    html.ua-safari:not(html.pl-customer) #maincontainercanvas,
    html.ua-safari:not(html.pl-customer) #canvas_container,
    html.ua-safari:not(html.pl-customer) #sidebar {
        max-height: -webkit-fill-available !important;
    }

}

/* CONDITION FOR SAFARI  (IPAD PRO 12 ) */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
    html.ua-safari:not(html.pl-customer) .setting-height{
        height: calc(100% - 110px) !important;
    }

    /* SAFARI MOBILE FIX */
    html.ua-safari:not(html.pl-customer) .sidebar-container,
    html.ua-safari:not(html.pl-customer) #maincontainercanvas,
    html.ua-safari:not(html.pl-customer) #canvas_container,
    html.ua-safari:not(html.pl-customer) #sidebar {
        max-height: -webkit-fill-available !important;
    }

}

/* CONDITION FOR SAFARI  (IPAD AIR 4) */
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 820px) and (max-width:1180px){
    html.ua-safari:not(html.pl-customer) .setting-height{
        height: calc(100% - 120px) !important;
    }

    /* SAFARI MOBILE FIX */
    html.ua-safari:not(html.pl-customer) .sidebar-container,
    html.ua-safari:not(html.pl-customer) #maincontainercanvas,
    html.ua-safari:not(html.pl-customer) #canvas_container,
    html.ua-safari:not(html.pl-customer) #sidebar {
        max-height: -webkit-fill-available !important;
    }

}

.form-row{
    display: flex;
    justify-content: space-between;
    padding-left: 5px;
}

.form-row input {
    flex: 1;
    margin-right:5px;
}