/* pouze par zakladnich fontu*/
/*@import url(fonts_import.css?time=123456); */

.PopWin, 
.PopWin2 {
	position: absolute;
	display: none;
	min-width: 282px;
	min-height: 100px; 
	z-index: 22;
	text-align: center;
	padding: 30px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.PopWin2 {
  padding: 0;
}

.PopWin a, 
.PopWin2 a {
	color: #fec30f;
}
.PopWin,
.PopWin2,
.pop_box,
.add_own_item,
#slick_change_item {
	background: #616161;
	border: 3px solid rgba(146, 154, 143, .5);
	-webkit-background-clip: padding-box; /* for Safari */
	background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
	border-radius: 5px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.PopWin.no_pop {
	box-shadow: none;
}

.PopWin2 {
  border:0 none;
  border-radius: 0;
  background:transparent;
}

.PopWinWhite {
	background: #ffffff;
}

.PopWin .tip,
.PopWin2 .tip,
.PopWin .title,
.PopWin2 .title{
	text-align: center;
	color: #ffffff;
	margin-top: 0px;
	margin-bottom: 0.5em;
	font-size: 150%;
	font-weight: bold;
}
.PopWin:not(.PopWinWhite) .subtitle {
	color: #ffffff;
}
.PopWinWhite .title {
	color: #526256;
}
.PopWin .title,
.PopWin2 .title{
	position: relative;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
.PopWin .tip,
.PopWin2 .tip{
	margin-top: 10px;
	font-size: 110%;
	line-height: 150%;
}
p.tip:before {
	content: 'TIP';
	width: 31px;
	height: 17px;
	line-height: 17px;
	background: #edc631;
	border-radius: 8px;
	color: #fff;
	display: inline-block;
	padding: 0;
	text-align: center;
	font-size: 90%;
	font-weight: bold;
	margin-right: 5px;
}
.PopWin .tip span,
.PopWin2 .tip span{
	padding: 0 0 2px 40px;
	line-height: 17px;
}

#end.PopWin {
	font-size: 120%;
}



#overlay_admin,
#overlay_app,
#overlay_help, 
#overlay {
	background: rgba(20,20,20,0.8);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 45;
}

#uploaded_img .delete_new_obj,
#all_cont .ft-container .delete_new_obj,
.dashboard .aplikace .delete,
#slick_change_item .close, 
.funnel_popup .close, 
.PopWin .close, 
.pop_box .close,
.PopWin2 .close {
	position: absolute;
	top: 10px;
	right: 20px;
	color: #ffffff;
	font-size: 150%;
	cursor: pointer;
	padding: 10px;
	background: transparent url(../img/icon_close.png?time=1) 25px 13px no-repeat;
	width: 50px;
	height: 37px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
	z-index: 1;
}
#slick_change_item .close {
	top: 0;
	right: 0;
}
.dashboard .aplikace .delete:hover,
.funnel_popup .close:hover,
.PopWin .close:hover,
.PopWin2 .close:hover{
	background-position: 25px -11px;
}


.PopWin .close.close_big, 
.PopWin2 .close.close_big  {
	padding: 0;
	width: 35px;
	height: 35px;
	background: transparent url(../img/close_big.png) 0 0 no-repeat;
}
.PopWin .close.close_big:hover, 
.PopWin2 .close.close_big:hover {
	background-position: 0 -35px;
}

.dashboard .aplikace .delete {
	margin-top: -5px;
/*	margin-right: -10px; */
}

.dashboard .aplikace .delete,
.PopWinWhite .close {
	background-image:  url(../img/icon_close_black.png?time=1);
}
/* wp */
.page #login2app_pop {
	font-size: 90%;
}
#login2app_pop {
	font-size: 110%;
	z-index: 1050;
	max-width: 100%;
	color: #526256;
	max-width: 450px;
}
#login2app_pop #cont_app_login {
	margin-top: 20px;
}
#login2app_pop #cont_app_login_confirm {
	display: none;
}
#login2app_pop #cont_app_login_confirm #cont_inp_code {
	text-align: center;
}
#login2app_pop #cont_app_login_confirm #cont_inp_code input {
	margin: 0 auto;
}
#login2app_pop label {
	display: inline-flex;
	text-align: center;
	align-content: center;
	text-align: center;
	font-size: 90%;
}
#login2app_pop label input[type=checkbox]{
	margin-top: 0;
}

