html, body {
    height: 100%;
}
#page-section {
	position:static;
	height:100%;
}
#main-section {
    position: relative;
	min-height: calc( 100% - 55px );
}
.container,
.container-medium,
.container-small,
.container-extra-small {
	padding-left: 30px;
	padding-right: 30px;
}
.container {
	width:1000px !important;
	max-width:1000px !important;
}
.container-medium {
	width:700px !important;
	max-width:700px !important;
	margin: 0 auto;
}
.container-small {
	width:500px !important;
	max-width:500px !important;
	margin: 0 auto;
}
.container-extra-small {
	widows: 300px !important;
	max-width:300px !important;
	margin: 0 auto;
}
.h-auto {
	height:auto !important;
}
.h-full {
	height:100% !important;
}
.w-full {
	width:100% !important;
}

.pd-content {
	padding-top:60px;
	padding-bottom:60px;
}
.pd-top-content { padding-top:60px; }
.pd-bottom-content { padding-bottom:60px; } 
.pd-min-content {
	padding-top:40px;
	padding-bottom:40px;
}
.pd-min-top-content { padding-top:40px; }
.pd-min-bottom-content { padding-bottom:40px; } 

/* --- full-height-page --- */

.full-height-page #main-section {
    height: calc( 100% - 55px ); /* 55 =  height footer */
}
.full-height-page #main-section > .inside-main,
.full-height-page #main-section > .inside-main > .sec-table {
	height:100%;
}

/* h header main + sub = 80 + 80 , h footer = 55 */
.header-all-xl #main-section {
	min-height: calc( 100% - 215px );
}
.full-height-page.header-all-xl #main-section {
    height: calc( 100% - 215px );
}
.header-main-xl #main-section {
	min-height: calc( 100% - 135px );
}
.full-height-page.header-main-xl #main-section {
    height: calc( 100% - 135px );
}

/* ***** TOPIC ***** */

/* --- topic --- */

.topic-section,
.topic-row, .topic-group {
	position:relative;
}
.topic-row.mg,
.topic-group.mg {
	margin-top:30px;
	margin-bottom:30px;
}
.topic-section.mg {
	margin-top:50px;
	margin-bottom:50px;
}

.topic-row.has-col {
	display: flex;
	flex-wrap: nowrap;
}
.topic-row.has-col > .col-left {
	flex: 1;
	flex-basis: 0.000000001px;
}
.topic-row.has-col > .col-right {}

/* topic has icon */
.topic-group.has-icon {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
}
.topic-group.has-icon > .col-topic {
	flex: 1;
	flex-basis: 0.000000001px;
}
.topic-group.has-icon > .col-icon {
	text-align: left;
}
.topic-group.has-icon > .col-icon.small {
	width: 40px;
	font-size: 20px;
}
.topic-group.has-icon > .col-icon.medium {
	width: 50px;
	font-size: 30px;
}
.topic-group.has-icon > .col-icon.large {
	width: 60px;
	font-size: 40px;
}
.topic-group.has-icon > .col-icon.extra-large {
	width: 65px;
	font-size: 50px;
}

/* topic page */
.topic-page {
	margin-bottom: 30px;
}
.topic-page .main-topic {
	font-size: 40px;
	line-height: 50px;
    font-weight: 700 !important;
    letter-spacing: -1px;
}
.topic-page.underline {
	border-bottom: 1px solid rgba(229,229,229,1) !important;
	/* border-bottom: 1px solid rgba(50,50,50,1) !important; */
	padding-bottom: 30px;
}


/* ***** CONTNET ***** */

.content-section,
.content-inside,
.content-row,
.topic-content {
	position:relative;
}
.content-section,
.content-inside,
.content-row {
	width:100%;
}
.content-row + .content-row {
	margin-top:50px;
}
.topic-content.mg {
	margin-bottom:15px;
}

/* ***** BREADCRUMB ***** */

