@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;

}

h5{
    /*font-size: 1rem;*/
    font-size:0.875rem;  /* 14px */
    font-weight:400;

}

.btn.btn-lg.btn-sfycolor {
    padding: 8px 16px;
    font-size: 20px;
}


.btn.btn-sfycolor.btn-reconfigure{
    color: #ff5a4e;
    padding: 3px;
    width: 100px;
    border: 1px solid #ff5a4e;
    text-decoration: none;
    text-transform: capitalize;
    background: #fff;
    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{
    color: #ff5a4e;
    border: 1px solid #ff5a4e;
    background: #fff;
    font-weight: 400;
}

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

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

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


/* 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;
}

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

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


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

#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;
  /*  height: 100%;*/
    /*border-left: 1px solid #CBCBCB;*/
}


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

.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;
}


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 {
    overflow: hidden;
    height: calc(100vh - 74px);
}

#canvas_container {
 /*   height: calc(100% - 50px); */
 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;
}

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

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

#sidebar_header {
  /*  height: 120px;*/
    text-align: center;
   
}

#sidebar_footer {
    bottom: 0;
    position:absolute;
    background-color: white;
    /*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.7);
    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;
}

#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;
}*/

.hide-scrollbar::-webkit-scrollbar {
    display: none;
}

::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #c3c3c3;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #888;
}

#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: 1.25rem;
    margin-bottom: 0px;
    text-align:center;
    margin: 10px auto;
    width: 93%;
}

.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;
}
.subtitle-text-typenormal{
    font-size: 1rem;
    margin-top: 3px;
    width: 100%;
    text-align: center;
    font-weight: 400;
}

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


/* 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;
}

.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%;
}


.conf-menu-text-row-title {
    display: inline-flex;
    text-transform: uppercase;
}

.conf-menu-text-row-title.optional{
    width: calc(100% - 92px);
}

.conf-menu-text-row{
    height: 60px;
    width: calc(100% - 70px);
}
.conf-menu-list-row .conf-menu-text-row{
    width: calc(100% - 45px);
}
.category-conf-list-row  .conf-menu-text-row{
    width: calc(100% - 20px);
}
.category-conf-list-row .conf-menu-text-row>h5 >label {
    margin-top: 12px;
    margin-bottom:0;
}

.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);
}
.container-thumbnail.selected > div.img-thumbnail.setConfiguration > div  > img{
    border: 2px solid black !important;
    padding: 3px;
}
.menu-text-row {
    height: 80px;
    width: calc(100% - 112px);
}

.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;
    margin-top: 25px;
}

.menu-list-row .menu-text-row>h5{
    padding-left: 5px;
    font-weight: 400;
    margin-top: 25px;
    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;
}

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

.prefilter.selected {
    border: solid;
    border-width: 3px;
}

.prefilter-title {
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
}

/* SHAPE */

.shape-group-image,
.menu-list-image {
    width: 80px !important;
    height: 80px !important;
}

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

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

.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;
    margin-right: 5px;
}

.conf-group-image>img {
    width: 100%;
    height: 100%;
    position: relative;
    top: 7px;
    left: 15px;
}

.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:100px;
   
}
.box-thumb-family{
    display:inline-block;
  
}
.container-thumb{
    padding: 0;
  
}
.firstbox-thumb-family{
    display:inline-block;
    margin-left:-15px;
    cursor:pointer;
}
.cursor-pointer{
    cursor:pointer;
}

