/* Public CSS TODO: fix dat deze gebruikt worden... */
@font-face {
    font-family: 'tekst';
    font-weight: 400;
    src: url("../publics/fonts/ProximaNova-Regular.otf") format("opentype");
}

@font-face {
    font-family: 'titel';
    font-weight: 500;
    src: url("../publics/fonts//ProximaNova-SemiBold.otf") format("opentype");
}

@font-face {
    font-family: 'paginatitel';
    font-weight: 600;
    src: url("../publics/fonts//ProximaNova-Bold.otf") format("opentype");
}

/* CSS Variables */
:root {
  
  /* From "Merktrichtlijnen AthenaSummary" */
  --clr-primair: #5E2163;
  --clr-gradient1: #7E4292;
  --clr-gradient2: #3F163B;
  --clr-gold: #E7b573;
  --clr-grey: #909090;
  --clr-white: #FFFFFF;
  --clr-black: #000000;
  --bg-grey: #dad8d8; /* Better grey for a background */
}



/*BEGIN GENERAL STYLING*/
/**/
html{
   /* license: https://unsplash.com/license*/
   /*background: url(../images/bg3_compressed_resized_2560x1440.jpg) no-repeat center center fixed; */

   /*-webkit-background-size: cover;*/
   /*-moz-background-size: cover;*/
   /*-o-background-size: cover;*/
   /*background-size: cover;*/
   /*box-shadow:inset 0 0 0 2000px rgba(126,66,146, 0.6);*/
   background: var(--bg-grey);
   font-family: 'tekst', Verdana;
}

body {
	background-color: transparent;
	font-family: 'tekst', Verdana;
}

h1, h2, h3, h4, h5 {
	font-family: 'ProximaNova SemiBold', Verdana;
}

.btn.btn-primary {
	background-color: var(--clr-primair);
	border-color: #eee;
}

.btn.btn-primary:hover {
	background-color: var(--clr-gradient1);
}

.col-12.col-sm-10.col-md-8.col-lg-6 {
	max-width: 100% !important;
    flex-basis: 100%;
}

.cx_paragraph-User_info > div > h3.cx_title3,
.cx_paragraph-Notifications > div > h3.cx_title3,
.cx_paragraph-Information_Center > div > h3.cx_title3 {
	display: none;
}

.user_info-header_wrapper {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-basis: 100%;
}

.user_info-wrapper {
	display: flex;
	flex-direction: row;
	justify-content: start;
	flex-basis:100%;
	gap: 20px;
}

.user_info-table {
	width: 100%;
}

.user_info-table_header {
	width: 15%;
}

.user_info-content {
	width: 35%;
}

.txt-as-purple {
	color: var(--clr-primair);
}

.txt-bold {
	font-weight: bold;
}

div.control-label {
	/*padding-right: 0 !important;*/
	/*width: 10% !important;*/
	float: left;
}
/* TODO: Account creation screen (only for admins) text is black instead of white... But cannot change it like below because that will cause
other stuff which should not be white, be white as well.*/
/*form.cx_form {*/
/*	color: white;*/
/*}*/

.cx_content.cx_content-lg {
	/*background: radial-gradient(circle at top right, #723A82, #5E2163);*/ /* Old */
	/*background-repeat: no-repeat;*/
	background: transparent;
	/*padding: 24px;*/
	/*border-radius: 4px;*/
	/*box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.5);*/
    min-height: calc(50vh - 144px);
}

.container.cx_content.cx_content-lg {
	/*background: radial-gradient(circle at top right, #723A82, #5E2163);*/ /* Old */
	/*background-repeat: no-repeat;*/
	background: transparent;
	/*padding: 24px;*/
	/*border-radius: 4px;*/
	/*box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.5);*/
    min-height: calc(50vh - 144px);
}

.cx_content-sm, .cx_content-md, .cx_content-flex {
	/*background: radial-gradient(circle at top right, #723A82, #5E2163);*/ /* Old */
	/*background-repeat: no-repeat;*/
	background: transparent;
	/*padding: 24px;*/
	/*border-radius: 4px;*/
	/*box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.5);*/
 /*   min-height: calc(50vh - 144px);*/
	border: none;	
}

.panel {
	background: var();
}
.cx_text {
	color: black;
}

.row > .col-md-12 .cx_text_wrapper > .cx_text{
	color: black;
}

form > .row > .col-md-12 .cx_text_wrapper > .cx_text{
	color: black;
}

.cx_fixed-top-menu-wrapper .cx_menu + *:not(.cx_toolbar), .cx_fixed-vertical-menu-wrapper .navbar-fixed-top + *:not(.cx_toolbar){
	margin-top: 110px;
}

@media (min-width: 768px){
	.cx_fieldline > .form-group > .col-sm-3.control-label {
		text-align: left;
		/*width: 21%;*/
		
	}
}

[for*="system:query"]{
	color: white;
}

.breadcrumb-item {
	color: white;
}

