@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400&display=swap');

/* Focus Style */
:focus {
	 outline:0 !important;
	 box-shadow:0 0 0 0 rgba(0, 0, 0, 0) !important;
}
body::-webkit-scrollbar {
	 display:none;
}
body {
	 
}
/* Test
	 -ms-overflow-style:none;
	 scrollbar-width:none;
	 overflow-y:scroll; 
	 overflow-y:hidden;
*/

/* Disable Text selection -bizMark */
body {
	 user-select:none;
	 -webkit-user-select:none;
	 -ms-user-select:none;	 
}
a:link {
  text-decoration:none;
  cursor:pointer;
}

a:visited {
  text-decoration:none;
  cursor:pointer;
}

a:hover {
  text-decoration:none;
  cursor:pointer;
}

a:active {
  text-decoration:none;
  cursor:pointer;
}
body {
	 height:100% !important;
	 /* overflow:hidden; */
	 background-color:#5c5c5c !important; 
	 font-family:'Roboto', sans-serif !important;
	 text-align:center;
	 color:#333;
	 margin:0;
	 padding:0;
}
header {
	 position:fixed;
	 top:0;
	 /* width:100%; */
	 height:70px;
	 display:block;
	 z-index:9999 !important; /* sticky */
}
header ul {
     list-style-type:none;
     margin:0 0 10px 0;
     padding:0;
     overflow:hidden;
     background-color:#333;
}
header li {
     float:left;
}
header li a {
     display:block;
     color:#fff;
     padding:14px 14px;
	 text-align:center;
     text-decoration:none;
}
header li span {
	 position:relative;
	 left:5px;
	 bottom:1px;
}
header li a:hover {
     background-color:#111;
	 color:#fff;
}
header li a:visited {
     background-color:#111;
	 color:#fff;
}
header li a:active {
     background-color:#111;
	 color:#fff;
}
header li a i {
	color:#fff;
}
header li a i:visited {
	color:#fff;
}
#sidebar {
	 display:block;
	 position:fixed;
	 left:0;
	 bottom:-10px;
	 z-index:9999 !important; /* sticky */
}
#sidebar ul {
     list-style-type:none;
     margin:0 0 10px 0;
     padding:0;
     overflow:hidden;
     background-color:#333;
}
#sidebar li {
	 display:block;
     color:#fff;
     padding:14px 14px;
	 text-align:center;
     text-decoration:none;
}
#count1,#count2 {
	 font-size:1.5em;
	 line-height:0.85em;
}
#map {
	 z-index: 999 !important;
}
#map i {
	 padding:0 8px 0 0;
}
#map table {
	 font-size:1.15em;
}
#map table span {
	 font-size:0.9em;
	 line-height:1.15em;
}
/* This belongs to font awesome integration of maps */
.text-danger {
	 color:#dc3545 !important;
}
.text-success {
	 color:#28a745!important;
}
/* SETTINGS */
nav {
	 width:92%;
	 max-width:1000px;
	 margin-top:75px; /* header fix */
	 margin-left:auto;
	 margin-right:auto;
	 margin-bottom:75px;
}
.nav-index {
	 width:90%;
	 max-width:1000px;
	 margin-top:75px; /* header fix */
	 margin-left:auto;
	 margin-right:auto;
		 margin-bottom:340px; /* footer config */
		 padding-left:58px; /* margin-left: 58px; */
}
.profile {
	 /* -OFF background-color:#e1e1e1; */
	 border-radius:100%;
		 -webkit-border-radius:100%;
		 -moz-border-radius:100%;
}
.profile img {
	 width:100%;
	 max-width:256px;
}
.left {
	 display:inline;
}
/* Experimental */
.animated {
	 animation-duration: 2.5s;
	 animation-fill-mode: both;
	 animation-iteration-count: infinite;
}
@keyframes pulse {
	 0% {transform: scale(1);}
	 50% {transform: scale(1.085);}
	 100% {transform: scale(1);}
}
.pulse {
	 animation-name: pulse;
	 animation-duration: 1s;
}
/* Experimental */
.col-3 {
	 float:left;
}
/* Adjustments from 02.05.2024 */
.card-header, .card-body, .card-footer, .details {
	 text-align:center !important;
}
.kpi {
	 line-height:1.1em !important;
}
/* LOGIN FORM */
.form-signin
{
     max-width:256px;
     padding:15px;
     margin:0 auto;
}
.form-signin .form-control
{
     position: relative;
		 font-size:0.95em;
     height:auto;
     padding:10px;
		 -webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
     box-sizing: border-box;
}
.form-signin .form-control:focus
{
     z-index: 2;  
}
.form-signin input[type="text"]
{
     margin-bottom:-1px;
     border-bottom-left-radius:0;
     border-bottom-right-radius:0;
}
.form-signin input[type="password"]
{
     margin-bottom:15px;
     border-top-left-radius:0;
     border-top-right-radius:0;
}
/* disabled
.account-wall
{
     padding:30px 0px 8px 0px;
     background-color:#f7f7f7;
		 -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
		 -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
     box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}
*/
.accordion-body {
	 padding:15px 0px 8px 0px !important;
	 background-color:#f7f7f7;
	 z-index:-1;
}
.accordion-header {

}
.accordion-item {
	 
}
.accordion-button {
	 color:#000 !important;
}
.accordion-button:not(.collapsed) {
	 /* header design -fix */
	 background-color:rgba(0,0,0,.03)!important;
	 /*
	 border-bottom:1px solid rgba(0,0,0,.125) !important;	
	 */
}
.profile-img
{
     width:96px;
     height:96px;
     margin:0 auto 10px;
     display:block;
		 -moz-border-radius:50%;
		 -webkit-border-radius:50%;
     border-radius:50%;
}
/* LIST -FIX (BOOTSTRAP CARDS */
.list-group-item span {
	 position: relative;
	 top:3px;
	 cursor:pointer;
}
.list-group-flush a i {
	 margin-right:6px;
}
.list-group-flush a {
	 cursor:pointer;
}
/* VISUALIZER SETTINGS (VIS.JS) */
#mynetwork {
	 height:100vh !important;
	 width:100vw !important;
	 margin:0;
	 padding:0;
}
/* ICON-BAR version 1.0 */
.icon-bar {
	 position: fixed;
	 top: 50%;
		 -webkit-transform: translateY(-50%);
		 -ms-transform: translateY(-50%);
	 transform: translateY(-50%);
}
.icon-bar a {
	 display:block;
	 text-align:center;
	 padding:16px;
		 transition: all .2s ease-in-out;
	 color:white;
	 font-size:20px;
}
.icon-bar a:hover {
	 color:#fff;
	 background-color:#000;
	 opacity:0.8;
}
.facebook {
	 background:#3B5998;
	 color:#fff;
}
.twitter {
	 background:#55ACEE;
	 color:#fff;
}
.linkedin {
	 background:#0e76a8;
	 color:#fff;
}
.usp {
	 color:#fff;
	 background-color:#FFF;
}
/* USP SVG -FIX */
.icon-bar a img {
	 width:28px !important;
}
.instagram {
	 background:#C13584;
	 color:#fff;	 
}
.xing {
	 background:#026466;
	 color:#fff;
}
/* Professional Skills */
.events-content {
	 height:160px !important;
}
.events-content ol {
	 list-style-type:none;
	 margin-bottom:24px;
	 padding:0;
}
.events-content li span {
	 font-size:0.85em;
	 color:gray;
	 background-color:#E2E2E2;
	 padding:4px 11px;
	 border-radius:100px;
}
.events-content li small {
	 font-size:0.85em;
	 color:gray;
	 /* bizMark HACK */
		 display:block;
		 padding-bottom:4px;
}
.events-content li img {
	 max-width:256px;
	 width:100%;
	 margin-bottom:5px;
}
/* CV Modification */
.events-content li img {
	 /* filter: blur(1px) !important;
	 transition: filter 0.25s linear !important; */
	 transition: filter 0.2s linear !important;
		 filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
		 filter: gray; /* IE6-9 */
			 -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}