.container .row-breadcrumb-path .container {
	padding-left:0;
	padding-right:0;
}
.row-breadcrumb-path {
	position:relative;
	padding:15px 0;
	border-bottom: 1px solid rgba(229,229,229,1);
}
.breadcrumb-path-group {
	position:relative;
	display: flex;
}
.breadcrumb-path-group > .label-path,
.breadcrumb-path-group > .path {
	position:relative;
	/* display:inline-block;
	float:left; */
}
.breadcrumb-path-group > .label-path,
.breadcrumb-path .path {
	font-size: 12px;
    line-height: 15px;
    letter-spacing: 0.1px;
	font-weight:500;
}
.breadcrumb-path-group > .label-path {
	padding-right:20px;
}
.breadcrumb-path-group > .label-path:before {
	position:absolute;
	content:":";
	top:0;
	right:0;
	font-size:10px;
	line-height:15px;
	width:20px;
	text-align:center;
}

.breadcrumb-path {
	position:relative;
	/*margin:30px 0;*/
	line-height:0;
}
.breadcrumb-path .path {
	position:relative;
	padding:0;
	margin:0;
	background:none !important;
	/*text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;*/
    display: inline-block;
	/*text-transform: uppercase;*/
	text-transform: capitalize !important;
}
.breadcrumb-path .path > li {
	position:relative;
    width: auto;
    display: inline-block;
	float:left;
    line-height: 15px !important;
    /*vertical-align: middle;*/
    /*text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;*/
}
.breadcrumb-path .path > li + li {
    padding-left:22px;
	margin-left:0;
}
.breadcrumb-path .path > li + li:before {
    position: absolute;
	width:10px;
	height:15px;
	text-align:center;
	padding:1px 0 0 0 !important;
	top: -1px;
	left:7px;
    color: rgba(0,0,0,0.3);
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-style: normal !important;
	content: "\f101";
	font-size:10px !important;
}
.breadcrumb-path .path > li .menu {
	display:block;
	line-height:15px;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
/*.breadcrumb-path .path > li.w-custom {
	max-width:250px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}*/
.breadcrumb-path .path,
.breadcrumb-path .path a {
	color:rgba(12,12,12,0.5) !important;
}
.breadcrumb-path .path > li.active {
	/*color:rgba(180,150,81,1) !important;*/
	color:rgba(12,12,12,1) !important;
}

/* border top */
.row-breadcrumb-path.border-top .breadcrumb-path {
	border-top:1px solid rgba(10,10,10,0.1);
	padding-top:20px;
}

/* border bottom */
.row-breadcrumb-path.border-bottom .breadcrumb-path {
	border-bottom:1px solid rgba(10,10,10,0.1);
	padding-bottom:20px;
}

/* border center */
.row-breadcrumb-path.border-center .breadcrumb-path:before {
	position: absolute;
	display: block;
    content: "";
    width: 100%;
	height:1px;
    left: 0;
    top: 7.5px;
	z-index:1;
}
.breadcrumb-path.border-center:before,
[ data-theme="white" ] .breadcrumb-path.border-center:before {
	background-color: rgba(0,0,0,0.07);
}
[ data-theme="gray" ] .breadcrumb-path.border-center:before {
	background-color: rgba(0,0,0,0.04);
}
.breadcrumb-path.border-center .path {
	z-index:2;
	padding-right:10px;
}
.breadcrumb-path.border-center .path,
[ data-theme="white" ] .breadcrumb-path.border-center .path {
	background-color:rgba(255,255,255,1) !important;
}
[ data-theme="gray" ] .breadcrumb-path.border-center .path {
	background-color:rgba(240,240,240,1) !important;
}

/* ***** TEXT ***** */

/* --- slot text --- */

.slot-text-row {
	position:relative;
}
.slot-text-row.text-center ul.slot-text-group {
	margin:0 auto;
}
ul.slot-text-group, ul.slot-text-group > li {
	position:relative;
	list-style:none !important;
	margin:0;
	padding:0;
}
ul.slot-text-group {
	display:table;
}
ul.slot-text-group > li {
	display:inline-block;
	float:left;
	padding:0 15px;
}
ul.slot-text-group > li:before,
ul.slot-text-group > li:after {	
	position:absolute;
	content:"";
	height:15px;
	top:50%;
	margin-top:-7.5px;
}
ul.slot-text-group > li:before {
	left:0;
	border-left-style:solid;
	border-left-width:thin;
}
ul.slot-text-group > li:after {
	right:0;
	border-right-style:solid;
	border-right-width:thin;
}
ul.slot-text-group > li:before,
ul.slot-text-group > li:after,
.textcolor-black ul.slot-text-group > li:before,
.textcolor-black ul.slot-text-group > li:after,
ul.slot-text-group.textcolor-black > li:before,
ul.slot-text-group.textcolor-black > li:after {
	border-color:rgba(10,10,10,0.3);
}
.textcolor-white ul.slot-text-group > li:before,
.textcolor-white ul.slot-text-group > li:after,
ul.slot-text-group.textcolor-white > li:before,
ul.slot-text-group.textcolor-white > li:after {
	border-color:rgba(255,255,255,0.3);
}

ul.slot-text-group > li:first-child {
	padding-left:0 !important;
}
ul.slot-text-group > li:first-child:before {
	display:none !important;
}
ul.slot-text-group > li:last-child {
	padding-right:0 !important;
}
ul.slot-text-group > li:last-child:after {
	display:none !important;
}
ul.slot-text-group > li + li:before {
	display:none;
}

/* inline word wrap */
ul.slot-text-group.inline-word-wrap {
	display:block !important;
}
ul.slot-text-group.inline-word-wrap > li {
	display:inline;
	float:none;
}
ul.slot-text-group.inline-word-wrap > li + li {
	padding-left:6px;
}

/* none border */

ul.slot-text-group > li.none-border {
	padding:0 !important;
}
ul.slot-text-group > li.none-border + li.none-border {
	padding-left:15px !important;
}
ul.slot-text-group.min-spacing > li.none-border + li.none-border {
	padding-left:8px !important;
}
ul.slot-text-group > li.none-border.zero-spacing + li.none-border.zero-spacing {
	padding:0 !important;
}
ul.slot-text-group > li.none-border:before,
ul.slot-text-group > li.none-border:after {
	display:none !important;
}
ul.slot-text-group > li.none-border-left.zero-spacing {
	padding-left:0 !important;
}
ul.slot-text-group > li.none-border-left:before {
	display:none;
}
ul.slot-text-group > li.none-border-right.zero-spacing {
	padding-right:0 !important;
}
ul.slot-text-group > li.none-border-right:after {
	display:none !important;
}

/* min-spacing */
ul.slot-text-group.min-spacing.text-min,
ul.slot-text-group.extra-min-spacing.text-min {
	font-size:12px;
}
ul.slot-text-group.min-spacing > li,
ul.slot-text-group.extra-min-spacing > li {
	padding:0 10px;
}
ul.slot-text-group.min-spacing > li:before,
ul.slot-text-group.min-spacing > li:after,
ul.slot-text-group.extra-min-spacing > li:before,
ul.slot-text-group.extra-min-spacing > li:after {	
	height:10px;
	margin-top:-5px;
}
ul.slot-text-group.extra-min-spacing > li {
	padding:0 5px;
}

/* list style dot */
ul.slot-text-group.list-style-dot > li {
	padding:0 10px;
}
ul.slot-text-group.list-style-dot > li:before,
ul.slot-text-group.list-style-dot > li:after {
	border:none !important;
}
ul.slot-text-group.list-style-dot > li:before,
ul.slot-text-group.list-style-dot > li:after {
	width:5px !important;
	height:5px !important;
	border-radius:100%;
	margin-top:-3px !important;
}
ul.slot-text-group.list-style-dot > li:before {
	left:-2.5px;
}
ul.slot-text-group.list-style-dot > li:after {
	right:-2.5px;
}

ul.slot-text-group.list-style-dot > li:before,
ul.slot-text-group.list-style-dot > li:after,
.textcolor-black ul.slot-text-group.list-style-dot > li:before,
.textcolor-black ul.slot-text-group.list-style-dot > li:after,
ul.slot-text-group.list-style-dot.textcolor-black > li:before,
ul.slot-text-group.list-style-dot.textcolor-black > li:after {
	background-color:rgba(10,10,10,1);
}
.textcolor-white ul.slot-text-group.list-style-dot > li:before,
.textcolor-white ul.slot-text-group.list-style-dot > li:after,
ul.slot-text-group.list-style-dot.textcolor-white > li:before,
ul.slot-text-group.list-style-dot.textcolor-white > li:after {
	background-color:rgba(255,255,255,1);
}

ul.slot-text-group.list-style-dot.dot-transparent > li:before,
ul.slot-text-group.list-style-dot.dot-transparent > li:after,
.textcolor-black ul.slot-text-group.list-style-dot.dot-transparent > li:before,
.textcolor-black ul.slot-text-group.list-style-dot.dot-transparent > li:after,
ul.slot-text-group.list-style-dot.dot-transparent.textcolor-black > li:before,
ul.slot-text-group.list-style-dot.dot-transparent.textcolor-black > li:after,
.textcolor-white ul.slot-text-group.list-style-dot.dot-transparent > li:before,
.textcolor-white ul.slot-text-group.list-style-dot.dot-transparent > li:after,
ul.slot-text-group.list-style-dot.dot-transparent.textcolor-white > li:before,
ul.slot-text-group.list-style-dot.dot-transparent.textcolor-white > li:after {
	opacity:0.2;
}

/* ----- ----- */

.table-text {
	position: relative;
}
.table-text > .tr {
	position: relative;
	display: flex;
	flex-wrap: wrap;
}
.table-text > .tr > .th,
.table-text > .tr > .td {
	width: 100%;
}

.table-text.inline > .tr {
	flex-wrap: nowrap;
}

.table-text .label {
	font-weight: 600 !important;
}
.table-text .text {}

/**/
.table-text > .tr {
	padding: 10px 0;
}
.table-text > .tr + .tr {
	border-top: 1px solid rgba(0,0,0,0.1);
}



/* ---- text group  ---- */

.text-group-section {
	position: relative;
}

.text-group-section[data-width-label] .text-group {
	display: flex;
	flex-wrap: nowrap;
}
.text-group-section.has-colon .text-group > [class*="col-"],
.text-group-section.has-colon[data-width-label] .text-group > [class*="col-"] {
	position: relative;
}
.text-group-section.has-colon .text-group > .col-label {
    width: auto;
	min-width: 0;
	display: inline-block;
}
.text-group-section.has-colon .text-group > .col-label,
.text-group-section.has-colon[data-width-label] .text-group > .col-label {
	padding-right: 15px;
}
.text-group-section.has-colon[data-width-label] .text-group > .col-label + .col-text {
	/* padding-left: 15px; */
	padding-left: 0;
}
.text-group-section.has-colon .text-group > .col-label:before,
.text-group-section.has-colon[data-width-label] .text-group > .col-label:before {
	position:absolute;
	top:0;
	right:0;
	display:block;
	width:15px;
	text-align:center;
	content:":";
	font-size:80%;
	font-weight:700;
}

.text-group-section[data-width-label="100"] .text-group > .col-label {
	width: 100px;
	min-width: 100px;
}
.text-group-section[data-width-label="110"] .text-group > .col-label {
	width: 110px;
	min-width: 110px;
}
.text-group-section[data-width-label="120"] .text-group > .col-label {
	width: 120px;
	min-width: 120px;
}
.text-group-section[data-width-label="130"] .text-group > .col-label {
	width: 130px;
	min-width: 130px;
}
.text-group-section[data-width-label="140"] .text-group > .col-label {
	width: 140px;
	min-width: 140px;
}
.text-group-section[data-width-label="150"] .text-group > .col-label {
	width: 150px;
	min-width: 150px;
}
.text-group-section[data-width-label="160"] .text-group > .col-label {
	width: 160px;
	min-width: 160px;
}
.text-group-section[data-width-label="170"] .text-group > .col-label {
	width: 170px;
	min-width: 170px;
}
.text-group-section[data-width-label="180"] .text-group > .col-label {
	width: 180px;
	min-width: 180px;
}
.text-group-section[data-width-label="190"] .text-group > .col-label {
	width: 190px;
	min-width: 190px;
}
.text-group-section[data-width-label="200"] .text-group > .col-label {
	width: 200px;
	min-width: 200px;
}


.text-group {
	position: relative;
}
.text-group > .col-label {
	font-weight:600;
}
.text-group > span.col-label + span.col-text {
	padding-left:5px;
}

/* colon */
.text-group .colon,
.text-group.colon > .col-label,
.text-label-colon {
	position:relative;
	padding-right:15px;
}
.text-group .colon:before,
.text-group.colon > .col-label:before,
.text-label-colon:before {
	position:absolute;
	top:0;
	right:0;
	display:block;
	width:15px;
	text-align:center;
	content:":";
	font-size:80%;
	font-weight:700;
}
.text-group.colon > .col-text {
	padding-left:0 !important;
}
.text-group.colon > .col-label + .col-text {
	padding-left:0;
}

.text-min .text-group.colon > .col-label,
.text-group.colon.text-min > .col-label {
	padding-right:10px;
}
.text-min .text-group.colon > .col-label:before,
.text-group.colon.text-min > .col-label:before {
	top:0.5px;
	width:10px;
	font-weight:800;
}

/* width custom */
.text-group.inline.width-custom.colon > .col-label {
	padding-right: 10px !important;
}
.text-group.inline.width-custom.colon > .col-text {
	position: relative;
	padding-left: 15px !important;
}
.text-group.inline.width-custom.colon > .col-label:before {
	display: none !important;
}
.text-group.inline.width-custom.colon > .col-text:before {
	position:absolute;
	top:1px;
	left:0;
	display:block;
	width:15px;
	text-align:left;
	content:":";
	font-size:80%;
	font-weight:700;
}

/* inline */
.text-group.inline {
	display: flex;
	flex-wrap: nowrap;
}
.text-group.inline > .col-label + .col-text {
	padding-left:5px;
}

/* inline left + right */
.text-group.inline > .col-left {

}
.text-group.inline > .col-right {
	flex: 1;
    flex-basis: 0.000000001px;
}

/* ***** COLLAPSE ***** */

.collapse-section > .collapse-group,
.collapse-section > .collapse-group > .collapse-btn,
.collapse-section > .collapse-group > .collapse-content {
	position:relative;
}
.collapse-section > .collapse-group > .collapse-btn {
	cursor:pointer !important;
	padding-right:30px !important;
}
.collapse-section > .collapse-group > .collapse-btn:before {
    position: absolute;
    width: 30px;
    text-align: center;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 10px;
    content: "\f078";
    top: 0;
    right: 0;
}
.collapse-section > .collapse-group.collapse-open > .collapse-btn:before {
    content: "\f077";
}
.collapse-section > .collapse-group > .collapse-content {
	display:none;
}
.collapse-section > .collapse-group.open-all-time > .collapse-btn {
	cursor:default !important;
	padding-right:20px !important;
}
.collapse-section > .collapse-group.open-all-time > .collapse-content  {
	display:block;
}

/* in card custom */
.collapse-section > .collapse-group.card-custom > .collapse-btn:before {
	top:20px;
	text-align:left;
}
.collapse-section > .collapse-group.card-custom.bg-enable > .collapse-btn {
	background-color:rgba(255,255,255,1);
}
.collapse-section > .collapse-group.card-custom.bg-enable {
	background-color:rgba(255,255,255,0.7);
}

/* ***** TAB ***** */

.tab-section,
.tab-section .tab-menu-section,
.tab-section .tab-content-section {
	position:relative;
}

.tab-menu-group,
.tab-menu-group .tab-menu-list,
.tab-menu-group .tab-menu-list .menu {
	position:relative;
}

/* tab content */
.tab-content-group,
.tab-content-group .tab-content-list {
	position:relative;
	margin:0;
	padding:0;
}
.tab-content-group {
	display:block;
	clear:both;
	width:100%;
}
.tab-content-group .tab-content-list {
	display:none;
}
.tab-content-group .tab-content-list.active {
	display:block !important;
}

/* menu underline slide */

/* ***** MENU FREE DRAG ***** */

.freedrag-menu-section,
.freedrag-menu-container,
.freedrag-menu-wrapper,
.freedrag-menu {
	position: relative;
}
.freedrag-menu-container {
	display: flex;
	/* width: 1000px; */
	/* background-color: rgba(0,0,0,0.5); */
	margin: 0 auto;
	overflow: hidden !important;
}
.freedrag-menu-wrapper {
	display: flex;
	flex-shrink: 0;
	/* background-color: rgba(255,255,0,0.2);	 */
	transition: left 0.3s ease;
    -webkit-transition: left 0.3s ease;
    -moz-transition: left 0.3s ease;
    -ms-transition: left 0.3s ease;
    -o-transition: left 0.3s ease;
}
.freedrag-menu {
	flex-shrink: 0;
	text-align: center;
}
.freedrag-menu:nth-child(odd) {
	/* background-color: rgba(255,0,255,0.2); */
}

/* img square */
.img-profile-square {
	position: relative;
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	background-color: #ccc;
	overflow: hidden;
	box-shadow: 0 0 0 1px rgba(0,0,0,0.05);
}
.img-profile-square.min-radius {
	border-radius: 10px;
}
.img-profile-square.extra-min-radius {
	border-radius: 5px;
}
.img-profile-square.small {	
	width: 50px;
	height: 50px;
}
.img-profile-square.medium {	
	width: 100px;
	height: 100px;
	border-radius: 5px;
}
.img-profile-square.large {	
	width: 150px;
	height: 150px;
	border-radius: 5px;
}

/* xl */
@media (min-width: 1200px) {


.container {
	width:960px !important;
	max-width:960px !important;
}

/* ***** TEXT ***** */

/* text group */
.text-group-section[data-width-label].clear-xl .text-group {
	flex-wrap: wrap !important;
}
.text-group-section[data-width-label].clear-xl .text-group > .col-label {
	width: auto !important;
	min-width: 0 !important;
}
.text-group-section[data-width-label].clear-xl .text-group > .col-text {
	width: 100% !important;
}
.text-group-section[data-width-label].clear-xl .text-group + .text-group {
	margin-top: 15px;
}

}

/* xl - more 1 */
@media (min-width: 1650px) {
}

/* xl - more 2 */
@media (min-width: 1200px) and (max-width: 1649.98px) {
}

/* lg */
@media (min-width: 992px) and (max-width: 1199.98px) {

.container {
	width:960px !important;
	max-width:960px !important;
}
/* .container-medium,
.container-small {} */

/* h header main + sub = 80 + 80 , h footer = 55 */
.header-all-lg #main-section {
	min-height: calc( 100% - 215px );
}
.full-height-page.header-all-lg #main-section {
    height: calc( 100% - 215px );
}
.header-main-lg #main-section {
	min-height: calc( 100% - 135px );
}
.full-height-page.header-main-lg #main-section {
    height: calc( 100% - 135px );
}

