#task_cont,
.button_test,
#btn_login,
#page,
#cont_link,
#cont_entry,
#cont_play,
#cont_task_group,
#all_cont div.cont_img,
#cont_thumbs,
#title_co_vyhrat,
.getting-started,
.cont_photo_title_desc,
.contenteditable,
#all_cont div.cont_video,
#cont_blahoprejeme,
#pop_vyhra {
	z-index: 7;
	position:relative;
}
.cont_photo_video,
div.getting-started {
	z-index: 6;
	position:relative;
}
.uprav_app div.cont_video .zavoj {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index:40;
}

#cont_blahoprejeme {
	margin-top: 25px;
}

#all_cont {
	margin: 0 auto;
	text-align: center;
	-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: 50px 50px;
}
#all_cont img {
   display: block;
   position: relative;
}

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

/* zastoupi overlay - pruhledne pozadi pres cele pole admistrace #all_cont */
#zalozka #all_cont::after,
#all_cont::after {
	content: "";
	opacity: 0.5;
	background-color: #000000;
	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;
}
/* pouze u step1 - u dalsich kroku pouzivam element #overlay */
#all_cont.step2::after,
#all_cont.step3::after,
#all_cont.step4::after,
#all_cont.step5::after,
#all_cont.step6::after {
	background: transparent;
}

#all_cont div.title_step,
#all_cont div.subtitle_step {
	text-align: center;
}

#all_cont div.title_step h1 {
	margin: 0.4em 0;
	font-size: 295%;
	color: #ffffff;
}
#all_cont .subtitle_step p {
	font-size: 140%;
	color: #ffffff;
}
#all_cont .title_step h1,
#all_cont .subtitle_step p {
/*	text-shadow: #3f3f3f 3px 3px 5px; */
}
#all_cont #title_co_vyhrat p {
	font-size: 200%;
	color: #ffffff;
}

/* score */
div#score {
	margin: auto;
	padding: 10px 35px;
	width: auto;
	max-width: 300px;
	font-size: 150%;
	background: #ffffff;
	border-radius: 5px;
	font-weight: bold;
}
div#score .c1, div#score .c2 {
	float: left;
}
div#score .c1 {
	margin-right: 15px;
}
div#score .c1 img {
	border-radius: 50%;
}
div#score p {
	margin: 0.7em;
}
/* / score */

/* odpocitavani souteze */
div.getting-started {
	display: inline-block;
	width: 8em;
	font-size: 280%;
	text-align: center;
	margin: 0 auto;
	background: transparent;
	font-weight: bold;
}
div.getting-started div.time {
	float: left;
	width: 1.5em;
	margin-left: 0.4em;
	text-align: center;
}
div.getting-started div.days {
/*	margin-left: 130px; */
}
div.getting-started div span {
	display: block;
	text-align: center;
	border-radius: 5px;
	padding: 2px 0 2px 0;
}
div.getting-started div span.label {
	font-size: 35%;
	margin-top: 0px;
	text-transform: uppercase;
}

div.getting-started div#time_to_end {
	margin: 5px 0;
	font-size: 150%;
	font-weight: bold;
}

/* odpocitavani souteze */

.cont_photo_video {
	margin: 20px 0;
}

/* nastaveni zadani vyher */
/*
.uprav_app .photo,
.uprav_app .vysledek {
	float: left;	
	width: 206px;
}
.uprav_app .vysledek {
	width: 415px;
	margin-left: 30px;
	color: #ffffff;
}

.uprav_app .vysledek p {
	margin: 0 0 0.6em 0;
}

.uprav_app .title_vysledek  {
	font-size: 130%;
	font-weight: bold;
}
.uprav_app .text_vysledek  {
	font-size: 120%;
}
*/