.events-content li img:hover {
	 /* filter: blur(0) !important; */
	 filter: none;
		 -webkit-filter: grayscale(0%); /* Chrome 19+ & Safari 6+ */
}
.events ol {
	 list-style-type:none;
	 margin:0;
	 padding:0;
}
.events ol a span {
	 background-color:#E2E2E2;
	 padding:4px 9px;
	 border-radius:100px;
}
.cd-horizontal-timeline {
	 opacity: 0;
		 -webkit-transition: opacity 0.2s;
		 -moz-transition: opacity 0.2s;
	 transition: opacity 0.2s;
}
.cd-horizontal-timeline::before {
	 /* never visible - this is used in jQuery to check the current MQ */
	 content: 'mobile';
	 display: none;
}
.cd-horizontal-timeline.loaded {
	 /* show the timeline after events position has been set (using JavaScript) */
	 opacity: 1;
}
.cd-horizontal-timeline .timeline {
	 position:relative;
	 height:75px;
	 margin:0 auto;
}
.cd-horizontal-timeline .events-wrapper {
	 position:relative;
	 height:100%;
	 margin:0 24px;
	 overflow:hidden;
}
.cd-horizontal-timeline .events-wrapper::after, .cd-horizontal-timeline .events-wrapper::before {
	 content:'';
	 position:absolute;
	 z-index:2;
	 top:0;
	 height:100%;
	 width:20px;
}
.cd-horizontal-timeline .events-wrapper::before {
	 
}
.cd-horizontal-timeline .events-wrapper::after {
	 
}
.cd-horizontal-timeline .events {
	 /* this is the grey line / timeline */
	 position:absolute;
	 z-index:1;
	 left:0;
	 top:49px;
	 height:2px;
	 /* width will be set using JavaScript */
	 background:#dfdfdf;
		 -webkit-transition:-webkit-transform 0.4s;
		 -moz-transition:-moz-transform 0.4s;
	 transition:transform 0.4s;
}
.cd-horizontal-timeline .filling-line {
	 /* this is used to create the green line filling the timeline */
	 position:absolute;
	 z-index:1;
	 left:0;
	 top:0;
	 width:100%;
	 height:100%;
	 background-color:#55ACEE;
		 -webkit-transform:scaleX(0);
		 -moz-transform:scaleX(0);
		 -ms-transform:scaleX(0);
		 -o-transform:scaleX(0);
	 transform:scaleX(0);
		 -webkit-transform-origin:left center;
		 -moz-transform-origin:left center;
		 -ms-transform-origin:left center;
	 transform-origin:left center;
		 -webkit-transition:-webkit-transform 0.3s;
		 -moz-transition:-moz-transform 0.3s;
	 transition:transform 0.3s;
}
.cd-horizontal-timeline .events a {
	 position:absolute;
	 bottom:0;
	 z-index:2;
	 text-align:center;
	 font-size:0.9em;
	 padding-bottom:18px;
	 color:#383838;
	 /* fix bug on Safari - text flickering while timeline translates */
		 -webkit-transform:translateZ(0);
		 -moz-transform:translateZ(0);
		 -ms-transform:translateZ(0);
	 transform:translateZ(0);
}
.cd-horizontal-timeline .events a::after {
	 /* this is used to create the event spot */
	 content:'';
	 position:absolute;
	 left:50%;
	 right:auto;
		 -webkit-transform:translateX(-50%);
		 -moz-transform:translateX(-50%);
		 -ms-transform:translateX(-50%);
	 transform:translateX(-50%);
	 bottom:-8px;
	 height:16px;
	 width:16px;
	 border-radius:50%;
	 border:2px solid #dfdfdf;
	 background-color:#f8f8f8;
		 -webkit-transition:background-color 0.3s, border-color 0.3s;
		 -moz-transition:background-color 0.3s, border-color 0.3s;
	 transition:background-color 0.3s, border-color 0.3s;
}
.no-touch .cd-horizontal-timeline .events a:hover::after {
	 background-color:#55ACEE;
	 border-color:#55ACEE;
}
.cd-horizontal-timeline .events a.selected {
	 pointer-events:none;
}
.cd-horizontal-timeline .events a.selected span {
	 background-color:#55ACEE; /* bizMark */
	 color:#fff;
}
.cd-horizontal-timeline .events a.selected::after {
	 background-color:#55ACEE;
	 border-color:#55ACEE;
}
.cd-horizontal-timeline .events a.older-event::after {
	 border-color: #55ACEE;
}
@media only screen and (min-width: 1100px) {
	 .cd-horizontal-timeline {
		 
	 }
	 .cd-horizontal-timeline::before {
		 /* never visible - this is used in jQuery to check the current MQ */
		 content:'desktop';
	 }
}
.cd-timeline-navigation a {
	 /* these are the left/right arrows to navigate the timeline */
	 position:absolute;
	 z-index:1;
	 top:67%;
	 bottom:auto;
		 -webkit-transform:translateY(-50%);
		 -moz-transform:translateY(-50%);
		 -ms-transform:translateY(-50%);
		 -o-transform:translateY(-50%);
	 transform:translateY(-50%);
	 height:24px;
	 width:24px;
	 border-radius:50%;
	 border:2px solid #dfdfdf;
	 /* replace text with an icon */
	 overflow:hidden;
	 color:transparent;
	 text-indent:100%;
	 white-space:nowrap;
		 -webkit-transition:border-color 0.3s;
		 -moz-transition:border-color 0.3s;
	 transition:border-color 0.3s;
}
.cd-timeline-navigation {
	 list-style-type:none;
	 margin:0;
	 padding:0;
}

