:root {
	--btn-face-sm:inset 2px 2px 3px rgb(255 255 255 / 10%);

	--cms-base-rem:1.15rem;
	--cms-base-padding:.375rem;
	--cms-base-margin:.75rem;

	--cms-bg-lg-gray:linear-gradient(135deg, rgb(248,248,248), rgb(224,224,224), rgb(232,232,232));
	
	--cms-cp-bg:rgba(236, 236, 244, 1);
	--cms-cp-ds:2px 4px 10px rgba(0,0,0,0.125), 2px -4px 10px rgba(0,0,0,0.125);

	--cms-gray-ltst:rgb(248,248,248);
	--cms-gray-ltr:rgb(232,232,232);
	--cms-gray-lt:rgb(224,224,224);
	--cms-gray:rgb(200,200,200);
	--cms-gray-dk:rgb(176,176,176);
	--cms-gray-dkr:rgb(168,168,168);
	--cms-gray-dkst:rgb(152,152,152);

	--cms-brd-radius:0.375;

	--cms-brd-ltst:1px solid rgb(248,248,248);
	--cms-brd-ltr:1px solid rgb(232,232,232);
	--cms-brd-lt:1px solid rgb(224,224,224);
	--cms-brd:1px solid rgb(200,200,200);
	--cms-brd-dk:1px solid rgb(176,176,176);
	--cms-brd-dkr:1px solid rgb(168,168,168);
	--cms-brd-dkst:1px solid rgb(152,152,152);

	--cms-color:#333;
	--cms-color-links:#224477;

	--cms-cp-ds-in-xs:inset 0 0 2px rgb(128 128 32 / 25%);
	--cms-cp-ds-in-s:inset 0 0 4px rgb(128 128 32 / 15%);
	--cms-cp-ds-in-m:inset 0 0 7px rgb(128 128 32 / 15%);
	--cms-cp-ds-in:inset 0 0 10px rgb(128 128 32 / 15%);
	--cms-cp-ds-in-lg:inset 0 0 15px rgb(128 128 32 / 15%);
	--cms-cp-ds-in-xl:inset 0 0 20px rgb(128 128 32 / 15%);
	--cms-cp-ds-in-xxl:inset 0 0 30px rgb(128 128 32 / 15%);

	--cms-cp-header-bg:#224477;
	--cms-cp-header-color:#fff;

	--cms-ds-halo-sm:0 0 15px rgba(0,0,128,0.25);
	--cms-ds-halo:0 0 25px rgba(0,0,128,0.25);
	--cms-ds-halo-lg:0 0 50px rgba(0,0,128,0.25);

	--cms-ds-sm-ltst:1px 1px 2px rgba(64,64,200,0.1);
	--cms-ds-sm-ltr:1px 1px 2px rgba(32,32,164,0.1);
	--cms-ds-sm-lt:1px 1px 2px rgba(0,0,128,0.1);
	--cms-ds-sm:1px 1px 2px rgba(0,0,128,0.175);
	--cms-ds-sm-dk:1px 1px 2px rgba(0,0,96,0.25);
	--cms-ds-sm-dkr:1px 1px 2px rgba(0,0,64,0.25);
	--cms-ds-sm-dkst:1px 1px 2px rgba(0,0,0,0.25);

	--cms-ds-ltst:2px 2px 3px rgba(64,64,200,0.1);
	--cms-ds-ltr:2px 2px 3px rgba(32,32,164,0.1);
	--cms-ds-lt:2px 2px 3px rgba(0,0,128,0.1);
	--cms-ds:2px 2px 3px rgba(0,0,128,0.175);
	--cms-ds-dk:2px 2px 3px rgba(0,0,96,0.25);
	--cms-ds-dkr:2px 2px 3px rgba(0,0,64,0.25);
	--cms-ds-dkst:2px 2px 3px rgba(0,0,0,0.25);

	--cms-ds-lg-ltst:3px 3px 4px rgba(64,64,200,0.1);
	--cms-ds-lg-ltr:3px 3px 4px rgba(32,32,164,0.1);
	--cms-ds-lg-lt:3px 3px 4px rgba(0,0,128,0.1);
	--cms-ds-lg:3px 3px 4px rgba(0,0,128,0.175);
	--cms-ds-lg-dk:3px 3px 4px rgba(0,0,96,0.25);
	--cms-ds-lg-dkr:3px 3px 4px rgba(0,0,64,0.25);
	--cms-ds-lg-dkst:3px 3px 4px rgba(0,0,0,0.25);
	
	--cms-fs-xxl:1.5rem;
	--cms-fs-xl:1.325rem;
	--cms-fs-l:1.125rem;
	--cms-fs-m:1rem;
	--cms-fs-s:.95rem;
	--cms-fs-xs:.85rem;
	--cms-fs-xxs:.75rem;

	--cms-radius:0.375rem;

	--radius:0.375rem;
	--ds-halo:0 0 25px rgba(0,0,128,0.25);
	--ds-halo-sm:0 0 15px rgba(0,0,128,0.25);
}

html, body {
	min-height:100vh;
	min-width:calc(100vw - calc(var(--cms-base-margin) * 1.375));
}
body {
	display:flex;
	font-size:var(--cms-base-rem) !important;
	flex-wrap: wrap;
	position: relative;
}
.cms-sign-in-block {
	align-items: center;
	display: flex;
	height: 100vh;
	justify-content: center;
	width: 100vw;
}
#_pageHeader {
	background-color: rgba(198,190,237,0.75);

	border:var(--cms-brd);
	display: flex;
	height: 100%;
	left: 0;
	margin:0;
	max-height: 75px;
	max-width: 100vw;
	min-height: 75px;
	min-width: 100vw;
	padding:0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index:500;
}
#_pageContentGrid {
	display:grid;
	grid-area:content_grid;
	grid-template:"l_nav content_area";
	grid-auto-columns:75px 1fr;
	height:100%;
	left:0;
	margin-top:75px;
	max-height:calc(100vh - 75px);
	max-width:100vw;
	min-height:calc(100vh - 75px);
	min-width:100vw;
	position:absolute;
	top:0;
	transition:all .25s;
	width:100%;
	
}
#_pageLeft {
	background-color:rgba(191,200,244,.25);
	box-shadow: inset -5px 0 5px rgba(0,0,100,0.25);
	display:flex;
	flex-direction:column;
	grid-area:l_nav;
	height:100%;
	left:0;
	overflow-y:auto;
	overflow-x:hidden;
	position:absolute;
	top:0;
	transition:all .25s;
	width:75px;
}
#_pageContent {
	align-items:stretch;
	background-color:rgba(255,255,248,0.15);
	display:flex;
	flex-direction:column;
	grid-area:content_area;
	height:100%;
	justify-content:stretch;
	overflow-y:auto;
	padding: var(--cms-base-rem);
	position: relative;
	transition:all .25s;
	width:100%;
}
#_pageFooter {
	background-color:rgba(255,255,248,0.25);

	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	margin: auto auto 0;
}

/* top/left options */
.btn-cms-nav {
	align-items: center;
	box-shadow: var(--cms-ds-dk);
	color: rgb(92, 64, 51);
	display: flex;
	flex-direction: column;
	font-size: calc(var(--cms-base-rem) * .85);
	height: 65px;
	justify-content: center;
	margin: 0;
	min-width:70px;
	white-space: nowrap;
}
.btn-cms-nav i {
	align-items: center;
	display: flex;
	font-size: calc(var(--cms-base-rem) * 1.5);
	height: 100%;
	justify-content: center;
	margin-top: .25rem;
	width: calc(var(--cms-base-rem) * 1.5);
}
.sign_out {
	align-items: center;
	background-color:rgba(255,255,248,0.25);
	display: flex;
	height:100%;
	justify-content: center;
	padding:var(--cms-base-padding);
	position: absolute;
	right: 0;
}

.menu_item {
	align-items:center;
	border-bottom:var(--cms-brd);
	display:flex;
	flex-wrap:wrap;
	justify-content:start;
	margin:0;
	padding:0;
}
.menu_item a 
, .home a {
	align-items:center;
	display:flex;
	color:rgb(92, 64, 51);
	justify-content:start;
	padding:8px;
	text-decoration: none;
	text-shadow: var(--cms-ds-lt);
    	width:100%;
}
.menu_item > a {
	min-height:75px;
}
.menu_item i.fad
 , .home i.fad {
	align-items:center;
	aspect-ratio:1 / 1;
	display:flex;
	flex: 0 0 auto;
	justify-content:center;
	margin-right:.375rem;
	height:55px;
	font-size: 38px;
	width:55px;
}
.menu_item i.fad
, .btn-cms-nav
, .home i.fad {
	background: linear-gradient(125deg, rgba(255,255,255,0.5) 25%, transparent 75%);
	border:var(--cms-brd-dk);
	border-radius:var(--cms-radius);
	box-shadow: var(--cms-ds-dk);
	padding:.5rem;

	transition:all .25s;
}
.menu_item .fad.fa-tasks {
	background: #a00;
	height: 55px;
	-webkit-mask-image: url(/img/icons/TaskMaster.svg);
	mask-image: url(/img/icons/TaskMaster.svg);
	mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	mask-size: 45px;
	width: 60px;
}
.menu_item .fad.fa-tasks:after
, .menu_item .fad.fa-tasks:before {
	content: ' ';
	width: 55px;
}
.menu_item .fad.fa-tasks:after {
	background: linear-gradient(125deg, rgba(255,255,255,0.5) 25%, transparent 75%);
}
.btn-cms-nav span {
	font-size:1rem;
	width:100%;
}
.menu_item span
, .home span {
 	display:inline-block;
	transition:all .25s;
	white-space:nowrap;

 	transform:scale(0);
}
.menu_item.active {
	background-color: rgba(255,255,248,0.5);
}
.menu_item a:hover {
	background-color:rgba(255,255,248,0.25);
}
.menu_item.active > a {
	font-weight: bold;
	border-radius: var(--cms-radius);
	text-decoration: none;
}
.menu_item.active .cms-nav-sub span {
 	transform:scale(1);
}
.fs-xxl { font-size:var(--cms-fs-xxl); }
.fs-xl { font-size:var(--cms-fs-xl); }
.fs-l { font-size:var(--cms-fs-l); }
.fs-m { font-size:var(--cms-fs-m); }
.fs-s { font-size:var(--cms-fs-s); }
.fs-xs { font-size:var(--cms-fs-xs); }
.fs-xxs { font-size:var(--cms-fs-xxs); }

.rad-0 { border-radius:0; }


.task-bug:before { content:"\f188"; }
.task-bug:after { content:"\f188\f188"; }

.task-task:before { content:"\f328"; }
.task-task:after { content:"\f328\f328"; }

.task-changeenhancement:before { content:"\e60a"; }
.task-changeenhancement:after { content:"\e60a\e60a"; }

.task-newfeature:before { content:"\f890"; }
.task-newfeature:after { content:"\f890\f890"; }


