/* 10px since default browser font-size is 16px */
/* 35px */
/* 26px */
/* 20px */
/* 14px */
/* 15px */
/* 14px */
/* 14px */
/* 13px */
/* 11px */
@import 'roboto.css';
@import 'open-sans.css';
.nxg_font_text {
  font-size: 1.3rem;
  font-weight: 400;
}
.nxg_font_title {
  color: #141414;
  font-family: 'Open Sans', sans-serif;
  font-size: 2.6rem;
  font-weight: 600;
}
.nxg_font_table {
  color: #6F788B;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
}
.nxg_font_table_white {
  color: #FFFFFF;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
}
.nxg_font_table_header {
  color: #141414;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.4rem;
  font-weight: 600;
}
.nxg_font_headline {
  color: #141414;
  font-family: 'Open Sans', sans-serif;
  font-size: 3.5rem;
  font-weight: 600;
  letter-spacing: 0.4px;
  /*text-transform: uppercase;*/
}
.nxg_font_headline_white {
  color: #FFFFFF;
  font-family: 'Open Sans', sans-serif;
  font-size: 3.5rem;
  font-weight: 600;
  letter-spacing: 0.4px;
  /*text-transform: uppercase;*/
}
.nxg_reset_margin_padding_border {
  margin: 0;
  padding: 0;
  border: 0;
}
.nxg_font_subheadline {
  color: #141414;
  font-family: 'Open Sans', sans-serif;
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 0.4px;
  /*text-transform: uppercase;*/
}
.nxg_font_subheadline_white {
  color: #FFFFFF;
  font-family: 'Open Sans', sans-serif;
  font-size: 2rem;
  font-weight: 400;
  letter-spacing: 0.4px;
  /*text-transform: uppercase;*/
}
.nxg_button {
  font-size: 1.3rem;
  line-height: 1.3;
  font-weight: 600;
  /*padding: 11px 30px;*/
  padding: 0.9rem 2rem;
  background: transparent;
  border-radius: 0;
  outline: none;
  border-width: 0.08rem;
  border-style: solid;
  border-color: #DEDEDE;
}
.nxg_button_default {
  color: #6F788B;
  background: transparent;
  border-color: #6F788B;
}
.nxg_button_default_hover {
  color: #1E2431;
  background: transparent;
  border-color: #1E2431;
}
.nxg_button_primary {
  color: #FFFFFF;
  background: linear-gradient(134.34deg, #1F497D 0%, #386BAA 100%);
  border-color: #1F497D;
}
.nxg_button_primary_hover {
  color: #FFFFFF;
  background: linear-gradient(134.34deg, #1F497D 0%, #1F497D 100%);
  border-color: #1F497D;
}
.nxg_button_disabled {
  color: #6F788B;
  background: #F7F7F7;
  border-color: #6F788B;
  border-width: 0.08rem;
  cursor: not-allowed;
  opacity: 0.7;
}
.nxg_button_disabled_hover {
  color: #6F788B;
  background: #F7F7F7;
  border-color: #6F788B;
  border-width: 0.08rem;
  cursor: not-allowed;
  opacity: 0.7;
}
.nxg_flipcard_container {
  margin: 0;
  padding: 0;
  border: 0;
  margin-right: 4rem;
  margin-bottom: 2rem;
  margin-top: 2rem;
}
.nxg_flipcard_border {
  box-shadow: 23px 22px 30px 0 rgba(152, 152, 174, 0.4);
  border: 0.7px solid #B7BEC7;
}
.nxg_flipcard_headline {
  font-family: 'Open Sans', sans-serif;
  font-size: 2.6rem;
  font-weight: 600;
  color: #141414;
}
.nxg_flipcard_text {
  color: #9898AE;
}
/*!

 * This is a copy from the jquery-ui.theme file and adjusted with our new nxg colors
 * 
 * 
 * jQuery UI CSS Framework 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=custom-theme&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgImgOpacityContent=75&bgImgOpacityHeader=75&cornerRadiusShadow=8px&offsetLeftShadow=-8px&offsetTopShadow=-8px&thicknessShadow=8px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=%23aaaaaa&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=%23aaaaaa&iconColorError=%23ffffff&fcError=%23ffffff&borderColorError=%23CD0A0A&bgTextureError=flat&bgColorError=%23CD0A0A&iconColorHighlight=%23ffffff&fcHighlight=%23ffffff&borderColorHighlight=%23688EA3&bgTextureHighlight=flat&bgColorHighlight=%23688EA3&iconColorActive=%23ffffff&fcActive=%23ffffff&borderColorActive=transparent&bgTextureActive=flat&bgColorActive=%23212121&iconColorHover=%23ffffff&fcHover=%23000&borderColorHover=transparent&bgTextureHover=flat&bgColorHover=%23d8d8d8&iconColorDefault=%23000000&fcDefault=%23000000&borderColorDefault=transparent&bgTextureDefault=flat&bgColorDefault=%23cccccc&iconColorContent=%23000000&fcContent=%23212121&borderColorContent=transparent&bgTextureContent=flat&bgColorContent=%23ffffff&iconColorHeader=%23ffffff&fcHeader=%23000&borderColorHeader=transparent&bgTextureHeader=flat&bgColorHeader=%23ccc&cornerRadius=0&fwDefault=normal&fsDefault=100%25&ffDefault='Montserrat'%2C%20sans-serif
 */
/* Component containers
----------------------------------*/
.ui-widget {
  font-family: 'Open Sans', sans-serif;
  font-size: 100%;
}
.ui-widget .ui-widget {
  font-size: 1.3rem;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: 'Open Sans', sans-serif;
  font-size: 1.3rem;
}
.ui-widget.ui-widget-content {
  border: none;
}
.ui-widget-content {
  border: none;
  background: #FFFFFF;
  color: #141414;
}
.ui-widget-content a {
  color: #141414;
}
.ui-widget-header {
  border: none;
  background: #FFFFFF;
  color: #141414;
  font-weight: inherit;
}
.ui-widget-header a {
  color: #141414;
}
/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: none;
  background: transparent;
  font-weight: inherit;
  color: #141414;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
  color: #141414;
  text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  border: none;
  background: transparent;
  font-weight: inherit;
  color: #141414;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
  color: #141414;
  text-decoration: none;
}
.ui-visual-focus {
  box-shadow: 0 0 3px 1px #5e9ed6;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: none;
  background: transparent;
  font-weight: inherit;
  color: #141414;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
  border: none;
  background-color: transparent;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #FFFFFF;
  text-decoration: none;
}
/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #437DC5;
  background: #437DC5;
  color: #FFFFFF;
}
.ui-state-checked {
  border: 1px solid #437DC5;
  background: #437DC5;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #FFFFFF;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #F53367;
  background: #F53367;
  color: #FFFFFF;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #FFFFFF;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #FFFFFF;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: inherit;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  filter: alpha(opacity=70);
  /* support: IE8 */
  font-weight: inherit;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: 0.35 !important;
  filter: alpha(opacity=35);
  /* support: IE8 */
  background-image: none;
}
.ui-state-disabled .ui-icon {
  filter: alpha(opacity=35);
  /* support: IE8 - See #6059 */
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url("images/ui-icons_000000_256x240.png");
}
.ui-widget-header .ui-icon {
  background-image: url("images/ui-icons_000000_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
  background-image: url("images/ui-icons_000000_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
  background-image: url("images/ui-icons_000000_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
  background-image: url("images/ui-icons_000000_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url("images/ui-icons_000000_256x240.png");
}
.ui-button .ui-icon {
  background-image: url("images/ui-icons_000000_256x240.png");
}
/* positioning */
.ui-icon-blank {
  background-position: 16px 16px;
}
.ui-icon-caret-1-n {
  background-position: 0 0;
}
.ui-icon-caret-1-ne {
  background-position: -16px 0;
}
.ui-icon-caret-1-e {
  background-position: -32px 0;
}
.ui-icon-caret-1-se {
  background-position: -48px 0;
}
.ui-icon-caret-1-s {
  background-position: -65px 0;
}
.ui-icon-caret-1-sw {
  background-position: -80px 0;
}
.ui-icon-caret-1-w {
  background-position: -96px 0;
}
.ui-icon-caret-1-nw {
  background-position: -112px 0;
}
.ui-icon-caret-2-n-s {
  background-position: -128px 0;
}
.ui-icon-caret-2-e-w {
  background-position: -144px 0;
}
.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}
.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}
.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}
.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}
.ui-icon-triangle-1-s {
  background-position: -65px -16px;
}
.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}
.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}
.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}
.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}
.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}
.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}
.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}
.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}
.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}
.ui-icon-arrow-1-s {
  background-position: -65px -32px;
}
.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}
.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}
.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}
.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}
.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}
.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}
.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}
.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}
.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}
.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}
.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}
.ui-icon-arrowthick-1-n {
  background-position: 1px -48px;
}
.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}
.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}
.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}
.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}
.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}
.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}
.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}
.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}
.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}
.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}
.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}
.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}
.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}
.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}
.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}
.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}
.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}
.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}
.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}
.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}
.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}
.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}
.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}
.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}
.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}
.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}
.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}
.ui-icon-arrow-4 {
  background-position: 0 -80px;
}
.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}
.ui-icon-extlink {
  background-position: -32px -80px;
}
.ui-icon-newwin {
  background-position: -48px -80px;
}
.ui-icon-refresh {
  background-position: -64px -80px;
}
.ui-icon-shuffle {
  background-position: -80px -80px;
}
.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}
.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}
.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}
.ui-icon-folder-open {
  background-position: -16px -96px;
}
.ui-icon-document {
  background-position: -32px -96px;
}
.ui-icon-document-b {
  background-position: -48px -96px;
}
.ui-icon-note {
  background-position: -64px -96px;
}
.ui-icon-mail-closed {
  background-position: -80px -96px;
}
.ui-icon-mail-open {
  background-position: -96px -96px;
}
.ui-icon-suitcase {
  background-position: -112px -96px;
}
.ui-icon-comment {
  background-position: -128px -96px;
}
.ui-icon-person {
  background-position: -144px -96px;
}
.ui-icon-print {
  background-position: -160px -96px;
}
.ui-icon-trash {
  background-position: -176px -96px;
}
.ui-icon-locked {
  background-position: -192px -96px;
}
.ui-icon-unlocked {
  background-position: -208px -96px;
}
.ui-icon-bookmark {
  background-position: -224px -96px;
}
.ui-icon-tag {
  background-position: -240px -96px;
}
.ui-icon-home {
  background-position: 0 -112px;
}
.ui-icon-flag {
  background-position: -16px -112px;
}
.ui-icon-calendar {
  background-position: -32px -112px;
}
.ui-icon-cart {
  background-position: -48px -112px;
}
.ui-icon-pencil {
  background-position: -64px -112px;
}
.ui-icon-clock {
  background-position: -80px -112px;
}
.ui-icon-disk {
  background-position: -96px -112px;
}
.ui-icon-calculator {
  background-position: -112px -112px;
}
.ui-icon-zoomin {
  background-position: -128px -112px;
}
.ui-icon-zoomout {
  background-position: -144px -112px;
}
.ui-icon-search {
  background-position: -160px -112px;
}
.ui-icon-wrench {
  background-position: -176px -112px;
}
.ui-icon-gear {
  background-position: -192px -112px;
}
.ui-icon-heart {
  background-position: -208px -112px;
}
.ui-icon-star {
  background-position: -224px -112px;
}
.ui-icon-link {
  background-position: -240px -112px;
}
.ui-icon-cancel {
  background-position: 0 -128px;
}
.ui-icon-plus {
  background-position: -16px -128px;
}
.ui-icon-plusthick {
  background-position: -32px -128px;
}
.ui-icon-minus {
  background-position: -48px -128px;
}
.ui-icon-minusthick {
  background-position: -64px -128px;
}
.ui-icon-close {
  background-position: -80px -128px;
}
.ui-icon-closethick {
  background-position: -96px -128px;
}
.ui-icon-key {
  background-position: -112px -128px;
}
.ui-icon-lightbulb {
  background-position: -128px -128px;
}
.ui-icon-scissors {
  background-position: -144px -128px;
}
.ui-icon-clipboard {
  background-position: -160px -128px;
}
.ui-icon-copy {
  background-position: -176px -128px;
}
.ui-icon-contact {
  background-position: -192px -128px;
}
.ui-icon-image {
  background-position: -208px -128px;
}
.ui-icon-video {
  background-position: -224px -128px;
}
.ui-icon-script {
  background-position: -240px -128px;
}
.ui-icon-alert {
  background-position: 0 -144px;
}
.ui-icon-info {
  background-position: -16px -144px;
}
.ui-icon-notice {
  background-position: -32px -144px;
}
.ui-icon-help {
  background-position: -48px -144px;
}
.ui-icon-check {
  background-position: -64px -144px;
}
.ui-icon-bullet {
  background-position: -80px -144px;
}
.ui-icon-radio-on {
  background-position: -96px -144px;
}
.ui-icon-radio-off {
  background-position: -112px -144px;
}
.ui-icon-pin-w {
  background-position: -128px -144px;
}
.ui-icon-pin-s {
  background-position: -144px -144px;
}
.ui-icon-play {
  background-position: 0 -160px;
}
.ui-icon-pause {
  background-position: -16px -160px;
}
.ui-icon-seek-next {
  background-position: -32px -160px;
}
.ui-icon-seek-prev {
  background-position: -48px -160px;
}
.ui-icon-seek-end {
  background-position: -64px -160px;
}
.ui-icon-seek-start {
  background-position: -80px -160px;
}
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px;
}
.ui-icon-stop {
  background-position: -96px -160px;
}
.ui-icon-eject {
  background-position: -112px -160px;
}
.ui-icon-volume-off {
  background-position: -128px -160px;
}
.ui-icon-volume-on {
  background-position: -144px -160px;
}
.ui-icon-power {
  background-position: 0 -176px;
}
.ui-icon-signal-diag {
  background-position: -16px -176px;
}
.ui-icon-signal {
  background-position: -32px -176px;
}
.ui-icon-battery-0 {
  background-position: -48px -176px;
}
.ui-icon-battery-1 {
  background-position: -64px -176px;
}
.ui-icon-battery-2 {
  background-position: -80px -176px;
}
.ui-icon-battery-3 {
  background-position: -96px -176px;
}
.ui-icon-circle-plus {
  background-position: 0 -192px;
}
.ui-icon-circle-minus {
  background-position: -16px -192px;
}
.ui-icon-circle-close {
  background-position: -32px -192px;
}
.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}
.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}
.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}
.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}
.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}
.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}
.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}
.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}
.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}
.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}
.ui-icon-circle-check {
  background-position: -208px -192px;
}
.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}
.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}
.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}
.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}
.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}
.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}
.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}
.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}
.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}
.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}
.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}
.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}
/* Misc visuals
----------------------------------*/
/* Corner radius */
/*.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 0;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 0;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 0;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 0;
}*/
/* Overlays */
.ui-widget-overlay {
  background: #aaaaaa;
  opacity: 0.3;
  filter: alpha(opacity=30);
  /* support: IE8 */
}
.ui-widget-shadow {
  -webkit-box-shadow: -8px -8px 8px #aaaaaa;
  box-shadow: -8px -8px 8px #aaaaaa;
}
/*#region ************** SER LOGIN ************** */
.ser-login-page {
  background-image: url('images/nxg_login_background.jpg');
  background-size: cover;
}
.ser-login-page div#loginpanel {
  width: 100%;
  height: 100%;
  position: fixed;
  display: inline-block;
  top: 0;
  left: 0;
  overflow: auto;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
