HTML,
BODY{
	width:100%;
	height:100%;
	padding:0;
	margin:0;
}
BODY{
	font-size:20px;
	color:#000000;
	background-color:#ffffff;
	font-family:'roboto','Courier New','Lucida Console',Courier,monospace;
	font-weight:normal;
	font-weight:400;
	text-shadow:0px 1px 1px rgba(0,0,0,0.02);
	-moz-text-size-adjust:none;
	-webkit-text-size-adjust:none;
	-ms-text-size-adjust:none;
	text-size-adjust:none;	
	-webkit-font-smoothing:antialiased;		
}
@media (max-width:620px) and (min-width:0px){BODY{font-size:18px;}}
@media (max-width:1000px) and (min-width:621px){BODY{font-size:19px;}}

.clear{clear:both;}

.red{color:#FF0000;}
.green{color:#00FF00;}
.blue{color:#0000FF;}
.white{color:#FFFFFF;}
.grey{color:#999999;}
.small{font-size:85%;}
.break{
	-ms-word-break:break-all;
	word-break:break-all;
	word-break:break-word;
	-webkit-hyphens:auto;
	-moz-hyphens:auto;
	hyphens:auto;
}
.light{opacity:.7;}

.mrg-01{margin-top:2em;}
.mrg-02{margin-bottom:1em;}
.mrg-03{margin-bottom:0;}
.mrg-04{margin-top:0;}

.pad-01{padding-bottom:0 !important;}

.mw-400{max-width:400px !important;}
.mw-1000{max-width:1000px !important;}

.mh-300{max-height:300px !important;}

.ns-shadow-01{box-shadow:inset 0 0 50px 0 rgba(0,0,0,.1);}

.ovfv{
	overflow:hidden;
	overflow-x:hidden;
	overflow-y:auto;
}

SUB,
SUP{
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline;
	margin-left:.04em;
}
SUP{top:-0.5em;}
SUB{bottom:-0.25em;}

A{
	border:0;
	outline:none;
	text-decoration:underline;
	-webkit-appearance:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);	
	transition:all 300ms ease;	
}
A:link, A:active, A:visited{color:#0000FF;}
A:hover{
	color:#0000AA;
	text-decoration:none;
}

A.cta{
	display:inline-block;
	padding:.6em 1.2em;
	border:1px solid #0000FF;
	border-radius:.6em;
	text-decoration:none;
    box-sizing:border-box;
}
A.cta:hover{
	background-color:#0000FF;
	color:#FFFFFF;
}

A.cta.add{
	padding:3px 8px 3px 42px;
	border-radius:6px;
	background:#FFFFFF url('/assets/images/icons/icon-sprite-add.png') no-repeat 0px 0px;
}
A.cta.add:hover{
	color:#FFFFFF;
	background-color:#0000FF;
	background-position:0px -40px;
}

IMG, 
A IMG{
	border:0;
	outline:none;
}
IMG.extend{
	display:block;
	width:100%;
}
IMG.ar-11{aspect-ratio:1/1;}
IMG.ar-21{aspect-ratio:2/1;}
IMG.ar-32{aspect-ratio:3/2;}

P{
	line-height:1.7em;
	margin:1em 0;
	padding:0;
	max-width:32em;
}
P.breadcrumb{
	font-size:90%;
	max-width:100%;
	margin-bottom:2em;
	padding-bottom:2em;
	border-bottom:1px solid #000000;
}
P.breadcrumb A{
	position:relative;
	margin:0 .5em .5em 1em;
}
P.breadcrumb A:hover{text-decoration:none;}
P.breadcrumb A:before{
	content:'\2039';
	position:absolute;
	top:0;
	left:-.6em;
	line-height:1em;
	font-size:120%;
}
@media (max-width:620px) and (min-width:0px){
	P.breadcrumb A{display:none;}
	P.breadcrumb A:last-child,
	P.breadcrumb.full A{
		display:inline;
	}
}




UL,
OL{
	margin-top:1em;
	margin-bottom:1em;	
}
UL LI UL,
OL LI OL{
	margin-top:.5em;
}
UL LI,
OL LI{
	margin-top:0;
	margin-bottom:1em;
}

HR{
	height:1px;
	margin:2em 0;
	border:0;
	border-bottom:1px solid #000000;
}
HR.st1{border-bottom:1px dashed #FF0000;}

H1{
	font-size:200%;
	line-height:110%;
	font-weight:700;
	margin:1em 0;
}
H1.light{font-weight:400;}
@media (max-width:620px) and (min-width:0px){H1{font-size:170%;}}
@media (max-width:850px) and (min-width:621px){H1{font-size:180%;}}
@media (max-width:1300px) and (min-width:851px){H1{font-size:190%;}}

H2{
	font-size:170%;
	line-height:110%;
	font-weight:700;
	line-height:1.2em;
	margin:1em 0;
}
H2.light{font-weight:400;}
@media (max-width:620px) and (min-width:0px){H2{font-size:140%;}}
@media (max-width:850px) and (min-width:621px){H2{font-size:150%;}}
@media (max-width:1300px) and (min-width:851px){H2{font-size:160%;}}

H3{
	font-size:150%;
	line-height:110%;
	font-weight:700;
	line-height:1.2em;
	margin:1em 0;
}
H3.light{font-weight:400;}
@media (max-width:620px) and (min-width:0px){H3{font-size:125%;}}
@media (max-width:850px) and (min-width:621px){H3{font-size:135%;}}
@media (max-width:1300px) and (min-width:851px){H3{font-size:140%;}}

H4{
	font-size:130%;
	line-height:110%;
	font-weight:400;
	line-height:1.2em;
	margin:1em 0;
}
@media (max-width:620px) and (min-width:0px){H4{font-size:115%;}}
@media (max-width:850px) and (min-width:621px){H4{font-size:120%;}}
@media (max-width:1300px) and (min-width:851px){H4{font-size:125%;}}

H5{
	font-size:120%;
	line-height:110%;
	font-weight:400;
	line-height:1.2em;
	margin:1em 0;
}
@media (max-width:620px) and (min-width:0px){H5{font-size:105%;}}
@media (max-width:850px) and (min-width:621px){H5{font-size:110%;}}
@media (max-width:1300px) and (min-width:851px){H5{font-size:115%;}}

DIV.indent{padding:0 0 0 1em;}

/* 
	Flex Grid Columns Layout
	11:53 AM 2024-01-18
*/
.xs-columns{
	margin:1em 0;
	position:relative;
	box-sizing:border-box;
	display:flex;
	flex-direction:row;
	align-items:stretch;
	justify-content:start;
	flex-wrap:wrap;
}
.xs-columns.bmst1{margin-bottom:2em;}
.xs-columns.vcenter{align-items:center;}
.xs-columns>.xs-column{
	position:relative;
	box-sizing:border-box;
	padding:0;
	margin:0;
	flex-grow:0;
	flex-shrink:0;
}
@media (min-width:0px) and (max-width:750px){
	.xs-columns{gap:2em 0;}
	.xs-columns.x1>.xs-column,
	.xs-columns.x2>.xs-column,
	.xs-columns.x3>.xs-column,
	.xs-columns.x4>.xs-column,
	.xs-columns.x5>.xs-column,
	.xs-columns.no-gap>.xs-column{
		flex-basis:100%;
		width:100%;
	}
	.xs-columns.duo{gap:1em 4%;}
	.xs-columns.duo>.xs-column{
		flex-basis:48%;
		width:48%;
	}	
}
@media (min-width:751px) and (max-width:900px){
	.xs-columns.x4,
	.xs-columns.x5{
		gap:2em 8%;
	}
	.xs-columns.x4>.xs-column,
	.xs-columns.x5>.xs-column{
		flex-basis:46%;
		width:46%;
	}
	.xs-columns.x4.no-gap>.xs-column,
	.xs-columns.x5.no-gap>.xs-column{
		flex-basis:50%;
		width:50%;
	}
}
@media (min-width:901px) and (max-width:1100px){
	.xs-columns.x4,
	.xs-columns.x5{
		gap:2em 5%;
	}
	.xs-columns.x4>.xs-column,
	.xs-columns.x5>.xs-column{
		flex-basis:30%;
		width:30%;
	}
	.xs-columns.x4.no-gap>.xs-column,
	.xs-columns.x5.no-gap>.xs-column{
		flex-basis:33.333%;
		width:33.333%;
	}	
}
@media (min-width:751px) and (max-width:1100px){
	.xs-columns.x2,
	.xs-columns.x3{
		gap:2em 8%;
	}
	.xs-columns.x2>.xs-column,
	.xs-columns.x3>.xs-column{
		flex-basis:46%;
		width:46%;
	}
	.xs-columns.x2.no-gap>.xs-column,
	.xs-columns.x3.no-gap>.xs-column{
		flex-basis:50%;
		width:50%;
	}	
}
@media (min-width:1101px){
	.xs-columns.x2{gap:2em 8%;}
	.xs-columns.x3{gap:2em 5%;}
	.xs-columns.x4,
	.xs-columns.x5{
		gap:2em 4%;
	}
	.xs-columns.x2>.xs-column{
		flex-basis:46%;
		width:46%;
	}
	.xs-columns.x2.no-gap>.xs-column{
		flex-basis:50%;
		width:50%;
	}	
	.xs-columns.x3>.xs-column{
		flex-basis:30%;
		width:30%;
	}
	.xs-columns.x3.no-gap>.xs-column{
		flex-basis:33.333%;
		width:33.333%;
	}
	.xs-columns.x4>.xs-column,
	.xs-columns.x5>.xs-column{
		flex-basis:22%;
		width:22%;
	}
	.xs-columns.x4.no-gap>.xs-column,
	.xs-columns.x5.no-gap>.xs-column{
		flex-basis:25%;
		width:25%;
	}
}
@media (min-width:751px){
	.xs-columns.x1{
		margin:0 auto !important;
		gap:2em 27%;
		align-items:center;
		justify-content:center;
	}
	.xs-columns.x1>.xs-column{
		flex-basis:46%;
		width:46%;
	}
	.xs-columns.x1.no-gap>.xs-column{
		flex-basis:50%;
		width:50%;
	}	
}
@media (min-width:1301px){
	.xs-columns.x5{gap:2em 2%;}
	.xs-columns.x5>.xs-column{
		flex-basis:18%;
		width:18%;
	}
	.xs-columns.x5.no-gap>.xs-column{
		flex-basis:20%;
		width:20%;
	}
}
@media (min-width:751px){
	.xs-columns.x2.reversed>.xs-column:nth-child(1n){order:1;}
	.xs-columns.x2.reversed>.xs-column:nth-child(2n){order:0;}
}
.xs-columns .xs-column.no-gap{gap:0;}

.xs-columns.full{
	flex-wrap:nowrap;
	gap:0;
}
.xs-columns.full>.xs-column{
	flex-basis:100%;
	width:100%;
}

.data-table-container{overflow:auto;}

/* 11:48 AM 2023-08-03 */
TABLE{
	margin:1em 0;
	padding:0;
	border:0;
	width:100%;
	border-collapse:collapse;
	border-spacing:0;	
}
TABLE.data TH,
TABLE.data TD{
	padding:.4em .8em;
	vertical-align:middle;
}
TABLE.data TD{
	transition:all 300ms ease;
	border-bottom:1px solid #EEEEEE;
}
TABLE.data TR:last-child TD{
	border-bottom:0;
}
TABLE.data TR:hover TD{
	color:#0000FF;
	background-color:#EEEEEE;
}
TABLE.data TH{
	color:#0000FF;
	text-align:left;
	font-weight:normal;
	border-bottom:1px solid #CCCCCC;
}
TABLE.data TD.action{
	position:relative;
	white-space:nowrap;
}
TABLE.data TD.action A{
	cursor:pointer;
	display:inline-block;
	width:40px;
	height:40px;
	margin:0 .6em 0 0;
	text-decoration:none;
	border-radius:40px;
	border:2px solid #0000FF;
	overflow:hidden;
}
TABLE.data TD.action A.edit{background:#FFFFFF url('/assets/images/icons/icon-sprite-edit.png') no-repeat 0px 0px;}
TABLE.data TD.action A.delete{background:#FFFFFF url('/assets/images/icons/icon-sprite-delete.png') no-repeat 0px 0px;}
TABLE.data TR:hover TD.action A.edit,
TABLE.data TR:hover TD.action A.delete{
	background-color:#0000FF;
	background-position:0px -40px;
}

TABLE.data .image-container{
	position:relative;
	overflow:hidden;
	border:1px solid #000000;
	padding:2px;
	border-radius:.6em;
	max-width:200px;
	min-width:80px;
}
TABLE.data .image-container IMG{border-radius:.5em;}


/* 5:58 PM 2024-09-15 */
TABLE.ns-calendar{}
TABLE.ns-calendar TD,
TABLE.ns-calendar TH{
	padding:.4em;
	vertical-align:middle;
	text-align:center;
	font-weight:normal;
	color:#CCCCCC;
}
TABLE.ns-calendar,
TABLE.ns-calendar TH{
	border-bottom:1px solid #CCCCCC;
}
TABLE.ns-calendar TD.active{
	cursor:pointer;
	padding:0;
}
TABLE.ns-calendar TD.ns-status-00{background-color:#FFFFFF;}
TABLE.ns-calendar TD.ns-status-01{background-color:#0000FF;}
TABLE.ns-calendar TD.ns-status-02{background-color:#00EAFF;}
TABLE.ns-calendar TD.ns-status-03{background-color:#00FF00;}
TABLE.ns-calendar TD.ns-status-04{background-color:#FFC000;}
TABLE.ns-calendar TD.ns-status-05{background-color:#B14BC7;}
TABLE.ns-calendar TD.ns-status-06{background-color:#CCCCCC;}
TABLE.ns-calendar TD.ns-status-07{background-color:#999999;}
TABLE.ns-calendar TD.ns-status-08{background-color:#666666;}
TABLE.ns-calendar TD.ns-status-09{background-color:#333333;}

TABLE.ns-calendar TD.active A{
	position:relative;
	display:block;
	padding:.4em;
	text-decoration:none;
	color:#CCCCCC;
	font-weight:bold;
}
TABLE.ns-calendar TD.active.ns-pro-0000, TABLE.ns-calendar TD.active.ns-pro-0000 A{border-radius:.4em;}
TABLE.ns-calendar TD.active.ns-pro-0001, TABLE.ns-calendar TD.active.ns-pro-0001 A{border-radius:0 .4em .4em 0;}
TABLE.ns-calendar TD.active.ns-pro-0010, TABLE.ns-calendar TD.active.ns-pro-0010 A{border-radius:.4em .4em 0 0;}
TABLE.ns-calendar TD.active.ns-pro-0011, TABLE.ns-calendar TD.active.ns-pro-0011 A{border-radius:0 .4em 0 0;}
TABLE.ns-calendar TD.active.ns-pro-0100, TABLE.ns-calendar TD.active.ns-pro-0100 A{border-radius:.4em 0 0 .4em;}
TABLE.ns-calendar TD.active.ns-pro-0101, TABLE.ns-calendar TD.active.ns-pro-0101 A{border-radius:0;}
TABLE.ns-calendar TD.active.ns-pro-0110, TABLE.ns-calendar TD.active.ns-pro-0110 A{border-radius:.4em 0 0 0;}
TABLE.ns-calendar TD.active.ns-pro-1000, TABLE.ns-calendar TD.active.ns-pro-1000 A{border-radius:0 0 .4em .4em;}
TABLE.ns-calendar TD.active.ns-pro-1001, TABLE.ns-calendar TD.active.ns-pro-1001 A{border-radius:0 0 .4em 0;}
TABLE.ns-calendar TD.active.ns-pro-1100, TABLE.ns-calendar TD.active.ns-pro-1100 A{border-radius:0 0 0 .4em;}

TABLE.ns-calendar TD A:hover{
	text-decoration:underline;
	background-color:rgba(0,0,0,.2);
}
TABLE.ns-calendar TD.active.ns-status-00 A,
TABLE.ns-calendar TD.active.ns-status-00 A:hover{
	color:#FF0000;
	font-weight:normal;
}
TABLE.ns-calendar TD.active.ns-status-01 A,
TABLE.ns-calendar TD.active.ns-status-02 A,
TABLE.ns-calendar TD.active.ns-status-03 A,
TABLE.ns-calendar TD.active.ns-status-04 A,
TABLE.ns-calendar TD.active.ns-status-05 A,
TABLE.ns-calendar TD.active.ns-status-06 A,
TABLE.ns-calendar TD.active.ns-status-07 A,
TABLE.ns-calendar TD.active.ns-status-08 A,
TABLE.ns-calendar TD.active.ns-status-09 A{
	color:#FFFFFF;
}

.ns-calendar-caption{
	box-sizing:border-box;
	display:flex;
	flex-direction:row;
	align-items:stretch;
	justify-content:start;
	flex-wrap:wrap;
	gap:.4em;
}
.ns-calendar-caption DIV{
	box-sizing:border-box;
	padding:.3em;
	flex-grow:0;
	flex-shrink:0;
	border:0;
	border-left:2px solid #EEEEEE;
	border-bottom:2px solid #EEEEEE;
	border-radius:0 0 0 .6em;
	color:#CCCCCC;
}
.ns-calendar-caption DIV.ns-status-00{
	color:#FF0000;
	border-color:#FF0000;
}
.ns-calendar-caption DIV.ns-status-01{
	color:#0000FF;
	border-color:#0000FF;
}
.ns-calendar-caption DIV.ns-status-02{
	color:#00EAFF;
	border-color:#00EAFF;
}
.ns-calendar-caption DIV.ns-status-03{
	color:#00FF00;
	border-color:#00FF00;
}
.ns-calendar-caption DIV.ns-status-04{
	color:#FFC000;
	border-color:#FFC000;
}
.ns-calendar-caption DIV.ns-status-05{
	color:#B14BC7;
	border-color:#B14BC7;
}
.ns-calendar-caption DIV.ns-status-06{
	color:#CCCCCC;
	border-color:#CCCCCC;
}
.ns-calendar-caption DIV.ns-status-07{
	color:#999999;
	border-color:#999999;
}
.ns-calendar-caption DIV.ns-status-08{
	color:#666666;
	border-color:#666666;
}
.ns-calendar-caption DIV.ns-status-09{
	color:#333333;
	border-color:#333333;
}

/* 1:36 PM 2022-12-11 */
.composition{}
.composition.clip{
	width:100%;
	height:100%;
	overflow:hidden;
}
.composition.l{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
}
.composition.l .overlay{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#000000;
	opacity:.5;
	z-index:1;
}
.composition.l .layer{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background-color:#FFFFFF;
	z-index:2;
}
@media only screen{
	.composition.clip,
	.composition.l .overlay{
		position:fixed;
	}
}
.composition.l.display .layer{animation:cldfx_01_anim 300ms ease 0ms 1 normal forwards;}
@keyframes cldfx_01_anim{0%{opacity:0;}100%{opacity:1;}}

.composition-layer{
	position:absolute;
	width:90%;
	height:auto;
	left:5%;
	top:0;
	background:#FFFFFF;
	z-index:999999;
	transition:left 300ms ease;			
}
.composition-layer.hide{left:-100%;}		
.composition-overlay{
	position:absolute;
	position:fixed;
	width:100%;
	height:100%;
	left:0;
	top:0;
	background:#011C26;
	z-index:999998;
	opacity:0.7;
	transition:opacity 300ms ease,left 100ms ease;			
}
.composition-overlay.hide{
	left:-100%;
	opacity:0;			
}
/* 5:13 PM 2022-12-11 */
.l-ui{margin:0 0 1em 0;}
.l-ui BUTTON{
	position:relative;
	display:inline-block;
	margin:0 1em 1em 0;
	width:50px;
	height:50px;
	background-color:#FFFFFF;
	border:1px dashed #000000;
	cursor:pointer;
	transition:all 200ms ease;
	border-radius:6px;
}
.l-ui BUTTON.close:after{
	content:'X';
	font-size:inherit;
	line-height:50px;
	width:50px;
	text-align:center;
	top:0;
	left:0;
}
.l-ui BUTTON:hover{
	color:#FFFFFF;
	background-color:#000000;
}

SECTION{
	position:relative;
	background-color:#FFFFFF;
	overflow:hidden;
	width:100%;
}
SECTION.full{overflow:visible;}
SECTION .inner{
	position:relative;
	max-width:1600px;
	margin:0 auto;
	padding:0;
	z-index:2;
}
SECTION .inner .content{padding:70px 50px;}
@media (max-width:620px) and (min-width:0px){SECTION .inner .content{padding:30px 20px;}}

SECTION.bg1{background-color:#F1F1F1;}
SECTION.bg2{background-color:#BAFBE6;}

/* 11:48 AM 2023-08-03 */
.pagination{margin:1em 0;}
.pagination UL{
	margin:0;
	padding:0;
	list-style:none;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	align-items:stretch;
	gap:10px;
}
.pagination UL LI{
	margin:0;
	padding:0;
	list-style:none;
}
.pagination UL LI A{
	display:block;
	text-align:center;
	width:30px;
	height:30px;
	line-height:30px;
	text-decoration:none;
	border:1px solid #0000FF;
	border-radius:30px;	
}
.pagination UL LI A:hover{
	background-color:#0000FF;
	color:#FFFFFF;
}
.pagination UL LI A.selected,
.pagination UL LI A.selected:hover{
	background-color:#00FF00;
	color:#0000FF;
}
.pagination UL LI A.no-select,
.pagination UL LI A.no-select:hover{
	border-color:transparent;
	background-color:transparent;
	color:#0000FF;
	cursor:default;
}

/* 11:56 PM 2024-08-29 */
SECTION.interface{
	background-color:#0000FF;
	overflow:visible !important;
	z-index:1000;
}
SECTION.interface .content{
	padding-top:1em !important;
	padding-bottom:1em !important;
}
SECTION.interface UL.navigation,
SECTION.interface UL.navigation LI,
SECTION.interface UL.navigation UL{
	margin:0;
	padding:0;
	list-style:none;
}
SECTION.interface UL.navigation,
SECTION.interface UL.navigation LI>UL{
	position:relative;
	padding:1em 0;
	box-sizing:border-box;
	display:flex;
	flex-direction:row;	
	align-items:center;
	justify-content:space-between;
	flex-wrap:nowrap;
	gap:0;
}
SECTION.interface UL.navigation>LI{
	flex-basis:50%;
	width:50%;
}
SECTION.interface UL.navigation>LI>UL{
	width:100%;
	max-width:400px;
	margin:0 0 0 auto;
	padding:0;
	gap:0 1%;
	overflow:hidden;
}
SECTION.interface UL.navigation>LI>UL>LI{
	flex-basis:32%;
	width:32%;
}
SECTION.interface UL.navigation>LI>UL>LI>A{
	position:relative;
	display:block;
	box-sizing:border-box;
	line-height:36px;
	margin:0;
	padding:3px 8px 3px 42px;
	text-decoration:none;
	color:#FFFFFF;
	background:#0000FF;
	border:1px solid #FFFFFF;
	border-radius:6px;
	transition:all 200ms ease;
}
SECTION.interface UL.navigation>LI>UL>LI>A:after{
	content:'';
	position:absolute;
	top:0;left:0;
	width:40px;
	height:40px;
	overflow:hidden;
	border-radius:6px;
	transition:all 200ms ease;
	background-repeat:no-repeat;
	background-position:0px -40px;	
}
SECTION.interface UL.navigation>LI>UL>LI>A.home:after{background-image:url('/assets/images/icons/icon-sprite-home.png');}
SECTION.interface UL.navigation>LI>UL>LI>A.menu:after{background-image:url('/assets/images/icons/icon-sprite-menu.png');}
SECTION.interface UL.navigation>LI>UL>LI>A.account:after{background-image:url('/assets/images/icons/icon-sprite-account.png');}
SECTION.interface UL.navigation>LI>UL>LI>A:hover,
SECTION.interface UL.navigation>LI>UL>LI>A.selected{
	color:#0000FF;
	background-color:#FFFFFF;
}
SECTION.interface UL.navigation>LI>UL>LI>A:hover:after,
SECTION.interface UL.navigation>LI>UL>LI>A.selected:after{
	background-position:0px 0px;
}
@media (min-width:0px) and (max-width:900px){
	SECTION.interface UL.navigation{
		flex-wrap:wrap;
		justify-content:center;
		gap:2em 0;
	}
	SECTION.interface UL.navigation>LI{
		flex-basis:100%;
		width:100%;
	}
	SECTION.interface UL.navigation>LI>UL{
		max-width:100%;
		margin:0 auto;
		overflow-x:auto;
	}
}
@media (min-width:0px) and (max-width:400px){
	SECTION.interface UL.navigation>LI>UL>LI>A{
		padding:42px 6px 6px 6px;
		line-height:1em;
		text-align:center;
	}
	SECTION.interface UL.navigation>LI>UL>LI>A:after{
		left:50%;
		transform:translateX(-20px);
	}	
}
@media (min-width:0px) and (max-width:230px){
	SECTION.interface UL.navigation>LI>UL>LI{
		flex-basis:auto;
		width:auto;
	}
}
SECTION.interface UL.navigation>LI:first-child A{display:block;}

.navigation-content{position:relative;}
.navigation-content DIV{
	position:absolute;
	top:0;right:0;
	width:100%;
	max-width:400px;
	display:none;
	padding:12px;
	box-sizing:border-box;
	border:1px solid #0000FF;
	background-color:#FFFFFF;
	border-radius:6px;
	box-shadow:6px 6px 0 #0000FF;
}
.navigation-content DIV.menu:after,
.navigation-content DIV.account:after{
	content:'';
	position:absolute;
	top:-10px;
	right:47%;
	width:0;
	height:0;
	border-left:10px solid transparent;
	border-right:10px solid transparent;
	border-bottom:10px solid #FFFFFF;
}
.navigation-content DIV.account:after{right:14%;}
@media (min-width:0px) and (max-width:900px){
	.navigation-content DIV{
		max-width:100%;
		right:50%;
		transform:translateX(50%);
	}
}

.navigation-content DIV.selected{display:block;}
.navigation-content DIV UL,
.navigation-content DIV UL>LI{
	margin:0;
	padding:0;
	list-style:none;
	box-sizing:border-box;
	transition:all 200ms ease;
}
.navigation-content DIV UL>LI{
	position:relative;
	padding:3px 0;	
	border-bottom:1px dashed #0000FF;
}
.navigation-content LI UL{margin-left:20px;}
.navigation-content LI UL LI:before,
.navigation-content LI UL LI:after{
	content:'';
	position:absolute;
	background-color:#CCCCCC;
}
.navigation-content LI UL LI:before{
	top:0;left:-8px;bottom:0;
	width:1px;
}
.navigation-content LI UL LI:last-child:before{bottom:50%;}
.navigation-content LI UL LI:after{
	top:50%;left:-8px;
	width:6px;
	height:1px;
}

.navigation-content DIV UL>LI:last-child{border:0;}
.navigation-content DIV UL>LI A{
	position:relative;
	text-decoration:none;
	display:block;
	border-radius:5px;
	padding:5px 5px 5px 10px;
}
.navigation-content DIV UL>LI A:after{
	content:'';
	position:absolute;
	top:0;left:0;bottom:0;
	width:1px;
	transition:all 200ms ease;
	background-color:#0000FF;
	opacity:0;
	transform:translateX(-5px);
}
.navigation-content DIV UL>LI A:hover{background-color:#EEEEEE;}
.navigation-content DIV UL>LI A:hover:after{
	opacity:1;
	transform:translateX(1px);
}

.layer UL.menu,
.layer UL.menu LI{
	list-style:none;
	margin:0;
	padding:0;
}
.layer UL.menu LI A{
	display:block;
	padding:.5em 1em;
	text-decoration:none;
	border-bottom:1px solid #0000FF;
}
.layer UL.menu LI A.indent{padding-left:2em;}
.layer UL.menu LI A:hover{
	color:#FFFFFF;
	background-color:#0000FF;
}

/*10:02 PM 2024-04-22*/
.fao-control{
	position:relative;
	display:inline-block;
	padding:.3em .6em;
	background-color:#FFFFFF;
	border:1px dashed #000000;
	border-radius:.3em;
	cursor:pointer;
	transition:all 200ms ease;
}
.fao-control:hover{
	border-color:#0000FF;
	color:#0000FF;	
}
.fao-control.display{
	border-bottom:0;
	border-radius:.3em .3em 0 0;
	border-color:#0000FF;
	color:#0000FF;
}
.fao-control.display:after{
	content:'';
	position:absolute;
	left:0;
	right:0;
	bottom:-2px;
	height:2px;
	background-color:#FFFFFF;
	z-index:1;
}
.fao-control:before{
	content:'+';
	margin:0 .3em 0 0;
}
.fao-control.display:before{content:'-';}
.fao-content{
	padding:2em;
	border:1px dashed #000000;
	background-color:#FFFFFF;
	border-radius:0 .3em .3em .3em;
	display:none;
}
.fao-content.display{
	display:block;
	border-color:#0000FF;
}
@media (min-width:0px) and (max-width:750px){
	.fao-content{padding:1em;}	
}

.code{
	margin:1em 0;
	color:#0000FF;
	border:1px solid #0000FF;
	overflow:auto;
}
.code PRE{
	margin:0;
	padding:0 1em;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	transition:all 200ms ease;
}
.code PRE.i1{padding-left:2em;}
.code PRE.i2{padding-left:3em;}
.code PRE I{color:#000000;}
.code PRE:hover{
	border-color:#0000FF;
	background-color:rgba(0,0,255,.1);
}

.xs-columns>.xs-column.card{
	position:relative;
	box-sizing:border-box;
	background-color:#FFFFFF;
	padding:1em;
	border-radius:1em;
	border:1px solid #FFFFFF;
	transition:all 200ms ease;	
}
.xs-columns>.xs-column.card:after{
	content:'';
	position:absolute;
	top:-5px;
	right:20px;
	width:10px;
	height:10px;
	background-color:#0000FF;
	transform:skew(-35deg);
	z-index:2;
	transition:all 200ms ease;
	pointer-events:none;
}

.xs-columns>.xs-column.card .element{
	box-sizing:border-box;
	margin:1em 0;
	padding:.2em 0 .2em 1em;
	border-left:2px solid #F1F1F1;
}
.xs-columns>.xs-column.card .element *:first-child{margin-top:0;}
.xs-columns>.xs-column.card .element *:last-child{margin-bottom:0;}

.xs-columns>.xs-column.card:hover{border-color:#0000FF;}
.xs-columns>.xs-column.card:hover:after{
	top:-20px;
	right:5px;
}
.xs-columns>.xs-column.card H4{
	margin:0 0 1em 0;
	padding:.2em 1.2em .2em .4em;
	background-color:#F1F1F1;
	color:#0000FF;
	border-radius:.4em;
}
.xs-columns>.xs-column.card .image-container{
	position:relative;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	overflow:hidden;
	border-radius:.4em;
}

/* 1:51 PM 2024-01-18 */
.ns-carousels{margin:1em 0;}
.ns-carousels{text-align:left !important;}
.ns-carousels .ns-carousels-mask{overflow:hidden;}
.ns-carousels .ns-carousels-content,
.ns-carousels-controls .ns-btn:after{
	transition:all 300ms ease;
}
.ns-carousels .xs-columns{flex-wrap:nowrap !important;}
.ns-carousels-controls{
	position:relative;
	margin-top:1em;
	border:0;
	border-top:1px solid #0000FF;
}
.ns-carousels-controls .ns-step{
	line-height:60px;
	color:#0000FF;
}
.ns-carousels-controls .ns-btn{
	position:absolute;
	top:10px;
	right:0;
	width:50px;
	height:50px;
	text-align:center;
	background-color:#0000FF;
	cursor:pointer;
	border-radius:0 25px 25px 0;
	transition:all 300ms ease;
}
.ns-carousels-controls .ns-btn.ns-previous{
	right:50px;
	border-radius:25px 0 0 25px;
}
.ns-carousels-controls .ns-btn:after{
	content:'';
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background-color:#000000;
	opacity:0;
	border-radius:0 25px 25px 0;
	mix-blend-mode:overlay;
	z-index:5;
}
.ns-carousels-controls .ns-btn.hs-001:after{mix-blend-mode:hard-light;}
.ns-carousels-controls .ns-btn.ns-previous:after{border-radius:25px 0 0 25px;}
.ns-carousels-controls .ns-btn:hover:after{opacity:.3;}
.ns-carousels-controls .ns-btn SPAN{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
}
.ns-carousels-controls .ns-btn SPAN:before,
.ns-carousels-controls .ns-btn SPAN:after{
	content:'';
	position:absolute;
	width:3px;
	height:25%;
	left:50%;
	z-index:2;
	border-radius:3px;
	opacity:1;
	background-color:#FFFFFF;
}
.ns-carousels-controls .ns-btn SPAN:before{
	transform:rotate(-45deg);
	top:29%;
}
.ns-carousels-controls .ns-btn SPAN:after{
	transform:rotate(45deg);
	bottom:28%;
}
.ns-carousels-controls .ns-btn.ns-previous SPAN:before{transform:rotate(45deg);}
.ns-carousels-controls .ns-btn.ns-previous SPAN:after{transform:rotate(-45deg);}


/*
* Editor related
*/
.html-editor{
	border:1px solid #000000;
	position:relative;
	border-radius:1em;
	min-height:500px;
	overflow:hidden;
}
.html-editor:before{
	content:'';
	position:absolute;
	top:0;right:0;bottom:0;
	background-color:#000000;
	opacity:0;
	transition:all 500ms ease;
	z-index:20000;
}
.html-editor.blocs:before,
.html-editor.options:before{
	left:0;
	opacity:.3;
}
.html-editor P.editor-btn{
	text-align:center;
	margin:1em auto;
}
.html-editor .editor-bloc-container{
	box-sizing:border-box;
	padding:1em 0;
	border-bottom:1px dashed #CCCCCC;
}
.html-editor .editor-bloc-options,
.html-editor .editor-bloc-list{
	position:absolute;
	top:0;bottom:0;right:-100%;
	background-color:#FFFFFF;
	box-sizing:border-box;
	padding:10px 20px;
	width:100%;
	max-width:500px;
	transition:all 500ms ease;
	display:flex;
	flex-direction:column;
	align-items:start;
	justify-content:start;
	flex-wrap:nowrap;
	gap:0;
	z-index:20001;	
}
@media (min-width:0px) and (max-width:900px){
	.html-editor .editor-bloc-options,
	.html-editor .editor-bloc-list{
		padding:10px;
	}
}
.html-editor.blocs .editor-bloc-list{right:0;}
.html-editor .editor-bloc-options{
	right:auto;
	left:-100%;
}
.html-editor.options .editor-bloc-options{left:0;}

.html-editor .editor-bloc-options .editor-bloc-name{
	margin:0 6px;
	color:#0000FF;
}
.html-editor .editor-bloc-list>P{flex-grow:1;}
.html-editor .editor-bloc-list>UL{
	width:100%;
	flex-grow:100;
	overflow:auto;
}
.html-editor .editor-bloc-list UL{
	box-sizing:border-box;
	margin:1em 0;
	padding:0;
	list-style:none;
}
.html-editor .editor-bloc-list>UL>LI UL{margin-left:1em;}
.html-editor .editor-bloc-list LI{
	margin:0 0 .5em 0;
	padding:.3em;
	list-style:none;
	transition:all 200ms ease;
}
.html-editor .editor-bloc-list>UL>LI>UL>LI>UL>LI:hover{
	background-color:#EEEEEE;
	cursor:pointer;
}
.html-editor P.close-btn{
	margin:0 0 0 auto;
	width:40px !important;
	height:40px !important;
	min-height:40px !important;
	flex-basis:40px !important;
	border-radius:40px;
	border:1px solid #0000FF;
	cursor:pointer;
	background-color:transparent;
	background-image:url('/assets/images/icons/icon-sprite-close.png');
	transition:all 200ms ease;
}
.html-editor P.close-btn:hover{
	background-color:#0000FF;
	background-position:0px -40px;
}
.html-editor .editor-bloc-list I{opacity:.5;}

/*
* 14:42 2024-09-30
*/
H1{margin:30px 0;} 
H2, 
H3, 
H4, 
H5, 
H6{
	margin:20px 0;
}

P{margin:20px 0;}
P.n-breadcrumb{margin:-20px 0 40px 0;}
P.charcater-count{margin:0;}

UL{
	margin-top:25px;
	margin-bottom:25px;
}

.xs-columns{margin:40px 0;}
.xs-columns:last-child{margin-bottom:0;}
.xs-column>*:last-child{margin-bottom:0;}
.xs-column>*:nth-last-child(-n + 1 of *:not(SCRIPT)){margin-bottom:0;}
.xs-column>*:first-child{margin-top:0;}

.section>.inner>.page>*:first-child:not(H1),
SECTION>.inner>.page>*:first-child:not(H1){
	margin-top:0;
}
.section>.inner>.page>*:last-child,
SECTION>.inner>.page>*:last-child{
	margin-bottom:0;
}
SECTION.footer>.inner>.page>*:nth-last-child(-n + 1 of *:not(A.go-top)){margin-bottom:0;}

/*6:13 PM 2024-10-27*/
.ns-sticky{
	box-sizing:border-box;
	position:fixed;
	left:0;
	transition:none;
	z-index:20000;
}
/*6:13 PM 2024-10-27*/
.ns-scrollbar{
	overflow:auto;
	border:1px solid #CCCCCC;
}
.ns-scrollbar-ui{
	box-sizing:border-box;
	position:relative;
	overflow:auto;
	display:none;
}
.ns-scrollbar-ui.activated{display:block;}
.ns-scrollbar-ui>DIV{
	position:relative;
	margin-top:0px;
	height:1px;
}
.ns-scrollbar-ui.st001{
	margin:0 1px;
	background-color:#CCCCCC;
}

/*
* 7:10 PM 2024-06-09
*/
/*
.ns-scrollbar::-webkit-scrollbar,
.ns-scrollbar-ui::-webkit-scrollbar{
	width:auto;
	height:auto;
}
.ns-scrollbar::-webkit-scrollbar-track,
.ns-scrollbar-ui::-webkit-scrollbar-track{
	background-color:#EEEEEE;
	border-radius:30px;
}
.ns-scrollbar::-webkit-scrollbar-thumb,
.ns-scrollbar-ui::-webkit-scrollbar-thumb{
	background-color:#0000FF;
	box-shadow:inset 0 -2px 0 0 #EEEEEE,inset 0 2px 0 0 #EEEEEE; 
	border-radius:30px;
}
*/