#login2app_pop button {
	float: none !important;
	border: 0;
	background: #4dcb43;
	color: #ffffff;
	padding: 12px 35px;
	float: right;
	margin: 10px 0 10px 0;
	border-radius: 3px;
	font-weight: bold;
	cursor: pointer;
	display: inline-block;
	font-size: 150%;
}
#login2app_pop input.letterspace5 {
	width: 188px !important;
	font-size: 26px;
}

#login2app_pop input.letterspace5::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: red;
	font-size: 26px;
}
#login2app_pop input.letterspace5::-moz-placeholder { /* Firefox 19+ */
	color: red;
	font-size: 26px;
}
#login2app_pop input.letterspace5:-moz-placeholder { /* Firefox 18- */
	color: red;
	font-size: 26px;
}
#login2app_pop input.letterspace5:-ms-input-placeholder { /* IE 10+ */
	color: red;
	font-size: 26px;
}
#login2app_pop .info_result {
	background: #ffda6b;
	padding: 15px 20px;
	display: none;
	border-radius: 3px;
	font-size: 110%;
}
#frm_login_lost_passwd {
	display: none;
}
#frm_login_lost_passwd_show:hover {
	text-decoration: underline;
}
.letterspace5 {
	letter-spacing: .5em;
}

#all_cont button#btn_login.login2app_pop,
#all_cont #button_more1 button#btn_login.login2app_pop {
	background: transparent;
}
#login2app_pop .or hr {
	position: absolute;
	z-index: 1;
	top: 3px;
	width: 100%;
}
#login2app_pop .or {
	position: relative;
	margin: 25px auto 20px auto;	
}
#login2app_pop .or span {
	position: relative;
	display: inline-block;
	padding: 0 10px;
	background: #ffffff;
	z-index: 2;
}
.ss-facebook-f {
	display: inline-block;
	width: 20px;
	height: 20px;
	background-size: 20px 20px;
}
#btn_fb_login {
	display: inline-block;
	background-color: #3b579d;
	position: relative;
	padding: 10px 12px 10px 15px;
	text-align: right;
	color: white;
	font-size: 15px;
	border-radius: 4px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	cursor: pointer;
}
#btn_fb_login span {
	display: inline-block;
	width: 100%;
	padding-right: 30px;
 	background: #3b579d url(../img/ico-facebook.png) no-repeat right center; 
	background-size: 20px 20px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}


#login2app_pop .title_email {
	font-size: 110%;
	font-weight: bold;
	margin: 10px 0;

}
select,
textarea.text,
input.text,
input[type="text"], input[type="number"], input[type="password"],input[type="email"], input[type="tel"], input[type="url"],
input.text {
	max-width: 100%;
	padding: 5px 15px;
	border: 1px solid #dddddd; 
	border-radius: 5px;
	margin-bottom: 9px;
	color: #3f3f3f;
	font-size: 14px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
select {
	width: auto;
	max-width: 100%;
}

/* nahledy test aplikaci */
#pre_info_demo_app div#link_ssp a,
#cont_test_app button {
	float: none;
	font-size: 115%;
	font-weight: normal;
	padding: 22px 66px 22px 25px;
	background: #4dcb43;
	background-image: url(../img/bg_btn_prizpusobit.png);
	background-position: right center;
	background-repeat: no-repeat;
	border-radius: 3px;
	border: 0;
	color: #ffffff;
	margin-top: 1em;
	cursor: pointer;
}