/* header options */
#_pageHeader .home {
	height:100%;
	overflow:hidden;
	width:75px;
}
#_pageHeader .home a {
	align-items:center;
	display:flex;
	height:100%;
	justify-content:start;
	width:100%;
}
#_pageHeader .user_block {
	align-items:center;
	display:flex;
	flex-wrap:nowrap;
	justify-content:space-between;
	height:100%;
	margin:auto;
	width:1400px;
}
.u_details {
	display:grid;
	grid-column-gap:var(--cms-base-padding);
	grid-template:"ini name"
		"ini title";
	grid-template-columns:60px auto;
}
#_pageHeader .user_block a { /* ??? */
	display:inline-flex;
	color:var(--cms-color);
	margin:auto;
	text-decoration:none;
}
#_pageHeader .user_block .u_inits {
	grid-area:ini;
	align-items:center;
	aspect-ratio:1/1;
	background:violet;
	border:var(--cms-brd-dkst);
	border-radius:calc(var(--cms-base-rem) * 1.5);
	box-shadow: var(--cms-ds-dk);
	display: flex;
	font-size: calc(var(--cms-base-rem) * 1.75);
	font-weight: bold;
	justify-content: center;
	width: calc(var(--cms-base-rem) * 3);
}
#_pageHeader .user_block .u_opts {
	align-items:center;
	display:flex;
	flex-wrap:nowrap;
	grid-area:options;
	height:100%;
	padding:var(--cms-base-padding) 0;
}
#_pageHeader .user_block .u_opts button:not(:last-child) {
	margin-right:.75rem;
}
#_pageHeader .user_block .u_name
, #_pageHeader .user_block .u_title {
	font-size: calc(var(--cms-base-rem) * .95);
	width:calc(100% - 50px);
}
#_pageHeader .user_block .u_title
, #_pageHeader .user_block .u_name {
	display:flex;
	height:100%;
	width:100%;
}
#_pageHeader .user_block .u_name {
	grid-area:name;
	align-items:end;
}
#_pageHeader .user_block .u_title {
	grid-area:title;
	align-items:start;
}

/* left nav hover states */
body.open #_pageContentGrid {
	grid-auto-columns:200px 1fr;
}
#_pageLeft:hover
  , body.open #_pageLeft
  , body.open #_pageHeader .home {
	width:200px;
}

#_pageLeft:hover .menu_item span  
, body.open #_pageLeft .menu_item span 
, body.open #_pageHeader .home span {
 	transform:scale(1);
}

#_pageLeft:hover .menu_item i.fad  
, body.open #_pageLeft .menu_item i.fad 
, body.open #_pageHeader .home i.fad {
	height:40px;
	font-size: 24px;
	width:40px;

}
#_pageLeft:hover .menu_item .fad.fa-tasks
, body.open #_pageLeft .menu_item .fad.fa-tasks {
	height: 40px;
	mask-size: 35px;
	width: 40px;
}



a {
	color:var(--cms-color-links);
}
.cms-body-wrap {
	align-items: center;
	border:0;
	display:grid;
	grid-template:"nav"
		"content_body"
		"footer";
	grid-template-rows:45px 1fr 45px;
	min-height:100vh;
	min-width:100%;
	margin:0;
	padding:0;
	position:relative;
}
.footer {
	bottom: 0;
	font-size:calc(var(--cms-base-rem) * .85);
	font-weight:bold;
	grid-area:footer;
	padding:var(--cms-base-margin) 0 0;
	text-align:center;
	width:100%;
}
.cms-nav-top {
	background-color: var(--cms-cp-bg);
	border-bottom:var(--cms-brd-dkst);
	box-shadow:var(--cms-cp-ds);
	grid-area:nav;
	list-style: none;
	margin: 0;
	padding: 0;
	position: sticky;
	top: 0;
	width:100%;
	z-index:1000;
}
.cms-main-content {
	grid-area:content_body;
	height:100%;
	margin-top:0;
	padding:0 calc(var(--cms-base-rem) * .75) calc(var(--cms-base-rem) * .75);
	width:100%;
}


.header {
	display:flex;
	flex:1 1 auto;
	flex-direction:row;
	width:100%;
}

.cms-logo {
	display:flex;
	margin:auto;
	padding:.25rem 1rem;
}
.cms-logo span {
	font-size:calc(var(--cms-base-rem * 1.5));
	font-weight:bold;
}
.cms-user {
	align-items: center;
	display: inline-flex;
	flex: 1 1 auto;
	flex-direction: row;
	flex-wrap:nowrap;
	float: right;
	margin-left: auto;
	margin-right: calc(var(--cms-base-rem) * 1.25);
	margin-top: 5px;
	margin-bottom:0;
	max-height:30px;
}
.cms-user-welcome, .cms-user-actions {
	display:block;
}
.cms-user-welcome {
	margin-right:calc(var(--cms-base-rem) * .75);
}

cms_zone {
	border-radius:var(--cms-radius);
	display:block;
	height:100%;
	margin: 0 auto auto;
	overflow-x: hidden;
	overflow-y: auto;
	width:100%;
}
cms_zone_inset {
	display:block;
	margin: 0 auto auto;
	max-width:1400px;
	padding:0;
	width:100%;
}


.footer .copyright {
	padding:0;
}
.cms-nav-sub {
	background: rgba(255,255,255,0.05);
	border:var(--cms-gray-lt);
	border-top:0;
	border-right:0;
	border-bottom-left-radius:var(--cms-radius);
	border-top-left-radius:var(--cms-radius);
	box-shadow:var(--cms-ds-dk) inset;
	height:0;
	margin:0;
	overflow:hidden;
	padding:0;
	padding-right:var(--cms-base-padding);
	transition:all .25s ease;
	width:100%;
}
.cms-nav-sub li {
	border: 1px solid transparent;
	border-radius: var(--cms-radius);
	display: block;
	float: left;
	font-size: calc(var(--cms-base-rem) * .9);
	margin: auto;
	padding:0;
	position: relative;
	text-decoration: none;
	transition: all .25s ease-out;
	width: 100%;
}
.cms-nav-sub li a {
	overflow:hidden;
	color:black;
	display:flex;
	padding:var(--cms-base-padding) var(--cms-base-margin);
	position:relative;
	white-space:nowrap;
	width:100%;
}
.cms-nav-sub a:before {
	aspect-ratio:1 / 1;
	background-color:transparent;
	border:var(--cms-brd);
	content:" ";
	display:block;
	height:16px;
	left:-20px;
	opacity:0;
	position:absolute;
	top:calc(50% - 8px);
	transform:rotate(-45deg);
	width:auto;
}
.cms-nav-sub a:hover::before {
	left:-10px;
	opacity:1;
}
/* body.open #_pageLeft .menu_item.active .cms-nav-sub */
#_pageLeft .menu_item.active .cms-nav-sub
, .menu_item:hover .cms-nav-sub {
	height:auto;
	margin-bottom:calc(var(--cms-base-margin) * 1.5);
}
.cms-nav-sub a span.closed
, .cms-nav-sub a span.open {
	display:flex;
	overflow:hidden;
	transition:all .25s ease;
}

body:not(.open) .cms-nav-sub a span.closed
, body.open .cms-nav-sub a span.open {
	width:100%;
}
body:not(.open) .cms-nav-sub span.open
, body.open .cms-nav-sub span.closed {
	width:0;
}
.cms-nav-sub span.closed {
	justify-content: center;
	text-align: center;
	width: 100%;
}

.cms-nav-sub a.chosen {
	font-weight:bold;
}
.cms-nav-sub a.chosen:before {
	background-color:black;
	left:-10px;
	opacity:1;
}

.cms-nav-sub li:hover {

}
.cms-nav-sub li:hover {
	border:1px solid rgb(180, 180, 180);
}
.cms-nav-sub hr {
	border-style: dashed;
	box-shadow:var(--cms-ds);
	margin: auto;
	width: 80%;
}
.cms-nav-sub a {
	display:block;
	color:#111;
	text-decoration:none;
	transition:.2s background linear;
}

.cms-title {

}

.cms-title-sub {
	display:block;
	margin-bottom:calc(var(--cms-base-rem) * 0.75);
	margin-top:calc(var(--cms-base-rem) * -.375);
}

.cms-page-body {
	background-color:var(--cms-gray-ltst);
	box-shadow:-4px 0 10px rgba(0,0,0,.125), 4px 0 10px rgba(0,0,0,.125);
	border-radius:.375rem;
	margin:auto auto .75rem;
	height:calc(100%);
	padding:1rem;
	width:100%;
}
.cms-main-content h1 {
	font-size:calc(var(--cms-base-rem) * 1.5);
	font-weight:700;
}

.cms-cp-tab-container {
	align-items: end;
	display: flex;
	flex: 0 0 auto;
	flex-direction: row;
	justify-content: start;
	list-style: none;
	margin-bottom:0;
	padding-left:var(--cms-base-rem);
	position:relative;
	z-index:1;
}
.cms-cp-tab {
	background:var(--cms-bg-lg-gray);
	border:var(--cms-brd-lt);
	border-bottom:0;
	border-radius:var(--cms-radius);
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
	font-style:italic;
	font-size:calc(var(--cms-base-rem) * .9);
	margin-left:.375rem;
	padding:calc(var(--cms-base-rem) * .1) calc(var(--cms-base-rem) * .375);
	position:relative;
}
.cms-cp-tab.active {
	background:var(--cms-bg-lg-gray);
	font-style:normal;
	font-size:var(--cms-base-rem);
	margin-bottom:auto;
	padding:calc(var(--cms-base-rem) * .25) calc(var(--cms-base-rem) * .5);
}
.cms-cp-panel {
	background:var(--cms-bg-lg-gray);
	border:var(--cms-brd-lt);
	border-radius:var(--cms-radius);
	display:none;
	padding:calc(var(--cms-base-rem) * 1.5);
	position:relative;
}
.cms-cp-panel-wrapper {
	background:var(--cms-bg-lg-gray);
	border:var(--cms-brd-lt);
	border-radius:var(--cms-radius);
	display:flex;
	flex:1 1 auto;
	padding:calc(var(--cms-base-rem) * 1.5);
	position:relative;
	width:100%;
	margin: auto;
	min-height: calc(100vh - 50px);
	margin-bottom:0;
}
.cms-cp-panel.nested {
	background:transparent;
	border:0;
	padding:0;
	margin:auto;
	margin-top:0;
	margin-left:0;
}
.cms-cp-panel.active {
	display:block;
}

.cms-cp-button-bar-container {
//	border:var(--cms-brd);
//	border-radius:var(--cms-radius);
	margin:auto;
//	padding:var(--cms-radius);
}
.cms-cp-button-bar-container .title {
	font-size:calc(var(--cms-base-rem) * .75);
	font-weight:bold;
	width:100%;
}
.cms-cp-bbc-right {
	position:absolute;
	right:calc(var(--cms-base-rem) * .75);
	clear:right;
}
.cms-cp-button-bar {
	border:0;
	display:flex;
	flex:0 0 auto;
	flex-direction:row;
	list-style:none;
	width:100%;
}
.cms-cp-button-bar .button {
	align-items:center;
	border:var(--cms-brd-lt);
	border-radius:var(--cms-radius);
	box-shadow:var(--cms-ds);
	cursor:pointer;
	display:flex;
	flex:1 1 auto;
	flex-direction:column;
	font-size:calc(var(--cms-base-rem) * .65);
	justify-content: center;
	padding: calc(var(--cms-base-rem) * .65) calc(var(--cms-base-rem) * .75) calc(var(--cms-base-rem) * .25);
	margin-left: 0.375rem;
	text-align: center;
	width: calc(var(--cms-base-rem) * 4);

	background: var(--cms-bg-lg-gray);
	--fa-primary-color: #ffe;
	--fa-secondary-color: plum;
	font-weight: bold;
	--fa-secondary-opacity: 1;
	--fa-primary-opacity: 1;
	text-shadow: var(--cms-ds-sm-lt);
}

.block-info-full {
	display:block;
	padding:0;
	margin-bottom:var(--cms-base-margin);
	width:100%;
}
.block-info-full span {
	background: var(--cms-cp-header-bg);
	border: var(--cms-brd);
	border-radius: var(--cms-radius);
	color: white;
	display: block;
	font-size: calc(1.15 * var(--cms-base-rem));
	padding: var(--cms-base-padding) var(--cms-base-margin);
	width: 100%;
}

