/* Your CSS codes here */
.mb30 {
    margin-bottom: 30px !important;
}
.mb0 {
    margin-bottom: 0 !important;
}
.pt30 {
    padding-top: 30px !important;
}

@media (min-width: 1500px) {
    .team-card > .col-lg-3 { width: 20% !important; }
}

.team-default-content h4 {
	font-size: 18px;
	color: #252525;
	font-weight: 700;
	font-variant-ligatures: common-ligatures;
	margin-top: 0;
	letter-spacing: -0.2px;
	line-height: 1.3;
}
.team-default-content span {
	color: #777;
	font-weight: 400;
	letter-spacing: 0em;
	font-size: 14px;
	line-height: 1.65714286em;
}

.dtchild-table {
	margin-top: 10px;
	font-size: 85%;
}

.dtchild-table-tr1 {

}

.dtchild-table-tr2 {

}

 td.details-control {
            text-align:center;
            color:forestgreen;
    cursor: pointer;
}
tr.shown td.details-control {
    text-align:center;
    color:red;
}

.activesub > a, .activesub > a:hover, .activesub > a:focus {
	background-color: #30308c !important;
	color: #fff !important;
	text-decoration: none;
	outline: 0;
}

#sonderbestellungindividualrezepturForm #fieldset-individualrezeptGroup2 {
	margin-bottom: 15px;
}

#sonderbestellungindividualrezepturForm .fieldset-bestandteil {
	margin-bottom: 15px;
}

#sonderbestellungindividualrezepturForm .fieldset-bestandteil .form-group {
	margin-left: 15px;
}

.nav > li > a {
    padding-left: 9px;
	padding-right: 9px;
}

.yadcf-filter-inline > div {
	display: inline !important;
}

table.dataTable {

}

table.dataTable tfoot th > button,
table.dataTable tfoot th > a {
	margin-bottom: 5px
}

table.dataTable .respAll  {
	display: table-cell !important;
}

table.dataTable tbody tr.selected,
table.dataTable tbody th.selected,
table.dataTable tbody td.selected {
	color: #333 !important;
}

table.dataTable tbody tr.selected a,
table.dataTable tbody th.selected a,
table.dataTable tbody td.selected a {
	color: #30308c !important;
}

table.dataTable tbody > tr.selected,
table.dataTable tbody > tr > .selected,
.dt-row-warenkorb,
.dt-col-bestellmenge {
	background-color: #DBF9E3 !important;
}

table.dataTable tbody > tr.group {
	background-color: #eee !important;
	font-style: italic;
}

.dt-col-funktion {
	text-align: center;
}

.dt-col-beschreibung {

}

td.dt-col-wirkstoff {
	word-break: break-all;
	-moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.dt-row-hitliste {
	font-style: italic;
}

.huge {
    font-size: 24px;
}

.btn-wrap {
	text-align: left !important;
	white-space: normal !important;

}

.strTruncate200 {
      display: inline-block;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      -o-text-overflow: ellipsis;
      width: 200px; /* note that this width will have to be smaller to see the effect */
    }



@media (min-width: 300px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

  }
  .dl-horizontal dd {
    margin-left: 180px;
  }

  .dl-horizontal dt, .dl-horizontal dd {
	 line-height: 2;
  }
}

tr:not(.selected) > th.sorting_asc, tr:not(.selected) > th.sorting_desc, tr:not(.selected) > td:not(.nocolor).sorting_1 {
	background-color: #F2F2FA !important;
}

th.artikelmenge, td.artikelmenge {
	background-color: #DBF9E3 !important;
}

th.bestellmenge, td.bestellmenge {
	background-color: #FFCC99 !important;
}

th.betrag, td.betrag {
	background-color: #FFCC99 !important;
}

th.betraggesamt, td.betraggesamt {
	background-color: #FFCC99 !important;
}

.sidebar {
    margin-top: 40px;
}

.sidebar li {
    padding: 15px;
}

