﻿/*===============================================
	Imports.
	Jedes File benötigt "helper.less"
===============================================*/
/*@import "helper.less";*/
/*******************************************

    Grundlegende Styles für das CMS 

Todo entscheiden: Was tun mit den plugin Klassen zB: colorbox, dataTables usw.: auslagern? --> wo dann die gemeinsame Schrift hintun?
Todo: Selektoren kontrollieren (nicht weiter als 3 Ebenen, keine allgemeinen ohne guten Grund)

*******************************************/
/*=======================
	Variablen
=======================*/
/*****************************************************
                START Schriftfarben 
******************************************************/
.cms-color1 {
  color: #434a51;
}
.cms-color2,
.ui-datepicker-calendar .ui-state-default {
  color: #000000;
}
.cms-color3,
.lnkAdminTab:hover {
  color: #033b72;
}
.ui-datepicker-calendar .ui-state-hover {
  color: #ffffff;
}
/*****************************************************
                ENDE Schriftfarben 
******************************************************/
.pnlBackendRightColumn .ui-accordion-content .tdSortableGalerie,
.pnlBackendRightColumn .ui-accordion-content .txtDatetimepicker,
.pnlBackendRightColumn .ui-accordion-content .pnlAccordionStatus {
  font-size: 14px;
}
.dataTables_info,
.ui-dialog,
.pnlBackendRightColumn .ui-accordion-content,
.cms-smallFont {
  font-size: 12px;
}
/* online */
.pnlFeActionButtons {
  /* offline */

  /* in bearbeitung, zur freigabe */

}
.pnlFeActionButtons.standardModulStatus1 {
  border: 1px solid #d3d3d3;
}
.pnlFeActionButtons.standardModulStatus2 {
  border: 1px solid #FD964F;
}
.pnlFeActionButtons.standardModulStatus3,
.pnlFeActionButtons.standardModulStatus4 {
  border: 1px solid #F6D15F;
}
.pnlFeActionButtons > a {
  border-bottom: 0;
}
.pnlAdminIsLoggedIn {
  font-family: arial;
  background: #ebedef url('/Content/IMG/AdminPanel/panel_verlauf.jpg') repeat-x left top;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
  font-size: 14px;
}
.pnlAdminInnerWrapper {
  border-bottom: 1px solid #d3d3d3;
  position: relative;
}
.pnlAdminLoginInputWrapper {
  margin-right: 10px;
}
.pnlAdminLoginInputWrapper .txtCmsUserLoginInput {
  padding: 3px;
  border: 1px solid #d3d3d3;
  width: 140px;
  height: 23px;
  margin-bottom: 0;
}
.pnlAdmin {
  font-family: arial;
  background: #ebedef url('/Content/IMG/AdminPanel/panel_verlauf.jpg') repeat-x left top;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
}
.pnlAdminLogin {
  padding: 10px 30px;
}
.btnAdminLogin {
  margin-left: 10px;
  display: inline-block;
  height: 24px;
  width: 57px;
  text-align: center;
  background: url('/Content/IMG/Buttons/logout_but.png') no-repeat left top;
  border: 0;
  outline: none;
}
.btnAdminLogin:hover {
  cursor: pointer;
  background-position: left -24px;
}
.pnlAdminLogout {
  position: absolute;
  right: 40px;
  top: 13px;
}
.lnkAdminLogout {
  margin-left: 10px;
  display: inline-block;
  line-height: 24px;
  width: 57px;
  text-align: center;
  background: url('/Content/IMG/Buttons/logout_but.png') no-repeat left top;
}
.lnkAdminLogout:hover {
  background-position: left -24px;
}
/* Todo: Modular machen */
.pnlCopyzone {
  position: absolute;
  right: 40px;
  top: 58px;
  width: 80px;
  height: 58px;
  background: url('/Content/IMG/AdminPanel/copyzone_empty.png') no-repeat left center;
}
.pnlCopyzone.IstGefuellt {
  background: url('/Content/IMG/AdminPanel/copyzone_full.png') no-repeat left center;
  cursor: pointer;
}
.pnlCopyzone.IstGefuellt .pnlModulImContent {
  width: 80px!important;
  height: 58px!important;
}
.pnlCopyzone.IstGefuellt .ui-draggable-dragging {
  background: url("/Content/IMG/AdminPanel/copyzone_dragging.png") no-repeat scroll left center transparent;
}
.pnlCopyzone.IstGefuellt .pnlModulImContent > div {
  display: none!important;
}
.lnkDeleteCopyzoneContent {
  width: 18px;
  height: 18px;
  position: absolute;
  top: 55px;
  right: 41px;
  display: none;
}
.lnkDeleteCopyzoneContent.IstGefuellt {
  display: block;
  cursor: pointer;
}
/* Ende Copyzone */
.tdBeWrapper {
  padding: 50px;
}
#bodyBE {
  font-family: arial;
  background-color: #EBECF0;
  font-size: 14px;
}
#htmlBE,
#bodyBE {
  height: 100%;
}
.pnlBeBox {
  border: 1px solid #d3d3d3;
  position: relative;
}
.pnlBeBoxHeader,
.tdSortableHeader,
.pnlDownloadcenterNavigationHeader {
  height: 27px;
  line-height: 27px;
  background: url("/Content/IMG/Backgrounds/verlauf-collapse-panel.jpg") repeat-x scroll left bottom transparent;
}
.pnlDownloadcenterNavigationHeader {
  padding-left: 10px;
  border: 1px solid lightGrey;
  border-bottom: 0;
}
.lblDownloadcenterCkbs {
  width: 32px;
}
.pnlBeBoxHeader {
  padding-left: 10px;
}
.pnlBeBoxHeader,
.tdSortableHeader {
  border-bottom: 1px solid #d3d3d3;
}
.tdSortableHeader {
  position: relative;
  z-index: 10;
  padding: 0 5px;
  font-weight: bold;
}
/* module */
.modulIcon {
  background-repeat: no-repeat;
  background-position: left center;
  display: inline-block;
  width: 72px;
  height: 80px;
  /* same height as .ui-tabs-panel */

  cursor: pointer;
  margin-left: 20px;
}
.modulIcon:first-child {
  margin-left: 0px;
}
.lnkAdminTab {
  display: inline-block;
  padding: 0 0 0 36px;
  background-position: left center;
  background-repeat: no-repeat;
  font-size: 12px;
  line-height: 20px;
}
.lnkAdminPanel {
  -webkit-text-shadow: 0px 1px 0px #fff;
  text-shadow: 0px 1px 0px #fff;
}
.pnlBackendInnerWrapper {
  border: 1px solid #D6D6D6;
  padding: 35px;
  background-color: #F7F8FA;
}
.lblAdminHeaderHeadline {
  font-weight: bold;
  font-size: 24px;
}
.lblBaumNameSplitter {
  padding: 0 15px;
}
.pnlTreeWrapper {
  border: 1px solid #D6D6D6;
  border-top: 0;
}
hr {
  margin: 24px 0;
  border: 0;
  border-top: 1px solid #D6D6D6;
  border-bottom: 1px solid #fff;
}
.imgAdminHeaderSplitter {
  margin-left: 10px;
  vertical-align: text-bottom;
}
.lnkAddItem {
  display: inline-block;
  line-height: 20px;
  -webkit-text-shadow: 0px 1px #fff;
  text-shadow: 0px 1px #fff;
  background-repeat: no-repeat;
  background-position: 5px center;
  padding-left: 40px;
}
.lnkAddMenu {
  background-image: url('/Content/IMG/Icons/add_menu.png');
}
.lnkAddDealer {
  background-image: url('/Content/IMG/Icons/add_user.png');
}
.lnkAddDownloads {
  background-image: url('/Content/IMG/Icons/add_doc.png');
}
.lnkAddCmsUser,
.lnkAddUser {
  background-image: url('/Content/IMG/Icons/add_user.png');
}
.lnkAddModule {
  background-image: url('/Content/IMG/Icons/add_content.png');
}
.lnkAddTopics,
.lnkAddLocation,
.lnkAddCategories,
.lnkAddUsergroup,
.lnkAddLanguage,
.lnkAddCountry {
  background-image: url('/Content/IMG/Icons/add_list.png');
}
.lnkAddTeaser {
  background-image: url(/Content/IMG/Icons/teaser.png);
}
.lnkList {
  background-image: url('/Content/IMG/Icons/icon_list.png');
}
.lnkAddNews,
.lnkAddTimes {
  background-image: url('/Content/IMG/Icons/add_news.png');
}
.lnkAddNewsletter {
  background-image: url('/Content/IMG/Icons/add_newsletter.png');
}
.lnkClose,
.btnSave,
.lnkSaveAndClose,
.lnkReplaceContent,
.lnkSendNewsletter,
.lnkPreview {
  line-height: 25px;
  display: inline-block;
  text-align: center;
}
.lnkClose,
.btnSave,
.lnkSendNewsletter,
.lnkPreview {
  width: 70px;
}
.lnkClose {
  background: url('/Content/IMG/Buttons/close_but.png') no-repeat left top;
}
.btnSave {
  background: url('/Content/IMG/Buttons/save_but.png') no-repeat left top;
}
.lnkSaveAndClose,
.lnkReplaceContent {
  width: 124px;
  background: url('/Content/IMG/Buttons/save_and_close_but.png') no-repeat left top;
}
.lnkPreview {
  background: url('/Content/IMG/Buttons/preview_but.png') no-repeat left top;
}
.lnkSendNewsletter {
  background: url('/Content/IMG/Buttons/send_but.png') no-repeat left top;
  cursor: pointer;
}
.lnkSaveAndClose:hover,
.btnSave:hover,
.lnkClose:hover,
.lnkSendNewsletter:hover,
.lnkPreview:hover {
  background-position: left -25px;
}
.btnSave,
.lnkSaveAndClose {
  margin-right: 20px;
  cursor: pointer;
}
.btnSave {
  height: 25px;
  border: 0;
  vertical-align: middle;
}
.pnlNavigationDetailsWrapper,
.pnlNavigationSeoWrapper {
  padding: 30px;
}
.pnlBackendInnerWrapper,
.tdNavigationEditLeft,
.tdNavigationEditRight,
.tdNavigationEdit .text-box,
.tdNavigationEdit .txtMultiline,
.input-wrapper input,
.input-wrapper textarea,
.pnlContentTimerContent input,
.tdAccordionAdminDesignedInput input {
  border: 1px solid #D6D6D6;
}
.pnlBackendLeftColumn {
  width: 60%;
  margin-right: 2%;
}
.pnlBackendRightColumn {
  width: 38%;
}
.tdNavigationEditRight {
  border-left: 0;
}
.tdNavigationEdit .text-box,
.tdNavigationEdit .txtMultiline,
.input-wrapper .text-box,
.input-wrapper .txtMultiline {
  width: 100%;
}
.hlNavigationEdit {
  margin-bottom: 16px;
  font-size: 18px;
}
.input-wrapper label {
  display: none;
}
.input-wrapper input,
.input-wrapper .txtMultiline {
  padding: 5px;
}
.pnlContentTimerContent input,
.tdAccordionAdminDesignedInput input {
  padding: 1px 4px;
}
.input-wrapper .txtMultiline {
  height: 120px;
}
.pnlNavigationName,
.pnlSeoTitel,
.pnlSeoRewrite,
.pnlSeoSchluesselwoerter,
.pnlNavigationCkbWrapper,
.pnlNavigationBeschreibung,
.input-wrapper,
.pnlPromotionTemplateWrapper,
.pnlDownloadcenterDateiArten {
  margin-bottom: 10px;
}
.pnlNavigationCkbWrapper {
  position: relative;
}
/* override: watermark script sets display:inline-block */
.watermark_container {
  display: block!important;
}
/*****************************************************
                START Katalogtabellen 
******************************************************/
.tblListView th {
  background: url("/Content/IMG/DataTables/table-header-hintergrund.png") repeat-x left top !important;
  padding: 10px;
  font-weight: bold;
  cursor: pointer;
  border: 1px solid #d5d5d5;
}
.tblListView td,
.tblEdit td {
  padding: 5px 10px;
  border: 1px solid #d5d5d5;
}
table .tdChkListItem {
  border: 0;
}
.lnkListViewEdit,
.lnkListViewDelete,
.lnkListViewDokumentListe,
.lnkList {
  width: 28px;
  height: 20px;
  display: block;
  float: left;
}
.lnkListViewEdit {
  background: url('/Content/IMG/Icons/edit.png') no-repeat left center;
}
.lnkListViewDelete {
  background: url('/Content/IMG/Icons/delete.png') no-repeat left center;
}
.lnkListViewDokumentListe {
  background: url('/Content/IMG/Icons/docs.png') no-repeat left center;
}
.tdListViewGo2Downloadcenter {
  width: 32px;
}
.tblListView .tdListViewEdit,
.tblListView .tdListViewEditAndDelete,
.tblListView .tdListViewDokListAndEditAndDelete {
  padding: 5px 4px 5px 0;
}
.tdListViewEdit {
  width: 32px;
}
.tdListViewEditAndDelete {
  width: 64px;
}
.tdListViewDokListAndEditAndDelete {
  width: 96px;
}
.tblEdit td {
  background-color: #fff;
}
.tblEdit td:first-child {
  width: 220px;
}
.tblEdit .even {
  background-color: #F7F8F9;
}
.tblEdit .text-box,
.tblEdit .txtMultiline,
.tblEdit .txtDatepicker {
  border: 1px solid #D6D6D6;
  padding: 5px;
  width: 300px;
}
.tblEdit select,
.tblEdit input,
.tblEdit textarea {
  margin-bottom: 0;
}
.tblEdit select {
  width: 300px;
}
.tblEdit textarea {
  min-height: 6em;
}
.tblEdit label {
  margin-bottom: 0;
}
.tblEdit .txtMultiline {
  width: 100%;
}
.pChkListItemWrapper {
  margin-top: 4px;
}
/*****************************************************
                ENDE Katalogtabellen 
******************************************************/
/*****************************************************
                START Accordion overrides 
******************************************************/
.ui-accordion-header:first-child {
  margin-top: 0px;
}
.ui-accordion-header {
  margin-top: 10px;
  line-height: 27px;
  border: 1px solid #d3d3d3;
  background: url('/Content/IMG/Backgrounds/verlauf-collapse-panel.jpg') repeat-x left bottom;
  cursor: pointer;
  outline: none;
}
.ui-accordion-header .ui-icon {
  padding-left: 30px;
  background: url('/Content/IMG/Icons/ast-geschlossen.png') no-repeat center;
}
.ui-accordion-header.ui-state-active .ui-icon {
  background: url('/Content/IMG/Icons/ast-offen.png') no-repeat center;
}
.ui-accordion-content {
  border: 1px solid #d3d3d3;
  border-top: 0;
  line-height: 22px;
}
/*****************************************************
                ENDE Accordion 
******************************************************/
/* Slider Galerie */
.pnlSliderGalerieSettings,
.pnlConversationHeader,
.pnlBrandsSettings,
.pnlAccordionStatus,
.pnlContentTimerContent,
.pnlAccordionInnerWrapper,
.pnlAccordionCheckboxList {
  padding: 10px 10px 10px 10px;
}
.pnlContentTimerContent input {
  width: 123px;
}
.pnlContentTimerTill {
  margin-left: 30px;
}
.pnlAccordionStatus {
  position: relative;
}
.pnlConversationHeader {
  border-bottom: 1px solid #d3d3d3;
}
.pConversationCreated,
.pConversationModified {
  line-height: 19px;
}
.pnlSilderSettings {
  margin-right: 10px;
}
.txtSmallInputNumber {
  width: 22px!important;
  height: 18px!important;
  text-align: center;
  margin-bottom: 0!important;
  padding: 0!important;
  line-height: 18px;
}
.radio input[type="radio"],
.checkbox input[type="checkbox"],
.input-inline input[type=text] {
  line-height: normal;
  float: left;
}
.radio input[type="radio"],
.checkbox input[type="checkbox"] {
  margin: 4px 0 0 -20px;
}
.input-inline input[type=text] {
  margin: 2px 0 0 -30px;
}
.input-inline {
  padding-left: 30px;
  /* same as margin-left von input */

}
.radio,
.checkbox {
  padding-left: 20px;
  /* same as margin-left von input */

}
.pnlAccordionContent .txtMultiline {
  width: 100%;
  height: 16em;
  padding: 14px 0px 0px 10px;
  margin-bottom: 0;
  /* override global 9px für alle inputs */

  vertical-align: middle;
}
.tdSplitterRight {
  background: url('/Content/IMG/trennstrich.jpg') no-repeat right center;
}
.tdSortableGalerie {
  padding: 6px;
  border-bottom: 1px solid #d3d3d3;
  background-color: #fff;
}
.trSortableLastRow .tdSortableGalerie {
  border-bottom: 0;
}
/* ausnahme bei news */
.trSortableGalleryFirstRow .tdSortableGalerie {
  border-top: 1px solid #d3d3d3;
}
.odd .tdSortableGalerie {
  background-color: #F7F8FA;
}
.tdSortableVorschaubild {
  width: 31px;
  cursor: move;
}
.tdSortableMovieTitle {
  width: 128px;
}
.tdSortableEdit,
.tdSortableDelete {
  width: 32px;
}
.tdSortableDelete {
  padding: 10px 0 10px 0px;
}
.imgSortableVorschaubild {
  vertical-align: middle;
  cursor: move;
}
.MoviesTabelle .tdSortableGalerie:first-child,
.SliderTabelle .tdSortableGalerie:first-child {
  border-right: 1px solid #d3d3d3;
}
/*****************************************************
                START Ui Dialog overrides 
******************************************************/
.ui-widget-overlay {
  background-color: #000000;
  left: 0;
  opacity: 0.3;
  position: absolute;
  top: 0;
}
.ui-dialog {
  padding: 5px;
  background-color: #fff;
  border: 1px solid #ddd;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position: absolute;
}
.ui-dialog-content-inner-wrapper {
  margin-bottom: 2px;
  min-height: 250px;
}
.ui-dialog-content-inner-wrapper,
.ui-dialog-buttons-wrapper {
  padding: 8px;
  background-color: #EBEBEB;
}
.ui-dialog-buttons-wrapper {
  text-align: right;
}
.ui-dialog-titlebar {
  padding: 4px 8px;
  position: relative;
  cursor: move;
  border-bottom: 1px solid #eee;
  margin-bottom: 8px;
}
.ui-dialog-title {
  font-weight: bold;
}
.ui-dialog-titlebar-close {
  background-image: url("/Scripts/External/ckeditor/skins/kama/images/sprites.png");
  background-position: 0 -1022px;
  background-repeat: no-repeat;
  cursor: pointer;
  height: 20px;
  position: absolute;
  text-align: center;
  top: 1px;
  width: 20px;
  right: 2px;
}
.ui-icon-closethick {
  display: none;
}
.pnlLinkTyp {
  display: inline-block;
  margin-right: 2%;
}
.pnlUrl {
  width: 248px;
  display: inline-block;
}
.pnlUiDialogInputWrapper input {
  border: 1px solid#a0a0a0;
  padding: 1px 0;
  width: 100%;
}
.pnlUiDialogRow {
  margin-bottom: 10px;
}
.lnkUiDialogClose,
.lnkUiDialogSave {
  background: url("/Scripts/External/ckeditor/skins/kama/images/sprites.png") repeat-x scroll 0 -1069px transparent;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  cursor: default;
  padding: 5px;
}
.lnkUiDialogClose {
  background-position: 0 -1104px;
}
.lnkUiDialogSave {
  background-position: 0 -1143px;
  margin-right: 8px;
}
.lnkUiDialogClose:hover,
.lnkUiDialogSave:hover {
  background-position: 0 -1179px;
}
.lblUiDialogClose,
.lblUiDialogSave {
  display: inline-block;
  min-width: 110px;
  text-align: center;
}
.lblUiDialogSave {
  background: url("/Scripts/External/ckeditor/skins/kama/images/sprites.png") no-repeat scroll right -1219px transparent;
}
.lblUiDialogClose {
  background: url("/Scripts/External/ckeditor/skins/kama/images/sprites.png") no-repeat scroll right -1245px transparent;
}
/*****************************************************
                ENDE Dialog 
******************************************************/
.lnkBeAddMovie,
.lnkBeSilderAddImage {
  position: absolute;
  top: 3px;
  right: 3px;
  width: 32px;
  height: 20px;
  z-index: 100;
}
.lnkBeSilderAddImage {
  background: url('/Content/IMG/Icons/add_pic.png') no-repeat left top;
}
.lnkBeAddMovie {
  background: url('/Content/IMG/Icons/add_movie.png') no-repeat left top;
}
.pnlTxtMultilineConversationWrapper {
  line-height: 1;
}
.pnlTxtMultilineConversationWrapper textarea {
  line-height: 1;
}
.pnlTemplateInnerWrapper {
  display: inline-block;
  text-align: center;
  margin-right: 20px;
}
.imgTemplate {
  display: block;
  margin-bottom: 10px;
}
/*****************************************************
                START DataTables Overrides 
******************************************************/
.dataTable {
  clear: both;
}
.dataTables_filter,
.dataTables_length {
  margin-bottom: 8px;
}
.dataTables_filter input,
.dataTables_length input,
.dataTables_filter label,
.dataTables_length label,
.dataTables_filter select,
.dataTables_length select {
  margin-bottom: 0;
}
.dataTables_info {
  margin-top: 8px;
}
.dataTable tr.odd {
  background-color: #F7F8F9;
}
.dataTable .sorting,
.dataTable .sorting_desc,
.dataTable .sorting_asc {
  background-image: none;
}
.lblSortArrows {
  display: block;
  height: 17px;
  width: 15px;
  margin-left: 8px;
}
.dataTable .sorting .lblSortArrows {
  background: url("/Content/IMG/DataTables/sort_both.png") no-repeat scroll right center #e5e5e5;
}
.dataTable .sorting_asc .lblSortArrows {
  background: url("/Content/IMG/DataTables/sort_asc.png") no-repeat scroll right center #e5e5e5;
}
.dataTable .sorting_desc .lblSortArrows {
  background: url("/Content/IMG/DataTables/sort_desc.png") no-repeat scroll right center #e5e5e5;
}
.dataTables_filter input {
  padding: 3px;
  border: 1px solid #D6D6D6;
  background: url("/Content/IMG/DataTables/lupe.png") no-repeat scroll 4px center #ffffff;
}
.dataTables_paginate {
  border: 1px solid #D5D5D5;
  border-top: 0;
}
.dataTables_paginate .paginate_disabled_previous,
.dataTables_paginate .paginate_enabled_previous,
.dataTables_paginate .paginate_disabled_next,
.dataTables_paginate .paginate_enabled_next {
  padding: 0px;
  margin: 0;
  width: 26px;
  height: 23px;
}
.dataTables_paginate .paginate_disabled_previous {
  background: url("/Content/IMG/DataTables/back_disabled.jpg") no-repeat scroll left top transparent;
  cursor: default;
}
.dataTables_paginate .paginate_enabled_previous,
.dataTables_paginate .paginate_enabled_previous:hover {
  background: url("/Content/IMG/DataTables/back_enabled.jpg") no-repeat scroll left top transparent;
}
.dataTables_paginate .paginate_disabled_next {
  background: url("/Content/IMG/DataTables/forward_disabled.jpg") no-repeat scroll right top transparent;
  cursor: default;
}
.dataTables_paginate .paginate_enabled_next,
.dataTables_paginate .paginate_enabled_next:hover {
  background: url("/Content/IMG/DataTables/forward_enabled.jpg") no-repeat scroll right top transparent;
}
/*****************************************************
                ENDE DataTables Overrides 
******************************************************/
/*****************************************************
                START Datepicker Overrides 
******************************************************/
#ui-datepicker-div {
  background-color: #EBECF0;
  border: 1px solid #d3d3d3;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 5px;
  display: none;
  font-size: 11px;
}
.ui-datepicker-calendar {
  width: 100%;
}
.ui-datepicker-calendar td,
.ui-datepicker-calendar th {
  text-align: center;
}
.ui-datepicker-calendar th {
  padding: 6px 2px;
}
.ui-datepicker-calendar td a {
  display: block;
  padding: 2px;
  background-color: #F8F8F8;
  border: 1px solid #d3d3d3;
}
.ui-datepicker-calendar td a:hover,
.ui-datepicker-calendar .ui-state-highlight {
  background-color: #ccc;
  color: #fff;
}
.ui-datepicker-prev,
.ui-datepicker-title {
  float: left;
}
.ui-datepicker-prev {
  margin-top: 3px;
  margin-right: 3px;
}
.ui-datepicker-next {
  margin-top: 3px;
  margin-left: 3px;
  float: right;
}
.ui-datepicker-close {
  float: right;
}
.ui-timepicker-div,
.ui-datepicker-buttonpane {
  margin-top: 16px;
}
.ui-datepicker .ui-datepicker-month,
.ui-datepicker .ui-datepicker-year {
  width: 69px;
  margin-bottom: 0;
  height: auto;
  padding: 0;
}
/*****************************************************
                ENDE Datepicker Overrides 
******************************************************/
/*****************************************************
                START Colorbox Overrides 
******************************************************/
#cboxTitle {
  display: none!important;
}
/*****************************************************
                ENDE Colorbox Overrides 
******************************************************/
/*****************************************************
    START Modul Dynamik (adden, verschieben, usw) 
******************************************************/
.pnlModulImContent,
.movingModuleOver {
  min-height: 35px;
}
.movingModuleOver {
  border: 1px dashed black;
}
.pnlDropzone {
  min-height: 60px;
}
.pnlDropzone.Hervorgehoben {
  border: 1px dashed green;
}
.pnlModulImContent {
  position: relative;
}
/* alle module mit subnavi */
.pnlContentRechteSpalte .pnlModulImContent {
  margin-bottom: 24px;
}
.pnlContentRechteSpalte .pnlModulImContent:last-child {
  margin-bottom: 0px;
}
.pnlFeActionButtons {
  top: 0;
  right: 0;
  position: absolute;
  display: none;
  height: 27px;
  text-align: right;
  z-index: 805;
}
.lnkHandle,
.lnkCopyModule,
.lnkEditModule,
.lnkDeleteModule {
  width: 25px;
  height: 25px;
  display: block;
  background-repeat: no-repeat;
  background-position: left top;
  float: left;
}
.lnkHandle {
  background-image: url('/Content/IMG/Icons/FeActionButtons/content_icon_move.jpg');
  cursor: move;
}
.lnkCopyModule {
  background-image: url('/Content/IMG/Icons/FeActionButtons/content_icon_copy_content.jpg');
}
.lnkEditModule {
  background-image: url('/Content/IMG/Icons/FeActionButtons/content_icon_edit.jpg');
}
.lnkDeleteModule {
  background-image: url('/Content/IMG/Icons/FeActionButtons/content_icon_delete.jpg');
}
.lnkHandle:hover,
.lnkDeleteModule:hover,
.lnkEditModule:hover,
.lnkCopyModule:hover {
  background-position: left -25px;
}
/*****************************************************
    ENDE Modul Dynamik (adden, verschieben, usw) 
******************************************************/
/*****************************************************
            START Tabs Overrides 
******************************************************/
#tabs {
  visibility: hidden;
  height: 127px;
  overflow: hidden;
}
#tabs.Loaded {
  visibility: visible;
}
.ui-tabs-nav .ui-state-default {
  float: left;
}
.ui-tabs-selected,
.ui-tabs .ui-state-hover {
  background: url('/Content/IMG/AdminPanel/panel_verlauf_aktiv.jpg') repeat-x left top;
}
.lnkAdminPanel {
  display: inline-block;
  padding: 0 30px 0 46px;
  line-height: 47px;
}
.lnkDashboard {
  background: url('/Content/IMG/AdminPanel/TabHeader/dashboard.png') no-repeat 9px center;
}
.lnkModule {
  background: url('/Content/IMG/AdminPanel/TabHeader/docs.png') no-repeat 9px center;
}
.lnkDownloadcenter {
  background: url('/Content/IMG/AdminPanel/TabHeader/download.png') no-repeat 9px center;
}
.lnkMenus {
  background: url('/Content/IMG/AdminPanel/TabHeader/menu.png') no-repeat 9px center;
}
.lnkAdmin {
  background: url('/Content/IMG/AdminPanel/TabHeader/admin.png') no-repeat 9px center;
}
.lnkNewsletter {
  background: url('/Content/IMG/AdminPanel/TabHeader/newsletter.png') no-repeat 9px center;
}
.liAdminPanelSplitter {
  background: url('/Content/IMG/AdminPanel/Tabs-Trennstrich.jpg') no-repeat left 1px;
  width: 1px;
  height: 47px;
  float: left;
}
.ui-tabs .ui-tabs-hide {
  display: none;
}
.ulAdminPanel {
  margin-left: 30px;
}
.ui-tabs-panel {
  margin-left: 44px;
  height: 80px;
  overflow: hidden;
}
.pnlAdminInnerWrapper .ui-tabs-panel {
  margin-right: 160px;
}
#SysModule .ui-tabs-panel {
  overflow: auto;
}
.pnlAdminTabContentWrapper {
  height: 80px;
}
.imgAdminPanelContentSplitter {
  margin: 0 6px 0 15px;
}
.imgAdminPanelContentSplitter:first-child {
  display: none;
}
/*****************************************************
            ENDE Tabs Overrides 
******************************************************/
/* Auslagern --> Projekt Backend css File */
.pnlSchallerTimesPdfWrapper {
  padding: 4px;
  border: 1px solid #d3d3d3;
  background-color: #fff;
}
/*****************************************************
    START Timepicker (Datepicker plugin) Overrides 
******************************************************/
.ui-timepicker-div .ui-widget-header {
  margin-bottom: 8px;
}
.ui-timepicker-div dl {
  text-align: left;
}
.ui-timepicker-div dl dt {
  height: 25px;
  margin-bottom: -25px;
}
.ui-timepicker-div dl dd {
  margin: 0 10px 10px 65px;
}
.ui-timepicker-div td {
  font-size: 90%;
}
.ui-tpicker-grid-label {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}
.ui-timepicker-div .ui-slider-horizontal {
  height: 0.8em;
}
.ui-timepicker-div .ui-slider {
  position: relative;
  text-align: left;
}
.ui-timepicker-div .ui-widget-content {
  background: url("images/ui-bg_highlight-soft_100_eeeeee_1x100.png") repeat-x scroll 50% top #eeeeee;
  border: 1px solid #DDDDDD;
  color: #333333;
}
.ui-timepicker-div .ui-widget {
  font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
  font-size: 1.1em;
}
.ui-timepicker-div .ui-slider-horizontal .ui-slider-handle {
  margin-left: -0.6em;
  top: -0.3em;
}
.ui-timepicker-div .ui-slider .ui-slider-handle {
  cursor: default;
  height: 1.2em;
  position: absolute;
  width: 1.2em;
  z-index: 2;
}
.ui-timepicker-div .ui-state-default,
.ui-timepicker-div .ui-widget-content .ui-state-default,
.ui-timepicker-div .ui-widget-header .ui-state-default {
  background: url("images/ui-bg_glass_100_f6f6f6_1x400.png") repeat-x scroll 50% 50% #f6f6f6;
  border: 1px solid #CCCCCC;
  color: #1C94C4;
  font-weight: bold;
}
/*****************************************************
    ENDE Timepicker (Datepicker plugin) Overrides 
******************************************************/
.tdCmsUserEditLinks,
.tdCmsUserEditRechts {
  padding: 30px;
  vertical-align: top;
  border: 1px solid #d3d3d3;
}
.tdCmsUserEditLinks {
  width: 33%;
}
.tdCmsUserEditRechts {
  width: 67%;
}
.pnlEditRightsWrapper {
  margin-bottom: 20px;
}
.lblEditCmsUserSprache {
  display: block;
  text-align: right;
  padding: 4px 20px;
  background-color: #fff;
}
.lblEditCmsUserSprache.odd {
  background-color: #F7F8FA;
}
.pnlEditRightsContent {
  padding: 0px;
}
.tdEditRightsLinks {
  padding: 4px 20px;
}
.tdEditRightsRechts {
  padding-right: 20px;
  width: 13px;
}
.tdEditRightsLinks.odd,
.tdEditRightsRechts.odd {
  background-color: #fff;
}
.pnlNewsletterArtikelWrapper {
  margin-top: -27px;
  position: relative;
  z-index: 10;
}
.lnkAdd2Newsletter {
  position: relative;
  z-index: 100;
  margin-top: 4px;
}
.tdAccordionAdminDesignedInput {
  padding: 4px 4px 4px 10px;
}
.tdAccordionAdminDesignedInput input {
  width: 240px;
}
.dataTables_length select,
.dataTables_filter input {
  width: auto;
}
