* {
margin: 0;
padding: 0;
}

.default-render-kit {
 font-family: Arial;
 font-size: 14px;
}

.ui-widget {
 font-family: Arial;
 font-size: 14px;
}

html {
 font-family: Arial;
 font-size: 14px;
}

a {
 color: #666;
 text-decoration: none !important;
 font-size:14px !important;
}

a:focus, a:hover, a:active {
 color: #ff0000;
 font-weight: inherit;
}

body {
 background-color: #fff;
}

.default-logo, .mobile-logo {
 width:98px; 
 height:36px;
} 

@media only screen {
 .default-logo {
  width:196px;
  height:72px;
 }

 .form .form-header,
 .form .login-form-header {
  background-color: transparent;
  color: #FF0000;
  border-top: 0px solid #FF0000;
  margin-left: 0px;
 }

 .form .form-header,
 .form .login-form-header {
  text-align: center;
  line-height: 20px;
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 24px;
  padding-top: 8px;
 }
 
 .default-render-kit .note .items {
  margin-left: 0px;
 }

 .note .items, .note dl {
  text-align: center;
  margin-left: 0px;
 }

}

.col-xs-offset-3 {
 margin-left: 0%;
}

.header {
 background: rgb(255,0,0);
 background-color: #FF0000;
 border-width: 5px;
 border-bottom-color: #FF0000;
 height: 140px;
 position: relative;
 box-shadow: 0.2px 0px 5px #222222;
}

.items {
 margin-left: 25px;
}

.ui-menuitem.ui-state-hover {
 background: #666666 !important;
 border-radius: 0px;
 color: #fff;
}

.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: #fff;
 background-color: transparent;
 border-radius: 0px;
}

.ui-menuitem-text {
 color: #e3e3e3;
}

.footer {
 color: #fff;
}
.note .more-info {
 height: 0px;
 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: 0px;
}
dt {
 line-height: 20px;
 color: #fff;
}
.footer-separator {
 background-color: #fff;
}
.note {
 #display: none;
}
.footer-separator {
 display: none;
}
footer {
 display: none;
}

#newMessageForm_ccBccButton {
 border: solid 1px #666;
 border-radius: 6px;
 border-color: #666;
}

.form input:not(.ui-state-focus) {
 box-shadow: inset 0 0 0px 0px #333333;
 border-radius: 6px;
 background-color: #fff;
}

#cke_12_text, #cke_13_text {
 color: #fff;
}

.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover {
 border: 1px solid #666;
 background: transparent;
 font-weight: normal;
 color: #666;
}

.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
 border-color: #666; 
 box-shadow: inset 0 0 0px 0px #666;
 border-radius: 6px;
}

.form .button.primary,
.desktop-menu .button.primary,
.file-upload {
 background: #f00;
 border-color: #666;
 color: #FFF;
 border-radius: 6px;
 width: 100%;
}

@media only screen and (max-width:800px;) {
.form .button.primary,
.desktop-menu .button.primary,
.file-upload {
 width: auto;
 }
}

.form .button.primary:hover,
.button.primary.ui-state-hover,
.button.primary.ui-state-active,
.file-upload:hover {
 color: #fff;
 background-color: #f00;
 border-color: #666;
}

.form a:hover {
 color: #666;
 font-size:14px !important;
 text-decoration: underline !important;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
 border: 1px solid #444444;
 background: #FFF;
 font-weight: normal;
 color: #666666;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
 color: #666666;
 text-decoration: none;
}

.header .help .circled-text, .header .help .circled-text {
 background-color: #fff;
 border-color: #fff;
 color: #666;
}

.form-controls .button.primary {
 background: #666;
 border-color: #666;
 color: #FFF;
 border-radius: 6px;
}

.form-controls .button {
 background: #F0F0F0;
 border-color: #F0F0F0;
 border-radius: 6px;
}

.form-controls .button:hover {
 background-color: #444444;
 color: #f0f0f0;
 border-color: #444444;
}


.icon-text-button.button-back {
 background: #F0F0F0;
 border-color: #F0F0F0;
 border-radius: 6px;
 border: 1px solid #444444;
}

