.actions > ul
{
    list-style: none !important;
    padding: 0;
    margin: 0;
	 display: flex;
	 flex-wrap: wrap;
	 float: right;
}
.actions > ul > .mxb-next > .mxb:before{
	font-family: 'ElegantIcons' !important;
	content: "9" !important;
}
.actions > ul > .mxb-prev > .mxb:before{
	font-family: 'ElegantIcons' !important;
	content: "8" !important;	
}
.actions > ul > .mxb-finish {
	width: 100%;
	margin-left: 0;
}
.actions > ul > .mxb-finish > .mxb{
	width: 100%;
	padding: 1em;
	margin-left: 0;
   text-align: center;
}
.actions > ul > li > .mxb{
	cursor: pointer;
	padding: 0.5em 1em;
	margin: 0.5em 1em;
	display: inline-block;
	vertical-align: middle;
	border-radius: 5px;
	background: var(--darkerBackground); 
	color: var(--whiteColor);

   -webkit-border-radius: var(--anyBorderRadius);
   -moz-border-radius: var(--anyBorderRadius);
   border-radius: var(--anyBorderRadius);
}
@media screen and (max-width: 800px) {
	.actions > ul
	{
		 float: unset;
		 justify-content: center;
		 
	}
	.actions > ul .mx-button-next{
		width: unset;
	}
	.actions > ul .mx-button-previous  {
		width: unset;
	}
	
}
.mx-orange-header-title{
	color: var(--color-orange-button) !important;
	padding: 1em;
	line-height: normal;
	position: relative;
	font-size: 2em;
	font-weight: 500;
	font-family: var(--PlayfairFontFamily) !important;
}

.actions > ul > li.disabled > span{
	display: none;
	cursor: unset !important;
   background: var(--tagBackgroundColor) !important;;
   color: var(--darkerTextColor) !important;;
}


.insert-page{
	height: 100%;
}