.fa-spin-custom, .glyphicon-spin {
    -webkit-animation: spin 1000ms infinite linear;
    animation: spin 1000ms infinite linear;
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.tt-hint {
    color: #999;
}
.tt-menu {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    margin: 12px 0;
    padding: 8px 0;
    width: auto;
	white-space: nowrap;
}
.tt-suggestion {
    font-size: 18px;
    line-height: 24px;
    padding: 3px 20px;
}
.tt-suggestion:hover {
    background-color: #0097cf;
    color: #fff;
    cursor: pointer;
}
.tt-suggestion.tt-cursor {
    background-color: #0097cf;
    color: #fff;
}
.tt-suggestion p {
    margin: 0;
}

.row-wrapper {
	padding-left: 15px;
	padding-right: 15px;
}

.form-group .required.control-label:after {
    color: #d00;
    content: "*";
	font-family: 'Glyphicons Halflings';
	font-weight: normal;
	font-size: 0.8em;
}

.formtype-basic .control-label {
	margin-bottom: 0;
}

.formtype-basic .control-label + .checkbox,
.formtype-basic .control-label + .radio {
	margin-top: 0;
}

.div-width-sm {
	max-width: 300px;
}



.page-header {
	margin-top: 10px;
}

.dt-div {
	margin-top: 0px;
	margin-bottom: 20px;
}

.dt-div .list-inline li {
	padding-top: 5px;
	padding-bottom: 5px;
}

#header-wrapper {
	background: url("/img/kroapo_logo_bg.jpg") no-repeat scroll left bottom #F8F8F8;
}

#main-menu {
	margin-left: 250px;
}

#main-breadcrump {
	margin-left: 250px;
	padding: 5px 15px;
}

#main-breadcrump .form-control {
	padding: 2px 10px;
	height: 24px;
}

#main-sitetitle {
	margin-left: 250px;
	padding: 9px 15px;
}

#main-sitetitle .page-header {
	color: #fff;
  font-size: 20px;
  margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.row-wrapper {
	padding-left: 15px;
	padding-right: 15px;
}

footer {
	background: #F8F8F8;
	min-height: 60px;
	border-top: 1px solid #ddd;
	padding-top: 10px;
}

@media (max-width: 767px)  {
  #shortcuts a {
		padding-right: 4px;
  		padding-left: 4px;
  }
}

@media (max-width: 767px)  {


  #header-wrapper {
    background: #fff;
    margin-bottom: -80px;
  }

  #main-sitetitle {
	   margin-left: 0px;
	   padding: 9px 15px;
  }

  #main-sitetitle .page-header {
    background: f8f8f8;
	  color: black;
    font-size: 20px;
    margin-top: -80px;
	  margin-bottom: 0;
	  padding-bottom: 0;
	  border-bottom: none;
  }

	#main-menu {
		margin-left: 0px;
		margin-bottom: 20px;
	}

	.navbar-nav {
    	margin-top: 0px;

	}

	#navSelect {
		margin-bottom: 0px;
		border-bottom: 0px;
	}

	#main-sitetitle {
		margin-top: 75px;
	}

	#page-wrapper {
		padding-top: 15px !important;
	}
}


@media print {
	#page-wrapper {
		border: 0;
		margin: 0;
		padding: 0;
	}

  	a[href]:after {
    	content: none !important;
  	}


	.formPrint .btn,
  	.formPrint  legend,
  	.formPrint .help-block
	 {
		display:none !important;
	}

	.formPrint input,
	.formPrint select,
	.formPrint textarea
	 {
		border: 0 !important;
	}

	.formPrint .form-control
	 {
		padding-left: 0px !important;
	}

	.formPrint fieldset,
	.formPrint legend,
	.formPrint .form-group  {
		margin-left: 0 !important;
		margin-bottom: 0px !important;
	}

	.formPrint  .required.control-label::after {
	    color: transparent;
	    content: "";
	}

}

@media (min-width: 767px) {
	#main-menu {
		margin-bottom: 0;
		padding-left: 0px;
		z-index: 1;
	}

	#navSelect {
		padding-left: 0px;
		padding-right: 0px;
	}

	#page-wrapper {
		padding-top: 30px !important;
	}



}