.box{
    width: 85%;
    border: 1px solid #90278e;    
    margin: 0 auto;
    box-shadow: 4px 4px 2px 1px #f9c5f8;
    margin-bottom: 15px;
    margin-top: 15px;
	border-radius: 10px;
}

.box-container{
    width:100%;
    max-width:1200px;
}

.box-head{
    background-color: #90278e;
    color: white;
    padding: 2px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.box-head2 {
	background-color: #90278e;
	color: white;
	padding: 5px;
	font-size: 1.2em;
	display: inline-block;
	width: 100%;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.box-head-subtitle{
    font-size: 15px;
}

.box-active{
    cursor:pointer;
}

.box-body {
    padding: 10px;
    background-image: url(../images/bg_texture.png);


    display: block;
    font-size: 0.9rem!important;
}

.box-notes{
    position: relative;
    display: inline-block;
    vertical-align: middle;
    cursor:pointer;
}

.box-note{
    display: none;
    background-color: #ffffff;
    padding: 10px;
    color: #333333;
    right: 0;
    border: 1px dashed #333333;
    max-height: 255px;
    overflow-y: scroll;
}

.details{
    padding:10px;
    font-size:16px;
}

.details-head{
    font-weight:bold;
    color:#90278e;
}

.details-body{
    font-weight:normal;
}

.details-item{
    margin: 10px;
    display: inline-block;
    width: 98%;
    border-bottom: 1px solid #dddddd;
}

.details-item-head{
    padding: 10px;
    float: left;
    font-weight:bold;
    width:100%;
    font-size:15px;
}

.details-item-body{
    float: left;
    width: 100%;
    padding: 10px;
}

.details-m1-item{
    width:100%;
}

.details-m2-item{
    width:100%;
    float:left;
    padding:10px;
} 

.details-m3-item{
    width:100%;
    float:left;
    font-weight:bold;
    text-align:center;
    padding:10px;
}

.details-m4-item{
    width:100%;
    float:left;
    padding:10px;
}

.details-hm1-item{
    display:none;
}

.details-hm2-item{
    display:none;
} 

.details-hm3-item{
    display:none;
}

.editRaggiunto{
    display:none;
}

.box-separator{
    width:100%;
    height:1px;
    border-top:1px solid #dddddd;
    margin: 35px 0;
}


@media only screen and (min-width: 600px) {
    /*For tables*/
    .box{
        width:100%;
        max-width:850px;
    }

    .box-head2 {
        font-size:25px;
    }

    .box-note {
        left:0;
        width: 100%;
        max-height:235px;
        overflow-y: auto;
    }

    .details-item-head {
        width: 60%;
        text-align:left;
    }

    .details-item-body {
        width: 40%;
    }

    .details-m1-item{
        width:10%;
        float:right;
    }

    .details-m2-item{
        width:15%;
        min-height:71px;
    } 

    .details-m3-item{
        width:25%;
        text-align:left;
        min-height:71px;
    }

    .details-m4-item{
        width:75%;
        text-align:left;
        min-height:71px;
    }

    .details-hm1-item{
        width:10%;
        float:right;
        text-align:center;
        display:inline-block;
    }

    .details-hm2-item{
        width:15%;
        text-align:center;
        float:left;
        display:inline-block;
        font-size: 20px;
        color: #90278e;
    } 

    .details-hm3-item{
        width:25%;
        text-align:center;
        float:left;
        display:inline-block;
        font-size: 20px;
        color: #90278e;
    }

}

@media only screen and (min-width: 769px) {
    /*For desktop*/
    .box{
        width:100%;
        max-width:850px;
    }

    .box-head2 {
        font-size:25px;
    }

    .box-note {
        left:0;
        width: 100%;
        max-height:235px;
        overflow-y: auto;
    }

    .details-item-head {
        width: 60%;
        text-align:left;
    }

    .details-item-body {
        width: 40%;
    }

    .details-m1-item{
        width:10%;
        float:right;
    }

    .details-m2-item{
        width:15%;
        min-height:71px;
    } 

    .details-m3-item{
        width:25%;
        text-align:left;
        min-height:71px;
    }

    .details-m4-item{
        width:75%;
        text-align:left;
        min-height:71px;
    }

    .details-hm1-item{
        width:10%;
        float:right;
        text-align:center;
        display:inline-block;
    }

    .details-hm2-item{
        width:15%;
        text-align:center;
        float:left;
        display:inline-block;
        font-size: 20px;
        color: #90278e;
    } 

    .details-hm3-item{
        width:25%;
        text-align:center;
        float:left;
        display:inline-block;
        font-size: 20px;
        color: #90278e;
    }
}

p.linkStyle {
    text-align:left;
    display: block;
    font-size: 0.8rem;
    font-weight: bold;
}