/* ***** TEXT ***** */

/* text group */
.text-group-section[data-width-label].clear-lg .text-group {
	flex-wrap: wrap !important;
}
.text-group-section[data-width-label].clear-lg .text-group > .col-label {
	width: auto !important;
	min-width: 0 !important;
}
.text-group-section[data-width-label].clear-lg .text-group > .col-text {
	width: 100% !important;
}
.text-group-section[data-width-label].clear-lg .text-group + .text-group {
	margin-top: 15px;
}


}

/* md - sm - xs */
@media (max-width: 991.98px) {

.container,
.container-medium,
.container-small {
	padding-left: 20px;
	padding-right: 20px;
}

}

/* md */
@media (min-width: 768px) and (max-width: 991.98px) {

.container,
.container-medium,
.container-small {
	width:720px !important;
	max-width:720px !important;
}

.topic-page .main-topic {
	font-size: 32px;
	line-height: 40px;
}

/* h header main + sub = 80 + 80 , h footer = 55 */
.header-all-md #main-section {
	min-height: calc( 100% - 215px );
}
.full-height-page.header-all-md #main-section {
    height: calc( 100% - 215px );
}
.header-main-md #main-section {
	min-height: calc( 100% - 135px );
}
.full-height-page.header-main-md #main-section {
    height: calc( 100% - 135px );
}