.cms-form-block {
	align-items: start;
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: start;
	margin: 0;
//	padding-left: 1.5rem;
	width:100%;
}
.cms-fill-in {
	background:transparent;
	border:0;
	border-bottom:var(--cms-brd);
}
.row .form-floating.pe-0 label {
	margin-left: var(--cms-base-margin);
}
.form-floating-pre, .form-floating-post {
	padding-bottom:.5rem;
}
.form-floating-pre {
	padding-right:.25rem;
}
.form-floating-post {
	padding-left:.25rem;
}

.btn-cms {
	
}
.btn-cms-shifty {
	padding:0.375rem 0.5rem 0.375rem 1.95rem;
	transition:padding .5s ease-in-out;
}
.btn-cms-shifty:hover {
	padding:0.375rem 1.25rem 0.375rem 1.25rem;
	overflow:hidden;
}
.btn-cms-shifty i.btn-cms-shifty-clip {
	display: inline-block;
	margin: 0 0 -.375rem .375rem;
	overflow: hidden;
	padding: 0;
}
.btn-cms-shifty i.fad {
	opacity:0;
	margin-left:.375rem;
}
.btn-cms-shifty:hover i.fad {
	animation:anim_OpacityFadeIn 3s infinite;
}
.btn-cms-shifty i.btn-cms-shifty-clip i.fad {
	opacity:0;
	margin-left:0;
}
.btn-cms-shifty:hover i.btn-shifty-icon-up {
	animation:anim_OpacityFadeIn 3s infinite, anim_FloatUp 3s infinite;
}
.btn-cms-shifty:hover i.btn-shifty-icon-down {
	animation:anim_OpacityFadeIn 3s infinite, anim_FloatDown 3s infinite;
}
.btn-cms-shifty:hover i.btn-shifty-icon-left {
	animation:anim_OpacityFadeIn 3s infinite, anim_FloatRight 3s infinite;
}
.btn-cms-shifty:hover i.btn-shifty-icon-right {
	animation:anim_OpacityFadeIn 3s infinite, anim_FloatLeft 3s infinite;
}

@keyframes anim_OpacityFadeIn {
	0% { opacity: 0; }
	75% { opacity: 1; }
}
@keyframes anim_FloatUp {
	0% { transform:translateY(1.5rem); }
	75% { transform:translateY(0); }
}
@keyframes anim_FloatDown {
	0% { transform:translateY(-1.5rem) rotate(-35deg); }
	75% { transform:translateY(0) rotate(0); }
}
@keyframes anim_FloatLeft {
	0% { transform:translateX(1.5rem); }
	75% { transform:translateX(0); }
}
@keyframes anim_FloatRight {
	0% { transform:translateX(-1.5rem); }
	75% { transform:translateX(0); }
}


.btn-rad-bar {
	border:0;
	display:flex;
	flex:1 1 auto;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	list-style:none;
	margin:0 calc(var(--cms-base-margin) * 2);
	padding:0;
}
.btn-rad-bar li label {
	margin:auto var(--cms-base-margin) var(--cms-base-margin);
	padding:calc(var(--cms-base-rem) * .25) calc(var(--cms-base-rem) * 1)
}

.button.preview i::after {
  content: "\10f070";
}
.button.preview i::before {
  content: "\f070";
}
.button.preview.active i.fad::after {
  content: "\10f06e";
}
.button.preview.active i.fad::before {
  content: "\f06e";
}
.cms-cp-button-bar .button:first-child {
	margin-left:0;
}
.cms-cp-button-bar .icon {
	font-size:calc(var(--cms-base-rem) * 1.5);
	width:100%;
}
.cms-cp-info-sm {
	font-size:calc(var(--cms-base-rem) * .8);
//	font-style:italic;
}

.cms-cp-counter-box {
	background-color: rgb(248,248,208);
	border:1px solid var(--cms-gray-lt);
	border-radius:0 var(--cms-radius);
	color:var(--cms-color);
	font-size:calc(var(--cms-base-rem) * .8);
	font-weight:bold;
	line-height: 1;
	max-height:30px;
	opacity:1;
	padding:calc(var(--cms-base-rem) * .25);
	position:absolute;
	right:0;
	top:0;
	transition:all 0.25s linear;
}
.cms-cp-counter-box.active {
	opacity:1;
}
cms_cp_row {
	display:flex;
	flex:1 1 auto;
	flex-direction:row;
	flex-wrap:wrap;
}
.cms-cp-fs-col-left {
	display:flex;
	flex:1 1 auto;
	flex-direction:column;
	flex-wrap:nowrap;
	width:50%;
}
.cms-cp-opt-name, .cms-cp-info-input, .cms-cp-info-item {
	padding:var(--cms-base-padding);
}
.cms-cp-opt-name {
	display:block;
	font-weight:bold;
	text-align:right;
	width:30%;
}
.cms-cp-opt-input {
	display:block;
	font-weight:bold;
	text-align:right;
	width:70%;
}
.cms-cp-opt-input.edit {
	display:block;
}
.cms-cp-opt-text {
	display:block;
	width:70%;
}
.cms-input-toggle-opt {
	display:none;
}
.cms-input-toggle-opt.edit {
	display:block;
}
.cms-cp-info-item-title {
	display:inline-block;
	font-style:italic;
	text-align:right;
	width:calc(var(--cms-base-rem) * 5);
}

.cms-cp-counter-txt {

}


.cms-info-date-box {
	align-items:center;
	display: flex;
	flex:1 1 auto;
	flex-direction:column;
	height:100px;
	justify-content:center;
	margin-bottom: calc(var(--cms-base-rem) * .375);
	position:relative;
	width:calc(var(--cms-base-rem) * 4.688);
}
.cms-info-date-box.left {
	float: left;
	margin: 0 calc(var(--cms-base-rem) * .375) .75rem;
}
.cms-info-date-box .title {
	align-items: center;
	border-radius: var(--cms-radius);
	display: inline-flex;
	font-size: calc(var(--cms-base-rem) * .95);
	font-weight: bold;
	height: calc(var(--cms-base-rem) * 1.5);
	justify-content: center;
	margin:1px;
	padding: .1rem .5rem;
	position: relative;
	text-align: center;
	width: 100%;
}
.cms-info-date-wrapper {
	align-items: center;
	background-color:#fff;
	border:var(--cms-brd-lt);
	border-radius: var(--cms-radius);
	display:flex;
	flex:0;
	flex-direction:column;
	height:100%;
	justify-content: center;
	position:relative;
	text-align:center;
	width:100%;
}
.cms-info-date-wrapper .month {
	background-color: var(--cms-gray-dk);
	border-top-left-radius: var(--cms-radius);
	border-top-right-radius: var(--cms-radius);
	color: #fff;
	display:block;
	font-size:calc(var(--cms-base-rem) * .85);
	font-weight:bold;
	width:100%;
}
.cms-info-date-wrapper .day {
	border-bottom: var(--cms-brd);
	display: block;
	font-size: calc(var(--cms-base-rem) * 2);
	font-weight: bold;
	height: calc(var(--cms-base-rem) * 3);
	line-height: calc(var(--cms-base-rem) * 2.75);
	width: 100%;
}
.cms-info-date-wrapper .year {
	font-size:calc(var(--cms-base-rem) * .9);
	display:block;
	width:100%;
}
.cms-info-date-wrapper .hour {
	background: #ddd;
	border: var(--cms-brd-lt);
	border-radius: .25rem;
	color: #333;
	display: block;
	font-family: monospace;
	font-size: 1rem;
	font-weight: 500;
	margin:0;
	padding: 0 .5rem;
	text-align: center;
	width: 100%;
}
.cms-info-date-wrapper.can_edit, .cms-info-date-wrapper.can_edit .day {
	border-color: var(--bs-success);
}
.cms-info-date-wrapper.can_edit .month {
	background-color:rgb(var(--bs-success-rgb));
}


.cms-icon {
	text-shadow: 1px 1px 2px rgba(0, 32, 128, 0.15);
	width: 1rem;
	text-align: center;
}
.cms-icon-xl {
	font-size: 7rem;
	height: 9rem;
	text-shadow: 2px 2px 2px rgba(0, 32, 128, 0.5);
	width: 9rem;
}
.cms-icon-lg {
	font-size: 3.5rem;
	height: 4.5rem;
	text-shadow: 2px 2px 2px rgba(0, 32, 128, 0.25);
	width: 4.5rem;
}
.cms-icon-x2 {
	font-size: 1.5rem;
	height: 1.5rem;
	text-shadow: 2px 2px 2px rgba(0, 32, 128, 0.25);
	width: 1.5rem;
}
.cms-icon-stack {
	align-items:center;
	display:inline-flex;
	flex:1 1 auto;
	height:100%;
	justify-content:center;
	position:relative;
	width:100%;
}
.cms-icon-stack i {
	align-items: center;
	display: inline-flex;
	justify-content: center;
	margin:auto;
	position:absolute;
}
.cms-img-folder-icon {
	height: 3.5rem;
	--fa-primary-color: #333;
	--fa-secondary-color: rgb(253, 187, 48);
	--fa-secondary-opacity: 1;
	text-shadow:-2px 0 2px rgb(0 32 128 / 3%), 0 -2px 2px rgb(0 32 128 / 3%), 0 2px 2px rgb(0 32 128 / 25%), 2px 0 2px rgb(0 32 128 / 25%);
}
.cms-img-folder-icon::before {
	content: "\f083";
}
.cms-img-folder-icon:not(.fal)::after {
	content: "\10f083";
}
.cms-folder-icon {
	--fa-primary-color: rgb(248, 215, 117);
	--fa-primary-opacity: 1.0;
	--fa-secondary-color: rgb(248, 215, 117);
}
.cms-folder-icon::before {
	content: '\f07b';
}
.cms-folder-icon:not(.fal)::after {
	content: '\10f07b';
}
.cms-folder-icon-more {
	--fa-primary-color: #333;
	--fa-primary-opacity: 1.0;
	--fa-secondary-opacity: 1;
	--fa-secondary-color:  rgb(248, 215, 117);
}
.cms-folder-icon-more::before {
	content: '\f65e';
}
.cms-folder-icon-more:not(.fal)::after {
	content: '\10f65e';
}
.fal.cms-folder-icon
, .fal.cms-folder-icon-more {
	--fa-primary-color: rgb(255, 233, 162);
	color: rgb(208, 175, 77);
}
.fal.cms-folder-icon::before
, .fal.cms-folder-icon-more::before {
	opacity:1;
}
.fal.cms-folder-icon:not(.fal)::after
, .fal.cms-folder-icon-more:not(.fal)::after {
	--fa-secondary-color: rgb(255, 233, 162);
}
.cms-toggle-folder.active .cms-folder-icon, .cms-toggle-folder.active .cms-folder-icon-more {
	--fa-primary-color: rgb(248, 215, 117);
	--fa-primary-opacity: 1.0;
	--fa-secondary-color: rgb(255, 233, 162);
	--fa-secondary-opacity: 1.0;
}
#_fileTree li
, .cms-toggle-folder {
	position:relative;
}
#_fileTree li:not(.active) span:hover::before
, .cms-toggle-folder:not(.active) span:hover::before {
	background-color: rgba(13,202,240,0.1);
}
#_fileTree li.active span:before
, .cms-toggle-folder.active span:before {
	background-color: rgba(13,202,240,0.25);
}
#_fileTree li:not(.active) > span:hover::before
, #_fileTree li.active > span:before
, .cms-toggle-folder:not(.active) > span:hover::before
, .cms-toggle-folder.active > span:before {
	border: var(--cms-brd-lt);
	border-radius: var(--cms-radius);
	box-shadow: var(--cms-ds-sm-lt);
	content: '';
	display: block;
	height:100%;
	position: absolute;
	top: calc(var(--cms-base-rem) * -.0675);
	left: calc(var(--cms-base-rem) * -.25);
	width: calc(100% + calc(var(--cms-base-rem) * .5));
}
#_fileTree li.active > span
, .cms-toggle-folder.active > span {
	font-weight:600;
}
.cms-toggle-folder.active > .cms-folder-icon-more {
	-webkit-text-stroke: 1px rgba(128,128,32,0.5);
}
.cms-toggle-folder.active > .cms-folder-icon::before
, .cms-toggle-folder.active > .cms-folder-icon-more::before  {
	content: '\f07c';
}
.cms-toggle-folder.active > .cms-folder-icon:not(.fal)::after
, .cms-toggle-folder.active > .cms-folder-icon-more:not(.fal)::after {
	content: '\10f07c';
}
.cms-icon-galleries {
	left: -.1rem;
	font-size: 1.15rem;
	margin-right:.15rem;
	--fa-primary-color: darkblue;
	--fa-secondary-color: darkcyan;
}
.cms-list-item {
	--fa-primary-color:black;
	--fa-primary-opacity:.5;
	--fa-secondary-opacity: 1;
	--fa-secondary-color: plum;
}
.cms-list-item::after {
	content: '\10f022';
}
.cms-list-item:before {
	content: '\f022';
}
.cms-icon.fa-file-alt:after {
	--fa-primary-color: saddlebrown;
	--fa-secondary-color: #ddd;
	text-shadow: 2px 2px 1px rgba(0,0,0,.5);
}

