/* ==========================================================================
   Table of Contents 
   ========================================================================== 
    
    00. Login pages
	01. Status bar, Header, Footer
    02. Home, Menu
    03. Catalogo
    04. Ordini
    05. Clienti
    06. Profilo
    07. General
    08. Admin
   
   ========================================================================== */



/* ==========================================================================
   00. Login pages
   ========================================================================== */ 
    
    .login-screen2,
    .login-screen3,
    .login-screen4,
    .login-screen5,
    .login-screen6{
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        contain: strict;
        will-change: transform;
        display: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition-property: -webkit-transform;
        transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform,-webkit-transform;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        background: #fff;
        z-index: 11000;
    }

    /*
    .ios .login-screen2,
    .ios .login-screen3,
    .ios .login-screen4,
    .ios .login-screen5,
    .ios .login-screen6{
        margin-top:20px;
        margin-top: constant(safe-area-inset-top);
        margin-top: env(safe-area-inset-top);
        padding-bottom: constant(safe-area-inset-top);
        padding-bottom: env(safe-area-inset-top);
    }*/

    .login-screen2.modal-in, .login-screen2.modal-out,
    .login-screen3.modal-in, .login-screen3.modal-out,
    .login-screen4.modal-in, .login-screen4.modal-out,
    .login-screen5.modal-in, .login-screen5.modal-out,
    .login-screen6.modal-in, .login-screen6.modal-out{
        -webkit-transition-duration: .4s;
        transition-duration: .4s;
    }
    .login-screen2.modal-in,
    .login-screen3.modal-in,
    .login-screen4.modal-in,
    .login-screen5.modal-in,
    .login-screen6.modal-in{
        display: block;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
    .ios .popup-backdrop{
        background:transparent !important;
    }
    .login-screen>.view>.page .page-content {
        height: 100%;
    }


    /* PH LOGIN */
    .login-box{
        width: 100%;
        max-width: 500px;
        margin: 0 auto;
    }
    @media screen and (min-width: 500px) and (min-height: 500px){  
        .login-box{
            margin-top: 120px;
        }
    }
    @media screen and (min-width: 500px) and (min-height: 700px){  
        .login-box{
            margin-top: 200px;
        }
    }
    .ph-bg-start{
        background:url('../img/bg.jpg') !important;
        background-size:cover !important;
        background-position:center !important;
    }
    .ph-intro{
        color: #fff;
        font-weight: 700;
        font-size: 2em;
        text-align: left;
    }
    @media screen and (min-width: 375px){  
        .ph-intro{
            font-size: 2.2em;
        }
    }
    .ios .login-box .list ul {
        background: transparent;
    }
    .ios .login-box .list ul:before, .ios .login-box .list ul:after, .ios .login-box .list .item-inner:after {
        background-color: transparent !important;
    }
    .ios .login-box .list ul li input{
        border-bottom:1px solid #BB9556;
    }
    .ios .item-input .item-media{
        
    }
    .md .item-input .item-media {
        -webkit-align-self: unset;
        -ms-flex-item-align: unset;
        align-self: unset;
    }
    .md .item-input:after{
        background:transparent;
    }
    .ph-forgot {
        text-align: right;
        margin-top: 6px;
        padding-right: 16px;
        font-size: 13px;
        color: #fff;
    }
    



/* ==========================================================================
   01. Header, Footer
   ========================================================================== */ 
    
    .md .navbar-bg, .md .navbar, .md .subnavbar{
        background: #fff !important;
    }
    .ios .navbar-bg.full {
        height: calc(var(--f7-navbar-height) + 44px + var(--f7-safe-area-top));
    }
    .ios .subnavbar {
        background: transparent !important;
        background-image: none !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }
    .ph-bg-start .navbar-bg{
        background:#fff !important;
    }

    .ios .searchbar-inner{
        padding: 0 calc(15px + var(--f7-safe-area-right)) 0 calc(15px + var(--f7-safe-area-left));
    }

    .navbar-photo-browser-dark,
    .navbar-photo-browser-dark .navbar-bg{
        background: var(--f7-photobrowser-dark-bars-bg-color) !important;
    }

    .md .navbar-photo-browser-dark.navbar a {
        color: #fff !important;
    }
    
    .ios .navbar-photo-browser-dark .right {
        position: absolute !important;
        right: 10px !important;
    }
    

    /* HEADER */
    .navbar{
        color: #bb9552 !important;
    }
    /*
    .ph-navbar{
        background: #fff !important;
        color: #bb9552 !important;
        height:calc(60px + var(--f7-safe-area-top)) !important;
    }
    */
    .navbar.no-hairline:after {
        display:none;
    }
    .navbar-inner{
        padding-left:0 !important;
        padding-right:0 !important;
    }
    .ios .navbar a{
        padding: 0 15px !important;
    }
    .md .navbar a{
        color: #000 !important;
        padding: 0 16px !important;
    }
    .navbar-photo-browser-dark a{
        color: #fff !important;
    }
    .ph-logo{ 
        height: 100% !important;
        width: 100% !important;
        font-size: 40px !important;
        text-align: left !important;
        font-family: 'Phact' !important;
        font-weight: 400 !important;
        line-height: 48px !important;
        position:static !important;
    }
    .ph-logo img{
        height:40px !important;
    }
    .ios .ph-logo{
        margin: 0 15px !important;
    }
    .ios .ph-logo img{
        margin-top:2px;
    }
    .md .ph-logo{
        margin: 0 16px !important;
    }
    .md .ph-logo img{
        margin-top:8px;
    }
    @media screen and (min-width:768px) {
        .md .ph-logo img{
            margin-top:12px;
        }
    }
    .ph-img-user{
        width: 35px;
        height: 35px;
        border-radius: 50%;
        border: 2px solid rgba(255,255,255,0.9);
        position: relative;
        top: 1px;
    }
    /* IOS title fix */
    .ios .navbar .title {
        font-size: 17px;
        margin: 0;
        height: 20px;
        line-height: 1.2;
        position: absolute;
        width: 220px;
        bottom: 12px !important;
        left: calc(50% - 110px)!important;
    }
    @media screen and (width:320px) {
        .ios .navbar .title {
            width: 180px;
            left: calc(50% - 90px)!important;
        }
        .ios .navbar-inner .left span{
            font-size:14px;
        }
    }



    /* FOOTER */
    .ios .page-with-toolbar .page-content{
        padding-bottom: calc(50px + var(--f7-safe-area-bottom)) !important;
    }
    .md .page-with-toolbar .page-content{
        padding-bottom:56px !important;
    }
    
    .toolbar {
        bottom: 0 !important;
        top: unset !important;
        height: calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom));
    }
    .md .toolbar{
        background: #fff !important;
    }
    .photo-browser-page-dark .toolbar{
        background: var(--f7-photobrowser-dark-bars-bg-color) !important;
    }
    .md .toolbar.ph-toolbar{
        background: #bb9552 !important;
    }
    .md .toolbar.ph-toolbar.bg-white{
        background: #fff !important;
    }
    .toolbar i{
        font-size:28px;
    }
    .ios .tabbar-labels a.tab-link-active {
        color: #bb9552 !important;
    }
    .md .tabbar-labels a.tab-link.tab-link-active {
        color: #bb9552 !important;
    }
    .md .tabbar-labels a.tab-link {
        overflow: hidden;
        color: #999;
        position: relative;
    }
    .md .tabbar-labels.toolbar-bottom-md .tabbar-label {
        font-size: 11px;
        line-height: initial;
    }
    .ph-toolbar{
        width:100%;
        background:#bb9552 !important;
    }
    .ph-toolbar a{
        color: #fff !important;
        line-height: 38px !important;
    }
    .ph-toolbar.off{
        opacity:0.4;
    }
	
	/* bottoni salva e invia */
	.ph-toolbar .button-outline{
		border: 2px solid #bb9552 !important;
		color: #bb9552;
		height:35px;
		position: relative;
		top: -7px;
	}
    .ph-toolbar .button-fill{
		color: #fff;
		background: #bb9552 !important;
		height:35px;
		position: relative;
		top: -7px;
	}
	
    /* TOTALE ORDINE */
    .ios .ph-toolbar.ph-total{
        width: 100%;
        background: #fff !important;
        bottom: calc(50px + var(--f7-safe-area-bottom)) !important;
        color: #000 !important;
        height:44px !important;
    }
    .md .toolbar.ph-toolbar.ph-total{
        width: 100%;
        background: #fff !important;
        bottom: 56px !important;
        color: #000 !important;
        font-size:16px !important;
    }
    .toolbar.ph-toolbar.ph-total:before {
        content: '';
        position: absolute;
        background-color: var(--f7-list-border-color);
        display: block;
        z-index: 15;
        top: 0;
        right: auto;
        bottom: auto;
        left: 0;
        height: 1px;
        width: 100%;
        -webkit-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
    }
    .ph-toolbar.ph-total a {
        color: #000 !important;
    }
    .md .list.ph-mb0 ul:after {
        display:none;
    }
    
    /* input sconto sul totale e totale ordine */
    .ph-euro{
        display:none;
    }
    .ios .ph-right-input input{
        height:23px;
        text-align:right;
        max-width:120px;
    }
    .md .ph-right-input input{
        height:23px;
        text-align:right;
        max-width:115px;
    }

    .ph-toolbar .ph-right-input input{
        font-weight:bold;
        max-width:120px;
    }



