@font-face { font-family: 'DINOT';
             src: url('../fonts/DINWeb.eot');
             src: url('../fonts/DINWeb.woff') format('woff');
}

@font-face { font-family: 'DINOTBOLD';
             src: url('../fonts/DINWebBold.eot');
             src: url('../fonts/DINWebBold.woff') format('woff');
}

@font-face { font-family: 'DINOTLIGHT';
             src: url('../fonts/DINWebLight.eot');
             src: url('../fonts/DINWebLight.woff') format('woff');
}

html { 
	height: 100%;
}

.container{
   max-width: 1600px !important;
}

.tooltip-inner { 
	min-width: 400px !important;
	text-align: left !important;
	font-family:DINOTLIGHT;
}



body {
	font-family: DINOT !important;
	background-color:#161616 !important;
	color:#ffffff !important;
	height: 100%;
}

.light-font {
	font-family:DINOTLIGHT;
}

.nav-button {
	border-radius:0.5rem !important;
	text-transform:none !important;
	margin-top:5px !important;
	height:35px;
	padding:.525rem 1.5rem .5rem !important;
	background-color:#161616!important;
	box-shadow:none !important;
	color:#7f7f7f !important;
}

.nav-button.focus, .nav-button:focus, .nav-button:hover {
	background-color:#262626!important;
}

.nav-active {
	background-color:#262626!important;
	color:#ffffff !important;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	border-color:#ffffff !important;
}

.dropdown-menu {
	background-color:#161616 !important;
}

.dropdown-item:hover {
	background-color:#262626!important;
}

.circle {
  display: inline-block;
    background-color: #6432A3;
    margin: 10px;
    border-radius: 50% !important;
}

.circle-inner {
  color: white;
  display: table-cell;
  vertical-align: middle; 
  text-align: center;
  text-decoration: none;
  height: 33px;
  width: 33px;  
  font-size: 10px;
  padding-top:2px;
}


.bg-dark2{
    background-color: #161616;
}


#main-navbar {
    z-index:500;
    /*border-bottom:1px solid #383838;
    border-top:1px solid #383838;*/
}

#sidenav-1 {
    z-index:5;
    /*border-right:1px solid #383838;*/
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	background-color:#161616 !important;
}

.nav-tabs .nav-link {
	border-width:0 0 4px !important;
	margin-bottom:0px !important;
	text-transform:none !important;
	font-size:16px !important;
	font-family:DINOTLIGHT;
}

.nav-tabs .nav-link:hover {
	background-color:#383838 !important;
}

.dropdown-menu {
	min-width:140px !important;
	/*border-bottom:1px solid #383838 !important;
	border-left:1px solid #383838 !important;*/
}

@media (max-width: 575.98px) { 

	#sidenav-1 {
	    width:100% !important;
	    border-right:0px solid #383838;
	}
	
}

.sidebar-icon {
	width:50px;
	height:50px;
}

.sidebar-text {
	height:50px;
}

.sidebar-active-function {
	border-left:3px solid #1266f1;
	background-color:#383838;
}

.sidebar-not-active-function {
	border-left:3px;
}

.header-button-left {
	width:50px;
	height:50px;
	/*border-right:1px solid #383838 !important;*/
	color:#ffffff !important;
}

.header-button-right {
	width:50px;
	height:50px;
	/*border-left:1px solid #383838 !important;*/
	color:#ffffff !important;
}

.no-uppercase {
	text-transform:none !important;
}

.text-size-8 {
	font-size:8px;
}

.text-size-10 {
	font-size:10px;
}

.text-size-12 {
	font-size:12px;
}

.text-size-16 {
	font-size:16px;
}

.text-size-18 {
	font-size:18px;
}

.bg-primary {
	background-color:#000000 !important;
}

.bg-black {
	background-color:#000000 !important;
}

.bg-dark-grey {
	background-color:#161616 !important;
}

.bg-light-grey {
	background-color:#383838 !important;
}

.text-black {
	color:#000000 !important;
}

.text-white {
	color:#ffffff !important;
}

.text-grey {
	color:#7F7F7F !important;
}

.add-button {
	padding:0.4rem 0.5rem 0.1rem 0.5rem !important;
	color:#161616 !important;
	background-color:#eceff1 !important;
}

.compare-search-label {
	padding-top:8px !important;
}

.close {
	text-shadow:none !important;
}

