@media screen and (-webkit-min-device-pixel-ratio:0) {

   #surveys-datatable{
    	width: 100%;
    }
    #user-report-datatable{
    	width: 100%;
    }
    #user-accumulated-points-datatable{
    	width: 100%;
    }
    #m_datatable{
    	width: 100%;
    }
    #m-datatable--1072920463367{
    	width: 100%;
    }
    #m-datatable__table{
    	width: 100%;
    }
    table#courses{
    	width: 100%;
    }


    #user-chat-container {
      height: 375px;
      padding: 0;
    }

    #user-chat-container .m-portlet--full-height {
      height: calc(100% - 105px);
      position: fixed;
    }

    #user-chat-container .m-portlet__head {
      padding: 0 !important;
    }

    #user-chat-container .m-portlet__head-title {
      width: 100%;
    }

    #user-chat-container .m-portlet__head-text {
      padding: 0;
    }

    #user-chat-container .m-portlet__head-text .form-group {
      margin-bottom: 0;
    }

    #user-chat-container .m-portlet__head-text .form-group .form-control {
      border: 0;
    }

    #user-chat-container .m-portlet__body {
      padding: 0;
    }

    #user-chat-container .m-widget4__item {
      padding: 0.5rem;
    }

    #user-chat-container #chat-participants-container {
      height: 40%;
      overflow-y: scroll;
    }

    #user-chat-container #chat-participants-container .chat-participant-image > img {
      width: 2rem;
    }

    #user-chat-container #chat-participants-container .online-status {
      color: #DADADA;
    }

    #user-chat-container #chat-participants-container .online-status.active {
      color: #00ff00;
    }

    #user-chat-container #messages-container {
      border-top: 1px solid #DADADA;
      height: 57%;
      overflow-y: scroll;
    }

    #user-chat-container #messages-container .m-widget4__img img {
      width: 2rem;
    }

    #user-chat-container #message-input-container {
      position: relative;
      top: 2px;
    }

    h3#group-name {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }

    #open-chat-button {
      position: fixed;
      bottom: 21px;
      right: 45px;
    }
    .close {
      /* position: absolute;
      right: 32px;
      top: 32px;
      width: 32px;
      height: 32px;
      opacity: 0.3; */
    }
    /* .close:hover {
      opacity: 1;
    } */


    @media only screen and (max-width : 375px) {
      #user-chat-container .m-portlet--full-height {
        height: auto;
        position: absolute;
      }
    }
}

@media only screen and (max-width : 768px) {
  .m-body {
    width: 100% !important;
  }
}



#tblActivityAndEngagement{
    overflow-x: hidden !important;
}

#tblActivityLogins{
    overflow-x: hidden !important;
}

@media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    #surveys-datatable{
    	width: 100%;
    }
    #user-report-datatable{
    	width: 100%;
    }
    #user-accumulated-points-datatable{
    	width: 100%;
    }
    #m_datatable{
    	width: 100%;
    }
    #m-datatable--1072920463367{
    	width: 100%;
    }
    #m-datatable__table{
    	width: 100%;
    }
    table#courses{
    	width: 100%;
    }
    .m-widget14.courses-snapshot-chart-m-widget14 {
        width: 100% !important;
    }
}

h4.m-widget24__title {
    width: 70%;
}

.m-widget24 .m-widget24__item .m-widget24__stats {
    position: absolute;
    top: 40px;
    right: 28px;
    float: none;
    margin-top: 0;
    margin-right: 0;
}

@media only screen and (max-device-width: 480px) and (min-device-width: 320px){
    .m-nav.m-nav--inline {
        height: auto;
    }

    .m-header--fixed-mobile .m-topbar {
        top: -95px;
    }
    .employee-activity-summary {
        font-size: 12px;
        font-weight: 600;
    }

    #report-overview-container .text-center{
        text-align: left !important;
    }

    .no-padding {
        margin-bottom: 10px;
    }

    #tblActivityAndEngagement{
        overflow-x: scroll !important;
    }

    #tblActivityLogins{
        overflow-x: scroll !important;
    }

    .m-body {
      width: 100% !important;
    }

}



.m-quick-sidebar.m-quick-sidebar--on {
    left: 0;
}

.m-quick-sidebar .m-quick-sidebar__close {
    color: white;
    left: 240px;
    top: 19px;
}

.hide {
    display: none;
}

.toggle-conference-button {
    text-align: right;
    margin: 0px 0px 12px 0px;
}

#tblWebex th{
    width: 25%;
}