*textarea {
  resize: none !important;
  width: 100%;
}
@font-face{
	font-family: icon;
	src: url(images/icons.woff);
}
*:focus {
    outline: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
img[alt]:after {  
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  font-family: var(--gfFontFamily) !important;;
  font-weight: 300;
  line-height: 3.5em;  
  text-align: center;
  content: attr(alt);
}
img[src="empty"] {
	top: 50% !important; left: 50% !important; transform: translate(-50%,-50%) !important;
	max-height: 3.5em;
	width: 100%;
}
body{
	color: var(--darkerTextColor);
}

.mx-overflow{
	overflow: auto;
}
.mx-overflow-y{
	overflow-y: auto;
}
.mx-overflow-x{
	overflow-x: auto;
}
@media screen and (min-width: 800px) and (hover: hover){
	.mx-overflow{
		overflow: hidden;
	}
	.mx-overflow:hover {
		overflow: auto;
	}
	.mx-overflow-y{
		overflow-y: hidden;
	}
	.mx-overflow-y:hover {
		overflow-y: auto;
	}
	.mx-overflow-x{
		overflow-x: hidden;
	}
	.mx-overflow-x:hover {
		overflow-x: auto !important;
	}
}

.mx-filters-label{
	color: var(--darkerTextColor) !important;
   position: relative;
   display: inline-block;
}
.mx-mobile-warning{
	width: 100%;
	font-size: 6vw;
	text-align: center;
	padding-top: 10vh;
	background-color: var(--headerFooterBackground);
	color: var(--whiteColor);
}
.site_header:not(:empty){
   margin: 0 auto 1em auto !important;
	color: var(--color-orange-button);
	box-shadow: var(--defaultInputBorderColorShadow);
}
.site_header .link{
	color: unset !important;
}
.subsite_header{
	display:none;
	font-size: 1.5em;
	position: sticky;
	font-weight: 300;
	color: var(--whiteColor);
	left: 20px;
	width: fit-content;
	padding: 1em;
   border: 1px solid transparent;
   z-index: 101;
   background-color: var(--headerLightGreenBackground);
	border-radius: var(--anyBorderRadius);
}
.subsite_header:not(:empty){
	display:	block;
}
@media screen and (max-width: 600px) {
	.subsite_header{
		font-size: 1.4em;
		left: 0em;
	}
}

.mx-rounded{
	border-radius: var(--anyBorderRadius);
}
.mx-hide{
	display: none !important;
}

@media screen and (min-width: 1000px) {
	.mx-hide-mobile{
		display: none;
	}
}
.mx-clickable{
   text-decoration: none;
   color: var(--darkerTextColor);
   font-size: 1.1em;
   font-weight: 400;
   cursor: pointer;
}
.mx-clickable.flat{
   font-size: 1em;
   font-weight: 300;
}
.mx-clickable.withbefore:before{
	padding-right:0.3em;
}
.mx-clickable.underlined{
	padding-bottom: 3px;
	border-bottom: 3px solid;
}
img.mx-clickable{
	transition: all .2s ease-in-out; 
}
img.mx-clickable:hover{
	transform: scale(1.2);
	image-rendering: -webkit-optimize-contrast;
}
.mx-span-button{
   text-decoration: none;
   color: var(--darkerTextColor);
   font-size: 1.1em;
   font-weight: 400;
   cursor: pointer;
	text-align: center;
	color: var(--color-nav);
	padding: 0em 1em 0.3em 1em;
	border-bottom: 3px solid transparent;
	min-width: unset !important;
}
.mx-span-button:hover{
	border-bottom: 3px solid var(--headerNavHoverUnderline) !important;
}
.mx-canclick{
   cursor: pointer;
}

.mx-larger {
	font-size: 1.6em !important;
}
.mx-smaller {
	font-size: 0.8em;
	font-weight: 300;
}
.mx-margin-2{
	margin: 0 2em;
}
.mx-previous:before {
	font-family: 'ElegantIcons' !important;
	content: "8" !important;
}
.mx-next:before {
	font-family: 'ElegantIcons' !important;
	content: "9" !important;
}
.mx-heart:before{
	font-family: 'ElegantIcons' !important;
   content: "\e030";
}
.mx-heart-solid:before{
	font-family: 'ElegantIcons' !important;
   content: "\e089";
}

.mx-plus-sign:before {
	font-family: 'ElegantIcons' !important;
	font-style: normal !important;
	content: "\4c" !important;
}
.mx-add-new:before {
	font-family: 'ElegantIcons' !important;
	font-style: normal !important;
	content: "\50" !important;
}
.mx-notes:before {
	font-family: 'ElegantIcons' !important;
	font-style: normal !important;
	content: "\68" !important;
}
.mx-new-folder:before {
	font-family: 'ElegantIcons' !important;
	font-style: normal !important;
	content: "\6f" !important;
}
.mx-open-folder:before {
	font-family: 'ElegantIcons' !important;
	font-style: normal !important;
	content: "\6e" !important;
}
.mx-closed-folder:before {
	font-family: 'ElegantIcons' !important;
	font-style: normal !important;
	content: "\6d" !important;
}
.mx-social-folder{
	font-family: 'ElegantIcons' !important;
	font-style: normal !important;
	position: relative;
	left: -0.5em;
}
.mx-social-folder:before {
	font-family: 'ElegantIcons' !important;
	position: absolute;
	content: "\a023" !important;
}
.mx-open-social-folder{
	font-family: 'ElegantIcons' !important;
	font-style: normal !important;
	position: relative;
	left: -0.5em;
}
.mx-open-social-folder:before {
	font-family: 'ElegantIcons' !important;
	position: absolute;
	content: "\a024" !important;
}
.mx-incubator-folder{
	font-family: 'ElegantIcons' !important;
	font-style: normal !important;
	position: relative;
	left: -0.5em;
}
.mx-incubator-folder:before {
	font-family: 'ElegantIcons' !important;
	position: absolute;
	content: "\a023" !important;
}
.mx-open-incubator-folder{
	font-family: 'ElegantIcons' !important;
	font-style: normal !important;
	position: relative;
	left: -0.5em;
}
.mx-open-incubator-folder:before {
	font-family: 'ElegantIcons' !important;
	position: absolute;
	content: "\a024" !important;
}
.mx-micon:before {
	font-family: 'ElegantIcons' !important;
	content: "\a025" !important;
}
.mx-micon-solid:before {
	font-family: 'ElegantIcons' !important;
	content: "\a027" !important;
}
.mx-micoff:before {
	font-family: 'ElegantIcons' !important;
	content: "\a026" !important;
}
.mx-backtotop:before {
	font-family: 'ElegantIcons' !important;
	content: "\a028" !important;
}
.mx-ellipse:before {
	font-family: 'ElegantIcons' !important;
	content: "\a029" !important;
}
.mx-virtual-link:before {
	font-family: 'ElegantIcons' !important;
	content: "\a02a" !important;
}
.mx-link-icon:before {
    font-family: "ElegantIcons";
    content: "";
    margin-right: 0.3em;
}
.mx-pdf-icon:before {
    font-family: "ElegantIcons";
    content: "\a032";
}
.mx-signature-icon:before {
    font-family: "ElegantIcons";
    content: "\a033";
}
.mx-life_vest:before {
	font-family: 'ElegantIcons' !important;
	content: "\a02c" !important;
}
.mx-large-icon:before{
	font-size: 1.5em;
	margin-right:0.2em;
}
.mx-large5-icon:before{
	font-size: 5em;
	line-height: normal;
	margin-right:0.2em;
}
.mx-middle-icon:before{
	vertical-align:middle;
}
.mx-space-icon:before{
	padding-right:0.5em;
}
.mx-reorder:before {
	font-family: 'ElegantIcons' !important;
	content: "\a02e" !important;
	margin-right:0.5em;
}
.mx-notepad:before {
	font-family: 'ElegantIcons' !important;
	content: "\a02f" !important;
}
.mx-speech-icon{
	margin-left: 1em;
}
.mx-important-paragraph{
   padding: 1.2em !important;
   background-color: var(--orangeButton);
   color: var(--whiteColor);
   text-align: center;
   line-height: normal;
   border-radius: var(--anyBorderRadius);
}
.mx-social-share:before {
	font-family: 'ElegantIcons' !important;
	font-style: normal !important;
	content: "\e0a0" !important;
}
.mx-arrow-right::after {
	font-family: 'ElegantIcons' !important;
	font-style: normal !important;
	content: "\24" !important;
	padding-left: 1em;
}
.mx-arrow-left::after {
	font-family: 'ElegantIcons' !important;
	content: "\23" !important;
	padding-left: 1em;
}
.mx-notice-this::after {
	font-family: 'ElegantIcons' !important;
	content: "\23" !important;
	float: right;
	color: var(--darkRedText);
   animation: shift_left 0.5s cubic-bezier(.5, 0, 1, 1) infinite alternate;  
}
.mx-social-button{
	display: inline-block;
	min-width: 0 !important;
	padding: 0.5em 0em;
	margin: 0.5em;
/*	background-color: var(--defaultInputBorderColor); */
	border-radius: var(--anyBorderRadius);
}
.mx-social-button:before{
	padding-right:0.5em;
}
.mx-social-facebook:before{
	font-family: 'ElegantIcons' !important;
	content: "\e093" !important;
}
.mx-social-twitter:before{
	font-family: 'ElegantIcons' !important;
	content: "\e094" !important;
}
.mx-social-instagram:before{
	font-family: 'ElegantIcons' !important;
	content: "\e09a" !important;
}
.mx-social-linkedin:before{
	font-family: 'ElegantIcons' !important;
	content: "\e09d" !important;
}
.mx-social-vimeo:before{
	font-family: 'ElegantIcons' !important;
	content: "\e09c" !important;
}
.mx-social-skype:before{
	font-family: 'ElegantIcons' !important;
	content: "\e0a2" !important;
}
.mx-social-youtube:before{
	font-family: 'ElegantIcons' !important;
	content: "\e0a3" !important;
}
.mx-social-picassa:before{
	font-family: 'ElegantIcons' !important;
	content: "\e0a4" !important;
}
.mx-social-spotify:before{
	font-family: 'ElegantIcons' !important;
	content: "\e0a3" !important;
}
.mx-social-email:before{
	font-family: 'ElegantIcons' !important;
	content: "\e010" !important;
}
.mx-trash:before {
	font-family: icon !important;
	content: "\e9ac" !important;
}
.mx-search:before{
	font-family: 'ElegantIcons';
	content: "\55";
}
.mx-vcenter{
   top: 50%;
   transform: translateY(-50%);
}
.mx-ribbon:before {
	font-family: 'ElegantIcons' !important;
	font-style: normal !important;
	content: "\e012" !important;
}
.mx-video-link:before {
	font-family: 'ElegantIcons' !important;
	content: "\e02c" !important;
}
.mx-add-url:before {
	font-family: 'ElegantIcons' !important;
	content: "\a030" !important;
}
.mx-paperclip:before {
	font-family: 'ElegantIcons' !important;
	content: "\e016" !important;
}
.mx-stock:before {
	font-family: 'ElegantIcons' !important;
	content: "\e012" !important;
}
.mx-currency:before {
	font-family: 'ElegantIcons' !important;
	content: "\e0ed" !important;
}
.mx-table-icon:before {
	font-family: 'ElegantIcons' !important;
	content: "\e025" !important;
}
.mx-book-icon:before {
	font-family: 'ElegantIcons' !important;
	content: "\e022" !important;
}
.mx-list-view:before {
	font-family: 'ElegantIcons' !important;
	content: "\e025" !important;
}
.mx-icon-view:before {
	font-family: 'ElegantIcons' !important;
	content: "\e022" !important;
}
.mx-icon-globe:before {
	font-family: 'ElegantIcons' !important;
	font-style: normal;
	content: "\e0e3";
}
.mx-icon-pin:before {
	font-family: 'ElegantIcons';
	content: "\e01d";
}
.mx-icon-phone:before {
	font-family: 'ElegantIcons' !important;
	font-style: normal;
	content: "\e090";
}

.mx-cancel:before {
	font-family: icon !important;
	content: "\ea0f" !important;
}
.mx-chat-cancel,
.mx-topright-cancel {
	position: absolute;
   top: 1em;
   right: 1em;
	font-weight: 300;
	font-size: 0.8em;
	speak: none;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	cursor: pointer;
	z-index: 1;
}
@media print{
	.mx-chat-cancel,
	.mx-topright-cancel{
		display: none !important;
	}
	.mx-link-button{
		display: none !important;
	}
}
.mx-chat-cancel:before,
.mx-topright-cancel:before{
   font-family: icon !important;
   content: "\ea0f";
}
.mx-chat-cancel:hover,
.mx-topright-cancel:hover{
	transform: scale(1.4);
   transition-property: transform;
   transition-duration: .1s;
   transition-timing-function: ease-out;
}
.mx-check:before {
	font-family: icon !important;
	content: "\ea10" !important;
	font-size: 1em !important;
}
.mx-settings:before {
	font-family: icon;
	content: "\e994" !important;
}
.mx-edit:before {
	font-family: 'ElegantIcons' !important;
	content: "\6c" !important;
}
.mx-edit-add:before {
	font-family: 'ElegantIcons' !important;
	content: "\6a" !important;
}
.mx-edit-reply:before {
	font-family: 'ElegantIcons' !important;
	content: "\a001" !important;
}
.mx-edit-simple:before {
	font-family: icon !important;
	content: "\e905" !important;
}
.mx-link:before {
	font-family: icon !important;
	content: "\e02c" !important;
}
.mx-weblink::before {
	font-family: 'ElegantIcons' !important;
	font-style: normal !important;
	content: "\e0e2" !important;
}
.mx-thumbsup::after {
	font-family: 'ElegantIcons' !important;
	font-style: normal !important;
	content: "\e106" !important;
}
.mx-thumbsdown::after {
	font-family: 'ElegantIcons' !important;
	font-style: normal !important;
	content: "\e0eb" !important;
}
.mx-abstain::after {
	font-family: 'ElegantIcons' !important;
	font-style: normal !important;
	content: "\5f" !important;
}
.mx-comment::after {
	font-family: 'ElegantIcons' !important;
	font-style: normal !important;
	content: "\76" !important;
}
.mx-undo::after {
	font-family: 'ElegantIcons' !important;
	font-style: normal !important;
	content: "\A002" !important;
}
.mx-people::after {
	font-family: 'ElegantIcons' !important;
	content: "\A003" !important;
}
label.mx-people::after {
   font-family: 'ElegantIcons' !important;
   content: "\A003" !important;
   font-size: 2.5em;
   vertical-align: middle;
   margin-left: 1em;
}
.mx-closechat::after {
	font-family: 'ElegantIcons' !important;
	content: "\A004" !important;
}
.mx-reopenchat::after {
	font-family: 'ElegantIcons' !important;
	content: "\A005" !important;
}
.mx-you::before {
	font-family: 'ElegantIcons' !important;
	content: "\A006" !important;
}
.mx-guest::before {
	font-family: 'ElegantIcons' !important;
	content: "\A007" !important;
}
.mx-invite::before {
	font-family: 'ElegantIcons' !important;
	content: "\A008" !important;
}
.mx-settings1::before {
	font-family: 'ElegantIcons' !important;
	content: "\A009" !important;
}
.mx-settings3::before {
	font-family: 'ElegantIcons' !important;
	content: "\A00A" !important;
}
.mx-reload::after {
	font-family: 'ElegantIcons' !important;
	content: "\A00D" !important;
}
.mx-enlage::after {
	font-family: 'ElegantIcons' !important;
	content: "\A00E" !important;
}
.mx-reduce::after {
	font-family: 'ElegantIcons' !important;
	content: "\A00F" !important;
}
.mx-preview::before {
	font-family: 'ElegantIcons' !important;
	content: "\A010" !important;
}
.mx-icon-hide::before {
	font-family: 'ElegantIcons' !important;
	content: "\A012" !important;
}
.mx-vertical-dots::before {
	font-family: 'ElegantIcons' !important;
	content: "\A011" !important;
}
.mx-gridview::after {
	font-family: 'ElegantIcons' !important;
	content: "\A013" !important;
}
.mx-listview::after {
	font-family: 'ElegantIcons' !important;
	content: "\A014" !important;
}
.mx-icon-facebook::after {
	font-family: 'ElegantIcons' !important;
	content: "\A015" !important;
}
.mx-icon-tweeter::after {
	font-family: 'ElegantIcons' !important;
	content: "\A016" !important;
}
.mx-icon-linkedin::after {
	font-family: 'ElegantIcons' !important;
	content: "\A017" !important;
}
.mx-icon-email::after {
	font-family: 'ElegantIcons' !important;
	content: "\A018" !important;
}
.mx-icon-publish::before {
	font-family: 'ElegantIcons' !important;
	content: "\A019" !important;
}
.mx-icon-reminder-email::after {
	font-family: 'ElegantIcons' !important;
	content: "\A020" !important;
}
.mx-icon-owner::before {
	font-family: 'ElegantIcons' !important;
	content: "\A021" !important;
}
.mx-icon-reminder::before {
	font-family: 'ElegantIcons' !important;
	content: "\A022" !important;
}
.mx-back::after {
	font-family: 'ElegantIcons' !important;
	font-style: normal !important;
	content: "\4a" !important;
}
.mx-queued-after:after,
.mx-queued-:before{
	font-family: 'ElegantIcons';
	content: "\57";
}
.mx-checked-after:after,
.mx-checked:before{
	font-family: 'ElegantIcons';
	content: "\4e";
}
.mx-unchecked-after:after,
.mx-unchecked:before{
	font-family: 'ElegantIcons';
	content: "\56";
}
.mx-checked:before,
.mx-unchecked:before{
	position: absolute;
	left: 1em;
}
.mx-missing-after:after,
.mx-missing:before{
	font-family: 'ElegantIcons';
	content: "\004d";
	font-size: 1.2em;
	color: var(--color-orange-button);
}
.mx-edit-button {
    background-color: transparent !important;
    color: var(--color-gray-a) !important;
    display: unset !important;
    padding: 3px !important;
}
.mx-link-button{
/*	border: 1px solid var(--darkerBackground);*/
	box-shadow: var(--inputTextShadow);
	background-color: transparent;
	color: var(--darkerBackground);
	padding: 1em;
	border-radius: var(--anyBorderRadius);
	white-space: nowrap;
	display: inline-block;
	cursor: pointer;
}
.mx-link-button.small{
	font-size: 0.4em;
	font-weight: 300;
	padding: 0.5em 1em;
}
.mx-link-expand::after {
	font-family: 'ElegantIcons' !important;
	content: "\30" !important;
	padding-left: 2em;
}
.mx-link-condense::after {
	font-family: 'ElegantIcons' !important;
	content: "\2f" !important;
	padding-left: 2em;
}
.mx-link-expand-b::before {
	font-family: 'ElegantIcons' !important;
	content: "\30" !important;
	padding-right: 0.2em;
}
.mx-link-condense-b::before {
	font-family: 'ElegantIcons' !important;
	content: "\2f" !important;
	padding-right: 0.2em;
}

.mx-green {
	color: green;
}
.mx-dark {
	color: var(--darkerTextColor);
}
.mx-dark-heavy {
	font-weight: 400;
	color: var(--darkerTextColor);
}
.mx-red {
	color: #ca0909;
}
.mx-upload-icon::before,
.mx-upload-sign::before,
.mx-upload-label::before{
   font-family: ElegantIcons;
   content: "\e091";
}
.mx-download-sign::before{
   font-family: ElegantIcons;
   content: "\e092";
}
.mx-download-label::before{
   position: absolute;
   font-family: ElegantIcons;
   content: "\e092";
   left: 1em;
}
.mx-checkbox{
	font-weight: 300 !important;
/*	border: 1px solid var(--defaultInputBorderColor) !important;*/
	border: 1px solid transparent !important;
	border-radius: var(--anyBorderRadius);
	white-space: nowrap;
	display: flex !important;
	flex-flow: row;
	align-items: center;
   overflow: hidden;
	background: unset !important;
   text-overflow: ellipsis;
	margin: 0.2em 0 !important;
	padding: 0.6em 2em 0.6em !important;
/*	box-shadow: var(--checkboxBoxShadow);*/
	box-shadow: unset !important;
}
.mx-checkbox.left-label{
	display: flex;
}
.mx-checkbox.default-label{
	white-space: nowrap;
   margin: auto;
   width: 100% !important;
   background-color: unset !important;
   color: unset !important;
}
.mx-checkbox:hover,
.mx-checkbox:active,
.mx-checkbox:focus{
	border: 1px solid var(--defaultInputBorderColorShadow) !important;
	box-shadow: var(--checkboxBoxShadow);
}
.mx-checkbox::before{
	font-family: 'ElegantIcons';
	content: "\56";
	box-sizing: border-box;
	position: absolute;
	left: 0.2em;
	width: 34px;
	color: var(--checkboxBoxColorCheck);
	top: 55%;
	transform: translateY(-50%);
}
.mx-checkbox .label_tooltip{
	position: absolute;
}
.mx-checkbox-pdf{
	border: 1px solid var(--color-gray-a) !important;
	border-top: 0.5px dotted var(--color-gray-a) !important;
	border-bottom: 0.5px dotted var(--color-gray-a) !important;
   margin: 0 !important;
	white-space: nowrap;
	padding: 0 !important;
   border-radius: 0 !important;
}
.mx-checkbox-pdf::before{
	content: "";
	box-sizing: border-box;
	position: relative;
	left: 0;
/*	width: 34px;*/
	height: 100%;
}
.mx-checkbox.mx-float {
	padding: 1em 2em;
	white-space: nowrap;
	margin-left: 1em;
	display: inline-block;
	width: fit-content !important;
	background-color: unset !important;
	color: unset !important;
}
.mx-inlabel-tag{
   font-weight: 300;
   float: right;
	right: 1em;
   font-size: 0.8em;
}

table.dataTable tbody td.select-checkbox:before, 
table.dataTable tbody td.select-checkbox:after, 
table.dataTable tbody th.select-checkbox:before, 
table.dataTable tbody th.select-checkbox:after{
	top:unset !important;
}

.dataTables_scrollBody {
	background: unset !important;
}
.dataTables_wrapper
{
	margin-bottom: unset !important;
}
.dataTables_wrapper .dataTables_filter{
	position: absolute;
	transform: translate(0,-140%);
	font-weight: 400;
	right: 0;
}
@media screen and (max-width: 640px) {
	.dataTables_wrapper .dataTables_filter {
		display: none;
      margin-top: 1.7em !important;
      width: 100%;
	}
	.dataTables_wrapper .dataTables_filter input{
		display: none;
		float: unset !important;
		min-width: 95% !important;
	}
	.mx-hide-if-narrow{
		display: none;
	}
}
.dataTables_wrapper .dataTables_filter input{
    padding: 0.5em;
    font-size: 1em;
    border: 1px solid var(--defaultInputBorderColor);
    border-radius: var(--anyBorderRadius);
	 width: unset !important;
	 float: right !important;
}
.dataTables_wrapper .dataTables_filter input:hover{
	border: 1px solid var(--darkerBackground);
}
table.dataTable.hover tbody tr:hover, 
table.dataTable.display tbody tr:hover {
	color: unset;
}
.dataTables_wrapper ._primary
{
   background-color: #059691;
   color: #f7f7f7;
   font-weight: 400;
}
.dataTables_wrapper .reserved
{
   background-color: #059691;
   color: #f7f7f7;
   font-weight: 400;
}
.dataTables_wrapper .draft,
.dataTables_wrapper .Draft
{
	background-color: #e2e2e2;
}
.dataTables_wrapper .invited,
.dataTables_wrapper .Invited
{
	background-color: #059691;
	color: #f7f7f7;
}
table.dataTable tbody td .dt-center{
	text-align: center;
	width: 100%;
	display: block;
} 
table.dataTable tbody td .dt-right{
	text-align: right;
	width: 100%;
	display: block;
} 

.mx-nowrap-limited{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.mx-required{
 	color: var(--timelineError);
   margin-left: 0.2em;
   vertical-align: super;
   font-size: smaller;
	font-weight:600;
}
.mx-required:after{
	content:"*";
}

.ui-state-focus{
	background: unset;
}
.ui-widget,
.ui-widget .ui-widget,
.ui-widget input, 
.ui-widget select, 
.ui-widget textarea, 
.ui-widget button {
	font-family: var(--gfFontFamily);	
	font-size: 1rem;
}

.mx-tooltip{
	cursor: help;
}
.ui-tooltip,
.ui-tooltip > div
.ui-tooltip > div > p {
    white-space: pre-line;
	 z-index: 2147483647;
	 background: var(--darkerBackground);
	 color: var(--tooltipColor) !important;
	 font-size: 0.8rem !important;
	 line-height: normal;
}
@media screen and (max-width: 1000px){
	.mx-tooltip{
		display: none;;
	}
}
.mx-checkbox-input{
	width: 1em !important;
}
.ui-menu-item-wrapper{
   font-family: var(--gfFontFamily) !important;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}
.ui-menu-item-wrapper.main-item{
	font-weight: 400;
}
.ui-menu-item-wrapper.sub-item{
	margin-left: 2em;
}
.ui-selectmenu-button-open{
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}
.ui-selectmenu-open{
	z-index: 100009;
}
.ui-selectmenu-text{
	overflow: hidden;
	white-space:nowrap;
	text-overflow: ellipsis;
	padding: 0.3em 0 !important;
   top: 50%;
   position: absolute;
	left: 0.4em;
   transform: translateY(-50%);
	width: 90%;
}


.ui-widget-header {
	border: 1px solid transparent !important;
	background: var(--bgcolor-white-1) !important;
	color: var(--color-text-main);
	font-weight: 400;
}
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
	outline: 0;
	overflow: visible;
	box-shadow: var(--topperBoxShadow);
}
.ui-dialog #mx-confirm-text{
	width: 90%;
}
.ui-dialog-buttonset button{
	min-width: 8em;
	font-weight: 300;
}
.ui-dialog-buttonset button:nth-of-type(2){
	border: 1px solid var(--baseButtonBackground);
	background: var(--baseButtonBackground);
	color: var(--baseButtonColor);
}
.ui-dialog-buttonset button:first-of-type{
	border: 1px solid var(--baseButtonBackground);
	background: var(--bgcolor-white-0) !important;
	color: var(--baseButtonBackground);
}
.ui-dialog-buttonset button:active,
.ui-dialog-buttonset button:focus,
.ui-dialog-buttonset button:hover
{
	background: var(--baseButtonBackgroundHover);
	font-weight: inherit;
}
/*
.ui-dialog[aria-describedby="mx-confirm"]{
	z-index:2147400000;
}
*/
.no-close .ui-dialog-titlebar-close {
  display: none;
}

