div#bkModal.modal {
	z-index: 99999999999999999999999999999999;  
    width: 100% !important;  
	max-width: 100%; 
	height: 100%; 
	min-height: 100%;
    background-color: #fefefe;
    background-image: url(../img/bktest-background.jpg); 
    background-size: cover; 
    background-position: center -40px;
    box-sizing: border-box; 
    margin: 0 !important; 
    padding: 0 !important; 
    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

div#bkModal .modal-dialog, div#bkModal .modal-content {
    z-index: 99999999999999999999999999999999; 
    width: 100%; 
    max-width: 1000px !important; 
    background-color: transparent;
}

div#bkModal .modal-dialog {
    background-color: transparent !important;
	margin-top: 40px; 
	padding: 0; 
}

div#bkModal .modal-content {
    border-left: 30px solid transparent !important; 
    border-right: 30px solid transparent !important;
    border-top: 0; 
	border-bottom: 0; 
	margin-top: 0;
}

div#bkModal .close-modal {
	position: fixed; 
	top: -24px; 
	right: 0; 
	width: auto; 
	height: auto;
	background-color: transparent !important;
	z-index: 99999999999999999999999999999999999999999999999999999999999999;
}

/* Abfrage */
.questform {
	font-weight: 300; 
}
.questform p {
	text-align: center; 
	font-weight: 300; 
}
.questform fieldset {
	padding: 5px 15px 10px 15px; 
	margin-top: 5px; 
	margin-bottom: 25px; 
	background-color: #fff; 
	border: 1px solid #dbdbdb;
}
.questform fieldset#age {
	/*padding: 0; */
	margin-top: 35px;
}
.questform fieldset#gender label {
	padding: 0 36px 0 0 !important;
}
.questform fieldset#gender label.lstl {
	padding: 0 0 0 0 !important;
}
.questform fieldset#emstate {
	margin-top: 0; 
	padding-top: 0;
	padding-bottom: 15px;
	margin-bottom: 20px;
}
.sel-em-state {
	display:block; 
	text-align: center; 
	margin-top: 5px;
}
.sel-age {
	display:block; 
	width:570px; 
	height: auto; 
	border: 0px solid #333; 
	text-align: center;
}
.sel-gender {
	display: block; 
	text-align: center;
	border: 0px solid green; 
}
.wrp-emst-radio {
	display: inline-block; 
	width: 70px; 
	height: 90px; 
	text-align: center; 
	margin: 0 16px; 
	padding: 0 60px 0 0
}
.wrp-age-radio {
	display: inline-block; 
	width: 132px; 
	text-align: left;
}
.wrp-gndr-radio {
	display: inline-block; 
	width: auto; 
	text-align: left; 
}
.questform legend {
	display: inline; 
	width: auto;
	background-color: transparent; 
	color: #333; 
	font-size: 1rem;
	font-weight: 700; 
	margin-bottom: 10px;
	padding: 0 5px; 
}
.questform input[type="radio"], 
.questform label {
	color: #000;
}
.questform label.emst {
	display: inline-block;
	border-radius: 50%;
	padding: 0 0;
	width: 70px;
	height: 70px; 
	text-align: center;
	font-weight: bold;
	font-size: 1.5rem;
	line-height: 100%;
	opacity: 1; 
	margin: -3px 0 0 0;
	background-position: 0, 0; 
	background-size: 100%; 
	background-repeat: no-repeat; 
}
.questform label.emst.trrbl {
	background-image: url('../img/02-3-furchtbar.png');  
}
.questform label.emst.bd {
	background-image: url('../img/02-3-schlecht.png'); 
}
.questform label.emst.mdm {
	background-image: url('../img/02-3-mittelmaessig.png'); 
}
.questform label.emst.wll {
	background-image: url('../img/02-3-gut.png'); 
}
.questform label.emst.fntstc {
	background-image: url('../img/02-3-fantastisch.png'); 
}

#ivgstart, #pollstart {
    background-color: transparent; 
    width: 100%; 
    height: 200px;  
    padding: 0; 
    margin:  0 auto; 
}

#ivgstart {
    display: none; 
}

#pollstart {
    display: block; 
}

