/* GENERAL STUFF */

body {
	font-family: Sans-serif;
	color: #333333;
}

.container {
	max-width: 100% !important;
}

hr {
	background-color: #d8d8d8;
	height: 1px;
	border-width: 0;
	margin-top: 8px;
	margin-bottom: 8px;
}

.form-control, .custom-select {
	border-radius: 0%;
}

.btn, .btn:hover, .btn:focus {
	border-radius: 0%;
	background-color: #28c9ff;
	border-color: #28c9ff;
	box-shadow: none;
}

a, a:hover, a:active, a:visited {
	color: #333333;
	text-decoration: none !important;
}

ul {
	list-style-type: none;
}


/* LOGIN SCREEN */

.login_form {
	background-color: #f9f9f9;
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, 0);
	width: 250px;
	min-height: 80px;
	padding-left: 24px;
	padding-right: 24px;
	padding-top: 12px;
	padding-bottom: 12px;
}

.sign-in-button {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}


/* NAVIGATION BAR */

.menu {	
	width: 100%;
	list-style-type: none;
	font-size: 1.13em;
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: 20px;
	text-align: right;
}

.menu_item a:hover, 
.menu_item li a:focus {
	/* Blue line thing (not important) */
}

.menu_item {
	float: left;
	height: 100%;
	margin-left: 0.8em;
	margin-right: 0.8em;
	vertical-align: middle;
	display: inline;
}

.menu_item_language_selecter {
	float: right !important;
}

.menu_logo {
	margin-right: 120px;
}

.nav img {
	width: 154px;
	height: 46px;
}



/* KEYPLAYS */

.keyplay_holder {
}

.keyplay-col {
	padding: 4px;
	min-width: 268px;
}

.keyplay-card {
	width: 260px;
	height: 300px;
	border-width: 0px;
	margin-bottom: 20px;
	overflow: hidden;
}

.hidden-keyplay-card {
	display: none;
}

.keyplay-card-body {
	overflow: hidden;
	padding: 0px;
}

.keyplay-card-title {
	font-size: 16px;
	font-weight: bold;
}

.keyplay-card-image {
	height: 200px;
	width: 260px;
	position: relative;
}

.keyplay-card-image-img {
	max-width: 100%;
	max-height: 100%;
	border-radius: 5px;
}

.keyplay-card-client {
	position: absolute;
	top: 8px;
	left: 8px;
	max-width: 240px;
	font-size: 16px;
	z-index: 800;

	border-radius: 4px;
	padding: 4px;
	margin: 2px;
	background-color: rgb(249, 249, 249);
	box-shadow: 4px 4px rgb(128, 128, 128, .5);
}

.keyplay-card-tag-holder {
	position: absolute;
	bottom: 8px;
	left: 8px;
	right: 8px;
	z-index: 100;
	max-height: 132px;
	overflow: hidden;
}

.keyplay-card-tag {
	margin-bottom:  4px !important;
	box-shadow: 3px 3px rgb(128, 128, 128, .5);
}


/* KEYPLAY FILTERING */

.keyplay_holder {
	margin-left: 524px;
}

.keyplay_filter_holder {
	width: 500px;
	float: left;
}

.keyplay_filter {
	margin-bottom: 4px;
}

.keyplay_filter_selecter {
	width: 500px !important;
	color: #ffffff !important;
}

.filter-option-inner-inner {
	color: #ffffff !important;
} 

.btn.dropdown-toggle.btn-light::after,
.btn.dropdown-toggle.bs-placeholder.btn-light::after {
	visibility: hidden;
}

input[name = "filter_date"] {
	width: 500px !important;
}

#language_fall_back_checkbox {
	margin-left: 6px;
	margin-right: 6px;
	margin-top: 16px;

	-ms-transform: scale(2); /* IE */
	-moz-transform: scale(2); /* FF */
	-webkit-transform: scale(2); /* Safari and Chrome */
	-o-transform: scale(2); /* Opera */
	transform: scale(2);
}

.applyBtn, .cancelBtn {
	color: white;
}

.keyplay_filter_label {
	margin-bottom: 2px;
}