#cx_marker_line_cx_marker_value_system-query-User_groups > .control-label > .cx_label{
	color: white;
}
.cx_checkbox-label{
	color: white;
}

.cx_fieldline > .form-group.row {
	margin-bottom: 0;
}

.col-md-12 > .row .cx_fieldlines > .col-md-12 > [id*="cx_marker_line_cx_marker_value_"] input {
	margin-bottom: 12px;
}

.col-md-12 > .row .cx_fieldlines > .col-md-12 > [id*="cx_marker_line_cx_marker_value_"] select {
	margin-bottom: 12px;
}

.cx_autosize-widget-wrapper > .cx_widget.cx_widget-2.cx_persistantContent.cx_btn-count-0 > input{
	margin-bottom: 0 ;
}

.cx_autosize-widget-wrapper > .cx_widget.cx_widget-40.cx_persistantContent.cx_btn-count-0 > input{
	margin-bottom: 0;
}

.cx_autosize-widget-wrapper > .cx_widget.cx_widget-42.cx_persistantContent.cx_btn-count-0 > select{
	margin-bottom: 0 ;
}


.col-sm-9 .cx_fieldline-content {
	margin-bottom: 10px;
}

.btn-primary-wrapper {
	text-align: center;
    margin-top: 24px;
}

.cx_title1 {
	/*color: white;*/
	color: #757575;
	margin-top: 10px;
	margin-bottom: 48px;
}

.panel .cx_table-wrapper {
	width: 100%;
}

.table-wrapper {
    margin-bottom: 64px;
}

.tab-content {
	border-radius: 3px;
}

#cx_3 > .col-md-12 > .btn-toolbar {
	margin-bottom: 54px;
}

#cx_4 > .col-md-12 > .btn-toolbar {
	margin-bottom: 54px;
}

#cx_6 > .col-md-12 > .btn-toolbar {
	margin-bottom: 54px;
}

#cx_8 > .col-md-12 > .btn-toolbar {
	margin-bottom: 54px;
}

#cx_2.btn.btn-link.cx_btn-addSearchField.cx_ajax{
	margin-bottom: 8px;
}

.control-label.cx_dummy-label{
	display: none;
}

.col-sm-3.control-label > .cx_label {
	color: white;
}

.col-sm-9.cx_fieldline-content > .cx_widget > .form-control-static {
	color: white;
}

.cx_tablecount {
	font-weight: bolder;
    font-size: 16px;
}

.panel-body .cx_fieldline.form-group.cx_form-group-autosize.row.cx_readOnly-form-group{
	display: flex;
	flex-direction: column;
	padding: 0 15px;
	padding-bottom: 8px;
}

.panel-body .cx_fieldline.form-group.cx_form-group-autosize.row.cx_readOnly-form-group > .control-label .cx_label{
	float: left;
}

.cx_card .panel-group .panel .table-responsive {
	overflow-x: hidden;
}

/**/
/*END GENERAL STYLING*/

/* DASHBOARD */
.dashboard-data {
	font-size: 36px;
}
.tab-content label{
	color: #333;
}
.tab-content span{
	color: #333 !important;
}

.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body{
	border: none;	
}

.cx_panel-heading-collapse-btn{
	writing-mode: vertical-rl;
}
    
.panel.cx_panel-primary-light.cx_paragraph {
	border: none;
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}
.panel-heading-collapse a {
	background-color: white;
	border-bottom: 0;
	font-size: 18px;
	font-weight: 500;
	color: #888 !important;
}

.cx_paragraph-Admin_links-wrapper .panel-heading {
	background-color: white;
	border-bottom: 0;
}


.cx_paragraph-Top_5_performing_studies_-wrapper .cx_form-blockD7{
	display: none;
}

.cx_paragraph-Revenue-wrapper .cx_form-blockD2 {
	display: none;
}

.cx_paragraph-Profit .cx_form-blockD3 {
	display: none;
}

.cx_paragraph-Profit_margin .cx_form-blockD4 {
	display: none;
}

.cx_paragraph-Summaries_Sold .cx_form-blockD1 {
	display: none;
}

.cx_paragraph-Summaries_Sold .row:nth-child(2){
	display: none;
}

.cx_paragraph-Summaries_sold_-wrapper .container-fluid {
	padding-bottom: 25px;
}

.cx_paragraph-Profit_margin .row:nth-child(2){
	display: none;
}

.cx_paragraph-Profit .row:nth-child(2){
	display: none;
}

.cx_paragraph-Revenue-wrapper .row:nth-child(2){
	display: none;
}

.cx_paragraph-Top_5_performing_studies_-wrapper .row:nth-child(2){
	display: none;
}

.cx_paragraph-Top_5_performing_studies_-wrapper tr:nth-child(n+6){
	display: none;
}

.cx_paragraph-Top_5_performing_studies_-wrapper tr:nth-child(1) td:nth-child(3) .cx_td-content:after{
	display: inline-block;
	content: '🥇';
}

