/* theme styles */

.nurdruck {
  display: none!important;
}


.elementbig {
  width: 100%;
  float:left;
}
.elementtextarea {
  width: 80%;
  float:left;
}
.elementbutton {
  width: 18%;
  float:right;
}
.elementbutton button {
  width: 100%;
  text-align: center;
  line-height: 30px;
  height: 80px;

}
.clearfix {
  clear:both;
}

.ausgabetext {
  padding:10px;
  background: #efefef;
  color: #333;
  font-size:14px;
}

#textbox {
  width: 100%;
  padding:10px;
  height: 80px;
}





a.fc-event.austrian {background: url(../img/at.jpg) top right no-repeat;}
a.fc-event.german {background: url(../img/de.jpg) top right no-repeat;}
a.fc-event.italian {background: url(../img/it.jpg) top right no-repeat;}
a.fc-event.slovenian {background: url(../img/si.jpg) top right no-repeat;}
a.fc-event.hungarian {background: url(../img/hu.jpg) top right no-repeat;}
a.fc-event.czech {background: url(../img/cz.jpg) top right no-repeat;}
.gesamtsumme {background:#cccccc !important; border-style: dashed none none none !important; color:black !important; border-color: #000000 !important; }
.gesamtsumme a {display:inline-block;padding-top:7px !important; }


.stacktable { width: 100%; }
.st-head-row { padding-top: 1em; }
.st-head-row.st-head-row-main { font-size: 1.5em; padding-top: 0; }
.st-key { width: 49%; text-align: right; padding-right: 1%; }
.st-val { width: 49%; padding-left: 1%; }



/* RESPONSIVE EXAMPLE */

.stacktable.large-only { display: table; }
.stacktable.small-only { display: none; }

@media (max-width: 800px) {
  .stacktable.large-only { display: none; }
  .stacktable.small-only { display: table; }
}


body {
	padding-top: 80px;
}
.grau * {
   color: #c3c3c3!important;
}


form {
	margin-bottom: 0;
}
.headerdruck,
.datumdruck {
	font-weight: bold;
	font-size: 34px;
}
.headerdruck {
	color:#00008B;
}
.gelb,
.gelb td {
	background: #FFD700!important;
}
.gelb td {
	font-weight: bold;
}
.lkwnummer {
	font-weight: bold;
	font-size: 26px;
}

.kommentausgabe {
	font-size:21px;
}
#searchinput {
    width: 200px;
}
#searchclear {
    position: absolute;
    right: 5px;
    top: 0;
    bottom: 0;
    height: 14px;
    margin: auto;
    font-size: 14px;
    cursor: pointer;
    color: #ccc;
}
.tooltipevent {
	position: absolute;
    top: 100%;
    padding:15px;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.fc-basicDay-view .fc-day-header {
	display:none;
}
.ui-widget-content {
	background-image: none!important;
}
.mehle * {
	color: #333;
}
.abstand {
	padding:5px;
}
.nachrichten {
	position: absolute;
	bottom:0;
	z-index: 22222;
}

#edit-form-body label,
#quicksave-form-body label {
	width: 30%!important;
}
#edit-form-body .form-control,
#quicksave-form-body .form-control {
	width: 65%!important;
	display: inline-block;
}
.fc-produkte {
   font-size:10px;
}
.fc-day-grid-event .fc-content {
	white-space: inherit!important;
	height:75px;
	overflow: hidden;
}
.deleteuserbutton,
.deletedebitorbutton,
.deleteartiklebutton,
.deletebutton,
.meineprodukte,
.produktinhalt,
.debitoreinhalt {
	cursor: pointer;
}
.help-block {
	font-size: 11px;
	color: #666;
}
#export-event,
.no {
	display: none!important;
}

dt {
	font-weight: normal;
}

ul {
	list-style: none;
	padding: 5px 20px;
	padding-right: 0;
}

.caret {
	border-top: 4px solid #bbb;
}

.box {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-khtml-border-radius: 3px;
	border: 1px solid #d5d5d5;
	box-shadow: 0 1px 0 rgba(0,0,0,0.11);
	margin-bottom: 3.0%;
	background: #fff;
}

.box:before, .box:after {
	content: "";
	display: table;
}

.box:after {
	clear: both;
}

.box .header {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-khtml-border-radius: 3px;
	position: relative;
	background: url(../img/nav_bg.png) repeat;
	box-shadow: inset 0 1px 0 #fff, 0 1px 2px rgba(0,0,0,0.02);
}

