/* ---------------------------------------------------------------------- */
/* Parameter - Images Common                                              */
/* ---------------------------------------------------------------------- */
/* ---------------------------------------------------------------------- */
/* Parameter - Login                                                      */
/* ---------------------------------------------------------------------- */
/* ---------------------------------------------------------------------- */
/* Parameter - About                                                      */
/* ---------------------------------------------------------------------- */
/* ---------------------------------------------------------------------- */
/* Parameter - Workspace                                                  */
/* ---------------------------------------------------------------------- */
/*Workspace*/
/* Only product title */
/*Widget*/
.i16global1-1,
.i16global1-2,
.i16global1-3,
.i16global1-4,
.i16global1-5,
.i16global1-6,
.i16global1-7,
.i16global1-8,
.i16global1-9,
.i16global1-10,
.i16global2-1,
.i16global2-2,
.i16global2-3,
.i16global2-4,
.i16global2-5,
.i16global2-6,
.i16global2-7,
.i16global2-8,
.i16global2-9,
.i16global2-10,
.i16global3-1,
.i16global3-2,
.i16global3-3,
.i16global3-4,
.i16global3-5,
.i16global3-6,
.i16global3-7,
.i16global3-8,
.i16global3-9,
.i16global3-10,
.i16global4-1,
.i16global4-2,
.i16global4-3,
.i16global4-4,
.i16global4-5,
.i16global4-6,
.i16global4-7,
.i16global4-8,
.i16global4-9,
.i16global4-10,
.i16global5-1,
.i16global5-2,
.i16global5-3,
.i16global5-4,
.i16global5-5,
.i16global5-6,
.i16global5-7,
.i16global5-8,
.i16global5-9,
.i16global5-10,
.i16global6-1,
.i16global6-2,
.i16global6-3,
.i16global6-4,
.i16global6-5,
.i16global6-6,
.i16global6-7,
.i16global6-8,
.i16global6-9,
.i16global6-10,
.i16global7-1,
.i16global7-2,
.i16global7-3,
.i16global7-4,
.i16global7-5,
.i16global7-6,
.i16global7-7,
.i16global7-8,
.i16global7-9,
.i16global7-10,
.i16global8-1,
.i16global8-2,
.i16global8-3,
.i16global8-4 {
  background-image: url('../../App_Themes/Office2010Silver/Icons/iconSprite16.png?v=20200330');
  background-repeat: no-repeat;
  background-color: transparent;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  background-size: 160px 160px;
}
[class*="i16global"][class*="dx-acc-s"] {
  background-image: url('../../App_Themes/Office2010Silver/Icons/iconSprite16.png?v=20200330') !important;
}
.sprite--override .i16global1-1,
.sprite--override .i16global1-2,
.sprite--override .i16global1-3,
.sprite--override .i16global1-4,
.sprite--override .i16global1-5,
.sprite--override .i16global1-6,
.sprite--override .i16global1-7,
.sprite--override .i16global1-8,
.sprite--override .i16global1-9,
.sprite--override .i16global1-10,
.sprite--override .i16global2-1,
.sprite--override .i16global2-2,
.sprite--override .i16global2-3,
.sprite--override .i16global2-4,
.sprite--override .i16global2-5,
.sprite--override .i16global2-6,
.sprite--override .i16global2-7,
.sprite--override .i16global2-8,
.sprite--override .i16global2-9,
.sprite--override .i16global2-10,
.sprite--override .i16global3-1,
.sprite--override .i16global3-2,
.sprite--override .i16global3-3,
.sprite--override .i16global3-4,
.sprite--override .i16global3-5,
.sprite--override .i16global3-6,
.sprite--override .i16global3-7,
.sprite--override .i16global3-8,
.sprite--override .i16global3-9,
.sprite--override .i16global3-10,
.sprite--override .i16global4-1,
.sprite--override .i16global4-2,
.sprite--override .i16global4-3,
.sprite--override .i16global4-4,
.sprite--override .i16global4-5,
.sprite--override .i16global4-6,
.sprite--override .i16global4-7,
.sprite--override .i16global4-8,
.sprite--override .i16global4-9,
.sprite--override .i16global4-10,
.sprite--override .i16global5-1,
.sprite--override .i16global5-2,
.sprite--override .i16global5-3,
.sprite--override .i16global5-4,
.sprite--override .i16global5-5,
.sprite--override .i16global5-6,
.sprite--override .i16global5-7,
.sprite--override .i16global5-8,
.sprite--override .i16global5-9,
.sprite--override .i16global5-10,
.sprite--override .i16global6-1,
.sprite--override .i16global6-2,
.sprite--override .i16global6-3,
.sprite--override .i16global6-4,
.sprite--override .i16global6-5,
.sprite--override .i16global6-6,
.sprite--override .i16global6-7,
.sprite--override .i16global6-8,
.sprite--override .i16global6-9,
.sprite--override .i16global6-10,
.sprite--override .i16global7-1,
.sprite--override .i16global7-2,
.sprite--override .i16global7-3,
.sprite--override .i16global7-4,
.sprite--override .i16global7-5,
.sprite--override .i16global7-6,
.sprite--override .i16global7-7,
.sprite--override .i16global7-8,
.sprite--override .i16global7-9,
.sprite--override .i16global7-10,
.sprite--override .i16global8-1,
.sprite--override .i16global8-2,
.sprite--override .i16global8-3,
.sprite--override .i16global8-4 {
  background-image: url('../../App_Themes/Office2010Silver/Icons/iconSprite16.png?v=20200330') !important;
}
.i16global1-1 {
  background-position: 0px 0px;
}
.i16global1-2 {
  background-position: -16px 0px;
}
.i16global1-3 {
  background-position: -32px 0px;
}
.i16global1-4 {
  background-position: -48px 0px;
}
.i16global1-5 {
  background-position: -64px 0px;
}
.i16global1-6 {
  background-position: -80px 0px;
}
.i16global1-7 {
  background-position: -96px 0px;
}
.i16global1-8 {
  background-position: -112px 0px;
}
.i16global1-9 {
  background-position: -128px 0px;
}
.i16global1-10 {
  background-position: -144px 0px;
}
.i16global2-1 {
  background-position: 0px -16px;
}
.i16global2-2 {
  background-position: -16px -16px;
}
.i16global2-3 {
  background-position: -32px -16px;
}
.i16global2-4 {
  background-position: -48px -16px;
}
.i16global2-5 {
  background-position: -64px -16px;
}
.i16global2-6 {
  background-position: -80px -16px;
}
.i16global2-7 {
  background-position: -96px -16px;
}
.i16global2-8 {
  background-position: -112px -16px;
}
.i16global2-9 {
  background-position: -128px -16px;
}
.i16global2-10 {
  background-position: -144px -16px;
}
.i16global3-1 {
  background-position: 0px -32px;
}
.i16global3-2 {
  background-position: -16px -32px;
}
.i16global3-3 {
  background-position: -32px -32px;
}
.i16global3-4 {
  background-position: -48px -32px;
}
.i16global3-5 {
  background-position: -64px -32px;
}
.i16global3-6 {
  background-position: -80px -32px;
}
.i16global3-7 {
  background-position: -96px -32px;
}
.i16global3-8 {
  background-position: -112px -32px;
}
.i16global3-9 {
  background-position: -128px -32px;
}
.i16global3-10 {
  background-position: -144px -32px;
}
.i16global4-1 {
  background-position: 0px -48px;
}
.i16global4-2 {
  background-position: -16px -48px;
}
.i16global4-3 {
  background-position: -32px -48px;
}
.i16global4-4 {
  background-position: -48px -48px;
}
.i16global4-5 {
  background-position: -64px -48px;
}
.i16global4-6 {
  background-position: -80px -48px;
}
.i16global4-7 {
  background-position: -96px -48px;
}
.i16global4-8 {
  background-position: -112px -48px;
}
.i16global4-9 {
  background-position: -128px -48px;
}
.i16global4-10 {
  background-position: -144px -48px;
}
.i16global5-1 {
  background-position: 0px -64px;
}
.i16global5-2 {
  background-position: -16px -64px;
}
.i16global5-3 {
  background-position: -32px -64px;
}
.i16global5-4 {
  background-position: -48px -64px;
}
.i16global5-5 {
  background-position: -64px -64px;
}
.i16global5-6 {
  background-position: -80px -64px;
}
.i16global5-7 {
  background-position: -96px -64px;
}
.i16global5-8 {
  background-position: -112px -64px;
}
.i16global5-9 {
  background-position: -128px -64px;
}
.i16global5-10 {
  background-position: -144px -64px;
}
.i16global6-1 {
  background-position: 0px -80px;
}
.i16global6-2 {
  background-position: -16px -80px;
}
.i16global6-3 {
  background-position: -32px -80px;
}
.i16global6-4 {
  background-position: -48px -80px;
}
.i16global6-5 {
  background-position: -64px -80px;
}
.i16global6-6 {
  background-position: -80px -80px;
}
.i16global6-7 {
  background-position: -96px -80px;
}
.i16global6-8 {
  background-position: -112px -80px;
}
.i16global6-9 {
  background-position: -128px -80px;
}
.i16global6-10 {
  background-position: -144px -80px;
}
.i16global7-1 {
  background-position: 0px -96px;
}
.i16global7-2 {
  background-position: -16px -96px;
}
.i16global7-3 {
  background-position: -32px -96px;
}
.i16global7-4 {
  background-position: -48px -96px;
}
.i16global7-5 {
  background-position: -64px -96px;
}
.i16global7-6 {
  background-position: -80px -96px;
}
.i16global7-7 {
  background-position: -96px -96px;
}
.i16global7-8 {
  background-position: -112px -96px;
}
.i16global7-9 {
  background-position: -128px -96px;
}
.i16global7-10 {
  background-position: -144px -96px;
}
.i16global8-1 {
  background-position: 0px -112px;
}
.i16global8-2 {
  background-position: -16px -112px;
}
.i16global8-3 {
  background-position: -32px -112px;
}
.i16global8-4 {
  background-position: -48px -112px;
}
.i22global1-1,
.i22global1-2,
.i22global1-3,
.i22global1-4,
.i22global1-5,
.i22global1-6,
.i22global1-7,
.i22global1-8,
.i22global1-9,
.i22global1-10,
.i22global2-1,
.i22global2-2,
.i22global2-3,
.i22global2-4,
.i22global2-5,
.i22global2-6,
.i22global2-7,
.i22global2-8,
.i22global2-9,
.i22global2-10,
.i22global3-1,
.i22global3-2,
.i22global3-3,
.i22global3-4,
.i22global3-5,
.i22global3-6,
.i22global3-7,
.i22global3-8,
.i22global3-9,
.i22global3-10,
.i22global4-1,
.i22global4-2,
.i22global4-3,
.i22global4-4,
.i22global4-5,
.i22global4-6,
.i22global4-7,
.i22global4-8,
.i22global4-9,
.i22global4-10,
.i22global5-1,
.i22global5-2,
.i22global5-3,
.i22global5-4,
.i22global5-5,
.i22global5-6,
.i22global5-7,
.i22global5-8,
.i22global5-9,
.i22global5-10,
.i22global6-1,
.i22global6-2,
.i22global6-3,
.i22global6-4,
.i22global6-5,
.i22global6-6,
.i22global6-7,
.i22global6-8,
.i22global6-9,
.i22global6-10,
.i22global7-1,
.i22global7-2,
.i22global7-3,
.i22global7-4,
.i22global7-5,
.i22global7-6,
.i22global7-7 {
  background-image: url('../../App_Themes/Office2010Silver/Icons/iconSprite22.png?v=20200330') !important;
  background-repeat: no-repeat;
  background-color: transparent;
  width: 22px;
  height: 22px;
  cursor: pointer;
  vertical-align: middle;
  background-size: 220px 220px;
}
[class*="i22global"][class*="dx-acc-s"] {
  background-image: url('../../App_Themes/Office2010Silver/Icons/iconSprite22.png?v=20200330') !important;
}
.i22global1-1 {
  background-position: 0px 0px;
}
.i22global1-2 {
  background-position: -22px 0px;
}
.i22global1-3 {
  background-position: -44px 0px;
}
.i22global1-4 {
  background-position: -66px 0px;
}
.i22global1-5 {
  background-position: -88px 0px;
}
.i22global1-6 {
  background-position: -110px 0px;
}
.i22global1-7 {
  background-position: -132px 0px;
}
.i22global1-8 {
  background-position: -154px 0px;
}
.i22global1-9 {
  background-position: -176px 0px;
}
.i22global1-10 {
  background-position: -198px 0px;
}
.i22global2-1 {
  background-position: 0px -22px;
}
.i22global2-2 {
  background-position: -22px -22px;
}
.i22global2-3 {
  background-position: -44px -22px;
}
.i22global2-4 {
  background-position: -66px -22px;
}
.i22global2-5 {
  background-position: -88px -22px;
}
.i22global2-6 {
  background-position: -110px -22px;
}
.i22global2-7 {
  background-position: -132px -22px;
}
.i22global2-8 {
  background-position: -154px -22px;
}
.i22global2-9 {
  background-position: -176px -22px;
}
.i22global2-10 {
  background-position: -198px -22px;
}
.i22global3-1 {
  background-position: 0px -44px;
}
.i22global3-2 {
  background-position: -22px -44px;
}
.i22global3-3 {
  background-position: -44px -44px;
}
.i22global3-4 {
  background-position: -66px -44px;
}
.i22global3-5 {
  background-position: -88px -44px;
}
.i22global3-6 {
  background-position: -110px -44px;
}
.i22global3-7 {
  background-position: -132px -44px;
}
.i22global3-8 {
  background-position: -154px -44px;
}
.i22global3-9 {
  background-position: -176px -44px;
}
.i22global3-10 {
  background-position: -198px -44px;
}
.i22global4-1 {
  background-position: 0px -66px;
}
.i22global4-2 {
  background-position: -22px -66px;
}
.i22global4-3 {
  background-position: -44px -66px;
}
.i22global4-4 {
  background-position: -66px -66px;
}
.i22global4-5 {
  background-position: -88px -66px;
}
.i22global4-6 {
  background-position: -110px -66px;
}
.i22global4-7 {
  background-position: -132px -66px;
}
.i22global4-8 {
  background-position: -154px -66px;
}
.i22global4-9 {
  background-position: -176px -66px;
}
.i22global4-10 {
  background-position: -198px -66px;
}
.i22global5-1 {
  background-position: 0px -88px;
}
.i22global5-2 {
  background-position: -22px -88px;
}
.i22global5-3 {
  background-position: -44px -88px;
}
.i22global5-4 {
  background-position: -66px -88px;
}
.i22global5-5 {
  background-position: -88px -88px;
}
.i22global5-6 {
  background-position: -110px -88px;
}
.i22global5-7 {
  background-position: -132px -88px;
}
.i22global5-8 {
  background-position: -154px -88px;
}
.i22global5-9 {
  background-position: -176px -88px;
}
.i22global5-10 {
  background-position: -198px -88px;
}
.i22global6-1 {
  background-position: 0 -110px;
}
.i22global6-2 {
  background-position: -22px -110px;
}
.i22global6-3 {
  background-position: -44px -110px;
}
.i22global6-4 {
  background-position: -66px -110px;
}
.i22global6-5 {
  background-position: -88px -110px;
}
.i22global6-6 {
  background-position: -110px -110px;
}
.i22global6-7 {
  background-position: -132px -110px;
}
.i22global6-8 {
  background-position: -154px -110px;
}
.i22global6-9 {
  background-position: -176px -110px;
}
.i22global6-10 {
  background-position: -198px -110px;
}
.i22global7-1 {
  background-position: 0 -132px;
}
.i22global7-2 {
  background-position: -22px -132px;
}
.i22global7-3 {
  background-position: -44px -132px;
}
.i22global7-4 {
  background-position: -66px -132px;
}
.i22global7-5 {
  background-position: -88px -132px;
}
.i22global7-6 {
  background-position: -110px -132px;
}
.i22global7-7 {
  background-position: -132px -132px;
}
.i32global1-1,
.i32global1-2,
.i32global1-3,
.i32global1-4,
.i32global1-5,
.i32global1-6,
.i32global1-7,
.i32global1-8,
.i32global1-9,
.i32global1-10,
.i32global2-1,
.i32global2-2,
.i32global2-3,
.i32global2-4,
.i32global2-5,
.i32global2-6,
.i32global2-7,
.i32global2-8,
.i32global2-9,
.i32global2-10,
.i32global3-1,
.i32global3-2,
.i32global3-3,
.i32global3-4,
.i32global3-5,
.i32global3-6,
.i32global3-7,
.i32global3-8,
.i32global3-9,
.i32global3-10,
.i32global4-1,
.i32global4-2,
.i32global4-3,
.i32global4-4,
.i32global4-5,
.i32global4-6,
.i32global4-7,
.i32global4-8,
.i32global4-9,
.i32global4-10,
.i32global5-1,
.i32global5-2,
.i32global5-3,
.i32global5-4,
.i32global5-5,
.i32global5-6,
.i32global5-7,
.i32global5-8,
.i32global5-9,
.i32global5-10,
.i32global6-1,
.i32global6-2,
.i32global6-3,
.i32global6-4,
.i32global6-5,
.i32global6-6,
.i32global6-7 {
  background-image: url('../../App_Themes/Office2010Silver/Icons/iconSprite32.png?v=20200330') !important;
  background-repeat: no-repeat;
  background-color: transparent;
  width: 32px;
  height: 32px;
  vertical-align: middle;
  background-size: 320px 320px;
}
[class*="i32global"][class*="dx-acc-s"] {
  background-image: url('../../App_Themes/Office2010Silver/Icons/iconSprite32.png?v=20200330') !important;
}
.i32global1-1 {
  background-position: 0px 0px;
}
.i32global1-2 {
  background-position: -32px 0px;
}
.i32global1-3 {
  background-position: -64px 0px;
}
.i32global1-4 {
  background-position: -96px 0px;
}
.i32global1-5 {
  background-position: -128px 0px;
}
.i32global1-6 {
  background-position: -160px 0px;
}
.i32global1-7 {
  background-position: -192px 0px;
}
.i32global1-8 {
  background-position: -224px 0px;
}
.i32global1-9 {
  background-position: -256px 0px;
}
.i32global1-10 {
  background-position: -288px 0px;
}
.i32global2-1 {
  background-position: 0px -32px;
}
.i32global2-2 {
  background-position: -32px -32px;
}
.i32global2-3 {
  background-position: -64px -32px;
}
.i32global2-4 {
  background-position: -96px -32px;
}
.i32global2-5 {
  background-position: -128px -32px;
}
.i32global2-6 {
  background-position: -160px -32px;
}
.i32global2-7 {
  background-position: -192px -32px;
}
.i32global2-8 {
  background-position: -224px -32px;
}
.i32global2-9 {
  background-position: -256px -32px;
}
.i32global2-10 {
  background-position: -288px -32px;
}
.i32global3-1 {
  background-position: 0px -64px;
}
.i32global3-2 {
  background-position: -32px -64px;
}
.i32global3-3 {
  background-position: -64px -64px;
}
.i32global3-4 {
  background-position: -96px -64px;
}
.i32global3-5 {
  background-position: -128px -64px;
}
.i32global3-6 {
  background-position: -160px -64px;
}
.i32global3-7 {
  background-position: -192px -64px;
}
.i32global3-8 {
  background-position: -224px -64px;
}
.i32global3-9 {
  background-position: -256px -64px;
}
.i32global3-10 {
  background-position: -288px -64px;
}
.i32global4-1 {
  background-position: 0px -96px;
}
.i32global4-2 {
  background-position: -32px -96px;
}
.i32global4-3 {
  background-position: -64px -96px;
}
.i32global4-4 {
  background-position: -96px -96px;
}
.i32global4-5 {
  background-position: -128px -96px;
}
.i32global4-6 {
  background-position: -160px -96px;
}
.i32global4-7 {
  background-position: -192px -96px;
}
.i32global4-8 {
  background-position: -224px -96px;
}
.i32global4-9 {
  background-position: -256px -96px;
}
.i32global4-10 {
  background-position: -288px -96px;
}
.i32global5-1 {
  background-position: 0px -128px;
}
.i32global5-2 {
  background-position: -32px -128px;
}
.i32global5-3 {
  background-position: -64px -128px;
}
.i32global5-4 {
  background-position: -96px -128px;
}
.i32global5-5 {
  background-position: -128px -128px;
}
.i32global5-6 {
  background-position: -160px -128px;
}
.i32global5-7 {
  background-position: -192px -128px;
}
.i32global5-8 {
  background-position: -224px -128px;
}
.i32global5-9 {
  background-position: -256px -128px;
}
.i32global5-10 {
  background-position: -288px -128px;
}
.i32global6-1 {
  background-position: 0px -160px;
}
.i32global6-2 {
  background-position: -32px -160px;
}
.i32global6-3 {
  background-position: -64px -160px;
}
.i32global6-4 {
  background-position: -96px -160px;
}
.i32global6-5 {
  background-position: -128px -160px;
}
.i32global6-6 {
  background-position: -160px -160px;
}
.i32global6-7 {
  background-position: -192px -160px;
}
.iFunction1-1,
.iFunction1-2,
.iFunction1-3,
.iFunction1-4,
.iFunction1-5,
.iFunction1-6,
.iFunction1-7,
.iFunction1-8,
.iFunction1-9,
.iFunction1-10,
.iFunction2-1,
.iFunction2-2,
.iFunction2-3,
.iFunction2-4,
.iFunction2-5,
.iFunction2-6,
.iFunction2-7,
.iFunction2-8,
.iFunction2-9,
.iFunction2-10,
.iFunction3-1,
.iFunction3-2,
.iFunction3-3,
.iFunction3-4,
.iFunction3-5,
.iFunction3-6,
.iFunction3-7,
.iFunction3-8,
.iFunction3-9 {
  background-image: url('../../App_Themes/Office2010Silver/Icons/iconSpriteMenuBar.png?v=20200330') !important;
  background-repeat: no-repeat;
  background-color: transparent;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  background-size: 160px 160px;
}
.iFunction1-1 {
  background-position: 0px 0px;
}
.iFunction1-2 {
  background-position: -16px 0px;
}
.iFunction1-3 {
  background-position: -32px 0px;
}
.iFunction1-4 {
  background-position: -48px 0px;
}
.iFunction1-5 {
  background-position: -64px 0px;
}
.iFunction1-6 {
  background-position: -80px 0px;
}
.iFunction1-7 {
  background-position: -96px 0px;
}
.iFunction1-8 {
  background-position: -112px 0px;
}
.iFunction1-9 {
  background-position: -128px 0px;
}
.iFunction1-10 {
  background-position: -144px 0px;
}
.iFunction2-1 {
  background-position: 0px -16px;
}
.iFunction2-2 {
  background-position: -16px -16px;
}
.iFunction2-3 {
  background-position: -32px -16px;
}
.iFunction2-4 {
  background-position: -48px -16px;
}
.iFunction2-5 {
  background-position: -64px -16px;
}
.iFunction2-6 {
  background-position: -80px -16px;
}
.iFunction2-7 {
  background-position: -96px -16px;
}
.iFunction2-8 {
  background-position: -112px -16px;
}
.iFunction2-9 {
  background-position: -128px -16px;
}
.iFunction2-10 {
  background-position: -144px -16px;
}
.iFunction3-1 {
  background-position: 0px -32px;
}
.iFunction3-2 {
  background-position: -16px -32px;
}
.iFunction3-3 {
  background-position: -32px -32px;
}
.iFunction3-4 {
  background-position: -48px -32px;
}
.iFunction3-5 {
  background-position: -64px -32px;
}
.iFunction3-6 {
  background-position: -80px -32px;
}
.iFunction3-7 {
  background-position: -96px -32px;
}
.iFunction3-8 {
  background-position: -112px -32px;
}
.iFunction3-9 {
  background-position: -128px -32px;
}
.iGridCell1-1,
.iGridCell1-2,
.iGridCell1-3,
.iGridCell1-4,
.iGridCell1-5,
.iGridCell1-6,
.iGridCell1-7,
.iGridCell1-8,
.iGridCell1-9,
.iGridCell1-10,
.iGridCell2-1,
.iGridCell2-2,
.iGridCell2-3,
.iGridCell2-4,
.iGridCell2-5,
.iGridCell2-6,
.iGridCell2-7,
.iGridCell2-8,
.iGridCell2-9,
.iGridCell2-10,
.iGridCell3-1,
.iGridCell3-2,
.iGridCell3-3,
.iGridCell3-4,
.iGridCell3-5,
.iGridCell3-6,
.iGridCell3-7,
.iGridCell3-8,
.iGridCell3-9,
.iGridCell3-10,
.iGridCell4-1,
.iGridCell4-2,
.iGridCell4-3,
.iGridCell4-4,
.iGridCell4-5,
.iGridCell4-6,
.iGridCell4-7,
.iGridCell4-8,
.iGridCell4-9,
.iGridCell4-10,
.iGridCell5-1,
.iGridCell5-2,
.iGridCell5-3,
.iGridCell5-4,
.iGridCell5-5,
.iGridCell5-6,
.iGridCell5-7,
.iGridCell5-8,
.iGridCell5-9,
.iGridCell5-10,
.iGridCell6-1,
.iGridCell6-2 {
  background-image: url('../../App_Themes/Office2010Silver/Icons/iconSpriteGridCell.png?v=20200330') !important;
  background-repeat: no-repeat;
  background-color: transparent;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  background-size: 160px 160px;
}
.iGridCell1-1 {
  background-position: 0px 0px;
}
.iGridCell1-2 {
  background-position: -16px 0px;
}
.iGridCell1-3 {
  background-position: -32px 0px;
}
.iGridCell1-4 {
  background-position: -48px 0px;
}
.iGridCell1-5 {
  background-position: -64px 0px;
}
.iGridCell1-6 {
  background-position: -80px 0px;
}
.iGridCell1-7 {
  background-position: -96px 0px;
}
.iGridCell1-8 {
  background-position: -112px 0px;
}
.iGridCell1-9 {
  background-position: -128px 0px;
}
.iGridCell1-10 {
  background-position: -144px 0px;
}
.iGridCell2-1 {
  background-position: 0px -16px;
}
.iGridCell2-2 {
  background-position: -16px -16px;
}
.iGridCell2-3 {
  background-position: -32px -16px;
}
.iGridCell2-4 {
  background-position: -48px -16px;
}
.iGridCell2-5 {
  background-position: -64px -16px;
}
.iGridCell2-6 {
  background-position: -80px -16px;
}
.iGridCell2-7 {
  background-position: -96px -16px;
}
.iGridCell2-8 {
  background-position: -112px -16px;
}
.iGridCell2-9 {
  background-position: -128px -16px;
}
.iGridCell2-10 {
  background-position: -144px -16px;
}
.iGridCell3-1 {
  background-position: 0px -32px;
}
.iGridCell3-2 {
  background-position: -16px -32px;
}
.iGridCell3-3 {
  background-position: -32px -32px;
}
.iGridCell3-4 {
  background-position: -48px -32px;
}
.iGridCell3-5 {
  background-position: -64px -32px;
}
.iGridCell3-6 {
  background-position: -80px -32px;
}
.iGridCell3-7 {
  background-position: -96px -32px;
}
.iGridCell3-8 {
  background-position: -112px -32px;
}
.iGridCell3-9 {
  background-position: -128px -32px;
}
.iGridCell3-10 {
  background-position: -144px -32px;
}
.iGridCell4-1 {
  background-position: 0px -48px;
}
.iGridCell4-2 {
  background-position: -16px -48px;
}
.iGridCell4-3 {
  background-position: -32px -48px;
}
.iGridCell4-4 {
  background-position: -48px -48px;
}
.iGridCell4-5 {
  background-position: -64px -48px;
}
.iGridCell4-6 {
  background-position: -80px -48px;
}
.iGridCell4-7 {
  background-position: -96px -48px;
}
.iGridCell4-8 {
  background-position: -112px -48px;
}
.iGridCell4-9 {
  background-position: -128px -48px;
}
.iGridCell4-10 {
  background-position: -144px -48px;
}
.iGridCell5-1 {
  background-position: 0px -64px;
}
.iGridCell5-2 {
  background-position: -16px -64px;
}
.iGridCell5-3 {
  background-position: -32px -64px;
}
.iGridCell5-4 {
  background-position: -48px -64px;
}
.iGridCell5-5 {
  background-position: -64px -64px;
}
.iGridCell5-6 {
  background-position: -80px -64px;
}
.iGridCell5-7 {
  background-position: -96px -64px;
}
.iGridCell5-8 {
  background-position: -112px -64px;
}
.iGridCell5-9 {
  background-position: -128px -64px;
}
.iGridCell5-10 {
  background-position: -144px -64px;
}
.iGridCell6-1 {
  background-position: 0px -80px;
}
.iGridCell6-2 {
  background-position: -16px -80px;
}
.iStatus-1,
.iStatus-2,
.iStatus-3,
.iStatus-4,
.iStatus-5,
.iStatus-6,
.iStatus-7,
.iStatus-8,
.iStatus-9,
.iStatus-10 {
  background-image: url('../../App_Themes/Office2010Silver/Icons/iconSpriteStatus.png?v=20200330') !important;
  background-repeat: no-repeat;
  background-color: transparent;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  background-size: 160px 160px;
}
.iStatus-1 {
  background-position: 0px 0px;
}
.iStatus-2 {
  background-position: -16px 0px;
}
.iStatus-3 {
  background-position: -32px 0px;
}
.iStatus-4 {
  background-position: -48px 0px;
}
.iStatus-5 {
  background-position: -64px 0px;
}
.iStatus-6 {
  background-position: -80px 0px;
}
.iStatus-7 {
  background-position: -96px 0px;
}
.iStatus-8 {
  background-position: -112px 0px;
}
.iStatus-9 {
  background-position: -128px 0px;
}
.iStatus-10 {
  background-position: -144px 0px;
}
.organization1-1,
.organization1-2,
.organization1-3,
.organization1-4,
.organization1-5,
.organization1-6,
.organization1-7,
.organization1-8,
.organization1-9,
.organization1-10,
.organization11-1,
.organization11-2,
.organization11-3,
.organization11-4 {
  background-image: url('../../App_Themes/Office2010Silver/Icons/iconSpriteOrganization.png?v=20200330') !important;
  background-repeat: no-repeat;
  background-color: transparent;
  width: 13px;
  height: 13px;
  background-size: 130px 143px;
}
.organization-icon {
  float: left;
}
.organization-text {
  display: inline-block;
  float: right;
  padding: 1px 1px 1px 5px;
}
.organization1-1 {
  background-position: 0px 0px;
}
.organization1-2 {
  background-position: -13px 0px;
}
.organization1-3 {
  background-position: -26px 0px;
}
.organization1-4 {
  background-position: -39px 0px;
}
.organization1-5 {
  background-position: -52px 0px;
}
.organization1-6 {
  background-position: -65px 0px;
}
.organization1-7 {
  background-position: -78px 0px;
}
.organization1-8 {
  background-position: -91px 0px;
}
.organization1-9 {
  background-position: -104px 0px;
}
.organization1-10 {
  background-position: -117px 0px;
}
.organization11-1 {
  background-position: 0px -130px;
}
.organization11-2 {
  background-position: -13px -130px;
}
.organization11-3 {
  background-position: -26px -130px;
}
.organization11-4 {
  background-position: -39px -130px;
}
.workspace1-1,
.workspace1-2,
.workspace1-3,
.workspace1-4,
.workspace1-5,
.workspace1-6,
.workspace1-7,
.workspace1-8,
.workspace1-9,
.workspace1-10,
.workspace2-1,
.workspace2-2,
.workspace2-3,
.workspace2-4,
.workspace2-5,
.workspace2-6,
.workspace2-7,
.workspace2-8,
.workspace2-9,
.workspace2-10,
.workspace3-1,
.workspace3-2,
.workspace3-3,
.workspace3-4,
.workspace3-5,
.workspace3-6,
.workspace3-7,
.workspace3-8,
.workspace3-9,
.workspace3-10,
.workspace4-1,
.workspace4-2 {
  background-image: url('../../App_Themes/Office2010Silver/Icons/iconSpriteWorkspace.png?v=20200330') !important;
  background-repeat: no-repeat;
  background-color: transparent;
  width: 32px;
  height: 32px;
  vertical-align: middle;
  background-size: 320px 320px;
}
.workspace-empty {
  width: 32px;
  height: 32px;
  vertical-align: middle;
}
.workspace1-1 {
  background-position: 0px 0px;
}
.workspace1-2 {
  background-position: -32px 0px;
}
.workspace1-3 {
  background-position: -64px 0px;
}
.workspace1-4 {
  background-position: -96px 0px;
}
.workspace1-5 {
  background-position: -128px 0px;
}
.workspace1-6 {
  background-position: -160px 0px;
}
.workspace1-7 {
  background-position: -192px 0px;
}
.workspace1-8 {
  background-position: -224px 0px;
}
.workspace1-9 {
  background-position: -256px 0px;
}
.workspace1-10 {
  background-position: -288px 0px;
}
.workspace2-1 {
  background-position: 0px -32px;
}
.workspace2-2 {
  background-position: -32px -32px;
}
.workspace2-3 {
  background-position: -64px -32px;
}
.workspace2-4 {
  background-position: -96px -32px;
}
.workspace2-5 {
  background-position: -128px -32px;
}
.workspace2-6 {
  background-position: -160px -32px;
}
.workspace2-7 {
  background-position: -192px -32px;
}
.workspace2-8 {
  background-position: -224px -32px;
}
.workspace2-9 {
  background-position: -256px -32px;
}
.workspace2-10 {
  background-position: -288px -32px;
}
.workspace3-1 {
  background-position: 0px -64px;
}
.workspace3-2 {
  background-position: -32px -64px;
}
.workspace3-3 {
  background-position: -64px -64px;
}
.workspace3-4 {
  background-position: -96px -64px;
}
.workspace3-5 {
  background-position: -128px -64px;
}
.workspace3-6 {
  background-position: -160px -64px;
}
.workspace3-7 {
  background-position: -192px -64px;
}
.workspace3-8 {
  background-position: -224px -64px;
}
.workspace3-9 {
  background-position: -256px -64px;
}
.workspace3-10 {
  background-position: -288px -64px;
}
.workspace4-1 {
  background-position: 0px -96px;
}
.workspace4-2 {
  background-position: -32px -96px;
}
.workflow1-1,
.workflow1-2,
.workflow1-3,
.workflow1-4,
.workflow1-5,
.workflow1-6,
.workflow1-7,
.workflow1-8,
.workflow1-9,
.workflow1-10,
.workflow2-1,
.workflow2-2,
.workflow2-3 {
  background-image: url('../../App_Themes/Office2010Silver/Icons/iconSpriteWorkflow.png?v=20200330') !important;
  background-repeat: no-repeat;
  background-color: transparent;
  width: 16px;
  height: 16px;
  vertical-align: middle;
}
.workflow1-1 {
  background-position: 0px 0px;
}
.workflow1-2 {
  background-position: -16px 0px;
}
.workflow1-3 {
  background-position: -32px 0px;
}
.workflow1-4 {
  background-position: -48px 0px;
}
.workflow1-5 {
  background-position: -64px 0px;
}
.workflow1-6 {
  background-position: -80px 0px;
}
.workflow1-7 {
  background-position: -96px 0px;
}
.workflow1-8 {
  background-position: -112px 0px;
}
.workflow1-9 {
  background-position: -128px 0px;
}
.workflow1-10 {
  background-position: -144px 0px;
}
.workflow2-1 {
  background-position: 0px -16px;
}
.workflow2-2 {
  background-position: -16px -16px;
}
.workflow2-3 {
  background-position: -32px -16px;
}
.access1-1,
.access1-2,
.access1-3,
.access1-4,
.access1-5,
.access1-6,
.access1-7,
.access1-8,
.access1-9,
.access1-10,
.access2-1,
.access2-2 {
  background-image: url('../../App_Themes/Office2010Silver/Icons/iconSpriteAccess.png?v=20200330') !important;
  background-repeat: no-repeat;
  background-color: transparent;
  width: 13px;
  height: 13px;
  background-size: 130px 143px;
}
.access-icon {
  float: left;
}
.access-text {
  display: inline-block;
  float: right;
  padding: 1px 1px 1px 5px;
}
.access1-1 {
  background-position: 0px 0px;
}
.access1-2 {
  background-position: -13px 0px;
}
.access1-3 {
  background-position: -26px 0px;
}
.access1-4 {
  background-position: -39px 0px;
}
.access1-5 {
  background-position: -52px 0px;
}
.access1-6 {
  background-position: -65px 0px;
}
.access1-7 {
  background-position: -78px 0px;
}
.access1-8 {
  background-position: -91px 0px;
}
.access1-9 {
  background-position: -104px 0px;
}
.access1-10 {
  background-position: -117px 0px;
}
.access2-1 {
  background-position: 0px -13px;
}
.access2-2 {
  background-position: -13px -13px;
}
@media print {
  .no-print {
    display: none !important;
  }
}
* {
  padding: 0;
  margin: 0;
}
html,
body {
  height: 100%;
  /* wichtig */
  font-family: Verdana, Arial, sans-serif;
  font-size: 8pt;
  color: #333;
  background: #fff;
}
.color-success {
  color: #008000;
}
.color-info {
  color: #0065ca;
}
.color-question {
  color: #808000;
}
.color-warn {
  color: #ff8000;
}
.color-error {
  color: #de2a2a;
}
.display-none {
  display: none !important;
}
.background-none {
  background: none;
}
.text-align-center {
  text-align: center;
  text-align: -webkit-center;
}
/* ---------------------------------------------------------------------- */
/* Logon, Initialize                                                      */
/* ---------------------------------------------------------------------- */
#logon-background {
  background: none no-repeat center center fixed;
  background-size: cover;
}
#logon-logo-external {
  display: none;
  position: fixed;
  left: 30px;
  top: 30px;
}
#logon-logo-external div::before {
  content: url('../Images/logo.isgus.external.png');
}
#logon-logo-isgus {
  display: block;
  position: fixed;
  right: 30px;
  top: 30px;
}
#logon-logo-isgus div::before {
  content: url('../Images/logo.isgus.png');
}
#logon-form {
  position: absolute;
  width: 400px;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
  border-radius: 4px;
  padding: 10px;
  background-color: none;
}
#logon-form .product-logo {
  width: auto;
  height: 191px;
  background: url('../Images/logo.product.png') no-repeat center;
  /*background-size: @logon-form-logo-width @logon-form-logo-height, contain;*/
  margin: 0 0 0 -100px;
}
#logon-form .message {
  color: red;
  text-align: center;
}
@media (max-height: 600px) {
  #logon-branding {
    display: none !important;
  }
}
@media (max-width: 700px) {
  #logon-branding {
    display: none !important;
  }
}
#logon-branding {
  display: block;
  min-width: 500px;
  max-width: 800px;
  margin: 20px -100px 0 -100px;
}
#logon-branding .row {
  display: table;
  width: 100%;
}
#logon-branding .col {
  display: table-cell;
  border: 5px solid #fff;
  padding: 10px;
  color: #fff;
  font-size: 1.2em;
  text-align: left;
}
#logon-branding .col-1 {
  width: 16.666666%;
}
#logon-branding .col-2 {
  width: 33.333332%;
}
#logon-branding .col-3 {
  width: 49.999998%;
}
#logon-branding .col-4 {
  width: 66.666664%;
}
#logon-branding .col-5 {
  width: 83.33333%;
}
#logon-branding .col-6 {
  width: 100%;
}
#logon-branding .color-1 {
  background-color: #DC922F;
}
#logon-branding .color-2 {
  background-color: #AE3C89;
}
#logon-branding .color-3 {
  background-color: #587ca0;
}
#logon-branding .text-right {
  text-align: right;
}
#logon-branding .logo-isgus-powered {
  border: none;
  display: block;
}
#logon-branding .logo-isgus-powered div::before {
  content: url('../Images/logo.isgus.png');
}
/* ---------------------------------------------------------------------- */
/* About                                                                  */
/* ---------------------------------------------------------------------- */
.about-logo-product {
  width: auto;
  height: 191px;
  background: url('../Images/logo.product.png') no-repeat center;
  background-size: 543px 191px;
  margin: 0 0 0 -50px;
}
.about-content {
  width: 400px;
  padding-left: 30%;
}
.about-logo-isgus {
  display: block;
  position: absolute;
  right: 30px;
  bottom: 30px;
}
.about-logo-isgus div::before {
  content: url('../Images/logo.isgus.png');
}
/* ---------------------------------------------------------------------- */
/* Common                                                                 */
/* ---------------------------------------------------------------------- */
h1 {
  font-size: 120%;
}
h2 {
  font-size: 11px;
  margin-bottom: 20px;
}
h3 {
  font-size: 100%;
  margin-bottom: 15px;
}
h1.groupLine {
  border-bottom: 1px solid #efb23f;
  margin-bottom: 10px;
  margin-top: 15px;
  font-size: 140%;
}
h2.groupLine {
  border-bottom: 1px solid #efb23f;
  margin-bottom: 10px;
  margin-top: 15px;
  font-size: 120%;
}
h3.groupLine {
  border-bottom: 1px solid #efb23f;
  margin-bottom: 10px;
  margin-top: 15px;
  font-size: 100%;
}
p.standard {
  padding: 5px 0 5px 0;
}
a:link {
  color: #3471ba;
}
a:focus,
a:active,
a:hover,
a:visited {
  color: #333;
}
.link {
  color: #333;
}
fieldset {
  padding: 20px;
  border: 1px solid #848484;
}
legend {
  font-weight: bold;
  padding-left: 10px;
  padding-right: 10px;
  color: #777777;
}
ul.ul-none {
  list-style-type: none;
}
/*
--------------------------------------------------------------------------------------------------
    ZEUS X Global Design Elements 
--------------------------------------------------------------------------------------------------
*/
/* ZEUS X: Global ----------------------------------------------------------------------------- */
.x-bold {
  font-weight: bold;
}
.x-italic {
  font-style: italic;
}
.x-w-100 {
  width: 100% !important;
}
.x-w-50 {
  width: 50% !important;
}
.x-padding-content {
  padding: 3px 0px;
}
.x-border {
  border: #a5acb5 1px solid;
}
.x-d-block {
  display: block !important;
}
.disabled {
  opacity: 0.4;
}
/* ZEUS X: Table ------------------------------------------------------------------------------- */
.x-tbl {
  width: 100%;
}
.x-tbl thead th {
  padding: 6px;
  background-color: #e7eaee;
  text-align: left;
}
.x-tbl tbody td {
  padding: 4px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.x-tbl-row:hover {
  background: #fee287;
  cursor: pointer;
}
.x-tbl-cell-title {
  font-weight: bold;
  margin-bottom: 3px;
}
/* ZEUS X: Grid ------------------------------------------------------------------------------- */
.x-table {
  display: table;
  width: 100%;
  box-sizing: border-box;
}
.x-table.small {
  width: auto;
}
.x-inline-table {
  display: inline-table;
  width: 85%;
  box-sizing: border-box;
}
.x-table-form {
  border-spacing: 12px 6px;
}
.x-table-input {
  width: 1%;
}
.x-row {
  display: table-row;
}
.x-row-hover:hover {
  background-color: #fee287;
  cursor: pointer;
}
.x-cell {
  display: table-cell;
}
.x-cell-1 {
  width: 8.33333333%;
}
.x-cell-2 {
  width: 16.66666667%;
}
.x-cell-3 {
  width: 25%;
}
.x-cell-4 {
  width: 33.33333333%;
}
.x-cell-5 {
  width: 41.66666667%;
}
.x-cell-6 {
  width: 50%;
}
.x-cell-7 {
  width: 58.33333333%;
}
.x-cell-8 {
  width: 66.66666667%;
}
.x-cell-9 {
  width: 75%;
}
.x-cell-10 {
  width: 83.33333333%;
}
.x-cell-11 {
  width: 91.66666667%;
}
.x-cell-12 {
  width: 100%;
}
.x-cell-minwidth-120 {
  min-width: 120px;
}
.x-cell-header {
  background-color: #ededed;
  border: 1px solid #a5acb5;
}
.x-cell-line {
  border-bottom: 1px solid #dbdee1;
}
.x-cell-spacer {
  border-right: 1px solid #ccc;
}
.x-cell-icon {
  width: 1%;
  padding: 0 5px 0 5px;
}
.x-cell-input-icon {
  width: 1%;
}
.x-cell-icon-big {
  font-size: 1.7em;
  vertical-align: bottom;
  padding: 0 0 5px 10px;
  cursor: pointer;
}
.x-cell-hl {
  text-align: left;
}
.x-cell-hc {
  text-align: center;
}
.x-cell-hr {
  text-align: right;
}
.x-cell-vt {
  vertical-align: top;
}
.x-cell-vm {
  vertical-align: middle;
}
.x-cell-vb {
  vertical-align: bottom;
}
.x-cell-pad {
  padding: 5px;
}
.x-cell-nowrap {
  white-space: nowrap;
}
.x-m-r20 {
  margin-right: 20px;
}
.x-m-l20 {
  margin-left: 20px;
}
.x-m-b5 {
  margin-bottom: 5px;
}
.x-m-b20 {
  margin-bottom: 20px;
}
.x-m-t5 {
  margin-top: 5px;
}
/* ZEUS X: Label ----------------------------------------------------------------------------- */
.x-label-left {
  margin-right: 20px;
  display: inline-block;
  width: 140px;
}
.x-label-block {
  margin-left: 20px;
  display: block;
}
.x-label-top {
  display: block;
  width: auto;
  padding: 3px 0;
}
/* ZEUS X: Input ----------------------------------------------------------------------------- */
.x-input-surround {
  width: 200px;
  display: inline-block;
}
.x-input,
.x-select,
.x-textarea {
  font: 11px Verdana, Geneva, sans-serif;
  width: 200px;
  height: 18px;
}
.x-opacity-0 {
  opacity: 0;
}
/*.x-input,
.x-select,
.x-textarea::-ms-clear {
    display: block;
}*/
.x-input[type=date] {
  width: 120px;
}
.required::-webkit-clear-button {
  display: none;
}
.required::-ms-clear {
  display: none;
}
.x-input[type=month] {
  width: 160px;
}
.x-input[type=time] {
  width: 80px;
}
.x-input[type=checkbox],
.x-input[type=radio] {
  vertical-align: sub;
  width: auto;
  height: auto;
}
.x-select {
  height: 21px;
}
.x-textarea {
  width: 100%;
  height: 5em;
  resize: none;
}
.x-input-invalid {
  border: 1px solid red;
}
/* ZEUS X: Input Container ------------------------------------------------------------------- */
.x-input-container {
  width: 100%;
  line-height: 2.5em;
}
.x-input-container-inline {
  display: inline-block;
  line-height: 2.5em;
}
.x-invalid:after {
  display: inline-block !important;
  font-family: FontAwesome, 'Font Awesome\ 5 Pro';
  font-size: 1.5em;
  z-index: 1;
  display: none;
  content: '\f06a';
  color: red;
  position: relative;
  text-align: end;
  clear: right;
  vertical-align: middle;
  margin-left: 5px;
}
/* ZEUS X: Button ----------------------------------------------------------------------------- */
.x-btn-placeholder {
  display: inline-block;
  min-width: 101px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border: 1px solid #bbbfc4;
  padding: 8px 10px;
  font-size: 11px;
  background-color: #fff;
  font: 11px Verdana, Geneva, sans-serif;
}
.x-btn-fa {
  margin: 5px;
  border: none;
  display: inline-block;
  background-color: white;
  cursor: pointer;
}
.x-btn {
  display: inline-block;
  min-width: 101px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid #bbbfc4;
  padding: 8px 10px;
  font-size: 11px;
  background-color: #e7eaee;
  cursor: pointer;
  font: 11px Verdana, Geneva, sans-serif;
}
.x-btn.small {
  width: 20px;
  height: 20px;
  padding: 3px 3px;
}
.x-btn-fa.small {
  margin: 2px;
}
.x-btn:hover:not([disabled]) {
  color: #3c3c3c;
  background-color: #fee287;
  border: 1px solid #eecc53;
}
.x-btn.select {
  color: #000;
  background-color: #fee287;
}
.x-btn.select-register {
  color: #000;
  background-color: #fee287;
  border-bottom: 3px solid #555 !important;
  font-weight: bold;
}
.x-btn-icon {
  font-size: 140%;
  padding: 4px 10px;
  min-width: 10px;
}
.x-btn-group .x-btn,
.x-btn-placeholder {
  min-width: 10px;
  border: 1px solid transparent;
}
.x-btn-group .x-btn:hover:not([disabled]) {
  color: #000;
  background-color: #fee287;
  background-image: none;
  border: 1px solid #f29400;
}
.x-btn-text {
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: 5px 5px;
  font-size: 11px;
  font-weight: bold;
  background-color: transparent;
  cursor: pointer;
}
.x-btn-text:hover {
  color: #000;
  background-color: #fee287;
  border: 1px solid #f29400;
}
.x-header-collapse {
  display: inline-block;
  float: right;
  width: 1.2em;
  height: 1.2em;
  font-family: FontAwesome, 'Font Awesome\ 5 Pro';
  cursor: pointer;
}
.x-header-collapse.up:before {
  content: "\f106";
}
.x-header-collapse.down:before {
  content: "\f107";
}
.x-btn-plain {
  border: none;
  background-color: transparent;
}
/* ZEUS X: Button Group ----------------------------------------------------------------------- */
.x-btn-group {
  position: relative;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
}
.x-btn-group-block {
  display: flex;
  background-color: #e7eaee;
}
.x-btn-group > .x-btn,
.x-btn-placeholder {
  position: relative;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
/*.x-btn-group > .x-btn:first-child {
    margin-left: 0;
}*/
.x-btn-group-seperate {
  background-color: transparent;
}
.x-btn-group-seperate > .x-btn,
.x-btn-placeholder {
  margin: 3px;
}
/* ZEUS X: Button Group Text ------------------------------------------------------------------ */
.x-btn-group-text {
  position: relative;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
}
.x-btn-group-text > .x-btn-text {
  position: relative;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
.x-btn-group-text > .x-btn-text:first-child {
  margin-left: 0;
}
/* ZEUS X: List Group ------------------------------------------------------------------------- */
.x-list-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  margin-top: 0;
}
.x-list-group-item {
  position: relative;
  display: block;
  padding: 10px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
  margin-bottom: -1px;
}
.x-list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.x-list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.x-list-group-item:hover {
  background: #fee287;
  cursor: pointer;
}
.x-list-group-item.nohover:hover {
  background: transparent;
  cursor: default;
}
.x-list-group-item.unread {
  border-left: 5px solid #f29400;
}
.x-list-group-item .title {
  font-weight: bold;
}
.x-list-group-item .icon {
  font-size: 115%;
  padding-right: 5px;
}
.x-list-group-item .info {
  font-size: 80%;
  text-align: right;
  vertical-align: top;
}
.x-list-group-item .text {
  font-size: 95%;
  padding-top: 5px;
}
.x-list-group-item .flag {
  color: red;
  font-size: 120%;
}
.x-list-group-item .function {
  font-size: 90%;
  text-align: right;
  vertical-align: bottom;
  padding-top: 5px;
  font-weight: bold;
}
.x-list-group-item .body {
  display: none;
  height: 150px;
  overflow: auto;
  margin-top: 10px;
  background-color: #eee;
  padding: 5px;
}
.display-none {
  display: none;
}
.imgMiddle {
  vertical-align: middle;
}
.pointer {
  cursor: pointer;
}
.grab {
  cursor: grab;
}
.nopointer {
  cursor: default !important;
}
.labelBase {
  font-weight: bold;
}
.labelBase:after {
  content: ":";
}
.labelBase100 {
  display: inline-block;
  width: 100px;
  font-weight: bold;
}
.labelBase100:after {
  content: ":";
}
.buttonBase {
  margin-left: 5px;
  margin-right: 5px;
}
.info-text-container {
  font-family: Arial, Sans-Serif;
  height: 170px;
  overflow: scroll;
  border: #a5acb5 1px solid;
  padding: 5px;
}
.info-text-container.application-info {
  height: auto;
  overflow: visible;
  border: none;
}
.info-container h3,
.info-text-container h3 {
  font-size: 1.1em;
  border-bottom: 1px solid #d3d3d3;
}
.info-container ul,
.info-text-container ul {
  padding-top: 3px;
  padding-bottom: 10px;
  padding-left: 10px;
  list-style-type: none;
}
.info-container li,
.info-text-container li {
  color: #333;
}
.info-container li span,
.info-text-container li span {
  font-weight: bold;
  color: #000;
  margin-right: 10px;
}
.hiddenField {
  visibility: hidden;
}
.visibleField {
  visibility: visible;
}
/* ---- Single Pages ------------------------------------------------------ */
.page-single {
  background: transparent url('../Images/logo.product.png') no-repeat;
  width: 600px;
  display: block;
  margin: 50px auto 0 auto;
  padding-top: 200px;
}
#wrapper {
  width: auto;
  min-width: 800px;
  margin: 0 auto;
  position: relative;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  background-color: #accef7;
  overflow: hidden;
}
.aboutInfo {
  display: block;
}
.dialogNavBar {
  width: auto;
  height: 40px;
  background-color: #ACCEF7;
  padding: 5px 10px 0 10px;
}
.dialogContent {
  padding: 10px;
}
/* ---- LAYOUT BASE ------------------------------------------------------ */
.divTable {
  display: table;
  border-collapse: collapse;
  border-width: 0;
}
.divTableSelect {
  display: table;
  border-width: 1px;
}
.divRow {
  display: table-row;
  border-width: 0;
  width: auto;
}
.divRowSelect {
  border: 1px solid transparent;
  width: auto;
  cursor: pointer;
  display: block;
  padding: 5px;
}
.divRowSelectHover {
  border: 1px solid #f2ca58;
  background-color: #f8e7a4;
  cursor: pointer;
}
.divCell {
  display: table-cell;
  vertical-align: top;
  border-width: 0;
  padding: 5px;
}
.divCellNoPadding {
  display: table-cell;
  vertical-align: top;
  border-width: 0;
}
.divCellL {
  display: table-cell;
  vertical-align: top;
  border-width: 0;
}
.divCellUnderline {
  border-bottom: 1px solid #c3c3c3;
}
.divCellLastChild:last-child {
  margin-bottom: -1px;
}
.divCellLastChildBorderTop:last-child {
  border-top: 2px solid #868B91;
}
.wl-table {
  display: table;
  border-collapse: collapse;
  border-width: 0;
}
.wl-row {
  display: table-row;
  border-width: 0;
  width: auto;
}
.wl-cell {
  display: table-cell;
  vertical-align: top;
  border-width: 0;
}
.div-table {
  display: table;
  border-collapse: collapse;
  border-width: 0;
}
.div-row {
  display: table-row;
  border-width: 0;
  width: auto;
}
.div-cell {
  display: table-cell;
  vertical-align: top;
  border-width: 0;
  text-align: left;
}
.div-cell-vm {
  display: table-cell;
  vertical-align: middle;
  border-width: 0;
  text-align: left;
}
.CalendarSettingsFavoriteItem {
  border-style: solid;
  border-width: 1px;
  border-color: Black;
  padding-right: 6px;
}
.tableCellDayOfWeek {
  width: 15px;
}
.tableCellDate {
  width: 50px;
}
.bw1 {
  border-width: 1px;
}
.w100 {
  width: 100%;
}
.nowrap {
  white-space: nowrap;
}
.aLeft {
  text-align: left;
}
.aRight {
  text-align: right;
}
.aCenter {
  text-align: center;
}
.aMiddle {
  vertical-align: middle;
}
.p5 {
  padding: 5px;
}
.pointer {
  cursor: pointer;
}
/*------ACCESSIBILITY---------*/
.invisibleControl {
  position: fixed;
  right: -500px;
  top: -500px;
  overflow: hidden;
}
.content-readonly {
  background-color: #edf0f3;
}
/*------Correction Navigator---------*/
.ClickedRow {
  color: Blue;
}
/* --- Test ---------------------------------------------------------------- */
.widget-container {
  padding: 5px;
}
.cell-group {
  display: table;
  width: 100%;
  border-collapse: collapse;
  border-width: 0;
}
.cell-group-margin {
  margin-top: 10px;
}
.cell-0 {
  display: table-cell;
  border-width: 0;
}
.cell-1-1 {
  display: table-cell;
  border-width: 0;
  width: 100%;
}
.cell-1-2 {
  display: table-cell;
  border-width: 0;
  width: 50%;
}
.cell-1-3 {
  display: table-cell;
  border-width: 0;
  width: 33.3333%;
}
/* **************************************************************************************** */
/* **************************************************************************************** */
/* Extension.css */
/* **************************************************************************************** */
/* **************************************************************************************** */
.dxrpcontent {
  padding: 0px !important;
}
.dxgvEmptyDataRow_Office2010Silver td.dxgv {
  text-align: left !important;
  padding-left: 20px;
}
.dxgvSelectedRow_Office2010Silver {
  background-color: #fddc7f !important;
}
/* **************************************************************************************** */
/* **************************************************************************************** */
/* Workspace.css */
/* **************************************************************************************** */
/* **************************************************************************************** */
#workspace {
  width: auto;
  overflow: auto;
  border-width: 0;
}
#workspaceDisable {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4000px;
  opacity: 0.4;
  z-index: 10000;
  display: none;
  cursor: default;
}
.workspaceDisableGlobalContainer {
  pointer-events: none;
}
#workspaceCallbackProcess {
  margin-right: 20px;
}
.wsTable {
  display: table;
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.wsRow {
  display: table-row;
  border-width: 0;
  width: auto;
}
.wsCell {
  display: table-cell;
  vertical-align: top;
  border-width: 0;
}
.wsCellSplitterH {
  display: table-cell;
  height: 2px;
  background-color: #accef7;
  cursor: ns-resize;
}
.wsCellSplitterV {
  display: table-cell;
  width: 2px;
  height: 100%;
  background-color: #accef7;
  cursor: ew-resize;
}
.ws-cell-padding {
  padding: 3px;
}
.wsWidgetPanel {
  overflow: auto;
  border-width: 0px;
}
.wsSpacer {
  height: 4px;
  border-width: 0;
}
.wsWidgetWrapper {
  margin: 0;
  padding: 0;
  height: 100%;
  overflow: visible;
}
.wsWidgetHeader {
  width: 100%;
  background-color: #f3f4f5;
  border-bottom: solid 1px #a5acb5;
}
.wsWidgetHeaderContent {
  display: table-cell;
  text-align: left;
  vertical-align: middle;
}
.wsWidgetContentCustom {
  padding: 10px;
}
.wsWidgetContentCustomLine {
  border-top: 1px solid #efb23f;
  padding: 10px;
}
.wsWidgetFooterContent {
  vertical-align: middle;
  text-align: right;
  width: auto;
  padding: 3px 2px 2px 2px;
}
.btnInline {
  display: inline-block;
}
.btnFontIcon {
  display: inline-table !important;
  font-size: 15px !important;
  height: 25px;
  width: 15px;
  cursor: pointer;
}
.textBox {
  font: 11px Verdana, Geneva, sans-serif;
}
.searchTextBox {
  width: 100%;
  height: 17px;
}
.btnTextBox {
  width: 20px;
  height: 19px;
  border: 1px solid #A5ACB5;
  background-color: #EDEDED;
  margin: 0 0 0 -5px;
  cursor: pointer;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: border-box;
}
.btnTextBox.first {
  margin-left: -1px;
}
.btnTextBox:hover {
  background-color: #F7E18A;
}
.fieldGroupContainer {
  padding: 10px;
}
.fieldContainer {
  padding: 2px 0 2px 0;
}
.fieldLabel {
  display: inline-block;
  width: 240px;
}
.fieldControl {
  display: inline-block;
}
/* ################################################## */
.w-box {
  border: 1px solid #aaa;
  margin: 2px;
  overflow: hidden;
  background-color: #fff;
  border-radius: 6px;
}
.w-box-dialog {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.w-box-header {
  height: 20px;
  line-height: 19px;
  background-color: #6B96DC;
  border-bottom: 1px solid #aaa;
  padding-top: 3px;
}
.w-box-header-title {
  padding-left: 5px;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  color: #fff;
}
.w-box-header-subtitle {
  padding-left: 5px;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  color: #fff;
  font-style: italic;
}
.w-box-header-icon {
  padding-right: 5px;
  vertical-align: middle;
  width: 1%;
  white-space: nowrap;
  color: #fff;
}
.w-box-header-dialog-cell {
  padding-top: 2px !important;
  padding-right: 2px !important;
}
.w-box-header-dialog-icon {
  border: none;
  width: 16px;
  height: 16px;
  display: inline-block;
  cursor: pointer;
}
.w-box-subheader {
  padding: 3px;
  background-color: #FFFAB4;
  border-bottom: 1px solid #cfd2d8;
}
.w-box-subheader .additional {
  padding-left: 25px;
  font-size: 1.1em;
  color: #fff;
  line-height: 28px;
}
.w-box-subheader .calendar-additional {
  padding-left: 2px;
  font-size: 1.1em;
  color: #fff;
  line-height: 20px;
}
.w-box-content {
  overflow: auto;
}
.w-box-footer {
  background-color: #f9fafb;
  border-top: 1px solid #cfd2d8;
  padding: 3px;
  text-align: right;
}
.w-box-content .wrapper {
  padding: 10px;
}
.w-box-content fieldset {
  padding: 10px;
  margin-bottom: 10px;
}
.w-box-content legend {
  color: #777;
}
.w-box-dialog-register {
  width: auto;
  height: 40px;
  padding-top: 10px;
}
.w-box-message {
  width: auto;
  padding: 10px;
  display: none;
  margin: 10px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.w-box-message.info {
  display: block;
  border: 1px solid #025aae;
  background-color: #fff;
}
.w-box-message.warning {
  display: block;
  border: 1px solid #ff8000;
  background-color: #f9fafb;
}
.w-box-message.error {
  display: block;
  border: 1px solid red;
  background-color: #ffeaea;
}
.w-box-message.confirmation {
  display: block;
  border: 1px solid #025aae;
  background-color: #fff;
}
.w-box-message .cellIcon {
  vertical-align: middle;
  width: 60px;
}
.w-box-message .icon {
  background-image: url('../../App_Themes/Office2010Silver/Icons/iconSprite32.png?v=20200330');
  background-repeat: no-repeat;
  background-color: transparent;
  width: 32px;
  height: 32px;
}
.w-box-message .icon.info {
  background-position: 0px -96px;
}
.w-box-message .icon.warning {
  background-position: -32px -96px;
}
.w-box-message .icon.error {
  background-position: -64px -96px;
}
.w-box-message .icon.confirmation {
  background-position: -224px -96px;
}
.w-box-message .title {
  border: none;
  margin-top: 0;
  margin-bottom: 20px;
  display: block;
}
/* **************************************************************************************** */
/* **************************************************************************************** */
/* Control.css */
/* **************************************************************************************** */
/* **************************************************************************************** */
.sprite-img-margin {
  margin-top: 3px;
  margin-left: 4px;
}
.button-no-style {
  background: none !important;
  border: 1px solid transparent !important;
  color: black;
  padding: 0;
  height: auto;
}
.button-no-style div.dxb {
  padding: 0 !important;
}
.button-no-style-ext {
  border: 1px solid #bbbfc4 !important;
  border-left: 0px solid #bbbfc4 !important;
  color: #bbbfc4;
  padding: 0 !important;
  height: auto;
}
.button-no-style-ext div.dxb {
  padding: 0 !important;
}
.button-widget {
  display: inline-block;
  cursor: pointer;
  font-size: 1.2em;
  padding: 3px 4px;
}
.baseInline {
  display: inline;
}
.btnInline {
  display: inline-table;
}
.con-ph {
  border: 1px solid #ffbe53;
  padding: 5px;
  background-color: #f0f3f5;
}
.con-phc-nr {
  width: 25%;
}
.con-phc-na {
  width: 70%;
}
.con-sli-middle {
  text-align: center;
  vertical-align: middle !important;
  width: 15px;
}
.con-sli-grid-left {
  width: 48%;
}
.con-sli-grid-right {
  width: 48%;
}
.con-sli-btn {
  padding-left: 0px;
  padding-right: 0px;
}
.con-sli-InheritanceRow {
  background-color: #DAF5FE;
}
.con-pcc-btn {
  width: 1%;
  padding: 2px;
}
.con-pcc-nr {
  width: 20%;
  padding: 2px;
}
.con-pcc-na {
  padding: 2px;
}
/* ---- CONTROL LAYOUT BASE  ------------------------------------------------------ */
.clbTable {
  display: inline-table;
  border-collapse: collapse;
  width: 100%;
}
.clbTableCustom {
  display: inline-table;
  border-collapse: collapse;
  width: auto;
}
.clbRow {
  display: table-row;
  border-width: 0;
  width: auto;
}
.clbCell {
  display: table-cell;
  vertical-align: top;
  border-width: 0;
  padding: 2px;
}
.clbCellSeparator {
  display: table-cell;
  vertical-align: middle;
  border-width: 0;
  padding-left: 6px;
  padding-right: 6px;
}
.clbCellMiddle {
  display: table-cell;
  vertical-align: middle;
  border-width: 0;
  padding: 0px;
}
.clbCellLabel {
  padding: 2px;
  min-height: 1em;
  text-align: left;
}
.clbCellAdditional {
  width: 1%;
  white-space: nowrap;
}
.clLabel {
  font-family: Verdana, Arial, sans-serif !important;
  font-size: 8pt !important;
}
/* ---- Form Layout  ------------------------------------------------------------- */
.frm-table {
  display: inline-table;
  border-collapse: collapse;
  width: 100%;
  empty-cells: hide;
}
.frm-row {
  display: table-row;
  border-width: 0;
  width: auto;
}
.frm-cell {
  display: table-cell;
  vertical-align: bottom;
  border-width: 0;
}
.frm-cell.center {
  text-align: center;
}
.frm-cell.right {
  text-align: right;
}
.frm-cell-designmode {
  border: 1px solid #d20000;
  padding: 5px;
}
.frm-cell-objectheader {
  border: 1px solid #f6c66c;
  padding: 5px;
  background-color: #ededed;
}
.frm-cell-objectnaming {
  background-color: #d5d6cf;
}
.frm-fieldset {
  margin: 10px 0 10px 0;
  border-color: #bbbfc4;
}
.frm-fieldsetCritical {
  background-color: #FFF7F7;
}
.field-state-1,
.field-state-2,
.field-state-3,
.field-state-4,
.field-state-5,
.field-state-6 {
  border-left-width: 5px !important;
  border-left-style: solid !important;
}
.field-state-1 {
  border-left-color: #ff8000 !important;
}
.field-state-2 {
  border-left-color: #aaaaaa !important;
}
.field-state-3 {
  border-left-color: #32cd32 !important;
}
.field-state-4 {
  border-left-color: #3ea9dd !important;
}
.field-state-5 {
  border-left-color: #ccbb3b !important;
}
.field-state-6 {
  border-left-color: #d09bfc !important;
}
.field-state-1-legend,
.field-state-2-legend,
.field-state-3-legend,
.field-state-4-legend,
.field-state-5-legend,
.field-state-6-legend {
  border-left-width: 15px;
  border-left-style: solid;
  padding-left: 5px;
  margin: 5px;
}
.field-state-1-legend {
  border-left-color: #ff8000;
}
.field-state-2-legend {
  border-left-color: #aaaaaa;
}
.field-state-3-legend {
  border-left-color: #32cd32;
}
.field-state-4-legend {
  border-left-color: #3ea9dd;
}
.field-state-5-legend {
  border-left-color: #ccbb3b;
}
.field-state-6-legend {
  border-left-color: #d09bfc;
}
.field-state-1-column {
  background-color: #ff8000 !important;
}
.field-state-2-column {
  background-color: #aaaaaa !important;
}
.field-state-3-column {
  background-color: #32cd32 !important;
}
.field-state-4-column {
  background-color: #3ea9dd !important;
}
.field-state-5-column {
  background-color: #ccbb3b !important;
}
.field-state-6-column {
  background-color: #d09bfc !important;
}
/* ---- FilterGridView styles ----------------------------------------------------------- */
.grouping_first_item {
  width: 20px;
  height: 15px;
  background-color: red;
  border-top: 2px solid black;
  border-left: 2px solid black;
}
.grouping_last_item {
  width: 20px;
  height: 15px;
  background-color: red;
  border-bottom: 2px solid black;
  border-left: 2px solid black;
}
.grouping_middle_item {
  width: 20px;
  height: 15px;
  background-color: red;
  border-left: 2px solid black;
}
.editform_left_side {
  width: 290px;
  height: auto;
  float: left;
}
.label_div_margin_bottom {
  margin-bottom: 10px;
  width: 120px;
  height: auto;
  margin-right: 15px;
}
.label_div {
  width: 120px;
  height: auto;
  margin-right: 15px;
}
.treeView_div {
  width: 240px;
  height: 200px;
  overflow: scroll;
  background-color: White;
}
.td_vertical_align_top {
  vertical-align: top !important;
}
.margin_bottom_10 {
  margin-bottom: 10px;
}
.dateEditExtButton td {
  width: 250px;
}
.dxgvEditForm td.dxgv {
  border-style: none;
}
.td_vertical_align_bottom {
  vertical-align: bottom !important;
}
.button_no_paddings {
  padding: 0px !important;
  height: 15px;
  width: 18px;
  cursor: pointer;
}
.enumListCheckBox {
  margin-left: 1px;
}
.button_vertical_align_bottom {
  vertical-align: bottom;
  padding-bottom: 7px;
}
.button_vertical_align_middle {
  vertical-align: middle;
}
.password_margin {
  padding-left: 10px;
}
.NullableNumericDeselectButton {
  margin: 1px;
}
.NullableNumericDeselectButton div {
  padding: 1px !important;
  border: 0px !important;
}
.expandButton {
  background-image: url('../../App_Themes/Office2010Silver/Images/button_collapse.gif');
  height: 11px;
  width: 11px;
  border-width: 0px !important;
  cursor: pointer;
}
.collapseButton {
  background-image: url('../../App_Themes/Office2010Silver/Images/button_expand.gif');
  height: 11px;
  width: 11px;
  cursor: pointer;
  border-width: 0px !important;
}
.divMarker {
  width: 6px;
  height: 6px;
  position: relative;
  bottom: 0px;
  right: 0px;
}
.leftMarkersMainDiv {
  float: left;
  height: 100%;
  width: 10px;
}
.rightMarkersMainDiv {
  float: right;
  height: 100%;
  width: 10px;
}
.extendedGridCellText {
  float: left;
  height: 100%;
}
.extendedGridCellTable {
  float: left;
  width: 100%;
  height: 100%;
}
.calendarWeekSelected {
  background-color: #fddc7f;
}
.calendarWeekSelectionWeek {
  cursor: pointer;
}
.calendarWeekSelectionLastCell {
  border-right: 1px solid #bbbfc4;
}
.calendarWeekSelectionCell {
  text-align: center;
  float: left !important;
  border-left: 1px solid #bbbfc4;
  border-bottom: 1px solid #bbbfc4;
  overflow: hidden;
  box-sizing: border-box;
}
.calendarWeekSelectionYearRowStyle {
  text-align: center;
}
.calendarWeekSelectionYearTableStyle {
  float: left !important;
  text-align: center;
  border-right: 1px solid #bbbfc4;
  border-bottom: 1px solid #bbbfc4;
}
.calendarWeekselectionYearCell {
  font-size: 20px;
}
.calendarWeekSelectionMonthCell {
  font-size: 15px;
}
.draggTop {
  border-top-width: 3px !important;
  border-top-color: Black !important;
}
.draggBottom {
  border-bottom-width: 3px !important;
  border-bottom-color: Black !important;
}
.draggMiddle {
  border-width: 2px !important;
  border-color: Black !important;
}
.dropped {
  border-width: 2px !important;
  border-color: Blue !important;
}
.sortable_li_hover:hover {
  border-width: 1px !important;
  border-color: Black !important;
}
.extGridCell {
  padding-bottom: 0px !important;
  padding-top: 0px !important;
}
.floatLeft {
  float: left;
}
.floatRight {
  float: right;
}
.noPaddingLeftRight {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
/* style for ASPzMenuBar */
.dxbButton_menubar-button {
  background-color: transparent;
  border: 1px solid transparent;
  padding: 2px 8px 2px 8px;
  border: 1px solid #333;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.dxbButton_menubar-button:hover {
  border: 1px solid #f29400;
  cursor: pointer;
}
.menubar-button-hover {
  border: 1px solid Gray !important;
}
.menubar-button-checked {
  background-color: #fddc7f !important;
  border: 1px solid #c2762b !important;
}
/*style for Terminal*/
.term-result {
  border: 1px solid #868b91;
  border-left: 4px solid #868b91;
  background-color: #FFFAB4;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.term-result-cell-1 {
  width: 150px;
}
.term-result-time {
  font-weight: bold;
}
.term-result-value {
  font-size: 140%;
  font-weight: bold;
}
.term-result-type {
  font-size: 140%;
}
.term-result-list-item {
  margin: 0px 0px 20px 0px;
  padding: 5px;
  border: 1px solid #868b91;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.term-result-list-item-param-list {
  margin: 10px 0px 0px 10px;
  padding: 0px 0px 0px 0px;
  border: 1px solid #868b91;
  border-left: 4px solid #868b91;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
/*style for Presence Indication */
.pres-group {
  border: 1px solid #868b91;
  border-left: 4px solid #868b91;
  background-color: #FFFAB4;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  padding: 5px;
}
.pres-groupNoPadding {
  border: 1px solid #868b91;
  border-left: 4px solid #868b91;
  background-color: #FFFAB4;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.roundMargin-group {
  border-width: 1px;
  border-color: #9F9F9F;
  border-style: solid;
  /*border-radius: 6px;*/
  margin-top: 5px;
  padding: 5px;
}
.pia-person-card {
  box-sizing: border-box;
  padding: 5px;
  /*flex-grow: 1;*/
}
/*style for ManagerTasks */
.mantasks-checkbox-cell {
  width: 16px;
  height: 16px;
  float: left;
  margin: 5px 0px 0px 5px;
}
.mantasks-sub-checkbox-cell {
  width: 16px;
  height: 16px;
  float: left;
  margin: 5px 0px 0px 5px;
}
.mantasks-checkbox-cell-paid-as-punched {
  width: 16px;
  height: 16px;
  float: left;
  margin: 2px 0px 0px 5px;
}
.mantasks-textmenu-cell {
  float: left;
  margin: 0px 0px 0px 0px;
}
.mantasks-app-row {
  width: inherit;
  margin: 5px;
  padding: 1px 1px 4px 1px;
  min-height: 25px;
}
.mantasks-app-row-applications {
  width: inherit;
  margin: 5px;
  padding: 1px 1px 1px 1px;
  min-height: 25px;
}
.mantasks-info-cell {
  width: auto;
  min-height: 18px;
  margin-left: 40px;
  clear: both;
}
.mantasks-border {
  border: 1px solid #868b91;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  margin-right: -4px;
}
/*style for control ASPzSelectionListBase*/
.aspz-slb {
  width: auto;
}
.aspz-slb-table {
  display: table;
  width: 100%;
}
.aspz-slb-table-func {
  width: 100%;
}
.aspz-slb-row {
  display: table-row;
}
.aspz-slb-cell {
  display: table-cell;
}
.aspz-slb-cell-func-li {
  width: 1%;
  padding-right: 5px;
  vertical-align: middle;
}
.aspz-slb-cell-func-l {
  vertical-align: middle;
}
.aspz-slb-cell-func-r {
  text-align: right;
  vertical-align: middle;
}
.aspz-slb-cell-list {
  padding-top: 15px;
}
.aspz-slb-message {
  width: auto;
  margin-bottom: 2px;
  border: 1px solid #7b7e6b;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #fff;
}
.aspz-slb-cell-list ul {
  width: auto;
  height: 150px;
  overflow-y: auto;
  overflow-x: hidden;
  list-style-type: none;
  position: relative;
  border: 1px solid #bbbfc4;
  margin: 0;
  padding: 5px;
}
.aspz-slb-cell-list ul li {
  width: auto;
  margin-bottom: 2px;
  border: 1px solid #bbbfc4;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #f8f8f8;
  padding: 4px;
}
.aspz-slb-cell-list ul li:hover {
  border: 1px solid #fdb848;
}
.cursor-default {
  cursor: default;
}
.cursor-move {
  cursor: move;
}
.aspz-slb-cell-item-icon {
  width: 30px;
  padding-right: 5px;
}
.aspz-slb-cell-item-text {
  vertical-align: middle;
}
.aspz-slb-cell-item-text-default {
  font-weight: bold;
}
.aspz-slb-cell-item-command {
  width: 1%;
  text-align: right;
  white-space: nowrap;
}
.aspz-slb-cell-item-command input[type="button"] {
  width: 22px;
  height: 22px;
  border: none;
  cursor: pointer;
  margin-right: 5px;
}
/* -------------------------------------------------------------------------------
    ASPzArrayObjectType
------------------------------------------------------------------------------- */
.aspz-aot-button-container {
  width: auto;
  border: 1px solid #c2762b;
  background-color: #d5d6cf;
  margin: 25px 0 15px 0;
  padding: 5px 15px 5px 15px;
}
.aspz-aot-validation-icon {
  vertical-align: super !important;
  margin-left: 20px;
}
/* -------------------------------------------------------------------------------
    ASPzTextMenu
------------------------------------------------------------------------------- */
.aspz-txm-box {
  display: table;
  border-collapse: collapse;
  border: 1px solid transparent;
}
.aspz-txm-box:hover {
  border: 1px solid #a5acb5;
  cursor: pointer;
}
.aspz-txm-box:hover .aspz-txm-icon {
  border-left: 1px solid #a5acb5;
  background: #fddc7f url('../../App_Themes/Office2010Silver/Icons/iconSprite.png') no-repeat;
  background-position: 0px 0px;
  width: 16px;
  height: 20px;
}
.aspz-txm-box-combo {
  border: 1px solid #a5acb5;
  background-color: #ffffff;
  cursor: pointer;
}
.aspz-txm-box-combo .aspz-txm-icon {
  border-left: 1px solid #a5acb5;
  background: #edf0f3 url('../../App_Themes/Office2010Silver/Icons/iconSprite.png') no-repeat;
  background-position: -16px 0px;
  width: 16px;
  height: 20px;
}
.aspz-txm-box-combo .aspz-txm-icon:hover {
  border-left: 1px solid #a5acb5;
  background: #edf0f3 url('../../App_Themes/Office2010Silver/Icons/iconSprite.png') no-repeat;
  background-position: 0px 0px;
  width: 16px;
  height: 20px;
}
.aspz-txm-text {
  display: table-cell;
  vertical-align: middle;
  padding: 0 20px 0 5px;
}
.aspz-txm-icon {
  display: table-cell;
  border-left: 1px solid transparent;
  width: 16px;
  height: 20px;
}
.aspz-lb-description {
  display: block;
  margin: 10px 10px 10px 0;
  border: 1px solid #bbb;
  padding: 15px;
  background-color: #eee;
}
.aspz-lb-description-extended {
  display: block;
  margin: 10px 10px 10px 0;
  border: 1px solid #bbb;
  padding: 15px;
  background-color: #eee;
  overflow-wrap: anywhere;
}
.aspz-lb-description-extended .title {
  display: inline-block;
  padding-bottom: 10px;
}
.aspz-lb-description-extended .copy {
  vertical-align: middle;
  text-align: right;
  font-size: 150%;
  cursor: pointer;
}
/* -------------------------------------------------------------------------------
    ASPzTreeComboBox
------------------------------------------------------------------------------- */
.aspz-tcb-list-item-icon {
  display: inline-block;
  width: 13px;
  height: 13px;
  vertical-align: text-bottom;
  overflow: hidden;
  margin-right: 4px;
}
/* -------------------------------------------------------------------------------
    ASPzBaseGrid
------------------------------------------------------------------------------- */
.aspz-bg-container {
  width: auto;
  padding: 1px;
}
.aspz-bg-week-selection {
  width: auto;
  overflow-x: auto;
}
.aspz-bg-box-table {
  display: inline-table;
  border-collapse: collapse;
  width: 100%;
  border: 1px solid #bbbfc4;
  table-layout: fixed;
}
.aspz-bg-box-row {
  display: table-row;
  width: auto;
  padding: 0;
}
.aspz-bg-box-cell {
  display: table-cell;
  vertical-align: top;
  padding: 0px;
  overflow: hidden;
}
.aspz-bg-box-cell-twotable {
  white-space: nowrap;
}
.aspz-bg-box-splitter {
  background-color: #ededed;
}
.aspz-bg-box-vsplitter {
  width: 4px;
  height: 100%;
  padding: 0;
  background-color: #ededed;
  vertical-align: middle;
}
.aspz-bg-box-vsplitter:hover {
  background-color: #aaa;
  cursor: col-resize;
}
.aspz-bg-box-vsplitter-pad {
  width: 4px;
  height: 20px;
  background-color: #bbbfc4;
}
.aspz-bg-box-vsplitter-pad:hover {
  background-color: #ff8000;
  cursor: col-resize;
}
.aspz-bg-box-hsplitter {
  width: auto;
  height: 4px;
  padding: 0;
  background-color: #ededed;
  text-align: center;
  font-size: 0;
}
.aspz-bg-box-hsplitter:hover {
  background-color: #bbbfc4;
  cursor: row-resize;
}
.aspz-bg-box-hsplitter-pad {
  display: inline-block;
  width: 20px;
  height: 4px;
  background-color: #aaa;
}
.aspz-bg-box-hsplitter-pad:hover {
  background-color: #ff8000;
  cursor: row-resize;
}
.aspz-bg-tbl-main {
  width: auto;
  border: 0;
}
.aspz-bg-tbl-main-fixed {
  float: left;
}
.aspz-bg-tbl-head {
  overflow: hidden;
  -ms-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.topFixed .aspz-bg-tbl-head th,
.topFixed .aspz-bg-tbl-body td,
.bottomFixed .aspz-bg-tbl-head th,
.bottomFixed .aspz-bg-tbl-body td {
  text-align: left;
}
.aspz-bg-tbl-head table {
  border-collapse: collapse;
  table-layout: fixed;
  empty-cells: show;
}
.aspz-bg-tbl-head th {
  text-align: center;
  font-weight: normal;
  border: 1px solid #bbbfc4;
  background-color: #eef1f4;
  white-space: nowrap;
}
.aspz-bg-tbl-head td:last-child {
  border-right: none !important;
}
.topLeft .aspz-bg-tbl-head {
  overflow-y: scroll;
}
.topLeft .aspz-bg-tbl-head th:first-child,
.bottomLeft .aspz-bg-tbl-head th:first-child {
  border-left: none !important;
}
.aspz-bg-tbl-body {
  width: auto;
  overflow: auto;
  -ms-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.aspz-bg-tbl-body table {
  border-collapse: collapse;
  table-layout: fixed;
  empty-cells: show;
  width: 25px;
}
.aspz-bg-tbl-body td {
  border: 1px solid #bbbfc4;
  background-clip: padding-box;
}
.aspz-bg-tbl-body tr:first-child td {
  border-top: none !important;
  border-bottom: none !important;
}
.topFixed .aspz-bg-tbl-body {
  overflow: hidden;
  overflow-x: scroll;
}
.topLeft .aspz-bg-tbl-body {
  overflow: scroll;
}
.topLeft .aspz-bg-tbl-body td:first-child {
  border-left: none !important;
}
.topRight .aspz-bg-tbl-body {
  overflow: hidden;
  overflow-x: scroll;
}
.bottomFixed .aspz-bg-tbl-body {
  overflow: hidden;
}
.bottomLeft .aspz-bg-tbl-body {
  overflow: hidden;
  overflow-y: scroll;
}
.bottomRight .aspz-bg-tbl-body {
  overflow: hidden;
}
tr[data-row-id="first"],
tr[data-row-id="first"] td {
  height: 0px;
  border-color: transparent;
}
.aspz-bg-head-firstcolumn {
  border-left: none !important;
}
.width-any {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 10px;
}
.height-one,
.height-one .aspz-bg-head-caption {
  height: 3em;
}
.height-one .aspz-bg-head-caption span {
  line-height: 3em;
}
.height-any,
.height-any .aspz-bg-head-caption {
  height: 2em;
}
.height-any .aspz-bg-head-caption span {
  line-height: 2em;
}
.aspz-bg-head-caption {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
}
.aspz-bg-head-caption span {
  vertical-align: middle;
  min-width: 5px;
}
.aspz-bg-head-size {
  cursor: col-resize;
}
.aspz-bg-head-cell-selectable:hover {
  background-color: #fddc7f;
}
.aspz-bg-cell-hover {
  background-color: #feefc2 !important;
  color: #000000 !important;
}
table.aspz-bg-cbox {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
}
table.aspz-bg-cbox td {
  vertical-align: middle;
  border: none;
}
table.aspz-bg-cbox td.top,
table.aspz-bg-cbox td.bottom {
  height: 5px;
}
table.aspz-bg-cbox td.text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
}
table.aspz-bg-cbox td.icon {
  text-align: right;
  overflow: hidden;
}
.aspz-bg-cell {
  vertical-align: middle;
  overflow: hidden;
  white-space: nowrap;
  height: inherit;
}
.aspz-bg-cell-uniform {
  background-color: #bbbfc4 !important;
}
.aspz-bg-cell-caption {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 16px;
}
.aspz-bg-cell-caption-1hd,
.aspz-bg-cell-caption-2hd {
  position: relative;
  width: 100%;
  height: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.8em;
}
.aspz-bg-cell-icon {
  width: 16px;
  height: 16px;
  float: right;
}
.aspz-bg-cell-icon-half {
  width: 16px;
  height: 16px;
  display: block;
  position: absolute;
  top: calc(50% - 8px);
  right: 0;
  z-index: 100;
}
.aspz-bg-cell-icon-cursor {
  cursor: default !important;
}
.aspz-bg-cell-container-hover {
  border: 1px solid #c2762b;
}
.aspz-bg-cell-select {
  background-color: #fddc7f !important;
  color: #000 !important;
  opacity: 1 !important;
}
.aspz-bg-cell-transparency {
  opacity: 0.3;
}
.aspz-bg-cell-pointer {
  cursor: pointer;
}
.aspz-bg-group-padding {
  padding-left: 5px;
}
.aspz-bg-group-cell {
  cursor: pointer;
  border-color: transparent !important;
}
.aspz-bg-cell-mn {
  width: 100%;
  display: table;
  border-collapse: collapse;
}
.aspz-bg-cell-mn-item {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}
.aspz-bg-cell-mn-item:hover {
  background-color: #fddc7f;
}
.aspz-bg-group-cell-click span {
  display: inline-block;
  width: 10px;
  height: 10px;
  background-image: url('../../App_Themes/Office2010Silver/Images/arrow_expand.png');
}
.aspz-bg-group-cell-click span.collapse {
  display: inline-block;
  width: 10px;
  height: 10px;
  background-image: url('../../App_Themes/Office2010Silver/Images/arrow_collapse.png');
}
.aspz-bg-group-cell-expand {
  background-color: #fffab4;
}
.aspz-bg-group-cell-expand span {
  display: inline-block;
  width: 11px;
  height: 11px;
  background-color: transparent;
  background-image: url('../../App_Themes/Office2010Silver/Images/button_expand.gif');
  cursor: pointer;
}
.aspz-bg-group-cell-expand span.collapse {
  display: inline-block;
  width: 11px;
  height: 11px;
  background-color: transparent;
  background-image: url('../../App_Themes/Office2010Silver/Images/button_collapse.gif');
}
.aspz-bg-group-cell-expand-all {
  display: flex;
  flex: 0 0 auto;
  width: 16px;
  border: none;
  justify-content: center;
  align-items: center;
  padding-right: 7px;
}
.aspz-bg-group-cell-expand-all span {
  display: inline-block;
  width: 11px;
  height: 11px;
  background-color: transparent;
  background-image: url('../../App_Themes/Office2010Silver/Images/button_expand.gif');
  cursor: pointer;
}
.aspz-bg-group-cell-expand-all span.collapse {
  display: inline-block;
  width: 11px;
  height: 11px;
  background-color: transparent;
  background-image: url('../../App_Themes/Office2010Silver/Images/button_collapse.gif');
}
.aspz-bg-group-cell-expandhidden {
  background-color: #fffab4;
}
.aspz-bg-group-cell-expandhidden span {
  display: inline-block;
  width: 14px;
  height: 14px;
  background-color: transparent;
  background-image: url('../../App_Themes/Office2010Silver/Images/button_view.png');
  cursor: pointer;
}
.aspz-bg-group-cell-expandhidden span.collapse {
  display: inline-block;
  width: 14px;
  height: 14px;
  background-color: transparent;
  background-image: url('../../App_Themes/Office2010Silver/Images/button_hide.png');
}
.aspz-bg-group-caption {
  border-top-color: transparent !important;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  /*height: 100%;*/
}
.aspz-bg-marker {
  display: block;
  width: 5px;
  height: 5px;
  position: absolute;
}
.center-left {
  border-left-width: 5px;
  border-left-style: solid;
}
.top-left {
  top: 0;
  left: 0;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
}
.top-right {
  right: 0;
  top: 0;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.bottom-left {
  left: 0;
  bottom: 0;
  border-right: 1px solid #fff;
  border-top: 1px solid #fff;
}
.bottom-right {
  right: 0;
  bottom: 0;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
}
.aspz-bg-menu-pad {
  width: 16px;
  height: 20px;
  background-color: #fddc7f;
  border: 1px solid #c2762b;
  display: none;
}
.aspz-bg-menu-pad span {
  background: #fddc7f url('../../App_Themes/Office2010Silver/Icons/iconSprite.png') no-repeat;
  background-position: 0px 0px;
  width: 16px;
  height: 17px;
  display: inline-block;
}
.x-box {
  display: flex;
  align-items: stretch;
  height: 100%;
  border: none;
}
.x-box-caption,
.x-box-caption-grouping {
  flex: 1 1;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 100%;
}
.x-box-caption {
  text-align: center;
}
.x-box-caption-grouping {
  padding-left: 5px;
}
.x-box-caption-padding {
  padding-left: 3px;
}
.box-caption-half {
  height: 50%;
  line-height: 1;
  display: flex;
  align-items: center;
  font-size: 9px;
}
.x-box-marker {
  flex: 0 0 auto;
  width: 5px;
  height: 100%;
  border: none;
}
.x-box-marker-left {
  border-left-width: 5px;
  border-left-style: solid;
}
.x-box-marker-item {
  width: auto;
  height: 25%;
}
.x-box-icon {
  display: flex;
  flex: 0 0 auto;
  width: 16px;
  border: none;
  justify-content: center;
  align-items: center;
  padding-right: 5px;
}
/* -------------------------------------------------------------------------------
    ASPzBookingAnomalyTree
------------------------------------------------------------------------------- */
.aspz-bk-tree {
  border: 1px solid #a5acb5;
}
/* -------------------------------------------------------------------------------
    BookingListQuick
------------------------------------------------------------------------------- */
#BookingListQuick {
  width: auto;
}
#BookingListQuick .divTable {
  width: 100%;
}
#BookingListQuick .divRow {
  border: 1px solid transparent;
  border-left: 5px solid #ccc;
}
#BookingListQuick .divRow.Select {
  border-left: 5px solid #efb23f;
}
/* -------------------------------------------------------------------------------
    BreadCrumbs
------------------------------------------------------------------------------- */
.breadCrumb {
  min-height: 1em;
  padding: 0 0 0 0em;
  padding-bottom: 2px;
  color: #c1752b;
}
.breadCrumb ul,
.breadCrumb li {
  float: left;
  display: inline;
  line-height: 1.4em;
}
.breadCrumb li a,
.breadCrumb li strong {
  float: left;
  color: #c1752b;
  display: block;
}
.breadCrumb li:before {
  content: "\0000BB";
}
.firstComboBoxItem {
  font-style: italic !important;
}
/* -------------------------------------------------------------------------------
    Für alle Edit-controls: X-Symbol (clear-Funktion) ausblenden
    ------------------------------------------------------------------------------- */
/*::-ms-clear {
    display: none;
}*/
/* -------------------------------------------------------------------------------
    Widget: ApplicationDefinitionEditor
    ------------------------------------------------------------------------------- */
#application-definition-editor .header {
  border-bottom: 1px solid #a5acb5;
  background-color: #ededed;
}
#application-definition-editor .header .icon {
  font-size: 2em;
  color: #9e266b;
}
#application-definition-editor .header .title {
  font-size: 1.2em;
  font-weight: bold;
}
#application-definition-editor .header .title .number {
  font-size: 0.7em;
  color: #555;
  padding-top: 5px;
  display: inline-block;
}
#application-definition-editor .header .print i {
  font-size: 1.2em;
}
#application-definition-editor .header .detail .x-cell {
  padding: 2px;
}
#application-definition-editor .form {
  padding: 10px;
}
/* -------------------------------------------------------------------------------
    Widget: UserNotifications
    ------------------------------------------------------------------------------- */