.cms-msg-list {
	list-style:none;
	padding:0;
}

.cms-msg-list li {
	margin-bottom:var(--cms-base-margin);
}

.cms-modal {
	align-items:center;
	background-color:rgba(32,32,32,0);
	bottom:0;
	display:none;
	flex:1 1 auto;
	height:100vh;
	justify-content:center;
	left:0;
	position:absolute;
	right:0;
	top:0;
	width:100vw;
	transition:all 0.2s ease-in-out;
}
.cms-modal.active {
	background-color:rgba(32,32,32,0.2);
	display:flex;
	transition:all 0.2s ease-in-out;
}
.cms-modal-box {
	background-color: #fafafa;
	border: var(--cms-brd-dk);
	border-radius: calc(var(--cms-radius) * 4);
	box-shadow: inset 4px 4px 10px rgb(180 180 212 / 25%), inset -4px -4px 10px rgb(180 180 212 / 30%), 0 0 35px rgb(64 64 64 / 15%);
	display: flex;
	flex: 1 1 auto;
	flex-direction: row;
	flex-wrap: wrap;
	height: 100%;
	margin: 1rem;
	max-height: 600px;
	max-width: 800px;
	opacity: 0;
	padding: 0;
	width: 100%;
	transition: all 0.375s ease-in-out;
	align-content: baseline;
	justify-content: center;
	overflow: hidden;
}
.cms-modal.active .cms-modal-box {
	opacity:1;
	transition:all 0.375s ease-in-out;
}
.cms-modal-box .box-head {
	background-color: rgba(64,64,124,0.15);
	border-bottom:var(--cms-brd);
	display: block;
	font-size: calc(var(--cms-base-rem) * 1.25);
	height: 50px;
	margin: 0 -.75rem .75rem;
	position: relative;
	width: 100%;
	padding: .575rem 1.5rem;
	font-weight: bold;
	text-shadow: 1px 1px 2px rgb(0 0 0 / 5%);
}
.box-head .fa-window-close {
	--fa-primary-color: white;
	border: 1px solid red;
	border-radius: var(--cms-radius);
	box-shadow: 1px 1px 3px rgb(0 0 0 / 50%);
	float: right;
	margin-top: calc(var(--cms-base-margin) * .5);
	color: red;
	cursor: pointer;
	padding: 0;
}
.cms-modal-box .box-body {
	display:flex;
	flex-direction:column;
	width:100%;
	padding: .575rem 1.5rem;
}
.box-subhead {
	margin:0 0 .75rem;
	padding-left:1.15rem;
}
.box-c-50 {
	display:inline-flex;
	flex:1 1 auto;
	flex-direction:column;
	flex-wrap:wrap;
	max-width:calc(50% - 1rem);
	width:100%;
}
.modal-opt-hidden {
	display:none;
	flex-direction:column;
}
.modal-opt-hidden.active {
	display:flex;
	width:100%;
}


.form-row {
	display:flex;
	flex:1 1 auto;
	flex-direction:row;
	flex-wrap:wrap;
	align-items:end;
	justify-content:start;
	padding-left:1.5rem;
	margin-bottom: 1rem;
}

#modal_NewArtFileName, #modal_NewArtRelPath {
	display:inline-block;
	position:relative;
	min-height:1rem;
}
#modal_NewArtFileName:after {
	content: 'your new page here \2926';
	right: 140px;
	position: absolute;
	top: -1rem;
	width: 100%;
	white-space: nowrap;
}
.drop-container {
	align-items: center;
	border: 2px dashed #555;
	border-radius:var(--cms-radius);
	color: #444;
	cursor: pointer;
	display: flex;
	flex:1 1 auto;
	flex-direction: column;
	gap: 10px;
	height: 200px;
	justify-content: center;
	padding: 20px;
	position: relative;
	transition: background .2s ease-in-out, border .2s ease-in-out;
	width:100%;
}
.drop-container:hover {
	background: #eee;
	border-color: #111;
}
.drop-container-icon {
    font-size: 2rem;
    transform: translateY(.25rem);
    margin: 0 0 0 0.25rem;
}
.drop-container:hover .drop-title {
	color: #222;
}
.drop-title {
	color: #444;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	transition: color .2s ease-in-out;
}
.drop-container input[type=file]::file-selector-button {
	background: #0d6efd;
	border: var(--cms-brd-dk);
	border-radius:var(--cms-radius);
	color: #fff;
	cursor: pointer;
	margin-right:var(--cms-base-margin);
	padding: calc(var(--cms-base-padding) * .5) var(--cms-base-padding);
	transition: background .2s ease-in-out;
}
.drop-container input[type=file]::file-selector-button:hover {
	background: #0b5ed;
}

.paging-block {
	align-items: center;
	display:flex;
	flex-direction:row;
	justify-content: center;
	list-style:none;
	margin:0 auto;
	padding-left:0;
}
.paging-block.wrappy {
	flex-wrap:wrap;
	margin:0;
	margin-bottom:.75rem;
}
.paging-wrapper {
	margin:0 auto;
	max-width:1400px;
	text-align:center;
	width:100%;
}
.paging-wrapper span {
	border:1px solid transparent;
	border-radius:0.375rem;
	display:block;
	padding-bottom:.5rem;
	width:100%;
}
.paging-wrapper span i {
	font-size:.85em;
}
.paging-wrapper i {
	display:block;
	width:100%;
}
.paging-block li {
	align-items:center;
	aspect-ratio:1 / 1;
	border:var(--cms-brd-lt);
	box-shadow:inset -2px -2px 7px rgba(0,0,150,0.05);	
	display:flex;
	height:2rem;
	justify-content:center;
	width:2rem;
	text-align:center;
}
/*
.paging-block li.paging-block-summary {
	padding:.325rem .75rem;
}
*/
.paging-block li:first-child {
	border-radius:.375rem 0 0 .375rem;
}
.paging-block li:last-child {
	border-radius:0 .375rem .375rem 0;
}
.paging-block li:hover {
	box-shadow:inset 2px 2px 5px rgba(0,0,150,0.05);	
}
.paging-block li.selected {
	background:linear-gradient(135deg, rgb(220,220,255),  rgb(220,220,248), rgb(210,210,238));
	font-weight:bold;
}
.paging-block a {
	align-items: center;
	color:var(--cms-color);
	display:flex;
	flex-direction:row;
	height:100%;
	justify-content: center;
	text-decoration:none;
	width:100%;
}

.ws-nr {
	white-space:nowrap;
}
.j-c-se {
	align-items:center;
	justify-content:space-evenly;
}

.cms-right-menu {
	align-items: start;
	background-color: var(--cms-cp-bg);
	border-radius: 0 0 0 95% / 7%;
	box-shadow: var(--cms-cp-ds);
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	float: right;
	justify-content: center;
	margin: calc(var(--cms-base-rem) * -1);
	padding: 1rem 0 1rem;
	position: sticky;
	right: calc(var(--cms-base-margin) * -1);
	top: calc(var(--cms-base-margin) * -1);
	width: 200px;
	margin-left: -200px;
	z-index: 999;
}
.cms-right-menu-inner {
	margin:auto;
}
.cms-right-menu-inner hr {
	margin:0.375rem 0;
}
.cms-right-menu-inner .fad {
	--fa-primary-color:#224477;
	--fa-secondary-color: #F4BB44;
	--fa-secondary-opacity: 1;
	text-shadow: var(--cms-ds-sm);
	font-size: 1.25rem;
}

.cms-lsn {
	list-style:none;
}
.cms-lsn li {
	border:1px solid transparent;
	margin-bottom:.5rem;
	padding:calc(.5 * var(--cms-base-padding)) calc(2 * var(--cms-base-padding));
	transition:.25s all ease-in-out;
}
.cms-lsn li:hover {
	background-color:var(--cms-gray-ltst);
	border:var(--cms-brd);
	border-radius:var(--cms-radius);
	margin-bottom:.5rem;
	transition:.25s all ease-in-out;
}
.cms-lsn i {
	border: var(--cms-brd);
	border-radius: var(--cms-radius);
	box-shadow:inset 2px 2px 3px rgba(255,255,255,0.1), inset -2px -2px 3px rgba(0,0,0,0.1) ;
	display: inline-flex;
	flex: 0 0 auto;
	width: 2rem;
	height: 2rem;
	align-items: center;
	justify-content: center;
	padding: .5rem;

}
.cms-lsn li a {
	color:inherit;
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
}
.cms-lsn li:hover a {
	cursor:pointer;
}
.cms-lsn li span.c {
	align-items:center;
	display:flex;
	flex:1 1 auto;
	justify-content:center;
	margin:auto;
	max-height:0;
	overflow:hidden;
	transition:.5s all ease-in-out;
	width:100%;
}
.cms-lsn li:hover span.c {
	height:auto;
	max-height:100px;
	transition:.5s all ease-in-out;
}
span.c a {
	background: linear-gradient(-185deg, rgba(var(--bs-primary-rgb), .25) , rgba(var(--bs-primary-rgb), 5));
	border: var(--cms-brd);
	border-radius: var(--cms-radius);
	display: inline-block;
	max-width: 85px;
	width: 100%;
	text-align: center;
	font-weight: 500;
	color: white;
	text-shadow: var(--cms-ds-sm-dkst);
	transition:all 250ms ease;
}
span.c a:hover {
	background: linear-gradient(-185deg, rgba(var(--bs-primary-rgb), .25) , rgba(var(--bs-primary-rgb), 5));
	box-shadow: var(--cms-ds);
}
 
