
/* # CSS Package: core/plugins/app.pak.css :: #START# :: @ generated from lib/core/plugins/css/app.css */
/* Included Files: navpager.css ; email.css ; v-timeline/style.css ; v-timeline/style-responsive.css ; s2org-flow/style.css ; txt-columns/style.css ; txt-columns/style-responsive.css # */

/* ### DO NOT EDIT THIS FILE AS IT WILL BE OVERWRITTEN EACH TIME THE INCLUDED SCRIPTS WILL CHANGE !!! ### */

/* ===== core/plugins/navpager.css */

/* -- CSS Start :: Smart.Framework / Components / NavPager :: r.8.7 / smart.framework.v.8.7 -- */

/* v.20221006 */

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

/* NavBox Pager */

#nav-pager-box {
	margin-top: 5px;
	margin-bottom: 5px;
}

#nav-pager-box * {
	font-size: 0.8125rem;
	font-weight: normal;
}

#nav-pager-box a#nav-pager-item,
#nav-pager-box span#nav-pager-current,
#nav-pager-box span#nav-pager-dots,
#nav-pager-box span#nav-pager-dsbl-item {
	text-decoration: none;
	display: inline-block;
	margin: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 9px;
	padding-right: 9px;
	border-radius: 3px;
}

#nav-pager-box a#nav-pager-item {
	color: #666666;
	background: #FCFCFC;
	border: 1px solid #DDDDDD;
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}
#nav-pager-box a#nav-pager-item:hover {
	text-decoration: underline;
}

#nav-pager-box span#nav-pager-current {
	color: #EEEEEE;
	background: #555555;
	border: 1px solid #444444;
	box-shadow: 0 1px 2px rgba(0,0,0,0.8);
}
#nav-pager-box span#nav-pager-dots,
#nav-pager-box span#nav-pager-dsbl-item {
	color: #666666;
	background: #FCFCFC;
	border: 1px solid #DDDDDD;
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	cursor: default;
}

/* NavBox Arrows */
table.nav-arrows-tbl {
	margin-top: 5px;
	margin-bottom: 5px;
}
table.nav-arrows-tbl td {
	background: #FFFFFF;
	color: #333333;
	padding: 4px;
}
a.nav-arrows-link {
	cursor: pointer;
	text-decoration: none;
/*	border-bottom: dotted 1px #666666; */
}
div.nav-arrows-start {
	width: 10px;
	height: 16px;
	background: url(img/navpager/nav-start.svg) no-repeat left top;
}
div.nav-arrows-prev {
	width: 6px;
	height: 16px;
	background: url(img/navpager/nav-prev.svg) no-repeat left top;
}
div.nav-arrows-next {
	width: 6px;
	height: 16px;
	background: url(img/navpager/nav-next.svg) no-repeat left top;
}
div.nav-arrows-end {
	width: 10px;
	height: 16px;
	background: url(img/navpager/nav-end.svg) no-repeat left top;
}
/* -- */

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

/* -- CSS End -- */

/* ===== core/plugins/email.css */

/* -- CSS Start :: Smart.Framework / eMail (Messages) :: r.8.7 / smart.framework.v.8.7 -- */

/* v.20210526 */

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

/* MIME Message */
#mime_msg_box {
	padding:10px;
	background-color: #FFFFFF;
	border:1px solid #CCCCCC;
	font-size: 13px;
	line-height:16px;
	color: #444444;
	margin-top: 5px;
	margin-bottom: 20px;
}
#mime_msg_box h1 {
	font-size: 17px;
	color: #666699;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	padding-bottom:0px;
}
#mime_msg_box h2 {
	font-size: 15px;
	color: #778899;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	padding-bottom:0px;
}
#mime_msg_box h3 {
	font-size: 14px;
	color: #778899;
	font-weight: bold;
	font-style: italic;
	padding: 0px;
	margin: 0px;
	padding-bottom:0px;
}
#mime_msg_box p table tr th td div {
	font-size: 13px;
	line-height:16px;
	color: #444444;
	margin-top:5px;
}
#mime_msg_box li {
	font-size: 13px;
	color: #000000;
	font-weight: normal;
}
#mime_msg_box hr {
	border: none 0;
	border-top: 1px solid #ECECEC;
	height: 1px;
}
#mime_msg_box a {
	font-size: 13px;
	line-height:18px;
	color: #FF6600;
	font-weight: normal;
	margin-top:5px;
}
/* -- */

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