#ergebnis2-wrp {
    position: absolute; 
    border: 0px solid blue; 
	top: 30px; 
	left: 0;
    width: 100%;
	height: 300px;
	text-align: center;
    display: none; 
    z-index: 99999999999999999999999999999999999999999999999999999999999999;
}

#ergebnis2 {
    color: #000;
    max-width: 700px;
    margin: 0 auto; 
}

#ivg-info, #ms-info, #poll-info {
	display: block; 
	margin: 0 auto; 
	padding-top: 30px; 
	padding-bottom: 5px;
	background-color: transparent;
	border-radius: 0; 
	padding-left: 25px;
	padding-right: 25px;
	width: 100%;
    /*max-width: 560px; */
    max-width: 760px;
	height: auto; 
	text-align: center;
}

.info-text, .info-text-2 {
    background-color: #fff;
    padding: 50px 40px 34px 40px; 
	border-radius: 26px;
	border: 4px solid #94c11f;
    max-width: 660px; 
    margin: 0 auto; 
}

#ergebnis2 div.info-text p b, 
#ergebnis2 div.info-text-2 p b, 
#totalresult div.info-text p b {
	font-weight: 700 !important; 
}

#ivg-info p, 
#poll-info p, 
#ms-info p {
    color: #000; 
    font-size: 16px; 
    font-weight: 300;
    line-height: 26px; 
}

#ergebnis2 p {
    color: #000; 
    font-size: 16px; 
    font-weight: 300;
    line-height: 26px; 
}

#ergebnis2 div.info-text-2 p {
	font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
	font-size: 20px; 
	line-height: 30px; 
}

#ivg-info h2, 
#ms-info h2, 
#ergebnis2 h2 {
	font-family: 'Oswald', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
	font-weight: 500; 
	font-size: 2rem; 
	letter-spacing: 0.5px;
    margin-bottom: 2rem; 
	color: #fff;
	text-transform: none;
}

#ivgtop, #ivgresult {
    display: none;
}

#ivg-stage-wrap {
    width: 600px; 
    height: auto; 
    display: block; 
    border: 0px solid #ddd !important;
    margin-top: 0 !important; 
    text-align: center; 
    margin: 0 auto; 
	box-sizing: content-box;
	display: none;
}

#spiel_feld {
	box-sizing: content-box;
	position: relative;
	margin: auto;
	width: 350px;
	height: auto;
	min-height: 550px; 
}

#spiel_feld div {
	position: absolute;
}

#box2 {
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	width: 60px;
	height: 60px;
	background-color: #94c11f;
	color: #fff;
	text-align: center;
	border-radius: 0;
	font-size: 25px;
	font-weight: 500; 
	border: 4px solid #ccc;
	border: 4px solid rgba(255,255,255,.8);
	padding-top: 7.5px;
	-webkit-user-select: none;
	-moz-user-select: -moz-none;
	-ms-user-select: none;
	user-select: none;
	display: none; 
}

.zelle, .zelle2 {
	position: absolute;
	margin-left: 5px;
	margin-right: 5px;
	width: 60px;
	height: 60px;
	background-color: #fff;
	color: #000;
	text-align: center;
	border: 4px solid #94c11f;
	border-radius: 50%;
	font-size: 25px;
	line-height: 22px;
	font-weight: 500; 
	padding-top: 15.5px;
	-webkit-user-select: none;
	-moz-user-select: -moz-none;
	-ms-user-select: none;
	user-select: none;
}
#ergebnis-wrap {
	display: inline-block; 
	margin-top: 20px; 
	margin-left: 0;
	padding-top: 4px; 
	padding-bottom: 4px;
	background-color: #94c11f;
	border-radius: 8px; 
	padding-left: 20px;
	padding-right: 20px;
	min-width: 125px;
	border: 1px solid #dedede;
    border: 1px solid rgba(255,255,255,.5);
}

.pddr-0 {
	padding-right: 0; 
}
#ergebnis {
	font-family: 'Oswald', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
	font-size: 14px;
	color: #fff; 
	text-align: left;
	-webkit-user-select: none;
	-moz-user-select: -moz-none;
	-ms-user-select: none;
	user-select: none;
	text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 400; 
}





