/* -- text-block :: v.: 0.01 r.: 14/04/25 @ pp */
/*
 * v. 0.01 @ pp (14/04/25): utworzenie pliku (SKCZDEV-785)
 */
 /* text block standard */
.text-block-standard .row > div {font-size: .4em;}
.text-block-standard .row div li p {font-size: 100%; line-height: 1.5; margin: 0;}
.text-block-standard .row div li {margin: 0.21em 0; padding-bottom: 2px; list-style: none;}
.text-block-standard .subtitle {font-size: .5em; text-align: left; padding-left: 10px;}
.text-block-standard .subtitle p {font-size: 100%;}

.text-block-standard ol.num li, .text-block-standard ol.roman-num li, .text-block-standard ol.up-lat li, .text-block-standard ol.low-lat li {font-size: 100%;}

section.text-block-standard.tabs-elements li {font-size: 100%;}
section.text-block-standard.tabs-elements ul {width: 90%;}
section.text-block-standard.tabs-elements h2 {text-align: center;}
.text-block-standard .row .fs-norm-nli td {font-size: 1.5em !important;}

.text-block-standard .one-third .row, .text-block-standard .two-third .row {display: table; width: 100%;}
.text-block-standard .one-third .img-box, .text-block-standard .one-third .text-box, .text-block-standard .two-third .img-box, .text-block-standard .two-third .text-box {display: table-cell; vertical-align: middle;}
.text-block-standard .one-third .img-box, .text-block-standard .two-third .text-box {width: 33%;}
.text-block-standard .one-third .text-box, .text-block-standard .two-third .img-box {width: 66%;}

@media screen and (max-width: 768px) {
	.text-block-standard .one-third .text-box, .text-block-standard .two-third .img-box {width: 100%;}
}

/*.text-block-standard .next.button:not(.expert)::after {display: inline-block; width: .33rem; height: .55rem; margin-left: .25rem; margin-right: .6em; background: url("../img/arrows.png") no-repeat -64px 0; content: ""; vertical-align: middle;}*/
.text-block-standard tbody td img:not(.fl) {width: auto; max-width: 100%; height: auto;}
/*cloud(dialog) style*/
.text-block-standard .cloudleft .for-pad, .text-block-standard .cloudright .for-pad {padding: 10px;}
.text-block-standard .box-two .box {display: inline-block; width: 49%; vertical-align: top;}
.cloudnone .for-pad {padding: 10px;}
.text-block-standard .box-one .cloudleft .box, .text-block-standard .box-one .cloudright .box, .text-block-standard .box-two.cloudleft .box.first, .text-block-standard .box-two.cloudright .box.second {position: relative; background-color: var(--white-color); margin-top: 25px; border: 1px solid var(--light-border-color);}
.text-block-standard .cloudleft .box.first::after, .text-block-standard .cloudright .box.second::after {position: relative; display: block; height: 10px; width: 100%; content: '';}
.cloudleft .box.first::before, .cloudright .box.second::before {position: absolute; display: block; height: 24px; width: 36px; content: '';}
.cloudright .box.second::before {background-image: url('../img/dialog-cloud.png'); float: left; top: -22px; left: 20px;}
.cloudleft .box.first::before {background-image: url('../img/dialog-cloud-to-right.png'); float: right; top: -22px; right: 20px;}

.text-block-standard ul {padding: 0 0 0 1rem;}
/*.text-block-standard ul li {line-height: 1.5em;}*/
.text-block-standard .row .fs-norm td li {font-size: 1.25em;}
.text-block-standard ul li::before {top: .7em !important; width: .4em !important; height: .4em !important;}

.text-block-standard .row p > img {width: auto; max-width: 100%; height: auto; }
.text-block-standard .row > div .overflow-hidden img {display: block; max-width: 100%; height: auto; margin: auto;}

.text-block-standard table td > a.link-name em {color: var(--def-links); font-size: 100%;}
.text-block-standard table td > a.link-name > span.file {display: inline-block; width: 30px; height: 30px; padding-bottom: 5px; vertical-align: top; background: url(../img/icons/attachment/attachment_icon.png) 50% 0% no-repeat;}
.text-block-standard table td > a.link-name > em {display: inline-block; width: 85%; vertical-align: top; font-style: normal;}
.text-block-standard table td > a.link-name > span.file em {display: inline-block; width: 100%; margin-top: 27px; color: var(--ind-bg-color); font-style: normal; font-weight: bold; text-align: center; font-size: 12px; text-transform: lowercase;}

.text-block-standard .row li sup {position: absolute; margin-top: -5px; font-size: .6em;}

.biz .text-block-standard .row ul li a {color: var(--biz-bg-color);}
.ind .text-block-standard .row ul li a {color: var(--ind-bg-color);}

.text-block-standard div.container {padding: 0;}
.text-block-standard .grey .headline {margin: 0 10px 0;}
.text-block-standard .row a.link-name {font-size: 100%; word-break: break-word;}
.text-block-standard div.container .row {padding: 0 15px;}
.text-block-standard div.container .inner {padding: 0 0 .5em; background-color: transparent;}
.text-block-standard div.container .inner.grey {padding: 15px 0; background-color: var(--light-gray-color);}
/*.text-block-standard div.container .inner p {font-size: .4rem !important;}*/
.text-block-standard div.container .inner p.r-text {text-align: right;}
.text-block-standard div.container .inner p.no-fl a {float: none;}