/* ***** TEXT ***** */

/* text group */
.text-group-section[data-width-label].clear-md .text-group {
	flex-wrap: wrap !important;
}
.text-group-section[data-width-label].clear-md .text-group > .col-label {
	width: auto !important;
	min-width: 0 !important;
}
.text-group-section[data-width-label].clear-md .text-group > .col-text {
	width: 100% !important;
}
.text-group-section[data-width-label].clear-md .text-group + .text-group {
	margin-top: 15px;
}

}

/* sm - xs */
@media (max-width: 767.98px) {

/* h header main + sub = 60 + 60 , h footer = 50 */
.header-all-sm #main-section,
.header-all-xs #main-section {
	min-height: calc( 100% - 170px );
}
.full-height-page.header-all-sm #main-section,
.full-height-page.header-all-xs #main-section {
    height: calc( 100% - 170px );
}
.header-main-sm #main-section,
.header-main-xs #main-section {
	min-height: calc( 100% - 115px );
}
.full-height-page.header-main-sm #main-section,
.full-height-page.header-main-xs #main-section {
    height: calc( 100% - 115px );
}

.topic-page .main-topic {
    font-size: 25px;
    line-height: 30px;
    font-weight: 600 !important;
    letter-spacing: -0.5px;
}

.row-breadcrumb-path {
	display: none !important;
}

}

