.popup-box
{
  position: fixed;
  bottom: 0px;
  right: 80px;
  background-color: #FFF;
  width: 350px;
  border-left: 1px solid rgb(99, 160, 235);
  border-right: 1px solid rgb(99, 160, 235);
  z-index: 100;
}

.popup-box .popup-head
{
  height: 40px;
  width: 100%;
  background-color: #3987E8;
  padding: 5px;
  color: white;
  font-size: 15px;
  clear: both;
}

.popup-box .popup-head .popup-head-left
{
  float: left;
  margin: 5px 0 0 10px;
}

.popup-box .popup-head .popup-head-left i
{
  margin-right: 5px;
}

.popup-box .fs-float-left {
  float: left;
}

.popup-box .fs-float-right {
  float: right;
}

.popup-box .popup-head .popup-head-right
{
  float: right;
  margin-top: 5px;
  margin-right: 15px;
}

.popup-box .popup-head .popup-head-right a
{
    text-decoration: none;
    color: inherit;
}

.popup-box #popup-box-collapse {
  position:relative;
}

.popup-box #popup-box-collapse:before {
  font-family: 'Font Awesome 5 Free';
  content: "\f078"; 
}

.popup-box #popup-box-collapse.collapsed:before {
  font-family: 'Font Awesome 5 Free';
  content: "\f077"; 
}

.popup-box .popup-messages
{
    height: 100%;
    overflow-y: scroll;
}

.popup-box .popup-messages .cmp_school_item {
  padding: 5px 23px 3px 15px;
  border-bottom: solid 1px #EEE;
}
.popup-box .popup-messages .cmp_school_item:after {
  content: "";
  display: table;
  clear: both;
}

.popup-box .popup-messages .cmp_school_icon {
  margin-right: 10px;
}

.popup-box .popup-messages .cmp_school_icon img {
  width: 35px;
  height: 35px;
}

.popup-box .popup-messages .cmp_school_start {
  padding-top: 10px;
  padding-left: 20px;
  background-color: #FAFAFA;
  height: 35px;
}

.popup-box .popup-messages .cmp_school_start .fs-float-left i.fa {
  margin-right: 10px;
}

.popup-box .popup-messages .cmp_school_start .fs-float-right {
  padding-right: 23px;
}

.popup-box .popup-messages .cmp_school_start .fs-float-right i.fa {
  margin-left: 10px;
}

.popup-box .popup-messages .cmp_school_close {
  margin-top: 5px;
}


@media (min-width: 992px) {
}
@media (max-width: 991px) {
    .popup-box {
        width: auto;
        right: 0px;
        
    }
    .popup-box .popup-messages .cmp_school_item {
    padding-top: 5px;
}
   
}