@media (max-width: 991px) {
    .wrapper {
        width: 100%;
        height: 100%;
        -ms-grid-rows: 4.25rem 1fr 1rem;
        -ms-grid-columns: 250px 1fr;   
        grid-template-rows: 4.25rem auto 1.2rem;
        grid-template-columns: 250px 1fr; 
    }
    /* HEADER */
    .main-header {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        background-color: #5883b2;
        padding: 0;
    }
    .main-header .sidebar-toggle {
        display: inline-block;
        padding: 0.3em 0.5em;
		font-size: 1.3rem;
        color: white;
    }
    .main-header .logo {
        display: none;
    }
    .main-header .logo-developer {
        display: none;
    }
    .main-header .app-title {
        display: none;
    }
    .main-header .app-title-small {
        display: unset;
        color: white;
		font-size: 1.2rem;
    }
    .main-header .separator {
        display: none;
    }
    .main-header .app-page {
        display: block;
        width: 100%;
        background-color: aliceblue;
        font-size: 1.1rem; /* 11px;*/
        text-align: center;
        padding: 0.3em 0.5em;
        box-shadow: 0 0 2px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    }
    .main-header .navbar-static-top {
        display: inline;
        height: 1rem; /* 14px; */
        /*position: fixed;
        top: 0;
        right: 0;*/
    }
    .main-header .navbar-top ul, .main-header .navbar-top ul li a {
        color: white;
    }
    .main-header .navbar-top li .dropdown-toggle {
        font-size: 1.3rem;
		/*padding: 0.1em 0.1em;*/
    }
    .main-header a span.label {
        /*top: -2px;
        right: -4px;
        font-size: 7px;*/
    }
    .main-header .lang, .main-header a.lang {
        margin-top: 5px;
		padding: 0.1em 0.1em;
        width: 1.3rem;
        height: 1.3rem;
    }
    .main-header .navbar-top li .dropdown-toggle span.dropdown-user-name, .main-header .navbar-top li .dropdown-toggle span.dropdown-group-name {
        display: none;
    }
    
    /* SIDEBAR */
    .main-sidebar {
        /*margin-top: 44px;*/
        box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
        z-index: 1000;
    }
    .main-sidebar .dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item {
        font-size: 1.2rem;/* 12px;*/
        line-height: 20px;
    }
    .main-sidebar .dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item .dhxtreeview_item_text {
        font-size: 1.2rem;/* 12px;*/
        height: 20px;
        line-height: 20px;
    }
    .main-sidebar .dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item .dhxtreeview_item_text .dhxtreeview_item_icon {
        font-size: 1.2rem;/* 12px;*/
        height: 20px;
        line-height: 20px;
    }
    .main-sidebar .dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item .dhxtreeview_item_text .dhxtreeview_item_icon
            i.dhxtreeview_icon {
        height: 20px;
    }
    .main-sidebar .dhxtreeview_material div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item .dhxtreeview_item_text .dhxtreeview_item_label {
        height: 20px;
    }
    
    /* CONTENT */
    .content {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-row: 2;
        grid-column-start: 1;
        grid-column-end: 3;
        padding-top: 0px;
    } 
    
    /* ALARMS */
    .mobile .dispatcher, .mobile .workord {
        min-width: unset;
    }
    
    .mobile .dispatcher .page_title, .mobile .workord .page_title {
        font-size: 1.2em !important;
        padding: 8px 3px 6px 3px;
    }
    
    .mobile .dispatcher .ch_title, .mobile .workord .ch_title {
        font-size: 110%;
        line-height: 115%;
        overflow: hidden;
        /*width: 100%;*/
    }
    .mobile .dispatcher .ch_title .label, .mobile .workord .ch_title .label {
        float: left;
        display: inline-block;
        clear: left;
        text-align: left;
    }
    .mobile .dispatcher .ch_title .value, .mobile .workord .ch_title .value,
        .dispatcher .ch_title a#incident-edit-code, .dispatcher .ch_title a#incident-edit-component {
        float: left;
        text-align: left;
    }
    .mobile .dispatcher .ch_content, .mobile .workord .ch_content {
        font-size: 100%;
        line-height: 120%;
    }
    .mobile .dispatcher ul, .mobile .workord ul {
        padding: 6px 10px 6px 20px;
    }
 
    /* WORK ORDERS */   
    div.wolist_buttons {
        padding-right: 6px;
    }
}

/* ALARMS */
.dhx_list_alarms_list_item, .dhx_list_alarms_list_item_selected {
    cursor: pointer;
}

.dhx_list .dhx_list_alarms_list_item, .dhx_list .dhx_list_alarms_list_item_selected {
    border-right: none;
    border-bottom: 1px solid #eee;
    border-left: 2px solid transparent;
}

.dhx_list .dhx_list_alarms_list_item_selected {
    background-color: #eee;
    color: #404040;
    border-color: #eee;
    background-repeat: repeat-x;
    border-left: 2px solid #39c;
}

.dhx_list_alarms_list_item_selected .dhx_light {
    color: #C3C3C3;
}

.dhx_list_alarms_list_item .A1, .dhx_list_alarms_list_item_selected .A1, .dhx_dataview_work_orders_item .A1, .dhx_dataview_work_orders_item_selected .A1 {
    color: red;
}
.dhx_list_alarms_list_item .A2, .dhx_list_alarms_list_item_selected .A2, .dhx_dataview_work_orders_item .A2, .dhx_dataview_work_orders_item_selected .A2 {
    color: orange;
}
.dhx_list_alarms_list_item .A3, .dhx_list_alarms_list_item_selected .A3, .dhx_dataview_work_orders_item .A3, .dhx_dataview_work_orders_item_selected .A3 {
    color: yellow;
}
.dhx_list_alarms_list_item .A4, .dhx_list_alarms_list_item_selected .A4, .dhx_dataview_work_orders_item .A4, .dhx_dataview_work_orders_item_selected .A4 {
    color: lime;
}
.dhx_list_alarms_list_item .A5, .dhx_list_alarms_list_item_selected .A5, .dhx_dataview_work_orders_item .A5, .dhx_dataview_work_orders_item_selected .A5 {
    color: #3300ff;
}
.dhx_list_alarms_list_item .fa-bell, .dhx_list_alarms_list_item_selected .fa-bell {
    font-size: 120% !important;
}
.dhx_list_alarms_list_item .alarm_list_item_status, .dhx_list_alarms_list_item_selected .alarm_list_item_status {
    font-size: 90%;
    margin-left: 0.3em;
    background-color: #5883b2;
    color: white;
    border: 1px solid #5883b2;
    display: inline-block;
    padding: 0.2em 0.4em;
    border-radius: 1em;
}
.dhx_list_alarms_list_item .alarm_list_item_reference, .dhx_list_alarms_list_item_selected .alarm_list_item_reference {
    font-size: 110%;
    color: #5883b2;
    margin-bottom: 0.5em;
}