.login_img{
    width: 100%;
    padding-left: 12px;
    padding-right: 12px;
    box-sizing: border-box;
    margin: auto;
    margin-top: 12px;
    margin-bottom: 12px;
}

.recruiterlogo{
    max-height: 180px;
}


/* received msg */
.msgline{
    background-color: #efefef;
}
.msgline:hover{
    background-color: #dfdfdf;
}
.msgbody{
    display: none;
    height: 0;
    overflow: hidden;
}
.msgbody[show=true]{
    display: block;
    height: auto;
    width: 100%;
    padding: 8px;
    margin-left: 4px;
    border-left: solid 2px blue;
}
.msgtext{
    background-color: #eee;
    padding: 3px;
    border: 0;
    border-radius: 3px;
    display: block;
    height: 210px;
    overflow-y: scroll;
}

.msgdate{
    top: 12px;
    right: 18px;
}


/* Responsive queries */
/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .recruiterlogo{
        max-height: 120px;
    }
}

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .recruiterlogo{
        max-height: 140px;
    }
}

/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .recruiterlogo{
        max-height: 160px;
    }
}

/* // Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .recruiterlogo{
        max-height: 180px;
    }
}