.img-crop {
  object-fit: cover;
  width: 500px;
  height: 500px;
}


.chip-padding-top {
	padding-top:.14rem !important;
}

.checkbox-border {
	border:1px solid white !important;
}

[class*=btn-outline-] {
    border-width: 0.1rem !important;
}

.form-control:focus ~ .form-notch div {
  border-width: 0.1rem !important;
}

.bold {
	font-family: DINOTBOLD !important;
}

.typeface-light {
	font-family: DINOTLIGHT !important;
}

.navbar {
	padding-top:0.5rem !important;
	padding-bottom:0.5rem !important;
	padding-left:0.5rem !important;
	padding-right:0.5rem !important;
	box-shadow:none !important;
	background-color:#161616 !important;
}

.text-black {
	color:#000000;
}


.btn {
	text-transform:none;
	border-radius:0px;
	
}

.navbar-toggler {
	border:0px !important;
}

.cursor-pointer {
	cursor:pointer;
}


a {
	text-decoration:none;
	color:#ffffff !important;
}

.form-outline .form-control:focus~.form-notch .form-notch-leading {
	border-color:#ffffff !important;
}

.form-outline .form-control:focus~.form-notch .form-notch-middle {
	border-color:#ffffff !important;
}

.form-outline .form-control:focus~.form-notch .form-notch-trailing {
	border-color:#ffffff !important;
}
.form-outline .form-control:focus~.form-label {
	color:#ffffff !important;
}

.form-label {
	color:#ffffff !important;
}

.form-control {
	color:#ffffff !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
}

/*Change text in autofill textbox*/
input:-webkit-autofill{
    -webkit-text-fill-color: white !important;
}

/*Navbar----------------------------------------------------------------------------------------*/
.wrapper {
    display: flex;
    width: 100%;

}



#content {
    height:100%;
    padding-top:0px;
    transition: all 0.3s;
}

#sidebar.active {
    margin-left: -400px;
}

.info_icon_1 {
	margin-top:-7px;
}

.sidebar-button {
	position:fixed;
	z-index:99;
	top:48px;
	left:0px;
	width:30px;
	height:50px;
	background:rgba(0, 0, 0, 1.0) !important;
	padding:0px;
	display:none;
}

@media (max-width: 768px) {
	#content {
    width: calc(100%);
	}
	
	#sidebar {
    min-width: 300px;
    max-width: 300px;
    min-height: calc(100vh - 66px);
    background:rgba(0, 0, 0, 1.0);
    position:fixed;
    z-index:99;
	}
	
	#sidebar.active {
	    margin-left: -300px;
	}
		
    #sidebar {
        margin-left: -300px;
        transform: translateX(0px);
    }
    #sidebar.active {
        margin-left: 0;
    }
    .md-reduced-font-h5 {
    	font-size:16px;
    }
    .md-reduced-font-p {
    	font-size:14px;
    }
    .info_icon_1 {
	margin-top:-8px;
	}
	.sidebar-button {
		display:block;
	}
}
/*Navbar----------------------------------------------------------------------------------------*/

/*Segmentation Model Start----------------------------------------------------------------------------*/

.background-grid {
	width:100%;
	height:608px;
}

.background-grid-right {
	width:100%;
	z-index:1;
}

.background-grid-left {
	width:100%;
	z-index:1;
}