/* sm */
@media (min-width: 576px) and (max-width: 767.98px) {

.container,
.container-medium,
.container-small {
	width:540px !important;
	max-width:540px !important;
}

.pd-content {
	padding: top 40px;
	padding-bottom:40px;
}
.pd-top-content { padding-top:40px; }
.pd-bottom-content { padding-bottom:40px; } 
.pd-min-content {
	padding-top:30px;
	padding-bottom:30px;
}
.pd-min-top-content { padding-top:30px; }
.pd-min-bottom-content { padding-bottom:30px; } 

/* ***** TOPIC ***** */

/* topic has col */
.topic-row.has-col.clear-sm {
    display: flex;
    flex-wrap: wrap;
}
.topic-row.has-col.clear-sm > [ class*="col-" ]  {
	width:100% !important;
}
.topic-row.has-col.clear-sm > .col-left + .col-right {
	margin-top: 20px;
}

/* ***** TEXT ***** */

/* text group */
.text-group-section[data-width-label].clear-sm .text-group {
	flex-wrap: wrap !important;
}
.text-group-section[data-width-label].clear-sm .text-group > .col-label {
	width: auto !important;
	min-width: 0 !important;
}
.text-group-section[data-width-label].clear-sm .text-group > .col-text {
	width: 100% !important;
}
.text-group-section[data-width-label].clear-sm .text-group + .text-group {
	margin-top: 15px;
}

}

