@import url('video.css');

/****************************
Helper Classes
****************************/
.right
{
 text-align: right !important;
}

.bold{
 font-weight: 600 !important;
}

.left
{
 text-align: left !important;
}

.center
{
 text-align: center !important;
}

.display-none{
 display: none !important;
}

.border-right{
 border-right: 1px solid #bbb;
}

.border-bottom{
 border-bottom: 1px solid #bbb;
}

/****************************
Allgemeine Formatierung
****************************/

.kontakt_email {
 display: none;
}

.caption {
 margin-bottom: 15px;
 display:block;
}

.divider {
border-bottom:15px solid #222222;
}

.download_list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.download_list li {
 padding-top: 5px;
 padding-bottom: 5px;
 border-bottom: 1px solid #ccc;
}

.ab_tab_zelle {
 padding:5px;
 color: #0c1f36;
 border:1px solid #004989;
}

.ab_tab_kopf {
 border:1px solid #004989;
 background: #004989;
 color: #ffffff;
 font-weight:bold;
 padding:5px;
}

/* Top Left */

/* Top Center */
.content_top_center .image {
 margin-left: 50%;
}

.content_top_center .image div {
margin-left: -50%;
}

/* Top Right */
.content_top_right .image{
 margin-left: 100%;
}

.content_top_right .image div {
 margin-left: -100%;
}

/* Flow Left */
.content_flow_left .image {
 float: left;
 padding-left: 0;
 margin-right: 15px;
 margin-bottom: 5px;
}

/* Flow Right */
.content_flow_right .image {
 float: right;
 padding-right: 0;
 margin-left: 15px;
 margin-bottom: 5px;
}

.flow-right
{
 float: right;
}

.flow-left
{
 float: left;
}

/* Block Right */

/* Block Left */

/* Bottom Left */

/* Bottom Center */

/* Bottom Right */


/* Misc. */

.no-margin-top,
.no_margin_top {
 margin-top: 0;
}

.width-25 {
 width: 25% !important;
}

.width-33 {
 width: 33% !important;
}
.width-50 {
 width: 50% !important;
}
.width-66 {
 width: 66% !important;
}
.width-75 {
 width: 75% !important;
}
.width-100 {
 width: 100%  !important;
}

.gallery {
 margin-bottom: 30px;
}

/****************************
Request
****************************/
#request-fixed{
 position: fixed;
 top: 30%;
 z-index: 1;

 -webkit-transform: rotate(-90deg);
 -moz-transform: rotate(-90deg);
 -ms-transform: rotate(-90deg);
 -o-transform: rotate(-90deg);
 transform: rotate(-90deg);
}

/****************************
Employee
****************************/
.employee-title{
 margin-top: 0;
 margin-bottom: 0;
 text-transform: none;
}

.employee-name{
 margin-top: 0;
 margin-bottom: 0;
}
/****************************
Events
****************************/
.event-table{
 display: table;
 width: 100%;
}

.event-row{
 display: table-row;
}

.event-cell{
 display: table-cell;
 padding: 5px 15px 5px 0;
 border-bottom: 2px solid #ddd;
}

@media (min-width: 768px){
 .event-table{
  margin-top: 15px;
 }

 .event-cell.image{
  width: 25%
 }

 .event-cell.text{
  width: 75%;
 }
}

@media (max-width: 768px){
 .event-cell.image{
  display: none;
 }

 .event-cell.text{
  width: 100%;
 }
}

.event-cell.text{
 vertical-align: top;
}

.event-cell.text h4
{
 padding-left: 5px;
}
.event-cell.text h5
{
 padding-left: 10px;
}

/****************************
FileUpload
****************************/
.btn-file {
 position: relative;
 overflow: hidden;
}
.btn-file input[type=file] {
 position: absolute;
 top: 0;
 right: 0;
 min-width: 100%;
 min-height: 100%;
 font-size: 100px;
 text-align: right;
 filter: alpha(opacity=0);
 opacity: 0;
 background: red;
 cursor: inherit;
 display: block;
}
input[readonly] {
 background-color: white !important;
 cursor: text !important;
}

/****************************
EasyBull
****************************/
#easybull table
{
 width: 100%;
 margin-bottom: 10px;
}

@media (min-width: 992px){
 .easybull-container{
  padding-right: 0;
 }
}

@media (min-width: 992px){
 .genetik-logos{
  width: 45%;
  margin-top: 20px !important;
 }
}

.easybull-special{
 color: #139502;
 font-weight: 600;
 margin-bottom: 15px;
 font-size: 1.17em;
}