.ui-datepicker{
	width: auto;
	z-index: 2147483646 !important;
	font-size: 1em;
}
.ui-datepicker table{
	font-size: 0.8em;
}
.ui-datepicker .ui-datepicker-title {
    font-size: 0.8em;
}
.ui-timepicker-div,
.ui-timepicker-div input,
.ui-timepicker-div select{
	font-size: inherit;
}
.ui-datepicker-calendar .ui-state-default{
	border: 1px solid var(--color-gray-a);
	background: url("images/ui-bg_glass_85_dfeffc_1x400.png") 50% 50% repeat-x;
	font-weight: 400;
	color: var(--color-gray-a) !important;
	padding: .4em 0.5em;	
}

html .ui-button.ui-state-disabled:hover, 
html .ui-button.ui-state-disabled:active,
.ui-widget-content .ui-state-default, 
.ui-widget-header .ui-state-default, 
.ui-button, .ui-state-default
{
	font-weight: 400;
}
html .ui-button.ui-state-disabled:hover, 
html .ui-button.ui-state-disabled:active {
border: 1px solid var(--color-gray-a);
background: url("images/ui-bg_glass_85_dfeffc_1x400.png") 50% 50% repeat-x;
font-weight: 400;
color: #fff;
padding: .4em 1em;
}

.ui-widget-content .ui-state-default, 
.ui-widget-header .ui-state-default, 
.ui-button{
border: 1px solid var(--color-gray-a);
background: url("images/ui-bg_glass_85_dfeffc_1x400.png") 50% 50% repeat-x;
font-weight: 400;
color: var(--darkTextColor);
padding: .4em 1em;
}
.ui-state-active, 
.ui-widget-content .ui-state-active, 
.ui-widget-header .ui-state-active, 
a.ui-button:active, 
.ui-button:active, 
.ui-button.ui-state-active:hover {
border: 1px solid var(--defaultInputBorderColor);
background: url("images/ui-bg_inset-hard_100_f5f8f9_1x100.png") 50% 50% repeat-x;
font-weight: 400;
color: #e17009;
}
.ui-widget-content th{
color: var(--color-gray-a);
}
.ui-state-highlight, 
.ui-widget-content .ui-state-highlight, 
.ui-widget-header .ui-state-highlight {
border: 1px solid var(--color-gray-a);
background: #fbec88 !important;
color: #000 !important;
}
/* With overflow unset the animation looks weird */
.ui-accordion .ui-accordion-content{
	position: relative;
	box-shadow: var(--defaultBoxShadow);
/*	overflow: unset !important; */
}
.ui-accordion .ui-accordion-content .mx-notepad-view{
	max-height: 20em;
}
.ui-accordion .ui-accordion-header{
	font-size: 1.2rem;
	padding: 0.5rem 0.5rem 0.5rem 0.7rem;
}
.ui-accordion-header,
.ui-accordion-header-collapsed {
	background: unset !important;
   border: 0.5px solid transparent;
	color: var(--gfPopupFontColor);
	margin-top: 0.8em !important;
}
.ui-accordion-header .label_tooltip{
	position: relative;
}
.mx-app-container .ui-accordion-header .ui-icon{
	margin-top: unset;
}
/* Removed float: left to make it look better in mx-popup */
.ui-accordion-header .ui-icon{
	background-image: unset;
	text-indent: 0;
	height: 100%;
	width: 1.5em;
}

.ui-accordion-header .ui-icon:before{
	font-family: 'ElegantIcons';
	content: "\45";
	font-family: 'ElegantIcons';
	content: "\45";
	display: flex;
	align-items: center;
	height: 100%;
}
.ui-accordion-header.ui-state-active .ui-icon:before{
	font-family: 'ElegantIcons';
	content: "\43";
}
.ui-accordion-header .mx-inlabel-tag{
	display: none;
	font-size:0.9em;
	font-weight:300;
	position:absolute;
}
.ui-accordion-header.ui-state-active .mx-inlabel-tag{
	display: inline-flex;
	font-size:0.9em;
	font-weight:300;
	position:absolute;
	top: 0.3em;
}

.ui-state-hover, 
.ui-widget-content .ui-state-hover, 
.ui-widget-header .ui-state-hover, 
.ui-state-focus, .ui-widget-content .ui-state-focus, 
.ui-widget-header .ui-state-focus, 
.ui-button:hover, 
.ui-button:focus
{
   border: 1px solid var(--defaultInputBorderColor);
}
.ui-accordion-header.ui-state-hover,
.ui-accordion-header-active {
	background: unset !important;
	color: var(--gfPopupFontColor);
	border: 0.5px solid var(--defaultInputBorderColor);
	box-shadow: var(--defaultBoxShadow);
	z-index: 1;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: var(--anyBorderRadius);
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: var(--anyBorderRadius);
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: var(--anyBorderRadius);
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: var(--anyBorderRadius);
}
.ui-widget-content {
	color: var(--darkerTextColor);
   border: 0.5px solid var(--defaultInputBorderColor);
}
.ui-selectmenu-icon.ui-icon{
	float: right;
   top: 50%;
   position: absolute;
   transform: translateY(-50%);
   right: 0;
}

.ui-checkboxradio-label{
	width: 95% !important;
	margin: auto 0px auto 10px;
	text-align: center !important;
	font-weight: 400;
	color: var(--gfPopupFontColor);
	border: 0.5px solid var(--defaultInputBorderColor);
	background: unset;
}
.ui-checkboxradio-label:hover{
	color: var(--gfPopupFontColor);
	border: 0.5px solid var(--defaultInputBorderColor);
	background: unset;
}
@media screen and (max-width: 767px){
	.ui-checkboxradio-label{
		padding: 1em 0;
	}
}

.ui-checkboxradio-label,
.ui-checkboxradio-checked{
	font-weight: 300 !important;
}
.ui-checkboxradio-label.mx-checkbox:before{
	padding-right: 0.5em;
	top: 50%;
	transform: translateY(-50%);
}
.ui-checkboxradio-checked{
	background: var(--defaultInputBorderColor) !important;
	color: white !important;
}
.ui-checkboxradio-checked::before{
	position: absolute;
	font-family: 'ElegantIcons';
	content: "\5a";
   top: 50%;
   transform: translateY(-50%);
}
.mx-body-accordion .ui-checkboxradio-checked::before{
	left: 0em;
	padding-right: 0.5em;
}
.ui-checkboxradio-blocked::before{
	position: absolute;
	font-family: 'ElegantIcons';
	content: "\e02e";
	font-size: 1.1em;
}

.mx-action-sign::before{
	font-family: 'ElegantIcons';
	content: "\6c";
	font-size: 1.1em;
}