.cms-cp-title {
	font-size: 1.25rem;
	width: 100%;
	margin-bottom:calc(2 * var(--cms-base-margin));
}
.cms-anchor-nav-offset {
	display: block;
	margin-bottom: 70px;
	margin-top: -35px;
}
.cms-cp-sect-title {
	background:linear-gradient(270deg, var(--cms-gray-ltst), #aaccff, #224477);
	border-bottom: var(--cms-brd);
	border-top: var(--cms-brd);
	border-radius: 0.375rem;
	color: white;
	font-size: 1.1rem;
	margin-bottom: var(--cms-base-margin);
	padding: var(--cms-base-padding) var(--cms-base-margin);
	text-shadow: 0px 3px 6px rgb(0 0 0 / 25%), -3px 0px 6px rgb(0 0 0 / 13%);
	width: 100%;
}
.cms-cp-th-right {
 	text-align:right;
 	font-weight:bold;
}

.cms-sect-opt-container {
	display:flex;
	flex:1 1 auto;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:start;
	padding: var(--cms-base-padding) 0;
}
.cms-input-group-success-title {
	background: linear-gradient(175deg, lime 0%, green 80%);
	color: white;
	font-weight: 700;
	text-shadow: 1px 1px 1px rgb(0 0 0 / 50%), -1px -1px 1px rgb(0 0 0 / 50%);
	text-transform: uppercase;
}
.cms-tag-toggler {
	border: var(--cms-brd);
	border-radius: var(--cms-radius);
	box-shadow: var(--cms-ds-sm);
	cursor: pointer;
	display: inline-block;
	font-size: calc(var(--cms-base-rem) * .8);
	margin-left: var(--cms-base-margin);
	padding: var(--cms-base-padding) var(--cms-base-rem);
	transition: all .25s ease-in-out;
	background: linear-gradient(-5deg, rgba(var(--bs-primary-rgb), .85) 0%, rgba(255,255,255,0.85) 60%);
	font-weight: bold;
	color: black;
	text-shadow: 0 0 2px rgb(255 255 255 / 85%);
}
.cms-tag-toggler:hover {
	background-color:rgba(var(--bs-success-rgb), 0.1);
}
.cms-tag-toggler .cms-tag-toggler-icon {


}
.cms-tag-toggler .cms-tag-toggler-icon:before {
    content: "\f070";
}
.cms-tag-toggler .cms-tag-toggler-icon:after {
    content: "\10f070";
}

.cms-tag-toggler.on {
	background-color:rgba(var(--bs-success-rgb), 0.25);
	box-shadow:unset;
	transition: all .25s ease-in-out;
}
.cms-tag-toggler.on .cms-tag-toggler-icon {

}
.cms-tag-toggler.on .cms-tag-toggler-icon:before {
    content: "\f06e";
}
.cms-tag-toggler.on .cms-tag-toggler-icon:after {
    content: "\10f06e";
}

.cms-autopad-bottom .col-lg-4, .cms-autopad-bottom .col-lg-8 {
	padding-bottom:var(--cms-base-margin);
}
/* toasts */
.toast-container {
	align-items: end;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	height: 100%!important;
	justify-content: start;
	padding: calc(var(--cms-base-margin) * 9) calc(var(--cms-base-margin) * 4) 0 0;
	position: fixed!important;
	width: 100%!important;
}


/* toggle button */
.switch-label {
	box-shadow: var(--cms-ds-lg-ltst);
	padding: calc(1.15* var(--cms-base-padding));
}


.switch-label i {
    margin-right: 5px;
}
.switch-toggle {
	margin: 0 var(--cms-base-margin) var(--cms-base-margin) 0;
	width:calc(25% - var(--cms-base-margin));
}
.switch-toggle input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    z-index: -2;
}
.switch-toggle input[type="checkbox"] + label {
	border:var(--cms-brd-dk);
	border-radius:var(--cms-radius);
	cursor:pointer;
	white-space:nowrap;
	width:100%;
}
.switch-toggle input[type="checkbox"] + label:hover {
	background-color:#eeffee;
	transition:all .25s ease;
}
.switch-toggle input[type="checkbox"]:checked + label {
	background-color: #d1e7dd;
	border-color: #badbcc;
	box-shadow:var(--cms-ds-sm);
	color: #0f5132;
	font-weight:600;
}
.switch-toggle input[type="checkbox"] + label i.fad {
	height:0;
	font-size:0;
	margin:0;
	padding:0;
	overflow:hidden;
	transition:all .5s ease;
	width:0;
}
.switch-toggle input[type="checkbox"]:checked + label i.fad {
	font-size:1.25rem;
	font-weight:600;
	height:1.25rem;
	margin:-.25rem .25rem;
	text-shadow:var(--cms-ds-sm);
	transition:all .5s ease;
	width:1.25rem;
}


/* switchable options */
.cms-sect-opt-container .switch-toggle {
animation: flip-in-hor-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;

	float:left;
	height: 0;
	margin:0;
	max-width:0;
	overflow: hidden;
	transition:all .5s ease;
	width: 100%;

}
.cms-sect-opt-container .switch-toggle.on {
	animation: flip-in-hor-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.cms-sect-opt-container .switch-toggle.on
	, .cms-sect-opt-container.show-all .switch-toggle {
	height:auto;
	margin: 0 var(--cms-base-margin) var(--cms-base-margin) 0;
	overflow: visible;
	max-width:calc(33% - var(--cms-base-margin));
}
@keyframes slide-out-bck-br {
  0% {
    -webkit-transform: translateZ(0) translateY(0) translateX(0);
            transform: translateZ(0) translateY(0) translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(-1100px) translateY(1000px) translateX(1000px);
            transform: translateZ(-1100px) translateY(1000px) translateX(1000px);
    opacity: 0;
  }
}
@keyframes flip-in-hor-bottom {
  0% {
    -webkit-transform: rotateX(80deg);
            transform: rotateX(80deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0);
            transform: rotateX(0);
    opacity: 1;
  }
}
@keyframes flip-out-hor-bottom {
  0% {
    -webkit-transform: rotateX(0);
            transform: rotateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotateX(-70deg);
            transform: rotateX(-70deg);
    opacity: 0;
  }
}
/* /toggle button */

/* big paddle toggle */
/* the size of the switch is entirely based on .rocker font-size. see .rocker-medium and .rocker-small properties) */
.cms-toggle-box {
	border:var(--cms-brd-dk);
	border-radius:var(--cms-radius);
	font-family:'Roboto';
	font-size:.875rem;
	font-weight:600;
	float:left;
	margin:auto 0.375rem 0.375rem;
	padding:0.75rem;
	text-align:center;
	text-transform:uppercase;
	margin-bottom:0.75rem;
}

.bpt-check {
	position:relative;
}

  .bpt-check input[type="checkbox"] {
    visibility: hidden;
    display: none;
  }

  .bpt-check *,
  .bpt-check ::after,
  .bpt-check ::before {
    box-sizing: border-box;
  }

.bpt-check .rocker {
    display: inline-block;
    position: relative;
    font-size: 2em;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    color: #888;
    width: 7em;
    height: 4em;
    overflow: hidden;
    border-bottom: 0.5em solid #eee;
}

.bpt-check .rocker-small {
	font-size: 0.75em;
}

.bpt-check .rocker-medium {
	font-size: 1.25em;
}

  .bpt-check .rocker::before {
    content: "";
    position: absolute;
    top: 0.5em;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #999;
    border: 0.5em solid #eee;
    border-bottom: 0;
  }

  .bpt-check .switch-title {
	position:relative;
	display: block;
	padding-top: .75rem;
  }

  .bpt-check .switch-left,
  .bpt-check .switch-right {
    cursor: pointer;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.5em;
    width: 3em;
    transition: 0.2s;
    user-select: none;
  }

  .bpt-check .switch-left {
    height: 2.4em;
    width: 2.75em;
    left: 0.85em;
    bottom: 0.4em;
    background-color: #ddd;
    transform: rotate(15deg) skewX(15deg);
  }

  .bpt-check .switch-right {
    right: 0.5em;
    bottom: 0;
    background-color: #bd5757;
    color: #fff;
  }

  .bpt-check .switch-left::before,
  .bpt-check .switch-right::before {
    content: "";
    position: absolute;
    width: 0.4em;
    height: 2.45em;
    bottom: -0.45em;
    background-color: #ccc;
    transform: skewY(-65deg);
  }

  .bpt-check .switch-left::before {
    left: -0.4em;
  }

  .bpt-check .switch-right::before {
    right: -0.375em;
    background-color: transparent;
    transform: skewY(65deg);
  }

  .bpt-check input:checked + .switch-left {
    background-color: #0084d0;
    color: #fff;
    bottom: 0px;
    left: 0.5em;
    height: 2.5em;
    width: 3em;
    transform: rotate(0deg) skewX(0deg);
  }

  .bpt-check input:checked + .switch-left::before {
    background-color: transparent;
    width: 3.0833em;
  }

  .bpt-check input:checked + .switch-left + .switch-right {
    background-color: #ddd;
    color: #888;
    bottom: 0.4em;
    right: 0.8em;
    height: 2.4em;
    width: 2.75em;
    transform: rotate(-15deg) skewX(-15deg);
  }

  .bpt-check input:not(:checked) + .switch-left:hover,  .bpt-check input:not(:checked) + .switch-right:hover {
	color:#fefefe !important;
	text-shadow:3px 3px 1px rgba(64,64,200,0.25), 2px 2px 1px rgba(64,64,200,0.25), 1px 1px 1px rgba(64,64,200,0.25), 0px 0px 1px rgba(64,64,200,0.25), -1px -1px 0 rgba(64,64,64,0.75);
	transition:all .5s ease-out;
  }
  .bpt-check input:not(:checked) + .switch-left:hover {
	background-color:rgba(0, 132, 208, 0.25)!important;
  }
  .bpt-check input:not(:checked) + .switch-right:hover {
 	background-color:rgba(189, 87, 87, 0.25)!important;
  }
  .bpt-check input:checked + .switch-left + .switch-right::before {
    background-color: #ccc;
  }

  /* Keyboard Users */
  .bpt-check input:focus + .switch-left {
    color: #333;
  }

  .bpt-check input:checked:focus + .switch-left {
    color: #fff;
  }

  .bpt-check input:focus + .switch-left + .switch-right {
    color: #fff;
  }

  .bpt-check input:checked:focus + .switch-left + .switch-right {
    color: #333;
  }

/* /big paddle toggle */


/* inline help support */
.cms-inline-tip {
	display:flex;
	flex:1 1 auto;
	flex-direction:column;
	width:100%;
}
.cms-tip-vis {
	display:flex;
	flex:1 1 auto;
	width:100%;

}
.cms-tip-toggle {
	--fa-primary-color: white;
	--fa-secondary-color: var(--bs-info,#0dcaf0);
	--fa-secondary-opacity: 1;
	display: inline-block;
	flex: 1 1 auto;
	font-size: 1.5rem;
	height: 1.5rem;
	margin: -0.125rem .5rem -0.25rem;
	text-shadow: var(--cms-ds-sm-dkst);
	width: 1.5rem;
}
.cms-tip-toggle:before {
	content: "\f059";
	text-shadow:var(--cms-ds-sm-dk);
}
.cms-tip-toggle:after {
	content: "\10f059";
}
.cms-inline-tip.open .cms-tip-toggle {
	--fa-primary-color: white;
	--fa-secondary-color: var(--bs-danger,#dc3545);
	--fa-secondary-opacity: 1;
}
.cms-inline-tip.open .cms-tip-toggle:before {
	content: "\f057";
	text-shadow:var(--cms-ds-sm-dk, 1px 1px 2px rgba(0,0,96,0.25));
}
.cms-inline-tip.open .cms-tip-toggle:after {
	content: "\10f057";
}

.cms-tip-vis-text {
	display:inline-block;
	
}
.cms-inline-tip .cms-tip-info {
	display:flex;
	flex:1 1 auto;
	flex-direction:column;
	margin:var(--cms-base-margin) calc(var(--cms-base-margin) * 3);
	max-height:0;
	overflow:hidden;
	transition:all .125s ease-out, padding .125s ease-in;
	width:80%;
}

.cms-tip-info ul {
	padding-left:var(--cms-base-rem);
}
.cms-tip-info ul li {
	margin-bottom:var(--cms-base-margin);
}

.cms-inline-tip.open .cms-tip-info {
	border:var(--cms-brd-dk);
	border-radius:var(--cms-radius);
	background-color:rgba(13, 202, 240, 0.25);
	max-height:100vh;
	padding: var(--cms-base-rem);
	transition:max-height .5s ease-in-out;
}

/* / inline help support */

/* cms-form-check-set */
.cms-form-check-set {
	display:flex;
	flex:1 1 auto;
	flex-wrap:wrap;
	width:98%;
	margin:.5rem auto;
}
.cms-form-check-set label {
	align-items:center;
	background: rgba(255,255,234,1);
	border: var(--cms-brd);
	border-radius: var(--cms-radius);
	display: inline-flex;
	flex: 0 0 auto;
	width: calc(240px - 1rem);
	float: left;
	margin: 0 .5rem .75rem;
	padding: .5rem;
	font-size: .9rem;
	white-space: nowrap;
	justify-content:start;
}
.cms-form-check-set input[type='checkbox'] {
	accent-color: var(--bs-success);
	height:1.25rem;
	width:1.25rem;
	margin-right:.25rem;
}
.cms-form-check-set .cms-form-check-text {
	display:inline-flex;
	justify-content:start;
	align-items:center;
	height:100%;
}
.cms-form-check-set label i.quest {
	font-style:initial;
	transform:rotateY(0);
	transition:all .25s ease-out;
}
:checked + span.cms-form-check-text i.quest {
	font-style:initial;
	transform:rotateY(90deg);
	transition:all .25s ease-out;
}
.cms-form-check-set :checked + span {
	font-weight:bold;
}
/* /cms-form-check-set */


/* report */
.cms-report {
	border:var(--cms-brd);
	border-radius:var(--cms-radius);
	padding-left:var(--cms-base-margin);
	padding-right:var(--cms-base-margin);
}
.cms-report .row {
	padding-bottom:var(--cms-base-margin);
	padding-top:var(--cms-base-margin);
}
.cms-report .row-alt {
	background-color:var(--cms-gray-ltr);
}
.cms-report-head {
	background-color:#224477;
	border-top-left-radius:var(--cms-radius);
	border-top-right-radius:var(--cms-radius);
	font-weight:bold;
	color:#fff;
}
/* /report */

/* tasks */
task_form {
	background-color: #fefefe;
	border:0;
	border-radius:var(--cms-radius);
	display:flex;
	flex:1 1 auto;
	flex-wrap:wrap;
	padding:0 .5rem;
	width:100%;
}
.app-page-inset h2
, .app-page-inset h3
, .app-page-inset h4 
, task_form h2
, task_form h3
, task_form h4
, .tm_workarea h2 
, .tm_workarea h3 
, .tm_workarea h4 {
	font-size:1.1rem;
}

.proj-opt-ed
, .task-opt-ed {
	box-shadow:var(--cms-ds-lt);
}
task_form.advanced {

}
task_form main {
	display:flex;
	flex:1 1 auto;
	flex-direction:column;
	padding:var(--cms-base-margin);
	transition:all .325s ease;
	width:100%;
}
task_form.advanced main {
	max-width:70%;
}
task_form aside {
	display: inline-flex;
	max-width: 0;
	transform: rotateY(90deg);
	transition: all .5s ease;
	width:100%;
}
task_form.advanced aside {
	max-width: 30%;
	transform: rotateY(0deg);
}
task_form item:not(:last-child) {
	margin-bottom:1.25rem;
	width:100%;
}
task_form .p_submit {
	grid-area:g_submit;
}

task_form item info
, task_form item div {
	padding:var(--cms-base-padding);
}
task_form item info {
	font-size:.85rem;
}

task_form optional {
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
}
task_form optional item {
	margin:0 auto 1.5rem;
}
.edit_descrip {
	height:250px!important;
}
task_form item 
, task_form item info {
	display:block;
}


/* modal */
.is-panel #cmsModalBody {
	padding:0;
}
.is-panel .modal-dialog {
    max-width: 1400px;
    width: auto;
}
.is-form {
	--bs-modal-width:1200px;
}
.is-upload {
	--bs-modal-width:800px;
}
#cmsModal .fa-flushed, #cmsModal .fa-frown-open  {
    --fa-secondary-color: rgba(255,213,40,1);
    --fa-secondary-opacity: 1;
    font-size: 1.625rem;
    bottom: -0.125rem;
    -webkit-text-stroke: 1px rgba(0,0,0,0.1);
}
.fa-exclamation-triangle {
    --fa-secondary-color: yellow;
    --fa-secondary-opacity: 1;
    --fa-primary-color: black;
}
.modal-header {
	font-weight:bold;
	background-color:#224477;
	color:white;
	padding: var(--cms-base-padding) var(--cms-base-margin);
	font-size: calc(1.15 * var(--cms-base-rem));
	font-family: 'Arial';
	letter-spacing: calc(.035 * var(--cms-base-rem));
	text-shadow: var(--cms-ds-sm-dkst);
}
div.warning .modal-header {
	background-color:var(--bs-warning);
}
div.danger .modal-header {
	background-color:var(--bs-danger);
}
div.info .modal-header {
	background-color:var(--bs-info);
}
div.success .modal-header {
	background-color:var(--bs-success);
}
#cmsModal .modal-title {
	white-space:nowrap;
}
.btn.not-used {
	display:none;
}
#cmsModal .btn-close {
	background: none;
	padding: var(--cms-base-padding);
	margin: -.5rem;
	color: white;
	border-top-right-radius: var(--cms-radius);
	transition: all .25s ease-out;
	font-size: 1.5rem;
	opacity: 1;
	line-height: 1;

}
.warning .modal-header
, .warning .modal-header .btn-close {
	color:black;
}
#cmsModal .modal-header .btn-close:hover {
	color:white;
	background:var(--bs-danger);
	transition:all .25s ease-out;
}
#cmsModal .modal-footer {
	padding:var(--cms-base-padding) var(--cms-base-margin);
	margin: 0;
}