#cont_test_app button.video  {
	padding:5px 15px !important;
	margin: 2.5em 0 0 1em;
	font-size: 95% !important;
	background-image: url(../img/play_icon_white.png);
	background-size: 12px 12px;
	background-position: 0.7em center;
}

#cont_test_app button.video2  {
	width: 388px;
	height: 214px;
	display: block;
	cursor: pointer;
	opacity: 1;
	background: #00a1cb url(../img/preview_play_cz.png) 0 0 no-repeat;
}
#cont_test_app button,
#cont_test_app button.video2  {
}

 #cont_test_app button.video2:hover {
	background-position: 0 -215px;
	background-color: transparent;
}

#pre_info_demo_app div#link_ssp a:hover,
#cont_test_app button:hover,
#cont_test_app button.video:hover {
	background-color: #45c63c;
}
/* / nahledy test aplikaci */

#login_fill_phone.hide {
	display: none;
}

/* cookies_setting */
#cookie-law-info-bar {
/*	display: none; */
	background-color: rgba(0, 0, 0, 0.7);
	color: rgb(255, 255, 255);
	font-family: inherit;
	bottom: 0px;
	position: fixed;
	z-index: 9999;
	text-align: center;
	width: 100%;
	padding: 8px 0 8px 0 !important;
	font-size: 16px;
	color: #fff;
}
#cookie-law-info-bar-text {
	vertical-align: middle;
	font-size: 16px;
	color: #fff;
	line-height: 35px;
	font-weight: 300;
}

#cookie-law-info-bar.hide {
	display: none;
}
a#cookie_action_setting {
	color: #fff;
}
#cookie-law-info-again {
	display: none;
	background-color: rgb(255, 255, 255);
	color: rgb(0, 0, 0);
	position: fixed;
	font-family: inherit;
	bottom: 0px;
	left: 100px;
	font-size: 10pt;
	margin: 0;
	padding: 2px 10px;
	text-align: left;
	z-index: 9999;
	cursor: pointer;
}
#cookie-law-info-again.show {
	display: block;
}
#cookie_action_close_header {
	background: #FFFFFF;
	text-shadow: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	color: #C40016;
	font-size: 15px;
	font-weight: bold;
	line-height: 1;
	text-decoration: none;
	text-transform: uppercase;
	height: 32px;
	padding: 5px 15px;
	top: 0;
	border: 0;
	margin-left: 25px;
}
#cookie_action_close_header:hover {
	color: #fff;
	background: #C40016;
}

#cookies_setting .footer {
    flex-flow: row nowrap;
	align-items: center;
	background-color: #f0f0f0;
	border-top: 1px solid #e1e1e1;
	display: flex;
	justify-content: space-between;
	margin-top: auto;
}
#cookies_setting .content > DIV, #cookies_setting .footer, #cookies_setting .header, #cookies_setting LI {
  padding: 20px 40px;
}