.mx-dtr{
	display: inline-block;
	width: 100%;
	margin: 0.5em 0;
	padding: 4em 1em 1em 1em;
	position: relative;
	border-radius: var(--anyBorderRadius);
}
.mx-dtr:nth-child(odd){
	background: var(--tableAlternateOdd);
}
.mx-dtr:nth-child(even){
	background: var(--tableAlternateEven);
}

.mx-dtr .mx-dtrl{
	display: inline-block;
	float:left;
	width: 50%;
}
.mx-dtr .mx-dtrl p{
	font-size: 0.8em;
	margin: 0 0.5em;
}
.mx-dtr .mx-dtrl label{
	font-size: 1.2em;
	padding: 0.7em;
	background-color: var(--orangeText);
	color: var(--whiteColor);
	width: 100%;
	display: block;
	position: absolute;
	top:0;
	left:0;
	border-top-left-radius: var(--anyBorderRadius);
	border-top-right-radius: var(--anyBorderRadius);
}
.mx-dtr .mx-dtrr{
	display: inline-block;
	float: right;
	width: 50%;
}
.mx-dtr .mx-dtrr ul{
	margin: 0;
	position: relative;
	columns: 1;
	-webkit-columns: 1;
	-moz-columns: 1;
	width: unset;
	list-style: circle;
	padding-left: 2em;
}
.mx-dtr .mx-dtrr ul li{
	list-style-type: none;
	text-indent: 0;
	padding-left: 2.5em;
	text-decoration: none;
	margin-bottom: 0.3em;
	line-height: normal;
}
.mx-dtr .mx-dtrr ul li p{
	font-size: 0.8em;
	margin: 0;
	padding: 0;
}
.mx-dtr .mx-dtrr ul li:before{
	font-family: 'ElegantIcons';
	content: "\56";
	position: absolute;
	left: 1.6em;
	font-size: 0.6em;
	background-image: unset;
	width: unset;
	height: unset;
	top: 0.5em;
	transform: translateY(0%);
}
.mx-entry-with-checkbox {
	display: flex !important;                  /* establish flex container */
	flex-direction: row;            /* default value; can be omitted */
	flex-wrap: nowrap;              /* default value; can be omitted */
	justify-content: space-between; /* switched from default (flex-start, see below) */
}
.mx-entry-with-checkbox .help-block{
	grid-column: span 2;
}
/* Some global form related clases */
.mx-filebutton-span {
   position: relative;
   display: inline-block;
	white-space:nowrap;
	cursor: pointer;
	overflow: hidden;
	padding-top: 0 !important;
}
.mx-filebutton-span label{
   top: 50%;
   left: 50%;
   position: absolute !important;
   transform: translate(-50%,-50%);
	margin: 0 !important;
   cursor: context-menu;
}
.mx-filebutton-file-names{
    display: inline-block !important;
}
.mx-filebutton-file-names span{
    padding-right: 1em;
}
input[type="file"] {
    opacity: 0 !important;
	 cursor: pointer;
}

.mx-filebutton-progress-frame {
	border: 0.5px solid transparent !important;
	height: 10px;
	padding: 0 !important;
	margin-top: 1em;
}
.mx-filebutton-progress-frame-inside {
	position: absolute;
   bottom: 0px;
   width: 100%;
}
.mx-filebutton-progress-frame-alt {
	border: 0.5px solid transparent !important;
	padding: 0 !important;
	margin: 0;
	position: absolute !important;
	width: 100%;
	left: 0;
	bottom: -10px;
	max-height: 5px;
	overflow: hidden;
	text-align: left;
}
.mx-filebutton-progress-bar {
	border-width: 0px !important;
	padding: 0 !important;
	height: 10px;
	background: var(--darkerBackground);
}

.mx-pdfframe{
	display: block;
	height: 50vh;
}
.mx-pdfframe > div{
	display: block;
	height: 100%;
	width: 100%;
}
.mx-pdf-link{
	font-size: 1em;
	font-weight: 400;
	color: var(--gfPopupFontColor);
    padding-top: 0 !important;
	padding-right: 1em;
	cursor: pointer;
}
.mx-pdf-link::before{
	content: "[";
}
.mx-pdf-link::after{
	content: "]";
}
.mx-label-font .counter{
	font-size: 0.8rem;
	font-weight: 300;
	padding: 0.3em 1em;
}
.mx-label-font{
	font-size: 1rem;
	font-weight: 600;
	color: var(--gfPopupFontColor);
}

.mx-label-tooltip{
	position: absolute;
	right: 0;
	width: 16px;
	height: 16px;
	font-size: 12px;
	font-weight: 600;
	text-align: center;
	color: var(--bgcolor-white-a);
   padding: 0 !important;
	margin: auto 0.5em;
	border-radius: 8px;
	background-color: var(--gfTooltipForground);
	border-width: 0;
	cursor: pointer;
	white-space: nowrap;
 }
.mx-label{
	margin: 0.2em 0;
	padding: 0.2em 0;
	font-size: 1rem;
	font-weight: 600;
	color: var(--gfPopupFontColor);
}
header.mx-label{
	font-size: 1.2rem;
}
.mx-header-as-label header.mx-label{
	font-size: 1rem;
}

.mx-header-accordion{
	font-size: 1.2rem !important;
	font-weight: 400 !important;
	color: var(--darkerTextColor);
}
.mx-body-accordion{
	padding: 1em 2.2em !important;
}
.mx-shared-popup{
	font-size: 1.2rem;
	line-height: normal;
	font-weight: 300;
}
.mx-pop-button{
	border: 1px solid var(--darkerBackground);
    background-color: transparent;
    color: var(--darkerBackground);
    padding: 0.5em;
    border-radius: var(--anyBorderRadius);
}
.mx-submit-button-old{
	border: 0px;
	cursor: pointer;
	background-color: var(--darkerBackground);
	color: white;
	padding: 20px;
	border-radius: var(--anyBorderRadius);
}
.mx-button-inline{
	border: 0px;
	cursor: pointer;
	background-color: var(--darkerBackground);
	color: white;
	padding: 0.2em 1em;
	border-radius: var(--anyBorderRadius);
}

.mx-pop-edit {
	margin-left: 1em; 
	font-size: 0.6em; 
   padding: 0.5em 2em;
	vertical-align: middle;
	color: var(--color-green-a);
	background-color: transparent;
	border: 1px solid var(--color-green-a);
	border-radius: var(--anyBorderRadius);
   font-weight: 400;
   outline: none;
   position: relative;
}
.mx-pop-edit:before {
	font-family: 'ElegantIcons' !important;
	content: "\6c" !important;
}
.mx-pop-trash {
	margin-left: 1em; 
	font-size: 0.6em; 
   padding: 0.5em 2em;
	vertical-align: middle;
	color: var(--color-green-a);
	background-color: transparent;
	border: 1px solid var(--color-green-a);
	border-radius: var(--anyBorderRadius);
   font-weight: 400;
   outline: none;
   position: relative;
}
.mx-pop-trash:before {
	font-family: icon !important;
	content: "\e9ac" !important;
}

.mx-noborder{
	border: none !important;
}

.mx-button-base,
.mx-submit-button,
.mx-submit-single-button,
.mx-submit-shadow-button,
.mx-submit-draft-button,
.mx-submit-cancel-button,
.mx-cancel-button,
.mx-submit-delete-button{
   border: none;
	background-color: var(--baseButtonBackground);
	border: 1px solid transparent;
   color: var(--whiteColorOnGreen);
	border-radius: var(--anyBorderRadius);
   font-family: inherit;
   font-size: inherit;
   cursor: pointer;
   padding: 0.5em 2em;
   display: inline-block;
   text-transform: uppercase;
   letter-spacing: 1px;
   font-weight: 400;
   outline: none;
   position: relative;
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   transition: all 0.3s;
}

.mx-button-base.wide,
.mx-submit-button,
.mx-submit-single-button,
.mx-submit-shadow-button,
.mx-submit-draft-button,
.mx-submit-cancel-button,
.mx-cancel-button,
.mx-submit-delete-button {
	display: flex;
	flex-flow: column;
   justify-content: center;
   align-items: center;
	text-align: center;
}
.mx-button-base.right-aligned{
	margin-left: 1em;
}
.mx-button-base.left-aligned{
	margin-right: 1em;
}
.mx-button-base:after,
.mx-submit-button:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.mx-submit-button{
	background-color: var(--submitButtonBackground);
}

.mx-cancel-button{
	border-color: var(--color-green-a);
	color: var(--color-green-a);
	background-color: var(--midDartBackground);
}
.mx-submit-delete-button{
	background-color: #ca0909;
}
.mx-submit-draft-button{
	border-color: var(--color-green-a);
	color: var(--color-green-a);
	background-color: transparent;
}
.mx-submit-cancel-button{
	border-color: var(--color-green-a);
	color: var(--color-green-a);
	background-color: transparent;
}
.mx-submit-shadow-button{
	color: var(--color-green-a);
	background-color: transparent;
   box-shadow: var(--defaultBoxShadow);
 }

.mx-submit-single-button{
	border-color: var(--color-green-a);
	color: var(--color-green-a);
	background-color: transparent;
}

.mx-button-next{
	border-color: var(--baseButtonBackground);
	color: var(--baseButtonColor);
	overflow: hidden;
	width: 10em;
	text-align: center;
}
.mx-button-previous  {
	border-color: var(--color-green-a);
   color: var(--color-green-a);
   background-color: transparent;
	overflow: hidden;
	width: 10em;
	text-align: center;
}
.mx-button-next:after {
	left: 120%;
}
.mx-button-next:hover {
	background-color:  var(--baseButtonBackground);
}
.mx-button-next:hover::after {
	left: 75%;
	z-index:1;
   font-family: 'ElegantIcons' !important;
   content: "9" !important;
}
.mx-button-previous:after {
	left: -50%;
}
.mx-button-previous:hover {
	border-color: var(--color-green-a);
}
.mx-button-previous:hover::after {
	left: 5%;
	z-index:1;
   font-family: 'ElegantIcons' !important;
   content: "8" !important;
}

.mx-submit-button-small-right{
	border: 0px;
	background-color: var(--darkerBackground);
	color: white;
	padding: 20px;
	border-radius: var(--anyBorderRadius);
	margin-right: 0 !important;
	margin-top: 1em !important;
	width: 30% !important;
}