.modal-confirm {
	display:none;
}
.modal-confirm.show {
	background: #fff;
	border-radius: var(--cms-radius);
	box-shadow: var(--cms-ds-halo-lg);
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	max-width: 550px;
	position: absolute;
	top: 35%;
	width: 100%;
	z-index: 2500;
	left: calc(50% - 275px);
}
/* /modal */



/* info note */
.info-note {
	background:rgba(var(--bs-primary-rgb), .05);
	border:var(--cms-brd);
	border-left:10px solid;
	border-radius: var(--cms-radius);
	border-color:rgb(var(--bs-primary-rgb));
	box-shadow: var(--cms-ds-lg-ltst);
	display: flex;
	flex: 1 1 auto;
	flex-wrap: nowrap;
	margin: auto 1rem 1rem;
	padding: .5rem;
}
.info-note.success {
	background:rgba(var(--bs-success-rgb), .05);
	border-color:rgb(var(--bs-success-rgb));
}
.info-note.danger {
	background:rgba(var(--bs-danger-rgb), .05);
	border-color:rgb(var(--bs-danger-rgb));
}
.info-note.info {
	background:rgba(var(--bs-info-rgb), .05);
	border-color:rgb(var(--bs-info-rgb));
}
.info-note.warning {
	background:rgba(var(--bs-warning-rgb), .05);
	border-color:rgb(var(--bs-warning-rgb));
}
.info-note.secondary {
	background:rgba(var(--bs-secondary-rgb), .05);
	border-color:rgb(var(--bs-secondary-rgb));
}
.info-note b {
	margin-right:.375rem;
}
/* /info note */



/* pulsing save button */
.sup_SaveMe {
	position:relative;
	transition: .25s all ease-in-out;
}
.sup_SaveMe .pulse {
	border-radius:var(--cms-radius);
	bottom: 2rem;
	left: 1rem;
	position: absolute;
}
.sup_SaveMe .pulse:before,
.sup_SaveMe .pulse:after, .sup_SaveMe .pulse span {
	animation: glow-grow 2s ease-out infinite;
	border-radius: var(--cms-radius);
	box-shadow: 0 0 var(--cms-base-rem) rgba(20,57,255, 1);
	content: '';
	display:block;
	height: 1.25rem;
	left: 0;
	position: absolute;
	width: 1.25rem;
	top: 0;
}
.sup_SaveMe .pulse:after {
	animation-delay: .375s;
}
.sup_SaveMe .pulse span{
	animation-delay: .75s;
}
@keyframes glow-grow {
	0% {
		opacity: 0;
		transform: scale(0.5);
	}
	40% {
		opacity: 1;
	}
	80% {
		opacity: 0;
	}
	100% {
		opacity: 0;
		transform: scale(3);
	}
}

.sup_SaveMe .icon {
	animation-name: icon_SaveReminder;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	background-color: rgba(20,57,255,.15);
	border-radius:var(--cms-radius);
}
@keyframes btn_SaveReminder {
	0% {
		background-color: rgba(152,152,251,0);
	}
	50% {
		background-color: rgba(152,152,251,1);
	}
	100 {
		background-color: rgba(152,152,251,0);
	}
}
@keyframes icon_SaveReminder {
	0% {
		background-color: rgba(152,152,251,.15);
	}
	50% {
		background-color: rgba(152,152,251,1);
	}
	100 {
		background-color: rgba(152,152,251,.15);
	}
}
/* /save reminders */
@media (max-width:1700px) {
	#_pageHeader .user_block {
		margin:auto 0 auto var(--cms-base-margin);
		width:calc(100% - 200px);
	}
}
@media (max-width:1300px) {
	.cms-nav-top li {
		font-size:var(--cms-base-rem);
		margin-left:calc(var(--cms-base-rem) * .25);
		padding:calc(var(--cms-base-rem) * .25) calc(var(--cms-base-rem) * 1);
	}
	.cms-nav-sub li {
		font-size:var(--cms-base-rem);
		margin-left:0;
		padding:0;
	}
}


.app-page-title
, .app-page-section {
	margin:calc(var(--cms-base-rem) * -1) calc(var(--cms-base-rem) * -1) 0;
	padding:calc(var(--cms-base-rem) * .75);
	position: relative;
}
.app-page-title {
	align-items: start;
	background: rgba(255,255,255,.45);
	display: flex;
	flex-direction: column;
	justify-content: stretch;
	margin: calc(var(--cms-base-rem) * -1) auto var(--cms-base-rem);
	width: 100%;
}
.app-page-section {
	background:var(--cms-gray-lt);
	display:flex;
	flex-direction:column;
	flex: 1 1 auto;
}
.page-title-wrapper {
	display: flex;
	flex-direction:column;
	margin: auto;
	max-width: 1400px;
	position: relative;
	width:100%;
}
.page-title-heading {
	align-content: center;
	align-items: center;
	display: flex;
	font-size: 1.25rem;
	font-weight: 400;
}
.page-title-icon {
	align-items: center;
	align-content: center;
	background: #fff;
	box-shadow: 0 0.5rem 2.25rem rgba(4,9,20,.1), 0 1rem 1.5rem rgba(4,9,20,.1), 0 0.25rem 0.5rem rgba(4,9,20,.1), 0 0.125rem 0.185rem rgba(4,9,20,.1);
	border-radius: .25rem;
	display: flex;
	font-size: 2.75rem;
	height: 70px;
	justify-content: center;
	margin: 0 var(--cms-base-rem) 0 0;
	padding: .83333rem;
	text-align: center;
	width: 70px;
}
.page-title-subheading {
	font-size: .88rem;
	opacity: .6;
	padding: 3px 0 0;
}
.page-title-priority {
	border:var(--cms-brd);
	border-radius:var(--cms-radius);
	font-size:.75em;
	font-weight:bold;
	padding:.25rem .5rem;
}
.app-page-title .page-title-heading
, .app-page-title .page-title-subheading {
	margin: 0;
	padding: 0;
}
.app-page-content {
	background: #fff;
	border-radius: var(--cms-radius);
	box-shadow: inset 2px 2px 8px rgba(0,0,150,0.1);
	height: 100%;
}
main {
	display: flex;
	flex: 1;
	flex-direction: column;
	flex-wrap: nowrap;
}
.app__main-inner {
	padding:0;
	margin:0;
}