#SerLoginNxg,
#SerLogin {
  width: 50rem !important;
  min-height: 45rem;
  max-width: 70rem;
  background: #FFFFFF !important;
  box-shadow: 23px 22px 30px 0 #141414;
  padding: 1rem 8rem;
  /*margin: auto;
    position: relative;
    top: 14rem;
    margin-bottom: 5rem;*/
}
#SerLoginNxg.ui-widget.ui-widget-content,
#SerLogin.ui-widget.ui-widget-content {
  border: none;
}
#SerLoginNxg .ui-expander-header a,
#SerLogin .ui-expander-header a {
  cursor: default;
}
#SerLoginNxg h2,
#SerLogin h2 {
  color: #141414;
  font-family: 'Open Sans', sans-serif;
  font-size: 3.5rem;
  font-weight: 600;
  letter-spacing: 0.4px;
  /*text-transform: uppercase;*/
  border: none;
  background: transparent;
  text-align: left;
}
#SerLoginNxg h2 i.fa.ser-icon-default,
#SerLogin h2 i.fa.ser-icon-default {
  font-size: 5rem;
  /*-webkit-text-stroke-color: @nxg_color_black;
            -webkit-text-stroke-width: 0.2rem;
            color: @nxg_color_white;*/
}
#SerLoginNxg h2 a,
#SerLogin h2 a {
  color: #141414;
  font-family: 'Open Sans', sans-serif;
  font-size: 3.5rem;
  font-weight: 600;
  letter-spacing: 0.4px;
  /*text-transform: uppercase;*/
  font-size: 1.6rem;
  padding: 1rem;
  padding-top: 5rem;
  display: flex;
}
#SerLoginNxg h2 div,
#SerLogin h2 div {
  align-self: flex-end;
}
#SerLoginNxg table,
#SerLogin table,
#SerLoginNxg .ui-state-wrapper,
#SerLogin .ui-state-wrapper {
  border: none;
  border-color: transparent;
  margin: 0 auto;
  width: 100%;
  padding: 1rem 0;
  border-spacing: 0;
}
#SerLoginNxg .ser-button,
#SerLogin .ser-button {
  text-align: center;
  margin-right: 0;
  margin-top: 3rem;
  float: right;
  padding-right: 3rem !important;
  padding-left: 3rem !important;
  width: auto !important;
}
#SerLoginNxg table tr,
#SerLogin table tr {
  padding-bottom: 0;
}
#SerLoginNxg table tr:nth-of-type(2) td,
#SerLogin table tr:nth-of-type(2) td {
  margin-top: 2rem;
}
#SerLoginNxg table .ser-input-label,
#SerLogin table .ser-input-label,
#SerLoginNxg table .ser-input-input,
#SerLogin table .ser-input-input {
  font-size: 1.3rem;
  display: block;
  clear: both;
  width: 100%;
  text-align: left;
}
#SerLoginNxg table .ser-input-label,
#SerLogin table .ser-input-label {
  min-width: 100%;
}
#SerLoginNxg .ser-login__app-name,
#SerLogin .ser-login__app-name {
  white-space: nowrap;
  display: block;
}
/*#endregion */
/*#region ************** SER HEADER ************** */
.hide-env-info {
  top: 0 !important;
}
.ser-header {
  position: fixed;
  top: 3rem;
  left: 0;
  width: 100%;
  padding: 15px 0;
  margin-bottom: 0;
  height: 6rem;
  box-shadow: none;
  box-sizing: border-box;
  background-color: #141414;
  color: #FFFFFF;
  /* CHAIN DROPDOWN */
}
.ser-header .ser-header-logo {
  float: left;
  cursor: pointer;
  padding: 0 15px;
}
.ser-header .ser-header-logo img {
  height: 30px;
}
.ser-header .ser-header-caption {
  font-size: large;
  color: #FFFFFF;
  margin-left: 50px;
  margin-top: 9px;
}
.ser-header .ser-header-caption P {
  color: #FFFFFF;
}
.ser-header .ser-header-appname {
  font-weight: 400 !important;
}
.ser-header .ser-logotooltip-link {
  cursor: help;
}
.ser-header .ser-header-links {
  height: inherit;
  padding-top: 7px;
  padding-right: 10px;
  height: 20px;
  font-size: 1.5rem;
  text-transform: uppercase;
  border: none;
}
.ser-header .ser-header-links ul li a,
.ser-header .ser-header-links ul li span {
  padding: 8px 25px;
  color: #FFFFFF;
  border-radius: 0;
  border: none;
}
.ser-header .ser-header-links ul li a:hover,
.ser-header .ser-header-links ul li span:hover {
  text-decoration: none;
  color: #FFFFFF;
}
.ser-header button.ui-multiselect.ui-widget {
  font-size: 1.5rem;
  color: #FFFFFF;
  background: #141414;
  border: none;
  border-bottom: 1px solid #6F788B;
  background-image: url(images/NXGdropdown.png) !important;
  min-width: 50rem;
}
.ser-header button.ui-multiselect.ui-widget.ui-state-active {
  background-image: url(images/NXGdropdownUp.png) !important;
}
.ser-header button.ui-multiselect.ui-widget span:not(.ui-icon) {
  color: #FFFFFF;
  font-size: inherit;
}
.ser-header button.ui-multiselect.ui-widget span.ui-icon {
  color: #FFFFFF;
  font-size: inherit;
}
.ser-header button.ui-multiselect.ui-widget.ui-state-hover,
.ser-header button.ui-multiselect.ui-widget.ui-state-active,
.ser-header button.ui-multiselect.ui-widget.ui-state-focus,
.ser-header button.ui-multiselect.ui-widget:hover,
.ser-header button.ui-multiselect.ui-widget:active,
.ser-header button.ui-multiselect.ui-widget:focus {
  border: none;
  border-bottom: 1px solid #6F788B;
  cursor: pointer;
  outline: none;
}
/* Bug Fix, Dropdown was shown in the header while reloading */
#selectclient {
  display: none;
}
/* CHAIN DROPDOWN SELECT */
.SDTDropDown.ui-multiselect-menu.ui-widget {
  color: #FFFFFF;
  background: #141414;
  min-width: 50rem;
  border: none;
}
.SDTDropDown.ui-multiselect-menu.ui-widget .ui-multiselect-header:not(.wijmo-wijsuperpanel-vbarcontainer):not(.wijmo-wijsuperpanel-hbarcontainer) {
  background: #141414;
  color: #FFFFFF;
}
.SDTDropDown.ui-multiselect-menu.ui-widget .ui-multiselect-header .ui-multiselect-filter {
  background: #141414;
  color: #FFFFFF;
  padding-bottom: 0;
}
.SDTDropDown.ui-multiselect-menu.ui-widget .ui-multiselect-header .ui-multiselect-filter input {
  background: #141414;
  color: #FFFFFF;
  width: 36rem;
}
.SDTDropDown.ui-multiselect-menu.ui-widget .ui-multiselect-header .ui-multiselect-filter input:-ms-input-placeholder {
  background: #141414;
  color: rgba(156, 156, 156, 0.8);
}
.SDTDropDown.ui-multiselect-menu.ui-widget .ui-multiselect-header .ui-multiselect-filter input::placeholder {
  background: #141414;
  color: rgba(156, 156, 156, 0.8);
}
.SDTDropDown.ui-multiselect-menu.ui-widget .ui-multiselect-header .ui-multiselect-filter input:placeholder-shown {
  background: #141414;
  color: rgba(156, 156, 156, 0.8);
}
.SDTDropDown.ui-multiselect-menu.ui-widget .ui-multiselect-header .ui-multiselect-filter ::-moz-placeholder {
  background: #141414;
  color: rgba(156, 156, 156, 0.8);
}
.SDTDropDown.ui-multiselect-menu.ui-widget .ui-multiselect-header .ui-multiselect-filter :-ms-input-placeholder {
  background: #141414;
  color: rgba(156, 156, 156, 0.8);
}
.SDTDropDown.ui-multiselect-menu.ui-widget .ui-multiselect-header .ui-multiselect-filter ::-webkit-input-placeholder {
  background: #141414;
  color: rgba(156, 156, 156, 0.8);
}
.SDTDropDown.ui-multiselect-menu.ui-widget .ui-multiselect-header .ui-helper-reset .ui-icon {
  background-image: url(images/ui-icons_FFFFFF_256x240.png);
}
.SDTDropDown.ui-multiselect-menu.ui-widget .ui-multiselect-checkboxes {
  background: #141414;
  color: #FFFFFF;
  min-height: 45rem !important;
  /* Scrollbar */
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.SDTDropDown.ui-multiselect-menu.ui-widget .ui-multiselect-checkboxes .ser-dropdown-emptytext {
  background: #141414;
  height: 0;
  display: none;
}
.SDTDropDown.ui-multiselect-menu.ui-widget .ui-multiselect-checkboxes .ser-dropdown-emptytext input,
.SDTDropDown.ui-multiselect-menu.ui-widget .ui-multiselect-checkboxes .ser-dropdown-emptytext span {
  display: none;
}
.SDTDropDown.ui-multiselect-menu.ui-widget .ui-multiselect-checkboxes .ser-dropdown-emptytext + li {
  /* NextGuest CRM */
}
.SDTDropDown.ui-multiselect-menu.ui-widget .ui-multiselect-checkboxes .ser-dropdown-emptytext label:hover,
.SDTDropDown.ui-multiselect-menu.ui-widget .ui-multiselect-checkboxes .ser-dropdown-emptytext label.ui-state-hover {
  background: #141414;
}
.SDTDropDown.ui-multiselect-menu.ui-widget .ui-multiselect-checkboxes .nxg-clientselect-parent {
  font-weight: 600;
}
.SDTDropDown.ui-multiselect-menu.ui-widget .ui-multiselect-checkboxes .nxg-clientselect-parent label.ui-corner-all {
  background: rgba(111, 120, 139, 0.2);
}
.SDTDropDown.ui-multiselect-menu.ui-widget .ui-multiselect-checkboxes .nxg-clientselect-parent label.ui-corner-all.ui-state-hover,
.SDTDropDown.ui-multiselect-menu.ui-widget .ui-multiselect-checkboxes .nxg-clientselect-parent label.ui-corner-all.ui-state-active {
  background: #394256;
}
.SDTDropDown.ui-multiselect-menu.ui-widget .ui-multiselect-checkboxes .nxg-clientselect-child label.ui-corner-all {
  padding: 0.5rem 1rem 0.5rem 2rem !important;
}
.SDTDropDown.ui-multiselect-menu.ui-widget .ui-multiselect-checkboxes .nxg-clientselect-child label.ui-corner-all :before {
  content: "\2022";
  font-family: FontAwesome;
  padding-right: 10px;
}
.SDTDropDown.ui-multiselect-menu.ui-widget .ui-multiselect-checkboxes label {
  min-height: 2rem;
  line-height: 2rem;
  border: none;
  cursor: pointer;
}
.SDTDropDown.ui-multiselect-menu.ui-widget .ui-multiselect-checkboxes label.ui-state-hover,
.SDTDropDown.ui-multiselect-menu.ui-widget .ui-multiselect-checkboxes label.ui-state-active {
  color: #FFFFFF;
  background: #394256;
}
.SDTDropDown.ui-multiselect-menu.ui-widget .ui-multiselect-checkboxes .ui-multiselect-optgroup-label {
  border: none;
  border-top: none;
  background: #6F788B;
  min-height: 2rem;
  line-height: 2rem;
  cursor: default;
}
.SDTDropDown.ui-multiselect-menu.ui-widget .ui-multiselect-checkboxes .ui-multiselect-optgroup-label a {
  margin: 0;
  color: #FFFFFF;
  background: #6F788B;
}
.SDTDropDown.ui-multiselect-menu.ui-widget .ui-multiselect-checkboxes::-webkit-scrollbar {
  width: 0.5rem;
}
.SDTDropDown.ui-multiselect-menu.ui-widget .ui-multiselect-checkboxes::-webkit-scrollbar-track {
  background: #141414;
}
.SDTDropDown.ui-multiselect-menu.ui-widget .ui-multiselect-checkboxes::-webkit-scrollbar-thumb {
  background: #9C9C9C;
}
.SDTDropDown.ui-multiselect-menu.ui-widget .ui-multiselect-checkboxes::-webkit-scrollbar-thumb:hover {
  background: #9C9C9C;
}
/*#endregion */
/*#region ************** SER MAINMENU ************** */
.ser-mainmenu-frame {
  /*position: fixed;*/
  position: absolute;
  z-index: 1;
  top: 0;
  /*@nxg_header_height;*/
  left: 0;
  /*-@nxg_mainmenu_width;*/
  font-family: 'Roboto', sans-serif !important;
  font-weight: 600 !important;
  font-size: 1.5rem;
  line-height: 16px;
  padding-bottom: 0;
  text-align: center;
  color: #1E2431;
  width: 12rem;
  height: calc(100% - 6rem);
  float: left;
  border-right: 0.15px solid #9898AE;
}
.ser-mainmenu-frame:before {
  content: ' ';
  display: block;
  width: 12rem;
  height: calc(100% - 6rem);
  background-color: #F7F7F7;
  position: fixed;
  border: 0.15px solid #DEDEDE;
}
.ser-mainmenu-frame .wijmo-wijmenu {
  margin: 0;
  padding: 0;
  border: 0;
  position: absolute;
  background: transparent;
  font-family: 'Roboto', sans-serif;
  font-weight: 600;
  font-size: 1.5rem;
  width: 12rem;
}
.ser-mainmenu-frame .wijmo-wijmenu ul#ser_mainmenu {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: 600;
  /* Main Menu Items */
}
.ser-mainmenu-frame .wijmo-wijmenu ul#ser_mainmenu li.wijmo-wijmenu-link {
  font-weight: 600;
}
.ser-mainmenu-frame .wijmo-wijmenu ul#ser_mainmenu > li.ser-action-disabled {
  margin: 0;
  padding: 0;
  border: 0;
  border-bottom: 0.15px solid #DEDEDE;
  width: 100%;
  height: 10rem;
}
.ser-mainmenu-frame .wijmo-wijmenu ul#ser_mainmenu > li.ser-action-disabled > a.wijmo-wijmenu-link {
  border: none;
  color: #9C9C9C;
  padding: 2rem 1rem;
  width: 100%;
  height: 100%;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ser-mainmenu-frame .wijmo-wijmenu ul#ser_mainmenu > li.ser-action-disabled .ser-icon-default {
  margin-right: 0;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  display: block;
  font-size: 3rem;
  padding-bottom: 0.8rem;
}
.ser-mainmenu-frame .wijmo-wijmenu ul#ser_mainmenu > li.ser-action-disabled .wijmo-wijmenu-text {
  float: none;
  clear: both;
  text-align: center;
}
.ser-mainmenu-frame .wijmo-wijmenu ul#ser_mainmenu > li.ser-action-disabled .ui-icon {
  display: none;
}
.ser-mainmenu-frame .wijmo-wijmenu ul#ser_mainmenu > li.ser-action-enabled {
  margin: 0;
  padding: 0;
  border: 0;
  border-bottom: 0.15px solid #DEDEDE;
  width: 100%;
  height: 10rem;
  /* Child Menu Items */
}
.ser-mainmenu-frame .wijmo-wijmenu ul#ser_mainmenu > li.ser-action-enabled > a.wijmo-wijmenu-link {
  border: none;
  padding: 2rem 1rem;
  width: 100%;
  height: 100%;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ser-mainmenu-frame .wijmo-wijmenu ul#ser_mainmenu > li.ser-action-enabled > a.wijmo-wijmenu-link.ui-state-focus,
