/* Use this file to override the original style rules. 
This file will never be touched by any product upgrade process. */
/* The main area */
#container {
    background: #ffffff;
    /* change the general background color */
    box-shadow: none;
    border-style: none;
    border-radius: 0;
}

#container .page-header {
    border-bottom: 0 solid;
    margin-top:10px;
}

/* The header area */
#container #head {
    background: #ffffff;
    /* change the background color */
    border-bottom-color: #cccccc;
    /* change the color of the bottom line */
    border-bottom: 1px solid #e8e8e8;
    height: 30px;
    /* this is needed to adjust the header height to the logo height
        in this case the header height (91px) equals the sum of the logo height 
        and its top offset (74px + 17px), resulting in the logo being bottom aligned 
        within the header area */
}

#container #head #logo {
    padding-top: 30px;
    padding-left: 0;
    width: 130px
}
@media (max-width: 768px) {
        #container #head {
  
height: 50px;
  min-height: 50px;
}
    }

@media (max-width: 768px) {
    #container #head #logo {
        padding-top: 5px;
        padding-left: 0;
        width: 130px
    }

}

#container #head select[id="localeSwitch"] {
    background: var(--Grey-01, #F2F2F2);
    color: #6f6660;
    border: 1px solid var(--Border-NEW-border-50, #666);
    border-radius: 0;
    height: 30px;
    width: 130px;
    padding: 0 9px;
    margin-top: 6px;
    margin-right: 34px;
    font-size: 15px;
    font-weight: normal;
}

@media (max-width: 768px) {
   #container #head select[id="localeSwitch"] {
   
    margin-right: 20px;

}

}

#container select[id="setupForm:securityQuestion"] {
    background: var(--Grey-01, #F2F2F2);
    color: #6f6660;
    border: 1px solid var(--Border-NEW-border-50, #666);
    border-radius: 0;
    height: 40px;
    width: 168px;
    padding: 0 9px;
    margin-top: 6px;
    margin-right: 34px;
    font-size: 18px;
    font-weight: normal;
}
@media (min-width: 1200px) {
    #container #head .left {
        margin-left: 0px;
    }

    #container #head .right {
        margin-right: 0px;
    }
}

@media (max-width: 768px) {
    #container #head .left {
        margin-left: 20px;
    }
}

/* the footer area */
#container #footer {
    border-bottom: 1px solid #e8e8e8;
}

/* appearance of links on the footer area */
#container #footer a {
    color: #6f6660;
    font-family: sans-serif;
    font-size: 16px;
    font-weight: normal;
}

#container #powered_by {
    display: none
}

/* general appearance of links */
a, a:hover {
    color: #6f6660;
    font-size: 16px;
}

/* Headlines */
#container h1 {
    color: #101010;
    font-size: 28px;
    font-weight: bold;
    overflow: visible;
    overflow-wrap: break-word;
    margin-left: 0px;
}

/* general content */
#content {
    -webkit-box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -moz-box-shadow: none;
    box-shadow: none;
    /*border-top: 1px solid rgba(255, 255, 255, 0.4);*/
    border-radius: 0;
}

#container #content button.icon-button {
    background: #f8f8f8;
    color: #6f6660;
     border: 1px solid rgb(126 126 126 / 40%);
  
  
}

/* Login screen - input field user name */
#container #content input[type="text"] {
    background: #f2f2f2;
    color: #6f6660;
    /*font-family: LufthansaTextWebLight;*/
    font-size: 16px;
    font-weight: normal;
    border-radius: 0;
    height: 40px;
    margin-top: 5px;
    margin-bottom: 5px;
}

/* Login screen - input field password */
#container #content input[type="password"] {
    background: #f2f2f2;
    color: #6f6660;
    /*font-family: LufthansaTextWebLight;*/
    font-size: 16px;
    font-weight: normal;
    border-radius: 0;
    height: 40px;
    margin-top: 0px;
    margin-bottom: 0px;
}

/* Login screen - login button */
#container #content input[id="submitButton"] {
    background: #cc0000;
    color: #ffffff;
    /*font-family: LufthansaTextWebLight;*/
    font-size: 16px;
    font-weight: bold;
    border-radius: 0;
    width: 100%;
    height: 40px;
    margin-top: 5px;
    margin-bottom: 5px;
}

