:root {
	--font_color: #ffffff; 
	--btn_color: #ffffff; 
	--btn_bg_color: transparent; 
	--btn_border_color: #ffffff;
	--input_bg_color: #ffffff;
	/* theme color variables to use in RGB declarations */
	--red: 255;
	--green: 255;
	--blue: 255;
	/* the threshold at which colors are considered "light". 
	Range: decimals from 0 to 1, recommended 0.5 - 0.6 */
	--threshold: 0.5;
	/* the threshold at which a darker border will be applied.
	Range: decimals from 0 to 1, recommended 0.8+ */
	--border-threshold: 0.8;
}


/* spolecny styl aplikace */
#btn_login,
#otazky,
#vysledky_testu,
#all_cont div.cont_video,
#all_cont div.cont_img,
#cont_thumbs,
#all_cont .contenteditable {
	z-index: 7;
	position:relative;
}

#all_cont {
	margin: 0 auto;
	text-align: left;
	-moz-box-sizing:    border-box;
	-webkit-box-sizing: border-box;
	box-sizing:        border-box;
	background: no-repeat center center; 
/*	background-size: 100% 100%; */
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#all_cont #content_cont {
	padding: 70px 67px;
}
#all_cont img {
   display: block;
   position: relative;
}

#all_cont img#bg {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 0;
	opacity: 0;
}


#all_cont div#nazev_kvizu {
	text-align: left;
	margin-top: 
}

ul#cont_odpovedi input.txt,
ul#cont_odpovedi input[type="text"],
ul#cont_odpovedi textarea {
	position: relative;
	height: 36px;
	border: 0;
	width: 100%;
	padding: 0px 10px;
	-moz-box-sizing:    border-box;
	-webkit-box-sizing: border-box;
	box-sizing:        border-box;
	background-color: var(--input_bg_color);
	box-shadow: inset 2px 2px 12px -6px #ABABAB;
	-webkit-box-shadow: inset 2px 2px 12px -6px #ABABAB;
	-moz-box-shadow: inset 2px 2px 12px -6px #ABABAB;
	-o-box-shadow: inset 2px 2px 12px -6px #ABABAB;
}
#all_cont #nazev_kvizu h1 {
	margin: 0.4em 0;
	font-size: 295%;
}
#all_cont #subtitle {
	font-size: 140%;
}

/* white replace */
.fb-plugin-center p,
#progress p,
.uprav_app .vysledek,
#all_cont #nazev_kvizu h1,
#all_cont #subtitle,
.cont_souhlas input,
.cont_souhlas label,
#vysledky_testu,
.cont_vysledek,
#kviz-vysledek,
ul#cont_odpovedi .odpoved,
#progress span,
#fbLogout a,
#otazky .title_otazka
{
	color: var(--font_color);
/*	color: red; */
}
#progress,
ul#cont_odpovedi .odpoved {
	border-bottom: 1px solid var(--input_bg_color);
}



/* nahrazeno prekryvem #all_cont::after nize */
#overlay_app {
	z-index: 7;
	background: rgba(20, 20, 20, 0.6);
	display: none;
}
#zalozka #all_cont::after,
#all_cont::after {
	content: "";
	background: rgba(20, 20, 20, 0.6);
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	z-index: 1;   
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	pointer-events: inherit;
}

/* spolecny styl aplikace */

#all_cont #button_more1 {
	margin-top: 20px;
	display: inline-block;
}

#btn_login {
	width: 100%;
	height: 100%;
}
#all_cont #button_more1 button {
	margin: 0;
}

#all_cont #button_more1 button,
#all_cont #button_more1 a {
/*	background-image: url(../img/icon-kviz-fb.png); */ /* je i lokalne na apps.soc....com/ssp-.../img/ */
	background-repeat: no-repeat;
	background-position: center left;
	color: #ffffff;
}

.fb-share-button span, /* button share bez app_id! */
.fbshare {
	width: auto;
	line-height: 55px;
	background: #4263aa url(../img/bg_btn_fb_share.png) no-repeat;
	margin: 25px auto;
	color: #ffffff;
	padding: 0 14px 0 43px;
	font-size: 130%;
	display: inline-block;
	border-radius: 3px;
	cursor: pointer;
	-o-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.fb-share-button {
	margin-top: 1em;
}
.fb-share-button span { /* button share bez app_id! */
	width: 76px !important;
	height: 28px !important;
	line-height: 25px;
	background-size: contain;
	background: #1877f2;
	padding: 0 10px;
	margin: 0;
	-o-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.fb-share-button { /* button share bez app_id! */
	display: block;
}
.fb-share-button span iframe { /* button share bez app_id! */
	width: 76px !important;
	height: 28px !important;
}
.fbshare:hover {
	background-color: #4e6ba9;	
}

#fbshare span,
#button_more_admin #button_text_edit,
#all_cont #button_more1 button {
	display: inline-block;
	padding: 26px 36px;
	font-weight: normal;
	border-radius: 5px;
}


#fbshare span {
	padding-left: 100px;
}