.icon-text-button.button-back:hover {
 background: #F0F0F0;
 border-color: #F0F0F0;
 border-radius: 6px;
 border: 1px solid #444444;
 color: #f00;
 font-weight: bold;
}

.circled-text:hover {
 background-color: #fff;
}

.icon-button {
 border-radius: 6px;
}

#newMessageForm_j_id_6d_input_selectOneMenu_0, #newMessageForm_j_id_6d_input_selectOneMenu_1, #newMessageForm_j_id_6d_input_selectOneMenu_2 {
 color: #fff;
 background-color: #999;
}

#newMessageForm_j_id_6d_input_selectOneMenu_label, #userMenuForm_userMenuButton_button, #preferencesForm_j_id_5e_input_selectOneMenu_label {
 border-radius: 0px !important;
}

#userMenuForm_userMenuButton_button {
 background: #666;
 color: #fff;
 padding: 5px;
}

.ui-selectonemenu-item.ui-state-hover,
.ui-selectonemenu-items.ui-widget-content .ui-selectonemenu-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 {
 background: #999999 !important;
 color: #F0F0F0;
 border: 0;
}

#preferencesForm_j_id_5e_input_selectOneMenu_label {
 border-radius: 6px;
}

.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;
 border-radius: 6px;
}

.ui-selectonemenu-item,
.ui-selectonemenu-items.ui-widget-content .ui-selectonemenu-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: #666666 !important;
 color: #ffffff;
 border: 0;
 border-radius: 6px;
}

.ui-selectonemenu-item.ui-state-highlight,
.ui-selectonemenu-items.ui-widget-content .ui-selectonemenu-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: #666666 !important;
 color: #ffffff;
 border: 0;
 border-radius: 6px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
 border-bottom-right-radius: 0;
 border-radius: 6px;
}

.form-interaction .button,
.form .button.interaction {
 background: #666666;
 border-color: #F0F0F0;
 color: #F0F0F0;
}

.form-interaction .button:hover,
.form-interaction .button.primary:hover,
.form .button.interaction:hover,
.form .button.interaction.primary:hover {
 background: #999999;
 border-color: #999999;
 color: #F0F0F0;
}

.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;
 border-radius: 0px;
}

.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: #fff;
 border-color: #666;
 color: #666;
}

.form-interaction, .form .form-header .headline-panel {
 background: transparent;
}

#recipientInfoForm_checkTlsButton {
 visibility: hidden;
}

.default-render-kit .ui-datepicker td.ui-datepicker-week-end a {
 background-color: #666666;
 color: #ffffff;
 border: medium none;
}

.default-render-kit .ui-datepicker .ui-datepicker-header {
 background: #666666 none repeat scroll 0 0;
 border: 1px solid #464646;
 color: #ffffff;
 font-size: 16px;
 padding: 5px;
 position: relative;
}

.default-render-kit .ui-datepicker th {
 color: #ffffff;
 font-size: 14px;
 font-weight: normal;
 height: 30px;
 padding: 0;
 text-align: center;
 vertical-align: bottom;
}

.default-render-kit .ui-datepicker td a.ui-state-hover {
 background-color: #464646;
 color: #ffffff;
}

.certificates-table .details-button {
 background-image: url(/responsiveUI/javax.faces.resource/images/use_to_encrypt_icon_3C3C3B.svg.xhtml?con=totemo&pfdrid_c=true);
 background-repeat: no-repeat;
 background-position: center;
 background-size: 26px 26px;
 height: 30px;
}

.tab-navigation .main-menu-item a.send_icon {
 background-color: #666666;
 color: #EEEEEE;
 background-image: url(/responsiveUI/javax.faces.resource/images/send_msg_icon_694B7E.png);
 background-size: 22px 14px;
 background-position: 17px center;
 background-repeat: no-repeat;
 opacity: 1; 
 border-top-left-radius: 5px;
 border-top-right-radius: 5px;
 .drop-shadow(1px 1px 10px 1px rgba(0, 0, 0, 0.2));
 .rounded-bottom-corners(4px);
}

.drop-shadow(@params) {
 -moz-box-shadow: @params;
 -webkit-box-shadow: @params;
 box-shadow: @params;
}

