/* COLORS */

/*
head = #354056
main1 = #f0f0f0
main2 = #f9f9f9

#223f63 2A354B

*/

/* GLOBAL */
* {
    font-family: Tahoma, Arial, sans-serif !important;
    font-size: 12px;
}
body {
    background-image: none !important;
    background-color: #eee !important;
}
input, select, textarea, button {
    border: 1px solid #ddd !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), 0 5px 10px rgba(0,0,0,0.05) !important;
    padding: 5px !important;
    outline: none !important;
    border-radius: 3px !important;
}
input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus {
    border: 1px solid #2D5990 !important;
}
input[type=button], input[type=submit], button {
    border: 1px solid #2D5990 !important;
    background-color: #2D5990 !important;
    color: #f0f0f0 !important;
    padding: 5px 7px !important;
}
input[type=button]:hover, input[type=submit]:hover, button:hover {
    border: 1px solid #2E73AB !important;
    background-color: #2E73AB !important;
}
input[type=submit]:disabled, input[type=button]:disabled, button:disabled {
    border: 1px solid #ddd !important;
    background-color: #f0f0f0 !important;
    color: #333 !important;
}
input[type=submit]:hover:disabled, input[type=button]:hover:disabled, button:hover:disabled {
    background-color: #ddd !important;
    color: #333 !important;
}
select {
    /*width: 100% !important;*/
    /*box-sizing: border-box !important;*/
}
td {
    padding: 3px !important;
    font-size: 12px;
}
td[style*="height: 2px;"] {
    padding: 0 !important;
}
fieldset {
    padding: 15px !important;
    border: 1px solid #ddd !important;
}
legend {
    margin: 0 !important;
    color: #2A354B !important;
}

/* HEADER */
#v4_overallTable {
    width: 80%;
    margin: 0 auto;
    max-width: 1500px;
    min-width: 1000px;
    transition: width .5s ease;
}
#v4_overallTable > tbody > tr > td {
    padding: 0 !important;
}
#v4_pageContainer {
    border: 0 !important;
    background-color: #fff !important;
}
#v4_topRowContainer {
    background-image: none !important;
    background-color: #2A354B !important;
    border-bottom: 1px solid #3D4759 !important;
}
#v4_topContainer {
    background-image: none;
    background-color: #2A354B;
    border: 0 !important;
}
#v4_firmenInfoContainer {
    border-left: 1px solid #3D4759 !important;
}
#v4_menuRowContainer {
    border-top: 1px solid #3D4759 !important;
}
#v4_menuRowContainer ul li a {
    border-left: 1px solid #3D4759 !important;
}
#v4_favIconContainer a {
    background-image: none !important;
    border-right: 1px solid #3D4759 !important;
}
#v4_menuContainerRight li {
    background-image: none !important;
}
#v4_menuContainerRight li.active {
    background-color: #3D4759 !important;
}
#v4_menuContainerRight li:hover {
    background-color: #3D4759 !important;
}
#v4_menuContainerRight .mainmenu_sublist {
    border: 0 !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), 0 5px 10px rgba(0,0,0,0.05) !important;
}
#v4_menuContainerRight .mainmenu_sublist a {
    background-color: #2A354B !important;
    border: 0 !important;
    border-top: 1px solid #3D4759 !important;
}
#v4_menuContainerRight .mainmenu_sublist a:hover {
    background-color: #3D4759 !important;
}
#sidebarContainer {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 350px;
    display: none;
}
#sidebarContainer > div {
    background-color: #eee;
    height: 500px;
}
/*
#v4_maintInfoTextContainer {
    background-color: #e44141 !important;
}
#v4_maintInfoTextContainer a {
    background-color: #e44141 !important;
}
*/
#v4_maintInfoTextContainer {
    border: 0 !important;
}
#v4_bottomContainer {
    background-image: none !important;
    background-color: #2A354B !important;
    height: 30px !important;
    border: 0 !important;
}
#v4_bottomContainerLeft {
    line-height: 30px;
    padding: 0 0 0 5px !important;
}
#v4_timerButtonDiv {
    background-image: none !important;
}
#v4_timerButtonDiv > a {
    border-right: 1px solid #3D4759 !important;
}
#v4_timerButtonDiv > a:last-child {
    border-right: 0 !important;
}
#v4_timerButtonDiv a:hover {
    background-image: none !important;
    background-color: #3D4759 !important;
}
#v4_sucheContainer {
    height: 24x !important;
    padding: 0 !important;
    border: 0 !important;
}
#v4_sucheContainer select, #v4_sucheContainer input {
    padding: 0 5px!important;
    border-radius: 0 !important;
    height: 22px !important;
    border: 0 !important;
    margin: 1px 0 0 0 !important;
    box-shadow: none !important;
}

