/* wp-bar */
.admin-bar.sticky-header #header-wrap {top: 32px !important;}

body {
  font-size: 18px;
}

.bgcolor {
  background-color: #eeeeee !important;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
  background-color: #fff !important;
}

ul.tab-nav-lg li.ui-tabs-active a {
    color: #23282e;
}
ul.tab-nav-lg li a {
    color: #d8d8d8;
}

.section {
  background-color: #fff !important;
}

h4.faq{
  margin:0px;
  line-height: 26px;
  padding-left: 5px;
}


[class*=" icon-question"]{
  color: #4a8b32;
  font-size: 21px !important;
}

.height858{
  min-height: 800px;
}

.datamate-box-img{
  padding: 0px;
}
.fbox-desc{
  padding-bottom: 45px !important;
}
.acctitlec {
    margin-bottom: 20px;
}

/** No Border-radius for buttons **/
.button.button-3d {
    border-radius: 0px;
}

/** Striped table min-width and background **/
.table-striped th{
  min-width: 256px;
}

@media only screen and (max-width: 768px) {
  .table-striped th{
    min-width: 0px;
  }
}
.table-margin td{
  background-color: none;
}

.dark .table-striped>tbody>tr:nth-child(odd)>td, .dark .table-striped>tbody>tr:nth-child(odd)>th, .table-striped>tbody>tr:nth-child(odd) {
    background-color: rgb(244, 244, 244);
}

/** Own Slider **/

.owl-carousel .owl-dots .owl-dot {
    margin-top: 0px;
}

div#logo img{
  background-color: #fff;
}

/** compare icons seafile **/

.dm8-compare-ok::before{
  content: url("./images/icons/haken_20px.png");
  height: 20px;
  margin-top: 3px;
}
.dm8-compare-notok::before{
  content: url("./images/icons/nicht_vorhanden_20px.png");
  height: 20px;
  margin-top: 3px;
}
.dm8-compare-exklusive::before{
  content: url("./images/icons/exklusive_haken_20px.png");
  height: 35px;
  margin-top: 3px;
}