/* nastaveni zadani vyher */
.cont_photo_title_desc {
	margin-bottom: 15px;
	background: #ffffff;
	padding: 5px;
	border-radius: 5px;
	text-align: left;
}
.cont_photo_title_desc .photo {
	margin-right: 15px;
}
.cont_photo_title_desc .photo,
.cont_photo_title_desc .photo_title_desc {
	float: left;	
	width: 180px;
}
.cont_photo_title_desc .photo_title_desc {
	max-width: 415px;
	width: calc(100% - 215px);
	min-width: 180px;
	color: #424242;
}
.cont_photo_title_desc .photo_title_desc p {
	margin: 0.4em 0 0.4em 0;
}
.cont_photo_title_desc .photo_title_desc .title  {
	font-size: 140%;
}
.cont_photo_title_desc .photo_title_desc .desc {
	font-size: 120%;
}
/* /nastaveni zadani vyher */


#all_cont #subtitle {
	font-size: 140%;
	color: #ffffff;
}


#setting_adress_title {
	font-size: 210%;
}
#adress {
	position: absolute;
	text-align: center;
}

#adress {
    color: #5c5a59;
	padding-bottom: 79px;
	top: 230px;
	width: 418px;
	cursor: pointer;
	max-width: calc(100% - 20px);
	-moz-box-sizing:    border-box;
	-webkit-box-sizing: border-box;
	box-sizing:        border-box;

}

#adress p {
	margin: 0.5em 0 0.5em 0;
}

.fb-like {
	margin-top: 20px;
}

#all_cont #sendmail,
#all_cont #sdilet_fb {
	display: inline-block;
	margin-top: 12px;
	font-size: 130%;
	font-weight: normal;
}
#all_cont #sendmail {
	margin-left: 5px;
}
#all_cont #sendmail span,
#all_cont #sdilet_fb a {
	display: inline-block;
	border-radius: 5px;
	background: #3b579d url("../img/icon-kviz-fb.png") no-repeat scroll left center;
	background-size: 40px auto;
	min-height: 54px;
	padding: 15px 30px 15px 60px ;
	text-decoration: none;
	color: #ffffff;
	-moz-box-sizing:    border-box;
	-webkit-box-sizing: border-box;
	box-sizing:        border-box;
	float: none;
	width: auto;
}
#all_cont #sendmail span {
	background-color: #5d666b;
	background-image: url(../../img/ico_email.png);
	background-size: auto;
	cursor: pointer;
}

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

#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;
}
#button_more_admin #button_text_edit,
#all_cont #button_more1 button {
	padding: 26px 36px;
	font-weight: normal;
	font-size: 140%;
}


#all_cont .button_more {
	display: block;
	width: auto;
	margin: 0 auto;
}


#button_more_admin #button_text_edit,
#all_cont .button_more a,
#all_cont .button_more button {
	font-size: 120%;
	padding: 16px 26px 16px 0px;
	font-weight: bold;
/*	background: transparent url("../img/icon-kviz-fb.png") no-repeat center left;  */
}

#all_cont .button_more a span,
#all_cont .button_more button span {
}
ul#task_cont .button_more a::before,
ul#task_cont .button_more button::before {
	content: "+" attr(data-extra-points_to_complet) ;
	padding: 16px 15px 16px 15px;
	margin-right: 10px;
	background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}
ul#task_cont li.block_elem .task_top::after {
	cursor: pointer;
	content: "+" attr(data-extra-points_to_complet) ;
	position: absolute;
	top: 8px;
	right: 8px;
	width: auto;
	padding: 6px 15px;
	background: #00a1cb;
	color: #fff;
	font-size: 120%;
	font-weight: bold;
	border-radius: 5px;
	-moz-box-sizing:    border-box;
	-webkit-box-sizing: border-box;
	box-sizing:        border-box;
}



#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;
}	

.color2 {
/*	background-color: #ffffff; */
}

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

/* okno linku - v aplikaci jinak + sdileci buttony atd... viz ssp-vyhry-sdilenim-test/css/all.css */
#cont_link {
	border-radius: 5px;
	background: #ffffff;
	padding: 20px;
	color: #4b4b4b;
	font-weight: normal;
}
#cont_link p {
	margin: 0.5em 0;
	padding: 0;
}
#cont_link p.body span {
	display: inline-block;
	padding: 3px 16px;
	background: #ffecaa;
	font-size: 180%;
}
#cont_link p.poradi {
	font-size: 130%;
}
#cont_link p#link_title {
	font-size: 180%;
}