breadcrumbs {
	display:flex;
	flex-wrap:wrap;
	font-size:.8rem;
}
breadcrumbs a {
	align-items:center;
	border-radius:.375rem;
	display:flex;
	flex-wrap:nowrap;
	padding:0;
	padding-right:.25rem;
	text-decoration:none;
}
breadcrumbs a::after {
	display:flex;
	content:"\\";
	padding:0 0 0 0.375rem;
}

.form-select-ul {
	list-style:none;
	margin-bottom:auto;
}
.form-select-ul li {
	height:0;
	margin:0;
	transform:scale(0);
	transition:all .25s ease-in-out;
}
.form-select-ul li:before {
	color: #555;
	content: '\f04b';
	font-family: 'Font Awesome 5 Pro';
	font-size: .8em;
	font-weight: 100;
	margin: 0 .5rem 0 -1.5rem;
}
.form-select-ul.open li 
, .form-select-ul li.selected {
	border-radius:.375rem;
	height:auto;
	padding:0.375rem 0.75rem;
	transform:scale(1);
	width:100%;
}
.form-select-ul.open li {
	margin:0 auto .375rem 0;
}
.form-select-ul li:hover {
	background-color:#efefff;
}
.form-select-ul.open li.selected {
	background-color:#d0fad0;
}

.form-floating>.form-select-ul {
	padding-top: 1rem;
	height:auto;
	padding-bottom: .625rem;
}
.form-floating>.form-select-ul.open {
	height: 100%;
}



.page-title-actions {
	background:#eee;
	border-radius:0 0 .375rem .375rem;
	display: flex;
	flex: 0 0 auto;
	flex-wrap: nowrap;
	margin: .375rem auto;
	max-width: 1400px;
	padding:.189rem 0;
	white-space: nowrap;
	width:100%;
}
.page-title-actions > * {
	border-right:2px solid #fff;
	cursor:pointer;
	padding:.189rem .75rem;
	position:relative;
}
.page-title-actions a {

}
.page-title-actions div {

}
.page-title-actions .drop {
	height:0;
	list-style:none;
	margin:0;
	opacity:0;
	padding:0;
	position: absolute;
	transition:all 0.375s ease;
	width:0;
	z-index: 2000;
}
.page-title-actions .drop.open {
	border:var(--cms-brd);
	border-radius:var(--cms-radius);
	background-color: var(--cms-gray);
	height:auto;
	margin:0.185rem auto 0 -.375rem;
	opacity:1;
	padding:.375rem .75rem;
	width:auto;
}
.page-title-actions .drop li {
	border-bottom:var(--cms-brd-ltst);
}
.aside-inset-wrapper {
	background:var(--cms-gray-ltst);
	border-radius:.375rem;
	padding:.5rem;
}
.app-page-inset {
	background-color: #fefefe;
	border-radius: var(--cms-radius);
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	margin: 0 auto;
	max-width: 1400px;
	padding: .5rem;
	width: 100%;
}
.app-page-inset.no-split
, .app-page-inset.box-set-2
, .app-page-inset.box-set-3 {
	background-color:transparent;
	padding:0;
	display: grid;
	grid-gap:var(--cms-base-rem);
}
.app-page-inset.box-set-2 {
	grid-template:'b1 b2';
	grid-template-columns: 1fr 1fr;
}
.app-page-inset.box-set-3 {
	grid-template:'b1 b2 b3';
	grid-template-columns:1fr 1fr 1fr;
}
.app-page-inset.no-split box 
, .app-page-inset.box-set-2 box 
, .app-page-inset.box-set-3 box 
, box wrap
, wrap {
	background-color: #fefefe;
	border-radius: var(--cms-radius);
	padding: .5rem;
}
.wrap-title {
	align-items: center;
	background: linear-gradient(3deg, rgba(119, 34, 102, 0.25), transparent 35%);
	border: var(--cms-brd);
	border-radius: var(--cms-radius) var(--cms-radius) 0 0;
	box-shadow: inset 4px 1px 5px white, var(--cms-ds-ltst);
	display: flex;
	font-weight: 600;
	justify-content: start;
	margin: -.5rem -.5rem var(--cms-base-margin);
	padding:var(--cms-base-padding) calc(var(--cms-base-padding) + .25rem);
	width: calc(100% + 1rem);
}
.wrap-subtitle {
	margin: -.5rem auto var(--cms-base-margin);
	font-style:italic;
	width:100%;
}
.wrap-title>i.fad {
	align-items: center;
	aspect-ratio: 1 / 1;
	display: flex;
	font-size: calc(1.25 * var(--cms-base-rem));
	height: 100%;
	justify-content: center;
	margin-right: calc(.25 * var(--cms-base-rem));
	width: auto;
}
.app-page-inset.box-set-2 box.b1
, .app-page-inset.box-set-3 box.b1 {
	grid-area:b1;
}
.app-page-inset.box-set-2 box.b2 
, .app-page-inset.box-set-3 box.b2 {
	grid-area:b2;
}
.app-page-inset.box-set-3 box.b3 {
	grid-area:b3;
}
.no-bg {
	background-color:transparent!important;
	padding:0!important;
}
box wrap {
	display:flex;
	flex: 1 1 auto;
	flex-direction:column;
	flex-wrap:nowrap;
	margin-bottom:var(--cms-base-rem);
	box-shadow: var(--cms-ds-lg-dkst);
}
.col-box {
	background-color:transparent!important;
	display:flex;
	flex-direction:column;
	justify-content:stretch;
	padding:0!important;
}
.col-box > box {
	height:100%;
}
.col-box > box:not(:last-child) {
	margin-bottom:var(--cms-base-margin);
}

.app-page-inset.grid {
	display: grid;
	grid-template: 'g_aside g_main';
	grid-template-columns: 1fr 7fr;
	grid-gap:var(--cms-base-rem);
}
.app-page-inset.grid.reverse {
	grid-template: 'g_main g_aside';
	grid-template-columns: 7fr 3fr;
}
.no-split {
	grid-template-columns:1fr !important;
}
.split-10-90 {
	grid-template-columns:1fr 9fr!important;
}
.split-15-85 {
	grid-template-columns:15% 85%!important;
}
.split-20-80 {
	grid-template-columns:2fr 8fr!important;
}
.split-25-75 {
	grid-template-columns:1fr 3fr!important;
}
.split-30-70 {
	grid-template-columns:3fr 7fr!important;
}
.split-40-60 {
	grid-template-columns:4fr 6fr!important;
}
.split-50 {
	grid-template-columns:5fr 5fr!important;
}
.split-60-40 {
	grid-template-columns:6fr 4fr!important;
}
.split-70-30 {
	grid-template-columns:7fr 3fr!important;
}
.split-75-25 {
	grid-template-columns:3fr 1fr!important;
}
.split-80-20 {
	grid-template-columns:8fr 2fr!important;
}
.split-85-15 {
	grid-template-columns:85% 15%!important;
}
.split-90-10 {
	grid-template-columns:9fr 1fr!important;
}

.app-page-inset.grid aside 
, .app-page-inset.grid main {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
}
.app-page-inset.grid aside {
	grid-area: g_aside;
	padding-right: 2rem;
}
.app-page-inset.grid.reverse aside {
	padding-left: 2rem!important;
}
.app-page-inset.grid main {
	grid-area: g_main;
}

.max-pg-w {
	margin:auto;
	max-width:1400px;
	width:100%;
}

.hid
, .hide {
	display:none!important;
}


/* */
.accord {
	background-color: #eee;
	border: none;
	color: #444;
	cursor: pointer;
	outline: none;
	padding: 18px;
	width: 100%;
	text-align: left;
	transition: 0.4s;
}
.accord.active
, .accord:hover {
	background-color: #ccc;
}
.accord:after {
	color:#777;
	content:"\02795";
	float:right;
	font-size:13px;
	margin-left:5px;
}
.accord.active:after {
	content: "\2796";
}
.pane {
	background-color: white;
	display: none;
	overflow: hidden;
	padding: 0 18px;
	transition: max-height 0.2s ease-out;
}


filters {
	display:flex;
	height:0;
	overflow:hidden;
	left:0;
	margin:0;
	padding:0;
	position:fixed;
	top:0;
	transition:all .25s ease-in-out;
	width:0;
}
.filt-left-col {
	max-width:200px;
	min-width:200px;
	justify-content:end;
	width:100%;
}
filters.show {
	background:rgb(0,0,32,0.25);
	height:100%;
	width:100%;
	z-index:1000;
}
filterbox {
	background:white;
	border-radius:var(--cms-radius);
	box-shadow:var(--cms-halo);
	margin:auto;
	max-width:800px;
	padding:var(--cms-base-margin);
	width:100%;
}
filterbox_header {
	background:linear-gradient(-90deg, transparent, rgb(242,248,252));
	border:var(--cms-brd);
	border-radius:var(--cms-radius);
	display:block;
	font-size: calc(var(--cms-base-rem) * 1.25);
	font-weight: bold;
	margin-bottom: var(--cms-base-margin);
	padding:var(--cms-base-rem);
	width:100%;
}
filters fieldset {
	border: 1px solid #ccc;
	border-radius: .375rem;
	padding: 0 0 1rem;
}
filters fieldset legend {
	font-size: 1rem;
	font-weight: 600;
	border-bottom: 1px solid #ccc;
	border-radius: .375rem;
	padding: .375rem;
}

.modal-content {
    box-shadow: 0 0 100px rgba(0,0,64,0.5);
    padding:.5rem;
}

.hl {
	position: relative;
}
.hl:before {
	background: rgba(255,255,0,0.375);
	border-radius: .25rem;
	content: " ";
	display: inline-block;
	height: calc(100% + .25rem);
	padding: .25rem;
	position: absolute;
	margin: -.125rem;
	top: 0;
	width: calc(100% + .25rem);
}

body.modal-open .toast {
    box-shadow: 0 0 10rem 3rem rgba(255,255,255,1);
}
/* ensures autocomplete is above even the modal windows */
ul.ui-autocomplete {
	z-index:5000;
}

.mystic-quote {
	border-radius: .5rem;
	box-shadow: 0 0 5px;
	display: block;
	margin: auto auto .75rem;
	padding: .75rem 1.5rem;
	position: relative;
	width: 90%;
}
.mystic-quote span {
	display: inline;
	position: relative;
}
.mystic-quote span::before
, .mystic-quote span::after {
	content:'"';
	font-size:2rem;
	position:absolute;
}
.mystic-quote span::before {
	left:-1rem;
	top:-1rem;
}
.mystic-quote span::after {
	bottom:-1rem;
	right:-1rem;
}

.mw-5,.mw-10,.mw-15
,.mw-20,.mw-25,.mw-30
,.mw-35,.mw-40,.mw-45
,.mw-50,.mw-55,.mw-60
,.mw-65,.mw-70,.mw-75
,.mw-80,.mw-85,.mw-90
,.mw-95 { width:100%; }

.mw-5 { max-width:5%; }
.mw-10 { max-width:10%; }
.mw-15 { max-width:15%; }
.mw-20 { max-width:20%; }
.mw-25 { max-width:25%; }
.mw-30 { max-width:30%; }
.mw-35 { max-width:35%; }
.mw-40 { max-width:40%; }
.mw-45 { max-width:45%; }
.mw-50 { max-width:50%; }
.mw-55 { max-width:55%; }
.mw-60 { max-width:60%; }
.mw-65 { max-width:65%; }
.mw-70 { max-width:70%; }
.mw-75 { max-width:75%; }
.mw-80 { max-width:80%; }
.mw-85 { max-width:85%; }
.mw-90 { max-width:90%; }
.mw-95 { max-width:95%; }