.keyplay_filter input[type='checkbox'] + label:before {
	content: url(/static/img/lock_open_20.png);
}
.keyplay_filter input[type='checkbox']:checked + label:before {
   	content: url(/static/img/lock_closed_20.png); 		
}
.keyplay_filter input[type='checkbox'] {
	display:none;
}


/* BASKET */

.basket_toggle {
	position: absolute;
	top: 4px;
	right: 4px;
	margin-right:4px;
	padding: 4px;
	z-index: 1000;

	-ms-transform: scale(2); /* IE */
	-moz-transform: scale(2); /* FF */
	-webkit-transform: scale(2); /* Safari and Chrome */
	-o-transform: scale(2); /* Opera */
	transform: scale(2);
}

.basket_toggle_single_keyplay {
	margin: 4px;
}


/* SINGLE KEYPLAY */

.single_keyplay_subtitle {
	font-size: 25px;
}

.single_keyplay_sub {
	margin: 8px;
	padding: 8px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 840px;
}

.single_keyplay_web_link, 
.single_keyplay_web_link:hover, 
.single_keyplay_web_link:active, 
.single_keyplay_web_link:visited {
	font-size: 15px;
	color: #28c9ff;
	text-decoration: none !important;
	margin-right: 32px;
	white-space: nowrap;
}

.single_keyplay_web_link_list {
	columns: 3;
  	-webkit-columns: 3;
  	-moz-columns: 3;
}

.single_keyplay_holder {
	font-size: 18px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 1200px;
}

.single_keyplay_head {
	background-color: rgb(249, 249, 249);
}

.single_keyplay_title_and_tag_holder {
	margin: 20px;
	width: 690px;
	float: left;
}

.single_keyplay_title {
	font-size: 35px;
	margin-bottom: 24px;
}

.single_keyplay_title_and_tag_holder {
	border-collapse:separate; 
	border-spacing: 0 1em;
}

.single_keyplay_client_name {
	font-size:  20px;
	margin-bottom: 16px;
}

.tag {
	font-size: 15px;
	border-radius: 5px;
	margin: 2px;
	padding: 2px;
	display: inline-block;
}

.department_tag {
	color: rgb(11, 179, 238);
	background-color: rgb(224, 240, 247);
}

.industry_tag {
	color: rgb(252,153,15);
	background-color: rgb(247, 238, 224);
}

.partner_tag {
	color: rgb(218,1,39);
	background-color: rgb(244, 223, 227);
}

.single_keyplay_image {
	width: 510px;
	float: right;
	height: auto;
}

.kpi_holder {
	display: flex;
	height: auto;
	min-height: 60px;
	max-width: 1200px;
	padding: 12px;
	box-shadow: 0 32px 34px 0 rgba(51, 51, 51, 0.1);
	border-radius: 0 50px 0 50px;
	background-color: white;
	position: relative;
	top: -20px;
	z-index: 10;
}

.kpi {
	float: left;
	padding: 10px;
	width: 33.33%;
}

.kpi_head {
	font-size: 26px;
	text-align: center;
	font-weight: 500;
}

.kpi_body {
	font-size: 18px;
	text-align: center;
}

.single_keyplay_technology_partners {
	background-color: #f9f9f9
}

.flex_container {
	height: 100%;
	padding: 0;
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.partner_table {
	border-collapse:separate; 
	border-spacing: 0 1em;
}

.partner_table_row {
}

.partner_image {
	max-height: 120px;
	max-width: 200px;
	margin: 20px;
}

.partner_title {
	font-size: 26px;
	margin-bottom: 24px;
}

.partner_description {
	font-size: 18px;
}

.single_keyplay_key_result_title {
	font-size: 35px;
	font-weight: 500;
	margin-bottom: 24px;
}

.single_keyplay_key_result {
	width: 250px;
	margin: 8px;
	padding: 16px;
	box-shadow: 0 8px 16px 0 rgba(51, 51, 51, 0.1);
	border-radius: 20px;
	overflow:hidden;
}

.keyplay_fields_list{
	list-style-type: none;
}

.bullet::before {
	content: "\25A0";
	color: #28c9ff;
	display: inline-block; 
	width: 2em;
	margin-left: -40px;
}

.paragraph {
	margin-bottom: 10px;
}