#ivgstartbttn-wrp, 
#pollstartbttn-wrp {
    background-color: transparent; 
    height: 100px;
    width: 100%; 
    margin: 0 auto 0 auto;
    border: 0px solid orange !important;
    padding-top: 10px;
    box-sizing: border-box;
	text-align: center;
}

div#bkModal button {
    margin-top: 1rem !important; 
    margin-bottom: 1.75rem !important;
	background-color: #94c11f !important;
	color: #fff !important;
    text-transform: uppercase !important; 
    font-family: 'Oswald', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
    font-weight: 400 !important;  
    font-size: 1rem !important; 
    letter-spacing: 3px; 
    padding: 15px 30px 15px 30px !important;  
	display: block; 
	-webkit-transition: all .3s;
	transition: all .3s;
}

div#bkModal button#ivgstartbttn, 
div#bkModal button#pollstartbttn {
	margin-left: auto; 
    margin-right: auto; 
	float: none; 
}

div#bkModal button.btn.btn-primary {
    width: auto; 
    height: auto; 
    float: none; 
}

div#bkModal button#b1 {
	margin: 30px auto 0 auto !important; 
    float: none; 
}

#msstartbttn-wrp, #msresultbttn-wrp {
    background-color: transparent; 
    width: 100%; 
    margin: 0 auto;
    border: 0px solid orange;
    box-sizing: border-box;
    text-align: center;
}

#msstartbttn-wrp {
	height: 56px;
	padding-top: 0;
}

#msresultbttn-wrp { 
	height: 100px;
    display: none; 
    padding-top: 5px;
}

div#bkModal button#msstartbttn, div#bkModal button#msresultbttn {
	margin: 26px auto 0 auto !important;
	display: inline-block;
    float: none; 
}
div#bkModal button#msresultbttn {
	letter-spacing: 2px; 
	padding: 15px 20px 15px 20px !important; 
}

div#bkModal button.btn.btn-primary:hover,
div#bkModal button#ivgstartbttn:hover, 
div#bkModal button#b1:hover, 
div#bkModal button#msstartbttn:hover, 
div#bkModal button#msresultbttn:hover {
	background-color: #fff !important;
	background-color: rgba(255,255,255,1) !important;
	color: #94c11f !important;
}

div#bkModal button.close {
	font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
	background-color: transparent !important;
	border: 0 !important;
	font-size: 50px !important;
	color: #fff !important;
}

div#bkModal button.close:focus {
	outline: 0 !important; 
}










/* Test Merkspanne */
#ms-stage-wrap {
    width: 660px; 
    height: auto; 
    border: 0px solid #ddd;
    margin-top: 20px !important; 
    text-align: center; 
    margin: 0 auto; 
    box-sizing: content-box;
    display: none;
}

#stage {
    background-color: transparent; 
    width: 660px; 
    height: auto;  
    padding: 0; 
    margin: 0 auto; 
    border: 0px solid red; 
    display: none; 
}

.item-wrap {
    margin: 0 auto 0 auto;
    width: 100%; 
    height: 375px; 
    border: 0 solid red; 
    border-radius: 26px; 
    text-align: center; 
    background-color: #fefefe; 
    display: none; 
    border: 4px solid #94c11f;
}
#item { 
    width: 145px; 
    height: 200px;
    margin: 0 auto; 
    font-size: 100px; 
    font-weight: 500; 
    padding-top: 80px; 
    border: 0px solid blue; 
    color: #000;  
}
#panelform {
    width: 100%; 
    height: 375px; 
    text-align: center; 
    padding-top: 100px; 
    box-sizing: border-box;
    border: 4px solid #94c11f;
    border-radius: 26px; 
    background-color: #fff;
    display: none; 
}
#panel {
    height: 150px; 
    display: block; 
    margin-top: 0;
}
#entry {
    margin: 0 auto; 
    width: 90%; 
    height: 84px; 
    text-align: center; 
    font-size: 50px; 
    font-weight: 500; 
    background-color: #fafafa;
    color: #000; 
    outline: 0; 
    box-sizing: border-box;
    border-top: 2px solid #f0f0f0;
    border-left: 2px solid #f0f0f0;
    border-right: 2px solid #f0f0f0;
    border-bottom: 2px solid #ccc;
    border-radius: 0;     
    text-transform: uppercase;
}
#entry:focus {
    outline: 0; 
}
#result {
    background-color: transparent; 
    height: auto;
    width: 600px; 
    margin: -150px auto 0 auto;
    border: 0px solid blue !important;
    padding-top: 15px;
    box-sizing: border-box;
    color: #000; 
    display: none; 
}

