﻿

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    /* max-width: 280px;*/
}

/* nostro clear position */
.clear {
    clear: both;
}

.intempra .kt-login.kt-login--v4.kt-login--signin .kt-login__signin {
    background:rgba(255,255,255,0.2);
	padding:20px;
	border-radius:3px;
}

.franzese_body  .accordion.accordion-panel .card .card-body {
    padding-bottom: 60px;
}
.intempra .main-slider.slick-initialized.slick-slider  {
display:none;
}

.kt-badge.kt-badge--bordeaux {
    color: #ffffff;
    background: #5F021F;
}

.kt-badge.kt-badge--outline.kt-badge--bordeaux {
    background: transparent;
    color: #0abb87;
    border: 1px solid #5F021F;
}

    .kt-badge.kt-badge--outline.kt-badge--bordeaux.kt-badge--outline-2x {
        border: 2px solid #5F021F;
    }



.kt-badge.kt-badge--orange {
    color: #ffffff;
    background: #FF8C00;
}

.kt-badge.kt-badge--outline.kt-badge--orange {
    background: transparent;
    color: #0abb87;
    border: 1px solid #FF8C00;
}

    .kt-badge.kt-badge--outline.kt-badge--orange.kt-badge--outline-2x {
        border: 2px solid #FF8C00;
    }








/* elimina rappresentazione pulsanti del dialog timeout*/ 
#session-timeout-dialog-logout {
    display:none !important;
}

#session-timeout-dialog-keepalive {
    display: none !important;
}

#session-timeout-dialog .close {
    display: none;
}


/* OVERRIDES THEME DI BASE  by Marco */
div.dataTables_wrapper div.dataTables_length label {
    padding-right: 13px;
}


.kt-login.kt-login--v4 .kt-login__wrapper .kt-login__container .kt-login__logo img {
    /* width: 100%; */
    /* max-width: 422px; */
}

div.dataTables_wrapper div.dataTables_filter input {
    min-width: 210px !important;
}

/** overrides per checkbox responsive **/
.kt-switch input:empty ~ span {
    margin: -5px 6px !important; /* <- */
}

.kt-switch > label {
    display: flex !important; /* <- */
}

/* allineamento label a sinistra .. non va bene per tutte le pagine disattivato 
.kt-form.kt-form--label-right .form-group label:not(.kt-checkbox):not(.kt-radio):not(.kt-option) {
    text-align:unset !important;
}
*/
/** overrides per checkbox responsive **/

.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}


.grid_reset_ricerca {
    height: calc(1.8em + 1rem + 2px);
    margin: 0 0.5rem;
}

/*
.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
*/




/* immagine di anteprima in griglia regolazione "like card" */
#kt_gridCatArticoli .kt-user-card-v2 .kt-user-card-v2__pic img {
    border-radius: 30%;
    max-width: 60px;
    max-height: 60px;
}
/* immagine di anteprima in griglia regolazione "like card" */



/* dashboard immagine autore cms  not found */
.kt-widget19 .kt-widget19__wrapper .kt-widget19__content .kt-widget19__userpic > svg {
    width: 40px;
    border-radius: 100%;
    height: 40px;
    padding: 4px;
    background-color: #ebedf8;
}


/* customizzazione grafico a torta  venduto */
.kt-widget14{
    margin-bottom: 25px;
}
.kt-widget14 .kt-widget14__legends {
    padding-left: 1.7rem;
}

.kt-widget14 .kt-widget14__legends .kt-widget14__legend .kt-widget14__stats {
    padding-left: 0.7rem;
}
.vertical-center {
    min-height: 100%; /* Fallback for browsers do NOT support vh unit */
  /*  min-height: 100vh; */ /* These two lines are counted as one :-)       */
    display: flex;
    align-items: center;
}

/* customizzazione grafico  attivita nuovi clienti dashboard  */
.kt-widget17 .kt-widget17__visual .kt-widget17__chart {
    position: relative;
    padding-top: 4.5rem;
}


/* OVERRIDES THEME DI BASE  by Marco */








/* ellipsis custom  cross browser */
.text-ellipsis {
    background: #FFFFFF;
    display: block;
    display: -webkit-box;
    max-height: 7.35rem;
    min-height: 7.35rem;
    font-size: 1rem;
    line-height: 1.3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0;
}

@-moz-document url-prefix() {
    .text-ellipsis {
        overflow: hidden;
        position: relative;
    }

    .text-ellipsis:before {
        background: #FFFFFF;
        bottom: 0;
        position: absolute;
        right: 0;
        float: right;
        content: '\2026';
        margin-left: -2rem;
        width: 2rem;
    }

    .text-ellipsis:after {
        content: '';
        background: #FFFFFF;
        position: absolute;
        height: 50px;
        width: 100%;
        z-index: 1;
    }
}
/* ellipsis custom  cross browser */






/* Standard & Custom*/
.disponibilita_yes, .disponibilita_no {
    font-weight: 700;
    font-size: 13px;
}

.disponibilita_yes {
    color: #1ab600 !important;
}

.disponibilita_no {
    color: #f3bb00 !important;
}