#button_more_admin #button_text_edit,
#button_more_admin .color-fill-icon_cont span,
#all_cont .button_more a,
#all_cont .button_more button {
	font-size: 150%;
	background: transparent; 
}


#button_more_admin #button_text_edit.color1,#all_cont .button_more button.color1,
#all_cont .button_more a.color1, #button_more_admin .color-fill-icon_cont .color1 {
	background-color: #009e87; 
}	
#button_more_admin #button_text_edit.color2, #all_cont .button_more button.color2,
#all_cont .button_more a.color2, #button_more_admin .color-fill-icon_cont .color2 {
	background-color: #3cbc81; 
}	
#button_more_admin #button_text_edit.color3, #all_cont .button_more button.color3,
#all_cont .button_more a.color3, #button_more_admin .color-fill-icon_cont .color3 {
	background-color: #42ade3; 
}	
#button_more_admin #button_text_edit.color4, #all_cont .button_more button.color4,
#all_cont .button_more a.color4, #button_more_admin .color-fill-icon_cont .color4 {
	background-color: #904aac; 
}	
#button_more_admin #button_text_edit.color5,  #all_cont .button_more button.color5,
#all_cont .button_more a.color5, #button_more_admin .color-fill-icon_cont .color5 {
	background-color: #fd9a01; 
}
#button_more_admin .color-fill-icon_cont-text .color5 {
	background: #ffffff;
}
#button_more_admin #button_text_edit.color6, #all_cont .button_more button.color6,
#all_cont .button_more a.color6, #button_more_admin .color-fill-icon_cont .color6 {
	background-color: #dc5400; 
}	
#button_more_admin #button_text_edit.color7, #all_cont .button_more button.color7,
#all_cont .button_more a.color7, #button_more_admin .color-fill-icon_cont .color7 {
	background-color: #dc5400; 
}	
#button_more_admin #button_text_edit.color8, #all_cont .button_more button.color8,
#all_cont .button_more a.color8, #button_more_admin .color-fill-icon_cont .color8 {
	background-color: #dc5400; 
	color: #000000;
}	

.color-fill-icon_cont span {
	background-image: none !important;
}


#all_cont #cont_images img,
#all_cont #cont_images img:hover {
	border: 0;
}
#uprav_app div.cont_video,
#uprav_app div.cont_img {
	position: relative;
}
#uprav_app div.cont_img {
	z-index:4;
}	
#zalozka {
	background: #ffffff repeat-y; 
}