/* LOGIN */
#loginboxContainer fieldset {
    padding: 0 !important;
    border: 0 !important;
}
#loginboxContainer legend {
    padding: 5px 10px !important;
    box-sizing: border-box !important;
    color: #fff !important;
    background-color: #2A354B !important;
}
#loginboxContainer form {
    box-shadow: none !important;
    width: 400px !important;
    padding-bottom: 2em !important;
    border: 0 !important;
    background-color: #f9f9f9 !important;
}
#loginboxContainer ul li {
    padding: 0 10px !important;
}
#loginButtons {
    padding: 0 10px !important;
}

.head, td.menuHead {
    background-color: #2A354B;
    padding: 5px;
}
.main1, .main1_leist {
    background-color: #f0f0f0;
}
.main2, .main2_leist, td.menuItem {
    background-color: #f9f9f9;
}
.naviLeiste {
    padding: 0 5px !important;
}

/* PORTAL */
.portalBoxContent {
    background-color: transparent !important;
}
.portalBoxInnerHead {
    padding: 5px !important;
    background-image: none !important;
    background-color: #354056 !important;
}
.portalColmnBox {
    width: auto;
}
div.ticketUeberschrift {
    padding: 0;
    font-size: 12px;
    word-break: break-word;
    width: auto !important;
}
td.lokalAdmin1 {
    border: 0;
}
.ticket_mini_1 {
    font-size: 12px !important;
    background-color: #f9f9f9 !important;
}
.ticket_mini_1 table[style*='table-layout: fixed;'] td {
    padding: 0 !important;
}
td.rrInfo {
    background-color: #f9f9f9 !important;
}
td.rrInfo ul {
    list-style: disc;
}
td.rrInfo ul li {
    margin-left: 16px;
}

/* FAVORITENLISTE */
#favlist {
    border: 0 !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), 0 5px 10px rgba(0,0,0,0.05) !important;
    width: 300px;
}
#favlist .title {
    background-color: #354056 !important;
    border: 0 !important;
}
#favlist .favTypNav {
    background-color: #5487B9 !important;
    color: white !important;
    padding-left: 1px;
}
#favlist .favTypNav div.navItem {
    float: left;
}
#favlist .favTypNav div.navItem a {
    display: block;
    padding: 2px 4px;
    margin-right: 4px;
    color: #ddd;
}
#favlist .favTypNav div.navItem a:hover {
    background-color: #61A5D9;
    text-decoration: none;
}
#favlist .favTypNav div.active a {
    font-weight: bold;
    color: white;
}
#favlist li a.fav {
    border-bottom: 1px solid #ddd !important;
}
#favlist li a.fav:hover {
    background-color: #f0f0f0 !important;
}

/* AJAX-SUCHE */
#ajaxSucheContainerV4, #v4_firmenSucheInfoContainer {
    border: 0 !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), 0 5px 10px rgba(0,0,0,0.05) !important;
}
.v4_sucheResultsUL li {
    background-color: #fff;
}
.v4_sucheResultsUL li.naviLeiste {
    background-color: #5487B9 !important;
}
.v4_sucheResultsUL li.internRHD {
    background-color: #FFB1B1 !important;
}
.v4_sucheResultsUL li:nth-child(2n) {
    background-color: #f9f9f9;
}
.v4_sucheResultsUL li > a {
    border-bottom: 1px solid #ddd !important;
}
.v4_sucheResultsUL li > a:hover {
    background-color: #f0f0f0 !important;
}
.v4_sucheResultsUL li.title {
    background-color: #354056 !important;
}