#cookies_setting {
	align-items:center;
	background-color:rgba(0,0,0,.8);
	display:flex;
	flex-flow:column nowrap;
	font-size:16px;
	justify-content:center;
	height:0;
	left:50vw;
	opacity:0;
	pointer-events:none;
	position:fixed;
	top:50vh;
	transition:all .2s ease-out;
	width:0;
	z-index:10000
}
#cookies_setting.active {
	height:100vh;
	min-height:400px;
	left:0;
	opacity:1;
	pointer-events:all;
	top:0;
	transition:all .2s ease-out;
	width:100vw
}
#cookies_setting BUTTON {
	background-color:#0065bd;
	border:none;
	color:#fff;
	cursor:pointer;
	display:block;
	font-size:inherit;
	height:48px;
	margin:0 0 10px 0;
	padding:5px 10px;
	transition:all .2s ease-out;
	width:100%
}
#cookies_setting BUTTON.custom {
	background-color:#c8b400
}
#cookies_setting BUTTON.positive {
	background-color:green
}
#cookies_setting BUTTON.negative {
	background-color:#f50000
}
#cookies_setting BUTTON:hover {
	background-color:#002d56;
	transition:all .2s ease-out
}
#cookies_setting BUTTON:last-child {
	margin-bottom:unset
}
#cookies_setting .window {
	display:none
}
#cookies_setting.active .window {
	background-color:#fff;
	display:flex;
	filter:drop-shadow(0 0 2px rgba(0, 0, 0, .65));
	flex-flow:column nowrap;
	height:100%;
	min-height:300px;
	min-width:360px;
	overflow-y:auto;
	width:100%;
	position: relative;
}
#cookies_setting .content>DIV,
#cookies_setting .footer,
#cookies_setting .header,
#cookies_setting LI {
	padding:20px 40px
}
#cookies_setting .window>DIV {
	flex:0 1 auto
}
#cookies_setting .window>.content {
	flex-grow:1;
	overflow-y:auto
}
#cookies_setting .header {
	background-color:#1d685a;
	color:#fff;
	font-size:120%;
	letter-spacing:.025em;
	margin:unset;
	text-transform:uppercase
}
#cookies_setting .config {
	border-top:1px solid #e1e1e1;
	list-style-type:none;
	margin:0;
	padding:0
}
#cookies_setting .config>LI {
	border-bottom:1px solid #e1e1e1;
	padding-right:115px;
	position:relative;
	transition:all .2s ease-out
}
#cookies_setting .config>LI:hover {
	background-color:rgba(255,255,0,.1);
	cursor:pointer;
	transition:all .2s ease-out
}
#cookies_setting .config>LI::after {
	background:#fff none center center/100% 100% no-repeat;
	border:1px solid #e1e1e1;
	content:'';
	position:absolute;
	height:32px;
	right:40px;
	top:calc(50% - 16px);
	width:32px;
	transition:all .2s ease-out
}
#cookies_setting .config>LI.checked::after {
	background-image:url(../img/checked.min.svg);
	transition:all .2s ease-out
}
#cookies_setting .config>LI.disabled {
	cursor:unset
}
#cookies_setting .config>LI.disabled::after {
	background-color:#f0f0f0
}
#cookies_setting .config>LI:last-child {
	border-bottom:unset
}
#cookies_setting .config>LI>:first-child {
	font-size:90%;
	letter-spacing:.025em;
	margin-bottom:5px;
	text-transform:uppercase
}
#cookies_setting .footer {
	align-items:center;
	background-color:#f0f0f0;
	border-top:1px solid #e1e1e1;
	display:flex;
	flex-flow:column nowrap;
	justify-content:space-between;
	margin-top:auto
}

/* ajax loader */
#ajax_loader {
	min-width: 26.4px;
	min-height: 26.4px;
/*	width: 100%;*/
/*	background: url("../img/ajax_preloader.gif") center center no-repeat; */
	z-index: 150;
	display: block;
	position: absolute;
	-moz-box-sizing:    border-box;
	-webkit-box-sizing: border-box;
	box-sizing:        border-box;
	text-align: center;
}

figure_loader { border-radius: 100%; width: 26.4px; height: 26.4px; margin: auto; top: 0; bottom: 0; left: 0; right: 0; animation: colours 4s steps(1, start) infinite; }
figure_loader { 
	display: inline-block;
	vertical-align: middle;
	position: relative;
}   
.dot { position: absolute; width: 100%; height: 100%;  z-index:1; }
.dot:before, .dot:after { position: absolute; content: ""; display: block; perspective: 800px; transform-style: preserve-3d; } 