#container #content input[id="j_id_2j:save-button"] {
    background: #cc0000;
    color: #ffffff;
    /*font-family: LufthansaTextWebLight;*/
    font-size: 16px;
    font-weight: bold;
    border-radius: 0;
    /*width: 100%;*/
    height: 40px;
    margin-top: 5px;
    margin-bottom: 5px;
}

/* Mail screen - send button top */
#container #content input[id="sendButtonTop"] {
    background: #cc0000;
    color: #ffffff;
    /*font-family: LufthansaTextWebLight;*/
    font-size: 16px;
    font-weight: bold;
    border-radius: 0;
    height: 40px;
    margin-top: 5px;
    margin-bottom: 5px;
}

/* Mail screen - send button bottom */
#container #content input[id="sendButton"] {
    background: #cc0000;
    color: #ffffff;
    /*font-family: LufthansaTextWebLight;*/
    font-size: 16px;
    font-weight: bold;
    border-radius: 0;
    height: 40px;
    margin-top: 5px;
    margin-bottom: 5px;
}

/* Forgotten password form*/
#container #content form[id="passwordForgottenForm"] {
    color: #101010;
    font-size: 18px;
    font-weight: normal;
}

/* Forgotten password form - send button*/
#container #content input[id="j_id_1g"] {
    background: #cc0000;
    color: #ffffff;
    /*font-family: LufthansaTextWebLight;*/
    font-size: 16px;
    font-weight: bold;
    text-shadow: none;
    border-radius: 0;
    height: 40px;
    margin-top: 5px;
    margin-bottom: 5px;
}

/* Forgotten password form - discard button*/
#container #content input[id="j_id_1h"] {
    background: #6f6660;
    color: #ffffff;
    /*font-family: LufthansaTextWebLight;*/
    font-size: 16px;
    font-weight: bold;
    text-shadow: none;
    box-shadow: none;
    border-style: none;
    border-radius: 0;
    height: 40px;
    margin-top: 5px;
    margin-bottom: 5px;
}

#container #content input[id="attachmentUpload"] {
    background: #6f6660;
    color: #ffffff;
    /*font-family: LufthansaTextWebLight;*/
    font-size: 16px;
    font-weight: bold;
    text-shadow: none;
    box-shadow: none;
    border-style: none;
    border-radius: 0;
    height: 40px;
    margin-top: 5px;
    margin-bottom: 5px;
}

#container #content button[id="cancelButtonTop"] {
    background: #6f6660;
    color: #ffffff;
    /*font-family: LufthansaTextWebLight;*/
    font-size: 16px;
    font-weight: bold;
    text-shadow: none;
    box-shadow: none;
    border-style: none;
    border-radius: 0;
    height: 40px;
    margin-top: 5px;
    margin-bottom: 5px;
}

#container #content button[id="cancelButton"] {
    background: #6f6660;
    color: #ffffff;
    /*font-family: LufthansaTextWebLight;*/
    font-size: 16px;
    font-weight: bold;
    text-shadow: none;
    box-shadow: none;
    border-style: none;
    border-radius: 0;
    height: 40px;
    margin-top: 5px;
    margin-bottom: 5px;
}

#container input[id="setup-next-button-trigger"] {
    background: #cc0000;
    color: #ffffff;
    /*font-family: LufthansaTextWebLight;*/
    font-size: 16px;
    font-weight: bold;
    text-shadow: none;
    box-shadow: none;
    border-style: none;
    border-radius: 0;
    height: 40px;
    margin-top: 5px;
    margin-bottom: 5px;
}

#container input[id="setupForm:setup-save-button"] {
    background: #cc0000;
    color: #ffffff;
    /*font-family: LufthansaTextWebLight;*/
    font-size: 16px;
    font-weight: bold;
    text-shadow: none;
    box-shadow: none;
    border-style: none;
    border-radius: 0;
    height: 40px;
    margin-top: 5px;
    margin-bottom: 5px;
}