/* -- CSS End -- */

/* ===== core/plugins/v-timeline/style.css */
/***** V-TimeLine CSS :: r.8.7 / smart.framework.v.8.7 *****/

/* V-TimeLine r.20220918
	License: BSD
	(c) 2015-2022 unix-world.org
	This software component was inspired from the following opensource projects:
		(c) 2017 https://github.com/RyanFitzgerald/vertical-timeline
		(c) 2014 https://github.com/soundarapandian/timeline
		(c) 2015 https://github.com/CodyHouse/vertical-timeline
*/

/* --- Default --- */

.vtml-container {
	width: 96%;
	margin: 0 auto;
	margin-bottom: 25px;
}
.vtml-container::after {
	content: '';
	display: table;
	clear: both;
}

.vtml-container *,
.vtml-container *:after,
.vtml-container *:before {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.vtml-container {
	position: relative;
	padding: 2rem 0;
}
.vtml-container::before {
	content: '';
	position: absolute;
	top: 0;
	left: 18px;
	height: 100%;
	width: 4px;
	background: #FFFFFF;
	border: 1px solid #ECECEC;
}

.vtml-timeline-block {
	position: relative;
	margin: 2rem 0;
}
.vtml-timeline-block:after {
	content: "";
	display: table;
	clear: both;
}
.vtml-timeline-block:first-child {
	margin-top: 0;
}
.vtml-timeline-block:last-child {
	margin-bottom: 0;
}

.vtml-timeline-icon {
	position: absolute;
	top: 0;
	left: 0;
	width: 60px;
	height: 60px;
	margin-left: -13px;
	border: 4px solid #EEEEEE;
	border-radius: 1px;
	cursor: default;
}
.vtml-timeline-icon div {
	position: relative;
	width: 36px;
	height: 36px;
	margin-left: 9px;
	margin-top: 7px;
	text-align:center;
	font-size: 1.875rem;
}
.vtml-timeline-icon div .sfi { /* sf icons */
	margin-left: 0px;
	margin-top: 7px;
	display: block;
	font-size: 2rem !important;
}
.vtml-timeline-icon.vtml-green {
	background: #87B615;
	color: #FFFFFF;
}
.vtml-timeline-icon.vtml-brown {
	background: #896B60;
	color: #FFFFFF;
}
.vtml-timeline-icon.vtml-red {
	background: #ED2839;
	color: #FFFFFF;
}
.vtml-timeline-icon.vtml-yellow {
	background: #F2C801;
	color: #555555;
}
.vtml-timeline-icon.vtml-blue {
	background: #5E6885;
	color: #FFFFFF;
}
.vtml-timeline-icon.vtml-grey {
	background: #778888;
	color: #FFFFFF;
}
.vtml-timeline-icon.vtml-black {
	background: #555555;
	color: #FFFFFF;
}
.vtml-timeline-icon.vtml-white {
	background: #FFFFFF;
	color: #555555;
}

.vtml-timeline-content {
	position: relative;
	margin-left: 60px;
	background: #FFFFFF;
	border: 1px solid #ECECEC;
	padding: 0.5rem 1rem 0.5rem 1rem;
	overflow: hidden;
}
.vtml-timeline-content:after {
	content: "";
	display: table;
	clear: both;
}
.vtml-timeline-content img {
	border: 1px solid #F7F7F7;
	box-sizing: content-box;
}
.vtml-timeline-content img.noborder {
	border: none !important;
}
.vtml-timeline-content h1,
.vtml-timeline-content h2,
.vtml-timeline-content h3,
.vtml-timeline-content h4,
.vtml-timeline-content h5,
.vtml-timeline-content h6 {
	display: inline !important;
	color: #444444;
}
.vtml-timeline-content p,
.vtml-timeline-content .vtml-read-more,
.vtml-timeline-content .vtml-date {
	font-size: 0.875rem;
	text-align: justify;
}
.vtml-timeline-content p {
	color: #444444;
	margin: 1rem 0;
	line-height: 1.6;
}
.vtml-timeline-content .vtml-read-more,
.vtml-timeline-content .vtml-date {
	display: inline-block;
}
.vtml-timeline-content .vtml-read-more {
	float: right;
	padding: 0.25rem 0.35rem;
	background: #666666;
	border: 1px solid #555555;
	color: #FFFFFF;
	border-radius: 0.15rem;
	text-decoration: none;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	min-width: 100px;
}
.vtml-timeline-content .vtml-read-more:hover {
	background: #555555;
	border: 1px solid #444444;
}

.vtml-timeline-content .vtml-date {
	font-weight: bold;
	float: left;
	padding: 0.8rem 0;
	font-size: 1rem;
	color: #444444;
}
.vtml-timeline-content::before {
	content: '';
	position: absolute;
	top: 16px;
	right: 100%;
	height: 0;
	width: 0;
	border: 7px solid transparent;
	border-right: 7px solid #F5F5F5;
}

hr.vtml-hr {
	width: 99%;
	border: none 0;
	border-top: 1px solid #EEEEEE;
	height: 1px;
}

/* --- Small --- */

/* icons */

.vtml-small-container .vtml-timeline-icon {
	position: absolute;
	top: 0;
	left: 20px !important;
	width: 48px;
	height: 48px;
	margin-left: -24px !important;
	border: 4px solid #EEEEEE;
	border-radius: 1px;
	cursor: default;
}
.vtml-small-container .vtml-timeline-icon div {
	position: relative;
	width: 24px;
	height: 24px;
	margin-left: 8px;
	margin-top: 7px;
	text-align:center;
	font-size: 1.25rem;
}
.vtml-small-container .vtml-timeline-icon div .sfi { /* sf icons */
	margin-left: 0px;
	margin-top: 2px;
	display: block;
	font-size: 1.375rem !important;
}

/* content */

.vtml-small-container .vtml-timeline-content {
	padding: 0.75rem;
}
.vtml-small-container .vtml-timeline-content h1,
.vtml-small-container .vtml-timeline-content h2,
.vtml-small-container .vtml-timeline-content h3,
.vtml-small-container .vtml-timeline-content h4,
.vtml-small-container .vtml-timeline-content h5,
.vtml-small-container .vtml-timeline-content h6 {
	display: inline !important;
	color: #444444;
}
.vtml-small-container .vtml-timeline-content h1 {
	font-size: 1.25rem;
}
.vtml-small-container .vtml-timeline-content h2 {
	font-size: 1.125rem;
}
.vtml-small-container .vtml-timeline-content h3 {
	font-size: 1.0625rem;
}
.vtml-small-container .vtml-timeline-content h4 {
	font-size: 1rem;
}
.vtml-small-container .vtml-timeline-content h5 {
	font-size: 0.9375rem;
}
.vtml-small-container .vtml-timeline-content h6 {
	font-size: 0.875rem;
}
.vtml-small-container .vtml-timeline-content p,
.vtml-small-container .vtml-timeline-content .vtml-read-more,
.vtml-small-container .vtml-timeline-content .vtml-date {
	font-size: 0.8125rem;
	text-align: initial;
}
.vtml-small-container .vtml-timeline-content p {
	margin: 0.5rem 0 0.7rem 0;
	line-height: 1.5;
}
.vtml-small-container .vtml-timeline-content .vtml-date {
	padding: 0;
	font-size: 0.9375rem;
}
.vtml-small-container .vtml-timeline-content .vtml-read-more {
	text-align: center;
	font-size: 0.75rem;
	padding: 0.15rem 0.25rem;
}

/* END */

/* ===== core/plugins/v-timeline/style-responsive.css */
/***** V-TimeLine Responsive CSS :: r.8.7 / smart.framework.v.8.7 *****/

/* V-TimeLine r.20220918
	License: BSD
	(c) 2015-2022 unix-world.org
	This software component was inspired from the following opensource projects:
		(c) 2017 https://github.com/RyanFitzgerald/vertical-timeline
		(c) 2014 https://github.com/soundarapandian/timeline
		(c) 2015 https://github.com/CodyHouse/vertical-timeline
*/

@media all and (min-width: 1024px) {

	.vtml-responsive-container::before {
		left: 50%;
		margin-left: -2px;
	}

	.vtml-responsive-container .vtml-timeline-block {
		margin: 4rem 0;
	}
	.vtml-responsive-container .vtml-timeline-block:first-child {
		margin-top: 0;
	}
	.vtml-responsive-container .vtml-timeline-block:last-child {
		margin-bottom: 0;
	}

	.vtml-responsive-container .vtml-timeline-icon,
	.vtml-responsive-container .vtml-small-container .vtml-timeline-icon {
		left: 50% !important;
		margin-left: -30px;
		margin-top: 10px;
	}

	.vtml-responsive-container .vtml-timeline-content,
	.vtml-responsive-container .vtml-small-container .vtml-timeline-content {
		margin-left: 0;
		padding: 0.75rem 1.25rem 0.75rem 1.25rem;
		width: 45%;
	}
	.vtml-responsive-container .vtml-timeline-content::before,
	.vtml-responsive-container .vtml-small-container .vtml-timeline-content::before {
		top: 24px;
		left: 100%;
		border-color: transparent;
		border-left-color: #F5F5F5;
	}
	.vtml-responsive-container .vtml-timeline-content .vtml-read-more,
	.vtml-responsive-container .vtml-small-container .vtml-timeline-content .vtml-read-more {
		float: left;
	}
	.vtml-responsive-container .vtml-timeline-content .vtml-date,
	.vtml-responsive-container .vtml-small-container .vtml-timeline-content .vtml-date {
		width: 100%;
		text-align: right;
	}
	.vtml-responsive-container .vtml-timeline-block:nth-child(even) .vtml-timeline-content .vtml-date,
	.vtml-responsive-container .vtml-timeline-block:nth-child(even) .vtml-small-container .vtml-timeline-content .vtml-date {
		text-align: left !important;
	}
	.vtml-responsive-container .vtml-small-container .vtml-timeline-content .vtml-date {
		font-size: 0.9375rem;
	}

	.vtml-responsive-container .vtml-timeline-block:nth-child(even) .vtml-timeline-content {
		float: right;
		text-align: right;
	}
	.vtml-responsive-container .vtml-timeline-block:nth-child(even) .vtml-timeline-content::before {
		top: 24px;
		left: auto;
		right: 100%;
		border-color: transparent;
		border-right-color: #F5F5F5;
	}
	.vtml-responsive-container .vtml-timeline-block:nth-child(even) .vtml-timeline-content .vtml-read-more {
		float: right;
	}
	.vtml-responsive-container .vtml-timeline-block:nth-child(even) .vtml-timeline-content .vtml-date {
		left: auto;
		right: 122%;
		text-align: right;
	}

}

/* END */

/* ===== core/plugins/s2org-flow/style.css */
/* Sense2-Org-Flow v.20230129 (c) unix-world.org */

div.s2org-flow {
	max-width: 92%;
	overflow-x: auto;
}

div.s2org-flow * {
	margin: 0;
	padding: 0;
	color: #222222;
}

div.s2org-flow ul {
	padding-top: 1.25rem;
	position: relative;
}

/* Make all children "inline" */
div.s2org-flow li {
	/*float: left;*/
	display: inline-block;
	text-align: center;
	list-style-type: none;
	position: relative;
	padding: 1.25rem 0.3125rem 0 0.3125rem;
}

/* Add horizontal connector. Note: they are 2 pseudo-elements */
div.s2org-flow li::before,
div.s2org-flow li::after {
	content: '';
	position: absolute;
	top: 0;
	right: 50%;
	width: 55%;
	height: 2.625rem;
	z-index: -1;
	border-top: 1px solid #CCCCCC;
}

div.s2org-flow li::after {
	border-left: 1px solid #CCCCCC;
	left: 50%;
	right: auto;
}

/* Remove left and right connector from a single child */
div.s2org-flow li:only-child::after,
div.s2org-flow li:only-child::before {
	display: none;
}

div.s2org-flow li:only-child {
	padding-top: 0;
}

/* Remove "outer" connector */
div.s2org-flow li:first-child::before,
div.s2org-flow li:last-child::after {
	border: 0 none;
}
/* Add back the down connector for last node */
div.s2org-flow li:last-child::before {
	border-right: 1px solid #CCCCCC;
	border-radius: 0 0.3125rem 0 0;
}

/* Add curve line to the first child's connector */
div.s2org-flow li:first-child::after {
	border-radius: 0.3125rem 0 0 0;
}


/* Add down connector from parent */
div.s2org-flow ul ul::before {
	content: '';
	border-left: 1px solid #CCCCCC;
	z-index: -1;
	height: 1.25rem;
	position: absolute;
	top: 0;
	left: 50%;
	width: 0;
}

/* Add cosmetic for each item */
div.s2org-flow li span {
	font-size: 0.75rem;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 0.3125rem 0.625rem;
	height: 1rem;
	display: inline-block;
	margin: 2px;
	margin-right: 5px;
	border-radius: 0.25rem;
}

/* Change bg-color while hovering each item */
div.s2org-flow li span:hover {
	background-color: #EEEEFF;
}

/* EXPERIMENTAL for multiple parents */
/* Add margin for the parents */
div.s2org-flow li span:not(:only-of-type) {
	position: relative;
	margin-bottom: 0.875rem;
}

/* Add "down" connector (vertical line) from each multi-parent, EXCEPT the last one */
div.s2org-flow li > span:not(:last-of-type)::after{
	content: '';
	position: absolute;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	top: 1.25rem;
	width: 75%;
	height: 1.25rem;
	left: 50%;
	z-index: -1;
}

/* Special case for the last multiple-parent, using border-right */
div.s2org-flow li > span:not(:only-of-type):last-of-type::after {
	content: '';
	position: absolute;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	top: 1.25rem;
	width: 50%;
	height: 1.25rem;
	right: 50%;
	z-index: -1;
	border-bottom-right-radius: 0.3125rem;
}

/* Give the curve line to the first multiple parent .... */
div.s2org-flow li > span:not(:only-of-type):first-child::after {
	border-bottom-left-radius: 0.3125rem;
}

/* The middle element of multi-parents*/
div.s2org-flow li > span:not(:first-child):not(:last-of-type)::before {
	content: '';
	position: absolute;
	border-bottom: 1px solid #CCCCCC;
	top: 2.5rem;
	width: 50%;
	right: 50%;
	z-index: -1;
}

div.s2org-flow ul:last-of-type li {
	padding-left: 0;
	padding-right: 0;
}

/* END */

/* ===== core/plugins/txt-columns/style.css */
/***** Text Columns CSS :: r.8.7 / smart.framework.v.8.7 *****/

/* Text Columns
	License: BSD
	(c) 2015-2021 unix-world.org
*/

.txt-columns-count-auto {
	text-align: justify;
	column-width: 15rem;
	column-gap: 1.5rem;
	column-rule: 1px solid #CCCCCC;
	-moz-column-width: 15rem;
	-moz-column-gap: 1.5rem;
	-moz-column-rule: 1px solid #CCCCCC;
	-webkit-column-width: 15rem;
	-webkit-column-gap: 1.5rem;
	-webkit-column-rule: 1px solid #CCCCCC;
}

.txt-columns-count-2 {
	text-align: justify;
	column-count: 2;
	column-gap: 1.5rem;
	column-rule: 1px solid #CCCCCC;
	-moz-column-count: 2;
	-moz-column-gap: 1.5rem;
	-moz-column-rule: 1px solid #CCCCCC;
	-webkit-column-count: 2;
	-webkit-column-gap: 1.5rem;
	-webkit-column-rule: 1px solid #CCCCCC;
}

.txt-columns-count-3 {
	text-align: justify;
	column-count: 3;
	column-gap: 1.5rem;
	column-rule: 1px solid #CCCCCC;
	-moz-column-count: 3;
	-moz-column-gap: 1.5rem;
	-moz-column-rule: 1px solid #CCCCCC;
	-webkit-column-count: 3;
	-webkit-column-gap: 1.5rem;
	-webkit-column-rule: 1px solid #CCCCCC;
}

.txt-columns-count-4 {
	text-align: justify;
	column-count: 4;
	column-gap: 1.5rem;
	column-rule: 1px solid #CCCCCC;
	-moz-column-count: 4;
	-moz-column-gap: 1.5rem;
	-moz-column-rule: 1px solid #CCCCCC;
	-webkit-column-count: 4;
	-webkit-column-gap: 1.5rem;
	-webkit-column-rule: 1px solid #CCCCCC;
}

.txt-columns-count-5 {
	text-align: justify;
	column-count: 5;
	column-gap: 1.5rem;
	column-rule: 1px solid #CCCCCC;
	-moz-column-count: 5;
	-moz-column-gap: 1.5rem;
	-moz-column-rule: 1px solid #CCCCCC;
	-webkit-column-count: 5;
	-webkit-column-gap: 1.5rem;
	-webkit-column-rule: 1px solid #CCCCCC;
}

.txt-columns-count-6 {
	text-align: justify;
	column-count: 6;
	column-gap: 1.5rem;
	column-rule: 1px solid #CCCCCC;
	-moz-column-count: 6;
	-moz-column-gap: 1.5rem;
	-moz-column-rule: 1px solid #CCCCCC;
	-webkit-column-count: 6;
	-webkit-column-gap: 1.5rem;
	-webkit-column-rule: 1px solid #CCCCCC;
}

.txt-columns-count-7 {
	text-align: justify;
	column-count: 7;
	column-gap: 1.5rem;
	column-rule: 1px solid #CCCCCC;
	-moz-column-count: 7;
	-moz-column-gap: 1.5rem;
	-moz-column-rule: 1px solid #CCCCCC;
	-webkit-column-count: 7;
	-webkit-column-gap: 1.5rem;
	-webkit-column-rule: 1px solid #CCCCCC;
}

/* END */

/* ===== core/plugins/txt-columns/style-responsive.css */
/***** Text Columns Responsive CSS :: r.8.7 / smart.framework.v.8.7 *****/

/* Text Columns
	License: BSD
	(c) 2015-2021 unix-world.org
*/

@media all and (max-width: 1439px) {
	.txt-columns-count-7 {
		column-count: 6;
		-moz-column-count: 6;
		-webkit-column-count: 6;
	}
}

@media all and (max-width: 1365px) {
	.txt-columns-count-7, .txt-columns-count-6 {
		column-count: 5;
		-moz-column-count: 5;
		-webkit-column-count: 5;
	}
}

@media all and (max-width: 1279px) {
	.txt-columns-count-7, .txt-columns-count-6, .txt-columns-count-5 {
		column-count: 4;
		-moz-column-count: 4;
		-webkit-column-count: 4;
	}
}

@media all and (max-width: 1023px) {
	.txt-columns-count-7, .txt-columns-count-6, .txt-columns-count-5, .txt-columns-count-4 {
		column-count: 3;
		-moz-column-count: 3;
		-webkit-column-count: 3;
	}
}

@media all and (max-width: 767px) {
	.txt-columns-count-7, .txt-columns-count-6, .txt-columns-count-5, .txt-columns-count-4, .txt-columns-count-3 {
		column-count: 2;
		-moz-column-count: 2;
		-webkit-column-count: 2;
	}
}

@media all and (max-width: 519px) {
	.txt-columns-count-7, .txt-columns-count-6, .txt-columns-count-5, .txt-columns-count-4, .txt-columns-count-3, .txt-columns-count-2 {
		column-count: 1;
		-moz-column-count: 1;
		-webkit-column-count: 1;
	}
}

/* END */

/* ===== [#] */

/* # CSS Package: core/plugins/app.pak.css :: #END# */