/* ==========================================================================
   02. Home, Menu
   ========================================================================== */ 
    
    /* HOME */
    .md .page{
        background:#f5f5f5;
    }
    /*
    .ph-navbar-page{
        padding-top:60px !important;
    }
    */
    .home-box{
        width: 100%;
        margin: 0 auto;
    }
    .page-white{
        background: #fff !important;
    }
    .page-content.no-toolbar{
        padding-bottom: 0 !important;
    }
    .ios .page-content.toolbar2{
        padding-bottom: calc(94px + var(--f7-safe-area-bottom)) !important;
    }
    .md .page-content.toolbar2{
        padding-top: 56px !important;
        padding-bottom: 104px !important;
    }
    .hidden-by-searchbar, .list .hidden-by-searchbar, .list li.hidden-by-searchbar, .list.li.hidden-by-searchbar {
        display: block !important;
    }
    
    /* MENU */
    .panel-left {
        width: 280px;
    }
    .ph-head{
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-top: var(--f7-safe-area-top);
    }
    .ph-head-top{
        padding: 15px;
        padding-top: 25px;
    }
    .ph-head-top-left{
        width: 140px;
        height: 140px;
    }
    .ph-img{
        width: 100%;
        height: 100%;
        border-radius: 50%;
        position:relative;
    }
    .ios .ph-img{
        background:#fff;
        border: 1px solid #eee;
    }
    .md .ph-img{
        background:#eee;
        border: 1px solid #eee;
    }
    .ph-img img{
        width: 100%;
        height: 100%;
        border-radius: 50%;
    }
    .ph-head-bottom{
        padding: 0 15px;
		word-break: break-word;
		word-wrap: break-word;
    }
    .ph-fullname{
        font-size: 18px;
        font-weight: 600;
        text-transform: capitalize;
        word-break: break-word;
        word-wrap: break-word;
    }
    .ph-username {
        font-size: 15px;
        margin-bottom: 5px;
        text-transform:lowercase;
    }



