/* zmeny na width max !*/
#zalozka,
#zalozka #all_cont {
	max-width: 100%;
	-moz-box-sizing:    border-box;
	-webkit-box-sizing: border-box;
	box-sizing:        border-box;
}

.uprav_app #blocks_sortable .block_elem:hover,
#uprav_app #blocks_sortable .block_elem:hover,
#blocks_sortable .block_elem {
/*	border: 0;  */
}
/*
#blocks_sortable .block_elem_content {
	max-width: 810px;
	margin-left: auto;
	margin-right: auto;
	padding: 20px 20px;
	border: 1px solid transparent;
}
*/


.block_elem_ssApp .block_elem_content {
	padding: 0 49px; /* nutne pac */
}


/* spolecny styl aplikace */
#btn_login,
#page,
#cont_link,
#cont_entry,
#cont_play,
#all_cont div.cont_img,
#cont_thumbs,
#title_co_vyhrat,
.getting-started,
.cont_photo_title_desc,
.contenteditable,
#all_cont div.cont_video,
#cont_blahoprejeme,
/*.cont_photo_video,*/
#pop_vyhra {
	z-index: 7;
	position:relative;
}
div.getting-started {
	z-index: 6;
	position:relative;
}


#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;
}
/* zastoupi overlay - pruhledne pozadi pres cele pole admistrace #all_cont */
/*
#all_cont.zalozka::after,
#all_cont.step1::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;
}
*/
#all_cont img {
   display: block;
   position: relative;
}

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

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

/* odpocitavani souteze */
div.getting-started {
	display: inline-block;
	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 {
	top: 34px;	
	left: 50%;
    color: #5c5a59;
	left: 50%;
	margin-left: -214px;
	padding-bottom: 79px;
	top: 230px;
	width: 418px;
	cursor: pointer;

}


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

#button_more_admin #button_text_edit,
#all_cont .button_more a {
	display: inline-block;
	padding: 26px 36px 26px 36px;
	color: #ffffff;
	border-radius: 5px;
	text-decoration: none;
	border: 0;
	font-size: 170%;
}	