.box .header h4 {
	position: relative;
	padding: 9px 0;
	padding-top: 8px;
	padding-left: 10px;
	border-bottom: 1px solid #c2c2c2;
	margin: 0;
	font-size: 13px;
	color: #444;
	line-height: 20px;
}

.box .content {
	padding: 0;
	margin: 0;
}

.content.pad {
	padding: 20px;
}

.box .content:before, .box .content:after {
	content: "";
	display: table;
}

.box .content:after {
	clear: both;
}

#cat-holder {
	width: 200px;
	position: relative;
	top: -32px;
}

#calendar h2 {
	font-size: 16px;
	font-weight: bold;
}

.fc-toolbar {
    margin-bottom: 0em!important;
    position: relative;
    top: -44px;
    padding: 10px;
    text-align: center;
}

.fc-toolbar .fc-center {
    display: inline-block;
    position: relative;
    top: 50px;
}

/******** Header ********/
.navbar-inner {
	background: url(../img/nav_bg.png) repeat-x;
	border-bottom: 1px solid #dadada;
}
	.navbar-fixed-top {
    	margin-bottom: 0;
	}

	.navbar-fixed-top, .navbar-fixed-bottom {
   		position: absolute;
	}

	#header h1 {
		background: url(../img/logo_in.png) no-repeat;
		width: 125px;
		height: 26px;
		text-indent: -9999px;
		margin-left: 42px;
	}

	#logo {
		float: left;
	}

	#info {
		float: right;
		padding-top: 7px;
	}

	ul#userBox  {
		margin: 0;
		padding: 0;
		margin-right: 37px;
	}

	ul#userBox li {
		position: relative;
		float: left;
		cursor: pointer;
		padding: 5px;
		color: #fff;
		margin-left: 15px;
	}

	ul#userBox li a {
		display: inline-block;
		font-size: 12px;
		text-decoration: none;
		color: #aaa;
	}

	ul#userBox li a img {
		margin-right: 5px;
		position: relative;
		top: 2px;
	}

	ul#userBox li span.notify {
		position: relative;
		top: -1px;
		text-align: center;
		background: url(../img/number.png) repeat-x;
		display: inline-block;
		padding: 0 5px;
		color: #fff;
		margin-left: 5px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		-o-border-radius: 2px;
		-ms-border-radius: 2px;
		-khtml-border-radius: 2px;
		border-radius: 2px;
		font-size: 11px;
		line-height: 15px;
	}

	ul#userBox .dropdown-menu {
		border: 1px solid #d5d5d5;
	}

	.dropdown-menu, .box-control {
		position: relative;
		z-index: 1000;
	}

	.dropdown-menu {
		position: absolute;
	}

	ul#userBox li ul.dropdown-menu {
		width: 160px;
		position: absolute;
		right: 0;
		margin: 0 auto;
		background: #fff;
		overflow: hidden;
		padding: 0;
	}

	ul#userBox li > ul.dropdown-menu {
		top: auto;
		left: auto;
		font-size: 11px;
		padding: 0;
		margin: 0;
		padding-top: 5px;
		padding-bottom: 5px;
	}

	ul#userBox li ul.dropdown-menu li {
		border: none;
		padding: 0;
		margin: 0;
	}

	ul#userBox li ul.dropdown-menu li a {
		color: #456180;
		border: none;
		width: 160px;
		display: block;
		padding: 5px 10px;
	}

	ul#userBox li ul.dropdown-menu li a img {
		position: relative;
		top: -2px;
	}

	ul#userBox li ul.dropdown-menu li a:hover {
		background: url(../img/button.png);
		text-decoration: none;
		color: #fff;
	}

	ul#userBox li ul.dropdown-menu li a:hover .icon-acc {
		background: url(../img/icons/set-1/cog_hover.png) no-repeat;
	}

	ul#userBox li ul.dropdown-menu li a:hover .icon-off {
		background: url(../img/icons/set-1/logoff_hover.png) no-repeat;
	}

	ul#userBox li ul.dropdown-menu li.divider {
		width: 160px;
		margin: 7px 0;
	}

/******** Login ********/
#login_logo {
	background: url(../img/logo_in.png) no-repeat;
	width: 125px;
	height: 26px;
	margin: 0 auto;
	padding: 10px 0 5px 0;
	text-align: center;

}