#spn_MyTemp {
	align-items: stretch;
	display: flex;
	flex-wrap: wrap;
	height:100%;
	justify-content: space-evenly;
	list-style: none;
	max-height: 350px;
	margin-bottom: 0;
	overflow: hidden;
	overflow-y: auto;
	padding: .325rem;
	position: relative;
	width: 100%;
}
#spn_MyTemp li
, .tmp-item {
	aspect-ratio: 3.5 / 4;
	border: var(--cms-brd-lt);
	border-radius: var(--cms-radius);
	box-shadow: var(--cms-ds-halo-sm);
	display: flex;
	flex-direction: column;
	font-size: 1rem;
	margin: 0 .325rem .75rem 0;
	max-width: 155px;
	padding: .325rem .75rem .75rem;
	position: relative;
	transition:all .325s ease;
	text-shadow: 0 0 10px rgba(255,255,255,1);
	width: 100%;
}
.tmp-item {
	margin:var(--cms-base-margin) auto;
	
}
#spn_MyTemp li>span
, .tmp-item>span  {
	align-items: center;
	background: aliceblue;
	display: flex;
	font-size: 8rem;
	height: 100%;
	left: 0;
	justify-content: center;
	opacity: .075;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 100%;
}
#spn_MyTemp li:nth-child(even) {
	margin-right:0;
}
#spn_MyTemp strong
, .tmp-item strong {
	align-items: center;
	display: flex;
	font-weight:500;
	height: 100%;
	justify-content: center;
	text-align:start;
	text-decoration: none;
	width: 100%;
	z-index:+1;
}
#spn_MyTemp b
, .tmp-item b {
	align-items: center;
	background:#fff;
	border: var(--cms-brd-lt);
	border-radius: var(--cms-radius);
	box-shadow:inset 0 0 5px rgba(150,150,150,0.25);
	display: flex;
	font-size: .85rem;
	font-weight: bold;
	margin: auto auto auto -0.5rem;
	padding: 0 0.325rem;
	text-align: start;
	width: auto;
	z-index:+1;
}
#spn_MyTemp li:hover {
	background:rgba(255,255,0,0.1);
}
#user_TempSearchClear {
	aspect-ratio:1 / 1;
	font-size:1.25rem;
}

.form-floating.form-floating-sm>.form-control
, .form-floating.form-floating-sm>.form-control-plaintext
, .form-floating.form-floating-sm>.form-select {
	height: calc(2.5rem + 2px);
	line-height: 1.25;
}
.form-floating.form-floating-sm>.form-control-plaintext:focus
, .form-floating.form-floating-sm>.form-control-plaintext:not(:placeholder-shown)
, .form-floating.form-floating-sm>.form-control:focus
, .form-floating.form-floating-sm>.form-control:not(:placeholder-shown) {
	padding-top: 1.25rem;
}
.form-floating.form-floating-sm>label {
	padding: 0.5rem .25rem;
}

/* used a lot */
.fa-pen {
	--fa-primary-color: yellow;
	--fa-primary-opacity: .85;
	--fa-secondary-color: red;
	--fa-secondary-opacity: .8;
}
.fa-dumpster {
	--fa-primary-color: darkslategray;
	--fa-primary-opactiy: 1;
	--fa-secondary-color: darkgreen;
	--fa-secondary-opacity: .9;
}
.fa-archive {
	--fa-primary-color: saddlebrown;
	--fa-secondary-color: saddlebrown;
	--fa-secondary-opacity: .7;
}
.fa-star {
	--fa-primary-color: gold;
	--fa-secondary-color: #F4BB44;
	--fa-primary-opacity: 1;
	--fa-secondary-opacity: 1;
}
.fa-star-exclamation {
	--fa-primary-color: firebrick;
	--fa-secondary-color: gold;
	--fa-primary-opacity: 1;
	--fa-secondary-opacity: .75;
}
.fa-pen {
	--fa-primary-color: yellow;
	--fa-primary-opacity: .85;
	--fa-secondary-color: red;
	--fa-secondary-opacity: .8;
}
.fa-image {
	--fa-primary-color: darkslategray;
	--fa-primary-opactiy: 1;
	--fa-secondary-color: darkgreen;
	--fa-secondary-opacity: .9;
}
.fa-image-slash {
	--fa-primary-color: red;
	--fa-primary-opactiy: 1;
	--fa-secondary-color: red;
	--fa-secondary-opacity: .9;
}
.filter-disp-right {
	position:sticky;
	top:0;
}




/* crosshatched report tables */

/* CUSTOMIZE BELOW FOR THE SITUATION */
.fw_rpt {
	border-radius:var(--cms-radius);
	box-shadow: var(--cms-ds-lg);
	display:flex;
	flex-direction:column;
	flex-wrap:nowrap;
	min-height:400px;
	max-height:400px;
	overflow:auto;
	position:relative;
	width:100%;
}
.fw_rpt .rec {
	cursor:pointer;
	display:grid;
	grid-template-columns:2fr 2fr 65px 65px 65px 65px 65px 1fr 65px;
	width:100%;
}
.fw_rpt .rec span:nth-child(n+3):nth-child(-n+7)
, .fw_rpt .rec span:nth-child(9) {
	text-align:center;
}

/* CUSTOMIZE ABOVE FOR THE SITUATION */

.fw_rpt .rec span {
	overflow:hidden;
	padding:var(--cms-base-padding);
}
.fw_rpt .rec span i.fad {
	--fa-secondary-opacity:0.75;
}
.fw_rpt .rec:nth-child(odd):not(.head) {
	background:rgba(235,235,235,0.5);
}
.fw_rpt .rec span:nth-child(even):not(.head) {
	background:rgba(235,235,235,0.25);
}
.fw_rpt .rec .head:nth-child(even) {
	background:rgba(235,235,235,0.15);
}
.fw_rpt .rec:not(.head):hover {
	background:#ffe;
}
.fw_rpt .rec.head {
	border-radius: var(--cms-radius);
	color: white;
	left: 0;
	position: sticky;
	top: 0;
	vertical-align: middle;
	z-index:2;
}
.fw_rpt .rec.head .head {
	background:#247;
	cursor:pointer;
	display:block;
}
.fw_rpt .rec.head .head:first-child
, .fw_rpt .rec.head .head.gap-close {
	border-top-left-radius:var(--cms-radius);
	border-bottom-left-radius:var(--cms-radius);
}
.fw_rpt .rec.head .head:last-child
, .fw_rpt .rec.head .head.gap-open {
	border-top-right-radius:var(--cms-radius);
	border-bottom-right-radius:var(--cms-radius);
}
.fw_rpt .rec.head .head.active {
	background:cornflowerblue;
}
.fw_rpt .rec.head .head.active:after {
	display:inline-flex;
	float:start;
	content:'\25BC';
	transform:rotate(0deg);
	transition:all .25s linear;
	margin-left:.25rem;
}
.fw_rpt .rec.head .head.active.dir1:after {
	transform:rotate(180deg);
}
.toast {
	--bs-toast-box-shadow: var(--cms-ds-halo-lg);
}


.pan-wrap {
	border:var(--cms-brd);
	border-radius:var(--cms-radius);
	box-shadow: var(--cms-ds-ltst);
	display:flex;
	flex-direction:column;
	padding:calc(var(--cms-base-padding) * 2);
}
.pan-wrap.inset {
	border: var(--cms-brd-ltst);
	box-shadow: inset var(--cms-ds-sm-ltst);
}
.head-ul {
	align-items: center;
	background: linear-gradient(90deg, #f5eff5, transparent);
	border-bottom: var(--cms-brd);
	border-radius: var(--cms-radius);
	display: flex;
	flex-wrap: nowrap;
	margin: 0 auto calc(var(--base-margin)* 1.75);
	padding: var(--base-padding);
	width: 100%;
}
.head-ul i.fad {
	align-items: center;
	display: inline-flex;
	font-size: 1.325rem;
	justify-content: center;
	width: 32px;
}


#inp_tmt_descr {
	min-height:250px;
	overflow-y:auto;
}
.form-control.is-invalid, .was-validated .form-control:invalid
, .form-control.is-valid, .was-validated .form-control:valid {
    background-position: right calc(.375em + .1875rem) top calc(.375em + .1875rem);
}


.cms-searchfilter-flag
, .cms-searchfilter-item {
	border:var(--cms-brd-lt);
	border-radius:var(--cms-radius);
	display:inline-block;
	font-size:calc(var(--cms-base-rem) * .85);
	margin:auto var(--cms-base-padding) var(--cms-base-padding) auto;
	padding:var(--cms-base-padding);
}
.cms-searchfilter-item:before {
	display:inline-block;
	content:'\2715';
	padding-right:var(--cms-base-padding);
}
.cms-searchfilter-item {
	background:rgba(var(--bs-warning-rgb), .15);
	cursor:pointer;
}
.cms-searchfilter-flag {
	background:rgba(var(--bs-primary-rgb), .15);
}

/* cms-slide-toggle */
.cms-toggle-slider {
	border-top:var(--cms-brd-lt);
	cursor: pointer;
	padding:var(--cms-base-padding) 0;
	width:100%;
}
.cms-toggle-slider * {
	cursor: pointer;
}
.cms-toggle-slider:last-child {
	border-bottom:var(--cms-brd-lt);
}
.cms-toggle-slider label {
	display:flex;
	flex-wrap:nowrap;
	justify-content: space-between;
	width:100%;
}
.cms-toggle-slider input[type=checkbox] {
	display:none;
	height: 0;
	width: 0;
	visibility: hidden;
}
.cms-toggle-slider label .slider {
	cursor: pointer;
	text-indent: -9999px;
	width: 3rem;
	height: 1.65rem;
	background:rgba(var(--bs-danger-rgb),1);
	display: block;
	border-radius: 1.1rem;
	position: relative;
}
.cms-toggle-slider label .slider:after {
	content: '';
	position: absolute;
	top: 5px;
	left: 5px;
	width: 1rem;
	height: 1rem;
	background: #fff;
	border-radius: 90px;
	transition:all 0.325s ease-in-out;
}
.cms-toggle-slider input:checked + label .slider {
	background:rgba(var(--bs-success-rgb),0.75);
}
.cms-toggle-slider input:checked + label .slider:after {
	left: calc(100% - 5px);
	transform: translateX(-100%);
}
.cms-toggle-slider input:checked + label:active .slider:after {
	width: 1.5rem;
}
.cms-toggle-slider input:disabled + label .slider {
	background:rgba(var(--bs-secondary-rgb),0.75);
}
.cms-toggle-slider span.detail {
	font-size:calc(var(--cms-base-rem) * .85);
	padding:0 var(--cms-base-margin);
}

.nav-tabs .nav-item {
	margin:0;
	margin-right:var(--cms-base-padding);
	position:relative;
}
.nav-tabs .nav-link:not(.active) {
	border:var(--cms-brd-lt);
	border-bottom:0;
	background:var(--cms-gray-ltst);
	font-style:italic;
	transition:all .325s ease;
}
.nav-tabs .nav-link:not(.active)::after {
    background: transparent;
    border-top-left-radius: var(--cms-radius);
    border-top-right-radius: var(--cms-radius);
    box-shadow: inset 0 -2px 2px rgba(0, 0, 128, 0.05);
    content: " ";
    display: flex;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    width: 100%;
    top: 0;
}
.nav-tabs .nav-link:not(.active):hover {
	background:var(--cms-gray-ltr);
}
.nav-tabs .nav-link.active {
	font-weight:600;
}
.col-just {
	display:flex;
	flex:1 1 auto;
	flex-direction:column;
	flex-wrap:nowrap;
	justify-content:stretch;
}