/* ==========================================================================
   03. Catalogo
   ========================================================================== */ 
    
    .ph-items .item-media img{
        width: 65px;
        height: auto;
        max-height: 65px;
        border-radius:6px;
    }
    .ph-items .item-after{
        width: 70px;
        background: #007aff;
        font-size: 11px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        color: #fff !important;
        border-radius: 10px;
        display: initial;
        padding:0 5px;
    }
    .ph-items .item-after.badge{
        min-width: 20px;
        width:unset;
        font-size: 11px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        color: #fff !important;
        border-radius: 10px;
        display: initial;
        padding:0 5px;
    }

    .ph-items .stepper{
        width: 100%;
        margin-top: 10px;
        margin-bottom:10px;
    }
    .ph-items .ph-stepper .stepper{
        width: calc(100% - 30px);
    }
    .ph-items .stepper-button-minus{
        width:33.33%;
    }
    .ph-items .stepper-input-wrap{
        width:33.33%;
    }
    .ph-items .stepper-input-wrap input{
        width:100%;
    }
    .ph-items .stepper-button-plus{
        width:33.33%;
    }


    /* dettaglio quantità e prezzo */
    .ph-stepper{
        position:relative;
    }
    .ph-stepper-icon{
        position:absolute;
        right:0;
        top: 14px;
    }
    .md .ph-stepper-icon{
        top:16px;
        right:-2px;
    }


    /* simbolo % */
    .ph-percento{
        position: absolute;
        right: 0;
        top: 10.5px;
    }
    .md .ph-percento{
        top:6px;
    }
    

    /* giacenza in seleziona articoli da ordine */
    .ph-giacenza-step{
        font-size:14px;
    }
    .ph-giacenza-var{
        font-size:14px;
    }
    .ph-button-var{
        margin:10px 0;
    }

    /* SCHEDA ARTICOLO */

    .ph-item-swiper {
       margin: 0;
       height: 320px;
    }
    @media screen and (min-width: 360px){  /* Nexus 5 */
        .ph-item-swiper{
            height: 360px;
        }
    }
    @media screen and (min-width: 375px){  /* Iphone 6,7,8,X */
        .ph-item-swiper{
            height: 375px;
        }
    }
    @media screen and (min-width: 384px){  /* Nexus 4 */
        .ph-item-swiper{
            height: 384px;
        }
    }
    @media screen and (min-width: 411px){  /* Pixel 2 */
        .ph-item-swiper{
            height: 411px;
        }
    }
    @media screen and (min-width: 412px){  /* Nexus 5X */
        .ph-item-swiper{
            height: 412px;
        }
    }
    @media screen and (min-width: 414px){  /* Iphone 6,7,8 plus */
        .ph-item-swiper{
            height: 411px;
        }
    }
    @media screen and (min-width: 600px){  /* Nexus 7 */
        .ph-item-swiper{
            height: 600px;
        }
    }
    .ph-item-swiper .swiper-slide {
       display: flex;
       justify-content: center;
       align-items: center;
       background: #fff;
       color: #000;
       width:100%;
       box-sizing: border-box;
       text-align:center;
    }
    .ph-item-swiper .swiper-slide img{
        max-width:100%;
        max-height:100%;
    }

    .ph-item-tit{
        font-size: 1.4em;
        font-weight: 700;
        margin-bottom: 10px;
    }
    span.ph-item-pricesco{
        text-decoration:line-through;
        color:gray;
        margin-right:5px;
    }

    /* div blu sconto quantità */
    .ph-sco-qta{
        width:100%;
        height:30px;
        line-height:30px;
        text-align:center;
        color:#fff;
        background: #007aff;
        font-size:1em;
    }
    /* tabella prezzo quantità */
    .ph-item-price{
        font-size: 1.1em;
        width: 100%;
    }
    table.ph-item-price tr:first-child{
        font-weight:bold;
    }
    table.ph-item-price td{
        border-bottom:1px solid #eee !important;
        padding:10px 0;
    }

    /* tabella varianti */
    .data-table td, .data-table th {
        padding: 10px;
        text-align: center !important;
    }

    /* tabella scadenze */
    .ph-scadenze.data-table td,
    .ph-scadenze.data-table th {
        text-align: unset !important;
    }

    /*input tabella varianti */ 
    .inputqta{
        background: #eee;
        border: 0;
        padding: 5px;
        margin-bottom: 5px;
        border-radius: 3px;
        color: #000;
        text-align: center;
        font-size:1em;
    }
	/*input tabella omaggio varianti */ 
    .inputqtaomg{
        background: #eee;
        border: 0;
        padding: 5px;
        margin-bottom: 5px;
        border-radius: 3px;
        color: #000;
        text-align: center;
        font-size:1em;
    }

    /* Android hover su tr disabilitato */
    table tr:hover{
        background:#fff !important;
    }