#UserNotificationListContainer {
  overflow: auto;
}
#UserNotificationListMessageTop {
  padding-top: 20px;
  text-align: center;
}
#UserNotificationListMessageBottom {
  padding: 20px 10px 20px 10px;
  text-align: center;
}
/* -------------------------------------------------------------------------------
    SystemMessage Widget
------------------------------------------------------------------------------- */
.system-message-count {
  font-size: 1.2em;
  vertical-align: middle;
  text-align: center;
}
.system-message-content {
  font-size: 1.2em;
}
.system-message-content h1,
.system-message-content h2,
.system-message-content h3,
.system-message-content h4,
.system-message-content h5,
.system-message-content h6,
.system-message-content blockquote,
.system-message-content form,
.system-message-content label,
.system-message-content fieldset,
.system-message-content address,
.system-message-content table {
  margin-bottom: 1em;
  font-size: 1.2em;
}
.system-message-content p {
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
}
.system-message-content ol {
  display: block;
  list-style-type: decimal;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
  padding-left: 40px;
}
.system-message-content ul {
  display: block;
  list-style-type: disc;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
  padding-left: 40px;
}
/* -------------------------------------------------------------------------------
    SetupNavigation Widget
------------------------------------------------------------------------------- */
.setup-list-item {
  padding: 2px;
}
.setup-list-item:hover {
  background-color: #fddc7f;
  cursor: pointer;
  font-weight: bold;
}
.setup-list-item-checked {
  background-color: #fddc7f;
  font-weight: bold;
}
.setup-list {
  overflow-y: scroll;
  height: 10px;
}
.ui-autocomplete-input {
  font: 11px Verdana, Geneva, sans-serif;
  padding: 2px;
  padding-right: -10px;
}
.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 20px;
}
.ui-menu {
  list-style: none;
  padding: 0px;
  margin: 0px;
  display: block;
  outline: none;
  background-color: #ffffff;
  border: 1px solid #a5acb5;
}
.ui-menu .ui-menu {
  position: absolute;
}
.ui-menu .ui-menu-item {
  position: relative;
  margin: 0;
  padding: 3px 1em 3px 0.4em;
  cursor: pointer;
  min-height: 0;
  /* support: IE7 */
}
.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}
.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: -1px;
}
.ui-autocomplete .ui-menu-item .ui-state-focus {
  background-color: #fddc7f;
  font-weight: bold;
}
/* -------------------------------------------------------------------------------
    ASPz Reference Date
------------------------------------------------------------------------------- */
.aspz-cdav {
  display: inline-block;
  vertical-align: top;
  padding-top: 3px;
}
.aspz-cdav-input {
  display: inline-block;
  vertical-align: top;
}
/* -------------------------------------------------------------------------------
    ASPzDialogSettingClose
------------------------------------------------------------------------------- */
.aspz-dialog-setting-close {
  display: inline-block;
  vertical-align: middle;
  padding-left: 10px;
}
.aspz-imbu-flex-border {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.aspz-imbu-frame {
  padding: 5px;
  margin: 5px;
  border: 1px solid #333;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: inline-block;
  min-height: 17px;
  height: auto;
}
.aspz-imbu-frame-no-hover {
  padding: 5px;
  margin: 5px;
  border: 1px solid #333;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: inline-block;
  min-height: 17px;
  height: auto;
}
.aspz-imbu-frame-checked {
  border: 1px solid #f29400;
  background-color: #fee287 !important;
}
.aspz-imbu-frame:hover {
  border: 1px solid #f29400;
  cursor: pointer;
}
.aspz-imbu-frame-no-hover:hover {
  border: 1px solid #333;
  cursor: default;
}
.aspz-imbu-table {
  display: flex;
  flex-wrap: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
}
.aspz-imbu-icon {
  vertical-align: middle;
  width: 1%;
}
.aspz-imbu-text,
.aspz-imbu-text-icon {
  vertical-align: middle;
  height: 16px;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.aspz-imbu-text {
  text-align: center;
}
.aspz-imbu-text-icon {
  padding-left: 5px;
}
.aspz-imbu-color {
  height: 16px;
  width: 11px;
  margin-left: 5px;
  border: 1px solid #666;
}
.aspz-imbu-empty {
  display: table-cell;
  height: 16px;
  width: 16px;
}
.aspz-imbu-frame a,
.aspz-imbu-frame a:link,
.aspz-imbu-frame a:visited,
.aspz-imbu-frame a:active {
  color: #333;
  text-decoration: none;
}
.aspz-imbu-favorite {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
  width: 22px;
}
.aspz-imbu-favorite-right {
  display: table-cell;
  vertical-align: middle;
  float: left;
}
.aspz-imbu-favo-color {
  color: #fccd0b;
}
/* -------------------------------------------------------------------------------
    ASPzDateNavigation
------------------------------------------------------------------------------- */
.aspz-dt-nav {
  table-layout: fixed;
  color: black;
  text-align: center;
  cursor: default;
  border-collapse: separate;
}
.aspz-dt-nav th {
  text-align: center;
  font-weight: bold;
  padding: 2px 4px 6px;
  border-bottom: 1px solid #d1d2d4;
  cursor: default;
}
.aspz-dt-nav td {
  width: 10px;
  height: 10px;
  text-align: center;
  padding: 2px 5px 3px;
  cursor: default;
  border-style: solid;
  border-width: 1px;
  border-color: transparent;
}
.aspz-dt-nav-wk {
  font-size: x-small;
  font-weight: bold;
}
.aspz-dt-nav-outer {
  color: #a5acb5;
}
.aspz-dt-nav-editable td:hover:not(.aspz-dt-nav-nc) {
  background-color: #f8e7a4;
  cursor: pointer;
}
.aspz-dt-nav-readOnly td:hover {
  background-color: #edf0f3;
  cursor: default;
}
.aspz-dt-nav-nc {
  color: #a5acb5 !important;
  cursor: default !important;
}
.aspz-dt-nav-ncOnly {
  cursor: default !important;
}
.aspz-dt-nav-nc:hover {
  cursor: default !important;
}
.aspz-dt-nav-marker {
  min-width: 3px;
  height: 100%;
  min-height: 100%;
  display: table-cell;
}
.aspz-dt-nav-marker-outer {
  width: 100%;
  height: 100%;
  min-height: 100%;
  display: inline-table;
}
.aspz-dt-nav-marker-txt {
  width: 100%;
  height: 100%;
  padding: 2px 4px 3px;
  display: table-cell;
  vertical-align: middle;
}
.aspz-dt-nav-clickedCell {
  border: 1px solid #000000 !important;
}
.aspz-dt-nav-scroll {
  width: 100%;
  text-align: center;
}
.aspz-dt-nav-scroll td {
  height: 10px;
  padding: 5px;
  text-align: center;
}
.aspz-dt-nav-scroll-arrow {
  font-size: 160% !important;
  vertical-align: middle !important;
}
.aspz-dt-nav-scroll-disabled {
  color: #a5acb5;
}
.aspz-dt-nav-topMonth {
  width: 100%;
}
.aspz-dt-nav-topMonth td {
  height: 10px;
  padding: 5px;
  text-align: center;
}
.aspz-dt-nav-srrnd {
  background-color: #edf0f3;
  border: 1px solid gray;
  cursor: pointer;
}
.aspz-imbu-action {
  display: table-cell;
  width: 16px;
  border: none;
}
.aspz-ImgBox {
  border-style: dashed;
  border-width: 1px;
}
/*
style for bar chart
*/
.chart-tooltip {
  visibility: hidden;
  position: absolute;
  padding: 3px;
  background-color: #ddd;
  font-size: 0.9em;
}
/* 
    style for Awesome Font Combo Box
*/
.awe-font-cb-row {
  padding: 5px;
  width: 98%;
}
.awe-font-cb-icon {
  font-size: 30px !important;
}
.awe-font-cb-icon-div {
  display: inline-block;
  width: 30px;
}
.awe-font-cb-name {
  display: inline-block;
  padding: 0px 5px 0px 5px;
  vertical-align: super;
}
/* ---------------------------------------------------------------------------
    Style for plant data center: Structure
--------------------------------------------------------------------------- */
.pdc-button {
  float: left;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  border: 1px solid #aaa;
  text-align: center;
  cursor: pointer;
}
.pdc-button i {
  line-height: 20px;
  font-size: 12px;
}
.pdc-button-checked {
  background-color: #fee287;
}
.pdc-structure-unit {
  display: table;
  border-collapse: collapse;
  width: 100%;
  height: 2em;
  border: 1px solid #868B91;
  margin-bottom: 4px;
  background-color: #fff;
}
.pdc-structure-unit.selected {
  background-color: #fee287;
  border-color: #c2762b;
}
.pdc-structure-unit.disabled {
  pointer-events: none;
  opacity: 0.4;
}
.pdc-structure-unit .cell {
  display: table-cell;
  padding: 0 2px 0 2px;
  vertical-align: middle;
}
.pdc-structure-unit .cell-filter {
  width: 16px;
  font-size: 1.3em !important;
  text-align: center;
}
.pdc-structure-unit .cell-icon {
  width: 16px;
  font-size: 1.3em !important;
  text-align: center;
}
.pdc-filter-modus {
  width: 100%;
  margin-top: 10px;
}
/* ---------------------------------------------------------------------------
    Style for plant data center: Filter Form
--------------------------------------------------------------------------- */
#pdc-structure-filter .filter-cell.label {
  min-width: 125px;
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
}
#pdc-structure-filter .filter-cell.operator {
  /*max-width: 100px;*/
}
#pdc-structure-filter .filter-cell.control {
  min-width: 60px;
  max-width: 100px;
}
/* ---------------------------------------------------------------------------
    Style for plant data center: Filter Function
--------------------------------------------------------------------------- */
#pdc-structure-function {
  padding: 0;
}
#pdc-structure-function .function-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
#pdc-structure-function .function-item {
  display: flex;
  flex-grow: 1;
  justify-content: center;
  align-content: center;
  align-items: center;
  height: 25px;
  border: 1px solid #868B91;
  background-color: #ededed;
  min-width: 100px;
  margin: 2px;
  cursor: pointer;
}
#pdc-structure-function .function-item .icon {
  font-size: 150%;
  padding-right: 10px;
}
/* ---------------------------------------------------------------------------
    Style for plant data center: Result
--------------------------------------------------------------------------- */
#pdc-result-splitter {
  height: 4px;
  width: 100%;
  background-color: #ededed;
  cursor: row-resize;
  text-align: center;
}
#pdc-result-info {
  display: table;
  width: 100%;
  height: 250px;
  border-bottom: 1px solid #868B91;
  overflow-x: auto;
}
#pdc-result-info .cell-menu {
  display: table-cell;
  width: 50px;
}
#pdc-result-info .cell-content {
  display: table-cell;
  vertical-align: top;
  text-align: left;
}
#pdc-result-info .menu {
  display: flex;
  flex-direction: column;
  width: 50px;
  height: 250px;
  background-color: #ededed;
}
#pdc-result-info .menu-item {
  display: flex;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-bottom: 1px solid #868B91;
  border-right: 1px solid #868B91;
  font-size: 170%;
}
#pdc-result-info .menu-item.last {
  border-bottom: none;
}
#pdc-result-info .menu-item.selected {
  background-color: #fee287;
}
/* Container Title */
#pdc-result-title {
  height: 40px;
  line-height: 40px;
  padding: 0 20px 0 20px;
  border-bottom: 1px solid #868B91;
}
#pdc-result-title .title {
  font-size: 1.4em;
  font-weight: bold;
  display: inline-block;
}
#pdc-result-title .action {
  text-align: right;
  font-size: 2em;
  cursor: pointer;
}
/* Container List */
#pdc-result-list {
  display: flex;
  flex-direction: row;
  height: 300px;
}
#pdc-result-list .cell-menu-list {
  flex-basis: 50px;
  background-color: #ededed;
  border-right: 1px solid #868B91;
}
#pdc-result-list .cell-content-list {
  flex-basis: 100%;
  overflow: auto;
  padding: 5px;
}
#pdc-result-list .menu-list {
  display: flex;
  flex-direction: column;
  /*width: 50px;*/
  background-color: #ededed;
}
#pdc-result-list .menu-item {
  display: flex;
  flex-grow: 1;
  height: 50px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-bottom: 1px solid #868B91;
  font-size: 170%;
}
#pdc-result-list .menu-item.first {
  border-top: 1px solid #868B91;
}
#pdc-result-list .menu-item.selected {
  background-color: #fee287;
}
#pdc-result-list .menu-item.disabled {
  pointer-events: none;
  opacity: 0.4;
}
/* ---------------------------------------------------------------------------
    Style for plant data center: Control Result Additional
--------------------------------------------------------------------------- */
#pdc-result-structure {
  display: flex;
  flex-direction: row;
  width: auto;
  height: 235px;
  padding-top: 5px;
}
#pdc-result-structure .structure {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  height: 100%;
  border: 1px solid #868B91;
  margin: 0 5px 0 5px;
  min-width: 200px;
}
#pdc-result-structure .structure .header {
  background-color: #ededed;
  padding: 5px;
}
#pdc-result-structure .structure .selected {
  background-color: #fee287;
}
#pdc-result-structure .structure .content {
  overflow: auto;
  overflow-x: hidden;
  padding: 3px;
}
#pdc-result-structure .structure .content-padding {
  overflow: auto;
  padding: 5px;
}
#pdc-result-structure .info-cell {
  display: table-cell;
  height: 1.5em;
  border-bottom: 1px solid #ddd;
}
#pdc-result-structure .info-cell.label {
  width: 25%;
  padding-right: 5px;
}
#pdc-result-info-structure .info-cell.value {
  padding-left: 5px;
  overflow: hidden;
}
/* ---------------------------------------------------------------------------
    Style for plant data center: Result Chart
--------------------------------------------------------------------------- */
#pdc-result-chart .bar {
  border: 1px solid #868B91;
  empty-cells: show;
}
#pdc-result-chart .bar-row {
  height: 12px;
}
#pdc-result-chart .bar-green {
  background-color: #32cd32;
}
#pdc-result-chart .bar-red {
  background-color: #ff0000;
}
#pdc-result-chart .sum {
  margin-bottom: 10px;
}
/* ---------------------------------------------------------------------------
    Style for plant data center: Result Status
--------------------------------------------------------------------------- */
#pdc-result-status table {
  width: 100%;
}
#pdc-result-status td {
  height: 2.5em;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #bbbfc4;
}
/* ---------------------------------------------------------------------------
    Style for plant data center: Result Info Map
--------------------------------------------------------------------------- */
#pdc-result-map {
  width: 100%;
  height: 250px;
}
#pdc-result-info-booking-filter {
  display: flex;
  flex-direction: row;
  width: auto;
  height: 235px;
}
#pdc-result-info-booking-filter .container {
  flex: 1 100%;
  height: 100%;
  padding: 10px;
}
#pdc-main-result .function {
  background-color: #ededed;
  padding: 5px;
  overflow: hidden;
}
#pdc-main-result .result,
#pdc-main-result .chart {
  padding-top: 20px;
}
#pdc-main-result .result {
  padding-right: 25px;
}
#pdc-main-result .grid .header {
  font-weight: bold;
  padding-bottom: 10px;
}
#pdc-main-result .grid .item {
  height: 2em;
  vertical-align: middle;
  border-top: 1px solid #dbdee1;
  padding: 0 3px 0 3px;
}
#pdc-main-result .grid .label-indention {
  padding-left: 15px;
}
#pdc-main-result .grid .label-indention::before {
  content: "- ";
}
#pdc-main-result .grid .emphasis-positive {
  background-color: #9acd32;
}
#pdc-main-result .grid .emphasis-negative {
  background-color: #f2ca58;
}
#pdc-main-result .grid .emphasis-overrun {
  background-color: #ffb3b3;
}
#pdc-main-result .chart .bar {
  border: 1px solid #868B91;
  empty-cells: show;
}
#pdc-main-result .chart .bar-row {
  height: 15px;
}
#pdc-main-result .chart .bar-green {
  background-color: #32cd32;
}
#pdc-main-result .chart .bar-red {
  background-color: #ff0000;
}
#pdc-main-result .chart .sum {
  margin-bottom: 10px;
}
.dxrd-image-isgus_zeus_business_reporting_controls_customtable {
  background: no-repeat url('../../Content/Widgets/Report/ReportDesigner/table.png');
}
.dx-image-fieldlist-isgus_zeus_business_reporting_controls_customtable {
  background: no-repeat url('../../Content/Widgets/Report/ReportDesigner/table.png');
  background-size: 12px;
}
.dxrd-image-isgus_zeus_business_reporting_controls_timecolumnvaluelabel {
  background-image: url('../../Content/Widgets/Report/ReportDesigner/label-time.png');
  background-repeat: no-repeat;
}
.dxrd-image-isgus_zeus_business_reporting_controls_accountcolumnvaluelabel {
  background-image: url('../../Content/Widgets/Report/ReportDesigner/label-account.png');
  background-repeat: no-repeat;
}
.dxrd-image-isgus_zeus_business_reporting_controls_calendarcolumnvaluelabel {
  background-image: url('../../Content/Widgets/Report/ReportDesigner/label-calendar.png');
  background-repeat: no-repeat;
}
#pdc-result-status td.locked {
  background-color: #ededed;
}
/* ---------------------------------------------------------------------------
    Style for plant data information: Navigation
--------------------------------------------------------------------------- */
#pdi-naviMenu-list {
  display: flex;
  flex-direction: column;
  width: 100%;
}
#pdi-naviMenu-list .cell-content-list {
  flex-basis: 100%;
  padding-top: 4px;
}
#pdi-naviMenu-list .cell-menu-list {
  flex-basis: 40px;
  background-color: #ededed;
  border-left: 1px solid #868B91;
  border-top: 1px solid #868B91;
  border-bottom: 1px solid #868B91;
}
#pdi-naviMenu-list .menu-list {
  display: flex;
  flex-direction: row;
  background-color: #ededed;
}
#pdi-naviMenu-list .menu-item {
  display: flex;
  flex-grow: 1;
  height: 40px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-right: 1px solid #868B91;
  font-size: 170%;
}
#pdi-naviMenu-list .menu-item.first {
  border-top: 1px solid #868B91;
}
#pdi-naviMenu-list .menu-item.selected {
  background-color: #fee287;
}
#pdi-naviMenu-list .menu-item.invisible {
  display: none;
}
#pdi-naviMenu-list .menu-item.disabled {
  pointer-events: none;
  opacity: 0.4;
}
/* ---------------------------------------------------------------------------
    Style for plant data info: Widget Cards
--------------------------------------------------------------------------- */
/*Main Menu*/
#pdi-cardMenu-list {
  display: flex;
  flex-direction: column;
  width: 100%;
}
#pdi-cardMenu-list .cell-content-list {
  flex-basis: 100%;
  padding-top: 4px;
}
#pdi-cardMenu-list .cell-menu-list {
  flex-basis: 40px;
  background-color: #ededed;
  border-left: 1px solid #868B91;
  border-top: 1px solid #868B91;
  border-bottom: 1px solid #868B91;
}
#pdi-cardMenu-list .menu-list {
  display: flex;
  flex-direction: row;
  background-color: #ededed;
  width: 600px;
}
#pdi-cardMenu-list .menu-item {
  display: flex;
  flex-grow: 1;
  height: 40px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-right: 1px solid #868B91;
  font-size: 170%;
}
#pdi-cardMenu-list .menu-item.first {
  border-top: 1px solid #868B91;
}
#pdi-cardMenu-list .menu-item.selected {
  background-color: #fee287;
}
#pdi-cardMenu-list .menu-item.disabled {
  pointer-events: none;
  opacity: 0.4;
}
#pdi-card-search {
  padding: 3px;
  background-color: #ededed;
  border-bottom: solid 1px #868B91;
  height: 40px;
}
#pdi-card-search .remove {
  font-size: 1.5em;
  cursor: pointer;
}
/*card info (top)*/
#pdi-card-infoBlock {
  margin-top: 6px;
  border: 1px solid #868B91;
  display: none;
}
#pdi-card-infoBlock .mainBlock {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 250px;
}
#pdi-card-infoBlock .mainBlock .cell-content-list {
  flex-basis: 100%;
  padding-top: 4px;
  padding-left: 4px;
  padding-right: 4px;
  height: 235px;
}
#pdi-card-infoBlock .mainBlock .cell-menu-list {
  flex-basis: 50px;
  background-color: #ededed;
}
#pdi-card-infoBlock .mainBlock .menu-list {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  background-color: #ededed;
  width: 50px;
  height: 100%;
}
#pdi-card-infoBlock .mainBlock .menu-item {
  display: flex;
  flex-grow: 1;
  height: 40px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-right: 1px solid #868B91;
  border-top: 1px solid #868B91;
  font-size: 170%;
}
#pdi-card-infoBlock .mainBlock .menu-item.first {
  border-top: 0px solid #868B91;
}
#pdi-card-infoBlock .mainBlock .menu-item.selected {
  background-color: #fee287;
}
#pdi-card-infoBlock .mainBlock .menu-item.disabled {
  pointer-events: none;
  opacity: 0.4;
}
/*cards (bottom)*/
#pdi-card-list-surround {
  display: block;
  width: 100%;
  height: 200px;
  overflow: auto;
}
#pdi-card-list {
  display: flex;
  flex-direction: row;
  width: 100%;
  flex-wrap: wrap;
}
#pdi-card-list .card {
  display: flex;
  flex-direction: row;
  width: calc(25% - 14px);
  border: 1px solid #868B91;
  margin: 6px;
  min-height: 4em;
}
#pdi-card-list .card.selected {
  background-color: #fee287;
}
#pdi-card-list .card-content {
  overflow: hidden;
  display: table;
  width: 100%;
  height: 100%;
}
#pdi-card-list .card-cell {
  display: table-cell;
}
#pdi-card-list .card-cell.icon {
  cursor: pointer;
  font-size: 170%;
  width: 40px;
  vertical-align: middle;
  text-align: center;
}
#pdi-card-list .card-cell.text {
  overflow: hidden;
  cursor: pointer;
  font-size: 1em;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 3px;
  vertical-align: middle;
}
#pdi-card-list .card-cell .title {
  font-weight: bold;
}
#pdi-card-list .card-cell .info {
  color: GrayText;
  margin-bottom: 2px;
}
/* ---------------------------------------------------------------------------
    Style for plant data info: Control card main info
--------------------------------------------------------------------------- */
#pdi-cardMainData {
  width: auto;
  height: 100%;
}
#pdi-cardMainData .surroundingBox {
  display: flex;
  flex-direction: row;
  height: 235px;
}
#pdi-cardMainData .info {
  margin-left: 5px;
  border: 1px solid #868B91;
}
#pdi-cardMainData .info.firstItem {
  margin-left: 0px;
}
#pdi-cardMainData .header {
  background-color: #ededed;
  padding: 5px;
}
#pdi-cardMainData .selected {
  background-color: #fee287;
}
#pdi-cardMainData .content {
  overflow: auto;
  overflow-x: hidden;
  padding: 3px;
  height: 200px;
  /*used for firefox*/
}
#pdi-cardMainData .content-padding {
  overflow: auto;
  padding: 5px;
}
#pdi-cardMainData .info-cell {
  display: table-cell;
  padding-top: 1px;
  padding-bottom: 1px;
  border-bottom: 1px solid #ddd;
}
#pdi-cardMainData .info-cell.label {
  width: 30%;
  padding-right: 5px;
}
#pdi-cardMainData .info-cell.value {
  padding-left: 5px;
  overflow: hidden;
}
/* ---------------------------------------------------------------------------
    Style for plant data info: Control keyfigures
--------------------------------------------------------------------------- */
#pdi-cardKeyfigures {
  display: flex;
  flex-direction: row;
  width: auto;
  height: 235px;
}
#pdi-cardKeyfigures .dateFilter {
  height: 100%;
  border: 1px solid #868B91;
  width: 253px;
}
#pdi-cardKeyfigures .block {
  height: 100%;
  min-width: 250px;
}
#pdi-cardKeyfigures .block .content {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  height: 100%;
}
#pdi-cardKeyfigures .block .inner {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  height: 100%;
  border: 1px solid #868B91;
  margin: 0 0px 0 5px;
  min-width: 253px;
}
#pdi-cardKeyfigures .block .header {
  background-color: #ededed;
  padding: 5px;
}
#pdi-cardKeyfigures .block .dateRangeBlock {
  overflow: auto;
  padding: 5px;
}
#pdi-cardKeyfigures .info-cell {
  display: table-cell;
  padding-top: 1px;
  padding-bottom: 1px;
  border-bottom: 1px solid #ddd;
}
#pdi-cardKeyfigures .info-cell.label {
  width: 10%;
  min-width: 110px;
  padding-right: 5px;
  padding-left: 5px;
}
#pdi-cardKeyfigures .info-cell.value {
  padding-left: 5px;
  overflow: hidden;
}
#pdi-cardKeyfigures .daterangeControl {
  padding-top: 5px;
  padding-left: 5px;
}
#pdi-cardKeyfigures .tableContent {
  height: 200px;
  overflow: auto;
}
/* ---------------------------------------------------------------------------
    Style for plant data info: Control cards day data
--------------------------------------------------------------------------- */
#pdi-cardDayData {
  display: flex;
  flex-direction: row;
  width: auto;
  height: 235px;
}
#pdi-cardDayData .innerContent {
  overflow: auto;
  border: 1px solid #868B91;
  margin-left: 5px;
}
#pdi-cardDayData .innerContent .header {
  background-color: #ededed;
  padding: 5px;
}
#pdi-cardDayData .innerContent .content {
  overflow: auto;
  overflow-x: hidden;
  padding: 3px;
}
#pdi-cardDayData .filterControl {
  padding-top: 5px;
  padding-left: 5px;
}
#pdi-cardDayData .dataTable {
  flex-basis: 100%;
  margin-left: 4px;
}
/* ---------------------------------------------------------------------------
    Style for plant data info: Result
--------------------------------------------------------------------------- */
#pdi-result-infoBlock {
  overflow: auto;
  margin-top: 5px;
  margin-bottom: 5px;
  height: 250px;
}
/*filter*/
#pdi-result-filter {
  border-top: 1px solid #868B91;
  border-bottom: 1px solid #868B91;
  /*display: table;*/
  width: 100%;
}
#pdi-result-filter.function,
#pdi-result-filter .function {
  background-color: #ededed;
  padding: 5px;
  overflow: hidden;
}
#pdi-result-filter .filterRow {
  display: table-row;
}
#pdi-result-filter .filterCell {
  display: table-cell;
  padding-left: 5px;
}
#pdi-result-filter .filterCell.invisible {
  display: none !important;
}
#pdi-result-filter .filterCell .filterDateSpan {
  padding-top: 15px;
}
#pdi-result-filter .groupingArea {
  background-color: #FFFAB4;
}
.pdi-button {
  float: left;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  border: 1px solid #aaa;
  text-align: center;
  cursor: pointer;
  background-color: #d2d5da;
}
.pdi-button i {
  font-size: 12px;
  line-height: 20px;
}
.pdi-button:hover:not([disabled]) {
  color: #3c3c3c;
  background-color: #fee287;
  border: 1px solid #eecc53;
}
.pdi-button.text {
  min-width: 20px;
  width: auto;
  white-space: nowrap;
  padding: 0 5px 0 5px;
  line-height: 20px;
}
.pdi-button-checked {
  background-color: #fee287;
}
.pdi-export-button.invisible {
  display: none !important;
}
.pdi-export-button:hover {
  border: 1px solid #f29400;
  cursor: Pointer !important;
  background-color: #fee287;
}
/*data (bottom)*/
#pdi-result-data {
  display: flex;
  flex-direction: row;
  height: 300px;
}
#pdi-result-data .cell-content-list {
  overflow: auto;
  padding: 5px;
  flex-basis: 100%;
}
#pdi-result-data .cell-menu-list {
  flex-basis: 50px;
  background-color: #ededed;
  border-right: 1px solid #868B91;
}
#pdi-result-data .menu-list {
  display: flex;
  flex-direction: column;
  background-color: #ededed;
  width: 47px;
}
#pdi-result-data .menu-item {
  display: flex;
  flex-grow: 1;
  height: 40px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-bottom: 1px solid #868B91;
  font-size: 170%;
}
#pdi-result-data .menu-item.first {
  border-top: 1px solid #868B91;
}
#pdi-result-data .menu-item.selected {
  background-color: #fee287;
}
#pdi-result-data .menu-item.disabled {
  pointer-events: none;
  opacity: 0.4;
}
/*top detail boxes*/
#pdi-result-detaillist {
  display: flex;
  flex-direction: row;
  padding: 5px;
  padding-left: 10px;
}
#pdi-result-detaillist .content {
  display: flex;
  flex-direction: row;
}
#pdi-result-detaillist .contentBox {
  cursor: pointer;
  border: 1px solid #868B91;
  height: 230px;
  width: 220px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