.easybull-special ul{
 padding-left: 20px;
}

.easybull-name{
 margin-top: 0;
}

.line th h3{
 margin-bottom: 0;
 margin-top: 5px;
}

@media (min-width: 1200px){
 .easybull-image-video{
  min-height: 256px;
 }
}
@media (min-width: 992px) and (max-width: 1200px){
 .easybull-image-video{
  min-height: 210px;
 }
}

@media (min-width: 1200px){
 .easybull-embyonen-image-mutter{
  min-height: 136px;
 }
}
@media (min-width: 992px) and (max-width: 1200px){
 .easybull-embyonen-image-mutter{
  min-height: 90px;
 }
}

.easybull-image-video-small img{
 margin-bottom: 15px;
}

.easybull-image-video-small img:hover{
 cursor: pointer;
}

.easybull-list tr.bull-entry:hover{
 cursor: pointer;
}

.easybull-list .bull-header > th {
 border-bottom: 2px solid #a11d35;
 border-top: none;
}

.easybull-list .bull-header > th[data-sorting]:hover{
 cursor: pointer;
}

.easybull-list tr.bull-header:hover > th {
 background-color: initial;
}

.easybull-sort{
 color: #a11d35;
 margin-top: 20px;
}

.easybull-sort select{
 background-color: #a11d35;
 background-image: url("../assets/images/arrow-down.png");
 background-repeat: no-repeat;
 background-position: center right;
 background-size: contain;
 -webkit-appearance: none;
 -moz-appearance: none;
 -ms-appearance: none;
 -o-apperance: none;
 appearance: none;
 width: 170px;
 color: #fff;
 padding-left: 5px;
}

.easybull-sort select::-ms-expand{
 display: none;
}

.easybull-navigation{
 margin-top: 20px !important;
}

.sub-menu{
 margin-top: 20px;
 margin-bottom: 10px;
 background-color: #dddddd;
 word-break: break-word;
}

.sub-menu li {
 border-bottom: 1px solid #eeeeee;
}

.sub-menu li:last-child {
 border-bottom: none;
}

.sub-menu a {
 color: #333;
}

.sub-menu a:hover,
.sub-menu a:focus {
 background-color: #aaaaaa !important;
 color: #eeeeee;
}

.sub-menu li.current {
 background-color: #cccccc;
}

.nav a{
 overflow: hidden;
}

.line > td,
.line > th
{
 border-bottom: 1px solid #ddd;
}

.line > th
{
 vertical-align: bottom;
}

.noline
{
 border-bottom: 0px !important;
}

/*Infocol*/
.easybull-container #info
{
 width: auto !important;
}

#parents td
{
 vertical-align: top;
}

.easybull-container #zeilen tr th,
.easyboar-container #zeilen tr th
{
 text-align: center;
 width: 25%;
}

.easybull-container #zeilen tr th:first-child
{
 color: #ecdd00;
}

.easybull-container #zeilen tr th
{
 color: #fff;
}

.easybull-container #zeilen th
{
 background-color: #a11d35;
}

.easyboar-container #zeilen tr th
{
 color: #ecdd00;
}

.easyboar-container #zeilen th
{
 background-color: #a11d35;
}

.easybull-container #zeilen th:nth-of-type(even)
{
 background-color: #00a300;
}

.detailtables .head th
{
 border-bottom: 2px solid #008a00;
}

.zuchtwertschaetzung th, .zuchtwertschaetzung h3{
 color: #fff;
}

.zuchtwertschaetzung{
 background-color: #139502;
}

.images-bottom h3{
 color: #fff;
 background-color: #139502;
 padding-bottom: 0;
 padding-top: 5px;
}

/*Fit, Health & Meat*/
@media (min-width: 1200px){
 #fit .si{
  padding-right: 30px;
 }
}
@media (min-width: 992px) and (max-width: 1200px){
 #fit .si{
  padding-right: 180px;
 }
}
@media (min-width: 768px) and (max-width: 992px){
 #fit .si{
  padding-right: 90px;
 }
}
@media (max-width: 767px){
 #fit .si{
  width: 30px;
 }
}

@media (min-width: 1200px){
 #health .si{
  padding-right: 30px;
 }
}
@media (min-width: 992px) and (max-width: 1200px){
 #health .si{
  padding-right: 180px;
 }
}
@media (min-width: 768px) and (max-width: 992px){
 #health .si{
  padding-right: 90px;
 }
}
@media (max-width: 767px){
 #health .si{
  width: 30px;
 }
}