.form-signin {
	max-width: 300px;
	padding: 19px 29px 29px;
	margin: 0 auto 20px;
	margin-top: 90px;
	background-color: #fff;
	border: 1px solid #e5e5e5;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
			border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
	   -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
			box-shadow: 0 1px 2px rgba(0,0,0,.05);
}

      .form-signin .form-signin-heading,
      .form-signin .checkbox {
        margin-bottom: 10px;
      }

      .form-signin input[type="text"],
      .form-signin input[type="password"] {
      	height: auto;
      	margin-bottom: 15px;
      }

/******** Main ********/
#main {
	padding-top: 80px;
}

#main-content {
	float: left;
	width: 100%;
}

[class^="icon-"] { margin-right: 2px; position: relative; top: -2px; }


/* jquery.calendar styles */
#details-body-content {
	white-space: pre-wrap;
}

#event-type-selected {
	display: none;
}

.modal-backdrop.in {
    opacity: 0.6;
}

.modal-content {
	box-shadow: none;
	overflow: hidden;
}

.modal-footer, .modal-header {
	background: #efefef;
}

.mr-10 {
	margin-right: 10px;
}

.map-embed {
	width: 100%;
	height: 300px;
}

.loadingDiv {
	background: url(../img/ajaxloader.gif);
	margin: 0 auto;
	width: 16px;
	height: 16px;
	display: none;
}

.modal {
    overflow-y: auto;
}

/* will make modal-body scroll on mobile if you have too many fields*/
.modal-body {
   height: 60%;
}

.modal-body, .modal-body-import {
	max-height: 615px;
    padding: 15px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
 }

 /* modal body screen sizes */
 @media (max-width: 640px)
 {
	.modal-body {
		max-height: 180px;
	}
 }

 @media (max-width: 600px)
 {
	.modal-body {
		max-height: 400px;
	}
 }

 @media (max-width: 480px)
 {
	.modal-body {
		max-height: 140px;
	}
 }

 @media (max-width: 360px)
 {
	.modal-body {
		max-height: 400px;
	}
 }

 @media (max-width: 320px)
 {
	.modal-body {
		max-height: 280px;
	}
 }
 .fc-event.extern .fc-title{
    color: black;
}






@media (max-width: 768px)
 {
	#search {
		display:none;
	}
   .hiddenbuttonhandy span {
   display: none;
}
 }




 .braun {
    color:#ff3e3e;
 }

.rot {
   color:#b32525;
}

 @media print{

   .nurdruck {
     display: block!important;
   }
   .nichtdruck {
     display: none!important;
   }
   
  .nichtdrucken {
    display:none;
  }
  .h4, .h5, .h6, h4, h5, h6 {
    margin-top: 0px;
    margin-bottom: 0px;
}
  .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
  	padding:1px 10px;
  }
}






/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    font-size:11px;
    box-shadow: none !important;
    text-shadow: none !important; }

    .stacktable.large-only { display: table; }
    .stacktable.small-only { display: none; }

    input {
      border:none;
    }
    .braun *{
       color:#ff3e3e!important;
    }
.rot *{
   color:#b32525!important;
}
    .headerdruck,
.datumdruck {
	font-weight: bold;
	font-size: 16px!important;
}
.headerdruck {
	color:#00008B!important;
}

.gelb,
.gelb td {
	background: #FFD700!important;
}
.gelb td {
	font-weight: bold;
}
.lkwnummer {
	font-weight: bold;
	font-size: 14px!important;
	margin-top:15px;
}
.ohneborder,
.ohneborder td {
	border:0px #fff solid!important;
}

.kommentausgabe {
	font-size:16px!important;
}
.zwischensumme * {
   font-size:11px!important;
}


  a,
  a:visited {
    text-decoration: underline; }

  a[href]:after {
    content: " (" attr(href) ")"; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  /*
   * Don't show links for images, or javascript/internal links
   */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group;
    /* h5bp.com/t */ }

  tr,
  img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }

  h2,
  h3 {
    page-break-after: avoid; } }







/* tables */


table.tablesorter thead tr .header {
   background-image: url(../img/bg.gif);
   background-repeat: no-repeat;
   background-position: center right;
   cursor: pointer;
}

table.tablesorter thead tr .headerSortUp {
   background-image: url(../img/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
   background-image: url(../img/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}


.ausgabetext,
.elementbig .elementtextarea {color: red;
    font-size: 15px;
    font-weight: bold;
}