#pdi-result-detaillist .contentBox .header {
  background-color: #ededed;
  padding: 5px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}
#pdi-result-detaillist .contentBox .innerContent {
  padding-left: 5px;
  padding-right: 5px;
  height: 190px;
  overflow: auto;
  font-size: 0.9em;
}
#pdi-result-detaillist .contentBox .info-cell {
  display: table-cell;
  padding-top: 1px;
  padding-bottom: 1px;
  border-bottom: 1px solid #ddd;
}
#pdi-result-detaillist .contentBox .info-cell.label {
  width: 25%;
  padding-right: 5px;
  white-space: nowrap;
}
#pdi-result-detaillist .contentBox .info-cell.value {
  padding-left: 5px;
  overflow: hidden;
}
#pdi-result-detaillist .contentBox.selected {
  background-color: #fee287;
}
#pdi-result-detaillist .contentImage {
  padding-left: 5px;
  padding-right: 5px;
}
#pdi-resultSelection-MainMenu {
  display: flex;
  flex-direction: column;
  padding: 5px;
}
#pdi-resultSelection-MainMenu .menu-list {
  padding: 5px;
}
#pdi-resultSelection-MainMenu .menu-item {
  display: flex;
  flex-grow: 1;
  height: 40px;
  align-items: center;
  cursor: pointer;
  border: 1px solid #868B91;
  padding-left: 10px;
  margin: 10px;
  font-size: 170%;
}
#pdi-resultSelection-MainMenu .menu-item.selected {
  background-color: #fee287;
}
#pdi-resultSelection-MainMenu .menu-item.disabled {
  pointer-events: none;
  opacity: 0.4;
}
.pdi-dateRangeFilter-group {
  border: 1px solid #848484;
  padding: 2px;
  margin: 10px;
  margin-bottom: 0px;
}
#pdi-patternFilter-group {
  border: 1px solid #848484;
  padding: 2px;
}
/*#pdi-patternFilter-filter {
        height: 50px;
        display: table;
        width: 100%;
    }

    #pdi-patternFilter-filter .filterRow {
        display: table-row;
    }

    #pdi-patternFilter-filter .filterCell {
        display: table-cell;
        padding-left: 5px;
    }

    #pdi-patternFilter-filter .filterCell.invisible {
        display: none !important;
    }

    #pdi-patternFilter-filter .filterCell .filterDateSpan {
        padding-top: 15px;
    }*/
