#mobile-menu{
    position:fixed;
    top:0px;
    left:-8px;
    display:none;
    -webkit-box-shadow: 5px 5px 8px  #555555;
    -moz-box-shadow: 5px 5px 8px  #555555;
    -o-box-shadow: 5px 5px 8px  #555555;
    box-shadow: 5px 5px 8px  #555555;
    border-right: 1px solid #cccccc;
    background: #f9f9f9;
    z-index: 99999;
    height:100%;
}
#mobile-menu li {
    display:block;
    float:none;
}
#mobile-menu li:after{
    content:"";
    display:block;
    clear:both;
}

#mobile-menu #logo,#mobile-menu #logo img{
    height:40px;
    display:block;
    float:none;
    margin:auto;
}


body #mobile-menu #login{
    position:relative;
    float:none;
    width: auto;
    display:block;
    height:auto;
    padding: 15px;
}
#header{
    width:100%;
    height:auto;
    -webkit-box-shadow: 5px 5px 8px  #555555;
    -moz-box-shadow: 5px 5px 8px  #555555;
    -o-box-shadow: 5px 5px 8px  #555555;
    box-shadow: 5px 5px 8px  #555555;
    border-right: 1px solid #cccccc;
    background: #f9f9f9;
    position:fixed;
    z-index:2;
    border:0px;
    height:40px;
    line-height:40px;
    top:0px;
    left:0px;
    padding-left:40px;
    box-sizing: border-box;
    overflow:auto;
}

#footer{
    position:fixed;
    bottom:0px;
    right:0px;
}
#footer .text{
    display:none;
}
#content{
    padding-top:50px;
}

textarea{
    max-width:210px;
}

.mm-toggle{


    width:48px;
    height:40px;
    position:fixed;
    top:0px;
    left:-8px;
    -webkit-box-shadow: 5px 5px 8px  #555555;
    -moz-box-shadow: 5px 5px 8px  #555555;
    -o-box-shadow: 5px 5px 8px  #555555;
    box-shadow: 5px 5px 8px  #555555;
    border-right: 1px solid #cccccc;
    background: #f9f9f9 url('../images/Hamburger_icon.png') top right no-repeat;
    background-size: contain;
    z-index: 99999;
}
#boxlist>div{
    display:table-row;
}
#boxlist>div>div{
    display:table-cell;
    width:100px;
    vertical-align: top;
    padding:0px 3px;
}

#boxlist>div.header>div{
    vertical-align: middle;
}
#boxlist>div:nth-child(odd),#boxlist>div:nth-child(odd)>div{
    background-color:#EEEEEE;
}
#boxlist>div:nth-child(even),#boxlist>div:nth-child(even)>div{
    background-color:#dddddd;
}
#boxlist>div.header,#boxlist>div.header>div{
    background-color:darkgray;     
}
#header>*{
    margin-left: 10px;
}
#header #searchBox{
    float: left;

    margin-top: 10px;
    
}
#footer #searchBox{
    background-color:white;
}
 #searchBox{

    background: url('../images/view.png') top right no-repeat;
    background-size:  auto 100%;
}
#header #typeFilter{
    float: left;

    margin-top: 10px;
    width:100px;
}
#header #sortFilter{
    float: left;

    margin-top: 10px;
    width:140px;
}
#header #listFilter{
    float: left;
    width:auto;
    margin-top: 10px;

}

.appuntamento .TableProposta,.contratto .TableProdotto,.mail .TableProposta{
    display:none;
}
.appuntamento .attachments .TableProposta,.contratto .attachments .TableProdotto,.mail .attachments .TableProposta{
    display:table;
}
.contatto .TableAssociato{
    display:none;
}
.contatto .attachments .TableAssociato{
    display:table;
}
#content{
    padding-bottom:70px;
}

@media only screen and (max-width: 900px){
    body{
        font-size:150%;
    }
    #mobile-menu div.text{
        font-size:100%;
        padding-top:5px;
    }
    table,input,textarea,select{
        font-size:100%;
    }
    .menu .icon img,.Azioni img,.Azioni input{
        height:32px;
        width:32px;
        vertical-align: top;


        background-size: cover;

    }
    #footerMenu{
        background-color:white;
        border-top:1px black solid;
    }
    #footerMenu .icon{
        background-color: white;
        border-radius: 10px;
    }
    /*.menu .text{
        display:none;
    }*/
    #login.logged .welcome{
        display:none;
    }
    #content{
        width:100%;
        padding-left:0px;
        padding-right:0px;
        border:0px;
    }
    #boxlist>div.header{
        display:none;
    }
    #boxlist>div{
        display:block;
    }
    #boxlist>div>div{
        max-width:100%;
        min-width: 100%;
        display:block;
    }
    #boxlist>div>div>div{
        box-sizing: border-box;
        max-width:50%;
        min-width: 50%;
        width:auto;
        display:inline-block;

        min-height:22px;
        word-wrap: break-word;
        vertical-align: middle;
    }
    #boxlist>div>div:before{
        content:attr(class) ":";
        max-width: 50%;
        min-width: 50%;

        word-wrap: break-word;
        display: inline-block;
        vertical-align: middle;

    }
    #content{
        padding-bottom: 110px;
    }

}
.customercare #boxlist tr{
    background-color:white;
}

#footerMenu .button>div:nth-child(1),#footerMenu .button>div:nth-child(3){
    width:0px;
}

input[readonly]{
    background:lightgray;
}