#button_more_admin #button_text_edit {
	-moz-box-sizing:    border-box;
	-webkit-box-sizing: border-box;
	box-sizing:        border-box;
	width: auto;
}
#button_more_admin #button_text_edit.color1,
#all_cont .button_more a.color1, #button_more_admin .color-fill-icon_cont .color1 {
	background: url("../img/icon-kviz-fb.png") no-repeat center left, -webkit-linear-gradient(to bottom, #14c7b1 , #009e87); /* For Safari 5.1 to 6.0 */
	background: url("../img/icon-kviz-fb.png") no-repeat center left, -o-linear-gradient(to bottom, #14c7b1, #009e87); /* For Opera 11.1 to 12.0 */
	background: url("../img/icon-kviz-fb.png") no-repeat center left, -moz-linear-gradient(to bottom, #14c7b1, #009e87); /* For Firefox 3.6 to 15 */
	background: url("../img/icon-kviz-fb.png") no-repeat center left, linear-gradient(to bottom, #14c7b1 , #009e87); /* Standard syntax (must be last) */
	background: #009e87 url("../img/icon-kviz-fb.png") no-repeat center left; 
}	
#button_more_admin #button_text_edit.color2,
#all_cont .button_more a.color2, #button_more_admin .color-fill-icon_cont .color2 {
	background: url("../img/icon-kviz-fb.png") no-repeat center left, -webkit-linear-gradient(to bottom, #01c973 , #3cbc81); /* For Safari 5.1 to 6.0 */
	background: url("../img/icon-kviz-fb.png") no-repeat center left, -o-linear-gradient(to bottom, #01c973, #3cbc81); /* For Opera 11.1 to 12.0 */
	background: url("../img/icon-kviz-fb.png") no-repeat center left, -moz-linear-gradient(to bottom, #01c973, #3cbc81); /* For Firefox 3.6 to 15 */
	background: url("../img/icon-kviz-fb.png") no-repeat center left, linear-gradient(to bottom, #01c973 , #3cbc81); /* Standard syntax (must be last) */
	background: #3cbc81 url("../img/icon-kviz-fb.png") no-repeat center left; 
}	
#button_more_admin #button_text_edit.color3,
#all_cont .button_more a.color3, #button_more_admin .color-fill-icon_cont .color3 {
	background: url("../img/icon-kviz-fb.png") no-repeat center left, -webkit-linear-gradient(to bottom, #3d9ac6 , #42ade3); /* For Safari 5.1 to 6.0 */
	background: url("../img/icon-kviz-fb.png") no-repeat center left, -o-linear-gradient(to bottom, #3d9ac6, #42ade3); /* For Opera 11.1 to 12.0 */
	background: url("../img/icon-kviz-fb.png") no-repeat center left, -moz-linear-gradient(to bottom, #3d9ac6, #42ade3); /* For Firefox 3.6 to 15 */
	background: url("../img/icon-kviz-fb.png") no-repeat center left, linear-gradient(to bottom, #3d9ac6 , #42ade3); /* Standard syntax (must be last) */
	background: #42ade3 url("../img/icon-kviz-fb.png") no-repeat center left; 
}	
#button_more_admin #button_text_edit.color4,
#all_cont .button_more a.color4, #button_more_admin .color-fill-icon_cont .color4 {
	background: url("../img/icon-kviz-fb.png") no-repeat center left, -webkit-linear-gradient(to bottom, #9e5eb5 , #904aac); /* For Safari 5.1 to 6.0 */
	background: url("../img/icon-kviz-fb.png") no-repeat center left, -o-linear-gradient(to bottom, #9e5eb5, #904aac); /* For Opera 11.1 to 12.0 */
	background: url("../img/icon-kviz-fb.png") no-repeat center left, -moz-linear-gradient(to bottom, #9e5eb5, #904aac); /* For Firefox 3.6 to 15 */
	background: url("../img/icon-kviz-fb.png") no-repeat center left, linear-gradient(to bottom, #9e5eb5 , #904aac); /* Standard syntax (must be last) */
	background: #904aac url("../img/icon-kviz-fb.png") no-repeat center left; 
}	
#button_more_admin #button_text_edit.color5,
#all_cont .button_more a.color5, #button_more_admin .color-fill-icon_cont .color5 {
	background: url("../img/icon-kviz-fb.png") no-repeat center left, -webkit-linear-gradient(to bottom, #facb3d , #fd9a01); /* For Safari 5.1 to 6.0 */
	background: url("../img/icon-kviz-fb.png") no-repeat center left, -o-linear-gradient(to bottom, #facb3d, #fd9a01); /* For Opera 11.1 to 12.0 */
	background: url("../img/icon-kviz-fb.png") no-repeat center left, -moz-linear-gradient(to bottom, #facb3d, #fd9a01); /* For Firefox 3.6 to 15 */
	background: url("../img/icon-kviz-fb.png") no-repeat center left, linear-gradient(to bottom, #facb3d , #fd9a01); /* Standard syntax (must be last) */
	background: #fd9a01 url("../img/icon-kviz-fb.png") no-repeat center left; 
}
#button_more_admin .color-fill-icon_cont-text .color5 {
	background: #ffffff;
}
#button_more_admin #button_text_edit.color6,
#all_cont .button_more a.color6, #button_more_admin .color-fill-icon_cont .color6 {
	background: url("../img/icon-kviz-fb.png") no-repeat center left, -webkit-linear-gradient(to bottom, #ee7d15 , #dc5400); /* For Safari 5.1 to 6.0 */
	background: url("../img/icon-kviz-fb.png") no-repeat center left, -o-linear-gradient(to bottom, #ee7d15, #dc5400); /* For Opera 11.1 to 12.0 */
	background: url("../img/icon-kviz-fb.png") no-repeat center left, -moz-linear-gradient(to bottom, #ee7d15, #dc5400); /* For Firefox 3.6 to 15 */
	background: url("../img/icon-kviz-fb.png") no-repeat center left, linear-gradient(to bottom, #ee7d15 , #dc5400); /* Standard syntax (must be last) */
	background: #dc5400 url("../img/icon-kviz-fb.png") no-repeat center left; 
}	
#button_more_admin #button_text_edit.color7,
#all_cont .button_more a.color7, #button_more_admin .color-fill-icon_cont .color7 {
	background: url("../img/icon-kviz-fb.png") no-repeat center left, -webkit-linear-gradient(to bottom, #f24c34 , #c83a22); /* For Safari 5.1 to 6.0 */
	background: url("../img/icon-kviz-fb.png") no-repeat center left, -o-linear-gradient(to bottom, #f24c34, #c83a22); /* For Opera 11.1 to 12.0 */
	background: url("../img/icon-kviz-fb.png") no-repeat center left, -moz-linear-gradient(to bottom, #f24c34, #c83a22); /* For Firefox 3.6 to 15 */
	background: url("../img/icon-kviz-fb.png") no-repeat center left, linear-gradient(to bottom, #f24c34 , #c83a22); /* Standard syntax (must be last) */
	background: #dc5400 url("../img/icon-kviz-fb.png") no-repeat center left; 
}	
#button_more_admin #button_text_edit.color8,
#all_cont .button_more a.color8, #button_more_admin .color-fill-icon_cont .color8 {
	background: url("../img/icon-kviz-fb.png") no-repeat center left, -webkit-linear-gradient(to bottom, #ecf0f1 , #bbc3c6); /* For Safari 5.1 to 6.0 */
	background: url("../img/icon-kviz-fb.png") no-repeat center left, -o-linear-gradient(to bottom, #ecf0f1, #bbc3c6); /* For Opera 11.1 to 12.0 */
	background: url("../img/icon-kviz-fb.png") no-repeat center left, -moz-linear-gradient(to bottom, #ecf0f1, #bbc3c6); /* For Firefox 3.6 to 15 */
	background: url("../img/icon-kviz-fb.png") no-repeat center left, linear-gradient(to bottom, #ecf0f1 , #bbc3c6); /* Standard syntax (must be last) */
	background: #dc5400 url("../img/icon-kviz-fb.png") no-repeat center left; 
	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 {
	background: rgba(20, 20, 20, 0.9);
	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%;
}
.block_elem #frm-showUserForm table {
	max-width: 100%; 
	width: 100%;
}
.block_elem #frm-showUserForm input[type="text"], .block_elem #frm-showUserForm select {
	max-width: 330px;
	width: 90%;
}
.block_elem #frm-showUserForm input[type="submit"] {
	font-size: 160%;
}

#fb-like-all-app {
	display: none;
}
#link_pravidla {
	margin-bottom: 30px;
}
#link_pravidla a {
	color: #5f5f5f;
	font-weight: normal;
}


/* funnell progress */
.funnel_progress,
.funnel_progress * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
/* Form Progress */
.funnel_progress {
  width: 100%;
  margin: 20px auto;
  text-align: center;
}
.funnel_progress .circle {
  position: relative;
}
.funnel_progress .circle,
.funnel_progress .bar {
  display: inline-flex;
  background: #fff;
  width: 26px;
  height: 26px;
  border-radius: 26px;
  border: 1px solid #38c3a6;
  align-items: center;
  justify-content: center;
}

.capture form.form_funnell button.button_upsell,
.capture form.form_funnell div.button_upsell,
.capture div.form_funnell button.button_upsell,
.capture div.form_funnell div.button_upsell,
.capture .funnel_progress .bar,
.capture .funnel_progress .circle {
  display: inline-block;
}
.capture .funnel_progress .bar {
	width: 350px;
}



.funnel_progress .bar {
  position: relative;
  top: 6px;
  width: calc(50% - 60px);
  height: 14px;
  margin-left: -6px;
  margin-right: -6px;
  border-left: none;
  border-right: none;
  border-radius: 0;
}
.funnel_progress .circle .label {
  display: inline-block;
  width: 14px;
  height: 14px;
  line-height: 14px;
  border-radius: 14px;
  color: #b5b5ba;
  font-size: 16px;
}
.funnel_progress .circle .title {
  position: absolute;
  color: #b5b5ba;
  font-size: 14px;
  top: 30px;
  min-width: 80px !important;
}

.funnel_progress .circle {
  border-width: 4px;
}

/* Done / Active */
.funnel_progress .bar,
.funnel_progress .circle.done {
  background: #38c3a6;
}
.funnel_progress .bar.active {
  background: linear-gradient(to right, #EEE 40%, #FFF 60%);
  background: green;
}
.funnel_progress .circle.done .label {
  color: #FFF;
  background: #38c3a6;
/*  box-shadow: inset 0 0 2px rgba(0,0,0,.2); */
}
.funnel_progress .circle.done .title {
  color: #000;
}
.funnel_progress .circle.active .label {
  color: #FFF;
/*  box-shadow: inset 0 0 2px #38c3a6; */
/*  border: 1px solid #38c3a6; */
}
.funnel_progress .circle.active .title {
  color: #38c3a6;
}
/* /funnell progress */