*{box-sizing:border-box}
html,body{margin:0;max-width:100%;overflow-x:hidden!important;font-size:14px}

/* Only real sidebars, not .side nav */
.sidebar,aside{
    width:240px!important;
    min-width:240px!important;
    max-width:240px!important;
    position:fixed!important;
    left:0!important;
    top:0!important;
    bottom:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
}

.main,main{
    margin-left:240px!important;
    width:calc(100% - 240px)!important;
    max-width:calc(100% - 240px)!important;
    overflow-x:hidden!important;
}

.content,.page,.page-content{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
    padding:20px!important;
}

.card{
    max-width:100%!important;
    overflow-x:auto!important;
}

table{
    width:100%!important;
    max-width:100%!important;
    border-collapse:collapse!important;
}

th,td{
    word-break:break-word!important;
    white-space:normal!important;
    font-size:13px!important;
}

input,textarea,select{
    max-width:100%!important;
}

button,.btn{
    white-space:nowrap!important;
}

.bubble,
.last,
.threadMsgs,
.contact,
.thread,
.contactList{
    min-width:0!important;
    max-width:100%!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
}

@media(max-width:900px){
    .sidebar,aside{
        position:relative!important;
        width:100%!important;
        min-width:100%!important;
        max-width:100%!important;
        height:auto!important;
    }
    .main,main{
        margin-left:0!important;
        width:100%!important;
        max-width:100%!important;
    }
}