.link_short_share {
	background: transparent;
}
.link_short_share input {
	font-size: 130%;
	max-width: 500px;
	width: auto;
	padding-right: 5px;
}

#overlay_app {
	z-index: 7;
	background: rgba(20, 20, 20, 0.5);
	display: none;
}
/* spolecny styl aplikace */

.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;
	margin: 10px 3px 10px 0px;
}
*/


/* STYLE VYBER PHOTO X VIDEO  - special */
div.cont_video {
	height: 0px;
/*	width: 100%; */
	text-align: center;
/*	background: #000000; */
    float: none;
    clear: both;
    padding-bottom: 56.25%;
    padding-top: 0px;
    height: 0
	-moz-box-sizing:    border-box;
	-webkit-box-sizing: border-box;
	box-sizing:        border-box;
}
#all_cont div.cont_video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#all_cont div.cont_video,
#all_cont div.photo_uploaded {
/*	margin-right: 2px; */
}

.cont_video.hide,
.photo.hide {
	display: none;
}
/* STYLE VYBER PHOTO X VIDEO  - special */

#uprav_app div.cont_img {
	z-index:4;
}	
#zalozka {
	background: #ffffff repeat-y; 
}


.show_photo,
.del {
	width: 11px;
	height: 11px;
	background: url(../img/ico_del_kviz.png) left top no-repeat;
	float: right;
	cursor: pointer;
	padding: 4px;
}

#end {
	z-index: 50;
}
#status_send_mail,
#send_mail_form {
	position: absolute;
	z-index: 50;
	top: 250px;
	left: 90px;
	width: 550px; 
	max-width: 100%;
}	
#send_mail_form,
#send_mail_form input, #send_mail_form textarea {
	font-size: 110%;
	-moz-box-sizing:    border-box;
	-webkit-box-sizing: border-box;
	box-sizing:        border-box;
}
#send_mail_form input, #send_mail_form textarea {
	display: block;
	width: 100%;
}
#status_send_mail .info {
	font-size: 130%;
}
#adress .cont_souhlas p {
	margin: 0 0 0.5em 0;
}
.cont_souhlas {
	background: #ffffff;
}
.cont_souhlas label {
	color: #5c5a59;
}

#cont_task_group {
	padding: 20px;
	max-width: 85%;
	margin: 0 auto;
	z-index: 8;
	background: #616161;
	border-radius: 10px;
	border: 4px solid #425054;
}
#cont_task_group div.inner_cont {
	margin-top: 20px;
	display: flex;
	flex-wrap: wrap;
}
#cont_task_group .task::after,
#cont_task_group .task {
	--background-color: rgba(207, 34, 0, 1);
	--box-shadow-color: rgba(207, 34, 0, 1);
}
#cont_task_group .task {
	position: relative;
	display: inline-block;
	flex: 1 0 21%; /* explanation below */
	padding: 10px 20px;
	font-size: 140%;
	font-weight: normal; /* bold */
	background: var(--background-color);
	color: #ffffff;
	margin: 5px 4px;
	line-height: 1.6;
	cursor: pointer;
}
#cont_task_group .task,
#cont_task_group .task::after {
	border-radius: 18px;
}
#cont_task_group .task::after {
	content: '';
	position: absolute;
	-webkit-box-shadow: 0 4px 0px var(--box-shadow-color);
	-moz-box-shadow: 0 4px 0px var(--box-shadow-color);
	box-shadow: 0 4px 0px var(--box-shadow-color);                
	width: 100%; 
	left: 0px; 
	top: 0px;
	height: 100%;
	bottom: 0;
}

div.btn_share.facebook,
#cont_task_group #task_facebook::after,
#cont_task_group #task_facebook {
	--background-color: rgba(59, 89, 152, 1);
	--box-shadow-color: rgba(38, 68, 130, 1);
}	