.rounded-bottom-corners(@params) {
 -webkit-border-bottom-right-radius: @params;
 -webkit-border-bottom-left-radius: @params;
 -moz-border-radius-bottomright: @params;
 -moz-border-radius-bottomleft: @params;
 border-bottom-right-radius: @params;
 border-bottom-left-radius: @params;
}

.tab-navigation .main-menu-item a.person_icon {
 background-color: #666666;
 color: #eeeeee;
 background-image: url(/responsiveUI/javax.faces.resource/images/person_icon_694B7E.png);
 background-size: 12px 19px;
 background-position: 22px center;
 background-repeat: no-repeat;
 opacity: 1; 
 border-top-left-radius: 5px;
 border-top-right-radius: 5px;
 .drop-shadow(1px 1px 10px 1px rgba(0, 0, 0, 0.2));
 .rounded-bottom-corners(4px);
}

.drop-shadow(@params) {
 -moz-box-shadow: @params;
 -webkit-box-shadow: @params;
 box-shadow: @params;
}

.rounded-bottom-corners(@params) {
 -webkit-border-bottom-right-radius: @params;
 -webkit-border-bottom-left-radius: @params;
 -moz-border-radius-bottomright: @params;
 -moz-border-radius-bottomleft: @params;
 border-bottom-right-radius: @params;
 border-bottom-left-radius: @params;
}

.tab-navigation .main-menu-item {
 background-color: #FF0000;
 border-top-color: #FF0000;
}

.tab-navigation .main-menu-item:hover {
 background-color: #FF0000;
 border-top-color: #FF0000;
}

.form .form-header,
.form .login-form-header {
 background-color: transparent;
 color: #FF0000;
 border-top: 0px solid #FF0000; 
 margin-left: 25px;
}

@media only screen and (max-width:800px;){
 .form .form-header,
 .form .login-form-header {
  margin-left: 0px;
 }
}

.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;
}

.te {
 background-color: #ff00ff;
 color: #ff00ff;
}

.menu-item-spacer.separator {
 word-break: initial;
 width: 100px;
}

.icon-button.button-encrypted {
 display: none;
 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 {
 display: none;
 background: url(/responsiveUI/javax.faces.resource/images/encrypted_icon_464646.svg.xhtml?con=totemo) no-repeat center center;
 backgrounsageForm_ccBccButton {display: none;}-size: 14px 18px;
}
    
.icon-button.button-encrypted-inactive {
 display: none;
 background: url(/responsiveUI/javax.faces.resource/images/encypted_inactive_icon_3C3C3B.svg.xhtml?con=totemo) no-repeat center center;
 background-size: 20px 20px;
}    

.ui-tooltip, .ui-tooltip-content {
 color: #ffffff;
}

.ui-dialog .ui-dialog-content {
 position:relative;
 border:0;
 padding:.5em 1em;
 background:none;
 overflow:auto;
 zoom:1;
 background: #eee;
}

#newMessageForm_ccBccButton,#newMessageForm_ccBccButtonMobile {display: none;} 
#mobileActionMenuForm_j_id_8p_4,#mobileActionMenuForm_j_id_8l, #mobileActionMenuForm_j_id_8p_6 {background-color: white;}

#loginLogo_loginLogo {
 width: 196px;
 height: auto;
 margin-left: 25px;
}

.read-message-form-content .header-row .header-row-text.highlight,
.new-message-form-content .header-row .header-row-text.highlight {
    background-color: #fff;
    padding: 6px 10px;
}

.ui-autocomplete-panel.receiver-autocomplete-panel .ui-autocomplete-item {   
  font-size: 16px !important;
  height: 30px;
  color: #ffffff; 
  background-color: #666666;    
}

#readMessageForm_readMailContent_0_j_id_64 {
  background-color: #ffffff;
}
.read-message-description {
  background-color: #ffffff;
}

.mobile-menu .mobile-menu-items .ui-commandlink {
 border-color: #A499B0;
 color: white;
}

.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: white;
  color: #ff0000;
}