.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    border-top: 0px solid #ddd;
    vertical-align: middle;
}
.table-dotted>thead>tr>th,.table-dotted-3>thead>tr>th {
    border-bottom: 0px solid #ddd;
}
.table-dotted-3>tbody>tr>td:nth-child(2) {border-left: 1px solid #c6c6c6;}
.table-dotted-3>tbody>tr>td:nth-child(3) {border-left: 1px solid #c6c6c6;border-right: 1px solid #c6c6c6;}
.table-dotted-3>tbody>tr>td:nth-child(4) {text-align: left;font-size: 16px;}

.table-dotted>tbody>tr>td:nth-child(2) {border-left: 1px solid #c6c6c6;border-right: 1px solid #c6c6c6;}


@media only screen and (max-width: 768px) {
  .table-dotted-3>tbody>tr>td:nth-child(2) {border-left: 0px solid #c6c6c6; background-color: #fff}
  .table-dotted-3>tbody>tr>td:nth-child(3) {border-left: 0px solid #c6c6c6;border-right: 0px solid #c6c6c6;background-color: #fff}
  .table-dotted-3>tbody>tr>td:nth-child(4) {display: none;}

  .table-dotted>tbody>tr>td:nth-child(2) {border-left: 0px solid #c6c6c6;border-right: 0px solid #c6c6c6;}
}


/** owl-dots no dots**/
.owl-carousel .owl-dots .owl-dot span {
    border-radius: 0px;
}

/** Margin für Seafilepage on mobile**/
.marginonmobile{
  margin: 220px 0px 50px 0px;
}
@media only screen and (max-width: 768px) {
  .marginonmobile{
    margin: 50px 0px 40px 0px;
  }
}

/**seafile FAQ Page Custom Style**/
.seafile-faq h2{
  text-transform: uppercase;
  font-size: 18px;
  margin: 0 0 10px;
}
.seafile-faq p{
  font-size: 15px;
  margin-bottom: 10px;
}
.seafile-fag .acctitlec{
    margin-bottom: 10px;
}


/** resize box animation**/
.more-padding{
padding: 100px 0px !important;
transition: padding 2s ease;
}
#references-size{
transition: padding 2s ease;
}

/** Forms options untereinander anzeigen **/
span.wpcf7-list-item {
    display: block !important;
}


 /** Font Icon Box**/

.feature-box h3 span.subtitle {
    display: block;
    margin-top: 5px;
    color: #444;
    font-weight: normal;
    font-family: Lato, sans-serif;
font-size: 18px;
    text-transform: none;
}

/** display none **/
.dm8-hide{
	display: none;
	visibility: hidden;
	width: 0px;
	height 0px;
}


/**Seafile Cloud List Icons Color**/
.iconlist-color-seafile li i{
    background-image: linear-gradient(to bottom, #ffa210 0%, #fad955 100%)!important;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
width: 18px!important;
}


/** Style für vergleichstabellen */
table.table-comparison td{
  font-weight: normal !important;
}


tr.table-margin{
  display: block;
  margin: 25px 0px;
  background-color: #fff !important;
}
tr.table-margin td{
    border: none !important;
    border-collapse: separate;
    font-weight: bold !important;
}
td i.icon-ok{
  color: green;
  display: grid;
}
td i.icon-remove{
  color: red;
  display: grid;
}
td i.icon-wrench{
  color: orange;
  display: grid;
}
td i.icon-external-link{
  color: grey;
  display: grid;
}
.i-light{
  border: 1px solid grey;
}
.i-small.i-circled, .i-small.i-rounded {
    width: 32px!important;
    height: 32px!important;
    line-height: 28px!important;
    box-shadow: none;
}
.table.dm8-nopadding>tbody>tr>td {
    padding: 0px;
}

@media screen and (max-width: 600px) {
    table {width:100%; font-size: 14px;}
    thead {display: none;}
    tr:nth-of-type(2n) {background-color: inherit;}
    tr td:first-child {background: #f0f0f0; font-weight:bold;}
    tbody td {display: block;  text-align:center;}
    tbody td:before {
        content: attr(data-th);
        text-align:left;
        margin-right:20px;
    }
    tr.table-margin td{
      background-color: #565656;
      color: #fff;
      font-size:1.3em;
    }
}


/* Tooltips */
.dm8tip {
    position: relative;

}

.dm8tip .dm8tiptext {
    visibility: hidden;
    max-width: 360px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 10px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 20%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
}

.dm8tip .dm8tiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.dm8tip:hover .dm8tiptext {
    visibility: visible;
    opacity: 1;
}

.dm8round{
  border: 1px solid #000;
  border-radius: 100px;
}
/* Blog Page Layout */
.blog-header{
  position: sticky;
}
.blog-heading-middle{
    position: absolute;
    top: 41.2%;
    width: 100%;
    padding-top: 16px;
    padding-bottom: 12px;
    margin-top: 0;
    background-color: rgba(0,0,0,0.6);
}
.datamate-dark-boxes{
    background-color: rgba(255,255,255,0.7);
    padding: 20px;
}
.datamate-boxes{
    background-color: rgba(255,255,255,0.7);
    padding: 15px;
    border-radius:2px;
}

/*Search form margin*/
form {
  margin-bottom: 0px;
}

/*Frontpage icon Size*/
.icon-ok-sign:before {
    content: "\e70f";
    font-size: 22px;
}
.iconlist.iconlist-large li {
    margin: 4px 0;
    line-height: 33px;
}
.iconlist.iconlist-large {
    font-size: 18px;
}
.entry-image{
  margin-bottom: 0px;
}
.ipost .entry-image img {
    border-radius: 0;
    margin: 7px 7px 0px 0px;
    max-width: 320px;
    float: left;
}


/*Dropdown Menü Icon*/
.sticky-header a.dropdown-toggle:before{
  border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      border-bottom: 6px solid #4b8b2a;
      border-top: none;
      height: 0;
      width: 0;
      bottom: 0;
      content: "";
      left: 50%;
      margin-left: -5px;
      position: absolute;
      opacity: 1;
      transition: opacity 1.5s ease;
}
a.dropdown-toggle:before{
      opacity: 0;
      transition: opacity 1.0s ease;
}
/*Global Logo Size*/
a.standard-logo img{
  padding: 10px;
}
#header.sticky-header:not(.static-sticky), #header.sticky-header:not(.static-sticky) #header-wrap, #header.sticky-header:not(.static-sticky):not(.sticky-style-2):not(.sticky-style-3) #logo img {
    height: 75px;
}
#header.sticky-header:not(.static-sticky) #primary-menu>ul>li>a {
    padding-top: 34px;
}

/*
.section {
  padding:
*/
/*section {
  background-color: #eeeeee;
  margin: 0px;
  padding: 120px 0px;
}*/

/*
.section {
  background: none;
}
*/

.flex {
  display: flex;
}

.heading-block:after {
  display: none;
}

.shadow {
  box-shadow: 5px 5px 20px #bbb;
  margin-bottom: 20px;
}

.features ul {
  padding: 0;
  list-style-type: none;
  text-align: center;
}

.features li {
  padding: 5px 20px;
  margin: 30px 0px;
  display: inline-block;
}

.features i {
  font-size: 3em;
}

.features p {
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1em;
  padding: 20px 0px 0px 0px;
}

/* blogpages */
pre {
    white-space: pre-wrap;
	border-radius: none !important;
	padding-bottom: 20px;
}

code, kbd, pre, samp {
    font-family: monospace,serif;
    font-size: 12px;
}

.hljs, .hljs-tag, .css .hljs-rules, .css .hljs-value, .css .hljs-function .hljs-preprocessor, .hljs-pragma {
    color: #f8f8f2;
}

.hljs {
    display: block;
    overflow-x: auto;
    padding: .5em;
    background: #23241f;
    -webkit-text-size-adjust: none;
}

code {
    line-height: 18px;
    overflow-y: auto;
}

.hljs-string, .css .hljs-id, .hljs-subst, .hljs-type, .ruby .hljs-class .hljs-parent, .hljs-built_in, .django .hljs-template_tag, .django .hljs-variable, .smalltalk .hljs-class, .django .hljs-filter .hljs-argument, .smalltalk .hljs-localvars, .smalltalk .hljs-array, .hljs-attr_selector, .hljs-pseudo, .hljs-addition, .hljs-stream, .hljs-envvar, .apache .hljs-tag, .apache .hljs-cbracket, .tex .hljs-command, .hljs-prompt, .hljs-link_label, .hljs-link_url {
    color: #e6db74;
}

.hljs-bullet, .hljs-blockquote, .hljs-horizontal_rule, .hljs-number, .hljs-regexp, .alias .hljs-keyword, .hljs-literal, .hljs-hexcolor {
    color: #ae81ff;
}

/*.ipost {
	font-size: 16px;
} */

.ipost h2 {
	padding-top: 20px;
}

.ipost ol, .ipost ul  {
	margin-top: 0px;
	padding-left: 0px;
}
.ipost li {
	padding-left: 0px;
}



/* Sidebar Category Navigation */
li.cat-item {
	list-style-type: none;
	margin-bottom: 0.5em;
	text-transform: uppercase;
	font-family: 'Raleway', sans-serif;
	font-weight: bold;
	font-size: 0.9em;
}
ul.children {
	margin-left: 1em;
	margin-bottom: 0.5em;
}

.gallery-caption { display: none; }

/* virtual-hero */

#virtualhero {
	width: 25%;
	position: fixed;
	font-size: 0.9em;
}
#virtualhero a {
	padding: 3px 15px;
}

.onlySmartphones {
	display: none;
	font-size: .8em;
}
.onlySmartphones ul {
	padding: 0px 15px;
}
.onlySmartphones p {
	margin-bottom: 0px;
}

@media (min-width: 1200px){
	#virtualhero {
		width: 350px;
	}
}

@media (max-width: 767px){
	#virtualhero {
		position: relative;
	}
	#virtualhero ul.nav {
		display: none;
	}
	.onlySmartphones {
		display: inline;
	}
	.txt_before_img a {
		display: none;
	}
}

#virtualhero li.active{
	font-weight: bold;
	background-color: #fff;
}

/*.nav > li > a:hover, .nav > li > a:focus
	background-color: none;
				font-weight: bold;
				}
*/

/* software-overlays */
.txt_before_img {
	position: relative;
}

.side-panel-wrap img {
	margin-bottom: 10px;
}

.txt_before_img span, .txt_before_img a {
	position: absolute;
	z-index: 2;
	font-weight: bold;
	font-size: 11px;
	letter-spacing: -0.05em;
	color: #DDA62A;
}

.txt_before_img a {
	border: 2px dotted #DDA62A;
}
.txt_before_img a:hover {
 	background-color: #5E994A;
	opacity: 0.3;
	border: 0px;
}