/* FIRMEN STAMMDATEN */
form.firmenEditForm td.left {
    background-color: #f0f0f0 !important;
}
form.firmenEditForm td.right {
    background-color: #f9f9f9 !important;
}
#firmenEditMenu {
    margin: 0 !important;
}
#firmenEditMenu a {
    padding: 5px !important;
}
#firmenEditMenu a.active {
    padding: 5px !important;
    background-color: #f0f0f0 !important;
}
#firmenEditMenu a:hover {
    padding: 5px !important;
    background-color: #f0f0f0 !important;
    color: inherit !important;
}
#firmenKatForm .katRow {
    border: 0 !important;
    background-color: #f9f9f9 !important;
}

/* ADMINISTRATION */
.adminColmnBox {
    width: 50% !important;
}
.adminColmnBox > table {
    width: 100% !important;
}
td.adminTd a:hover {
    background-color: #f0f0f0 !important;
}

/* WARTUNGSVERTRÄGE */
#wv2content input.inputFeld:focus {
    background-color: #fff !important;
}
#datHilfe {
    border: 0 !important;
}
#zuwAuswahlLinks, #defAuswahlLinks, #datAuswahlLinks, #konAuswahlLinks, #bemAuswahlLinks {
    border: 0 !important;
}
#wv2content div.defTypDiv, #wv2content div.konTypDiv, #wv2content div.bemTypDiv {
    background-color: #f9f9f9 !important;
    border: 0 !important;
}
#wv2content div.hatInhalt {
    background: #cfc url("../media/hp/input_hg_1.gif") top right no-repeat !important;
}
#wv2content div.aktivRand {
    box-shadow: none !important;
    border: 1px solid #999 !important;
    font-weight: bold !important;
}
/* Wird in Tickets und Leistungen eingeblendet (gelber Balken) */
#wvInfoTd {
    padding: 0 !important;
}
#wvInfoDiv {
    border: 1px solid #f0f0f0 !important;
}
#wv2content div.zuwVorh0 {
    background-color: #f9f9f9;
    border: 1px solid #ddd;
}
#wv2content div.zuwVorh1 {
    border: 1px solid #ddd;
}
#wv2content div.zweiAuswahl {
    background-color: #f9f9f9;
    border: 1px solid #ddd;
}
#wv2content div.zweiAuswahl:hover {
    font-weight: bold;
}
#wv2content div.zweiAuswahlAkt {
    border: 1px solid #999;
    font-weight: bold;
}
#wv2content div.zweiAuswahl a:hover {
    border: 0;
    padding: 5px;
}

/* LEISTUNGSMASKE */
#le2Table {
    width: 800px !important;
}

/* DATEPICKER */
.ui-datepicker td {
    padding: 1px !important;
}

/* TASKS INTERVALL */
.taskSerieMainContainer {
    background-color: transparent !important;
}

/* NAVIGATION LISTEN */
.leistNavi {
    border: 0 !important;
    font-size: 12px !important;
}
.leistNaviAkt {
    border: 0 !important;
    font-size: 12px !important;
    background-color: #2D5990 !important;
    border-radius: 3px !important;
}

/* LIZENZEN KATEGORIE-BROWSER */
.browserMainDiv {
    border: 1px solid #ddd;
}
.browserMainDiv .katbrowsertitlerow {
    background-color: #f9f9f9;
    border-bottom: 1px solid #ddd;
}
.browserMainDiv .katbrowsersuche {
    background-color: #f9f9f9;
    border-bottom: 1px solid #ddd;
}
.katbrowseradmindiv .admintitlerow {
    background-color: #f9f9f9;
}