@media (min-width: 1200px){
 #meat .si{
  padding-right: 30px;
 }
}
@media (min-width: 992px) and (max-width: 1200px){
 #meat .si{
  padding-right: 180px;
 }
}
@media (min-width: 768px) and (max-width: 992px){
 #meat .si{
  padding-right: 90px;
 }
}
@media (max-width: 767px){
 #meat .si{
  width: 30px;
 }
}

/*Milk*/
#milk td,#milk th{
 text-align: center;
}

/*Exterieur*/
#exterieur{
 width: 100%;
 border-spacing: 0;
}

.min{
 padding-left: 90px;
 width: 180px;
}

.max{
 padding-left: 40px;
 width: 100px;
}

.zw{
 width: 50px;
}

.border {
 outline:1px solid grey;
 height: 18px;
 position: absolute;
 margin-top: 3px;
}

#exterieur tr td:first-child{
 width: 140px;
}

#exterieur tr td:nth-child(2) {
 width: 35px;
}

.box {
 background: #00a300;
 height: 16px;
 position: absolute;
 margin-top: 4px;
}

.center {
 text-align: center;
}

.before,
.after {
 position: relative;
 height: 24px;
 padding: 0;
 margin: 0;
 vertical-align: top;
}

.before {
 width: 30px;
}
.after {
 border-left: 1px solid grey;
 width: 29px;
}

.section-title{
 margin-top: 15px;
}

@media (min-width: 992px){
 .section-background{
  background-position: center;
 }
}

@media print{
 a[href]:after {
  content: "";
 }
 abbr[title]:after {
  content: "";
 }
}

/****************************
EasyBoar
****************************/
#easyboar table
{
 width: 100%;
 margin-bottom: 10px;
}

@media (min-width: 992px){
 .easyboar-container{
  padding-right: 0;
 }
}

.easyboar-special{
 color: #139502;
 font-weight: 600;
 margin-bottom: 15px;
 font-size: 1.17em;
}

.easyboar-special ul{
 padding-left: 20px;
}

.easyboar-name{
 margin-top: 0;
}

.line th h3{
 margin-bottom: 0;
 margin-top: 5px;
}

@media (min-width: 1200px){
 .easyboar-image-video{
  min-height: 256px;
 }
}
@media (min-width: 992px) and (max-width: 1200px){
 .easyboar-image-video{
  min-height: 210px;
 }
}

.easyboar-image-video-small img{
 margin-bottom: 15px;
}

.easyboar-image-video-small img:hover{
 cursor: pointer;
}

.easyboar-image-video-small.only-bull img{
 margin: 2.5px;
}

.easyboar-list th{
 font-weight: 300;
}

.easyboar-list tr.boar-entry:hover{
 cursor: pointer;
}

.easyboar-list .bull-header > th {
 border-bottom: 2px solid #a11d35;
 border-top: none;
}

.easyboar-list tr.bull-header:hover > th {
 background-color: initial;
}

.easyboar-sort{
 color: #a11d35;
 margin-top: 20px;
}

.easyboar-sort select{
 background-color: #a11d35;
 background-image: url("../assets/images/arrow-down.png");
 background-repeat: no-repeat;
 background-position: center right;
 background-size: contain;
 -webkit-appearance: none;
 -moz-appearance: none;
 -ms-appearance: none;
 -o-apperance: none;
 appearance: none;
 width: 170px;
 color: #fff;
 padding-left: 5px;
}

.easyboar-sort select::-ms-expand{
 display: none;
}

.easyboar-navigation{
 margin-top: 20px !important;
}

tr.boar-entry a:hover {
 text-decoration: none;
}
tr.boar-entry a {
 color: #000;
}

.pietrain-logos img{
 height: 50px;
}
@media (max-width: 992px)
{
 .pietrain-logos img{
  margin-top: 10px;
 }
}

/****************************
Tours
****************************/
.tours-select-area{
 margin-bottom: 10px;
}

/****************************
Tours
****************************/
.job-table td:first-child{
 vertical-align: top;
 padding-right: 20px;
}

nav li.seperator {
 border-bottom: 1px solid #cccccc;
}

.image-credits {
 position:absolute;
 bottom:0;
 right:0;
 margin-right: 15px;
 padding:2px;
 font-size:10px;
 background:white;
 opacity:0.4;
}

.carousel-inner .image-credits,
.gallery .image-credits {
 margin-right: 0;
}

.row-eq-height
{
 display: -webkit-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
}

.row-eq-height::before
{
 display: block;
}