#result p {
    font-size: 24px; 
    line-height: 36px; 
    font-weight: 400; 
    color: #000; 
}

#msresult, #totalresult {
    background-color: transparent; 
    height: auto;
    width: 100%; 
    max-width: 660px; 
    margin: -20px auto 0 auto;
    border: 0px solid green !important;
    padding-top: 30px;
    box-sizing: border-box;
    color: #000; 
    display: none; 
}

#totalresult {
	margin-bottom: 50px !important;
}

#msresult .info-text, 
#totalresult .info-text {
    width: 100%; 
    max-width: 1000px; 
}

#msresult .info-text, 
#totalresult .info-text {
    text-align: left !important;
}

#msresult p {
    text-align: center; 
}

#msresult p, 
#totalresult p {
    font-size: 16px; 
	line-height: 26px; 
	font-weight: 300; 
}

#result b, 
#msresult b, 
#totalresult b {
    font-weight: 700;
}

#msresult h2, 
#totalresult h2 {
	font-family: 'Oswald', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
	font-weight: 400; 
	font-size: 2rem; 
	letter-spacing: 0.5px;
    margin-bottom: 2rem; 
	color: #fff;
	text-transform: none; 
}

#msstart {
    background-color: transparent; 
    width: 100%; 
    height: auto;  
    padding: 0; 
    margin:  0 auto; 
	border: 0px solid red !important; 
	display: none;
}

/*versteckte Buttons */
div#bkModal button.cst-btn {
    display:none;
    color: #000;
    font-family: 'Oswald', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
    font-size: 40px !important;
    font-weight: 400;
    text-align:center !important;
    /*text-shadow:1px 1px 0px #ffffff;*/
    margin: 12px 6px !important;
    width: 100px; 
    height: 100px; 
    padding: 0 !important;
    background-color: #fefefe !important;
    border: 0 !important;
    float: none; 
}

i.fa.fa-check, i.fa.fa-trash {
    font-size: 35px !important; 
    padding-left: 5px;
    font-weight: 300; 
}
i.fa.fa-check {
    color: #94c11f;
}
i.fa.fa-trash {
    color: #999;
}
.alert, .alert-primary {
	font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
    background-color: transparent;
    border: 0;
    margin-top: 25px; 
    color: #000 !important; 
    font-size: 1.0625rem; 
    font-weight: 300; 
    line-height: 1.6875rem; 
}
div#bkModal button.close-alrt {
	font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
    background-color: transparent !important;
    border: 0 !important; 
    float: none;
    margin-left: auto; 
    margin-right: auto;
    margin-top: -16px !important; 
    font-size: 40px !important; 
    font-weight: 700;
    line-height: 1;
    color: #000 !important;
    opacity: .5;
}

div#bkModal button.close-alrt:hover {
    color: #000 !important;
    text-decoration: none;
    opacity: 1; 
}

.close-alrt:not(:disabled):not(.disabled):hover, .close-alrt:not(:disabled):not(.disabled):focus {
    opacity: .75;
}

button.close-alrt {
    padding: 0;
    background-color: transparent !important;
    border: 0 !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.canvas-wrap {
	width: 660px; 
	height: 610px; 
	border: 4px solid #94c11f; 
	border-radius: 26px; 
	background-color: #fefefe; 
	text-align: center;
	overflow-y: hidden; 
}
#myCanvas {
	border: 0; 
	background-color: #fefefe; 
	border-radius: 26px;
	width: 650px; 
	height: 535px; 
}
.legend-box {
	width: 570px; 
	height: 60px; 
	box-sizing: content-box; 	
	margin: 0 auto;
}
.legend-parts {
	float: left; 
	display: block; 
	width: 114px; 
	height: auto; 
	padding-top: 5px; 
	padding-bottom: 5px; 
	margin: 0; 
}
.lp-red {
	background-color: #ed1c24; 
	border-radius: 16px 0 0 16px;
}
.lp-orange {
	background-color: #f7941e;
}
.lp-yellow {
	background-color: #ffda0e;
}
.lp-lightgreen {
	background-color: #8dc63f;
}
.lp-green {
	background-color: #00a651;
	border-radius: 0 16px 16px 0;
}
.legend-parts span {
	color: #fff; 
	font-size: 12px; 
	font-weight: 600;
}