.family-txt{
    margin-bottom:0;
    text-align:right;
    font-size:12px;
    
}
.collection-pname{
    margin-bottom: 4;
    line-height: 12px;
    font-size:12px;
    text-transform: uppercase;
    margin-top:8px;
}
.collection-pname-preview{
    margin-bottom: 0;
    line-height: 1em;
    text-align:center;
    font-size:12px;
    margin-top: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{
    width:calc(100% - 5px);
}
.tipology-menu-text-row > h5{
    text-transform:uppercase;
    padding-left:14px;
}

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

.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 {
    font-size: 11px;
    color: #c2c2c2;
}

/* 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;
}

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

.back-btn {
    color: #4e4e4e;
    cursor: pointer;
    display: table-cell;
    vertical-align: middle;
    top: 9px;
    position: absolute;
    left:0;
    z-index:10;
}

.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;
}

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

.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 {
    color: #b9b9b9;
    background-color: #fff;
    border: 3px solid #b9b9b9;
    border-radius: unset;
    font-weight: 600;
    /*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-sfy {
    background-color: #b9b9b9;
    color: #ffffff;
    font-weight: 100;
    font-size: 15px;
}

.btn_addOffer{
    background: #ff5a4e;
    width: auto;
    padding: 5px 10px;
    color: #FFF;
    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{
    background: #ff5a4e;
    width: auto;
    padding: 5px 10px;
    color: #FFF;;
    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: 14px;
    position: absolute;
    right: 30px;
    padding-bottom: 12px;
    margin-left: auto;
    margin-right: auto;
}

.setConfiguration {
    border: none;
    border-radius: 0px;
    font-size: 0.875rem;
    color: #333;
}

.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>img {
    width: 100px;
}

.thumbnail.abaco>.caption>h4 {
    margin-bottom: 0px;
}

.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,
.abaco-button.selected {
    color: white;
    border-color: #ff5a4e;
    background-color: #ff5a4e;
}
.btn.btn-sfycolor{
    font-size: 0.875rem;

}

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

.modal-email-title {
    width: 100%;
    text-align: center;
    display: block;
    /*font-weight:600;*/
}

.abaco-checkbox{
    float: left;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    top: 30px;
    margin-left:-5px;
}
.checkbox{
    width: 27px !important;
    padding: 5px;
}

#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;
    color: grey;
    margin:0 auto;
    margin-bottom:15px;
    display:none;
}

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

.modal-footer-abaco{
    padding:10px;
    margin:0 auto;
}

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

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

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

.modal-content {
    box-shadow: none;
    border: none;
    border-radius: 0%;
}

.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;
}

/* TENDINE */
.item-search {
    width: 100%;
    margin-bottom: 15px;
    border: 0px;
    border-radius:0;
    border-bottom: 1px solid #CBCBCB;
    font-size: 18px;
}

.suggest.green {
    background-color: green;
}

.suggest.orange {
    background-color: orange;
}

.suggest.blue {
    background-color: blue;
}

.suggest {
    position: absolute;
    top: 12px;
    left: 13px;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    z-index:2;
}

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

#canvas_container {
    position: relative;
}

#canvas_container::before {
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    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;
}

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

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

.container-thumbnail.selected>div.img-thumbnail>img {
    border: 2px solid black;
    padding: 3px;
}

.container-thumbnail.selected>div.img-thumbnail>div.caption>p.pItem {
    font-weight: 600;
    font-size:14px;
}



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

.caption-group{
    text-align:center;
}

.groupcode{
    font-weight:500;
    font-size:12px;
    text-transform:uppercase;
    margin-bottom: 10px;
}
.container-thumb.selected{
    border:2px solid #000;
}


/* DROPUP */

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

}

.dropbtn>i {
    cursor:pointer;
    color: #ff5a4e;
    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;
    background-color: #ffffff;
    /*min-width: 260px;*/
    min-width:100%;
    border-left: 1px solid #ff5a4e;
    top: 0px;
    right: 0px;
    /*z-index: 1;*/
    max-width:100%;
    height: 100vh;
    left: 10px;

}

.dropup-content a {
    font-weight: 100;
    width: 100%;
    color: #ff5a4e !important;
    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:hover .dropup-content{
    background-color: #FFF;
}

.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{
    border-top:1px solid #ff5a4e;
    width:70%;
}

.menu-lineblu-separator{
    border-top:1px solid #364A63;
    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{
    color:#ff5a4e;
    margin-top:10px;
    font-weight:600;
}

.close-menu{
    background:#ff5a4e;
    border-radius: 50%;
    position: absolute;
   /* right: 17px; */
    left:17px;
    top:-4px;
    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;
}

/* DROPUP END */

.footer-div {
    display: inline-flex;
}

.footer-div>div {
    width: 12px;
    height: 12px;
    top: 5%;
    right: 13px;
    margin-left: 5px;
    border-radius: 100%;
    margin-top: 8px;
}

.footer-div>p {
    margin-left: 5px;
    margin-top: 6px;
    margin-bottom: 6px;
    line-height: 16px;
}

.footer-div>p.legenda{
    font-size:14px;
}


/* 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 {
    color: black;
    line-height: 16px;
    text-decoration: underline;
    cursor: pointer;
}

.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);
}

.modal-title {
    text-align: center;
    margin:0 auto;
    font-size: 21px;
}

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

div.text {
    width: 95%;
    text-align: left;
    padding-top: 6px;
    padding-left: 25px;
}

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

#label_location{
    font-weight:700;
    font-size:14px;
}

#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 */
}

.input-contattarivenditore>input {
    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.875rem; /* 14px */
}


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

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

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

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

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

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

.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 */
}