.yaxis {
	display: block;
	height:100%;
	right:0px;
	z-index:2;
	color:#7F7F7F !important;
	opacity:0;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.iaxis {
	height:100%;
	z-index:2;
	color:#7F7F7F;
	opacity:0;
}

.iaxis-icon {
	padding-top:5px;
	color:#7F7F7F !important;
	font-size:20px!important;
}

.rotate {
	transform: rotate(-90deg);
}

.xaxis {
	color:#7F7F7F !important;
}

.grid-right-content {
	width:100%;
}

.change-country-button {
	background-color:#000000;
	font-family: DINOTLIGHT !important;
}

.change-country-headline {
	font-family: DINOTLIGHT !important;
	margin-bottom:-10px;
}

.short-name {
	font-size:0.6rem;
}

.short-name-color-1 {
	color:#1A40A3 !important;
}

.short-name-color-2 {
	color:#007034 !important;
}

.short-name-color-3 {
	color:#7030A0 !important;
}

.short-name-color-4 {
	color:#F27D2C !important;
}

.active-short-name {
	color:#ffffff !important;
}

.clicked-active-short-name {
	color:#ffffff !important;
}

.segment-name {
	display:none;
	color:#7F7F7F !important;
}

.line-height-0 {
	line-height:1.0;
}

.line-height-1 {
	line-height:1.1;
}

.line-height-2 {
	line-height:1.2;
}

.line-height-3 {
	line-height:1.4;
}

.segment-number {
	position:absolute;
	top:5px;
	left:5px;
	font-size:0.5rem;
	display:none;
	color:#7F7F7F !important;
}

.active-segment-1 {
	background-color:#303030 !important;
	cursor:pointer;
}

.active-segment-2 {
	background-color:#303030 !important;
	cursor:pointer;
}

.active-segment-3 {
	background-color:#303030 !important;
	cursor:pointer;
}

.active-segment-4 {
	background-color:#303030 !important;
	cursor:pointer;
}

.clicked-active-segment-1 {
	background-color:#1A40A3 !important;
}

.clicked-active-segment-2 {
	background-color:#007034 !important;
}

.clicked-active-segment-3 {
	background-color:#7030A0 !important;
}

.clicked-active-segment-4 {
	background-color:#F27D2C !important;
}

.segment-size {
	position:absolute;
	top:5px;
	right:5px;
	font-size:0.5rem;
	display:none;
	color:#7F7F7F !important;
}

.segment-varx{
	position:absolute;
	bottom:3px;
	left:5px;
	font-size:0.5rem;
	display:none;
	color:#7F7F7F !important;
}

.segment-vary{
	position:absolute;
	bottom:3px;
	right:5px;
	font-size:0.5rem;
	display:none;
	color:#7F7F7F !important;
}

.active-segment-font {
	color:#ffffff !important;
}

.clicked-active-segment-font {
	color:#ffffff !important;
}

@media (min-width: 350px) {
	.short-name {
		font-size:0.6rem;
	}
	.text-size-resp-10 {
		font-size:0.4rem;
	}
	.text-size-resp-11 {
		font-size:0.4rem;
	}
	.text-size-resp-12 {
		font-size:0.5rem;
	}
	.text-size-resp-16 {
		font-size:0.7rem;
	}
	.text-size-resp-24 {
		font-size:0.9rem;
	}
	.text-size-resp-32 {
		font-size:1.2rem;
	}
	.text-size-resp-40 {
		font-size:1.4rem;
	}
	.text-size-resp-52 {
		font-size:1.8rem;
	}
}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
	.short-name {
		font-size:0.8rem;
	}
	.text-size-resp-10 {
		font-size:0.4rem;
	}
	.text-size-resp-11 {
		font-size:0.4rem;
	}
	.text-size-resp-12 {
		font-size:0.5rem;
	}
	.text-size-resp-16 {
		font-size:0.7rem;
	}
	.text-size-resp-24 {
		font-size:0.9rem;
	}
	.text-size-resp-32 {
		font-size:1.2rem;
	}
	.text-size-resp-40 {
		font-size:1.4rem;
	}
	.text-size-resp-52 {
		font-size:1.8rem;
	}
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 
	.short-name {
		font-size:0.8rem;
	}
	.text-size-resp-10 {
		font-size:0.4rem;
	}
	.text-size-resp-11 {
		font-size:0.4rem;
	}
	.text-size-resp-12 {
		font-size:0.5rem;
	}
	.text-size-resp-16 {
		font-size:0.7rem;
	}
	.text-size-resp-24 {
		font-size:0.9rem;
	}
	.text-size-resp-32 {
		font-size:1.2rem;
	}
	.text-size-resp-40 {
		font-size:1.4rem;
	}
	.text-size-resp-52 {
		font-size:1.8rem;
	}
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
	.segment-name {
		display:none;
	}
	.segment-number {
		font-size:0.5rem;
		display:flex;
	}
	.segment-size {
		font-size:0.5rem;
		display:flex;
	}
	.segment-varx {
		font-size:0.5rem;
		display:flex;
	}
	.segment-vary {
		font-size:0.5rem;
		display:flex;
	}
	.short-name {
		font-size:1.0rem;
	}
	.text-size-resp-10 {
		font-size:0.4rem;
	}
	.text-size-resp-11 {
		font-size:0.5rem;
	}
	.text-size-resp-12 {
		font-size:0.6rem;
	}
	.text-size-resp-16 {
		font-size:0.9rem;
	}
	.text-size-resp-24 {
		font-size:1.1rem;
	}
	.text-size-resp-32 {
		font-size:1.5rem;
	}
	.text-size-resp-40 {
		font-size:1.8rem;
	}
	.text-size-resp-52 {
		font-size:2.2rem;
	}
}

