h1 {font-size: 26px;}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: var(--ThemeColor);
}


.StoryTile {max-width: 650px;margin: auto;}
.StoryTile .nadpis {font-size: 19px;font-weight: bold;}

.StoryTile .nadpis img {width: 160px;margin-right: 9px;}


.StoryTile .nadpis span {font-size: 15px;margin-left: 10px;color: #ffffff;width: 80%;}

.StoryTile .nadpis a {color: #ffffff;text-decoration: none;}
.StoryTile .nadpis a:hover {text-decoration: underline;}

.StoryTile .nadpis .edit {float:right;border: 1px solid #6c757d;padding: 0 5px;border-radius: 5px;}
.StoryTile .nadpis .edit a {font-size: 13px;font-weight: normal;color: var(--ThemeColor);text-decoration: none;}

.StoryTile .post_text {position: relative;left: 40px;margin-top: 12px;}

/* .StoryTile .post_text a {color:var(--ThemeColor);} 

.StoryTile .post_text a:hover {color:#ff7a96;} */

.StoryTile .tags {position: relative;left: 40px;margin-top: 12px;}
.StoryTile .tags a {margin:2px;}

.actor_info {max-width: 650px;margin: auto;}

.tag_button {background: var(--ThemeColor);
    color: black;
    border-radius: 10px;
    padding: 1px 7px;
    margin: 2px 4px 2px 0;
    display: inline-block;
	text-decoration: none;
	}


.tag_button_actor{
	background: var(--ThemeColor);
    color: black;
    border-radius: 10px;
    padding: 1px 7px;
    margin: 2px 4px 2px 0;
    display: inline-block;
	text-decoration: none;
	font-weight: bold;
}

.head_tag{background: #ffffff;
    color: black;
    border-radius: 10px;
    padding: 1px 7px;
    margin: 2px 4px 5px 0;
    display: block;
	text-decoration: none;
	width: max-content;
	font-size: 17px;
	font-weight: bold;
	}

.text_text {margin: 0 5px 5px 5px;}

.StoryTile .media {padding: 10px 0;}
.StoryTile .media img {position: relative;left: 40px;border-radius: 0px;}




#ImageLine {overflow: auto; white-space: nowrap; overflow-y: hidden; padding-bottom: 0px;margin-top: 7px;position:relative;left: 40px;text-align: center;}

#ImageLine img {left:0;    padding-right: 5px;}


/* .StoryTile .media .First{max-width:540px; width:100%;height:auto; } /* max-height: 90vh; */

.StoryTile .media .First{
max-width: 100%;
    height: auto;
    max-height: 74vh;
width: auto;
}


.StoryTile .media .Next{max-width: 150px; max-height: 80px;}



.StoryTile .media video {width:100%; max-width:590px; max-height:80vh; position: relative;left: 40px;border-radius: 5px;width: 100%;}

.StoryTile .ButtonLike {position: relative;left: 40px;cursor:pointer; float:left}
.StoryTile .ButtonsActors {float:right}


.ButtonsActors span {color: #999999; font-size: 12px; padding-right: 4px;}

#timeline hr {max-width: 630px;margin: 25px auto;border-top: 1px solid var(--ThemeColor);}

hr {border-top: 1px solid var(--ThemeColor);}

#succesInfoBar {margin: auto;position: fixed;z-index: 99999; background: #8bc34a; width: 100%;padding: 5px 15px;top: 0;font-size: 15px;color: black;display: none; font-weight: bold;}

#hotKeys span {cursor:pointer;margin-right:8px;color:var(--ThemeColor)}

#admin_edit_post_photos a {cursor:pointer;}

.FanPremiumTopicInfo {position: relative;left: 40px;text-align:justify;background: #fedd2c;padding: 10px; color: #000000;}
.FanPremiumTopicInfo a {color: #0069bd;}


.botto_info_panel{display:none;position: fixed;bottom: 0;width: 100%;left: 0;background: #730800;padding: 10px;}

#install_button{margin-right:20px}

#search_input_top {width: 75px;}

@media (min-width: 1200px) {
    .container{
        max-width: 880px;
    }
}

@media only screen and (max-width: 768px) {

	#bpwpa{padding-bottom:10px}
	#install_button{float: right;margin-right:0}
	#search_input_top {width: 100%;}
}

@media only screen and (max-width: 576px) {

	.StoryTile .media img, .StoryTile .media video, .StoryTile .text, .StoryTile .ButtonLike, #ImageLine, .StoryTile .post_text {position: inherit;left: 0;}
	.StoryTile .nadpis {margin-bottom: 20px;}
	.StoryTile .text {margin-bottom: 15px;}
	.StoryTile #QR_payment_img {display: none;}
	.FanPremiumTopicInfo {left: 0;}
	#bpwpa{padding-bottom:10px}
	#install_button{float: right;margin-right:0}
	
	
}


thead tr {border-bottom: 2px solid var(--ThemeColor);}

.paging {padding: 20px 0;text-align: center;}
.paging a {background: var(--ThemeColor); padding: 7px; color: #000000!important; text-decoration: none; margin-right: 5px;border-radius: 8px;}
.paging a:hover {background: #4e4d4d}
.paging a.active {background: #5b6670; color:#ffffff!important;}
.paging .total {font-size: 12px;}



.form-switch .form-check-input:focus {
    border-color: rgb(73 80 87);
    outline: 0;
    box-shadow: 0 0 0 0 rgba(10, 0, 0, 0);
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba(0,0,0,0.25)'/></svg>");
}
.form-switch .form-check-input:checked {
    background-color: #1e8755;
    border-color: #30D158;
    border: none;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba(255,255,255,1.0)'/></svg>");
}




.google-login-btn {
  display: flex;
  align-items: center;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  width: 100%;
  overflow: hidden;
  border-radius: 5px;
  background-color: #d6523e;
  cursor: pointer;
}
.google-login-btn .icon {
  display: inline-flex;
  height: 100%;
  padding: 15px 20px;
  align-items: center;
  justify-content: center;
  background-color: #cf412c;
  margin-right: 15px;
}

.google-login-btn .icon svg {
  fill: #fff;
}

.google-login-btn:hover {
  background-color: #d44a36;
}

.google-login-btn:hover .icon {
  background-color: #c63f2a;
}


.podpis_plocha {width:320px;height:240px;border: 1px solid #dee2e6;border-radius: 7px;}