/* TODO's ------------------------------------------------------------------------*/ 
.todo > li {   margin: 0px 5px 0px 0px;  background: none; }			/* Abstand und kein Hintergrund (Anfasser) */ 
.todo > li > p {  font-size: 15px;   color: #333333;   color: #000; }	/* größere Schrift, bessere Lesbarkeit */
.todo > li > p > span {   line-height: 18px;   font-size: 13px; }

.fa, .btn { font-family: FontAwesome,"Open Sans", Arial, Helvetica, Sans-Serif; }

.hakenTrue,.hakenInversTrue , .OKTrue {font-family: FontAwesome,"Open Sans", Arial, Helvetica, Sans-Serif; }
.hakenFalse, .hakenInversFalse, .OKFalse {font-family: FontAwesome,"Open Sans", Arial, Helvetica, Sans-Serif; color:#f00;  }

.hakenTrue:hover { color:#f00; }
.hakenFalse:hover { color:#00ff21;}

.hakenTrue:before{content:"\f00c"}
.hakenFalse:before{content:"\f023"}

.hakenTrue:hover:before{content:"\f00c ?"}
.hakenFalse:hover:before{content:"\f023 ?"}

.hakenInversTrue:before{content:"\f023"}
.hakenInversFalse:before{ }

.hakenTrueLeer:before{content:"\f00c";}
.hakenFalseLeer:before{content:""}

.hakenKreisTrue {font-family: FontAwesome,"Open Sans", Arial, Helvetica, Sans-Serif; }
.hakenKreisTrue:before { content="\f05d";}


.OKTrue  { font-size:20px; }
.OKFalse  { font-size:20px;}

.OKTrue:hover { color:#f00; }
.OKFalse:hover { color:#00ff21;}

.OKTrue:before{content:"\f046"}
.OKFalse:before{content:"\f096"}

.OKTrue:hover:before{content:"\f096 ?"}
.OKFalse:hover:before{content:"\f046 ?"}


.abstand10 { clear:both; height:10px;}
.abstand20 { clear:both; height:10px;}

.trNeu td { background-color:#fff1b8;}
.invisible { float:left; width:0px; overflow:hidden;}

dl.dl-horizontal.reddank dt { font-weight:normal; border-bottom:0px solid #ccc; padding-bottom:4px;margin-bottom:14px;}
dl.dl-horizontal.reddank dd {  border-bottom:1px dotted #ccc; padding-bottom:4px;margin-bottom:14px;}
.minifyme { display:inherit !important;}
.durchgestrichen { text-decoration:line-through !important ;}

.deaktTrue , .deaktTrue td { text-decoration:line-through !important; color:rgba(0,0,0,0.5);}

#tinymce p, #tinymce td { font-size:22px !important;}
.popover {   }
.nowrap { white-space:nowrap;}

.status1 { color:#ffbc43; color:#cc9900;}
.status2 { color:#3bb723; color:#339933;}
.status3 { color:rgba(0,0,0,0.5); text-decoration:line-through;}
.status10 { color:rgba(0,0,0,0.5); text-decoration:line-through;}
.status20 { color:rgba(0,0,0,0.5); text-decoration:line-through;}

.bg-color-1 {   background-color:#f7ff43;}
.bg-color-2 { background-color:#bdffc9;}
.bg-color-3 {  background-color:#e1e1e1}
.bg-color-4 {  background-color:rgba(114, 160, 206, 0.1); background-color:rgba(255, 241, 184, 0.3)}


.trHighlight td { background-color:#fff1b8}

.border-bottom td{ border-bottom:1px solid #000 !important;}
.border-top td{ border-top:1px solid #000 !important;}
.no-bg td,.no-bg th { background-color:none !important; background-image:none !important;}
.ui-timepicker { z-index:99999999999999999999999999999999 !important;}


#MeineListe h2 { margin:0px; padding:0px; font-size:16px;}
#MeineListe h3 { margin:0px; padding:0px; font-size:13px;}
#MeineListe p { margin:0px; padding:0px; font-size:13px;}
#MeineListe hr { margin: 5px 0px 5px 0px; padding:0px; font-size:13px; border-bottom:1px solid #72A0CE;}
#MeineListe .datum { color:#3f88d0;}
#MeineListe .titel { color:#111; font-weight:bold;}

.bg-color-Kunde1, .bg-color-Kunde1 td {background-color:rgba(204, 207, 239, 0.3); color:#111}
.bg-color-Kunde, .bg-color-Kunde td {background-color:rgba(204, 207, 239, 0.2); color:rgba(204, 207, 239, 1)}

/*.zeile_MA:hover { background-color:#d4dfe9;}
.zeile_MA:hover + tr td { background-color:#d4dfe9;}
.zeile_MA:hover td { background-color:#d4dfe9;}
.zeile_MA2:hover  { background-color:#d4dfe9;}*/

/* Symbole --------------------<span class="lsf lsf-icon workshop" ></span>------------------------------ */
@font-face {
    font-family: 'LigatureSymbols';
    src: url('../fonts/LigatureSymbols/LigatureSymbols-2.11.eot');
    src: url('../fonts/LigatureSymbols/LigatureSymbols-2.11.eot?#iefix') format('embedded-opentype'),
         url('../fonts/LigatureSymbols/LigatureSymbols-2.11.woff') format('woff'),
         url('../fonts/LigatureSymbols/LigatureSymbols-2.11.ttf') format('truetype'),
         url('../fonts/LigatureSymbols/LigatureSymbols-2.11.svg#LigatureSymbols') format('svg');
    font-weight: normal;
    font-style: normal;
}
.lsf {
  font-family: 'LigatureSymbols';
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-font-feature-settings: "liga" 1, "dlig" 1;
  -moz-font-feature-settings: "liga=1, dlig=1";
  -ms-font-feature-settings: "liga" 1, "dlig" 1;
  -o-font-feature-settings: "liga" 1, "dlig" 1;
  font-feature-settings: "liga" 1, "dlig" 1;
}
.lsf-icon:before {  content:attr(title);  margin-right:0.3em;  font-size:130%; }
.lsf-icon.fleck:before {  content: '\E14e';}
.lsf-icon.workshop:before {  content: '\E033';}
.lsf-icon.pinsel:before {  content: '\E022';}
.lsf-icon.web:before {  content: '\E13f';}
/* Symbole -------------------------------------------------- */


.editable-container.popover {
  width: auto; position:absolute !important;
  /* without this rule popover does not stretch */
}



#formNeu img {  }
.bg-color-drop { background-color:#fff1b8}
.bg-color-hell { background-color:#e1dede; color:#000 !important;}
/* Logo --------------------------------------------------------------------------*/
#logo 		{ margin-top: -3px;  margin-left: 6px; }
#logo img 	{ width: auto;  height: auto;  padding-left: 3px; }

#datatable_tabletools_wrapper .collapsed-group   {  background-color: #fff    ;  }
#datatable_tabletools_wrapper .expanded-group   { background-color: #545454    ; }
.dataTables_wrapper .group  {  background-color:rgba(114, 160, 206, 0.31) !important ;  }
.dataTables_wrapper .group   { padding:2px 0px 2px 5px !important;  }

.abstand5 { height:5px;}
.selausst { cursor:pointer; }

.listbuttons {
		margin:0;
		padding:0;
		list-style:none;
	}
	.listbuttons > li {
		display:inline-block;
		margin-bottom:7px;
	}
    .listbuttons a.btnOffset { margin-left:20px;}


.aktiv {
-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.7);
-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.7);
box-shadow: 0px 0px 10px rgba(0,0,0,0.7);
}

/*letzte Zeile, die bearbeitet wurde*/
td.zuletztaktiv {-webkit-transition: background-color 500ms ease-out 1s;
    -moz-transition: background-color 500ms ease-out 1s;
    -o-transition: background-color 500ms ease-out 1s;
    transition: background-color 500ms ease-out 1s;}


.editable { border-bottom: 1px dotted #ccc !important;}
.editable-empty { border:none !important; color:#ccc !important; }

.tbldetails { padding: 0px  0px 0px 0px !important; border:5px solid #9CB4C5;}
.rowCount-grid       {            float: right;            color: #72A0CE;            padding-right: 10px;        }

/*kürzere Selectbox mit Suchfeld für Popup-Fenster*/
.selectkurz .select2-results {   height:110px; }
.selectkurz .select2-result-label .select2-match { font-size:11px !important;}


/*---------------------Timepicker > -------------------------------------*/
.ui-timepicker-inline { display: inline; }
#ui-timepicker-div { padding: 0.2em; }
.ui-timepicker-table { display: inline-table; width: 0; }
.ui-timepicker-table table { margin:0px 0 0 0; border-collapse: collapse; }
.ui-timepicker-hours, .ui-timepicker-minutes { padding: 0px;  }
.ui-timepicker-table .ui-timepicker-title { line-height: 1.8em; text-align: center; }
.ui-timepicker-table td { padding: 0.1em; width: 2.2em;border:none !important; }
.ui-timepicker-table th.periods { padding: 0.1em; width: 2.2em; }
.ui-timepicker-table td span {/* span for disabled cells */
	display:block;  padding:0.2em 0.3em 0.2em 0.5em; padding:0px;
    width: 1.2em; width:30px;  text-align:right;
    text-decoration:none;border:none !important;
}
.ui-timepicker-table td a {/* anchors for clickable cells */
    display:block;   padding:0.2em 0.3em 0.2em 0.5em;padding:2px ; border:none !important;
    width: 1.2em;width:30px;   cursor: pointer;   text-align:right;   text-decoration:none;
}
.ui-timepicker  a.ui-state-active { background-color:#72A0CE; color:#fff;}
.ui-timepicker  .ui-timepicker-hours { border-right:2px solid #ccc !important;border-bottom:2px solid #ccc !important;  }
.ui-timepicker  .ui-timepicker-minutes {  border-bottom:2px solid #ccc !important;  }


/*Dialog jquery ui*/
.ui-dialog-title { font-weight:normal !important; font-size:16px; padding-left:2px !important; margin-left:-5px;   font-family: "Open Sans", Arial, Helvetica, Sans-Serif;}
.ui-dialog-content { padding:0px 0px 0px 0px ; margin:0px 7px 0px 0px ;}
.ui-dialog .ui-dialog-content {    padding: 0; overflow:hidden;}
.ui-dialog-titlebar-close { color:#000; font-size:32px !important; background-image:none;}
.ui-dialog-titlebar-close:before {content:"\00d7";font-size:32px !important; }
.no-btn { border:none; background-color: transparent; background-image:none;}



 .schatten {
-moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}
  .schattenhover:hover {
-moz-box-shadow:none;
-webkit-box-shadow: none;
box-shadow: none;
cursor:pointer;
}

.bg-color-blueLightLight, .bg-color-blueLightLight td {background-color:#d4dfe9 !important;}
.bg-color-gelb {background-color:#fff870 !important;}
.bg-color-gelbrot {background-color:#fff870 !important; color:#f00 !important;}
.txt-color-red { color:#e1001e;}

/* All levels */
nav ul .active > a {  color: #ffbc43 !important;  color: #fff !important;     }
/* First level: A, Second level: LI Open */
nav ul li.open > a,
nav ul li.open > a b {    color: #ffbc43 !important;  color: #fff !important;   }

.trtitel td:hover { cursor:pointer;}

 .tddetails   { border:none !important; }



 /*Messagebox */
.divMessageBox {background: none repeat scroll 0% 0%  rgba(255, 255, 255, 0.7);}
.MessageBoxContainer {   top: 25%;  background-color:#fff1b8;  padding: 10px;}
.MessageBoxMiddle {}
.MessageBoxMiddle .MsgTitle {  font-size: 16px;  font-weight: 300;color:#111; letter-spacing:0px;}
.MessageBoxMiddle .pText { color:#111; }
.MessageBoxContainer input {}
.MessageBoxButtonSection { margin-top:-20px; }
.MessageBoxButtonSection button { height:auto; font-size:14px; padding:2px 10px 2px 10px;}
/* End of MessageBox */




@-ms-viewport {
  width: auto !important;/*scrollbar immer anzeigen im ie, sonst ist diese vor dem Content! (Bootstrap)*/
}
html {    
    scrollbar-face-color:#72A0CE;
    scrollbar-highlight-color:#720026;
    scrollbar-3dlight-color:#720026;
    scrollbar-darkshadow-color:#72A0CE;
    scrollbar-shadow-color:#72A0CE;
    scrollbar-arrow-color: #72A0CE;
    scrollbar-track-color:#EFF0F0;
} 

 #infofenster50p {position:absolute; left:35%; top:0px; right:0px; height:98%; background-color:#fff; border:1px solid #999;padding:10px;
                  border-radius:10px;
                  -moz-box-shadow: 2px 2px 10px rgba(0,0,0,0.5);
-webkit-box-shadow: 2px 2px 10px rgba(0,0,0,0.5);
box-shadow: 2px 2px 10px rgba(0,0,0,0.5);

 }
 .labellinks { float:left; width:70px;}
 .label { font-weight:normal !important; letter-spacing:1px;}

 table.datatable tr.odd { background-color:#F2F2F2;}



 /*
 * ON OFF SWITCHES
 */

 .onoffswitch.negativ .onoffswitch-inner:before {font-size: 12px;background-color:  #e82e2e;
    height: 18px; padding-top:2px;  box-shadow: inset 0 2px 6px  #b21414 , 0 1px 2px  #b21414;
}
 .onoffswitch.negativ .onoffswitch-inner:after {     font-size: 12px; height: 18px; 
                                                     padding-top:2px;  }
   
.onoffswitch.breite90 {    width: 90px; }
.onoffswitch.breite90 .onoffswitch-switch { margin-top:-1px;   right: 72px;  }

.onoffswitch.negativ .onoffswitch-checkbox + .onoffswitch-label .onoffswitch-switch:before,
.onoffswitch.negativ .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch:before {
  content: "\f00c";
  color: #57889c;
 }
/* checked */
.onoffswitch.negativ .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch:before {
  content: "\f00d";
  color: #a90329;
}
 .onoffswitch.negativ .onoffswitch-switch:active {
  background-color: #eeeeee;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}


 .displayTrue { display:inherit;}
 .displayFalse { display:none;}

  .hiddenTrue { display:none;}
 .hiddenFalse { display:inherit;}