/* adattamenti datatable js dettagli e pulsante chiudi */
td.child ul.dtr-details {
    width: 100%;
}

td.child span.dtr-title {
    width: 80px;
}

.dataTables_wrapper button.chiudi {
    position: relative;
    float: right;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 700;
}

    .dataTables_wrapper button.chiudi svg {
        position: relative;
        max-width: 30px;
    }



.dettagli_link_email a, .dettagli_link_whatsapp a {
    font-size: 13px !important;
    font-weight: 400;
    color: #6c7293 !important;
}

    .dettagli_link_whatsapp a i {
        font-size: 30px !important;
        color: #29c714 !important;
    }

    .dettagli_link_email a i {
        font-size: 30px !important;
    }

/* adattamenti datatable js dettagli e pulsante chiudi */



/*-------------------------------- pulsanti toolbarheader  -------------------*/
#kt_header .divToolbarHeader {
    display: -webkit-box;
    display: -ms-flexbox;
    /*! display: flex; */
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: auto;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    /*! border-radius: 4px; */
    padding: 0 0 0 9px;
    top: 1px;
    left: 0;
    position: fixed; /* absolute  se deve essere nascosto insieme alla toolbar */
    z-index: 97; /* lvl 96 toolbar  */
    height: 50px;
}

.lbBtnHeader {
    color: #6c7293;
    padding-left: 10px;
}



@media (min-width: 1025px) {
    .kt-header-mobile--fixed .divToolbarHeader {
        position: fixed;
    }

    .kt-aside--enabled #kt_header .divToolbarHeader {
        left: 265px;
    }

    .kt-aside--minimize-hover #kt_header .divToolbarHeader,
    .kt-aside--minimize #kt_header .divToolbarHeader {
        left: 70px;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
}


@media (min-width: 451px) and (max-width: 1024px) {
    .kt-aside--enabled #kt_header .divToolbarHeader {
        left: 80px;
    }
}

@media (max-width: 450px) {
    #kt_header {
        position: fixed;
        width: 100%;
        z-index: 96;
    }

        #kt_header .divToolbarHeader {
            position: absolute;
            height: 70px;
            background-color: #fff;
            right: 0;
            top: 0;
        }
}


/* scalo il corpo per i 50 px in piu del posizion relative pulsanti toolutility */
@media (max-width: 450px) {
    .kt-content {
        padding: 77px 0 !important;
    }
}

/* sposto on top quando la toobar header è su mobile*/
@media (max-width: 450px) {
    .kt-header-mobile--fixed .kt-header__topbar {
        z-index: 100 !important;
    }
}
/*-------------------------------------------- pulsanti toolbarheader  -----------*/




.btn_icone_griglie {
    height: 2rem !important;
    width: 2rem !important;
}




/* stile usato nella toolbar utility footer fixed del catalogo */
.accordion_shadow {
    box-shadow: 0px 0px 13px 0px rgba(82, 63, 105, 0.1);
}


#divUtilityBar {
    z-index: 97; /* 100 sta lo scroll up*/
}

    #divUtilityBar.kt-footer--fixed .kt-footer {
        position: fixed;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        height: 60px;
        bottom: 0;
        right: 0;
        left: 0px; /* eredita il menu di sx  265px*/
        -webkit-box-shadow: 0px 0px 28px 0px rgba(82, 63, 105, 0.13);
        box-shadow: 0px 0px 28px 0px rgba(82, 63, 105, 0.13);
    }

    #divUtilityBar.kt-aside--minimize-hover.kt-footer--fixed .kt-footer,
    #divUtilityBar.kt-aside--minimize.kt-footer--fixed .kt-footer {
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        left: 0px; /* eredita il menu di sx  70px; */
    }

    #divUtilityBar .accordion.accordion-panel .card .card-header .card-title {
        padding: 12px;
    }

@media (min-width: 1025px) {
    #divUtilityBar.kt-footer--fixed .kt-footer {
        position: fixed;
        left: 0;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        z-index: 97;
    }

    .kt-aside--enabled #divUtilityBar.kt-footer--fixed .kt-footer {
        left: 265px;
    }

    .kt-aside--minimize-hover #divUtilityBar.kt-footer--fixed .kt-footer,
    .kt-aside--minimize #divUtilityBar.kt-footer--fixed .kt-footer {
        left: 70px;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
}



@media (max-width: 450px) {
    #divUtilityBar.kt-footer--fixed .kt-footer {
        height: 111px;
    }
}


#kt_gridArticoliOrdine {
    min-width: 750px !important;
}

#kt_gridArticoliPromo {
    min-width: 200px !important;
}



/* stile usato nella toolbar utility footer fixed del catalogo */




/* gallery */

.gallery_articolo {
    margin: 20px 0px;
}

    .gallery_articolo img {
        display: inline-block;
        margin: 0px;
        height: 130px;
        width: initial;
        max-width: initial;
        vertical-align: top;
        text-align: left;
        position: relative;
        float: left;
    }

    .gallery_articolo a {
        display: inline-block;
        width: 166px;
        height: 130px;
        overflow: hidden;
        position: relative;
        float: left;
        border: 3px solid white;
    }