/* xs */
@media (max-width: 575.98px) {

.container,
.container-medium,
.container-small {
	width:100% !important;
	max-width:100% !important;
}

.pd-content {
	padding-top:30px;
	padding-bottom:30px;
}
.pd-top-content { padding-top:30px; }
.pd-bottom-content { padding-bottom:30px; } 
.pd-min-content {
	padding: top 20px;
	padding-bottom:20px;
}
.pd-min-top-content { padding-top:20px; }
.pd-min-bottom-content { padding-bottom:20px; } 

/* topic has col */
.topic-row.has-col.clear-xs {
    display: flex;
    flex-wrap: wrap;
}
.topic-row.has-col.clear-xs > [ class*="col-" ]  {
	width:100% !important;
}
.topic-row.has-col.clear-xs > .col-left + .col-right {
	margin-top: 20px;
}

/* ***** TEXT ***** */

/* text group */
.text-group-section[data-width-label].clear-xs .text-group {
	flex-wrap: wrap !important;
}
.text-group-section[data-width-label].clear-xs .text-group > .col-label {
	width: auto !important;
	min-width: 0 !important;
}
.text-group-section[data-width-label].clear-xs .text-group > .col-text {
	width: 100% !important;
}
.text-group-section[data-width-label].clear-xs .text-group + .text-group {
	margin-top: 15px;
}

}