div.btn_share.messenger {
	--background-color: rgba(0,120,255, 1);
}
#cont_task_group #task_youtube::after,
#cont_task_group #task_youtube {
/*	--background-color: rgba(127, 21, 0, 1); */
	--box-shadow-color: rgba(127, 21, 0, 0.5);
}	
#cont_task_group #task_instagram::after,
#cont_task_group #task_instagram {
	--background-color: rgba(255, 255, 255, 1);
	--box-shadow-color: rgba(193, 193, 193, 1);
	color:  #616161;
}	
#cont_task_group #task_web::after,
#cont_task_group #task_web {
	--background-color: rgba(242, 107, 85, 1);
	--box-shadow-color: rgba(192, 78, 59, 1);
}	
#cont_task_group #task_shopping::after,
#cont_task_group #task_shopping {
	--background-color: rgba(130, 181, 84, 1);
	--box-shadow-color: rgba(98, 138, 63, 1);
}	
#cont_task_group #task_daily_bonus::after,
#cont_task_group #task_daily_bonus {
	--background-color: rgba(141, 101, 255, 1);
	--box-shadow-color: rgba(112, 78, 208, 1);
}	
#cont_task_group #task_upload::after,
#cont_task_group #task_upload {
	--background-color: rgba(6, 169, 244, 1);
	--box-shadow-color: rgba(49, 122, 174, 1);
}	
#cont_task_group #task_question::after,
#cont_task_group #task_question {
	--background-color: rgba(242, 196, 85, 1);
	--box-shadow-color: rgba(198, 159, 66, 1);
}	
#cont_task_group #task_secret_code::after,
#cont_task_group #task_secret_code {
	--background-color: rgba(53, 70, 92, 1);
	--box-shadow-color: rgba(41, 54, 71, 1);
}	
#cont_task_group #task_newsletter::after,
#cont_task_group #task_newsletter {
	--background-color: rgba(237, 82, 82, 1);
	--box-shadow-color: rgba(197, 68, 68, 1);
}	
#cont_task_group #task_viral_spread::after,
#cont_task_group #task_viral_spread {
	--background-color: rgba(142, 84, 164, 1);
	--box-shadow-color: rgba(119, 68, 138, 1);
}	
div.btn_share.tweet,
#cont_task_group #task_twitter::after,
#cont_task_group #task_twitter {
	--background-color: rgba(6, 169, 244, 1);
	--box-shadow-color: rgba(49, 122, 174, 1);
}	


div.btn_share .fa,
#cont_task_group .task .fa {
	display: inline;
}	

div.btn_share .fa::before,
div.btn_share i.ico-content,
#cont_task_group .task i.ico-content,
#cont_task_group .task .fa::before {
	font-size: 180%;
	float: left;
	line-height: 1;
}	
#cont_task_group .task .fa-asterisk.fa::before {
	font-size: 110%;
	padding-top: 5px;
}	
#cont_task_group .task .fa-shopping-basket.fa::before {
	font-size: 130%;
	padding-top: 4px;
}	
#cont_task_group .task .fa-upload.fa::before {
	font-size: 140%;
	padding-top: 2px;
}	
#cont_task_group .task span {
	display: inline-block;
	margin: 1px 0px 0 5px;
}
ul#task_cont {
	list-style: none;
	-moz-box-sizing:    border-box;
	-webkit-box-sizing: border-box;
	box-sizing:        border-box;
	padding: 0;
	background: #ffffff;
	border-radius: 10px;
}
ul#task_cont li.block_elem {
	background: #ffffff;
	border-top: 2px solid #fff;
	-moz-box-sizing:    border-box;
	-webkit-box-sizing: border-box;
	box-sizing:        border-box;
	position: relative;
	-moz-box-sizing:    border-box;
	-webkit-box-sizing: border-box;
	box-sizing:        border-box;
}
ul#task_cont li.block_elem .task_top,
ul#task_cont li.block_elem  .task_cont {
	padding: 5px 10px 7px 10px;
	-moz-box-sizing:    border-box;
	-webkit-box-sizing: border-box;
	box-sizing:        border-box;
}