/* ==========================================================================
   04. Ordini
   ========================================================================== */ 
    .ph-orders .item-after{
        width: 75px;
        font-size: 11px !important;
        height: 20px;
        line-height: 20px;
        text-align: center;
        color: #fff !important;
        border-radius: 10px;
        display: initial;
        padding:0 5px;
    }

    .md .item-input-wrap.no-line:after{
        display:none;
    }
    .ph-price{
        width:100%;
        height:30px;
        line-height:30px;
        background:#eee;
        padding:0 5px;
        margin-top:5px;
        font-size:15px;
    }
    .ph-price .left{
        float:left;
    }
    .ph-price .right{
        float:right;
    }
    
    .ph-qta{
        width:100%;
        height:30px;
        line-height:30px;
        background:#eee;
        padding:0 5px;
        margin-top:5px;
        font-size:15px;
    }
    .ph-qta .left{
        float:left;
    }
    .ph-qta .right{
        float:right;
    }

    .ph-riepilogo{
        width:100%;
        height:30px;
        line-height:30px;
        background:#eee;
        font-weight:500;
        padding:0 5px;
        margin-top:5px;
        font-size:15px;
    }
    .ph-riepilogo .left{
        float:left;
    }
    .ph-riepilogo .right{
        float:right;
    }

    .ph-totale .left{
        float:left;
    }
    .ph-totale .right{
        float:right;
    }

    .ph-consegna .item-title,
    .ph-consegna .item-subtitle,
    .ph-cliente .item-title,
    .ph-cliente .item-subtitle{
        white-space: initial;
    }
    
    .ph-nota-art{
        padding-right: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right));
        padding-left: calc(var(--f7-list-item-padding-horizontal) + 80px + var(--f7-safe-area-left)) !important;
        padding-bottom: calc(var(--f7-list-item-padding-horizontal));
    }
    .ios .ph-nota-art{
        padding-top:5px;
    }
    
    /* lettura codice a barre */
    .ph-items.ph-ean{
        
    }
    