p.privacy{
    font-size:0.875rem; /* 14px */
}

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

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


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

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-blu {
    color: white;
    background-color: #374B64;
}

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

.quality:hover {
    border: 4px solid #ff5a4e;
    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;
}

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

#modal_up {
    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 {
    margin-left: 10px;
    margin-top: 3px;
    right: 0px;
    position: absolute;
   
}



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

.popover {
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#search_abaco {
    width: 200px;
    height:34px;
    margin-left: 15px;
    padding-left:14px;
    padding-bottom: 9px;
    
}

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
}

#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{
    border:1px solid #ff5a4e;
    box-shadow:none;
}

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

#menu_configurator {
    display: table-cell;
    vertical-align: middle;
    /* padding-top: 11px; */
    position: absolute;
    /* float: right; */
    right: 10px;
    /* width: 33px; */
    top: 9px;
    width:100%;
}



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

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

.info-icon{
    background-image: url('../image/info.svg');
    width: 23px;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
}

/* THUMB AND INFO OPTION */
.info{
    bottom: 5px;
    position: absolute;
    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 {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
    overflow-x: hidden;
  
}

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;
}

div.div-button-divani{
    min-width: 40px;
}

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

/*.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 */

#modal .bootstrap-select  > .btn{
    border:1px solid #ced4da;
    font-size: 0.875rem;
    font-weight: 500;
    color: #999;
    margin-top:-2px;
   
}

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

#modal .show>.btn-light.dropdown-toggle{
    background-color:#FFF;
}
.bootstrap-select .btn:focus {
    outline: none !important;
}
#modal .bootstrap-select.show-tick .dropdown-menu .selected span.check-mark{
    font-size:12px;
    color:#ff5a4e;
    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;
}

@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 (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){
    .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: 768px) and (orientation:portrait ){
    #sidebar_body .row.equal > .col-md-4{

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

    }
}

@media (min-width: 768px) 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: 100vh !important;
       
    }
}


@media (max-width: 991px){
    /*#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;

    }

    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:40px;
    }

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

    .back-btn,
    #menu_configurator{
        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: 768px){
    .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;
    color:#FFF;
    font-weight:600;
    letter-spacing:0.06em;
    display: inline-block;
    height: 28px;
    line-height: 28px;
}
.bg-sfycolor{
    background-color:#ff5a4e;
}
.bg-sfycolor-blu{
    background-color:#364A63;
}

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

.table.table-first-row td,
.table.table-second-row td{
    border-top:1px solid #FFF;
}

.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{
    color:#FFF;
    letter-spacing:0.06em;
    display: inline-block;
    padding-left:10px;
    margin-bottom:0;
    text-transform:uppercase;
    height: 28px;
    line-height: 28px;

    
}

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

.link_tb_secondrow{
    color:#FFF;
    letter-spacing:0.06em;
    display: inline-block;
    margin-bottom:0;
    font-size:13px;
    text-transform:uppercase;
    margin-left:5px;
    width: 100%;
    height: 100%;
    line-height: 12px;
}

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

td.action-btn-cell{
    width:50%;
    border-right:1px solid #FFF;

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


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

 

    #sidebar{
        display:block;
    }

    #close_conf_mobile{
        display:none;
    }

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

    #close_conf_mobile{
        display:none !important;
    }
    
}

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

    #sidebar{
        display:none;
    }

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

    html.appios #sidebar,
    #close_conf_mobile{
        display:block;
    }
    
    
    #sidebar.sidebar-mobile{
        z-index: 1; 
        position: fixed; 
        width: 100%; 
        left: 0px; 
        display:block;
        background:#FFF;
      
    }

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

    #container-footer-mobile{
        display:block;
        position:fixed;
        bottom:0;
        width:100%;
    }

  
}

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



.container-thumbnail {
    cursor: pointer;
}

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

.category-image {
    top: 9px;
    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;
}

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

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

.cover{
    width: auto;
    max-height: 100%;
    max-width: 100%;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
}


/*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: 70px !important;
    height: 70px !important;
}

.select-all-div {
    text-align: left;
}

.select-all {
    position: relative;
    top: -5px;
    left: 5px;
}

.alert-position{
    position: absolute;
    bottom: 0;
    width: 100%;
}

.alert-content {
    width: fit-content;
    margin: auto;
}