.userImage {
    width:30px !important;
    height:30px !important;
}
.schoolImage {
    width:50px!important;
    height:50px!important;
    float:left;
}
.brandName {
    height:80px!important;
}
.userName {
    width:170px;
    float:left;
    margin-left:3px;
    margin-top:5px;
}
.hiddenField {
    display:none;
}
.crop {
    width:100px!important;
    height:100px!important;
    overflow:hidden;
    border-radius:500px;
    -webkit-border-radius:500px;
    -moz-border-radius:500px;
}
.crop img {
    width:100px;
    height:auto;
    background-color:white;
    margin-top:-3px;
    margin-left:-1px;
}
.alert-text {
    color:#a94442!important;
}
.descriptorColumn {
    min-width:120px;
    max-width:120px;
}
.dateColumn {
    min-width:150px;
    max-width:150px;
}
.scoreColumn {
    max-width:70px;
    min-width:70px;
}
.attachmentList {
    list-style:none;
    padding:0;
}
.attachmentList li {
    width:48%;
    float:left;
}
.receiversList li{
    width:auto;
}
.printSchoolLogo {
    width:50px;
    height:60px;
}
.groupName {
    width:80%;
}
.autocomplete_completionList {
    width:500px!important;
    margin:0px!important;
    background-color:inherit;
    color:windowtext;
    border:buttonshadow;
    border-width:1px;
    border-style:solid;
    overflow: auto;
    text-align:left;
    list-style:none;
    padding:0px;
    max-height:200px;
}
@media (min-width: 768px) {
    .schoolLogo {
        margin-top:81px;
    }
    .attachmentPanel {
        max-height:100px;
    }
    .messageBody {
        overflow-y:scroll;
        max-height:280px;
        height:280px;
    }
    .mailList {
        overflow-y:scroll;
        max-height:380px;
        height:380px;
    }
    .contactsMainPanel {
        max-height:300px;
    }
    .contactsList {
        overflow-y:scroll;
        max-height:150px;
    }
}

.panel-primary > .panel-heading {
    background-image:linear-gradient(to bottom, #428bca 60%, #ECEAF3 100%);
}

.panel-primary1 > .panel-heading1 {
    background-image:linear-gradient(to bottom, windowtext 100%, #ECEAF3 100%);
}


@media screen and (max-width: 767px) {
    .attachmentPanel {
        max-height:50px;
    }
    .messageBody {
        overflow-y:scroll;
        max-height:90px;
        height:90px;
    }
    .mailList { 
       overflow-y:scroll;
       max-height:100px;
       height:100px;
    }
    .contactsMainPanel {
        max-height:100px;
    }
    .contactsList {
        overflow-y:scroll;
        max-height:70px;
    }
}