.cx_paragraph-Top_5_performing_studies_-wrapper tr:nth-child(2) td:nth-child(3) .cx_td-content:after {
	display: inline-block;
	content: '🥈';
}

.cx_paragraph-Top_5_performing_studies_-wrapper tr:nth-child(3) td:nth-child(3) .cx_td-content:after{
	display: inline-block;
	content: '🥉';
}

.cx_paragraph-Top_5_performing_studies_-wrapper tr:nth-last-child(n) td:nth-child(1) {
	padding-left: 0;
}

.cx_paragraph-Top_5_performing_studies_-wrapper .cx_columnheader:first-child {
	padding-left: 0;
}

.cx_paragraph-Profit .persist-header {
	display: none;
}

.cx_paragraph-Revenue-wrapper .persist-header {
	display: none;
}

.cx_paragraph-Profit_margin .persist-header {
	display: none;
}

.cx_paragraph-Profit_margin td{
	border: none !important;
	background-color: white ;
	padding: 0 !important;
	font-size: 36px;
}

.cx_paragraph-Revenue-wrapper td{
	border: none !important;
	background-color: white ;
	padding: 0 !important;
	font-size: 36px;
}

.cx_paragraph-Profit td{
	border: none !important;
	background-color: white ;
	padding: 0 !important;
	font-size: 36px;
}
span.dashboard_block-one_value {
	border: none !important;
	background-color: white ;
	padding: 0 !important;
	font-size: 36px;
	font-weight: 400;
	color: #333;
}
span.dashboard_block-one_value-small {
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	color: #333;
}

.cx_paragraph-Profit .form-control-static:first-of-type{
	margin-left: 43px;
}

.cx_paragraph-Profit td:first-of-type:after{
	display: inline-block;
	content: 'Profit summaries sales ';
	transform: translateY(-50px);
	font-size: 14px;
	font-weight: 400;
	color: #333;
}

.cx_paragraph-Profit td:first-of-type:before{
	display: inline-block;
	content: '€';
	position: absolute;
	top: 16px;
	left: 0;
	/*transform: translateY(-50px);*/
	font-size: 36px;
	font-weight: 400;
	color: #333;
}

.cx_paragraph-Revenue .form-control-static:first-of-type{
	margin-left: 43px;
}

.cx_paragraph-Revenue td:first-of-type:before{
	display: inline-block;
	content: '€';
	position: absolute;
	top: 16px;
	left: 0;
	/*transform: translateY(-50px);*/
	font-size: 36px;
	font-weight: 400;
	color: #333;
}

.cx_paragraph-Profit_margin td:first-of-type:after{
	display: inline-block;
	content: 'Profit margin summaries sales ';
	transform: translateY(-50px);
	font-size: 14px;
	font-weight: 400;
	color: #333;
}

.cx_paragraph-Profit_margin td:first-of-type:before{
	display: inline-block;
	content: '%';
	position: absolute;
	bottom:77px;
	left: 130px;
	/*transform: translateY(-50px);*/
	font-size: 36px;
	font-weight: 400;
	color: #333;
}

.cx_paragraph-Revenue-wrapper td:first-of-type:after{
	display: inline-block;
	content: 'Revenue summaries sales in € ';
	transform: translateY(-50px);
	font-size: 14px;
	font-weight: 400;
	color: #333;
}

.cx_paragraph-Summaries_found .row:last-of-type {
	padding-bottom: 24px;
    padding-top: 23px;
}

.cx_paragraph-Summaries_found .dashboard-icon{
	font-size: 28px;
    transform: translate(-9px, -6px);
    display: inline-block;
}

.cx_paragraph-Summaries_found .dashboard-data:after {
	display: inline-block;
	content: 'Summaries found in database';
	transform: translateY(-31px);
	font-size: 14px;
	font-weight: 400;
	color: #333;
}

.c-dashboard-item .col-md-6:first-of-type {
	padding-top: 59px;
	padding-bottom: 59px;
	padding-left: 0px;
}

.c-data{
	margin-bottom: 0px;
	font-weight: 400;
}

.c-data > .c-icon{
	display: inline-block;
	font-size: 16px;
	transform: translate(3px, -3px);
}

.c-data-total{
	font-size: 36px;
	margin-bottom: 0px;
	font-weight: 400;
}

.c-data-total > .c-icon{
	display: inline-block;
    font-size: 32px;
    margin-bottom: 0px;
    font-weight: 400;
    transform: translate(-6px, -5px);
}

.c-data-explanation {
	font-size: 14px;
	font-weight: 400;
	color: #333;
}

.cx_form-block-tableD1 .cx_tablecount {
	display: none;
}

.cx_form-block-tableD2 .cx_tablecount {
	display: none;
}

.cx_form-block-tableD3 .cx_tablecount {
	display: none;
}

.cx_form-block-tableD4 .cx_tablecount {
	display: none;
}

.cx_form-block-tableD7 .cx_tablecount {
	display: none;
}

.best-five-table {
	font-size: 11px;
}