/* ==========================================================================
   05. Clienti
   ========================================================================== */ 
    
    /* LISTA CLIENTI */

    .list-index-label{
        color: #fff !important;
        background: #bb9552 !important;
    }
    .contacts-list .item-inner{
        background-image: unset !important;
    }
    .md .contacts-list .list-group-title{
        color: #bb9552 !important;
    }
    .md .virtual-list .item-divider{
        height: 48px !important;
        margin-top: 0 !important;
    }

    .ios .virtual-list .item-divider, .ios .virtual-list .list-group-title {
        color: #000;
        font-weight: 600;
        height: 31px !important;
        margin-top: 0 !important;
    }

    .md .block-title {
        font-weight: bold;
        color: #000;
        text-transform:capitalize;
    }
    .ios .block-title{
        text-transform:capitalize;
    }
    .ph-clients .item-divider:before{
        display:none;
    }

    /* SCHEDA CLIENTE */

    .ph-ras{
        width: 100%;
        font-size: 2em;
        color: #000;
        font-weight: 700;
        text-align: center;
        max-width: 600px;
        margin: auto;
        margin-bottom: 20px;
    }
    @media screen and (min-width: 320px){  /* samsung s5 */
        .ph-ras{
            font-size: 2em;
        }
    }
    @media screen and (min-width: 768px){  /* samsung s5 */
        .ph-ras{
            font-size: 3em;
        }
    }
    .ph-cmd-box{
        width:100%;
        max-width:240px;
        margin:auto;
        height:60px;
    }
    .ph-cmd{
        float: left;
        width: 80px;
        height:100%;
        text-align:center !important;
    }
    .ph-cmd-ico{
        height:35px;
        width:35px;
        line-height: 35px !important;
        font-size: 18px !important;
        border-radius:50%;
        background:#bb9552;
        color:#fff;
        margin:auto;
    }
    .ph-cmd-txt{
        width:100%;
        height:25px;
        line-height:25px;
        font-size:12px;
    }
    .ios .ph-item-title{
        height: 44px;
        line-height: 44px;
    }
    .md .ph-item-title{
        height: 36px;
        line-height: 36px;
    }
    .ios .ph-item-nota{
        padding:10px 0;
    }
    .md .ph-item-nota{
        padding:8px 0;
    }


