/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

@import url('mobile.css') screen and (max-width: 979px); 
@import url('desktop.css') screen and (min-width: 980px); 

/*@import url('diagnostics.css'); */


:root {
	
	--bs-body-font-family: "Roboto", sans-serif !important;
	
	--h3-bg: #646464;
	--h3-color: #fff;
	
	--mitsu-red: #ff0000;
	--mitsu-color: #fff;
	
	--not-selected: #d9d9d9;
	--not-color: #7b7b7b;
	
	--disabled-bg: #f4f4f4;
	--disabled-color: #c8c8c8;
	
	--results-button: #c10000;
	--results-color: #fff;

	--bs-white: #fff;
	--bd-violet-bg: #c10000;
}


a {
	color: var( --mitsu-red ) !important;	
}

button {
	font-size: 13px !important;
	padding-right: 20px !important;
	padding-left: 20px !important;
	padding-top: 7px !important;
	padding-bottom: 7px !important;
	font-weight: 600 !important;
	letter-spacing: .1em !important;
	background-color: var( --bd-violet-bg ) !important;
	border-radius: 8px !important;
	border: 0px !important;
	color: #fff !important;
}

button:hover {
	background-color: #c90909 !important;
}

button:disabled {
	transition: .25s all ease-in-out;
	background-color: #ccc !important;
	cursor: not-allowed !important;
}

strong {
	color: #494949;	
}

.styled-text {
	font-family: font-family: "Roboto", sans-serif !important;  /* Text color */
	fill: var( --not-color ) !important;  /* Text color */
	stroke-width: 0; /* Stroke width */
	font-size: var( --styledtextfontsize );
}

/* SELECTED */


.selected .gotsomefill, .selected .styled-text {
	fill: var( --mitsu-color ) !important;
	
}

.selected {
	transition: .25s all ease-in-out;
	background-color: var( --mitsu-red ) !important;	
	color: var( --mitsu-color ) !important;
	border: var( --borderwidth ) solid var( --mitsu-red ) !important;
	stroke: var( --mitsu-color ) !important;
}

.selected strong {
	transition: .25s all ease-in-out;
	color: var( --mitsu-color ) !important;
	border-color: var( --mitsu-color ) !important;
	stroke: var( --mitsu-color ) !important;
}

.selected div {
	transition: .25s all ease-in-out;
	color: var( --mitsu-color ) !important;
	border-color: var( --mitsu-color ) !important;
	stroke: var( --mitsu-color ) !important;
}

.selected svg * {
	transition: .25s all ease-in-out;
	color: var( --mitsu-color ) !important;
	border-color: var( --mitsu-color ) !important;
	stroke: var( --mitsu-color ) !important;
}

.scorecarddata {
	display: none !important;
}
/* DISABLED */

.disabled .gotsomefill, .disabled .styled-text {
	fill: var( --disabled-color ) !important;
	
}

.disabled {
	cursor: not-allowed !important;
	background-color: var( --disabled-bg ) !important;	
	color: var( --disabled-color ) !important;
	border: var( --borderwidth ) solid var( --disabled-bg ) !important;
	stroke: var( --disabled-color ) !important;
}

.disabled strong {
	color: var( --disabled-color ) !important;
	border-color: var( --disabled-color ) !important;
	stroke: var( --disabled-color ) !important;
}

.disabled div {
	color: var( --disabled-color ) !important;
	border-color: var( --disabled-color ) !important;
	stroke: var( --disabled-color ) !important;
}

.disabled svg * {
	color: var( --disabled-color ) !important;
	border-color: var( --disabled-color ) !important;
	stroke: var( --disabled-color ) !important;
}