/* -- table in text-block -- */
.text-block-standard .subtitle h3 {font-size: 100%;}
.text-block-standard ul li {position: relative;}
.text-block-standard a.grey.middle.button, .text-block-standard a.red.middle.button {float: right;/* padding: 10px 1.8em 10px 10px;*/ font-size: 1em;}
.text-block-standard a.grey.middle.button p, .text-block-standard a.red.middle.button p {font-size: 100%;}
.firefox .text-block-standard table.w-img, .firefox .text-block-standard table.w-img tbody, .firefox .text-block-standard table.w-img tbody tr, .firefox .text-block-standard table.w-img tbody tr td {display: block;}
.firefox .text-block-standard tbody td img:not(.fl) {max-width: 100%; height: auto;}
.firefox .text-block-standard table.w-imgs td img:not(.fl) {width: auto !important;}
.text-block-standard table, section.faq table {width: 100%; border-collapse: collapse;}
.text-block-standard tr:hover, section.faq tr:hover {background-color: var(--light-gray-color); color: var(--end-text);}
.text-block-standard thead td, section.faq thead td {padding: 10px; background-color: var(--silver-color); border-right: 1px solid var(--gallery-color)/*var(--gray-color)*/; border-top: 1px solid var(--gallery-color)/*var(--gray-color)*/; color: var(--white-color); font-size: 1.11em !important;}
.text-block-standard tbody tr.grey td, .tabs-elements tbody tr.grey td, tbody td.td-grey {padding: 10px; background-color: var(--silver-color); border-right: 1px solid var(--gray-color); color: var(--white-color);}
tbody td.td-grey {border-right: 1px solid var(--gray-color) !important; color: var(--white-color) !important;}
.text-block-standard tbody tr.grey td p, .tabs-elements tbody tr.grey td p, tbody td.td-grey p {color: var(--white-color);}
.text-block-standard tbody tr.grey td:last-child, .tabs-elements tbody tr.grey td:last-child {border-right: none;}
.text-block-standard thead td:last-child, section.faq thead td:last-child {border-right: none;}
.text-block-standard thead td p, section.faq thead td p {font-size: 100%;}
.text-block-standard tbody td, section.faq tbody td {padding: 10px 5px; border-bottom: 1px solid var(--nav-border); border-right: 1px solid var(--nav-border); color: var(--legal-label);}
.text-block-standard tbody td:last-child, section.faq tbody td:last-child {border-right: none;}
.text-block-standard tbody td p, section.faq tbody td p {margin: 0; line-height: 1.2;}

/* text block */
.text-block-standard ul {list-style: none;}
.text-block-standard ul li:before {position: absolute; left: -1em; top: .55em; display: inline-block; margin: -2px 15px 0 0; width: .4em; height: .4em; background: var(--ind-bg-color); vertical-align: middle; content: '';}

@media screen and (max-width: 768px) {
	.text-block-standard.table-mode .row, .text-block-standard.table-mode {width: 96%; overflow-x: scroll; overflow-y: hidden;}
	.text-block-standard.table-mode table {width: 768px !important;}

	.text-block-standard .one-third .text-box, .text-block-standard .two-third .img-box {width: 100%;}

	.text-block-standard .cloudright .box.second, .text-block-standard .cloudleft .box.first {width: 97%; margin: 25px auto 0 !important; display: block;}
	.text-block-standard .cloudright .box.first, .text-block-standard .cloudleft .box.second, .text-block-standard .cloudnone .box {width: 100%;}
	.text-block-standard .cloudnone .box {display: block;}
	.text-block-standard div.container .row {padding: 0;}
}
@media screen and (max-width: 767px) {
	.text-block-standard .template.first > tbody > tr > td {display: block; width: 100% !important; padding-right: 0px !important;}
}
@media screen and (max-width: 640px) {
	/*.text-block-standard.table-mode .row, .text-block-standard.table-mode {width: 100%; overflow-x: scroll; overflow-y: hidden;}
	.text-block-standard.table-mode table {width: 640px !important;}*/
	.text-block-standard div.container .row > div {width: 100%; overflow: auto;}
	.text-block-standard .one-third .img-box, .text-block-standard .one-third .text-box, .text-block-standard .two-third .img-box, .text-block-standard .two-third .text-box {display: block;}
}
@media screen and (max-width: 568px) {
	.text-block-standard .after-text.small-text .link-name.more {position: absolute; bottom: -10px;}
	.edge .text-block-standard .after-text.small-text .link-name.more {bottom: 70px;}
	.text-block-standard .after-text.small-text .dots {position: absolute; right: 0; bottom: 0;}
	.after-text.small-text {height: 45px; overflow: hidden;}
	.after-text.small-text.show {height: auto; overflow: visible;}
}
@media screen and (max-width: 480px) {
	.text-block-standard .row p > img {display: block; float: none !important; margin: auto !important;}
}