/* Use this file to override the original style rules. 
This file will never be touched by any product upgrade process. */
body{
    background: #FAFAFA;
    font-family: Open Sans, Helvetica, Arial;
    font-style: normal;
    font-weight: normal;
    font-size: 1rem;
    color: #161616;
    text-rendering: optimizeLegibility;
}
#head > div > div.span6.right > div:nth-child(2) > ul > li > a{
position: absolute;
    top: -24px;
    left: 10px;
    color: #fff;
}

.help-block > a {
    color:#C73C35;
    text-decoration:underline;
}

#content{
    box-shadow: none;
    margin:0;
}

#localeSwitchForm{
    margin-top:-85px;
}


#customFooter{
    position: absolute;
    bottom: -24px;
    left:-5px;
    box-shadow: none;
    text-shadow: none;
    color: #fff;
    font-family: Open Sans, Helvetica, Arial;
    font-style: normal;
    font-weight: normal;
    font-size: 1rem;
    text-rendering: optimizeLegibility;
}
/* The main area */
#container {
     background: #ffffff; /* change the general background color */
     box-shadow: none;
     text-shadow: none;
     border-left: 1px solid #eeeeee;
     border-right: 1px solid #eeeeee;
     border-top: 30px solid #C73C35;
     border-bottom: 30px solid #C73C35;
     border-radius:0px;
    
}

#container #lower-nav ul li {
    text-shadow: none;
}
#container #lower-nav ul li a {
    cursor: pointer;
    color: black;
    font-family: Open Sans, Helvetica, Arial;
    font-style: normal;
    font-weight: normal;
    font-size: 1rem;
    text-rendering: optimizeLegibility;
}
#container #lower-nav ul li a:hover {
    cursor: pointer;
    color: #C73C35;
    font-family: Open Sans, Helvetica, Arial;
    font-style: normal;
    font-weight: normal;
    font-size: 1rem;
    text-rendering: optimizeLegibility;
    text-decoration: underline;
}

#container #lower-nav ul li:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

/* The header area */
#container #head {
     box-shadow: none;
     border:none;
    /* background: #99b2b7; /* change the background color */
    /* border-bottom-color: #948c75; /* change the color of the bottom line */
    /* height: 91px; /* 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 */
}

textarea:focus, input[type="text"]:hover, input[type="password"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="date"]:hover, input[type="month"]:hover, input[type="time"]:hover, input[type="week"]:hover, input[type="number"]:hover, input[type="email"]:hover, input[type="url"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="color"]:hover, .uneditable-input:hover {
    border-color: #C73C35;
    outline: 0;
    outline: thin dotted \9;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    border-color: #C73C35;
    outline: 0;
    outline: thin dotted \9;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    background-color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    display: inline-block;
    height: 20px;
    padding: 4px 6px;
    margin-bottom: 10px;
    font-size: 13px;
    line-height: 20px;
    color: #555555;
    -webkit-border-radius: none;
    -moz-border-radius: none;
    border-radius: unset;
    border-top-left-radius: unset;
    border-top-right-radius: unset;
    border-bottom-right-radius: unset;
    border-bottom-left-radius: unset;
    vertical-align: middle;
}

.popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    border-bottom: 1px solid #ebebeb;
    -webkit-border-radius: unset;
    -moz-border-radius: unset;
    border-radius: 0px;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
    color: white;
    background-color: #C73C35;
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
    display: none;
    width: 236px;
    padding: 1px;
    background-color: #ffffff;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: 0px;
    -moz-box-shadow:0px;
    box-shadow: 0px;
}

.username {
        max-width: 310px;
}



/* general appearance of links */
a, a:hover {
    /* color: #333; */
}

a {
    color: #C73C35;
    text-decoration: none;
}

/* appearance of links on the footer area */
#container #footer a {
    color: #C73C35;
    font-family: Open Sans, Helvetica, Arial;
    font-style: normal;
    font-weight: normal;
    font-size: 1rem;
    text-rendering: optimizeLegibility;
    box-shadow: none;
    text-shadow: none;
    text-decoration:underline;
}

#container #footer ul .divider {
display:none;
}

ul, ol {
    padding: 0;
    margin: 0 0 10px 0px;
}

#container #head select {  
    /*Dropdown menu*/
    background: #FAFAFA;
    color: black;
    border:0px;
}

#container #head select:hover {  
    /*Dropdown menu*/
    background: #FAFAFA;
    color: #C73C35;
    border:0px;
    border-bottom: 2px solid #C73C35;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: rgb(199, 60, 53);
}

.text-info {
    color: #C73C35;
}


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

.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; */
     box-shadow: none;
     text-shadow: none;
     border-radius:0px;
}

/*
 * style rules for buttons on top of the lists of received, sent and deleted e-mails
 */
.btn-group > .info.btn {
    /* background: #948c75;
    /* border-radius: 0;*/
    box-shadow: none;
    /* color: #fff;
    /* margin-left: 5px;*/
     text-shadow: none;
}
.btn, .btn-info, .btn-primary, .btn-success, .btn-warning, .btn-danger, .btn-inverse, .action.btn, .btn-action, .btn-group > .btn + .dropdown-toggle {
box-shadow: none;
}

.btn{
    font-weight: bold;
    border:0px;
    border-radius: 0px;
    background: #5B6770;
    color:white;
    text-shadow: none;
    /*border-color: #c5c5c5;*/
   /* border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);*/
}

.btn.info.nav-answer-btn {
    background-color: #C73C35;
}

#eml-download-button {
    margin-left: 0;
    display: none;
    cursor: pointer;
    background-color: #C73C35;
}

.sprite.mail-mini {
    background-position: -483px -50px;
    width: 19px;
    height: 14px;
    background-color: #5B6770;
}

.sprite.settings-mini {
    background-position: -477px -769px;
    width: 13px;
    height: 14px;
    background-color: #5B6770;
}

.sprite.power-mini {
    background-position: -551px -233px;
    width: 12px;
    height: 14px;
    background-color: #C73C35;
}

#browse-files-button {
    background: #C73C35;
    margin-top: 6px;
}
 
.actionbar .btn {
    /* background: #7a6a53; /* these rules make the buttons appear flat and with a different background color */
    /* box-shadow: none;
    /* color: #fff;
    /* text-shadow: none; */
}

.actionbar .btn:hover {
    /* background: #948c75; /* set the color of the mouse over state */
}

.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 */
    background-image:none;
}

/*
 * 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: #eee; /* overwrite rules for the background color to have the same color in every table row */
}