.cd-timeline-navigation a::after {
  /* arrow icon */
	 
}
.cd-timeline-navigation a.prev {
	 left:0;
}
.cd-timeline-navigation a.next {
	 right:0;
}
.no-touch .cd-timeline-navigation a:hover {
	 border-color: #55ACEE;
}
.cd-timeline-navigation a.inactive {
	 cursor:not-allowed;
}
.cd-timeline-navigation a.inactive::after {

}
.no-touch .cd-timeline-navigation a.inactive:hover {
	 border-color:#dfdfdf;
}
.cd-horizontal-timeline .events-content {
	 position:relative;
	 width:100%;
	 margin:0;
	 overflow:hidden;
		 -webkit-transition:height 0.4s;
		 -moz-transition:height 0.4s;
	 transition:height 0.4s;
}
.cd-horizontal-timeline .events-content li {
	 position:absolute;
	 z-index:1;
	 width:100%;
	 left:0;
	 top:0;
		 -webkit-transform:translateX(-100%);
		 -moz-transform:translateX(-100%);
		 -ms-transform:translateX(-100%);
	 transform:translateX(-100%);
	 padding:0;
	 opacity:0;
		 -webkit-animation-duration:0.4s;
		 -moz-animation-duration:0.4s;
	 animation-duration:0.4s;
		 -webkit-animation-timing-function:ease-in-out;
		 -moz-animation-timing-function:ease-in-out;
	 animation-timing-function:ease-in-out;
}
.cd-horizontal-timeline .events-content li.selected {
  /* visible event content */
  position: relative;
  z-index: 2;
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.cd-horizontal-timeline .events-content li.enter-right, .cd-horizontal-timeline .events-content li.leave-right {
  -webkit-animation-name: cd-enter-right;
  -moz-animation-name: cd-enter-right;
  animation-name: cd-enter-right;
}
.cd-horizontal-timeline .events-content li.enter-left, .cd-horizontal-timeline .events-content li.leave-left {
  -webkit-animation-name: cd-enter-left;
  -moz-animation-name: cd-enter-left;
  animation-name: cd-enter-left;
}
.cd-horizontal-timeline .events-content li.leave-right, .cd-horizontal-timeline .events-content li.leave-left {
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  animation-direction: reverse;
}
.cd-horizontal-timeline .events-content li > * {
  max-width: 800px;
  margin: 0 auto;
}
.cd-horizontal-timeline .events-content h5 {
	 margin-top:5px;
}
.cd-horizontal-timeline .events-content em {
  display: block;
  margin: 10px auto;
}
.cd-horizontal-timeline .events-content em::before {
  content: '- ';
}
.cd-horizontal-timeline .events-content p {

}
.cd-horizontal-timeline .events-content em, .cd-horizontal-timeline .events-content p {
  line-height: 1.6;
}
@media only screen and (min-width: 768px) {
  .cd-horizontal-timeline .events-content h2 {
    font-size: 1rem;
  }
  .cd-horizontal-timeline .events-content em {
    font-size: 1rem;
  }
  .cd-horizontal-timeline .events-content p {
    font-size: 1rem;
  }
}

@-webkit-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -moz-transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0%);
  }
}
@keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-webkit-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0%);
  }
}
@keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}c
.logo img {
	 max-width:64px !important;
	 max-height:74px !important;
	 padding:5px 0 4px 0;
}
.logo_firo img {
	 max-width:73px;
}
.logo_binance img {
	 max-width:64px;
	 padding:5px 0 4px 0;
}
.logo_ethereum img {
	 max-width:64px;
	 padding:5px 0 4px 0;
}
.logo_bitcoin img {
	 max-width:64px;
	 padding:5px 0 4px 0;	
}
.logo_hiveos img {
	 width:64px;
	 padding:7px 0 4px 0;
}
#version-tab {
		 -webkit-transition:width 0.35s ease;
		 -moz-transition:width 0.35s ease;
     transition:width 0.35s ease;
	 display:inline-block;
     overflow:hidden;
     white-space:nowrap;
     /* background:#111; */
     margin-left:8px;
	 vertical-align:middle;
     line-height:52px;
     height:52px;
     width:0px;
}
#version-tab.in {
     width:69px;
	 color:#FFF;
}
/* Crypto Chart */
.details {
	 margin-top:12px;
	 margin-bottom:2px;
}
.btc,
.ethereum {
	width:100% !important;
    display:grid;
		 grid-template: 
			 "info"
			 "chart";
}
/* Price tags */
.price-tag-btc, .price-tag-eth {
	 padding:5px 7px;
	 border-radius:7px;
	 color:#FFF;
	 font-weight:normal;
	 font-size:0.95em;
}
.price-tag-btc {	 
	 background-color:#FF9900;
}
.price-tag-eth {
	 background-color:#627eea;
}
#checkboxContainer {
	 display:flex;
	 align-items:center;
}
#checkboxContainer label {

}
input[type="checkbox"] {
     display:none;
}
@keyframes bake-pie {
  from {
    transform: rotate(0deg) translate3d(0,0,0);
  }
}
.pieID {
	 display:inline-block;
	 vertical-align:middle;
}
.pie {
	 height:200px;
	 width:200px;
	 position:relative;
	 margin:0 10px 30px 10px;
}
.pie::before {
	 content:"";
	 display:block;
	 position:absolute;
	 z-index: 1;
		 width:100px;
		 height:100px;
	 background:#EEE;
	 border-radius:50%;
		 top:50px;
		 left:50px;
}
.pie::after {
	 content:"";
	 display:block;
	 width:120px;
	 height:2px;
	 background:rgba(0,0,0,0.1);
	 border-radius:50%;
	 box-shadow:0 0 3px 4px rgba(0,0,0,0.1);
	 margin:218px auto;
}
.slice {
	 position:absolute;
	 width:200px;
	 height:200px;
	 clip:rect(0px, 200px, 200px, 100px);
	 animation:bake-pie 1s;
}
.slice span {
	 display:block;
	 position:absolute;
	 top:0;
	 left:0;
	 background-color: black;
		 width:200px;
		 height:200px;
	 border-radius:50%;
	 clip:rect(0px, 200px, 200px, 100px);
}
.legend {
	 list-style-type:none;
	 padding:0;
	 margin:0;
	 padding:15px;
	 font-size:13px;
	 box-shadow:1px 1px 0 #DDD, 2px 2px 0 #BBB;
}
.legend ul {
	 float:right;
}
.legend li {
	 width:140px;
	 height:1.25em;
	 margin-bottom:0.7em;
	 padding-left:0.5em;
	 border-left: 1.25em solid black;
}
.legend em {
	 float:left;
	 font-style: normal;
}
.legend span {
	 float: right;
}
.hide { 
	 display:inline;
}
/* Smartphone Portrait and Landscape */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px){.hide {display:none;}}@import "style.css";
body, a {
	/* color:#fff !important;  */
}
.card {
	/* background-color:#5c5c5c !important; */
}
.card-text {
	/* color:#fff !important; */
}
.list-group-item {
    /* background-color:#5c5c5c !important; */
}