/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
	.segment-name {
		display:none;
	}
	.segment-number {
		font-size:0.5rem;
		display:flex;
	}
	.segment-size {
		font-size:0.5rem;
		display:flex;
	}
	.segment-varx {
		font-size:0.5rem;
		display:flex;
	}
	.segment-vary {
		font-size:0.5rem;
		display:flex;
	}
	.short-name {
		font-size:1.0rem;
	}
	.text-size-resp-10 {
		font-size:0.5rem;
	}
	.text-size-resp-11 {
		font-size:0.6rem;
	}
	.text-size-resp-12 {
		font-size:0.7rem;
	}
	.text-size-resp-16 {
		font-size:1.0rem;
	}
	.text-size-resp-24 {
		font-size:1.2rem;
	}
	.text-size-resp-32 {
		font-size:1.6rem;
	}
	.text-size-resp-40 {
		font-size:2.0rem;
	}
	.text-size-resp-52 {
		font-size:2.4rem;
	}
}

/* XL-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) { 
	.segment-name {
		display:flex;
		font-size:0.5rem;
	}
	.segment-number {
		font-size:0.5rem;
		display:flex;
	}
	.segment-size {
		font-size:0.5rem;
		display:flex;
	}
	.segment-varx {
		font-size:0.5rem;
		display:flex;
	}
	.segment-vary {
		font-size:0.5rem;
		display:flex;
	}
	.short-name {
		font-size:1.0rem;
	}
	.text-size-resp-10 {
		font-size:0.6rem;
	}
	.text-size-resp-11 {
		font-size:0.7rem;
	}
	.text-size-resp-12 {
		font-size:0.8rem;
	}
	.text-size-resp-16 {
		font-size:1.1rem;
	}
	.text-size-resp-24 {
		font-size:1.3rem;
	}
	.text-size-resp-32 {
		font-size:1.7rem;
	}
	.text-size-resp-40 {
		font-size:2.5rem;
	}
	.text-size-resp-52 {
		font-size:2.9rem;
	}
}

/* XXL-Large devices (larger desktops, 1600px and up)*/
@media (min-width: 1600px) { 
	.segment-name {
		display:flex;
		font-size:0.6rem;
	}
	.segment-number {
		font-size:0.6rem;
		display:flex;
	}
	.segment-size {
		font-size:0.6rem;
		display:flex;
	}
	.segment-varx {
		font-size:0.6rem;
		display:flex;
	}
	.segment-vary {
		font-size:0.6rem;
		display:flex;
	}
	.short-name {
		font-size:1.1rem;
	}
	.text-size-resp-10 {
		font-size:0.8rem;
	}
	.text-size-resp-11 {
		font-size:0.9rem;
	}
	.text-size-resp-12 {
		font-size:1.0rem;
	}
	.text-size-resp-16 {
		font-size:1.3rem;
	}
	.text-size-resp-24 {
		font-size:1.5rem;
	}
	.text-size-resp-32 {
		font-size:1.9rem;
	}
	.text-size-resp-40 {
		font-size:2.9rem;
	}
	.text-size-resp-52 {
		font-size:3.3rem;
	}
}

/* XXXL-Large devices (larger desktops, 1600px and up)*/
/*
@media (min-width: 2100px) {
	.segment-name {
		display:flex;
		font-size:0.7rem;
	}
	.segment-number {
		font-size:0.7rem;
		display:flex;
	}
	.segment-size {
		font-size:0.7rem;
		display:flex;
	}
	.segment-varx {
		font-size:0.7rem;
		display:flex;
	}
	.segment-vary {
		font-size:0.7rem;
		display:flex;
	}
	.short-name {
		font-size:1.2rem;
	}
	.text-size-resp-9 {
		font-size:0.8rem;
	}
	.text-size-resp-10 {
		font-size:0.9rem;
	}
	.text-size-resp-11 {
		font-size:1.0rem;
	}
	.text-size-resp-12 {
		font-size:1.1rem;
	}
	.text-size-resp-16 {
		font-size:1.4rem;
	}
	.text-size-resp-24 {
		font-size:1.6rem;
	}
	.text-size-resp-32 {
		font-size:2.0rem;
	}
	.text-size-resp-40 {
		font-size:3.0rem;
	}
	.text-size-resp-52 {
		font-size:3.4rem;
	}

}*/