ul#task_cont li.block_elem .task_top {
	min-height: 50px;
}
ul#task_cont li.block_elem:first-child div.task_top,
ul#task_cont li.block_elem:first-child {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
ul#task_cont li.block_elem:last-child {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
ul#task_cont li.block_elem:nth-child(even) {
	background: #f5f5f5;
}
ul#task_cont li.block_elem div.ico-task i.ico-task {
	font-size: 330%;
}
ul#task_cont li.block_elem[data-group="facebook"] i.ico-task {
	color: #1877f2;
}
ul#task_cont li.block_elem[data-group="web"] div.ico-task i.ico-task {
	font-size: 280%;
}
ul#task_cont li.block_elem div.ico-task {
	margin-right: 10px;
	width: 45px; 
	cursor: pointer;
	float: left;
}
ul#task_cont li.block_elem div.task_title:not(.contenteditable){
	cursor: pointer;
}
ul#task_cont li.block_elem[data-group="youtube"] div.ico-task i.ico-task {
	color: #d02200;
}
ul#task_cont li.block_elem[data-group="secret_code"] div.ico-task i.ico-task {
	font-size: 150%;
	padding-top: 10px;
}
ul#task_cont li.block_elem[data-group="upload"] div.ico-task i.ico-task,
ul#task_cont li.block_elem[data-group="shopping"] div.ico-task i.ico-task {
	font-size: 250%;
	padding-top: 5px;
}
ul#task_cont li.block_elem[data-group="newsletter"] div.ico-task i.ico-task,
ul#task_cont li.block_elem[data-group="viral_spread"] div.ico-task i.ico-task {
	font-size: 285%;
	padding-top: 3px;
}
ul#task_cont li.block_elem[data-group="twitter"] div.ico-task i.ico-task {
	font-size: 300%;
	color: #1da1f2;
}
ul#task_cont li.block_elem[data-group="shopping"] div.ico-task i.ico-task {
	color: #fed965;
	color: rgba(130, 181, 84, 1);
}
ul#task_cont li.block_elem[data-group="question"] div.ico-task i.ico-task {
	color: #e2883a;
	color: rgba(242, 196, 85, 1);
}
ul#task_cont li.block_elem[data-group="newsletter"] div.ico-task i.ico-task {
	color: rgba(237, 82, 82, 1);
}
ul#task_cont li.block_elem[data-group="web"] div.ico-task i.ico-task {
	color: rgba(242, 107, 85, 1);
}
ul#task_cont li.block_elem[data-group="daily_bonus"] div.ico-task i.ico-task {
	color: rgba(141, 101, 255, 1);
}
ul#task_cont li.block_elem[data-group="secret_code"] div.ico-task i.ico-task {
	color: rgba(53, 70, 92, 1);
}
ul#task_cont li.block_elem[data-group="viral_spread"] div.ico-task i.ico-task {
	color: rgba(142, 84, 164, 1);
}
ul#task_cont li.block_elem[data-group="upload"] div.ico-task i.ico-task  {
	color: rgba(6, 169, 244, 1);
}
ul#task_cont li.block_elem[data-group="upload"] .button_more {
	position: relative;
	overflow: hidden;
	display: inline-block;
}
ul#task_cont li.block_elem[data-group="upload"] .button_more button {
	margin: 0;
}
ul#task_cont li.block_elem[data-group="upload"] .button_more input[type=file] {
	font-size: 100px;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
}

ul#task_cont li.block_elem .task_title {
	margin: 3px 55px 0 55px;
	text-align: left;
	font-size: 140%;
	overflow: hidden; /* vyrovna margin-top .contenteditable */
}
ul#task_cont li.block_elem .title_otazka,
ul#task_cont li.block_elem .task_subtitle {
	margin: 1.5em 0 0.8em 0;
	font-size: 120%;
}
ul#task_cont li.block_elem .task_subtitle p,
ul#task_cont li.block_elem .task_title p {
	margin: 0.4em 0;
}
ul#task_cont li.block_elem .task_cont {
	margin-top: 1em;
	padding: 0 65px 10px 65px;
	display: none; 
}
ul#task_cont li.block_elem.active {
	background: #fff !important;
}
ul#task_cont li.block_elem.active .task_cont{
	display: block;
}
/* arrow list down */
ul#task_cont li.block_elem.active .task_top::after {
	content: "\02C7" ;
	background: transparent;
	color: #000;
	font-size: 300%;
	padding: 0 15px;
}

