@import "bootstrap/variables";
@import "bootstrap/mixins";
@import "custom/tab"; 
@import "plugin/_daterangepicker";

.msg-content-section{
    @media (min-width: $screen-xs-max){
        max-height: 670px;
        overflow: auto;
    }
    background: #fff;
    margin-bottom: 22px;
    -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.15);
    ul{
        li{
            padding:20px 30px;
            border-bottom: 1px solid $border-color;
            color: lighten($dark, 40%);
            &:last-child{
                border-bottom:0;
            }
            h4,h2{
                color: lighten($dark, 20%);
            }
            &.merchant{
                background: lighten($dark, 97%);
                padding-left: 55px;
            }
            &.msg-enter{
                padding-left: 55px;
            }
        }
    }
}
@media (max-width: 460px){
    .head-strip .createmail, .head-strip .tabsection, .order_tab ul li, .order_tab ul li .tab.cur_menu, .order_tab ul li .tab.active, .order_tab ul li .tab.selected, .order_tab ul li .tab{
        width: 100%;
    }
}
.msg-details{
    @media (min-width: $screen-xs-max){
        max-height: 670px;
        overflow: auto;
    }
}