.company-input-field, .street-input-field, .housenumber-input-field, .postalCode-input-field, .city-input-field, .country-input-field, .tecompany, .teaddress, .testreet, .tenumber, .tezipcode, .tecity, .tecountry {
  visibility: hidden;
}

.form .input-field.interaction.ui-state-hover {
 background: #fff;
 border-color: #666;
 color: #666;
}

.ui-collapsible-content,
.ui-accordion-content {
  background: #fff !important;
}

#certificatesForm_certFileUpload_j_id_73 {
 color: #fff;
}
#certificatesForm_certFileUpload_j_id_73:hover {
 color: #ffffff;
 text-decoration: none !important;
 font-family: Arial; 
 font-weight: inherit;
}
#certificatesForm_j_id_70 {
 color: #fff;
 background-color: #444;
}

.form .button-right,
.form a.button-right,
.form-controls .button-right,
.form-controls a.button-right {
  float: left;
  margin-left: 0px;
}

.read-message-form-header,
.contact-details-form-header,
.folder-form-header {
 padding: 0px 40px 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: 40px;
}

.mail-folder-preferences .amount-label,
.contacts-preferences .amount-label,
.certificates-preferences .amount-label,
.search-result-preferences .amount-label {
 float: right;
 margin: 0 10px 0 20px;
}

.desktop-menu .menu-item.active {
 color: #ff0000;
}
.desktop-menu .menu-item.active,
.desktop-menu .menu-item.bold {
 font-weight: bold;
}

.mail-folder-preferences .button-search,
.contacts-preferences .button-search.active {
 height: 37px;
}

.desktop-action-menu .actions-container-search.mail-folder-search {
 margin-bottom: 41px;
 width: 95%;
}

.form-interaction .button.primary,
.form .button.interaction.primary {
  background: #transparent;
  color: #ffffff;
}

.ui-widget-header {
 border: 1px solid #333333;
 background: #ff0000;
 color: #ffffff;
 font-weight: normal;
}

.ui-widget-content {
 border: 1px solid #cccccc;
 color: #000;
}

.ui-tooltip,
.ui-tooltip-content {
 background: #f00;
 color: #fff;
}

.form .button {
 background: #fff;
 border-color: #cccccc;
}

.form .button:hover,
.desktop-menu .button:hover {
 background-color: #444444;
 color: #fff;
 border-color: #444444;
}

.mobile-action-menu .mail-action-close {
 background-color: #ccc;
}

.col-xs-6 {
 width: 45%;
}

.mobile-action-menu .settings-priority {
 padding: 15px 15px 40px;
 background-color: white;
}

.mobile-action-menu .settings-checkboxes .checkbox-with-text {
 margin-bottom: 0px;
 background-color: white;
}

.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: #fff;
 border-color: #fff;
 color: #f00;
}

.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: #ff0000;
 color: white;
 border: #ff0000;
}

.select-all-checkbox-container .select-all-checkbox {
 position: absolute;
 left: -5px;
 bottom: 2px;
}

.desktop-action-menu .actions-container-search {
 float: left;
 width: 95%;
 padding: 25px 20px;
}

#certificatesForm_certFileUpload_j_id_66 {
 color: #fff;
 text-decoration: none !important;
}

.mail-editor-container .cke_combo_arrow,
.mail-editor-container .cke_button_arrow {
 border-top: 3px solid white !important;
}

#contactsForm_sortingButton_button, #mailFolderForm_sortingButton_button {
 color: #666;
}
#contactsForm_sortingButton_button:hover, #mailFolderForm_sortingButton_button:hover {
 color: #666;
}

#fitsContact {display:none;}

.sun-editor .se-toolbar {
  display: none;
}

@media screen and (min-width: 768px) {

  .mail-control-button.button-attachment {
    height: 38px !important;
    width: 38px !important;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 19px 17px;

  }
  
  .new-message-form-content .mail-editor-container {
    padding-left: 10px;
  }

  .mail-control-button.file-upload {
    left: 238px;
    top: 63px;
  }
  
  .sun-editor .se-toolbar {
    display: block;
  }
}

@media screen and (min-width: 992px) {
  .mail-control-button.file-upload {
    position: absolute;
    z-index: 10000;
    left: 692px;
    top: 20px;
  }
}