#container input[id="setup-login-button"] {
    background: #cc0000;
    color: #ffffff;
    /*font-family: LufthansaTextWebLight;*/
    font-size: 16px;
    font-weight: bold;
    text-shadow: none;
    box-shadow: none;
    border-style: none;
    border-radius: 0;
    height: 40px;
    margin-top: 5px;
    margin-bottom: 5px;
}

#container a[id="setupForm:setup-back-button"] {
    background: #6f6660;
    color: #ffffff;
    /*font-family: LufthansaTextWebLight;*/
    font-size: 16px;
    font-weight: bold;
    text-shadow: none;
    box-shadow: none;
    border-style: none;
    border-radius: 0;
    height: 32px;
    margin-top: 5px;
    margin-bottom: 5px;
    align-content: center;
}

#container a[id="setupForm:setup-back-securityquestion-button"] {
    background: #6f6660;
    color: #ffffff;
    /*font-family: LufthansaTextWebLight;*/
    font-size: 16px;
    font-weight: bold;
    text-shadow: none;
    box-shadow: none;
    border-style: none;
    border-radius: 0;
    height: 32px;
    margin-top: 5px;
    margin-bottom: 5px;
    align-content: center;
}

#container #content form[id="j_id_2j"] {
    font-size: 18px;
}

#container #content form[id="j_id_2n"] {
    font-size: 18px;
}

/* Mail screen - lower navigation bar*/
#container #lower-nav {
    border: none;
    background: none;
    position: relative;
    top: -50px;
    padding: 0px;
}

#container #lower-nav ul li {
    text-shadow: none;
    border-left: none;
    border-right: none;
}

#container #lower-nav ul li a {
    background: none;
    color: #101010;
    text-shadow: none;
    font-size: 20px;
    font-weight: normal;
    height: 20px;
}

#container #lower-nav ul li.selected {
    background: none;
    border-bottom: 3px solid #cc0000;
}

/* Mail screen - lower navigation bar sprites*/
#container #lower-nav .sprite {
    color: #101010;
}

#container #lower-nav ul li:hover {
    background: #fafafa;
    box-shadow: none;
}

/* Main screen - sidebar inactive items*/
#container .with-sidebar #sidebar .sidebar-list li a {
    background: #ffffff;
    color: #101010;
    border-top: none;
    border-bottom: none;
    font-size: 18px;
    font-weight: normal;
    text-shadow: none;
    padding-left: 64px;
}

/* Main screen - sidebar selected item*/
#container .with-sidebar #sidebar .sidebar-list li.selected a {
    background: #ffffff;
    color: #101010;
    border-top: none;
    border-bottom: none;
    font-size: 18px;
    font-weight: bold;
    border-left: 4px solid #cc0000;
    padding-left: 56px;
}

#container .with-sidebar #sidebar .sidebar-list li:hover a, #container .with-sidebar #sidebar .sidebar-list li.selected:hover a {
    background: #FAFAFA;
    border: 0px;
    box-shadow: none;
    padding-left: 60px;
}

#container .with-sidebar #sidebar .sidebar-list li.selected .arrow {
    display: none;
}

#container .with-sidebar #footer {
    width: 100%;
    /*border-bottom: 1px solid var(--Border-NEW-border-10, #CCC);*/
}

#container .with-sidebar {
    background-image: none;
    margin-top: -40px;
}

#container .with-sidebar h1 {
    overflow: visible;
}

.actionbar {
    background-color: #fff;
    background-image: none;
}

.light-sprite, th .sprite, .sidebar-list li .sprite, #container #lower-nav .sprite, .btn .btn-left .sprite {
    background-image: url(../img/sprites-black.png);
    /* use another set of images as icons */
}

/* Labels */
#container #content label[for="twoFactorCode"] {
    color: #6f6660;
    font-size: 14px;
    font-weight: normal;
}

#container #content label {
    color: #6f6660;
    font-size: 18px;
    font-weight: normal;
}

/* Buttons */
#container #content button {
    background: #6f6660;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    text-shadow: none;
    box-shadow: none;
    border-style: none;
    border-radius: 0;
    height: 40px;
    margin-top: 5px;
    margin-bottom: 5px;
}