.mx_action_div {
    display: inline-block;
    height: 40px;
	 right: 1em;
    position: absolute;
    speak: none;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.mx_topright {
	top:0px; right:10px; position: absolute; z-index:1;
}
.mx_action_button {
    height: 2.4em !important;
    width: 2.4em !important;
    border-radius: 1.2em !important;
    cursor: pointer;
    display: inline-block;
	 vertical-align:top;
    line-height: 2.4em;
    opacity: .9;
    position: relative;
    text-align: center;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    speak: none;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.mx_action_button.mx-hide {
	display: none;
}
.mx_action_button.topright {
	top:0px; right:10px; position: absolute; z-index:1;
}
.mx_action_button.dark {
	background-color: var(--darkerBackground); color:white;
}
.mx_action_button.light {
	background-color: transparent; color:var(--darkerBackground); border: 1px solid var(--darkerBackground);
}
.mx_action_button.white {
	background-color: transparent; color:white; border: 1px solid white;
}
.mx_action_button:hover{
	transform: rotate(360deg) !important;
   transition-property: transform;
   transition-duration: .5s;
   transition-timing-function: ease-in;
}

.mx_action_button_less:before{
	font-family: ElegantIcons !important;
	content: "\32";
	font-size: 2em;
	top: -0.06em;
   position: relative;
}
.mx_action_button_more:before{
	font-family: ElegantIcons !important;
	content: "\33";
	font-size: 2em;
	top: -0.06em;
   position: relative;
}
.mx_action_button_clone:before{
	font-family: ElegantIcons !important;
	content: "\A031";
	font-size: 1.5em;
	top: -0.06em;
   position: relative;
}
.mx_action_button_enlarge:before{
	font-family: ElegantIcons !important;
	content: "\A00E";
	font-size: 1.5em;
	top: -0.06em;
   position: relative;
}
.mx_action_button_reduce:before{
	font-family: ElegantIcons !important;
	content: "\A00F";
	font-size: 1.5em;
	top: -0.06em;
   position: relative;
}
.mx_action_button_add:before{
	font-family: ElegantIcons !important;
	content: "\4c";
}
.mx_action_button_reload:before{
	font-family: ElegantIcons !important;
	font-size: 1.8em;
	content: "\A00D";
}
.mx_action_button_edit:before{
	font-family: ElegantIcons !important;
	content: "\006a";
}
.mx_action_button_cancel:before{
	font-family: ElegantIcons !important;
	content: "\004d";
}
.mx_action_button_save:before{
	font-family: ElegantIcons !important;
	content: "\004e";
}
.mx_action_button_recalc:before{
	font-family: ElegantIcons !important;
	content: "\a02d" !important;
}
@keyframes rotationEffect{
	from { transform: rotate(0deg);}
	to {transform:rotate(360deg);}
}
.mx_spin_slow{
	animation: rotationEffect 4s linear;
   animation-iteration-count: infinite;
   animation-fill-mode: forwards;	
}
@keyframes blinker {  
  from { opacity: 1; }
  to { opacity: 0; }
}
@keyframes shift_left {  
  from { opacity:0.4;padding-right: 0em; }
  to { opacity:1;padding-right: 5em; }
}
.mx-blink {
    animation: blinker 1s cubic-bezier(.5, 0, 1, 1) infinite alternate;  
}

.mx_action_button_busy:before{
	font-family: icon !important;
	content: "\e994" !important;
}
.mx_action_button_trash:before{
	font-family: icon !important;
	content: "\e9ac" !important;
}
.mx_action_button_expand:before {
	font-family: 'ElegantIcons' !important;
	content: "\30" !important;
}
.mx_action_button_condense:before {
	font-family: 'ElegantIcons' !important;
	content: "\2f" !important;
}
.mx_action_button_undo:before {
	font-family: 'ElegantIcons' !important;
	content: "\A002" !important;
}

.mx_action_button_trash:before,
.mx_action_button_add:before{
	line-height: 1em;
	position: absolute;
	top: 50%;
   left: 50%;
   transform: translate(-52%, -50%);
}
.mx_action_button_bsize:before{
	font-size: 1.3em;
}

.mx_edit_button {
    border-radius: 20px;
    content: "";
    cursor: pointer;
    display: block;
    height: 40px;
    line-height: 40px;
    opacity: .9;
    position: absolute;
    text-align: center;
    font-family: icon;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    speak: none;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 40px;
}
.mx_edit_button:before{
    content: "\e905";
    transition-property: transform;
    transition-duration: .1s;
    transition-timing-function: ease-in;
}

.mx-input {
	margin: 0.2em 0 !important;
	padding: 0.6em 0 0.6em 8px;
	font-size: 1rem;
	font-weight: 300;
	border: 1px solid var(--defaultInputBorderColor);
	border-radius: var(--anyBorderRadius);
	width: 100%;
}
.mx-input:disabled {
	font-size: 1rem;
	font-weight: 300;
	border: 0px solid var(--defaultInputBorderColor);
	border-radius: var(--anyBorderRadius);
	text-indent: 8px;
	width: 100%;
}
.mx-input:read-only {
	background-image:
		linear-gradient(45deg, #f1f1f1 25%, transparent 25%), 
		linear-gradient(135deg, #f1f1f1 25%, transparent 25%),
		linear-gradient(45deg, transparent 75%, #f1f1f1 75%),
		linear-gradient(135deg, transparent 75%, #f1f1f1 75%);
	background-size:20px 20px; /* Must be a square */
	background-position:0 0, 10px 0, 10px -10px, 0px 10px; /* Must be half of one side of the square */
}
.mx-input-percent{
   position: absolute;
   bottom: 0.3em;
   right: 0;
   padding-right: 5px;
   font-weight: var(--lightFontWeight);
}

textarea.mx-input{
	line-height: normal;
}

textarea.mx-input,
.mx-input[type="text"],
.mx-input[type="datepicker"] {
	box-shadow: var(--inputTextShadow);
}

.sq-input {
 height: 40px;
 border: 1px solid var(--defaultInputBorderColor);
 border-radius: var(--anyBorderRadius);
 display: inline-block;
 -webkit-transition: border-color .2s ease-in-out;
     -moz-transition: border-color .2s ease-in-out;
     -ms-transition: border-color .2s ease-in-out;
         transition: border-color .2s ease-in-out;
}
.sq-input--focus {
  outline-width: 2px;
  outline-color: var(--defaultInputBorderColor);
  outline-offset: -1px;
  outline-style: auto;
}
.sq-input--error {
  outline-width: 2px;
  outline-color: var(--currentRed);
  outline-offset: 0px;
  outline-style: auto;
}
.mx-error-color{
   color: var(--currentRed);
	font-weight: 400 !important;
}
.mx-fileupload-warning{
	width: 100%;
	margin:1em 0;
	color: var(--color-warning);
}
.mx-img-upload{
	margin: 0.2em 0;
	padding: 0;
	border: 1px solid var(--defaultInputBorderColor);
	border-radius: var(--anyBorderRadius);
	width: 100%;
	max-width: unset !important;
	box-shadow: var(--defaultBoxShadow);
}
.mx-img-edit{
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
}
.mx-img-edit:before{
	color: rgba(195, 195, 195, 0.6);
	border-radius: var(--anyBorderRadius);;
}
.mx-input-img {
	position: relative;
	margin: 0 1em;
	font-size: 0.7em;
	padding: 0.3em !important;
	border: 1px solid var(--defaultInputBorderColor);
	border-radius: var(--anyBorderRadius);
	overflow: hidden;
   box-sizing: border-box;
   object-fit: cover;
	box-shadow: var(--defaultBoxShadow);
}
.mx-select{
	font-weight: 300 !important;
	border: 1px solid var(--defaultInputBorderColor);
	border-radius: var(--anyBorderRadius);
	color: var(--gfPopupFontColor) !important;
	height: 2.3em;
	box-shadow: var(--inputTextShadow);
	margin-top: 0.2em;
}
.mx-select-drop{
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	font-size: 14px;
	line-height: normal;
}
.mx-autocomplete{
	padding: 1.2em 0.4em;
}
.ui-autocomplete{
/*	font-size: 0.9em;*/
	font-weight: 300;
   line-height: normal;
	z-index: 99999999999;
	border-radius: var(--anyBorderRadius);
	box-shadow: var(--inputTextShadow);
}
.ui-autocomplete .ui-menu-item{
	margin: 0 1px;
}
.ui-autocomplete .ui-menu-item .ui-menu-item-wrapper.ui-state-active{
	border-radius: var(--anyBorderRadius);	
}


.mx-select .ui-widget.ui-widget-content,
.ui-autocomplete.ui-widget.ui-widget-content {
    border-top: 1px solid transparent;
    border-right: 1px solid var(--defaultInputBorderColor);
    border-left: 1px solid var(--defaultInputBorderColor);
}
.mx-select-height {
	max-height: 300px;
}

.mx-textarea{
	
}

.mx-input:focus,
.mx-input:hover,
.mx-select:focus,
.mx-select:hover{
	border-left: 2px solid var(--defaultInputBorderColor);
}
.mx-input:disabled:focus,
.mx-input:disabled:hover,
.mx-select:disabled:focus,
.mx-select:disabled:hover{
	border-left: 0px solid var(--defaultInputBorderColor);
}

input.error {
	border-color: #000000 !important;
}

.mx-form-frame{
	border-radius: var(--anyBorderRadius);
	background-color: var(--midDartBackground);
	padding: 20px;
}
.mx-table-row{
	position: relative;
	display: table;
	width: 100%;
	margin: 0.5em 0;
}
.mx-row{
	position: relative;
	display: block;
	width: 100%;
	margin: 0.5em 0;
}

mxnone.mx-input{
	box-shadow: none !important;
	border: none !important;
	background-image: none !important;
}
.mx-row-flex{
   display: flex;
   flex-flow: row;
   align-items: center;
   justify-content: left;
}
.mx-row-flex-center{
   display: flex;
   flex-flow: row;
   align-items: center;
	justify-content: space-evenly;
}
.mx-row-flex-right{
   display: inline-flex;
   flex-flow: row;
   float: right;
   width: 80%;
   align-items: center;
   justify-content: end;
}
.mx-force-background{
	background:transparent !important;
}
.mx-force-background:focus;{
	background:transparent !important;
}
.mx-padding-5{
	padding:5px;
}
.mx-padding-10{
	padding:10px;
}
.mx-padding-15{
	padding:15px;
}
.mx-font-family{
	font-family: var(--gfFontFamily) !important;
}
/* Cleanup floats at the end of each row. Help align things */
.mx-row:after {
    content: "";
    display: table;
    clear: both;
}
.mx-colfit {
	width: fit-content !important;
	float: unset !important;
}
.mx-col20 {
	float: left;
	width: 20%;
}
.mx-col40 {
	float: left;
	width: 40%;
}
.mx-col30 {
	float: left;
	width: 30%;
}
.mx-col33 {
	float: left;
	width: 33.333%;
}
.mx-col60 {
	float: left;
	width: 60%;
}
.mx-col30:nth-last-of-type(3) {
	float: left;
	width: 30%;
	padding-right:1em;
}
.mx-col50 {
	float: left;
	width: 49.9%;
}
.mx-col70 {
	float: left;
	width: 70%;
}
.mx-col80 {
	float: left;
	width: 80%;
}
.mx-col100 {
	float: left;
	width: 100%;
}
.mx-force-100 {
	width:100% !important;
}
.mx-right50 {
	float: right;
	width: calc(50% - 1px);
}
.mx-right30 {
	float: right;
	width: calc(30% - 1px);
}
.mx-margin-right{
	margin-right: 1em;
}
.mx-right{
	float: right;
}
.mx-unfloat{
	float: unset;
}
.mx-center {
	margin: 0 auto;
	text-align: center;
}
.mx-left{
	display: block;
	text-align: left;
}
.mx-center-text{
	display: block;
	width: 100%;
	text-align: center;
}
.mx-bold{
	font-weight: 400;
}
.mx-table-info{
	margin: 1em auto;
	box-shadow: var(--defaultBoxShadow);
}
.mx-table-info th,
.mx-table-info td{
	padding: 0.3em 1.5em;
}
.mx-table-info td{
	text-align: left;
}
.mx-table-info th{
	text-align: center;
}
.mx-table-info th.left{
	text-align: left;
}
.mx-margintop{
	margin-top: 2em !important;
}

.mx-boxed{
	margin: 1em auto;
	box-shadow: var(--defaultBoxShadow);
}
.checkbox-paragraph-extra{
	padding: 1em;
	margin: 1em auto;
	box-shadow: var(--defaultBoxShadow);
	border-radius: var(--anyBorderRadius);
}

.mx-fl{
	float: left!important;
}
.mx-fr{
	float: right !important;
}

.mx-tip-block{
   display: block;
   font-size: 1em;
   line-height: normal;
	font-weight: 300;
}

.mx-pl{
	padding-left: 1em !important;
}
.mx-pr{
	padding-right: 1em !important;
}
.mx-clear {
	clear: both;
}
.mx-w100-clear {
	width: 100%;
	clear: both;
}
.mx-w100 {
	width: 100%;
}
.mx-col33 mx-unfloat {
	width: calc(70% - 13px);
	margin-right: 10px;
}
.mx-w70 {
	width: calc(70% - 13px);
}
.mx-w60 {
	width: 60%;
}
.mx-w50 {
	width: calc(50% - 13px);
	margin-right: 10px;
}
.mx-w45 {
	width: 45%;
}
.mx-w45i {
	width: 45% !important;
}
.mx-w40 {
	width: 40%;
}
.mx-w33 {
	width: 33%;
}
.mx-w25 {
	width: 25%;
}
.mx-w20 {
	width: 20%;
}
.mx-w10 {
	width: 10%;
}
.mx-v-line{
	width: 1px;
}
.mx_subsection_top {
	min-height: 20em;
	margin-bottom:2px;
}
.mx_subsection_bottom {
	min-height: 26em; 
}

.mx-color-white {
	color: #fff !important;
}
.mx-color-red {
	color: #ca0909;
}
.mx-bgcolor-red {
	background-color: #ca0909;
}
.mx-color-label {
	color: var(--gfPopupFontColor) !important;
}
.mx-color-text {
	color: var(--gfPopupFontColor) !important;
}
.mx-color-data {
	color: var(--gfPopupFontColor) !important;
}
/* Table related - structure for sections on the screen */
.mx-block-p p{
	display: none;
}

.mx-edit-post{
    display: block;
    position: relative;
    top: 2em;
}
.mx-edit-post iframe{
	height: 600px !important;
}

.mx-normal{
	font-weight: 300;
}
.mx-nopadding{
	padding: 0 !iimportant;
}
/* Message container style */
.mx-msg-container {
   padding-left: 1em;
   padding-right: 1em;
	padding-bottom: 0.5em;
	position: relative;
}
.mx-msg-container .empty{
	position: absolute;
	line-height: normal;
}
.mx-msg-container .mx-msg-notread{
	font-weight:600;
}
.mx-msg-container span p{
	padding: unset;
	padding-left: unset;
	padding-right: unset;
}
.mx-msg-container span:nth-of-type(1) {
	font-style: normal;
}
.mx-msg-container span:nth-of-type(2) {
	font-weight:600;
}
.mx-msg-container span:nth-of-type(3) {
	display: block;
	width: 100%;
	line-height: 1em;
}

/* mx File Folder */
.mx-file-folder{
	position: relative;
	display: inline-flex !important;
	flex-flow: wrap;
	width: 100%;
	overflow: auto;
	font-weight: 300;
}
.mx-file-folder .file-wrapper {
	display: block;
	padding: 0 !important;
	margin: 1em;
}
.mx-file-folder .file-wrapper.urllink{
	width: 15em;
}
.mx-file-folder .file-wrapper .add-video-link{
   position: absolute;
	font-size: 4em;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}
.mx-file-folder.listview .file-wrapper .add-video-link{
	font-size: 2em !important;
}
.mx-file-folder.listview .file-wrapper {
	display: block;
	padding: 0 !important;
	margin: 0.1em 0 !important;
}
.mx-file-folder.listview .file-wrapper.urllink{
		width: 100%;
}
.mx-file-folder .file-wrapper.action-button {
	border: 1px solid var(--defaultInputBorderColor);
	border-radius: var(--anyBorderRadius);
}
.mx-file-folder.listview .mx-drop-select.dt-actions {
	width: fit-content !important;
}
.mx-file-folder.listview .file-wrapper.action-button {
	display: inline-block;
	width: 5em;
   height: 5em;
}
.mx-file-folder div{
	display: inline-block;
	position: relative;
	width: 10em;
	height: 10em;
	cursor: pointer;
}
.mx-file-folder.listview div{
	display: inline-block;
	position: relative;
	width: 100%;
	height: 5em; 
	cursor: pointer;
}
.mx-file-folder div[data-status="private"]{
	border: 1px solid var(--defaultInputBorderColor);
   border-radius: var(--anyBorderRadius);
	box-shadow: var(--inputTextShadow);
}
.mx-file-folder div[data-status="private"] .mx-file-icon{
   opacity: 0.6;
}
.mx-file-folder div[data-status="public"]{
	border: 1px solid green;
   border-radius: var(--anyBorderRadius);
	box-shadow: var(--inputTextShadow);
}
.mx-file-folder div span{
	width: 100%;
	display: block;
	text-align: center;
}
.mx-file-folder .mx-file-icon::before{
   font-family: 'ElegantIcons';
   content: "i";
	font-size: 5em;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-60%);
}
.mx-file-folder.listview .mx-vertical-dots.mx-clickable{
	color: var(--darkerTextColor) !important;
}
.mx-file-folder.listview .mx-file-icon::before{
   font-family: 'ElegantIcons';
   content: "i";
	font-size: 3em;
	position: absolute;
	left: 0.5em;
	top: 50%;
   transform: translateY(-50%);
}
.mx-file-folder .mx-file-icon-base::before{
	font-size: 5em;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-70%);
}
.mx-file-folder .mx-file-extra{
	display: none;
	position: absolute;
	width: 100%;
	margin: 0;
	padding: 0.3em 0.5em;
	top: 0;
	background-color: var(--color-gray-a);
	color: var(--whiteColor);
	z-index: 1;
	opacity: 0;
	border-radius: var(--anyBorderRadius);
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   transition: all 0.3s;
}
.mx-file-folder.listview .mx-file-extra{
	display: contents !important;
	height: 100% !important;
	background-color: unset;
	color: var(--darkerTextColor) !important;
}
.mx-file-folder .mx-file-extra .mx-file-date{
	font-size: 0.8em;
	line-height: 1.1em;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
.mx-file-folder.listview .mx-file-extra .mx-file-date{
   position: absolute;
   top: 50%;
	left: unset;
	font-size: 1em;
   transform: translateY(-45%);
   text-align: right;
   right: 5em;
}
.mx-file-folder .mx-file-extra span{
	overflow: visible;
	position: relative;
	top: 0.5em;
}
.mx-file-folder div:hover .mx-file-extra,
.mx-file-folder div:hover .mx-file-extra:hover{
	display: block;
	opacity: 1;
}
.mx-file-folder .mx-file-name{
	position: absolute;
	bottom: 0;
	white-space: nowrap;
	overflow: hidden;
	width: 100%;
	text-align: center;
   text-overflow: ellipsis;
	opacity: 0.8;
	padding: 0 0.5em;
	background-color: var(--bgcolor-white-a);
	border-bottom-left-radius: var(--anyBorderRadius);
	border-bottom-right-radius: var(--anyBorderRadius);
}
.mx-file-folder .mx-file-iconframe{
	background-repeat: no-repeat !important;
	background-position: center !important; 
	background-size: cover !important; 
	opacity: 1; 
	height: 100%;
	border-radius: var(--anyBorderRadius);
}

.mx-file-folder .mx-file-name .listview-subcat{
	display: none;
}
.mx-file-folder.listview{
	height: fit-content;
	padding-bottom: 5em;
}
.mx-file-folder.listview .mx-file-name{
	position: absolute;
	display: flex;
	flex-flow:column;
	justify-content: space-evenly;
	bottom: 0;
	white-space: nowrap;
	overflow: hidden;
	width: 65%;
	height: 100%;
	line-height: normal;
	text-align: left;
   text-overflow: ellipsis;
	padding: 0 0.5em;
	left: 7em;
	top: 50%;
	font-size: 1.1em;
	transform: translateY(-45%);
	background-color: transparent !important;
}

.mx-file-folder.listview .mx-file-iconframe{
	background-position: left !important; 
	background-size: contain !important;
	max-width: 7%;
	margin: 0em 1em 1em 1em;
}
.mx-file-folder.listview .mx-file-name .listview-subcat{
	display: block;
	text-align: left;
	font-size: 1em;
}
.mx-file-folder.listview .listview-hide{
	display: none;
}

.mx-file-folder .mx-file-button-block{
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding: 1em;
	z-index: 1;
}
.mx-file-folder.listview .mx-file-button-block{
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding: 1em;
}
.mx-file-folder .mx-file-button-block .mx-file-button{
	background-color: transparent;
	border: 0px solid transparent;
	color: var(--whiteColor);;
	font-weight: 300;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}
.mx-file-folder .mx-file-button-block .mx-file-button.left{
   position: absolute;
   left: 0;
	bottom: 0.1em;
   transform: none;
}
.mx-file-folder .mx-file-button-block .mx-file-button.right{
   position: absolute;
   left: unset;
   right: 0;
	bottom: 0.1em;
   transform: none;
}
.mx-file-folder .mx-file-button-block .mx-file-button.rtop{
   position: absolute;
   left: unset;
   right: 0;
	top: 0.1em;
	height: 1em;
	font-size:1.3em;
   transform: none;
}
.mx-file-folder.listview .mx-file-button-block .mx-file-button{
	background-color: transparent;
	border: 0px solid transparent;
	color: var(--darkerTextColor);
	font-weight: 300;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index:1;
}
.mx-file-folder.listview .mx-file-button-block .mx-file-button.left{
   position: absolute !important;
   left: unset !important;
   right: 3em !important;
}
.mx-file-folder.listview .mx-file-button-block .mx-file-button.right{
   position: absolute !important;
   left: unset !important;
   right: 0 !important;
}
.mx-file-folder.listview .mx-file-button-block .mx-file-button.rtop{
   position: absolute !important;
   left: unset;
   right: 1em;
	top: 1.01em;
}
.mx-file-folder .mx-file-button-aaa{
	background-color: transparent;
	border: 0px solid transparent;
	color: white;
	font-weight: 300;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}
.mx-file-folder-header{
	display: block !important;
	position: relative;
	width: 100%;
	z-index:1;
	border-bottom: 1px solid var(--color-gray-a);
	border-radius: unset !important;
	height: 4em;
}
.mx-file-folder-header .controls{
   display: inline-block;
   float: right;
   position: absolute;
   right: 0;
	height: 2em;
   top: 50%;
	transform: translateY(-50%);
}
.mx-file-folder-header .controls .list-grid-set{
   display: flex;
   justify-content: center;
   align-items: center;
	position: absolute;
	top: 50%;
	right: 1.7em;
	transform: translateY(-50%);
	z-index: 1;
}
.mx-file-folder-header .controls .list-grid-set span{
	padding: 0 0.2em;
}
.mx-file-folder-header .controls .list-grid-set span.on{
	font-weight:600;
}
.mx-file-folder-header .controls .mx-file-folder-upload{
   display: block;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   right: 0;
}

.mx-file-folder-header .mx-file-folder-name{
	display: inline-block;
	position: relative;
	top: 50%;
	max-width: 35vw;
	white-space: nowrap;
	overflow: hidden !important;
	text-overflow: ellipsis;
	transform: translateY(-50%);
	left: 1em;
	font-size: 1em;
}
.mx-file-folder-header .mx-file-folder-prefix{
   display: block;
   position: absolute;
   width: 18vw;
   top: 50%;
	transform: translateY(-50%);
   right: 110%;
   font-size: 0.8em;
}
.mx-file-folder-header span{
	display: block;
}
.mx-file-folder > .file-wrapper > .mx-file-folder-upload{
	position: relative;
}
.mx-file-folder > .file-wrapper > .mx-file-folder-upload .mx-filebutton-span > span{
	font-size: 50px;
   line-height: 80px;
}


.mx-file-folder-share{
	display: block !important;
	width: 100%;
	overflow: hidden;
}

/* file folder view style */
.mx-file-folder-view{
	display: block;
	width: 100%;
}
.mx-file-folder-view .mx-topright-cancel{
	width: unset;
}
.mx-file-folder-view div {
	width: 100%;
	border-radius: 0;
	margin: 0.3em 0;
	display: table;
}
.mx-file-folder-view .mx-file-icon-div{
	display: inline-block;
	position: relative;
	cursor: pointer;
   width: 5em;
	margin-top: 1.5em;
}
.mx-file-folder-view .mx-file-icon-det{
	display: inline-block;
	position: relative;
	float: right;
	width: calc(100% - 5em);
	padding-right:1em;
	font-size: 1.2em;
}
.mx-file-folder-view .mx-file-icon::before{
   font-family: 'ElegantIcons';
   content: "i";
	font-size: 3em;
	padding: 0.3em;
}
.mx-external-link:before {
    font-family: "ElegantIcons";
    content: "\a034" !important;
}
.mx-gateway-link:before {
    font-family: "ElegantIcons";
    content: "\a035" !important;
}
.mx-file-folder-view .mx-file-name{
	position: relative;
	top: 0;
	white-space: nowrap;
	overflow: hidden;
   text-overflow: ellipsis;
	width: 100%;
	display: block;
	min-height: 1em;
	font-weight:400;
}
.mx-file-folder-view .mx-file-desc{
	position: relative;
	top: 0;
	margin-top:0.5em;
	width: 100%;
	display: block;
	font-weight:300;
	line-height: normal;
}
.mx-file-folder-view .mx-file-row.has-onclick{
	cursor: pointer;
}
.mx-file-folder-view .mx-file-row.has-onclick:hover{
	background-color: var(--midDartBackground);
}
.mx-file-folder-view .mx-file-folders{
	display: flex;
	flex-flow: row;
	flex-wrap: inherit;
   align-items: center;
   justify-content: space-evenly;
}
.mx-file-folder-view .mx-file-folders .mx-file-row{
   border-radius: var(--anyBorderRadius);
	border: 3px solid transparent;
	width: unset;
}
.mx-file-folder-view .mx-file-folders .mx-file-row.mx-folder-selected{
   border: 3px solid var(--midDartBackground);
}
.mx-file-folder-view .mx-file-folders .mx-folder-icon-det{
	display: flex;
	flex-flow: column;
   align-items: center;
   justify-content: center;
	position: relative;
	padding: 1em;
	font-size: 1.2em;
}
.mx-file-folder-view .mx-file-folders .mx-folder-icon-det .mx-file-name{
	width: unset;
}

/* file folder view end */

.mx-msg-container h1,
.mx-financial-container h1 {
	padding-left: 0 !important;
	font-size: 1.4em !important;
	line-height: normal !important;
	display: contents;
}
.pp-list{
	list-style: decimal;
}
.pp-list li{
	display: list-item !important;
	list-style: decimal !important;
}
.mx-list-widefirst {
   font-size: 1em;
	display: flow-root;
	box-shadow: var(--inputTextShadow);
	margin:0.5em 0;
	padding: 0 1em;
	border-radius: var(--anyBorderRadius);
}
.mx-list-widefirst.widget{
	box-shadow: unset;
	width: 100%;
}
.mx-list-widefirst .buttons{
	display: inline-block;
	align-items: center;
	justify-content: space-between;
	flex-flow: row; 
}
.mx-list-widefirst.widget .buttons span:nth-of-type(1){
	margin-right:1em;
}
.mx-list-widefirst span:nth-of-type(1) {
	min-width: 40%;
	display: inline-block;
}
.mx-list-widefirst .dark {
	background-color: unset;
   color: var(--darkerTextColor);
	padding: 1em 1em;
   display: flex;
   flex-flow: row;
   align-items: center;
   justify-content: space-between;
}
.mx-list-widefirst.widget .dark {
	background-color: unset;
   color: var(--darkerTextColor);
	padding: 0.2em 1em;
}
.mx-list-widefirst .dark .photo {
	border-radius: var(--anyBorderRadius);
	padding: 0;
	display: inline-block;
	float: right;
	width: 10vw;
	min-width:100px;
	max-width:100px;
	margin-left:3em;
	transition: all .2s ease-in-out; 
}

.mx-list-widefirst .dark .photo:hover{
	transform: scale(1.2);
	image-rendering: -webkit-optimize-contrast;
}
.mx-list-widefirst .dark .title {
	text-transform: capitalize;
}
.mx-list-wide-subblock {
	display: block;
	width: 100%;
	float: right;
	color: black;
	margin: 1em 0;
	padding: 0.5em;
	border-radius: var(--anyBorderRadius);
}
.mx-list-links-subblock {
	display: block;
	width: 100%;
	float: right;
	color: black;
	margin: 0;
	padding: 0.5em;
}
.mx-list-links-subblock.mx-flush-left{
	padding-left: 0;
}
.mx-flush-left .mx-social-button{
	padding-left: 0;
	margin-left: 0;
}
.mx-list-address {
   padding-left: 1em;
   padding-right: 1em;
	padding-bottom: 0.5em;
}
.mx-list-address div{
	display: flow-root !important;
}
.mx-list-address label{
	padding-right: 0.5em;
	font-weight: 400;
   min-width: 40% !important;
	width: unset !important;
   display: inline-block !important;
}
.mx-list-address fieldset{
	position: relative;
	line-height: 1.6em;
	display: block !important;
   border: 1px solid var(--defaultInputBorderColor) !important;
	border-radius: var(--anyBorderRadius);
   margin: 0 2px !important;
   padding: 1.3em .625em 1.3em !important;
}
@media screen and (max-width: 767px){
	.mx-list-address fieldset{
		width: 100% !important;
	}
}
.mx-list-address span {
	font-weight: var(--lightFontWeight) !important;
	display: inline-block !important;
}
.mx-list-address span.first {
	min-width: 12%;
}
.mx-list-address span.second {
	min-width: 12%;
}
.mx-list-address span.third {
	min-width: 12%;
}
.mx-list-address span.currency {
	text-align: right;
	padding-right: 2em;
}

.mx-list-address span.subright{
	padding-left: 3em;
	float: right;
	text-align: right;
}
@media screen and (max-width: 767px){
	.mx-list-address span.subright{
		padding-left: 0;
	}
}
.mx-list-address span.number{
	min-width: 6em;
	display: inline-block;
	text-align: right;
}
.mx-list-address span.percent{
	min-width: 6em;
	display: inline-block;
	text-align: right;
	padding-right: 1em;
}

.mx-help-text{
	margin: 1em;
	display: block;
}
.mx-help-text label{
	font-weight: 400;
}

.mx-heading-container {
	margin: 0 auto;
	display: table;
   font-size: 2em;
}
.mx-heading-container span {
	vertical-align: text-top;
}
.mx-heading-container .head{
	font-weight: 500;
}
.mx-heading-container .sub{
	font-size: 0.7em;
}
.mx-heading-container img {
	padding: 0 0.3em 0 0.3em !important;
	max-height: 2em;
	position: absolute;
	left: 0;
	top: 0;
    vertical-align: middle;
}
.mx-heading-container section {
	display: inline-block;
}

/* multiselect related */
.ms-container .ms-header{
    position: relative;
    color: var(--darkerTextColor);
	 background-color: var(--headerLightGreenBackground);
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.ms-container .ms-selectable, .ms-container .ms-selection{
	border-radius: var(--anyBorderRadius);	
}
.ms-container .ms-header{
	border-top-left-radius: var(--anyBorderRadius);	
	border-top-right-radius: var(--anyBorderRadius);	
}
.ms-container .ms-list{
	border: var(--headerNavBorder);
	border-bottom-left-radius: var(--anyBorderRadius) !important;	
	border-bottom-right-radius: var(--anyBorderRadius) !important;	
}
.ms-container .ms-list.ms-focus{
	border: 1px solid var(--submitButtonBackgroundLight);
	box-shadow:  inset 0 1px 1px rgba(0, 0, 0, 0.08), 0 0 8px rgba(1, 73, 71, 0.31);
}
.ms-container .ms-header[data-side]{
	cursor: pointer;
	background-color: var(--color-gray-a);
}
.ms-container .ms-header .copy-left:after{
    font-family: 'ElegantIcons';
	 font-size: 1.5em;
    content: '9';
    position: absolute;
    right: 0;
    top: 55%;
    transform: translateY(-50%);
}
.ms-container .ms-header .copy-right:after{
    font-family: 'ElegantIcons';
	 font-size: 1.5em;
    content: '8';
    position: absolute;
    left: 0;
    top: 55%;
    transform: translateY(-50%);
}
.ms-container ul li{
	text-overflow: ellipsis;
	overflow: hidden;
   white-space: nowrap;
	text-align: left;
}
.ms-elem-selectable.ms-hover{
	background-color: #b1b1b1 !important;
	color: #f7f7f7 !important;
}

/* FAQ related */
.mx-faq-header{
	padding: 0 0 1em 0;
   position: fixed;
   width: 100%;
   margin: 0 0 0.5em 0;
   top: 80px;
   left: 0;
   text-align: center;
	background-color: var(--color-gray-a);
	z-index: 1;
}
.mx-faq-header h1{
	padding: 0.1em;
	margin: 0.2em 0;
}
.mx-faq-header input{
	padding: 0.4em 0.2em 0.2em 0.2em;
	border: 0;
	border-radius: var(--anyBorderRadius);
	border-bottom: 1px solid var(--gfPopupFontColor);
}

.mx-faq{
	font-size: 0.8em;
	margin: 0 1em 10em 1em;
	top: 13em;
	position:relative;
}
.mx-faq div,
.mx-faq h3{
	display: none;
}
.mx-faq h3{
	font-size: 1.4em;
	font-weight: 500;
}
.mx-faq .ui-accordion-header, 
.mx-faq .ui-accordion-header-collapsed,
.mx-faq .ui-widget-content{
	background: unset !important;
	border: unset !important;
}
.mx-faq .ui-accordion-header {
	padding: 0.2em 0.5em 0.2em 0.7em;
}

/* Some table related classes for use by the mx-table tag and DataTables component */
.dataTables_wrapper.no-footer .dataTables_scrollBody{
	border-bottom: 1px solid transparent !important;
	min-height: 60vh;
}
.mycohort_discussions .dataTables_wrapper.no-footer .dataTables_scrollBody{
	border-bottom: 1px solid transparent !important;
	min-height: unset;
}
table.dataTable.compact tbody td .ellipsis{
	display: block;
	width: 100%;
	white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}
table.dataTable.compact tbody td .mx_render.withonclick:hover {
	font-weight: 400 !important;
}
table.dataTable thead th, table.dataTable tfoot th {
    font-weight: 400 !important;
}
@media screen and (min-width: 1000px) and (hover: hover){
	.dataTables_wrapper.no-footer .dataTables_scrollBody{
		border-bottom: 1px solid transparent !important;
		overflow: hidden !important;
	}
	.dataTables_wrapper.no-footer .dataTables_scrollBody:hover{
		overflow: auto !important;
	}
}
.mx-table,
.mx-table thead {
	color: var(--gfPopupFontColor) !important;
}
.mx-table thead th{
	color: var(--gfPopupFontColor) !important;
	text-align: left;
}

.mx-table tbody {
	color: black !important;
	font-weight: 300;
}
.mx-table tbody tr{
	cursor: pointer;
}
@media screen and (max-width: 1000px){
	.mx-table{
		font-size: 0.8em;
	}
}
.dtr-modal{
   position: fixed;
   box-sizing: border-box;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   z-index: 105 !important;
   padding: 10em 1em;
}
.dtr-modal-display-wide {
	width: 75% !important;
	overflow-x: hidden !important;
}
@media screen and (max-width: 767px){
	.dtr-modal-display-wide {
	   	width: 95% !important;
	}
}
.dtr-modal-content {
	font-family: var(--gfFontFamily);
    font-size: 1.4em;
	line-height: 1.2em;
}
.dtr-modal-content h2 {
    padding-bottom: 0.3em;
    border-bottom: 1px solid var(--gfPopupFontColor);
	line-height: 1.1em;
}
.dtr-modal-content table{
	width: 100%;
}
.dtr-modal-content table tr{
	height: 1.4em;
}
.dtr-modal-content table tr td:first-of-type{
	width:25%;
	font-weight: 600;
	color: var(--gfPopupFontColor);
}
.dtr-modal-content button{
	border: 0px solid var(--color-gray-a);
	background: transparent;
	border-radius: 3px;
	color: var(--color-gray-a);
	padding: 0.1em;
	width: 100%;
	cursor: pointer;
}
.dtr-modal-close {
	position: absolute;
	color: transparent;
   top: 0.2em !important;
   right: 0.3em !important;
	font-weight: 300;
	font-size: 1.8em;
	font-family: 'ElegantIcons';
	speak: none;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	cursor: pointer;
	border: unset !important;
   background-color: unset !important;
}
.dtr-modal-close:before{
	color: var(--gfPopupFontColor);
	position: absolute;
   top: 0.2em;
   right: 0.2em;
	content: "\51";
}
.dtr-modal-close:hover{
	transform: scale(1.4);
   transition-property: transform;
   transition-duration: .1s;
   transition-timing-function: ease-out;
}


.dataTables_wrapper button{
	border: 0px solid var(--color-gray-a);
	background: transparent;
	font-weight: var(--lightFontWeight);
	border-radius: 3px;
	color: var(--color-gray-a);
	padding: 0 1em;
}
.dataTables_processing {
   z-index: 3;
   top: 0.5em !important;
}
.dataTables_paginate 
.paginate_button{
	padding: 0 !important;
	font-size: 0.8em !important;
	background: unset !important;
	border: 0px solid black !important;
}
.dtr-details {
	width: 90% !important;
}
.dtr-details>li{
	padding: 0.1em 0 !important;
}
.dtr-details .dtr-title{
	font-weight: normal !important;
	min-width: 25% !important;
}
/* used by percentBar plugin */
.percentBar-wrapper{
   border: 1px solid var(--color-gray-a);
   line-height: 1em;
   font-size: 14px;
   color: var(--darkerBackground);
   background: transparent;
   position: relative;
}
.percentBar-wrapper .percentBar-border{
   height: 1em;
   line-height: 1em;
   text-align: center;
   background-color: transparent;
   padding: auto 6px;
}
.percentBar-wrapper .percentBar-border .percentBar-bar{
   height: 1em;
   line-height: 1em;
   text-align: center;
   background-color: #e2e2e2;
   padding: auto 6px;
}
.percentBar-wrapper .percentBar-border .percentBar-text{
   width: 100%;
   text-align: center;
   position: absolute;
   left: 0;
   top: 0;
}

/* Validation related styles */
.mx-feedback {
	position: relative;
	color: var(--currentRed);
	margin: 0.5em auto;
	display: block;
	text-align: center;
	line-height: normal;
	width: 100%;
}
.mx-feedback:not(:empty) {
	margin: 2em auto;
	padding: 1em;
	border-radius: var(--anyBorderRadius);
	box-shadow: var(--defaultBoxShadowWide);
}

.form-error {
	color: var(--currentRed) !important;
	font-size: 0.8em;
	font-weight: 400;
}
.form-error::before {
	font-family: icon;
	content: "\e90b";
	padding-right: 0.3em;
}
.mx-tip {
	margin: 1em;
	display: inline-block;
	line-height: normal;
	font-weight: 300;
}
.mx-tip label{
	color: var(--color-green-a);
	font-weight: 400;
   letter-spacing: 0.02em;
}
.mx-tip span label{
	padding-right:1em;
	font-weight: 600;
	width: 15%;
}
/*
.mx-tip::before {
	font-family: ElegantIcons;
	content: "\e0f6";
	padding-right: 0.3em;
}
*/
.mx-error {
	color: var(--currentRed) !important;
	margin: 1em;
	display: inline-block;
	font-size: 0.8em;
	font-weight: 400;
	padding-left: 1em;
	position: relative;
}
.mx-error.boxed {
	border-radius: var(--anyBorderRadius);
	border: 0px solid var(--currentRed);
	box-shadow: var(--inputTextShadow);
	padding: 1em;
}
.mx-error.larger {
	font-size: 1.2em;
	line-height: 1.2em;
	letter-spacing: 0.07em;
}
.mx-error::before {
	position: absolute;
	font-family: icon;
	content: "\e90b";
	padding-right: 0.3em;
	top: 50%;
   left: -1em;
	transform: translateY(-50%);
}
.mx-error span label{
	padding-right:1em;
	font-weight: 600;
	width: 15%;
}
.mx-serviceplan-restricted{
	display: block;
	margin: 2em auto;
	font-size: 1.5em;
	text-align: center;
}
.help-block {
	color: gray;
	font-size: 0.8em;
	font-weight: 400;
	width: 100%;
    display: inline-block;
}
.strength-meter {
	border-width: 0px !important;
	background-color: unset !important;
	padding: 0px !important;
}
.strength-meter:after {
	content: "]";
	padding: 0 5px;
}
.strength-meter:before {
	content: "[";
	padding: 0 5px;
}
.attention{
	background-color: var(--currentRed) !important;
	color: var(--whiteColor) !important;
}

/* End of generic styles */
/*
 * Registration Form
 */
.mx_form_100{
	width: 100%;
	display: block;
	color: var(--gfPopupFontColor);
	margin: 0 auto;
}
.mx_form_90{
	width: 90%;
	display: block;
	color: var(--gfPopupFontColor);
	margin: 0 auto;
}
.mx_form_80{
	width: 80%;
	display: block;
	margin: 0 auto;
}
.mx_fillup{
	display: block;
	height: 100%;
}
.regform{
	width: 80%;
	display: block;
	color: var(--gfPopupFontColor);
	margin: 0 auto;
}

.regform label{
	display: inline-block;
	width: 100%;
	float: left;
}
.regform input,
.regform select{
	width: 100%;
	float: right;
}
.regform input[type="submit"] {
	display: block;
	left: 25%;
	width: 50%;
	margin: 0 auto;
	float: unset;
}

/* Cleanup floats at the end of each row. Help align things */
.regform .row:after {
    content: "";
    display: table;
    clear: both;
}

.editform{
	width: 100%;
	padding:0 0.8em;
	display: block;
	color: var(--gfPopupFontColor);
	margin: 0 auto;
	font-size: 0.8em;
}

.editform label{
	display: inline-block;
	width: 100%;
	float: left;
}
.editform input,
.editform select{
	width: 100%;
	float: right;
}
.editform input[type="submit"] {
	display: block;
	left: 25%;
	width: 50%;
	margin: 0 auto;
	float: unset;
}

/* Cleanup floats at the end of each row. Help align things */
.editform .row:after {
    content: "";
    display: table;
    clear: both;
}

/* Menu related classess */
.mx_menu_container {
	overflow: visible;
	display: inline-block;
	position: relative;
	font-size: 1em;
	font-family: var(--gfFontFamily);
	font-weight:300;
	right: 0px;
	top: 20%;
	width: 100%;
}
.mx_menu_container a {
	color: #fff !important;
	text-decoration: none;
}
.mx_menu_container a:hover {
	color: #ccc !important;
}

.mx_menu_container li{
	overflow: visible;
	display: inline-block;
	position: relative;
	font-size: 1em;
	font-family: var(--gfFontFamily);
}

/* Second level menu START */
.mx_menu_container ul li.menu-item-has-children ul{
    z-index: 100;
    width: 100%;
    position: absolute;
    top: 1.4em;
	height: 0;
	transition: height 1s;
    border-top: 1px solid white;
	background-color: var(--darkerBackground);
}
.mx_menu_container ul li.menu-item-has-children ul li{
	overflow: visible;
	display: block;
	position: relative;
	font-size: 1em;
	font-family: var(--gfFontFamily);
}
.mx_menu_container ul li.menu-item-has-children ul:before{
    display: block;
	content: "<";
    position: absolute;
    right: 20px;
    top: -2em;
}
.mx_menu_container ul li.menu-item-has-children:hover ul{
	height: unset;
	padding-top: 10px;
	padding-bottom:10px;
}
.mx_menu_container ul li.menu-item-has-children:hover ul:before{
    display: block;
	content: "v";
    position: absolute;
    right: 20px;
    top: -2em;
}
/* Second level menu END */

.mx_menu_current {
	background: #C93C1C !important;
}
.mx_menu_ul4 {
	list-style: inside none;
	padding: 0;
	margin: 0;
}
.mx_menu_ul4 > li {
	list-style: inside none;
	margin: 0;
	width: 25%;
	float: left;
	display: inline-block;
	position: relative;
	background: var(--darkerBackground);
	border: 1px solid #fff;
}
.mx_menu_ul4 > li > a {
	outline: none;
	display: inline-block;
	width: 100%;
	position: relative;
	padding: 12px 1px;
	text-align: center;
	text-decoration: none;
	border-right: 0px solid var(--gfFontColor);
	z-index:100;
	overflow:hidden;
}

.mx_menu_ul6_table {
	display: table;
}
.mx_menu_ul6_grid3 {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
}
.mx_menu_ul6 {
	list-style: inside none;
	padding: 0;
	margin: 0;
}
.mx_menu_ul6 > li {
	list-style: inside none;
	margin: 0;
	display: table-cell;
	position: relative;
	background: var(--darkerBackground);
	border: 1px solid #fff;
}
.mx_menu_ul6 > li > a {
	outline: none;
	display: inline-block;
	width: 100%;
	position: relative;
	padding: 12px 20px;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	border-right: 0px solid var(--gfFontColor);
	z-index:100;
}

/**** END menu classes ****/

/**** Hide custom menu items on large screen? ***/
@media screen and (max-width: 800px) {
	.mx-col20,
	.mx-col30,
	.mx-col33,
	.mx-col50,
	.mx-col60,
	.mx-col70,
	.mx-col80,
	.mx-w50,
	.mx-w70,
	.mx-w60,
	.mx-w33,
	.mx-col33 mx-unfloat,
	.mx-right50,
	.mx-right30 {
		width: 100% !important;
	}
	.mx-padding-15{
		padding:0;
	}
	.mx-dtr{
		padding:0;
	}
	.mx-dtr .mx-dtrl{
		width: 100%;
		padding: 0;
	}
	.mx-dtr .mx-dtrl p{
		padding: 0 1em !important;
	}
	.mx-dtr .mx-dtrr{
		width: 100%;
		padding: 1em 0.5em 2em 0.5em;
		font-size: 0.8em;
	}
	.mx-dtr .mx-dtrl label{
		position: relative;
		margin-bottom: 0.5em;
	}
	
	.mx_subsection_top {
		min-height: unset; 
	}
	.mx_subsection_bottom {
		min-height: unset; 
	}
   .mx-body-accordion{
   	padding: 1em 1em !important;
   }
	.mx_form_80{
		width: 100%;
		padding: 0 1em;
	}

	.regform{
		width: 90%;
	}
	.regform input[type="submit"] {
		left: 0%;
		width: 100%;
		margin: 1em auto;
	}
	.mx-faq-header{
		font-size: 0.7em;
	}
	.mx-file-folder-header {
		height: 5em;
	}
	.mx-file-folder-header .mx-file-folder-prefix{
      display: block;
      position: absolute;
      width: 50vw;
      top: -2.1em;
      right: 0;
      font-size: 0.8em;
	}
	.mx-row-flex-right{
      display: flex;
      flex-flow: column;
      font-size: small !important;
      margin-bottom: 2em;
      width: 100%;
		align-items: start;
      justify-content: end;
	}
	
}
@media screen and (max-width: 600px) {
	.mx-checkbox.mx-float {
		width: 100% !important;
		margin: auto;
	}
	.mx-section-box{
		height: unset !important;
	}
	.mx-file-folder{
		font-size: 0.8em;
      justify-content: center;
	}
	.mx-file-folder-header {
		height: 6em;
	}
	.mx-file-folder-header .mx-file-folder-name{
		top: 0.5em;
	}
	.mx-file-folder-header .mx-file-folder-prefix{
      top: 1em;
	}
}

.mx-confined-space{
	width:70%;
}
@media screen and (max-width: 800px) {
	.mx-confined-space{
		width:100%;
	}
}

.mx-pleft2 p,
p.mx-pleft2{
	padding-left: 2em !important;
}
.mx-pleft4 p,
p.mx-pleft4{
	padding-left: 4em !important;
}