/* Customized Stylesheet */
#b_login_form_logo {
    background-image:url(custom_logo.png);
    width: 86%;
    margin: 20px 7%;
}
#header_logo {
    width: 130px;
    padding-right: 10px;
}

#header_logo img {
    max-width: 130%;
    height: auto;
    padding-top: 2px;
}
 
/* Anpassen der Farben */
 
/* Farbe für Buttons (nicht hervorgehoben, Standard: Dunkleres Rot) */
.form_button_big {background:#363636;}
.input_button {background:#363636;}
.label_active {background:#363636;}
.ui-widget-header {background:#363636 !important;}
a.mail_content_button {background:#363636;}
a.modal_button {background:#363636;}
 
/* Farbe für Hervorhebungen (Hover-Effekt für Buttons etc., Standard: Helleres Rot) */
.no-touchevents .input_button:hover {background:#3e3e3f;}
.no-touchevents a.mail_content_button:hover {background:#3e3e3f;}
.no-touchevents #EMail_Attachments a:hover {background:#3e3e3f;}
.no-touchevents a.modal_button:hover {background:#3e3e3f;}
.no-touchevents .form_button_big:hover { background: #3e3e3f;}
.form_notification {background: #3e3e3f;}
table.jCalendar th { background: #3e3e3f;}
table.jCalendar td.today { background: #3e3e3f;}
table.jCalendar td.selected { background: #3e3e3f;}
div.dp-popup a:hover { color: #3e3e3f;}
 
/* Schriftfarbe des Login-Buttons (Standard: Sehr helles Rot) */
.form_button_big {color: #FFC600;}

.no-touchevents #header_nav ul li:hover a, .no-touchevents #header_nav ul li:hover a::before, #header_nav ul li.hn_active a::before {
    color: #d6d6d6;
  }

#header_nav ul li a {
    color: #d6d6d6;
}

span.stage_head_overview_title i {
    background: #2f2f2f;
    color: #fec500;
}

.stage_head {
    background: #2f2f2f;
}

#header_nav ul li.hn_active a {
    background: #767676;
}

#header {
    background: #2f2f2f;
}

.form_icon {
    border: none;
    padding-left: 10px;
}

#b_login_form {
    border-radius: 10px;
    background: #646363;
}

.form_input_text {
    background: #a8a5a5;
    color: #666;
    border: 1px solid #a8a5a5;
    border-radius: 5px;
}

.clearFix {
    background: #424242;
}

.form_select {
    width: 100%;
    box-sizing: border-box;
    display: block;
    background: #a8a5a5;
    font-size: 0.8125em;
    border: 1px solid #a8a5a5;
    color: #666;
    border-radius: 5px;
}

@media screen and (max-width: 500px) {
    #b_login_form {max-width:500px;margin:0 auto;height: 100%;}
    #b_login_form {
        border-radius: 0px;
    }
    .b_login_form_wrapper {
        padding-top: 20px;
    }

}




/* master.css | https://mailarchiv.bs-rz.com/benno/css/master.css?v=1.1 */

#overlay {
    background: #0f0f0f;
    opacity: 0.5;
  }
  
  .ui-widget-overlay {
    background: rgb(28, 28, 28) !important;
  }
  
  .ui-dialog .ui-dialog-title {
    color: #c6c6c6 !important;
  }
  
  input#wl_mailto, input#suchanfrage {
    border: 1px solid #848383;
    background: #404040;
    border-radius: 7px;
    color: #bbbaba;
  }
  
  /* jquery-ui.css | https://mailarchiv.bs-rz.com/benno/tools/jquery-ui-1.12.1_all/jquery-ui.css */
  
  .ui-dialog .ui-dialog-titlebar-close {
    top: 50%;
    width: 20px;
    height: 20px;
    background: #0000;
  }
  
  .ui-widget-content {
  
    background: #252525;
    color: #262626;
  }
  


/* custom.css | https://mailarchiv.bs-rz.com/benno/theme/custom.css */

.ui-widget-header {
    background: #1a1a1a !important;
  }
  
  /* jquery-ui.css | https://mailarchiv.bs-rz.com/benno/tools/jquery-ui-1.12.1_all/jquery-ui.css */
  
  .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {

    background: #575757;
  }
  
  .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
background: #1e1e1e;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button {
color: #757575;
}

#label > div:nth-child(2) {
    background: #303030;
}
.label {
    background: #555;
}

.no-touchevents .label:hover > a {
    background: #767676;
    color: rgb(199, 199, 199);
}
.no-touchevents .label > a {
    background: #393939;
    color: rgb(199, 199, 199);
}

.no-touchevents .label_active > a {
    background: #4e4e4e;
    color: rgb(199, 199, 199);
}

.label_delete {
    border: none;
    background: #767676;
}
.label_delete:hover {
    border: none;
    background: #767676;
}

.no-touchevents .label:hover {
    background: #767676;
}

.label_active .label_delete {
    border: none;
    color: #de4646;
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: 0.5em 1em;
    background: none;
    overflow: auto;
    color: #ccc;
}