.sp_docontrol															{ width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; }

#docontrol_runtime														{ width: 100%; height: 100%; position: relative; display: inline-block; }
#docontrol_runtime.alarmOpen											{ width: calc(100% - 354px); }

#slidepane.sp_slidepane													{ position: relative; opacity: 0.6; }
#slidepane.sp_slidepane:hover											{ opacity: 1; }
#slidepane.sp_slidepane_top												{ width: 100%; height: 0; }
#slidepane.sp_slidepane_right											{ height: 100%; }
#slidepane.sp_slidepane_bottom											{ width: 100%; }
#slidepane.sp_slidepane_left											{ height: 100%; width: 0; }

#docontrol_alarms														{ transition: all .25s; width: 0; height: 100%; position: relative; display: inline-block; vertical-align: top; z-index: 10; }
#docontrol_alarms.open													{ width: 354px; }

#docontrol_alarms .sp_tab												{ opacity: 0.8; z-index: 20; transition: all .25s; }
#docontrol_alarms .sp_tab:hover											{ opacity: 1; }

#docontrol_alarms .sp_tab_top,
#docontrol_alarms .sp_tab_bottom,
#docontrol_alarms .sp_tab_left,
#docontrol_alarms .sp_tab_right											{ position: fixed; cursor: pointer; background-size: contain; background-repeat: no-repeat; background-position: center center; }
  
#docontrol_alarms .sp_tab_left											{ left: calc(100% - 30px); top: 50%; bottom: 50%; width: 30px; height: 80px; }
#docontrol_alarms .sp_tab_right											{ right: 0; top: 50%; bottom: 50%; width: 30px; height: 80px; }
#docontrol_alarms .sp_tab_top											{ top: 0; left: 50%; right: 50%; width: 80px; height: 30px; }
#docontrol_alarms .sp_tab_bottom										{ bottom: 0; left: 50%; right: 50%; width: 80px; height: 30px; }

#docontrol_alarms .sp_topcorner											{ border-top-left-radius: 5px; border-top-right-radius: 5px; }
#docontrol_alarms .sp_bottomcorner										{ border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
#docontrol_alarms .sp_rightcorner										{ border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
#docontrol_alarms .sp_leftcorner										{ border-top-left-radius: 5px; border-bottom-left-radius: 5px; }

#docontrol_alarms.open .sp_tab_left										{ left: calc(100% - 384px); }

.dx-scrollable-native.dx-scrollable-both .dx-scrollable-container		{ overflow-x: hidden !important; }
.dx-datagrid-rowsview .dx-datagrid-table .dx-freespace-row				{ display: none; }