#container #content .tox .tox-tbtn 
{
    background: none;

}

/* Mail screen - export button*/
#container #content #j_id_2o #drop-down-export-button button {
    background: #ffffff;
    color: #6f6660;
    font-size: 14px;
    font-weight: normal;
    text-shadow: none;
    box-shadow: none;
    border-style: none;
    border-radius: 0;
    height: 0;
    margin-top: 0;
    margin-bottom: 26px;
}

#container #content button.close
{
    opacity:1;
    background:none;
    color:black;
    margin-top:-5px
    }

/*
 * style rules for regular buttons
 */
.action.btn {
    /*border-color: #7a6a53;*/
    /*background: #7a6a53;*/
    color: #000;
    text-shadow: none;
    box-shadow: none;
    border-style: none;
    border-radius: 0;
}

.action.btn:hover {
    /* background-position: inherit;
    /* background-color: #7a6a53; /* fallback color in case gradients are not allowed */
    /* background-image: linear-gradient(center top , #7a6a53, #d9ceb2); /* background gradient fill for several browsers */
    /* background-image: -moz-linear-gradient(center top , #7a6a53, #d9ceb2);
    /* background-image: -o-linear-gradient(center top , #7a6a53, #d9ceb2);
    /* background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#7a6a53), to(#d9ceb2));
    /* background-image: -webkit-linear-gradient(center top , #7a6a53, #d9ceb2);
    /* color: #fff; */
}

/*
 * style rules for buttons on top of the lists of received, sent and deleted e-mails
 */
.btn-group > .info.btn {
    background: #ffffff;
    color: #6f6660;
    /* margin-left: 5px;*/
    text-shadow: none;
    box-shadow: none;
    border-style: none;
    border-radius: 0;
}

.btn-group > .btn, .btn-group > .dropdown-menu {
    font-size: 14px;
}

/*
 * style rules for buttons the (sent or received) mail view
 */
.actionbar .btn {
    background: #ffffff;
    /* these rules make the buttons appear flat and with a different background color */
    box-shadow: none;
    color: #000;
    text-shadow: none;
    height: 40px;
}

.actionbar .btn:hover {
    /* background: #948c75; /* set the color of the mouse over state */
    box-shadow: none;
    color: #000;
    text-shadow: none;
}

.actionbar .btn-group.open .btn.dropdown-toggle {
    /* background: #948c75; /* set the color of dropdown-buttons when they are "open" */
}

.actionbar .btn.dropdown-toggle .caret {
    /* border-top-color: #fff; /* change the color of the dropdown-arrow in order to fit the text color */
}

.actionbar .btn .sprite {
    /*background-image: url(../img/sprites-silver.png); /* use another set of images as icons */
}

/*
 * style rules for the sidebar
 */
#container .with-sidebar {
    /* background: transparent url("../img/sidebar_bg_grey.jpg?0.4.3") repeat-y; */
}

/*
 * style rules for tables
 */
table.mailbox tbody tr td {
    /* background: #eee; /* change the general background color of table cells */
}

.table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th {
    background: #fff;
    /* overwrite rules for the background color to have the same color in every table row */
}

.table thead th {
    vertical-align: bottom;
    color: #333;
    text-shadow: none;
    font-size: 14px;
    font-weight: normal;
}

.table-bordered {
    border: none;
}

.table-bordered th, .table-bordered td {
    border-left: 0;
}

.mailbox {
    background: white;
    /*border: none;*/
}

.mailbox a {
    color: #101010;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    /* 17.6px */
}

table.mailbox tbody tr td {
    color: #101010;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    /*line-height: 110; */
    line-height: 180%;
    vertical-align: middle;
}

#statisticsbar {
    float: left;
    margin-left: 5px;
    color: #6f6660;
    font-size: 11px;
}

#content a[id="markReadButton"] {
    border: 1px solid #bbbbbb;
    border-top-width: 0;
    border-top-style: solid;
    border-top-color: rgb(187, 187, 187);
    border-right-width: 2px;
    border-right-style: solid;
    border-right-color: rgb(187, 187, 187);
    border-bottom-width: 0;
    border-bottom-style: solid;
    border-bottom-color: rgb(187, 187, 187);
    border-left-width: 0;
    border-left-style: solid;
    border-left-color: rgb(187, 187, 187);
}

