.inbox-wrapper {
    overflow:hidden;
    margin:-15px;
}

    .inbox-item {
        border-bottom:1px solid #efefef;
    }

        .inbox-item .glyphicon {
            position:relative;
            top:1px;
        }

        .inbox-item {
            display:block;
            text-decoration:none;
            padding:15px;
            position:relative;
        }

        .inbox-item a {
            text-decoration:none;
        }

            .inbox-item a .inbox-title {
                font-size:16px;
                line-height:20px;
                margin-bottom:2px;
                font-weight:700;
                color:#F15A24;
            }

            .inbox-item a .inbox-title-reference {
                font-size:16px;
                line-height:20px;
                margin-bottom:2px;
                font-weight:700;
                color:#000;
            }

            .inboxfilter{
                display: inline;
                width: 50%;
            }
            .inbox-item a .inbox-date {
                font-size:14px;
                color:#1f1f1f;
                line-height:18px;
                position:absolute;
                top:15px;
                right:15px;
            }

            .inbox-item a .inbox-latest-message {
                font-size:14px;
                line-height:18px;
                font-weight:400;
                color:#444;
            }

            .inbox-item a .inbox-latest-message .message-subject {
                font-weight:700;
            }

    .inbox-item:hover {
        background:#efefef;
    }

    .inbox-sms-border{
        border: 1px solid #F15A24;
    }
    .inbox-inbound-message{
        color: #000 !important;
    }
    .inbox-outbound-message{
        color: #000 !important ;
       
    }
    .inboxpanel{
        padding: 1px !important;
    }

    .inbox-tab-active a{
        color:#fff !important;
        font-weight:700 !important;
        background-color: #F15A24 !important;
        border-color: #F15A24 !important;
    }

    .inbox-tab a{
        color:#F15A24 !important;
        font-weight:400 !important;
        border-color: #F15A24 !important;
    }

    .inbox-bg-orange{
        background-color: #F15A24 !important;
    }
    .inbox-item:last-child {
        border-bottom:0;
        padding-bottom:0;
        margin-bottom:0;
    }

    .load-more {
        height:60px;
        line-height:60px;
        text-align:center;
        font-size:14px;
        font-weight:700;
        color:#999;
        cursor:pointer;
        clear:both;
    }

    .load-more:hover {
        background:#efefef;
    }

    .nav-tabs .conversation-title {
        display:inline-block;
        padding:11px 0 0 0;
    }

.messages-wrapper {
    overflow:hidden;
    background:#efefef;
    /*margin:-15px;*/
}

    .message-item {
        width:60%;
        background:#efefef;
        margin:15px 15px 10px 15px;
      
    }

    .message-item-message {
        background:#fff;
        padding:15px;
        border-radius:20px;
        position:relative;
    }

    .message-item-message.whatsapp.out {
        min-height: 80px;
    }

    .message-item-title {
        padding-left:15px;
    }
    .message-item:last-child {
        margin-bottom:15px;
    }

    .message-item.inbound {
        /*border: 1px solid #5cb85c;*/
    }

    .message-item.outbound {
        float:right;
        /*border: 1px solid #F15A24;
        border-color: #F15A24;*/
    }
    .ne-except{
        border: 1px #000 solid;
    }

        .message-item .glyphicon {
            position:relative;
            top:1px;
        }

        .message-item .message-title {
            font-size:16px;
            line-height:20px;
            margin-bottom:2px;
            font-weight:700;
            color:#1f1f1f;
            }

        .message-item .message-date {
            font-size:14px;
            color:#1f1f1f;
            line-height:18px;
            position:absolute;
            top:15px;
            right:15px;
        }

        .message-item .message-status {
            font-size:14px;
            color:#1f1f1f;
            line-height:18px;
            position:absolute;
            bottom:15px;
            right:15px;
        }

        .message-item .message-status.sent {
            color: #ccc;
        }

        .message-item .message-status.received {
            color: #ccc;
        }
        
        .message-item .message-status.read {
            color: #5cb85c;
        }
        
        .message-item .message-latest-message {
            font-size:14px;
            line-height:18px;
            font-weight:400;
            color:#444;
            padding-right: 180px;
        }

        .message-item .message-latest-message .message-subject {
            font-weight:700;
        }

        .message-warning {
            width:100%;
            color: red;
            background-color: #fcf8e3;
            border-color: #faebcc;
            padding:10px;
            border-radius:30px;
            text-align: center;
        }
        .index-message-warning{
            color: red;
        }

.new-message {
    width:100%;
    margin:15px 0px 15px 0px;
    overflow:hidden;
    border-bottom:1px solid #f5f5f5;
}

    .new-message .messsage-input {
        margin-top:20px;
    }

    .new-message .messsage-input textarea {
        width:100%;
        height:300px;
    }

    .new-message .message-action {
        overflow:hidden;
        margin-top:15px;
        margin-bottom:15px;
    }

.loader,
.loader:before,
.loader:after {
  border-radius: 50%;
  width: 1em;
  height: 1em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}
.loader {
  color: #333;
  font-size: 10px;
  margin: 0 auto;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:before,
.loader:after {
  content: '';
  position: absolute;
  top: 0;
}
.loader:before {
  left: -2.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader:after {
  left: 2.5em;
}
@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}