.who {
    width: auto;
    height: auto;
    overflow: hidden;
}
#contentArea {
    clear: both;
    height: 400px !important;
}
.hdn {
    display: none;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.login-box {
    border: 3px solid #5B5E65;
    padding: 25px;
    border-radius: 15px;
    margin-bottom: 20px;
}
.msg {
    display: none;
    font-size: 11px;
    padding: 3px;
    margin-right: 20px;
    margin-bottom: 10px;
}
.msgBox {
    margin-top: 15px !important;
}
li.active {
    background-color: #46484E;
}
.tabs, .tabs:hover {
    color: #5b5e65 !important;
    color: #fff !important;
}
.profile-navbar {
    background-color: #5b5e65;
    border-color: #5b5e65;

}
.profile-navbar .navbar-brand {
    color: #fff;
}
.admin-header {
    background-color: #00A4E4;
    padding: 3px;
    color: #FFF;
    /* border-bottom: 2px solid #FFF;*/
}
.admin-box {
    background-color: #ececec;
    padding: 10px;
}
.notlink {
    cursor: default !important;
}

.column {
    float: left;
    width: 33.33%;
} 
@media screen and (max-width: 860px) {
    .column {
 float: none;
 width: 100%;
}
}

@media screen and (max-width: 1020px) {
.column {
 float: none;
 width: 100%;
}
}

@media screen and (max-width: 767px) {
.column {
 float: none;
 width: 100%;
}
}

@media screen and (max-width: 620px) {
.column {
 float: none;
 width: 100%;
}
}

@media screen and (max-width: 420px) {
.column {
 float: none;
 width: 100%;
}
}

#contentArea {
    overflow: auto !important;
    padding: 10px;
}