#content a[id="markUnreadButton"] {
    border: 1px solid #bbbbbb;
    border-top-width: 0;
    border-top-style: solid;
    border-top-color: rgb(187, 187, 187);
    border-right-width: 2px;
    border-right-style: solid;
    border-right-color: rgb(187, 187, 187);
    border-bottom-width: 0;
    border-bottom-style: solid;
    border-bottom-color: rgb(187, 187, 187);
    border-left-width: 0;
    border-left-style: solid;
    border-left-color: rgb(187, 187, 187);
}

#content a[id="markDeleteButton"] {
    border: 1px solid #bbbbbb;
    border-top-width: 0;
    border-top-style: solid;
    border-top-color: rgb(187, 187, 187);
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: rgb(187, 187, 187);
    border-bottom-width: 0;
    border-bottom-style: solid;
    border-bottom-color: rgb(187, 187, 187);
    border-left-width: 0;
    border-left-style: solid;
    border-left-color: rgb(187, 187, 187);
}

#container .username {
    overflow: visible;
}

.dl-horizontal dt {
    width: 180px;
    text-align: left;
}

.alert {
    -webkit-box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -moz-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    background-image: none;
    text-shadow: none;
    font-size: 18px;
}

#container #content select[id="j_id_2j:localeSelect"] {
    color: #101010;
    font-size: 18px;
    border-radius: 0;
    height: 40px;
}

#container #content select[id="securityQuestion"] {
    color: #101010;
    font-size: 16px;
    border-radius: 0;
}

#container #content input[id="setup-save-button-trigger"] {
    background: #cc0000;
    color: #ffffff;
    /*font-family: LufthansaTextWebLight;*/
    font-size: 16px;
    font-weight: bold;
    border-radius: 0;
    /*width: 100%;*/
    height: 40px;
    margin-top: 5px;
    margin-bottom: 5px;
}

#container #content input[id="save-button-trigger"] {
    background: #cc0000;
    color: #ffffff;
    /*font-family: LufthansaTextWebLight;*/
    font-size: 16px;
    font-weight: bold;
    border-radius: 0;
    /*width: 100%;*/
    height: 40px;
    margin-top: 5px;
    margin-bottom: 5px;
}

#container #content form[id="twoFaSettingsForm"] {
    font-size: 16px;
}

.control-label {
    color: #6f6660;
    font-size: 18px;
    font-weight: normal;
}

.fileinputs .fakefileuploadfield {
    color: #6f6660;
    font-size: 18px;
    font-weight: normal;
    align-content: center;
}

#container #content a[id="browse-files-button"] {
    background: #6f6660;
    color: #ffffff;
    /*font-family: LufthansaTextWebLight;*/
    font-size: 16px;
    font-weight: bold;
    text-shadow: none;
    box-shadow: none;
    border-style: none;
    border-radius: 0;
    margin-top: 5px;
    margin-bottom: 5px;
    align-content: center;
}

.monospace, #container textarea.monospace {
    color: #101010;
    font-size: 18px;
    font-weight: normal;
}

#container #content label[for="j_id_2j:deliveryType"] {
    color: #333333;
    font-size: 18px;
    font-weight: bold;
}

#container #content label[for="j_id_2j:signature"] {
    color: #333333;
    font-size: 18px;
    font-weight: bold;
}

#container #content label[for="oldPassword"] {
    color: #333333;
    font-size: 18px;
    font-weight: bold;
    margin-top: 10px;
    margin-right: 20px;
    text-align: left;
    width: 200px;
}

#container #content label[for="newPassword"] {
    color: #333333;
    font-size: 18px;
    font-weight: bold;
    margin-top: 10px;
    margin-right: 20px;
    text-align: left;
    width: 200px;
}

#container #content label[for="confirmNewPassword"] {
    color: #333333;
    font-size: 18px;
    font-weight: bold;
    margin-top: 0px;
    margin-right: 20px;
    text-align: left;
    width: 200px;
}