ul#task_cont li.block_elem.active div.task_top {
	width: 100%;
	background: #f2f2f2;
}

ul#task_cont li.block_elem.active.done .task_top::after,
ul#task_cont li.block_elem.done .task_top::after {
	/* TODO" zel. fajfka */
	content: "\f00c" ;
	font-family: FontAwesome;
	font-size: 150%;
	font-weight: normal;
	background-color: #4dcb43;
	color: #ffffff;
	padding: 3px 14px 4px 14px;
}
ul#task_cont .button_more {
	margin-top: 1em;
}
ul#task_cont li.block_elem.no-active {
	background: #bcbcbc !important;
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	/* IE 5-7 */
	filter: alpha(opacity=50);
	/* Netscape */
	-moz-opacity: 0.5;
	/* Safari 1.x */
	-khtml-opacity: 0.5;
	/* Good browsers */
	opacity: 0.5;
}
ul#task_cont .share-buttons {
	margin-top: 1em;
}
div.social-share.btn_share {
	padding-left: 30px;
	background: #1877f2 url(../../img/ico_fb_circle.png) no-repeat 6px center;
}
.youtube_make_comment textarea {
	width: 100%;
	height: 70px;
}
/* schovani buttonu hotovych ukolu */
#all_cont #task_cont .done form,
#all_cont #task_cont .done .button_more,
.done .youtube_make_comment {
	display: none;
}
.ctrl_button {
	display: inline-block;
	cursor: pointer;
}
.ctrl_button i {
	font-size: 40px;
}	
.ctrl_button_play:hover {
	color: red;
}

/* 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-left: 11px;
	margin-bottom: 20px;
}
ul.cont_odpovedi.druh_odpovedi_2 li.col_1 {
	margin-left: 0;
}
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 #d8d8d8;
}
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;
}
#frm_kviz ul.cont_odpovedi label {
/*    background-image:  url("../img/icon-kviz-check-cross.png"); */
}
ul.cont_odpovedi input[type="text"] {
	position: relative;
	top: -13px;
	height: 33px;
	border: 1px solid #d8d8d8;
	margin-left: 15px;
	width: calc(100% - 90px);
	padding: 0px 10px;
	-moz-box-sizing:    border-box;
	-webkit-box-sizing: border-box;
	box-sizing:        border-box;
}
#zalozka .link_short_share input[type="text"],
#zalozka input[type="text"], #zalozka input[type="email"] {
	width: calc(100% - 90px);
	-moz-box-sizing:    border-box;
	-webkit-box-sizing: border-box;
	box-sizing:        border-box;
}	
li[data-group="secret_code"] input[name="code"],
li[data-group="shopping"] input[name="code"] {
	width: 100px;
}
/* /all odpovedi */


div.btn_share {
	position: relative;
	display: inline-block;
	flex: 1 0 21%; /* explanation below */
	padding: 3px 7px;
	font-size: 120%;
	font-weight: normal; /* bold */
	background: var(--background-color);
	color: #ffffff;
	margin: 5px 4px;
	line-height: 1.6;
	border-radius: 5px;
	cursor: pointer;
}
div.fb-share-button {
	display: block;
}
ul#task_cont li.block_elem[data-group="facebook"] div.btn_share i.ico-task {
	color: #ffffff;
}
div.btn_share span {
	display: inline-block;
	margin: 0px 0px 0 10px;
}
div.btn_share i.ico-content,
div.btn_share .fa::before {
	font-size: 140%;
	line-height: 1.1;
}
div.btn_share.mail {
	--background-color: grey;
}
div.btn_share a {
	color: #ffffff;
}