/* FIRMEN-KATEGORIEN */
div.firmkatBG {
    border: 0 !important;
    background-color: #f9f9f9 !important;
}

/* MULTISELECT-BUTTON */
.html-multiselect-button {
    border: 1px solid #ddd !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), 0 5px 10px rgba(0,0,0,0.05) !important;
    padding: 5px !important;
    outline: none !important;
    border-radius: 3px !important;
    line-height: inherit !important;
}
.html-multiselect-display-hint {
    padding: 5px !important;
}
.html-multiselect-valuebutton {
    padding: 0 0 0 5px !important;
    border: 1px solid #ddd !important;
    background-color: inherit !important;
}
.html-multiselect-closebutton {
    font-weight: inherit !important;
    padding: 1px 5px !important;
}

/* EMAILAUSWAHL */
#emailsel_selection_container .head {
    padding: 0 !important;
}

/* TICKETS - EMAILEINTRAG */
.mailShowULSelection li a {
    border: 0;
    background-color: inherit;
}
.mailShowULSelection li a:hover {
    background-color: #f0f0f0;
    color: inherit;
}

/* TICKET AUSWAHLFENSTER */
#ticketflaglist_header {
    padding: 0;
}
#ticketflaglist_options {
    background-color: #f9f9f9;
}
#ticketflaglist_results li.act {
    background-color: #f0f0f0;
}

/* TICKETMASKE */
#bug_view_table td[height='2'] {
    height: 2px !important;
    padding: 0 !important;
}

/* ZENTRALE/NIEDERLASSUNG AUSWAHL */
#znDiv ul li {
    border-bottom: 1px solid #ddd;
}
#znDiv ul li a {
    padding: 5px;
}
#znDiv ul li a:hover {
    background-color: #f0f0f0;
}

/* MITARBEITER AUSWAHL POPUP */
div#menuInfoDiv .inner .header {
    padding: 0;
}
div#menuInfoDiv .inner .search {
    background-color: #f9f9f9;
}

/* BEZIEHUNGEN-SUCHE POPUP */
input.suchFilter {
    width: 98%;
}

/* MITARBEITER ABTEILUNGEN POPUP */
#al_infoBoxWrapper {
    position: absolute;
}

/* IMPORT-MASKE */
input.headButton {
    color: #000 !important;
}

/* KB */
table.news_table {
    border: 1px solid #ddd;
}
.tanss_editor p {
    font-size: inherit;
}

/* TINY-MCE */
.mce-ico {
    font-family: tinymce,Arial !important;
}
.mce-panel {
    background-image: none !important;
    background-color: #f9f9f9 !important;
    border: 0 solid #ddd !important;
}
.mce-btn button {
    background-color: inherit !important;
    color: #333 !important;
    padding: 3px !important;
    padding: 3px !important;
}

/* ZUWEISUNG AUSWAHL */
#zuwselv2Container .head {
    padding: 0;
}
#zuwselv2Container .options {
    background-color: #f0f0f0;
}
#zuwselv2Container .selectionUL {
    background-color: #f9f9f9;
}
#zuwselv2Container a.act, #zuwselv2Container a:hover {
    background-color: #f0f0f0;
}

/* TEXTBAUSTEIN AUSWAHL */
#TBSelectionContainer .head {
    padding: 0;
}
#TBSelectionContainer .selectionUL {
    background-color: #f9f9f9;
}

/* ERWARTETER RR */
.erwRR {
    background-color: yellow !important;
}