#right-side-inner-area-2 {
	opacity:0;
}

#right-side-inner-area-4 {
	opacity:0;
}
#right-side-inner-area-5 {
	opacity:0;
}
#right-side-inner-area-6 {
	opacity:0;
}
#right-side-inner-area-7 {
	opacity:0;
}
#right-side-inner-area-8 {
	opacity:0;
}
#right-side-inner-area-9 {
	opacity:0;
}

#detailansicht_1{
	opacity:0;
}

/*Segmentation Model Ende-----------------------------------------------------------------------------*/
.background_content {
	height:100%;
}

.background-color-gradiation-1-1 {
	background-color:#1A40A3;
}

.background-color-gradiation-1-2 {
	background-color:#173993;
}

.background-color-gradiation-1-3 {
	background-color:#143382;
}

.background-color-gradiation-1-4 {
	background-color:#122D72;
}

.background-color-gradiation-1-5 {
	background-color:#0F2662;
}

.background-color-gradiation-2-1 {
	background-color:#007034;
}

.background-color-gradiation-2-2 {
	background-color:#00652E;
}

.background-color-gradiation-2-3 {
	background-color:#005929;
}

.background-color-gradiation-2-4 {
	background-color:#004E24;
}

.background-color-gradiation-2-5 {
	background-color:#00431F;
}

.background-color-gradiation-3-1 {
	background-color:#7030A0;
}

.background-color-gradiation-3-2 {
	background-color:#652B90;
}

.background-color-gradiation-3-3 {
	background-color:#592680;
}

.background-color-gradiation-3-4 {
	background-color:#4E2170;
}

.background-color-gradiation-3-5 {
	background-color:#431C60;
}

.background-color-gradiation-4-1 {
	background-color:#F27D2C;
}

.background-color-gradiation-4-2 {
	background-color:#DA7027;
}

.background-color-gradiation-4-3 {
	background-color:#C16423;
}

.background-color-gradiation-4-4 {
	background-color:#AA571E;
}

.background-color-gradiation-4-5 {
	background-color:#914B1A;
}


/*Start Details-----------------------------------------------------------------------------*/

.details_corner_left_top {
	position:absolute;
	left:10px;
	top:10px;
}

.details_corner_right_top {
	position:absolute;
	right:10px;
	top:10px;
	text-align:right;
}

.details_corner_left_bottom {
	position:absolute;
	left:10px;
	bottom:4px;
}

.details_corner_right_bottom {
	position:absolute;
	right:10px;
	bottom:4px;
	text-align:right;
}

/*Scores----------------------------------------*/

.status_score_bar_background {
	position:absolute;
	display:block;
	width:100%;
	height:10px;
	background-color:#ffffff;
	opacity: 0.4;
	z-index:4;
}

.status_score_number_background {
	position:absolute;
	display:block;
	height:10px;
	z-index:4;
}

#status_score_figure_bar {
	width:42%;
	min-width:3%;
	bottom:3px;
}

.status_score_bar {
	position:absolute;
	display:block;
	height:10px;
	width:42%;
	background-color:#ffffff;
	opacity: 1.0;
	z-index:5;
}




.progressiveness_score_bar_background {
	position:absolute;
	display:block;
	width:100%;
	height:10px;
	background-color:#ffffff;
	opacity: 0.4;
	z-index:4;
}

.progressiveness_score_number_background {
	position:absolute;
	display:block;
	width:100%;
	height:10px;
	z-index:4;
}

#progressiveness_score_figure_bar {
	width:100%;
	min-width:3%;
	bottom:3px;
}

.progressiveness_score_bar {
	position:absolute;
	display:block;
	width:100%;
	height:10px;
	background-color:#ffffff;
	opacity: 1.0;
	z-index:5;
}
/*
.status_score_number {
	position:relative;
	display:block;
	top:-25px;
	left:-webkit-calc(42% - 20px);
	left:-moz-calc(42% - 20px);
	left:calc(42% - 20px);
	z-index:5;
}

.progressiveness_score_number {
	position:relative;
	display:block;
	top:-25px;
	left:-webkit-calc(100% - 30px);
	left:-moz-calc(100% - 30px);
	left:calc(100% - 30px);
	z-index:5;
}
*/