@media only screen and (min-width:768px) and (max-width:1280px) {
	#poll-info .info-text {
		padding: 40px 40px 24px 40px;
	}
	.questform, 
	.questform p,
	.questform legend,
	.questform input[type="radio"], 
	.questform label {
		font-size: 15px !important;
		line-height: 21px !important; 
	}
	.questform p {
		line-height: 24px !important;
	}
	.questform fieldset {
		padding: 5px 15px 10px 15px; 
		margin-top: 0; 
		margin-bottom: 20px; 
	}
	.questform fieldset#age {
		margin-top: 30px;
	}
	.wrp-emst-radio {
		width: 66px; 
		height: 66px; 
		margin: 0 16px; 
		padding: 0 50px 0 0
	}
	.questform label.emst {
		width: 66px;
		height: 66px; 
		background-size: 66px 66px; 
	}
}

@media only screen and (max-width: 768px){
	.questform legend {
		display: block; 
	}
	.questform fieldset#age {
		width: 100%; 
		text-align: center; 
		margin-top: 30px;
	}
	.questform fieldset#gender label {
		padding: 0 0 0 0 !important;
	}
	.questform fieldset#emstate {
		padding-bottom: 0;
		margin-bottom: 25px;
	}
	.questform label.emst {
		display: block;
		width: 100%;
		margin: 5px 0 0 0;
		background-size: 70px 70px; 
		background-position: center; 
		border-radius: 0;  
		border: 0px solid blue;
	}
	.sel-age {
		display: inline-block; 
		width: auto; 
		margin-left: auto; 
		margin-right: auto; 
		height: auto; 
		text-align: center;
		font-size: 1rem;
	}
	.sel-gender {
		display: inline-block; 
	}
	.wrp-emst-radio {
		display: block;
		width: 100%; 
		height: auto; 
		text-align: center; 
		padding: 0 32px 20px 0; 
	}
	.wrp-age-radio {
		display: block;
		width: 100%; 
	}
	.wrp-gndr-radio {
		display: block; 
		width: 100%; 
	}
	
	#ivg-stage-wrap {
		width: 100%;  
		border: 0px solid #ddd !important;
	}

	.info-text, .info-text-2 {
		padding: 35px 30px 19px 30px; 
	}

	#ergebnis-wrap {
		display: inline-block; 
		margin-top: 12px; 
		padding-top: 0; 
		padding-bottom: 5px;
		border-radius: 6px; 
		background-color: #94c11f;
		background-color: rgba(148,193,31,.7);
		padding-left: 10px;
		padding-right: 10px;
		min-width: 90px;
	}
	#ergebnis {
		font-size: 11px;
		line-height: 11px; 
		letter-spacing: 1.5px;
		padding-top: 0;
		text-transform: uppercase;
	}

	#ivg-info, #ms-info, #poll-info {
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 0; 
	}

	div#bkModal button#ivgstartbttn, 
	div#bkModal button#b1, 
	div#bkModal button#pollstartbttn {
		display: inline-block;
		font-size: 1rem !important;
		padding: 12px 28px 9px 28px !important; 
	}

	div#bkModal button#b1 {
		margin-top: 24px !important;
	}

	.info-text, .info-text-2 {
		padding: 30px 20px 14px 20px; 
	}

	#poll-info .info-text {
		padding: 30px 25px 14px 25px;
	}

	#ivg-info h2, 
	#ms-info h2, 
	#ergebnis2 h2, 
	#poll-info h2, 
	#msresult h2, 
	#totalresult h2 {
        font-family: 'Oswald', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		line-height: 2.125rem; 
		font-size: 1.5rem; 
		margin-bottom: 1.5rem; 
	}

	#box2 {
		margin-top: 15px;
		width: 52px;
		height: 52px;
		padding-top: 3.5px;
	}

	.zelle, .zelle2 {
		width: 52px;
		height: 52px;
		margin-left: 4px;
		margin-right: 4px;
	}

	.zelle {
		padding-top: 11.5px;
	}

	.zelle2 {
		padding-top: 11.5px;
	}

	#spiel_feld {
		width: 300px;
		min-height: 480px;
	}

	#ergebnis {
		margin-top: 5px; 
		margin-left: 0;
	}

	/* Test Merkspanne */
	#ms-stage-wrap {
		width: 100%; 
		max-width: 660px; 
	}
	.modal-dialog, 
	.modal-content {
		margin-left: 0;
	}
	#stage { 
		width: 100%; 
		max-width: 660px; 
		height: 275px; 
		border: 0px solid red; 
	}
	.item-wrap {
		margin: 0 auto 0 auto; 
		width: 100%; 
		height: 100%; 
	}
	#item { 
		width: 85px; 
		height: 85px;
		margin: 0 auto; 
		font-size: 70px; 
		padding-top: 60px; 
		box-sizing: border-box;
		border: 0px solid red; 
		color: #000;  
	}
	#panelform { 
		width: 100%; 
		max-width: 660px; 
		height: 275px; 
		padding-top: 75px; 
		margin-left: auto;
		margin-right: auto;
	}
	#panel {
		width: 100%; 
		height: 150px; 
	}
	#entry {
		margin: 0 auto; 
		width: 90%; 
		height: 4rem; 
		font-size: 36px; 
	}
	#result {
		background-color: transparent; 
		height: 100px;
		width: 100%; 
		margin: -100px auto 0 auto;
		border: 0px solid orange !important;
		padding: 15px 20px;
		box-sizing: border-box;
		color: #fff; 
	}
	#result p {
		font-size: 16px; 
		line-height: 24px; 
	}
	#result h4 {
		margin-bottom: 34px;
		margin-top: -30px;
		font-weight: 400; 
	}
	.close-modal {
		top: -33px !important; 
		right: -20px !important;
	}
	.alert, .alert-primary {
		font-size: 0.75rem !important; 
		line-height: 1rem; 
		margin-top: 0; 
	}
	#result h3 {
		font-size: 18px; 
		line-height: 27px; 
	}
	#msresult, #totalresult {
		max-width: 660px; 
		margin: -20px auto 0 auto;
		border: 0px solid green !important;
		padding-top: 30px;
	}

	.canvas-wrap {
		width: 100%; 
		max-width: 660px; 
		height: auto; 
		border: 4px solid #94c11f; 
		border-radius: 26px; 
		background-color: #fefefe; 
		text-align: center;
		overflow-y: hidden; 
		padding-bottom: 35px !important;
	}
	#myCanvas {
		border: 0; 
		background-color: #fefefe; 
		border-radius: 26px;
		width: 292px; 
		height: auto; 
		margin-top: -20px; 
	}
	.legend-box {
		width: 252px; 
		height: auto; 
		box-sizing: content-box; 	
		text-align: center; 
		padding-bottom: 20px;
	}
	.legend-parts { 
		display: block; 
		width: 252px; 
		height: auto; 
		padding-top: 5px; 
		padding-bottom: 5px; 
		margin: 0; 
	}
	.legend-parts span {
		color: #fff; 
		font-size: 12px; 
		font-weight: 600;  
	}
	.lp-red { 
		border-radius: 0 0 0 0;
	}
	.lp-green {
		border-radius: 0 0 0 0;
	}
}

@media only screen and (max-width: 600px){
	#msstart {
		min-height: 500px; 
	}
}

@media only screen and (max-width: 420px){
	.modal-dialog {
		margin-left: 0;
		margin-top: 25px; 
	}

	.modal-content {
		margin-left: 0;
	}

	.close-modal {
		top: -20px; 
		right: -20px;
	}
}

@media only screen and (max-width: 380px){
	#poll-info .info-text {
		padding: 30px 15px 14px 15px;
	}
}