#all_cont #fbshare span.color1 {
	background: url("../img/icon-kviz-pohar.png") no-repeat center left, -webkit-linear-gradient(to bottom, #14c7b1 , #009e87); /* For Safari 5.1 to 6.0 */
	background: url("../img/icon-kviz-pohar.png") no-repeat center left, -o-linear-gradient(to bottom, #14c7b1, #009e87); /* For Opera 11.1 to 12.0 */
	background: url("../img/icon-kviz-pohar.png") no-repeat center left, -moz-linear-gradient(to bottom, #14c7b1, #009e87); /* For Firefox 3.6 to 15 */
	background: url("../img/icon-kviz-pohar.png") no-repeat center left, linear-gradient(to bottom, #14c7b1 , #009e87); /* Standard syntax (must be last) */
}	
#all_cont #fbshare span.color2 {
	background: url("../img/icon-kviz-pohar.png") no-repeat center left, -webkit-linear-gradient(to bottom, #01c973 , #3cbc81); /* For Safari 5.1 to 6.0 */
	background: url("../img/icon-kviz-pohar.png") no-repeat center left, -o-linear-gradient(to bottom, #01c973, #3cbc81); /* For Opera 11.1 to 12.0 */
	background: url("../img/icon-kviz-pohar.png") no-repeat center left, -moz-linear-gradient(to bottom, #01c973, #3cbc81); /* For Firefox 3.6 to 15 */
	background: url("../img/icon-kviz-pohar.png") no-repeat center left, linear-gradient(to bottom, #01c973 , #3cbc81); /* Standard syntax (must be last) */
}	
#all_cont #fbshare span.color3 {
	background: url("../img/icon-kviz-pohar.png") no-repeat center left, -webkit-linear-gradient(to bottom, #3d9ac6 , #42ade3); /* For Safari 5.1 to 6.0 */
	background: url("../img/icon-kviz-pohar.png") no-repeat center left, -o-linear-gradient(to bottom, #3d9ac6, #42ade3); /* For Opera 11.1 to 12.0 */
	background: url("../img/icon-kviz-pohar.png") no-repeat center left, -moz-linear-gradient(to bottom, #3d9ac6, #42ade3); /* For Firefox 3.6 to 15 */
	background: url("../img/icon-kviz-pohar.png") no-repeat center left, linear-gradient(to bottom, #3d9ac6 , #42ade3); /* Standard syntax (must be last) */
}	
#all_cont #fbshare span.color4 {
	background: url("../img/icon-kviz-pohar.png") no-repeat center left, -webkit-linear-gradient(to bottom, #9e5eb5 , #904aac); /* For Safari 5.1 to 6.0 */
	background: url("../img/icon-kviz-pohar.png") no-repeat center left, -o-linear-gradient(to bottom, #9e5eb5, #904aac); /* For Opera 11.1 to 12.0 */
	background: url("../img/icon-kviz-pohar.png") no-repeat center left, -moz-linear-gradient(to bottom, #9e5eb5, #904aac); /* For Firefox 3.6 to 15 */
	background: url("../img/icon-kviz-pohar.png") no-repeat center left, linear-gradient(to bottom, #9e5eb5 , #904aac); /* Standard syntax (must be last) */
}	
#all_cont #fbshare span.color5 {
	background: url("../img/icon-kviz-pohar.png") no-repeat center left, -webkit-linear-gradient(to bottom, #facb3d , #fd9a01); /* For Safari 5.1 to 6.0 */
	background: url("../img/icon-kviz-pohar.png") no-repeat center left, -o-linear-gradient(to bottom, #facb3d, #fd9a01); /* For Opera 11.1 to 12.0 */
	background: url("../img/icon-kviz-pohar.png") no-repeat center left, -moz-linear-gradient(to bottom, #facb3d, #fd9a01); /* For Firefox 3.6 to 15 */
	background: url("../img/icon-kviz-pohar.png") no-repeat center left, linear-gradient(to bottom, #facb3d , #fd9a01); /* Standard syntax (must be last) */
}	
#all_cont #fbshare span.color6 {
	background: url("../img/icon-kviz-pohar.png") no-repeat center left, -webkit-linear-gradient(to bottom, #ee7d15 , #dc5400); /* For Safari 5.1 to 6.0 */
	background: url("../img/icon-kviz-pohar.png") no-repeat center left, -o-linear-gradient(to bottom, #ee7d15, #dc5400); /* For Opera 11.1 to 12.0 */
	background: url("../img/icon-kviz-pohar.png") no-repeat center left, -moz-linear-gradient(to bottom, #ee7d15, #dc5400); /* For Firefox 3.6 to 15 */
	background: url("../img/icon-kviz-pohar.png") no-repeat center left, linear-gradient(to bottom, #ee7d15 , #dc5400); /* Standard syntax (must be last) */
}	
#all_cont #fbshare span.color7 {
	background: url("../img/icon-kviz-pohar.png") no-repeat center left, -webkit-linear-gradient(to bottom, #f24c34 , #c83a22); /* For Safari 5.1 to 6.0 */
	background: url("../img/icon-kviz-pohar.png") no-repeat center left, -o-linear-gradient(to bottom, #f24c34, #c83a22); /* For Opera 11.1 to 12.0 */
	background: url("../img/icon-kviz-pohar.png") no-repeat center left, -moz-linear-gradient(to bottom, #f24c34, #c83a22); /* For Firefox 3.6 to 15 */
	background: url("../img/icon-kviz-pohar.png") no-repeat center left, linear-gradient(to bottom, #f24c34 , #c83a22); /* Standard syntax (must be last) */
}	
#all_cont #fbshare span.color8 {
	background: url("../img/icon-kviz-pohar.png") no-repeat center left, -webkit-linear-gradient(to bottom, #ecf0f1 , #bbc3c6); /* For Safari 5.1 to 6.0 */
	background: url("../img/icon-kviz-pohar.png") no-repeat center left, -o-linear-gradient(to bottom, #ecf0f1, #bbc3c6); /* For Opera 11.1 to 12.0 */
	background: url("../img/icon-kviz-pohar.png") no-repeat center left, -moz-linear-gradient(to bottom, #ecf0f1, #bbc3c6); /* For Firefox 3.6 to 15 */
	background: url("../img/icon-kviz-pohar.png") no-repeat center left, linear-gradient(to bottom, #ecf0f1 , #bbc3c6); /* Standard syntax (must be last) */
	color: #000000;
}	



.uprav_app .vysledek {
}
#vysledky_testu .cont_photo_video,
#kviz-vysledek .cont_photo_video {
	margin: 30px auto;
}
#kviz-vysledek .title,
.uprav_app .cont_vysledek .title_vysledek {
	font-size: 345%;
}
#kviz-vysledek .txt,
.uprav_app .cont_vysledek .text_vysledek {
	font-size: 150%; 
}
#kviz-vysledek .title p,
.uprav_app .cont_vysledek .title_vysledek p,
.uprav_app .cont_vysledek .text_vysledek p {
    margin: 10px auto;
}




.uprav_app .vysledek p {
}

#otazky .title_otazka {
	font-size: 250%;
}

/* all odpovedi */
ul#cont_odpovedi {
	position: relative;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
ul#cont_odpovedi li {
	margin-left: 0;
	padding-left: 0;
}
ul#cont_odpovedi.druh_odpovedi_2 li {
	display: inline-block;
	width: 215px;
	margin-bottom: 20px;
	margin-left: 11px;
}
ul#cont_odpovedi input[type="radio"],
ul#cont_odpovedi input[type="checkbox"] {
	display:none;
}
ul#cont_odpovedi.druh_odpovedi_2 input[type="text"] {
	width: 100%;
	margin-left: 0;
	margin-top: 5px;
	top: 0;
	font-size: 110%;
}
ul#cont_odpovedi label {
	display:inline-block;
	background:#ffffff url("../img/check_kviz.png") -9999px -9999px no-repeat;
	font-family:Arial;
	font-size:16px;
	width: 36px;
	height: 36px;
	-moz-box-sizing:    border-box;
	-webkit-box-sizing: border-box;
	box-sizing:        border-box;
	border-radius: 50%;
	border: 1px solid #ededed;
}
ul#cont_odpovedi.druh_odpovedi_2 label {
	position: absolute;
	top: -8px;
	left: -8px;
	z-index: 8;
}

ul#cont_odpovedi input[type="checkbox"]:checked + label,
ul#cont_odpovedi input[type="radio"]:checked + label {
	background-position: center center;
}
ul#cont_odpovedi input.txt,
ul#cont_odpovedi input[type="text"],
ul#cont_odpovedi textarea {
	position: relative;
	height: 36px;
	border: 0;
	width: calc(100% - 10px);
	padding: 0px 10px;
	-moz-box-sizing:    border-box;
	-webkit-box-sizing: border-box;
	box-sizing:        border-box;
	background-color: var(--input_bg_color);
	box-shadow: inset 2px 2px 12px -6px #ABABAB;
	-webkit-box-shadow: inset 2px 2px 12px -6px #ABABAB;
	-moz-box-shadow: inset 2px 2px 12px -6px #ABABAB;
	-o-box-shadow: inset 2px 2px 12px -6px #ABABAB;
}

#frm_kviz ul#cont_odpovedi label {
/*    background-image:  url("../img/icon-kviz-check-cross.png"); */
}
/* /all odpovedi */

#repeat,
#start_kviz #frm_kviz button {
	float: none;
	background-color: var(--btn_bg_color);
	border: 1px solid var(--btn_border_color);
	color: var(--btn_color);
	border-radius: 5px;
	padding: 12px 10px 12px 10px;
}

#cont_repeat,
#start_kviz #repeat {
	margin: 30px auto;
	display: inline-block;
}
#start_kviz #repeat {
	cursor: pointer;
}
#repeat {
	padding: 22px 50px 22px 20px;
	font-size: 140%;
	background: var(--btn_bg_color) url(../img/icon-kviz-reload.png) center right no-repeat;
}
/*
#all_cont .button_more span.color8,
#all_cont .button_more span.color7,
#all_cont .button_more span.color6,
#all_cont .button_more span.color5,
#all_cont .button_more span.color4,
#all_cont .button_more span.color3,
#all_cont .button_more span.color2,
#all_cont .button_more span.color1 {
	background-image: url("../img/check_kviz.png");
	background-position: center left;
	background-repeat: no-repeat;
}
*/
@media screen and (min-width: 808px) {
	ul#cont_odpovedi.druh_odpovedi_2 li:nth-of-type(3n+1) {
		margin-left: 0;
	}
}
@media screen and (min-width: 591px) and (max-width: 807) {
	ul#cont_odpovedi.druh_odpovedi_2 li:nth-of-type(2n+1) {
		margin-left: 0;
	}

}
@media screen and (max-width: 590px) {
	ul#cont_odpovedi.druh_odpovedi_2 li {
		margin-left: 0;
	}
	ul#cont_odpovedi.druh_odpovedi_2 li:nth-of-type(2n+1) {
		display: block;
	}
}