/* CHAT */
div.shdw2 {
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), 0 5px 10px rgba(0,0,0,0.05) !important;
}
div.chatContainer div.header, div#chatList .header {
    background-color: #354056;
    border: 0;
}
div#chatList .footer {
    background-color: #f9f9f9;
    color: #333;
}
div#chatList .content {
    background-color: #f9f9f9;
}
div#chatList .content ul li {
    border-bottom: 1px solid #ddd;
    border-left: 5px solid #ddd;
}
div#chatList .content ul li.ownChat {
    border-left: 5px solid #0c0;
}
div#chatList .footer .offenPicker .activeSeg {
    font-size: inherit !important;
}
div#chatList .footer .offenPicker ul li a {
    font-size: inherit !important;
    padding: 5px;
}
div#chatList .footer .offenPicker {
    border: 0;
}
div#chatList .footer td.suche input {
    font-size: inherit;
}
div.chatContainer div.teilnehmer, div.chatContainer div.teilnehmerHinz {
    background-color: #f9f9f9;
    border-bottom: 0;
}
div.chatContainer div.content {
    background-color: #f9f9f9;
}
div.chatContainer div.footer .newMsg {
    font-size: inherit;
}
div.chatContainer div.chatLog {
    font-size: 9px;
    padding: 2px;
}

/* FREIGABE VON LEISTUNGEN */
td.umrandet {
    border: 0 !important;
}

/* MITEILUNGEN */
#manufacturerNotification .header {
    background-color: #354056;
}
div.kmHeader {
    background-color: #354056 !important;
}
div.kmFooter {
    background-color: #f0f0f0 !important;
}
#mitteilungListe h1 {
    text-decoration: none !important;
    padding-top: 5px;
}

/* AUTO-UPDATE */
.auHeader {
    border: 1px solid #ddd !important;
    box-shadow: none !important;
}
.auBox {
    border: 1px solid #ddd !important;
}
.auResBox {
    font-size: inherit !important;
}
a.auButton {
    font-size: inherit !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), 0 5px 10px rgba(0,0,0,0.05) !important;
    outline: none !important;
    border-radius: 3px !important;
    border: 0 !important;
    background-color: #2D5990 !important;
    color: #f0f0f0 !important;
    padding: 5px 7px !important;
    width: 50% !important;
}
a.auButton:hover {
    background-color: #2E73AB !important;
}
.auNav {
    border: 1px solid #ddd !important;
    background-color: #f9f9f9 !important;
    width: 49% !important;
}
.auNav a:hover, .auNav a.active {
    font-weight: bold !important;
    background-color: #f9f9f9 !important;
}
.auNav a.active {
    background-color: #cfc !important;
}
#downloadLinkBox {
    margin-top: 0 !important;
}
.auResBox {
    background-color: #f9f9f9 !important;
}
ul.clInfos li.clHeader {
    background-color: #f9f9f9 !important;
}
table.auResTable tr th {
    background-color: #354056 !important;
}
table.auResTable tr:nth-child(2n) {
    background-color: #f9f9f9 !important;
}
#auFilesLeft {
    width: 39% !important;
}
.auResOk {
    background-color: #cfc !important;
}

/* PROJEKTE */
.phaseLabel {
    padding-left: 30px !important;
}

/* TEP */
div.tepNavi {
    margin: 0;
    border: 0;
    background-color: transparent;
    height: auto;
    margin-left: 5px;
}
div.tepNavi a {
    font-size: inherit !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), 0 5px 10px rgba(0,0,0,0.05) !important;
    outline: none !important;
    border-radius: 3px !important;
    border: 0 !important;
    background-color: #2D5990 !important;
    color: #f0f0f0 !important;
    padding: 5px 7px !important;
    height: 18px;
}

/* TICKET SCHNELLAENDERUNG */
#erinnerungFaelligkeitPopupContainer {
    width: 600px !important;
    margin-top: -200px !important;
    margin-left: -300px !important;
}

/* AUSWERTUNG NACH MITARBEITER */
td.groupBySummary {
    background-color: #f9f9f9;
}

/* PASSWORT FELDER PC/MASKE */
.pwHidden, .pwVisible {
    padding-left: 20px !important;
}

/* TICKET AUFLISTUNG KOMMENTARE */
div[id^='be_commentSHOW_'] > div {
    width: auto !important;
}