/* ==========================================================================
   06. Profilo
   ========================================================================== */ 

    .ph-settings{
        width:30px !important;
        height:30px !important;
        line-height:30px !important;
        min-width: 30px !important;
        text-align:center !important;
        font-size:16px;
        color:#fff !important;
        padding:0 !important;
        margin: 7px 0 !important;
        background:#bb9552;
        display: unset !important;
    }
	.ph-bigsettings{
        width:40px !important;
        height:40px !important;
        min-width: 40px !important;
        text-align:center !important;
        line-height:40px;
        font-size:18px;
        color:#fff !important;
        padding:0 !important;
        margin: 10px 0 !important;
        background:#bb9552;
    }
    .ios .ph-settings,
	.ios .ph-bigsettings{
        border-radius:6px !important;
        border-radius:50% !important;
    }
    .md .ph-settings,
	.md .ph-bigsettings{
        border-radius:50% !important;
    }
    .ph-settings i,
	.ph-bigsettings i{
        margin:auto;
        position:relative;
    }
    .list .ph-settings .icon {
        color: #fff !important;
    }
    .md .ph-settings{
        margin-right:10px !important;
    }
    .md .panel .ph-settings{
        margin-right:0px !important;
    }
    


/* ==========================================================================
   07. General
   ========================================================================== */ 

    body{
        -moz-user-select: none;
        -webkit-user-select: none;
        user-select: none;
    }
    input, textarea, .ph-copy{
        -moz-user-select: text;
        -webkit-user-select: text;
        user-select: text;
    }
    button{
        outline:0;
        border:0;
        background:transparent;
    }

    *, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }


    @font-face {
        font-family: 'Phact';
        src: url('../fonts/brush-script-mt/BrushScriptMT.eot');
        src: url('../fonts/brush-script-mt/BrushScriptMT.eot?#iefix') format('embedded-opentype'),
            url('../fonts/brush-script-mt/BrushScriptMT.woff2') format('woff2'),
            url('../fonts/brush-script-mt/BrushScriptMT.woff') format('woff'),
            url('../fonts/brush-script-mt/BrushScriptMT.ttf') format('truetype'),
            url('../fonts/brush-script-mt/BrushScriptMT.svg#BrushScriptMT') format('svg');
        font-weight: normal;
        font-style: italic;
    }

    @font-face {
      font-family: 'Material Icons';
      font-style: normal;
      font-weight: 400;
      src: url(../fonts/MaterialIcons-Regular.eot); /* For IE6-8 */
      src: local('Material Icons'),
           local('MaterialIcons-Regular'),
           url(../fonts/MaterialIcons-Regular.woff2) format('woff2'),
           url(../fonts/MaterialIcons-Regular.woff) format('woff'),
           url(../fonts/MaterialIcons-Regular.ttf) format('truetype');
    }

    .material-icons {
      font-family: 'Material Icons';
      font-weight: normal;
      font-style: normal;
      font-size: 24px;  /* Preferred icon size */
      display: inline-block;
      line-height: 1;
      text-transform: none;
      letter-spacing: normal;
      word-wrap: normal;
      white-space: nowrap;
      direction: ltr;

      /* Support for all WebKit browsers. */
      -webkit-font-smoothing: antialiased;
      /* Support for Safari and Chrome. */
      text-rendering: optimizeLegibility;

      /* Support for Firefox. */
      -moz-osx-font-smoothing: grayscale;

      /* Support for IE. */
      font-feature-settings: 'liga';
    }

    /*
    .navbar~* {
        --f7-page-navbar-offset: 0;
    }
    */  

    /* Check */
    .ios .toggle input[type=checkbox]:checked+.toggle-icon {
        background: #bb9552;
    }
    .md .toggle input[type=checkbox]:checked+.toggle-icon:after {
        background: #bb9552;
    }
    .md .toggle input[type=checkbox]:checked+.toggle-icon {
        background: rgba(187,149,82, 0.5);
    }

    /* backdrop men */
    .panel-backdrop{
        background: rgba(0,0,0,.4) !important;
    }

    /* transparent background */
    .transparent{background:transparent !important;} 

    /* color black */
    .ph-black{
        color:#000 !important;
    }
    /* color white */
    .ph-white{
        color:#fff !important;
    }

    /* BG GOLD */
    .ph-gold{
        background: #BB9545 !important;
    }

    /* border-bottom gold */
    .md .ph-bb-gold{
        border-bottom:1px solid #BB9545 !important;
    }
    
    /* text-align left */
    .ph-tal{
        text-align:left !important;
    }
    /* text-align center */
    .ph-tac{
        text-align:center !important;
    }
    /* text-align center */
    .ph-tar{
        text-align:right !important;
    }
    
    /* text transform */
    .capitalize{
        text-transform: capitalize !important;
    }
    .lowercase{
        text-transform: lowercase !important;
    }
    .uppercase{
        text-transform: uppercase !important;
    }

    /* font-weight bold */
    .ph-b{
        font-weight:bold !important;
    }
    /* font-weight 400 */
    .ph-fw4{
        font-weight:400 !important;
    }
    /* font-weight 600 */
    .ph-fw6{
        font-weight:600 !important;
    }

    /* font-size standard */
    .ios .ph-size{
        font-size:17px !important;
    }
    .md .ph-size{
        font-size:16px !important;
    }

    /* height 70px */
    .ph-h70{height:70px;}

    /* height 80px */
    .ph-h80{height:80px;}

    /* border 0 */
    .ph-b0{border:0 !important;}

    /* margin 0px */
    .ph-m0{margin:0px !important;}

    /* margin 70px*/
    .ph-m70{margin:70px auto!important;}

    /* margin-top -1px */
    .ph-mt-1{margin-top:-1px !important;}

    /* margin-top 0px */
    .ph-mt0{margin-top:0px !important;}

    /* margin-top 15px */
    .ph-mt15{margin-top:15px !important;}

    /* margin-bottom 0px */
    .ph-mb0{margin-bottom:0px !important;}

    /* margin-bottom -1px */
    .ph-mb-1{margin-bottom:-1px !important;}

    /* margin-bottom 15px */
    .ph-mb15{margin-bottom:15px !important;}

    /* margin-bottom 20px */
    .ph-mb20{margin-bottom:20px;}

    /* margin-bottom 35px */
    .ph-mb35{margin-bottom:35px;}

    /* margin-top 20px */
    .ph-mt20{margin-top:20px;}

    /* margin-left 0px */
    .ph-ml0{margin-left:0px !important;}


    /* padding-button 15px */
    .ios .ph-pd{padding:0px 15px!important;}

    /* padding-button 16px */
    .md .ph-pd{padding:0px 16px!important;}

    /* padding 0px */
    .ph-p0{padding:0px!important;}
    
    /* padding bottom safe area */
    .ph-pdsafe{
        padding:0 !important;
        padding-bottom: var(--f7-safe-area-bottom) !important;
    }

    /* padding 0 2px */
    .ph-p02{padding:0 2px!important;}

    /* padding 0 5px */
    .ph-p05{padding:0 5px!important;}

    /* padding-top 0px */
    .ph-pt0{padding-top:0px!important;}

    /* padding-top 5px */
    .ph-pt5{padding-top:5px!important;}

    /* padding-top 40px */
    .ph-pt44{padding-top:44px !important;}

    /* padding-top 60px */
    .ph-pt60{padding-top:60px;}

    /* padding-top 80px */
    .ph-pt80{padding-top:80px;}

    /* padding-top 100px */
    .ph-pt100{padding-top:100px;}

    /* padding-bottom 20px */
    .ph-pb20{ padding-bottom:20px;}

    /* round images */
    .circle{border-radius:50%;}

    /* font-size 14 */
    .ph-font14 {font-size: 14px !important;}

    /* font-size 16 */
    .ph-font16 {font-size: 16px !important;}

    /* font-size 30 */
    .ph-font30 {font-size: 30px !important;}

    /* position relative */
    .ph-relative{position:relative !important;}

    /* button */
    .ph-button {
        border: 0 !important;
        background: #bb9552;
        color: #fff !important;
        border-radius: 25px !important;
        height: 50px !important;
        text-transform:capitalize !important;
        font-size: 17px !important;
        line-height:50px !important;
        margin: auto !important;
        text-align:center !important;
    }
    .ph-button-white {
        border: 0 !important;
        color: #bb9552 !important;
        background: #fff !important;
        border-radius: 25px !important;
        height: 50px !important;
        text-transform:capitalize !important;
        font-size: 17px !important;
        line-height:50px !important;
        margin: 15px auto !important;
        text-align:center !important;
    }
	.ph-button-reorder{
        position: absolute;
        right: 15px;
        width: 100px;
        border: 2px solid #fff;
        color: #fff !important;
        line-height: 24px;
    }
	
	/* COLORS */
	.bg-white{
		background:#fff !important;
	}
	
	/* width */
	.w100{
		width:100%;
	}
    
    /* height */
	.h100{
		height:100%;
	}

    /* input */
    /*.ios .list input {
        border-bottom: 1px solid #ddd !important;
    }*/
    .ios .item-input-error-message, .ios .item-input-info {
        margin-top: 2px;
    }
    .ph-white-input ul{
        background: transparent !important;
    }
    .ph-white-input input, .ph-white-input input::placeholder{
        color:#fff !important;
    }
    .md .input-with-value:after{
        background: #000 !important;
    }