.ser-mainmenu-frame .wijmo-wijmenu ul#ser_mainmenu > li.ser-action-enabled > a.wijmo-wijmenu-link.ui-state-active,
.ser-mainmenu-frame .wijmo-wijmenu ul#ser_mainmenu > li.ser-action-enabled > a.wijmo-wijmenu-link.ui-state-hover {
  color: #141414;
  background: #FFFFFF;
  box-shadow: inset 6px 0 0 0 #1F497D;
  border-bottom: 0.15px solid #DEDEDE;
}
.ser-mainmenu-frame .wijmo-wijmenu ul#ser_mainmenu > li.ser-action-enabled > a.wijmo-wijmenu-link .ser-icon-default {
  margin-right: 0;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  display: block;
  font-size: 3rem;
  padding-bottom: 0.8rem;
}
.ser-mainmenu-frame .wijmo-wijmenu ul#ser_mainmenu > li.ser-action-enabled > a.wijmo-wijmenu-link .wijmo-wijmenu-text {
  float: none;
  clear: both;
  text-align: center;
}
.ser-mainmenu-frame .wijmo-wijmenu ul#ser_mainmenu > li.ser-action-enabled > a.wijmo-wijmenu-link .ui-icon {
  display: none;
}
.ser-mainmenu-frame .wijmo-wijmenu ul#ser_mainmenu > li.ser-action-enabled > ul.wijmo-wijmenu-list {
  left: 12rem !important;
  top: 0 !important;
  border: none;
  margin: 0;
  margin-bottom: 2rem;
  padding: 1rem;
  box-shadow: 0.2rem 0.2rem 1rem 0 rgba(152, 152, 174, 0.3);
  width: 20rem;
}
.ser-mainmenu-frame .wijmo-wijmenu ul#ser_mainmenu > li.ser-action-enabled > ul.wijmo-wijmenu-list > li.wijmo-wijmenu-item {
  padding: 0;
  margin: 0;
  /* Second Child Menu Items */
}
.ser-mainmenu-frame .wijmo-wijmenu ul#ser_mainmenu > li.ser-action-enabled > ul.wijmo-wijmenu-list > li.wijmo-wijmenu-item > a.wijmo-wijmenu-link {
  width: 100%;
  padding: 1rem;
  border: none;
  text-align: center;
  font-weight: 600;
}
.ser-mainmenu-frame .wijmo-wijmenu ul#ser_mainmenu > li.ser-action-enabled > ul.wijmo-wijmenu-list > li.wijmo-wijmenu-item > a.wijmo-wijmenu-link.ui-state-focus,
.ser-mainmenu-frame .wijmo-wijmenu ul#ser_mainmenu > li.ser-action-enabled > ul.wijmo-wijmenu-list > li.wijmo-wijmenu-item > a.wijmo-wijmenu-link.ui-state-hover,
.ser-mainmenu-frame .wijmo-wijmenu ul#ser_mainmenu > li.ser-action-enabled > ul.wijmo-wijmenu-list > li.wijmo-wijmenu-item > a.wijmo-wijmenu-link.ui-state-active {
  color: #437DC5;
}
.ser-mainmenu-frame .wijmo-wijmenu ul#ser_mainmenu > li.ser-action-enabled > ul.wijmo-wijmenu-list > li.wijmo-wijmenu-item > a.wijmo-wijmenu-link .wijmo-wijmenu-text {
  text-align: left;
  width: 14rem;
}
.ser-mainmenu-frame .wijmo-wijmenu ul#ser_mainmenu > li.ser-action-enabled > ul.wijmo-wijmenu-list > li.wijmo-wijmenu-item > ul.wijmo-wijmenu-list {
  border: none;
  padding: 1rem;
  margin: 0;
  margin-bottom: 2rem;
  box-shadow: 0.2rem 0.2rem 1rem 0 rgba(152, 152, 174, 0.3);
  width: 20rem;
  top: -1rem !important;
  left: calc(20rem - 0.3rem) !important;
}
.ser-mainmenu-frame .wijmo-wijmenu ul#ser_mainmenu > li.ser-action-enabled > ul.wijmo-wijmenu-list > li.wijmo-wijmenu-item > ul.wijmo-wijmenu-list > li.wijmo-wijmenu-item {
  padding: 0;
  margin: 0;
  /* Third Child Menu Items */
}
.ser-mainmenu-frame .wijmo-wijmenu ul#ser_mainmenu > li.ser-action-enabled > ul.wijmo-wijmenu-list > li.wijmo-wijmenu-item > ul.wijmo-wijmenu-list > li.wijmo-wijmenu-item::before {
  content: '';
  position: absolute;
  top: -1rem;
  left: -1.8rem;
  width: 0.8rem;
  background: #FFFFFF;
  height: calc(100% + 2rem);
}
.ser-mainmenu-frame .wijmo-wijmenu ul#ser_mainmenu > li.ser-action-enabled > ul.wijmo-wijmenu-list > li.wijmo-wijmenu-item > ul.wijmo-wijmenu-list > li.wijmo-wijmenu-item > a.wijmo-wijmenu-link {
  font-weight: 600;
  width: 100%;
  padding: 1rem;
  border: none;
  text-align: left;
}
.ser-mainmenu-frame .wijmo-wijmenu ul#ser_mainmenu > li.ser-action-enabled > ul.wijmo-wijmenu-list > li.wijmo-wijmenu-item > ul.wijmo-wijmenu-list > li.wijmo-wijmenu-item > a.wijmo-wijmenu-link.ui-state-focus,
.ser-mainmenu-frame .wijmo-wijmenu ul#ser_mainmenu > li.ser-action-enabled > ul.wijmo-wijmenu-list > li.wijmo-wijmenu-item > ul.wijmo-wijmenu-list > li.wijmo-wijmenu-item > a.wijmo-wijmenu-link.ui-state-hover,
.ser-mainmenu-frame .wijmo-wijmenu ul#ser_mainmenu > li.ser-action-enabled > ul.wijmo-wijmenu-list > li.wijmo-wijmenu-item > ul.wijmo-wijmenu-list > li.wijmo-wijmenu-item > a.wijmo-wijmenu-link.ui-state-active {
  color: #437DC5;
}
.ser-mainmenu-frame .wijmo-wijmenu ul#ser_mainmenu > li.ser-action-enabled > ul.wijmo-wijmenu-list > li.wijmo-wijmenu-item > ul.wijmo-wijmenu-list > li.wijmo-wijmenu-item > a.wijmo-wijmenu-link .wijmo-wijmenu-text {
  text-align: left;
  width: auto;
}
.ser-mainmenu-frame .wijmo-wijmenu ul#ser_mainmenu > li.ser-action-enabled > ul.wijmo-wijmenu-list > li.wijmo-wijmenu-item > ul.wijmo-wijmenu-list > li.wijmo-wijmenu-item > ul.wijmo-wijmenu-list {
  border: none;
  padding: 1rem;
  margin: 0;
  margin-bottom: 2rem;
  box-shadow: 0.2rem 0.2rem 1rem 0 rgba(152, 152, 174, 0.3);
  width: 20rem;
  top: -1rem !important;
  left: calc(20rem - 0.3rem) !important;
}
.ser-mainmenu-frame .wijmo-wijmenu ul#ser_mainmenu > li.ser-action-enabled > ul.wijmo-wijmenu-list > li.wijmo-wijmenu-item > ul.wijmo-wijmenu-list > li.wijmo-wijmenu-item > ul.wijmo-wijmenu-list > li.wijmo-wijmenu-item {
  padding: 0;
  margin: 0;
}
.ser-mainmenu-frame .wijmo-wijmenu ul#ser_mainmenu > li.ser-action-enabled > ul.wijmo-wijmenu-list > li.wijmo-wijmenu-item > ul.wijmo-wijmenu-list > li.wijmo-wijmenu-item > ul.wijmo-wijmenu-list > li.wijmo-wijmenu-item::before {
  content: '';
  position: absolute;
  top: -1rem;
  left: -1.8rem;
  width: 0.8rem;
  background: #FFFFFF;
  height: calc(100% + 2rem);
}
.ser-mainmenu-frame .wijmo-wijmenu ul#ser_mainmenu > li.ser-action-enabled > ul.wijmo-wijmenu-list > li.wijmo-wijmenu-item > ul.wijmo-wijmenu-list > li.wijmo-wijmenu-item > ul.wijmo-wijmenu-list > li.wijmo-wijmenu-item > a.wijmo-wijmenu-link {
  font-weight: 600;
  width: 100%;
  padding: 1rem;
  border: none;
  text-align: left;
}
.ser-mainmenu-frame .wijmo-wijmenu ul#ser_mainmenu > li.ser-action-enabled > ul.wijmo-wijmenu-list > li.wijmo-wijmenu-item > ul.wijmo-wijmenu-list > li.wijmo-wijmenu-item > ul.wijmo-wijmenu-list > li.wijmo-wijmenu-item > a.wijmo-wijmenu-link.ui-state-focus,
.ser-mainmenu-frame .wijmo-wijmenu ul#ser_mainmenu > li.ser-action-enabled > ul.wijmo-wijmenu-list > li.wijmo-wijmenu-item > ul.wijmo-wijmenu-list > li.wijmo-wijmenu-item > ul.wijmo-wijmenu-list > li.wijmo-wijmenu-item > a.wijmo-wijmenu-link.ui-state-hover,
.ser-mainmenu-frame .wijmo-wijmenu ul#ser_mainmenu > li.ser-action-enabled > ul.wijmo-wijmenu-list > li.wijmo-wijmenu-item > ul.wijmo-wijmenu-list > li.wijmo-wijmenu-item > ul.wijmo-wijmenu-list > li.wijmo-wijmenu-item > a.wijmo-wijmenu-link.ui-state-active {
  color: #437DC5;
}
.ser-mainmenu-frame .wijmo-wijmenu ul#ser_mainmenu > li.ser-action-enabled > ul.wijmo-wijmenu-list > li.wijmo-wijmenu-item > ul.wijmo-wijmenu-list > li.wijmo-wijmenu-item > ul.wijmo-wijmenu-list > li.wijmo-wijmenu-item > a.wijmo-wijmenu-link .wijmo-wijmenu-text {
  text-align: left;
  width: auto;
}
.ser-mainmenu-frame .wijmo-wijmenu .ser-badge-icon {
  position: absolute;
  top: 1rem;
  right: 1rem;
}
.ser-mainmenu-frame .wijmo-wijmenu [ser-badge-value]:after {
  position: absolute;
  top: 0.8rem;
  right: -0.2rem;
}
/*required for badge positioning*/
.ser-action-enabled {
  position: relative;
}
/*#endregion */
/* #region ************** SER WIZARD ************** */
.ser-wizard .ser-tab-control {
  /* SerClickCard for Templates */
  /* SerClickCard for Transactional Campaign Types */
  /*#endregion */
}
.ser-wizard .ser-tab-control.ui-widget.ui-widget-content ul.ui-widget-header.ui-tabs-nav {
  display: flex;
  padding: 0;
}
.ser-wizard .ser-tab-control.ui-widget.ui-widget-content ul.ui-widget-header.ui-tabs-nav li.ui-state-default {
  flex-basis: 100%;
}
.ser-wizard .ser-tab-control .ui-widget-header .ser-tab-control-subtitle {
  font-size: 1.3rem !important;
  color: #141414;
}
.ser-wizard .ser-tab-control .ui-widget-content .ser-wizard-header .ser-wizard-headline {
  color: #141414;
  font-family: 'Open Sans', sans-serif;
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 0.4px;
  /*text-transform: uppercase;*/
  display: inline-block;
  padding: 2rem 0;
}
.ser-wizard .ser-tab-control .ui-widget-content .ser-click-card-container {
  cursor: pointer;
  display: inline-block;
  margin: 0;
  padding: 0;
  border: 0;
  margin-right: 4rem;
  margin-bottom: 2rem;
  margin-top: 2rem;
  width: 30rem;
  position: relative;
  height: 25rem;
}
.ser-wizard .ser-tab-control .ui-widget-content .ser-click-card-container .ser-click-card {
  box-shadow: 23px 22px 30px 0 rgba(152, 152, 174, 0.4);
  border: 0.7px solid #B7BEC7;
  padding: 3rem;
  text-align: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.ser-wizard .ser-tab-control .ui-widget-content .ser-click-card-container .ser-click-card .ser-click-card__content .ser-click-card__image {
  padding-bottom: 2rem;
}
.ser-wizard .ser-tab-control .ui-widget-content .ser-click-card-container .ser-click-card .ser-click-card__content .ser-click-card__image .ser-click-card__icon {
  width: 5rem;
  height: auto;
}
.ser-wizard .ser-tab-control .ui-widget-content .ser-click-card-container .ser-click-card .ser-click-card__content .ser-click-card__headline {
  font-family: 'Open Sans', sans-serif;
  font-size: 2.6rem;
  font-weight: 600;
  color: #141414;
  position: relative;
  margin-bottom: 1rem;
  text-transform: capitalize;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ser-wizard .ser-tab-control .ui-widget-content .ser-click-card-container .ser-click-card .ser-click-card__content .ser-click-card__headline .nxg-wizard-audience-emailable {
  font-size: 1.3rem;
  font-weight: 400;
  color: #9898AE;
  padding-top: 1rem;
}
.ser-wizard .ser-tab-control .ui-widget-content .ser-click-card-container .ser-click-card .ser-click-card__content .ser-click-card__text {
  font-size: 1.3rem;
  font-weight: 400;
  color: #9898AE;
  overflow: hidden;
  position: relative;
  line-height: 1.3;
  max-height: 5.07rem /* 1,69rem (13px font-size x 1.3 line-height) x 3 (rows) */;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.ser-wizard .ser-tab-control .ui-widget-content .ser-click-card-container .ser-click-card:hover {
  border: 0.7px solid #437DC5;
}
.ser-wizard .ser-tab-control .ui-widget-content .ser-click-card-container .ser-click-card:hover .ser-click-card__preview {
  opacity: 1;
}
.ser-wizard .ser-tab-control .ui-widget-content .ser-click-card-container .ser-click-card__preview {
  opacity: 0;
  position: absolute;
  top: 1rem;
  right: 1rem;
}
.ser-wizard .ser-tab-control .ui-widget-content .ser-click-card-container .ser-click-card__preview:hover {
  opacity: 1;
}
.ser-wizard .ser-tab-control .ui-widget-content .ser-click-card-container .ser-click-card__preview-icon {
  display: block;
  width: 3rem;
  height: 3rem;
  background-color: #FFFFFF;
  color: #6F788B;
  box-shadow: 0.1rem 0.1rem 0.5rem #9C9C9C;
  padding: 0.5rem;
  position: relative;
}
.ser-wizard .ser-tab-control .ui-widget-content .ser-click-card-container .ser-click-card__preview-icon:not(:first-child) {
  margin-top: 0.2rem;
}
.ser-wizard .ser-tab-control .ui-widget-content .ser-click-card-container .ser-click-card__preview-icon .fa {
  position: absolute;
  left: 1.3rem;
  text-align: left;
  top: 0.7rem;
}
.ser-wizard .ser-tab-control .ui-widget-content .ser-click-card-container .ser-click-card__preview-icon .fa:first-child {
  position: absolute;
  text-align: left;
}
.ser-wizard .ser-tab-control .ui-widget-content .ser-click-card-container .ser-click-card__preview-icon--is-mobile .fa:first-child {
  font-size: 2.5rem !important;
  top: 0.2rem;
  left: 0.6rem;
}
.ser-wizard .ser-tab-control .ui-widget-content .ser-click-card-container .ser-click-card__preview-icon--is-desktop .fa:first-child {
  font-size: 1.7rem !important;
  top: 0.7rem;
  left: 0.6rem;
}
.ser-wizard .ser-tab-control .ui-widget-content .ser-click-card-container .ser-click-card__preview-icon:hover {
  background-color: #FFFFFF;
  color: #1E2431;
  box-shadow: 0.1rem 0.1rem 0.5rem #9C9C9C;
}
.ser-wizard .ser-tab-control .ui-widget-content .ser-click-card-container .ser-click-card--is-selected {
  border: 0.1rem solid #437DC5;
}
.ser-wizard .ser-tab-control .ui-widget-content .ser-click-card-container .ser-click-card--is-selected:hover {
  border: 0.1rem solid #437DC5;
}
.ser-wizard .ser-tab-control .ui-widget-content .ser-click-card-container .ser-click-card--is-selected::after {
  font-family: FontAwesome;
  content: "\f00c";
  color: #437DC5;
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  font-size: 1.5rem;
  background-color: #437DC5;
  color: white;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  padding: 0.5rem;
  line-height: 1.6rem;
}
.ser-wizard .ser-tab-control .ui-widget-content button.ser-button,
.ser-wizard .ser-tab-control .ui-widget-content button.ser-button.ui-button {
  width: auto !important;
}
.ser-wizard .ser-tab-control .ui-widget-content button.ser-button[id$="createcampaign"] {
  float: right;
  position: fixed;
  /*right: @nxg_padding_general;*/
  right: 9rem;
  top: 8rem;
  z-index: 1;
}
.ser-wizard .ser-tab-control #tblTemplates .ser-click-card-container {
  height: 35rem;
}
.ser-wizard .ser-tab-control #tblTemplates .ser-click-card-container .ser-click-card .ser-click-card__content .ser-click-card__image {
  height: 20rem;
}
.ser-wizard .ser-tab-control #tblTemplates .ser-click-card-container .ser-click-card .ser-click-card__content .ser-click-card__image .ser-click-card__thumbnail {
  height: 18rem;
}
.ser-wizard .ser-tab-control #tblCampaignType .ser-click-card-container {
  height: 18rem;
}
.ser-wizard .ser-tab-control #tblQueryTab li.ui-state-default {
  flex-basis: auto;
}
/*#region ************** TABLE ************** */
[role="tabpanel"] > table {
  border-spacing: 0.5rem 1rem;
}
[role="tabpanel"] > table tr {
  display: block;
  padding-bottom: 1rem;
}
[role="tabpanel"] > table td.ser-input-input {
  position: relative;
  display: inline-block;
  min-width: 30rem;
  padding: 0;
  margin-top: 0.8rem;
  margin-bottom: 0;
  margin-right: 3rem;
  text-align: left;
  vertical-align: bottom;
  /* multiselect */
  /* wijmo calendar control */
  /* ui-state message */
}
[role="tabpanel"] > table td.ser-input-input > button.ser-button[id$="help"] {
  float: right;
  position: fixed;
  right: 3rem;
  top: 8rem;
  z-index: 1;
  padding: 0.9rem 1rem 0.9rem 1.6rem !important;
}
[role="tabpanel"] > table td.ser-input-input:not(.ser-input-label) {
  text-align: right;
}
[role="tabpanel"] > table td.ser-input-input.ser-input-label {
  padding-top: 2.5rem;
}
[role="tabpanel"] > table td.ser-input-input.ser-input-label .ser-input-checkbox {
  display: flex;
  margin-top: -1.5rem;
}
[role="tabpanel"] > table td.ser-input-input.ser-input-label label[for*='param_FetchSurvey_AnswerId_Comment_0'] + div {
  margin-top: 1.5rem;
}
[role="tabpanel"] > table td.ser-input-input.ser-text--is-double {
  min-width: 63rem;
}
[role="tabpanel"] > table td.ser-input-input.ser-control--is-single {
  min-width: 30rem;
}
[role="tabpanel"] > table td.ser-input-input.ser-control--is-double {
  min-width: 63rem;
}
[role="tabpanel"] > table td.ser-input-input.ser-control--is-triple {
  min-width: 63rem;
}
[role="tabpanel"] > table td.ser-input-input.ser-control--is-quad {
  min-width: 129rem;
}
[role="tabpanel"] > table td.ser-input-input label.ser-label {
  position: absolute;
  left: 0;
  top: 0.5rem;
  font-size: 1.2rem;
  font-family: 'Roboto', sans-serif;
  background: #FFFFFF;
  padding: 0 0.5rem;
  color: #394256;
}
[role="tabpanel"] > table td.ser-input-input label.ser-label.ui-state-inputerror {
  color: #F53367;
}
[role="tabpanel"] > table td.ser-input-input .ser-input-dropdown.ui-state-default.ui-multiselect.ui-widget,
[role="tabpanel"] > table td.ser-input-input .ui-widget.ui-multiselect-menu {
  min-width: 30rem !important;
  width: 100% !important;
}
[role="tabpanel"] > table td.ser-input-input .wijmo-wijcalendar.ui-datepicker-inline.ui-datepicker.ui-widget.ui-widget-content {
  width: 30rem;
}
[role="tabpanel"] > table td.ser-input-input small {
  position: absolute;
}
[role="tabpanel"] > table td .ui-state-success {
  font-size: 1.5rem;
  border-top: none;
  padding: 0;
  color: #099553;
}
[role="tabpanel"] > table td .ui-state-info {
  font-size: 1.5rem;
  border-top: none;
  padding: 0;
  color: #9C9C9C;
}
[role="tabpanel"] > table td .ui-state-error {
  font-size: 1.5rem;
  border-top: none;
  padding: 0;
  font-weight: 400;
  color: #F53367;
}
[role="tabpanel"] > table td .ui-state-warning {
  font-size: 1.5rem;
  border-top: none;
  padding: 0;
  color: #AC860A;
}
[role="tabpanel"] > table .ser-input-label,
[role="tabpanel"] > table .ser-input-input {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 1.3rem;
}
[role="tabpanel"] > table .ser-input-label {
  padding-right: 2rem;
}
[role="tabpanel"] > table .ser-input-input.ui-state-mandatory:after {
  content: '*';
  color: #F53367;
  position: absolute;
  left: 0.9rem;
  top: 3.8rem;
}
[role="tabpanel"] > table .ser-input-input input,
[role="tabpanel"] > table .ser-input-input .wijmo-wijinput-input {
  padding: 1rem 2.1rem;
  background: transparent;
  border: 0.07rem solid #9898AE;
  border-radius: 0.3rem;
}
[role="tabpanel"] > table .ser-input-input input.ui-state-default,
[role="tabpanel"] > table .ser-input-input .wijmo-wijinput-input.ui-state-default {
  background: transparent;
  border: 0.07rem solid #9898AE;
}
[role="tabpanel"] > table .ser-input-input input.ui-state-focus,
[role="tabpanel"] > table .ser-input-input .wijmo-wijinput-input.ui-state-focus {
  background: transparent;
  border: 0.07rem solid #437DC5;
}
[role="tabpanel"] > table .ser-input-input input.ui-state-error,
[role="tabpanel"] > table .ser-input-input .wijmo-wijinput-input.ui-state-error {
  background: transparent;
  border: 0.2rem solid #F53367;
}
[role="tabpanel"] > table .ser-input-input .wijmo-wijinput {
  margin: 0;
  padding: 0;
  border: 0;
  width: 100% !important;
}
[role="tabpanel"] > table .ser-input-input .wijmo-wijinput.ui-state-default {
  background: transparent;
  border: 0.07rem solid #9898AE;
  border-radius: 0.3rem;
}
[role="tabpanel"] > table .ser-input-input .wijmo-wijinput.ui-state-default input,
[role="tabpanel"] > table .ser-input-input .wijmo-wijinput.ui-state-default .wijmo-wijinput-input {
  border: none;
}
[role="tabpanel"] > table .ser-input-input .wijmo-wijinput.ui-state-focus {
  background: transparent;
  border: 0.07rem solid #437DC5;
}
[role="tabpanel"] > table .ser-input-input .wijmo-wijinput.ui-state-focus input,
[role="tabpanel"] > table .ser-input-input .wijmo-wijinput.ui-state-focus .wijmo-wijinput-input {
  border: none;
}
[role="tabpanel"] > table .ser-input-input .wijmo-wijinput.ui-state-error {
  background: transparent;
  border: 0.2rem solid #F53367;
}
[role="tabpanel"] > table .ser-input-input .wijmo-wijinput.ui-state-error input,
[role="tabpanel"] > table .ser-input-input .wijmo-wijinput.ui-state-error .wijmo-wijinput-input {
  border: none;
}
[role="tabpanel"] > table .ser-input-input .wijmo-wijinput .wijmo-wijinput-trigger {
  margin: 0;
  padding: 0;
  border: 0;
  padding: 1rem;
  width: 2.5rem;
}
[role="tabpanel"] > table .ser-input-input .wijmo-wijinput .ui-icon {
  top: 50%;
  position: absolute;
  margin-top: -8px;
  background-image: url(images/NXGdropdown.png);
  background-repeat: repeat-y !important;
  background-color: #FFFFFF;
  background-position: center top -4px;
  left: 0;
}
[role="tabpanel"] > table .ser-input-input .wijmo-wijinput .wijmo-wijinput-wrapper .wijmo-wijinput-input.ui-state-focus {
  background: transparent;
  border: 0.07rem solid #437DC5;
}
/*#endregion */
/*#region ************** WIJMO GRID ************** */
table.wijmo-wijgrid-table .wijmo-wijgrid-row .ser-grid-progressbar .wijmo-wijgrid-innercell .wijmo-wijprogressbar .ui-progressbar-label {
  /*text-align: right;*/
  /*padding: 1rem;*/
  line-height: 100%;
  padding: 0.3em;
  /*line-height: 2.1em !important;*/
}
table.wijmo-wijgrid-table .wijmo-wijgrid-row .ser-grid-progressbar .wijmo-wijgrid-innercell .wijmo-wijprogressbar {
  height: 2.1em !important;
  margin: 0.3em 0;
}
table.wijmo-wijgrid-table .wijmo-wijgrid-row .ser-grid-progressbar .wijmo-wijgrid-innercell .wijmo-wijprogressbar .ui-progressbar-value {
  background: #688EA3;
}
table.wijmo-wijgrid-table .ser-grid-column--is-hidden {
  border-right: 0 !important;
}
tr.wijmo-wijgrid-datarow.ser-grid-selectable td.wijgridtd > div {
  display: block;
  position: relative;
  height: 100%;
}
.wijmo-wijgrid {
  /* implemented due to mainmenu issue */
  font-size: 1.3rem;
  font-weight: 400;
  text-align: left;
  padding: 0;
  border: 0;
  margin: 0;
  /* Global */
  /* Header */
  /* Content */
  /* Scrollbar */
  /* Footer */
}
.wijmo-wijgrid > * {
  z-index: auto !important;
}
.wijmo-wijgrid > * > * {
  z-index: auto !important;
}
.wijmo-wijgrid td.wijgridtd.wijdata-type-string[headers='Action'] .wijmo-wijgrid-innercell {
  padding: 0 0.5rem;
}
.wijmo-wijgrid .wijmo-wijgrid-fixedview {
  margin: 0;
  padding: 0;
  border: 0;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
}
.wijmo-wijgrid .wijmo-wijgrid-fixedview .wijmo-wijgrid-scroller {
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0 !important;
}
.wijmo-wijgrid .wijmo-wijgrid-fixedview .wijmo-wijsuperpanel-contentwrapper {
  padding-top: 1rem;
}
.wijmo-wijgrid.ui-widget.ui-widget-content {
  border: 0.5px solid #6F788B;
  /*border: none;*/
  border-top: 0;
  border-bottom: 1px solid #6F788B !important;
}
.wijmo-wijgrid .ui-widget-content,
.wijmo-wijgrid .ui-widget {
  color: #6F788B;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
}
.wijmo-wijgrid .ui-widget-content a,
.wijmo-wijgrid .ui-widget a {
  color: #6F788B;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
}
.wijmo-wijgrid .wijmo-wijgrid-innercell {
  padding: 1rem;
}
.wijmo-wijgrid .wijmo-wijgrid-innercell .ser-grid-column-action {
  margin: 0.5rem;
  padding: 0.5rem 1rem;
}
.wijmo-wijgrid .wijmo-wijgrid-headerrow {
  height: 5rem;
  border-spacing: 0;
}
.wijmo-wijgrid .wijmo-wijgrid-headerrow .wijmo-wijgrid-headertext {
  padding: 0;
}
.wijmo-wijgrid .wijmo-wijgrid-headerrow .ui-widget-content,
.wijmo-wijgrid .wijmo-wijgrid-headerrow .ui-widget {
  color: #141414;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.4rem;
  font-weight: 600;
}
.wijmo-wijgrid .wijmo-wijgrid-headerrow .ui-widget-content a,
.wijmo-wijgrid .wijmo-wijgrid-headerrow .ui-widget a {
  color: #141414;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.4rem;
  font-weight: 600;
  /*max-height: 3.7rem;
                word-break: break-word;*/
}
.wijmo-wijgrid .wijmo-wijgrid-headerrow .wijgridth {
  margin: 0;
  padding: 0;
  border: 0;
  background: #FFFFFF;
  border-right: 0.5px solid #6F788B;
  border-bottom: 0.5px solid #6F788B;
  border-top: 0.5px solid #6F788B;
  /*&:first-of-type {
                border-left: 0.5px solid @nxg_color_blue_decent;
            }*/
}
.wijmo-wijgrid .wijmo-wijgrid-headerrow .wijgridth .wijmo-wijgrid-innercell {
  padding: 0.2rem 1rem;
  max-height: 5rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
.wijmo-wijgrid .wijmo-wijgrid-headerrow .wijgridth:last-of-type {
  border-right: 0.5px solid #6F788B;
}
.wijmo-wijgrid .wijmo-wijgrid-content-area {
  margin-top: calc(5rem - 1.1rem) !important;
  /* remove border spacing for header row */
}
.wijmo-wijgrid .wijmo-wijgrid-table.wijmo-wijgrid-root {
  border-spacing: 0;
  /* not compliant to NXG style guide: 1rem;*/
}
.wijmo-wijgrid .wijmo-wijgrid-row .wijgridtd {
  margin: 0;
  padding: 0;
  border: 0;
  background: #FFFFFF;
  border-right: 0.5px solid #6F788B;
  border-bottom: 0.5px solid #6F788B;
}
.wijmo-wijgrid .wijmo-wijgrid-row .wijgridtd.ser-grid-highlight {
  background-color: #dae3f0;
}
.wijmo-wijgrid .wijmo-wijgrid-row .wijgridtd.ser-grid-selected {
  background-color: #dae3f0 !important;
}
.wijmo-wijgrid .wijmo-wijgrid-row .wijgridtd.ser-grid-warn {
  background-color: #f8b9b9 !important;
  /*&:hover {
                    background-color: darken(@nxg_color_grey_stone,10%) !important;
                }*/
}
.wijmo-wijgrid .wijmo-wijgrid-row .wijgridtd.ui-state-highlight {
  color: #6F788B;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
  color: #141414;
  background-color: #dedede;
}
.wijmo-wijgrid .wijmo-wijgrid-row .wijgridtd.ser-grid-inactive {
  color: #a7adb9;
}
.wijmo-wijgrid .wijmo-wijgrid-row .wijgridtd .ser-table-column--is-bold {
  color: #141414;
  font-weight: 600;
}
.wijmo-wijgrid .wijmo-wijgrid-row .wijgridtd:last-of-type {
  border-right: 0.5px solid #6F788B;
}
.wijmo-wijgrid .wijmo-wijgrid-row.wijmo-wijgrid-alternatingrow .wijgridtd {
  background-color: #F7F7F7;
}
.wijmo-wijgrid .wijmo-wijgrid-row.wijmo-wijgrid-alternatingrow .wijgridtd.ui-state-highlight {
  background-color: #dedede;
}
.wijmo-wijgrid .wijmo-wijgrid-row.wijmo-wijgrid-alternatingrow:hover .wijgridtd {
  background-color: #dedede;
}
.wijmo-wijgrid .wijmo-wijgrid-row:hover .wijgridtd {
  background-color: #dedede !important;
}
.wijmo-wijgrid .wijmo-wijsuperpanel-vbarcontainer,
.wijmo-wijgrid .wijmo-wijsuperpanel-hbarcontainer {
  margin: 0;
  padding: 0;
  border: 0;
  background-color: #F7F7F7 !important;
  border: 0.1rem solid #9898AE;
}
.wijmo-wijgrid .wijmo-wijsuperpanel-vbarcontainer .wijmo-wijsuperpanel-handle,
.wijmo-wijgrid .wijmo-wijsuperpanel-hbarcontainer .wijmo-wijsuperpanel-handle {
  background-color: #DEDEDE;
}
.wijmo-wijgrid .wijmo-wijsuperpanel-vbarcontainer .wijmo-wijsuperpanel-vbar-buttontop,
.wijmo-wijgrid .wijmo-wijsuperpanel-hbarcontainer .wijmo-wijsuperpanel-vbar-buttontop,
.wijmo-wijgrid .wijmo-wijsuperpanel-vbarcontainer .wijmo-wijsuperpanel-vbar-buttonbottom,
.wijmo-wijgrid .wijmo-wijsuperpanel-hbarcontainer .wijmo-wijsuperpanel-vbar-buttonbottom,
.wijmo-wijgrid .wijmo-wijsuperpanel-vbarcontainer .wijmo-wijsuperpanel-hbar-buttonleft,
.wijmo-wijgrid .wijmo-wijsuperpanel-hbarcontainer .wijmo-wijsuperpanel-hbar-buttonleft,
.wijmo-wijgrid .wijmo-wijsuperpanel-vbarcontainer .wijmo-wijsuperpanel-hbar-buttonright,
.wijmo-wijgrid .wijmo-wijsuperpanel-hbarcontainer .wijmo-wijsuperpanel-hbar-buttonright {
  background-color: #DEDEDE;
}
.wijmo-wijgrid .wijmo-wijsuperpanel-vbarcontainer .wijmo-wijsuperpanel-vbar-buttontop .ui-icon,
.wijmo-wijgrid .wijmo-wijsuperpanel-hbarcontainer .wijmo-wijsuperpanel-vbar-buttontop .ui-icon,
.wijmo-wijgrid .wijmo-wijsuperpanel-vbarcontainer .wijmo-wijsuperpanel-vbar-buttonbottom .ui-icon,
.wijmo-wijgrid .wijmo-wijsuperpanel-hbarcontainer .wijmo-wijsuperpanel-vbar-buttonbottom .ui-icon,
.wijmo-wijgrid .wijmo-wijsuperpanel-vbarcontainer .wijmo-wijsuperpanel-hbar-buttonleft .ui-icon,
.wijmo-wijgrid .wijmo-wijsuperpanel-hbarcontainer .wijmo-wijsuperpanel-hbar-buttonleft .ui-icon,
.wijmo-wijgrid .wijmo-wijsuperpanel-vbarcontainer .wijmo-wijsuperpanel-hbar-buttonright .ui-icon,
.wijmo-wijgrid .wijmo-wijsuperpanel-hbarcontainer .wijmo-wijsuperpanel-hbar-buttonright .ui-icon {
  display: block;
}
.wijmo-wijgrid .wijmo-wijgrid-footer {
  border-top: 0.1rem solid #9898AE !important;
  padding: 1rem;
  display: flex;
  flex-direction: row-reverse;
}
.wijmo-wijgrid .wijmo-wijgrid-footer.wijmo-wijpager .wijmo-wijpager-button {
  font-size: 1.3rem;
  font-weight: 400;
  border-radius: 50%;
  height: 3rem;
  width: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
}
.wijmo-wijgrid .wijmo-wijgrid-footer.wijmo-wijpager .wijmo-wijpager-button a {
  font-size: 1.3rem;
  font-weight: 400;
}
.wijmo-wijgrid .wijmo-wijgrid-footer.wijmo-wijpager .wijmo-wijpager-button.ui-state-active {
  border: 0.1rem solid #141414;
}
.wijmo-wijgrid .wijmo-wijgrid-footer.wijmo-wijpager .wijmo-wijpager-button.ui-state-hover {
  border: 0.1rem solid #9C9C9C;
  cursor: pointer;
}
/*#endregion */
/*#region ************** WIJMO FLIPCARD BACKPANEL************** */
.wijmo-wijflipcard-backpanel > table tr {
  padding-bottom: 0 !important;
}
.wijmo-wijflipcard-backpanel > table tr td:first-of-type {
  text-align: left;
}
.wijmo-wijflipcard-backpanel > table tr td {
  border-top: 1px solid #5c5c5c;
  padding: 5px 0;
  width: 100%;
}
/*#endregion */
/*#region ************** SER TAB CONTROL / UI WIDGET ************** */
.ser-tab-control.ui-widget.ui-widget-content {
  margin: 0;
  padding: 0;
  border: 0;
  padding-left: 2rem;
  padding-bottom: 3rem;
}
.ser-tab-control.ui-widget.ui-widget-content.ui-widget-content,
.ser-tab-control.ui-widget.ui-widget-content .ui-widget-content {
  background: transparent;
}
.ser-tab-control.ui-widget.ui-widget-content.ui-widget-content.ui-state-default,
.ser-tab-control.ui-widget.ui-widget-content .ui-widget-content.ui-state-default {
  background: transparent;
  padding-right: 3rem;
}
.ser-tab-control.ui-widget.ui-widget-content.ui-widget-content .ui-widget-header,
.ser-tab-control.ui-widget.ui-widget-content .ui-widget-content .ui-widget-header {
  background: transparent;
}
.ser-tab-control.ui-widget.ui-widget-content.ui-widget-content .ui-widget-header.ui-progressbar-value,
.ser-tab-control.ui-widget.ui-widget-content .ui-widget-content .ui-widget-header.ui-progressbar-value {
  background: linear-gradient(134.34deg, #6C90A1 0%, #386BAA 100%);
}
.ser-tab-control.ui-widget.ui-widget-content.ui-widget-content ul,
.ser-tab-control.ui-widget.ui-widget-content .ui-widget-content ul {
  margin-top: 0;
}
.ser-tab-control.ui-widget.ui-widget-content.ui-widget-content ul li,
.ser-tab-control.ui-widget.ui-widget-content .ui-widget-content ul li {
  list-style: none;
  padding-bottom: 1rem;
}
.ser-tab-control.ui-widget.ui-widget-content ul.ui-widget-header.ui-tabs-nav {
  margin: 0;
  padding: 0;
  border: 0;
  padding: 2rem;
  padding-top: 0rem;
}
.ser-tab-control.ui-widget.ui-widget-content ul.ui-widget-header.ui-tabs-nav li {
  border: none;
  color: #6F788B;
}
.ser-tab-control.ui-widget.ui-widget-content ul.ui-widget-header.ui-tabs-nav li.ui-state-hover,
.ser-tab-control.ui-widget.ui-widget-content ul.ui-widget-header.ui-tabs-nav li.ui-state-active,
.ser-tab-control.ui-widget.ui-widget-content ul.ui-widget-header.ui-tabs-nav li.ui-state-focus {
  color: #437DC5;
}
.ser-tab-control.ui-widget.ui-widget-content ul.ui-widget-header.ui-tabs-nav li a {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 600;
  /*padding: 0.5rem 1rem 0.5rem 0;*/
  padding: 0.5rem 3rem 0.5rem 0;
}
.ser-tab-control.ui-widget.ui-widget-content ul.ui-widget-header.ui-tabs-nav li a span {
  padding-right: 1rem;
}
.ser-tab-control.ui-widget.ui-widget-content ul.ui-widget-header.ui-tabs-nav li:not(:first-child) a {
  /*padding: 0.5rem 1rem;*/
  padding: 0.5rem 3rem 0.5rem 0;
}
.ser-tab-control.ui-widget.ui-widget-content ul.ui-widget-header.ui-tabs-nav li:not(:first-child) a span {
  padding-right: 1rem;
}
.ser-tab-control.ui-widget.ui-widget-content ul.ui-widget-header.ui-tabs-nav li.ui-state-disabled {
  background-color: transparent !important;
}
.ser-tab-control.ui-widget.ui-widget-content .ui-tabs-panel {
  margin: 0;
  padding: 0;
  border: 0;
  overflow: visible;
}
.ser-tab-control.ui-widget.ui-widget-content .ui-tabs-panel .ui-tabs-panel {
  margin: 0;
}
.ser-tab-control.ui-widget.ui-widget-content .ui-tabs-panel .ui-tabs-panel .ui-tabs-panel {
  margin: 0;
}
.ser-tab-control.ui-widget.ui-widget-content .ui-tabs-panel iframe {
  border: 0.7px solid #B8BEC7;
  box-shadow: 0 2px 11px 0 rgba(56, 62, 68, 0.09);
  min-height: 80vh;
}
.ser-tab-control.ui-widget.ui-widget-content .ui-tabs-panel table {
  margin: 0;
  padding: 0;
  border: 0;
}
.ser-tab-control.ui-widget.ui-widget-content .ui-tabs-panel table .ser-input-section {
  margin: 0;
  padding: 0;
  border: 0;
  color: #141414;
  font-family: 'Open Sans', sans-serif;
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 0.4px;
  /*text-transform: uppercase;*/
  padding-top: 2rem;
  border-top: none;
  display: inline-block;
  min-width: 30rem;
  margin-right: 3rem;
}
#tblMapping iframe {
  border: none;
  box-shadow: none;
}
/*#region ************** SER IMAGE PREVIEW ************** */
.ser-html-image {
  background-image: url('../grid.png');
}
.ser-image-preview {
  background-image: url('../grid.png');
  width: fit-content;
}
.wijmo-wijtooltip .wijmo-wijtooltip-container img {
  background-image: url('components/grid.png');
}
/*#endregion */
/*#endregion */
/* reset padding for iframes */
.ser-in-iframe .ser-actions {
  padding-top: 2rem;
}
.ser-in-iframe .ser-tab-control.ui-widget.ui-widget-content {
  padding-left: 2rem;
}
.ser-in-iframe .ser-tab-control.ui-widget.ui-widget-content ul.ui-widget-header.ui-tabs-nav {
  padding-top: 2rem;
}
.ser-in-iframe .ser-tab-control.ui-widget.ui-widget-content .ui-tabs-panel {
  padding-top: 0;
}
/*#region ************** SER SYSTEM INFO ************** */
.ser-system-info-container {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding: 0;
  background: #394256;
  -webkit-transition: height 0.5s ease-out;
  -moz-transition: height 0.5s ease-out;
  -o-transition: height 0.5s ease-out;
  transition: height 0.5s ease-out;
}
.ser-system-info {
  display: inline-block;
  position: relative;
  top: 0;
  color: #FFFFFF;
  padding: 1rem;
  text-align: left;
  width: 100%;
}
.ser-systeminfo-title {
  font-size: 125%;
  font-weight: 600;
}
.ser-systeminfo-useragent {
  font-size: 75%;
  font-weight: 400;
  margin-left: 1rem;
}
.ser-systeminfo-details {
  font-size: 90%;
  font-weight: 400;
}
.ser-systeminfo-details b {
  font-weight: 600;
}
/*#endregion */
/*#region ************** THE NEW HOVER CONTENT EDITOR ************** */
/* 2020-01-14 fix for content editor button container for images (the have been hidden by the parent elements) */
.ser-page--is-content-editor table,
.ser-page--is-content-editor tr,
.ser-page--is-content-editor td {
  overflow: visible !important;
}
.ser-page--is-content-editor table div,
.ser-page--is-content-editor tr div,
.ser-page--is-content-editor td div {
  overflow: visible !important;
}
.ser-page--is-content-editor .ser-content-editor__edit-mode-checkbox {
  position: fixed;
  top: 1rem;
  right: 4rem;
  padding: 1rem;
  background: rgba(255, 255, 255, 0.5);
  font-size: 1.2rem;
}
.ser-page--is-content-editor .ser-content-editor__edit-mode-checkbox input {
  width: 13px;
  height: 13px;
  padding: 0;
  margin: 0;
  margin-right: 0.4rem;
  vertical-align: bottom;
  position: relative;
  top: -1px;
  *overflow: hidden;
}
.ser-page--is-content-editor .ser-content-editor__edit-mode-checkbox label {
  display: inline-block;
  padding-left: 15px;
  text-indent: -15px;
}
.ser-page--is-content-editor .ser-content-editor-block {
  position: relative;
}
.ser-page--is-content-editor .ser-content-editor-block__shown-content {
  position: relative;
}
.ser-page--is-content-editor .ser-content-editor-block__button-container,
.ser-page--is-content-editor .ser-content-editor-block__fake-content {
  display: none;
}
.ser-page--is-content-editor.ser-page--show-content-editor-controls .ser-content-editor-block {
  position: relative;
}
.ser-page--is-content-editor.ser-page--show-content-editor-controls .ser-content-editor-block__shown-content {
  position: relative;
}
.ser-page--is-content-editor.ser-page--show-content-editor-controls .ser-content-editor-block__fake-content {
  position: relative;
  display: inline-block;
  min-height: 2rem;
  min-width: 10rem;
  padding: 1rem;
  border-style: dashed;
  font-size: 1.3rem;
}
.ser-page--is-content-editor.ser-page--show-content-editor-controls .ser-content-editor-block__fake-content:hover {
  opacity: 1;
}
.ser-page--is-content-editor.ser-page--show-content-editor-controls .ser-content-editor-block__button-container {
  display: none;
  position: absolute;
  left: 0;
  bottom: -10.2rem;
  margin-top: 8rem;
  margin-bottom: 2rem;
  top: auto;
  padding: 1.5rem;
  cursor: default;
  background: #386BAA !important;
  color: #FFFFFF !important;
  border: 0px solid #444444 !important;
  border-radius: 0;
  box-shadow: 2px 2px 20px 10px rgba(0, 0, 0, 0.2);
  font-size: 1.3rem !important;
  font-family: 'Open Sans', sans-serif !important;
  font-weight: 400 !important;
  z-index: 1000;
  white-space: nowrap;
  text-align: left;
}
.ser-page--is-content-editor.ser-page--show-content-editor-controls .ser-content-editor-block__button-container:active {
  pointer-events: none;
}
.ser-page--is-content-editor.ser-page--show-content-editor-controls .ser-content-editor-block__button-container-title {
  display: block;
  margin-bottom: 1rem;
  font-size: 1.3rem;
  line-height: 1.3rem;
  font-weight: 600;
}
.ser-page--is-content-editor.ser-page--show-content-editor-controls .ser-content-editor-block__button-container button {
  cursor: pointer;
  padding: 0.5rem;
  width: 5rem;
  height: 3rem;
  margin-right: 0.5rem;
  text-align: center;
  background: #FFFFFF;
  border: 0px solid #444444 !important;
  border-radius: 0.5rem;
  pointer-events: initial;
}
.ser-page--is-content-editor.ser-page--show-content-editor-controls .ser-content-editor-block__button-container button i.fa {
  color: #386BAA;
}
.ser-page--is-content-editor.ser-page--show-content-editor-controls .ser-content-editor-block__button-container button i.ser-icon-overlay {
  text-shadow: 1px 1px 0.5px #FFFFFF, 1px -1px 0.5px #FFFFFF, -1px 1px 0.5px #FFFFFF, -1px -1px 0.5px #FFFFFF;
}
.ser-page--is-content-editor.ser-page--show-content-editor-controls .ser-content-editor-block__add-button {
  display: inline-block;
  cursor: pointer;
}
.ser-page--is-content-editor.ser-page--show-content-editor-controls .ser-content-editor-block__button-container:hover {
  display: inline-block;
}
.ser-page--is-content-editor.ser-page--show-content-editor-controls .ser-content-editor-block__add-button:hover {
  display: inline-block;
}
.ser-page--is-content-editor.ser-page--show-content-editor-controls .ser-content-editor-block__disabled {
  cursor: not-allowed !important;
}
.ser-page--is-content-editor.ser-page--show-content-editor-controls .ser-content-editor-block__scope_template {
  background-color: #B8BEC7 !important;
}
.ser-page--is-content-editor.ser-page--show-content-editor-controls .ser-content-editor-block__scope_job {
  background-color: #B8BEC7 !important;
}
.ser-page--is-content-editor.ser-page--show-content-editor-controls .ser-content-editor-block:hover {
  display: inline-block;
}
.ser-page--is-content-editor.ser-page--show-content-editor-controls .ser-content-editor-block:hover::before {
  content: '';
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: repeating-linear-gradient(-60deg, #141414, #141414 1px, #FFFFFF 2px, #FFFFFF 4px);
  opacity: 0.2;
  left: 0;
  top: 0;
  z-index: 100;
}
.ser-page--is-content-editor.ser-page--show-content-editor-controls .ser-content-editor-block:hover .ser-content-editor-block__button-container {
  display: inline-block;
}
.ser-page--is-content-editor.ser-page--show-content-editor-controls .ser-content-editor-block:hover .ser-content-editor-block__add-button {
  display: inline-block;
}
.ser-page--is-content-editor .wijmo-wijtooltip {
  margin: 0;
  padding: 0.2rem;
  font-size: smaller;
}
.ser-page--is-content-editor .wijmo-wijtooltip-container {
  padding: 0.8rem 1.8rem;
}
.ser-page--is-content-editor .wijmo-wijtooltip h3 {
  padding: 0;
  padding-bottom: 0.5rem;
  margin: 0;
}
.ser-page--is-content-editor .wijmo-wijtooltip h5 {
  padding: 0;
  margin: 0;
}
.ser-content-editor-block--is-image .ser-content-editor-block__fake-content {
  background-color: #9C9C9C;
  background-image: repeating-linear-gradient(45deg, transparent, transparent 10px, #DEDEDE 10px, #DEDEDE 20px);
}
/*#endregion */
/*#region ************** SER CONTENT EDITOR ************** */
/* Content Editor */
#ctl00_pnlPreview .wijmo-wijsplitter-v-panel2 table tr td,
#ctl00_pnlPreview .wijmo-wijsplitter-v-panel2 table tr td div {
  width: initial !important;
  max-width: 600px;
  height: initial !important;
  max-height: initial !important;
}
/*#ctl00_pnlPreview .wijmo-wijsplitter-v-panel1 table tr td, #ctl00_pnlPreview .wijmo-wijsplitter-v-panel1 table tr td div {
    width: initial !important;
    max-width: 600px;
    height: initial !important;
    max-height: initial !important;
}*/
A.ser-textblockedit,
A.ser-labeledit,
A.ser-linkedit,
A.ser-imageedit {
  text-decoration: none;
}
A.ser-textblockedit > DIV,
A.ser-labeledit > DIV,
A.ser-linkedit > DIV {
  background-color: #DEDEDE;
  font-size: 12px;
  font-weight: normal;
}
A.ser-textblockedit > DIV {
  border: 1px solid #4e5154;
  color: #4e5154;
}
A.ser-labeledit > DIV {
  border: 1px solid #72ac58;
  color: #444444;
}
A.ser-linkedit > DIV {
  border: 1px solid #788ce2;
  overflow: hidden;
  color: #444444;
}
A.ser-imageedit > DIV {
  border: 1px solid #d47a7a;
  color: #444444;
}
A.ser-inactive DIV {
  background-color: #EBB0B0;
  text-decoration: line-through;
}
/*#endregion */
/*#region ************** SER APPMENU ************** */
.ser-appmenu-container {
  box-sizing: border-box;
  z-index: 10000;
  position: fixed;
  margin-left: -14rem;
}
#ctl00_ser-appmenu .ser-appmenu.ser-active {
  overflow: auto;
  padding-top: 40px;
}
#ctl00_ser-appmenu .container {
  margin: 0 5rem 1rem 5rem;
  min-height: 90%;
}
#ctl00_ser-appmenu .container a {
  display: inline-flex;
  text-decoration: none;
  box-shadow: 1rem 1rem 1.5rem 0 rgba(152, 152, 174, 0.4);
  border: 0.7px solid #B7BEC7;
  margin: 20px 18px 20px 18px;
}
#ctl00_ser-appmenu .container a .ser-appmenu-item {
  color: #3f7aaf;
  height: 15rem;
  width: 30rem;
  background-color: #FFFFFF;
  /*&:hover {
                    background-color: #6F788B;
                    transform: scale(1.1);
                }*/
}
#ctl00_ser-appmenu .container a .ser-appmenu-item img {
  display: inline-block;
  top: 0;
  margin-top: 2rem;
  height: 6rem;
  width: 6rem;
  align-self: center;
}
#ctl00_ser-appmenu .container a .ser-appmenu-item span {
  color: black;
  font-weight: 600;
  font-size: 1.6rem;
  height: 1.6rem;
  text-align: center;
  line-height: 1.6rem;
  padding-top: 0px;
  margin-top: 1rem;
}
.ser-appmenu {
  display: initial;
  height: 100vh;
  width: 100%;
  background-color: rgba(19, 55, 81, 0.8);
  position: fixed;
  top: -100vh;
  padding-top: 0;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: 0.5s ease-in-out all;
  transition: 0.5s ease-in-out all;
  overflow: hidden;
}
.ser-appmenu.ser-active:not(.ser-appmenu-full) {
  z-index: 5000;
}
.ser-appmenu.ser-active {
  top: 0;
  padding-top: 50px;
}
.ser-appmenu .container {
  max-width: 100%;
  margin: 5rem;
}
.ser-appmenu .ser-text-center {
  text-align: center;
}
.ser-appmenu .ser-close-lg {
  color: #FFFFFF;
  position: relative;
  bottom: 2rem;
  font-size: 2em;
  text-align: center;
  width: 100%;
}
.ser-appmenu .ser-close-lg i {
  opacity: 0.5;
  cursor: pointer;
}
.ser-appmenu .ser-close-lg i:hover {
  opacity: 0.8;
}
.ser-appmenu a {
  margin: 20px;
  display: inline-flex;
  text-decoration: none;
}
.ser-appmenu a .ser-appmenu-item {
  position: relative;
  text-align: center;
  vertical-align: top;
  width: 715px;
  height: 111px;
  font-size: 18px;
  color: #a3c5dd;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
  /*&:hover {
                color: @nxg_color_feature_20;
                -webkit-transform: scale(1.05);
                transform: scale(1.05);
            }*/
}
.ser-appmenu a .ser-appmenu-item img {
  display: inline-block;
  top: 0;
}
.ser-appmenu a .ser-appmenu-item > span {
  display: block;
  text-align: center;
  font-size: 18px;
  line-height: 1.3;
  padding-top: 15px;
}
/*#endregion */
/*#region ************** SER appmenuportal ************** */
.ser-appmenuportal-container {
  box-sizing: border-box;
  z-index: 10000;
  position: fixed;
  margin-left: -14rem;
}
.ser-appmenuportal {
  /*display: none;*/
}
.ser-appmenuportal {
  display: initial;
  height: 100vh;
  width: 100%;
  background-color: rgba(19, 55, 81, 0.8);
  position: fixed;
  top: -100vh;
  padding-top: 0;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: 0.5s ease-in-out all;
  transition: 0.5s ease-in-out all;
  overflow: hidden;
}
.ser-appmenuportal.ser-active:not(.ser-appmenuportal-full) {
  z-index: 5000;
}
.ser-appmenuportal.ser-active {
  top: 0;
  padding-top: 50px;
}
.ser-appmenuportal .container {
  margin: auto;
}
@media (min-width: 768px) {
  .ser-appmenuportal .container {
    max-width: 750px;
  }
}
@media (min-width: 992px) {
  .ser-appmenuportal .container {
    max-width: 970px;
  }
}
@media (min-width: 1350px) {
  .ser-appmenuportal .container {
    max-width: 1170px;
  }
}
@media (min-width: 1380px) {
  .ser-appmenuportal .container {
    max-width: 1170px;
  }
}
.ser-appmenuportal .ser-text-center {
  text-align: center;
}
.ser-appmenuportal .ser-close-lg {
  color: #FFFFFF;
  position: absolute;
  bottom: 60px;
  font-size: 3em;
  text-align: center;
  width: 100%;
}
.ser-appmenuportal .ser-close-lg i {
  opacity: 0.5;
  cursor: pointer;
}
.ser-appmenuportal .ser-close-lg i:hover {
  opacity: 0.8;
}
.ser-appmenuportal a {
  margin: 20px;
  display: inline-flex;
  text-decoration: none;
  padding: 10px;
  box-shadow: 23px 22px 30px 0 rgba(152, 152, 174, 0.4);
  border: 0.7px solid #B7BEC7;
}
.ser-appmenuportal a .ser-appmenuportal-item {
  position: relative;
  text-align: center;
  vertical-align: top;
  width: 260px;
  height: 200px;
  font-size: 18px;
  color: #a3c5dd;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
.ser-appmenuportal a .ser-appmenuportal-item:hover {
  color: #a3c5dd;
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.ser-appmenuportal a .ser-appmenuportal-item img {
  display: inline-block;
  width: 50px;
  top: 0;
  height: 50px;
  margin-top: 30px;
}
.ser-appmenuportal a .ser-appmenuportal-item > span {
  display: block;
  text-align: center;
  font-size: 18px;
  line-height: 1.3;
  padding-top: 15px;
}
/*#endregion */
/*#region ************** SER appportal ************** */
#ctl00_Content_ser-appmenu2 {
  z-index: 10;
  position: relative;
  margin-left: 0rem;
}
#ctl00_Content_ser-appmenu2 .ser-appmenu {
  margin-top: 80px;
  z-index: 10;
  position: relative;
}
#ctl00_Content_ser-appmenu2 .ser-appmenu .container {
  max-width: 100%;
  margin: 0 5rem;
}
#ctl00_Content_ser-appmenu2 .ser-appmenu a {
  display: inline-flex;
  text-decoration: none;
  box-shadow: 1rem 1rem 1.5rem 0 rgba(152, 152, 174, 0.4);
  border: 0.7px solid #B7BEC7;
}
#ctl00_Content_ser-appmenu2 .ser-appmenu a .ser-appmenu-item {
  color: #3f7aaf;
  height: 15rem;
  width: 30rem;
}
#ctl00_Content_ser-appmenu2 .ser-appmenu a .ser-appmenu-item:hover {
  -webkit-transform: none;
  transform: none;
}
#ctl00_Content_ser-appmenu2 .ser-appmenu a .ser-appmenu-item img {
  display: inherit;
  top: 0;
  margin-top: 1rem;
  height: 6rem;
  width: 6rem;
  margin-left: 12rem;
}
#ctl00_Content_ser-appmenu2 .ser-appmenu a .ser-appmenu-item span {
  color: black;
  font-weight: 600;
  font-size: 1.6rem;
  height: 1.6rem;
  text-align: center;
  line-height: 1.6rem;
  padding-top: 0px;
}
#ctl00_Content_ser-appmenu2 .ser-appmenu a .ser-appmenu-item div {
  margin: 0.5rem 1.5rem 0.2rem 1.5rem;
  height: 5rem;
  font-size: 12px;
  line-height: 1.5rem;
  text-align: center;
  color: #9898AE;
}
/*#endregion */
/*#region ************** SER ENVIRONMENT ************** */
.ser-environment-live {
  background-color: #099e28;
}
.ser-environment-training {
  background-color: #D6B822;
}
.ser-environment-trial {
  background-color: #78099e;
}
.ser-environment-lab {
  background-color: #9e0909;
}
.ser-environment-development {
  background-color: #0078d7;
}
.ser-location {
  display: block;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  padding: 5px;
  text-align: center;
  font-weight: 600;
  font-size: 1.3em;
  color: #FFFFFF;
  text-shadow: 0 0 2px #000000;
  /*background-color: #46770d;*/
  background-image: repeating-linear-gradient(55deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2) 10px, transparent 10px, transparent 20px);
}
/*#endregion */
/*#region ************** UI WIDGET ************** */
.ui-widget {
  font-family: 'Open Sans', sans-serif;
  font-size: 1.3rem;
}
.ui-widget.ui-multiselect.ui-widget.ser-input-dropdown {
  padding-left: 2.1rem;
}
.ui-widget [readonly]:not(.ser-input-checkbox),
.ui-widget [readonly]:not(.ser-input-checkbox):focus,
.ui-widget [readonly]:not(.ser-input-checkbox):hover {
  opacity: 0.9 !important;
  cursor: default !important;
  border: 1px solid #d8dadb !important;
  background-color: #F0F0F0 !important;
}
.ui-widget [disabled].ser-input-dropdown {
  color: #6F788B;
  background: #F7F7F7;
  border-color: #6F788B;
  border-width: 0.08rem;
  cursor: not-allowed;
  opacity: 0.7;
}
.ui-widget.ui-multiselect-menu {
  font-size: 1.3rem;
  margin: 0;
  padding: 0;
  border: 0;
  color: #141414;
  background: #FFFFFF;
  box-shadow: 0 0.8rem 1rem 0 rgba(20, 20, 20, 0.1);
  border: 0.1rem solid #DEDEDE;
  min-width: 30rem;
  border-radius: 0.3rem;
}
.ui-widget.ui-multiselect-menu .ui-multiselect-header {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  border: 0;
  padding: 1rem;
}
.ui-widget.ui-multiselect-menu .ui-multiselect-header a {
  color: #6F788B;
}
.ui-widget.ui-multiselect-menu .ui-multiselect-header a:hover {
  color: #1E2431;
}
.ui-widget.ui-multiselect-menu .ui-multiselect-header a:hover span {
  color: #1E2431;
}
.ui-widget.ui-multiselect-menu .ui-multiselect-header a span {
  color: #6F788B;
}
.ui-widget.ui-multiselect-menu .ui-multiselect-header .ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
}
.ui-widget.ui-multiselect-menu .ui-multiselect-header .ui-helper-reset li {
  border: none;
}
.ui-widget.ui-multiselect-menu .ui-multiselect-header:not(.wijmo-wijsuperpanel-vbarcontainer):not(.wijmo-wijsuperpanel-hbarcontainer) {
  background: #FFFFFF;
  color: #141414;
}
.ui-widget.ui-multiselect-menu .ui-multiselect-header .ui-multiselect-filter {
  font-size: 1.3rem;
  margin: 0;
  padding: 0;
  border: 0;
  flex: 1;
  background: #FFFFFF;
  color: #141414;
  padding-bottom: 1rem;
}
.ui-widget.ui-multiselect-menu .ui-multiselect-header .ui-multiselect-filter input {
  background: #FFFFFF;
  color: #141414;
}
.ui-widget.ui-multiselect-menu .ui-multiselect-header .ui-multiselect-filter input:-ms-input-placeholder {
  background: #FFFFFF;
  color: #9C9C9C;
}
.ui-widget.ui-multiselect-menu .ui-multiselect-header .ui-multiselect-filter input::placeholder {
  background: #FFFFFF;
  color: #9C9C9C;
}
.ui-widget.ui-multiselect-menu .ui-multiselect-header .ui-multiselect-filter input:placeholder-shown {
  background: #FFFFFF;
  color: #FFFFFF;
}
.ui-widget.ui-multiselect-menu .ui-multiselect-header .ui-multiselect-filter ::-moz-placeholder {
  background: #FFFFFF;
  color: #FFFFFF;
}
.ui-widget.ui-multiselect-menu .ui-multiselect-header .ui-multiselect-filter :-ms-input-placeholder {
  background: #FFFFFF;
  color: #FFFFFF;
}
.ui-widget.ui-multiselect-menu .ui-multiselect-header .ui-multiselect-filter ::-webkit-input-placeholder {
  background: #FFFFFF;
  color: #FFFFFF;
}
.ui-widget.ui-multiselect-menu .ui-multiselect-checkboxes {
  background: #FFFFFF;
  color: #141414;
  /* Scrollbar */
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.ui-widget.ui-multiselect-menu .ui-multiselect-checkboxes li {
  padding-right: 0;
}
.ui-widget.ui-multiselect-menu .ui-multiselect-checkboxes .ser-dropdown-emptytext {
  background: #FFFFFF;
}
.ui-widget.ui-multiselect-menu .ui-multiselect-checkboxes label {
  font-family: 'Open Sans', sans-serif;
  font-size: 1.3rem;
  min-height: 2rem;
  line-height: 2rem;
  cursor: pointer;
  margin: 0;
  padding: 0;
  border: 0;
  padding: 1rem !important;
}
.ui-widget.ui-multiselect-menu .ui-multiselect-checkboxes label.ui-state-hover,
.ui-widget.ui-multiselect-menu .ui-multiselect-checkboxes label.ui-state-active {
  color: #141414;
  background: #F7F7F7;
}
.ui-widget.ui-multiselect-menu .ui-multiselect-checkboxes label input[type="checkbox"] {
  margin-right: 1rem;
}
.ui-widget.ui-multiselect-menu .ui-multiselect-checkboxes .ui-multiselect-optgroup-label {
  border: none;
  border-top: none;
  background: #6F788B;
  min-height: 2rem;
  line-height: 2rem;
  cursor: default;
}
.ui-widget.ui-multiselect-menu .ui-multiselect-checkboxes .ui-multiselect-optgroup-label a {
  margin: 0;
  color: #141414;
  background: #6F788B;
}
.ui-widget.ui-multiselect-menu .ui-multiselect-checkboxes::-webkit-scrollbar {
  width: 5px;
}
.ui-widget.ui-multiselect-menu .ui-multiselect-checkboxes::-webkit-scrollbar-track {
  background: #FFFFFF;
}
.ui-widget.ui-multiselect-menu .ui-multiselect-checkboxes::-webkit-scrollbar-thumb {
  background: #9C9C9C;
}
.ui-widget.ui-multiselect-menu .ui-multiselect-checkboxes::-webkit-scrollbar-thumb:hover {
  background: #9C9C9C;
}
/*#endregion */
/*#region ************** INPUT CONTROLS ************** */
#tblPreviewEditor .ui-state-inputerror label {
  color: #AC860A !important;
}
#tblPreviewEditor .ui-state-inputerror input {
  border: 0.08rem solid #AC860A !important;
  color: #AC860A !important;
}
.ser-input-dropdown.ui-state-default {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 1.3rem;
  width: 100%;
  padding: 1rem;
  background: transparent;
  border: 0.07rem solid #9898AE;
  border-radius: 0.3rem;
  min-height: 4rem;
}
.ser-input-dropdown.ui-state-default.ui-multiselect.ui-widget {
  /* Button */
  background-image: url(images/NXGdropdown.png) !important;
  background-repeat: repeat-y !important;
  background-color: #FFFFFF;
  background-position: right 0.7rem top 0.6rem !important;
  outline: none;
}
.ser-input-dropdown.ui-state-default.ui-multiselect.ui-widget.ui-state-active {
  background-image: url(images/NXGdropdownUp.png) !important;
  border: 0.1rem solid #437DC5;
}
.ser-input-dropdown.ui-state-default.ui-multiselect.ui-widget .ui-icon {
  display: none;
}
.ser-input-dropdown.ui-state-disabled {
  color: #6F788B !important;
  background: #F7F7F7 !important;
  border-color: #6F788B !important;
  border-width: 0.08rem !important;
  cursor: not-allowed !important;
  opacity: 0.7 !important;
}
.ser-input-text {
  width: 100%;
}
.ser-input-text.ser-textarea-sourcecode {
  font-family: "Courier New", Courier, monospace;
  tab-size: 4;
  border: 0.07rem solid #9898AE;
  border-radius: 0.3rem;
  background-color: #F7F7F7 !important;
}
.ser-input-text.ser-textarea-sourcecode.ui-state-default {
  border: 0.07rem solid #9898AE;
  background-color: #F7F7F7;
}
.ser-input-text.ser-textarea-sourcecode.ui-state-focus {
  border: 0.07rem solid #437DC5;
}
.ser-input-textbox {
  width: 100%;
  border: 0.07rem solid #9898AE;
  border-radius: 0.3rem;
}
.ser-input-textbox.ui-state-default {
  border: 0.07rem solid #9898AE;
}
.ser-input-textbox.ui-state-focus {
  border: 0.07rem solid #437DC5;
}
.ser-input-checkbox input[type="checkbox"] {
  margin-right: 1rem;
}
.ser-input-checkbox.ui-state-mandatory label {
  padding-left: 0.2rem;
}
.ser-input-checkbox.ui-state-mandatory label:after {
  content: '*';
  color: #F53367;
  position: relative;
  margin-left: 1rem;
  top: 0.2rem;
}
.ser-input-date.ui-state-disabled {
  color: #6F788B !important;
  background: #F7F7F7 !important;
  border-color: #6F788B !important;
  border-width: 0.08rem !important;
  cursor: not-allowed !important;
  opacity: 0.7 !important;
}
.wijmo-wijcalendar {
  font-size: 1.3rem;
  margin: 0;
  padding: 0;
  border: 0;
  color: #141414;
  background: #FFFFFF;
  box-shadow: 0 0.8rem 1rem 0 rgba(20, 20, 20, 0.1);
  border: 0.07rem solid #DEDEDE;
  border-radius: 0.3rem;
  width: 30rem;
}
.wijmo-wijcalendar.ui-widget,
.wijmo-wijcalendar.ui-widget-content {
  border: 0.1rem solid #DEDEDE;
}
.wijmo-wijcalendar .ui-datepicker-header .ui-datepicker-prev,
.wijmo-wijcalendar .ui-datepicker-header .ui-datepicker-next,
.wijmo-wijcalendar .ui-datepicker-header .ui-datepicker-prev-hover,
.wijmo-wijcalendar .ui-datepicker-header .ui-datepicker-next-hover {
  top: 1px;
}
.wijmo-wijcalendar .ui-datepicker-header .ui-datepicker-prev,
.wijmo-wijcalendar .ui-datepicker-header .ui-datepicker-prev-hover {
  left: 1px;
}
.wijmo-wijcalendar .ui-datepicker-header .ui-datepicker-next,
.wijmo-wijcalendar .ui-datepicker-header .ui-datepicker-next-hover {
  right: 1px;
}
.wijmo-wijcalendar .wijmo-wijcalendar-table {
  background: #FFFFFF;
}
.wijmo-wijcalendar .wijmo-wijcalendar-table .ui-datepicker-today a.ui-state-default {
  color: #141414;
  background: #DEDEDE;
}
.wijmo-wijcalendar .wijmo-wijcalendar-table .ui-datepicker-today a.ui-state-default:hover {
  color: #141414;
  background: #c5c5c5;
}
.wijmo-wijcalendar .wijmo-wijcalendar-table a {
  margin: 0;
  padding: 0;
  border: 0;
}
.wijmo-wijcalendar .wijmo-wijcalendar-table a.ui-state-default {
  margin: 0;
  padding: 0;
  border: 0;
  padding: 0.5rem;
}
.wijmo-wijcalendar .wijmo-wijcalendar-table a.ui-state-hover {
  background: #DEDEDE;
}
.wijmo-wijcalendar .wijmo-wijcalendar-table a.ui-state-highlight,
.wijmo-wijcalendar .wijmo-wijcalendar-table a.ui-state-active {
  color: #FFFFFF;
  background: #437DC5;
}
.wijmo-wijcalendar .wijmo-wijcalendar-table a.ui-state-highlight:hover,
.wijmo-wijcalendar .wijmo-wijcalendar-table a.ui-state-active:hover {
  color: #FFFFFF;
  background: #3264a3;
}
/*#endregion */
input:active,
input:hover,
input:focus {
  outline: none;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px #FFFFFF inset !important;
}
input:-ms-input-placeholder {
  background: transparent;
  color: #9C9C9C;
}
input::placeholder {
  background: transparent;
  color: #9C9C9C;
}
input:placeholder-shown {
  background: transparent;
  color: #9C9C9C;
}
::-moz-placeholder {
  background: transparent;
  color: #9C9C9C;
}
:-ms-input-placeholder {
  background: transparent;
  color: #9C9C9C;
}
::-webkit-input-placeholder {
  background: transparent;
  color: #9C9C9C;
}
/*#endregion */
/*#region ************** DIALOG ************** */
.wijmo-wijdialog {
  box-shadow: 0 0.2rem 3rem 0.7rem rgba(20, 20, 20, 0.5);
  position: absolute;
  /* HACK / TODO: The following definition is a dirty workaround because suddenly wijmo calculates the position of the dialog relatively instead of absolute. I don't know why and cannot fix it without digging deeper into it. As an easy hack this solves the problem for the demo, but needs to be fixed later, because the user cannot drag the dialog vertically anymore. */
}
.wijmo-wijdialog .ui-widget-header {
  background: #FFFFFF;
  display: flex;
  align-items: center;
  padding: 2.5rem 5rem;
  border-bottom: 0.1rem solid #9C9C9C;
}
.wijmo-wijdialog .ui-widget-header .ui-dialog-title {
  color: #141414;
  font-family: 'Open Sans', sans-serif;
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 0.4px;
  /*text-transform: uppercase;*/
  color: #1E2431;
  flex: 1;
  text-align: left;
}
.wijmo-wijdialog .ui-widget-header .wijmo-wijdialog-titlebar-close {
  color: #141414;
  padding: 0px;
}
.wijmo-wijdialog .ui-widget-header .wijmo-wijdialog-titlebar-close :hover {
  transform: scale(1.2);
  /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
.wijmo-wijdialog .ui-widget-header .wijmo-wijdialog-titlebar-close .ui-icon {
  color: #141414;
  background-image: url("images/ui-icons_000000_256x240.png");
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  /*&:after {
                    content: "\f00c";
                    font-size: 2rem;
                }*/
}
.wijmo-wijdialog.ui-draggable.ui-resizable.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.wijmo-wijdialog {
  position: absolute !important;
  top: 2rem !important;
}
.wijmo-wijdialog.ui-dialog-buttons.ui-draggable.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.wijmo-wijdialog .ui-dialog-content {
  padding-left: 5rem;
}
.wijmo-wijdialog .ui-widget-content.ui-dialog-content {
  /*padding-left: 3rem;
            padding-top: 1rem;*/
}
.wijmo-wijdialog .ui-widget-content.ui-dialog-content#ctl00_popupmessage0 {
  padding: 2rem 5rem;
}
.wijmo-wijdialog .ui-widget-content > iframe {
  width: 100% !important;
  height: 100% !important;
}
.wijmo-wijdialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 1.3rem;
  line-height: 1.3;
  font-weight: 600;
  /*padding: 11px 30px;*/
  padding: 0.9rem 2rem;
  border-radius: 0;
  outline: none;
  border-width: 0.08rem;
  border-style: solid;
  border-color: #DEDEDE;
  color: #6F788B;
  background: transparent;
  border-color: #6F788B;
  margin-right: 1rem;
  height: auto;
}
.wijmo-wijdialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:hover {
  color: #1E2431;
  background: transparent;
  border-color: #1E2431;
}
.ser-page--is-dialog .ser-actions,
.ser-page--is-dialog div[id$='ser-actions-frame'] {
  padding-left: 5rem;
  padding-top: 2rem;
}
.ser-page--is-dialog .ser-tab-control.ui-widget.ui-widget-content {
  padding-left: 5rem;
  padding-top: 1rem;
}
/*#endregion */
/* reset padding for iframe */
.ui-dialog-buttons .ui-dialog-content {
  padding: 2rem;
}
.ui-dialog-buttons .ui-dialog-buttonpane {
  padding: 2rem 5rem;
}
/*#region ************** SER ACTIONS / SER BUTTONS ************** */
div[id$='ser-actions-frame'] {
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap-reverse;
  margin: 0;
  padding: 0;
  border: 0;
  padding: 2rem;
  padding-top: 0.5rem;
  padding-bottom: calc(2rem - 1rem);
}
div[id$='ser-actions-frame'] #ser-actions {
  width: 100%;
  white-space: normal;
  margin: 0;
  padding: 0;
  border: 0;
}
div.ser-actions ul#ser-actions {
  font-size: 0;
}
div.ser-actions ul#ser-actions li {
  margin-right: 1rem;
  margin-bottom: 1rem;
  font-size: 1.3rem;
  line-height: 1.3;
  font-weight: 600;
  /*padding: 11px 30px;*/
  padding: 0.9rem 2rem;
  border-radius: 0;
  outline: none;
  border-width: 0.08rem;
  border-style: solid;
  border-color: #DEDEDE;
  color: #6F788B;
  background: transparent;
  border-color: #6F788B;
}
div.ser-actions ul#ser-actions li.ser-action-enabled:hover,
div.ser-actions ul#ser-actions li.ser-action-enabled:active,
div.ser-actions ul#ser-actions li.ser-action-enabled:focus {
  color: #1E2431;
  background: transparent;
  border-color: #1E2431;
}
div.ser-actions ul#ser-actions li.ser-action-enabled:hover a,
div.ser-actions ul#ser-actions li.ser-action-enabled:active a,
div.ser-actions ul#ser-actions li.ser-action-enabled:focus a,
div.ser-actions ul#ser-actions li.ser-action-enabled:hover i,
div.ser-actions ul#ser-actions li.ser-action-enabled:active i,
div.ser-actions ul#ser-actions li.ser-action-enabled:focus i {
  color: #1E2431;
}
div.ser-actions ul#ser-actions li.ser-action-enabled a {
  color: #6F788B;
  background: transparent;
  border-color: #6F788B;
}
div.ser-actions ul#ser-actions li.ser-action-enabled a i {
  color: #6F788B;
}
div.ser-actions ul#ser-actions li.ser-action-enabled a:hover,
div.ser-actions ul#ser-actions li.ser-action-enabled a:active,
div.ser-actions ul#ser-actions li.ser-action-enabled a:focus {
  color: #1E2431;
  background: transparent;
  border-color: #1E2431;
}
div.ser-actions ul#ser-actions li.ser-action-enabled a:hover i,
div.ser-actions ul#ser-actions li.ser-action-enabled a:active i,
div.ser-actions ul#ser-actions li.ser-action-enabled a:focus i {
  color: #1E2431;
}
div.ser-actions ul#ser-actions li.ser-action-enabled.ser-campaign__approve {
  background: #c3e0d3;
}
div.ser-actions ul#ser-actions li.ser-action-enabled.ser-campaign__decline {
  background: #ffe3eb;
}
div.ser-actions ul#ser-actions li.ser-action-enabled.ser-button--is-primary {
  color: #FFFFFF;
  background: linear-gradient(134.34deg, #1F497D 0%, #386BAA 100%);
  border-color: #1F497D;
}
div.ser-actions ul#ser-actions li.ser-action-enabled.ser-button--is-primary .ser-icon-overlay {
  text-align: right;
  line-height: 1.2em;
  font-size: 1.1em;
  text-shadow: 1px 1px 0 #386BAA, 1px -1px 0 #386BAA, -1px 1px 0 #386BAA, -1px -1px 0 #386BAA;
}
div.ser-actions ul#ser-actions li.ser-action-enabled.ser-button--is-primary:hover,
div.ser-actions ul#ser-actions li.ser-action-enabled.ser-button--is-primary:active,
div.ser-actions ul#ser-actions li.ser-action-enabled.ser-button--is-primary:focus {
  color: #FFFFFF;
  background: linear-gradient(134.34deg, #1F497D 0%, #1F497D 100%);
  border-color: #1F497D;
}
div.ser-actions ul#ser-actions li.ser-action-enabled.ser-button--is-primary:hover a,
div.ser-actions ul#ser-actions li.ser-action-enabled.ser-button--is-primary:active a,
div.ser-actions ul#ser-actions li.ser-action-enabled.ser-button--is-primary:focus a,
div.ser-actions ul#ser-actions li.ser-action-enabled.ser-button--is-primary:hover i,
div.ser-actions ul#ser-actions li.ser-action-enabled.ser-button--is-primary:active i,
div.ser-actions ul#ser-actions li.ser-action-enabled.ser-button--is-primary:focus i {
  color: #FFFFFF;
}
div.ser-actions ul#ser-actions li.ser-action-enabled.ser-button--is-primary a {
  color: #FFFFFF;
}
div.ser-actions ul#ser-actions li.ser-action-enabled.ser-button--is-primary a i {
  color: #FFFFFF;
}
div.ser-actions ul#ser-actions li.ser-action-enabled.ser-button--is-primary a:hover i,
div.ser-actions ul#ser-actions li.ser-action-enabled.ser-button--is-primary a:active i,
div.ser-actions ul#ser-actions li.ser-action-enabled.ser-button--is-primary a:focus i {
  color: #FFFFFF;
}
div.ser-actions ul#ser-actions li.ser-action-disabled {
  color: #6F788B;
  background: #F7F7F7;
  border-color: #6F788B;
  border-width: 0.08rem;
  cursor: not-allowed;
  opacity: 0.7;
}
div.ser-actions ul#ser-actions li.ser-action-disabled:hover,
div.ser-actions ul#ser-actions li.ser-action-disabled:active,
div.ser-actions ul#ser-actions li.ser-action-disabled:focus {
  color: #6F788B;
  background: #F7F7F7;
  border-color: #6F788B;
  border-width: 0.08rem;
  cursor: not-allowed;
  opacity: 0.7;
}
div.ser-actions ul#ser-actions li.ser-action-disabled:hover a,
div.ser-actions ul#ser-actions li.ser-action-disabled:active a,
div.ser-actions ul#ser-actions li.ser-action-disabled:focus a,
div.ser-actions ul#ser-actions li.ser-action-disabled:hover i,
div.ser-actions ul#ser-actions li.ser-action-disabled:active i,
div.ser-actions ul#ser-actions li.ser-action-disabled:focus i {
  color: #6F788B;
}
div.ser-actions ul#ser-actions li.ser-action-disabled a {
  color: #6F788B;
  background: #F7F7F7;
  border-color: #6F788B;
  border-width: 0.08rem;
  cursor: not-allowed;
  opacity: 0.7;
}
div.ser-actions ul#ser-actions li.ser-action-disabled a i {
  color: #6F788B;
}
div.ser-actions ul#ser-actions li.ser-action-disabled a:hover,
div.ser-actions ul#ser-actions li.ser-action-disabled a:active,
div.ser-actions ul#ser-actions li.ser-action-disabled a:focus {
  color: #6F788B;
  background: #F7F7F7;
  border-color: #6F788B;
  border-width: 0.08rem;
  cursor: not-allowed;
  opacity: 0.7;
}
div.ser-actions ul#ser-actions li.ser-action-disabled a:hover i,
div.ser-actions ul#ser-actions li.ser-action-disabled a:active i,
div.ser-actions ul#ser-actions li.ser-action-disabled a:focus i {
  color: #6F788B;
}
div.ser-actions ul#ser-actions li.ser-action-disabled.ser-campaign__approve {
  background: #F7F7F7;
}
div.ser-actions ul#ser-actions li.ser-action-disabled.ser-campaign__decline {
  background: #F7F7F7;
}
div.ser-actions ul#ser-actions li.ser-action-disabled.ser-button--is-primary {
  color: #6F788B;
  background: #F7F7F7;
  border-color: #6F788B;
  border-width: 0.08rem;
  cursor: not-allowed;
  opacity: 0.7;
}
div.ser-actions ul#ser-actions li.ser-action-disabled.ser-button--is-primary:hover,
div.ser-actions ul#ser-actions li.ser-action-disabled.ser-button--is-primary:active,
div.ser-actions ul#ser-actions li.ser-action-disabled.ser-button--is-primary:focus {
  color: #6F788B !important;
  background: #F7F7F7 !important;
  border-color: #6F788B !important;
  border-width: 0.08rem !important;
  cursor: not-allowed !important;
  opacity: 0.7 !important;
}
div.ser-actions ul#ser-actions li.ser-action-disabled.ser-button--is-primary:hover a,
div.ser-actions ul#ser-actions li.ser-action-disabled.ser-button--is-primary:active a,
div.ser-actions ul#ser-actions li.ser-action-disabled.ser-button--is-primary:focus a,
div.ser-actions ul#ser-actions li.ser-action-disabled.ser-button--is-primary:hover i,
div.ser-actions ul#ser-actions li.ser-action-disabled.ser-button--is-primary:active i,
div.ser-actions ul#ser-actions li.ser-action-disabled.ser-button--is-primary:focus i {
  color: #6F788B;
}
div.ser-actions ul#ser-actions li.ser-action-disabled.ser-button--is-primary a {
  background: #F7F7F7;
  border-color: #6F788B;
  border-width: 0.08rem;
  cursor: not-allowed;
  opacity: 0.7;
  color: #6F788B;
}
div.ser-actions ul#ser-actions li.ser-action-disabled.ser-button--is-primary a i {
  color: #6F788B;
}
div.ser-actions ul#ser-actions li.ser-action-disabled.ser-button--is-primary a:hover i,
div.ser-actions ul#ser-actions li.ser-action-disabled.ser-button--is-primary a:active i,
div.ser-actions ul#ser-actions li.ser-action-disabled.ser-button--is-primary a:focus i {
  color: #6F788B;
}
.ser-button.ui-state-default,
.ser-button.ui-state-hover,
.ser-button.ui-state-active,
.ser-button.ui-state-focus,
.ser-button:hover,
.ser-button:active,
.ser-button:focus {
  font-size: 1.3rem !important;
  line-height: 1.3 !important;
  font-weight: 600 !important;
  /*padding: 11px 30px;*/
  padding: 0.9rem 2rem !important;
  background: transparent !important;
  border-radius: 0 !important;
  outline: none !important;
  border-width: 0.08rem !important;
  border-style: solid !important;
  border-color: #DEDEDE !important;
  margin-right: 0;
}
.ser-button.ui-state-default {
  color: #6F788B !important;
  border: 0.1rem solid #6F788B;
}
.ser-button.ui-state-hover {
  color: #1E2431 !important;
}
.ser-button.ui-state-active {
  color: #1E2431 !important;
}
.ser-button.ui-state-focus {
  color: #1E2431 !important;
}
.ser-button--is-primary {
  color: #FFFFFF;
  background: linear-gradient(134.34deg, #1F497D 0%, #386BAA 100%);
  border-color: #1F497D;
}
.ser-button--is-primary.ui-state-default {
  color: #FFFFFF !important;
  background: linear-gradient(134.34deg, #1F497D 0%, #386BAA 100%) !important;
  border-color: #1F497D !important;
}
.ser-button--is-primary.ui-state-hover,
.ser-button--is-primary:hover {
  color: #FFFFFF !important;
  background: linear-gradient(134.34deg, #1F497D 0%, #1F497D 100%) !important;
  border-color: #1F497D !important;
}
.ser-button--is-primary.ui-state-active,
.ser-button--is-primary:active {
  color: #FFFFFF !important;
  background: linear-gradient(134.34deg, #1F497D 0%, #1F497D 100%) !important;
  border-color: #1F497D !important;
}
.ser-button--is-primary.ui-state-focus,
.ser-button--is-primary:focus {
  color: #FFFFFF !important;
  background: linear-gradient(134.34deg, #1F497D 0%, #1F497D 100%) !important;
  border-color: #1F497D !important;
}
/*#endregion */
.ui-button {
  outline: none !important;
}
.ui-button .ui-button-icon-primary {
  display: inline-block;
}
.ui-button .ui-button-text {
  display: inline-block;
}
.ui-button.ui-button-icon-only .ui-button-text,
.ui-button.ui-button-icons-only .ui-button-text {
  text-indent: -9999999px;
}
.ui-state-default a.ser-grid-column-action {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 1.3rem;
  line-height: 1.3;
  font-weight: 600;
  /*padding: 11px 30px;*/
  padding: 0.9rem 2rem;
  border-radius: 0;
  outline: none;
  border-width: 0.08rem;
  border-style: solid;
  border-color: #DEDEDE;
  color: #6F788B;
  background: transparent;
  border-color: #6F788B;
  margin-left: 1rem;
  height: auto;
}
.ui-state-default a.ser-grid-column-action:hover {
  color: #1E2431;
  background: transparent;
  border-color: #1E2431;
}
#ser-grid-actions-frame.ser-grid-actions {
  margin: 0;
  padding: 0;
  border: 0;
  padding: 2rem;
}
#ser-grid-actions-frame.ser-grid-actions li {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 1.3rem;
  line-height: 1.3;
  font-weight: 600;
  /*padding: 11px 30px;*/
  padding: 0.9rem 2rem;
  border-radius: 0;
  outline: none;
  border-width: 0.08rem;
  border-style: solid;
  border-color: #DEDEDE;
  color: #6F788B;
  background: transparent;
  border-color: #6F788B;
  margin-right: 1rem;
  height: auto;
}
#ser-grid-actions-frame.ser-grid-actions li.ser-action-enabled a {
  color: #6F788B;
  background: transparent;
  border-color: #6F788B;
}
#ser-grid-actions-frame.ser-grid-actions li.ser-action-enabled a i {
  color: #6F788B;
}
#ser-grid-actions-frame.ser-grid-actions li.ser-action-enabled:hover {
  color: #1E2431;
  background: transparent;
  border-color: #1E2431;
}
#ser-grid-actions-frame.ser-grid-actions li.ser-action-enabled:hover a {
  color: #1E2431;
  background: transparent;
  border-color: #1E2431;
}
#ser-grid-actions-frame.ser-grid-actions li.ser-action-enabled:hover a i {
  color: #1E2431;
}
#ser-grid-actions-frame.ser-grid-actions li.ser-action-disabled {
  color: #6F788B;
  background: #F7F7F7;
  border-color: #6F788B;
  border-width: 0.08rem;
  cursor: not-allowed;
  opacity: 0.7;
}
#ser-grid-actions-frame.ser-grid-actions li.ser-action-disabled a {
  color: #6F788B;
  background: #F7F7F7;
  border-color: #6F788B;
  border-width: 0.08rem;
  cursor: not-allowed;
  opacity: 0.7;
}
#ser-grid-actions-frame.ser-grid-actions li.ser-action-disabled a i {
  color: #6F788B;
}
#ser-grid-actions-frame.ser-grid-actions li.ser-action-disabled:hover {
  color: #6F788B;
  background: #F7F7F7;
  border-color: #6F788B;
  border-width: 0.08rem;
  cursor: not-allowed;
  opacity: 0.7;
}
#ser-grid-actions-frame.ser-grid-actions li.ser-action-disabled:hover a {
  color: #6F788B;
  background: #F7F7F7;
  border-color: #6F788B;
  border-width: 0.08rem;
  cursor: not-allowed;
  opacity: 0.7;
}
#ser-grid-actions-frame.ser-grid-actions li.ser-action-disabled:hover a i {
  color: #6F788B;
}
/* reset padding for iframes */
/* reset padding tab panels */
/**
     
     This theme CSS is used for NXG version.
     It only contains visual styling (colors, borders, fonts) and sometimes even minor layout styles.

     For fixes of jQuery UI, Wijmo and Font Awesome take a look on default/serenata.css

     File created at 2019-10-02 by RSCH (task #10383).
     
     The styling is based on the CI document of NXG, existing NetHotel and neogene implementations and the jQuery UI theme "Metro" generated with NXG colors.

 */