/* TIMER BEARBEITEN - POPUP */
table.timerinfo th.large, table.timerinfo th {
    background-color: #5487B9;
    font-size: 9px;
    font-weight: bold;
}
.tick_main2 {
    background-color: #f9f9f9;
}
.tick_main1 {
    background-color: #f0f0f0;
}

/* TEP URLAUBSVERWALTUNG */
table.urlaubskalender th {
    background-color: #5487B9 !important;
    font-size: 9px !important;
    font-weight: bold !important;
}
table.urlaubskalender td {
    background-color: #f9f9f9 !important;
}
table.urlaubskalender td.z2 {
    background-color: #f0f0f0 !important;
}
table.urlaubskalender td.t0, table.urlaubskalender td.t6, table.urlaubskalender td.ft {
    background-color: #FFB1B1 !important;
}

/* DOKUMENTE */
h3.contentlist {
    border: 0;
    background-color: #f9f9f9;
}
#contentList_newDateiForm fieldset {
    background-color: #fff;
}
#contentList_newLinkForm {
    background-color: #fff;
}
#dokuDateiDropzone > div {
    background-color: #f9f9f9;
}

/* ÜBERSTUNDEN-KONTEN */
table.striped tr:nth-child(even) td {
    background-color: #f9f9f9;
}
table.striped tr td {
    background-color: #f0f0f0;
}

/* TELEFONIE-POPUP */
#callerDiv {
    border: 1px solid #000;
    background-color: #f9f9f9;
}
#callerOptDiv {
    border: 1px solid #000;
    background-color: #f9f9f9;
}
.callerDivIn {
    background-color: #f9f9f9;
}
#callerDiv .callLastCalls {
    background-color: #f0f0f0;
    border: 0;
}
#callerDiv .callOptions ul li a:hover {
    background-color: #f0f0f0;
}
#callerDiv .callOptions ul li {
    border: 1px solid #ddd;
}
#callerDiv .firmenIntereInfos {
    border: 1px solid #ddd;
}
#callerDiv .callerWv {
    border: 1px solid #ddd;
}
#callerDiv #optDivBtn {
    left: 0;
    border: 1px solid #ddd;
    background-color: #f9f9f9;
}
#callerDiv #optDivBtn:hover {
    background-color: #f0f0f0;
}
.callerDivOut {
    background-color: #f9f9f9;
}

/* YUBI-KEY ÜBERSICHT */
h2.sec, .sectest h3 {
    background-color: #2A354B;
}

/* TOOLTIPS */
#ttv2Inner {
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), 0 5px 10px rgba(0,0,0,0.05) !important;
}

/* DATEPICKER */
.ui-widget-content {
    border: 1px solid #ddd;
    background-color: #f9f9f9;
}
.ui-widget-header {
    background-image: none;
    background-color: #2A354B;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #ddd;
    background-color: #f9f9f9;
}
.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 {
    background-color: #f0f0f0;
    color: #000;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #2D5990;
}

/* MATERIAL AUSWAHL LEISTUNGSMASKE */
#material-selection-box .content {
    width: 100%;
}

/* KOMPONENTE BEARBEITEN - POPUP */
#kompAdminChangeformDiv {
    width: auto !important;
    border: none !important;
    background-color: rgba(0, 0, 0, 0.1) !important;
}
#komp_form {
    background-color: #fff;
    border: 1px solid #000;
}
#komp_form > div {
    max-height: 600px;
    overflow: auto;
}
#zuwselNewEntryContainer > #komp_form {
    border: 0;
    width: auto !important;
}

/* TICKET-ABRECHNUNG */
.phaseTd a {
    display: inline-block;
    margin-left: 20px;
}

/* TICKET DRAG AND DROP */
.mergerContainer {
    width: 800px;
}
.mergerContainer .dropZone {
    float: none;
}
.mergerContainer > div:first-child {
    float: right;
}
.mergerContainer > div:last-child {
    padding-right: 125px;
}
.mergerContainer .be2_newEntryTable {
    float: none;
    width: 100%;
}

@media (max-width: 1300px) {
    #v4_overallTable {
        width: 100%;
    }
}