/* ---------------------------------------------------------------------------
    Style for time distribution
--------------------------------------------------------------------------- */
.timeDis-btn-Container {
  border: 1px solid #848484;
  padding: 5px;
  background-color: #ededed;
}
.timeDis-btn-Container-outer {
  padding: 5px;
}
/* ---------------------------------------------------------------------------
    Style for personal booking accessibility
--------------------------------------------------------------------------- */
.w-bo-ac-icon-prev:before {
  font-family: FontAwesome, 'Font Awesome\ 5 Pro';
  z-index: 1;
  content: '\f062';
  margin-right: 5px;
  align-self: center;
}
.w-bo-ac-icon-next:after {
  font-family: FontAwesome, 'Font Awesome\ 5 Pro';
  z-index: 1;
  content: '\f063';
  margin-left: 5px;
  align-self: center;
}
.ac-margin-right {
  margin-right: 20px;
}
.ac-margin-left {
  margin-left: 20px;
}
.bo-ac-no-button-style {
  background-color: transparent;
  border: none;
  padding: 2px;
  display: block;
  width: 100%;
  text-align: left;
  cursor: pointer;
  font: inherit;
  line-height: 2em;
  color: inherit;
}
.bo-ac-day-anomaly {
  font-weight: bold;
}
.bo-ac-day-anomaly:before {
  font-family: FontAwesome, 'Font Awesome\ 5 Pro';
  font-size: 1.3em;
  z-index: 1;
  content: '\f071';
  color: red;
}
.bo-ac-text {
  display: table-cell;
  min-width: 100px;
  padding-right: 10px;
}
.bo-ac-booking-details {
  display: table-cell;
  width: 100%;
}
.bo-ac-tbl {
  width: 100%;
  border-collapse: collapse;
}
.bo-ac-th-day,
.bo-ac-th-book {
  background-color: #d2d5da;
  text-align: left;
  padding: 3px;
  border: 1px solid #bbbfc4;
}
.bo-ac-cell-day {
  background-color: #ededed;
  padding: 2px;
  width: 135px;
  vertical-align: text-top;
}
.bo-ac-cell-content {
  padding: 2px;
}
.bo-ac-cell-day,
.bo-ac-cell-content {
  border: 1px solid #bbbfc4;
}
.bo-ac-cell-day .content {
  min-height: 3em;
}
.bo-ac-cell-day .number,
.bo-ac-cell-day .text {
  display: table-cell;
  vertical-align: top;
}
.bo-ac-cell-day .number {
  font-size: 2em;
  font-weight: bold;
  padding: 0 5px 0 0;
  color: #888;
}
.bo-ac-cell-day .month {
  font-size: 0.9em;
  color: #888;
}
.bo-ac-icon {
  display: inline-block;
  float: right;
  margin: 2px;
  margin-right: 10px;
}
.bo-ac-cell-booking {
  font-size: 1em;
  border-bottom: 1px solid #ddd;
  padding: 3px;
}
.bo-ac-cell-booking.last {
  border: none;
}
/*Style form bookingCorrectionEditorAccessibility and calendarCorrectionEditorAccessibility*/
/*plausiStyle*/
.bc-ac-info-text-container {
  overflow-x: unset;
  overflow-y: auto;
  height: 130px;
  margin-top: 10px;
}
.bc-ac-button {
  font-size: 1.5em;
  margin: 10px;
  width: 140px;
  display: inline-block;
}
#uiDaylightSavingRadioButton:after {
  margin-right: 10px;
}
.bc-ac-input-radio {
  margin: 5px;
  width: 140px;
}
.bc-ac-input-textarea {
  width: 80%;
  min-width: 365px;
  resize: none;
  margin-right: 5px;
}
.bc-ac-information {
  border-top: 1px solid orange;
}
.bc-ac-information-header {
  font-size: 1em;
  margin-bottom: unset;
  color: #777;
  width: 100%;
}
#uiBookingCorrectionFields {
  margin-bottom: 50px;
}
.bc-ac-option {
  line-height: 2em;
}
/*-----*/
#uiDialogBookingCorrectionAccessibility {
  padding: 10px;
  min-width: 400px;
}
.radio-inline {
  display: inline-block;
}
.radio-group {
  width: 100%;
}
/*style for AccountInfo*/
/*-------------------------------------------------------*/
.account-info-status-bar {
  padding-left: 12px;
  padding-right: 12px;
  min-width: 200px;
}
.account-info-result {
  text-align: left;
  /*padding-right: 20px;*/
}
.account-info-result td {
  padding: 5px 10px 5px 10px;
}
.account-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  min-width: 200px;
}
.account-list-item {
  background: url('../../App_Themes/Office2010Silver/Icons/iconAccountInfoMagenta.png') no-repeat left top;
  /*margin: 1em;*/
  margin: 1em 0 1em 0;
  padding-left: 20px;
}
.account-list-item-description {
  font-weight: bold;
}
.account-column {
  float: left;
  width: 70%;
  /*width: 50%;*/
}
/* Clear floats after the columns */
.account-row:after {
  content: "";
  display: table;
  clear: both;
}
.account-inline {
  display: inline-block;
  margin-left: 10px;
}
.account-list-item-description::after {
  content: ":";
}
.account-list-element-value {
  width: auto;
  float: right;
  /* */
}
/* Terminal  */
/* --------------------------------------------------------------------------------------------------- */
.terminal-button-in-flex-item {
  border: 1px solid #333;
  padding: 5px;
  border-radius: 4px;
  background-color: white;
  text-align: left;
  width: 100%;
  cursor: pointer;
  font: 11px Verdana, Geneva, sans-serif;
  /*height: 3em;*/
  min-width: 200px;
}
.terminal-button-in-flex-item:focus,
.terminal-button-in-flex-item:hover,
.terminal-button-in-flex-item:active {
  border-color: #f29400;
}
.terminal-group-button {
  background-color: white;
}
.dialog-detail-description {
  float: left;
  clear: left;
  width: 50%;
  font-weight: bold;
  margin-bottom: 5px;
}
.dialog-detail-value {
  float: left;
  width: 50%;
  margin-bottom: 5px;
}
.dialog-detail-dl {
  width: 100%;
  padding: 0;
  margin: 0;
}
.divDetails {
  margin-top: 20px;
}
.fake-flex-item {
  font-size: 1rem;
  margin: 0.5em;
  display: inline-block;
  width: 19em;
  vertical-align: top;
}
.fake-flex-container {
  max-width: 100%;
  font-size: 0;
  box-sizing: border-box;
}
/* PresenceIndication  */
/* --------------------------------------------------------------------------------------------------- */
.person-span-block {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 1.5em;
}
.center-span-block {
  height: 0.75em;
  display: block;
}
.button-in-flex-item {
  border: 1px solid #333;
  padding: 5px;
  border-radius: 4px;
  background-color: white;
  text-align: left;
  width: 100%;
  cursor: pointer;
  font: 11px Verdana, Geneva, sans-serif;
  /*height: 3em;*/
}
.button-in-flex-item:focus,
.button-in-flex-item:hover,
.button-in-flex-item:active {
  border-color: #f29400;
}
.button-in-flex-item .icon {
  width: 17px;
  height: 100%;
}
/*Confirm text button*/
/* --------------------------------------------------------------------------------------------------- */
#ConfirmTextButton .x-table {
  border-collapse: separate;
  border-spacing: 10px;
}
#ConfirmTextButton .assume,
#ConfirmTextButton .cancel {
  height: 5em;
  vertical-align: middle;
  text-align: center;
  border: 1px solid #999;
  cursor: pointer;
}
#ConfirmTextButton .assume {
  background-color: #ccffcc;
}
#ConfirmTextButton .cancel {
  background-color: #ffc2b3;
}
#ConfirmTextButton .assume:hover,
#ConfirmTextButton .cancel:hover {
  color: #000;
  background-color: #fee287;
  border: 1px solid #f29400;
}
/*General stuff*/
/* --------------------------------------------------------------------------------------------------- */
.flex-container-wrap {
  display: flex;
  flex-wrap: wrap;
}
.flex-container-no-wrap {
  display: flex;
  flex-wrap: nowrap;
}
.flex-item-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
  min-width: 0;
}
.flex-left-sided {
  margin-left: auto;
}
.flex-item {
  flex: 1;
  padding-left: 10px;
  overflow-x: hidden;
  white-space: nowrap;
}
.flex-fixed-size {
  width: 120px;
  flex-direction: row;
  display: flex;
  flex: 0 0 auto;
}
.vertical-centered {
  margin-top: auto;
  margin-bottom: auto;
}
.inline {
  display: inline !important;
}
.widgetTitle {
  margin-bottom: 0px;
  font-weight: normal;
}
.dialog-content {
  display: table;
}
.label-from-row {
  width: 100%;
  line-height: 3em;
  display: table-row;
}
.two-lined-label {
  line-height: 1.5em;
}
.accessibility-cell {
  width: 50%;
  display: inline-block;
}
.label-float-left {
  display: table-cell;
}
/* htmlParameter control*/
.param-plausi-container {
  width: 97%;
}
.param-plausi-container:after {
  font-family: FontAwesome, 'Font Awesome\ 5 Pro';
  font-size: 1.5em;
  z-index: 1;
  display: none;
  content: '\f06a';
  color: red;
}
.param-plausi-container:hover {
  visibility: visible;
  opacity: 1;
}
.param-plausi-input:after {
  display: inline-block !important;
}
.param-plausi {
  border: 1px solid red;
}
.param-plausi-text {
  color: red;
  padding-left: 2px;
  padding-right: 2px;
}
/* Widget FavoriteState */
/* ------------------------------------------------------------------------------------ */
.w-fav-state-edit {
  /*padding: 5px;*/
  /*border: 1px solid #bbbfc4;*/
}
.w-fav-state-search {
  padding: 10px 0 10px 0;
}
.w-fav-state-list {
  overflow: auto;
  border-top: 1px solid #bbbfc4;
  padding: 5px 5px 5px 5px;
}
.w-fav-state-list .x-row:hover {
  background-color: #ededed;
}
.w-fav-state-list .x-row:focus {
  background-color: #ededed;
}
.w-fav-state-list-item {
  padding: 4px 0 4px 0;
}
.w-fav-state-list-item.default {
  font-weight: bold;
}
.w-fav-state-list-fileName {
  color: gray;
}
/*--------Congratulation Widget---------------*/
.congratulation-today {
  color: mediumseagreen;
}
.heading-anniversary {
  margin-bottom: 0px;
  margin-top: 20px;
  font-weight: bold;
  font-size: 1.1em;
}
.anniversary-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  min-width: 200px;
}
.congratulation-year-grouping-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  min-width: 200px;
}
.birthday-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  min-width: 200px;
}
.congratulation-list-item {
  background: url('../../App_Themes/Office2010Silver/Icons/iconAccountInfoMagenta.png') no-repeat left top;
  /*margin: 1em;*/
  margin: 1em 0 1em 0;
  padding-left: 20px;
}
.congratulation-list-item-anniversary {
  margin: 1em 0 1em 0;
}
.congratulation-list-item-description {
  font-weight: bold;
}
.congratulation-column {
  float: left;
  width: 70%;
  /*width: 50%;*/
}
/* Clear floats after the columns */
.congratulation-row:after {
  content: "";
  display: table;
  clear: both;
}
.congratulation-inline {
  display: inline-block;
  margin-left: 10px;
}
.congratulation-list-element-value {
  width: auto;
  float: right;
  /* */
}
.congrat-accordion-button {
  background-color: transparent;
  border: none;
  margin-top: 20px;
  border-bottom: 2px solid orange;
  padding: 2px;
  display: block;
  width: 100%;
  text-align: left;
  cursor: pointer;
  font-weight: bold;
  font-size: 120%;
  line-height: 2em;
  color: inherit;
}
.fa-arrow {
  content: '\f150';
  font-family: FontAwesome, 'Font Awesome\ 5 Pro';
  font-size: 1.5em;
  width: 16px;
  height: 16px;
}
/* ---------------------------------------------------------------------- */
/* Organization-Tree                                                      */
/* ---------------------------------------------------------------------- */
.marked-node {
  background-color: #fee287;
}
/* ---------------------------------------------------------------------- */
/* Organization-Tree Accessibility                                        */
/* ---------------------------------------------------------------------- */
.ota-ul {
  list-style-type: none;
  margin-left: 5px;
}
.ota-li {
  margin-left: 5px;
}
.ota-pad {
  padding: 3px;
}
.ota-selected-oe {
  background-color: #fee287;
  border: 1px solid #f29400;
}
.ota-a {
  text-decoration: none;
  color: #333 !important;
}
summary::-webkit-details-marker {
  font-size: 1.5em;
  font-weight: bold;
  margin-right: 0;
  padding-right: 0;
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
    Person List Accessibility
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.pla-selected-person {
  color: #000;
  background-color: #fee287;
  border: 1px solid #f29400 !important;
}
.pla-label {
  cursor: pointer;
}
.focus-border {
  border: 1px #f29400 solid !important;
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
    service plan accessibility
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.servicePlanStep {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.servicePlanStepLine {
  border-bottom: 1px dotted;
}
.servicePlanStepLine:last-child {
  border-bottom: 0;
}
.service-plan-date-row {
  text-overflow: ellipsis;
  overflow: hidden;
}
.service-plan-shift-button,
.servicePlanInfoButton {
  font-size: 90%;
  text-align: right;
  vertical-align: bottom;
  float: right;
  font-weight: bold;
}
.servicePlanInsertShiftEditor {
  display: flex;
  padding: 15px 15px 5px;
  margin-top: 15px;
  justify-content: center;
  flex-direction: column;
  box-shadow: 0 -1px 1px -1px black;
}
.servicePlanInsertShiftEditor .desired-shift-editor-row {
  padding: 3px;
}
.servicePlanInsertShiftEditor label {
  margin-right: 20px;
}
.servicePlanInsertShiftEditor textarea {
  width: 100%;
}
.servicePlanInsertShiftEditor select {
  padding: inherit;
  font-size: 11px;
}
.servicePlanInsertShiftEditor button {
  float: right;
  margin-left: 5px;
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
    Generic Controls
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.generic-workflow-control .gwc-header {
  margin-bottom: 15px;
}
.generic-workflow-control .gwc-header-title {
  font-weight: bold;
}
.generic-workflow-control .gwc-header-reminder,
.generic-workflow-control .gwc-header-description,
.generic-workflow-control .gwc-header-expand {
  width: 1%;
  padding-left: 5px;
}
.generic-workflow-control .gwc-list-title {
  margin: 5px 0 5px 0;
  font-weight: normal;
}
.generic-workflow-control .gwc-list {
  border-collapse: collapse;
}
.generic-workflow-control .x-row.gwc-list-item {
  border-top: 3px solid #ddd;
}
.generic-workflow-control .x-row.gwc-list-item:first-child {
  border-top: 1px solid #a5acb5;
}
.generic-workflow-control .gwc-list .x-cell {
  padding: 3px;
  border: 1px solid #a5acb5;
}
.generic-workflow-control .gwc-list-icon-type,
.generic-workflow-control .gwc-list-icon-status {
  width: 25px;
}
.generic-workflow-control .gwc-list-icon-type {
  white-space: nowrap;
}
.generic-workflow-control .gwc-list-description {
  color: #888;
  padding-top: 5px;
}
.generic-workflow-control .gwc-list-date {
  width: 75px;
}
/*! chota.css v0.7.1 | MIT License | github.com/jenil/chota */
/* grid style */
:root {
  --grid-maxWidth: 120rem;
  --grid-gutter: 1rem;
}
.flex-container,
.flex-row {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.flex-container {
  max-width: var(--grid-maxWidth);
  margin: 0 auto;
  width: 96%;
  padding: 0 calc(var(--grid-gutter) / 2);
}
.flex-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-left: calc(var(--grid-gutter) / -2);
  margin-right: calc(var(--grid-gutter) / -2);
}
.flex-row.reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.flex-col {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.flex-col,
[class*=" flex-col-"],
[class^='flex-col-'] {
  margin: 0 calc(var(--grid-gutter) / 2) calc(var(--grid-gutter) / 2);
}
.flex-col-1 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc((100% / (12/1)) - var(--grid-gutter));
  flex: 0 0 calc((100% / (12/1)) - var(--grid-gutter));
}
.flex-col-2 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc((100% / (12/2)) - var(--grid-gutter));
  flex: 0 0 calc((100% / (12/2)) - var(--grid-gutter));
}
.flex-col-3 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc((100% / (12/3)) - var(--grid-gutter));
  flex: 0 0 calc((100% / (12/3)) - var(--grid-gutter));
}
.flex-col-4 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc((100% / (12/4)) - var(--grid-gutter));
  flex: 0 0 calc((100% / (12/4)) - var(--grid-gutter));
}
.flex-col-5 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc((100% / (12/5)) - var(--grid-gutter));
  flex: 0 0 calc((100% / (12/5)) - var(--grid-gutter));
}
.flex-col-6 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc((100% / (12/6)) - var(--grid-gutter));
  flex: 0 0 calc((100% / (12/6)) - var(--grid-gutter));
}
.flex-col-7 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc((100% / (12/7)) - var(--grid-gutter));
  flex: 0 0 calc((100% / (12/7)) - var(--grid-gutter));
}
.flex-col-8 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc((100% / (12/8)) - var(--grid-gutter));
  flex: 0 0 calc((100% / (12/8)) - var(--grid-gutter));
}
.flex-col-9 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc((100% / (12/9)) - var(--grid-gutter));
  flex: 0 0 calc((100% / (12/9)) - var(--grid-gutter));
}
.flex-col-10 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc((100% / (12/10)) - var(--grid-gutter));
  flex: 0 0 calc((100% / (12/10)) - var(--grid-gutter));
}
.flex-col-11 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc((100% / (12/11)) - var(--grid-gutter));
  flex: 0 0 calc((100% / (12/11)) - var(--grid-gutter));
}
.flex-col-12 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc((100% / (12/12)) - var(--grid-gutter));
  flex: 0 0 calc((100% / (12/12)) - var(--grid-gutter));
}
@media screen and (max-width: 599px) {
  .flex-container {
    width: 100%;
  }
  .flex-col,
  [class*="flex-col-"],
  [class^='flex-col-'] {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 900px) {
  .flex-col-1-md {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc((100% / (12/1)) - var(--grid-gutter));
    flex: 0 0 calc((100% / (12/1)) - var(--grid-gutter));
    max-width: calc((100% / (12/1)) - var(--grid-gutter));
  }
  .flex-col-2-md {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc((100% / (12/2)) - var(--grid-gutter));
    flex: 0 0 calc((100% / (12/2)) - var(--grid-gutter));
    max-width: calc((100% / (12/2)) - var(--grid-gutter));
  }
  .flex-col-3-md {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc((100% / (12/3)) - var(--grid-gutter));
    flex: 0 0 calc((100% / (12/3)) - var(--grid-gutter));
    max-width: calc((100% / (12/3)) - var(--grid-gutter));
  }
  .flex-col-4-md {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc((100% / (12/4)) - var(--grid-gutter));
    flex: 0 0 calc((100% / (12/4)) - var(--grid-gutter));
    max-width: calc((100% / (12/4)) - var(--grid-gutter));
  }
  .flex-col-5-md {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc((100% / (12/5)) - var(--grid-gutter));
    flex: 0 0 calc((100% / (12/5)) - var(--grid-gutter));
    max-width: calc((100% / (12/5)) - var(--grid-gutter));
  }
  .flex-col-6-md {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc((100% / (12/6)) - var(--grid-gutter));
    flex: 0 0 calc((100% / (12/6)) - var(--grid-gutter));
    max-width: calc((100% / (12/6)) - var(--grid-gutter));
  }
  .flex-col-7-md {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc((100% / (12/7)) - var(--grid-gutter));
    flex: 0 0 calc((100% / (12/7)) - var(--grid-gutter));
    max-width: calc((100% / (12/7)) - var(--grid-gutter));
  }
  .flex-col-8-md {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc((100% / (12/8)) - var(--grid-gutter));
    flex: 0 0 calc((100% / (12/8)) - var(--grid-gutter));
    max-width: calc((100% / (12/8)) - var(--grid-gutter));
  }
  .flex-col-9-md {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc((100% / (12/9)) - var(--grid-gutter));
    flex: 0 0 calc((100% / (12/9)) - var(--grid-gutter));
    max-width: calc((100% / (12/9)) - var(--grid-gutter));
  }
  .flex-col-10-md {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc((100% / (12/10)) - var(--grid-gutter));
    flex: 0 0 calc((100% / (12/10)) - var(--grid-gutter));
    max-width: calc((100% / (12/10)) - var(--grid-gutter));
  }
  .flex-col-11-md {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc((100% / (12/11)) - var(--grid-gutter));
    flex: 0 0 calc((100% / (12/11)) - var(--grid-gutter));
    max-width: calc((100% / (12/11)) - var(--grid-gutter));
  }
  .flex-col-12-md {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc((100% / (12/12)) - var(--grid-gutter));
    flex: 0 0 calc((100% / (12/12)) - var(--grid-gutter));
    max-width: calc((100% / (12/12)) - var(--grid-gutter));
  }
}
@media screen and (min-width: 1200px) {
  .flex-col-1-lg {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc((100% / (12/1)) - var(--grid-gutter));
    flex: 0 0 calc((100% / (12/1)) - var(--grid-gutter));
    max-width: calc((100% / (12/1)) - var(--grid-gutter));
  }
  .flex-col-2-lg {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc((100% / (12/2)) - var(--grid-gutter));
    flex: 0 0 calc((100% / (12/2)) - var(--grid-gutter));
    max-width: calc((100% / (12/2)) - var(--grid-gutter));
  }
  .flex-col-3-lg {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc((100% / (12/3)) - var(--grid-gutter));
    flex: 0 0 calc((100% / (12/3)) - var(--grid-gutter));
    max-width: calc((100% / (12/3)) - var(--grid-gutter));
  }
  .flex-col-4-lg {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc((100% / (12/4)) - var(--grid-gutter));
    flex: 0 0 calc((100% / (12/4)) - var(--grid-gutter));
    max-width: calc((100% / (12/4)) - var(--grid-gutter));
  }
  .flex-col-5-lg {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc((100% / (12/5)) - var(--grid-gutter));
    flex: 0 0 calc((100% / (12/5)) - var(--grid-gutter));
    max-width: calc((100% / (12/5)) - var(--grid-gutter));
  }
  .flex-col-6-lg {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc((100% / (12/6)) - var(--grid-gutter));
    flex: 0 0 calc((100% / (12/6)) - var(--grid-gutter));
    max-width: calc((100% / (12/6)) - var(--grid-gutter));
  }
  .flex-col-7-lg {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc((100% / (12/7)) - var(--grid-gutter));
    flex: 0 0 calc((100% / (12/7)) - var(--grid-gutter));
    max-width: calc((100% / (12/7)) - var(--grid-gutter));
  }
  .flex-col-8-lg {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc((100% / (12/8)) - var(--grid-gutter));
    flex: 0 0 calc((100% / (12/8)) - var(--grid-gutter));
    max-width: calc((100% / (12/8)) - var(--grid-gutter));
  }
  .flex-col-9-lg {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc((100% / (12/9)) - var(--grid-gutter));
    flex: 0 0 calc((100% / (12/9)) - var(--grid-gutter));
    max-width: calc((100% / (12/9)) - var(--grid-gutter));
  }
  .flex-col-10-lg {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc((100% / (12/10)) - var(--grid-gutter));
    flex: 0 0 calc((100% / (12/10)) - var(--grid-gutter));
    max-width: calc((100% / (12/10)) - var(--grid-gutter));
  }
  .flex-col-11-lg {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc((100% / (12/11)) - var(--grid-gutter));
    flex: 0 0 calc((100% / (12/11)) - var(--grid-gutter));
    max-width: calc((100% / (12/11)) - var(--grid-gutter));
  }
  .flex-col-12-lg {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc((100% / (12/12)) - var(--grid-gutter));
    flex: 0 0 calc((100% / (12/12)) - var(--grid-gutter));
    max-width: calc((100% / (12/12)) - var(--grid-gutter));
  }
}
/* Position & alignment */
.flex-row-nowrap {
  flex-wrap: nowrap;
}
.flex-col-mt {
  margin-top: calc(var(--grid-gutter) / 2);
}
.flex-pull-right {
  float: right !important;
}
.flex-pull-left {
  float: left !important;
}
.flex-text-center {
  text-align: center;
}
.flex-text-left {
  text-align: left;
}
.flex-text-right {
  text-align: right;
}
.flex-text-uppercase {
  text-transform: uppercase;
}
.flex-text-lowercase {
  text-transform: lowercase;
}
.flex-text-capitalize {
  text-transform: capitalize;
}
.flex-is-full-screen {
  width: 100%;
  min-height: 100vh;
}
.flex-is-full-width {
  width: 100% !important;
}
.flex-is-vertical-align {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.flex-is-horizontal-align {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.flex-is-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.flex-is-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.flex-is-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.flex-is-fixed {
  position: fixed;
  width: 100%;
}
.flex-is-paddingless {
  padding: 0 !important;
}
.flex-is-marginless {
  margin: 0 !important;
}
.flex-is-rounded {
  border-radius: 100%;
}
.flex-clearfix {
  content: "";
  display: table;
  clear: both;
}
.flex-is-hidden {
  display: none !important;
}
@media screen and (max-width: 599px) {
  .flex-hide-xs {
    display: none !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 899px) {
  .flex-hide-sm {
    display: none !important;
  }
}
@media screen and (min-width: 900px) and (max-width: 1199px) {
  .flex-hide-md {
    display: none !important;
  }
}
@media screen and (min-width: 1200px) {
  .flex-hide-lg {
    display: none !important;
  }
}
@media print {
  .flex-hide-pr {
    display: none !important;
  }
}
@media all and (-ms-high-contrast: none) {
  #pdc-structure-filter .flex-row,
  #pdi-patternFilter-filter .flex-row {
    margin: 0 0.5rem;
  }
  #pdc-structure-filter .flex-col,
  #pdi-patternFilter-filter .flex-col,
  #pdc-structure-filter [class*=' flex-col-'],
  #pdi-patternFilter-filter [class*=' flex-col-'],
  #pdc-structure-filter [class^='flex-col-'],
  #pdi-patternFilter-filter [class^='flex-col-'] {
    margin: 0 0.5rem 0.5rem;
  }
}
.crosshair-header-active {
  background-color: #d7d7d7 !important;
}
.crosshair-bodyRow-active {
  border-bottom: solid 1px #dd3c4b !important;
}
.crosshair-bodyCol-active {
  border-right: solid 1px #dd3c4b !important;
}
.dropZoneExternal {
  border: 1px dashed #868B91 !important;
  cursor: pointer;
}
.dropZoneExternal,
.dragZoneText {
  height: 350px;
}
.dropZoneText {
  width: 300px;
  height: 150px;
  color: #fff;
  background-color: #888;
}
#dragZone {
  width: 100%;
  display: table;
}
#uploadedFile {
  width: 100%;
}
.dropZoneText {
  width: 300px;
  height: 150px;
  color: #fff;
  background-color: #888;
}
#dropZone {
  top: 0;
  padding: 100px 25px;
}
.uploadControlDropZone {
  display: none;
}
.dropZoneText,
.dragZoneText {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 20pt;
}
.dragZoneText {
  color: #808080;
}
.dxucInlineDropZoneSys span {
  color: #fff !important;
  font-size: 10pt;
  font-weight: normal !important;
}
.validationMessage {
  padding: 0 20px;
  text-align: center;
}
.uploadContainer {
  width: 100%;
  max-width: 350px;
  min-width: 286px;
  margin-top: 10px;
}
.Note {
  max-width: 500px;
}
/*ASPzLookupIcon*/
.lic-lookupIconEditTable {
  width: 30px;
  border-collapse: collapse;
}
.lic-lookupIconEditTable td.dxic {
  display: none;
}
.lic-lookupIconEditImageCell {
  vertical-align: middle;
  border: 1px solid #a5acb5;
  border-right: none;
  background-color: white;
  width: 50px;
}
.lic-lookupIconEditImage {
  width: 50px;
  padding: 5px;
  text-align: center;
}
/*ASPzMenuBarDesign*/
.mbd-buttonList {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.mbd-buttonListItem {
  padding: 10px;
  float: left;
  text-align: center;
  margin-right: 5px;
  min-width: 30x;
  cursor: pointer;
}
.mbd-buttonListItem:hover {
  background-color: #ededed;
}
.mbd-buttonListItem.selected {
  background-color: #fddc7f;
}
/*ASPzMenuBarDesign end*/
.icon-adjustment-16 {
  font-weight: 500 !important;
}
#dashboardGridContainer {
  --rowNum: 0;
  --colNum: 0;
  --headerFooterHeight: 0;
  display: grid;
  gap: 5px;
  grid-template-columns: repeat(var(--colNum), 1fr);
  grid-template-rows: repeat(var(--rowNum), 100px);
  overflow: auto;
  height: calc(100vh - var(--headerFooterHeight));
}
.grid-item {
  grid-column-start: auto;
  grid-row-start: auto;
}
.acc-menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.acc-menu li {
  text-align: center;
  height: 30px;
  cursor: pointer;
}
.acc-menu li i {
  font-size: 3em;
}
.acc-menu li.vertical {
  display: block;
  height: 40px;
  text-align: center;
  padding: 15px 0 15px 0;
  border: 1px solid transparent;
}
.acc-menu li.horizonal {
  display: inline-block;
}
.acc-menu li.selected {
  background-color: #fee287;
  border-left: 5px solid #555;
}
.acc-menu li:hover {
  border: 1px solid #f29400;
  background-color: #fee287;
}