.dot.one:before { width: 50%; height: 100%; left: 0; background: #cd3820; border-radius: 2em 0 0 2em; } 
.dot.one:after { width: 50%; height: 100%; right: 0;  background: #cd3820; border-radius: 0 2em 2em 0;  }

.dot.two:before { width: 100%; height: 50%; top: 0; background: #fcb201; border-radius: 2em 2em 0 0; } 
.dot.two:after { width: 100%; height: 50%; bottom: 0;  background: #fcb201; border-radius: 0 0 2em 2em; }

.dot.three:before { width: 50%; height: 100%; left: 0; background: #019757; border-radius: 2em 0 0 2em; }
.dot.three:after { width: 50%; height: 100%; right: 0;  background: #019757; border-radius: 0 2em 2em 0;  } 

.dot.four:before { width: 100%; height: 50%; top: 0; background: #226ad9; border-radius: 2em 2em 0 0; }
.dot.four:after { width: 100%; height: 50%; bottom: 0;  background: #226ad9; border-radius: 0 0 2em 2em; } 

.dot.one:after { animation: dot1flip 4s linear infinite; transform-origin: left center; }
.dot.two:after { animation: dot2flip 4s linear infinite; transform-origin: top center; }
.dot.three:after { animation: dot3flip 4s linear infinite; transform-origin: left center; }
.dot.four:after { animation: dot4flip 4s linear infinite; transform-origin: top center; }

.dot.one { animation: dot1 4s linear infinite; opacity: 0; }
.dot.two { animation: dot2 4s linear infinite; opacity: 0; }
.dot.three { animation: dot3 4s linear infinite; opacity: 0; transform: rotate(180deg); }
.dot.four { animation: dot4 4s linear infinite; opacity: 0; transform: rotate(180deg); }

@keyframes colours {
  25% { background: #fcb201; }
  50% { background: #019757; }
  75% { background: #226ad9; }
  100% { background: #cd3820; }
}

@keyframes dot1 { 
  0% { opacity: 1; }
  25% { opacity: 1; }
  26% { opacity: 0; }
}
@keyframes dot2 { 
  24% { opacity: 0; }
  25% { opacity: 1; }
  50% { opacity: 1; }
  51% { opacity: 0; }
}
@keyframes dot3 { 
  49% { opacity: 0; }
  50% { opacity: 1; }
  75% { opacity: 1; }
  76% { opacity: 0; }
}
@keyframes dot4 { 
  74% { opacity: 0; }
  75% { opacity: 1; }
  99% { opacity: 1; }
  100% { opacity: 0; }
}

@keyframes dot1flip { 
  0% { transform: translateX( -0% ) rotateY( 0 ); background: #cd3820; }
  12.5% { background: #B02F1C; }
  12.6% { background: #FEC848; }
  25% { transform: translateX( -0% ) rotateY( 180deg ); background: #fcb201; }
}
@keyframes dot2flip {
  25% { transform: translateX( -0% ) rotateY( 0 ); background: #fcb201; }
  37.5% { background: #FEC848; }
  37.6% { background: #017A45; }
  50% { transform: translateY( -0% ) rotateX( -180deg ); background: #019757; }
}
@keyframes dot3flip { 
  50% { transform: translateX( -0% ) rotateY( 0 ); background: #019757; }
  62.5% { background: #01CB73; }
  62.6% { background: #1C57B0; }
  75% { transform: translateX( -0% ) rotateY( 180deg ); background: #226ad9; }
}
@keyframes dot4flip {
  75% { transform: translateX( -0% ) rotateY( 0 ); background: #226ad9; }
  87.5% { background: #1C57B0; }
  87.6% { background: #E3624F; }
  100% { transform: translateY( -0% ) rotateX( -180deg ); background: #cd3820; }
}
/* /ajax loader */

@media (min-width:480px) {
	#cookies_setting .window>DIV {
		text-align:justify
	}
}
@media (min-width:720px) {
	#cookies_setting BUTTON {
		margin-bottom:unset;
		width:185px
	}
	#cookies_setting .footer {
		flex-flow:row nowrap
	}
}
@media (min-width:1024px) {
	#cookies_setting.active .window {
		filter:drop-shadow(0 0 2px rgba(0, 0, 0, .65));
		height:calc(100vh - 100px);
		width:700px
	}
}

/* /cookies_setting */



@media only screen and (max-width: 600px) {
	#login2app_pop {
		padding: 5%;
	}
}