/*#region ************** TEMPLATE ************** */
/*#endregion */
/*#endregion */
/*#region ************** GENERAL ************** */
html {
  font-size: 62.5%;
  line-height: 1.3;
  font-weight: 400;
  font-family: 'Open Sans', sans-serif;
}
* {
  box-sizing: border-box;
}
body {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  color: #141414;
  font-size: 1.3rem;
  line-height: 1.3;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}
b {
  font-weight: 600;
}
#mainbody {
  margin: 0;
  font-size: 1.3rem;
  line-height: 1.3;
  font-family: 'Open Sans', sans-serif;
}
#aspnetForm {
  position: absolute;
  overflow: auto;
  height: 100%;
  width: 100%;
}
#aspnetForm.nxg-header--is-visible {
  top: 9rem;
  height: calc(100% - (6rem + 3rem));
}
#aspnetForm.hide-nxg-header-env-info {
  top: 6rem !important;
  height: calc(100% - 6rem) !important;
}
#aspnetForm.nxg-mainmenu--is-visible {
  padding-left: 14rem;
}
.fa-rotate-50 {
  transform: rotate(50deg);
}
.ser-infobox {
  border: none;
  background: none;
  color: #9898AE;
  margin: 0;
}
.ser-infobox .ser-infobox-icon {
  padding: 0.1rem;
  padding-right: 1.3rem;
  font-size: 1rem;
}
.ser-infobox .ser-infobox-title {
  padding-top: 0.3rem;
  padding-bottom: 0.5rem;
  font-size: 1.5rem;
}
.ser-campaign__add-language-button {
  padding-top: 1.3rem !important;
}
/*#endregion */
/*#endregion */
/*#region ************** UI STATE ************** */
div.ui-state-wrapper {
  padding: 0.5rem 2rem;
}
div[class^="ui-state-"]:not(.ui-state-wrapper) {
  margin: 0;
  padding: 0;
  border: 0;
  border-top: none;
  font-size: 1.1rem;
  background: transparent !important;
  border: none !important;
}
.ui-state-info {
  color: #9C9C9C !important;
}
.ui-state-warning,
.ui-state-inputwarning {
  color: #F53367 !important;
}
.ui-state-mandatory {
  font-weight: 400 !important;
}
.ui-state-error,
.ui-state-inputerror {
  color: #F53367 !important;
  background: none;
  border: none;
  padding: 1rem 2rem;
  font-size: 1.2em;
}
/*#endregion */
/*#region ************** OVERLAY ************** */
.ui-widget-overlay {
  opacity: 0.85;
  background-color: #1E2431;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
/*#endregion */
/*#region ************** HTML EDITOR ************** */
.wijmo-wijeditor .wijmo-wijeditor-container {
  border: 0.07rem solid #1E2431;
}
.wijmo-wijeditor .wijmo-wijeditor-container .wijmo-wijeditor-header {
  margin: 0;
  padding: 0;
  border: 0;
  position: relative;
  border-bottom: 0.07rem solid #1E2431;
}
.wijmo-wijeditor .wijmo-wijeditor-container .wijmo-wijeditor-header .wijmo-wijribbon {
  margin: 0;
  padding: 0;
  border: 0;
}
.wijmo-wijeditor .wijmo-wijeditor-container .wijmo-wijeditor-header .wijmo-wijribbon .ui-button {
  display: flex;
  align-items: center;
  justify-content: center;
}
.wijmo-wijeditor .wijmo-wijeditor-container .wijmo-wijeditor-content textarea {
  font-weight: 600 !important;
}
.wijmo-wijeditor .wijmo-wijeditor-container .wijmo-wijsplitter-h-bar {
  border: 0.07rem solid #6F788B;
}
.wijmo-wijeditor .wijmo-wijeditor-container .wijmo-wijeditor-footer {
  margin: 0;
  padding: 0;
  border: 0;
  border-top: 0.07rem solid #1E2431;
}
.wijmo-wijeditor .wijmo-wijeditor-container .wijmo-wijeditor-footer .wijmo-wijeditor-pathselector {
  padding: 0.2em;
  height: 1.6em;
  display: inline-block;
  float: left;
}
.wijmo-wijeditor .wijmo-wijeditor-container .ui-icon {
  background-image: url(images/wijmo-ui-icons_000000_240x112.png) !important;
}
.wijmo-wijeditor .wijmo-wijeditor-container .ui-button {
  margin: 0;
  padding: 0;
  border: 0;
  padding: 0 0.5rem;
  height: 100%;
}
.wijmo-wijeditor .wijmo-wijeditor-container .ui-button.ui-state-hover,
.wijmo-wijeditor .wijmo-wijeditor-container .ui-button.ui-state-active,
.wijmo-wijeditor .wijmo-wijeditor-container .ui-button.ui-state-focus,
.wijmo-wijeditor .wijmo-wijeditor-container .ui-button:hover,
.wijmo-wijeditor .wijmo-wijeditor-container .ui-button:active,
.wijmo-wijeditor .wijmo-wijeditor-container .ui-button:focus {
  cursor: pointer;
}
.wijmo-wijeditor .wijmo-wijeditor-container .ui-button.ui-state-hover .ui-icon,
.wijmo-wijeditor .wijmo-wijeditor-container .ui-button.ui-state-active .ui-icon,
.wijmo-wijeditor .wijmo-wijeditor-container .ui-button.ui-state-focus .ui-icon,
.wijmo-wijeditor .wijmo-wijeditor-container .ui-button:hover .ui-icon,
.wijmo-wijeditor .wijmo-wijeditor-container .ui-button:active .ui-icon,
.wijmo-wijeditor .wijmo-wijeditor-container .ui-button:focus .ui-icon {
  background-image: url(images/wijmo-ui-icons_437DC5_240x112.png) !important;
}
.wijmo-wijeditor .wijmo-wijeditor-container .ui-button.ui-button-disabled {
  background: #FFFFFF;
}
.wijmo-wijeditor .wijmo-wijeditor-container .ui-button.ui-button-disabled.ui-state-hover,
.wijmo-wijeditor .wijmo-wijeditor-container .ui-button.ui-button-disabled.ui-state-active,
.wijmo-wijeditor .wijmo-wijeditor-container .ui-button.ui-button-disabled.ui-state-focus,
.wijmo-wijeditor .wijmo-wijeditor-container .ui-button.ui-button-disabled:hover,
.wijmo-wijeditor .wijmo-wijeditor-container .ui-button.ui-button-disabled:active,
.wijmo-wijeditor .wijmo-wijeditor-container .ui-button.ui-button-disabled:focus {
  background: #FFFFFF;
}
/*#endregion */
/*#region ************** SER ICONS ************** */
.ser-icon-overlay {
  -webkit-transition: text-shadow 150ms;
  transition: text-shadow 150ms;
}
.ser-icon-green,
.ser-icon-info,
.ser-icon-success,
.ser-icon-overlay.fa-plus,
.ser-icon-overlay.fa-check,
.ser-actions .fa-check-circle,
.ser-grid-actions .fa-check-circle,
.ser-button .fa-check-circle,
.ser-actions .fa-plus-circle,
.ser-grid-actions .fa-plus-circle,
.ser-button .fa-plus-circle {
  color: #099553;
}
.ser-icon-info-circle {
  color: #1F497D;
}
.ser-icon-red,
.ser-icon-overlay.fa-times,
.ser-icon-error {
  color: #F53367;
}
.ser-icon-orange,
.ser-icon-warn,
.ser-icon-warning {
  color: #F53367;
}
/*#endregion */
/*#region ************** WIJMO TOOLTIP ************** */
.wijmo-wijtooltip {
  z-index: 99999;
  background: #DEDEDE;
  font-weight: 600;
  box-shadow: 0.4rem 0.4rem 2rem 0.2rem rgba(20, 20, 20, 0.5);
}
.wijmo-wijtooltip .wijmo-wijtooltip-container {
  background: #DEDEDE;
}
.wijmo-wijtooltip .wijmo-wijtooltip-close {
  background: #DEDEDE;
  height: 16px;
}
.wijmo-wijtooltip-arrow-br .wijmo-wijtooltip-pointer-inner,
.wijmo-wijtooltip-arrow-bc .wijmo-wijtooltip-pointer-inner,
.wijmo-wijtooltip-arrow-bl .wijmo-wijtooltip-pointer-inner {
  border-top-color: #DEDEDE !important;
}
.wijmo-wijtooltip-arrow-tr .wijmo-wijtooltip-pointer-inner,
.wijmo-wijtooltip-arrow-tc .wijmo-wijtooltip-pointer-inner,
.wijmo-wijtooltip-arrow-tl .wijmo-wijtooltip-pointer-inner {
  border-bottom-color: #DEDEDE !important;
}
.wijmo-wijtooltip-arrow-rb .wijmo-wijtooltip-pointer-inner,
.wijmo-wijtooltip-arrow-rc .wijmo-wijtooltip-pointer-inner,
.wijmo-wijtooltip-arrow-rt .wijmo-wijtooltip-pointer-inner {
  border-left-color: #DEDEDE !important;
}
.wijmo-wijtooltip-arrow-lb .wijmo-wijtooltip-pointer-inner,
.wijmo-wijtooltip-arrow-lc .wijmo-wijtooltip-pointer-inner,
.wijmo-wijtooltip-arrow-lt .wijmo-wijtooltip-pointer-inner {
  border-right-color: #DEDEDE !important;
}
/*#endregion */
/*#region ************** WIJMO FLIPCARD ************** */
.ser-flipcard-container {
  margin: 0;
  padding: 0;
  border: 0;
  margin-right: 4rem;
  margin-bottom: 2rem;
  margin-top: 2rem;
}
.ser-flipcard-container .ser-flipcard.wijmo-wijflipcard .ser-flipcard-front.wijmo-wijflipcard-panel.wijmo-wijflipcard-frontpanel.ui-corner-all.ui-state-default.ui-widget-content {
  padding: 2.5rem 2rem;
  background: #FFFFFF;
}
.ser-flipcard-container .ser-flipcard.wijmo-wijflipcard .ser-flipcard-back.wijmo-wijflipcard-panel.wijmo-wijflipcard-backpanel.ui-corner-all.ui-state-default.ui-widget-content {
  padding: 1.5rem;
  background: #FFFFFF;
}
.ser-flipcard-container .ser-flipcard.wijmo-wijflipcard .wijmo-wijflipcard-panels {
  text-align: left;
}
.ser-flipcard-container .ser-flipcard.wijmo-wijflipcard .wijmo-wijflipcard-panels .wijmo-wijflipcard-panel {
  box-shadow: 23px 22px 30px 0 rgba(152, 152, 174, 0.4);
  border: 0.7px solid #B7BEC7;
}
.ser-flipcard-container .ser-flipcard.wijmo-wijflipcard .wijmo-wijflipcard-panels .ser-flipcard-icon {
  font-size: 2rem;
  margin-top: 0.2rem;
  margin-bottom: 2rem;
}
.ser-flipcard-container .ser-flipcard.wijmo-wijflipcard .wijmo-wijflipcard-panels .ser-flipcard-value {
  font-family: 'Open Sans', sans-serif;
  font-size: 2.6rem;
  font-weight: 600;
  color: #141414;
  color: #1F497D;
}
.ser-flipcard-container .ser-flipcard.wijmo-wijflipcard .wijmo-wijflipcard-panels .ser-flipcard-title {
  color: #9898AE;
}
div[id^="kpi"] .ser-flipcard-container {
  margin: 0;
  padding: 0;
  border: 0;
  margin-right: 4rem;
  margin-bottom: 2rem;
  margin-top: 2rem;
}
div[id^="kpi"] .ser-flipcard-container .ser-flipcard.wijmo-wijflipcard .ser-flipcard-front.wijmo-wijflipcard-panel.wijmo-wijflipcard-frontpanel.ui-corner-all.ui-state-default.ui-widget-content {
  padding: 5rem 1rem 1rem 1rem;
}
div[id^="kpi"] .ser-flipcard-container .ser-flipcard.wijmo-wijflipcard .wijmo-wijflipcard-panels {
  text-align: center;
}
div[id^="kpi"] .ser-flipcard-container .ser-flipcard.wijmo-wijflipcard .wijmo-wijflipcard-panels .wijmo-wijflipcard-panel {
  box-shadow: 23px 22px 30px 0 rgba(152, 152, 174, 0.4);
  border: 0.7px solid #B7BEC7;
}
div[id^="kpi"] .ser-flipcard-container .ser-flipcard.wijmo-wijflipcard .wijmo-wijflipcard-panels .wijmo-wijflipcard-panel .ser-flipcard-editlink {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.3rem 0 0 0.5rem;
}
div[id^="kpi"] .ser-flipcard-container .ser-flipcard.wijmo-wijflipcard .wijmo-wijflipcard-panels .wijmo-wijflipcard-panel .ser-flipcard-historylink {
  position: absolute;
  top: 0;
  right: 0;
  padding-top: 0.3rem;
}
div[id^="kpi"] .ser-flipcard-container .ser-flipcard.wijmo-wijflipcard .wijmo-wijflipcard-panels .ser-flipcard-icon {
  font-size: small;
}
div[id^="kpi"] .ser-flipcard-container .ser-flipcard.wijmo-wijflipcard .wijmo-wijflipcard-panels .ser-flipcard-icon .ser-flipcard-header {
  font-weight: 600 !important;
}
div[id^="kpi"] .ser-flipcard-container .ser-flipcard.wijmo-wijflipcard .wijmo-wijflipcard-panels .ser-flipcard-value {
  font-family: 'Open Sans', sans-serif;
  font-size: 2.6rem;
  font-weight: 600;
  color: #141414;
  color: #1F497D;
  font-size: 2em;
  position: absolute;
  bottom: 1rem;
}
/*#endregion */
/*#region ************** CONTENT EDITOR ************** */
A.ser-textblockedit,
A.ser-labeledit,
A.ser-linkedit,
A.ser-imageedit {
  line-height: 2rem;
  font-size: 1.3rem;
  text-align: center;
}
A.ser-textblockedit > div,
A.ser-labeledit > div,
A.ser-linkedit > div,
A.ser-imageedit > div {
  border-width: 0.2rem;
  border-style: solid;
  padding: 0.5rem;
}
A.ser-imageedit > DIV {
  background: #6F788B;
  color: #FFFFFF;
  border-color: #1E2431;
}
A.ser-imageedit > DIV i.ser-icon-overlay {
  text-shadow: 1px 1px 0.5px #6F788B, 1px -1px 0.5px #6F788B, -1px 1px 0.5px #6F788B, -1px -1px 0.5px #6F788B;
}
A.ser-linkedit > DIV {
  background: #F7F7F7;
  color: #141414;
  border-color: #9C9C9C;
}
A.ser-linkedit > DIV i.ser-icon-overlay {
  text-shadow: 1px 1px 0.5px #F7F7F7, 1px -1px 0.5px #F7F7F7, -1px 1px 0.5px #F7F7F7, -1px -1px 0.5px #F7F7F7;
}
A.ser-textblockedit > DIV,
A.ser-labeledit > DIV {
  background: #DEDEDE;
  color: #141414;
  border-color: #141414;
}
A.ser-textblockedit > DIV i.ser-icon-overlay,
A.ser-labeledit > DIV i.ser-icon-overlay {
  text-shadow: 1px 1px 0.5px #DEDEDE, 1px -1px 0.5px #DEDEDE, -1px 1px 0.5px #DEDEDE, -1px -1px 0.5px #DEDEDE;
}
.wijmo-wijsplitter-vertical {
  border: none;
}
.wijmo-wijsplitter-vertical .wijmo-wijsplitter-v-bar {
  border-bottom: none !important;
  border-right: 1px solid #9C9C9C !important;
  background: #9C9C9C !important;
}
.wijmo-wijsplitter-vertical .wijmo-wijsplitter-v-expander {
  background: #9C9C9C;
  border: 1px solid #9C9C9C;
  z-index: 1000;
}
.wijmo-wijsplitter-v-panel2 div.c_2col {
  max-width: 280px !important;
  width: 280px !important;
}
.wijmo-wijsplitter-v-panel2-content {
  border: none;
}
.wijmo-wijeditor .wijmo-wijeditor-specialchardlg-content span {
  background-color: #FFFFFF;
}
/*#endregion */
/*#region ************** NAVINFO / BREADCRUMB ************** */
.ser-navinfo {
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  padding: 2rem;
  padding-top: calc(2rem * 1.5);
  display: flex;
}
.ser-navinfo .ser-current-icon i {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 5.8rem;
  margin-right: 1rem;
}
.ser-navinfo .ser-navinfo-text .ser-breadcrumb__page {
  font-size: 1.4rem;
  text-decoration: none;
  color: #141414;
  padding: 1rem;
}
.ser-navinfo .ser-navinfo-text .ser-breadcrumb a {
  text-decoration: none;
}
.ser-navinfo .ser-navinfo-text .ser-breadcrumb a:last-of-type {
  color: #437DC5;
}
.ser-navinfo .ser-navinfo-text .ser-current-page {
  color: #141414;
  font-family: 'Open Sans', sans-serif;
  font-size: 3.5rem;
  font-weight: 600;
  letter-spacing: 0.4px;
  /*text-transform: uppercase;*/
  padding: 0 1rem;
}
/*#endregion */
/*#region **************** Error Page *********** */
.erroricon {
  position: absolute;
  right: 0;
  top: 5rem;
  display: block;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  font-size: 26rem;
  color: rgba(0, 0, 0, 0.2);
  opacity: 0.2;
  z-index: -10;
}
.messagebox {
  width: 50%;
  height: auto;
  margin-top: 20rem;
  margin-bottom: 5rem;
  margin-left: auto;
  margin-right: auto;
  padding: 5rem;
  border: 0.1rem solid #DEDEDE;
}
.messagebox h2 {
  color: #141414;
  font-family: 'Open Sans', sans-serif;
  font-size: 3.5rem;
  font-weight: 600;
  letter-spacing: 0.4px;
  /*text-transform: uppercase;*/
}
.messagebox p {
  color: #141414;
  font-family: 'Open Sans', sans-serif;
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 0.4px;
  /*text-transform: uppercase;*/
  font-weight: 400;
  margin-bottom: 0;
}
.messagebox a {
  color: #141414;
}
.messagebox .button {
  margin-right: 1rem;
  margin-bottom: 1rem;
  cursor: pointer;
  font-size: 1.3rem;
  line-height: 1.3;
  font-weight: 600;
  /*padding: 11px 30px;*/
  padding: 0.9rem 2rem;
  border-radius: 0;
  outline: none;
  border-width: 0.08rem;
  border-style: solid;
  border-color: #DEDEDE;
  color: #6F788B;
  background: transparent;
  border-color: #6F788B;
  text-decoration: none;
  display: inline-block;
}
.messagebox .button:hover {
  color: #1E2431;
  background: transparent;
  border-color: #1E2431;
}
/*#endregion */
/*#region ************** Wait Message ************** */
.ser-waitmessage div p {
  color: #141414;
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 0.4px;
  /*text-transform: uppercase;*/
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
}
/*#endregion */
/*#region **************** Badge *********** */
[ser-badge-value]:after {
  display: inline-block;
  height: 1.5rem;
  content: attr(ser-badge-value);
  position: relative;
  font-size: 1.1rem;
  text-align: center;
  line-height: 1.3;
  border-radius: 1rem;
  padding: 0.2rem 0.7rem;
  min-width: 1.3rem;
  bottom: 0.3rem;
}
[ser-badge-status=info]:after {
  background: #9C9C9C;
  color: #FFFFFF;
}
[ser-badge-status=warning]:after {
  background: #F53367;
  color: #FFFFFF;
}
[ser-badge-status=error]:after {
  background: #F53367;
  color: #FFFFFF;
}
.ser-badge-icon {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 1.8rem;
  display: inline-block;
  height: 1.8rem;
  position: relative;
  top: 0;
  right: 1rem;
}
.ser-badge-icon.ser-icon-warning,
.ser-badge-icon.ser-icon-warn,
.ser-badge-icon.ser-icon-orange {
  color: #F53367;
}
.ser-badge-icon.ser-icon-error,
.ser-badge-icon.ser-icon-red {
  color: #F53367;
}
/*#endregion */