html {
    background: url(../images/background.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;    
}

body {
    min-height:60rem;
    padding-top:4.5rem;
    background-color:transparent;
}

/*---------------------------------
   Bootstrap Overides
  --------------------------------- */
.table .thead-lightblue {
    color: #fff;
    background-color: #7ea9d4;
    border-color: #7ea9d4;
}

.modal-subheader{
    padding:10px 3px;
    text-align: center;
}

/* For mobile Tab Menu */
.nav-pills .nav-link {
    border-radius:0px;
}

/* --------------------------------- */

.sysCardComExchange {
    border: solid 1px #caddf4;
    border-radius: 0.4rem;
}

.sysCardComExchange .card-header {
    background-color: #caddf4;
}

.sysCardNewsAndViews {
    border: solid 1px #d8c9a0;
    border-radius: 0.4rem;
}

.sysCardNewsAndViews .card-header {
    background-color: #d8c9a0;
}

.sysCardFind {
    border: solid 1px #caddf4;
    border-radius: 0.4rem;
}

.sysCardFind .card-header {
    background-color: #caddf4;
}

.postText {
    font-size:14px;
    font-weight:500;
}

//.spnButton {
//    cursor:pointer;
//}

.spnButton:hover {
    cursor:pointer;
    
}

.personLink {
    color: #365899;
    cursor: pointer;
    text-decoration: none;
    font-size:16px;
    font-weight: 700;
}

.postItem {
    background-color:#efefef;
    border:solid 1px #959595;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding:5px;
    margin-bottom:5px;
}
.postHeader {
    /* height:30px; */
}
.postHeader img {
    height:40px;
    width:40px;
    display:block;
    float:left;
    margin:5px;
}
.postHeader div.headerLeft {
    float: left;
    background: url(../images/circle_green.png) no-repeat;
    background-size: contain;
    width: 40px;
    height: 40px;
    color: white;
    font-weight: bold;
    text-align: center;
    /* padding-top: 7px; */
    line-height: 40px;
    margin: 5px;
    font-size: 16px;    
}
.postHeader div.headerRight {
    float: right;
}

.postHeader div {
    float:left;
    font-size:12px;    
}

/* ---------------------------------------- */
.peopleOnLineSwitch {
    position:fixed;
    top:80px;
    right:0px;
    height:20px;
    width:25px;
    background-color:transparent;
    display:none;    
}

.peopleOnLineSwitch:hover {
    cursor:pointer;
    color:green;
}

/* ---------------------------------------- */
.peopleOnLineList {
    font-size: 12px;
}

.peopleOnLineList .avatar {
    float: left;
    background-repeat: no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
    color: white;
    font-weight: bold;
    text-align: center;
    line-height: 30px;
    margin: 5px;
}

.peopleOnLineList .avatarName {
    float: left;
    height: 30px;
    line-height: 30px;
    margin-top: 5px;    
}

.peopleOnLineList .avatarName a {
    color:#333333;
}

.peopleOnLineList .avatarStatus {
    float: right;
    width: 15px;
    height: 30px;
    line-height: 30px;
    margin-top: 5px;    
}

/* ---------------------------------------- */
.friendChatItem {
    font-size: 12px;
    margin-bottom: 10px;
}

.friendChatItem:hover {
    cursor: pointer;
}

.friendChatItem .itemAvatar {
    float: left;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-size: contain;
    color: white;
    font-weight: bold;
    text-align: center;
    line-height: 40px;
}

.friendChatItem .itemDetails {
    margin-left:45px;
    height:40px;    
}

.friendChatItem .itemDetails div {
    height: 20px;
}

.friendChatItem .itemDetails div .f-left {
    float: left;
}

.friendChatItem .itemDetails div .f-right {
    float: right;
}
/* ----------------------------------------- */
.friendChatMsgDateHeader {
    width:100%;
    text-align:center;
    margin-bottom:10px;
}
.friendChatMsgDateHeader span {
    padding:3px 8px;
    background-color:green;
    border-radius:0.4rem;
}
.friendChatMsgItem {
    width: 100%;
}
.friendChatMsgItemRight {
    float:right;
    width:80%;
    padding:3px 8px;
    margin-bottom:10px;
    background-color:#dfffdf;
    border-radius: 0.4rem;
}
.friendChatMsgItemLeft {
    float:left;
    width:80%;
    padding:3px 8px;
    margin-bottom:10px;
    background-color:white;
    border-radius: 0.4rem;
}