.ui-widget {
	font-family: 'Avenir Next', Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-size: 14px;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: 'Avenir Next', Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #E5E5E5;
	background: #FFFFFF;
	color: #00376E;
}
.ui-widget-content a {
	color: #00376E;
}
.ui-widget-header {
	border: 1px solid #ccd7e2;
	background: #ccd7e2;
	color: #00376E;
	font-weight: normal;
}
.ui-widget-header a {
	color: #00376E;
}

.ui-dialog-titlebar {
	border-color: #00376E;
	background: #00376E;
}

.ui-dialog-title {
	color: #FFFFFF;
	font-family: 'Avenir Next', Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-size: 16px;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #00376E;
	background: #FFFFFF;
	font-weight: normal;
	color: #00376E;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #00376E;
	text-decoration: none;
}

/* BEGIN CUSTOM */
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover {
	border: 1px solid #00376E;
    background: transparent;
	font-weight: normal;
	color: #00376E;
}
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border-color: #00376e;
    box-shadow: none;
}
/* END CUSTOM */

.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 {
	color: #FFFFFF;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #00376E;
	background: #00376E;
	font-weight: normal;
	color: #FFFFFF;
}
.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 transparent;
	background: #FFFFFF;
	color: #00376E;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #00376E;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #E5E5E5;
   	background: #FFFFFF;
   	color: #00376E;
}
.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: normal;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70);
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35);
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("/responsiveUI/javax.faces.resource/theme/desktop/images/ui-icons_3C3C3B_256x240.png.xhtml?con=totemo");
}
.ui-widget-header .ui-icon {
	background-image: url("/responsiveUI/javax.faces.resource/theme/desktop/images/ui-icons_3C3C3B_256x240.png.xhtml?con=totemo");
}
.ui-state-default .ui-icon {
	background-image: url("/responsiveUI/javax.faces.resource/theme/desktop/images/ui-icons_3C3C3B_256x240.png.xhtml?con=totemo");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
}
.ui-state-active .ui-icon {
	background-image: url("/responsiveUI/javax.faces.resource/theme/desktop/images/ui-icons_ffffff_256x240.png.xhtml?con=totemo");
}
.ui-state-highlight .ui-icon {
	background-image: url("/responsiveUI/javax.faces.resource/theme/desktop/images/ui-icons_3C3C3B_256x240.png.xhtml?con=totemo");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("/responsiveUI/javax.faces.resource/theme/desktop/images/ui-icons_ffffff_256x240.png.xhtml?con=totemo");
}



/* 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: #FFFFFF;
	opacity: .3;
	filter: Alpha(Opacity=30);
}
.ui-widget-shadow {
	margin: 1px 0 0 1px;
	padding: 1px;
	background: #00376E;
	opacity: .4;
	filter: Alpha(Opacity=40);
	border-radius: 4px;
}


/* ########################################################################### */
/*                                GLOBAL                                       */
/* ########################################################################### */

@font-face {
    font-family: 'Calibri';
    font-style: normal;
    font-weight: normal;
    src: url(/responsiveUI/javax.faces.resource/theme/fonts/calibri.woff.xhtml?con=totemo) format('woff');
  }
  
  @font-face {
    font-family: 'Calibri';
    font-style: normal;
    font-weight: bold;
    src: url(/responsiveUI/javax.faces.resource/theme/fonts/calibri-bold.woff.xhtml?con=totemo) format('woff');
  }
  
  @font-face {
    font-family: 'Calibri';
    font-style: italic;
    font-weight: bold;
    src: url(/responsiveUI/javax.faces.resource/theme/fonts/calibri-bolditalic.woff.xhtml?con=totemo) format('woff');
  }
  
  @font-face {
    font-family: 'Calibri';
    font-style: italic;
    font-weight: normal;
    src: url(/responsiveUI/javax.faces.resource/theme/fonts/calibri-italic.woff.xhtml?con=totemo) format('woff');
  }
  
  /* ################################ XS ####################################### */
  body {
    font-family: 'Avenir Next', Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    font-size: 14px;
    margin: 0 auto;
  }
  
  /* ########################################################################### */
  /*                               MOBILE                                        */
  /* ########################################################################### */
  @media screen and (orientation:portrait) {
    .mobile-render-kit .ui-page {
      min-height: 100%;
    }
  }
  
  .mobile-render-kit .ui-select span {
    font-size: 18px !important;
  }
  
  .mobile-render-kit .ui-collapsible-heading .ui-btn {
    padding-left: 18px !important;
    padding-top: 9px;
    padding-bottom: 9px;
  }
  
  .mobile-render-kit .ui-collapsible-content {
    margin-bottom: 10px;
    border: none;
  }
  
  .mobile-render-kit .ui-collapsible-inset, 
  .mobile-render-kit .ui-collapsible-set {
    margin-top: 0;
  }
  
  .mobile-render-kit .ui-input-text {
    font-size: 18px !important;
    margin: 5px 0 0 0;
  }
  
  .mobile-render-kit .ui-input-text input {
    height: 50px;
    padding: 4px 15px;
  }
  
  .mobile-render-kit .ui-input-has-clear {
    padding-right: 0;
  }
  
  .mobile-render-kit .ui-select .ui-btn {
    padding: 4px 0;
  }
  
  .mobile-render-kit .ui-select .ui-btn span {
    line-height: 35px;
  }
  
  .mobile-render-kit .ui-btn {
    font-size: 18px;
    margin: 0;
  }
  
  .mobile-render-kit .ui-icon-carat-d,
  .mobile-render-kit .ui-btn.ui-icon-carat-d {
    text-align: left;
    height: 50px;
    padding: 8px 15px;
  }
  
  .mobile-render-kit .ui-icon-carat-d:after,
  .mobile-render-kit .ui-btn.ui-icon-carat-d:after {
    background-image: url(/responsiveUI/javax.faces.resource/theme/mobile/images/icons-png/carat-d-totemo.png.xhtml?con=totemo);
  }
  
  .ui-collapsible-heading-toggle.ui-btn-icon-left:after {
    right: 15px !important;
    left: auto;
  }
  
  .mobile-render-kit .ui-icon-plus:after {
    background-image: url(/responsiveUI/javax.faces.resource/images/mobile_accordion_3C3C3B.svg.xhtml?con=totemo);
  }
  
  .mobile-render-kit .ui-icon-minus:after {
    background-image: url(/responsiveUI/javax.faces.resource/images/mobile_accordion_up_694B7E.svg.xhtml?con=totemo);
  }
  
  /* ########################################################################### */
  /*                               DEFAULT                                       */
  /* ########################################################################### */
  
  .default-render-kit .ui-inputfield {
    font-size: 16px !important;
    padding: 7px 15px;
    height: 40px;
  }
  
  .default-render-kit .ui-tooltip,
  .default-render-kit .ui-tooltip-content {
    max-width: 220px;
  }
  
  .default-render-kit .ui-tooltip {
    padding: 0;
  }
  
  .default-render-kit .ui-tooltip-content {
    padding: 3px 10px 4px 10px;
    border: none;
  }
  
  .default-render-kit .input-tooltip.invalid .ui-tooltip-content {
    padding: 0;
    margin: 0;
    border: none;
  }
  
  .default-render-kit .ui-tooltip-rounded,
  .default-render-kit .ui-tooltip-rounded .ui-tooltip-content,
  .default-render-kit .ui-tooltip-tipsy,
  .default-render-kit .ui-tooltip-tipsy .ui-tooltip-content,
  .default-render-kit .ui-tooltip-youtube, .ui-tooltip-youtube .ui-tooltip-content {
    border-radius: 0;
  }
  
  .default-render-kit .ui-tooltip.ui-helper-reset {
    line-height: 18px;
  }
  
  .default-render-kit .ui-tooltip .input-tooltip {
    display: block;
    padding: 15px;
    font-size: 16px;
    line-height: 20px;
  }
  
  .default-render-kit .ui-tooltip .input-tooltip.invalid {
    margin: -4px -10px;
    padding: 17px 19px;
  }
  
  .default-render-kit .ui-accordion .ui-accordion-header {
    font-size: 16px !important;
    line-height: 19px;
    border-top: none;
    border-left: none;
    border-right: none;
    padding: 8px 11px;
  }
  
  .default-render-kit .ui-accordion .ui-accordion-header.ui-state-active {
    border-left: none;
  }
  
  .default-render-kit .ui-accordion .ui-accordion-header .ui-icon.ui-icon-triangle-1-e {
    left: -6px;
    margin-top: -9px;
  }
  
  .default-render-kit .ui-accordion .ui-state-hover .ui-icon {
    background-image: url(/responsiveUI/javax.faces.resource/theme/desktop/images/ui-icons_694B7E_256x240.png.xhtml?con=totemo);
  }
  
  .default-render-kit .ui-accordion .ui-accordion-header .ui-icon.ui-icon-triangle-1-s {
    display: none;
  }
  
  .default-render-kit .ui-accordion .ui-accordion-content {
    top: 0;
    border-top: 0 none;
    margin-bottom: 10px;
    margin-top: 0;
    padding: 20px;
  }
  
  .default-render-kit .ui-menu {
    padding: 0;
  }
  
  .default-render-kit .ui-selectonemenu {
    width: 100% !important;
    padding-right: 31px;
  }
  
  .default-render-kit .ui-menu {
    width: auto;
  }
  
  .default-render-kit .ui-selectonemenu,
  .default-render-kit .ui-selectonemenu-item,
  .default-render-kit .ui-menu,
  .default-render-kit .ui-menuitem {
    font-size: 16px;
  }
  
  .default-render-kit .ui-menuitem .ui-menuitem-link,
  .default-render-kit .ui-menu-list .ui-menuitem .ui-menuitem-link,
  .default-render-kit .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link {
    line-height: 16px;
  }
  
  .default-render-kit .ui-selectonemenu .ui-selectonemenu-trigger {
    padding-top: 0px;
    /*! padding-right: 11px; */
    width: 31px;
    border-left: none !important;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .default-render-kit .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
      margin-top: 5px;
  }
  
  .default-render-kit .ui-selectonemenu-panel {
    font-size: 16px;
  }
  
  .default-render-kit .ui-selectonemenu-list {
    padding: 0;
  }
  
  .default-render-kit .ui-selectonemenu-item,
  .default-render-kit .ui-menuitem {
    padding: 10px 15px;
    margin: 0;
    white-space: nowrap;
  }
  
  .default-render-kit .ui-selectonemenu .ui-selectonemenu-trigger.ui-state-focus {
    box-shadow: none;
  }
  
  .default-render-kit .dropdown-overlay-topspacer-4 {
    padding-top: 4px;
  }
  
  .default-render-kit .dropdown-overlay-topspacer-5 {
    padding-top: 5px;
  }
  
  .default-render-kit .dropdown-overlay-topspacer-6 {
    padding-top: 6px;
  }
  
  .default-render-kit .dropdown-overlay-justify-right {
    right: 0 !important;
    left: auto !important;
  }
  
  /* ################################ SM ####################################### */
  @media screen and (min-width: 768px) {
  
    .no-padding-sm-l {
      padding-left: 0;
    }
    
    .no-padding-sm {
      padding-left: 0;
    }
  
  }
  
  /* ################################ MD ####################################### */
  @media screen and (min-width: 992px) {
  }
  
  /* ################################ LG ####################################### */
  @media screen and (min-width: 1200px) {
  
  }
  
  /* ########################################################################### */
  /*                                  USER                                       */
  /* ########################################################################### */
  
  body {
    background-color: #d7edf4;
    color: #00376E;
  }
  
  .mobile-render-kit .ui-page,
  body.ui-mobile-viewport {
      background-color: #d7edf4;
      color: #00376E;
  }
  
  a,
  a:focus {
    color: #00376E;
  }
  
  a:hover,
  a:active {
    color: #00376E;
    text-decoration: none;
  }
  
  a:active {
    font-weight: bold;
  }
  
  .ui-select .ui-btn option,
  .ui-select .ui-btn option:active {
    background: #00376E !important;
    color: #ccd7e2 !important;
    border: 0 !important;
    border-bottom: 1px solid #464646 !important;
  }
  
  .ui-select .ui-btn option:hover {
    background: #00376E !important;
    color: #FFFFFF !important;
    border: 0 !important;
    border-bottom: 1px solid #00376E !important;
  }
  
  .ui-chkbox-box {
    background: #FFFFFF !important;
    border: 1px solid #C8C8C8 !important
  }
  
  .ui-chkbox-box.ui-state-hover,
  .ui-chkbox-box.ui-state-active {
    background: #FFFFFF !important;
    border: 1px solid #00376E !important
  }
  
  .ui-tooltip-shadow {
    box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.2)
  }
  
  .ui-tooltip-content {
    background-color: #ccd7e2; /* This is the "tip" of the tooltip */
  }
  
  .ui-tooltip-content .input-tooltip.valid {
    color: #00376E;
    background-color: #FFFFFF;
  }
  
  .ui-tooltip-content .input-tooltip.invalid {
    background-color: #FAA000;
    color: #FFFFFF;
  }
  
  .ui-accordion .ui-state-hover {
    color: #00376E;
    border-color: #00376E !important;
  }
  
  .ui-collapsible-content,
  .ui-accordion-content {
    background: #E5E5E5 !important;
  }
  
  .button.ui-state-focus {
    box-shadow: none;
  }
  
  .ui-selectonemenu-panel.ui-widget-content,
  .ui-selectcheckboxmenu-panel.ui-widget-content,
  .ui-menu.ui-widget-content {
    background: transparent !important;
    border: none; 
    -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,.5);
    box-shadow: 0 0 4px 0 rgba(0,0,0,.5);
  }
  
  .ui-selectcheckboxmenu-panel.ui-widget-content,
  .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items-wrapper,
  .ui-selectcheckboxmenu-items-wrapper {
    margin: 0;
    padding: 0;
  }
  
  .ui-selectonemenu .ui-selectonemenu-trigger {
    background: none;
  }
  
  .ui-selectonemenu-items.ui-widget-content,
  .ui-selectcheckboxmenu-panel.ui-widget-content,
  .ui-selectcheckboxmenu-items-wrapper,
  .ui-menu-list {
    background: #ffffff !important;
    color: #00376e;
    border: 0 none;
  }
  
  .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header,
  .ui-selectcheckboxmenu-header {
    height: 28px;
    margin: 0;
    padding: 2.5px 15px;
    background: #00376E !important;
    color: #FFFFFF;
    border-top: 0 none;
    border-right: 0 none;
    border-bottom: 1px solid #00376E;
    border-left: 0 none;
  }
  
  .ui-selectonemenu-item,
  .ui-selectonemenu-items.ui-widget-content .ui-selectonemenu-item,
  .ui-selectcheckboxmenu-item,
  .ui-selectcheckboxmenu-items.ui-widget-content .ui-selectcheckboxmenu-item,
  .ui-menuitem,
  .ui-menu-list .ui-menuitem,
  .ui-menu .ui-menu-list .ui-menuitem,
  .ui-menuitem .ui-menuitem-link,
  .ui-menu-list .ui-menuitem .ui-menuitem-link,
  .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link {
    background: #ffffff !important;
    color: #00376e;
    border: 0;
    padding: 5px;
    /*! font-family: Avenir Next; */
  }
  
  .ui-selectcheckboxmenu-item,
  .ui-selectcheckboxmenu-items.ui-widget-content .ui-selectcheckboxmenu-item {
    margin: 0;
    padding: 0;
  }
  
  .ui-selectonemenu-item,
  .ui-selectonemenu-items.ui-widget-content .ui-selectonemenu-item,
  .ui-selectcheckboxmenu-item,
  .ui-selectcheckboxmenu-items.ui-widget-content .ui-selectcheckboxmenu-item,
  .ui-menuitem,
  .ui-menu-list .ui-menuitem,
  .ui-menu .ui-menu-list .ui-menuitem {
    border-bottom: 1px solid #ffffff;
    border-left: 4px solid #ffffff;
  }
  
  .ui-selectonemenu-item.ui-state-highlight,
  .ui-selectonemenu-items.ui-widget-content .ui-selectonemenu-item.ui-state-highlight,
  .ui-selectcheckboxmenu-item.ui-state-highlight,
  .ui-selectcheckboxmenu-items.ui-widget-content .ui-selectcheckboxmenu-item.ui-state-highlight,
  .ui-menuitem.ui-state-highlight,
  .ui-menu-list .ui-menuitem.ui-state-highlight,
  .ui-menu .ui-menu-list .ui-menuitem.ui-state-highlight,
  .ui-menuitem.ui-state-highlight .ui-menuitem-link,
  .ui-menu-list .ui-menuitem.ui-state-highlight .ui-menuitem-link
  .ui-menu .ui-menu-list .ui-menuitem.ui-state-highlight .ui-menuitem-link {
    background: #ffffff !important;
    color: #00376e;
    border: 0;
  }
  
  .ui-selectonemenu-item.ui-state-highlight,
  .ui-selectonemenu-items.ui-widget-content .ui-selectonemenu-item.ui-state-highlight,
  .ui-selectcheckboxmenu-item.ui-state-highlight,
  .ui-selectcheckboxmenu-items.ui-widget-content .ui-selectcheckboxmenu-item.ui-state-highlight,
  .ui-menuitem.ui-state-highlight,
  .ui-menu-list .ui-menuitem.ui-state-highlight,
  .ui-menu .ui-menu-list .ui-menuitem.ui-state-highlight {
    border-bottom: 0px solid #464646;
    border-left: 4px solid #ffffff;
  }
  
  .ui-selectonemenu-item.ui-state-hover,
  .ui-selectonemenu-items.ui-widget-content .ui-selectonemenu-item.ui-state-hover,
  .ui-selectcheckboxmenu-item.ui-state-hover,
  .ui-selectcheckboxmenu-items.ui-widget-content .ui-selectcheckboxmenu-item.ui-state-hover,
  .ui-menuitem.ui-state-hover,
  .ui-menu-list .ui-menuitem.ui-state-hover,
  .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover,
  .ui-menuitem.ui-state-hover .ui-menuitem-link,
  .ui-menu-list .ui-menuitem.ui-state-hover .ui-menuitem-link,
  .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover .ui-menuitem-link,
  .ui-contextmenu .ui-menu-list .ui-menuitem-active,
  .ui-contextmenu .ui-menu-list .ui-menuitem-active .ui-menuitem-link,
  .ui-contextmenu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover {
    background: #ffffff !important;
    color: #00376e;
    border: 0;
    /*border-left: 1px solid #00376e;*/
  }
  
  .ui-selectonemenu-item.ui-state-hover,
  .ui-selectonemenu-items.ui-widget-content .ui-selectonemenu-item.ui-state-hover,
  .ui-selectcheckboxmenu-item.ui-state-hover,
  .ui-selectcheckboxmenu-items.ui-widget-content .ui-selectcheckboxmenu-item.ui-state-hover,
  .ui-menuitem.ui-state-hover,
  .ui-menu-list .ui-menuitem.ui-state-hover,
  .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover,
  .ui-contextmenu .ui-menu-list .ui-menuitem-active {
     border-bottom: 1px solid #ffffff;
     border-left: 4px solid #00376e;
  }
  
  .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 5px;
    right: 10px;
  }
  
  .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close,
  .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close.ui-state-hover,
  .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close.ui-state-focus,
  .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close.ui-state-active {
    border: 0 none;
    box-shadow: none;
    outline: none;
  }
  
  .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-icon-circle-close {
    background-position: -96px -128px;
  }
  
  .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox,
  .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item .ui-chkbox,
  .ui-selectcheckboxmenu-item .ui-chkbox {
    margin: 0;
    position: absolute;
    top: 7px;
    left: 10px;
  }
  
  .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox .ui-chkbox-box,
  .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox .ui-chkbox-box.ui-state-hover,
  .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox .ui-chkbox-box.ui-state-focus,
  .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox .ui-chkbox-box.ui-state-active,
  .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item .ui-chkbox .ui-chkbox-box,
  .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item .ui-chkbox .ui-chkbox-box.ui-state-hover,
  .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item .ui-chkbox .ui-chkbox-box.ui-state-focus,
  .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item .ui-chkbox .ui-chkbox-box.ui-state-active,
  .ui-selectcheckboxmenu-list-item .ui-chkbox .ui-chkbox-box,
  .ui-selectcheckboxmenu-list-item .ui-chkbox .ui-chkbox-box.ui-state-hover,
  .ui-selectcheckboxmenu-list-item .ui-chkbox .ui-chkbox-box.ui-state-focus,
  .ui-selectcheckboxmenu-list-item .ui-chkbox .ui-chkbox-box.ui-state-active {
    box-shadow: none;
    outline: none;
  }
  
  .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item label,
  .ui-selectcheckboxmenu-item label {
    margin: 0;
    font-weight: normal;
    padding: 5px 15px 5px 32px;
  }
  
  .ui-btn.ui-icon-carat-d {
    background: #E5E5E5 !important;
    border: 0;
  }
  
  .ui-collapsible-heading,
  .ui-collapsible-heading .ui-collapsible-heading-toggle {
    background: #00376E !important;
    color: #FFFFFF;
    border: 0;
  }
  
  .ui-collapsible-heading.ui-collapsible-heading-collapsed,
  .ui-collapsible-heading.ui-collapsible-heading-collapsed .ui-collapsible-heading-toggle {
    background: #E5E5E5 !important;
    color: #00376E;
    border: 0;
  }
  
  .ui-collapsible-heading .ui-btn:hover {
    color: #FFFFFF;
  }
  
  .ui-collapsible-heading.ui-collapsible-heading-collapsed .ui-btn:hover {
    color: #00376E;
  }
  
  .ui-collapsible-heading .ui-btn:hover,
  .ui-collapsible-heading .ui-btn:focus {
    box-shadow: none;
    border: 0;
    font-weight: normal;
  }
  
  .ui-tooltip,
  .ui-tooltip-content {
    background: #00376E;
    color: #C8C8C8;
  }
  
  .ui-tooltip .ui-tooltip-tip {
      color: #00376E;
  }
  
  .ui-popup-container .ui-header {
    background: #00376E;
  }
  
  .ui-popup-container .ui-header .ui-btn {
    left: auto !important;
    top: 9px;
    right: 10px;
    width: 22px;
    height: 22px;
  }
  
  .ui-popup-container .ui-header .ui-btn,
  .ui-popup-container .ui-header .ui-btn:hover,
  .ui-popup-container .ui-header .ui-btn:focus,
  .ui-popup-container .ui-header .ui-btn:active,
  .ui-popup-container .ui-header .ui-btn:visited {
    background: transparent !important;
    border: 0 none !important;
    border-radius: 0 !important;
    outline: none !important;
  }
  
  .ui-popup-container .ui-header .ui-title {
    width: 100%;
    text-align: left;
    margin: 0;
    padding: 11px 37px 11px 15px;
    font-weight: normal;
    color: #FFFFFF;
  }
  
  .ui-popup-container .ui-selectmenu-list .ui-btn.ui-checkbox-on,
  .ui-popup-container .ui-selectmenu-list .ui-btn.ui-checkbox-off {
    
  }
  
  .ui-popup-container .ui-selectmenu-list .ui-btn.ui-checkbox-on,
  .ui-popup-container .ui-selectmenu-list .ui-btn.ui-checkbox-on:hover,
  .ui-popup-container .ui-selectmenu-list .ui-btn.ui-checkbox-on:focus,
  .ui-popup-container .ui-selectmenu-list .ui-btn.ui-checkbox-on:active,
  .ui-popup-container .ui-selectmenu-list .ui-btn.ui-checkbox-on:visited,
  .ui-popup-container .ui-selectmenu-list .ui-btn.ui-checkbox-off,
  .ui-popup-container .ui-selectmenu-list .ui-btn.ui-checkbox-off:hover,
  .ui-popup-container .ui-selectmenu-list .ui-btn.ui-checkbox-off:focus,
  .ui-popup-container .ui-selectmenu-list .ui-btn.ui-checkbox-off:active,
  .ui-popup-container .ui-selectmenu-list .ui-btn.ui-checkbox-off:visited {
    background: transparent;
    box-shadow: none;
    outline: none;
    margin: 0;
    padding: 13px 15px 13px 42px !important;
    font-weight: normal;
    color: #00376E;
    border-color: #C8C8C8;
  }
  
  .ui-popup-container .ui-selectmenu-list .ui-btn.ui-checkbox-on:after,
  .ui-popup-container .ui-selectmenu-list .ui-btn.ui-checkbox-off:after {
    right: auto;
    left: 10px;
    margin: -9px 0 0 0;
  }
  
  .ui-dialog .ui-dialog-titlebar-close,
  .ui-dialog .ui-dialog-titlebar-minimize,
  .ui-dialog .ui-dialog-titlebar-maximize {
    margin: 5px;
  }
  
  .ui-dialog .ui-dialog-titlebar-close,
  .ui-dialog .ui-dialog-titlebar-close.ui-state-hover,
  .ui-dialog .ui-dialog-titlebar-close.ui-state-focus,
  .ui-dialog .ui-dialog-titlebar-close.ui-state-active,
  .ui-dialog .ui-dialog-titlebar-minimize,
  .ui-dialog .ui-dialog-titlebar-minimize.ui-state-hover,
  .ui-dialog .ui-dialog-titlebar-minimize.ui-state-focus,
  .ui-dialog .ui-dialog-titlebar-minimize.ui-state-active, 
  .ui-dialog .ui-dialog-titlebar-maximize,
  .ui-dialog .ui-dialog-titlebar-maximize.ui-state-hover,
  .ui-dialog .ui-dialog-titlebar-maximize.ui-state-focus,
  .ui-dialog .ui-dialog-titlebar-maximize.ui-state-active {
    border: 0 none;
    box-shadow: none;
    outline: none;
    padding: 1px;
  }


/* ################################ XS ####################################### */
#page.container {
    margin: 0 5px;
    min-height: 100%;
  }
  
  .no-bg-dropdown,
  .no-bg-dropdown.ui-state-hover,
  .no-bg-dropdown.ui-state-active,
  .no-bg-dropdown.ui-state-focus,
  .no-bg-dropdown .ui-button,
  .no-bg-dropdown .ui-button:hover,
  .no-bg-dropdown .ui-button:active,
  .no-bg-dropdown .ui-button:focus {
    border: 0 none;
    background: 0 none;
    box-shadow: none;
    outline: none;
  }
  
  .no-bg-dropdown.ui-selectonemenu {
    padding: 0;
    width: auto !important;
  }
  
  .no-bg-dropdown .ui-selectonemenu-trigger {
    padding: 0 !important;
    width: auto !important;
  }
  
  .no-bg-dropdown .ui-icon {
    position: absolute;
    left: auto;
    right: -3px;
    top: 1px;
    margin: 0;
  }
  
  .no-bg-dropdown .ui-selectonemenu-trigger .ui-icon {
    margin-top: 2px !important;
  }
  
  .no-bg-dropdown .ui-state-hover .ui-icon,
  .no-bg-dropdown .ui-state-active .ui-icon,
  .no-bg-dropdown .ui-state-focus .ui-icon {
    background-image: url(/responsiveUI/javax.faces.resource/theme/desktop/images/ui-icons_694B7E_256x240.png.xhtml?con=totemo);
  }
  
  .no-bg-dropdown .ui-selectonemenu-label,
  .no-bg-dropdown .ui-button-text {
    padding: 0 15px 0 0;
    height: auto;
  }
  
  .ui-datatable .ui-datatable-empty-message td {
    padding: 10px 15px;
  }
  
  .ui-datatable .ui-paginator {
  background: url(/responsiveUI/javax.faces.resource/theme/desktop/images/ui-bg_flat_55_ffffff_40x100.png.xhtml?con=totemo) repeat-x scroll 50% 50% transparent;
  border:0;
  font-size:12px;
  }
  
  .ui-autocomplete-input,
  .ui-autocomplete-input.ui-state-hover,
  .ui-autocomplete-input.ui-state-active,
  .ui-autocomplete-input.ui-state-focus {
    border: none;
    box-shadow: none;
  }
  
  .ui-autocomplete-panel .ui-autocomplete-table {
    border: medium none !important;
  }
  
  .ui-autocomplete-panel .ui-autocomplete-items {
    padding: 0;
  }
  
  .ui-autocomplete-panel {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    box-shadow: none;
  }
  
  .ui-autocomplete-panel .ui-autocomplete-list-item {
    padding: 0;
    margin: 0;
    border-bottom: 1px solid !important;
  }
  
  .ui-autocomplete-item,
  .ui-autocomplete-panel .ui-autocomplete-list-item,
  .ui-autocomplete-panel .ui-autocomplete-list-item.ui-state-highlight {
    border: none !important;
    border-bottom: 1px solid !important;
    text-align: left;
    font-size: 14px !important;
    padding: 11px 15px;
  }
  
  .header .tools {
    float: right;
    text-align: right;
  }
  
  .header .help {
    white-space: nowrap;
    font-weight: bold;
    margin-top: 20px;
  }
  
  .header .tools-separator {
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
    margin: 0 10px;
  }
  
  .form-separator, .form-spacer, .footer-separator, .note-separator {
    height: 1px;
  }
  
  .form-separator {
    margin: 15px 0 25px 0;
  }
  
  .form-spacer {
    margin: 30px 0 0 0;
  }
  
  .form-separator.large,
  .form-spacer.large {
    margin-top: 40px;
  }
  
  .form-separator.small {
    margin: 0;
  }
  
  .vertical-separator {
    border-right: 1px solid;
    display: block;
    height: 20px;
    float: left;
    margin: 5px 0;
  }
  
  .vertical-separator.float-right {
    float: right;
  }
  
  .form .button-left,
  .form a.button-left {
    float: left;
    margin-right: 10px;
  }
  
  .form .button-right,
  .form a.button-right {
    float: right;
    margin-left: 10px;
  }
  
  .form .form-navigation {
    padding: 30px 10px;
  }
  
  .form .form-navigation .navigation-items {
    width: 100%;
  }
  
  .form .navigation-item {
    font-size: 15px;
    border-style: solid;
    border-width: 1px;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
  }
  
  .form .progress-view .navigation-item {
    width: 25px;
    height: 25px;
  }
  
  .form .navigation-item.active {
    border-top-width: 3px;
    border-top-style: solid;
  }
  
  .form .navigation-item.unselectable {
    cursor: auto;
  }
  
  .form .navigation-item.inactive.unselectable {
    color: #aeaeae;
  }
  
  .form .navigation-item .bold-nav-index {
    font-weight: bold;
  }
  
  .form .choice-item-head,
  .form .choice-item-accordion {
    font-size: 16px;
    line-height: 20px;
  }
  
  .form .choice-item-head {
    margin-bottom: 16px;
  }
  
  .form .choice-item-head .headline {
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 15px;
  }
  
  .form .choice-item-icon-container {
    float: left;
    width: 35px;
    padding: 0 10px 0 0;
  }
  
  .form .choice-item-icon {
    float: right; 
  }
  
  .form .choice-item-label {
    width: 100%;
    padding: 0 0 0 35px;
  }
  
  .form .choice-item-label {
    width: 100%;
    padding: 0 0 0 35px;
  }
  
  .form a,
  .form-controls a {
    text-decoration: none;
  }
  
  .form .input {
    margin-bottom: 15px;
  }
  
  .form .input-meta,
  .form .input-field {
    width: 100%;
  }
  
  .form .input-meta .message {
    font-weight: bold;
  }
  
  .form-interaction .input-field,
  .form-interaction .input-field.ui-state-hover,
  .form-interaction .input-field.ui-state-focus,
  .form-interaction .ui-calendar .ui-inputfield,
  .form-interaction .ui-calendar .ui-inputfield.ui-state-hover,
  .form-interaction .ui-calendar .ui-inputfield.ui-state-focus,
  .form-interaction .ui-selectonemenu,
  .form-interaction .ui-selectonemenu.ui-state-hover,
  .form-interaction .ui-selectonemenu.ui-state-focus,
  .form .input-field.interaction,
  .form .input-field.interaction.ui-state-hover,
  .form .input-field.interaction.ui-state-focus,
  .form .ui-calendar.interaction .ui-inputfield,
  .form .ui-calendar.interaction .ui-inputfield.ui-state-hover,
  .form .ui-calendar.interaction .ui-inputfield.ui-state-focus,
  .form .ui-selectonemenu.interaction,
  .form .ui-selectonemenu.interaction.ui-state-hover,
  .form .ui-selectonemenu.interaction.ui-state-focus {
    box-shadow: none;
  }
  
  .form-interaction .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon,
  .form .ui-selectonemenu.interaction .ui-selectonemenu-trigger .ui-icon {
    background-image: url(/responsiveUI/javax.faces.resource/theme/desktop/images/ui-icons_694B7E_256x240.png.xhtml?con=totemo) !important;
  }
  
  .form-interaction .ui-selectonemenu.ui-state-hover .ui-selectonemenu-trigger .ui-icon,
  .form .ui-selectonemenu.interaction.ui-state-hover .ui-selectonemenu-trigger .ui-icon {
    background-image: url(/responsiveUI/javax.faces.resource/theme/desktop/images/ui-icons_ffffff_256x240.png.xhtml?con=totemo) !important;
  }
  
  .form .input-meta .input-label,
  .form .input-meta .input-sub-label {
    display: block;
    font-size: 16px;
    font-weight: normal;
    line-height: 16px;
    margin-bottom: 7px;
  }
  
  .form .input-meta .input-sub-label {
  /*   font-weight: bold; */
  }
  
  .form .input-meta .input-status-valid,
  .form .input-meta .input-link {
    float: right;
  }
  
  .form .input-meta .input-image {
    float: right;
    margin-top: -7px;
  }
  
  .form .password-strength {
    padding: 0 12px 15px 13px;
  }
  
  .form .password-strength .indicator {
    padding: 0 3px 0 2px;
  }
  
  .form .password-strength .indicator-last {
    padding-right: 0;
  }
  
  .form .password-strength .indicator .active,
  .form .password-strength .indicator .inactive {
    height: 10px;
  }
  
  .form-controls {
    margin-top: 5px;
    margin-bottom: 10px;
  }
  
  .form .button,
  .form-controls .button {
    /*width: 100%;*/
    display: block;
    font-size: 16px;
    height: 40px;
    border-width: 1px;
    border-style: solid;
    margin: 10px 0;
    text-align: center;
    padding: 0 15px;
  }
  
  .form .button.ui-shadow,
  .form-controls .button.ui-shadow {
    box-shadow: none;
  }
  
  .form .button.simple,
  .form-controls .button.simple {
    display: table-caption; /* Ugh */
    white-space: nowrap;
    padding: 0 10px;
  }
  
  .form a.button,
  .form-controls a.button {
    line-height: 50px;
  }
  
  .form .button img,
  .form-controls .button img {
    margin: 0 5px;
  }
  
  .form .button-left,
  .form a.button-left,
  .form-controls .button-left,
  .form-controls a.button-left {
    float: left;
    margin-right: 10px;
  }
  
  .form .button-right,
  .form a.button-right,
  .form-controls .button-right,
  .form-controls a.button-right {
    float: right;
    margin-left: 10px;
  }
  
  .row {
    font-size: 16px !important;
  }
  
  .footer {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 30px;
    font-size: 14px;
  }
  
  .footer .bold {
    font-weight: bold;
  }
  
  .ui-checkbox-link-box, 
  .ui-checkbox-text-box {
    margin-top: -2px;
  }
  
  .ui-checkbox-link-box a {
    margin-left: 10px;
  }
  
  .ui-checkbox-text-box .checkbox-label {  
    margin-left: 10px;
    font-size: 16px; 
  }
  
  .tr-overlay-btn {
    display: none;
    position: absolute;
    z-index: 500;
    padding: 0;
  }
  
  .tr-overlay-btn.left {
    left: 0;
    text-align: right;
  }
  
  .tr-overlay-btn.right {
    right: 0;
    text-align: left;
  }
  
  .tr-overlay-btn-lnk,
  .tr-overlay-btn-lnk:hover,
  .tr-overlay-btn-lnk:active,
  .tr-overlay-btn-lnk:focus {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    box-shadow: 0 none;
  }
  
  .tr-overlay-btn-lnk {
    display: block;
    padding: 34px 15px;
    width: 100%;
    height: 100%;
  }
  
  .tr-overlay-btn-icn {
    margin: -4px 15px !important;
    vertical-align: top !important;
  }
  
  .tr-overlay-btn-lbl {
    font-weight: bold !important;
    line-height: 22px;
    margin: 0 10px !important;
  }
  
  .navigation-alphabet .button {
    float: left;
    margin: 0;
    padding: 0;
    height: 20px !important;
    width: 30px !important;
    font-size: 16px;
  }
  
  .navigation-alphabet .button,
  .navigation-alphabet .button:hover,
  .navigation-alphabet .button:active,
  .navigation-alphabet .button:focus {
    border: 0 none !important;
    background: none;
    box-shadow: none;
  }
  
  .navigation-alphabet .button .ui-button-text {
    font-size: 16px;
    line-height: 16px;
    padding: 2px 0;
  }
  
  .sorting-alphabet .button {
    border: 0 none !important;
    float: left;
    margin: 0;
    height: 20px !important;
    width: 20px !important;
  }
    
  .sorting-alphabet .button .ui-button-text {
    font-size: 16px;
    line-height: 16px;
    padding: 2px 0;
  }
  
  .icon-text-button {
    display: inline-block;
    width: auto !important;
    height: 30px;
    margin: 0;
    background-repeat: no-repeat;
  }
  
  .icon-text-button,
  .icon-text-button.ui-state-hover,
  .icon-text-button.ui-state-active,
  .icon-text-button.ui-state-focus,
  .icon-text-button:hover,
  .icon-text-button:active,
  .icon-text-button:focus {
    border: 0 none !important;
    box-shadow: none !important;
    background-color: transparent !important;
    color: inherit !important;
  }
  
  .icon-text-button .ui-button-text {
    padding: 0;
  }
  
  .icon-text-button.button-back {
    background-image: url(/responsiveUI/javax.faces.resource/images/arrow_left_icon_694B7E.svg.xhtml?con=totemo);
    background-size: 14px 14px;
  }
  
  .icon-text-button.button-back:hover {
    background-image: url(/responsiveUI/javax.faces.resource/images/arrow_left_icon_3C3C3B.svg.xhtml?con=totemo);
  }
  
  .icon-text-button.iconleft {
    background-position: left center;
    padding: 0 8px 0 22px;
  }
  
  .icon-text-button.iconright {
    background-position: right center;
    padding: 0 22px 0 8px;
  }
  
  .infoBoxScrollable {
        display: block; 
        max-height: 400px; 
        overflow: auto;
        margin-top: 10px;
  }
  
  .ui-button.ui-state-active,
  .ui-button.ui-state-focus {
    box-shadow: none;
  }
  
  .radio-button-container input[type=radio] {
      display: none;
  }
  
  .radio-button-container label {
      height: 18px;
  }
  
  .radio-button-container label:before {
    content: "";
    display: inline-block;
    width: 13px;
    height: 13px;
    left: 0;
    border-radius: 8px;
    border: 1px solid #00376E;
  }
  
  .radio-button-container input[type=radio]:checked + label:before {
    background: url(/responsiveUI/javax.faces.resource/images/radio-button-selected-bg.png.xhtml?con=totemo) center center no-repeat;
  }
  
  .radio-choice-item img.pushed-pdf-choice-item-icon,
  .radio-choice-item img.certificate-choice-item-icon {
      margin-top: -5px;
  }
  
  .radio-choice-item img.envelope-choice-item-icon {
      margin-top: 2px;
  }
  
  .radio-choice-item .choice-item-head .headline {
  /*   font-weight: bold; */
  }
  
  .radio-choice-item.selected .choice-item-head .headline {
    color: #00376E;
  }
  
  .note .more-info {
    height: 26px;
    width: 26px;
    margin-right: 10px;
    display: inline-block;
    background: url(/responsiveUI/javax.faces.resource/images/more_info_icon_3C3C3B.svg.xhtml?con=totemo) center center no-repeat;
  }
  
  .note .title {
    font-size: 18px;
  }
  
  .note .items {
    margin-top: 20px;
  }
  
  .note dl {
    margin-left: auto;
  }
  
  .note dl dt {
    margin: 20px 0 5px 0;
  }
  
  .note dl dd {
    margin: 5px 0 5px 0;
  }
  
  .note dl dt .index {
    display: inline-block;
    margin-left: -25px;
    margin-right: 15px;
  }
  
  .note ol, .note ul {
    margin: 0 0 0 18px;
    padding: 0;
  }
  
  .note ol {
    counter-reset: item;
    margin-top: -5px;
  }
  
  .note ol li {
    display: block
  }
  
  .note ol li:before {
    content: counter(item) ". ";
    counter-increment: item;
    font-weight: bold;
    margin-left: -25px;
    margin-right: 9px;
  }
  
  .note li {
    margin: 14px 0 0 -18px;
  }
  
  .more-link.active,
  .ui-commandlink.ui-widget.more-link.active {
    font-weight: bold;
  }
  
  .more-link .more-label {
    text-decoration: underline;
  }
  
  .more-link .more-label,
  .more-link.active .less-label {
    display: inline-block;
  }
  
  .more-link .less-label,
  .more-link.active .more-label {
    display: none;
  }
  
  .more-details-accordion,
  .more-details-accordion.ui-hidden-container,
  .more-details-accordion.ui-collapsible,
  .more-details-accordion .ui-collapsible-inset {
    margin: 0 !important;
    border: 0 none !important;
  }
  
  .more-details-accordion .ui-accordion-header,
  .more-details-accordion .ui-collapsible-heading {
    display: none !important;
  }
  
  .more-details-accordion .ui-accordion-content,
  .more-details-accordion .ui-collapsible-content {
    margin: 12px 0 !important;
    padding: 0 !important;
    border-top: 0 none !important;
    border-right: 0 none !important;
    border-bottom: 0 none !important;
    border-left: 7px solid !important;
  }
  
  .more-details-accordion .ui-accordion-content p,
  .more-details-accordion .ui-collapsible-content p {
    margin: 0 !important;
  }
  
  .more-details-list .ui-datalist-content,
  .more-details-list .ui-datalist-content.ui-widget-content {
    border: 0 none;
    margin: 0;
    padding: 20px 0;
  }
  
  .more-details-list .ui-datalist-data,
  .more-details-list .ui-datalist-content .ui-listview {
    font-size: 16px;
    margin-bottom: 0;
    list-style-type: none;
    padding-left: 30px;
  }
  
  .more-details-list .ui-datalist-content .ui-listview > .ui-li-static {
    border: none;
    padding: 0;
  }
  
  .textarea-sizer {
    padding: 0;
    margin: 0;
    font-size: 16px;
    line-height: 20px;
  }
  
  .textarea-sizer {
    display: none;
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow-wrap: break-word;
    overflow: hidden;
  }
  
  .file-upload {
    position: relative;
    width: 100%;
    display: block;
    font-size: 18px;
    height: 40px;
    border-width: 1px;
    border-style: solid;
    margin: 10px 0;
    text-align: center;
    padding: 0 15px;
  }
  
  .file-upload .file-upload-label,
  .file-upload .file-upload-link {
    font-size: 18px;
    text-align: center;
    padding: 8px 0;
  }
  
  .file-upload .file-upload-input {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
    opacity: 0;
    z-index: 1;
  }
  
  .file-upload .file-upload-link {
    display: block;
    height: 100%;
    width: 100%;
  }
  
  .file-upload .file-upload-label,
  .file-upload .file-upload-input,
  .file-upload .file-upload-trigger {
    display: none;
  }
  
  .drop-files-area {
    position: relative;
    width: 100%;
    display: table;
    height: 100px;
    margin: 10px 0;
    text-align: center;
    vertical-align: middle;
    padding: 0;
  }
  
  .drop-files-area .drop-files-area-label-container {
    position: absolute;
    top: 50%;
    width: 100%;
  }
  
  .drop-files-area .drop-files-area-label {
    position: relative;
    font-size: 18px;
    line-height: 24px;
    top: -12px;
    padding: 0 15px;
  }
  
  .drop-files-area .file-upload {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    opacity: 0;
    overflow: hidden;
  }
  
  .drop-files-area .ui-button {
    position: absolute;
    width: 20px;
    left: -20px;
  }
  
  .file-grid {
    padding: 0;
    float: left;
    width: 100%;
    user-select: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
  }
  
  .file-grid.grid {
    padding: 0;
  }
  
  .file-grid .file-grid-data,
  .file-grid .ui-widget-content,
  .file-grid .ui-datalist-content,
  .file-grid .ui-listview,
  .file-grid .ui-datalist-data {
    border: 0 none;
    margin: 0;
  }
  
  .file-grid .ui-listview,
  .file-grid .ui-datalist-data {
    padding: 0;
  }
  
  .file-grid .file-grid-selection-changed-link,
  .file-grid .file-item-open-link {
    display: none !important;
  }
  
  .file-grid .ui-listview li,
  .file-grid .ui-datalist-data li,
  .file-grid .file-item-li {
    display: block;
    float: left;
  }
  
  .file-grid .ui-listview li:hover,
  .file-grid .ui-datalist-data li:hover,
  .file-grid .file-item-li:hover {
    cursor: default;
  }
  
  .file-grid.grid .ui-listview li,
  .file-grid.grid .ui-datalist-data li,
  .file-grid.grid .file-item-li {
    margin: 0;
    padding: 0;
    width: 50%;
    height: 56px;
    border: 0 none;
  }
  
  .file-grid.list .ui-listview li,
  .file-grid.list .ui-datalist-data li,
  .file-grid.list .file-item-li {
    padding: 0;
    width: 100%;
    border-top: 0 none;
    position: relative;
  }
  
  .file-grid .file-item-wrapper {
    padding: 0;
    margin: 0;
    width: 100%;
  }
  
  .file-grid .file-item {
    display: block;
    float: left;
    width: 100%;
    margin: 0;
    font-size: 16px;
    line-height: 20px;  
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
  }
  
  .file-grid.grid .file-item {
    position: relative;
    padding: 18px 15px 18px 8px;
    height: 56px;
  }
  
  .file-grid.grid .ui-listview li:nth-child(odd) .file-item,
  .file-grid.grid .ui-datalist-data li:nth-child(odd) .file-item,
  .file-grid.grid .file-item-li:nth-child(odd) .file-item {
    padding: 18px 8px 18px 15px;
  }
  
  .file-grid.grid .ui-datalist-empty-message {
    padding: 10px 0;
  }
  
  .file-grid.list .file-item,
  .file-grid.list .ui-datalist-empty-message {
    padding: 15px;
  }
  
  .file-grid .ui-datalist-empty-message {
    font-size: 16px;
  }
  
  .file-grid .column-checkbox,
  .file-grid .column-icon,
  .file-grid .column-filename,
  .file-grid .column-mobile-interaction,
  .file-grid .column-size,
  .file-grid .column-owner,
  .file-grid .column-last-modified {
    display: block;
    min-height: 20px;
  }
  
  .file-grid.grid .column-icon {
    position: absolute;
    top: 18px;
    left: 8px;
  }
  
  .file-grid.grid .ui-listview li:nth-child(odd) .column-icon,
  .file-grid.grid .ui-datalist-data li:nth-child(odd) .column-icon,
  .file-grid.grid .file-item-li:nth-child(odd) .column-icon {
    left: 15px;
  }
  
  .file-grid.grid .column-mobile-interaction {
    position: absolute;
    top: 18px;
    right: 15px;
  }
  
  .file-grid.grid .ui-listview li:nth-child(odd) .column-mobile-interaction,
  .file-grid.grid .ui-datalist-data li:nth-child(odd) .column-mobile-interaction,
  .file-grid.grid .file-item-li:nth-child(odd) .column-mobile-interaction {
    right: 8px;
  }
  
  .file-grid.grid .column-filename {
    position: absolute;
    left: 45px;
    right: 15px;
  }
  
  .file-grid.grid .ui-listview li:nth-child(odd) .column-filename,
  .file-grid.grid .ui-datalist-data li:nth-child(odd) .column-filename,
  .file-grid.grid .file-item-li:nth-child(odd) .column-filename {
    right: 8px;
  }
  
  .file-grid.grid .column-filename.interaction-space {
    padding-right: 25px;
  }
  
  .file-grid.grid .column-checkbox,
  .file-grid.grid .column-size,
  .file-grid.grid .column-owner,
  .file-grid.grid .column-last-modified {
    display: none;
  }
  
  .file-grid.list .column-checkbox,
  .file-grid.list .column-icon,
  .file-grid.list .column-filename {
    float: left;
    text-align: left;
  }
  
  .file-grid .column-mobile-interaction,
  .file-grid.list .column-size,
  .file-grid.list .column-owner,
  .file-grid.list .column-last-modified {
    float: right;
  }
  
  .file-grid.list .column-checkbox {
    width: 25px;
  }
  
  .file-grid.list .column-icon {
    width: 35px;
  }
  
  .file-grid.list .column-filename {
    position: absolute;
    left: 80px;
    right: 65%;
  }
  
  .file-grid.simple.list .column-filename {
    right: 30%;
  }
  
  .file-grid .column-mobile-interaction {
    width: 20px;
  }
  
  .file-grid .column-size,
  .file-grid .column-owner,
  .file-grid .column-last-modified {
    width: 20%;
  }
  
  .file-grid .column-icon .file-icon {
    vertical-align: top;
    max-height: 20px;
    max-width: 25px;
  }
  
  .file-grid .column-icon .shared-icon {
    position: absolute;
    max-height: 12px;
    max-width: 13px;
  }
  
  .file-grid.grid .column-icon .shared-icon {
    top: 6px;
    left: 5px;
  }
  
  .file-grid.list .column-icon .shared-icon {
    top: 21px;
    left: 45px;
  }
  
  .file-grid.list .column-checkbox .file-checkbox {
    margin: 3px 0;
  }
  
  .file-grid .column-mobile-interaction .mobile-interaction-button {
    position: relative;
    left: auto;
    height: 20px;
    width: 20px;
    margin: 0;
    padding: 0;
    background-size: 16px 16px;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(/responsiveUI/javax.faces.resource/images/more_icon_3C3C3B.svg.xhtml?con=totemo) !important;
  }
  
  .file-grid .column-mobile-interaction .mobile-interaction-button,
  .file-grid .column-mobile-interaction .mobile-interaction-button:hover,
  .file-grid .column-mobile-interaction .mobile-interaction-button:active,
  .file-grid .column-mobile-interaction .mobile-interaction-button:focus,
  .file-grid .column-mobile-interaction .mobile-interaction-button:visited {
    border: 0 none !important;
    box-shadow: none;
    background-color: transparent;
    outline: none;
  }
  
  .file-grid .column-filename .file-name,
  .file-grid .column-size .file-size,
  .file-grid .column-owner .file-owner,
  .file-grid .column-last-modified .file-last-modified {
    display: block;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  
  .grid-view-link {
    width: 30px;
    height: 30px;
    background-size: 20px 20px;
    background-position: center center;
    background-repeat: no-repeat;
    float: right;
    margin: 0 0 0 10px;
    padding: 0;
  }
  
  .grid-view-link,
  .grid-view-link:hover,
  .grid-view-link:active,
  .grid-view-link:focus {
    border: 0 none;
    background-color: transparent;
  }
  
  .grid-view-link.grid {
    background-image: url(/responsiveUI/javax.faces.resource/images/view_grid_icon_3C3C3B.svg.xhtml?con=totemo);
  }
  
  .grid-view-link.grid:hover,
  .grid-view-link.grid:active {
    background-image: url();
  }
  
  .grid-view-link.list {
    background-image: url(/responsiveUI/javax.faces.resource/images/view_list_icon_3C3C3B.svg.xhtml?con=totemo);
  }
  
  .grid-view-link.list:hover,
  .grid-view-link.list:active {
    background-image: url();
  }
  
  .rectangle-selection{
    position : absolute; 
    z-index : 1000;  
    margin: 0px;
    padding: 0px;
    display: none;
    opacity: 0.4;
    filter: alpha(opacity=40);
  }
   
  /* ########################################################################### */
  /*                               MOBILE                                        */
  /* ########################################################################### */
  
  .mobile-render-kit .header .help {
    font-size: 1.4em;
  }
  
  .mobile-render-kit .header .help .circled-text {
    margin: 0 10px;
  }
  
  .mobile-render-kit .footer {
    margin-top: 7px;
    margin-bottom: 30px;
  }
  
  .mobile-render-kit .ui-checkbox {
    margin: 9px 0 0;
    position: relative;
    display: block;
    float: left;
  }
  
  .mobile-render-kit .ui-checkbox input {
    background: #FFFFFF;
    border: 1px solid #C8C8C8;
    border-radius: 0;
    width: 13px;
    height: 13px;
    margin-top: 0;
    position: static;
    display: block;
    float: left;
  }
  
  .mobile-render-kit .ui-checkbox input:checked {
    border: 1px solid #00376E;
  }
  
  .mobile-render-kit .ui-checkbox-link-box, 
  .mobile-render-kit .ui-checkbox-text-box {
    margin-top: 6px;
  }
  
  .mobile-render-kit .checkbox-with-link {
    background: #E5E5E5;
    height: 39px;
    padding: 5px 0 0 15px;
  }
  
  .mobile-render-kit .checkbox-with-text {
    background: #E5E5E5;
    min-height: 40px;
    height: 100%;
    padding: 5px 0 0 15px;
    margin-bottom: 15px; 
  }
  
  .mobile-render-kit .radio-button-container label {
    z-index: 0 !important;
    border: none !important;
    padding: 0;
  }
  
  .mobile-render-kit .radio-button-container label,
  .mobile-render-kit .radio-button-container label:focus,
  .mobile-render-kit .radio-button-container label:active {
    background: transparent;
  }
  
  .mobile-render-kit .radio-button-container label:after {
    display: none !important;
  }
  
  .mobile-render-kit  label.ui-radio-on:before {
    background: url(/responsiveUI/javax.faces.resource/images/radio-button-selected-bg.png.xhtml?con=totemo) center center no-repeat;
  }
  
  .mobile-render-kit .note {
    margin: 10px 0 8px;
  }
  
  .mobile-render-kit .note .circled-text {
    margin: 0 10px;
  }
  
  .mobile-render-kit .note .items {
    margin-left: auto;
  }
  
  .mobile-render-kit .note dl {
    margin-left: auto;
  }
  
  /* ##### Datepicker ##### */
  .mobile-render-kit .ui-datepicker {
    background-color: #FFFFFF;
  }
  
  .mobile-render-kit .ui-datepicker .ui-datepicker-header {
    font-weight: normal;
    height: 40px;
    background-color: #F6F6F6;
    font-size: 16px !important;
    border: none;
  }
  
  .mobile-render-kit .ui-datepicker .ui-datepicker-title {
    line-height: normal;
    text-align: center;
  }
  
  .mobile-render-kit .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 8px;
    margin-top: 0;
    text-indent: -9999px;
  }
  
  .mobile-render-kit .ui-datepicker .ui-datepicker-prev {
    left: 8px;
  }
  
  .mobile-render-kit .ui-datepicker .ui-datepicker-next {
    right: 8px;
  }
  
  .mobile-render-kit .ui-datepicker-prev.ui-btn.ui-icon-arrow-l,
  .mobile-render-kit .ui-datepicker-next.ui-btn.ui-icon-arrow-r {
    border-radius: 0;
    width: 25px;
    height: 25px;
  }
  
  .mobile-render-kit .ui-datepicker-prev.ui-btn.ui-icon-arrow-l:after {
    background-image: url(/responsiveUI/javax.faces.resource/images/datepicker_arrow_left_icon_3C3C3B.svg.xhtml?con=totemo);
    background-size: 5px 9px;
  }
  
  .mobile-render-kit .ui-datepicker-next.ui-btn.ui-icon-arrow-r:after {
    background-image: url(/responsiveUI/javax.faces.resource/images/datepicker_arrow_right_icon_3C3C3B.svg.xhtml?con=totemo);
    background-size: 5px 9px;
  }
  
  .mobile-render-kit .ui-datepicker-calendar.mobile-enhanced {
    border-collapse: separate;
    border-spacing: 5px;
  }
  
  .mobile-render-kit .ui-datepicker-calendar th {
    text-align: center;
    vertical-align: bottom;
    color: #ccd7e2;
    background-color: #FFFFFF;
    border: none;
  }
  
  .mobile-render-kit .ui-datepicker td {
    border: 1px solid #E5E5E5;
    padding: 0;
    text-align: center;
    width: 30px;
    min-width: 0;
    height: 25px;
  }
  
  .mobile-render-kit .ui-datepicker td .ui-state-default.ui-btn {
    font-size: 14px;
    padding: 0px;
    margin: 0px;
    width: 30px;
    line-height: 25px;
  }
  
  .mobile-render-kit .ui-datepicker td .ui-state-default.ui-btn:not(.ui-btn-active) {
    background-color: #E5E5E5;
  }
  
  .mobile-render-kit .ui-datepicker td.ui-datepicker-week-end .ui-state-default.ui-btn {
    background-color: #FFFFFF;
    color: #ccd7e2;
  }
  
  /* ########################################################################### */
  /*                               DEFAULT                                       */
  /* ########################################################################### */
  .default-render-kit .header .logo,
  .default-render-kit .header .loginLogo {
    margin-top: 25px;
    margin-bottom: 30px;
  }
  
  .default-render-kit .header .help .circled-text {
    margin: 10px 0;
  }
  
  .default-render-kit .footer {
    margin-top: 10px;
    margin-bottom: 20px;
  }
  
  .default-render-kit .ui-chkbox {
    float: left;
    margin-top: 2px;
  }
  
  .default-render-kit .ui-chkbox .ui-chkbox-box {
    border-radius: 0;
    width: 13px;
    height: 13px;
  }
  
  .default-render-kit .ui-chkbox .ui-chkbox-icon {
    width: 13px;
    height: 13px;
  }
  
  
  .default-render-kit .ui-chkbox .ui-state-active{
    background-color: #FFFFFF;
    background-image: none;
  }
  
  .default-render-kit .ui-icon-check {
    background-image: url(/responsiveUI/javax.faces.resource/theme/desktop/images/ui-icons_3C3C3B_256x240.png.xhtml?con=totemo) !important;
    background-position: -66px -147px;
  }
  
  .default-render-kit .ui-icon-minus .ui-icon-blank {
    background-image: url(/responsiveUI/javax.faces.resource/theme/desktop/images/ui-icons_3C3C3B_256x240.png.xhtml?con=totemo) !important;
    background-position: -50px -131px;
    opacity: .3;
  }
  
  .default-render-kit .footer-separator {
    margin-top: 20px;
  }
  
  .default-render-kit .note {
    margin-top: 40px;
  }
  
  .default-render-kit .note .circled-text {
    margin: 0 10px 0 0;
  }
  
  .default-render-kit .note .items {
    margin-left: 10px;
  }
  
  /* #####  Datepicker ##### */
  .default-render-kit .ui-datepicker {
    width: auto;
  }
  
  .default-render-kit .ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {
    background: #00376E none repeat scroll 0 0;
    border: medium none;
    box-shadow: 1px 1px 5px #C8C8C8;
    padding: 10px;
  }
  
  .default-render-kit .ui-datepicker .ui-datepicker-header {
    background: #00376E none repeat scroll 0 0;
    border: 1px solid #464646;
    color: #ccd7e2;
    font-size: 16px;
    padding: 5px;
    position: relative;
  }
  
  .default-render-kit .ui-datepicker .ui-datepicker-prev,
  .default-render-kit .ui-datepicker .ui-datepicker-next {
    height: 1.8em;
    position: absolute;
    top: 5px;
    width: 1.8em;
  }
  
  .default-render-kit .ui-datepicker .ui-datepicker-prev {
    background-color: #E5E5E5;
    left: 5px;
  }
  
  .default-render-kit .ui-datepicker-prev .ui-icon-circle-triangle-w {
      background-position: -96px -16px;
  }
  
  .default-render-kit .ui-datepicker .ui-datepicker-next {
    background-color: #E5E5E5;
    right: 5px;
  }
  
  .default-render-kit .ui-datepicker-next .ui-icon-circle-triangle-e {
    background-position: -32px -16px;
  }
  
  .default-render-kit .ui-datepicker table {
    border-collapse: separate;
    border-spacing: 5px;
    font-size: 0.9em;
    margin: 0;
    width: 100%;
  }
  
  .default-render-kit .ui-datepicker th {
    color: #ccd7e2;
    font-size: 14px;
    font-weight: normal;
    height: 30px;
    padding: 0;
    text-align: center;
    vertical-align: bottom;
  }
  
  .default-render-kit .ui-datepicker td {
    border: 1px solid #464646;
    opacity: 1;
    padding: 0;
  }
  
  .default-render-kit .ui-datepicker td span,
  .default-render-kit .ui-datepicker td a {
    background: #E5E5E5 none repeat scroll 0 0;
    display: block;
    font-size: 16px;
    height: 30px;
    text-align: center;
    text-decoration: none;
    width: 35px;
  }
  
  .default-render-kit .ui-datepicker td a.ui-state-hover {
    background-color: #464646;
    color: #ccd7e2;
  }
  
  .default-render-kit .ui-datepicker td a.ui-state-active,
  .default-render-kit .ui-datepicker td.ui-datepicker-week-end a.ui-state-active {
    background-color: #00376E;
    border: 1px solid #00376E;
    color: #FFFFFF;
  }
  
  .default-render-kit .ui-datepicker td.ui-datepicker-week-end a {
    background-color: #00376E;
    color: #ccd7e2;
    border: medium none;
  }
  
  .default-logo, .mobile-logo {
      width:120px; 
      height: auto;
  }
  
  .default-render-kit .file-grid.list .column-checkbox .file-checkbox {
    margin: 2px 0;
  }
  
  /* ################################ SM ####################################### */
  @media screen and (min-width: 768px) { 
     
    .default-logo {
      width:200px; 
      height:30px;
    }   
         
    .col-sm-pr-30 {
      padding-right: 30px;
    }
    
    .col-sm-pl-30 {
      padding-left: 30px;
    }
    
     .col-sm-pr-20 {
      padding-right: 20px;
    }
    
    .col-sm-pl-20 {
      padding-left: 20px;
    }
    
    .col-sm-pr-3 {
      padding-right: 3px;
    }
     
    .header .help {
      position: absolute;
      right: 0;
      bottom: 0;
      margin-top: 0;
    }
     
    .form .form-navigation {
      padding: 40px 40px 30px 40px;
    }
      
    .form-controls {
      margin-top: 15px;
      margin-bottom: 15px;
    }
  
    .form .input {
      margin-bottom: 30px;
    }
      
    .form input:not(.ui-state-focus) {
      box-shadow: none;
    }
      
    .form .button,
    .form a.button,
    .form-controls .button,
    .form-controls a.button {
      font-size: 16px;
      height: 30px;
      line-height: 30px;
      width: auto;
      text-align: center;
      padding: 0; 
    }
      
    .form .button span, 
    .form a.button span,
    .form-controls .button span, 
    .form-controls a.button span {
      padding: 0;
    }  
      
    .form .button-left-desktop,
    .form a.button-left-desktop,
    .form-controls .button-left-desktop,
    .form-controls a.button-left-desktop {
      float: left;
      margin-right: 10px;
    }
      
    .form .button-right-desktop,
    .form a.button-right-desktop,
    .form-controls .button-right-desktop,
    .form-controls a.button-right-desktop {
      float: right;
      margin-left: 10px;
    }
      
    .form .button span,
    .form a.button span {
      padding: 0;
    }
      
    .form .password-strength {
       padding: 0 12px 30px 13px;
    }
  
    .form .password-strength .indicator {
      padding: 0 3px 0 2px;
    }
      
    .form .choice-item-accordion,
    .form .choice-button-container .offset-left {
      margin-left: 35px;
    }
      
    .icon-button {
      width: 30px;
      height: 30px;
      border: 0 none;
      box-shadow: none;
      margin: 0;
    }
      
    .icon-button.button-arrow-left {
      background: url(/responsiveUI/javax.faces.resource/images/arrow_left_icon_C8C8C8.svg.xhtml?con=totemo) no-repeat center center;
      background-size: 13px 12px;
    }
      
    .icon-button.button-arrow-left:hover {
      background: url(/responsiveUI/javax.faces.resource/images/arrow_left_icon_3C3C3B.svg.xhtml?con=totemo) no-repeat center center;
      background-size: 13px 12px;
    }
      
    .icon-button.button-arrow-right {
      background: url(/responsiveUI/javax.faces.resource/images/arrow_right_icon_C8C8C8.svg.xhtml?con=totemo) no-repeat center center;
      background-size: 13px 12px;
    }
      
    .icon-button.button-arrow-right:hover {
      background: url(/responsiveUI/javax.faces.resource/images/arrow_right_icon_3C3C3B.svg.xhtml?con=totemo) no-repeat center center;
      background-size: 13px 12px;
    }
      
    .icon-button.button-encrypted {
      background: url(/responsiveUI/javax.faces.resource/images/encrypted_icon_694B7E.svg.xhtml?con=totemo) no-repeat center center;
      background-size: 14px 18px;
    }
      
    .icon-button.button-encrypted:hover {
      background: url(/responsiveUI/javax.faces.resource/images/encrypted_icon_464646.svg.xhtml?con=totemo) no-repeat center center;
      background-size: 14px 18px;
    }
      
    .icon-button.button-encrypted-inactive {
      background: url(/responsiveUI/javax.faces.resource/images/encypted_inactive_icon_3C3C3B.svg.xhtml?con=totemo) no-repeat center center;
      background-size: 20px 20px;
    }    
      
    .icon-button.button-save {
      background: url(/responsiveUI/javax.faces.resource/images/save_icon_3C3C3B.svg.xhtml?con=totemo) no-repeat center center;
      background-size: 17px 17px;
    }
      
    .icon-button.button-save:hover {
      background: url(/responsiveUI/javax.faces.resource/images/save_icon_694B7E.svg.xhtml?con=totemo) no-repeat center center;
      background-size: 17px 17px;
    }
      
    .icon-button.button-delete {
      background: url(/responsiveUI/javax.faces.resource/images/delete_icon_3C3C3B.svg.xhtml?con=totemo) no-repeat center center;
      background-size: 12px 16px;
    }
      
    .icon-button.button-delete:hover {
      background: url(/responsiveUI/javax.faces.resource/images/delete_icon_694B7E.svg.xhtml?con=totemo) no-repeat center center;
      background-size: 12px 16px;
    }
      
    .dropdown-combi-text {
      margin: 8px 15px;
      width: auto;
      float: left;
    }
      
    .dropdown-combi-text .input {
      float: left;
      margin-bottom: 0px;
    }
      
    .dropdown-combi-text .input-meta {
      width: auto;
      float: left;
      margin-bottom: 0px;
    }
      
    .dropdown-combi-text .input-meta .input-label {
      line-height: 16px;
      font-size: 14px;
      font-weight: bold;
      margin-top: 0px;
    }   
      
    .dropdown-combi-text .ui-selectonemenu {
      width: auto !important;
      display: block;
      padding-right: 17px;
      float: left;
    }
      
    .dropdown-combi-text .ui-selectonemenu,
    .dropdown-combi-text .ui-selectonemenu.ui-state-hover,
    .dropdown-combi-text .ui-selectonemenu.ui-state-focus {
      border: none !important;
      box-shadow: none !important;
    }
      
    .dropdown-combi-text .ui-selectonemenu .ui-selectonemenu-label {
      height: auto;
      padding: 0 0 0 5px;
      font-size: 14px !important;
      line-height: 16px;
      margin: 0;
    }
     
    .dropdown-combi-text .ui-selectonemenu .ui-selectonemenu-trigger {
      padding: 0;
      width: 16px;
    }
      
    .dropdown-combi-text .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
      margin-top: 0;
    }
      
    .dropdown-combi-text .ui-selectonemenu-item {
        line-height: 16px;
    }
      
    .radio-choice-item .choice-item-accordion {
       padding-left: 50px;
    }
      
    .note ol li::before {
      margin-left: 0;
    }
      
    .form .navigation-item {
      height: 50px;
    }
      
    .more-details-accordion .ui-accordion-content,
    .more-details-accordion .ui-collapsible-content {
      margin: 8px 0 0 !important;
    }
  
    .more-details-list .ui-datalist-content,
    .more-details-list .ui-datalist-content.ui-widget-content {
      padding: 18px 0;
    }
    
    .more-details-list .ui-datalist-data {
      font-size: 16px;
      margin-bottom: 0;
      list-style-type: none;
      padding-left: 20px;
    }
    
    .file-upload {
      width: auto;
      font-size: 16px;
      height: 30px;
      margin: 10px 0;
    }
    
    .file-upload .file-upload-label,
    .file-upload .file-upload-link {
      font-size: 16px;
      padding: 0 30px;
    }
    
    .file-grid.grid {
      padding: 0 0 16px 16px;
    }
    
    .file-grid.grid .ui-datalist-data li,
    .file-grid.grid .file-item-li {
      padding: 16px 16px 0 0;
      width: 20%;
      border: 0 none;
      height: 86px;
    }
    
    .file-grid .file-item {
      font-size: 14px;  
    }
    
    .file-grid.grid .file-item { 
      padding: 10px;
      height: 70px;
    }
  
    .file-grid.grid .ui-listview li:nth-child(odd) .file-item,
    .file-grid.grid .ui-datalist-data li:nth-child(odd) .file-item,
    .file-grid.grid .file-item-li:nth-child(odd) .file-item {
      padding: 10px;
    }
    
    .file-grid.grid .column-filename.interaction-space {
      padding-right: 0;
    }
    
    .file-grid.grid .column-checkbox {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
    }
    
    .file-grid.grid .column-checkbox .file-checkbox {
      margin: 12px 10px 10px !important;
    }
    
    .file-grid.grid .column-filename,
    .file-grid.grid .ui-listview li:nth-child(odd) .column-filename,
    .file-grid.grid .ui-datalist-data li:nth-child(odd) .column-filename,
    .file-grid.grid .file-item-li:nth-child(odd) .column-filename {
      top: 40px;
      right: 0;
      left: 0;
    }
    
    .file-grid.grid .column-icon,
    .file-grid.grid .ui-listview li:nth-child(odd) .column-icon,
    .file-grid.grid .ui-datalist-data li:nth-child(odd) .column-icon,
    .file-grid.grid .file-item-li:nth-child(odd) .column-icon {
      top: 10px;
      left: 50%;
      width: 25px;
    }
    
    .file-grid.simple.list .column-filename {
      right: 25%;
    }
    
    .file-grid.grid .column-filename .file-name {
      text-align: center;
    }
    
    .file-grid.grid .column-icon .icon-wrapper {
      position: absolute;
      left: -50%;
      width: 25px;
      text-align: left;
    }
    
    .file-grid.grid .column-icon .shared-icon {
      left: 5px;
    }
    
    .file-grid.list .column-icon .shared-icon {
      left: 50px;
    }
  
    .file-grid .column-mobile-interaction {
      display: none;
    }
  }
  
  /* ################################ MD ####################################### */
  @media screen and (min-width: 992px) {
    
  }
  
  /* ################################ LG ####################################### */
  @media screen and (min-width: 1200px) {
  
  }
  
  /* ########################################################################### */
  /*                                 USER                                        */
  /* ########################################################################### */
  .no-bg-dropdown
  .no-bg-dropdown .ui-button {
    color: #00376E;
  }
  
  .no-bg-dropdown.ui-state-hover,
  .no-bg-dropdown.ui-state-active,
  .no-bg-dropdown.ui-state-focus,
  .no-bg-dropdown .ui-button:hover,
  .no-bg-dropdown .ui-button:active,
  .no-bg-dropdown .ui-button:focus {
    color: #00376E;
  }
  
  .ui-autocomplete-item,
  .ui-autocomplete-panel .ui-autocomplete-list-item,
  .ui-autocomplete-panel .ui-autocomplete-list-item.ui-state-highlight {
    background: #FFFFFF;
    border-color: #E5E5E5 !important;
  }
  
  .file-upload .file-upload-label,
  .file-upload .file-upload-link {
    color: #FFFFFF;
  }
  
  .header .help a {
    text-decoration: none;
  }
  
  .header .help a:focus,
  .header .help a:hover,
  .header .help a:active {
    text-decoration: none;
  }
  
  .header .help a:hover .circled-text,
  .header .help a:active .circled-text {
    background-color: #00376E;
    border-color: #00376E;
    color: #FFFFFF;
  }
  
  .form-separator,
  .footer-separator,
  .note-separator {
    background-color: #C8C8C8;
  }
  
  .light .form-separator {
    background-color: #E5E5E5;
  }
  
  .vertical-separator {
    border-right-color: #E5E5E5;
  }
  
  .form .navigation-item {
    border-color: #ccd7e2;
  }
  
  .form .navigation-item a {
    color: #ccd7e2;
  }
  
  .form .navigation-item a:hover {
    color: #00376E;
  }
  
  .form .navigation-item.active {
    border-top-color: #00376E;
  }
  
  .form .navigation-item.active a {
    color: #00376E;
  }
  
  .form .input-meta .message {
    color: #FAA000;
  }
  
  .form .input-meta .input-label.invalid,
  .form .input-meta .input-sub-label.invalid {
    color: #FAA000;
  }
  
  .form .input-meta .input-status-valid {
    color: #E6E678;
  }
  
  .form .password-strength .indicator .inactive {
    background-color: #E5E5E5;
  }
  
  .form .password-strength .indicator .active {
    background-color: #E6E678;
  }
  
  .form .password-strength .indicator .active.weak {
    background-color: #FAA000;
  }
  
  .form .button {
    background: #E5E5E5;
    border-color: #E5E5E5;
  }
  
  .form .button.primary,
  .page-top-menu .button.primary,
  .desktop-menu .button.primary,
  .file-upload {
    background: #00376E;
    border-color: #00376E;
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 4px;
    cursor: pointer;
  }
  
  .form-interaction {
    background: #ffffff;
    color: #00376e;
  }
  
  .form-interaction .button,
  .form .button.interaction {
    background: #00376E;
    border-color: #FFFFFF;
    color: #FFFFFF;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border: 1px solid #00376e;
    background-color: #00376e;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 4px;
    padding: .625rem 18px;
    text-transform: uppercase;
  }
  
  .form-interaction .button.primary,
  .form .button.interaction.primary {
    background: #FFFFFF;
    color: #00376E;
  }
  
  .form-interaction h1,
  .form-interaction .input-label,
  .form-interaction .description-label,
  .form h1.interaction,
  .form .input-label.interaction,
  .form .description-label.interaction {
    color: #00376e;
  }
  
  .form .button:hover,
  .desktop-menu .button:hover {
    background-color: #ccd7e2;
    color: #00376e;
    border-color: #ccd7e2;
  }

  .form .button:active,
  .desktop-menu .button:active {
    background-color: #7f9eb0;
    color: #ffffff;
    border-color: #7f9eb0;
  }
  
  .form .button.simple:hover {
    color: #00376E;
    border-color: #00376E;
  }
  
  .form .button.primary:hover,
  .button.primary.ui-state-hover,
  
  .file-upload:hover {
    color: #FFFFFF;
    background-color: #ccd7e2;
    border-color: #ccd7e2;
  }
  
.form .button.primary.ui-state-active {
    background-color: #7f9eb0;
    color: #ffffff;
    border-color: #7f9eb0;
}

  .form .button.transparent,
  .form .button.transparent:hover {
    border-color: transparent;
    background-color: transparent;
  }
  
  .form-interaction .button:hover,
  .form-interaction .button.primary:hover,
  .form .button.interaction:hover,
  .form .button.interaction.primary:hover {
    background: transparent;
    border-color: #b4af82;
    color: #00376e;
  }
  
  .form .button.interaction.primary:active {
    background: transparent;
    border-color: #809bb6;
    color: #00376e;
  }

  .form-interaction .ui-selectonemenu,
  .form .ui-selectonemenu.interaction {
    background: #FFFFFF;
    border-color: #00376e;
    color: #00376E;
  }
  
  .form-interaction .input-field,
  .form-interaction .input-field.ui-state-hover,
  .form-interaction .ui-calendar .ui-inputfield,
  .form-interaction .ui-calendar .ui-inputfield.ui-state-hover,
  .form-interaction .ui-selectonemenu.ui-state-hover,
  .form .input-field.interaction,
  .form .input-field.interaction.ui-state-hover,
  .form .ui-calendar.interaction .ui-inputfield,
  .form .ui-calendar.interaction .ui-inputfield.ui-state-hover,
  .form .ui-selectonemenu.interaction.ui-state-hover {
    background: transparent;
    border-color: #00376e;
    color: #00376e;
  }
  
  .form-interaction .input-field.ui-state-hover,
  .form .input-field.interaction.ui-state-hover,
  .form-interaction .ui-calendar .ui-inputfield.ui-state-hover,
  .form .ui-calendar.interaction .ui-inputfield.ui-state-hover {
    border-color: #00376e;
  }
  
  .form-interaction .ui-selectonemenu.ui-state-hover,
  .form .ui-selectonemenu.interaction.ui-state-hover {
    border-color: #809bb6;
  }
  
  .tr-overlay-btn-lnk,
  .tr-overlay-btn-lnk:hover,
  .tr-overlay-btn-lnk:active,
  .tr-overlay-btn-lnk:focus,
  .tr-overlay-btn-lbl {
    color: #FFFFFF;
  }
  
  .icon-button.bg-black {
    background-color: #00376E;
  }
  
  .icon-button.bg-black:hover {
    background-color: #00376E;
  }
  
  .navigation-alphabet .button,
  .navigation-alphabet .button:hover,
  .navigation-alphabet .button:active,
  .navigation-alphabet .button:focus {
    background: #FFFFFF;
    color: transparent;
  }
  
  .sorting-alphabet .button {
    background: #FFFFFF;
  }
  
  .sorting-alphabet .button.active {
    background: #00376E;
  }
  
  .sorting-alphabet .button.ui-state-hover,
  .sorting-alphabet .button.ui-state-active {
    background: #00376E;
    color: #FFFFFF;
  }
  
  .sorting-alphabet .button.active,
  .sorting-alphabet .button.ui-state-hover {
    color: #FFFFFF;
  }
  
  .more-link {
    color: #00376E !important;
  }
  
  .more-link:active,
  .more-link:hover,
  .more-link.active {
    color: #00376E !important;
  }
  
  .more-details-accordion .ui-accordion-content,
  .more-details-accordion .ui-collapsible-content {
    border-color: #00376E !important;
  }
  
  .drop-files-area {
    color: #809bb6;
    border: 2px dashed #809bb6;
  }
  
  .drop-files-area.ui-drag-active {
    /* color: #00376E;
    border: 2px dashed #00376E; */
  }
  
  .file-grid.list .ui-listview li,
  .file-grid.list .ui-datalist-data li,
  .file-grid.list .file-item-li,
  .file-grid.list .ui-datalist-empty-message {
    border-bottom: 1px solid #E5E5E5;
  }
  
  .file-grid .file-item {
    background: #FFFFFF;
    border: 0 none;
  }
  
  .file-grid .file-item:hover {
    background: #E5E5E5;
    border: 0 none;
  }
  
  .file-grid .file-item:active,
  .file-grid .file-item.selected {
    background: #C8C8C8 !important;
    border: 0 none;
  }
  
  .rectangle-selection{
    background: #809bb6;
    border: 2px solid #00376E;
  }
    
  .treDropdownButton .ui-icon {
    background-image: url(/responsiveUI/javax.faces.resource/theme/desktop/images/ui-icons_ffffff_256x240.png.xhtml?con=totemo) !important;
    padding: 0;
    left: .6em;
   }
  
  
/* ################################ XS ####################################### */
#page.container {
    margin: 0;
    position: relative;
  }
  
  .header {
    user-select: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
  }
  
  .ui-table tr.ui-bar-b {
    background-color: inherit;
    border-color: inherit;
    color: inherit;
    text-shadow: inherit;
    font-weight: inherit;
  }
  
  .ui-autocomplete-items,
  .receiver-autocomplete-panel.receiver-menu .ui-autocomplete-items {
    margin-top: 10px;
  }
  
  .receiver-autocomplete-panel .ui-autocomplete-items {
      margin-top: 0;
  }
  
  .receiver-autocomplete-panel .ui-autocomplete-item {
     font-size: 16px !important;
  }
  
  .content-row {
    height: 40px;
  }
  
  .overlay-mobile-header-wrapper {
    margin-top: -75px;
  }
  
  .mobile-menu {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    font-size: 16px;
    line-height: 20px;
    user-select: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
  }
  
  .mobile-menu .interaction-menu {
    width: 100%;
  }
  
  .mobile-menu .ui-overlaypanel,
  .mobile-menu .ui-overlaypanel-content,
  .mobile-menu .ui-panel,
  .mobile-menu .ui-panel-inner {
    position: absolute;
    top: 0 !important;
    left: 0 !important;
    min-height: 100%;
    max-height: none;
    padding: 0;
    border: 0 none;
    box-shadow: none;
  }
  
  .mobile-menu .interaction-menu .ui-overlaypanel,
  .mobile-menu .interaction-menu .ui-overlaypanel-content,
  .mobile-menu .interaction-menu .ui-panel,
  .mobile-menu .interaction-menu .ui-panel-inner {
    position: fixed;
    top: auto !important;
    bottom: 0;
    min-height: 0;
    height: auto;
    width: 100%;;
  }
  
  .mobile-menu .ui-overlaypanel,
  .mobile-menu .ui-panel {
    width: 75%;
  }
  
  .mobile-menu .ui-overlaypanel-content,
  .mobile-menu .ui-panel-inner {
    width: 100%;
  }
  
  .mobile-menu .ui-datalist-content,
  .mobile-menu .ui-datalist-data {
    background: transparent;
    border: 0 none;
    margin: 0;
    padding: 0;
  }
  
  .mobile-menu .ui-datalist-data {
    list-style: outside none none;
  }
  
  .mobile-menu .ui-commandlink {
    display: inline-block;
    width: 100%;
    padding: 12px 0;
    line-height: 22px;
  }
  
  .mobile-menu .ui-commandlink,
  .mobile-menu .ui-commandlink:active,
  .mobile-menu .ui-commandlink:focus,
  .mobile-menu .ui-commandlink:hover {
    text-decoration: none;
    font-size: 16px;
    font-weight: normal;
    box-shadow: none;
  }
  
  .mobile-menu .ui-commandlink:after {
    display: none;
    background-image: none;
  }
  
  .mobile-menu .settings .ui-commandlink {
    padding: 16px 10px 17px 15px; 
    line-height: 22px;
  }
  
  .mobile-menu .settings .settings-icon {
    float: right;
    width: 22px;
    height: 22px;
    margin: 0 -4px;
    background: url(/responsiveUI/javax.faces.resource/theme/mobile/images/icons-png/gear-white.png.xhtml?con=totemo) no-repeat center center;
  }
  
  .mobile-menu .menu-item.active,
  .mobile-menu .menu-item.bold {
      font-weight: bold !important;
  }
  
  .mobile-menu .main-menu-item {
    border: 0 none;
    cursor: pointer;
    height: 40px;
    margin-right: 5px;
    padding: 10px 10px 10px 15px;
    text-align: left;
    vertical-align: middle;
    width: 100%;
  }
  
  .mobile-menu .main-menu-item a {
    padding: 0 0 0 25px;
  }
  
  .mobile-menu .main-menu-item a.person_icon {
    background-image: url(/responsiveUI/javax.faces.resource/images/person_icon_694B7E.svg.xhtml?con=totemo);
    background-size: 9px 15px;
    background-position: 8px center;
    background-repeat: no-repeat;
  }
  
  .mobile-menu .main-menu-item.active .active-icon {
    float: right;
    width: 22px;
    height: 22px;
    margin: 0 -4px;
    background: url(/responsiveUI/javax.faces.resource/theme/mobile/images/icons-png/carat-r-694B7E.png.xhtml?con=totemo) no-repeat center center;
  }
  
  .mobile-menu .main-menu-item-icon {
    max-height: 17px;
    margin-right: 10px; 
  }
  
  .mobile-menu .mobile-menu-items {
    padding: 0 16px 0 16px;
    margin-bottom: 25px;
  }
  
  .mobile-menu .interaction-menu .interaction-menu-items,
  .mobile-menus .mobile-info-menu .mobile-info-menu-items {
    padding: 0 15px;
  }
  
  .mobile-menu .mobile-menu-items .ui-commandlink {
    border-width: 0 0 1px 0; 
    border-style: dotted;
  }
  
  .mobile-menu .mobile-menu-items .ui-commandlink.separator {
    border-style: solid;
  }
  
  .mobile-menu .interaction-menu .interaction-menu-items .ui-commandlink.separator {
    border-width: 0 0 1px 0; 
    border-style: solid;
  }
  
  .mobile-menu .button {
    height: 40px;
    width: auto;
    margin: 0 0 10px 40px;
    padding: 9px 16px;
    border: 0 none;
  }
  
  .mobile-menu .button,
  .mobile-menu .button:hover,
  .mobile-menu .button:active,
  .mobile-menu .button:focus {
    box-shadow: none;
  }
  
  .mobile-menu .button .ui-button-text {
    padding: 0;
    font-size: 18px;
  }
  
  .mobile-menu .main-menu-btn-close {
    position: absolute;
    top: 15px;
    right: -55px;
  }
  
  .mobile-menu .main-menu-btn-close,
  .header .main-menu-btn
   {
    border: 1px solid;
    padding: 0;
    height: 40px;
    width: 40px;
    font-size: 0;
  }
  
  .interaction-menu .interaction-menu-btn,
  .mobile-info-menu .mobile-info-menu-btn {
    display: none;
  }
  
  .mobile-menu .main-menu-btn-close,
  .mobile-menu .main-menu-btn-close:hover,
  .mobile-menu .main-menu-btn-close:active,
  .mobile-menu .main-menu-btn-close:focus {
    background-image: url(/responsiveUI/javax.faces.resource/theme/mobile/images/icons-png/close-totemo.png.xhtml?con=totemo);
    background-position: center center;
    background-repeat: no-repeat;
    box-shadow: none;
  }
  
  .header .main-menu-btn {
    margin: 15px 0 0 15px;
  }
  
  .header .main-menu-btn,
  .header .main-menu-btn:hover,
  .header .main-menu-btn:active,
  .header .main-menu-btn:focus {
    background: transparent url(/responsiveUI/javax.faces.resource/theme/mobile/images/icons-png/bars-totemo.png.xhtml?con=totemo) center center no-repeat;
    box-shadow: none;
  }
  
  .header .help {
    margin-top: 25px;
  }
  
  .tab-navigation {
    position: relative;
    user-select: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
  }
  
  .tab-navigation-items {
    width: auto;
    margin-left: 35.7206%;
  }
  
  .tab-navigation .main-menu-item {
    position: relative;
    border-top-style: solid;
    border-top-width: 3px;
    cursor: pointer;
    display: table-cell;
    float: left;
    height: 45px;
    margin-right: 5px;
    padding: 0;
    text-align: center;
    vertical-align: middle;
  }
  
  .tab-navigation .main-menu-item:hover,
  .tab-navigation .main-menu-item.active {
    z-index: 1;
  }
  
  .tab-navigation .main-menu-item a {
    float: left;
    font-size: 18px;
    line-height: 22px;
    font-weight: normal;
    padding: 10px 15px 10px 47px;
  }
  
  .tab-navigation .main-menu-item a,
  .tab-navigation .main-menu-item a:hover,
  .tab-navigation .main-menu-item a:active,
  .tab-navigation .main-menu-item a:focus {
    text-decoration: none;
  }
  
  .tab-navigation .main-menu-item a.person_icon {
    background-image: url(/responsiveUI/javax.faces.resource/images/person_icon_694B7E.svg.xhtml?con=totemo);
    background-size: 12px 19px;
    background-position: 22px center;
    background-repeat: no-repeat;
  }
  
  .form .form-content .mail-folder-content,
  .form .form-content .contacts-content {
    overflow: hidden;
    padding: 0 15px;
  }
  
  .mail-table,
  .contacts-table,
  .certificates-table,
  .result-table {
    font-size: 16px !important;
  }
  
  .mail-table .mail-sender,
  .mail-table .mail-draft,
  .mail-table .mail-subject,
  .mail-table .mail-description {
    display: block;
  }
      
  .mail-table .mail-sender,
  .mail-table .mail-draft {
    line-height: 20px;
  }
  
  
  .mail-table .mail-description {
    line-height: 16px;
  }
  
  .mail-table .nowrap-ellipsis-label,
  .certificates-table .nowrap-ellipsis-column,
  .certificates-table .nowrap-ellipsis-label,
  .contacts-table .contacts-table-column,
  .result-table .nowrap-ellipsis-label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 20px;
  }
  
  .mail-table .wrap-ellipsis-label,
  .certificates-table .wrap-ellipsis-column,
  .certificates-table .wrap-ellipsis-label,
  .result-table .wrap-ellipsis-label {
    white-space: normal;
  }
  
  .navigation-alphabet.visible-xs {
    float: right;
    width: 30px;
  }
  
  .form .form-header {
    position: relative;
    padding: 0;
    user-select: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
  }
  .certificates-table .details-button {
    background-image: url(/responsiveUI/javax.faces.resource/images/see_details_icon_FFFFFF.svg.xhtml?con=totemo);
    background-position: center center;
    background-size: 28px 18px;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    display: inline-block;
  }
  
  .certificates-table .details-button,
  .certificates-table .details-button:hover,
  .certificates-table .details-button:focus,
  .certificates-table .details-button:active {
    color: transparent;
    background-color: #00376E;
    border: 0 none;
    box-shadow: none;
  }
  
  .form .form-header .headline-panel {
    padding: 0 15px;
  }
    
  .form .form-header .headline-panel h1 {
    font-size: 18px;
    line-height: 24px;
    margin: 8px 0;
  }
  
  .form .form-header .search-panel {
    padding: 0 15px 10px;
  }
  
  .form .form-header .mail-folder-header,
  .form .form-header .contacts-header {
    height: 70px;
    padding: 15px;
  }
  
  .form .form-header .mail-folder-header .mail-folder-header-left,
  .form .form-header .mail-folder-header .mail-folder-header-right {
    height: 100%;
  }
  
  .form-header .mail-folder-label {
    font-size: 18px;
  }
  
  .mail-control-button,
  .contact-control-button,
  .search-control-button {
    float: right;
    width: 40px !important;
    height: 40px !important;
    padding: 0;
    margin: 0 0 0 5px !important;
    background-position: center center;
    background-repeat: no-repeat;
  }
  
  .mail-control-button,
  .mail-control-button:hover,
  .mail-control-button:active,
  .mail-control-button:focus,
  .contact-control-button,
  .contact-control-button:hover,
  .contact-control-button:active,
  .contact-control-button:focus,
  .search-control-button,
  .search-control-button:hover,
  .search-control-button:active,
  .search-control-button:focus {
    border: 0 none !important;
    box-shadow: none !important;
    background-color: transparent;
  }
  
  .mail-control-button.button-edit {
    background-image: url(/responsiveUI/javax.faces.resource/images/mobile_edit_694B7E.svg.xhtml?con=totemo) !important;
  }
  
  .mail-control-button.button-search,
  .contact-control-button.button-search {
    background-image: url(/responsiveUI/javax.faces.resource/images/mobile_search_3C3C3B.svg.xhtml?con=totemo) !important;
  }
  
  .search-control-button.button-search {
    background-image: url(/responsiveUI/javax.faces.resource/images/mobile_search_694B7E.svg.xhtml?con=totemo) !important;
  }
  
  .mail-table.hide-column-header table thead tr {
    display: none;
  }
  
  .mail-table .mail-sender.mail-unread,
  .mail-table .mail-subject.mail-unread,
  .mail-table .mail-date-received.mail-unread,
  .mail-table .mail-description.mail-unread {
    color: #00376E;
  }
  
  .mail-table .mail-sender.mail-unread,
  .mail-table .mail-subject.mail-unread,
  .mail-table .mail-date-received.mail-unread {
    font-weight: bold;
  }
  
  .mail-table .mail-sender,
  .mail-table .mail-draft {
    font-size: 20px;
    line-height: 26px;
  }
  
  .mail-table .mail-draft,
  .mail-table .mail-important-message {
    float: left;
    padding-right: 5px;
  }
  
  .mail-table .mail-important-message {
    margin: 3px 0;
  }
  
  .mail-table .mail-attachment-icon {
    height: 15px;
    width: 16px;
  }
  
  .mail-table tbody.ui-widget-content,
  .mail-table tr.ui-widget-content,
  .contacts-table tbody.ui-widget-content,
  .contacts-table tr.ui-widget-content,
  .certificates-table tbody.ui-widget-content,
  .certificates-table tr.ui-widget-content,
  .result-table tbody.ui-widget-content,
  .result-table tr.ui-widget-content {
    border: 0 none;
  }
  
  .mail-table tr {
    border-top: 1px solid #E5E5E5 !important;
  }
  
  .mail-table tr,
  .contacts-table tr,
  .certificates-table tr,
  .result-table tr {
    border-bottom: 1px solid #E5E5E5 !important;
  }
    
  .mail-table tbody tr:nth-child(odd) td,
  .certificates-table tbody tr:nth-child(odd) td,
  .result-table tbody tr:nth-child(odd) td {
    background-color: #F6F6F6;
  }
  
  .mail-table tbody tr:hover td,
  .contacts-table tbody tr:hover td {
    background-color: #E5E5E5;
  }
  
  .mail-table-sender {
    width: 27%;
  }
  
  .mail-table-checkbox,
  .certificates-table-checkbox {
    width: 38px; 
    padding-left: 16px !important;
    padding-top: 12.5px !important;
  }
  
  .mail-table-attachment {
    width: 28px;
    padding-top: 11px !important;
  }
  
  .mail-table-receivedate {
    width: 62px;
    text-align: right !important;
    padding-right: 15px !important;
    padding-top: 11px !important;
    padding-left: 0px !important;    
  }
  
  .mobile-action-menu .actions-container {
    position: fixed;
    background: #d7edf4;
    height: 75px;
    top: 0; 
    left: 0;
    padding: 0;
    z-index: 999;
    user-select: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
  }
  
  .mobile-action-menu .actions-container-full {
    position: fixed;
    min-height: 100%;
    background: #FFFFFF;
    top: 0; 
    left: 0;
    right: 0;
    padding: 0;
    z-index: 1000;
    user-select: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
  }
  
  .mobile-action-menu .actions-container-full.scrollable {
    position: absolute;
  }
  
  .mobile-action-menu .actions-container-full .actions-container-header {
    height: 60px;
  }
  
  .mobile-action-menu .actions-container-header .primary-button,
  .mobile-action-menu .actions-container-header .button {
    width: auto;
    height: 40px;
    padding: 0 15px;
    margin: 10px 0;
    z-index: 1;
    font-size: 18px;
  }
  
  .mobile-action-menu .actions-container-header .search-label {
    width: auto;
    height: 40px;
    padding: 12px 15px;
    margin: 10px 0;
    z-index: 1;
    font-size: 16px;
    font-weight: normal;
  }
  
  .mobile-action-menu .actions-container-header .button,
  .mobile-action-menu .actions-container-header .button:hover,
  .mobile-action-menu .actions-container-header .button:active,
  .mobile-action-menu .actions-container-header .button:focus,
  .mobile-action-menu .actions-container-header .primary-button,
  .mobile-action-menu .actions-container-header .primary-button:hover,
  .mobile-action-menu .actions-container-header .primary-button:active,
  .mobile-action-menu .actions-container-header .primary-button:focus {
    box-shadow: none;
    outline: none;
  }
  
  .mobile-action-menu .actions-container-header .button-top-right {
    position: absolute;
    top: 0;
    right: 15px;
  }
  
  .mobile-action-menu .actions-container-header .label-top-left {
    position: absolute;
    top: 0;
    left: 0;
  }
  
  .mobile-action-menu .actions-container-header .ui-input-text,
  .mobile-action-menu .actions-container-header .ui-input-search,
  .mobile-action-menu .actions-container-header .ui-autocomplete-input {
    margin: 10px 0;
  }
  
  .mobile-action-menu .actions-container-header .ui-input-text,
  .mobile-action-menu .actions-container-header .ui-input-text.ui-focus,
  .mobile-action-menu .actions-container-header .ui-input-search,
  .mobile-action-menu .actions-container-header .ui-input-search.ui-focus {
    border: none;
    box-shadow: none;
  }
  
  .mobile-action-menu .actions-container-header .ui-input-text input,
  .mobile-action-menu .actions-container-header .ui-input-search input {
    height: 40px;
    padding: 4px 0;
    width: 100% !important;
  }
  
  .mobile-action-menu .actions-container-header .ui-input-search:after {
    display: none;
  }
  
  .mobile-action-menu .actions-container-header .ui-input-text .ui-btn.ui-input-clear,
  .mobile-action-menu .actions-container-header .ui-input-search .ui-btn.ui-input-clear {
    display: none;
  }
  
  .mobile-action-menu .actions-container-header .search-pattern-input {
    position: absolute;
    left: 0;
    right: 0;
  }
  
  .mobile-action-menu .actions-container-header .search-pattern-input .ui-input-search {
    padding: 0 43% 0 15px;
    width: 100% !important;
  }
  
  .mobile-action-menu .actions-container-header .search-receiver-input {
    height: 40px;
    width: 100%;
    margin: 10px 0;
    padding: 8px 100px 4px 40px;
    font-size: 16px !important;
  }
  
  .mobile-action-menu .actions-container-header .search-receiver-input,
  .mobile-action-menu .actions-container-header .search-receiver-input:hover,
  .mobile-action-menu .actions-container-header .search-receiver-input:active,
  .mobile-action-menu .actions-container-header .search-receiver-input:focus {
    border: none;
    box-shadow: none;
    outline: none;
  }
  
  .mobile-action-menu .mail-action-close {
    height: 40px;
    padding: 10px 0 0 15px;
    font-size: 16px;
    font-weight: normal;
  }
  
  .mobile-action-menu .mail-action-close .save {
    text-decoration: none; 
  }
  
  .mobile-action-menu .mail-action-close .delete {
    text-decoration: none;
    color: #FAA000;  
  }
  
  .mobile-action-menu .settings-priority {
     padding: 15px 15px 40px;
  }
  
  .mobile-action-menu .settings-priority .ui-select {
     margin: 0;
  }
  
  .mobile-action-menu .settings-checkboxes .checkbox-with-text {
     margin-bottom: 0px;
  }
  
  .mobile-action-menu .mail-action-inner {
    margin: 27px auto;
    display: table;
  }
  
  .mobile-action-menu .menu-button-container {   
    float: left;
  }
  
  .mobile-action-menu .menu-button-container .menu-btn {   
    border: 1px solid;
    padding: 0;
    height: 40px;
    width: 40px;
    font-size: 0;
    margin: 15px;
  }
  
  .mobile-action-menu .menu-button-container .menu-btn,
  .mobile-action-menu .menu-button-container .menu-btn:hover,
  .mobile-action-menu .menu-button-container .menu-btn:active,
  .mobile-action-menu .menu-button-container .menu-btn:focus {
    background: transparent url(/responsiveUI/javax.faces.resource/theme/mobile/images/icons-png/bars-totemo.png.xhtml?con=totemo) center center no-repeat;
    box-shadow: none;
    outline: none;
  }
  
  .mobile-action-menu .action-button-container {
    height: 75px;
    margin-right: 15px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
  }
  
  .mobile-action-menu .action-button-container-inner {
    margin: 15px 0 0;
    height: 60px;
    text-align: center;
  }
  
  .mobile-action-menu .icon-box-container {   
    display: inline-block;
    width: 33.3333%;
  }
  
  .mobile-action-menu a.icon-box {
    font-size: 16px;
    line-height: 22px;
    background-repeat: no-repeat;
    display: block;
    height: 47px;
    width: 100%;
    padding: 28px 5px 0;
    background-position: center top;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  
  .mobile-action-menu a.icon-box,
  .mobile-action-menu a.icon-box:hover,
  .mobile-action-menu a.icon-box:active,
  .mobile-action-menu a.icon-box:focus {
    text-decoration: none;
    font-weight: normal;
    box-shadow: none;
    border: 0 none;
    outline: none;
  }
  
  .mobile-action-menu a.icon-box.reply {
    background-image: url(/responsiveUI/javax.faces.resource/images/reply_icon_3C3C3B.svg.xhtml?con=totemo);
    background-size: 21px 25px;
  }
  
  .mobile-action-menu a.icon-box.reply-to-all {
    background-image: url(/responsiveUI/javax.faces.resource/images/reply_to_all_icon_3C3C3B.svg.xhtml?con=totemo);
    background-size: 25px 25px;
  }
  
  .mobile-action-menu a.icon-box.forward {
    background-image: url(/responsiveUI/javax.faces.resource/images/forward_icon_3C3C3B.svg.xhtml?con=totemo);
    background-size: 25px 18px;
  }
  
  .mobile-action-menu a.icon-box.move-folder-to {
    background-image: url(/responsiveUI/javax.faces.resource/images/move_to_folder_icon_3C3C3B.svg.xhtml?con=totemo);
    background-size: 25px 20px;
  }
    
  .mobile-action-menu a.icon-box.delete {
    background-image: url(/responsiveUI/javax.faces.resource/images/delete_icon_3C3C3B.svg.xhtml?con=totemo);
    background-size: 19px 25px;
  }
  
  .mobile-action-menu .mail-action-label,
  .desktop-action-menu .mail-action-label {
    display: inline-block;
    margin: 0 0 0 15px;
    font-size: 18px;
    line-height: 18px;
    font-weight: bold;
    vertical-align: middle;
  }
  
  .mobile-action-menu .action-container-move-to .actions-container-header .ui-outputlabel {
    font-size: 18px;
    margin-top: 18px;
  }
  
  .mobile-action-menu .action-container-move-to .mail-folder,
  .mobile-action-menu .action-container-receiver-select .receiver,
  .mobile-action-menu .action-container-receiver-select .receiver .ui-datalist-content {
    border: none !important;
  }
  
  .mobile-action-menu .action-container-receiver-select .receiver .ui-datalist-data {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  
  .mobile-action-menu .action-container-move-to .mail-folder .ui-commandlink,
  .mobile-action-menu .action-container-move-to .mail-folder-label,
  .mobile-action-menu .action-container-receiver-select .receiver .ui-commandlink {
    display: block;
    border: none;
    border-bottom: 1px solid;
    text-align: left;
    font-size: 16px;
    padding: 10px 15px;
  }
  
  .mobile-action-menu .action-container-move-to .mail-folder .ui-commandlink:after,
  .mobile-action-menu .action-container-receiver-select .receiver .ui-commandlink:after {
    display: none;
  }
  
  .mobile-action-menu .action-container-move-to .mail-folder .ui-commandlink,
  .mobile-action-menu .action-container-move-to .mail-folder .ui-commandlink:focus,
  .mobile-action-menu .action-container-move-to .mail-folder .ui-commandlink:active,
  .mobile-action-menu .action-container-move-to .mail-folder .ui-commandlink:hover,
  .mobile-action-menu .action-container-receiver-select .receiver .ui-commandlink,
  .mobile-action-menu .action-container-receiver-select .receiver .ui-commandlink:focus,
  .mobile-action-menu .action-container-receiver-select .receiver .ui-commandlink:active,
  .mobile-action-menu .action-container-receiver-select .receiver .ui-commandlink:hover {
    box-shadow: none;
    font-weight: normal;
    text-decoration: none;
  }
  
  .mobile-action-menu .action-container-move-to .mail-folder.custom .ui-commandlink {
    padding-left: 30px;
  }
  
  .desktop-action-menu .actions-container {
    position: absolute;
    height: 67px;
    top: 0; 
    left: 0;
    right: 0;
    z-index: 1;
  }
  
  .desktop-action-menu .actions-container-search {
    float: left;
    width: 100%;
    padding: 25px 20px;
  }
  
  .desktop-action-menu .actions-container-search.mail-folder-search {
    margin-bottom: 41px;
  }
  
  .form-header .search-panel .ui-input-text,
  .form-header .search-panel .ui-inputfield,
  .form-header .search-panel .ui-selectonemenu {
    margin: 0 0 20px;
  }
  
  .form .form-header .search-panel .auto-width-button {
    margin: 0 0 10px;
  }
  
  .form-header .search-panel .ui-selectonemenu,
  .form-header .search-panel .ui-calendar .ui-inputfield {
    width: 100%;
  }
  
  .form-header .search-panel .advanced-search .input,
  .form-header .search-panel .advanced-search .ui-inputfield {
    margin: 0 0 20px;
  }
  
  .form-header .search-panel .advanced-search .ui-selectonemenu,
  .form-header .search-panel .advanced-search .ui-selectonemenu-label,
  .form-header .search-panel .advanced-search .ui-selectonemenu-trigger {
    margin: 0;
  }
  
  .form-header .search-panel .advanced-search .ui-selectonemenu-label {
    padding: 0;
  }
  
  .form-header .search-panel .advanced-search .ui-selectonemenu-trigger {
    padding-top: 6px;
  }
  
  .form-header .search-panel .input-label {
    font-weight: normal;
  }
  
  .desktop-action-menu .mail-action-inner {
    margin: 23px auto;
    display: table;
  }
  
  .ui-overlaypanel-dismiss,
  .ui-panel-dismiss {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    z-index: 999;
    display: none;
  }
  
  .ui-overlaypanel-dismiss-open,
  .ui-panel-dismiss-open {
    display: block;
    left: 0 !important;
    right: 0 !important;
    opacity: 0.9;
  }
  
  .read-message-form-header {
    padding-top: 25px;
  }
  
  .contact-details-form-header,
  .folder-form-header {
    padding: 15px;
  }
  
  .new-message-form-header .button {
     width: auto;
     height: 40px;
     padding: 0 15px;  
  }
  
  .new-message-form-header .new-message-control-buttons .button {
     float: right;  
  }
  
  .read-message-form-header .header-left .mail-important-message {
    float: left;
    margin-right: 5px;
    margin-top: 1px;
  }
  
  .read-message-form-content .header-row,
  .new-message-form-content .header-row {
    min-height: 40px;
    line-height: 40px;
  }
  
  .new-message-form-content .header-row-input {
    display: inline-block;
    vertical-align: middle;
  }
  
  .read-message-form-content .header-row .header-row-label,
  .read-message-form-content .header-row .header-row-text,
  .new-message-form-content .header-row .header-row-label,
  .new-message-form-content .header-row .header-row-text {
    font-size: 16px;
  }
  
  .read-message-form-content .header-row .header-row-text,
  .new-message-form-content .header-row .header-row-text  {
    margin-left: 15px;
  }
  
  .read-message-form-content {
    padding: 15px 0;
  }
  
  .new-message-form-content .separator-wrapper .light,
  .read-message-form-content .separator-wrapper .light {
    padding: 0;
  }
  
  .read-message-form-content .message-attachment-container,
  .new-message-form-content .message-attachment-container {
    margin-top: 15px;
  }
  
  .new-message-form-content .message-attachment-container {
    margin-bottom: 15px;
  }
  
  .read-message-form-content .read-message-description-container {
      padding: 0;
  }
  
  .read-message-form-content .read-message-description {
    font-size: 16px !important;
    padding: 0;
    border: none;
    margin-top: 15px;
    resize: none;
    box-shadow: none;
    width: 100%;
    display: block;
    font-weight: normal;
  }
  
  .read-message-form-content .read-message-description a {
      text-decoration: underline;
  }
  
  .read-message-form-content .message-attachment,
  .new-message-form-content .message-attachment {
    background-color: #E5E5E5;
    height: 30px;
    line-height: 30px;
    padding: 0 40px 0 15px;
  }
  
  .read-message-form-content .message-attachment-text,
  .new-message-form-content .message-attachment-text {
    display: block;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  
  .read-message-form-content .message-attachment:hover,
  .new-message-form-content .message-attachment:hover,
  .new-message-form-content .message-attachment-text:hover,
  .new-message-form-content .message-attachment-text:active {
    color: #00376E;
    font-weight: normal;
  }
  
  .read-message-form-content .message-attachment.icon-box .attachment-icon,
  .new-message-form-content .message-attachment.icon-box .attachment-icon {
    position: absolute;
    top: 0;
    right: 15px;
    background-position: center center;
    background-repeat: no-repeat;
    height: 30px;
  }
  
  .read-message-form-content .message-attachment.icon-box .attachment-icon.download {
    background-image: url(/responsiveUI/javax.faces.resource/images/download_icon_3C3C3B.svg.xhtml?con=totemo);
    background-size: 14px 15px;
    width: 14px;
  }
  
  .read-message-form-content .message-attachment.icon-box:hover .attachment-icon.download {
    background-image: url(/responsiveUI/javax.faces.resource/images/download_icon_694B7E.svg.xhtml?con=totemo)
  }
  
  #mailBodyContainer p {
      margin: 0px;
  }
  
  .new-message-form-content .message-attachment.icon-box .attachment-icon.delete {
    background-image: url(/responsiveUI/javax.faces.resource/images/delete_icon_3C3C3B.svg.xhtml?con=totemo);
    background-size: 12px 16px;
    width: 12px;
  }
  
  .new-message-form-content .message-attachment.icon-box:hover .attachment-icon.delete {
    background-image: url(/responsiveUI/javax.faces.resource/images/delete_icon_694B7E.svg.xhtml?con=totemo)
  }
  
  .mail-control-button.button-attachment {
    background-image: url(/responsiveUI/javax.faces.resource/images/mobile_attachement_3C3C3B.svg.xhtml?con=totemo) !important;
  }
  
  .mail-control-button.button-settings {
    background-image: url(/responsiveUI/javax.faces.resource/images/mobile_settings_3C3C3B.svg.xhtml?con=totemo) !important;
  }
  
  .mail-control-button.button-plus {
    background-image: url(/responsiveUI/javax.faces.resource/images/plus_icon_3C3C3B.svg.xhtml?con=totemo) !important;
    background-size: 19px;
    margin: 0 !important;
    width: 19px !important;
    height: 19px !important;
  }
  
  .mail-control-button.button-plus,
  .mail-control-button.button-plus:hover,
  .mail-control-button.button-plus:focus,
  .mail-control-button.button-plus:active {
    border: none !important;
    box-shadow: none !important;
    background-color: transparent;
    outline: none;
  }
  
  .mail-control-button.button-plus.hide-button {
    display: none !important;
  }
  
  .mail-control-button.button-plus.show-button {
    display: block !important;
  }
  
  .new-message-form-content .header-row-label {
    font-size: 16px !important;
    line-height: 20px !important;
    position: absolute;
    top: 10px;
    left: 15px;
    z-index: 1;
  }
  
  .header-row-receiver-container .button-plus {
    position: realtive;
    top: -30px;
    right: 15px;
    z-index: 1;
  }
  
  .header-row-receiver-container .receiverList-container {
    padding: 0px 25px 0 45px;
  }
  
  .header-row-receiver-container .input-borderless .ui-input-search input {
    height: 40px;
    padding: 0 38px 0 45px !important;
  }
  
  .header-row-receiver-container .input-borderless .ui-autocomplete-input {
     width: 100%;
     padding: 0 38px 0 45px !important;
  }
  
  .header-row-subject-container .header-row-input input,
  .header-row-subject-container input.header-row-input {
     height: 40px !important;
     width: 100%;
     padding: 0 15px 0 75px !important;
  }
  
  .new-message-form-content .header-row-autocomplete {
    padding: 0;
  }
  
  .new-message-form-content .mail-control-buttons {
    padding: 10px 15px 0;
  }
  
    
  .new-message-form-content .cc-bcc-button-mobile {
    width: 100%;
    height: 40px;
    text-align: left;
    font-size: 16px;
    margin: 0;
  }
  
  .new-message-form-content .cc-bcc-button-mobile,
  .new-message-form-content .cc-bcc-button-mobile.ui-state-hover,
  .new-message-form-content .cc-bcc-button-mobile.ui-state-focus,
  .new-message-form-content .cc-bcc-button-mobile.ui-state-active {
    border: none;
    box-shadow: none !important;
  }   
  
  .new-message-form-content .cc-bcc-button.ui-state-active {
    font-weight: bold;
  }
  
  .new-message-form-content .cc-bcc-row{
    padding: 0;
  }
  
  .new-message-form-content .input-borderless {
    border: none !important;
    box-shadow: none !important;
    width: 100%;
    font-size: 16px !important;
    margin: 0px;
  }
  
  .new-message-form-content .ui-select {
    margin: 0;
  }
  
  .new-message-form-content .input-borderless .ui-btn.ui-input-clear {
    display: none;
  }
  
  .new-message-form-content .input-borderless .ui-input-search {
    margin: 0;
    border: none;
  }
  
  .new-message-form-content .input-borderless .ui-input-search.ui-focus,
  .new-message-form-content .input-borderless .ui-input-search.ui-active {
    border: none;
    box-shadow: none !important;
  } 
  
  .new-message-form-content .input-borderless .ui-input-search:after {
    display: none;
  }
  
  .new-message-form-content .input-borderless .ui-input-search input{
    padding-left: 15px;
  }
  
  .new-message-form-content .ui-controlgroup {
    margin: 0 0 -2px 0;
  }
  
  .new-message-form-content .ui-btn.receiver-button {
    font-size: 16px;
    padding: 2px 35px 2px 10px;
    border: none;
    height: 30px;
    margin: 5px 5px 5px 0;
    box-shadow: none;
    outline: none;
  }
  
  .new-message-form-content .ui-button-text-icon-right.ui-button.receiver-button .ui-button-text {
    padding: 2px 35px 2px 10px;
  }
  
  .new-message-form-content .ui-button.receiver-button {
    font-size: 16px;
    border: none;
    height: 30px;
    margin-top: 5px;
    margin-right: 5px;
  }
  
  .new-message-form-content .mail-editor-container .mail-text {
    padding: 0;
    margin: 0;
    font-size: 16px !important;
    line-height: 20px;
    min-height: 200px;
  }
  
  .new-message-form-content .mail-editor-container .mail-text,
  .new-message-form-content .mail-editor-container .mail-text.ui-focus {
    resize: none;
    border: 0 none;
    box-shadow: none;
  }
  
  .new-message-form-content .ui-datalist-content,
  .read-message-form-content .ui-datalist-content,
  .contact-details-content .ui-datalist-content {
    background: inherit;
    border: 0 none;
    color: inherit;
  }
  
  .new-message-form-content .ui-datalist-data,
  .read-message-form-content .ui-datalist-data,
  .read-message-form-content .ui-listview,
  .contact-details-content .ui-datalist-data,
  .contact-details-content .ui-listview {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  
  .new-message-form-content .ui-datalist-data li,
  .new-message-form-content .ui-listview li,
  .read-message-form-content .ui-datalist-data li,
  .read-message-form-content .ui-listview li,
  .contact-details-content .ui-datalist-data li,
  .contact-details-content .ui-listview li {
    width: 100%;
    padding: 0;
    border: 0 none;
    overflow: visible;
    white-space: normal;
  }
  
  .new-message-form-content .reply-description-container {
    border-left: 1px solid #C8C8C8;
    padding-left: 15px;
    color: #C8C8C8;
    margin-top: 15px;
  }
  
  .new-message-form-content .reply-description {
    font-weight: normal;
    font-size: 16px;
  }
  
  .new-message-form-content .reply-description-container a {
    color: #C8C8C8;
    font-weight: normal;
    text-decoration: underline;
  }
  
  .new-message-form-content .mail-editor-container {
    padding-top: 15px;
    padding-bottom: 0px;
  }
  
  .preferences-form-label {
    font-weight: bold;
    font-size: 16px;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  
  .preferences-form-label-nptm {
    font-weight: bold;
    font-size: 16px;
    padding-bottom: 15px;
  }
  
  .preferences-label {
    font-size: 16px;
    margin-bottom: 7px;
  }
  
  .preferences-userId {    
    font-size: 16px;
    padding-bottom: 10px; 
    margin-top: -5px;   
  }
  
  .preferences-form-content h2 {
    font-size: 18px;
    font-weight: bold;    
    margin-top: 15px;
    margin-bottom: 15px;
  }
  
  .preferences-form-content .ui-checkbox-text-box {
    margin-bottom: 15px;
  }
  
  .preferences-input-label {
    font-weight: normal;
    font-size: 16px;
    white-space: nowrap;
  }
  
  .preferences-form-content .checkbox-label {
    display: block;
    height: auto;
    margin-top: -2px;
  /*   width: 180px; */
    padding-left: 10px;
  }
  
  .preferences-form-content .input {
    margin-bottom: 25px;
  }
  
  .preferences-form-content .ui-inputfield {
    height: 40px;
    margin-top: 0;
    padding: 8px 15px;
  }
  
  /* ########################################################################### */
  /*                               DEFAULT                                       */
  /* ########################################################################### */
  h1 {
    font-weight: bold;
    margin-top: 11px;
    margin-bottom: 22px;
  }
  
  h1.first_heading {
    margin-top: 22px;
    margin-bottom: 5px;    
  }
  
  .default-render-kit .header .logo {
    margin-top: 22px;
    margin-bottom: 23px;
    text-align: center;
  }
  
  .default-render-kit  .header .help {
    margin-top: 22px;
  }
  
  .default-render-kit .header .help .circled-text {
    margin: 5px 15px 0 0;
  }
  
  .default-render-kit .mobile-action-menu .actions-container-full.scrollable {
    left: -10px;
    right: -10px;
    width: auto;
  }
  
  .default-render-kit .mobile-action-menu .actions-container-header .button {
    padding: 0;
    font-size: 18px;
  }
  
  .default-render-kit .mobile-action-menu .actions-container-header .search-receiver-input,
  .default-render-kit .mobile-action-menu .actions-container-header .search-pattern-input {
    display: block;
  }
  
  .default-render-kit .mobile-action-menu .actions-container-header .ui-autocomplete-input {
    height: 40px;
    width: 100%;
    padding: 0;
    border: none;
    padding: 4px 43% 4px 15px;
    font-size: 14px !important;
  }
  
  .default-render-kit .mail-table tbody td,
  .default-render-kit .contacts-table tbody td,
  .default-render-kit .certificates-table tbody td,
  .default-render-kit .result-table tbody td {
    border-style: none;
  }
  
  .default-render-kit .ui-icon-delete {
    background-image: url(/responsiveUI/javax.faces.resource/theme/mobile/images/icons-png/delete-3c3c3b.png.xhtml?con=totemo);
  }
  
  .default-render-kit .new-message-form-content .receiver-button .ui-icon-delete {
    margin-top: -6px;
  }
  
  .default-render-kit .preferences-form-content .checkbox-label {
    display: inline-block;
    padding-left: 0;
  }
  
  /* ################################ 520px ####################################### */
  @media screen and (min-width: 520px) {
    
    .mobile-action-menu .icon-box-container {   
      width: 25%;
    }
  }
   
  /* ################################ SM ####################################### */
  @media screen and (min-width: 768px) {
    
    body {
      padding: 0 10px;
    }
  
    h1,
    h1.first_heading {
      margin-bottom: 27px;
      margin-top: 20px;
    }
    
    h1.first_heading {
      margin-top: 25px;
    }
    
    .equal-height-container,
    .col-sm-left,
    .col-sm-middle,
    .col-sm-middle-and-right,
    .col-sm-right {
      float: left;
      position: relative;
    }
    
    .equal-height-container,
    .page-top-menu {
      width: 76%;
      max-width: 76%;
    }
    
    .col-sm-left {
      width: 24%;
      max-width: 24%;
    }
    
    .col-sm-offset-left {
      margin-left: 24%;
    }
  
    .col-sm-middle,
    .col-sm-middle-and-right {
      width: 100%;
      max-width: 100%;
    }
    
    #page.container {
      margin: 0 auto;
      max-width: 940px;
    }
    
    .default-render-kit .header .logo {
      margin-top: 25px;
      margin-bottom: 0;
      text-align: left;
    }
    
    .default-render-kit .header .help .circled-text {
      margin: 10px 0;
    }
    
    .default-render-kit .ui-selectonemenu-item {
      margin: 0;
      padding: 5px 15px;
    }
    
    .default-render-kit .ui-menuitem {
      margin: 0;
      padding: 0;
    }
    
    .default-render-kit .ui-menuitem-link {
      padding: 5px 15px;
      width: 100%;
    }
    
    .default-render-kit .ui-selectonemenu, 
    .default-render-kit .ui-selectonemenu-item, 
    .default-render-kit .ui-menu, 
    .default-render-kit .ui-menuitem {
      font-size: 16px;
      line-height: 20px;
    }
    
    .default-render-kit .domain-select .ui-inputfield {
      height: 30px;
      line-height: 30px;
      padding: 0 15px;
    }
    
    .default-render-kit .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
      margin-top: 0px;
    }
    
    .header .user-menu {
      position: relative;
      height: 60px;
    }
    
    .header .user-menu-btn {
      margin-top: 25px;
      border: 0 none;
      line-height: 14px;
    }
    
    .overlay-mobile-header-wrapper {
      margin-top: 0;
    }
    
    .desktop-menu {
      padding-left: 0;
      user-select: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
    }
    
    .desktop-menu .ui-widget-content {
      border: 0px;
    }
    
    .form .form-header .headline-panel {
      background-color: #00376E;
      color: #FFFFFF;
      padding: 20px 20px 0;
    }
    
    .form .form-header .search-panel {
      padding: 0 20px 30px;
    }
    
    .desktop-action-menu .actions-container-search .ui-inputfield,
    .form-header .search-panel .ui-inputfield,
    .form-header .search-panel .ui-selectonemenu {
      margin: 10px 0;
      height: 30px;
      padding: 3px 15px;
    }
    
    .form .form-header .search-panel .button-container {
      padding: 0 0 0 10px;
    }
    
    .form .form-header .search-panel .auto-width-button {
      width: 100%;
      margin: 10px 0;
    }
    
    .form .form-header .search-panel .auto-width-button .ui-button-text {
      padding: 0 10px;
      white-space: nowrap;
    }
    
    .form .form-content .mail-folder-content,
    .form .form-content .contacts-content {
      padding: 0 30px 10px;
    }
    
    .form .form-header .mail-folder-header {
      height: 67px;
      padding: 9px 20px 0 20px;
    }
      
    .mail-controls {
      height: 36px;
      padding-top: 6px;
    }
    
    .mail-control-buttons {
      padding: 0;
    }
    
    .mail-control-buttons .ui-button,
    .mail-control-buttons .ui-menubutton,
    .mail-control-buttons .separator,
    .contacts-controls .ui-button,
    .contacts-controls .separator,
    .contact-details-content .controls .ui-button,
    .contact-details-content .controls .separator,
    .certificates-controls .ui-button,
    .certificates-controls .separator
     {
      float: left;
      width: 18px;
      height: 17px;
      padding: 0;
      margin-right: 15px;
      background-position: center center;
      background-repeat: no-repeat;
    }
    
    .mail-control-buttons .ui-menubutton,
    .mail-control-buttons .ui-menubutton .ui-button {
      width: 40px;
      background-position: 4px center;
      background-size: 16px 15px;
    }
    
    .mail-control-buttons .separator,
    .contacts-controls .separator,
    .contact-details-content .controls .separator,
    .certificates-controls .separator {
      display: inline-block;
      width: 1px;
      margin: 0 10px 0 -5px;
      border-right: 1px solid #F6F6F6;
    }
    
    .mail-control-buttons .ui-button,
    .mail-control-buttons .ui-button:hover,
    .mail-control-buttons .ui-button:active,
    .mail-control-buttons .ui-button:focus,
    .mail-control-buttons .ui-menubutton,
    .mail-control-buttons .ui-menubutton:hover,
    .mail-control-buttons .ui-menubutton:active,
    .mail-control-buttons .ui-menubutton:focus,
    .contacts-controls .ui-button,
    .contacts-controls .ui-button:hover,
    .contacts-controls .ui-button:active,
    .contacts-controls .ui-button:focus,
    .contact-details-content .controls .ui-button,
    .contact-details-content .controls .ui-button:hover,
    .contact-details-content .controls .ui-button:active,
    .contact-details-content .controls .ui-button:focus,
    .certificates-controls .ui-button,
    .certificates-controls .ui-button:hover,
    .certificates-controls .ui-button:active,
    .certificates-controls .ui-button:focus {
      border: 0 none;
      box-shadow: none;
      background-color: transparent;
    }
    
    .mail-control-buttons .button-reply {
      background-image: url(/responsiveUI/javax.faces.resource/images/reply_icon_3C3C3B.svg.xhtml?con=totemo) !important;
      background-size: 14px 17px;
    }
    
    .mail-control-buttons .button-reply:hover {
      background-image: url(/responsiveUI/javax.faces.resource/images/reply_icon_694B7E.svg.xhtml?con=totemo) !important;
    }
    
    .mail-control-buttons .button-reply-to-all {
      background-image: url(/responsiveUI/javax.faces.resource/images/reply_to_all_icon_3C3C3B.svg.xhtml?con=totemo) !important;
      background-size: 16px 17px;
    }
    
    .mail-control-buttons .button-reply-to-all:hover {
      background-image: url(/responsiveUI/javax.faces.resource/images/reply_to_all_icon_694B7E.svg.xhtml?con=totemo) !important;
    }
    
    .mail-control-buttons .button-forward {
      background-image: url(/responsiveUI/javax.faces.resource/images/forward_icon_3C3C3B.svg.xhtml?con=totemo) !important;
      background-size: 17px 12px;
    }
    
    .mail-control-buttons .button-forward:hover {
      background-image: url(/responsiveUI/javax.faces.resource/images/forward_icon_694B7E.svg.xhtml?con=totemo) !important;
    }
    
    .mail-control-buttons .button-delete,
    .contacts-controls .button-delete,
    .contact-details-content .controls .button-delete {
      background-image: url(/responsiveUI/javax.faces.resource/images/delete_icon_3C3C3B.svg.xhtml?con=totemo) !important;
      background-size: 12px 16px;
    }
    
    .mail-control-buttons .button-delete:hover,
    .contacts-controls .button-delete:hover,
    .contact-details-content .controls .button-delete:hover {
      background-image: url(/responsiveUI/javax.faces.resource/images/delete_icon_694B7E.svg.xhtml?con=totemo) !important;
    }
    
     .mail-control-buttons .button-recover {
      background-image: url(/responsiveUI/javax.faces.resource/images/restore_icon_3C3C3B.svg.xhtml?con=totemo) !important;
      background-size: 12px 16px;
    }
    
    .mail-control-buttons .button-recover:hover {
      background-image: url(/responsiveUI/javax.faces.resource/images/restore_icon_D7504B.svg.xhtml?con=totemo) !important;
    }
    
    .mail-control-buttons .button-move-to-folder {
      background-image: url(/responsiveUI/javax.faces.resource/images/move_to_folder_icon_3C3C3B.svg.xhtml?con=totemo) !important;
      background-size: 16px 13px;
    }
    
    .mail-control-buttons .button-move-to-folder:hover {
      background-image: url(/responsiveUI/javax.faces.resource/images/move_to_folder_icon_694B7E.svg.xhtml?con=totemo) !important;
    }
    
    .mail-control-button.button-attachment {
      background-image: url(/responsiveUI/javax.faces.resource/images/attachment_icon_C8C8C8.svg.xhtml?con=totemo) !important;
      background-color: #00376E !important;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 19px 17px;
      height: 30px !important;
      width: 30px !important;
      margin: 0 !important;    
    }
    
    .mail-control-button.button-attachment .file-upload-label,
    .mail-control-button.button-attachment .file-upload-link {
      padding: 0 !important;
    }
    
    .mail-control-button.button-attachment:hover {
      background-image: url(/responsiveUI/javax.faces.resource/images/attachment_icon_FFFFFF.svg.xhtml?con=totemo) !important;
      background-color: #00376E !important;
      background-size: 19px 17px;
    }
      
    .mail-control-button.file-upload {
      position: absolute;
      z-index: 1;
      left: -10px;
      top: 23px; 
    }
    
    .mail-control-button.file-upload .file-upload-input,
    .mail-control-button.file-upload .file-upload-link {
      cursor: default;
    }
      
    .contacts-controls .button-send-msg,
    .contact-details-content .controls .button-send-msg {
      background-image: url(/responsiveUI/javax.faces.resource/images/send_msg_icon_3C3C3B.svg.xhtml?con=totemo) !important;
      background-size: 18px 11px;
    }
    
    .contacts-controls .button-send-msg:hover,
    .contact-details-content .controls .button-send-msg:hover {
      background-image: url(/responsiveUI/javax.faces.resource/images/send_msg_icon_694B7E.svg.xhtml?con=totemo) !important;
    }
    
    .contacts-controls .button-edit,
    .contact-details-content .controls .button-edit {
      background-image: url(/responsiveUI/javax.faces.resource/images/edit_icon_3C3C3B.svg.xhtml?con=totemo) !important;
      background-size: 18px 18px;
    }
    
    .contacts-controls .button-edit:hover,
    .contact-details-content .controls .button-edit:hover {
      background-image: url(/responsiveUI/javax.faces.resource/images/edit_icon_694B7E.svg.xhtml?con=totemo) !important;
    }
    
    .select-all-checkbox-container {
      height: 24px;
      margin-top: -24px;
      padding: 0 20px;
    }
    
    .select-all-checkbox-container .select-all-checkbox {
      position: absolute;
      left: 20px;
      bottom: 2px;
    }
    
    .mail-folder-preferences .button-search,
    .contacts-preferences .button-search {
      float: right;
      width: 32px;
      margin: -9px 0 0;
      background-size: 18px 18px;
      background-position: center 9px;
      background-repeat: no-repeat;
    }
    
    .mail-folder-preferences .button-search,
    .contacts-preferences .button-search.active {
      height: 67px;
    }
  
    .mail-folder-preferences .button-search,
    .mail-folder-preferences .button-search:hover,
    .mail-folder-preferences .button-search:active,
    .mail-folder-preferences .button-search:focus,
    .contacts-preferences .button-search,
    .contacts-preferences .button-search:hover,
    .contacts-preferences .button-search:active,
    .contacts-preferences .button-search:focus {
      background-color: transparent;
      border: 0 none;
      box-shadow: none;
    }
  
    .mail-folder-preferences .button-search,
    .contacts-preferences .button-search {
      background-image: url(/responsiveUI/javax.faces.resource/images/search_icon_3C3C3B.svg.xhtml?con=totemo) !important;
    }
  
    .mail-folder-preferences .button-search:hover,
    .contacts-preferences .button-search:hover {
      background-image: url(/responsiveUI/javax.faces.resource/images/search_icon_694B7E.svg.xhtml?con=totemo) !important;
    }
    
    .mail-folder-preferences .button-search.active,
    .mail-folder-preferences .button-search.active:hover,
    .contacts-preferences .button-search.active,
    .contacts-preferences .button-search.active:hover {
      background-image: url(/responsiveUI/javax.faces.resource/images/search_icon_FFFFFF.svg.xhtml?con=totemo) !important;
    }
    
    .mail-folder-preferences .no-bg-dropdown,
    .contacts-preferences .no-bg-dropdown,
    .certificates-preferences .no-bg-dropdown,
    .search-result-preferences .no-bg-dropdown {
      float: right;
      margin: 0 0 0 13px;
    }
    
    .mail-folder-preferences .amount-label,
    .contacts-preferences .amount-label,
    .certificates-preferences .amount-label,
    .search-result-preferences .amount-label {
      float: right;
      line-height: 24px;
      margin: 0 0 0 20px;
    }
    
    .form .form-content .mail-folder-content,
    .form .form-content .contacts-content,
    .form .form-content .tracking-messages-content,
    .form .form-content .trust-relations-content {
      padding: 0px 15px;
    }
      
    .header .user-menu-btn {
      margin-top: 25px;
      border: 0 none;
      line-height: 14px;
    }
  
    .desktop-menu button {
      width: 100%;
      padding: 8px 10px;
      margin-top: 0px;
      margin-bottom: 29px;
      font-size: 18px;
    }
    
    .desktop-menu button .ui-button-text {
      padding: 0 !important;
    }
    
    .desktop-menu .ui-separator{
      border-top-width: 0px;
      border-color: #FFFFFF;
      margin: 10px 0px;
    }
  
    .desktop-menu .ui-widget-content {
      background: none;
    }
    
    .desktop-menu ul {
      list-style-type: none;
      padding-left: 0px;
      margin-bottom: 0px;
    }
  
    .desktop-menu li{
      margin: 9px 0px; 
    }
    
    .desktop-menu .mail-folder.default {  
      border-bottom: 1px solid #FFFFFF;
      margin-bottom: 9px;
    }
    
    .desktop-menu .mail-folder.custom {  
      border-top: 1px solid #FFFFFF;
      margin-top: 10px;
    }
    
    .desktop-menu .menu-item-spacer {
      display: block;
      padding: 9px 0;
    }
    
    .desktop-menu .menu-item-spacer.first {
      padding-top: 0;
    }
    
    .desktop-menu .menu-item-spacer.separator {
      border-bottom: 1px solid #b4af82;
      margin-bottom: 4px;
      padding-bottom: 13px;
    }
    
    .desktop-menu .menu-item {
      font-size: 16px;
    }
    
    .desktop-menu .menu-item.active,
    .desktop-menu .menu-item.bold {
      font-weight: bold;
    }
    
    .desktop-menu .menu-item.active {
      color: #00376E;
    }
    
    .desktop-menu .mail-folder.custom li:hover .menu-item {
      color: #00376E;
    }
  
    .desktop-menu .mail-folder.custom .icon-box-container {
      float: right;
      width: 51px;
    }
    
    .desktop-menu .mail-folder.custom li:hover .icon-box-container {
      border: 1px solid;
      border-color: #C8C8C8;
      background-image: url(/responsiveUI/javax.faces.resource/images/separator_icon_C8C8C8.svg.xhtml?con=totemo);
      background-size: 1px 15px;
      background-repeat: no-repeat;
      background-position: center center;
    }
  
    .desktop-menu .mail-folder.custom .icon-box {
      height: 23px;
      display: block;
      float: left;
    }
    
    .desktop-menu .mail-folder.custom .icon-box.edit,
    .desktop-menu .mail-folder.custom .icon-box.delete {
      width: 24px;
    }
      
    .desktop-menu .mail-folder.custom li:hover a.icon-box.edit {
      background-image: url(/responsiveUI/javax.faces.resource/images/edit_icon_C8C8C8.svg.xhtml?con=totemo);
      background-size: 12px 12px;
      background-repeat: no-repeat;
      background-position: 4px 5px;
    }
    
    .desktop-menu .mail-folder.custom li:hover a.icon-box.delete {
      background-image: url(/responsiveUI/javax.faces.resource/images/delete_icon_C8C8C8.svg.xhtml?con=totemo);
      background-size: 12px 16px;
      background-repeat: no-repeat;
      background-position: 7px 3px;
    }
    
    .desktop-menu .mail-folder.custom li:hover a.icon-box.edit:hover {
      background-image: url(/responsiveUI/javax.faces.resource/images/edit_icon_3C3C3B.svg.xhtml?con=totemo);
    }
    
    .desktop-menu .mail-folder.custom li:hover a.icon-box.delete:hover {
      background-image: url(/responsiveUI/javax.faces.resource/images/delete_icon_3C3C3B.svg.xhtml?con=totemo);
    }
    
    .desktop-menu a {  
      text-decoration: none;    
    }
    
      
    .certificates-table .details-button {
      background-image: url(/responsiveUI/javax.faces.resource/images/see_details_icon_3C3C3B.svg.xhtml?con=totemo);
      background-position: center top;
      background-size: 26px 14px;
      height: 30px;
    }
  
    .certificates-table .details-button,
    .certificates-table .details-button:hover,
    .certificates-table .details-button:focus,
    .certificates-table .details-button:active {
      background-color: transparent;
    }
    
    .mail-table .ui-datatable-empty-message td,
    .contacts-table .ui-datatable-empty-message td,
    .certificates-table .ui-datatable-empty-message td,
    .result-table .ui-datatable-empty-message td {
      padding-left: 20px;
    }
    
    .mail-table .mail-unread {
      color: #00376E !important;
    }
    
    .mail-table .mail-sender,
    .mail-table .mail-draft {
      font-size: 16px;
      line-height: 20px;
    }
    
    .mail-table .mail-subject,
    .mail-table .mail-description {
      font-size: 14px;
      line-height: 18px;
    }
    
    .mail-table .ui-chkbox-box,
    .contacts-table .ui-chkbox-box,
    .certificates-table .ui-chkbox-box {
      margin-top: 5px;
    }
  
    .mail-table .mail-important-message,
    .mail-table .mail-attachment-icon {
      float: none;
    }
    
    .mail-table .mail-important-message {
      padding-right: 5px;
    }
    
    .mail-table .mail-attachment-icon {
       margin-top: -4px;
    }
    
    .mail-table .mail-table-checkbox,
    .contacts-table .contacts-table-checkbox,
    .certificates-table .certificates-table-checkbox {
      width: 39px; 
      vertical-align: top !important; 
      padding: 4px 6px 4px 20px !important;
    }
    
    .mail-table .mail-table-important-message {
      width: 34px
    }
    
    .mail-table .mail-table-attachment {
      padding-top: 7px !important;
      padding-right: 6px !important;
    }
  
    .mail-table .mail-table-receivedate {
      width: 71px;
      text-align: right !important;
      padding: 6px 20px 5px 3px !important;
    }
    
    .mail-table tbody tr td,
    .contacts-table tbody tr td,
    .contacts-table thead tr th,
    .certificates-table tbody tr td,
    .certificates-table thead tr th,
    .result-table tbody tr td,
    .result-table thead tr th {
      vertical-align: top;
    }
   
    .mail-table tbody tr td {
      padding: 6px 6px 5px;
    }
    
    .read-message-form-header,
    .contact-details-form-header,
    .folder-form-header {
      padding: 22px 20px 0;
    }
    
    .new-message-form-header {
      padding-top: 3px;
      padding-bottom: 4px;
    }
    
     .new-message-form-header .button {
      padding: 0;
    }
    
    .read-message-form-header .read-message-control-buttons .ui-button,
    .new-message-form-header .new-message-control-buttons .ui-button  {
      float: right;
    }
    
    .read-message-form-header .read-message-control-buttons .button-reply {
      margin: 0;
    }
  
    .read-message-form-header .read-message-control-buttons .dropdown-combi-button {
      float: right;
      width: 30px;
      height: 30px;
      margin-left: 5px;
    }
    
    .read-message-form-header .read-message-control-buttons .dropdown-combi-button .ui-icon-triangle-1-s {
      background-image: url("/responsiveUI/javax.faces.resource/theme/desktop/images/ui-icons_ffffff_256x240.png.xhtml?con=totemo");
      left: 6px;
    }
    
    .new-message-form-header .button {
       height: 30px;
    }
    
    .new-message-form-content .reply-description-container {
      margin-left: 35px;
      margin-top: 45px;
    }
    
    .new-message-form-content {
      padding-bottom: 15px;
    }
    
    .new-message-form-content .mail-editor-buttons .ui-icon-triangle-1-s {
      background-image: url("/responsiveUI/javax.faces.resource/theme/desktop/images/ui-icons_ffffff_256x240.png.xhtml?con=totemo");
      right: 4px;
    }
    
    .read-message-form-header .read-message-control-buttons .button-delete,
    .read-message-form-header .read-message-control-buttons .button-move-to-folder {
      width: 40px;
      height: 30px;
      padding: 0;
      background-position: center center;
      background-repeat: no-repeat;
    }
    
    .read-message-form-header .read-message-control-buttons .button-move-to-folder .ui-button {
      width: 40px;
      height: 30px;
    }
    
    .read-message-form-header .read-message-control-buttons .button-delete {
      float: left;
    }
  
    .form .form-content .read-message-form-content {
      padding: 20px 0 15px;
    }
    
    .read-message-form-content .ui-datalist-data li,
    .contact-details-content .ui-datalist-data li {
      display: table;
    }
    
    .read-message-form-content .header-row, .new-message-form-content .header-row {
      min-height: 40px;
      line-height: 40px;
      padding: 0 20px;
   }
    
    .read-message-form-content .message-attachment-container {
      display: table-footer-group;
      float: none;
      margin-top: 15px;
    }
    
    .read-message-form-content .read-message-description-container {
      display: table-header-group;
      padding: 0 20px 20px;
      word-break: break-all;
      word-wrap: break-word;
    }
    
    .message-attachment-inner-container {
      padding: 0 20px;
    }
    
    .read-message-form-content .read-message-description {
      margin-bottom: 15px;
    }
  
    .new-message-form-header .new-message-label-container {
      margin: 18px 0 0;
    }
    
    .new-message-form-header .new-message-label,
    .new-message-form-header .reply-label {
      font-size: 18px;
    }
    
    .new-message-form-header .new-message-label {
      font-weight: bold;
    }
    
    .new-message-form-content .cc-bcc-button-container {
      position: absolute;
      right: 20px;
      top: 0px;
    }
     
    .new-message-form-content .cc-bcc-button {
      display: block;
      float: right;
      vertical-align: middle;
      height: 40px;
    }
    
    .new-message-form-content .cc-bcc-button,
    .new-message-form-content .cc-bcc-button.ui-state-hover, 
    .new-message-form-content .cc-bcc-button.ui-state-focus,
    .new-message-form-content .cc-bcc-button.ui-state-active {
      border: none;
      box-shadow: none;
    }  
    
    .new-message-form-content .ui-button-text {
      padding: 0;
      font-size: 16px;
    }
    
    .new-message-form-content .mail-control-buttons {
      padding: 0;
    }
    
    .new-message-form-content .mail-editor-buttons .button-more {
      width: 30px !important;
      height: 30px !important;
      background-size: 20px 20px;
      width: auto !important;
    }
    
    .new-message-form-content .mail-editor-buttons .button-more .ui-button-text {
      line-height: 16px;
      padding-left: 8px;
      padding-right: 23px;
    }
    
    .new-message-form-content .mail-editor-buttons .button-attachment,
    .new-message-form-content .mail-editor-buttons .button-link,
    .new-message-form-content .mail-editor-buttons .button-text-underline {
      margin-right: 5px;
    }
    
    .new-message-form-content .message-attachment-container {
      margin-bottom: 0;
    }  
    
    .new-message-form-header,
    .new-message-form-content .header-row,
    .new-message-form-content .mail-editor-buttons,
    .new-message-form-content .mail-editor-container,
    .new-message-form-footer .footer-row {
      padding-left: 20px;
      padding-right: 20px;
    }
    
    .new-message-form-footer .footer-row .ui-selectonemenu-label {
      width: auto;
    }
    
    .new-message-form-content .header-row {
      height: auto;
      min-height: 40px;
    }    
    
    .new-message-form-footer .form-separator {
      margin-bottom: 15px;
    }    
    
    .new-message-form-footer .icon-button {
      display: block;
      float: left;
      margin: 0px 8px;
    }
   
    .new-message-form-footer .read-confirmation-checkbox  {
      float: left;
      margin: 5px 15px;
    }
    
    .new-message-form-footer .read-confirmation-checkbox .ui-checkbox-text-box {
      float: left;
      margin: 0;
    }
    
    .new-message-form-footer .read-confirmation-checkbox .ui-checkbox-text-box .checkbox-label {
      font-size: 14px;
    }
    
    .new-message-form-content .header-row-label {
      left: 20px;
    }
    
    .new-message-form-content .receiver-auto-complete {
      min-height: 35px;
      float: left;
      width: 100%;
      padding: 0 20px 0 50px;
    }
    
    .new-message-form-content .receiver-auto-complete .ui-inputfield {
      margin: 0 !important;
      border: none;
      min-height: 35px;
      height: auto;
      padding: 0;
      width: 100%;
    }
    
    .new-message-form-content .receiver-auto-complete .ui-autocomplete-token {
      font-size: 16px;
      height: 30px;
      line-height: 30px;
      margin: 5px 5px 0 0;
      padding: 0;
    }
    
    .new-message-form-content .receiver-auto-complete .ui-autocomplete-token-label {
      background-color: #d7edf4;
      padding: 0 20px 0 10px;
    } 
    
    .new-message-form-content .receiver-auto-complete .ui-autocomplete-input-token {
       margin: 0px;
       width: 90%;
    }
    
    .ui-autocomplete-panel.receiver-autocomplete-panel {
      padding-left: 50px;
    }
   
    .ui-autocomplete-panel.receiver-autocomplete-panel .ui-autocomplete-items {
      margin-top: 0;
    }
   
    .ui-autocomplete-panel.receiver-autocomplete-panel .ui-autocomplete-item {   
      font-size: 16px !important;
      height: 30px;
      color: #C8C8C8; 
      background-color: #00376E;    
    }
    
    .ui-autocomplete-panel.receiver-autocomplete-panel .ui-autocomplete-item.ui-state-highlight{
      background: #00376E !important;
      color: #FFFFFF;
      border: 0 none !important;
    } 
    
    .ui-autocomplete-panel.receiver-autocomplete-panel .ui-autocomplete-table th, 
    .ui-autocomplete-panel.receiver-autocomplete-panel .ui-autocomplete-table td {
       border: 0 none !important;
       border-bottom: 1px solid #464646 !important;     
    }
    
    .new-message-form-content .receiver-auto-complete li input {
      box-shadow: none;
      height: 30px;
      margin: 5px 0 0;
      width: 100%;
    }   
    
    .receiver-auto-complete ul.ui-state-focus {
      box-shadow: none;
    }
    
    .receiver-auto-complete li.ui-state-active {
      background: none;
      border: none;
      color: #00376E;
    }
    
    .receiver-auto-complete li span.ui-icon {
      background-image: url(/responsiveUI/javax.faces.resource/theme/desktop/images/ui-icons_3C3C3B_256x240.png.xhtml?con=totemo);
    }
    
    .ui-autocomplete-panel {
      width: auto !important;
    }
    
    .ui-autocomplete-panel .ui-autocomplete-list li,
    .ui-autocomplete-panel .ui-autocomplete-list-item.ui-state-highlight  {
      background: #00376E none repeat scroll 0 0;
      border-color: #ccd7e2 !important;
      color: #ccd7e2;
      font-size: 16px !important;
      line-height: 35px;
      padding: 0 15px;
    }
    
    .ui-autocomplete-panel .ui-autocomplete-list-item.ui-state-highlight {
      background: #00376E none repeat scroll 0 0;
      color: #FFFFFF;
    }
    
    .header-row-subject-container input.header-row-input {
      padding: 0 15px 0 80px !important;
    }
    
    .preferences-form-label {
      font-weight: normal;
      padding-top: 0;
    }
    
    .preferences-form-label-nptm {
        font-weight: normal;   
    }
   
    .preferences-form-content {
      font-size: 16px;
      padding-right: 5px;  
      overflow: hidden;
    }
    
    .preferences-form-content h1 {
      font-size: 18px;
      font-weight: bold;   
      margin-bottom: 30px; 
      margin-top:30px;
    }
    
    .preferences-form-content h2 {
      font-size: 18px;
      font-weight: bold;    
      margin-top: 25px;
      margin-bottom: 25px;
    }
  
    .preferences-form-content .ui-checkbox-text-box {
      margin-bottom: 30px;
    }
  
    .preferences-form-content .checkbox-label {
      height: auto;
  /*     width: 180px; */
    }
  
    .preferences-signature-checkbox {
      margin-bottom: -8px;
    }
    
    .preferences-form-content .signature-text {
      margin-bottom: 30px;  
    }
  
    .preferences-userId {
      font-weight: bold;      
      padding-bottom: 30px;   
      margin-top: 0; 
    }
  
    .preferences-first-name {
      padding-right: 0px;
    }
  
    .preferences-last-name{
      padding-left: 40px;
    }
  
    .preferences-form-content .form-controls {
      padding-right: 15px;
    }
    
    .preferences-form-content .input {
      margin-bottom: 28px;
    }
    
    .preferences-form-content .ui-inputfield,
    .changePassword-form-content .ui-inputfield  {
      height: 30px;
      padding: 3px 15px;
    }
    
    .new-message-form-content .input {
      margin: 0;
    }
    
    .new-message-form-content .no-bg-dropdown.domain-select .ui-selectonemenu-trigger .ui-icon {
      margin-top: 7px !important;
    }
    
    .input-no-padding-bottom {
      margin-bottom: 0;
    }
    
    .col-xs-12.col-sm-6.col-padding-left {
      padding-left: 40px;
    }
    
    .col-xs-12.col-sm-6.col-padding-right {
      padding-right: 40px;
    }
    
    .form-controls.no-top-margin {
      margin-top: 0;
    }
    
    .separator-left {
      height: 30px;
      margin: 5px 0;
      border-left: 1px solid #E5E5E5;          
    }
    
  }
  
  /* ################################ MD ####################################### */
  @media screen and (min-width: 992px) {
    
    .tab-navigation-items {
      margin-left: 28.4333%;
    }
    
    .equal-height-container,
    .page-top-menu {
      width: 80.8511%;
      max-width: 80.8511%;
    }
    
    .col-sm-left {
      width: 19.1489%;
      max-width: 19.1489%;
    }
    
    .col-sm-offset-left {
      margin-left: 19.1489%;
    }
  }
  
  /* ################################ LG ####################################### */
  @media screen and (min-width: 1200px) {
  }
  
  /* ########################################################################### */
  /*                                  USER                                       */
  /* ########################################################################### */
  .mobile-menu .ui-overlaypanel,
  .mobile-menu .ui-overlaypanel-content,
  .mobile-menu .ui-panel,
  .mobile-menu .ui-panel-inner,
  .mobile-menu .mobile-menu-items {
    background-color: #00376E;
  }
  
  .mobile-menu .ui-commandlink,
  .mobile-menu .ui-commandlink:active,
  .mobile-menu .ui-commandlink:focus,
  .mobile-menu .ui-commandlink:hover,
  .mobile-menu .ui-commandlink:visited {
    background-color: #00376E;
    color: #FFFFFF;
  }
  
  .mobile-menu .main-menu-item,
  .mobile-menu .main-menu-item a,
  .mobile-menu .main-menu-item a:active,
  .mobile-menu .main-menu-item a:focus,
  .mobile-menu .main-menu-item a:hover,
  .mobile-menu .main-menu-item a:visited {
    background-color: #809bb6;
    color: #00376E;
  }
  
  .mobile-menu .main-menu-item.active,
  .mobile-menu .main-menu-item.active a,
  .mobile-menu .main-menu-item.active a:active,
  .mobile-menu .main-menu-item.active a:focus,
  .mobile-menu .main-menu-item.active a:hover,
  .mobile-menu .main-menu-item.active a:visited {
    background-color: #FFFFFF;
  }
  
  .mobile-menu .mobile-menu-items .ui-commandlink,
  .mobile-menu .interaction-menu .interaction-menu-items .ui-commandlink.separator {
    border-color: #809bb6;
  }
  
  .mobile-menu .button,
  .mobile-menu .button:hover,
  .mobile-menu .button:active,
  .mobile-menu .button:focus {
    background-color: #FFFFFF;
    color: #00376E;
  }
  
  .mobile-menu .main-menu-btn-close,
  .mobile-menu .main-menu-btn-close:hover,
  .mobile-menu .main-menu-btn-close:active,
  .mobile-menu .main-menu-btn-close:focus,
  .mobile-menu .main-menu-btn-close:visited,
  .mobile-action-menu .menu-button-container .menu-btn,
  .mobile-action-menu .menu-button-container .menu-btn:hover,
  .mobile-action-menu .menu-button-container .menu-btn:active,
  .mobile-action-menu .menu-button-container .menu-btn:focus,
  .mobile-action-menu .menu-button-container .menu-btn:visited {
    background-color: #d7edf4;
    border-color: #C8C8C8;
  }
  
  .header .main-menu-btn,
  .header .main-menu-btn:hover,
  .header .main-menu-btn:active,
  .header .main-menu-btn:focus {
    border-color: #C8C8C8;
  }
  
  .tab-navigation .main-menu-item {
    background-color: #ccd7e2;
    border-top-color: #ccd7e2;
  }
  
  .tab-navigation .main-menu-item:hover {
    background-color: #FFFFFF;
    border-top-color: #FFFFFF;
  }
  
  .tab-navigation .main-menu-item a,
  .tab-navigation .main-menu-item a:hover,
  .tab-navigation .main-menu-item a:active,
  .tab-navigation .main-menu-item a:focus,
  .tab-navigation .main-menu-item a:visited {
    color: #00376E;
  }
  
  .tab-navigation .main-menu-item.active {
    background-color: #FFFFFF;
    border-top-color: #00376E;
  }
  
  .mail-folder-preferences .amount-label,
  .contacts-preferences .amount-label,
  .certificates-preferences .amount-label,
  .search-result-preferences .amount-label {
    color: #ccd7e2;
  }
  
  .tab-navigation .main-menu-item.active a {
    color: #00376E;
  }
  
  .desktop-menu .ui-separator {
    border-color: #FFFFFF;
  }
  
  .desktop-menu .mail-folder .mail-folder-label.active {
    color: #00376E;
  }
  
  .form {
    background-color: #FFFFFF;
    box-shadow: 1px 1px 5px #C8C8C8;
  }
  
  .mail-table .mail-description,
  .mail-table .mail-draft {
    color: #ccd7e2;
  }
  
  .actions-container.send {
    background: #E6E678;
  }
  
  .actions-container.delete {
    background: #FAA000;
  }
  
  .actions-container.move {
    background: transparent;
  }
  
  .mobile-action-menu a.icon-box,
  .mobile-action-menu a.icon-box:hover,
  .mobile-action-menu a.icon-box:active,
  .mobile-action-menu a.icon-box:focus,
  .mobile-action-menu a.icon-box:visited {
    color: #00376E;
  }
  
  .mobile-action-menu .mail-action-label,
  .desktop-action-menu .mail-action-label {
    color: #FFFFFF;
  }
  
  .mobile-action-menu .actions-container-header {
    border-bottom: 1px solid #E5E5E5;
  }
  
  .mobile-action-menu .actions-container-header .button,
  .mobile-action-menu .actions-container-header .button:hover,
  .mobile-action-menu .actions-container-header .button:active,
  .mobile-action-menu .actions-container-header .button:focus,
  .mobile-action-menu .actions-container-header .button:visited {
    background: #E5E5E5;
    border-color: #E5E5E5;
    color: #00376E;
  }
  
  .mobile-action-menu .actions-container-header .primary-button,
  .mobile-action-menu .actions-container-header .primary-button:hover,
  .mobile-action-menu .actions-container-header .primary-button:active,
  .mobile-action-menu .actions-container-header .primary-button:focus,
  .mobile-action-menu .actions-container-header .primary-button:visited {
    background: #00376E;
    color: #FFFFFF;
    border: #00376E;
  }
  
  .mobile-action-menu .action-container-move-to .mail-folder .ui-commandlink,
  .mobile-action-menu .action-container-move-to .mail-folder .ui-commandlink:focus,
  .mobile-action-menu .action-container-move-to .mail-folder .ui-commandlink:active,
  .mobile-action-menu .action-container-move-to .mail-folder .ui-commandlink:hover,
  .mobile-action-menu .action-container-move-to .mail-folder .ui-commandlink:visited,
  .mobile-action-menu .action-container-move-to .mail-folder-label,
  .mobile-action-menu .action-container-receiver-select .receiver .ui-commandlink,
  .mobile-action-menu .action-container-receiver-select .receiver .ui-commandlink:focus,
  .mobile-action-menu .action-container-receiver-select .receiver .ui-commandlink:active,
  .mobile-action-menu .action-container-receiver-select .receiver .ui-commandlink:hover,
  .mobile-action-menu .action-container-receiver-select .receiver .ui-commandlink:visited {
    box-shadow: none;
    background: #FFFFFF;
    border-color: #E5E5E5;
    color: #00376E;
  }
  
  .desktop-action-menu .actions-container-search {
    background: transparent;
  }
  
  .mail-control-buttons .separator {
    border-right: 1px solid #E5E5E5;
  }
  
  .mail-folder-preferences .button-search.active,
  .mail-folder-preferences .button-search.active:hover,
  .mail-folder-preferences .button-search.active:active,
  .mail-folder-preferences .button-search.active:focus,
  .mail-folder-preferences .button-search.active:visited,
  .contacts-preferences .button-search.active,
  .contacts-preferences .button-search.active:hover,
  .contacts-preferences .button-search.active:active,
  .contacts-preferences .button-search.active:focus,
  .contacts-preferences .button-search.active:visited {
    background-color: #00376E;
  }
  
  .ui-overlaypanel-dismiss-open,
  .ui-panel-dismiss-open {
    background-color: #00376E;
  }
  
  .new-message-form-content .cc-bcc-button.ui-state-hover, 
  .new-message-form-content .cc-bcc-button.ui-state-focus,
  .new-message-form-content .cc-bcc-button.ui-state-active {
    background: none;
    color: #00376E;
  }
  
  .new-message-form-content .ui-btn.receiver-button {
    background-color: #d7edf4;   
  }
  
  .new-message-form-content .ui-button.receiver-button {
    background: #d7edf4 no-repeat center center;
  }
  
  .new-message-form-content .ui-btn.receiver-button:active,
  .new-message-form-content .ui-button.receiver-button:active {
    color:  #00376E;  
  }
  
  .new-message-form-content .mail-editor-buttons .button-more {
    background: #00376E;
    color: #C8C8C8;
    border: #00376E;
  }
  
  .new-message-form-content .mail-editor-buttons .button-more:hover {
    background: #00376E;
    color: #FFFFFF;
    border: #00376E;
  }
  
  .button-more.ui-state-focus,
  .button-more.ui-state-active {
    box-shadow: none;  
  }
  
  .preferences-form-content .form-separator,
  .certificates-form-content .form-separator,
  .download-certificate-form-content .form-separator {
    background-color: #E5E5E5;
  }
  .certificate-information-form-header .export-with-private-key-heading {
    margin-bottom: 7px;
  }
  
  .certificate-information-form-header .form-interaction {
    padding-bottom: 15px;
    margin-bottom: 10px;
  }
  
  .certificate-information-form-header .description-label {
    font-size: 16px;
  }
  
  .certificate-information-form-header .please-enter-new-password-label {
    margin-bottom: 23px;
  }
  
  .certificate-information-form-header .mobile-header {
    padding-top: 15px;
    padding-bottom: 10px;
  }
  
  .certificate-information-form-header .mobile-header .back-button {
    float: left;
    width: auto;
    line-height: 20px;
    padding: 0;
    font-size: 16px;
    height: auto;
  }
  
  .certificate-information-form-header .mobile-header .back-button img {
     margin: 0px 10px 0 0;
  }
  
  .certificate-information-form-header .mobile-header-heading {
    width: auto;
    display: block;
    float: right;
    margin: 10px 0;
  }
  
  .certificates-form-content,
  .download-certificate-form-content {
    padding: 27px 15px 20px;
  }
  
  .certificates-form-content h1,
  .download-certificate-form-content h1 {
    font-size: 18px;
    line-height: 24px;
    font-weight: bold;     
    margin: 0 0 7px; 
  }
  
  .certificates-form-content .form-separator,
  .download-certificate-form-content .form-separator {
    margin: 15px 0;
  }
  
  .certificates-form-content .top-separator .form-separator {
    margin: 15px 0 0;
  }
  
  .download-certificate-form-content .top-separator .form-separator {
    margin: 15px 0 13px;
  }
  
  .certificates-form-content .choice-item-separator .form-separator,
  .download-certificate-form-content .choice-item-separator .form-separator {
    background-color: transparent;
    margin: 14px 0;
  }
  
  .certificates-form-content .import-success-panel {
    padding: 12px 15px 23px;
    border-bottom: 1px solid #E5E5E5;
  }
  
  .certificates-form-content .import-success-panel .success-label,
  .certificates-form-content .import-success-panel .success-sublabel {
    font-size: 16px;
    line-height: 20px;
    display: block;
  }
  
  .certificates-form-content .import-success-panel .success-label {
    font-size: 18px;
    line-height: 24px;
    font-weight: bold;
  }
  
  .certificates-form-content .choice-item-head {
    margin-bottom: 5px;
  }
  
  .download-certificate-form-content .choice-item-head {
    margin-bottom: 10px;
  }
  
  .certificates-form-content .choice-item-head .headline,
  .download-certificate-form-content .choice-item-head .headline {
    font-weight: bold;
  }
  
  .certificates-form-content .choice-button-container .button,
  .download-certificate-form-content .choice-button-container .button {
    margin: 10px 0 0;
  }
  
  .certificates-form-content .progress-view-container,
  .download-certificate-form-content .progress-view-container {
    margin-top: 5px;
    margin-bottom: 15px;
  }
  
  .certificates-form-content .choice-item-accordion,
  .download-certificate-form-content .choice-item-accordion {
    margin-top: 10px;
    margin-bottom: 5px;
  }
  
  .certificates-form-content .import-text,
  .download-certificate-form-content .pin-label,
  .download-certificate-form-content .pin-description {
    margin: -2px 0 8px;
  }
  
  .certificates-form-content .import-filename {
    font-weight: bold;
  }
  
  .certificates-form-content .choice-button-container .disclaimer-checkbox,
  .download-certificate-form-content .choice-button-container .disclaimer-checkbox{
      margin-bottom: 15px
  }
  
  .certificate-information-form-content {
    padding-bottom: 5px !important;
  }
  
  .certificate-information-form-content h1 {
    margin-bottom: 11px;
  }
  
  .certificate-information-form-content .certification-detail-top {
    margin-top: 11px;
  }
  
  .certificate-information-form-content .certification-detail {
    margin-bottom: 9px;
  }
  
  .certificate-information-form-content .certification-detail .detail-label {
    float: left;
    font-weight: bold;
    margin-right: 5px;
  }
  
  .certificate-information-form-content .certification-detail .detail-value {
    margin-right: 5px;
    word-wrap: break-word;
    word-break: break-all;
  }
  
  .certificate-information-form-content .certification-detail .more-details-accordion {
    margin-bottom: -30px !important;
    margin-left: -15px !important;
  }
  
  .certificate-information-form-content .form-separator {
    margin: 14px 0 11px;
  }
  
  .certificate-information-form-content .ui-collapsible-set > .ui-collapsible.ui-corner-all {
    border: 1px solid #E5E5E5;
    margin-bottom: 10px;
  }
    
  .certificate-information-form-content .ui-collapsible-heading.ui-collapsible-heading-collapsed {
    background: none !important;
    background-image: url(/responsiveUI/javax.faces.resource/images/certificate_with_bg_icon_ADADAD.svg.xhtml?con=totemo) !important;
    background-repeat: no-repeat !important;
    background-position: left top !important;
    background-size: 80px 50px !important;
    font-size: 16px !important;
    height: 48px;
    padding-left: 80px;
    padding-top: 13px;
  }
  
  .certificate-information-form-content .ui-collapsible-themed-content:not(.ui-collapsible-collapsed) > .ui-collapsible-heading {
    background-image: url(/responsiveUI/javax.faces.resource/images/certificate_with_bg_icon_FFFFFF.svg.xhtml?con=totemo) !important;
    background-repeat: no-repeat !important;
    background-position: left top !important;
    background-size: 80px 50px !important;
    height: 50px;
    padding-left: 80px;
    padding-top: 13px;
  }
  
  .certificate-information-form-content .ui-collapsible-heading.ui-collapsible-heading-collapsed .ui-collapsible-heading-toggle {
    background: #FFFFFF !important;
    padding-left: 15px !important;
  }
  
  .certificate-information-form-content .ui-collapsible-heading .ui-btn {
    padding-left: 18px !important;
    padding-top: 0;
    padding-bottom: 0;
  }
  
  .certificate-information-form-content .ui-collapsible-content {
    padding-left: 30px;
  }
  
  .certificate-information-form-content .ui-collapsible-content p {
    margin: 0 0 12px;
  }
  
  .certificate-information-form-content .ui-collapsible-content .certification-detail {
    margin-bottom: 9px;
  }
  
  .certificate-information-form-content .ui-accordion .ui-accordion-header.ui-state-active {
    background: none;
    background-image: url(/responsiveUI/javax.faces.resource/images/certificate_with_bg_icon_FFFFFF.svg.xhtml?con=totemo);
    background-repeat: no-repeat;
  }
  
  .certificate-information-form-content .ui-collapsible-content {
    margin-bottom: 0 !important;
    border: none !important;
    border-left: 7px solid #00376E !important;
    background-color: #FFFFFF !important;
  }
  
  /* ####### Certificate Information Desktop small ######## */  
  .certificate-information-form-content .ui-accordion.ui-hidden-container {
    border: 1px solid #E5E5E5;
    margin-bottom: 15px;
  }
  
  .certificate-information-form-content .ui-accordion .ui-accordion-header,
  .certificate-information-form-content .ui-accordion .ui-accordion-header.ui-state-active {
    background-image: url(/responsiveUI/javax.faces.resource/images/certificate_with_bg_icon_ADADAD.svg.xhtml?con=totemo);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 80px 50px;
    border: 0 none;
    color: #00376E;
    font-size: 16px !important;
    line-height: 32px;
    padding: 8px 11px 8px 100px;
    margin-top: 0;
  }
  
  .certificate-information-form-content .ui-accordion .ui-accordion-header.ui-state-active {
    background-image: url(/responsiveUI/javax.faces.resource/images/certificate_with_bg_icon_694B7E.svg.xhtml?con=totemo);
    background-position: left top;
    background-repeat: no-repeat;
  }
  
  .certificate-information-form-content .ui-accordion .ui-accordion-content {
    background: #FFFFFF none repeat scroll 0 0 !important;
    border: 0 none;
    margin-bottom: 1px;
    margin-top: -1px;
    padding: 0 20px 16px 100px;
    border-left: 8px solid #00376E;
  }
  
  .certificate-information-form-content .ui-accordion .ui-accordion-header .ui-icon.ui-icon-triangle-1-e {
    background-image: url(/responsiveUI/javax.faces.resource/images/accordeon_open_icon_3C3C3B.svg.xhtml?con=totemo);
    background-position: center center;
    background-size: 11px 6px;
    display: block !important;
    left: auto;
    right: 13px !important;
    margin-top: -8px;
  }
  
  .certificate-information-form-content h3.ui-state-active .ui-icon.ui-icon-triangle-1-s {
    background-image: url(/responsiveUI/javax.faces.resource/images/accordeon_close_icon_694B7E.svg.xhtml?con=totemo);
    background-position: center center;
    background-size: 11px 6px;
    display: block !important;
    left: auto;
    right: 13px !important;
    margin-top: -8px;
  }
  
  .certificate-information-form-content .ui-accordion-content .certification-detail {
    margin-bottom: 5px;
  }
  
  .certificate-information-form-content .ui-accordion-content .certification-detail .detail-label {
    font-weight: bold;
    width: 150px;
    font-size: 16px !important;
  }
  
  .certificate-information-form-content .ui-accordion-content .certification-detail .detail-value {
    font-size: 16px !important;
  }
  
  .download-certificate-form-content .input {
    margin-bottom: 0 !important;
  }
  
  .download-certificate-form-content .input-label,
  .download-certificate-form-content .input-meta .input-label {
    font-size: 16px;
    line-height: 16px;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 5px;
  }
  
  .download-certificate-form-content .input-field {
    margin-bottom: 20px;
  }
  
  .download-certificate-form-content .pin-label,
  .download-certificate-form-content .pin-panel,
  .download-certificate-form-content .pin-description {
    display: block;
  }
  
  .download-certificate-form-content .pin-panel {
    font-size: 18px;
    line-height: 24px;
    padding: 13px 15px;
    margin-bottom: 20px;
  }
    
    .certificate-information-form-header .form-interaction {
      margin-bottom: 15px;
    }
    
    .certificate-information-form-header .form-interaction .ui-inputfield {
      height: 30px;
      padding: 3px 15px;
    }
    
    .certificate-information-form-header .please-enter-new-password-label {
      margin-bottom: 28px;
    }
    
    .certificates-form-content {
      padding: 27px 15px 50px;
    }
    
    .download-certificate-form-content {
      padding: 27px 15px 35px;
    }
    
    .certificates-form-content h1 {    
      margin-bottom: 27px; 
      padding: 0 5px;
    }
    
    .download-certificate-form-content h1 {    
      margin-bottom: 17px; 
      padding: 0 5px;
    }
    
    .download-certificate-form-content .description {
      padding: 0 5px;
    }
    
    .certificates-form-content .spacer .form-separator {
      margin: 35px 0;
      background-color: transparent; 
    }
    
    .download-certificate-form-content .choice-item-separator .form-separator {
      margin: 24px 0;
    }
    
    .certificates-form-content .import-success-panel {
      border: 0 none;
      padding: 12px 20px 23px;
    }
    
    .certificates-form-content .certificates-table-controls {
      margin-top: -5px;
      padding: 0 20px;
    }
    
    .certificates-form-content .certificates-table-controls .certificates-controls {
      padding-top: 6px;
    }
    
    .certificates-form-content .certificates-table-controls .certificates-preferences {
      padding-bottom: 3px;
    }
    
    .certificates-form-content .choice-item,
    .download-certificate-form-content .choice-item {
      padding: 0 15px;
    }
    
    .certificates-form-content .choice-item-head,
    .download-certificate-form-content .choice-item-head{
      margin-bottom: 0;
      max-height: 35px;
    }
    
    .certificates-form-content .choice-button-container .button,
    .download-certificate-form-content .choice-button-container .button {
      margin: 10px 0;
    }
    
    .certificates-form-content .choice-button-container .button-left,
    .download-certificate-form-content .choice-button-container .button-left {
      margin-right: 9px;
    }
    
    .certificates-form-content .choice-button-container .offset-left,
    .download-certificate-form-content .choice-button-container .offset-left {
      margin-left: 35px;
    }
  
    .certificates-form-content .choice-item-accordion,
    .download-certificate-form-content .choice-item-accordion {
      margin-top: 0;
      margin-bottom: 0;
    }
    
    .certificates-form-content .import-filename {
      display: block;
    }
    
    .download-certificate-form-content .input-field {
      height: 30px;
      padding: 3px 15px;
    }
    
    .download-certificate-form-content .input-field-label {
      font-weight: normal;
    }
    
    .download-certificate-form-content .pin-panel {
      font-weight: bold;
    }
    
    .certificate-information-form-content {
      padding-bottom: 35px !important;
    }
  
    .certificate-information-form-content .accordion-tab-indent {
      margin-left: 40px;
    }
    
    .certificate-information-form-content .form-separator {
      margin: 18px 0 5px;
    }
    
    .certificate-information-form-content .certification-detail-top {
      margin-top: 0;
    }
    
    .certificate-information-form-content .certification-detail .detail-label {
      font-weight: normal;
      width: 199px;
    }
    
    .certificate-information-form-content .certification-detail .detail-value {
      display: table-cell;
    }
    
    .certificate-information-form-content .certification-detail .more-details-accordion {
      margin-bottom: 0 !important;
      margin-left: 0 !important;
    }
    
    .certificates-table .line-spacer,
  .result-table .line-spacer {
    margin-bottom: 6px;
  }
    
    .certificates-table .issuer-column {
    width: 18%;
  }
  
  .certificates-table .valid-until-column,
  .certificates-table .created-column {
    width: 11.5%;
  }
  
  .certificates-table .usage-column {
    width: 95px;
  }
  
  .certificates-table .sign-column {
    width: 50px;
  }
  
  .certificates-table .encrypt-column {
    width: 60px;
  }
  
  .certificates-table .sign-column,
  .certificates-table .encrypt-column {
    padding: 8px 4px 5px;
    text-align: center;
  }
  
  .certificates-table th.sign-column,
  .certificates-table th.encrypt-column {
    padding-top: 7px;
  }
  
  .certificates-table .details-column {
    width: 55px;
    padding: 15px 10px 15px 0;
  }
  
  .certificates-table .summary-column {
    padding: 13px 6px 41px;
  }
    
    .certificates-table thead,
  .result-table thead,
  .tracking-messages-table thead,
  .recipient-info-table thead {
    display: none;
  }
  
  .mail-table tbody td,
  .contacts-table tbody td,
  .certificates-table tbody td {
    padding: 10px 6px 13px 6px;
    line-height: 20px;
    vertical-align: top;
  }
  
  .result-table tbody td {
    padding: 0;
    line-height: 20px;
    vertical-align: top;
  }
  
  .certificates-table tbody td.usage-column {
    font-size: 14px;
    line-height: 18px;
    word-wrap: break-word;
  }
  
  .certificates-table tbody td.sign-column,
  .certificates-table tbody td.encrypt-column {
    text-align: center;
  }
  
  .certificates-table tbody td.summary-column {
    padding: 13px 6px 41px;
  }
  
  .certificates-table tbody td.details-column {
    vertical-align: bottom;  
  }
  
  .certificates-table .summary-column .form-separator {
    background: 0 none;
    margin: 13px 0 12px;
  }
  .certificates-table-controls .button-export-cert {
      background-image: url(/responsiveUI/javax.faces.resource/images/export_certificate_icon_3C3C3B.svg.xhtml?con=totemo) !important;
      background-size: 11px 17px;
    }
    
    .certificates-table-controls .button-export-cert:hover {
      background-image: url(/responsiveUI/javax.faces.resource/images/export_certificate_icon_694B7E.svg.xhtml?con=totemo) !important;
    }
    
    .certificates-table-controls .button-use-sign {
      background-image: url(/responsiveUI/javax.faces.resource/images/use_to_sign_icon_3C3C3B.svg.xhtml?con=totemo) !important;
      background-size: 18px 13px;
    }
    
    .certificates-table-controls .button-use-sign:hover {
      background-image: url(/responsiveUI/javax.faces.resource/images/use_to_sign_icon_694B7E.svg.xhtml?con=totemo) !important;
    }
    
    .certificates-table-controls .button-use-encrypt {
      background-image: url(/responsiveUI/javax.faces.resource/images/use_to_encrypt_icon_3C3C3B.svg.xhtml?con=totemo) !important;
      background-size: 13px 17px;
    }
    
    .certificates-table-controls .button-use-encrypt:hover {
      background-image: url(/responsiveUI/javax.faces.resource/images/use_to_encrypt_icon_694B7E.svg.xhtml?con=totemo) !important;
    }
    
    .contacts-preferences .button-search {
      height: 29px;
    }
    
    .certificates-table {
     margin: 0 0 20px;
    }
    
    .certificates-table .details-column {
      width: 65px;
      padding: 10px 15px 5px 0;
    }
    
    .certificates-table th.details-column {
      padding-top: 7px;
    }
    .certificates-table tbody tr.selected td {
    background-color: #E5E5E5;
  }
      .certificates-table tbody tr td {
      padding: 8px 6px 5px;
    }
  .certificates-table thead tr th {
      padding: 7px 6px 5px;
    }
    .certificates-table thead th,
    .result-table thead th  {
      border: 0 none !important;
      padding: 0;
      text-align: left;
      font-weight: bold;
    }
    .certificates-table tbody tr.selected td {
      background-color: inherit;
    }
    
    .certificates-table tbody tr:nth-child(odd) td {
      background-color: #F6F6F6;
    }
    
    .certificates-table thead,
    .result-table thead {
      display: table-header-group;
    }
    
    .certificates-table tbody td.details-column {
      text-align: center;
      vertical-align: top;
    }


    /* ################################ XS ####################################### */
#page.container {
    margin: 0;
    position: relative;
  }
  
  .ui-table tr.ui-bar-b {
    background-color: inherit;
    border-color: inherit;
    color: inherit;
    text-shadow: inherit;
    font-weight: inherit;
  }
  
  .ui-autocomplete-items,
  .receiver-autocomplete-panel.receiver-menu .ui-autocomplete-items {
    margin-top: 10px;
  }
  
  .receiver-autocomplete-panel .ui-autocomplete-items {
      margin-top: 0;
  }
  
  .receiver-autocomplete-panel .ui-autocomplete-item {
     font-size: 16px !important;
  }
  
  .content-row {
    height: 40px;
  }
  
  .overlay-mobile-header-wrapper {
    margin-top: -75px;
  }
  
  .mobile-menu {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    font-size: 16px;
    line-height: 20px;
  }
  
  .mobile-menu .ui-overlaypanel,
  .mobile-menu .ui-overlaypanel-content,
  .mobile-menu .ui-panel,
  .mobile-menu .ui-panel-inner {
    position: absolute;
    top: 0 !important;
    left: 0 !important;
    min-height: 100%;
    max-height: none;
    width: 75%;
    padding: 0;
    border: 0 none;
    box-shadow: none;
  }
  
  .mobile-menu .ui-overlaypanel,
  .mobile-menu .ui-panel {
    width: 75%;
  }
  
  .mobile-menu .ui-overlaypanel-content,
  .mobile-menu .ui-panel-inner {
    width: 100%;
  }
  
  .mobile-menu .ui-datalist-content,
  .mobile-menu .ui-datalist-data {
    background: transparent;
    border: 0 none;
    margin: 0;
    padding: 0;
  }
  
  .mobile-menu .ui-datalist-data {
    list-style: outside none none;
  }
  
  .mobile-menu .ui-commandlink {
    display: inline-block;
    width: 100%;
    padding: 12px 0;
    line-height: 22px;
  }
  
  .mobile-menu .ui-commandlink,
  .mobile-menu .ui-commandlink:active,
  .mobile-menu .ui-commandlink:focus,
  .mobile-menu .ui-commandlink:hover {
    text-decoration: none;
    font-size: 16px;
    font-weight: normal;
    box-shadow: none;
  }
  
  .mobile-menu .ui-commandlink:after {
    display: none;
    background-image: none;
  }
  
  .mobile-menu .settings .ui-commandlink {
    padding: 16px 10px 17px 15px; 
    line-height: 22px;
  }
  
  .mobile-menu .settings .settings-icon {
    float: right;
    width: 22px;
    height: 22px;
    margin: 0 -4px;
    background: url(/responsiveUI/javax.faces.resource/theme/mobile/images/icons-png/gear-white.png.xhtml?con=totemo) no-repeat center center;
  }
  
  .mobile-menu .menu-item.active,
  .mobile-menu .menu-item.bold {
      font-weight: bold !important;
  }
  
  .mobile-menu .main-menu-item {
    border: 0 none;
    cursor: pointer;
    height: 40px;
    margin-right: 5px;
    padding: 10px 10px 10px 15px;
    text-align: left;
    vertical-align: middle;
    width: 100%;
  }
  
  .mobile-menu .main-menu-item a {
    padding: 0 0 0 25px;
  }
  
  .mobile-menu .main-menu-item a.send_icon {
    background-image: url(/responsiveUI/javax.faces.resource/images/send_msg_icon_694B7E.svg.xhtml?con=totemo);
    background-size: 16px 10px;
    background-position: 4px center;
    background-repeat: no-repeat;
  }
  
  .mobile-menu .main-menu-item a.person_icon {
    background-image: url(/responsiveUI/javax.faces.resource/images/person_icon_694B7E.svg.xhtml?con=totemo);
    background-size: 9px 15px;
    background-position: 8px center;
    background-repeat: no-repeat;
  }
  
  .mobile-menu .main-menu-item.active .active-icon {
    float: right;
    width: 22px;
    height: 22px;
    margin: 0 -4px;
    background: url(/responsiveUI/javax.faces.resource/theme/mobile/images/icons-png/carat-r-694B7E.png.xhtml?con=totemo) no-repeat center center;
  }
  
  .mobile-menu .main-menu-item-icon {
    max-height: 17px;
    margin-right: 10px; 
  }
  
  .mobile-menu .mobile-menu-items {
    padding: 0 16px 0 16px;
    margin-bottom: 25px;
  }
  
  .mobile-menu .mobile-menu-items .ui-commandlink {
    border-width: 0 0 1px 0; 
    border-style: dotted;
  }
  
  .mobile-menu .mobile-menu-items .ui-commandlink.separator {
    border-style: solid;
  }
  
  .mobile-menu .button {
    height: 40px;
    width: auto;
    margin: 0 0 10px 40px;
    padding: 8px 15px;
  }
  
  .mobile-menu .button,
  .mobile-menu .button:hover,
  .mobile-menu .button:active,
  .mobile-menu .button:focus {
    box-shadow: none;
  }
  
  .mobile-menu .button .ui-button-text {
    padding: 0;
    font-size: 18px;
  }
  
  .mobile-menu .main-menu-btn-close {
    position: absolute;
    top: 15px;
    right: -55px;
  }
  
  .mobile-menu .main-menu-btn-close,
  .header .main-menu-btn
   {
    border: 1px solid;
    padding: 0;
    height: 40px;
    width: 40px;
    font-size: 0;
  }
  
  .mobile-menu .main-menu-btn-close,
  .mobile-menu .main-menu-btn-close:hover,
  .mobile-menu .main-menu-btn-close:active,
  .mobile-menu .main-menu-btn-close:focus {
    background-image: url(/responsiveUI/javax.faces.resource/theme/mobile/images/icons-png/close-totemo.png.xhtml?con=totemo);
    background-position: center center;
    background-repeat: no-repeat;
    box-shadow: none;
  }
  
  .header .main-menu-btn {
    margin: 15px 0 0 15px;
  }
  
  .header .main-menu-btn,
  .header .main-menu-btn:hover,
  .header .main-menu-btn:active,
  .header .main-menu-btn:focus {
    background: transparent url(/responsiveUI/javax.faces.resource/theme/mobile/images/icons-png/bars-totemo.png.xhtml?con=totemo) center center no-repeat;
    box-shadow: none;
  }
  
  .header .help {
    margin-top: 25px;
  }
  
  .tab-navigation {
    position: relative;
  }
  
  .tab-navigation-items {
      width: auto;
      margin-left: 28.4333%;
  }
  
  .tab-navigation .main-menu-item {
    position: relative;
    border-top-style: solid;
    border-top-width: 3px;
    cursor: pointer;
    display: table-cell;
    float: left;
    height: 45px;
    margin-right: 5px;
    padding: 0;
    text-align: center;
    vertical-align: middle;
  }
  
  .tab-navigation .main-menu-item:hover,
  .tab-navigation .main-menu-item.active {
    z-index: 1;
  }
  
  .tab-navigation .main-menu-item a {
    float: left;
    font-size: 18px;
    line-height: 22px;
    font-weight: normal;
    padding: 10px 15px 10px 47px;
  }
  
  .tab-navigation .main-menu-item a,
  .tab-navigation .main-menu-item a:hover,
  .tab-navigation .main-menu-item a:active,
  .tab-navigation .main-menu-item a:focus {
    text-decoration: none;
  }
  
  .tab-navigation .main-menu-item a.send_icon {
    background-image: url(/responsiveUI/javax.faces.resource/images/send_msg_icon_694B7E.svg.xhtml?con=totemo);
    background-size: 22px 14px;
    background-position: 17px center;
    background-repeat: no-repeat;
  }
  
  .tab-navigation .main-menu-item a.person_icon {
    background-image: url(/responsiveUI/javax.faces.resource/images/person_icon_694B7E.svg.xhtml?con=totemo);
    background-size: 12px 19px;
    background-position: 22px center;
    background-repeat: no-repeat;
  }
  
  .form .form-content .mail-folder-content,
  .form .form-content .contacts-content {
    overflow: hidden;
    padding: 0 15px;
  }
  
  .mail-table,
  .contacts-table,
  .certificates-table,
  .result-table {
    font-size: 16px !important;
  }
  
  .mail-table .mail-sender,
  .mail-table .mail-draft,
  .mail-table .mail-subject,
  .mail-table .mail-description {
    display: block;
  }
      
  .mail-table .mail-sender,
  .mail-table .mail-draft {
    line-height: 20px;
  }
  
  
  .mail-table .mail-description {
    line-height: 16px;
  }
  
  .mail-table .nowrap-ellipsis-label,
  .certificates-table .nowrap-ellipsis-column,
  .certificates-table .nowrap-ellipsis-label,
  .contacts-table .contacts-table-column,
  .result-table .nowrap-ellipsis-label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 20px;
  }
  
  .mail-table .wrap-ellipsis-label,
  .certificates-table .wrap-ellipsis-column,
  .certificates-table .wrap-ellipsis-label,
  .result-table .wrap-ellipsis-label {
    white-space: normal;
  }
  
  .certificates-table .line-spacer,
  .result-table .line-spacer {
    margin-bottom: 6px;
  }
  
  .contacts-table .first-name-column,
  .contacts-table .last-name-column {
    width: 16%;
  }
  
  .contacts-table .company-column {
    width: 12.5%;
  }
  
  .contacts-table .mobile-number-column {
    width: 19%;
    padding-right: 20px !important;
  }
  
  .certificates-table .issuer-column {
    width: 18%;
  }
  
  .certificates-table .valid-until-column,
  .certificates-table .created-column {
    width: 11.5%;
  }
  
  .certificates-table .usage-column {
    width: 95px;
  }
  
  .certificates-table .sign-column {
    width: 50px;
  }
  
  .certificates-table .encrypt-column {
    width: 60px;
  }
  
  .certificates-table .sign-column,
  .certificates-table .encrypt-column {
    padding: 8px 4px 5px;
    text-align: center;
  }
  
  .certificates-table th.sign-column,
  .certificates-table th.encrypt-column {
    padding-top: 7px;
  }
  
  .certificates-table .details-column {
    width: 55px;
    padding: 15px 10px 15px 0;
  }
  
  .certificates-table .summary-column {
    padding: 13px 6px 41px;
  }
  
  .contacts-table .name-column,
  .contacts-table .ui-column-header.name-column {
    width: 100%;
    font-size: 20px;
    line-height: 26px;
    padding: 7px 15px;
  }
  
  .contacts-table .ui-column-header.name-column,
  .contacts-table-mobile th.name-column {
    background: #00376E none repeat scroll 0 0;
    border: none;
  }
  
  .contacts-table-mobile th.name-column a,
  .contacts-table-mobile th.name-column a:link,
  .contacts-table-mobile th.name-column a:visited {
      color: #FFFFFF;
      text-decoration: none;
  }
  
  .contacts-table-column-label .ui-link {
    color: #FFFFFF;
    font-weight: bold;
  }
  
  .contacts-table-mobile .ui-widget-content {
    border-color: #FFFFFF;
  }
  
  .contacts-table-mobile-container.visible-xs {
    width: calc(100% - 30px);
  }
  
  .tracking-messages-table .sent-to-subject-column,
  .tracking-messages-table .type-column,
  .tracking-messages-table .sending-date-time-column,
  .tracking-messages-table .read-at-column,
  .tracking-messages-table .open-column,
  .tracking-messages-table .valid-from-to-column,
  .tracking-messages-table .edit-button-column {
    width: 100%;
    padding: 15px 0;
    float: left;
  }
  
  .recipient-info-table .user-name-column,
  .recipient-info-table .email-address-column,
  .recipient-info-table .security-type-column,
  .recipient-info-table .check-tls-column,
  .recipient-info-table .more-column,
  .recipient-info-table .no-recipient-found-column,
  .recipient-info-table .create-recipient-column {
    width: 100%;
    padding: 0;
    float: left;
  }
  
  .trust-relations-table .checkbox-column,
  .trust-relations-table .recipient-column,
  .trust-relations-table .certificates-owner-column,
  .trust-relations-table .storage-date-column {
    width: 100%;
    float: left;
  }
  
  .trust-relations-table .checkbox-column {
    margin: 7px 0 10px;
    padding: 0;
  }
  
  .trust-relations-table .recipient-column, .trust-relations-table .certificates-owner-column, .trust-relations-table .storage-date-column {
    padding: 0 0 0 23px;
    margin: 10px 0;
  }
  
  .trust-relations-table .checkbox-column .trusted-image,
  .trust-relations-content .note-item .trusted-image,
  .trust-relations-table .checkbox-column .not-trusted-image,
  .trust-relations-content .note-item .not-trusted-image,
  .trust-relations-table .checkbox-column .status-cancelled-image,
  .trust-relations-content .note-item .status-cancelled-image,
  .trust-relations-table .checkbox-column .status-ok-image,
  .trust-relations-content .note-item .status-ok-image {
    float: left;
    background-repeat: no-repeat;
    background-position: center center;
  }
  
  .trust-relations-table .checkbox-column .trusted-image,
  .trust-relations-table .checkbox-column .not-trusted-image,
  .trust-relations-table .checkbox-column .status-cancelled-image,
  .trust-relations-table .checkbox-column .status-ok-image {
    margin-left: 11px;
  }
  
  .trust-relations-table .checkbox-column .status-cancelled-image,
  .trust-relations-content .note-item .status-cancelled-image,
  .trust-relations-table .checkbox-column .status-ok-image,
  .trust-relations-content .note-item .status-ok-image {
      margin-top: 5px;
  }
  
  .trust-relations-table .checkbox-column .trusted-image,
  .trust-relations-content .note-item .trusted-image {
    background-image: url(/responsiveUI/javax.faces.resource/images/set_as_trusted_icon_3C3C3B.svg.xhtml?con=totemo);
    background-size: 19px 21px;
    height: 21px;
    width: 19px;
  }
  
  .trust-relations-table .checkbox-column .not-trusted-image,
  .trust-relations-content .note-item .not-trusted-image {
    background-image: url(/responsiveUI/javax.faces.resource/images/set_as_not_trusted_icon_3C3C3B.svg.xhtml?con=totemo);
    background-size: 19px 21px;
    height: 21px;
    width: 19px;
  }
  
  .trust-relations-table .checkbox-column .status-cancelled-image,
  .trust-relations-content .note-item .status-cancelled-image {
    background-image: url(/responsiveUI/javax.faces.resource/images/trust_decision_cancelled_icon_EC1B23.svg.xhtml?con=totemo);
    background-size: 12px 12px;
    height: 12px;
    width: 12px;
  }
  
  .trust-relations-table .checkbox-column .status-ok-image,
  .trust-relations-content .note-item .status-ok-image {
    background-image: url(/responsiveUI/javax.faces.resource/images/check_icon_71D617.svg.xhtml?con=totemo);
    background-size: 14px 13px;
    height: 13px;
    width: 14px;
  }
  
  .trust-relations-table .recipient-column .column-value {
      display: block;
  }
  
  .recipient-info-table .info-panel {
    padding: 23px 15px 18px;
  }
  
  .tracking-messages-log-table .tracking-message-log-column {
    padding: 15px 0;
  }
  
  .tracking-messages-log-table .date-column,
  .tracking-messages-log-table .category-column,
  .tracking-messages-log-table .message-column {
    width: 100%;
    padding: 0;
    float: left;
  }
  
  .tracking-messages-table .edit-panel,
  .recipient-info-table .check-tls-panel,
  .recipient-info-table .more-info-panel,
  .check-tls-search-panel {
    width: 100%;
    padding: 15px 15px 20px 15px;
    float: left;
  }
  
  .recipient-info-table .check-tls-panel,
  .recipient-info-table .more-info-panel,
  .check-tls-search-panel {
    padding-top: 0;
  }
  
  .recipient-info-table .check-tls-panel
  .check-tls-search-panel {
    padding-bottom: 10px;
  }
  
  .tracking-messages-table .edit-panel-accordion,
  .recipient-info-table .check-tls-panel-accordion,
  .recipient-info-table .more-info-panel-accordion {
    margin: 0;
  }
  
  .recipient-info-table .check-tls-panel-accordion .ui-collapsible-content,
  .recipient-info-table .check-tls-panel-accordion .ui-accordion-content,
  .recipient-info-table .more-info-panel-accordion .ui-collapsible-content,
  .recipient-info-table .more-info-panel-accordion .ui-accordion-content {
    padding: 20px 20px 20px 30px !important;
  }
  
  .recipient-info-table .check-tls-panel-accordion .ui-collapsible-content a,
  .recipient-info-table .check-tls-panel-accordion .ui-accordion-content a {
    text-decoration: underline;
    font-weight: normal;
    padding-left: 24px;
  }
  
  .recipient-info-table .check-tls-panel-accordion .ui-collapsible-content a:hover,
  .recipient-info-table .check-tls-panel-accordion .ui-accordion-content a:hover,
  .recipient-info-table .check-tls-panel-accordion .ui-collapsible-content a:active,
  .recipient-info-table .check-tls-panel-accordion .ui-accordion-content a:active,
  .recipient-info-table .check-tls-panel-accordion .ui-collapsible-content a:focus,
  .recipient-info-table .check-tls-panel-accordion .ui-accordion-content a:focus {
    text-decoration: none;
  }
  
  .recipient-info-table .check-tls-panel-accordion .ui-collapsible-content a:active,
  .recipient-info-table .check-tls-panel-accordion .ui-accordion-content a:active,
  .recipient-info-table .check-tls-panel-accordion .ui-collapsible-content a:focus,
  .recipient-info-table .check-tls-panel-accordion .ui-accordion-content a:focus {
    font-weight: bold;
  }
  
  .recipient-info-table .check-tls-panel .ui-datalist,
  .recipient-info-table .check-tls-panel .ui-datalist-content,
  .recipient-info-table .check-tls-panel .ui-listview,
  .recipient-info-table .check-tls-panel .ui-datalist-data,
  .recipient-info-table .check-tls-panel .ui-listview li,
  .recipient-info-table .check-tls-panel .ui-datalist-data li,
  .check-tls-search-panel .ui-datalist,
  .check-tls-search-panel .ui-datalist-content,
  .check-tls-search-panel .ui-listview,
  .check-tls-search-panel .ui-datalist-data,
  .check-tls-search-panel .ui-listview li,
  .check-tls-search-panel .ui-datalist-data li {
    border: 0 none;
  }
  
  .recipient-info-table .check-tls-panel .ui-listview,
  .recipient-info-table .check-tls-panel .ui-datalist-data,
  .check-tls-search-panel .ui-listview,
  .check-tls-search-panel .ui-datalist-data{
    margin: 0;
    padding: 0;
    list-style: outside none none;
  }
  
  .recipient-info-table .check-tls-panel .ui-listview li,
  .recipient-info-table .check-tls-panel .ui-datalist-data li,
  .check-tls-search-panel .ui-listview li,
  .check-tls-search-panel .ui-datalist-data li{
    background-image: url(/responsiveUI/javax.faces.resource/images/trust_decision_cancelled_icon_EC1B23.svg.xhtml?con=totemo);
    background-position: left 4px;
    background-size: 15px 15px;
    background-repeat: no-repeat;
    padding: 0 0 0 25px;
    margin-bottom: 30px;
    white-space: normal;
  }
  
  .recipient-info-table .more-info-panel .more-info-row {
    padding: 0;
  }
  
  .certificates-table thead,
  .result-table thead,
  .tracking-messages-table thead,
  .recipient-info-table thead {
    display: none;
  }
  
  .mail-table tbody td,
  .contacts-table tbody td,
  .certificates-table tbody td {
    padding: 10px 6px 13px 6px;
    line-height: 20px;
    vertical-align: top;
  }
  
  .result-table tbody td {
    padding: 0;
    line-height: 20px;
    vertical-align: top;
  }
  
  .certificates-table tbody td.usage-column {
    font-size: 14px;
    line-height: 18px;
    word-wrap: break-word;
  }
  
  .certificates-table tbody td.sign-column,
  .certificates-table tbody td.encrypt-column {
    text-align: center;
  }
  
  .certificates-table tbody td.summary-column {
    padding: 13px 6px 41px;
  }
  
  .certificates-table tbody td.details-column {
    vertical-align: bottom;  
  }
  
  .navigation-alphabet.visible-xs {
    float: right;
    width: 30px;
  }
  
  .form .form-header {
    position: relative;
    padding: 0;
  }
  
  .form .form-header .headline-panel {
    padding: 0 15px;
  }
    
  .form .form-header .headline-panel h1 {
    font-size: 18px;
    line-height: 24px;
    margin: 8px 0;
  }
  
  .form .form-header .recipient-info-header .headline-panel h1 {
    margin: 23px 0;
  }
  
  .form .form-header .search-panel {
    padding: 0 15px 10px;
  }
  
  .form .form-header .mail-folder-header,
  .form .form-header .contacts-header {
    height: 70px;
    padding: 15px;
  }
  
  .form .form-header .tracking-messages-header,
  .form .form-header .trust-relations-header {
    padding: 15px 0; 
  }
  
  .form .form-header .mail-folder-header .mail-folder-header-left,
  .form .form-header .mail-folder-header .mail-folder-header-right {
    height: 100%;
  }
  
  .form-header .mail-folder-label {
    font-size: 18px;
  }
  
  .mail-control-button,
  .contact-control-button,
  .search-control-button {
    float: right;
    width: 40px !important;
    height: 40px !important;
    padding: 0;
    margin: 0 0 0 5px !important;
    background-position: center center;
    background-repeat: no-repeat;
  }
  
  .mail-control-button,
  .mail-control-button:hover,
  .mail-control-button:active,
  .mail-control-button:focus,
  .contact-control-button,
  .contact-control-button:hover,
  .contact-control-button:active,
  .contact-control-button:focus,
  .search-control-button,
  .search-control-button:hover,
  .search-control-button:active,
  .search-control-button:focus {
    border: 0 none !important;
    box-shadow: none;
    background-color: transparent;
  }
  
  .mail-control-button.button-edit {
    background-image: url(/responsiveUI/javax.faces.resource/images/mobile_edit_694B7E.svg.xhtml?con=totemo) !important;
  }
  
  .mail-control-button.button-search,
  .contact-control-button.button-search {
    background-image: url(/responsiveUI/javax.faces.resource/images/mobile_search_3C3C3B.svg.xhtml?con=totemo) !important;
  }
  
  .search-control-button.button-search {
    background-image: url(/responsiveUI/javax.faces.resource/images/mobile_search_694B7E.svg.xhtml?con=totemo) !important;
  }
  
  .contact-control-button.button-new {
    background-image: url(/responsiveUI/javax.faces.resource/images/mobile_new_694B7E.svg.xhtml?con=totemo) !important;
  }
  
  .mail-table.hide-column-header table thead tr {
    display: none;
  }
  
  .mail-table .mail-sender.mail-unread,
  .mail-table .mail-subject.mail-unread,
  .mail-table .mail-date-received.mail-unread,
  .mail-table .mail-description.mail-unread {
    color: #00376E;
  }
  
  .mail-table .mail-sender.mail-unread,
  .mail-table .mail-subject.mail-unread,
  .mail-table .mail-date-received.mail-unread {
    font-weight: bold;
  }
  
  .mail-table .mail-sender,
  .mail-table .mail-draft {
    font-size: 20px;
    line-height: 26px;
  }
  
  .mail-table .mail-draft,
  .mail-table .mail-important-message {
    float: left;
    padding-right: 5px;
  }
  
  .mail-table .mail-important-message {
    margin: 3px 0;
  }
  
  .mail-table .mail-attachment-icon {
    height: 15px;
    width: 16px;
  }
  
  .mail-table tbody.ui-widget-content,
  .mail-table tr.ui-widget-content,
  .contacts-table tbody.ui-widget-content,
  .contacts-table tr.ui-widget-content,
  .certificates-table tbody.ui-widget-content,
  .certificates-table tr.ui-widget-content,
  .result-table tbody.ui-widget-content,
  .result-table tr.ui-widget-content {
    border: 0 none;
  }
  
  .mail-table tr {
    border-top: 1px solid #E5E5E5 !important;
  }
  
  .mail-table tr,
  .contacts-table tr,
  .certificates-table tr,
  .result-table tr {
    border-bottom: 1px solid #E5E5E5 !important;
  }
  
  .tracking-messages-log-table tr {
    border-top: 1px solid #E5E5E5 !important;
    border-bottom: 0 none !important;
  }
  
  .contacts-table tbody tr:last-child {
    border: 0 none !important;
  }
    
  .mail-table tbody tr:nth-child(odd) td,
  .certificates-table tbody tr:nth-child(odd) td,
  .result-table tbody tr:nth-child(odd) td {
    background-color: #F6F6F6;
  }
  
  .certificates-table tbody tr.selected td {
    background-color: #E5E5E5;
  }
  
  .contacts-table tbody tr:nth-child(odd) td {
    background-color: #FFFFFF;
  }
  
  .tracking-messages-log-table tbody td {
    background-color: #FFFFFF !important;
  }
  
  .mail-table tbody tr:hover td,
  .contacts-table tbody tr:hover td {
    background-color: #E5E5E5;
  }
  
  .mail-table-sender {
    width: 27%;
  }
  
  .mail-table-checkbox,
  .certificates-table-checkbox {
    width: 38px; 
    padding-left: 16px !important;
    padding-top: 12.5px !important;
  }
  
  .mail-table-attachment {
    width: 25px;
    padding-top: 11px !important;
  }
  
  .mail-table-receivedate {
    width: 62px;
    text-align: right !important;
    padding-right: 15px !important;
    padding-top: 11px !important;
    padding-left: 0px !important;    
  }
  
  .certificates-table .details-button {
    background-image: url(/responsiveUI/javax.faces.resource/images/see_details_icon_FFFFFF.svg.xhtml?con=totemo);
    background-position: center center;
    background-size: 28px 18px;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    display: inline-block;
  }
  
  .certificates-table .details-button,
  .certificates-table .details-button:hover,
  .certificates-table .details-button:focus,
  .certificates-table .details-button:active {
    color: transparent;
    background-color: #00376E;
    border: 0 none;
    box-shadow: none;
  }
  
  .recipient-info-table .create-recipient-column .button {
    margin: 8px 0 2px;
  }
  
  .tracking-messages-table .column-header-label,
  .recipient-info-table .column-header-label,
  .trust-relations-table .column-header-label {
    font-weight: bold;
  }
  
  .trust-relations-content .note-area {
      background-color: #E5E5E5;
  }
  
  .trust-relations-content .note-area .note {
      margin: 30px 0 8px;
  }
  
  .trust-relations-content .note-area span.note-item-description {
      margin-left: 6px;
  }
  
  #trustRelationsForm .form {
      box-shadow: none !important;
  }
  
  .certificates-table .summary-column .form-separator {
    background: 0 none;
    margin: 13px 0 12px;
  }
  
  .result-table .ui-accordion-content,
  .result-table .ui-collapsible-content {
    float: left;
    width: 100%;
    margin: 0 !important;
    padding: 15px 25px 0;
    border-top: 0 none !important;
    border-right: 1px solid #E5E5E5 !important;
    border-bottom: 1px solid #E5E5E5 !important;
    border-left: 7px solid #00376E !important;
  }
  
  .result-table .ui-accordion-content p,
  .result-table .ui-collapsible-content p {
    margin: 0;
  }
  
  .result-table .ui-accordion-content .control-panel,
  .result-table .ui-collapsible-content .control-panel {
    padding-bottom: 10px;
  }
  
  .result-table .ui-accordion-content .control-panel .recall-column,
  .result-table .ui-accordion-content .control-panel .calendar-column,
  .result-table .ui-accordion-content .control-panel .save-column {
    width: 100%;
    padding: 0;
  }
  
  .result-table .ui-accordion-content button,
  .result-table .ui-collapsible-content button {
    margin-top: 10px;
    margin-bottom: 15px;
  }
  
  .result-table .ui-accordion-content input,
  .result-table .ui-collapsible-content input {
    width: 100%;
    margin-top: 0;
    margin-bottom: 15px;
  }
  
  .result-table .ui-accordion-content label,
  .result-table .ui-collapsible-content label {
    font-weight: normal;
    margin-top: 8px;
    margin-bottom: 5px;
    display: block;
  }
  
  .mobile-action-menu .actions-container {
    position: fixed;
    background: #d7edf4;
    height: 75px;
    top: 0; 
    left: 0;
    padding: 0;
    z-index: 999;
  }
  
  .mobile-action-menu .actions-container-full {
    position: fixed;
    min-height: 100%;
    background: #FFFFFF;
    top: 0; 
    left: 0;
    right: 0;
    padding: 0;
    z-index: 1000;
  }
  
  .mobile-action-menu .actions-container-full .actions-container-header {
    height: 60px;
  }
  
  .mobile-action-menu .actions-container-header .primary-button,
  .mobile-action-menu .actions-container-header .button {
    width: auto;
    height: 40px;
    padding: 0 15px;
    margin: 10px 0;
    z-index: 1;
    font-size: 18px;
  }
  
  .mobile-action-menu .actions-container-header .search-label {
    width: auto;
    height: 40px;
    padding: 12px 15px;
    margin: 10px 0;
    z-index: 1;
    font-size: 16px;
    font-weight: normal;
  }
  
  .mobile-action-menu .actions-container-header .button,
  .mobile-action-menu .actions-container-header .button:hover,
  .mobile-action-menu .actions-container-header .button:active,
  .mobile-action-menu .actions-container-header .button:focus {
    box-shadow: none;
  }
  
  .mobile-action-menu .actions-container-header .button-top-right {
    position: absolute;
    top: 0;
    right: 15px;
  }
  
  .mobile-action-menu .actions-container-header .label-top-left {
    position: absolute;
    top: 0;
    left: 0;
  }
  
  .mobile-action-menu .actions-container-header .ui-input-text,
  .mobile-action-menu .actions-container-header .ui-input-search,
  .mobile-action-menu .actions-container-header .ui-autocomplete-input {
    margin: 10px 0;
  }
  
  .mobile-action-menu .actions-container-header .ui-input-text,
  .mobile-action-menu .actions-container-header .ui-input-text.ui-focus,
  .mobile-action-menu .actions-container-header .ui-input-search,
  .mobile-action-menu .actions-container-header .ui-input-search.ui-focus {
    border: none;
    box-shadow: none;
  }
  
  .mobile-action-menu .actions-container-header .ui-input-text input,
  .mobile-action-menu .actions-container-header .ui-input-search input {
    height: 40px;
    padding: 4px 0;
  }
  
  .mobile-action-menu .actions-container-header .ui-input-search:after {
    display: none;
  }
  
  .mobile-action-menu .actions-container-header .ui-input-text .ui-btn.ui-input-clear,
  .mobile-action-menu .actions-container-header .ui-input-search .ui-btn.ui-input-clear {
    display: none;
  }
  
  .mobile-action-menu .actions-container-header .search-pattern-input {
    margin: 0 -15px;
  }
  
  .mobile-action-menu .actions-container-header .search-pattern-input .ui-input-search {
    padding: 0 33.3333% 0 15px;
  }
  
  .mobile-action-menu .actions-container-header .search-receiver-input {
    height: 40px;
    width: 100%;
    margin: 10px 0;
    padding: 8px 100px 4px 40px;
    font-size: 16px !important;
  }
  
  .mobile-action-menu .actions-container-header .search-receiver-input,
  .mobile-action-menu .actions-container-header .search-receiver-input:hover,
  .mobile-action-menu .actions-container-header .search-receiver-input:active,
  .mobile-action-menu .actions-container-header .search-receiver-input:focus {
    border: none;
    box-shadow: none;
    outline: none;
  }
  
  .mobile-action-menu .mail-action-close {
    height: 40px;
    padding: 10px 0 0 15px;
    font-size: 16px;
    font-weight: normal;
  }
  
  .mobile-action-menu .mail-action-close .save {
    text-decoration: none; 
  }
  
  .mobile-action-menu .mail-action-close .delete {
    text-decoration: none;
    color: #FAA000;  
  }
  
  .mobile-action-menu .settings-priority{
     padding: 15px 15px 40px;
  }
  
  .mobile-action-menu .settings-priority .ui-select{
     margin: 0;
  }
  
  .mobile-action-menu .settings-checkboxes .checkbox-with-text {
     margin-bottom: 0px;
  }
  
  .mobile-action-menu .mail-action-inner {
    margin: 27px auto;
    display: table;
  }
  
  .mobile-action-menu .mail-selected-inner {
    margin: 15px auto 0;
    text-align: center;
  }
  
  .mobile-action-menu .certificate-selected-inner {
    margin: 15px 15px 0;
    text-align: center;
  }
  
  .mobile-action-menu .icon-box-container {   
    display: inline-block;
    width: 20%;
  }
  
  .mobile-action-menu .certificate-selected-inner .icon-box-container {   
    width: 33.3333%;
  }
  
  .mobile-action-menu a.icon-box {
    font-size: 16px;
    line-height: 16px;
    background-repeat: no-repeat;
    display: block;
    height: 47px;
    width: 100%;
    padding-top: 31px;
    background-position: center top;
  }
  
  .mobile-action-menu a.icon-box,
  .mobile-action-menu a.icon-box:hover,
  .mobile-action-menu a.icon-box:active,
  .mobile-action-menu a.icon-box:focus {
    text-decoration: none;
    font-weight: normal;
    box-shadow: none;
    border: 0 none;
  }
  
  .mobile-action-menu a.icon-box.reply {
    background-image: url(/responsiveUI/javax.faces.resource/images/reply_icon_3C3C3B.svg.xhtml?con=totemo);
    background-size: 21px 25px;
  }
  
  .mobile-action-menu a.icon-box.reply-to-all {
    background-image: url(/responsiveUI/javax.faces.resource/images/reply_to_all_icon_3C3C3B.svg.xhtml?con=totemo);
    background-size: 25px 25px;
  }
  
  .mobile-action-menu a.icon-box.forward {
    background-image: url(/responsiveUI/javax.faces.resource/images/forward_icon_3C3C3B.svg.xhtml?con=totemo);
    background-size: 25px 18px;
  }
  
  .mobile-action-menu a.icon-box.move-folder-to {
    background-image: url(/responsiveUI/javax.faces.resource/images/move_to_folder_icon_3C3C3B.svg.xhtml?con=totemo);
    background-size: 25px 20px;
  }
    
  .mobile-action-menu a.icon-box.delete {
    background-image: url(/responsiveUI/javax.faces.resource/images/delete_icon_3C3C3B.svg.xhtml?con=totemo);
    background-size: 19px 25px;
  }
  
  .mobile-action-menu a.icon-box.export-cert {
    background-image: url(/responsiveUI/javax.faces.resource/images/export_certificate_icon_3C3C3B.svg.xhtml?con=totemo);
    background-size: 16px 25px;
  }
    
  .mobile-action-menu a.icon-box.use-to-sign {
    background-image: url(/responsiveUI/javax.faces.resource/images/use_to_sign_icon_3C3C3B.svg.xhtml?con=totemo);
    background-size: 34px 23px;
  }
    
  .mobile-action-menu a.icon-box.use-to-encrypt {
    background-image: url(/responsiveUI/javax.faces.resource/images/use_to_encrypt_icon_3C3C3B.svg.xhtml?con=totemo);
    background-size: 19px 25px;
  }
  
  .mobile-action-menu a.icon-box.trusted {
    background-image: url(/responsiveUI/javax.faces.resource/images/set_as_trusted_icon_3C3C3B.svg.xhtml?con=totemo);
    background-size: 23px 25px;
  }
  
  .mobile-action-menu a.icon-box.not-trusted {
    background-image: url(/responsiveUI/javax.faces.resource/images/set_as_not_trusted_icon_3C3C3B.svg.xhtml?con=totemo);
    background-size: 23px 25px;
  }
  
  .mobile-action-menu a.icon-box.status-cancelled {
    background-image: url(/responsiveUI/javax.faces.resource/images/trust_decision_cancelled_icon_EC1B23.svg.xhtml?con=totemo);
    background-size: 18px 18px;
  }
  
  .mobile-action-menu .mail-action-label,
  .desktop-action-menu .mail-action-label {
    display: inline-block;
    margin: 0 0 0 15px;
    font-size: 18px;
    line-height: 18px;
    font-weight: bold;
    vertical-align: middle;
  }
  
  .mobile-action-menu .action-container-move-to .actions-container-header .ui-outputlabel {
    font-size: 18px;
    margin-top: 18px;
  }
  
  .mobile-action-menu .action-container-move-to .mail-folder,
  .mobile-action-menu .action-container-receiver-select .receiver,
  .mobile-action-menu .action-container-receiver-select .receiver .ui-datalist-content {
    border: none !important;
  }
  
  .mobile-action-menu .action-container-receiver-select .receiver .ui-datalist-data {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  
  .mobile-action-menu .action-container-move-to .mail-folder .ui-commandlink,
  .mobile-action-menu .action-container-move-to .mail-folder-label,
  .mobile-action-menu .action-container-receiver-select .receiver .ui-commandlink {
    display: block;
    border: none;
    border-bottom: 1px solid;
    text-align: left;
    font-size: 16px;
    padding: 10px 15px;
  }
  
  .mobile-action-menu .action-container-move-to .mail-folder .ui-commandlink:after,
  .mobile-action-menu .action-container-receiver-select .receiver .ui-commandlink:after {
    display: none;
  }
  
  .mobile-action-menu .action-container-move-to .mail-folder .ui-commandlink,
  .mobile-action-menu .action-container-move-to .mail-folder .ui-commandlink:focus,
  .mobile-action-menu .action-container-move-to .mail-folder .ui-commandlink:active,
  .mobile-action-menu .action-container-move-to .mail-folder .ui-commandlink:hover,
  .mobile-action-menu .action-container-receiver-select .receiver .ui-commandlink,
  .mobile-action-menu .action-container-receiver-select .receiver .ui-commandlink:focus,
  .mobile-action-menu .action-container-receiver-select .receiver .ui-commandlink:active,
  .mobile-action-menu .action-container-receiver-select .receiver .ui-commandlink:hover {
    box-shadow: none;
    font-weight: normal;
    text-decoration: none;
  }
  
  .mobile-action-menu .action-container-move-to .mail-folder.custom .ui-commandlink {
    padding-left: 30px;
  }
  
  .desktop-action-menu .actions-container {
    position: absolute;
    height: 67px;
    top: 0; 
    left: 0;
    right: 0;
    z-index: 1;
  }
  
  .desktop-action-menu .actions-container-search {
    float: left;
    width: 100%;
    padding: 25px 20px;
  }
  
  .desktop-action-menu .actions-container-search.mail-folder-search {
    margin-bottom: 41px;
  }
  
  .form-header .search-panel .ui-input-text,
  .form-header .search-panel .ui-inputfield,
  .form-header .search-panel .ui-selectonemenu {
    margin: 0 0 20px;
  }
  
  .form .form-header .search-panel .auto-width-button {
    margin: 0 0 10px;
  }
  
  .form-header .search-panel .ui-selectonemenu,
  .form-header .search-panel .ui-calendar .ui-inputfield {
    width: 100%;
  }
  
  .form-header .search-panel .advanced-search .input,
  .form-header .search-panel .advanced-search .ui-inputfield {
    margin: 0 0 20px;
  }
  
  .form-header .search-panel .advanced-search .ui-selectonemenu,
  .form-header .search-panel .advanced-search .ui-selectonemenu-label,
  .form-header .search-panel .advanced-search .ui-selectonemenu-trigger {
    margin: 0;
  }
  
  .form-header .search-panel .advanced-search .ui-selectonemenu-label {
    padding: 0;
  }
  
  .form-header .search-panel .advanced-search .ui-selectonemenu-trigger {
    padding-top: 6px;
  }
  
  .form-header .search-panel .input-label {
    font-weight: normal;
  }
  
  .desktop-action-menu .mail-action-inner {
    margin: 23px auto;
    display: table;
  }
  
  .ui-overlaypanel-dismiss,
  .ui-panel-dismiss {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    z-index: 999;
    display: none;
  }
  
  .new-message-form-header .new-message-control-buttons .button {
     float: right;  
  }
  
  .read-message-form-header .header-left .mail-important-message {
    float: left;
    margin-right: 5px;
    margin-top: 1px;
  }
  
  .read-message-form-header .header-left .mail-subject {
    display: block;
    font-weight: 700;
    font-size: 24px;
    margin-right: 10px;
    text-align: left;
  }
  
  .read-message-form-header .header-left .mail-date-received {
    color: #ccd7e2;
    margin-top: 8px;
    display: block;
    font-size: 16px;
  }
  
  .read-message-form-content .header-row,
  .new-message-form-content .header-row {
      min-height: 40px;
      line-height: 40px;
  }
  
  .new-message-form-content .header-row-input {
      display: inline-block;
      vertical-align: middle;
  }
  
  .read-message-form-content .header-row .header-row-label,
  .read-message-form-content .header-row .header-row-text,
  .new-message-form-content .header-row .header-row-label,
  .new-message-form-content .header-row .header-row-text {
      font-size: 16px;
  }
  
  .read-message-form-content .header-row .header-row-text,
  .new-message-form-content .header-row .header-row-text  {
      margin-left: 15px;
  }
  
  .read-message-form-content .header-row .header-row-text.highlight,
  .new-message-form-content .header-row .header-row-text.highlight {
      background-color: #d7edf4;
      padding: 6px 10px;
  }
  
  .read-message-form-content {
    padding: 15px 0;
  }
  
  .read-message-form-content .message-attachment-container,
  .new-message-form-content .message-attachment-container {
    margin-top: 15px;
  }
  
  .new-message-form-content .message-attachment-container {
    margin-bottom: 15px;
  }
  
  .read-message-form-content .read-message-description-container {
      padding: 0 15px 60px;
  }
  
  .read-message-form-content .read-message-description {
    font-size: 16px !important;
    padding: 0;
    border: none;
    margin-top: 15px;
    resize: none;
    box-shadow: none;
    width: 100%;
    display: block;
    font-weight: normal;
  }
  
  .read-message-form-content .read-message-description a {
      text-decoration: underline;
  }
  
  .read-message-form-content .message-attachment,
  .new-message-form-content .message-attachment {
    background-color: #d7edf4;
    height: 30px;
    line-height: 30px;
    padding: 0 40px 0 15px;
  }
  
  .read-message-form-content .message-attachment-text,
  .new-message-form-content .message-attachment-text {
    display: block;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  
  .read-message-form-content .message-attachment:hover,
  /* .read-message-form-content .message-attachment-text:hover,
  .read-message-form-content .message-attachment-text:active, */
  .read-message-form-content .message-attachment:visited,
  .new-message-form-content .message-attachment:hover,
  .new-message-form-content .message-attachment-text:hover,
  .new-message-form-content .message-attachment-text:active,
  .new-message-form-content .message-attachment:visited {
    color: #00376E;
    font-weight: normal;
  }
  
  .read-message-form-content .message-attachment.icon-box .attachment-icon,
  .new-message-form-content .message-attachment.icon-box .attachment-icon {
    position: absolute;
    top: 0;
    right: 15px;
    background-position: center center;
    background-repeat: no-repeat;
    height: 30px;
  }
  
  .read-message-form-content .message-attachment.icon-box .attachment-icon.download {
    background-image: url(/responsiveUI/javax.faces.resource/images/download_icon_3C3C3B.svg.xhtml?con=totemo);
    background-size: 14px 15px;
    width: 14px;
  }
  
  .read-message-form-content .message-attachment.icon-box:hover .attachment-icon.download {
    background-image: url(/responsiveUI/javax.faces.resource/images/download_icon_694B7E.svg.xhtml?con=totemo)
  }
  
  .new-message-form-content .message-attachment.icon-box .attachment-icon.delete {
    background-image: url(/responsiveUI/javax.faces.resource/images/delete_icon_3C3C3B.svg.xhtml?con=totemo);
    background-size: 12px 16px;
    width: 12px;
  }
  
  .new-message-form-content .message-attachment.icon-box:hover .attachment-icon.delete {
    background-image: url(/responsiveUI/javax.faces.resource/images/delete_icon_694B7E.svg.xhtml?con=totemo)
  }
  
  .mail-control-button.button-attachment {
    background-image: url(/responsiveUI/javax.faces.resource/images/mobile_attachement_3C3C3B.svg.xhtml?con=totemo) !important;
  }
  
  .mail-control-button.button-settings {
    background-image: url(/responsiveUI/javax.faces.resource/images/mobile_settings_3C3C3B.svg.xhtml?con=totemo) !important;
  }
  
  .mail-control-button.button-plus {
    background-image: url(/responsiveUI/javax.faces.resource/images/plus_icon_3C3C3B.svg.xhtml?con=totemo) !important;
    background-size: 19px;
    margin: 0 !important;
    width: 19px !important;
    height: 19px !important;
  }
  
  .mail-control-button.button-plus,
  .mail-control-button.button-plus:hover,
  .mail-control-button.button-plus:focus,
  .mail-control-button.button-plus:active {
    border: none !important;
    box-shadow: none !important;
    background-color: transparent;
    outline: none;
  }
  
  .mail-control-button.button-plus.hide-button {
    display: none !important;
  }
  
  .mail-control-button.button-plus.show-button {
    display: block !important;
  }
  
  .new-message-form-content .header-row-label {
    font-size: 16px !important;
    line-height: 20px !important;
    position: absolute;
    top: 10px;
    left: 15px;
    z-index: 1;
  }
  
  .header-row-receiver-container .button-plus {
    position: realtive;
    top: -30px;
    right: 15px;
    z-index: 1;
  }
  
  .header-row-receiver-container .receiverList-container {
    padding: 0px 25px 0 45px;
  }
  
  .header-row-receiver-container .input-borderless .ui-input-search input {
    height: 40px;
    padding: 0 38px 0 45px !important;
  }
  
  .header-row-receiver-container .input-borderless .ui-autocomplete-input {
     width: 100%;
     padding: 0 38px 0 45px !important;
  }
  
  .header-row-subject-container .header-row-input input,
  .header-row-subject-container input.header-row-input {
     height: 40px !important;
     width: 100%;
     padding: 0 15px 0 75px !important;
  }
  
  .new-message-form-content .header-row-autocomplete {
    padding: 0;
  }
  
  .new-message-form-content .mail-control-buttons {
    padding: 10px 15px 0;
  }
  
    
  .new-message-form-content .cc-bcc-button-mobile {
    width: 100%;
    height: 40px;
    text-align: left;
    font-size: 16px;
  }
  
  .new-message-form-content .cc-bcc-button-mobile,
  .new-message-form-content .cc-bcc-button-mobile.ui-state-hover,
  .new-message-form-content .cc-bcc-button-mobile.ui-state-focus,
  .new-message-form-content .cc-bcc-button-mobile.ui-state-active {
    border: none;
    box-shadow: none !important;
  }   
  
  .new-message-form-content .cc-bcc-button.ui-state-active {
    font-weight: bold;
  }
  
  .new-message-form-content .cc-bcc-row{
    padding: 0;
  }
  
  .new-message-form-content .input-borderless {
    border: none !important;
    box-shadow: none !important;
    width: 100%;
    font-size: 16px !important;
    margin: 0px;
  }
  
  .new-message-form-content .ui-select {
    margin: 0;
  }
  
  .new-message-form-content .input-borderless .ui-btn.ui-input-clear {
    display: none;
  }
  
  .new-message-form-content .input-borderless .ui-input-search {
    margin: 0;
    border: none;
  }
  
  .new-message-form-content .input-borderless .ui-input-search.ui-focus,
  .new-message-form-content .input-borderless .ui-input-search.ui-active {
    border: none;
    box-shadow: none !important;
  } 
  
  .new-message-form-content .input-borderless .ui-input-search:after {
    display: none;
  }
  
  .new-message-form-content .input-borderless .ui-input-search input{
    padding-left: 15px;
  }
  
  .new-message-form-content .ui-controlgroup {
    margin: 0 0 -2px 0;
  }
  
  .new-message-form-content .ui-btn.receiver-button {
    font-size: 16px;
    padding: 2px 35px 2px 10px;
    border: none;
    height: 30px;
    margin: 5px 5px 5px 0;
    box-shadow: none;
    outline: none;
  }
  
  .new-message-form-content .ui-button-text-icon-right.ui-button.receiver-button .ui-button-text {
    padding: 2px 35px 2px 10px;
  }
  
  .new-message-form-content .ui-button.receiver-button {
    font-size: 16px;
    border: none;
    height: 30px;
    margin-top: 5px;
    margin-right: 5px;
  }
  
  .new-message-form-content .mail-editor-container .mail-text {
    padding: 0;
    margin: 0;
    font-size: 16px !important;
    line-height: 20px;
    min-height: 200px;
  }
  
  .new-message-form-content .mail-editor-container .mail-text,
  .new-message-form-content .mail-editor-container .mail-text.ui-focus {
    resize: none;
    border: 0 none;
    box-shadow: none;
  }
  
  .new-message-form-content .ui-datalist-content,
  .read-message-form-content .ui-datalist-content,
  .contact-details-content .ui-datalist-content {
    background: inherit;
    border: 0 none;
    color: inherit;
  }
  
  .new-message-form-content .ui-datalist-data,
  .read-message-form-content .ui-datalist-data,
  .read-message-form-content .ui-listview,
  .contact-details-content .ui-datalist-data,
  .contact-details-content .ui-listview {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  
  .new-message-form-content .ui-datalist-data li,
  .new-message-form-content .ui-listview li,
  .read-message-form-content .ui-datalist-data li,
  .read-message-form-content .ui-listview li,
  .contact-details-content .ui-datalist-data li,
  .contact-details-content .ui-listview li {
    width: 100%;
    padding: 0;
    border: 0 none;
    overflow: visible;
    white-space: normal;
  }
  
  .new-message-form-content .reply-description-container {
    border-left: 1px solid #C8C8C8;
    padding-left: 15px;
    color: #C8C8C8;
    margin-top: 15px;
  }
  
  .new-message-form-content .reply-description {
    font-weight: normal;
    font-size: 16px;
  }
  
  .new-message-form-content .reply-description-container a {
    color: #C8C8C8;
    font-weight: normal;
    text-decoration: underline;
  }
  
  .new-message-form-content .mail-editor-container {
    padding-top: 15px;
    padding-bottom: 0px;
  }
  
  .contact-details-content .form-separator {
    margin-bottom: 30px;
  }
  
  .contact-details-content .ui-outputlabel {
    float: left;
    display: block;
    padding: 0;
  }
  
  .contact-details-content .personal-info .profile-image-frame {
    background: url(/responsiveUI/javax.faces.resource/images/no_image_icon_C8C8C8.svg.xhtml?con=totemo) no-repeat center center;
    border: 1px solid #E5E5E5;
    background-size: 35px 32px;
    height: 55px;
    width: 47px;
    float: left;
    margin-right: 15px;
  }
  
  .contact-details-content .personal-info .profile-image {
    height: 100%;
    width: auto;
    max-width: 100%;
  }
  
  .contact-details-content .contact-info {
    padding: 17px 0 5px;
  }
  
  .contact-details-content .controls {
    padding: 0 0 20px 0;
  }
  
  .personal-info label,
  .contact-details-content .contact-info label {
    font-weight: normal;
    margin-bottom: 0;
  }
  
  .personal-info label.contact-name,
  .contact-details-content .contact-info label.contact-detail-headline {
    font-weight: bold;
    margin: 0;
  }
  
  .contact-details-content .contact-info label.contact-detail-headline {
    margin: 13px 0 0;
  }
  
  .personal-info label.contact-name {
      width: calc(100% - 62px);
    }
  
  .preferences-form-label {
    font-weight: bold;
    font-size: 16px;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  
  .preferences-form-label-nptm {
    font-weight: bold;
    font-size: 16px;
    padding-bottom: 15px;
  }
  
  .preferences-label {
    font-size: 16px;
    margin-bottom: 7px;
  }
  
  .preferences-userId {    
    font-size: 16px;
    padding-bottom: 10px; 
    margin-top: -5px;   
  }
  
  .preferences-form-content h1 {
    font-size: 18px;
    font-weight: bold;     
    margin-bottom: 25px; 
    margin-top: 0px;
  }
  
  .preferences-form-content h2 {
    font-size: 18px;
    font-weight: bold;    
    margin-top: 15px;
    margin-bottom: 15px;
  }
  
  .preferences-form-content .ui-checkbox-text-box {
    margin-bottom: 15px;
  }
  
  .preferences-input-label {
    font-weight: normal;
    font-size: 16px;
    white-space: nowrap;
  }
  
  .preferences-form-content .checkbox-label {
    display: block;
    height: auto;
    margin-top: -2px;
  /*   width: 180px; */
    padding-left: 10px;
  }
  
  .preferences-form-content .signature-text {
    width: 100%;
    margin-bottom: 15px;  
    margin-top: 0px;
    resize: none;
    overflow: hidden;
  }
  
  .preferences-form-content .signature-text,
  .preferences-form-content .textarea-sizer {
    font-size: 16px !important;
    line-height: 20px !important;
    min-height: 145px;
    padding: .625rem 15px;
  }
  
  .preferences-form-content .signature-text,
  .preferences-form-content .signature-text:focus {
    border: 1px solid #00376e;
    box-shadow: none;
    outline: none;
  }
  
  .preferences-form-content .horizontal-separator.light {
    border: none;
    border-bottom: 1px solid #b4af82;
    margin: 0px;
  }
  
  .certificate-information-form-header .export-with-private-key-heading {
    margin-bottom: 7px;
  }
  
  .certificate-information-form-header .form-interaction {
    padding-bottom: 15px;
    margin-bottom: 10px;
  }
  
  .certificate-information-form-header .description-label {
    font-size: 16px;
  }
  
  .certificate-information-form-header .please-enter-new-password-label {
    margin-bottom: 23px;
  }
  
  .certificate-information-form-header .mobile-header {
    padding-top: 15px;
    padding-bottom: 10px;
  }
  
  .certificate-information-form-header .mobile-header .back-button {
    float: left;
    width: auto;
    line-height: 20px;
    padding: 0;
    font-size: 16px;
    height: auto;
  }
  
  .certificate-information-form-header .mobile-header .back-button img {
     margin: 0px 10px 0 0;
  }
  
  .certificate-information-form-header .mobile-header-heading {
    width: auto;
    display: block;
    float: right;
    margin: 10px 0;
  }
  
  .certificates-form-content,
  .download-certificate-form-content {
    padding: 27px 15px 20px;
  }
  
  .certificates-form-content h1,
  .download-certificate-form-content h1 {
    font-size: 18px;
    line-height: 24px;
    font-weight: bold;     
    margin: 0 0 7px; 
  }
  
  .certificates-form-content .form-separator,
  .download-certificate-form-content .form-separator {
    margin: 15px 0;
  }
  
  .certificates-form-content .top-separator .form-separator {
    margin: 15px 0 0;
  }
  
  .download-certificate-form-content .top-separator .form-separator {
    margin: 15px 0 13px;
  }
  
  .certificates-form-content .choice-item-separator .form-separator,
  .download-certificate-form-content .choice-item-separator .form-separator {
    background-color: transparent;
    margin: 14px 0;
  }
  
  .certificates-form-content .import-success-panel {
    padding: 12px 15px 23px;
    border-bottom: 1px solid #E5E5E5;
  }
  
  .certificates-form-content .import-success-panel .success-label,
  .certificates-form-content .import-success-panel .success-sublabel {
    font-size: 16px;
    line-height: 20px;
    display: block;
  }
  
  .certificates-form-content .import-success-panel .success-label {
    font-size: 18px;
    line-height: 24px;
    font-weight: bold;
  }
  
  .certificates-form-content .choice-item-head {
    margin-bottom: 5px;
  }
  
  .download-certificate-form-content .choice-item-head {
    margin-bottom: 10px;
  }
  
  .certificates-form-content .choice-item-head .headline,
  .download-certificate-form-content .choice-item-head .headline {
    font-weight: bold;
  }
  
  .certificates-form-content .choice-button-container .button,
  .download-certificate-form-content .choice-button-container .button {
    margin: 10px 0 0;
  }
  
  .certificates-form-content .progress-view-container,
  .download-certificate-form-content .progress-view-container {
    margin-top: 5px;
    margin-bottom: 15px;
  }
  
  .certificates-form-content .choice-item-accordion,
  .download-certificate-form-content .choice-item-accordion {
    margin-top: 10px;
    margin-bottom: 5px;
  }
  
  .certificates-form-content .import-text,
  .download-certificate-form-content .pin-label,
  .download-certificate-form-content .pin-description {
    margin: -2px 0 8px;
  }
  
  .certificates-form-content .import-filename {
    font-weight: bold;
  }
  
  .certificates-form-content .choice-button-container .disclaimer-checkbox,
  .download-certificate-form-content .choice-button-container .disclaimer-checkbox{
      margin-bottom: 15px
  }
  
  .certificate-information-form-content {
    padding-bottom: 5px !important;
  }
  
  .certificate-information-form-content h1 {
    margin-bottom: 11px;
  }
  
  .certificate-information-form-content .certification-detail-top {
    margin-top: 11px;
  }
  
  .certificate-information-form-content .certification-detail {
    margin-bottom: 9px;
  }
  
  .certificate-information-form-content .certification-detail .detail-label {
    float: left;
    font-weight: bold;
    margin-right: 5px;
  }
  
  .certificate-information-form-content .certification-detail .detail-value {
    margin-right: 5px;
    word-wrap: break-word;
    word-break: break-all;
  }
  
  .certificate-information-form-content .certification-detail .more-details-accordion {
    margin-bottom: -30px !important;
    margin-left: -15px !important;
  }
  
  .certificate-information-form-content .form-separator {
    margin: 14px 0 11px;
  }
  
  .certificate-information-form-content .ui-collapsible-set > .ui-collapsible.ui-corner-all {
    border: 1px solid #E5E5E5;
    margin-bottom: 10px;
  }
    
  .certificate-information-form-content .ui-collapsible-heading.ui-collapsible-heading-collapsed {
    background: none !important;
    background-image: url(/responsiveUI/javax.faces.resource/images/certificate_with_bg_icon_ADADAD.svg.xhtml?con=totemo) !important;
    background-repeat: no-repeat !important;
    background-position: left top !important;
    background-size: 80px 50px !important;
    font-size: 16px !important;
    height: 48px;
    padding-left: 80px;
    padding-top: 13px;
  }
  
  .certificate-information-form-content .ui-collapsible-themed-content:not(.ui-collapsible-collapsed) > .ui-collapsible-heading {
    background-image: url(/responsiveUI/javax.faces.resource/images/certificate_with_bg_icon_FFFFFF.svg.xhtml?con=totemo) !important;
    background-repeat: no-repeat !important;
    background-position: left top !important;
    background-size: 80px 50px !important;
    height: 50px;
    padding-left: 80px;
    padding-top: 13px;
  }
  
  .certificate-information-form-content .ui-collapsible-heading.ui-collapsible-heading-collapsed .ui-collapsible-heading-toggle {
    background: #FFFFFF !important;
    padding-left: 15px !important;
  }
  
  .certificate-information-form-content .ui-collapsible-heading .ui-btn {
    padding-left: 18px !important;
    padding-top: 0;
    padding-bottom: 0;
  }
  
  .certificate-information-form-content .ui-collapsible-content {
    padding-left: 30px;
  }
  
  .certificate-information-form-content .ui-collapsible-content p {
    margin: 0 0 12px;
  }
  
  .certificate-information-form-content .ui-collapsible-content .certification-detail {
    margin-bottom: 9px;
  }
  
  .certificate-information-form-content .ui-accordion .ui-accordion-header.ui-state-active {
    background: none;
    background-image: url(/responsiveUI/javax.faces.resource/images/certificate_with_bg_icon_FFFFFF.svg.xhtml?con=totemo);
    background-repeat: no-repeat;
  }
  
  .certificate-information-form-content .ui-collapsible-content {
    margin-bottom: 0 !important;
    border: none !important;
    border-left: 7px solid #00376E !important;
    background-color: #FFFFFF !important;
  }
  
  /* ####### Certificate Information Desktop small ######## */  
  .certificate-information-form-content .ui-accordion.ui-hidden-container {
    border: 1px solid #e5e5e5;
    margin-bottom: 15px;
  }
  
  .certificate-information-form-content .ui-accordion .ui-accordion-header,
  .certificate-information-form-content .ui-accordion .ui-accordion-header.ui-state-active {
    background-image: url(/responsiveUI/javax.faces.resource/images/certificate_with_bg_icon_ADADAD.svg.xhtml?con=totemo);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 80px 50px;
    border: 0 none;
    color: #3c3c3b;
    font-size: 16px !important;
    line-height: 32px;
    padding: 8px 11px 8px 100px;
    margin-top: 0;
  }
  
  .certificate-information-form-content .ui-accordion .ui-accordion-header.ui-state-active {
    background-image: url(/responsiveUI/javax.faces.resource/images/certificate_with_bg_icon_694B7E.svg.xhtml?con=totemo);
    background-position: left top;
    background-repeat: no-repeat;
  }
  
  .certificate-information-form-content .ui-accordion .ui-accordion-content {
    background: #FFFFFF none repeat scroll 0 0 !important;
    border: 0 none;
    margin-bottom: 1px;
    margin-top: -1px;
    padding: 0 20px 16px 100px;
    border-left: 8px solid #00376E;
  }
  
  .certificate-information-form-content .ui-accordion .ui-accordion-header .ui-icon.ui-icon-triangle-1-e {
    background-image: url(/responsiveUI/javax.faces.resource/images/accordeon_open_icon_3C3C3B.svg.xhtml?con=totemo);
    background-position: center center;
    background-size: 11px 6px;
    display: block !important;
    left: auto;
    right: 13px !important;
    margin-top: -8px;
  }
  
  .certificate-information-form-content h3.ui-state-active .ui-icon.ui-icon-triangle-1-s {
    background-image: url(/responsiveUI/javax.faces.resource/images/accordeon_close_icon_694B7E.svg.xhtml?con=totemo);
    background-position: center center;
    background-size: 11px 6px;
    display: block !important;
    left: auto;
    right: 13px !important;
    margin-top: -8px;
  }
  
  .certificate-information-form-content .ui-accordion-content .certification-detail {
    margin-bottom: 5px;
  }
  
  .certificate-information-form-content .ui-accordion-content .certification-detail .detail-label {
    font-weight: bold;
    width: 150px;
    font-size: 16px !important;
  }
  
  .certificate-information-form-content .ui-accordion-content .certification-detail .detail-value {
    font-size: 16px !important;
  }
  
  .download-certificate-form-content .input {
    margin-bottom: 0 !important;
  }
  
  .download-certificate-form-content .input-label,
  .download-certificate-form-content .input-meta .input-label {
    font-size: 16px;
    line-height: 16px;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 5px;
  }
  
  .download-certificate-form-content .input-field {
    margin-bottom: 20px;
  }
  
  .download-certificate-form-content .pin-label,
  .download-certificate-form-content .pin-panel,
  .download-certificate-form-content .pin-description {
    display: block;
  }
  
  .download-certificate-form-content .pin-panel {
    font-size: 18px;
    line-height: 24px;
    padding: 13px 15px;
    margin-bottom: 20px;
  }
  
  .preferences-form-content .input {
    margin-bottom: 25px;
  }
  
  .preferences-form-content .ui-inputfield {
    height: 40px;
    margin-top: 0;
    padding: 8px 15px;
  }
  
  .channel-form-content .form-controls {
    margin-top: -10px;
  }
  
  .channel-form-content .radio-choice-item.unselected .choice-item-head .choice-item-label {
    color: #C8C8C8;
  }
  
  .create-recipient-form-header .back-button {
      margin-top: 20px !important;
      margin-bottom: 0px;
  }
  
  .create-recipient-form-header .form-separator {
      margin-bottom: 15px;
  }
  
  .create-recipient-security-type-form-content .form-separator {
      margin-bottom: 20px;
  }
  
  .create-recipient-security-type-form-content .form-controls {
      margin-top: -5px;
  }
  
  .create-recipient-password-channel-form-content .radio-button-headline {
      color: #694B7E;
  /*     font-weight: bold; */
      font-size: 20px;
      line-height: 20px;
  }
  
  .create-recipient-password-channel-form-content .form-separator {
      margin-top: 19px;
      margin-bottom: 19px;
  }
  
  .create-recipient-password-channel-note-area .items .bold {
    font-weight: bold;
  }
  
  .create-recipient-password-channel-form-content .radio-button-headline-container {
    float: left;
    margin-left: 10px;
  }
  
  .create-recipient-password-channel-form-content .input-meta .input-label {
    margin-top: 7px;
  }
  
  .create-recipient-password-channel-form-content .radio-button-body {
    margin-bottom: -10px;
  }
  
  .create-recipient-password-channel-form-content .radio-button-body .description {
    display: block;
    font-weight: bold;
    margin-top: 10px;
  }
  
  .create-recipient-password-channel-form-content .radio-button-container {
      height: 20px;
  }
  
  .create-recipient-password-channel-note-area .note {
      margin-top: 30px !important;
      margin-bottom: 5px !important;
      margin-left: 0;
      width: 100%;
  }
  
  .channel-form-content .security-type-heading {
      margin-top: -15px;
      margin-bottom: 15px;
  }
  
  .create-recipient-form-header table.navigation-items {
      margin-bottom: 20px;
      width: 100%;
  }
  
  .create-recipient-form-header td.navigation-item {
      width: 50%;
  }
  
  .create-recipient-security-type-form-content .radio-choice-item .choice-item-head .headline {
      color: #694B7E;
  }
  
  .create-recipient-form-header .back-button img {
      margin-left: 0;
  }
  
  .create-recipient-password-channel-form-content .form-controls .back-button {
      line-height: 40px !important;
      font-size: 16px;
  }
  
  .create-recipient-success-form-content h1 {
      margin-top: 0;
      margin-bottom: 7px;
  }
  
  .create-recipient-success-form-content span.security-type {
      font-weight: bold;
  }
  
  .create-recipient-success-form-content .personal-detail-panel {
      height: 50px;
      padding: 11px 23px;
      background: #F6F6F6;
      margin-bottom: 10px;
      margin-top: 20px;
      font-size: 20px;
  }
  
  .create-recipient-success-form-content .button.primary {
     margin-bottom: 20px;
  }
  
  .mobile-action-menu .trust-relations-control-actions-container a.icon-box {
      height: 28px !important;
  }
  
  .mobile-action-menu .trust-relations-control-actions-container .icon-box-container {
      width: auto !important;
  }
  
  .mobile-action-menu .trust-relations-control-actions-container .icon-box-container.status-cancelled {
      margin-left: 15px;
  }
   
  /* ########################################################################### */
  /*                               MOBILE                                        */
  /* ########################################################################### */
  .mobile-render-kit .header .logo {
    margin-top: 25px;
    margin-bottom: 26px;
  }
  
  .mobile-render-kit .header .help .circled-text {
      margin: 0 15px;
  }
  
  .mobile-render-kit .mail-table .ui-checkbox,
  .mobile-render-kit .certificates-table .ui-checkbox {
    margin: 4px 3px;
  }
  
  .mobile-render-kit .tr-overlay-btn.move-to {
    background-color: transparent;
  }
  
  .mobile-render-kit .tr-overlay-btn.delete {
    background-color: #FAA000;
  }
  
  .mobile-render-kit .ui-input-text input {
      height: 40px;
      padding: 4px 15px;
      box-shadow: none;
    font-family: 'Avenir Next';
  }
  
  .mobile-render-kit .ui-icon-carat-d, .mobile-render-kit .ui-btn.ui-icon-carat-d {
    height: 40px; 
  }
  
  .mobile-render-kit .new-message-form-content .ui-icon-carat-d, .mobile-render-kit .new-message-form-content .ui-btn.ui-icon-carat-d{
      text-align: right;
      padding-right: 50px;
  }
  
  .mobile-render-kit .ui-select .ui-btn span {
      line-height: normal;
  }
  
  .mobile-render-kit .form .input-meta .input-label, .form .input-meta .input-sub-label {
     margin-bottom: 10px;
  }
  
  .mobile-render-kit .channel-selection-container .radio-button-container {
     padding-right: 0;
  }
  
  .mobile-render-kit .channel-selection-container .ui-radio {
      margin-top: 1px;
  }
  
  .mobile-render-kit .result-table .ui-collapsible-content .ui-input-text {
    margin-bottom: 15px;
  }
  
  .mobile-render-kit .result-table .ui-collapsible-content input {
    margin-bottom: 0;
  }
  
  .mobile-render-kit #createRecipientPasswordChannelForm .form {
    box-shadow: none;
  }
  
  .mobile-render-kit .create-recipient-password-channel-note-area {
    background-color: #E5E5E5;
  }
  
  .mobile-render-kit .certificate-information-form-content .certification-detail .more-details-accordion {
    margin-bottom: -10px !important;
  }
  
  .mobile-render-kit .ui-icon-delete:after {
    background-image: url(/responsiveUI/javax.faces.resource/theme/mobile/images/icons-png/delete-3c3c3b.png.xhtml?con=totemo);
  }
  
  /* ########################################################################### */
  /*                               DEFAULT                                       */
  /* ########################################################################### */
  
  h1 {
    font-weight: bold;
    margin-top: 11px;
    margin-bottom: 22px;
  }
  
  h1.first_heading {
      margin-top: 22px;
      margin-bottom: 5px;
      
    }
  
  .default-render-kit .mobile-menu {
    right: -10px;
    left: -10px;
  }
  
  .default-render-kit .header .logo {
    margin-top: 22px;
    margin-bottom: 23px;
    text-align: center;
  }
  
  .default-render-kit  .header .help {
    margin-top: 0px;
  }
  
  .default-render-kit .header .help .circled-text {
    margin: 5px 15px 0 0;
  }
  
  .default-render-kit .mobile-action-menu .actions-container {
    padding: 0 10px;
  }
  
  .default-render-kit .mobile-action-menu .actions-container-header .button {
    padding: 0;
    font-size: 18px;
  }
  
  .default-render-kit .mobile-action-menu .actions-container-header .search-receiver-input,
  .default-render-kit .mobile-action-menu .actions-container-header .search-pattern-input {
    display: block;
  }
  
  .default-render-kit .mobile-action-menu .actions-container-header .ui-autocomplete-input {
    height: 40px;
    width: 100%;
    padding: 0;
    border: none;
    padding: 4px 33.3333% 4px 15px;
    font-size: 14px !important;
  }
  
  .default-render-kit .mail-table tbody td,
  .default-render-kit .contacts-table tbody td,
  .default-render-kit .certificates-table tbody td,
  .default-render-kit .result-table tbody td {
    border-style: none;
  }
  
  body.default-render-kit {
    padding: 0 10px !IMPORTANT;
  }
  
  .default-render-kit .channel-selection-container .radio-button-container {
    margin-top: 2px;
  }
  
  .default-render-kit .ui-icon-delete {
    background-image: url(/responsiveUI/javax.faces.resource/theme/mobile/images/icons-png/delete-3c3c3b.png.xhtml?con=totemo);
  }
  
  .default-render-kit .new-message-form-content .receiver-button .ui-icon-delete {
    margin-top: -6px;
  }
  
  .default-render-kit .preferences-form-content .checkbox-label {
    display: inline-block;
    padding-left: 0;
  }
   
  /* ################################ SM ####################################### */
  @media screen and (min-width: 768px) {
    
    h1,
    h1.first_heading {
      margin-bottom: 27px;
      margin-top: 20px;
    }
    
    h1.first_heading {
      margin-top: 25px;
    }
    
    .col-sm-left {
      width: 19.1489%;
      max-width: 19.1489%;
    }
    
    .col-sm-offset-left {
      margin-left: 19.1489%;
    }
  
    .col-sm-right {
      width: 80.8511%;
      max-width: 80.8511%;
    }
    
    #page.container {
      margin: 0 auto;
      max-width: 940px;
    }
    
    .default-render-kit .header .logo {
      margin-top: 25px;
      margin-bottom: 0;
      text-align: left;
    }
    
    .default-render-kit .header .help .circled-text {
      margin: 10px 0;
    }
    
    .default-render-kit .ui-selectonemenu-item {
      margin: 0;
      padding: 5px 15px;
    }
    
    .default-render-kit .ui-menuitem {
      margin: 0;
      padding: 0;
    }
    
    .default-render-kit .ui-menuitem-link {
      padding: 5px 15px;
      width: 100%;
    }
    
  
    
    .default-render-kit .ui-selectonemenu, 
    .default-render-kit .ui-selectonemenu-item, 
    .default-render-kit .ui-menu, 
    .default-render-kit .ui-menuitem {
      font-size: 16px;
      line-height: 20px;
    }
    
    .default-render-kit .domain-select .ui-inputfield {
      height: 30px;
      line-height: 30px;
      padding: 0 15px;
    }
    
    .default-render-kit .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
      margin-top: 0px;
    }
    
    .header .user-menu {
      position: relative;
      height: 60px;
    }
    
    .header .user-meanu .lastLoginDateContainer {
        font-size: 12px;
        position: relative;
    }
    
    .header .user-menu .lastLoginDate {
        font-size: 12px;
    }
    
    .header .user-menu-btn {
      margin-top: 20px;
      border: 0 none;
      line-height: 14px;
    }
    
    .overlay-mobile-header-wrapper {
      margin-top: 0;
    }
    
    .desktop-menu {
      padding-left: 0;
    }
    
    .desktop-menu .ui-widget-content {
      border: 0px;
    }
    
    .form .form-header .headline-panel {
      background-color: #FFFFFF;
      color: #00376e;
      padding: 20px 20px 0;
    }
    
    .form .form-header .recipient-info-header .headline-panel h1 {
      margin: 8px 0;
    }
    
    .form .form-header .search-panel {
      padding: 0 20px 30px;
    }
    
    .desktop-action-menu .actions-container-search .ui-inputfield,
    .form-header .search-panel .ui-inputfield,
    .form-header .search-panel .ui-selectonemenu {
      margin: 10px 0;
      height: 33.5px;
      padding: 3px 15px;
    }
    
    .form .form-header .search-panel .button-container {
      padding: 0 0 0 10px;
    }
    
    .form .form-header .search-panel .auto-width-button {
      width: 100%;
      margin: 10px 0;
    }
    
    .form .form-header .search-panel .auto-width-button .ui-button-text {
      padding: 0 10px;
      white-space: nowrap;
    }
    
    .form .form-content .mail-folder-content,
    .form .form-content .contacts-content {
      padding: 0 30px 10px;
    }
    
    .form .form-header .mail-folder-header {
      height: 67px;
      padding: 9px 20px 0 20px;
    }
    
    .form .form-header .contacts-header {
      height: auto;
      padding: 30px 20px 0 20px;
    }
    
    .form .form-header .tracking-messages-header,
    .form .form-header .trust-relations-header {
      padding: 0; 
    }
    
    .form .form-header .contacts-header .add-contacts-button {
      margin: 0;
    }
    
    .form .form-header .contacts-header .add-contacts-button .ui-button-text {
      padding: 0 15px;
    }
      
    .mail-controls {
      height: 36px;
      padding-top: 6px;
    }
    
    .contacts-controls {
      height: 37px;
      padding-top: 20px;
    }
    
    .contacts-preferences {
      padding-top: 14px;
    }
    
    .search-result-preferences {
      padding: 18px 20px;
    }
    
    .mail-control-buttons {
      padding: 0;
    }
    
    .mail-control-buttons .ui-button,
    .mail-control-buttons .ui-menubutton,
    .mail-control-buttons .separator,
    .contacts-controls .ui-button,
    .contacts-controls .separator,
    .contact-details-content .controls .ui-button,
    .contact-details-content .controls .separator,
    .certificates-controls .ui-button,
    .certificates-controls .separator
     {
      float: left;
      width: 18px;
      height: 17px;
      padding: 0;
      margin-right: 15px;
      background-position: center center;
      background-repeat: no-repeat;
    }
    
    .tracking-messages-log-table tbody tr:first-child td {
      padding-top: 10px;
    }
    
    .contact-details-content .controls .ui-button:last-child {
      margin: 0px;
    }
    
    .mail-control-buttons .ui-menubutton,
    .mail-control-buttons .ui-menubutton .ui-button {
      width: 40px;
      background-position: 4px center;
      background-size: 16px 15px;
    }
    
    .mail-control-buttons .separator,
    .contacts-controls .separator,
    .contact-details-content .controls .separator,
    .certificates-controls .separator {
      display: inline-block;
      width: 1px;
      margin: 0 10px 0 -5px;
      border-right: 1px solid #F6F6F6;
    }
    
    .contact-details-content .controls .separator {
      margin: 0 15px 0 0;
    }
    
    .contact-details-content .contact-info label.contact-detail-headline {
      margin: 13px 0 0;
    }
    
    .contact-details-content .contact-info label.sm-label-margin-top {
      margin-top: 13px;
    }
    
    .mail-control-buttons .ui-button,
    .mail-control-buttons .ui-button:hover,
    .mail-control-buttons .ui-button:active,
    .mail-control-buttons .ui-button:focus,
    .mail-control-buttons .ui-menubutton,
    .mail-control-buttons .ui-menubutton:hover,
    .mail-control-buttons .ui-menubutton:active,
    .mail-control-buttons .ui-menubutton:focus,
    .contacts-controls .ui-button,
    .contacts-controls .ui-button:hover,
    .contacts-controls .ui-button:active,
    .contacts-controls .ui-button:focus,
    .contact-details-content .controls .ui-button,
    .contact-details-content .controls .ui-button:hover,
    .contact-details-content .controls .ui-button:active,
    .contact-details-content .controls .ui-button:focus,
    .certificates-controls .ui-button,
    .certificates-controls .ui-button:hover,
    .certificates-controls .ui-button:active,
    .certificates-controls .ui-button:focus
     {
      border: 0 none;
      box-shadow: none;
      background-color: transparent;
    }
    
    .mail-control-buttons .button-reply {
      background-image: url(/responsiveUI/javax.faces.resource/images/reply_icon_3C3C3B.svg.xhtml?con=totemo) !important;
      background-size: 14px 17px;
    }
    
    .mail-control-buttons .button-reply:hover {
      background-image: url(/responsiveUI/javax.faces.resource/images/reply_icon_694B7E.svg.xhtml?con=totemo) !important;
    }
    
    .mail-control-buttons .button-reply-to-all {
      background-image: url(/responsiveUI/javax.faces.resource/images/reply_to_all_icon_3C3C3B.svg.xhtml?con=totemo) !important;
      background-size: 16px 17px;
    }
    
    .mail-control-buttons .button-reply-to-all:hover {
      background-image: url(/responsiveUI/javax.faces.resource/images/reply_to_all_icon_694B7E.svg.xhtml?con=totemo) !important;
    }
    
    .mail-control-buttons .button-forward {
      background-image: url(/responsiveUI/javax.faces.resource/images/forward_icon_3C3C3B.svg.xhtml?con=totemo) !important;
      background-size: 17px 12px;
    }
    
    .mail-control-buttons .button-forward:hover {
      background-image: url(/responsiveUI/javax.faces.resource/images/forward_icon_694B7E.svg.xhtml?con=totemo) !important;
    }
    
    .mail-control-buttons .button-delete,
    .contacts-controls .button-delete,
    .contact-details-content .controls .button-delete {
      background-image: url(/responsiveUI/javax.faces.resource/images/delete_icon_3C3C3B.svg.xhtml?con=totemo) !important;
      background-size: 12px 16px;
    }
    
    .mail-control-buttons .button-delete:hover,
    .contacts-controls .button-delete:hover,
    .contact-details-content .controls .button-delete:hover {
      background-image: url(/responsiveUI/javax.faces.resource/images/delete_icon_694B7E.svg.xhtml?con=totemo) !important;
    }
    
    .mail-control-buttons .button-move-to-folder {
      background-image: url(/responsiveUI/javax.faces.resource/images/move_to_folder_icon_3C3C3B.svg.xhtml?con=totemo) !important;
      background-size: 16px 13px;
    }
    
    .mail-control-buttons .button-move-to-folder:hover {
      background-image: url(/responsiveUI/javax.faces.resource/images/move_to_folder_icon_694B7E.svg.xhtml?con=totemo) !important;
    }
    
    .mail-control-button.button-attachment {
      background-image: url(/responsiveUI/javax.faces.resource/images/attachment_icon_C8C8C8.svg.xhtml?con=totemo) !important;
      background-color: #00376E;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 19px 17px;
      height: 30px !important;
      width: 30px !important;
      margin: 0 !important;    
    }
    
    .mail-control-button.button-attachment .file-upload-label,
    .mail-control-button.button-attachment .file-upload-link {
      padding: 0 !important;
    }
    
    .mail-control-button.button-attachment:hover {
      background-image: url(/responsiveUI/javax.faces.resource/images/attachment_icon_FFFFFF.svg.xhtml?con=totemo) !important;
      background-color: #00376E;
      background-size: 19px 17px;
    }
    
    .mail-control-buttons .button-trusted {
      background-image: url(/responsiveUI/javax.faces.resource/images/set_as_trusted_icon_3C3C3B.svg.xhtml?con=totemo) !important;
      background-size: 19px 21px;
    }
    
    .mail-control-buttons .button-trusted:hover {
      background-image: url(/responsiveUI/javax.faces.resource/images/set_as_trusted_icon_694B7E.svg.xhtml?con=totemo) !important;   
    }
  
    .mail-control-buttons .button-not-trusted {
      background-image: url(/responsiveUI/javax.faces.resource/images/set_as_not_trusted_icon_3C3C3B.svg.xhtml?con=totemo) !important;
      background-size: 19px 21px;  
    }
    
    .mail-control-buttons .button-not-trusted:hover {
      background-image: url(/responsiveUI/javax.faces.resource/images/set_as_not_trusted_icon_694B7E.svg.xhtml?con=totemo) !important;
    }
  
    .mail-control-buttons .button-status-cancelled {
      background-image: url(/responsiveUI/javax.faces.resource/images/trust_decision_cancelled_icon_EC1B23.svg.xhtml?con=totemo) !important;
      background-size: 12px 12px; 
    }
    
    .mail-control-buttons .button-status-cancelled:hover {
      background-image: url(/responsiveUI/javax.faces.resource/images/trust_decision_cancelled_icon_694B7E.svg.xhtml?con=totemo) !important;
    }
      
    .mail-control-button.file-upload {
      position: absolute;
      z-index: 1;
      left: -9px;
      top: 23px; 
    }
    
    .mail-control-button.file-upload .file-upload-input,
    .mail-control-button.file-upload .file-upload-link {
      cursor: default;
    }
      
    .contacts-controls .button-send-msg,
    .contact-details-content .controls .button-send-msg {
      background-image: url(/responsiveUI/javax.faces.resource/images/send_msg_icon_3C3C3B.svg.xhtml?con=totemo) !important;
      background-size: 18px 11px;
    }
    
    .contacts-controls .button-send-msg:hover,
    .contact-details-content .controls .button-send-msg:hover {
      background-image: url(/responsiveUI/javax.faces.resource/images/send_msg_icon_694B7E.svg.xhtml?con=totemo) !important;
    }
    
    .contacts-controls .button-edit,
    .contact-details-content .controls .button-edit {
      background-image: url(/responsiveUI/javax.faces.resource/images/edit_icon_3C3C3B.svg.xhtml?con=totemo) !important;
      background-size: 18px 18px;
    }
    
    .contacts-controls .button-edit:hover,
    .contact-details-content .controls .button-edit:hover {
      background-image: url(/responsiveUI/javax.faces.resource/images/edit_icon_694B7E.svg.xhtml?con=totemo) !important;
    }
    
    .certificates-table-controls .button-export-cert {
      background-image: url(/responsiveUI/javax.faces.resource/images/export_certificate_icon_3C3C3B.svg.xhtml?con=totemo) !important;
      background-size: 11px 17px;
    }
    
    .certificates-table-controls .button-export-cert:hover {
      background-image: url(/responsiveUI/javax.faces.resource/images/export_certificate_icon_694B7E.svg.xhtml?con=totemo) !important;
    }
    
    .certificates-table-controls .button-use-sign {
      background-image: url(/responsiveUI/javax.faces.resource/images/use_to_sign_icon_3C3C3B.svg.xhtml?con=totemo) !important;
      background-size: 18px 13px;
    }
    
    .certificates-table-controls .button-use-sign:hover {
      background-image: url(/responsiveUI/javax.faces.resource/images/use_to_sign_icon_694B7E.svg.xhtml?con=totemo) !important;
    }
    
    .certificates-table-controls .button-use-encrypt {
      background-image: url(/responsiveUI/javax.faces.resource/images/use_to_encrypt_icon_3C3C3B.svg.xhtml?con=totemo) !important;
      background-size: 13px 17px;
    }
    
    .certificates-table-controls .button-use-encrypt:hover {
      background-image: url(/responsiveUI/javax.faces.resource/images/use_to_encrypt_icon_694B7E.svg.xhtml?con=totemo) !important;
    }
    
    .select-all-checkbox-container {
      height: 24px;
      margin-top: -24px;
      padding: 0 20px;
    }
    
    .select-all-checkbox-container .select-all-checkbox {
      position: absolute;
      left: 20px;
      bottom: 2px;
    }
    
    .mail-folder-preferences .button-search,
    .contacts-preferences .button-search {
      float: right;
      width: 32px;
      margin: -9px 0 0;
      background-size: 18px 18px;
      background-position: center 9px;
      background-repeat: no-repeat;
    }
    
    .mail-folder-preferences .button-search,
    .contacts-preferences .button-search.active {
      height: 67px;
    }
    
    .contacts-preferences .button-search {
      height: 29px;
    }
  
    .mail-folder-preferences .button-search,
    .mail-folder-preferences .button-search:hover,
    .mail-folder-preferences .button-search:active,
    .mail-folder-preferences .button-search:focus,
    .contacts-preferences .button-search,
    .contacts-preferences .button-search:hover,
    .contacts-preferences .button-search:active,
    .contacts-preferences .button-search:focus {
      background-color: transparent;
      border: 0 none;
      box-shadow: none;
    }
  
    .mail-folder-preferences .button-search,
    .contacts-preferences .button-search {
      background-image: url(/responsiveUI/javax.faces.resource/images/search_icon_3C3C3B.svg.xhtml?con=totemo) !important;
    }
  
    .mail-folder-preferences .button-search:hover,
    .contacts-preferences .button-search:hover {
      background-image: url(/responsiveUI/javax.faces.resource/images/search_icon_694B7E.svg.xhtml?con=totemo) !important;
    }
    
    .mail-folder-preferences .button-search.active,
    .mail-folder-preferences .button-search.active:hover,
    .contacts-preferences .button-search.active,
    .contacts-preferences .button-search.active:hover {
      background-image: url(/responsiveUI/javax.faces.resource/images/search_icon_FFFFFF.svg.xhtml?con=totemo) !important;
    }
    
    .mail-folder-preferences .no-bg-dropdown,
    .contacts-preferences .no-bg-dropdown,
    .certificates-preferences .no-bg-dropdown,
    .search-result-preferences .no-bg-dropdown {
      float: right;
      margin: 0 0 0 13px;
    }
    
    .mail-folder-preferences .amount-label,
    .contacts-preferences .amount-label,
    .certificates-preferences .amount-label,
    .search-result-preferences .amount-label {
      float: right;
      margin: 0 0 0 20px;
    }
    
    .form .form-content .mail-folder-content,
    .form .form-content .contacts-content,
    .form .form-content .tracking-messages-content,
    .form .form-content .trust-relations-content {
      padding: 0px 15px;
    }
      
    .header .user-menu-btn {
      margin-top: 20px;
      border: 0 none;
      line-height: 14px;
    }
  
    .desktop-menu button {
      width: 100%;
      padding: 8px 10px;
      margin-top: 0px;
      margin-bottom: 29px;
      font-size: 16px;
    }
    
    .desktop-menu button .ui-button-text {
      padding: 0 !important;
    }
    
    .desktop-menu .ui-separator{
      border-top-width: 0px;
      border-color: #FFFFFF;
      margin: 10px 0px;
    }
  
    .desktop-menu .ui-widget-content {
      background: none;
    }
    
    .desktop-menu ul {
      list-style-type: none;
      padding-left: 0px;
      margin-bottom: 0px;
    }
  
    .desktop-menu li{
      margin: 9px 0px; 
    }
    
    .desktop-menu .mail-folder.default {  
      border-bottom: 1px solid #FFFFFF;
      margin-bottom: 9px;
    }
    
    .desktop-menu .mail-folder.custom {  
      border-top: 1px solid #FFFFFF;
      margin-top: 10px;
    }
    
    .desktop-menu .menu-item-spacer {
      display: block;
      padding: 9px 0;
    }
    
    .desktop-menu .menu-item-spacer.first {
      padding-top: 0;
    }
    
    .desktop-menu .menu-item-spacer.separator {
      border-bottom: 1px solid #FFFFFF;
      margin-bottom: 4px;
      padding-bottom: 13px;
    }
    
    .desktop-menu .menu-item {
      font-size: 18px;
    }
    
    .desktop-menu .menu-item.active,
    .desktop-menu .menu-item.bold {
      font-weight: bold;
    }
    
    .desktop-menu .menu-item.active {
      color: #00376E;
    }
    
    .desktop-menu .mail-folder.custom li:hover .menu-item {
      color: #00376E;
    }
  
    .desktop-menu .mail-folder.custom .icon-box-container {
      float: right;
      width: 51px;
    }
    
    .desktop-menu .mail-folder.custom li:hover .icon-box-container {
      border: 1px solid;
      border-color: #C8C8C8;
      background-image: url(/responsiveUI/javax.faces.resource/images/separator_icon_C8C8C8.svg.xhtml?con=totemo);
      background-size: 1px 15px;
      background-repeat: no-repeat;
      background-position: center center;
    }
  
    .desktop-menu .mail-folder.custom .icon-box {
      height: 23px;
      display: block;
      float: left;
    }
    
    .desktop-menu .mail-folder.custom .icon-box.edit,
    .desktop-menu .mail-folder.custom .icon-box.delete {
      width: 24px;
    }
      
    .desktop-menu .mail-folder.custom li:hover a.icon-box.edit {
      background-image: url(/responsiveUI/javax.faces.resource/images/edit_icon_C8C8C8.svg.xhtml?con=totemo);
      background-size: 12px 12px;
      background-repeat: no-repeat;
      background-position: 4px 5px;
    }
    
    .desktop-menu .mail-folder.custom li:hover a.icon-box.delete {
      background-image: url(/responsiveUI/javax.faces.resource/images/delete_icon_C8C8C8.svg.xhtml?con=totemo);
      background-size: 12px 16px;
      background-repeat: no-repeat;
      background-position: 7px 3px;
    }
    
    .desktop-menu .mail-folder.custom li:hover a.icon-box.edit:hover {
      background-image: url(/responsiveUI/javax.faces.resource/images/edit_icon_3C3C3B.svg.xhtml?con=totemo);
    }
    
    .desktop-menu .mail-folder.custom li:hover a.icon-box.delete:hover {
      background-image: url(/responsiveUI/javax.faces.resource/images/delete_icon_3C3C3B.svg.xhtml?con=totemo);
    }
    
    .desktop-menu a {  
      text-decoration: none;    
    }
    
    .certificates-table {
     margin: 0 0 20px;
    }
    
    .certificates-table .details-column {
      width: 65px;
      padding: 10px 15px 5px 0;
    }
    
    .certificates-table th.details-column {
      padding-top: 7px;
    }
    
    .mail-table .ui-datatable-empty-message td,
    .contacts-table .ui-datatable-empty-message td,
    .certificates-table .ui-datatable-empty-message td,
    .result-table .ui-datatable-empty-message td {
      padding-left: 20px;
    }
    
    .mail-table .mail-unread {
      font-weight: bold;
      color: #00376E !important;
    }
    
    .mail-table .mail-sender,
    .mail-table .mail-draft {
      font-size: 16px;
      line-height: 20px;
    }
    
    .tracking-messages-log-table .tracking-message-log-column {
      padding: 0;
    }
    
    .tracking-messages-table .sent-to-subject-column,
    .tracking-messages-table .type-column,
    .tracking-messages-table .sending-date-time-column,
    .tracking-messages-table .read-at-column,
    .tracking-messages-table .open-column,
    .tracking-messages-table .valid-from-to-column,
    .tracking-messages-table .edit-button-column,
    .recipient-info-table .check-tls-column,
    .recipient-info-table .more-column,
    .recipient-info-table .create-recipient-column,
    .trust-relations-table .checkbox-column,
    .trust-relations-table .recipient-column,
    .trust-relations-table .certificates-owner-column,
    .trust-relations-table .storage-date-column {
      padding: 8px 3px;
    }
    
    .trust-relations-table .storage-date-column {
      padding-left: 10px;
    }
    
    .trust-relations-table .checkbox-column, 
    .trust-relations-table .recipient-column,
    .trust-relations-table .certificates-owner-column,
    .trust-relations-table .storage-date-column {
      margin: 0;
    }
  
    .trust-relations-table .checkbox-column .trusted-image,
    .trust-relations-table .checkbox-column .not-trusted-image,
    .trust-relations-table .checkbox-column .status-cancelled-image,
    .trust-relations-table .checkbox-column .status-ok-image {
      margin-left: 0;
    }
    
    .trust-relations-table .recipient-column .column-value {
        display: inline;
    }
    
    
    
    .recipient-info-table .user-name-column,
    .recipient-info-table .email-address-column,
    .recipient-info-table .security-type-column,
    .recipient-info-table .no-recipient-found-column {
      padding: 15px 3px;
    }
    
    .tracking-messages-table th .sent-to-subject-column,
    .tracking-messages-table th .type-column,
    .tracking-messages-table th .sending-date-time-column,
    .tracking-messages-table th .read-at-column,
    .tracking-messages-table th .open-column,
    .tracking-messages-table th .valid-from-to-column,
    .tracking-messages-table th .edit-button-column,
    .recipient-info-table th .user-name-column,
    .recipient-info-table th .email-address-column,
    .recipient-info-table th .security-type-column,
    .recipient-info-table th .check-tls-column,
    .recipient-info-table th .more-column,
    .trust-relations-table th .checkbox-column,
    .trust-relations-table th .recipient-column,
    .trust-relations-table th .certificates-owner-column,
    .trust-relations-table th .storage-date-column {
      padding: 0 3px 8px;
    }
    
    .tracking-messages-log-table .date-column,
    .tracking-messages-log-table .category-column,
    .tracking-messages-log-table .message-column {
      padding: 0 3px;
  /*     white-space: nowrap; */
      overflow: hidden;
      text-overflow: ellipsis;
    }
    
    .tracking-messages-log-table td .date-column,
    .tracking-messages-log-table td .category-column,
    .tracking-messages-log-table td .message-column {
      font-size: 14px;
      line-height: 22px;
    }
    
    .tracking-messages-log-table th .date-column,
    .tracking-messages-log-table th .category-column,
    .tracking-messages-log-table th .message-column {
      padding-bottom: 10px;
    }
    
    .tracking-messages-table .sent-to-subject-column {
      width: 29.5%;
      padding-left: 0;
    }
    
    .tracking-messages-table .type-column {
       width: 12%;
    }
    
    .tracking-messages-table .sending-date-time-column,
    .tracking-messages-table .read-at-column{
      width: 14%;
    }
    
    .tracking-messages-table .valid-from-to-column {
        width: 16%
    }
    
    .tracking-messages-table .open-column {
      width: 9.5%;
    }
    .tracking-messages-table .edit-button-column,
    .recipient-info-table .more-column {
      padding: 10px 0 10px 3px;
      text-align: right;
    }
    
    .tracking-messages-table .edit-button-column{
        width: 5%
    }
    
    .tracking-messages-table th .edit-button-column,
    .recipient-info-table th .more-column {
      padding: 0 0 10px 3px;
    }
    
    .tracking-messages-log-table .date-column {
      width: 25%;
      padding-left: 0;
    }
    
    .tracking-messages-log-table .category-column {
      width: 41.6666%;
    }
    
    .tracking-messages-log-table .message-column {
      width: 33.3333%;
      padding-right: 0;
    }
    
    .recipient-info-table .user-name-column {
      width: 19%;
      padding-left: 0;
    }
    
    .recipient-info-table .email-address-column {
      width: 32.5%;
    }
    
    .recipient-info-table .security-type-column {
      width: 25.5%;
    }
    
    .recipient-info-table .check-tls-column {
      width: 17%;
      padding: 10px 12px 10px 3px;
    }
    
    .recipient-info-table th .check-tls-column {
      width: 17%;
      padding: 0 12px 10px 3px;
    }
    
    .recipient-info-table .ui-datatable-empty-message td {
      padding: 0;
    }
    
    .recipient-info-table .no-recipient-found-column {
      width: auto;
      padding: 15px 25px 15px 3px;
    }
    
    .recipient-info-table .create-recipient-column {
      width: auto;
      padding: 10px 0;
    }
    
    .trust-relations-table .checkbox-column {
      width: 13%;
    } 
    
    .trust-relations-table .recipient-column {
      width: 34%;
    }
    
    .trust-relations-table .certificates-owner-column {
      width: 39%;
    }
    
    .trust-relations-table .storage-date-column {
      width: 14%;
    }
    
    .trust-relations-table .checkbox-column .trusted-panel,
    .trust-relations-table .checkbox-column .not-trusted-panel,
    .trust-relations-table .checkbox-column .status-cancelled-panel,
    .trust-relations-table .checkbox-column .status-ok-panel {
        margin-left: 16%;
        float: left;
    }
    
    .trust-relations-table .checkbox-column .status-cancelled-panel {
        font-weight: bold;
    }
    
    .recipient-info-table .info-panel {
      padding: 0 15px;
    }
    
    .tracking-messages-table .edit-panel,
    .recipient-info-table .check-tls-panel,
    .recipient-info-table .more-info-panel {
      padding: 0;
    }
    
    .tracking-messages-table .edit-panel-accordion .ui-accordion-header,
    .recipient-info-table .check-tls-panel-accordion .ui-accordion-header,
    .recipient-info-table .more-info-panel-accordion .ui-accordion-header {
      display: none;
    }
    
    .recipient-info-table .check-tls-panel-accordion .ui-accordion-content,
    .recipient-info-table .more-info-panel-accordion .ui-accordion-content {
      padding-right: 30px !important;
    }
  
    .recipient-info-table .check-tls-panel-accordion .ui-accordion-content h1 {
      margin: 0;
    }
    
    .recipient-info-table .check-tls-panel .ui-datalist-data,
    .check-tls-search-panel .ui-datalist-data {
      margin-top: 20px;
    }
  
    .recipient-info-table .check-tls-panel .ui-datalist-data li,
    .check-tls-search-panel .ui-datalist-data li {
      margin-bottom: 20px;
    }
    
    .recipient-info-table .more-info-panel .more-info-row {
      min-height: 42px;
    }
    
    .mail-table .ui-chkbox-box,
    .contacts-table .ui-chkbox-box,
    .certificates-table .ui-chkbox-box {
      margin-top: 5px;
    }
  
    .mail-table .mail-important-message,
    .mail-table .mail-attachment-icon {
      float: none;
    }
    
    .mail-table .mail-important-message {
      padding-right: 5px;
    }
    
    .mail-table .mail-attachment-icon {
       margin-top: -4px;
    }
    
    .mail-table .mail-subject {
      float: left;
    }
    
    .mail-table .mail-table-checkbox,
    .contacts-table .contacts-table-checkbox,
    .certificates-table .certificates-table-checkbox {
      width: 39px; 
      vertical-align: top !important; 
      padding: 4px 6px 4px 20px !important;
    }
    
    .mail-table .mail-table-important-message {
      width: 34px
    }
    
    .mail-table .mail-table-attachment {
      padding-top: 7px !important;
      padding-right: 6px !important;
    }
  
    .mail-table .mail-table-receivedate {
      width: 71px;
      text-align: right !important;
      padding: 6px 20px 5px 3px !important;
    }
    
    .certificates-table .details-button {
      background-image: url(/responsiveUI/javax.faces.resource/images/see_details_icon_3C3C3B.svg.xhtml?con=totemo);
      background-position: center top;
      background-size: 26px 14px;
      height: 30px;
    }
  
    .certificates-table .details-button,
    .certificates-table .details-button:hover,
    .certificates-table .details-button:focus,
    .certificates-table .details-button:active {
      background-color: transparent;
    }
    
    .tracking-messages-table tbody .column-header-label,
    .tracking-messages-log-table tbody .column-header-label,
    .recipient-info-table tbody .column-header-label,
    .trust-relations-table tbody .column-header-label {
      display: none;
    }
    
    .tracking-messages-table thead .column-header-label,
    .tracking-messages-log-table thead .column-header-label,
    .recipient-info-table thead .column-header-label,
    .trust-relations-table thead .column-header-label {
      display: block;
    }
  
    .tracking-messages-table .edit-button,
    .recipient-info-table .more-button {
      background-position: center center;
      background-repeat: no-repeat;
      width: 30px;
      height: 30px;
      display: inline-block;
    }
    
    .tracking-messages-table .edit-button {
      background-image: url(/responsiveUI/javax.faces.resource/images/edit_icon_3C3C3B.svg.xhtml?con=totemo);
      background-size: 18px 18px;
    }
    
    .recipient-info-table .more-button {
      background-image: url(/responsiveUI/javax.faces.resource/images/accordeon_open_icon_3C3C3B.svg.xhtml?con=totemo);
      background-size: 11px 6px;
    }
    
    .recipient-info-table .check-tls-button {
      margin: 0;
      width: 100%;
    }
    
    .recipient-info-table .create-recipient-column .button {
      margin: 0;
    }
    
    .recipient-info-table .check-tls-button .ui-button-text {
      padding: 0;
    }
  
    .tracking-messages-table .edit-button,
    .tracking-messages-table .edit-button:hover,
    .tracking-messages-table .edit-button:focus,
    .tracking-messages-table .edit-button:active,
    .recipient-info-table .check-tls-button:hover,
    .recipient-info-table .check-tls-button:focus,
    .recipient-info-table .check-tls-button:active,
    .recipient-info-table .check-tls-button,
    .recipient-info-table .more-button:hover,
    .recipient-info-table .more-button:focus,
    .recipient-info-table .more-button:active,
    .recipient-info-table .more-button {
      box-shadow: none;
    }
    
    .tracking-messages-table .edit-button,
    .tracking-messages-table .edit-button:hover,
    .tracking-messages-table .edit-button:focus,
    .tracking-messages-table .edit-button:active,
    .recipient-info-table .more-button,
    .recipient-info-table .more-button:hover,
    .recipient-info-table .more-button:focus,
    .recipient-info-table .more-button:active {
      background-color: transparent;
      border: 0 none;
    }
  
    .tracking-messages-table .edit-button.active,
    .tracking-messages-table .edit-button:hover {
      background-image: url(/responsiveUI/javax.faces.resource/images/edit_icon_694B7E.svg.xhtml?con=totemo);
    }
    
    .recipient-info-table .more-button.active,
    .recipient-info-table .more-button:hover {
      background-image: url(/responsiveUI/javax.faces.resource/images/accordeon_icon_694B7E.svg.xhtml?con=totemo);
    }
    
    .mail-table tbody tr td,
    .contacts-table tbody tr td,
    .contacts-table thead tr th,
    .certificates-table tbody tr td,
    .certificates-table thead tr th,
    .result-table tbody tr td,
    .result-table thead tr th {
      vertical-align: top;
    }
   
    .mail-table tbody tr td {
      padding: 6px 6px 5px;
    }
    
    .contacts-table tbody tr td,
    .certificates-table tbody tr td {
      padding: 8px 6px 5px;
    }
    
    .contacts-table thead tr th,
    .certificates-table thead tr th {
      padding: 7px 6px 5px;
    }
  
    .contacts-table thead th,
    .certificates-table thead th,
    .result-table thead th  {
      border: 0 none !important;
      padding: 0;
      text-align: left;
      font-weight: bold;
    }
    
    .tracking-messages-log-table thead tr {
      border-bottom: 1px solid #E5E5E5 !important;
      border-top: 0 none !important;
    }
    
    .tracking-messages-log-table tbody tr {
      border-top: 0 none !important;
    }
    
    .contacts-table tbody tr:last-child {
      border-bottom: 1px solid #E5E5E5 !important;
    }
    
    .contacts-table tbody tr:nth-child(odd) td {
      background-color: #F6F6F6;
    }
    
    .contacts-table tbody tr:hover td {
      background-color: #E5E5E5;
    }
    
    .certificates-table tbody tr.selected td {
      background-color: inherit;
    }
    
    .certificates-table tbody tr:nth-child(odd) td {
      background-color: #F6F6F6;
    }
    
    .certificates-table thead,
    .result-table thead {
      display: table-header-group;
    }
    
    .certificates-table tbody td.details-column {
      text-align: center;
      vertical-align: top;
    }
    
    .result-table .ui-accordion-content,
    .result-table .ui-collapsible-content {
      padding: 20px 30px;
      border-top: 1px solid #E5E5E5 !important;
      border-right: 0 none !important;
      border-bottom: 0 none !important;
    }
    
    .result-table .ui-accordion-content .control-panel {
      padding-bottom: 15px;
    }
    
    .result-table .ui-accordion-content .control-panel .recall-column {
      width: 47.5%;
    }
    
    .result-table .ui-accordion-content .control-panel .calendar-column {
      width: 19%;
      padding-left: 10px;
    }
    
    .result-table .ui-accordion-content .control-panel .save-column {
      width: 14.5%;
      padding-left: 10px;
    }
    
    .result-table .ui-accordion-content .control-panel .save-column button {
      width: 100%;
    }
    
    .result-table .ui-accordion-content .control-panel .save-column .ui-button-text {
      padding: 0;
    }
  
    .result-table .ui-accordion-content button {
      margin-top: 0;
      margin-bottom: 10px;
    }
  
    .result-table .ui-accordion-content input {
      height: 30px;
      margin-bottom: 10px;
      padding: 3px 15px;
    }
  
    .result-table .ui-accordion-content label {
      font-weight: normal;
      margin-top: 0;
    }
    
    .recipient-info-table .check-tls-panel-accordion .ui-accordion-content button {
      margin-bottom: 0;
    }
    
    .read-message-form-header,
    .contact-details-form-header,
    .folder-form-header {
      padding: 22px 20px 0;
    }
    
    .read-message-form-header .header-left .mail-important-message {
      margin-top: 3px;    
    }
    
    .read-message-form-header .header-left .mail-date-received  {
      margin-left: 0px;
      margin-top: 2px;
      float: left;
    }
    
    .new-message-form-header {
      padding-top: 3px;
      padding-bottom: 4px;
    }
    
     .new-message-form-header .button {
      padding: 0;
    }
    
    .read-message-form-header .read-message-control-buttons .ui-button,
    .new-message-form-header .new-message-control-buttons .ui-button  {
      float: right;
    }
    
    .read-message-form-header .read-message-control-buttons .button-reply {
      margin: 0;
    }
  
    .read-message-form-header .read-message-control-buttons .dropdown-combi-button {
      float: right;
      width: 30px;
      height: 30px;
      margin-left: 5px;
    }
    
    .read-message-form-header .read-message-control-buttons .dropdown-combi-button .ui-button {
      background: #00376E;
      border-color: #00376E;
      width: 33.5px;
      height: 33.5px;
    }
    
    .read-message-form-header .read-message-control-buttons .dropdown-combi-button .ui-button:hover {
      background: #ccd7e2;
      border-color: #ccd7e2;
    }

    .read-message-form-header .read-message-control-buttons .dropdown-combi-button .ui-button:active {
        background: #809bb6;
        border-color: #809bb6;
    }    
    
    .read-message-form-header .read-message-control-buttons .dropdown-combi-button .ui-button.ui-state-focus,
    .read-message-form-header .read-message-control-buttons .dropdown-combi-button .ui-button.ui-state-active {
      box-shadow: none;
    }
    
    .read-message-form-header .read-message-control-buttons .dropdown-combi-button .ui-icon-triangle-1-s {
      background-image: url("/responsiveUI/javax.faces.resource/theme/desktop/images/ui-icons_ffffff_256x240.png.xhtml?con=totemo");
      left: 6px;
    }
    
    .new-message-form-header .button {
       height: 30px;
    }
    
    .new-message-form-content .reply-description-container {
      margin-left: 35px;
      margin-top: 45px;
    }
    
    .contact-details-form-header .contact-details-navigation .icon-button {
      float: right;
      width: 22px;
    }
    
    .contact-details-form-header .contact-details-navigation .icon-button.button-arrow-left {
      padding-right: 8px;
      background-position: left center;
    }
    
    .contact-details-form-header .contact-details-navigation .icon-button.button-arrow-right {
      padding-left: 8px;
      background-position: right center;
    }
    
    .new-message-form-content .mail-editor-buttons .ui-icon-triangle-1-s {
      background-image: url("/responsiveUI/javax.faces.resource/theme/desktop/images/ui-icons_ffffff_256x240.png.xhtml?con=totemo");
      right: 4px;
    }
    
    .read-message-form-header .read-message-control-buttons .button-delete,
    .read-message-form-header .read-message-control-buttons .button-move-to-folder {
      width: 40px;
      height: 30px;
      padding: 0;
      background-position: center center;
      background-repeat: no-repeat;
    }
    
    .read-message-form-header .read-message-control-buttons .button-move-to-folder .ui-button {
      width: 40px;
      height: 30px;
    }
    
    .read-message-form-header .read-message-control-buttons .button-delete {
      float: left;
    }
  
    .form .form-content .read-message-form-content {
      padding: 20px 0 15px;
    }
    
    .read-message-form-content .ui-datalist-data li,
    .contact-details-content .ui-datalist-data li {
      display: table;
    }
    
    .read-message-form-content .header-row, .new-message-form-content .header-row {
      min-height: 40px;
      line-height: 40px;
      padding: 0 20px;
   }
    
    .read-message-form-content .message-attachment-container {
      display: table-footer-group;
      float: none;
      margin-top: 15px;
    }
    
    .read-message-form-content .read-message-description-container {
      display: table-header-group;
      padding: 0 20px 20px;
      word-break: break-all;
      word-wrap: break-word;
    }
    
    .message-attachment-inner-container {
      padding: 0 20px;
    }
    
    .read-message-form-content .read-message-description {
      margin-bottom: 15px;
    }
  
    .new-message-form-header .new-message-label-container {
      margin: 18px 0 0;
    }
    
    .new-message-form-header .new-message-label,
    .new-message-form-header .reply-label {
      font-size: 18px;
    }
    
    .new-message-form-header .new-message-label {
      font-weight: bold;
    }
    
    .new-message-form-content .cc-bcc-button-container {
      position: absolute;
      right: 20px;
      top: 0px;
    }
     
    .new-message-form-content .cc-bcc-button {
      display: block;
      float: right;
      vertical-align: middle;
      height: 40px;
    }
    
    .new-message-form-content .cc-bcc-button,
    .new-message-form-content .cc-bcc-button.ui-state-hover, 
    .new-message-form-content .cc-bcc-button.ui-state-focus,
    .new-message-form-content .cc-bcc-button.ui-state-active {
      border: none;
      box-shadow: none;
    }  
    
    .new-message-form-content .ui-button-text {
      padding: 0;
      font-size: 16px;
    }
    
    .new-message-form-content .mail-control-buttons {
      padding: 0;
    }
    
    .new-message-form-content .mail-editor-buttons .button-more {
      width: 30px !important;
      height: 30px !important;
      background-size: 20px 20px;
      width: auto !important;
    }
    
    .new-message-form-content .mail-editor-buttons .button-more .ui-button-text {
      line-height: 16px;
      padding-left: 8px;
      padding-right: 23px;
    }
    
    .new-message-form-content .mail-editor-buttons .button-attachment,
    .new-message-form-content .mail-editor-buttons .button-link,
    .new-message-form-content .mail-editor-buttons .button-text-underline {
      margin-right: 5px;
    }
    
    .new-message-form-content .message-attachment-container {
      margin-top: 0;
    }  
    
    .new-message-form-header,
    .new-message-form-content .header-row,
    .new-message-form-content .mail-editor-buttons,
    .new-message-form-content .mail-editor-container,
    .new-message-form-footer .footer-row {
      padding-left: 20px;
      padding-right: 20px;
    }
    
    .new-message-form-footer .footer-row .ui-selectonemenu-label {
      width: auto;
    }
    
    .new-message-form-content .header-row {
      height: auto;
      min-height: 40px;
    }    
    
    .new-message-form-footer .form-separator {
      margin-bottom: 15px;
    }    
    
    .new-message-form-footer .icon-button {
      display: block;
      float: left;
      margin: 0px 8px;
    }
    
    .new-message-form-content .receiver-auto-complete .ui-autocomplete-token-label {
      background-color: #d7edf4;
      padding: 0 20px 0 10px;
    } 
   
    .ui-autocomplete-panel.receiver-autocomplete-panel .ui-autocomplete-item {   
      font-size: 16px !important;
      height: 30px;
      color: #C8C8C8; 
      background-color: #00376E;    
    }
    
    .ui-autocomplete-panel.receiver-autocomplete-panel .ui-autocomplete-item.ui-state-highlight{
      background: #00376E !important;
      color: #FFFFFF;
      border: 0 none !important;
    } 
    
    .ui-autocomplete-panel.receiver-autocomplete-panel .ui-autocomplete-table th, 
    .ui-autocomplete-panel.receiver-autocomplete-panel .ui-autocomplete-table td {
       border: 0 none !important;
       border-bottom: 1px solid #464646 !important;     
    }
    
    .new-message-form-content .receiver-auto-complete li input {
      box-shadow: none;
      height: 30px;
      margin: 5px 0 0;
      width: 100%;
    }   
    
    .receiver-auto-complete ul.ui-state-focus {
      box-shadow: none;
    }
    
    .receiver-auto-complete li.ui-state-active {
      background: none;
      border: none;
      color: #00376E;
    }
    
    .receiver-auto-complete li span.ui-icon {
      background-image: url(/responsiveUI/javax.faces.resource/theme/desktop/images/ui-icons_3C3C3B_256x240.png.xhtml?con=totemo);
    }
    
    .ui-autocomplete-panel {
      width: auto !important;
    }
    
    .ui-autocomplete-panel .ui-autocomplete-list li,
    .ui-autocomplete-panel .ui-autocomplete-list-item.ui-state-highlight  {
      background: #3c3c3b none repeat scroll 0 0;
      border-color: #ccd7e2 !important;
      color: #ccd7e2;
      font-size: 16px !important;
      line-height: 35px;
      padding: 0 15px;
    }
    
    .ui-autocomplete-panel .ui-autocomplete-list-item.ui-state-highlight {
      background: #00376E none repeat scroll 0 0;
      color: #FFFFFF;
    }
    
    .header-row-subject-container input.header-row-input {
      padding: 0 15px 0 80px !important;
    }
    
    /* Contact Details */
    .contact-details-content {
      padding-left: 23.6666%;
      padding-right: 20px;
    }
    
    .contact-details-content .personal-info {
      margin-top: -25px;
    }
    
    .contact-details-content .controls {
      padding: 10px 15px 50px 15px;
      width: auto;
      border-top: 1px solid #E5E5E5;
    }
    
    .contact-details-content .contact-info {
      padding: 55px 0 30px 0;
    }
    
    .contact-details-content .contact-info label {
      font-weight: normal;
    }
    
    .contact-details-content .contact-info .col-left {
      width: 28.6666%;
    }
    
    .contact-details-content .contact-info .col-right {
      width: 71.3333%;
    }
    
    .contact-details-content .contact-info .col-right-offset {
      margin-left: 28.6666%;
    }
    
    .preferences-form-label {
      font-weight: normal;
      padding-top: 0;
    }
    
    .preferences-form-label-nptm {
        font-weight: normal;   
    }
   
    .preferences-form-content {
      font-size: 16px;
      padding-right: 5px;  
      overflow: hidden;
    }
    
    .preferences-form-content h1 {
      font-size: 18px;
      font-weight: bold;   
      margin-bottom: 30px; 
      margin-top:30px;
    }
    
    .preferences-form-content h2 {
      font-size: 18px;
      font-weight: bold;    
      margin-top: 25px;
      margin-bottom: 25px;
    }
  
    .preferences-form-content .ui-checkbox-text-box {
      margin-bottom: 30px;
    }
  
    .preferences-form-content .checkbox-label {
      height: auto;
  /*     width: 180px; */
    }
  
    .preferences-signature-checkbox {
      margin-bottom: -8px;
    }
    
    .preferences-form-content .signature-text {
      margin-bottom: 30px;  
    }
  
    .preferences-userId {
      font-weight: bold;      
      padding-bottom: 30px;   
      margin-top: 0; 
    }
  
    .preferences-first-name {
      padding-right: 0px;
    }
  
    .preferences-last-name{
      padding-left: 40px;
    }
  
    .preferences-form-content .form-controls {
      padding-right: 15px;
    }
    
    .certificate-information-form-header .form-interaction {
      margin-bottom: 15px;
    }
    
    .certificate-information-form-header .form-interaction .ui-inputfield {
      height: 30px;
      padding: 3px 15px;
    }
    
    .certificate-information-form-header .please-enter-new-password-label {
      margin-bottom: 28px;
    }
    
    .certificates-form-content {
      padding: 27px 15px 50px;
    }
    
    .download-certificate-form-content {
      padding: 27px 15px 35px;
    }
    
    .certificates-form-content h1 {    
      margin-bottom: 27px; 
      padding: 0 5px;
    }
    
    .download-certificate-form-content h1 {    
      margin-bottom: 17px; 
      padding: 0 5px;
    }
    
    .download-certificate-form-content .description {
      padding: 0 5px;
    }
    
    .certificates-form-content .spacer .form-separator {
      margin: 35px 0;
      background-color: transparent; 
    }
    
    .download-certificate-form-content .choice-item-separator .form-separator {
      margin: 24px 0;
    }
    
    .certificates-form-content .import-success-panel {
      border: 0 none;
      padding: 12px 20px 23px;
    }
    
    .certificates-form-content .certificates-table-controls {
      margin-top: -5px;
      padding: 0 20px;
    }
    
    .certificates-form-content .certificates-table-controls .certificates-controls {
      padding-top: 6px;
    }
    
    .certificates-form-content .certificates-table-controls .certificates-preferences {
      padding-bottom: 3px;
    }
    
    .certificates-form-content .choice-item,
    .download-certificate-form-content .choice-item {
      padding: 0 15px;
    }
    
    .certificates-form-content .choice-item-head,
    .download-certificate-form-content .choice-item-head{
      margin-bottom: 0;
      max-height: 35px;
    }
    
    .certificates-form-content .choice-button-container .button,
    .download-certificate-form-content .choice-button-container .button {
      margin: 10px 0;
    }
    
    .certificates-form-content .choice-button-container .button-left,
    .download-certificate-form-content .choice-button-container .button-left {
      margin-right: 9px;
    }
    
    .certificates-form-content .choice-button-container .offset-left,
    .download-certificate-form-content .choice-button-container .offset-left {
      margin-left: 35px;
    }
  
    .certificates-form-content .choice-item-accordion,
    .download-certificate-form-content .choice-item-accordion {
      margin-top: 0;
      margin-bottom: 0;
    }
    
    .certificates-form-content .import-filename {
      display: block;
    }
    
    .download-certificate-form-content .input-field {
      height: 30px;
      padding: 3px 15px;
    }
    
    .download-certificate-form-content .input-field-label {
      font-weight: normal;
    }
    
    .download-certificate-form-content .pin-panel {
      font-weight: bold;
    }
    
    .preferences-form-content .input {
      margin-bottom: 28px;
    }
    
    
    .preferences-form-content .ui-inputfield,
    .changePassword-form-content .ui-inputfield  {
      height: 40px;
      padding: 3px 15px;
    }
    
    .new-message-form-content .input {
      margin: 0;
    }
    
    .new-message-form-content .no-bg-dropdown.domain-select .ui-selectonemenu-trigger .ui-icon {
      margin-top: 7px !important;
    }
    
    .input-no-padding-bottom {
      margin-bottom: 0;
    }
    
    .col-xs-12.col-sm-6.col-padding-left {
      padding-left: 40px;
    }
    
    .col-xs-12.col-sm-6.col-padding-right {
      padding-right: 40px;
    }
    
    .form-controls.no-top-margin {
      margin-top: 0;
    }
    
    .separator-left {
      height: 30px;
      margin: 5px 0;
      border-left: 1px solid #E5E5E5;          
    }
    
    .certificate-information-form-content {
      padding-bottom: 35px !important;
    }
  
    .certificate-information-form-content .accordion-tab-indent {
      margin-left: 40px;
    }
    
    .certificate-information-form-content .form-separator {
      margin: 18px 0 5px;
    }
    
    .certificate-information-form-content .certification-detail-top {
      margin-top: 0;
    }
    
    .certificate-information-form-content .certification-detail .detail-label {
      font-weight: normal;
      width: 199px;
    }
    
    .certificate-information-form-content .certification-detail .detail-value {
      display: table-cell;
    }
    
    .certificate-information-form-content .certification-detail .more-details-accordion {
      margin-bottom: 0 !important;
      margin-left: 0 !important;
    }
    
    .channel-form-content .security-type-heading {
      margin-top: 0;
      margin-bottom: 0;
    }
    
    .create-recipient-password-channel-form-content .radio-button-body {
        padding-left: 35px;
        margin-top: 10px;
        margin-bottom: -25px;
    }
    
    .create-recipient-form-header table.navigation-items {
      margin-bottom: 30px;
    }
    
    .create-recipient-security-type-form-content .form-controls {
      margin-top: 15px;
    }
    
    .create-recipient-password-channel-form-content .form-controls {
      margin-top: -7px;
    }
    
    .create-recipient-password-channel-form-content .input-meta .input-label {
      margin-top: 21px;
    }
    
    .create-recipient-password-channel-form-content .form-separator {
      margin-top: 20px;
      margin-bottom: 22px;
    }
    
    .create-recipient-password-channel-note-area .note {
        margin-bottom: 20px !important;
    }
    
    .create-recipient-password-channel-form-content .radio-button-headline-container {
      margin-left: 0;
    }
    
    .create-recipient-success-form-content h1 {
      margin-bottom: 20px;
      margin-top: 20px;
    }
    
    .create-recipient-success-form-content .personal-detail-panel {
        font-weight: bold;
        font-size: 16px;
        background: #FFFFFF;
        height: auto;
        padding: 0;
        margin-bottom: 24px;
        margin-top: 0;
    }
    
    .create-recipient-success-form-content span.security-type {
        font-weight: normal;
    }
    
    .trust-relations-content .note-panel {
      background-color: #F6F6F6;
      margin: 40px 5px 30px 0;
      height: 45px;
      width: 100%;
    }
    
    .trust-relations-content .note-panel .note-item {
        width: auto;
        float: left;
        margin: 12px 3.3% 0;
    }
    
    .trust-relations-content span.note-item-description {
        display: block;
        float: right;
        margin-left: 6px;
    }
    
    #trustRelationsForm .form {
      box-shadow: 1px 1px 5px #C8C8C8 !important;
    }
    
    .trust-relations-header .mail-controls {
        padding: 25px 20px 0;
    }
    
    .trust-relations-header .mail-control-buttons .ui-button {
        width: 19px !important;
        height: 21px !important;
    }
    
    .trust-relations-header .mail-control-buttons .separator {
      height: 21px;
      margin-left: 0px;
    }
    
  }
  
  /* ################################ MD ####################################### */
  @media screen and (min-width: 992px) {
  }
  
  /* ################################ LG ####################################### */
  @media screen and (min-width: 1200px) {
  }
  
  /* ########################################################################### */
  /*                                  USER                                       */
  /* ########################################################################### */
  .mobile-menu .ui-overlaypanel,
  .mobile-menu .ui-overlaypanel-content,
  .mobile-menu .ui-panel,
  .mobile-menu .ui-panel-inner,
  .mobile-menu .mobile-menu-items {
    background-color: #00376E;
  }
  
  .mobile-menu .ui-commandlink,
  .mobile-menu .ui-commandlink:active,
  .mobile-menu .ui-commandlink:focus,
  .mobile-menu .ui-commandlink:hover {
    background-color: #00376E;
    color: #FFFFFF;
  }
  
  .mobile-menu .main-menu-item,
  .mobile-menu .main-menu-item a,
  .mobile-menu .main-menu-item a:active,
  .mobile-menu .main-menu-item a:focus,
  .mobile-menu .main-menu-item a:hover {
    background-color: #809bb6;
    color: #00376E;
  }
  
  .mobile-menu .main-menu-item.active,
  .mobile-menu .main-menu-item.active a,
  .mobile-menu .main-menu-item.active a:active,
  .mobile-menu .main-menu-item.active a:focus,
  .mobile-menu .main-menu-item.active a:hover {
    background-color: #FFFFFF;
  }
  
  .mobile-menu .mobile-menu-items .ui-commandlink {
    border-color: #809bb6;
  }
  
  .mobile-menu .button,
  .mobile-menu .button:hover,
  .mobile-menu .button:active,
  .mobile-menu .button:focus {
    background-color: #FFFFFF;
    border-color: #FFFFFF;
    color: #00376E;
  }
  
  .mobile-menu .main-menu-btn-close,
  .mobile-menu .main-menu-btn-close:hover,
  .mobile-menu .main-menu-btn-close:active,
  .mobile-menu .main-menu-btn-close:focus {
    background-color: #d7edf4;
    border-color: #C8C8C8;
  }
  
  .header .main-menu-btn,
  .header .main-menu-btn:hover,
  .header .main-menu-btn:active,
  .header .main-menu-btn:focus {
    border-color: #C8C8C8;
  }
  
  .tab-navigation .main-menu-item {
    background-color: #ccd7e2;
    border-top-color: #ccd7e2;
  }
  
  .tab-navigation .main-menu-item:hover {
    background-color: #FFFFFF;
    border-top-color: #FFFFFF;
  }
  
  .tab-navigation .main-menu-item a,
  .tab-navigation .main-menu-item a:hover,
  .tab-navigation .main-menu-item a:active,
  .tab-navigation .main-menu-item a:focus {
    color: #00376E;
  }
  
  .tab-navigation .main-menu-item.active {
    background-color: #FFFFFF;
    border-top-color: #00376E;
  }
  
  .mail-folder-preferences .amount-label,
  .contacts-preferences .amount-label,
  .certificates-preferences .amount-label,
  .search-result-preferences .amount-label {
    color: #ccd7e2;
  }
  
  .tab-navigation .main-menu-item.active a {
    color: #00376E;
  }
  
  .desktop-menu .ui-separator {
    border-color: #FFFFFF;
  }
  
  .desktop-menu .mail-folder .mail-folder-label.active {
    color: #00376E;
  }
  
  .form {
    background-color: #FFFFFF;
    box-shadow: 1px 1px 5px #C8C8C8;
  }
  
  .mail-table .mail-description,
  .mail-table .mail-draft {
    color: #ccd7e2;
  }
  
  .result-table .ui-accordion-content,
  .result-table .ui-collapsible-content {
    background: #FFFFFF !important;
  }
  
  .result-table .ui-accordion-content button.ui-state-hover {
    border-color: #C8C8C8 !important;
  }
  
  .result-table .ui-accordion-content button.primary.ui-state-hover {
    border-color: #00376E !important;
  }
  
  .result-table .ui-accordion-content input.ui-state-hover {
    border-color: #00376E !important;
    color: #00376E !important;
  }
  
  .result-table .ui-accordion-content input.ui-state-active,
  .result-table .ui-accordion-content input.ui-state-focus {
    border-color: transparent !important;
  }
  
  .recipient-info-table .check-tls-button.active,
  .recipient-info-table .check-tls-button:hover {
    background-color: #00376E;
    border-color: #00376E;
    color: #FFFFFF;
  }
  
  .recipient-info-table .check-tls-panel-accordion .ui-collapsible-content a,
  .recipient-info-table .check-tls-panel-accordion .ui-accordion-content a {
    color: #00376E;
  }
  
  .recipient-info-table .check-tls-panel-accordion .ui-collapsible-content a:hover,
  .recipient-info-table .check-tls-panel-accordion .ui-accordion-content a:hover,
  .recipient-info-table .check-tls-panel-accordion .ui-collapsible-content a:active,
  .recipient-info-table .check-tls-panel-accordion .ui-accordion-content a:active,
  .recipient-info-table .check-tls-panel-accordion .ui-collapsible-content a:focus,
  .recipient-info-table .check-tls-panel-accordion .ui-accordion-content a:focus {
    color: #00376E;
  }
  
  .actions-container.send {
    background: #E6E678;
  }
  
  .actions-container.delete {
    background: #FAA000;
  }
  
  .actions-container.move {
    background: transparent;
  }
  
  .mobile-action-menu a.icon-box,
  .mobile-action-menu a.icon-box:hover,
  .mobile-action-menu a.icon-box:active,
  .mobile-action-menu a.icon-box:focus {
    color: #00376E;
  }
  
  .mobile-action-menu .mail-action-label,
  .desktop-action-menu .mail-action-label {
    color: #FFFFFF;
  }
  
  .mobile-action-menu .actions-container-header {
    border-bottom: 1px solid #E5E5E5;
  }
  
  .mobile-action-menu .actions-container-header .button,
  .mobile-action-menu .actions-container-header .button:hover,
  .mobile-action-menu .actions-container-header .button:active,
  .mobile-action-menu .actions-container-header .button:focus {
    background: #E5E5E5;
    border-color: #E5E5E5;
    color: #00376E;
  }
  
  .mobile-action-menu .actions-container-header .primary-button,
  .mobile-action-menu .actions-container-header .primary-button:hover,
  .mobile-action-menu .actions-container-header .primary-button:active,
  .mobile-action-menu .actions-container-header .primary-button:focus {
    background: #00376E;
    color: #FFFFFF;
    border: #00376E;
  }
  
  .mobile-action-menu .action-container-move-to .mail-folder .ui-commandlink,
  .mobile-action-menu .action-container-move-to .mail-folder .ui-commandlink:focus,
  .mobile-action-menu .action-container-move-to .mail-folder .ui-commandlink:active,
  .mobile-action-menu .action-container-move-to .mail-folder .ui-commandlink:hover,
  .mobile-action-menu .action-container-move-to .mail-folder-label,
  .mobile-action-menu .action-container-receiver-select .receiver .ui-commandlink,
  .mobile-action-menu .action-container-receiver-select .receiver .ui-commandlink:focus,
  .mobile-action-menu .action-container-receiver-select .receiver .ui-commandlink:active,
  .mobile-action-menu .action-container-receiver-select .receiver .ui-commandlink:hover {
    box-shadow: none;
    background: #FFFFFF;
    border-color: #E5E5E5;
    color: #00376E;
  }
  
  .desktop-action-menu .actions-container-search {
    background: transparent;
  }
  
  .mail-control-buttons .separator {
    border-right: 1px solid #E5E5E5;
  }
  
  .mail-folder-preferences .button-search.active,
  .mail-folder-preferences .button-search.active:hover,
  .mail-folder-preferences .button-search.active:active,
  .mail-folder-preferences .button-search.active:focus,
  .contacts-preferences .button-search.active,
  .contacts-preferences .button-search.active:hover,
  .contacts-preferences .button-search.active:active,
  .contacts-preferences .button-search.active:focus {
    background-color: #00376E;
  }
  
  .ui-overlaypanel-dismiss-open,
  .ui-panel-dismiss-open {
    background-color: #00376E;
  }
  
  .new-message-form-content .cc-bcc-button.ui-state-hover, 
  .new-message-form-content .cc-bcc-button.ui-state-focus,
  .new-message-form-content .cc-bcc-button.ui-state-active {
    background: none;
    color: #00376E;
  }
  
  .new-message-form-content .ui-btn.receiver-button {
    background-color: #d7edf4;   
  }
  
  .new-message-form-content .ui-button.receiver-button {
    background: #d7edf4 no-repeat center center;
  }
  
  .new-message-form-content .ui-btn.receiver-button:active,
  .new-message-form-content .ui-button.receiver-button:active {
    color:  #00376E;  
  }
  
  .new-message-form-content .mail-editor-buttons .button-more {
    background: #00376E;
    color: #C8C8C8;
    border: #00376E;
  }
  
  .new-message-form-content .mail-editor-buttons .button-more:hover {
    background: #00376E;
    color: #FFFFFF;
    border: #00376E;
  }
  
  .button-more.ui-state-focus,
  .button-more.ui-state-active {
    box-shadow: none;  
  }
  
  .preferences-form-content .form-separator,
  .certificates-form-content .form-separator,
  .download-certificate-form-content .form-separator {
    background-color: #E5E5E5;
  }
  
  .certificates-form-content .choice-item-head .headline,
  .download-certificate-form-content .choice-item-head .headline {
    color: #00376E;
  }
  
  .download-certificate-form-content .pin-panel {
    background-color: #F6F6F6;
  }
  
  .noselect {
    -webkit-touch-callout: none; /* iOS Safari */
      -webkit-user-select: none; /* Safari */
       -khtml-user-select: none; /* Konqueror HTML */
         -moz-user-select: none; /* Firefox */
          -ms-user-select: none; /* Internet Explorer/Edge */
              user-select: none; /* Non-prefixed version, currently
                                    supported by Chrome and Opera */
  }
  
  @media print  { .noprint  { display: none; } }
  

/* ################################ XS ####################################### */
.form .info-panel {
    margin-bottom: 0;
  }
  
  .form .info-panel .content {
  }
  
  .form .form-navigation {
    padding: 30px 10px 26px 10px;
  }
  
  .form .form-content {
    padding: 0 10px 5px;
  }
  
  .form .headline {
    font-size: 1.5em;
    font-weight: normal;
  }
  
  .form .info-icon {
    display: inline-block;
    font-family: Times New Roman, sans-serif;
    font-style: italic;
    font-weight: bold;
    line-height: 25px;
    width: 25px;
    height: 25px;
    font-size: 22px;
    text-align: center;
    margin-left: 10px;
  }
  
  .form-controls .button {
     height: 50px;
  }
  
  /* ########################################################################### */
  /*                               MOBILE                                        */
  /* ########################################################################### */
  
  /* .mobile-render-kit .footer-separator {
    margin-top: 12px;
  } */
  
  /* ########################################################################### */
  /*                               DEFAULT                                       */
  /* ########################################################################### */
  
  
  /* ################################ SM ####################################### */
  @media screen and (min-width: 768px) {
  
      .form .form-navigation {
        padding: 40px 40px 30px;
      }
      
      #page.container {
        margin: 0 auto;
        max-width: 100%;
        width: 100%;
      }
      
      .form .form-content {
        padding: 0 40px 10px;
      }
      
      .form-controls .button,
      .form-controls a.button {
        font-size: 16px;
        height: auto;
        line-height: 40px;
        width: auto;
        text-align: center;
        text-transform: uppercase;
        letter-spacing: 4px;
        padding: .625rem 18px;
        font-weight: 600;
      }
      
  
  }
  
  /* ################################ MD ####################################### */
  @media screen and (min-width: 992px) {
    
  }
  
  /* ################################ LG ####################################### */
  @media screen and (min-width: 1200px) {
  
  }
  
  /* ########################################################################### */
  /*                                 USER                                        */
  /* ########################################################################### */
  
  #loginForm {
    width: 500px;
    margin: auto;
    max-width: 90%;
  }
  
  .form {
    background-color: #FFFFFF;
    box-shadow: 1px 1px 5px #C8C8C8;
  }
  
  .form .info-icon {
    background-color: #00376E;
    color: #FFFFFF;
  }
  
  .form .headline {
    color: #00376E;
  }
  
  .form-controls .button {
    background: transparent;
    border-color: #00376E;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 4px;
  }

  .form-controls .button.simple,
  .form-controls .button.transparent {
    border-color: transparent;
  }
  
  .form-controls .button.transparent {
    background-color: transparent;
  }
  
  .form-controls .button.primary {
    background: #00376E;
    border-color: #00376E;
    color: #FFFFFF;
  }
  
  .form-controls .button:hover {
    background-color: transparent;
    color: #00376E;
    border-color: #b4af82;
  }
  
  .form-controls .button:active {
    background-color: transparent;
    color: #00376E;
    border-color: #7f9eb0;
  }

  .form-controls .button.simple:hover {
    color: #00376E;
    border-color: #00376E;
  }
  
  .form-controls .button.transparent:hover {
    border-color: transparent;
    background-color: transparent;
  }
  
  .form-controls .button.primary:hover {
    color: #FFFFFF;
    background-color: #00376E;
    border-color: #00376E;
  }  

/* ########################################################################### */
/*                                SYSTEM                                       */
/* ########################################################################### */

/* ################################ XS ####################################### */


.form .form-header,
.form .login-form-header {
    text-align: left;
    line-height: 20px;
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 24px;
    padding-top: 8px;
}

#webmailLogin-checkbox,
#aSDILogin-checkbox {
    margin: 2px 0;
}

#mTanLogin-checkbox {
    margin-top: 14px;
    margin-bottom: 9px;
}

.form a {
  text-decoration: underline;
}

.form a:hover, 
.form a:active {
    color: {'#'.concat(style.colors.primary)};
    text-decoration: none;
}

/* ########################################################################### */
/*                               MOBILE                                        */
/* ########################################################################### */

.mobile-render-kit .header .tools .tools-container {
    height: 66px;
}

.mobile-render-kit .form .output-label{
    margin-bottom: 28px;
}

.mobile-render-kit .checkbox {
    margin-top: 7px;
    margin-bottom: 12px;
}

.mobile-render-kit .note .items {
    margin-top: auto;
}

.mobile-render-kit .note dl {
    margin-bottom: 15px;
}

.mobile-render-kit .note dl dt {
    margin: 6px 0 5px 0;
}

/* ########################################################################### */
/*                               DEFAULT                                       */
/* ########################################################################### */

.default-render-kit .form .button {
    height: auto;
    margin: 15px 0 15px;
}

.default-render-kit .form .button.col-sm-ml-10  {
    margin-right: 10px;
}

.default-render-kit .header .tools .tools-container {
    height: 85px;
}

.default-render-kit .header .logo { /*#*/
    text-align: left; /*#*/
} /*#*/

.default-render-kit .note {
    margin-top: 15px;
}

.default-render-kit .form .output-label{
  margin-bottom: 23px;
}




/* ################################ SM ####################################### */
@media screen and (min-width: 768px) {

  #login.container {
    max-width: 420px;
  }
  
  .form .form-header,
  .form .login-form-header {
    padding-bottom: 35px;
    padding-top: 8px;
    text-align: center;
  }
  
  .col-sm-pl-30 {
    padding-left: 30px;
  }
  
  .col-sm-pr-3 {
    padding-right: 3px;
  }
  
   .form-controls .button {
      /*width: 100%;*/
      margin-left: 0px;
   }
   
    #webmailLogin-checkbox,
    #mTanLogin-checkbox {
      margin-top: -11px;
      margin-bottom: 4px;
   }

    #aSDILogin-checkbox {
      margin-top: -16px;
      margin-bottom: 4px;
   }
   
   .note .items {
    margin-top: 12px;
   }
   
   .note dl dt {
    margin: 13px 0 5px 0;
   }
   
   .note dl {
    margin-bottom: 14px;
    }
   
}

/* ################################ MD ####################################### */
@media screen and (min-width: 992px) {

}

/* ################################ LG ####################################### */
@media screen and (min-width: 1200px) {

}

/* ########################################################################### */
/*                                 USER                                        */
/* ########################################################################### */
.header .help .visible-xs,
.header .help .visible-xs a{
    color: #ccd7e2;
}

.form .login-form-header {
    background-color: #FFFFFF;
    color: #00376E;
    border-top: 7px solid #00376E;
}  

/*#########
# OWN CSS #
#########*/

@font-face {
    font-family:Avenir Next;
    font-weight:200;
    src:url(/responsiveUI/assets/fonts/AvenirNextW05-Thin.woff2) format("woff2"),url(/responsiveUI/assets/fonts/AvenirNextW05-Thin.woff) format("woff")
}
@font-face {
    font-family:Avenir Next;
    font-weight:300;
    src:url(/responsiveUI/assets/fonts/AvenirNextW05-Light.woff2) format("woff2"),url(/responsiveUI/assets/fonts/AvenirNextW05-Light.woff) format("woff")
}
@font-face {
    font-family:Avenir Next;
    font-weight:400;
    src:url(/responsiveUI/assets/fonts/AvenirNextW05-Regular.woff2) format("woff2"),url(/responsiveUI/assets/fonts/AvenirNextW05-Regular.woff) format("woff")
}
@font-face {
    font-family:Avenir Next;
    font-weight:600;
    src:url(/responsiveUI/assets/fonts/AvenirNextW05-Demi.woff2) format("woff2"),url(/responsiveUI/assets/fonts/AvenirNextW05-Demi.woff) format("woff")
}

/*logo size for mobile version/ small sceens*/ 
.default-logo, .mobile-logo { width:120px; height: auto; } 
/*logo size for desktop version*/ 
@media screen and (min-width: 768px) { .default-logo { width:172px; height:57px; } }

body,html {
  font-family: 'Avenir Next', sans-serif;
}

.form .button.primary {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border: 1px solid #00376e;
  background-color: #00376e;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 4px;
  padding: .625rem 18px;
  text-transform: uppercase;
  height: auto;
}

.form .button.primary:hover {
    color: #fff;
    border-color: #ccd7e2;
    background-color: #ccd7e2;
}

.form .button.primary:active {
    color: #fff;
    border-color: #7f9eb0;
    background-color: #7f9eb0;
    outline: 0;
}

.form .button.primary:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color;
}

.ui-inputfield {
    display: block;
    width: 100%;
    background-color: transparent;
    background-clip: padding-box;
    border: solid 1px rgba(0, 55, 110, .3);
    transition: border-color 0.15s ease-in-out;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    border: 1px solid #00376e;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #00376e;
    font-family: inherit;
    font-size: 16px;
    font-weight: 300;
    line-height: 19px;
    max-width: 100%;
    outline: 0;
    padding: .625rem 15px;
    resize: none;
    height: 33.5px;
}

.ui-inputfield:focus {
    color: rgb(0, 55, 110);
    background-color: transparent;
    border-color: rgb(0, 55, 110);
    outline: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(0,55,110,.25);
    box-shadow: 0 0 0 2px rgba(0,55,110,.25);
}

#loginLogo_loginLogo {
    margin-bottom: 20px;
}

#userMenuForm_userMenuButton_button {
	font-size: 16px;
}

.ui-messages-error, .ui-message-error {
    color: #faa000;
    background-color: #fddea6;
    border-color: #fddea6;	
}

.mobile-render-kit .header .logo {
	text-align: left;
}

#trackingMessagesForm_cancelButton {
    margin-right: 15px;
    margin-left: 15px;
}

#preferencesForm_preferenceSaveButton {
    width: 200px;
}

#preferencesForm_j_id_5h {
    width: 200px;
    margin-right: 15px;
}

#userMenuForm_userMenuButton_menu {
    min-width: 250px;
    background-color: #ffffff;
    padding-top: 0px;
    margin-top: 10px;
}

#userMenuForm_userMenuButton_menu::before {
    position: absolute;
    content: "";
    background-color: #ffffff;
    height: .75em;
    width: .75em;
    top: -.375em;
    right: .75em;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,.5);
    box-shadow: 0 0 4px 0 rgba(0,0,0,.5);
    z-index: -1;
}

#readMessageForm_j_id_51 {
    margin-top: 0px;
}

#readMessageForm_dropdownMenuButton_menu {
    margin-top: 15px;
    background-color: #ffffff;
    padding-top: 0px;
    min-width: 150px;
}

#readMessageForm_dropdownMenuButton_menu::before {
    position: absolute;
    content: "";
    background-color: #ffffff;
    height: .75em;
    width: .75em;
    top: -.375em;
    right: .75em;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,.5);
    box-shadow: 0 0 4px 0 rgba(0,0,0,.5);
    z-index: -1;
}

.folder-back {
    text-align: left;
}

.ui-selectonemenu label.ui-selectonemenu-label {
    cursor: pointer;
    padding-top: 7px;
    display: flex;
    justify-content: left;
    align-items: center;
}

#loginForm .form-header {
    text-align: center;
    padding-top: 35px;
}

/*.container .note {
    text-align: center;
}*/

#loginForm_loginName_input_text {
    box-shadow: none;
    border-color: #00376e;
    font-family: 'Avenir Next', Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
}

#loginForm_password_passwordField {
    box-shadow: none;
    border-color: #00376e;
    font-family: 'Avenir Next', Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
}

#preferencesForm_j_id_59 {
    margin-right: 5px;
}

#mainMenuLogo_mainMenuLogo {
    text-align: left;
}

#folderForm_j_id_3x {
    margin-right: 5px;
}

#mailFolderForm_searchInput {
    margin: 15px 0px;
    padding: 0.625rem 18px;
    height: auto;
    line-height: 19px;
}

.col-xs-6.col-xs-offset-3.no-padding.logo {
    display: flex;
    justify-content: center;
    align-items: center;
}
.col-xs-12.col-sm-12.no-padding-sm.note {
    text-align: center;
}

#tabNavigationForm_j_id_24_1_j_id_24_3 strong {
    font-weight: normal;
}

#tabNavigationForm_j_id_2c_1_j_id_2c_3 strong  {
    font-weight: normal;
}

#mailFolderForm_sortingButton_menu {
    top: 175px !IMPORTANT;
}

#mailFolderForm_sortingButton_menu::before {
    position: absolute;
    content: "";
    background-color: #ffffff;
    height: .75em;
    width: .75em;
    top: -.375em;
    right: .75em;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,.5);
    box-shadow: 0 0 4px 0 rgba(0,0,0,.5);
    z-index: -1;
}

#certificateInformationForm_exportButton {
    margin-right: 5px;
}

.em_main_table {    
    width: 100%;
}

#readMessageForm_readMailContent_0_j_id_66 table {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

#folderForm_j_id_2z_j_id_30 {
    font-size: 16px;
}

#certificatesForm_j_id_7g {
    margin-left: 0px;
}

#certificatesForm_j_id_8g_j_id_8t {
    margin-left: 0px;
}

#certificatesForm_j_id_94_j_id_9h {
    margin-left: 0px;
}

#recipientInfoForm_searchInput {
    height: 33.5px;
}

.desktop-action-menu .actions-container-search .ui-inputfield, .form-header .search-panel .ui-inputfield, .form-header .search-panel .ui-selectonemenu {
    border: solid 1px rgba(0, 55, 110, .3);
    transition: border-color 0.15s ease-in-out;
}

.desktop-action-menu .actions-container-search .ui-inputfield:focus, .form-header .search-panel .ui-inputfield:focus, .form-header .search-panel .ui-selectonemenu:focus {
    color: rgb(0, 55, 110);
    background-color: transparent;
    border-color: rgb(0, 55, 110);
    outline: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(0,55,110,.25);
    box-shadow: 0 0 0 2px rgba(0,55,110,.25);
}