/* ==========================================================================
   08. Admin (pannello configurazione aziende)
   ========================================================================== */ 
    
    /* TABS */
    .md .tabbar .tab-link-highlight, .md .tabbar-labels .tab-link-highlight{
        bottom:0;
    }
    .page-content.tab {
        overflow-x: hidden;
    }
    .ios .tabbar .tab-link-active {
        border-bottom: 1px solid;
    }
    .md .tabbar .tab-link{
        font-size:16px;
    }

    /* PRELOADER */
    .md .ptr-preloader {
        z-index: 9999;
    }

    /* SEARCHBAR */
    .ios  .page-content .searchbar:not(.searchbar-inline) {
        box-shadow: none !important;
        background: #fff;
    }
    .ios .searchbar input[type=search] {
        border-radius: 6px !important;
    }
    .md  .page-content .searchbar:not(.searchbar-inline) {
        box-shadow: none !important;
        margin:0;
        background: #fff;
    }
    .md .searchbar input[type=search] {
        border-radius: 0px !important;
    }
    .md .page-content .searchbar:not(.searchbar-inline) .searchbar-disable-button{
        left:5px;
    }
    .md .page-content .searchbar:not(.searchbar-inline) .searchbar-icon{
        left: calc(1px + var(--f7-safe-area-left));
    }

    /* LISTA AZIENDE */
    .ios #idlistaziende .item-title.uppercase{
        font-weight:600;
    }

    /* TOTALE AGENTI FOOTER */
    .ios .toolbar-inner.ph-white.ph-fw6{
        padding:0 15px;
    }
    .md .toolbar-inner.ph-white.ph-fw6{
        padding:0 16px;
        font-size: 18px;
    }











/* ==========================================================================
   bottom of file
   ========================================================================== */