@import url("/css/font-awesome/css/font-awesome.min.css?6.5.2");

@import url("/css/fonts.css");

html {
	scroll-behavior: smooth;
}

body {
	font-size: 0.9375rem;
	background: #FFFFFF;
	background-color: #FFFFFF;
	font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0px;
	width: 100%;
	text-size-adjust: none;
	-webkit-text-size-adjust: none;
}

body.arc_container, body.content_frame, body.modal_frame {
	background: #FFFFFF;
	background-image: none;
}

body.content_frame {
	padding: 0 20px;
	box-sizing: border-box;
}

body.content_frame_nopad {
	padding: 0px;
}

body.content_frame #container {
	padding: 0 0 20px 0 !important;
	margin: 0px !important;
}

body.content_frame .FormInstructions {
	margin: 10px 0 0 0;
}

body.content_frame.mobile:after {
	content: "";
	height: 10px;
	box-sizing: border-box;
	display: block;
}

body.content_frame.mobile div.listfilter {
	width: 100%;
	padding-bottom: 3px;
}

body.content_frame.mobile div.listfilter label {
	width: 81px;
}

body.content_frame.mobile div.listfilter span {
	margin-bottom: 2px;
}

body.content_frame.mobile div.listfilter a.btn {
	left: 89px;
	width: 56px;
	margin: 0 0 3px 0;
}

body.modal_frame {
	width: auto;
	padding: 0 20px 0 20px;
	box-sizing: border-box !important;
}

body.Arc {
	background: #FFFFFF;
	font-family: 'Roboto', "Helvetica Neue", Helvetica, Arial, sans-serif;
	min-width: 100%;
	max-width: 100%;
	width: 100%;
	margin: 0px;
}

html.fullHeight>body, .fullHeight {
	height: 100%;
}

html {
	font-size-adjust: none;
	-webkit-text-size-adjust: none;
}

a, a:visited, a:active {
	color: var(--hl);
	font-size: 0.9375rem;
	font-weight: normal;
	font-family: 'Roboto', "Helvetica Neue", Helvetica, Arial, sans-serif;
	cursor: pointer;
}

a:hover {
	color: var(--hlh);
}

a:focus {
	color: var(--hlh);
	outline: 0;
	text-decoration: underline;
}

a[name="iconbutton"], span.showallbutton {
    color: var(--buttonfontcolor);
}

span.showallbutton {
    font-size: 0.9375rem;
}

input[type="password"][disabled], textarea[disabled] {
	background: #eeeeee !important;
}

input[type="text"].disabled {
	background: #eeeeee !important;
}

.hide {
	display: none !important;
}

.hideview {
	display: inline-block !important;
	visibility: hidden;
	padding: 4px 5px !important;
	width: 0px;
}

.Pointer {
	cursor: pointer !important;
}

.Bold {
	font-weight: 500;
}

.Underline {
	text-decoration: underline;
}

.mobiledatadiv span.Bold {
	color: #6C6C6C !important;
}

.container_login {
	margin: 43px 0 0 0;
}

#container, .container {
	margin: 43px 0 0 0;
	padding: 0 20px;
	text-align: left;
	box-sizing: border-box;
	scroll-behavior: smooth;
}

.container_frame {
	padding: 0px !important;
	margin: 0px !important;
	padding-bottom: 20px;
}

.container_frame h2 {
	margin: 0px;
	padding: 10px 0;
}

#header_container+.container {
	max-width: inherit;
}

.jconfirm-holder .container {
	margin: initial;
	padding: initial;
	border: initial;
	text-align: initial;
}

.modal #container, .modal .container {
	margin: 0px;
	padding: 10px 20px 0 20px;
	text-align: left;
}

.modalstatic {
	width: 390px;
	padding: 0px 20px 20px 20px;
	text-align: left;
}

.modalstatic .information_msg_container {
	margin-top: 10px;
}

.notopmargin {
	margin-top: 0 !important;
}

.doubletopmargin {
	margin-top: 40px;
}

.topmargin {
	margin-top: 20px;
}

.halftopmargin {
	margin-top: 10px;
}

.rightmargin {
	margin-right: 20px;
}

.halfrightmargin {
    margin-right: 10px;
}

.quarterrightmargin {
    margin-right: 5px;
}

.doublebottommargin {
	margin-bottom: 40px;
}

.bottommargin {
	margin-bottom: 20px;
}

.halfbottommargin {
	margin-bottom: 10px;
}

.quarterbottommargin {
	margin-bottom: 5px;
}

.leftmargin {
	margin-left: 20px;
}

.halfleftmargin {
    margin-left: 10px;
}

.quarterleftmargin {
    margin-left: 5px;
}

.float {
	float: left;
}

.hundredPercentWidth {
	width: 100%;
}

.typestatusfilter {
	font-size: 0.75rem;
	margin-right: 5px;
}

.axcriterialabel {
	display: inline-block;
	min-width: 100px;
	max-width: 350px;
	line-height: 30px;
	margin: 5px;
	text-align: right;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.axcriteriavalue {
	display: inline-block;
	margin: 5px;
	float: right;
}

.criteria_label {
	font-weight: 500;
	padding: 5px 0px 0px 0px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.criteria_value {
	padding: 5px 0px 5px 0px;
}

.criteria_wrapper {
	display: inline-block;
	margin: 5px 5px 0 0;
}

.searchoptionsdiv {
	background: #ffffff;
	border: 1px #dddddd solid;
	border-radius: 10px;
	overflow: hidden;
	margin: 10px;
}

.searchoptionsdiv>div {
	padding: 5px 15px 15px 15px;
}

.searchoptionsdiv .title {
	font-size: 1.5rem;
	display: block;
	padding: 5px 0px;
	color: #333;
}

.searchoptionsdiv .title i {
	font-size: 1rem;
	float: right;
	color: var(--buttonbgcolor, #CCC);
	margin-top: 6px;
	cursor: pointer;
}

.searchoptionsdiv .criteria_wrapper {
	width: 30%;
	vertical-align: top;
}

.searchoptionsdiv .criteria_button_wrapper {
	display: inline-block;
	margin: 0px;
	vertical-align: bottom;
	padding: 6px 0px;
}

.searchoptionsdiv .criteria_button_wrapper .searchbutton {
	margin: 0px;
}

.searchoptionsdiv .criteria_button_wrapper .greyButton {
	margin-left: 5px;
}

.searchoptionsdiv .criteria_wrapper input:not(.select2-search__field) {
	width: 100% !important;
}

.searchoptionsdiv .criteria_wrapper input.datepickclass {
	width: 100% !important;
}

.searchoptionsdiv select.section_criteria[multiple]+span.select2,
	.searchoptionsdiv span.select2-container {
	min-width: auto;
	max-width: 100% !important;
	width: 100% !important;
}

.searchoptionsdiv span.select2-selection {
	min-height: 31px !important;
	max-height: 80px;
	overflow-y: auto;
	scrollbar-width: thin;
}

.stacked .FormContainer {
	width: auto;
	display: block;
}

.stacked th.Form, .stacked th.FormTop, .stacked th.FormLg, .stacked th.FormSm,
	.stacked th.FormXSm, .stacked th.FormApp, body.configmobile:is(.mobile,
	.stacked) :is(.rowDiv, .rowDivFull)>div.fieldCaptionDiv {
	min-width: 100% !important;
	max-width: 100% !important;
	width: 100% !important;
	display: block;
	text-align: left;
	padding: 9px 5px 5px 1px;
}

.stacked table.Form, .stacked table.Form>tbody, .stacked table.Form>tbody>tr
	{
	display: block;
}

.stacked td.Form, .stacked td.FormTop, body.configmobile:is(.mobile,
	.stacked) :is(.rowDiv, .rowDivFull)>div.fieldContentDiv {
	padding: 5px 5px 5px 0;
	display: block;
	word-break: break-word;
}

.stacked .fieldCaptionDiv {
	display: block;
	float: none;
	text-align: left;
	padding: 9px 5px 5px 1px;
}

.stacked .fieldContentDiv {
	margin-left: 0px;
	padding: 5px 5px 5px 0;
	width: auto;
}

body.configmobile:is(.mobile, .stacked) :is(.rowDiv, .rowDivFull) {
	display: block !important;
	white-space: initial;
}

body.configmobile:is(.mobile, .stacked) :is(.rowDiv, .rowDivFull)>div.fieldCaptionDiv
	{
	width: 100%;
	padding-left: 0 !important;
	padding-bottom: 5px !important;
}

body.configmobile:is(.mobile, .stacked) :is(.rowDiv, .rowDivFull)>div.fieldContentDiv
	{
	width: 100%;
	margin-left: 0;
}

body.configmobile:is(.mobile, .stacked) :is(.rowDiv, .rowDivFull)>div.fieldContentDiv .fieldContentRO
	{
	padding-left: 0;
}

.stacked .textreadonly_container {
	padding: 4px 1px;
}

.stacked select[name="starthour"]+span, .stacked select[name="endhour"]+span
	{
	display: none;
}

.stacked select[name="startminute"], .stacked select[name="endminute"] {
	margin: 3px 0 0 0;
}

.stacked table .list_container_sublist tr, .stacked table .griddiv tr,
	.stacked table .xmlSectionTable tr {
	display: table-row;
}

.stacked table .list_container_sublist tbody, .stacked table .griddiv tbody,
	.stacked table .xmlSectionTable tbody {
	display: table-row-group;
}

.stacked .opacityslider {
	width: 100%;
}

.stacked .opacityslider label {
	width: auto;
}

.quickedit.stacked {
	padding: 0 20px;
}

.quickedit.stacked table, .quickedit.stacked table>tbody, .quickedit.stacked table tr,
	.quickedit.stacked table td {
	display: block;
	white-space: nowrap;
}

.quickedit.stacked td.Form input[type=text]:not(.k-input-inner),
	.quickedit.stacked td.Form select, .quickedit.stacked td.Form textarea,
	.quickedit.stacked td.Form iframe:not(.k-iframe) {
	width: 350px !important;
	max-width: 350px !important;
	min-width: 350px !important;
}

.quickedit.stacked td.Form input.Lookup, .quickedit.stacked td.Form input.LookupBlur
	{
	max-width: calc(350px - 42px) !important;
	min-width: calc(350px - 42px) !important;
}

.quickedit.stacked td.Form div.ssUploadedFileList, .quickedit.stacked td.Form div.ssMediaLibrary
	{
	white-space: normal;
}

.quickedit.stacked td.Form div.ssUploadedFileList {
	width: 400px;
}

.quickedit.stacked td.Form span.select2-container {
	width: auto !important;
	min-width: 350px !important;
}

/* new report template */
.option_bar_in.report {
	background: #f7f7f7;
	padding: 5px 0 5px 0;
	box-sizing: unset;
	-webkit-box-shadow: unset;
	border: 0;
}

.option_bar_in.report button .fa, .option_bar_in.report button .fas,
	.option_bar_in.report button .far, .option_bar_in.report button .fal,
	.option_bar_in.report button .fab {
	padding-right: 7px;
}

.option_bar_in.report .pagination {
	margin: 0;
	vertical-align: top;
}

.option_bar_in.report .pagination a.btn {
	color: var(--buttonfontcolor);
	background: var(--buttonbgcolor, #dfdfdf);
	border: 1px solid var(--buttonbgcolor, #dfdfdf);
	border-color: var(--buttonbgcolor, #dfdfdf);
	float: left;
	padding: 7px 14px;
	font-family: 'Roboto', "Helvetica Neue", Helvetica, Arial, sans-serif;
	display: inline-block;
	position: relative;
	padding: 4px 14px;
	margin: 0px;
	font-size: 0.875rem;
	line-height: 20px;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	background-repeat: repeat-x;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px
		rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px
		rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px
		rgba(0, 0, 0, 0.05);
	-webkit-appearance: none;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.option_bar_in.report .pagination input {
	float: left;
}

.option_bar_in.report .pagesizediv select {
	height: 30px;
}

.pagescrollcount {
	display: inline-block;
	padding: 6px 6px 0 0;
	line-height: 21px;
}

.beta_objectleftcenterredesign.redesign #pagescroll button,
	.beta_objectleftcenterredesign.redesign #pagescroll button:hover,
	.beta_objectleftcenterredesign.redesign #pagination a,
	.beta_objectleftcenterredesign.redesign #pagination a:hover {
	background: none;
	border: none;
	box-shadow: none;
	color: #333;
	padding: 5px 10px;
	opacity: 0.7;
}

.beta_objectleftcenterredesign.redesign #pagescroll button i {
	font-size: 0.875rem !important;
	opacity: 0.7;
}

.beta_objectleftcenterredesign.redesign #pagescroll button:hover:not([disabled]) i
	{
	opacity: 1;
}

.beta_objectleftcenterredesign.redesign #pagescroll button:hover:not([disabled])
	{
	opacity: 1;
}

.mobile .stacked .pagescrollcount {
	display: none;
}

.reportheader {
	margin: 20px 0 15px 0;
}

.reportheader h1 {
	font-size: 1.5625rem;
	border-bottom: 1px solid var(--axsubtitlebbordercolor);
	color: #000;
	font-weight: normal;
	padding-bottom: 7px;
	margin: 0 0 10px 0;
}

.reportheader h2 {
	font-size: 1.125rem;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

.reportheader h3 {
	font-size: 0.875rem;
	font-weight: normal;
	margin: 5px 0 0 0;
	padding: 0;
}

.reportheader .subheader {
	padding-bottom: 15px;
}

.reportheader .subheader:empty {
	display: none;
}

.reportwrapper TH.Sub {
	border-top: 4px solid var(--buttonbgcolor, #dfdfdf);
	background: #fff;
	padding: 5px;
	border: 0;
	border-bottom: 1px solid #d9d7d6;
}

.reportwrapper TH.Sub a {
	font-size: 0.875rem;
	color: #333333;
	text-decoration: none;
}

.reportwrapper .Data1, .reportwrapper .Data2 {
	font-size: 0.875rem;
	padding: 6px 5px;
	border-bottom: 1px solid #f5f4f3;
}

.reportwrapper .reportfooter {
	border-top: 1px solid var(--buttonbgcolor, #dfdfdf);
	font-size: 0.875rem;
	padding: 5px 0 0 0;
}

.reportwrapper .ReportTotalHeader.ReportRowLeftPad1, .ReportTotalHeader.ReportRowLeftPad1
	{
	font-size: 1.25rem;
	padding-top: 15px;
	font-weight: bold;
}

.reportwrapper .ReportTotal, .ReportTotal {
	font-weight: bold;
	background: #f3f3f3;
	border-bottom: 1px solid #fff;
}

.reportwrapper td.ReportTotalHeader.ReportRowLeftPad2, td.ReportTotalHeader.ReportRowLeftPad2
	{
	font-size: 0.9375rem;
	padding: 10px 0;
}

.reportwrapper td.GrandTotal {
	background: #dbd9d9 !important;
}

.reportDiv {
	margin-left: 20px;
	margin-right: 20px;
}

.floatThead-container.reportDiv table.floatThead-table {
	margin: auto !important;
}

.reportwrapper tr {
	PAGE-BREAK-inside: avoid;
}

.reportwrapper td {
	min-height: 27px;
	height: 27px;
	max-height: 27px;
}

.reportwrapper .noresults {
	display: block;
	font-size: 1.25rem;
	padding: 20px;
	margin: 0 !important;
	text-align: center;
}

.reportwrapper .pagesizediv, .reportwrapper report .pagination input {
	float: left;
	height: auto;
}

.reportwrapper .report .pagesizediv select {
	height: auto;
}

.reportwrapper .report .pageoptions {
	top: 30px;
	right: 30px;
}

.criteriatemplate {
	background: #fcfcfc;
	padding: 0px 50px 20px;
	border-bottom: 1px solid #dadada;
	overflow: hidden;
}

.criteriatemplate #frmdiv {
	display: block;
	text-align: center;
	margin: 0 auto;
}

.criteriatemplate .title_closed_ellipsis {
	margin: 0 auto;
}

.criteriatemplate table.criteriareport {
	display: inline-block;
	margin: 0 auto;
	text-align: center;
	width: auto;
}

.criteriatemplate TH.Sub {
	background: transparent;
	border: 0;
}

.criteriatemplate .Submit {
	background: transparent;
	border: 0;
	padding-top: 5px;
	text-align: left;
}

.criteriatemplate .SubTitle.SubTitlePadding {
	margin: 0 auto;
	padding-left: 0;
	border: none;
}

.containerreport {
	padding-top: 0 !important;
}

body:not(.beta_richtext).stacked td.Form input[type=text]:not(.k-input-inner),
	body.beta_richtext.stacked td.Form input[type=text]:not(.k-input-inner),
  .stacked td.Form input[type=text]:not(.k-input-inner),
	.stacked td.Form select, .stacked td.Form textarea, .stacked select+span.select2,
	.stacked td.Form iframe, body.configmobile:is(.mobile, .stacked) :is(.rowDiv,
	.rowDivFull)>div.fieldContentDiv :is(input[type=text], select, textarea,
	select+span.select2, iframe) {
	width: 93% !important;
	max-width: 93% !important;
	min-width: 93% !important;
}

.stacked td.Form input.Lookup, .stacked td.Form input.LookupBlur, body.configmobile:is(.mobile,
	.stacked) :is(.rowDiv, .rowDivFull)>div.fieldContentDiv :is(input.Lookup,
	input.LookupBlur) {
	max-width: calc(93% - 44px) !important;
	min-width: calc(93% - 44px) !important;
}

.stacked .shortcutDiv {
	width: 100%;
}

#ex_container .custabcontainer_in {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 2px -2px 32px -2px rgba(159, 165, 144, 1);
	-moz-box-shadow: 2px -2px 32px -2px rgba(159, 165, 144, 1);
	box-shadow: 2px -2px 32px -2px rgba(159, 165, 144, 1);
	background-repeat: repeat-x;
}

button.Button+div.lookUpResultsContainer, div.tooltip+div.lookUpResultsContainer,
	i.text-help+div.lookUpResultsContainer, .ajax_container {
	margin-top: 3px;
}

div.lookUpResultsContainer {
	column-width: unset;
	column-gap: 0;
}

.fixedtable table.Form {
	table-layout: fixed;
}

/*---------- start multi column fixed fluid layout --------------*/
.ffcolumn_container>div {
	padding-left: 20px;
}

.ffcolumn_container>div:first-child {
	padding-left: 0px;
}

.ffcolumn_container .container_in {
	border: 1px #CCCCCC solid;
	padding: 0px;
	margin: 20px 0;
	overflow: auto;
}

.ffcolumn_container .container_in .content {
	font-size: 0.75rem;
}

.ffcolumn_container .container_in .click:hover {
	background: #F7F7F7;
	cursor: pointer;
}

.ffcolumn_container .container_in .content span {
	font-weight: bold;
	font-size: 14px
}

.fluid {
	width: auto;
	overflow: hidden;
}

.fluid .content {
	padding-top: 10px;
}

.fixed300 {
	width: 300px;
	float: left;
}

.fixed240 {
	width: 240px;
	float: left;
}

.fixed220 {
	width: 220px;
	float: left;
}

.fixed200 {
	width: 200px;
	float: left;
}

.fixed180 {
	width: 180px;
	float: left;
}

.fixed160 {
	width: 160px;
	float: left;
}

.ffcolumn_container .footer_in {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

/*---------- end multi column fixed fluid layout --------------*/
.content {
	padding: 10px;
	text-align: left;
}

.title_container {
	width: 100%;
	position: fixed;
	z-index: 300;
	background: #EEEEEE;
}

.title_container_in {
	display: block;
}

#title_bar, .title-bar, TH.Title {
	color: var(--titlefontcolor);
	background: var(--titlebgcolor);
	border-bottom: var(--titlebborder);
	display: none;
	background-repeat: repeat-x;
	font-size: 1.25rem;
	margin: 0px;
	padding: 6px 10px 7px 10px;
	text-align: left;
	vertical-align: middle;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.title_show, TH.title_show {
	display: block !important;
}

.title_bar_name {
	color: var(--titlefontcolor);
	font-size: 1.0625rem;
}

#title_bar a {
	color: var(--titlefontcolor);
	text-decoration: none;
	font-size: 1.0625rem;
}

#title_bar a:hover, #title_bar a:active, .title_subject {
	color: var(--titlefontcolor);
}

.title_closed_ellipsis {
	border-right: 1px #ECEFF1 solid;
	border-bottom: 1px #ECEFF1 solid;
	border-left: 1px #ECEFF1 solid;
	color: #CCCCCC;
	font-weight: bold;
	padding: 0px 6px 6px 6px;
}

.title_closed_ellipsis.open {
	display: none;
}

.title_closed_ellipsis.close {
	display: block;
}

.tabtitle-bar {
	font-size: 1.375rem;
	font-weight: normal;
	text-transform: uppercase;
	padding: 20px 0 6px 0;
	margin: 0 0 10px 0;
	text-align: left;
	border-bottom: 1px solid var(--axsubtitlebbordercolor);
	color: var(--axsubtitlefontcolor);
}

.tabtitle-bar h2 {
	font-size: inherit;
	font-weight: inherit;
	padding: 0;
	margin: 0;
}

.titlediv {
	display: block;
}

.titlediv_hidden {
	position: relative;
	display: none;
}

.titlediv_hidden2 {
	position: absolute;
	visibility: hidden;
	display: none;
}

.titlediv_hidden3 {
	display: none;
}

/*breadcrumb css*/
#recentFont {
	font-size: 1.2em;
}

.uneditable-inputLeft li a {
	font-size: 0.875rem;
	font-weight: normal;
	font-family: 'Roboto', "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #7D7D7D;
}

.breadcrumb_container {
	display: inline-block;
	margin-bottom: 10px;
	content: "";
	display: table;
	clear: both;
}

.beta_objectleftcenterredesign.redesign .breadcrumb_container {
	margin: 0px;
}

.breadcrumb {
	display: inline-block;
	margin: 0;
	padding-left: 0;
	list-style-type: none;
}

.breadcrumb>li {
	display: inline-block;
}

.breadcrumb>li:not(:last-child):after {
	content: "\f054";
	padding: 0 10px;
	font-family: "Font Awesome 6 Pro";
	font-size: 0.75rem;
	font-weight: bold;
	color: #666666;
}

.beta_objectleftcenterredesign.redesign .breadcrumb>li:not(:last-child):after {
	font-size: 0.625rem;
}

.beta_objectleftcenterredesign.redesign .breadcrumb>li:not(:last-child):after {
	padding: 0 6px;
}

.breadcrumb>li.active, .breadcrumb>li a {
	word-break: break-word;
	font-size: 0.875rem;
}

.beta_objectleftcenterredesign.redesign .breadcrumb>li.active,
	.beta_objectleftcenterredesign.redesign .breadcrumb>li a {
	font-size: 0.875rem;
}

.breadcrumb>li a {
	text-decoration: none;
	color: var(--hl, #dfdfdf);
}

.breadcrumb>li a:is(:hover, :focus) {
	color: var(--hlh, #dfdfdf);
	text-decoration: underline;
}

.breadcrumb2 {
	color: #333;
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
	padding: 10px;
	background: #F9F9F9;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #F0F0F0;
	border-bottom: 1px solid #F0F0F0;
	border-left: 1px solid #FFFFFF;
	margin: 0 0 0 0;
}

.breadcaret {
	display: inline-block;
	width: 0;
	height: 0;
	border-top: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-left: 3px solid #7D7D7D;
	content: "";
	margin-left: 14px;
	text-align: center;
	margin-bottom: 2px;
}

ul.tabbar {
	float: left;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	z-index: 60;
	position: relative;
}

.tabsubnav2 {
	position: relative;
	cursor: pointer;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	z-index: 200;
	float: left;
}

.tabsubnav2 li {
	float: left;
	margin: 0 0 0 0;
	color: #323335;
	border: 0px;
	text-align: left;
}

.tabsubnav2 li a {
	color: #323335;
	text-decoration: none;
	padding: 2px;
	font-size: 1em;
}

.tabsubnav2 li:last-child a {
	border-right: none;
}

.tabsubnav2 li:hover {
	color: black;
	position: relative;
}

.tabsubnav2 li.hover a {
	color: black;
}

.tabsubnav2 ul {
	list-style-type: none;
	width: 160px;
	display: none;
	position: absolute;
	top: 100%;
	padding: 0px;
	background: #FFFFFF;
	-moz-box-shadow: 2px 2px 5px 0 #9C9C9C;
	-webkit-box-shadow: 2px 2px 5px 0 #9C9C9C;
	box-shadow: 2px 2px 5px 0 #9C9C9C;
}

.tabsubnav2 ul li {
	width: 160px;
	float: none;
	color: #323335;
	padding: 0px;
}

.tabsubnav2 ul li a {
	border: 1px #FFFFFF solid;
	font-size: 0.75rem;
	width: 142px;
	display: inline-block;
}

.tabsubnav2 ul li:hover {
	color: #000000;
}

.tabsubnav2 ul li a:hover {
	color: #000000;
	font-size: 0.75rem;
	width: 142px;
	display: inline-block;
	border: 1px #efefef solid;
	background: #efefef;
}

.tabsubnav2 ul ul {
	left: 100%;
	top: 0;
}

.tabsubnav2 li:hover>ul {
	display: block;
}

.tabsubnav2_arrow {
	font-size: 0.5625rem;
}

.arrow-down2 {
	display: inline-block;
	width: 0;
	height: 0;
	border-top: 4px solid #000000;
	border-right: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 4px solid transparent;
	content: "";
	margin-bottom: -1px;
}

.arrow-down {
	display: inline-block;
	width: 0;
	height: 0;
	vertical-align: top;
	border-top: 4px solid #000000;
	border-right: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 4px solid transparent;
	content: "";
	margin: 6px 0 0 0;
}

.moveDown {
	margin-bottom: 5px;
}

/*--------- tab styles for subtabs ----------*/
.listsubtabs::after {
	display: block;
	content: "";
	border-bottom: 3px #EEEEEE solid;
	clear: both;
}

.listsubtabs:empty {
	display: none;
}

div.listsubtabcontainer_in {
	background: #FFFFFF;
	clear: both;
	border-top: 1px #D7D7D7 solid;
	border-right: 1px #D7D7D7 solid;
	border-bottom: 1px #D7D7D7 solid;
	border-left: 1px #D7D7D7 solid;
	margin: 0px;
	padding: 20px;
	z-index: 100;
}

/*--------- tab styles for tabs ----------*/
.tabs, #custabs {
	margin: 0;
}

.beta_objectleftcenterredesign.redesign:not(.mobile) .obj_container .tabs {
	border: 1px solid #eee;
	padding: 20px;
	margin-bottom: 20px;
	border-radius: 8px;
	-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.10);
	-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.10);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.10);
}

.beta_objectleftcenterredesign.redesign .obj_container .tabs .tabs {
	border: none;
	padding: 0px;
	margin-bottom: 0px;
	border-radius: 0px;
	webkit-box-shadow: none;
    box-shadow: none;
}

.custabcontainer_in .tabs, .custabcontainer_in #custabs {
	margin: 20px 0 0 0;
}

ul.custabbar, ul.subtabbar, ul.listsubtabbar, ul.tabbar {
	display: inline-block;
	white-space: nowrap;
	list-style-type: none;
	padding: 0px;
	margin: 0 0 -3px 0;
	font-size: 0;
	border-bottom: 3px #EEEEEE solid;
	background: #FFFFFF;
	min-width: 100%;
}

.ax-box ul.tabbar {
	display: block;
	margin: 0px;
	min-width: 100%;
	box-sizing: border-box;
}

.custabitem, .subtabitem, .listsubtabitem, .tabitem2, #tabs ul.tabbar li.tabitem,
	.ax_tabs ul.tabbar li.tabitem {
	display: inline-block;
	margin: 0 1px -4px 0;
	border: 1px dashed transparent;
}

.custabitem a, .subtabitem a, .anchoritem a, .listsubtabitem a,
	.tabitem2 a, #tabs ul.tabbar li.tabitem a, .ax_tabs ul.tabbar li.tabitem a
	{
	line-height: 15px;
	font-size: 0.9375rem;
	text-decoration: none;
	text-align: center;
	color: #6e6e6e;
	padding: 15px 13px 10px 13px;
	display: block;
	cursor: pointer;
	text-transform: uppercase;
	border-bottom: 3px #EEEEEE solid;
}

.custabitem a.focus, .subtabitem a.focus, .anchoritem a:focus,
	.listsubtabitem a:focus, .tabitem2 a:focus, #tabs ul.tabbar li.tabitem a:focus,
	.ax_tabs ul.tabbar li.tabitem a:focus, .custabitem_active a.focus,
	.subtabitem_active a.focus, .listsubtabitem_active a:focus,
	.tabitem2_active a:focus, #tabs ul.tabbar li.tabitem_active a:focus,
	.ax_tabs ul.tabbar li.tabitem_active a:focus {
	color: #444444;
	outline: 0;
	border-bottom: 3px solid #aaa;
}

.ax_tabs ul.tabbar li.tabitem a i {
	font-size: 1rem;
}

.custabitem:first-child a, .subtabitem:first-child a, .listsubtabitem:first-child a
	{
	padding: 15px 13px 10px 0;
}

.custabitem a::after, .subtabitem a::after, .anchoritem a::after,
	.listsubtabitem a::after, .tabitem2 a::after, #tabs ul.tabbar li.tabitem a::after,
	.ax_tabs ul.tabbar li.tabitem a::after {
	display: block;
	content: attr(title);
	font-weight: bold;
	height: 1px;
	color: transparent;
	overflow: hidden;
	visibility: hidden;
}

.custabitem a:hover, .subtabitem a:hover, .anchoritem a:hover,
	.listsubtabitem a:hover, .tabitem2 a:hover, #tabs ul.tabbar li.tabitem a:hover,
	.ax_tabs ul.tabbar li.tabitem a:hover {
	border-bottom: 3px #CCCCCC solid;
	color: #333;
}

.beta_objectleftcenterredesign.redesign .custabitem a:hover, .beta_objectleftcenterredesign.redesign .subtabitem a:hover, .beta_objectleftcenterredesign.redesign .anchoritem a:hover,
    .beta_objectleftcenterredesign.redesign .listsubtabitem a:hover, .beta_objectleftcenterredesign.redesign .tabitem2 a:hover, .beta_objectleftcenterredesign.redesign #tabs ul.tabbar li.tabitem a:hover,
    .beta_objectleftcenterredesign.redesign .ax_tabs ul.tabbar li.tabitem a:hover {
    border-bottom: 3px var(--buttonbgcolor, #dfdfdf) solid;
    background: #f5f5f5
}

/* objectleftcenterredesign Jump To redesign */
.beta_objectleftcenterredesign.redesign .breadcrumbtitle_container {
	overflow: hidden;
}
.beta_objectleftcenterredesign.redesign .sectionanchor_container {
	width: 300px;
	border-width: 2px 1px 2px 1px;
	border-color: #eee;
	border-style: solid;
}
.beta_objectleftcenterredesign.redesign .sectionanchor .anchortab {
	margin-left: 0;
	background-color: #FFF;
}
.beta_objectleftcenterredesign.redesign .sectionanchor .anchoritem:not(:last-child) {
    border-bottom:1px solid #eee;
}
.beta_objectleftcenterredesign.redesign .sectionanchor .anchoritem a {
	border-left: 0;
	width: 100%;
}

.beta_objectleftcenterredesign.redesign .anchoritem a:hover {
	border-bottom: 0;
	background: var(--buttonbgcolor);
	color: var(--buttonfontcolor);
}
.beta_objectleftcenterredesign.redesign sectionanchor_container {
	border-width: 2px;
} 
.beta_objectleftcenterredesign.redesign .sectionanchor ul.anchorbar {
	margin: 0;
}

.beta_objectleftcenterredesign.redesign .anchoritem_active {
	background: var(--buttonbgcolor);
}

.beta_objectleftcenterredesign.redesign .anchoritem_active a {
    color: var(--buttonfontcolor);
}
/* ----------------------------------------- */
.custabitem_active a, .subtabitem_active a, .anchoritem_active a,
	.listsubtabitem_active a, .tabitem2_active a, #tabs ul.tabbar li.tabitem_active a,
	.ax_tabs ul.tabbar li.tabitem_active a {
	border-bottom: 3px var(--buttonbgcolor, #dfdfdf) solid;
	color: #444;
	font-weight: bold !important;
	text-decoration: none;
	background: #FFFFFF;
}

ul.tabbar li.tabitem2 span {
	padding-right: 4px !important;
}

ul.tabbar li.tabitem2 a {
	padding-right: 20px;
}

ul.tabbar li.tabitem2_active a {
	background: #FFFFFF;
}

.tabcontainer {
	background: #FFFFFF;
	margin-bottom: -3px;
	z-index: 1001;
	top: 0;
	clear: both;
}

.tabscrollcontainer {
	overflow: hidden;
	clear: both;
}

.tabscrollcontainer ul.custabbar, .tabscrollcontainer ul.subtabbar,
	.tabscrollcontainer ul.listsubtabbar, .tabscrollcontainer ul.tabbar {
	margin-bottom: 0px;
}

.obj_container .tabcontainer.fixed {
	margin-left: -20px;
}

.obj_container .tabcontainer.fixed .tabscrollcontainer {
	margin-left: 20px;
	width: calc(100% - 40px)
}

.tabnav_left, .tabnav_right {
	font-family: 'Font Awesome 6 Pro';
	font-weight: 600;
	position: absolute;
	background: #FFFFFF;
	cursor: pointer;
	width: 20px;
	z-index: 999;
	box-sizing: border-box;
}

.tabnav_left {
	padding: 14px 7px 14px 5px;
	left: 0;
	color: #E6E6E6;
}

.tabnav_right {
	padding: 14px 5px 14px 7px;
	right: 0;
	color: #4D4D4D;
}

.fixed .tabnav_left {
	left: 0px;
}

.fixed  .tabnav_right {
	right: 0px;
}

.tabnav_left:after {
	content: '\f053 ';
}

.ax_titletabs .tabnav_left {
	padding: 9px 6px 9px 9px;
}

.ax_titletabs .tabnav_right {
	padding: 9px 6px 9px 9px;
}

.tabnav_right:after {
	content: '\f054 ';
}

div.custabcontainer_in, div.subtabcontainer_in, div.tabcontainer_in, div.subcontainer_in,
	div.cuscontainer_in, .container_in, .v-content {
	background: #FFFFFF;
	clear: both;
	border-top: 3px #EEEEEE solid;
	margin: 0px;
	z-index: 100;
}

div.subtabcontainer_in {
	padding: 15px 0 0 0;
	margin-bottom: 40px;
}

div.subtabcontainer_in.list {
	padding: 0px;
}

.ax-boxcontainer .ax-boxcontent {
	background: #FFFFFF;
	position: relative;
	clear: both;
	margin: 0px;
	z-index: 100;
}

div.custabcontainer_in iframe, div.subtabcontainer_in iframe, div.tabcontainer_in iframe,
	div.subcontainer_in iframe, div.cuscontainer_in iframe, .container_in iframe
	{
	display: block;
}

#columncontainer iframe {
	width: 100% !important;
	margin-left: 0;
}

div.custabcontainer_in ul.progressstatusbar:first-of-type, div.custabcontainer_in table.Form:first-of-type
	{
	margin: 15px 0 0 0;
}

div.custabcontainer_in iframe {
	margin-top: 0;
}

.fixed {
	position: fixed;
	z-index: 1000;
	background: #FFFFFF;
}

#header_container+#container .container_in {
	background: transparent !important;
	border: 0;
}

body.content_frame div.custabcontainer_in, body.content_frame div.subtabcontainer_in,
	body.content_frame div.tabcontainer_in, body.content_frame div.subcontainer_in,
	body.content_frame div.cuscontainer_in, body.content_frame .container_in
	{
	padding: 0px;
}

.objdockopen {
	overflow: hidden;
}

.objdockopen.objnew {
	overflow: auto;
}

#container.obj_container {
	position: relative;
	box-sizing: border-box;
	padding: 0 20px;
	margin-top: 43px;
}

.beta_objectleftcenterredesign.redesign #container.obj_container {
	margin-top: 0px !important;
}

.objdock #container.obj_container {
	margin-left: 205px;
	width: calc(100% - 205px);
}

.beta_objectleftcenterredesign.redesign.objdock #container.obj_container {
	margin-left: 258px;
	width: calc(100% - 258px);
}

.beta_objectleftcenterredesign.redesign.objdock.objdockopen #container.obj_container {
	margin-left: 0px;
}

.mobile #container.obj_container, .objdocktabs #container.obj_container
	{
	margin-left: 40px;
	width: calc(100% - 40px);
	min-width: calc(100% - 40px) !important;
}

.beta_objectleftcenterredesign.redesign.mobile #container.obj_container,
.beta_objectleftcenterredesign.redesign.objdocktabs #container.obj_container {
	margin-left: 50px;
	width: calc(100% - 50px);
	min-width: calc(100% - 50px) !important;
}

.beta_objectleftcenterredesign.redesign.mobile .objtabbar_container {
	width: 50px;
}

.beta_objectleftcenterredesign.redesign.mobile .objtabitem {
	padding: 0px 10px 4px !important;
}

.beta_objectleftcenterredesign.redesign.mobile .objtabitem_menu {
	margin-top: 10px;
}

.beta_objectleftcenterredesign.redesign.mobile .objtabbar h2 {
	display: none;
}

.mobile #container.chartcontainer {
	margin-left: 0 !important;
}

.objnew #container.obj_container {
	width: auto !important;
	float: none !important;
}

.beta_objectleftcenterredesign.redesign.objnew #container {
	overflow: initial;
	max-width: 1280px;
	width: 100% !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.objnew #footer {
	width: auto;
	float: none !important;
}

.objnew .list_dock {
	display: none !important;
}

.objdockopen #container.obj_container, .beta_objectleftcenterredesign.redesign.objdockopen #container.obj_container {
	margin-left: 0px;
	width: calc(100% - 540px);
	float: left;
	scroll-padding-top: 150px;
}

h1.object_name {
	margin: 0;
	font-weight: normal;
}

.obj_container .object_name {
	background: #FFFFFF;
}

#container.obj_container .object_name {
	min-height: 30px;
}

.objnew .object_name {
	width: calc(100% - 40px) !important;
}

#container.obj_container .object_name {
	width: calc(100% - 40px);
}

:is(.objdock, .objdocktabs, .objdockopen) #container.obj_container .object_name
	{
	margin-left: -20px;
	padding-left: 20px;
}

:is(.objdock, .objdocktabs, .objdockopen) #container.obj_container .object_name.helpmodeon
	{
	padding-left: 19px;
}

.objdock #container.obj_container .object_name {
	width: calc(100% - 225px);
}

.objdocktabs #container.obj_container .object_name {
	width: calc(100% - 60px);
}

.objdockopen #container.obj_container .object_name {
	width: calc(100% - 560px);
}

#container.obj_container.full {
	margin: 43px 0 0 0;
}

.objtabbar {
	background: var(--menuheadbgcolor, #dfdfdf);
	padding: 0px;
	min-height: 100%;
	margin-right: 17px;
	width: 205px;
}

.beta_objectleftcenterredesign.redesign .objtabbar {
	margin-right: 0px;
	width: 258px !important;
	border-right: 1px solid #ECEFF1;
}

.beta_objectleftcenterredesign.redesign .objtabbar h2 {
	font-size: 1.25rem;
	margin: 0px;
	padding: 15px 20px;
	font-size: 0.875rem;
	font-weight: 500;
	color: var(--menuheadfontcolor);
	text-transform: uppercase;
}

.objdocktabs .objtabbar {
	width: 40px;
}

.objdocktabs .objtabbar .objtablabel, 
.beta_objectleftcenterredesign.redesign.mobile .objtabbar .objtablabel, 
.beta_objectleftcenterredesign.redesign.objdockopen .objtabbar_container .objtablabel, 
.beta_objectleftcenterredesign.redesign.objdockopen .objtabbar_container .countlabel, 
.beta_objectleftcenterredesign.redesign.objdockopen .objtabbar_container .countlabel, 
.beta_objectleftcenterredesign.redesign.objdocktabs .objtabbar_container .objtablabel, 
.beta_objectleftcenterredesign.redesign.objdocktabs .objtabbar_container .countlabel, 
.beta_objectleftcenterredesign.redesign.objdocktabs .objtabbar_container .countlabel,
.beta_objectleftcenterredesign.redesign.objdocktabs .objtabbar h2 {
	display: none;
}

.beta_objectleftcenterredesign.redesign.objdockopen #container.obj_container .object_name {
    width: calc(100% - 40px);
}

.beta_objectleftcenterredesign.redesign.objdockopen .objtabbar_container ul.objtabbar li.objtabitem a, .beta_objectleftcenterredesign.redesign.objdockopen .objtabbar_container ul.objtabbar li.objtabitem_menu a, .beta_objectleftcenterredesign.redesign.objdocktabs .objtabbar_container ul.objtabbar li.objtabitem a, .beta_objectleftcenterredesign.redesign.objdocktabs .objtabbar_container ul.objtabbar li.objtabitem_menu a {
	display: inline-block;
}

.beta_objectleftcenterredesign.redesign.objdockopen .objtabbar_container .objtabitem, .beta_objectleftcenterredesign.redesign.objdocktabs .objtabbar_container .objtabitem {
    padding: 0px 10px 4px !important;
}

.beta_objectleftcenterredesign.redesign.objdockopen .objtabbar_container .objtabicon, .beta_objectleftcenterredesign.redesign.objdocktabs  .objtabbar_container .objtabicon {
    padding: 0px !important;
}

.beta_objectleftcenterredesign.redesign.objdockopen .objtabbar_container ul.objtabbar, .beta_objectleftcenterredesign.redesign.objdocktabs .objtabbar_container ul.objtabbar {
	width: 50px !important;
	padding-top: 10px;
}

.beta_objectleftcenterredesign.redesign.objdockopen .objtabbar_container, .beta_objectleftcenterredesign.redesign.objdocktabs .objtabbar_container {
	width: 65px;
}

.beta_objectleftcenterredesign.redesign.objdockopen .objtabbar_container {
	width: 0px;
}

.objtabbar_container {
	position: fixed;
	left: 0;
	top: 44px;
	display: block;
	float: left;
	height: 100vh;
	width: 205px;
	margin: 0;
	padding: 0;
	z-index: 1999;
	font-size: 0;
	box-sizing: border-box;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	background: #FFFFFF;
}

.beta_objectleftcenterredesign.redesign .objtabbar_container {
	width: 258px;
	top: 0px;
	height: 100vh !important;
}

#list_dock_tabs.objtabbar_container {
	top: initial;
}

.objtabbar_container:hover {
	overflow-y: auto;
	width: 222px;
}

.beta_objectleftcenterredesign.redesign:not(.mobile) .objtabbar_container:hover {
	width: 275px;
}

.objdockopen .objtabbar_container {
	width: 0px;
}

.objdocktabs .objtabbar_container {
	width: 40px;
	-webkit-overflow-scrolling: touch;
}

.objdocktabs:not(.mobile) .objtabbar_container:hover {
	width: 57px;
}

#container.objframe_container {
	margin: 0px 0px 20px 0px !important;
}

.objtabcontainer_in ul.listsubtabbar, .objtabcontainer_in ul.subtabbar,
	.objframe_container ul.subtabbar {
	margin-left: 0px;
}

.objtabcontainer_in .custabcontainer_in, .objtabcontainer_in .subtabcontainer_in
	{
	padding: 15px 0 30px 0;
}

.objtabcontainer_in .custabbar, .objtabcontainer_in .subtabbar {
	margin: 0 0 -3px 0;
}

.objtabitem {
	display: block;
	position: relative;
}

.beta_objectleftcenterredesign.redesign .objtabitem {
	padding: 0px 20px 4px !important;
}

.objtabicon {
	width: 20px;
	text-align: center;
	display: inline-block;
	padding: 0 10px 0 0;
}

.beta_objectleftcenterredesign.redesign.mobile .objtabicon {
	padding: 0px;
}

.beta_objectleftcenterredesign.redesign.mobile .objtabbar_container {
	z-index: 2001;
}

.objtabicon i {
	font-size: 1rem;
	font-weight: 300;
}

.objtablabel {
	display: inline;
	width: 140px;
	margin: 0px;
	padding: 0px 0 0px 0;
}

.objtablabel span:first-of-type {
	display: inline-block;
	margin: 0 0 0 3px;
	width: 154px;
	overflow: hidden;
	line-height: 110%;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: top;
}

.hashistory .objtablabel span:first-of-type {
	width: 130px !important;
}

.hashistory.objtabitem:hover .countlabel {
	display: none;
}

.objtablabel i.text-help {
	color: rgba(255, 255, 255, 0.5);
}

.objtabitem .objtablabel i {
	display: none;
	padding: 0px 5px 0px 1px;
}

.objtabitem:hover .objtablabel i {
	display: inline-block;
}

.objdockopen .countlabel, .objdockopen .objtablabel, .objdocktabs .countlabel
	{
	display: none;
}

.countlabel {
	display: inline-block;
	position: absolute;
	right: 5px;
	font-size: 0.75rem;
	padding-top: 2px;
	padding-right: 4px;
}

.beta_objectleftcenterredesign.redesign .countlabel {
	display: inline-block;
	position: absolute;
	right: 6px;
	font-size: 0.75rem;
	box-sizing: border-box;
	width: auto;
	border-width: 1px;
	border-style: solid;
	border-color: var(--menuheadfontcolor);
	block-size: 19px;
	border-radius: 10px;
	padding-inline-start: 6px;
	padding-inline-end: 6px;
	padding: 2px 5px;
}

.beta_objectleftcenterredesign.redesign .countlabel:empty {
	display: none;
}

ul.objtabbar li.objtabitem a, ul.objtabbar li.objtabitem_menu a {
	color: var(--menuheadfontcolor);
	line-height: 14px;
	text-decoration: none;
	text-align: left;
	padding: 12px 5px 12px 9px;
	display: block;
	cursor: pointer;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	border-bottom: 1px solid rgba(0, 0, 0, .2);
}

.beta_objectleftcenterredesign.redesign ul.objtabbar li.objtabitem a,
	.beta_objectleftcenterredesign.redesign ul.objtabbar li.objtabitem_menu a {
	border-radius: 6px;
	border-bottom: none;
	position: relative;
	padding: 10px 6px;
}

.beta_objectleftcenterredesign.redesign ul.objtabbar li.objtabitem a:hover,
	.beta_objectleftcenterredesign.redesign ul.objtabbar li.objtabitem_menu a:hover,
	.beta_objectleftcenterredesign.redesign ul.objtabbar li.objtabitem a:focus,
	.beta_objectleftcenterredesign.redesign ul.objtabbar li.objtabitem_menu a:focus
	{
	color: var(--menuheadbgcolor, #dfdfdf);
	background: var(--menuheadfontcolor);
	opacity: 0.9;
}

.mobile ul.objtabbar li.objtabitem a, .mobile ul.objtabbar li.objtabitem_menu a,
	.objdocktabs ul.objtabbar li.objtabitem a, .objdocktabs ul.objtabbar li.objtabitem_menu a
	{
	text-overflow: initial;
}

ul.objtabbar li.objtabitem a:hover, ul.objtabbar li.objtabitem_menu a:hover,
	ul.objtabbar li.objtabitem a:focus, ul.objtabbar li.objtabitem_menu a:focus
	{
	color: var(--menuheadbgcolor, #dfdfdf);
	background: var(--menuheadfontcolor);
	opacity: 0.9;
}

ul.objtabbar li.objtabitem.objtabitem_active a {
	color: #333333;
	background: #FFFFFF;
	font-weight: bold !important;
	text-decoration: none;
	opacity: 1;
}

.beta_objectleftcenterredesign.redesign ul.objtabbar li.objtabitem.objtabitem_active a {
	color: var(--buttonfontcolor);
	background: var(--buttonbgcolor, #CCC);
}

.beta_objectleftcenterredesign.redesign.mobile ul.objtabbar li.objtabitem a {
	display: inline-block;
}

ul.objtabbar li.objtabitem_menu a {
	text-overflow: initial;
}

ul.objtabbar li.objtabitem a::after {
	display: block;
	content: attr(title);
	font-weight: bold;
	height: 1px;
	color: transparent;
	overflow: hidden;
	visibility: hidden;
}

.beta_objectleftcenterredesign.redesign ul.objtabbar li.objtabitem a::after {
	display: none;
}

ul.objtabbar li.objtabitem.alloff a {
	background: #e2e2e2;
	cursor: pointer;
}

.objtabcontainer_in {
	background: #FFFFFF;
	display: block;
	float: none;
	z-index: 100;
	overflow: inherit;
	box-sizing: border-box;
}

.beta_reactlist .objtabcontainer_in #list-div {
	padding-bottom: 20px;
}

.objtabcontainer_in>iframe {
	display: block;
	width: calc(100% + 40px);
	margin-left: -20px;
}

.list_dock {
	background: #FFF;
	display: none;
	width: 0px;
	float: left;
	overflow: auto;
	border-left: 1px #cccccc solid;
	box-sizing: border-box;
	padding-left: 40px;
	min-height: calc(100vh - 44px);
	position: relative;
	z-index: 2000;
}

.objdockopen:after {
	content: "";
	display: table;
	clear: both;
}

.objdockopen .list_dock {
	display: block;
	width: 540px;
	padding-left: 40px;
}

#list_dock iframe {
	overflow: hidden;
	width: 100%;
	display: block;
}

#list_dock_content {
	padding: 10px 20px;
}

#list_dock_content .sublist-title {
    display: none;
}

#list_dock .object_name {
	padding: 10px 20px;
}

#list_dock_tabs {
	left: auto;
	width: 50px;
	height: inherit;
	position: fixed;
	right: 490px;
}

#list_dock_tabs ul.objtabbar {
	width: 40px;
}

#list_dock_tabs ul.objtabbar li.objtabitem a {
	text-overflow: initial;
}

.list_container, .loptionbar, .content_container {
	background: #FFFFFF;
}

.list_container.list_container_sublist {
	margin: 10px 0 20px 0;
}

.list_container.list_container_sublist TH.Sub {
	white-space: nowrap;
}

.list_container.list_container_sublist .navdiv, .list_container.list_container_sublist .search_div
	{
	margin: 10px 0px 5px 2px;
}

.sublistbtndiv {
	display: inline-block;
	margin: 10px 0px 5px 0px;
}

.Form .sublistbtndiv .RadioContainer label, .Form .associationentrycontainer .RadioContainer label
	{
	padding: 0 0 0 20px;
	margin-right: 5px;
}

.Form .sublistbtndiv .datepickclass, .Form .associationentrycontainer .datepickclass
	{
	margin-left: 2px;
}

.list_container.archive {
	margin-top: 20px;
}

.list_container.tile_list.listcontainerwithmap .mobileouterdiv {
	width: 32%;
	flex-basis: 32%;
	min-width: unset !important;
	max-width: unset !important;
}

.list_container.tile_list {
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-wrap: wrap;
	font-size: 0px;
}

.list_container.tile_list .mobileouterdiv {
	width: 19%;
	min-width: 300px;
	max-width: 355px;
}

.list_container.tile_list .mobilerecordoptions {
	display: none;
}

.list_container.tile_list.listcontainerwithmap .mobileouterdiv.card_large .mobileimage,
	.list_container.listcontainerwithmap .mobileouterdiv.card_large .mobileimage
	{
	float: left;
}

.list_container.mobile table.Data thead {
	display: none
}

.list_container.mobile table.Data tr {
	position: relative;
	display: block;
	border: 1px #DDD solid;
	padding: 5px;
	margin: 5px 0;
	border-radius: 5px;
}

.list_container.mobile table.Data td {
	display: block;
	color: #777 !important;
	padding: 2px 2px 2px 22px;
	background: #FFF;
	border: none;
	text-align: left;
	z-index: 100;
}

.list_container.mobile table.Data td .label {
	display: inline;
	color: #6C6C6C !important;
	font-weight: 500;
}

.list_container.mobile table.Data td:first-child {
	position: absolute;
	top: 7px;
	left: 7px;
	padding: 0px;
	z-index: 200;
}

.listmap_panel {
	position: fixed;
	right: 20px;
	width: 300px;
	height: 90%;
	padding: 5px 0 0 0;
	display: none;
	z-index: 200;
}

.loptions {
	float: right;
	display: inline;
}

.loptions select {
	margin-bottom: 0px !important;
}

div.custabcontainer_in_modal {
	background: #FFFFFF;
	clear: both;
	border-top: 1px #CCCCCC solid;
	margin: 0px;
	padding: 20px 20px;
	z-index: 100;
}

.tabsmenuclass ul {
	overflow: hidden;
	width: auto;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.tabsmenuclass li {
	float: left;
}

.tabsmenuclass a {
	display: block;
	padding: 5px 7px;
	background: #E8E8E8;
	color: black;
	margin-right: 1px;
	text-decoration: none;
	font: bold 13px Arial;
}

.tabsmenuclass a:hover, .tabsmenuclass a.selected {
	background: black;
	color: white;
}
/* ######### CSS for sub menu container below ######### */
.tabsmenucontentclass {
	clear: left;
	background: #E8E8E8;
	width: 90%;
	height: 24px;
	padding: 5px;
	border: 1px solid silver;
}

.tabsmenucontentclass ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.tabsmenucontentclass li {
	float: left;
	margin-right: 1em;
}

.option_bar {
	width: 100%;
	z-index: 2000;
	top: 0;
	left: 0;
	position: fixed;
}

.beta_objectleftcenterredesign.redesign .obj_container .option_bar {
	width: 100%;
	z-index: 2000;
	top: 0 !important;
	left: 0;
	position: sticky;
}

.option_bar_in {
	padding: 0 20px 6px 18px;
	background: #FFFFFF;
	border-bottom: 1px #C7C7C7 solid;
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.10), 0 1px 2px
		rgba(0, 0, 0, 0);
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.10), 0 1px 2px
		rgba(0, 0, 0, 0);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.10), 0 1px 2px rgba(0, 0, 0, 0);
}

.beta_objectleftcenterredesign.redesign .obj_container .option_bar_in {
	padding: 0 0 6px 0;
}

.option_bar:empty, .option_bar_in:empty {
	display: none;
}

.compact.option_bar_in {
	border-bottom: 1px #ECEFF1 solid;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.option_bar_in>div {
	padding: 6px 0 0 0;
}

.option_bar_in .option_bar_message, .lactionbar_in .option_bar_message {
	float: right;
}

.mobile .option_bar_in .option_bar_message {
	display: table;
	margin: 0 auto;
	clear: both;
	float: none;
}

#versiondiv {
	float: right;
	margin: 0 10px 0 0;
}

#scrollfixedheader {
	background: #FFFFFF;
	z-index: 1998;
	position: relative;
	top: 0;
}

#scrollfixedheader.fixed {
	position: fixed;
	width: calc(100% - 40px);
}

.lactionbar {
	padding: 6px 0;
}

.loptionbar {
	position: relative;
	display: block;
	padding: 0 0 5px 0;
	clear: both;
}

.loptionbar>div {
	padding: 10px 0 0 0;
}

.loptionbar_placeholder {
	position: relative;
	display: none;
	padding: 0 0 5px 0;
}

.loptionbar:after {
	content: "";
	display: table;
	clear: both;
}

#searchdiv_container, #sortdiv_container, #listcombodiv_container {
	clear: both;
}

.search_div {
	position: relative;
	display: inline-block;
	width: 55%;
	font-size: 0px;
}

.filter_div {
	display: inline-block;
	width: 45%;
	text-align: right;
}

.filter_div.advsearch {
	width: calc(45% - 50px);
}

.filter_div>.search_dropdown, .searchfilter_container {
	width: 33%;
}
/*---start remove for ticket---*/
.search_filter {
	width: 100%;
}
/*---end remove for ticket---*/
.searchfilter_container {
	display: inline-block;
	position: relative;
	top: 0;
}

.mobile .searchfilter_container {
	display: block;
}

.searchfilter_container ul.dropdown-menu {
	right: 0px;
}

.beta_searchfilters.mobile .searchfilter_container ul.dropdown-menu {
	width: 100%;
	right: -1px !important;
}

.btn.searchfilter_btn span {
	width: calc(100% - 40px);
	text-align: left;
	white-space: nowrap;
	vertical-align: top;
	line-height: 21px;
}

.search_filter optgroup {
	font-style: normal;
	font-weight: 500;
}

.search_filter optgroup option {
	text-transform: initial;
	font-size: 0.9375rem;
	font-weight: normal;
}

.search_container {
	position: relative;
	display: block;
	padding: 5px 0 0 0 !important;
	vertical-align: top;
	font-size: 0px;
	clear: both;
}

.aisearch_container {
	padding: 5px 0px 4px !important;
	display: none;
	position: relative;
}

.aisearch_container textarea {
	min-height: 31px;
	overflow-y: initial;
	padding-right: 80px;
}

.search_container.inline {
	display: inline-block;
	width: calc(100% - 600px);
	padding: 10px 0 0 0 !important;
	float: right;
	text-align: right;
	max-width: 700px;
	min-width: 375px;
	clear: none;
}

.search_container.inline .search_div {
	width: 100% !important;
}

.search_container>*, .filter_div>*, .notesearchpanel>* {
	vertical-align: top;
}

.search_container.hasmap {
	text-align: left;
	width: 100%;
	display: block;
	float: none;
}

#searchpanel .search_container {
	padding: 5px 0 5px 0 !important;
}

.tablet #searchpanel .search_container {
	text-align: right;
}

.search_fields {
	display: inline-block;
	white-space: nowrap;
	padding: 0 10px;
	position: relative;
}

.search_container.hasmap .search_fields {
	width: calc(100% - 940px);
}

.search_container:not(.hasmap) .search_fields {
	width: 100% !important;
	padding: 0px;
}

.search_container.hasmap .search_fields {
	float: none;
	padding: 0px;
}

.assignmentpanel .search_fields {
	width: calc(100% - 500px);
}

.reorderbynum_fields {
	display: inline-block;
	white-space: nowrap;
	padding: 0 10px;
	max-width: 400px;
	min-width: 200px;
	position: relative;
}

#reorderbynumtext::-webkit-inner-spin-button, #reorderbynumtext::-webkit-outer-spin-button
	{
	-webkit-appearance: none;
	margin: 0;
}

#reorderbynumtext {
	-moz-appearance: textfield;
}

.lookup_fields {
	display: inline-block;
	white-space: nowrap;
	float: right;
	padding: 0 0 0 10px;
	text-align: right;
	width: auto;
	max-width: none;
	min-width: initial;
}

.search_fields.lookup_fields {
	width: auto;
}

.listcombodiv {
	display: none;
	float: right;
	padding: 5px 0 5px 10px;
	text-align: right;
}

.search_fields .searchoptions_dropdown a i, .searchfields .searchoptions_dropdown a  i,
	.lookup_fields .searchoptions_dropdown a i {
	color: #656565;
}

.search_fields .searchoptions_dropdown a i:focus, .searchfields .searchoptions_dropdown a i:focus,
	.lookup_fields .searchoptions_dropdown a i:focus {
	color: #444;
}

.search_fields>* {
	vertical-align: top;
}

input[type="text"].searchtext {
	margin: 0px;
	border-radius: 0px;
	display: inline-block;
	width: calc(100% - 43px);
	padding-left: 10px !important;
}

input[type="text"].searchtext.aisearchenabled {
	padding-right: 60px !important;
}

.searchtext_container {
	display: inline-block;
	width: calc(100% - 140px);
	position: relative;
	text-align: left;
}

.searchtext_container.nosearchfield {
	width: 100%;
	text-align: right;
}

.searchtext_container.nosearchfield .searchtext {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.mobile .searchtext_container {
	display: inline-block;
	width: calc(100% - 116px);
}

.searchfield {
	width: 140px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	margin: 0px -1px 0px 0px;
	vertical-align: top;
}

.searchrecent {
	border: 1px solid #CCC;
	width: calc(100% - 44px);
	box-sizing: border-box;
	padding-bottom: 5px;
	position: absolute;
	background: #FFF;
	margin-top: -1px;
	box-shadow: 0 5px 10px rgb(0 0 0/ 20%);
	display: none;
	z-index: 10;
}

.searchrecent div {
	font-size: 0.6875rem;
	text-transform: uppercase;
	padding: 10px 0px;
	margin: 0px 10px;
	color: #AAA;
}

.searchrecent ul {
	padding: 0px;
}

.searchrecent ul li {
	padding: 0px 10px;
	white-space: nowrap;
}

.searchrecent ul li:hover {
	background: #F9F9F9;
}

.searchrecent ul li:before {
	content: "\f1da";
	font-family: 'Font Awesome 6 Pro';
	font-weight: bold;
	font-size: 0.875rem;
	color: #AAA;
	margin: 8px 5px 0px 0px;
	display: inline-block;
	vertical-align: top;
}

.searchrecent ul li a {
	width: calc(100% - 30px);
	white-space: normal;
	display: inline-block;
	color: #656565;
	padding: 5px;
	font-size: 0.8125rem;
	text-decoration: none;
}

.mobile .search_div, .mobile .searchfield, .mobile .searchtext_container,
	.mobile .filter_div, .mobile .filter_div.advsearch, .mobile #temstadiv,
	.mobile .temstadiv, .mobile #temstadiv .search_dropdown, .mobile .temstadiv .search_dropdown,
	.mobile .searchfilter_container {
	width: 100%;
	display: block;
}

.mobile .advsearchbutton {
	display: none;
}

.mobile .searchfield, .mobile .searchtext_container, .mobile .temstadiv .search_dropdown,
	.mobile #temstadiv .search_dropdown, .mobile .searchfilter_container {
	margin-bottom: 5px;
}

.mobile .searchfield {
	margin-bottom: 5px;
	border-radius: 3px;
}

.mobile .searchtext {
	border-top-left-radius: 3px !important;
	border-bottom-left-radius: 3px !important;
}

.advsearchlink {
	display: none;
	float: right;
}

.advsearchlinkcontainer:after {
	content: "";
	display: table;
	clear: both;
}

.mobile .advsearchlink {
	display: inline-block;
}

.searchoptionscontainer .searchtext {
	width: 100%;
}

#temstadiv, .temstadiv {
	display: inline-block;
	width: 67%;
}

#temstadiv.additional {
	width: 100%;
}

.mediasearch .temstadiv {
	width: 200px !important;
}

#temstadiv>ul, .temstadiv>ul {
	width: calc(50% - 5px);
}

#temstadiv.single>ul, .temstadiv.single>ul {
	width: calc(100% - 5px);
}

.mediasearch .temstadiv>ul {
	width: 100% !important;
}

.searchoptions_dropdown #searchfield {
	vertical-align: top;
	margin: 0 4px 4px 0;
	width: 320px;
	max-width: 300px !important;
}

.mobile .searchoptions_dropdown #temstadiv {
	display: block;
}

.searchbutton {
	margin: 0 0 0 -4px;
}

.searchadditional {
	width: 33%;
	display: inline-block;
	padding: 0px 0px 0 0;
	white-space: nowrap;
}

.searchadditional label {
	padding: 0 5px 0px 0;
	display: inline-block;
}

.searchadditional select {
	width: calc(100% - 56px);
}

.mobile .searchadditional {
	width: auto;
	display: block;
	padding: 2px 0px;
}

.showallbutton, .showfilterbutton, .showaibutton, .aisearchbutton {
	cursor: pointer;
	float: right;
	line-height: 21px;
	padding: 4px 8px 3px 6px;
	margin: 2px 0 0 -27px;
	position: absolute;
	z-index: 999;
	outline: 0;
}

.showallbutton i {
	color: #999;
}

.showaibutton+.showallbutton {
	margin: 2px 0 0 -60px;
}

.showaibutton {
	margin: 2px 0 0 -34px;
	padding: 4px 8px 3px 0px;
	color: #333 !important;
}

.showaibutton:before {
	border-left: 1px #ddd solid;
	padding-right: 5px;
	content: "";
}

.showaibutton i {
	margin-top: 1px;
	vertical-align: top;
}

.showfilterbutton {
	display: none;
	margin: 2px 0px 0px -40px;
}

.showfilterbutton i, .aisearchbutton i {
	color: var(--buttonbgcolor, #CCC);
}

.aisearch_container .showaibutton {
	right: 28px;
	top: 5px;
}

.aisearch_container .showallbutton {
	right: 60px;
	top: 5px;
}

.aisearch_container .aisearchbutton {
	right: 2px;
	top: 5px;
}

.multifilterstr {
	display: none;
	background: #FFF;
	position: absolute;
	right: 0;
	text-align: left;
	white-space: normal;
	font-size: 0.75rem;
	border: 1px solid #ccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 5px 10px rgb(0 0 0/ 20%);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgb(0 0 0/ 20%);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
}

a.showallbutton:hover i, a.showallbutton:focus i {
	color: #444;
}

.listcombodiv select {
	width: 300px;
}

#distancestr {
	font-size: 0.75rem;
	text-align: right;
	margin: 5px
}

#nofilterwarn, .nofilterwarn {
	display: block;
	padding: 10px;
	white-space: normal;
	clear: both
}

#nofilterwarn .Description, .nofilterwarn .Description {
	padding: 0px;
}

#nofilterwarn:empty, .nofilterwarn:empty, #lactionbar:empty {
	display: none;
}

#advsearchframe, .advsearchframe {
	min-height: 300px;
	width: 100%;
}

.headeroptions {
	padding: 0 10px 10px 10px
}

.headeroptions #filterid {
	float: left;
	max-width: 350px;
	min-width: 120px;
	width: 65%;
	margin: 0 4px 0 0;
}

.prof_main {
	padding: 0 20px 20px 20px;
	background: #FFFFFF;
	border-top: 1px solid #D7D7D7;
	border-right: 1px solid #D7D7D7;
	border-bottom: 1px solid #D7D7D7;
	border-left: 1px solid #D7D7D7;
}

.prof_details {
	display: flex;
	width: 100%;
	padding: 0;
	margin: 15px 0;
	background: #fbfbfb;
	border: 1px solid #eee;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	overflow: hidden;
	box-sizing: border-box;
}

.prof_details>ul {
	background: var(--menuheadbgcolor, #dfdfdf);
	margin: 0;
	padding: 0;
	list-style-type: none;
	border-left: 1px solid rgba(0, 0, 0, 0.2);
}

.prof_details>ul li {
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	cursor: pointer;
}

.prof_details>ul li a {
	color: var(--menuheadfontcolor);
}

.prof_details>ul li a.active {
	color: #333;
	background: #fbfbfb;
}

.prof_details>ul li a:hover, .prof_details>ul li a:focus {
	color: #333;
	background: #FFFFFF;
	opacity: 0.9;
}

.prof_details>ul li a {
	display: block;
	padding: 10px;
	height: 33%;
}

.prof_details>ul li .fas, .prof_details>ul li .far, .prof_details>ul li .fal
	{
	font-size: 1rem;
	color: inherit;
}

.prof_details>ul li.profileopen {
	float: right;
	border-right: 0;
}

.prof_details>ul li.profileopen:only-child {
	border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.prof_details>ul li.mapopen {
	border-left: 1px solid rgba(255, 255, 255, 0.2);
	float: right;
}

.prof_details>.profileColumn2 {
	display: none;
}

.personal-details {
	background: var(--headerbgcolor);
	color: var(--headerfontcolor);
	padding: 25px 5px 30px 35px;
	min-width: 40%;
	width: 100%
}

.stacked.mobile:not(.redesignstacked) .prof_details {
	flex-wrap: wrap;
	margin: 5px 0 0 0;
}

.stacked.mobile:not(.redesignstacked) .profilecardoverlay .prof_details {
	margin-bottom: 15px;
}

.stacked.mobile:not(.redesignstacked) .profilecardoverlay div.SubTitle {
	padding-top: 10px;
	margin-bottom: 10px;
}

.stacked.mobile:not(.redesignstacked) .personal-details {
	position: relative;
	min-width: 100%;
	padding: 10px 5px 5px 20px;
}

.stacked.mobile:not(.redesignstacked) .prof_details>ul {
	display: inline-block;
	width: 100%;
	border-top: 1px solid rgba(0, 0, 0, 0.2);
}

.stacked.mobile:not(.redesignstacked) .prof_details>ul li {
	float: left;
	border-right: 1px solid rgba(255, 255, 255, 0.2);
	border-bottom: 0;
}

.stacked.mobile:not(.redesignstacked) .profileColumn2 {
	min-width: 100%;
	padding: 18px 14px 15px 18px;
}

.stacked.mobile:not(.redesignstacked) .profileColumn2 .profileColumnContent {
	webkit-column-count: unset;
	-moz-column-count: unset;
	column-count: unset;
}

.stacked.mobile:not(.redesignstacked) .profileImageWrapper {
	height: auto;
}

.stacked.mobile:not(.redesignstacked) .profileColumn+.profileRow {
	margin-top: 0;
	width: calc(100% - 108px);
}

.stacked.mobile:not(.redesignstacked) .profileRow {
	margin: 10px 0 0 0;
}

.stacked.mobile:not(.redesignstacked) .profileRow .profileColumn {
	margin-left: 25px;
	max-width: calc(100% - 45px);
}

.profileImage {
	position: relative;
	float: left;
	border-radius: 50%;
	width: 98px;
	height: 98px;
	border: 5px solid #fff;
	overflow: hidden;
	background: #fff;
	-webkit-box-shadow: 4px 4px 12px -1px rgba(0, 0, 0, 0.33);
	-moz-box-shadow: 4px 4px 12px -1px rgba(0, 0, 0, 0.33);
	box-shadow: 4px 4px 12px -1px rgba(0, 0, 0, 0.33);
}

#profimgdiv {
	height: 98px;
	width: 98px;
	display: block;
	background-size: cover !important;
	background-position-x: center !important;
	background-position-y: center !important;
	text-align: center;
}

.Form #profimgdiv {
	text-align: left;
}

.Form #profimgdiv img {
	height: 100%;
}

#profimgdiv i {
	font-size: 4.375rem;
	margin-top: 12px;
	color: #cdcdcd;
}

.profileImage a {
	display: block;
	height: 98px;
	cursor: pointer;
}

.profileImage img {
	width: auto;
	margin: auto;
	max-width: 98px;
	max-height: 98px;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%)
}

.profileImageWrapper {
	float: left;
}

.profileRow {
	margin: 10px 0px;
	display: inline-block;
}

.profileRow a {
	color: var(--headerfontcolor);
	display: inline-block;
	text-decoration: none;
}

.profileRow a:hover {
	text-decoration: underline;
}

.profileRow>.profileColumn:only-child {
	width: 100%;
	max-width: 100%;
}

.profileColumn {
	margin: 5px 25px;
	display: block;
	float: left;
	width: calc(100% - 108px);
}

.profileColumn+.profileRow {
	margin-top: 0;
	width: calc(100% - 108px);
}

.profileRow .profileColumn {
	float: left;
	width: auto;
	max-width: 210px;
}

.profileRow .profileColumn:nth-of-type(2) {
	margin-left: 0;
	margin-right: 0;
}

.prof-address .profileColumnContent, .prof-accounting .profileColumnContent
	{
	webkit-column-count: 1;
	-moz-column-count: 1;
	column-count: 1;
}

.prof-categories .profileColumnContent, .prof-roles .profileColumnContent,
	.prof-properties .profileColumnContent {
	webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	max-width: 650px;
}

.objdockopen .prof-categories .profileColumnContent, .objdockopen .prof-roles .profileColumnContent,
	.objdockopen .prof-properties .profileColumnContent {
	webkit-column-count: 1;
	-moz-column-count: 1;
	column-count: 1;
}

.profileColumn2 {
	padding: 25px 14px 30px 40px;
	width: calc(100% - 42px);
}

.profileColumn3 {
	margin: 0px 25px;
}

.profileColumnTitle {
	font-size: 1.25rem;
	padding: 0px 0px 10px 0px;
}

.profileTitle {
	font-size: 1.5rem;
	margin: 0px 25px;
}

.profileMenuDiv {
	position: relative;
	cursor: pointer;
}

.profileColumnRow {
	padding-bottom: 4px;
}

.profileColumnRow>div {
	padding: 0 !important;
}

.profileDropMenu {
	display: none;
	position: absolute;
	top: 100%;
	right: 0;
	width: 100%;
	z-index: 1000;
	list-style: none;
	margin: 2px 0px 0px;
	padding: 4px 0px;
	border: 1px solid #949494;
	border-radius: 4px;
	background: #fff;
}

.profileDropMenu li {
	padding: 4px 10px;
}

.profileItemCaption {
	padding-right: 5px;
}

.open>.profileDropMenu {
	display: block;
}

.prof_customfields {
	border-top: 1px solid #D7D7D7;
	padding: 20px 0 0 0;
}

.profile_circle {
	color: #FFFFFF;
	width: 32px;
	height: 32px;
	border-radius: 16px;
	background: #dfdfdf;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
	text-align: center;
	background-size: cover !important;
	background-position-x: center !important;
	background-position-y: center !important;
}

.profilecardcontent .stagecolor {
	position: absolute;
	top: 15px;
	right: 15px;
	width: 20px;
	height: 20px;
	border: 1px solid #fff;
	border-radius: 50%;
	-webkit-border-radius: 50%;
}

.profile_circle div {
	font-size: 1.0625rem;
	padding: 7px 0 0 0;
}

.profile_circle.icon {
	width: 28px;
	height: 28px;
	background: #DEDEDE;
	color: #333333;
}

.profile_circle.icon div {
	font-size: 1rem;
	padding: 4px 0 0 0;
}

.profile_circle.icon div i {
	vertical-align: middle;
}

.pc_A, .pc_Q, .pc_7 {
	background: #ef6392;
}

.pc_B, .pc_R, .pc_8 {
	background: #4acbde;
}

.pc_C, .pc_S, .pc_9 {
	background: #faa820;
}

.pc_D, .pc_T, .pc_0 {
	background: #de615b;
}

.pc_E, .pc_U {
	background: #b93120;
}

.pc_F, .pc_V {
	background: #89de4a;
}

.pc_G, .pc_W {
	background: #fa8120;
}

.pc_H, .pc_X {
	background: #4aa8de;
}

.pc_I, .pc_Y {
	background: #4adeaf;
}

.pc_J, .pc_Z {
	background: #b9207e;
}

.pc_K, .pc_1 {
	background: #12a2af;
}

.pc_L, .pc_2 {
	background: #d86101;
}

.pc_M, .pc_3 {
	background: #3a4348;
}

.pc_N, .pc_4 {
	background: #d77ceb;
}

.pc_O, .pc_5 {
	background: #3c9a08;
}

.pc_P, .pc_6 {
	background: #3f687f;
}

.profile_thumbnail {
	max-width: 36px;
	height: auto;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

.object_name {
	font-size: 1.5rem;
	padding: 9px 0 6px 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.beta_objectleftcenterredesign.redesign .obj_container .object_name {
	font-size: 1.625rem;
	padding: 0 0 8px 0;
	margin-top: 6px;
	display: grid;
	grid-template-columns: 40px auto;
	gap: 10px;
}

.beta_objectleftcenterredesign.redesign .obj_container .object_name>div {
	align-self: center;
}

.beta_objectleftcenterredesign.redesign .obj_container .object_name .titleicon_container
	{
	padding-bottom: 5px;
	position: relative;
	align-self: end;
}

.beta_objectleftcenterredesign.redesign .obj_container .object_name .titleicon {
	background: var(--buttonbgcolor);
	opacity: 0.1;
	width: 40px;
	height: 50px;
	border-radius: 5px;
}

.beta_objectleftcenterredesign.redesign .obj_container .object_name .titleicon_container:after {
	content: "\f15c";
	padding: 10px;
	font-family: "Font Awesome 6 Pro";
	font-size: 1.75rem;
	font-weight: 300;
	color: var(--buttonbgcolor);
	position: absolute;
	top: 0;
}

.beta_objectleftcenterredesign.redesign .obj_container .object_name .titleicon_container.building:after{
    content: "\f1ad";
}

.beta_objectleftcenterredesign.redesign .obj_container .object_name .titleicon_container.user:after{
    content: "\f007";
}

.object_name span {
	margin-left: 10px;
	float: right;
}

.object_name span[name="iconbutton"] {
	cursor: pointer;
	position: relative;
	z-index: 20;
}

.object_name #title_text {
	display: inline;
	position: relative;
	z-index: 10;
}

body.beta_enhancedcontacts .object_name #title_text>i {
	margin-right: 7px;
}

.profile_name {
	font-size: 1rem;
}

.object_name .small {
	font-size: 0.8125rem;
}

.object_name h1 {
	width: calc(100% - 165px);
	font-size: inherit;
	font-weight: inherit;
	padding: 0;
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.beta_objectleftcenterredesign.redesign .obj_container .object_name h1 {
	width: 100%;
	font-weight: 500;
}

.object_name h1 span {
	margin-left: 0px;
	float: none;
}

.object_name #exchangediv+h1 {
	width: 60%;
}

.section_title {
	font-size: 1.125rem;
}

#footer, .v-footer {
	bottom: 0;
	width: 100%;
	position: sticky;
	z-index: 999;
	box-sizing: border-box;
}

.v-footer.lookup {
	z-index: 198 !important;
}

#footer_in, .footer_in {
	text-align: center;
	padding: 5px;
	background: #EEEEEE;
}

.beta_objectleftcenterredesign.redesign #footer_in, .beta_objectleftcenterredesign.redesign .footer_in {
	text-align: center;
	padding: 5px;
	background: #f4f4f4 ;
}

.beta_objectleftcenterredesign.redesign #footer_in #buttonFooter, .beta_objectleftcenterredesign.redesign .footer_in #buttonFooter {
    margin: 0 100px;
    top: 0px;
    width: auto !important;
}

.beta_objectleftcenterredesign.redesign.mobile #footer_in #buttonFooter, .beta_objectleftcenterredesign.redesign.mobile .footer_in #buttonFooter {
    margin: 0 45px;
    top: 0px;
    width: auto !important;
}

#footer_submittab {
	padding: 2px 0 3px 0;
	background: #FFFFFF;
	border-top: 1px solid #D7D7D7;
	border-right: 1px solid #D7D7D7;
	border-left: 1px solid #D7D7D7;
}

#footer_nav {
	padding: 2px 0 2px 6px;
	background: #EEEEEE;
	border-top: 1px solid #D7D7D7;
	border-right: 1px solid #D7D7D7;
	border-left: 1px solid #D7D7D7;
}

/* pub med */
.pubmedoptions {
	float: right;
	padding: 10px 0;
}

.pubmedoptions div {
	float: left;
	margin-left: 20px;
}

.pubmedoptions label {
	font-weight: 600;
}

.pubmedfooter {
	padding: 5px;
}

.arrow-right {
	display: inline-block;
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #000000;
	content: "";
	float: right;
	margin: 3px 0 0 0;
}

.caret {
	margin-top: 8px;
	margin-left: 2px;
	display: inline-block;
	width: 0;
	height: 0;
	vertical-align: top;
	border-top: 4px solid #FFFFFF;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	content: "";
}

.bb {
	border-bottom: 2px solid black !important;
}

.profilecardoverlay {
	width: 65%;
	height: 100%;
	position: fixed;
	top: 0px;
	background: #fff;
	z-index: 2001;
	overflow: auto;
	padding-top: 48px;
}

.profilecardoverlay .option_bar_in {
	padding-right: 10px;
}

.profilecardoverlay #optionbar {
	width: 65%;
}

#objectDivContainer {
	font-size: 1.25rem;
	padding: 10px 10px 5px 15px;
	float: left;
}

.nodata {
	padding: 10px 10px 15px 10px;
	font-size: 1.25rem;
	color: #989898;
	background: #f9f9f9;
	text-align: center;
	margin-top: 15px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
}

.nodata div {
	font-size: 4.0625rem;
	padding: 5px;
}

.nodata div+div {
	font-size: 1.25rem;
}

.profilecardcontent {
	width: calc(100% - 20px);
	padding: 15px 10px 10px 10px;
	max-height: calc(100% - 70px);
	overflow: auto;
}

/*------------------- buttons -------------------*/
button.gm-ui-hover-effect {
	right: 4px !important;
}

input[type="button"]::-moz-focus-inner, button::-moz-focus-inner, input[type="submit"]::-moz-focus-inner
	{
	margin: -1px;
	padding: 0;
	border-width: 1px;
}

button.moveonDemandButton[type="button"] {
	display: none;
	min-width: 100px;
}

.btn, input[type="submit"], input[type="button"], input[type="reset"],
	button, .Button, .ButtonArrowUp, .NavBarArrow, .ButtonLst, .btn-lookup,
	.btn-lookupLeft, .btn-lookupRight, .moveonDemandButton, .btn-default,
	#placeholder:not([type=text]) {
	font-family: 'Roboto', "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: var(--buttonfontcolor);
	background: var(--buttonbgcolor, #CCC);
	border: 1px solid var(--buttonbgcolor, #949494);
	display: inline-block;
	position: relative;
	padding: 4px 14px;
	margin: 0px 2px;
	font-size: 0.9375rem;
	line-height: 21px;
	text-align: center;
	vertical-align: top;
	text-decoration: none;
	cursor: pointer;
	background-repeat: repeat-x;
	-webkit-border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px
		rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px
		rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px
		rgba(0, 0, 0, 0.05);
	-webkit-appearance: none;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.beta_objectleftcenterredesign.redesign .btn, input[type="submit"],
	.beta_objectleftcenterredesign.redesign input[type="button"],
	.beta_objectleftcenterredesign.redesign input[type="reset"],
	.beta_objectleftcenterredesign.redesign button, .beta_objectleftcenterredesign.redesign .Button,
	.beta_objectleftcenterredesign.redesign .ButtonArrowUp,
	.beta_objectleftcenterredesign.redesign .NavBarArrow,
	.beta_objectleftcenterredesign.redesign .ButtonLst,
	.beta_objectleftcenterredesign.redesign .btn-lookup,
	.beta_objectleftcenterredesign.redesign .btn-lookupLeft,
	.beta_objectleftcenterredesign.redesign .btn-lookupRight,
	.beta_objectleftcenterredesign.redesign .moveonDemandButton,
	.beta_objectleftcenterredesign.redesign .btn-default,
	.beta_objectleftcenterredesign.redesign #placeholder:not([type=text]) {
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}

button:is(.uppy-DashboardContent-back, .uppy-DashboardContent-addMore,
	.uppy-StatusBar-actionBtn--retry) {
	font-family: 'Roboto', "Helvetica Neue", Helvetica, Arial,
		sans-serif !important;
	color: var(--buttonfontcolor) !important;
	background: var(--buttonbgcolor, #CCC) !important;
	border: 1px solid var(--buttonbgcolor, #949494) !important;
	display: inline-block !important;
	position: relative !important;
	padding: 4px 14px !important;
	margin: 0px 2px !important;
	font-size: 0.9375rem !important;
	line-height: 21px !important;
	text-align: center !important;
	text-decoration: none !important;
	cursor: pointer !important;
	background-repeat: repeat-x !important;
	-webkit-border-radius: 4px 4px 4px 4px !important;
	-moz-border-radius: 4px 4px 4px 4px !important;
	border-radius: 4px 4px 4px 4px !important;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px
		rgba(0, 0, 0, 0.05) !important;
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px
		rgba(0, 0, 0, 0.05) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px
		rgba(0, 0, 0, 0.05) !important;
	-webkit-appearance: none !important;
	-ms-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	box-sizing: border-box !important;
}

a.btn, a.Button {
	color: var(--buttonfontcolor);
	text-decoration: none;
}

.btn-primary {
	color: #fff !important;
	background: #1474db !important;
	border-color: #1474db !important;
}

.btn-primary.focus {
	box-shadow: 0 0 0 2px #faffffcc inset, inset 0 1px 2px rgb(0 0 0/ 50%),
		inset 0 0 35px rgb(255 255 255/ 20%) !important;
}
/*.btn-primary:hover {
    background: #286090 !important;
    border-color: #204d74 !important;
}*/
.btn-secondary {
	color: #333 !important;
	background: #fff !important;
	border-color: #949494 !important;
}

.beta_objectleftcenterredesign .btn-secondary {
	color: #333 !important;
	background: #fff !important;
	border-color: #CCCCCC !important;
}

.btn-secondary.focus {
	box-shadow: 0 0 0 2px rgb(0 0 0/ 10%) inset, inset 0 1px 2px
		rgb(0 0 0/ 50%) !important;
}
/*.btn-secondary:hover {
    background: #e6e6e6 !important;
    border-color: #adadad !important;
}*/
.btn-success {
	color: #fff !important;
	background: #348321 !important;
	border-color: #348321 !important;
}

.btn-success.focus {
	box-shadow: 0 0 0 2px #f2ffdfcc inset, inset 0 1px 2px rgb(0 0 0/ 50%),
		inset 0 0 35px rgb(255 255 255/ 20%) !important;
}
/*.btn-success:hover {
    background: #449d44 !important;
    border-color: #398439 !important;
}*/
.btn-info {
	color: #fff !important;
	background: #297D9E !important;
	border-color: #297D9E !important;
}

.btn-info.focus {
	box-shadow: 0 0 0 2px #f1ffffcc inset, inset 0 1px 2px rgb(0 0 0/ 50%),
		inset 0 0 35px rgb(255 255 255/ 20%) !important;
}
/*.btn-info:hover {
    background: #31b0d5 !important;
    border-color: #269abc !important;
}*/
.btn-warning {
	color: #333 !important;
	background: #ffc107 !important;
	border-color: #ffc107 !important;
}

.btn-warning.focus {
	box-shadow: 0 0 0 2px #7d3f00cc inset, inset 0 1px 2px rgb(0 0 0/ 50%),
		inset 0 0 35px rgb(255 255 255/ 20%) !important;
}
/*.btn-warning:hover {
    background: #ec971f !important;
    border-color: #d58512 !important;
}*/
.btn-danger {
	color: #fff !important;
	background: #D33131 !important;
	border-color: #D33131 !important;
}

.btn-danger.focus {
	box-shadow: 0 0 0 2px #fff9f9cc inset, inset 0 1px 2px rgb(0 0 0/ 50%),
		inset 0 0 35px rgb(255 255 255/ 20%) !important;
}
/*.btn-danger:hover {
    background: #c9302c !important;
    border-color: #ac2925 !important;
}*/
.btn-ai {
	color: #fff !important;
	background: #3f7d66 !important;
	border-color: #3f7d66 !important;
}

.btn-ai.focus {
	box-shadow: 0 0 0 2px #f2ffdfcc inset, inset 0 1px 2px rgb(0 0 0/ 50%),
		inset 0 0 35px rgb(255 255 255/ 20%) !important;
}

.btn-ai:before {
	font-family: 'Font Awesome 6 Pro';
	font-size: 1rem;
	font-weight: 600;
	content: "\f544\00a0";
	line-height: 19px;
}

.btn-ai:empty:before {
	content: "\f544";
}

.btn-ai .fa-caret-down {
	margin-left: 5px;
}

#header_container_in .btn-ai {
	margin-top: 3px;
}

.btn-default.selected, .btn-primary.selected, .btn-secondary.selected,
	.btn-success.selected, .btn-info.selected, .btn-warning.selected,
	.btn-danger.selected {
	box-shadow: 0 0 0 2px #333;
}

.bottomsection .privacypolicy a.btn {
	color: var(--buttonfontcolor) !important;
}

.listviewbuttondiv {
	margin: 0px 3px 3px 0px;
	display: inline-block;
	white-space: nowrap;
	vertical-align: top;
}

.listviewbuttonicon {
	padding: 4px 10px !important;
	margin-bottom: 2px !important;
}

.listviewbuttonicon i {
	vertical-align: baseline !important;
}

.btn .fa, .btn .fas, .btn .far, .btn .fal, .btn .fab {
	font-size: 1rem !important;
	vertical-align: middle;
}

.btn:disabled, .btn.disabled {
	opacity: 0.7;
	filter: saturate(90%);
	box-shadow: none !important;
	cursor: default;
}

.btn:disabled i, .btn.disabled i {
	opacity: 0.7;
}

.Button .fa, .Button .fas, .Button .far, .Button .fal, .Button .fab,
	button .fa, button .fas, button .far, button .fab, button .fal {
	font-size: 1rem !important;
}

.AlignLeft {
	text-align: left !important;
}

.AlignRight {
	text-align: right !important;
}

.AlignCenter {
	text-align: center !important;
}

#loading-image {
	display: none;
	position: fixed;
	background: rgba(255, 255, 255, 0.7);
	width: 100%;
	height: 100%;
	z-index: 4000;
	overflow: hidden;
	top: 0;
}

.loader {
	border: 16px solid #f3f3f3;
	border-top: 16px solid var(--buttonbgcolor, #dfdfdf);
	border-radius: 50%;
	width: 120px;
	height: 120px;
	animation: spin 2s linear infinite;
	position: absolute;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.list_container .loader {
	width: 16px;
	height: 16px;
	position: relative;
	border: 3px solid #ddd;
	border-top: 3px solid #444;
	display: inline-block;
	vertical-align: text-bottom;
}

#loading-message {
	display: table;
	height: 100%;
	width: 100%;
	visibility: hidden;
}

#loading-message>div {
	display: table-cell;
	padding: 0 25px;
	text-align: center;
	vertical-align: middle;
}

#loading-message>div>div {
	color: var(--buttonbgcolor, #dfdfdf);
	display: inline-block;
	width: 90%;
	max-width: 500px;
	padding: 25px;
}

#loading-message>div>div>span.fa, #loading-message>div>div>span.fas,
	#loading-message>div>div>span.far {
	display: block;
	margin-top: 100px;
	margin-left: 40px;
	font-size: 10.625rem;
}

#loading-message>div>div>p {
	font-size: 3em;
}

.statuswrapper {
	width: 100%;
	overflow: auto
}

/* Association Entry */
.associationentrycontainer {
	padding: 10px 0 0 0;
}

.associationentrycontainer .caret_container {
	font-size: 1.125rem !important;
	font-weight: normal !important;
}

body.beta_enhancedcontacts .associationentrycontainer:not(:has(.tabscrollcontainer)) .caret_container
	{
	margin-top: 5px;
	margin-bottom: 12px;
}

body.beta_enhancedcontacts .list_container_sublist .associationentrycontainer:not(:has(.tabscrollcontainer)) .caret_container
	{
	margin-top: 0;
}

[id$="associationentries"] .RadioContainer {
	margin: 10px 0 5px !important;
}

[id$="associationentries"] .RadioContainer>div {
	display: inline-block;
	margin-right: 5px;
}

body.beta_enhancedcontacts .associationentrydiv .tabscrollcontainer {
	margin-bottom: 10px;
}

body:not(.beta_enhancedcontacts) .associationentryfields {
	padding: 5px 0;
}

body.beta_enhancedcontacts:not(.mobile) .associationentryfields {
	white-space: nowrap;
}

body.beta_enhancedcontacts .associationentryfields .select2-container {
	max-width: 0 !important;
}

body.beta_enhancedcontacts .associationentryfields .select2-selection__rendered
	{
	width: 100%;
	max-height: 100px;
	overflow: auto;
}

body.beta_enhancedcontacts .associationentrydiv:not(:has(.tabscrollcontainer))
	{
	margin-top: 5px;
}

body.beta_enhancedcontacts .caret_container>i.fal {
	margin-right: 5px;
}

body.beta_enhancedcontacts .associationentrycontainer .tabbar, body.beta_enhancedcontacts .associationentrycontainer .select2-container,
	body.beta_enhancedcontacts .associationentrycontainer .daterange_entryfield,
	body.beta_enhancedcontacts.mobile [id^='groupid_entryfield'] {
	margin-bottom: 5px;
}

body.beta_enhancedcontacts.mobile .associationentryfields>:not(button),
	body.beta_enhancedcontacts.mobile .daterange_entryfield>:is(label,
	input) {
	width: 100%;
	margin-top: 0 !important;
	margin-bottom: 5px !important;
}

body.beta_enhancedcontacts.mobile .associationentryfields .lookupdiv input.Lookup
	{
	width: 100% !important;
	max-width: calc(100% - 45px) !important;
}

body.beta_enhancedcontacts.mobile .associationentryfields .select2-container,
	body.beta_enhancedcontacts.mobile .associationentryfields .datepickclass,
	body.beta_enhancedcontacts.mobile [id^='groupid_entryfield'] {
	width: 100% !important;
	max-width: 100% !important;
}

body.beta_enhancedcontacts .daterange_entryfield:empty {
	display: none !important;
}

body.beta_enhancedcontacts.mobile .daterange_entryfield>label {
	display: block !important;
}

body.beta_enhancedcontacts .associationentryfields>* {
	vertical-align: top;
}

body.beta_enhancedcontacts .associationentryfields>div:first-child>select
	{
	margin-right: 10px;
}

body.beta_enhancedcontacts .associationentryfields>.lookupdiv {
	margin-right: 5px;
}

body.beta_enhancedcontacts [id$='associationentrybuttons'] .greyButton {
	margin-bottom: 3px;
}

#associationentrybuttons {
	padding: 5px;
	background: #EEEEEE;
}
/* Discussion Board 2.0 */
.editedTime {
	display: inline-block;
	margin-top: 5px;
	font-size: 0.75rem;
	padding-left: 10px;
}

.navControls {
	position: fixed;
	bottom: 50px;
	right: 20px;
}

.Form.response {
	margin: 20px 0;
}

.Form.response textarea {
	width: 100% !important;
	margin-top: 15px;
}

th.threadReponse {
	font-weight: normal;
	font-size: 1.25rem;
	border-bottom: 1px solid #f1f1f1;
	padding-bottom: 12px;
}

.navButton {
	height: 35px;
	width: 35px;
	border-radius: 25px !important;
	outline: none;
	float: left;
	clear: left;
	margin-top: 12.5px !important;
	padding: 0px !important;
}

.togglemapoptions {
	font-weight: bold;
	position: relative;
	display: block !important;
	padding: 13px 15px 12px 15px;
	min-width: 205px;
	cursor: pointer;
}

.togglemapoptions:after {
	content: "\f078";
	font-family: 'Font Awesome 6 Pro';
	font-weight: bold;
	right: 15px;
	position: absolute;
	top: 15px;
	font-size: 0.75rem;
}

.togglemapoptions.arrow:after {
	content: "\f077";
}

.togglemapoptions+div {
	display: none;
	border-top: 1px #D7D7D7 dotted;
}

.togglemapoptions+div div {
	padding-top: 4px !important;
}

#filteroptions {
	background: #ffffff;
	position: fixed;
	top: 10px;
	right: 10px;
	min-width: 250px;
	max-width: 250px;
}

.psectionholder {
	width: 1280px;
	margin: 0 auto;
}

.pcontainerwrapper {
	display: inline-flex;
	flex-wrap: wrap;
	width: 100%;
}

.pcontainerwrapper .pcontainer {
	display: flex;
	flex-wrap: wrap;
	background: #fff;
	margin: 20px 2% 0 0;
	padding: 20px;
	box-sizing: border-box;
	width: 48%;
}

/*--- cportallogin classes ---*/
.pcontainerwrapper .pcontainer:last-of-type {
	margin-right: 0;
}

.pcontainerwrapper .pcontainer .ptitle {
	font-size: 1.25rem;
	font-weight: bold;
}

.pcontainerwrapper .pcontainer_inner {
	padding-bottom: 20px;
	width: 100%;
}

.pcontainerwrapper .pcontainer_inner:nth-of-type(2) {
	padding-top: 20px;
	border-top: 1px solid #f5f5f5;
}

.pcontainerwrapper .pcontainer_inner span a {
	font-size: 0.8125rem;
}

.pcontainerwrapper .pcontainer .warning_msg_container.supportwarning {
	display: block;
	margin-top: 15px;
}

.pcontainerwrapper .pcontainer p {
	line-height: 150%;
}

.pcontainerwrapper .pcontainer ul {
	padding: 0;
	margin: 15px 0;
	list-style: none;
}

.pcontainerwrapper .pcontainer ul li {
	padding-bottom: 5px;
}

.portalvideo a {
	display: inline-block;
	padding: 10px;
	background: #f9f9f9;
	border-radius: 3px;
	text-decoration: none;
	margin-bottom: 15px;
}

.portalvideo a:hover {
	text-decoration: underline;
}

.portalvideo:after {
	content: '';
	display: block;
	position: relative;
	clear: both;
}

.portalvideo a .fas {
	padding-right: 8px;
}

/*--- cportallogin classes end ---*/
span.ssProgressBar {
	display: inline-block;
	width: 100%;
	max-width: 500px;
	margin: 0 5px 0 0;
	position: relative;
}

span.ssProgressBar-percentage {
	display: block;
	margin-bottom: 5px;
	text-align: right;
	font-size: 1.5625rem;
	color: #000000;
}

span.ssProgressBar-meter {
	display: block;
	overflow: hidden;
	height: 10px;
	background-color: #f5f5f5;
	border-radius: 10px;
	box-shadow: 0 1px 1px #cccccc inset;
}

span.ssProgressBar-meter-progress {
	background-color: var(--buttonbgcolor, #dfdfdf);
	display: block;
	width: 0;
	-webkit-transition: width 1.5s ease-in-out;
	transition: width 1.5s ease-in-out;
}

span.ssProgressBar-text {
	display: block;
	margin-top: 5px;
	text-align: right;
	font-size: 0.75rem;
}

span.ssRadialProgressBar {
	display: block;
	width: 150px;
	margin: 0 5px 0 0;
	position: relative;
}

svg.ssRadialProgressBar-meter {
	transform: rotate(-90deg);
	transform-origin: 50% 50%;
}

circle.ssRadialProgressBar-meter-progress {
	stroke-dasharray: 421;
	stroke-dashoffset: 421;
}

span.ssRadialProgressBar-percentage {
	display: block;
	width: 150px;
	margin-bottom: -25px;
	position: relative;
	top: -95px;
	font-size: 1.875rem;
	text-align: center;
}

span.ssRadialProgressBar-text {
	display: block;
	text-align: center;
	font-size: 0.75rem;
}

div.ssDropdownMenu {
	display: inline-block;
	min-width: 250px;
	margin: 20px 0 15px 0;
	position: relative;
	font-size: 0.75rem;
	cursor: default;
}

span.ssDropdownMenu-selectedItem {
	display: table;
	width: 100%;
	white-space: nowrap;
}

span.ssDropdownMenu-selectedItem-text {
	display: block;
	width: calc(100% - 40px);
	margin-top: -7px;
	padding: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	position: absolute;
}

span.ssDropdownMenu-selectedItem:focus {
	background-color: #eeeeee;
}

span.ssDropdownMenu-selectedItem, ul.ssDropdownMenu-list {
	width: 100%;
	border-radius: 5px;
	background-color: #ffffff;
	border: 1px solid #eee;
}

span.ssDropdownMenu-selectedItem>span, li.ssDropdownMenu-list-item, li.ssDropdownMenu-optgroup
	{
	padding: 10px;
	word-break: break-word;
}

span.ssDropdownMenu-selectedItem>span {
	display: table-cell;
	vertical-align: middle;
}

span.ssDropdownMenu-selectedItem>span:last-child {
	width: 1px;
}

span.ssDropdownMenu-selectedItem>span>span.fa, span.ssDropdownMenu-selectedItem>span>span.fas,
	span.ssDropdownMenu-selectedItem>span>span.far {
	margin-top: -5px;
	position: relative;
	top: 3px;
}

span.ssDropdownMenu-selectedItem>span>span.fa:before {
	font-size: 1.125rem;
}

ul.ssDropdownMenu-list {
	display: none;
	margin: 5px 0;
	padding-left: 0;
	position: absolute;
	overflow: auto;
	z-index: 1010;
}

li.ssDropdownMenu-list-item, li.ssDropdownMenu-optgroup {
	font-size: 1rem;
}

li.ssDropdownMenu-list-item {
	cursor: pointer;
}

li.ssDropdownMenu-list-item:hover, li.ssDropdownMenu-list-item:focus {
	color: #ffffff;
	background-color: #5d5d5d;
}

li.ssDropdownMenu-optgroup {
	font-weight: bold;
	background: #f0f0f0;
}

div.ssDropdownMenu.dashboard {
	width: 350px;
	max-width: 350px;
	font-size: 1.125rem;
}

div.ssDropdownMenu.dashboard span.ssDropdownMenu-selectedItem-text {
	width: calc(100% - 50px);
	margin-top: -10px;
}

div.ssDropdownMenu.dashboard li.ssDropdownMenu-list-item {
	font-size: 1rem;
	border-bottom: 1px solid #eeeeee;
}

div.ssDropdownMenu.dashboard span.ssDropdownMenu-selectedItem>span:last-child
	{
	border-left: 1px solid #eeeeee;
}

div.ssDropdownMenu.dashboard span.ssDropdownMenu-selectedItem>span>span.fa,
	div.ssDropdownMenu.dashboard span.ssDropdownMenu-selectedItem>span>span.fas,
	div.ssDropdownMenu.dashboard span.ssDropdownMenu-selectedItem>span>span.far
	{
	top: 0;
}

div.ssDropdownMenu.dashboard li.ssDropdownMenu-list-item:hover, li.ssDropdownMenu-list-item:focus
	{
	font-weight: normal;
}

text.hyper:hover {
	fill: var(--hlh);
	cursor: pointer;
}

.limitMenuWidth {
	display: inline-block;
	max-width: 200px;
	margin-top: -3px;
	position: relative;
	top: 3px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.notificationsearch {
	background: #f1f1f1;
	width: 100%;
}

.notificationsearch div {
	display: inline-block;
}

.notificationsearch div.nav {
	float: right;
	padding: 10px;
}

.notificationsearch table td.sdate, .notificationsearch table th.sdate {
	background: transparent;
	width: auto;
	padding-left: 10px
}

.notificationslanding {
	color: #444;
	border-top: 2px solid #eee;
	display: block;
	margin-bottom: 70px;
}

.notificationslanding h2 {
	font-weight: normal;
	font-size: 1.5625rem;
	margin-bottom: 10px;
}

.notificationslanding span {
	font-size: 0.875rem;
	color: #aaaaaa;
	margin-bottom: 5px;
}

.notificationslanding span.icon {
	float: left;
	color: #444;
	font-size: 1.25rem;
	padding: 3px 8px 0 0;
	margin: 0;
}

.notificationslanding p {
	font-size: 0.875rem;
	line-height: 150%;
	white-space: pre-wrap;
}

img.maxWidth {
	max-width: 100%;
}

.ssUploadedFileList-image {
	padding-bottom: 5px;
	width: 100%;
	height: 100%;
}

div.mejs-video.autoHideControls div.mejs-controls, div.mejs-video.mejs-container-fullscreen div.mejs-controls
	{
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

div.mejs-controls.autoHideControls-show {
	opacity: 1 !important;
}

/* ssMediaPlayer - Start */
body:not(.mobile) div.btn-group.mediaplayer {
	margin-right: 0 !important;
}

div.ssMediaLibrary, body.mobile div.ssMediaLibrary {
	padding-right: 0;
}

div.ssMediaLibrary {
	padding-left: 0;
}

#mediaPlayerDock div.videoplayerwrapper, #mediaPlayerDock div.videoplayerwrapper video,
	#mediaPlayerDock div.videoplayerwrapper div.mejs-video,
	#mediaPlayerDock div.videoplayerwrapper div.mejs-layer,
	#mediaPlayerDock div.audioplayerwrapper div.mejs-layer, div.ssMediaLibrary-audioVideo,
	div.ssMediaLibrary-audioVideo div.videoplayerwrapper, div.ssMediaLibrary-audioVideo div.videoplayerwrapper video,
	div.ssMediaLibrary-audioVideo div.videoplayerwrapper div.mejs-video,
	div.ssMediaLibrary-audioVideo div.videoplayerwrapper div.mejs-layer,
	div.ssMediaLibrary-audioVideo div.audioplayerwrapper div.mejs-layer {
	height: 100% !important;
	width: 100% !important;
}

#mediaPlayerDock {
	display: none;
	width: 350px;
	min-width: 350px;
	padding: 5px;
	position: fixed !important;
	right: 10px;
	overflow: hidden;
	background-color: #000000;
	z-index: 2001;
}

#mediaPlayerDock.mediaPlayerDock-video {
	height: 255px;
	min-height: 255px;
}

body:not(.mobile) #mediaPlayerDock.mediaPlayerDock-video {
	resize: both;
}

#mediaPlayerDock.mediaPlayerDock-audio {
	height: auto !important;
}

body:not(.mobile) #mediaPlayerDock.mediaPlayerDock-audio {
	resize: horizontal;
}

#mediaPlayerDock>div {
	display: grid;
	grid-template-rows: auto 1fr;
	height: 100%;
}

#mediaPlayerDock-titleBar {
	display: table;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.75);
	z-index: 1;
	cursor: pointer;
}

#mediaPlayerDock-titleBar-title,
	#mediaPlayerDock-titleBar-minimizeButton,
	#mediaPlayerDock-titleBar-closeButton {
	display: table-cell;
	padding: 5px;
	font-size: 1.125rem;
	color: #ffffff;
}

#mediaPlayerDock-titleBar-minimizeButton {
	padding: 5px 0;
}

#mediaPlayerDock-titleBar-closeButton {
	padding: 5px 0 5px 5px;
}

#mediaPlayerDock-titleBar-title {
	width: 100%;
	padding: 0;
	position: relative;
}

#mediaPlayerDock-titleBar-title-value {
	display: block;
	width: calc(100% - 5px);
	padding: 10px 0 8px 8px;
	position: absolute;
	top: 0px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 0.75rem;
}

#mediaPlayerDock-titleBar-title-value {
	padding: 5px 0 8px 3px;
}

#mediaPlayerDock-titleBar-minimizeButton {
	padding-right: 0;
	font-size: 0.875rem;
}

#mediaPlayerDock div.videoplayerwrapper {
	height: 100% !important;
}

#mediaPlayerDock div.videoplayerwrapper div.mejs-mediaelement {
	height: calc(100% - 30px);
}

#mediaPlayerDock div.videoplayerwrapper div.mejs-container-fullscreen,
	div.ssMediaLibrary-audioVideo div.videoplayerwrapper div.mejs-container-fullscreen
	{
	z-index: 2000;
}

#mediaPlayerDock div.audioplayerwrapper {
	width: calc(100% - 40px) !important;
	margin-right: 0 !important;
	padding-top: 15px;
	padding-bottom: 10px;
}

#mediaPlayerDock div.audioplayerwrapper div.mejs-poster {
	display: none;
}

div.ssMediaLibrary-audioVideo, #mediaPlayerDock div.audioplayerwrapper,
	div.ssMediaLibrary-audioVideo div.audioplayerwrapper {
	background-color: #000000;
}

div.ssMediaLibrary-audioVideo {
	display: none;
}

div.ssMediaLibrary-audioVideo div.audioplayerwrapper {
	width: calc(100% - 40px) !important;
	position: relative;
	top: calc(50% - 30px);
}

body.mobile div.ssMediaLibrary-audioVideo div.audioplayerwrapper {
	width: calc(100% - 70px) !important
}

#mediaPlayerDock div.mejs-overlay-error, div.ssMediaLibrary-audioVideo div.mejs-overlay-error
	{
	display: table;
	height: 100%;
	width: 100%;
}

#mediaPlayerDock div.mejs-overlay-error>div, div.ssMediaLibrary-audioVideo div.mejs-overlay-error>div
	{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	background-color: #f8f8f8;
}

#mediaPlayerDock div.mejs-audio, div.ssMediaLibrary-audioVideo div.mejs-audio,
	#mediaPlayerDock div.videoplayerwrapper span.mejs-time-loaded,
	#mediaPlayerDock div.audioplayerwrapper span.mejs-time-loaded, div.ssMediaLibrary-audioVideo span.mejs-time-loaded
	{
	width: 100% !important;
}

#mediaPlayerDock div.videoplayerwrapper div.mejs-time-rail, div.ssMediaLibrary-audioVideo div.videoplayerwrapper div.mejs-time-rail,
	body.mobile #mediaPlayerDock div.videoplayerwrapper div.mejs-time-rail,
	body.mobile div.ssMediaLibrary-audioVideo div.videoplayerwrapper div.mejs-time-rail
	{
	width: calc(100% - 180px) !important;
}

#mediaPlayerDock div.videoplayerwrapper.ssMediaLibrary-hasCaptions div.mejs-time-rail,
	div.ssMediaLibrary-audioVideo div.videoplayerwrapper.ssMediaLibrary-hasCaptions div.mejs-time-rail
	{
	width: calc(100% - 205px) !important;
}

#mediaPlayerDock div.audioplayerwrapper div.mejs-time-rail {
	width: calc(100% - 235px) !important
}

body.mobile #mediaPlayerDock div.audioplayerwrapper div.mejs-time-rail {
	width: calc(100% - 155px) !important
}

#mediaPlayerDock div.videoplayerwrapper span.mejs-time-slider, div.ssMediaLibrary-audioVideo div.videoplayerwrapper span.mejs-time-slider,
	body.mobile #mediaPlayerDock div.videoplayerwrapper span.mejs-time-slider,
	body.mobile div.ssMediaLibrary-audioVideo div.videoplayerwrapper span.mejs-time-slider
	{
	width: calc(100% - 190px) !important;
}

#mediaPlayerDock div.videoplayerwrapper.ssMediaLibrary-hasCaptions span.mejs-time-slider,
	div.ssMediaLibrary-audioVideo div.videoplayerwrapper.ssMediaLibrary-hasCaptions span.mejs-time-slider
	{
	width: calc(100% - 210px) !important;
}

div.ssMediaLibrary-audioVideo div.audioplayerwrapper span.mejs-time-slider
	{
	width: 90px !important;
}

#mediaPlayerDock div.audioplayerwrapper span.mejs-time-slider {
	width: calc(100% - 245px) !important;
}

body.mobile #mediaPlayerDock div.audioplayerwrapper span.mejs-time-slider
	{
	width: calc(100% - 165px) !important;
}

#mediaPlayerDock div.audioplayerwrapper span.mejs-time-slider span.mejs-time-float
	{
	z-index: 1;
}

#mediaPlayerDock div.audioplayerwrapper a.mejs-horizontal-volume-slider,
	div.ssMediaLibrary-audioVideo div.audioplayerwrapper a.mejs-horizontal-volume-slider
	{
	display: block !important;
}

div.ssMediaLibrary-audioVideo div.audioplayerwrapper a.mejs-horizontal-volume-slider
	{
	margin-top: 0;
	background-color: transparent;
}

div.ssMediaLibrary-audioVideo .mejs-captions-selector,
	#mediaPlayerDock-container .mejs-captions-selector {
	height: auto !important;
	max-height: 100px;
	overflow: auto !important;
}

div.ssMediaLibrary div.ssMediaLibrary-container-thumbnail span.ssMediaLibrary-thumbnail.virusscan div.ssFieldValidation
	{
	margin: 0;
	position: absolute;
	bottom: 0;
}

div.ssMediaLibrary.cbp-vm-view-list div.ssMediaLibrary-container-thumbnail
	{
	display: inline-block;
}

div.ssMediaLibrary.cbp-vm-view-list div.ssMediaLibrary-container-thumbnail span.ssMediaLibrary-thumbnail
	{
	display: inline-block;
}

div.ssMediaLibrary div.ssMediaLibrary-container-thumbnail span.ssMediaLibrary-thumbnail:is(.virusscan,
	.ssMediaLibrary-message) {
	display: grid;
	align-items: center;
	margin-bottom: 5px;
}

div.ssMediaLibrary.cbp-vm-view-list div.ssMediaLibrary-container-thumbnail span.ssMediaLibrary-thumbnail.virusscan div.ssFieldValidation
	{
	position: relative;
	text-align: left;
}

div.ssMediaLibrary div.ssMediaLibrary-container-thumbnail span.ssMediaLibrary-thumbnail:is(.virusscan,
	.ssMediaLibrary-message) p {
	position: initial !important;
	z-index: 1;
}

div.ssMediaLibrary div.ssMediaLibrary-container-thumbnail span.ssMediaLibrary-thumbnail:is(.virusscan,
	.ssMediaLibrary-message) img.cbp-vm-image {
	position: absolute;
	opacity: 0.4;
}

div.ssMediaLibrary div.ssMediaLibrary-container-thumbnail span.ssMediaLibrary-thumbnail:is(.ssMediaLibrary-message) img.cbp-vm-image
	{
	cursor: default;
}

div.ssMediaLibrary.cbp-vm-view-grid div.ssMediaLibrary-container-thumbnail span.ssMediaLibrary-thumbnail:is(.virusscan,
	.ssMediaLibrary-message) p {
	width: calc(100% - 20px);
	padding: 10px;
}

div.ssMediaLibrary.cbp-vm-view-list div.ssMediaLibrary-container-thumbnail span.ssMediaLibrary-thumbnail:is(.virusscan,
	.ssMediaLibrary-message) p {
	width: calc(100% - 10px);
	padding: 5px;
}

body.beta_mlreprocess div.ssMediaLibrary button.ssMediaLibrary-retry {
	display: block;
	min-width: 50%;
	margin: 5px auto;
}

div.ssMediaLibrary-container-buttonsset2, div.ssMediaLibrary-container-optionsset2
	{
	display: inline-block;
	vertical-align: top;
}

div.ssMediaLibrary-container-optionsset2 {
	padding: 7px 0;
	cursor: pointer;
}

div.ssMediaLibrary-options {
	font-size: 1.125rem;
}

div.ssMediaLibrary-options>span {
	padding: 2px 13px 0 13px !important;
	position: relative;
	top: 3px;
	font-size: 1.125rem;
	text-decoration: none;
	background-color: #ffffff !important;
}

div.ssMediaLibrary-options>ul {
	display: none;
	width: 155px;
	margin-top: 15px;
	margin-left: -126px;
	padding: 5px 0;
	position: absolute;
	font-size: 0.875rem;
	list-style-type: none;
	color: #222222;
	background-color: #ffffff;
	border-radius: 3px;
	box-shadow: 0 -1px 1px rgb(0 0 0/ 8%);
	border: 1px solid #949494;
	z-index: 2001;
}

div.ssMediaLibrary-options>ul:before {
	content: '\25b2';
	position: absolute;
	top: -14px;
	left: 134px;
	font-size: 0.9375rem;
	color: #ffffff;
	text-shadow: 0 -3px 1px rgba(0, 0, 0, 0.075), 0 -2px 0
		rgba(0, 0, 0, 0.075);
	transform: scale(1.5, 1);
}

div.ssMediaLibrary-options>ul>li {
	display: block;
	width: 125px;
	margin: 5px 0;
	padding: 5px 15px;
	list-style-type: none;
	border: none;
}

div.ssMediaLibrary-options>ul>li>a {
	display: block;
	height: 16px;
	position: relative;
	top: -2px;
	font-size: 0.875rem;
	text-decoration: none;
	color: #222222;
}

div.ssMediaLibrary-options>ul>li:is(:hover, :focus), div.ssMediaLibrary-options>ul>li:is(:hover,
	:focus)>a, div.ssMediaLibrary-options>ul>li>a:is(:hover, :focus) {
	color: var(--buttonfontcolor);
	background-color: var(--buttonbgcolor, #dfdfdf);
	cursor: pointer;
}

div.ssMediaLibrary-options>ul>li i {
	display: inline-block !important;
	width: 15px;
	padding-right: 5px;
}

div.ssMediaLibrary.cbp-vm-view-list div.ssMediaLibrary-container-buttonsset1,
	div.ssMediaLibrary.cbp-vm-view-grid div.ssMediaLibrary-container-buttonsset2
	{
	display: none;
}

div.ssMediaLibrary-buttons {
	width: 280px;
}

div.ssMediaLibrary.cbp-vm-view-list div.ssMediaLibrary-buttons {
	text-align: right;
}

div.ssMediaLibrary-buttons>a.btn {
	width: calc(100%/ 6);
	padding-right: 3px !important;
	background-color: #ffffff !important;
	-webkit-transition: opacity 0.5s !important;
	transition: color 0.5s, background-color 0.5s !important;
}

div.ssMediaLibrary-buttons>a.btn:not(:first-child) {
	border-left-width: 0 !important;
}

div.ssMediaLibrary-buttons>a.btn:is(:hover, :focus) {
	background-color: #585858 !important;
	color: #ffffff !important;
	box-shadow: none !important;
}

div.ssMediaLibrary-buttons>a.btn>i {
	display: initial !important;
}

div.ssMediaLibrary.cbp-vm-view-list div.ssMediaLibrary-container-detailsandsets
	{
	display: inline-block;
	width: calc(100% - 162px);
	vertical-align: top;
}

div.ssMediaLibrary-container-details div.cbp-vm-details p {
	font-size: inherit;
}

div.ssMediaLibrary-container-details div.cbp-vm-details, div.ssMediaLibrary-container-details div.cbp-vm-details p
	{
	color: inherit;
}

div.ssMediaLibrary-container-details .cbp-vm-details span {
	vertical-align: top;
}

div.ssMediaLibrary .cbp-vm-details label {
	padding: 0;
	vertical-align: initial;
	font-size: inherit;
}

div.ssMediaLibrary .cbp-vm-details span:empty {
	display: none;
}

div.ssMediaLibrary.cbp-vm-view-list div.ssMediaLibrary-container-details
	{
	display: inline-block;
	width: calc(100% - 280px);
}

body.mobile div.ssMediaLibrary.cbp-vm-view-list div.ssMediaLibrary-container-details
	{
	width: calc(100% - 35px) !important;
}

div.ssMediaLibrary.cbp-vm-view-grid div.ssMediaLibrary-container-details
	{
	display: inline-block;
	width: calc(100% - 33px);
}

div.ssMediaLibrary.cbp-vm-view-list div.ssMediaLibrary-container-details div.cbp-vm-details
	{
	display: block;
	width: auto;
	float: none;
}

div.ssMediaLibrary-listview, div.ssMediaLibrary-listview *, div.ssMediaLibrary-listview:before,
	div.ssMediaLibrary-listview:after, div.ssMediaLibrary-listview *:before,
	div.ssMediaLibrary-listview *:after {
	box-sizing: content-box;
}

body.mobile div.ssMediaLibrary-listview, div.mobilediv div.ssMediaLibrary-listview
	{
	padding-left: 0;
}

div.ssMediaLibrary-listview.ssMediaLibrary-hidethumbnails {
	padding: 5px 0;
}

div.ssMediaLibrary-listview ul:before, div.ssMediaLibrary-listview ul:after
	{
	content: "";
}

div.ssMediaLibrary-listview li {
	width: 150px !important;
	margin: 5px;
	padding: 0;
	border: none;
}

body.mobile div.ssMediaLibrary-listview li, div.mobilediv div.ssMediaLibrary-listview li
	{
	margin-left: 0;
	margin-right: 10px;
}

div.ssMediaLibrary-listview.ssMediaLibrary-hidethumbnails li {
	width: auto !important;
	margin: 3px 6px 3px 0;
	white-space: nowrap;
}

body.mobile div.ssMediaLibrary-listview:not(.ssMediaLibrary-hidethumbnails) li
	{
	width: 100% !important;
}

div.ssMediaLibrary-listview a.ssMediaLibrary-listview-media {
	display: block !important;
	width: 100% !important;
	padding: 0 !important;
	background: initial;
}

div.ssMediaLibrary-listview.ssMediaLibrary-hidethumbnails a.ssMediaLibrary-listview-media
	{
	display: inline-block !important;
}

div.ssMediaLibrary-listview a.ssMediaLibrary-listview-media:is(:hover,
	:focus) {
	background: initial !important;
}

div.ssMediaLibrary-listview a.ssMediaLibrary-listview-media>span {
	display: block !important;
	width: 100% !important;
	padding: 0 !important;
	background: transparent;
}

div.ssMediaLibrary-listview li>span, div.ssMediaLibrary-listview a.ssMediaLibrary-listview-media
	{
	display: block;
	vertical-align: top;
	overflow: hidden;
	border-radius: 3px;
	box-shadow: 0 0 0 1px #dcdcdc;
	cursor: pointer;
}

div.ssMediaLibrary-listview.preventstreaming li.ssMediaLibrary-type-audiovideo>span,
	div.ssMediaLibrary.preventstreaming span.ssMediaLibrary-thumbnail>img {
	cursor: initial !important;
}

div.ssMediaLibrary-listview.ssMediaLibrary-hidethumbnails li>span, div.ssMediaLibrary-listview.ssMediaLibrary-hidethumbnails a.ssMediaLibrary-listview-media
	{
	display: inline-block;
	width: auto !important;
	margin: 0;
	overflow: initial;
	box-shadow: initial;
}

:is(body.reportwrapper, div.reportDiv) div.ssMediaLibrary-listview li>span,
	:is(body.reportwrapper, div.reportDiv) div.ssMediaLibrary-listview li>span span.ssMediaLibrary-thumbnail>*
	{
	cursor: initial;
}

div.ssMediaLibrary-listview span.ssMediaLibrary-thumbnail {
	display: inline-block;
	height: 85px !important;
	float: none !important;
	overflow: hidden;
	background-color: #cccccc !important;
}

body.mobile div.ssMediaLibrary-listview span.ssMediaLibrary-thumbnail,
	body.mobile div.ssMediaLibrary-listview span.ssMediaLibrary-thumbnail>span.tile
	{
	height: 135px !important;
	width: 100%;
}

div.ssMediaLibrary-listview.ssMediaLibrary-hidethumbnails span.ssMediaLibrary-thumbnail
	{
	display: none;
}

:is(body.reportwrapper, div.reportDiv) div.ssMediaLibrary-listview li>span .tile
	{
	display: none !important;
}

div.ssMediaLibrary-listview span.ssMediaLibrary-thumbnail span.tile:after
	{
	margin-top: 35px !important;
	font-size: 2.1875rem !important;
}

body.mobile div.ssMediaLibrary-listview span.ssMediaLibrary-thumbnail span.tile:after
	{
	margin-top: 60px !important;
	font-size: 3.75rem !important;
}

div.ssMediaLibrary-listview span.ssMediaLibrary-thumbnail>img {
	width: 100%;
	max-height: initial;
	top: 50%;
	transform: translateY(-50%);
}

body.mobile div.ssMediaLibrary-listview span.ssMediaLibrary-thumbnail>img
	{
	max-width: initial;
}

div.ssMediaLibrary-listview span.ssMediaLibrary-filelink {
	display: grid;
	grid-template-columns: 1fr auto;
	margin-top: -7px;
	padding: 10px 20px 5px 7px;
	white-space: nowrap;
}

div.ssMediaLibrary-listview a.ssMediaLibrary-listview-media span.ssMediaLibrary-filelink
	{
	line-height: 18px;
}

div.ssMediaLibrary-listview a.ssMediaLibrary-listview-media:is(:hover,
	:focus) span.ssMediaLibrary-filelink {
	color: initial;
}

body.mobile div.ssMediaLibrary-listview span.ssMediaLibrary-thumbnail+span.ssMediaLibrary-filelink
	{
	width: calc(100% - 15px);
}

div.ssMediaLibrary-listview.ssMediaLibrary-hidethumbnails span.ssMediaLibrary-filelink
	{
	display: inline-block;
	margin: 0;
	padding: 0;
	border: none;
}

div.ssMediaLibrary-listview span.ssMediaLibrary-filelink>span:first-child
	{
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 0.75rem;
}

div.ssMediaLibrary-listview.ssMediaLibrary-hidethumbnails span.ssMediaLibrary-filelink>span:first-child
	{
	max-width: 350px;
	font-size: 0.875rem;
	text-decoration: underline;
	outline: none;
}

div.ssMediaLibrary-listview.ssMediaLibrary-hidethumbnails.preventstreaming li.ssMediaLibrary-type-audiovideo span.ssMediaLibrary-filelink>span:first-child
	{
	text-decoration: none;
}

:is(body.reportwrapper, div.reportDiv) div.ssMediaLibrary-listview.ssMediaLibrary-hidethumbnails li>span>span.ssMediaLibrary-filelink>span:first-child
	{
	text-decoration: none;
}

body.mobile div.ssMediaLibrary-listview.ssMediaLibrary-hidethumbnails span.ssMediaLibrary-filelink>span:first-child
	{
	max-width: 210px;
}

div.ssMediaLibrary-listview span.ssMediaLibrary-filelink>span:last-child:not(:first-child)
	{
	margin-left: -15px;
}

body.mobile div.ssMediaLibrary-listview span.ssMediaLibrary-filelink>span:last-child:not(:first-child)
	{
	margin-left: 15px;
}

div.ssMediaLibrary-listview.ssMediaLibrary-hidethumbnails span.ssMediaLibrary-filelink>span:last-child:not(:first-child)
	{
	display: none;
}

div.ssMediaLibrary-listview li>a:not(.ssMediaLibrary-listview-media) {
	display: inline-block !important;
	width: auto !important;
	padding: 0 !important;
	position: absolute;
	bottom: 5px;
	right: 5px;
}

div.ssMediaLibrary-listview li>a:not(.ssMediaLibrary-listview-media):not(:hover):not(:focus)
	{
	background-color: transparent;
}

div.ssMediaLibrary-listview.ssMediaLibrary-hidethumbnails li>a:not(.ssMediaLibrary-listview-media)
	{
	margin-left: 5px !important;
	position: relative;
	top: -1px;
	left: initial;
	right: initial;
	bottom: initial;
}

div.ssMediaLibrary-listview li>a:not(.ssMediaLibrary-listview-media)>i.fas
	{
	display: inline-block !important;
	padding: 0 3px;
	font-size: 0.75rem;
}

.mappanel_container {
	font-size: 0px;
	white-space: nowrap;
	display: block;
	padding: 5px 0 2px 0 !important;
}

.mappanel_container label {
	left: 10px;
}

.mappanel_container>.distancediv {
	padding-right: 0;
}

.mappanel_container .locationdiv {
	position: relative;
	display: inline-block;
	margin: 0px;
	flex: 1;
	font-size: 0px;
}

.mobile .mappanel_container .locationdiv {
	width: 100%;
	display: block;
	padding-bottom: 5px;
}

.mappanel_container .locationdiv input {
	width: calc(100% - 45px);
	padding-right: 28px;
	padding-left: 25px !important;
}

.mappanel_container .sortdiv {
	padding-left: 0;
}

.mappanel_container .btn-group a {
	border-radius: 0px 4px 4px 0px;
}

#mapbuttons {
	vertical-align: bottom;
}

.prox_distance, .orderby {
	border-radius: 3px 0px 0px 3px;
	margin-right: -1px;
	text-align-last: right;
}

.prox_distance option, .orderby option {
	padding-left: 5px;
}

.prox_distunits, .sortdirection {
	border-radius: 0px 3px 3px 0px;
}

.prox_distunits {
	width: 70px;
}

.sortdirection {
	width: 70px;
	border-radius: 0px 3px 3px 0px;
}

.prox_distance {
	width: calc(100% - 70px);
}

.orderby {
	width: calc(100% - 70px);
}

.orderbylabel {
	position: absolute;
	top: 6px;
	left: 13px;
	color: initial;
}

.distancediv {
	width: 210px;
	max-width: 50%;
	display: inline-block;
	position: relative;
	padding-right: 2px;
}

.mobile .distancediv {
	width: 100%;
	display: block;
	padding: 0 0 5px 0;
}

.recordSelected {
	border: 3px solid #f3c200 !important;
}

.smartsimpleonly {
	display: inline-block;
	color: #656565 !important;
}

.prewrap:not(.statuscolorcell) {
	white-space: pre-wrap;
}

.marker {
	background-color: #ffff00;
}
/* ssFieldValidation */
:root {
	--ssFieldValidation-information: #277798;
	--ssFieldValidation-warning: #D8A93F;
	--ssFieldValidation-error: #D33131;
}

body.beta_newinstructions {
	--ssFieldValidation-information: #315470;
	--ssFieldValidation-warning: #D8A93F;
	--ssFieldValidation-error: #B5352C;
}

.ssFieldValidation-information:not(.ssCheckBoxContainer):not(.ssRadioContainer):not([role="group"]):not([role="radiogroup"]):not(.slider),
	:is(.RadioContainer, .ssRadioContainer) :is(input[type='radio'].ssFieldValidation-information,
	input[type='checkbox'].ssFieldValidation-information)+label {
	box-shadow: 0 0 0 1px var(--ssFieldValidation-information) !important;
	border: 1px solid var(--ssFieldValidation-information) !important;
}

.ssFieldValidation-warning:not(.ssCheckBoxContainer):not(.ssRadioContainer):not([role="group"]):not([role="radiogroup"]):not(.slider),
	:is(.RadioContainer, .ssRadioContainer) :is(input[type='radio'].ssFieldValidation-warning,
	input[type='checkbox'].ssFieldValidation-warning)+label {
	box-shadow: 0 0 0 1px var(--ssFieldValidation-warning) !important;
	border: 1px solid var(--ssFieldValidation-warning) !important;
}

.ssFieldValidation-error:not(.ssCheckBoxContainer):not(.ssRadioContainer):not([role="group"]):not([role="radiogroup"]):not(.slider),
	.Lookup.ssFieldValidation-error+.btn-lookupLeft, :is(.RadioContainer,
	.ssRadioContainer) :is(input[type='radio'].ssFieldValidation-error,
	input[type='checkbox'].ssFieldValidation-error)+label {
	box-shadow: 0 0 0 1px var(--ssFieldValidation-error) !important;
	border: 1px solid var(--ssFieldValidation-error) !important;
}

.ssFieldValidation-information.slider {
	box-shadow: 0 0 0 2px var(--ssFieldValidation-information);
}

.ssFieldValidation-warning.slider {
	box-shadow: 0 0 0 2px var(--ssFieldValidation-warning);
}

.ssFieldValidation-error.slider {
	box-shadow: 0 0 0 2px var(--ssFieldValidation-error);
}

.Lookup.ssFieldValidation-error+.btn-lookupLeft:hover:not(:focus) {
	box-shadow: 0 0 0 1px var(--ssFieldValidation-error), 4px 0 0 1px
		transparent inset !important;
}

.ssFieldValidation-information input:is([type="radio"], [type="checkbox"]):not(:focus)+label:before
	{
	color: var(--ssFieldValidation-information) !important;
}

.ssFieldValidation-warning input:is([type="radio"], [type="checkbox"]):not(:focus)+label:before
	{
	color: var(--ssFieldValidation-warning) !important;
}

.ssFieldValidation-error:not(.ssUploadedFileList-hasDescription) input:is([type="radio"],
	[type="checkbox"]):not(:focus)+label:before {
	color: var(--ssFieldValidation-error) !important;
}

.Lookup:is(.ssFieldValidation-information, .ssFieldValidation-warning,
	.ssFieldValidation-error) {
	border-right-color: transparent !important;
}

div.ssFieldValidation {
	display: table !important;
	width: 100%;
	margin: 5px 0;
	font-size: 0.875rem;
}

div.ssFieldValidation.hidden {
	position: absolute;
	opacity: 0;
}

div.ssFieldValidation:last-of-type {
	margin-bottom: 0;
}

div.ssFieldValidation-type-none {
	margin: 5px 0;
}

textarea:not(.expandableInput)+div.ssFieldValidation:not(.isfirefox) {
	margin-top: 0;
}

:is(input[type="text"], .text-help)+div.ssFieldValidation-type-none {
	margin-top: 10px;
}

:is(.ssCheckBoxContainer, .ssRadioContainer)+div.ssFieldValidation, :is(.ssCheckBoxContainer,
	.ssRadioContainer)+.text-help+div.ssFieldValidation {
	margin-top: -5px;
}

div.ssFieldValidation>dl {
	display: table-row;
}

dt.ssFieldValidation-icon {
	display: table-cell;
	width: 1px;
}

dt.ssFieldValidation-icon>i:before {
	font-size: 0.9375rem;
	font-weight: bold;
}

div.ssFieldValidation-type-information dt.ssFieldValidation-icon>i:before
	{
	color: var(--ssFieldValidation-information);
}

div.ssFieldValidation-type-warning dt.ssFieldValidation-icon>i:before {
	color: var(--ssFieldValidation-warning);
}

div.ssFieldValidation-type-error dt.ssFieldValidation-icon>i:before {
	color: var(--ssFieldValidation-error);
}

dd.ssFieldValidation-message {
	display: table-cell;
	padding-left: 5px;
	position: relative;
	top: -1px;
	line-height: 18px;
}

div.ssFieldValidation-type-information dd.ssFieldValidation-message {
	color: var(--ssFieldValidation-information);
}

div.ssFieldValidation-type-warning dd.ssFieldValidation-message {
	color: #966b1d;
}

div.ssFieldValidation-type-error dd.ssFieldValidation-message {
	color: var(--ssFieldValidation-error);
}
/* cart */
.cartbuttonsContainer {
	display: inline-block;
	margin: 0 0 10px 0;
}

.cartbuttonsContainer .Button {
	padding: 4px 14px 4px 10px;
}

.cartbuttonsContainer .Button i {
	padding-right: 5px;
}

.mobilediv .cartbuttonsContainer {
	display: inline-block;
}

/*countdown timer message */

/* global timer template styles */
.countdowntemplate {
	position: relative;
	width: 400px;
	max-height: 150px;
	padding-top: 1px;
	box-sizing: border-box;
	background-size: cover;
	background-position: center;
}

.countdowntemplate .overlay {
	position: absolute;
	top: 10px;
	left: 10px;
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	background-repeat: no-repeat;
	background-size: cover;
}

.countdowntemplate .content {
	position: relative;
	padding: 2px 0;
}

.countdowntemplate .countdowntimer-datetime, .countdowntemplate .countdowntimer-titles
	{
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: center;
}

.countdowntemplate .countdowntimer {
	margin: 10px 0 0 0;
}

.countdowntemplate .countdownmessage {
	font-weight: normal;
	font-size: 1.125rem;
	word-break: break-word;
}

.countdowntemplate .countdownmessage:only-child {
	margin-bottom: 0;
}
/* template 1*/
.countdowntemplate.template1 {
	color: #444;
}

.countdowntemplate.template1 .countdownmessage {
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
}

.countdowntemplate.template1 .countdownmessage:only-child {
	margin-bottom: 0;
}

.countdowntemplate.template1 .countdowntimer {
	font-family: 'Roboto Condensed', Arial;
	font-weight: normal;
	width: 100%;
	text-align: center;
}

.countdowntemplate.template1 .countdowntimer-datetime>span {
	font-size: 1.5rem;
	width: 60px;
}

.countdowntemplate.template1 .countdowntimer-titles>span {
	font-size: 0.8125rem !important;
	width: 60px;
}

/* template 2 */
.countdowntemplate.template2 {
	color: #fff;
	background-color: #adadad;
	padding: 15px 5px 15px 5px;
}

.countdowntemplate.template2 .countdownmessage {
	width: 100%;
	text-align: center;
	margin-bottom: 0;
}

.countdowntemplate.template2 .countdowntimer {
	font-family: 'Roboto Condensed', Arial;
	width: 100%;
	text-align: center;
}

.countdowntemplate.template2 .countdowntimer-datetime>span {
	font-weight: bold;
	font-size: 1.875rem;
	line-height: 36px;
	color: #FFFFFF;
	width: 55px;
	/*background: #37003c;*/
	background: rgba(0, 0, 0, 70%);
	border-radius: 6px;
	padding: 7px 0;
	margin-right: 15px;
}

.countdowntemplate.template2 .countdowntimer-datetime>span:last-of-type,
	.countdowntemplate.template2 .countdowntimer-titles>span:last-of-type {
	margin-right: 0;
}

.countdowntemplate.template2 .countdowntimer-titles>span {
	font-size: 1rem !important;
	font-weight: 300;
	width: 55px;
	margin: 5px 15px 0 0;
}
/* template 3 */
.countdowntemplate.template3 {
	color: #fff;
	padding: 12px;
	background-color: rgba(193, 193, 193, 1);
}

.countdowntemplate.template3 .overlay {
	background-color: rgba(0, 0, 0, 20%);
}

.countdowntemplate.template3 .countdownmessage {
	width: 100%;
	text-align: center;
}

.countdowntemplate.template3 .content {
	padding: 5px 0;
}

.countdowntemplate.template3 .countdownmessage:only-child {
	margin-top: 0;
}

.countdowntemplate.template3 .countdowntimer {
	font-family: 'Roboto Condensed', Arial;
	width: 100%;
	text-align: center;
	margin-top: 10px;
}

.countdowntemplate.template3 .countdowntimer-datetime>span {
	font-weight: bold;
	font-size: 1.875rem;
	background: #fff;
	color: #444;
	width: 55px;
	padding: 7px 0;
	margin-right: 15px;
}

.countdowntemplate.template3 .countdowntimer-datetime>span:last-of-type,
	.countdowntemplate.template3 .countdowntimer-titles>span:last-of-type {
	margin-right: 0;
}

.countdowntemplate.template3 .countdowntimer-titles>span {
	font-size: 1rem !important;
	font-weight: 300;
	width: 55px;
	margin: 5px 15px 0 0;
}
/* template 4 */
.countdowntemplate.template4 {
	color: #fff;
	padding: 10px;
	background-color: rgba(68, 68, 68, 1);
}

.countdowntemplate.template4 .countdownmessage {
	width: 100%;
	text-align: center;
	margin-bottom: 0;
}

.countdowntemplate.template4 div.countdownmessage:only-child {
	margin: 5px 0;
	padding: 0 5px;
	box-sizing: border-box;
}

.countdowntemplate.template4 .countdowntimer {
	font-family: 'Roboto Condensed', Arial;
	width: 100%;
	text-align: center;
}

.countdowntemplate.template4 .countdowntimer-datetime>span {
	font-weight: bold;
	font-size: 1.875rem;
	color: inherit;
	border: 2px solid;
	border-color: inherit;
	border-radius: 50%;
	height: 60px;
	width: 60px;
	padding: 10px;
	margin-right: 15px;
	box-sizing: border-box;
}

.countdowntemplate.template4 .countdowntimer-titles>span {
	font-size: 1rem !important;
	font-weight: 300;
	width: 65px;
	margin: 5px 10px 0 0;
}
/* countdown timer */
.countdownmessage {
	width: 250px;
	font-size: 1rem;
	text-align: center;
	font-weight: bold;
	margin-bottom: 6px;
}

.countdowntimer {
	width: 250px;
	text-align: center;
	font-weight: normal;
}

.countdowntimer-datetime, .countdowntimer-titles {
	display: inline-block;
	text-align: center;
}

.countdowntimer-datetime>span {
	float: left;
	font-size: 1.0625rem;
	font-weight: 500;
	width: 40px;
	text-align: center;
}

.countdowntimer-titles>span {
	float: left;
	font-size: 0.75rem !important;
	width: 40px;
	text-align: center;
}

.countdowntemplate.template4 .countdowntimer-datetime>span:last-of-type,
	.countdowntemplate.template4 .countdowntimer-titles>span:last-of-type {
	margin-right: 0;
}

.templatepickercontainer {
	width: auto;
	display: flex;
	flex-wrap: wrap;
}

#countertemplatetab.configfields .uploadInput {
	width: auto !important;
}

.templatepickercontainer .templatecontainer {
	width: 400px !important;
	height: 140px;
	margin-bottom: 20px;
}

.templatepickercontainer .template1 {
	padding: 30px 5px 30px 5px;
}
/* orcid */
#orcidlink {
	color: #2a6496;
	text-decoration: none;
}

#orcidlink:hover {
	color: #8ab200;
	text-decoration: none;
}

.orcidbut {
	display: block;
}

.orcidbut .greyButton {
	padding: 5px 10px !important;
	text-decoration: none;
}

.orcidbut .greyButton i {
	font-size: 1.0625rem !important;
	color: #8ab200;
	padding-right: 5px;
	vertical-align: baseline;
}

.orchidchartview .profileinfo {
	border: 2px solid #eee !important;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 10px;
	background: #fafafa;
	margin: 10px 0 0 0;
}

.orchidchartview .profilecontent {
	display: inline-block;
	width: calc(100% - 450px);
}

.orchidchartview .profilecontent div {
	font-size: 0.8125rem;
	padding: 2px 0;
}

.orchidchartview .profilecontent div i {
	font-size: 1.0625rem;
	color: #8ab200;
}

.orchidchartview .profilebut {
	float: right;
	display: inline-block;
	width: auto;
	vertical-align: top;
	margin: 15px 0 0 0;
}

.orchidchartview .orciduser {
	font-size: 1rem;
	color: #8ab200;
	padding-left: 6px;
	font-weight: 500;
}

.orchidcount {
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: left;
	-webkit-justify-content: left;
	overflow: hidden;
	width: 100%;
	margin: 5px 0 0 0;
}

.orchidcount.workscount {
	margin-bottom: 5px;
}

.orchidcountcontent {
	width: auto;
	margin: 0 15px 10px 0;
	padding: 0;
	display: inline-block;
	text-align: center;
	background: #f9f9f9;
	padding: 10px 12px;
	border-radius: 3px;
	min-width: 190px;
	max-width: 290px;
	border: 2px solid #eee;
	box-sizing: border-box;
}

.orchidcountcontent span {
	font-weight: normal;
	font-size: 1.125rem;
	display: block;
	color: var(--buttonbgcolor);
}

.orchidcountcontent span+span {
	font-size: 1.375rem;
	padding: 0px 0 0 0;
	color: #444;
	font-family: 'Roboto Condensed', arial;
}

.statusvisibility .fa-ban {
	font-size: 1.25rem;
	padding: 5px 1px;
}
/* dynamic text input */
span.dynamicinput {
	font-family: 'Roboto', "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: #FFF;
	border: 1px solid #949494;
	box-shadow: 0px 1px 1px rgb(0 0 0/ 8%) inset;
	transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
	display: inline-block;
	padding: 4px 6px;
	font-size: 0.9375rem;
	line-height: 21px;
	word-break: break-all;
	color: #222;
	border-radius: 3px;
	box-sizing: border-box;
	min-width: 380px;
	max-width: 380px;
}

span.dynamicinput:focus {
	background-color: var(--chathighlightcolor);
	color: #000;
	border: 1px rgba(82, 168, 236, 0.8) solid;
	border-color: rgba(82, 168, 236, 0.8);
	outline: 0;
	outline: thin dotted \9;
	box-shadow: inset 0 1px 1px rgb(0 0 0/ 8%), 0 0 8px rgb(82 168 236/ 60%);
}

textarea.expandableInput {
	max-height: 250px;
	margin-bottom: -3px;
	overflow-y: hidden;
	resize: none;
}

#instr_incomingpackages, #instr_outgoingpackages {
	padding: 10px 10px 10px 35px !important;
}

#instr_incomingpackages, #instr_outgoingpackages,
	#objectnotenotification {
	margin-top: 10px;
}

#instr_incomingpackages:before, #instr_outgoingpackages:before {
	padding: 10px 10px 0 0;
}

#instr_incomingpackages .instruction_title, #instr_outgoingpackages .instruction_title
	{
	display: inline-block;
	font-weight: bold !important;
}

div.yui-uploader {
	border: 2px dashed #D7D7D7;
	margin: 0 0 10px 0;
	overflow: auto;
}

div.yui-uploader.uploading {
	height: 200px;
}

div.yui-uploader.yui-draghighlight {
	border-color: #97d2e0;
}

div.yui-uploader.yui-draghighlight * {
	color: #0a7c92 !important;
	background-color: #f6fbfe;
}

table.yui-uploader-table td {
	position: relative;
}

#ddmessage {
	color: #767676;
	padding: 25px 20px;
	font-size: 0.875rem;
	text-align: center;
}

#ddmessage>span:first-child:not(span.nofiles) {
	display: inline-grid;
	grid-template-columns: auto auto;
	text-align: left;
}

#uploader-fileicon {
	padding-right: 10px;
}

#uploader-fileicon>i.fa-file-upload {
	font-size: 2.8125rem;
	color: #c6c6c6;
}

#uploader-description {
	line-height: 21px;
}

#uploader-description>span {
	display: block;
	font-size: 0.9375rem;
}

#uploader-description>span:first-child, #ddmessage>span.nofiles {
	font-size: 1.125rem;
	font-weight: bold;
	margin-bottom: 3px;
}

#uploader-description span.descriptionlabel, #allowedfiletypesmessage span.typelabel
	{
	font-weight: 500;
}

#uploadmessage {
	word-break: break-all;
	padding: 0px 20px 0px 20px;
	white-space: pre;
}

#allowedfiletypesmessage {
	display: block;
	color: #767676;
	margin-top: 20px;
	padding: 0 100px;
	font-size: 0.875rem;
	line-height: 18px;
}

#allowedfiletypesmessage>span {
	display: block;
}

#allowedfiletypesmessage>span:first-child {
	font-weight: bold;
	padding-bottom: 2px;
}

.error .fa-times {
	padding: 2px 5px;
}

.error .fa-times:focus-visible {
	outline: 0;
	background-color: #740242;
}

.jconfirm-content-pane {
	overflow-y: auto !important;
}

#copytext {
	margin: 0 15px 25px 15px;
	white-space: nowrap;
	text-align: center;
}

#copytextstring, .copytextstring {
	max-width: 50vw !important;
	width: 100vw;
}

#lockmsg {
	display: grid;
	grid-template-columns: auto 1fr;
	padding: 5px 10px;
	text-align: left;
}

#lockmsg>span>i {
	position: relative;
	top: 3px;
	font-size: 1.5rem;
	color: #277798;
}

#lockmsg>span>i:before {
	border-radius: 100%;
	background-color: #ffffff;
}

#lockmsg>div {
	margin: 0 10px;
	align-self: center;
}

#lockmsg>div>span {
	display: inline-block;
}

#lockmsg.hasundo>div>span {
	margin: 5px 5px 5px 0;
}

div.tooltip ul {
	padding-left: 20px;
}

#verifycodetable td {
	white-space: nowrap;
}

span#resendcodemsg {
	white-space: initial;
}

#verifycodetable #resendcodemsgdiv {
	padding: 10px 5px;
}

#resendcodemsgdiv i.fa-check {
	margin-right: 3px;
	color: #44ab2b;
}

#textcopy {
	position: fixed;
	opacity: 0;
}

td.statuscolorcell {
	height: 0;
}

td.statuscolorcell>div {
	display: table;
	height: 100%;
	width: 100%;
	margin: -6px -4px;
	padding: 6px 4px;
	border: 1px solid #F8F8F8;
	border-radius: 4px;
}

td.statuscolorcell>div>div {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

textarea.richtext {
	display: none !important;
}

@media screen and (max-width: 1715px) {
	div.ssMediaLibrary-audioVideo div.audioplayerwrapper div.mejs-controls {
		height: 65px;
		top: -15px;
	}
	div.ssMediaLibrary-audioVideo div.audioplayerwrapper div.mejs-controls>div,
		div.ssMediaLibrary-audioVideo div.audioplayerwrapper div.mejs-controls>a
		{
		display: inline-block !important;
		float: none !important;
	}
	div.ssMediaLibrary-audioVideo div.audioplayerwrapper div.mejs-playpause-button
		{
		position: relative;
		top: -5px;
	}
	div.ssMediaLibrary-audioVideo div.audioplayerwrapper div.mejs-time-rail,
		div.ssMediaLibrary-audioVideo div.audioplayerwrapper span.mejs-time-slider
		{
		width: calc(100% - 40px) !important;
	}
	div.ssMediaLibrary-audioVideo div.audioplayerwrapper div.mejs-time {
		margin-left: 28px;
	}
	div.ssMediaLibrary-audioVideo div.audioplayerwrapper a.mejs-horizontal-volume-slider
		{
		width: 1px;
		margin-top: -17px;
	}
	.mobile .inputcontrol form div:first-of-type {
		display: inline-block;
	}
}

@media screen and (max-width: 1012px) {
	div.ssMediaLibrary-audioVideo div.audioplayerwrapper {
		width: calc(100% - 50px) !important;
	}
	div.ssMediaLibrary-audioVideo div.audioplayerwrapper div.mejs-controls {
		width: calc(100% + 10px);
	}
	div.ssMediaLibrary-audioVideo div.mejs-audio {
		height: 15px !important;
	}
	.gortautomation {
		width: 100%;
	}
	.gortinfotable {
		width: 100%
	}
}

@media screen and (max-width: 768px) {
	#mediaPlayerDock div.audioplayerwrapper {
		margin-left: 0;
	}
	#copytextstring {
		max-width: calc(100% - 75px) !important;
	}
}

@media screen and (max-width: 699px) {
	button.ssMediaLibrary-annotateButton {
		display: none;
	}
}

@media screen and (max-width: 665px) {
	div.ssMediaLibrary-audioVideo div.audioplayerwrapper {
		width: calc(100% - 10px) !important;
		top: calc(50% - 20px);
	}
}

@media screen and (max-width: 600px) {
	.stacked .pagescrollcount {
		display: none;
	}
}

@media screen and (max-width: 479px) , screen and (max-width: 915px) and
	(orientation: landscape) {
	body.mobile div.ssMediaLibrary-container-details div.cbp-vm-details span
		{
		display: block;
	}
}

/* ssMediaPlayer - End */
.split_graph_container #docs-container {
	height: 100vh;
	width: 25%;
	background: #fff;
	position: absolute;
	display: none;
	overflow-y: auto;
	top: 40px;
	right: 0;
	min-width: 375px;
	max-width: 375px;
	-webkit-box-shadow: 2px 0px 12px 7px rgba(236, 236, 236, 0.8);
	-moz-box-shadow: 2px 0px 12px 7px rgba(236, 236, 236, 0.8);
	box-shadow: 2px 0px 12px 7px rgba(236, 236, 236, 0.8);
	z-index: 600;
	overflow-x: hidden;
}

.split_graph_container #docs-container div.workflow {
	float: left;
	font-size: 0.6875rem;
	padding: 3px;
	width: auto;
	margin: 0 0 5px 22px;
	background: #c7c4df;
	border: 1px solid #8780bb;
	border-radius: 4px;
}

.split_graph_container #docs-container div.status {
	float: left;
	font-size: 0.6875rem;
	padding: 3px;
	width: auto;
	margin: 0 0 5px 22px;
	background: #96d7cc;
	border: 1px solid #55bdab;
	border-radius: 4px;
}

.split_graph_container #docs-container div.buttontype {
	float: left;
	font-size: 0.6875rem;
	padding: 3px;
	width: auto;
	margin: 0 0 5px 22px;
	background: var(--buttonbgcolor, #dfdfdf);
	border: 1px solidvar(--buttonbgcolor, #dfdfdf);
	color: var(--buttonfontcolor);
	border-radius: 4px;
}

.split_graph_container #docs-scroll {
	overflow-y: scroll;
}

.split_graph_container #docs {
	padding: 15px 0 8px 0;
	position: relative;
}

.split_graph_container .docs h2 {
	max-width: 320px;
	font-size: 1.5625rem;
	font-weight: normal;
	padding: 0px 25px 4px 20px;
	margin: 0px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	box-sizing: border-box;
}

.split_graph_container .docs h3 {
	background: #f4f4f4;
	font-weight: 700;
	padding: 10px 10px 10px 20px;
	margin: 10px 0 0 0;
}

.split_graph_container #docs-close {
	position: absolute;
	top: 19px;
	right: 5px !important;
	font-size: 1.25rem;
	float: right;
	cursor: pointer;
	padding: 0 5px 0 5px;
	transition: background ease-in 0.2s;
}

.split_graph_container #docs-close:hover {
	background: #000;
	color: #fff;
	transition: background ease-in 0.2s;
}

.split_graph_container #docs ul {
	padding: 0;
	margin: 0;
}

.split_graph_container #docs ul li {
	width: 100%;
	display: inline-block;
	border-bottom: 1px solid #efecec;
	padding-bottom: 0;
	box-sizing: border-box;
}

.split_graph_container #docs ul li a {
	padding: 10px 0 10px 20px;
	display: block;
	text-decoration: underline;
}

#docs ul li.none {
	padding: 10px 0 10px 20px;
	display: block;
	text-decoration: none;
}

.split_graph_container #docs ul li a:hover {
	background: #f9f9f9;
}

.split_graph_container .docs span {
	display: inline-block;
	width: 100%;
	padding: 0 0 0 20px;
}

.split_graph_container .docs h2 em, .docs h3 em {
	font-size: 0.875rem;
	color: #999;
	padding-left: 4px;
	font-style: normal;
}

.split_graph_container .docs pre {
	margin: 8px;
	padding: 4px;
}

.split_graph_container .docs .select-object.missing {
	color: #c7254e;
}

#split-container {
	height: 100%;
	width: 100%;
}

#split-container #graph-container {
	width: 100%;
	height: 300px;
	overflow: hidden;
	visibility: hidden;
}

.sampleimage {
	padding: 0 20px 20px 20px;
}

.sampleimage>img {
	display: block;
	max-width: 80vw;
	width: 100%;
}

.previewimage {
	width: auto !important;
	min-width: 320px;
	text-align: center;
}

.previewimage>div {
	display: inline;
	margin: 0 10px;
	position: relative;
	top: 1px;
}

.previewimage>div>img {
	display: inline-block;
	max-height: calc(100% - 20px);
	max-width: calc(100% - 20px);
}

.Form .stagecolor {
	display: inline-block;
	height: 20px;
	width: 20px;
	margin-left: 5px;
	position: relative;
	top: 5px;
}

.Form .textreadonly_container .stagecolor {
	top: 0;
}

.aicontent_container {
	display: block;
}

.aitag_container {
	display: inline-block;
	white-space: nowrap;
	color: #407e67;
	margin: 6px 2px;
	border-radius: 3px;
	overflow: hidden;
}

.aitag_container div {
	font-size: 0.8125rem;
	background: #eff6f4;
	padding: 4px 12px 4px 6px;
	display: inline-block;
}

.aitag_container div:first-child {
	font-size: 0.8125rem;
	background: #407e67;
	color: #FFFFFF;
	padding: 4px 6px;
}

.highVisibilityOptions {
	background: #FFF;
	display: none;
	margin: 0;
	top: 50px;
	padding-left: 0;
	list-style-type: none;
	position: fixed;
	right: -1px;
	z-index: 1999;
}

.highVisibilityOptions>li {
	display: inline-block;
	border: 1px #ECEFF1 solid;
	margin-left: -1px;
}

.highVisibilityOptions>li:first-child {
	background-color: #eee;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.highVisibilityOptions>li>span {
	display: inline-block;
	cursor: pointer;
	font-family: FontAwesome;
	font-size: 1.5rem;
	content: '\f054';
	color: var(--buttonbgcolor, #dfdfdf);
	padding: 6px 8px 6px 8px;
	margin: 0px;
	vertical-align: top;
	position: relative;
	display: inline-block;
	outline: 0;
	transition: 0.15ms ease-in;
}

.highVisibilityOptions>li>span:hover {
	background: #f5f5f5;
	transition: 0.15ms ease-in;
}

.highVisibilityOptions>li:first-child>span:hover {
	background: #ddd;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.highVisibilityOptions>li>span.focus {
	background: var(--buttonbgcolor, #dfdfdf);
}

.highVisibilityOptions>li>span.focus i {
	color: var(--buttonfontcolor, #dfdfdf);
}

.highVisibilityOptions>li:first-child>span.focus {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.highVisibilityOptions>li>div.exchangediv {
	display: inline-block;
	cursor: pointer;
	font-family: inherit;
	font-size: 1.5rem;
	content: '\f054';
	color: #444;
	padding: 4px 8px 3px 8px;
	margin: 0px;
	vertical-align: top;
	position: relative;
	display: inline-block;
	transition: 0.15ms ease-in;
	cursor: default;
}

.highVisibilityOptions>li>div.exchangediv>div {
	font-size: 1.125rem;
}

.highVisibilityOptions>li>div.exchangediv>div i {
	font-size: 1.5rem;
	padding-right: 2px;
}

.objdockopen .highVisibilityOptions {
	background: #FFF;
	display: block;
	margin: 0;
	top: 50px;
	padding-left: 0;
	list-style-type: none;
	position: fixed;
	right: 540px;
}

#notify.dropdown {
	position: relative;
	display: inline-block;
}

#notifylist {
	margin: 0px;
	padding: 0px;
}

a.notificationlist {
	font-size: 0.75rem;
	line-height: 16px;
	padding: 5px 10px 5px 10px !important;
	display: block;
	clear: both;
	font-weight: normal;
	color: #333333 !important;
	white-space: nowrap;
	text-decoration: none !important;
	text-align: left;
	margin: 0px !important;
}

a.notificationlist:hover {
	color: #ffffff !important;
	background: #5d5d5d !important;
	background-color: #5d5d5d !important;
}

a.notificationlist i {
	font-size: 0.6875rem !important;
	padding-right: 2px !important;
}

div.currency, div.currencyExchange {
	display: inline-block;
	position: relative;
	background-color: transparent;
}

div.currencyExchange>table>tbody>tr>td.Form:first-child {
	padding: 0 5px 0 0;
}

div.currencyExchange>table>tbody>tr>td.Form:last-child {
	width: 100%;
	padding: 0;
}

div.currencyExchange>table>tbody>tr>td.Form {
	padding-bottom: 10px !important;
	position: relative;
	background-color: transparent;
}

div.currencyExchange div.currencyExchangeMessage {
	float: right;
	display: inline-block;
	margin: 0 6px 0 0;
	font-size: 0.75rem;
	position: relative;
	top: 1.5px;
}

div.currencyExchange i.fas {
	float: right;
	margin: 1px 0 0 0;
}

div.currency span.select2-container, div.currencyExchange span.select2-container
	{
	width: 100% !important;
	min-width: auto;
	max-width: none !important;
	position: absolute;
}

.stacked div.currency, .stacked div.currencyExchange {
	display: inline-block;
	max-width: none !important;
	width: 93%;
}

.stacked div.currencyExchange td.Form {
	padding-bottom: 20px !important;
}

.stacked div.currencyExchange td.Form input {
	min-width: auto !important;
	max-width: none !important;
	width: calc(100% + 5px) !important;
}

.stacked div.currencyExchange span.select2-container, div.currency span.select2-container
	{
	position: initial;
}

/* Gort */
.gortintotablewrapper {
	display: inline-block;
	width: 100%;
	margin: 0 0 10px 0;
}

.gortinfotable {
	display: inline-block;
	vertical-align: top;
	width: 58%
}

.gortautomation {
	display: inline-block;
	float: right;
	width: 38%;
	vertical-align: top;
}

.gortautomation div.custabcontainer_in {
	padding: 10px 0;
}

.gortautomation div.SubTitle {
	margin-bottom: 0;
}

/* system locked message */
.sysconfigmsg {
	padding: 5px;
}

.sysconfigmsg span {
	display: inline-block;
	color: #fff;
	background: #b40003;
	height: 25px;
	width: 25px;
	border-radius: 50%;
}

.sysconfigmsg span i {
	padding: 5px;
}

.sysconfigmsg p {
	display: inline-block;
	font-size: 0.9375rem;
	font-weight: bold;
	color: inherit;
	margin: 0 0 0 5px;
}

@media screen and (max-width: 1715px) {
	div.ssMediaLibrary-audioVideo div.audioplayerwrapper div.mejs-controls {
		height: 65px;
		top: -15px;
	}
	div.ssMediaLibrary-audioVideo div.audioplayerwrapper div.mejs-controls>div,
		div.ssMediaLibrary-audioVideo div.audioplayerwrapper div.mejs-controls>a
		{
		display: inline-block !important;
		float: none !important;
	}
	div.ssMediaLibrary-audioVideo div.audioplayerwrapper div.mejs-playpause-button
		{
		position: relative;
		top: -5px;
	}
	div.ssMediaLibrary-audioVideo div.audioplayerwrapper div.mejs-time-rail,
		div.ssMediaLibrary-audioVideo div.audioplayerwrapper span.mejs-time-slider
		{
		width: calc(100% - 40px) !important;
	}
	div.ssMediaLibrary-audioVideo div.audioplayerwrapper div.mejs-time {
		margin-left: 28px;
	}
	div.ssMediaLibrary-audioVideo div.audioplayerwrapper a.mejs-horizontal-volume-slider
		{
		width: 1px;
		margin-top: -17px;
	}
	.mobile .inputcontrol form div:first-of-type {
		display: inline-block;
	}
}

@media screen and (max-width: 1012px) {
	div.ssMediaLibrary-audioVideo div.audioplayerwrapper {
		width: calc(100% - 50px) !important;
	}
	div.ssMediaLibrary-audioVideo div.audioplayerwrapper div.mejs-controls {
		width: calc(100% + 10px);
	}
	div.ssMediaLibrary-audioVideo div.mejs-audio {
		height: 15px !important;
	}
	.gortautomation {
		width: 100%;
	}
	.gortinfotable {
		width: 100%
	}
	#allowedfiletypesmessage {
		padding: 0 20px;
	}
}

@media screen and (max-width: 768px) {
	#mediaPlayerDock div.audioplayerwrapper {
		margin-left: 0;
	}
}

@media screen and (max-width: 699px) {
	button.ssMediaLibrary-annotateButton {
		display: none;
	}
}

@media screen and (max-width: 665px) {
	div.ssMediaLibrary-audioVideo div.audioplayerwrapper {
		width: calc(100% - 10px) !important;
		top: calc(50% - 20px);
	}
}

/* ssMediaPlayer - End */
div.fullscreen-video {
	height: 100% !important;
	position: fixed !important;
	top: 0;
	left: 0;
	z-index: 1001 !important
}

div.fullscreen-video iframe.fullscreen-video {
	height: 100% !important;
	width: 100% !important;
}

select+span.select2 {
	max-width: 800px !important;
}

select.section_criteria[multiple]+span.select2, select:not([multiple])+span.select2
	{
	max-width: 380px !important;
}

strong.select2-results__group {
	font-weight: normal;
	background-color: #F0F0F0;
}

strong.select2-results__group:empty {
	display: none;
}

span.select2-dropdown {
	z-index: 999;
}

span.select2-container {
	top: 0;
}

section.ssWindow-backdrop ~ span.select2-container--open {
	z-index: 2050;
}

.jconfirm+span.select2-container {
	z-index: 99999999;
}

span.select2-container strong.select2-results__group:empty+ul li.select2-results__option
	{
	font-weight: bold;
}

ul.select2-results__options--nested>li.select2-results__option {
	padding-left: 6px !important;
}

select.select2select {
	visibility: hidden;
	position: fixed !important;
}

select.select2select[data-isshowclosesingle="true"]+span.select2-container.hasValue
	{
	margin-right: 20px;
}

span.select2-container, select.select2select[multiple]+span.select2-container input.select2-search__field:not([placeholder=''])
	{
	width: auto !important;
}

div.jconfirm-content select.select2select[multiple]+span.select2-container input.select2-search__field:not([placeholder=''])
	{
	width: 378px !important;
}

select.select2select[multiple]+span.select2-container input.select2-search__field[placeholder='']
	{
	margin-right: 30px;
}

li.select2-search--inline {
	padding: 0 !important;
}

span.select2-container li.select2-search--inline:first-child, span.select2-container ul.select2-selection__rendered>li.select2-search--inline:first-child>input.select2-search__field
	{
	width: 100% !important;
}

span.select2-container input.select2-search__field {
	text-overflow: ellipsis;
}

select.select2select[multiple]+span.select2-container input.select2-search__field
	{
	height: auto !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow
	{
	font-weight: bold;
	height: auto !important;
	line-height: 21px;
	vertical-align: middle;
	text-align: center;
	top: 0px !important;
	right: 0px !important;
	width: 12px !important;
	padding: 3px 4px;
	box-sizing: content-box;
}

span.select2-container span.select2-selection--single span.select2-selection__arrow:before
	{
	content: "\f078";
	font-family: "Font Awesome 6 Pro";
	font-size: 0.6875rem;
	font-weight: bold;
	position: relative;
	top: 2px;
}

span.select2-container span.select2-selection--single span.select2-selection__arrow>b
	{
	display: none;
}

span.select2-selection__clear {
	margin: 0 2px 0 0 !important;
	position: absolute;
	font-size: 1.4375rem;
	line-height: 21px !important;
	padding: 4px 3px !important;
	color: #888888;
}

span.select2-selection--multiple li.select2-selection__choice {
	line-height: 19px;
	max-width: calc(100% - 35px);
	padding-right: 18px !important;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
}

span.select2-selection--multiple span.select2-selection__choice__remove
	{
	position: absolute;
	right: 0;
}

span.select2-selection__choice__remove {
	font-size: 1.125rem;
	line-height: 18px;
	height: 18px;
	padding: 0 3px;
	margin: 0 0 0 2px !important;
	vertical-align: top;
	transition: 0.15ms ease-in;
}

span.select2-selection__choice__remove:hover {
	background: #666666;
	color: #dddddd !important;
	transition: 0.15ms ease-in;
}

span.select2-selection--multiple span.select2-selection__clear {
	right: 7px;
}

select[disabled]+span.select2-container span.select2-selection__clear {
	display: none !important;
}

span.select2-container span.select2-selection--single span.select2-selection__rendered
	{
	padding-left: 5px;
	padding-right: 14px;
}

span.select2-container span.select2-selection--single span.select2-selection__rendered span.select2-selection__placeholder
	{
	color: #7a7a7a;
}

span.select2-container span.select2-selection--single span.select2-selection__rendered i.fa-blank,
	span.select2-container ul.select2-results__options li.select2-results__option i.fa-blank
	{
	display: none;
}

span.select2-container span.select2-selection--single span.select2-selection__rendered i.fa:not(.fa-blank),
	span.select2-container ul.select2-results__options li.select2-results__option i.fa:not(.fa-blank),
	span.select2-container span.select2-selection--single span.select2-selection__rendered i.fas:not(.fa-blank),
	span.select2-container ul.select2-results__options li.select2-results__option i.fas:not(.fa-blank),
	span.select2-container span.select2-selection--single span.select2-selection__rendered i.far:not(.fa-blank),
	span.select2-container ul.select2-results__options li.select2-results__option i.far:not(.fa-blank),
	span.select2-container span.select2-selection--single span.select2-selection__rendered i.fal:not(.fa-blank),
	span.select2-container ul.select2-results__options li.select2-results__option i.fal:not(.fa-blank),
	span.select2-container span.select2-selection--single span.select2-selection__rendered i.fab:not(.fa-blank),
	span.select2-container ul.select2-results__options li.select2-results__option i.fab:not(.fa-blank)
	{
	width: 23px;
}

span.select2-selection {
	min-height: 31px !important;
	border-color: #949494 !important;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
}

select.select2select:disabled+span.select2-container.select2-container--focus span.select2-selection
	{
	border-color: #949494 !important;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset !important;
}

ul.select2-selection__rendered>li {
	margin: 0;
	list-style-type: none;
}

span.select2-fontAwesome-option>span:last-child {
	position: absolute;
	right: 40px;
}

span.select2-results span.select2-fontAwesome-option>span:last-child {
	right: 10px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice
	{
	font-size: 0.875rem;
	margin-top: 4px !important;
}

.select2-container .select2-search--inline .select2-search__field {
	margin-top: 4px !important;
}

.select2-container--default .selection {
	line-height: initial;
}

.select2-container .select2-selection--multiple .select2-selection__rendered
	{
	display: block !important;
	padding: 0 15px 4px 5px !important;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.fancy-label input[type=text].form-control:focus, .fancy-label textarea.form-control:focus,
	.fancy-label select.form-control:focus, .fancy-label input[type=text].Large:focus
	{
	border-bottom: 2px solid var(--buttonbgcolor, #dfdfdf) !important;
}

.fancy-label input.form-control:-webkit-autofill, .fancy-label input.Large:-webkit-autofill
	{
	border-bottom: 2px solid var(--buttonbgcolor, #dfdfdf) !important;
}

.fancy-label .form-control[readonly]:focus, .fancy-label .form-control[disabled]:focus,
	.fancy-label fieldset[disabled] .form-control:focus {
	border-bottom: #eee !important;
}

.modal_frame .v-container {
	padding: 0;
}

table.Form.configForm {
	max-width: 765px;
	width: 100%;
}

/* volunteer match */
#form.volunteermatch {
	display: table;
	height: 100%;
	width: 100%
}

#form.volunteermatch>div {
	display: table-row;
}

#form.volunteermatch>div>div {
	display: table-cell;
}

#searchPanel {
	padding: 15px 0;
	background: transparent;
}

#searchPanel>div {
	display: inline-block;
	width: 100%;
	vertical-align: top;
}

#searchPanel>div>div {
	display: inline-block;
	width: 33%;
	vertical-align: top;
}

#searchPanel>div>div:nth-of-type(2) {
	text-align: center;
}

#searchPanel>div>div:last-of-type {
	text-align: right;
}

#searchPanel input, #searchPanel select {
	width: 95%;
}

#searchPanel input.datepickclass {
	width: 47% !important;
}

#searchPanel>div.keywordsearch, #searchPanel>div.keywordsearch>div {
	width: 100%;
}

#searchPanel>div.keywordsearch input {
	width: 100%;
	padding-right: 25px;
}

#searchPanel>div.keywordsearch>div>div {
	margin-top: 0;
}

#searchPanel>div>div>div {
	position: relative;
	white-space: nowrap;
	margin-top: 15px;
}

#searchPanel label, #searchPanel #radiusValue {
	position: absolute;
	top: 22px;
}

#searchPanel label {
	color: #898989;
	left: 0;
}

#form.volunteermatch .SubTitle.SubTitlePadding {
	padding-left: 0;
}

#form.volunteermatch .fa-times {
	display: none;
	position: absolute;
	top: 7.5px;
	right: 5px;
	color: #898989;
	cursor: pointer;
}

#form.volunteermatch #results, #form.volunteermatch #results>div {
	height: 100%;
}

#form.volunteermatch #results {
	position: relative;
}

#form.volunteermatch #results>div {
	width: 100%;
	margin-top: 10px;
	position: absolute;
	overflow: auto;
}

.volunteermatch div.checktoggle>div:first-child {
	width: 100px;
	padding: 10px 10px 0 0;
	text-align: right;
}

.volunteermatch .checkboxList label {
	font-size: 0.9375rem;
	color: #898989;
	margin-left: 2px;
}

.volunteermatch div.checkboxList {
	display: inline-block;
	margin: 10px 0 0 0;
}

.volunteermatch #filters.hidden {
	display: none;
}

.volunteermatch #radiusSlider {
	display: inline-block;
	margin-bottom: 30px;
	position: relative;
	top: 5px;
	width: 95%;
}

.volunteermatch #radiusSlider.msie {
	margin-bottom: -10px;
}

.volunteermatch #radiusSlider.msie #radius {
	position: relative;
	top: -12px;
}

.volunteermatch #radiusSlider input {
	width: calc(100% - 20px);
}

.volunteermatch #radiusValue {
	display: block;
	right: 0;
	text-align: right;
	font-size: 0.875rem;
	color: #898989;
}

.volunteermatch input[type="range"] {
	-webkit-appearance: none;
}

.volunteermatch input[type="range"]::-ms-track {
	color: transparent;
	background: transparent;
	border-color: transparent;
	cursor: pointer;
}

.volunteermatch input[type="range"]::-webkit-slider-thumb {
	background: var(--buttonbgcolor, #dfdfdf);
	height: 16px;
	width: 16px;
	margin-top: -4px;
	-webkit-appearance: none;
	border-radius: 50%;
	cursor: pointer;
}

.volunteermatch input[type="range"]::-moz-range-thumb {
	background: var(--buttonbgcolor, #dfdfdf);
	height: 16px;
	width: 16px;
	margin-top: -4px;
	-webkit-appearance: none;
	border-radius: 50%;
	cursor: pointer;
}

.volunteermatch input[type="range"]::-ms-thumb {
	background: var(--buttonbgcolor, #dfdfdf);
	height: 16px;
	width: 16px;
	border-radius: 50%;
	cursor: pointer;
}

.volunteermatch input[type="range"]::-webkit-slider-runnable-track {
	height: 8.4px;
	width: 100%;
	background: #e7e7e7;
	border-radius: 3px;
	border: none;
	cursor: pointer;
}

.volunteermatch input[type="range"]::-moz-range-track {
	height: 8.4px;
	width: 100%;
	background: #e7e7e7;
	border-radius: 3px;
	border: none;
	cursor: pointer;
}

.volunteermatch input[type="range"]::-ms-track {
	height: 8.4px;
	width: 100%;
	background: #e7e7e7;
	border-radius: 3px;
	border: none;
	cursor: pointer;
}

.volunteermatch input[type="range"]::-ms-fill-upper {
	height: 8.4px;
	width: 100%;
	background: #e7e7e7;
	border-radius: 3px;
	border: none;
	cursor: pointer;
}

.volunteermatch input[type="range"]::-ms-fill-lower {
	height: 8.4px;
	width: 100%;
	background: #e7e7e7;
	border-radius: 3px;
	border: none;
	cursor: pointer;
}

.volunteermatch div.checktoggle>div {
	display: inline-block;
}

.volunteermatch div.checktoggle>div:first-child {
	float: right;
	min-width: 400px;
	padding-bottom: 10px;
}

#searchButtonPanel>div {
	float: right;
	margin: 12px 0 0 0;
}

#searchButtonPanel>div input {
	font-size: 1rem;
	padding: 8px 20px;
}

#searchPanel.showFilters #searchButtonPanel>div {
	width: 200px;
}

#searchPanel.showFilters #search {
	height: 40px;
	width: 200%;
}

#searchPanel.showFilters #searchButtonPanel div.checkboxList {
	display: block;
	text-align: center;
	width: 100%;
}

.volunteermatch #filters {
	width: 100%;
}

.volunteermatch #results .SubTitle {
	padding-left: 0;
}

input:placeholder-shown+span.passwordToggle {
	display: none !important;
}

.ui-datepicker-trigger:not([tabindex]) {
	display: none;
}

.react-notes-search-panel-input {
	position: relative;

	& .ui-datepicker-trigger {
		position: absolute;
		right: 5px;
		bottom: 3px;
	}
}


@media screen and (-ms-high-contrast: none) {
	.performanceaudit td:nth-of-type(6) {
		word-break: break-all;
	}
	.search_fields p:empty {
		display: none;
		white-space: nowrap;
	}
	input[type="search"].select2-search__field {
		line-height: 15px !important;
		max-height: 20px;
	}
	.btn .fa, .btn .fas, .btn .far, .btn .fal {
		vertical-align: baseline;
	}
	select, input[type="text"], input[type="password"], input[type="datetime"],
		input[type="datetime-local"], input[type="date"], input[type="month"],
		input[type="time"], input[type="week"], input[type="number"], input[type="email"],
		input[type="url"], input[type="search"], input[type="tel"], input[type="color"],
		.uneditable-input, .uneditable-inputLeft, .uneditable-inputRight {
		height: 30px;
	}
	.showallbutton {
		margin: 1px 0 0 -28px;
	}
	.infobox input[type=range], #floating-panel input[type=range] {
		margin-top: -13px;
		padding-bottom: 0;
	}
	.infobox input[type=range]::-ms-track, #floating-panel input[type=range]::-ms-track
		{
		border-radius: 0 !important;
	}
	.infobox input[type=range]::-ms-thumb, #floating-panel infobox input[type=range]::-ms-thumb
		{
		border-radius: 0 !important;
	}
	.box.centerlayout input {
		height: 30px;
		min-height: 30px;
		max-height: 30px;
	}
	.box.centerlayout input[type=submit] {
		height: auto;
	}
	#searchdiv {
		min-width: 350px;
	}
	.box.centerlayout input[type=checkbox], .box.centerlayout input[type=radio]
		{
		min-height: auto !important;
		max-height: auto !important;
	}
	.topbar.server div.icon {
		height: auto !important;
		width: auto !important;
	}
	.notifyjs-bootstrap-error span:before {
		top: 1px !important;
		left: -18px !important;
	}
	.notifyjs-bootstrap-error span:after {
		top: -1px !important;
		right: -15px !important;
	}
	.smartCard .open>.dropdown-menu {
		display: table
	}
}

@media screen and (-ms-high-contrast: active) {
	.btn .fa, .btn .fas, .btn .far, .btn .fal {
		vertical-align: baseline;
	}
	select, input[type="text"], input[type="password"], input[type="datetime"],
		input[type="datetime-local"], input[type="date"], input[type="month"],
		input[type="time"], input[type="week"], input[type="number"], input[type="email"],
		input[type="url"], input[type="search"], input[type="tel"], input[type="color"],
		.uneditable-input, .uneditable-inputLeft, .uneditable-inputRight {
		height: 30px;
	}
}

.greyButton {
	padding: 3px 8px !important;
	color: #585858 !important;
	background: #f5f5f5 !important;
	border: 1px solid #B2B2B2 !important;
	border-color: #B2B2B2 !important;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	cursor: pointer;
}

body:not(.beta_enhancedcontacts) .greyButton {
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.9);
}

body.beta_enhancedcontacts .associationentrycontainer .greyButton {
	padding: 4px 14px !important;
}

.greyButton div {
	text-shadow: none;
}

.greyButton.greyButton-alt {
	background-color: #ffffff !important;
	transition: color 0.5s, background-color 0.5s !important;
}

.greyButton:is(:hover, :focus) {
	background-color: #585858 !important;
	color: #ffffff !important;
	box-shadow: none !important;
}

.greyButton .fas.fa-expand-alt, .greyButton .fas.fa-compress-alt {
	padding-right: 5px;
}

.editorbuttonwrapper {
	float: right;
	width: auto;
	height: auto;
	margin-top: -5px;
}

a.whiteButton {
	font-weight: 500;
	padding: 5px 10px !important;
	color: #444;
	background: #fff;
	border: 1px solid #e4e4e4;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	cursor: pointer;
	transition: all 0.3s ease;
}

a.whiteButton:hover {
	border: 1px solid #6c757d;
	background: #f5f5f5;
	transition: all 0.3s ease;
}

a.whiteButton:focus, a.whiteButton:active {
	border: 1px solid #949494;
	transition: all 0.3s ease;
}

a.whiteButton {
	text-decoration: none;
}

a.whiteButton i {
	padding-right: 8px;
}

.delButton {
	padding: 0px 5px !important;
	margin: -3px 0 !important;
	float: right;
	font-size: 0.75rem !important;
	display: none !important;
}

.placeholder_height {
	width: 0px;
	border-left: 0px;
	border-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin: 0px;
	visibility: hidden;
	float: left;
}

.fieldlist, #fieldlist:not(select), #fielddisplay, ul[id^="fielddisplay"]
	{
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

.fieldlistSubInfo {
	font-size: 0.8125rem;
	color: #6C6C6C;
}

#fielddisplay li, .fieldlist li, #fieldlist li, ul[id^="fielddisplay"] li
	{
	padding: 6px 4px;
	margin: 2px;
	border: 1px #ffffff solid;
	vertical-align: middle;
}

#fielddisplay li:hover, .fieldlist li:hover, #fieldlist li:hover,
	.fieldlist .ui-draggable-dragging, #fieldlist .ui-draggable-dragging,
	ul[id^="fielddisplay"] li:hover {
	cursor: pointer;
	border: 1px #D7D7D7 solid;
	background: #EEEEEE;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#fielddisplay li:hover>.delButton, ul[id^="fielddisplay"]  li:hover>.delButton,
	div.includecaption:hover>.delButton {
	display: block !important;
}

#fielddisplay li:hover>.delButton>i.fa-times {
	position: relative;
	top: 2px;
}

.btn.DisabledButton, input[type="file"].DisabledButton, input[type="button"].DisabledButton,
	button.DisabledButton {
	background: #CCC !important;
	border: 1px solid #CCC !important;
	color: #605e5e !important;
}

textarea, select, input[type="text"]:not(.k-input-inner),
	input[type="password"], input[type="datetime"], input[type="datetime-local"],
	input[type="date"], input[type="month"], input[type="time"], input[type="week"],
	input[type="number"], input[type="email"], input[type="url"], input[type="search"],
	input[type="tel"], input[type="color"], input[type="file"],
	.uneditable-input, .uneditable-inputLeft, .uneditable-inputRight, .k-editor:not(:has(.k-toolbar)) {
	font-family: 'Roboto', "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: #FFF;
	border: 1px solid #949494;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
	transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
	display: inline-block;
	padding: 4px 6px;
	font-size: 0.9375rem;
	line-height: 21px;
	color: #222;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

select {
	padding: 4px 6px 5px 6px;
}

input::-webkit-input-placeholder, input::placeholder {
	text-align: left;
}

input[type="text"]::-ms-input-placeholder {
	text-align: left;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
	color: #999999 !important; /* IE11 needs the !important flag */
}

.x-content textarea, .x-content select, .x-content input {
	max-width: 100%;
}

input[type="text"]+.ui-datepicker-trigger {
	color: #666;
	position: absolute;
	border: 1px transparent solid;
	background: none;
	cursor: auto;
	box-shadow: none;
	outline: 0;
	padding: 5px 5px 3px;
	margin-left: -28px;
	vertical-align: middle;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}

input.datepickclass, input.datetimepickclass {
	padding-right: 25px !important;
}

.hasDatepicker:disabled+button {
	display: none !important;
}

.ssInputDiv {
	padding: 5px;
	width: 100%;
	border: 1px solid #515151;
}

input.uneditable-inputLeft, span.uneditable-inputLeft,
	.uneditable-inputLeft, input.btn-lookupLeft, button.btn-lookupLeft,
	span.btn-lookupLeft, .btn-lookupLeft, button#policybutton {
	margin: 0 0 0 -2px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 0px;
	width: 45px;
}

input.uneditable-input, span.uneditable-input, .uneditable-input {
	margin: 0 -2px 0 0;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

input.uneditable-inputRight, span.uneditable-inputRight,
	.uneditable-inputRight, input.btn-lookupRight, span.btn-lookupRight,
	.btn-lookupRight {
	margin: 0 -2px 0 0;
	float: none;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 4px;
	padding-right: 25px !important;
}

td.Form input.highlighterror, td.Form textarea.highlighterror, td.Form select.highlighterror,
	input[type="hidden"].highlighterror+select.select2select+span.select2 span.select2-selection,
	input.hasDatepicker.highlighterror {
	border: 1px solid #D33131 !important;
}

.ssCheckBoxDiv input[type="checkbox"].highlighterror+label:before,
	.ssCheckBoxDiv input[type="radio"].highlighterror+label:before {
	color: #D84A49;
}

.form-group input.highlighterror, .form-group select.highlighterror,
	.form-group textarea.highlighterror {
	border: 1px solid #D84A49 !important;
}

.btn-file {
	position: relative;
	overflow: hidden;
}

.btn-file:visited {
	color: #fff;
}

.btn-file input[type=file], .btn-file input[type=button] {
	position: absolute;
	top: 0;
	right: 0;
	min-width: 100%;
	min-height: 100%;
	font-size: 6.25rem;
	text-align: right;
	filter: alpha(opacity = 0);
	opacity: 0;
	outline: none;
	background: white;
	cursor: inherit;
	display: block;
	-webkit-appearance: none;
}

.btn-group {
	display: inline-block;
}

.btn-group div {
	display: inline-block;
}

/* start for bootstrap btn-group */
.btn-group {
	position: relative;
	font-size: 0;
	white-space: nowrap;
	vertical-align: top;
}

.btn-backgroup, #batchbutton_div {
	display: inline-block;
}

.btn-backgroup>:first-child {
	margin: 0 0 0 2px;
	-webkit-border-radius: 4px 0px 0px 4px;
	-moz-border-radius: 4px 0px 0px 4px;
	border-radius: 4px 0px 0px 4px;
}

.btn-backgroup div>:first-child, .btn-searchgroup div>:first-child {
	margin: 0 2px 0 -1px;
	-webkit-border-radius: 0px 4px 4px 0px;
	-moz-border-radius: 0px 4px 4px 0px;
	border-radius: 0px 4px 4px 0px;
}

.btn-searchgroup>:first-child {
	margin: 0 0 0 2px;
	-webkit-border-radius: 4px 0px 0px 4px;
	-moz-border-radius: 4px 0px 0px 4px;
	border-radius: 4px 0px 0px 4px;
}

.btn-caret {
	padding: 4px 8px !important;
	line-height: 21px;
}

.btn-left {
	margin: 0 -5px 0 0;
	-webkit-border-radius: 4px 0px 0px 4px;
	-moz-border-radius: 4px 0px 0px 4px;
	border-radius: 4px 0px 0px 4px;
}

.btn-right {
	margin: 0 0 0 -5px;
	-webkit-border-radius: 0px 4px 4px 0px !important;
	-moz-border-radius: 0px 4px 4px 0px !important;
	border-radius: 0px 4px 4px 0px !important;
}

.btn-middle {
	margin: 0 0 0 -2px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.btn-group:first-child {
	margin-left: 0;
}

.btn-toolbar .btn+.btn, .btn-toolbar .btn-group+.btn, .btn-toolbar .btn+.btn-group
	{
	margin-left: 2px;
}

.btn-group>.btn {
	position: relative;
}

.btn-group .btn {
	color: var(--buttonfontcolor);
	margin: 0;
	border-left: 1px rgba(0, 0, 0, 0.14) solid;
}

.btn-group>.btn, .btn-group>.dropdown-menu {
	font-size: 0.9375rem;
	line-height: 21px;
}

.beta_objectleftcenterredesign .btn-group>.btn-group,
	.beta_objectleftcenterredesign .btn-group>.btn,
	.beta_objectleftcenterredesign .btn-group>#recentmenugroup {
	margin-left: -1px !important;
}

.beta_objectleftcenterredesign.redesign .btn-group>.btn-group>.btn {
	margin-left: 0px !important;
}

.btn-group>.btn-mini {
	font-size: 0.6875rem;
}

.btn-group>.btn-small {
	font-size: 0.75rem;
}

.btn-group>.btn-large {
	font-size: 1rem;
}

.btn-group>.btn:not(:last-child):not(.dropdown-toggle):not(.lastvisible),
	.btn-group>.btn-group:not(:last-child)>.btn:not(#batchbutton_dropdown),
	.btn-group>.btn.firstbutton {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.btn-group>.btn-group:not(:first-child)>.btn, .btn-group>.btn:not(:first-child):not(.onlyvisible):not(.firstvisible)
	{
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.btn-group>.btn:first-child {
	margin-left: 0;
}

.btn-group>.btn:hover, .btn-group>.btn:focus, .btn-group>.btn:active,
	.btn-group>.btn.active {
	text-decoration: none;
	z-index: 2;
}

.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
	outline: 0;
}

.btn-group .Button, .btn-group>.btn+.dropdown-toggle {
	padding-right: 8px;
	padding-left: 8px;
	-webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0
		1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0
		rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0
		rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn-group>.btn-mini+.dropdown-toggle {
	padding-right: 5px;
	padding-left: 5px;
}

.btn-group>.btn-large+.dropdown-toggle {
	padding-right: 12px;
	padding-left: 12px;
}

.btn-group-vertical {
	display: inline-block;
}

#delete_btn {
	margin: 10px 0;
}

.dropdown .caret {
	margin-top: 4px;
	margin-left: 2px;
}

.dropdown-title {
	color: #414240;
	background: #F0F0F0;
	cursor: default;
	position: relative;
}

.dropdown-menu-option {
	position: relative;
	z-index: 50;
	padding-right: 50px;
}

.dropdown-menu li {
	position: relative;
}

.dropdown-menu li a.dropdown-menu_config {
	padding: 4px 6px;
	position: absolute;
	top: 0;
	right: 0;
	color: #949494;
	cursor: pointer;
	z-index: 1000;
}

.dropdown-menu li a.dropdown-menu_config:hover {
	color: #FFFFFF !important;
	background: #414240 !important;
}

li.dropdown-title a, li.dropdown-title a:hover, li.dropdown-title a:focus
	{
	color: #414240 !important;
	background: #F0F0F0 !important;
}

.beta_objectleftcenterredesign.redesign li.dropdown-title a,
	.beta_objectleftcenterredesign.redesign li.dropdown-title a:hover,
	.beta_objectleftcenterredesign.redesign li.dropdown-title a:focus {
	font-size: 0.9375rem !important;
	font-weight: 600 !important;
	color: #333 !important;
	background: #FFF !important;
}

.dropdown-title:first-of-type {
	margin-top: 0;
}

.dropdown-menu .dropdown-title a {
	font-size: 0.9375rem;
	padding: 7px 40px 7px 20px;
	cursor: default;
}

.dropdown-title span {
	padding-left: 5px;
}

.dropdown-menu {
	font-size: 0.875rem;
	position: absolute;
	top: 100%;
	z-index: 2001;
	display: none;
	min-width: 160px;
	max-width: 90vw;
	padding: 0px;
	margin: 2px 0 0;
	list-style: none;
	background-color: #ffffff;
	border: 1px solid #949494;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	text-decoration: none;
}

.beta_objectleftcenterredesign.redesign .dropdown-menu {
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	border: none;
}

.beta_objectleftcenterredesign.redesign.mobile .dropdown-menu {
	left: 0;
    width: 100%;
}

.beta_objectleftcenterredesign.redesign.mobile .btn-group:has(.dropdown-menu) {
    position: initial;
    margin: 0 2px;
}

.dropdown-menu:empty {
	border: none;
}

.dropdown-menu::-webkit-scrollbar {
	width: 7px;
}

.dropdown-menu::-webkit-scrollbar-track {
	background: #f1f1f1;
}

.dropdown-menu::-webkit-scrollbar-thumb {
	background: #ccc;
}

.dropdown-menu:not(.navicon_dropdown) {
	max-height: calc(100vh * 8/ 10);
	overflow: auto;
}

.content_frame .dropdown-menu:not(.navicon_dropdown) {
	max-height: 350px;
}

.dropdown-menu .divider {
	height: 1px;
	margin: 9px 1px;
	overflow: hidden;
	background-color: #e5e5e5;
	border-bottom: 1px solid #ffffff;
}

.dropdown-menu .dropdown-header {
	display: block;
	padding: 6px 20px;
	text-align: left;
	font-size: 0.9375rem;
	background-color: #f0f0f0;
}

.dropdown-menu .dropdown-divider {
	border-bottom: 1px solid #e5e5e5;
}

.dropdown-menu a, :is(#footer, .Submit) .dropdown-menu button {
	display: block;
	font-size: 0.875rem;
	padding: 5px 50px 5px 20px;
	clear: both;
	font-weight: normal;
	line-height: 20px;
	color: #333333;
	white-space: nowrap;
	text-decoration: none;
	text-align: left;
	max-width: 600px;
	text-overflow: ellipsis;
	overflow: hidden;
}

:is(#footer, .Submit) .dropdown-menu button {
	padding: 5px 50px 5px 20px !important;
}

.dropdown-menu a.disabled, :is(#footer, .Submit) .dropdown-menu button.disabled
	{
	color: #CCC !important;
	cursor: default !important;
}

.dropdown-menu a.disabled:hover, :is(#footer, .Submit) .dropdown-menu button.disabled:hover
	{
	background: #FFFFFF !important;
}

.dropdown-menu .toggle {
	position: relative;
}

.dropdown-menu .toggle.active {
	font-weight: normal;
}

.dropdown-menu .toggle.active::after {
	font-family: FontAwesome;
	content: '\f00c';
	position: absolute;
	right: 10px;
	top: 4px;
	display: inline-block;
}

.dropdown-menu .toggle::after {
	display: none;
}

.dropdown-menu a.active {
	font-weight: bold;
}

.dropdown-menu li a:hover, :is(#footer, .Submit) .dropdown-menu li button:hover
	{
	color: #ffffff;
	background: #5d5d5d;
	background-color: #5d5d5d;
}

.dropdown-menu.pull-right {
	right: 0;
	left: auto;
}

.dropdown-menu li>a:hover, .dropdown-menu li>a:focus, :is(#footer,
	.Submit) .dropdown-menu li>button:hover, :is(#footer, .Submit) .dropdown-menu li>button:focus,
	.dropdown-submenu:hover>a {
	color: #ffffff;
	text-decoration: none;
	background: #5d5d5d;
}

.beta_objectleftcenterredesign.redesign .dropdown-menu li:not(.dropdown-title)>a:hover,
	.beta_objectleftcenterredesign.redesign .dropdown-menu li:not(.dropdown-title)>a:focus,
	.beta_objectleftcenterredesign.redesign :is(#footer, .Submit) .dropdown-menu li>button:hover,
	.beta_objectleftcenterredesign.redesign :is(#footer, .Submit) .dropdown-menu li>button:focus,
	.beta_objectleftcenterredesign.redesign .dropdown-submenu:hover>a {
	color: #F1F1F1 !important;
	background-color: #333333;
}

.dropdown-menu .active>a, .dropdown-menu .active>a:hover {
	color: #ffffff;
	text-decoration: none;
	background: #5d5d5d;
	outline: 0;
}

.dropdown-menu .disabled>a, .dropdown-menu .disabled>a:hover {
	color: #999999;
}

.dropdown-menu .disabled>a:hover {
	text-decoration: none;
	cursor: default;
	background-color: transparent;
}

.open>.dropdown-menu {
	display: block;
}

.pull-right>.dropdown-menu {
	right: 0;
	left: auto;
}

.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
	border-top: 0;
	border-bottom: 4px solid #000000;
	content: "";
}

.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
	top: auto;
	bottom: 100%;
	overflow: visible;
	margin-bottom: 1px;
}

.dropdown-submenu {
	position: relative;
}

.dropdown-submenu>.dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: -6px;
	margin-left: -1px;
	-webkit-border-radius: 0 6px 6px 6px;
	-moz-border-radius: 0 6px 6px 6px;
	border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
	display: block;
}

.dropdown-submenu>a:after {
	display: block;
	float: right;
	width: 0;
	height: 0;
	margin-top: 5px;
	margin-right: -10px;
	border-color: transparent;
	border-left-color: #949494;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	content: " ";
}

.dropdown-submenu:hover>a:after {
	border-left-color: #ffffff;
}

.dropdown .dropdown-menu .nav-header {
	padding-right: 20px;
	padding-left: 20px;
}

.dropdown-toggle:active, .open .dropdown-toggle {
	outline: 0;
}

#recentmenugroup .dropdown-menu li a>span {
	width: 20px;
	text-align: center;
	display: inline-block
}

#recentmenugroup .dropdown-menu li i {
	font-size: 1rem;
	font-weight: 900;
}

.btn-group div {
	display: inline-block;
}

#footer .btn-group a .fa, #footer .btn-group a .fas, #footer .btn-group a .far,
	#footer .btn-group a .fal, #footer .btn-group a .fab {
	font-size: 0.75rem;
	padding-left: 3px;
}

:is(#footer, .Submit) .dropup {
	margin: 0 2px;
}

:is(#footer, .Submit) .dropup .dropdown-menu {
	max-width: 300px;
}

:is(#footer, .Submit) .dropup div.open button i.fa-caret-down {
	transform: rotate(180deg);
}

:is(#footer, .Submit) .dropup .dropdown-menu {
	overflow: hidden;
}

:is(#footer, .Submit) .dropdown-menu button {
	width: 100%;
	margin: 0;
	background: transparent;
	border-radius: 0;
	border: 0;
	box-shadow: none;
	-webkit-box-shadow: none;
}

.typeahead {
	z-index: 4000;
	margin-top: 2px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

/* end for bootstrap btn-group */
button[type="button"]:not(.uppy-Dashboard-browse,
	.uppy-Dashboard-Item-action--remove) {
	transition: all 0.2s ease;
}

.btn:hover, input[type="submit"]:hover, input[type="button"]:hover,
	button:hover, .Button:hover, .ButtonArrowUp:hover, .NavBarArrow:hover,
	.ButtonLst:hover, .btn-lookup:hover, .btn-lookupLeft:hover,
	.btn-lookupRight:hover {
	background: var(--buttonfgcolor);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), inset 0 0 3px #FFFFFF;
}

button:is(.uppy-DashboardContent-back, .uppy-DashboardContent-addMore,
	.uppy-StatusBar-actionBtn--retry, .uppy-StatusBar-actionBtn--upload):hover
	{
	background: var(--buttonfgcolor) !important;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), inset 0 0 3px #FFFFFF
		!important;
}

.btn.DisabledButton:hover, input[type="file"].DisabledButton:hover,
	input[type="button"].DisabledButton:hover, button.DisabledButton:hover
	{
	background: #CCC !important;
	border: 1px solid #CCC !important;
	box-shadow: none;
	cursor: default !important;
}

.btn:focus, input[type="submit"]:focus, input[type="button"]:focus,
	button:focus, .Button:focus, .ButtonArrowUp:focus, .NavBarArrow:focus,
	.ButtonLst:focus, .btn-lookup:focus, .btn-lookupLeft:focus,
	.btn-lookupRight:focus, .btn-toggle-active {
	background: var(--buttonbgcolor, #dfdfdf);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5);
	background-repeat: repeat-x;
}

button:is(.uppy-DashboardContent-back, .uppy-DashboardContent-addMore,
	.uppy-StatusBar-actionBtn--retry, .uppy-StatusBar-actionBtn--upload):focus
	{
	background: var(--buttonbgcolor, #dfdfdf) !important;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5) !important;
	background-repeat: repeat-x !important;
}

.NavBarArrow, .NavBar {
	padding: 4px 8px;
	margin: 0 1px 0 1px;
	font-size: 0.75rem;
}
/* Turning off default focus styling */
.pagination .pagedisplay:focus, #optionmenugroup .dropdown-menu li.dropdown-title>a:focus,
	.dropdown-menu li>a:focus, ul.objtabbar li.objtabitem a:focus, ul.objtabbar li.objtabitem_menu a:focus,
	.breadcrumb li a:focus, .prof_details>ul li a:focus, span.ssUploadedFileList-details>span,
	ul.ssUploadedFileList-listView>li>span:focus, div.ssUploadedFileList>ul.pd4ml+div.ssUploadedFileList-footer,
	div.ssUploadedFileList-options>ul>li, a:focus .newchoicediv,
	.search_fields .searchoptions_dropdown a i:focus, .searchfields .searchoptions_dropdown a i:focus,
	.lookup_fields .searchoptions_dropdown a i:focus, div.ssUploadedFileList-options>span:focus,
	.btn-group>.btn, .btn-group .btn, a.btn, button, .Button, input[type="submit"],
	input[type="button"], #footertabnav .ButtonSm, .TabNavBar .ButtonSm {
	outline-width: 0;
	outline: 0;
}

.btn-group>.btn.focus, .btn-group .btn.focus, a.btn:not(.greyButton).focus,
	button.focus, .Button.focus, input[type="submit"].focus, input[type="button"].focus
	{
	outline: 0;
	box-shadow: 0 0 0 2px
		var(--buttonkeybordercolor, var(--buttonbgcolor, #dfdfdf)) inset,
		inset 0 1px 2px rgb(0 0 0/ 50%), inset 0 0 35px rgb(255 255 255/ 20%)
		!important;
	z-index: 1;
	transition: all 0s;
	background-color: var(--buttonbgcolor);
}

button:is(.uppy-DashboardContent-back, .uppy-DashboardContent-addMore,
	.uppy-StatusBar-actionBtn--retry, .uppy-StatusBar-actionBtn--upload).focus
	{
	outline: 0 !important;
	box-shadow: 0 0 0 2px
		var(--buttonkeybordercolor, var(--buttonbgcolor, #dfdfdf)) inset,
		inset 0 1px 2px rgb(0 0 0/ 50%), inset 0 0 35px rgb(255 255 255/ 20%)
		!important;
	z-index: 1 !important;
	transition: all 0s !important;
}

.toggleButtonGroup .btn.focus, .mediaplayer .btn:not(.active).focus {
	box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1) inset, inset 0 1px 2px
		rgb(0 0 0/ 50%) !important;
}

th[scope], .centerlayout .Button {
	outline: 0;
}

th[scope].focus {
	box-shadow: 0 0 0 2px var(--tblheaderfontcolor) inset;
	z-index: 1;
}

div.ssUploadedFileList-checkbox.focus {
	color: var(--buttonfontcolor) !important;
	background: var(--buttonbgcolor, #CCC) !important;
}

div.ssUploadedFileList-checkbox.focus>input[type='checkbox']+span+label.fa-check
	{
	color: var(--buttonfontcolor) !important;
}

/*added for global search or breadcrumb */
#helpFont {
	font-size: 0.625rem;
	border-bottom: 1px dotted #000000;
	padding: 0px;
	cursor: pointer;
}

.titleFont {
	font-weight: normal;
	font-size: 0.875rem;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 5px;
	color: #333;
}

.tablePadding {
	padding: 5px;
}

#rightBorder {
	border-right: 1px solid #ccc;
}

.bottomBorder2 {
	border-bottom: 1px solid #ccc;
}

.bottomBorder {
	border-bottom: 2px solid #8F8F8F;
	margin-bottom: 10px;
}

.clearBoth {
	clear: both;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.globalContainer {
	margin-top: 10px;
	margin-bottom: 10px;
}

/*end global search or breadcrum */
.navarrow_right_out {
	display: inline-block;
	width: 0;
	height: 0;
	border-top: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid #FFFFFF;
	position: absolute;
	left: 3px;
}

.navarrow_right_in {
	display: inline-block;
	width: 0;
	height: 0;
	border-top: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid #EEEEEE;
	position: absolute;
	left: 0px;
}

form {
	display: inline;
}

.FormContainer {
	width: 50%;
	vertical-align: top;
}

th.Form, th.FormTop, th.FormLg, th.FormSm, th.FormXSm, th.FormApp, label.FormTop,
	th.Label {
	color: #444;
	font-size: 0.9375rem;
	font-weight: bold;
	line-height: 21px;
	padding: 10px 5px 10px 1px;
	vertical-align: top;
	text-align: var(--labelalign);
	background: #fff;
	background-color: #fff;
	word-break: break-word;
}

th.Form, th.Label {
	min-width: 100px;
	max-width: 180px;
	width: 180px;
	border: 1px dashed transparent;
}

th.FormXSm {
	width: 80px;
}

th.FormSm {
	width: 100px;
}

th.FormLg {
	width: 160px;
	background: #fff;
	background-color: #fff;
}

th.FormTop, label.FormTop {
	position: relative;
	font-weight: bold;
	text-align: left;
	background: #fff;
	background-color: #fff;
	border-bottom: 1px solid #eee;
	padding-bottom: 5px;
}

label.FormTop {
	display: block;
}

th.FormTop label {
	font-size: 0.9375rem;
	line-height: 21px;
}

div.Form {
	padding: 1px;
}

td.FormTop, .custabcontainer_in>div.Form {
	padding: 5px 5px 12px 0 !important;
	border: 1px dashed transparent;
}

td.Form.HiddenCaption {
	padding: 5px 5px 5px 0px !important;
}

th.FormApp {
	padding: 2px 2px 3px 6px;
	width: 150px;
	height: 26px;
	text-align: left;
}

th.FormPanel {
	padding: 2px 2px 2px 6px;
	width: 60px;
	vertical-align: top;
	text-align: left
}

th.FormItem {
	vertical-align: top;
	text-align: left;
	padding: 5px;
	min-width: 100px;
	max-width: 180px;
	width: 180px;
}

th.Form a {
	font-size: 0.75rem;
	color: #555555;
}

th.Form a:hover {
	color: var(--hlh);
}

td.Form {
	position: relative;
	background: #FFF;
	color: #333;
	text-align: left;
	vertical-align: top;
	padding: 5px;
	border: 1px dashed transparent;
}

td.textvarfield, td.Form.textreadonly {
	padding: 11px 5px 10px !important;
	width: auto;
	pointer-events: initial;
}

td.Form.textreadonly {
	padding: 10px 5px !important;
	line-height: 21px;
}

.stacked td.Form.textreadonly {
	padding: 10px 1px !important;
}

.publicationtable th.Form, .publicationtable td.Form {
	background: transparent;
	background-color: transparent;
}

i.tabsectionbutton {
	font-size: 1.5em !important;
	padding: 0;
	cursor: pointer;
}

.hidden {
	display: none !important;
}

div.FormInstructions {
	font-size: 0.875rem;
	line-height: 18px;
	margin: 7px 0 0 0;
	padding: 12px 10px 12px 10px;
	background: #f5f5f5;
	border-left: 6px #ccc solid;
	color: #333;
	text-align: left;
	font-style: normal;
}

.beta_objectleftcenterredesign.redesign div.FormInstructions {
	font-size: 0.875rem;
	line-height: 18px;
	margin: 5px 0;
	padding: 12px 10px 12px 10px;
	background: #f5f5f5;
	border-left: 6px #ccc solid;
	border-radius: 8px;
	color: #333;
	text-align: left;
	font-style: normal;
}

div.FormInstructions ul {
	margin: 10px 0px 0 0px;
	padding-left: 20px;
}

div.FormInstructions ul br {
	display: none;
}

div.FormInstructions ul li {
	position: relative;
	margin: 0 0 7px 0;
	color: #333;
	font-weight: normal;
	font-size: 0.875rem;
	line-height: 20px;
}

div.FormInstructions ul li::marker {
	font-size: 1.125rem;
}

th.Form .FormInstructions {
	font-size: 0.875rem;
	margin: 4px 0 0 0;
	padding: 6px 4px 20px 4px;
	background: #f5f5f5;
	border: 0;
	color: #444;
	font-weight: normal;
	font-style: normal;
	text-align: left;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}

.form-group .FormInstructions {
	margin-bottom: 5px;
}

label.fieldCaption {
	vertical-align: top;
	font-weight: bold;
	padding: 6px 5px;
	display: inline-block;
}

.fieldCaptionDiv {
	text-align: var(--labelalign);
	width: 200px;
	height: 100%;
	padding: 10px 5px 10px 1px;
	vertical-align: top;
	font-weight: bold;
	background: #fff;
	color: #444;
	float: left;
	display: table-cell;
	white-space: initial;
	line-height: 21px;
}

th.fieldCaptionDiv {
	float: none;
}

.fieldContentDiv {
	padding: 5px;
	white-space: normal;
	margin-left: 210px;
	width: calc(100% - 210px);
	vertical-align: top;
	line-height: 21px;
}

.fieldContentDiv ul.checkboxList {
	display: block;
	margin: 6px 0px 0px 0px;
	padding-left: 0px;
	list-style-type: none;
}

.fieldContentDiv ul.checkboxList.singleOpt {
	display: block;
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

.fieldContentDiv ul.checkboxList.singleOpt li {
	padding: 0px;
	margin: 0px;
}

.fieldContentDiv textarea {
	height: 100px;
	width: calc(100% - 70px);
	max-width: initial !important;
}

.fieldContentDiv input[type=checkbox] {
	margin: 9px;
}

.fieldContentDiv.CheckBoxContainer {
	display: table-cell;
	padding: 9px 5px
}

.fieldContentDiv.RadioContainer {
	padding: 5px 0;
}

.fieldContentDiv .CheckBoxContainer, .fieldContentDiv .RadioContainer {
	position: relative;
	top: 5px;
}

#formdiv .fieldContentDiv .CheckBoxContainer i.text-help {
	margin-top: 10px !important;
}

#formdiv .fieldContentDiv .CheckBoxContainer label.checklabel+i.text-help
	{
	margin-top: 3px !important;
}

.fieldContentDiv input[type=radio]+label {
	display: inline-block;
	padding-right: 5px;
}

.fieldContentDiv div#action_div div {
	padding-top: 5px;
}

.fieldContentDiv .checktoggle label {
	display: inline-block;
	line-height: 20px;
	vertical-align: top;
	padding: 1px 0px 0px 5px;
}

.fieldContentDiv .checktoggle label:first-of-type {
	margin: 0 0 0 5px;
	padding: 0px;
}

.fieldContentDiv #fieldmappingdiv>div {
	margin-bottom: 12px;
}

.fieldContentDiv #fieldmappingdiv>div>a.btn {
	margin-left: 5px;
}

div.fieldContentRO {
	display: inline-block;
	padding: 5px 0px 0px 0px;
}

.rowDiv, .rowDivFull {
	width: 100%;
	float: left;
	white-space: nowrap;
}

.stacked .rowDiv, .stacked .rowDivFull {
	float: initial;
}

.rowDiv:nth-child(odd) {
	clear: both;
}

:is(#formdiv, .formdiv) {
	display: table;
	width: 100%;
}

:is(#formdiv, .formdiv) .rowDiv {
	display: table-row;
	width: 100%;
}

.fieldContentDiv .CheckBoxContainer .fieldContentDiv .RadioContainer {
	position: relative;
	top: 5px;
}

div.roleField {
	display: inline-block;
	width: calc(100% - 600px);
	vertical-align: top;
	white-space: nowrap;
}

div.roleField>div {
	white-space: normal;
}

body.configmobile:not(.mobile):not(.stacked) .fieldContentDiv .ssRadioContainer>div
	{
	display: inline-block;
}

.percentFilledDiv {
	padding: 0px 5px 0px 0px;
}

#transvalue_lang_div {
	float: right;
	margin: 0px 10px;
}

#transvalue_lang_div select {
	padding: 2px 6px;
}

.cf_trans {
	background: #f5f5f5;
	margin-top: 10px;
	padding: 15px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	width: calc(100% - 70px);
	box-sizing: border-box;
	display: none;
}

.cf_trans div {
	font-size: 0.875rem;
	font-weight: 600;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 2px 0px;
	border-bottom: 1px solid #eee;
	width: 100%;
}

.cf_trans span {
	display: block;
	width: 100%;
	margin-top: 10px;
	font-size: 0.875rem;
	font-weight: normal;
	line-height: 150%;
	white-space: pre;
}

.modal.password {
	margin-top: 20px !important;
}

#ui_container.wholepage+.container {
	margin-top: 10px;
}

.controlui {
	position: absolute;
	top: 10px !important;
	right: 50px;
	left: auto !important;
	max-width: 320px;
	width: 320px;
	color: #333333;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	overflow: hidden;
	-webkit-box-shadow: 4px -1px 23px -5px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 4px -1px 23px -5px rgba(0, 0, 0, 0.3);
	box-shadow: 4px -1px 23px -5px rgba(0, 0, 0, 0.3);
}

.controlui div {
	box-sizing: border-box;
}

.controlui .filterwrapper {
	display: inline-block;
	width: 320px;
	background: #fff;
	padding: 0 20px 15px 20px;
	box-sizing: border-box;
}

.filterwrapper span {
	display: block;
	font-size: 2.1875rem;
	font-weight: bold;
	text-align: center;
}

.filterwrapper span+span {
	font-size: 1.0625rem;
	font-weight: 300;
}

.filtersection {
	padding: 15px 20px;
	background: rgba(255, 255, 255, 0.85);
}

.filtersection .showallbutton {
	margin-top: 3px;
}

#showbutton {
	font-size: 0.75rem;
	padding: 6px 0 6px 0;
	width: 100%;
	background: #fff;
}

#showbutton:after {
	clear: both;
	display: block;
	content: "";
}

#showbutton div {
	color: var(--buttonfontcolor);
	background: var(--buttonbgcolor, #dfdfdf);
	position: relative;
	float: right;
	font-size: 0.75rem;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 5px 15px 5px 5px;
	cursor: pointer;
	margin-right: 10px;
}

#showbutton div:after {
	content: "\f0d8";
	font-family: FontAwesome;
	right: 5px;
	position: absolute;
	top: 6px;
}

#showbutton div.changeicon:after {
	content: "\f0d7";
}

.filtersection input[type=text] {
	font-family: 'Roboto', "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: #fff;
	border: 1px solid #e8e8e8;
	border-right: 0;
	box-shadow: none;
	transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
	display: inline-block;
	padding: 6px;
	font-size: 0.9375rem;
	color: #222;
	width: calc(100% - 36px);
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	box-sizing: border-box;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.filtersection button {
	font-family: 'Roboto', "Helvetica Neue", Helvetica, Arial, sans-serif;
	display: inline-block;
	position: relative;
	padding: 6px 10px;
	margin: 0;
	font-size: 0.9375rem;
	line-height: 20px;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	background-color: #BD5713;
	border: 1px solid #BD5713;
	box-sizing: border-box;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	box-sizing: initial;
	-webkit-box-shadow: none;
}

.filtersection ul {
	margin: 5px 0 0 0;
	padding: 0;
	list-style-type: none;
	max-height: 325px;
	overflow-y: auto;
}

.filtersection ul li {
	background: #fff;
	border-radius: 5px;
	margin: 8px 0;
	border: 1px solid #e8e8e8;
}

.filtersection ul li.highlight {
	background: var(--buttonbgcolor, #dfdfdf) !important;
	color: var(--buttonfontcolor) !important;
}

.filtersection  input[type=checkbox] {
	display: none;
}

.filtersection  label {
	position: relative;
	display: block;
	font-size: 0.875rem;
	cursor: pointer;
	font-weight: normal !important;
	padding: 8px 0 8px 25px;
}

.filtersection  label:before, .filtersection  label:after {
	font-family: FontAwesome;
	font-size: 0.9375rem;
	position: absolute;
	top: 9px;
	left: 7px;
	padding: 4px 0 0 0;
}

.filtersection  label:before {
	padding-top: 0;
	height: 15px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

.filtersection label:after {
	max-width: 0;
	overflow: hidden;
	opacity: 0.5;
	transition: all 0.35s;
}

.filtersection  label:before {
	content: '\f096';
}

.filtersection  label:after {
	content: '\f00c';
	padding-top: 0;
}

.filtersection input[type=checkbox]:checked+label:after {
	max-width: 25px;
	opacity: 1;
}

.filtersection input[type=checkbox]:disabled+label {
	background: #eee;
	color: #818181;
	cursor: default;
}

.passwordToggle {
	display: block;
	position: absolute;
	top: 10px;
	right: 5px;
}

.passwordToggle-button {
	display: inline-block;
}

.passwordToggle-button>i {
	display: inline-block;
	height: 20px;
	width: 20px;
	padding: 5px 6px 5px 4px;
	font-size: 1.25rem;
	color: #333;
	cursor: pointer;
}

.passwordToggle-button>i:focus {
	outline: 0;
	background: #e6e6e6;
	border-radius: 50%;
}

.passwordToggle-button>i {
	position: relative;
	top: -1px;
	left: -1px;
}

.section.ssWindow-backdrop.opaque .formpasswordwrapper .passwordToggle {
	top: 0;
}

td.Form .passwordToggle, .Intro .passwordToggle, .custabcontainer_in .passwordToggle,
	.mwindiv_conte.error_msg_container spannt .passwordToggle, .activate #content .passwordToggle,
	.modalstatic .formpasswordwrapper .passwordToggle, td.field .passwordToggle,
	div.fieldContentDiv .passwordToggle {
	top: -2px;
	right: 3px;
}

td.Form .passwordToggle-button>i, .Intro .passwordToggle-button>i,
	.custabcontainer_in .passwordToggle-button>i, .mwindiv_conte.error_msg_container spannt .passwordToggle-button>i,
	.activate #content .passwordToggle-button>i, .modalstatic .formpasswordwrapper .passwordToggle-button>i,
	td.field .passwordToggle-button>i, div.fieldContentDiv .passwordToggle-button>i
	{
	height: 16px;
	width: 16px;
	font-size: 1rem;
}

td.field .passwordToggle {
	top: 13px;
	right: 10px;
}

span.passwordToggle-state, span.caret-state {
	position: absolute;
	left: -1000px;
	top: -1000px;
	opacity: 0;
}

td.Form .formpasswordwrapper, .Intro .formpasswordwrapper,
	.formpasswordwrapper {
	position: relative;
	display: inline;
	width: 100%;
}

input::-ms-reveal {
	display: none;
}

.language_pos {
	position: absolute;
	top: 53px;
	right: 20px;
}

/* Quick assign mobile */
.inputcontrol, .groupuserpanel {
	padding: 5px 0;
}

.inputcontrol form>div {
	display: inline;
}

.mobile .inputcontrol {
	padding: 0;
	border: 0;
	width: calc(100% - 40px);
}

.mobile .inputcontrol form>div {
	display: inline-block;
	margin-right: 10px;
	vertical-align: top;
}

.mobile .inputcontrol label {
	display: block;
	width: 100%;
}

.mobile .inputcontrol input:not([type="button"]), .mobile .inputcontrol select
	{
	width: 100%;
	margin: 2px 0 5px 0;
}

.mobile .inputcontrol .btn-group.mobilesearch {
	display: none;
	position: absolute;
	right: 15px;
	top: 18px;
}

.selected_container {
	position: fixed;
	width: calc(100% - 40px);
	height: 170px;
	bottom: 0;
}

.Drop {
	height: 130px;
	overflow: auto;
	color: #CCCCCC;
	position: relative;
	text-align: left;
	border: 4px #F0F0F0 solid;
	padding: 0 2px;
	box-sizing: border-box;
	width: 100%;
}

.Drop .message {
	font-size: 1.875rem;
	line-height: 115px;
	text-align: center;
	vertical-align: middle;
	height: 100%
}

.mobile .mobilequickassign span.addBtnContainer {
	padding-top: 6px;
}

.mobile .mobilequickassign #footer {
	width: calc(100% - 40px);
}

.mobile .Drop {
	height: 70px;
	background: #fff;
	border-top: 5px #f0f0f0 solid;
}

.mobile .Drop .message {
	line-height: 60px;
	font-size: 1.25rem;
}

.mobile .Drop .message i {
	padding-right: 7px;
}

.mobile .Drop+.removeall {
	position: absolute;
	float: none;
	right: 30px;
	margin-top: 3px;
}

@media screen and (max-width: 1024px) {
	.rowDiv {
		width: 100%;
		clear: both;
	}
}

.fht-table, .fht-table thead, .fht-table tfoot, .fht-table tbody,
	.fht-table tr, .fht-table th, .fht-table td {
	margin: 0;
	padding: 10px;
	font-size: 100%;
	font: inherit;
	vertical-align: top;
}

.fht-table {
	border-collapse: collapse;
	border-spacing: 0;
}

.fht-table-wrapper, .fht-table-wrapper .fht-thead, .fht-table-wrapper .fht-tfoot,
	.fht-table-wrapper .fht-fixed-column .fht-tbody, .fht-table-wrapper .fht-fixed-body .fht-tbody,
	.fht-table-wrapper .fht-tbody {
	overflow: hidden;
	position: relative;
}

.fht-table-wrapper .fht-fixed-body .fht-tbody, .fht-table-wrapper .fht-tbody
	{
	overflow: auto;
}

.fht-table-wrapper .fht-table .fht-cell {
	overflow: hidden;
	height: 1px;
}

.fht-table-wrapper .fht-fixed-column, .fht-table-wrapper .fht-fixed-body
	{
	top: 0;
	left: 0;
	position: absolute;
}

.fht-table-wrapper .fht-fixed-column {
	z-index: 1;
}

div.form-control {
	height: auto;
	border: none;
	box-shadow: none;
}

.ssCheckBoxContainer, .ssRadioContainer {
	display: inline-block;
	line-height: 21px;
	vertical-align: top;
}

.ssRadioContainer ul, .ssCheckBoxContainer ul {
	list-style-type: none;
}

.ssCheckBoxContainer>div, .ssRadioContainer>div {
	display: table
}

.ssCheckBoxContainer>div>div, .ssRadioContainer>div>div {
	display: table-row
}

.ssCheckBoxContainer>div>div:not(.notifyjs-wrapper)>div,
	.ssRadioContainer>div>div>div:not(.notifyjs-bootstrap-error) {
	padding: 0 10px 6px 0;
	vertical-align: top;
}

.ssCheckBoxContainer>div>div>div>label, .ssRadioContainer>div>div>div>label
	{
	width: auto;
}

.ssRadioContainer.nopadding {
	padding: 0px !important;
}

div.Intro .CheckBoxContainer {
	margin-bottom: 10px;
}

#listcontainer td.firstrow, #list_container td.firstrow, .ax-listview td.firstrow,
	table.Form td.firstrow, table.Data td.firstrow {
	padding-left: 14px;
}

.showinput {
	display: inline !important;
}

.ssCheckBoxDiv {
	padding: 0px 5px 5px 5px !important;
	margin: 0px;
	vertical-align: top;
}

.ssCheckBoxDiv label {
	width: auto;
	max-width: 100%;
	padding: 5px 5px 0px 22px !important;
	position: relative;
}

.form-control .ssCheckBoxDiv {
	padding: 0;
}

.ui-slider {
	margin-top: 7px;
}

.opacityslider {
	width: 200px;
	margin-bottom: 15px;
}

.ui-slider label {
	position: absolute;
	width: 20px;
	margin-left: -15px !important;
	text-align: center;
	margin-top: 15px;
	left: 46%;
}

.ui-slider label:first-of-type {
	left: 13px;
}

.ui-slider label:last-child {
	left: auto;
	right: 4px;
}

.Form input[type='checkbox'], .Form input[type='radio'] {
	margin: 7px 0 5px 5px;
	vertical-align: top;
}

td.FormTop>div.caption {
	position: relative;
	font-weight: bold;
	text-align: left;
	background: #fff;
	line-height: 21px;
	background-color: #fff;
	border-bottom: 1px solid #eee;
	padding: 0px;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.beta_objectleftcenterredesign.redesign td.FormTop>div.caption {
    border: none;
}

.labelmargin {
	margin: 0 5px;
}

/*Adding custom checkbox icons*/
ul.nolist {
	overflow: auto !important;
}

.ssCheckBoxContainer label, div.form-control .ssCheckBoxDiv label,
	.CheckBoxContainer input[type="checkbox"]+label, .ssRadioContainer label,
	.RadioContainer label, #listcontainer label, .ax-listview label,
	#columnheader label, #list_container input[type="checkbox"]+label,
	.CheckBoxContainer input[type="checkbox"]+label, .nolist label,
	.list_container input[type="checkbox"]+label, table.Data input[type="checkbox"]+label,
	table.Form.Check label, table.Data input[type="radio"]+label,
	#list_container input[type="radio"]+label {
	position: relative;
	padding-left: 20px;
	font-size: 0.9375rem;
	cursor: pointer;
	font-weight: normal !important;
}

#list_container thead input[type="checkbox"]+label, .list_container thead input[type="checkbox"]+label
	{
	padding-left: 13px;
}

.fieldContentDiv #value_div .RadioContainer {
	top: 4px;
}

.fieldContentDiv #value_div .RadioContainer label {
	padding-top: 1px;
}

.ssCheckBoxContainer label, .ssRadioContainer label {
	vertical-align: top;
	padding: 5px 5px 5px 20px;
	display: inline-block;
}

input[type="checkbox"]:focus+label:before, input[type="checkbox"]:focus+label:after,
	input[type="radio"]:focus+label:before, input[type="radio"]:focus+label:after
	{
	color: var(--buttonbgcolor) !important;
}

input[type="checkbox"]:focus-visible+label:before {
	text-shadow: -1px 0px 0px var(--buttonkeybordercolor, #444), 0px -1px
		0px var(--buttonkeybordercolor, #444), 1px 0px 0px
		var(--buttonkeybordercolor, #444), 0px 1px 0px
		var(--buttonkeybordercolor, #444);
	border-radius: 3px;
}

input[type="radio"]:focus-visible+label:before {
	text-shadow: -1px 0px 0px var(--buttonkeybordercolor, #444), 0px -1px
		0px var(--buttonkeybordercolor, #444), 1px 0px 0px
		var(--buttonkeybordercolor, #444), 0px 1px 0px
		var(--buttonkeybordercolor, #444);
}

.list_container td.Data1 input[type="checkbox"]+label, .list_container td.Data2 input[type="checkbox"]+label
	{
	padding-left: 12px !important;
}

#listcontainer .Sub label, #listcontainer .SubCenter label, .Sub label,
	#list_container .Sub label, .list_container .Sub label, .list_container .Sub input[type="checkbox"]+label,
	#columnheader .Sub label, .ax-listview .Sub label, table.Data .SubCenter label,
	#listcontainer .Data1 label, #listcontainer .Data2 label, .ax-listview .Data1 label,
	.ax-listview .Data2 label {
	padding-left: 13px;
}

.ssCheckBoxContainer label:before, div.form-control .ssCheckBoxDiv label:before,
	div.form-control .ssCheckBoxDiv label:after, .ssCheckBoxContainer label:after,
	.CheckBoxContainer input[type="checkbox"]+label:before,
	.CheckBoxContainer input[type="checkbox"]+label:after,
	.ssRadioContainer label:before, .ssRadioContainer label:after,
	.RadioContainer label:before, .RadioContainer label:after,
	#listcontainer label:before, #listcontainer label:after, .ax-listview label:before,
	.ax-listview label:after, #columnheader label:before, #columnheader label:after,
	#list_container input[type="checkbox"]+label:before, #list_container input[type="checkbox"]+label:after,
	.CheckBoxContainer input[type="checkbox"]+label:before,
	.CheckBoxContainer input[type="checkbox"]+label:after, .nolist label:before,
	.nolist label:after, .list_container input[type="checkbox"]+label:before,
	.list_container input[type="checkbox"]+label:after, table.Data input[type="checkbox"]+label:before,
	table.Data input[type="checkbox"]+label:after, table.Form.Check label:before,
	table.Form.Check label:after, table.Data input[type="radio"]+label:before,
	table.Data input[type="radio"]+label:after, #list_container input[type="radio"]+label:before,
	#list_container input[type="radio"]+label:after {
	font-family: 'Font Awesome 6 Pro';
	font-size: 1rem;
	color: #777;
	position: absolute;
	top: 0;
	left: 0;
	padding: 5px 0 0 0;
	font-weight: 500;
}

.beta_objectleftcenterredesign.redesign {
	.ssCheckBoxContainer label:before, div.form-control .ssCheckBoxDiv label:before,
	div.form-control .ssCheckBoxDiv label:after, .ssCheckBoxContainer label:after,
	.CheckBoxContainer input[type="checkbox"]+label:before,
	.CheckBoxContainer input[type="checkbox"]+label:after,
	.ssRadioContainer label:before, .ssRadioContainer label:after,
	.RadioContainer label:before, .RadioContainer label:after,
	#listcontainer label:before, #listcontainer label:after, .ax-listview label:before,
	.ax-listview label:after, #columnheader label:before, #columnheader label:after,
	#list_container input[type="checkbox"]+label:before, #list_container input[type="checkbox"]+label:after,
	.CheckBoxContainer input[type="checkbox"]+label:before,
	.CheckBoxContainer input[type="checkbox"]+label:after, .nolist label:before,
	.nolist label:after, .list_container input[type="checkbox"]+label:before,
	.list_container input[type="checkbox"]+label:after, table.Data input[type="checkbox"]+label:before,
	table.Data input[type="checkbox"]+label:after, table.Form.Check label:before,
	table.Form.Check label:after, table.Data input[type="radio"]+label:before,
	table.Data input[type="radio"]+label:after, #list_container input[type="radio"]+label:before,
	#list_container input[type="radio"]+label:after {
		font-family: 'Font Awesome 6 Pro';
		font-size: 1.125rem;
		color: #777;
		position: absolute;
		top: 0;
		left: 0;
		padding: 5px 0 0 0;
		font-weight: 500;
	}
	#listcontainer label:before, .ax-listview label:before, #columnheader label:before, #list_container input[type="checkbox"]+label:before, .CheckBoxContainer input[type="checkbox"]+label:before, .nolist:before, .list_container input[type="checkbox"]+label:before, table.Data input[type="checkbox"]+label:before, table.Form.Check label:before {
		padding-top: 0;
		background-image: linear-gradient(transparent 3px, white -10px);
		height: 15px;
		width: 13px;
	}
	.ssCheckBoxContainer label, div.form-control .ssCheckBoxDiv label, .CheckBoxContainer input[type="checkbox"] + label, .ssRadioContainer label, .RadioContainer label, #listcontainer label, .ax-listview label, #columnheader label, #list_container input[type="checkbox"] + label, .CheckBoxContainer input[type="checkbox"] + label, .nolist label, .list_container input[type="checkbox"] + label, table.Data input[type="checkbox"] + label, table.Form.Check label, table.Data input[type="radio"] + label, #list_container input[type="radio"] + label {
		position: relative;
		padding-left: 20px;
		font-size: 0.9375rem;
		cursor: pointer;
		font-weight: normal !important;
	}
	input.uneditable-inputLeft, span.uneditable-inputLeft, .uneditable-inputLeft, input.btn-lookupLeft, button.btn-lookupLeft, span.btn-lookupLeft, .btn-lookupLeft, button#policybutton {
		margin: 0 0 0 -2px;
		-webkit-border-top-left-radius: 0px;
		-webkit-border-top-right-radius: 4px;
		-webkit-border-bottom-right-radius: 4px;
		-webkit-border-bottom-left-radius: 0px;
		-moz-border-radius-topleft: 0px;
		-moz-border-radius-topright: 4px;
		-moz-border-radius-bottomright: 4px;
		-moz-border-radius-bottomleft: 0px;
		border-top-left-radius: 0px;
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
		border-bottom-left-radius: 0px;
		width: 45px;
	}
}

div.form-control .ssCheckBoxDiv label:before, div.form-control .ssCheckBoxDiv label:after{
	padding: 3px 0 0 0;
}

.RadioContainer label:before, .RadioContainer label:after {
	padding: 1px;
}

.nolist label:before, table.Data input[type="radio"]+label:before, table.Data input[type="radio"]+label:after
	{
	padding-top: 0;
}

#listcontainer label:before, .ax-listview label:before, #columnheader label:before,
	#list_container input[type="checkbox"]+label:before, .CheckBoxContainer  input[type="checkbox"]+label:before,
	.nolist:before, .list_container input[type="checkbox"]+label:before,
	table.Data input[type="checkbox"]+label:before, table.Form.Check label:before
	{
	padding-top: 0;
	background-image: linear-gradient(transparent 3px, white -10px);
	height: 15px;
	width: 13px;
}

#listcontainer label:after, .ax-listview label:after, #columnheader label:after,
	#list_container input[type="checkbox"]+label:after, .CheckBoxContainer input[type="checkbox"]+label:after,
	.nolist label:after, .list_container input[type="checkbox"]+label:after,
	table.Data input[type="checkbox"]+label:after, table.Form.Check label:after
	{
	padding-top: 0;
}

table.Data .RadioContainer label:before, table.Data .RadioContainer label:after
	{
	padding-top: 0 !important;
}

table.Data .ssRadioContainer label:before, table.Data .ssRadioContainer label:after
	{
	padding-top: 5px !important;
}

.ssCheckBoxContainer label:before, div.form-control .ssCheckBoxDiv input[type="checkbox"]+label:before,
	.CheckBoxContainer input[type="checkbox"]+label:before, #listcontainer label:before,
	.ax-listview label:before, #columnheader label:before, #list_container input[type="checkbox"]+label:before,
	.CheckBoxContainer input[type="checkbox"]+label:before, .nolist label:before,
	.list_container input[type="checkbox"]+label:before, table.Data input[type="checkbox"]+label:before,
	table.Form.Check label:before {
	content: '\f0c8';
}

.ssRadioContainer label:before, .RadioContainer label:before, table.Data input[type="radio"]+label:before,
	div.form-control .ssCheckBoxDiv input[type="radio"]+label:before,
	#list_container input[type="radio"]+label:before {
	content: '\f111';
}

.ssCheckBoxContainer label:after, div.form-control .ssCheckBoxDiv input[type="checkbox"]+label:after,
	div.form-control .ssCheckBoxDiv input[type="radio"]+label:after,
	.CheckBoxContainer input[type="checkbox"]+label:after,
	.ssRadioContainer label:after, .RadioContainer label:after,
	#listcontainer label:after, .ax-listview label:after, #columnheader label:after,
	#list_container input[type="checkbox"]+label:after, .CheckBoxContainer input[type="checkbox"]+label:after,
	.nolist label:after, .list_container input[type="checkbox"]+label:after,
	table.Data input[type="checkbox"]+label:after, table.Data input[type="radio"]+label:after,
	table.Form.Check label:after, #list_container input[type="radio"]+label:after
	{
	color: #444;
	max-width: 0;
	overflow: hidden;
	opacity: 0.5;
	transition: all 0.35s;
}

.ssCheckBoxContainer label:after, div.form-control .ssCheckBoxDiv input[type="checkbox"]+label:after,
	.CheckBoxContainer input[type="checkbox"]+label:after, #listcontainer label:after,
	.ax-listview label:after, #columnheader label:after, #list_container input[type="checkbox"]+label:after,
	.CheckBoxContainer input[type="checkbox"]+label:after, .nolist label:after,
	.list_container input[type="checkbox"]+label:after, table.Data input[type="checkbox"]+label:after,
	table.Form.Check label:after {
	content: '\f14a';
	font-weight: 600;
}

.ssRadioContainer label:after, .RadioContainer label:after, table.Data input[type="radio"]+label:after,
	div.form-control .ssCheckBoxDiv input[type="radio"]+label:after,
	#list_container input[type="radio"]+label:after {
	content: '\f192';
}

.ssCheckBoxContainer input[type="checkbox"], div.form-control .ssCheckBoxDiv input[type="checkbox"],
	.CheckBoxContainer input[type="checkbox"], .ssRadioContainer input[type="radio"],
	.RadioContainer input[type="radio"], #listcontainer input[type="checkbox"],
	.ax-listview input[type="checkbox"], #columnheader input[type="checkbox"],
	#list_container input[type="checkbox"], .CheckBoxContainer input[type="checkbox"],
	.nolist input[type="checkbox"], .list_container input[type="checkbox"],
	table.Data input[type="checkbox"], table.Data input[type="radio"],
	table.Form.Check input[type="checkbox"], div.form-control .ssCheckBoxDiv input[type="radio"],
	#list_container input[type="radio"] {
	height: 0px;
	width: 0px;
	margin: 0px;
	position: absolute;
	opacity: 0;
}

.ssCheckBoxContainer input[type="checkbox"]:checked+label:after, div.form-control .ssCheckBoxDiv input[type="checkbox"]:checked+label:after,
	.CheckBoxContainer input[type="checkbox"]:checked+label:after,
	.ssRadioContainer input[type="radio"]:checked+label:after,
	.RadioContainer input[type="radio"]:checked+label:after, #listcontainer input[type="checkbox"]:checked+label:after,
	.ax-listview input[type="checkbox"]:checked+label:after, #columnheader input[type="checkbox"]:checked+label:after,
	#list_container input[type="checkbox"]:checked+label:after,
	.CheckBoxContainer input[type="checkbox"]:checked+label:after, .nolist input[type="checkbox"]:checked+label:after,
	.list_container input[type="checkbox"]:checked+label:after, table.Data input[type="checkbox"]:checked+label:after,
	table.Data input[type="radio"]:checked+label:after, table.Form.Check input[type="checkbox"]:checked+label:after,
	div.form-control .ssCheckBoxDiv input[type="radio"]:checked+label:after,
	#list_container input[type="radio"]:checked+label:after {
	max-width: 25px;
	opacity: 1;
}

.ssRadioContainer input:disabled+label {
	color: inherit;
	cursor: no-drop;
}

.ssRadioContainer input:disabled+label:before, .ssRadioContainer input:disabled+label:after,
	.RadioContainer input:disabled+label, .RadioContainer input:disabled+label:before,
	.RadioContainer input:disabled+label:after {
	color: #bbb;
}

table.Data .ssCheckBoxDiv input[type="checkbox"]+label:before, table.Data .ssCheckBoxDiv input[type="checkbox"]+label:after
	{
	padding-top: 5px;
}

div:is(#formdiv, .formdiv) div.ssRadioContainer table td.ssCheckBoxDiv>label
	{
	padding-top: 5px !important;
}

input[type=checkbox]:disabled+label {
	color: inherit;
	cursor: no-drop;
}

input[type=checkbox]:disabled+label:after, input[type=checkbox]:disabled+label:before
	{
	color: #bbb;
}

.mwindiv_content.modalstatic .mwindiv_in .ssCheckBoxContainer table {
	width: 100%;
}

.search_fields .RadioContainer, .lookup_fields .RadioContainer {
	display: inline-block;
	margin-right: 5px;
	margin-top: 6px;
	white-space: nowrap;
}

.modalstatic.autoWidth {
	width: auto !important;
}

/* password policy criteria */
ul.passwordPolicyCriteria {
	list-style: none;
	padding: 5px 0px 0px 5px;
	margin: 0px;
}

ul.passwordPolicyCriteria>li {
	padding: 5px 0px 5px 0px;
}

ul.passwordPolicyCriteria>li>span {
	padding: 0px 7px 0px 0px;
	float: left;
}

td.NavBarBg {
	padding: 4px;
	border: 1px #F0F0F0 solid;
	background: #FFFFFF;
}

.uploadtext {
	position: absolute;
	display: none;
	color: #FFF;
	background: none repeat scroll 0% 0% #BDBDBD;
	padding: 2px;
	font-weight: bold;
	top: 30px;
	width: 98px;
	text-align: center;
	z-index: 1000;
}

.uploadtext .editphoto {
	text-align: center;
}

.AdvancedSetting {
	display: none;
}

.profileImageWrapper div.profileImage:hover>div>div.uploadtext {
	display: block;
	cursor: pointer;
}

.subListView {
	border-top: 1px #EEEEEE solid;
	margin: 0px;
}

.TabNavBar {
	display: none;
}

#footertabnav {
	margin: 0px;
	position: inherit;
	width: inherit;
	display: block;
}

#footertabnav .ButtonSm, .TabNavBar .ButtonSm {
	background: #FFFFFF;
	color: #333;
	border: none;
	border-radius: 0;
	text-transform: uppercase;
	margin: 0px;
}

#footertabnav .ButtonSm:hover, .TabNavBar .ButtonSm:hover {
	color: var(--buttonbgcolor, #dfdfdf);
}

#footertabnav .ButtonSm.focus, .TabNavBar .ButtonSm.focus {
	background: var(--buttonbgcolor, #dfdfdf);
	color: var(--buttonfontcolor, #dfdfdf);
	outline-width: initial;
}

#footertabnav .btnBack, #footertabnav .btnNext {
	position: absolute;
	bottom: 0;
}

#footertabnav .btnNext {
	box-shadow: -7px 0 9px -7px rgba(0, 0, 0, 0.3) !important;
	right: 0;
	float: right;
}

#footertabnav .btnBack {
	box-shadow: 7px 0 9px -7px rgba(0, 0, 0, 0.3) !important;
	float: left;
}

#footertabnav .btnBack::before {
	font-size: 0.8125rem;
	font-family: "FontAwesome", 'Font Awesome 6 Pro';
	font-weight: 900;
	content: "\f053";
}

#footertabnav .btnNext::after {
	font-size: 0.8125rem;
	font-family: "FontAwesome", 'Font Awesome 6 Pro';
	font-weight: 900;
	content: "\f054 ";
}

.beta_objectleftcenterredesign.redesign .btnNext {
	float: right;
}

.beta_objectleftcenterredesign.redesign .btnNext::after {
    font-family: FontAwesome;
    content: '\f054';
    display: inline-block;
}

.beta_objectleftcenterredesign.redesign .btnBack {
	float: left;
}

.beta_objectleftcenterredesign.redesign .btnBack::before {
    font-family: FontAwesome;
    content: '\f053';
    display: inline-block;
}

.Submit {
	text-align: center;
	background: #EEEEEE;
}

.Modal.Submit {
	border: 0;
	padding: 12px 0px 8px 0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.beta_improvedmessaging .Modal.Submit {
	padding: 5px;
}

tr.clickable:hover td, tr.clickable:focus td {
	background: var(--chathighlightcolor);
	color: #000000;
	cursor: pointer;
	background-repeat: repeat-x;
}

tr.clickable:focus {
	outline: none;
}

.filename_ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
}

.filename_ellipsis a {
	font-size: 0.875rem;
}

.list_container table tr {
	position: relative;
}

.list_container table tr:hover>td.Data1, .list_container table tr:hover>td.Data2,
	.ax-listview table tr:hover>td.Data1, .ax-listview table tr:hover>td.Data2,
	.db_container ul li:hover {
	background: #FFFFFF;
}

.list_container table tr:hover>td.Data1+.rowhighlight, .list_container table tr:hover>td.Data2+.rowhighlight
	{
	background: #FFFFCC !important;
	background-color: #FFFFCC !important;
}

.list_container table tr:hover>.Data1 div.options, .list_container table tr:hover>.Data2 div.options,
	.ax-listview table tr:hover>.Data1 div.options, .ax-listview table tr:hover>.Data2 div.options
	{
	display: table;
}

.cart_container {
	font-size: 0.9375rem;
	line-height: 18px;
	min-width: 550px;
	max-width: 660px;
	padding: 0 20px 0 20px;
}

.cart_container table {
	width: 100%;
	padding-bottom: 15px;
}

.cart_container .stacked td.Form {
	padding-top: 0;
}

.cartwrapper li {
	padding: 9px 10px 7px 10px !important;
}

.cartwrapper li div.itemInfoDiv>div:first-of-type {
	font-size: 0.875rem;
	font-weight: 500;
}

.cartwrapper li div.itemInfoDiv>div:nth-of-type(2) {
	padding: 0 0 5px 0;
}

.cartwrapper li div:not(.itemInfoDiv) {
	font-size: 0.8125rem;
	padding: 0 0 4px 0
}

.cartwrapper li div.itemInfoDiv>div:empty {
	display: none;
}

.cartwrapper li div.itemInfoDiv {
	float: left;
	width: 55%;
	max-width: 200px;
}

.cartwrapper li div.itemAmountWrapper {
	display: table;
	width: 120px;
	float: right;
}

.cartwrapper li div.itemAmountDiv {
	display: table-row;
	text-align: right;
	margin: 4px 0;
	font-weight: 500;
}

.cartwrapper li .itemAmountWrapper span:first-of-type {
	font-weight: normal;
	width: 100px;
	padding: 0 4px 2px 0;
}

.cartwrapper .itemAmountWrapper>.itemAmountDiv span {
	display: table-cell;
	font-size: 0.8125rem;
	margin: 2px 0;
	width: 55px;
	min-width: 55px;
	box-sizing: border-box;
	white-space: nowrap;
}

.cartwrapper li div span {
	font-size: 0.75rem;
	cursor: pointer;
}

.cartwrapper li div:not(.itemAmountDiv)>span:hover {
	text-decoration: underline;
}

.cartwrapper .cartfooter div:first-of-type {
	background: #f3f3f3;
	border-radius: 4px;
	padding: 6px;
	box-sizing: border-box;
	margin-bottom: 6px;
	text-align: center;
	border: 1px solid #ddd;
}

.cartwrapper .cartfooter div .Button {
	width: 100%;
}

ul.cartwrapper {
	position: relative;
	left: 0 !important;
	max-height: calc(60vh + 40px);
}

.cartInstructionsDiv {
	font-size: 0.875rem;
	line-height: 18px;
	margin: 7px 0 0 0;
	padding: 12px 10px 12px 10px;
	background: #f9f9f9;
	border-left: 6px #dedede solid;
	color: #333;
	text-align: left;
	font-style: normal;
}

.cartfooter {
	color: #444;
	padding: 10px;
	text-align: center;
	background: #eee !important;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}

.cartfooter>.cartTotalWrapper>div.cartTotalDiv {
	font-size: 0.8125rem;
	font-weight: 500;
	padding: 0;
	box-sizing: border-box;
	margin-bottom: 6px;
	text-align: left;
}

.cartfooter>.cartTotalWrapper>div.cartTotalDiv span {
	font-weight: normal;
	text-align: left;
	box-sizing: border-box;
}

.cartfooter>.cartTotalWrapper>div.cartTotalDiv span+span {
	font-weight: 500;
	padding-left: 5px;
	text-align: right;
	float: right;
}

.cartfooter>div .Button {
	width: 100%;
	margin: 5px 0 0 0;
}

.cartfooter:empty {
	display: none;
}

.cartsummary {
	width: 380px !important;
	border-radius: 6px;
	border: 1px solid #eee !important;
	overflow: hidden;
	background: #fff;
	margin-left: 15px;
}

.cartpaymentwrapper .sectiontitle {
	font-size: 1rem;
	font-weight: 500;
	padding: 9px 10px;
	background: #eeeeee;
	text-align: left;
	box-sizing: border-box;
}

.cartsummary .cartwrapper li {
	display: inline-block;
	border-bottom: 1px solid #eee;
	margin: 0 10px;
	padding: 9px 0px 7px 0px !important;
	list-style-type: none;
	width: calc(100% - 20px);
}

.cartsummary .cartwrapper li div.itemInfoDiv {
	max-width: 250px;
}

.cartsummary .cartwrapper li:last-of-type {
	border-bottom: 0;
}

.cartsummary .cartTotalWrapper {
	display: table;
	width: auto;
	float: right;
	padding: 8px 0 0 0;
}

.cartsummary .cartfooter {
	display: inline-block;
	width: 100%;
	font-weight: 500;
	margin: 0 !important;
	padding: 0 8px 6px 8px !important;
	border-radius: 0;
	border-top: 1px solid #eee;
	background: #fff !important;
	box-sizing: border-box;
}

.cartsummary>.cartfooter>.cartTotalWrapper>div.cartTotalDiv {
	display: table-row;
	margin-bottom: 2px;
}

.cartsummary>.cartfooter>.cartTotalWrapper>div.cartTotalDiv span {
	float: none;
	display: table-cell;
	text-align: right;
	white-space: nowrap;
	width: 190px;
	padding: 0 0 2px 0;
}

.cartsummary>.cartfooter>.cartTotalWrapper>div.cartTotalDiv span+span {
	font-weight: bold;
	display: table-cell;
	width: 75px;
}

.cartsummary>.cartfooter div:last-child {
	margin-bottom: 0;
}

.cartsummary .cartwrapper .itemAmountWrapper>.itemAmountDiv span {
	width: 75px;
	min-width: 75px;
}

.cartpaymentwrapper .stripepaymentcontent {
	width: 1060px;
}

.stripepayment.cartpaymentwrapper {
	margin: 30px 0 0 0;
}

.stripepayment.cartpaymentwrapper .stripepaymentwrapper {
	float: left;
	width: 650px;
	margin: 0;
}

.stripepayment.cartpaymentwrapper .information_msg_container,
	.stripepayment.cartpaymentwrapper .error_msg_container {
	margin: 10px;
	width: calc(100% - 20px);
}

.cartpaymentwrapper .formdiv {
	display: inline-block;
	width: 100%;
	margin-bottom: 5px;
}

.cartsummarywrapper {
	background: #f8fafc;
	margin: 55px 0 0 0;
}

.cartsummarycontentwrapper {
	width: 760px;
	margin: auto;
}

.cartsummarycontent {
	float: left;
	font-size: 0.875rem;
	margin: auto;
	width: 760px;
	height: auto;
	margin: 15px auto 50px auto;
	padding-bottom: 5px;
	background: #fff !important;
	border-radius: 6px;
	overflow: hidden;
	box-shadow: 0 2px 4px 0 rgba(50, 50, 93, .1);
	border: 1px solid #f1f5fa;
	box-sizing: border-box;
}

.cartsummarycontent .heading {
	font-weight: 500;
	display: inline-block;
	background: #f0f0f0;
	padding: 5px 12px;
	width: 100%;
	box-sizing: border-box;
}

.cartsummarycontent .heading div {
	float: left;
	width: 100%;
	padding: 5px 0px;
}

.cartsummarycontent .heading div>span:first-child {
	padding: 0px 5px 0px 0px;
}

.cartsummarycontent .heading div>div:first-child {
	float: left;
	width: 70%;
}

.cartsummarycontent .heading div>div:last-child {
	float: left;
	width: 30%;
	text-align: right;
}

.cartsummarycontent ul.summarywrapper {
	list-style-type: none;
	width: 100%;
	padding: 0 12px;
	margin: 0;
	box-sizing: border-box;
}

.cartsummarycontent ul.summarywrapper li {
	display: inline-block;
	width: 100%;
	color: #3d3d3d;
	padding: 8px 0 8px 0;
	box-sizing: border-box;
	border-bottom: 1px solid #ebebeb;
	cursor: default;
	white-space: pre-line;
}

.cartsummarycontent ul.summarywrapper li>.itemInfoDiv>div:first-of-type
	{
	font-size: 0.875rem;
	font-weight: 500;
}

.cartsummarycontent ul.summarywrapper li>.itemInfoDiv>div {
	padding-bottom: 2px;
}

.cartsummarycontent ul.summarywrapper li>.itemInfoDiv>div:empty {
	display: none;
}

.cartsummarycontent .itemInfoDiv {
	float: left;
	width: 65%;
}

.cartsummarycontent ul li div.itemEditDiv span {
	font-size: 0.8125rem;
	cursor: pointer;
}

.cartsummarycontent ul li div.itemEditDiv span:hover {
	text-decoration: underline;
}

.summaryfooter {
	padding: 3px 12px;
}

.summaryfooter .cartTotalWrapper, .cartsummarycontent .itemAmountWrapper
	{
	display: table;
	width: auto;
	float: right;
}

.summaryfooter .cartTotalWrapper>.cartTotalDiv, .cartsummarycontent .itemAmountWrapper>.itemAmountDiv
	{
	display: table-row;
}

.summaryfooter .cartTotalWrapper .cartTotalDiv, .cartsummarycontent .itemAmountWrapper .itemAmountDiv
	{
	display: table-row;
}

.summaryfooter .cartTotalWrapper>.cartTotalDiv span, .cartsummarycontent .itemAmountWrapper>.itemAmountDiv span
	{
	display: table-cell;
	margin: 2px 0;
	width: 85px;
}

.summaryfooter .cartTotalDiv, .cartsummarycontent .itemAmountDiv {
	display: inline-block;
	font-weight: 500;
	width: 100%;
	padding: 4px 0;
	box-sizing: border-box;
}

.summaryfooter .cartTotalDiv span:first-of-type, .cartsummarycontent .itemAmountDiv span:first-of-type
	{
	font-weight: normal;
	text-align: right;
	width: 100px;
	white-space: nowrap;
	padding: 2px 0px;
}

.summaryfooter .cartTotalDiv span:first-of-type+span {
	font-weight: bold;
	text-align: right;
	padding: 2px 0px 2px 2px;
}

.cartsummarycontent .itemAmountDiv span:first-of-type+span {
	text-align: right;
	padding-left: 5px;
}

.summaryfooter .paymentMethodDiv {
	display: inline-block;
	border: 1px solid #eee;
	border-radius: 3px;
	padding: 0;
	margin: 15px 0;
	width: 100%;
	box-sizing: border-box;
}

.summaryfooter .paymentMethodDiv>div:first-of-type {
	font-weight: 500;
	background: #f0f0f0;
	width: 100%;
	box-sizing: border-box;
	font-size: 0.9375rem;
	padding: 10px 15px;
	border-bottom: 1px solid #eee;
}

.summaryfooter .paymentMethodOptionsDiv {
	margin: 5px 0 15px 0;
}

.summaryfooter .paymentMethodOptionsDiv div {
	padding: 10px 15px 2px 15px;
}

.summaryfooter .paymentMethodOptionsDiv div.payperiod {
	padding: 5px 10px;
	margin: 5px 15px 0 15px;
	border-radius: 3px;
	border: 1px solid #eee;
	background: #f9f9f9;
}

.summaryfooter .paymentMethodOptionsDiv div.payperiod input[type=text] {
	padding: 2px 4px;
	line-height: normal;
}

.summaryfooter .paymentMethodDiv label {
	margin-top: 5px;
}

.summaryfooter .orderPlacedDiv {
	margin: 10px 0 10px 0;
}

.summaryfooter .paymentOptionsDiv {
	display: inline-block;
	width: 100%;
	border: 1px solid #eee;
	padding: 7px 10px 3px 10px;
	box-sizing: border-box;
	margin-top: 8px;
	border-radius: 3px;
	background: #f9f9f9;
}

.summaryfooter .paymentOptionsDiv .ssCheckBoxContainer {
	padding-bottom: 0;
}

.summaryfooter .paymentOptionsDiv .ssCheckBoxContainer label:before,
	.summaryfooter .paymentOptionsDiv .ssCheckBoxContainer label:after {
	padding: 0;
	margin: 4px 0 0 0;
	background-image: linear-gradient(transparent 2px, white -10px);
	height: 16px;
}

.matchingTitleDiv {
	border-bottom: 2px solid #e6e6e6;
	color: #333;
	font-size: 1.25rem;
	font-weight: 500;
	padding: 20px 1px 6px 1px;
}

.matchingInstructionDiv {
	font-size: 0.875rem;
	line-height: 18px;
	margin: 7px 0 0 0;
	padding: 12px 10px 12px 10px;
	background: #f9f9f9;
	border-left: 6px #dedede solid;
	color: #333;
	text-align: left;
	font-style: normal
}

.matchingopts .p3scriptdiv {
	white-space: pre;
	padding: 15px;
	border: 2px solid #e5e5e5;
	margin-top: 7px;
	background: #f5f5f5;
}

.matchingopts .p3scriptdiv:empty {
	padding: 0;
	border: 0;
}

.Data1, .Data2 {
	font-size: 0.9375rem;
	line-height: 18px;
	padding: 8px 6px;
	background: #F8F8F8;
	border-top: 1px #FFFFFF solid;
	border-bottom: 1px #EEEEEE solid;
	position: relative;
}

.Data1.error, .Data2.error {
	color: #ffffff;
	background-color: #D33131;
	border-top-color: #D33131;
	border-bottom-color: #ffffff;
}

.Data1 .thumbnail, .Data2 .thumbnail {
	width: 40px;
	height: 40px;
	background-size: cover !important;
	background-position: center;
}

.Data1 .label, .Data2 .label {
	display: none;
}

.Data1.options, .Data2.options, .Data1b.options, .Data2b.options {
	overflow: visible;
	padding: 0px;
	border-top: 1px #FFFFFF solid;
	border-bottom: 1px #EEEEEE solid;
	background: #F8F8F8;
	width: 1px;
	height: 100%;
	position: relative;
}

.Data1.options:hover, .Data2.options:hover, .Data1b.options:hover,
	.Data2b.options:hover {
	background: #FFF;
	border-bottom: 1px #FFFFFF solid;
}

.Data1 div.options, .Data2 div.options, .Data1b div.options, .Data2b div.options
	{
	background: linear-gradient(to right, transparent 0%, #FFFFFF 40%);
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	display: none;
	padding: 0 5px 0 40px;
}

.Data1 div.options ul, .Data2 div.options ul, .Data1b div.options ul,
	.Data2b div.options ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	display: table-row;
}

.Data1 div.options ul li, .Data2 div.options ul li, .Data1b div.options ul li,
	.Data2b div.options ul li {
	padding: 0px;
	display: table-cell;
	vertical-align: middle;
	cursor: pointer;
	color: #444444;
}

.Data1 div.options ul li .far, .Data2 div.options ul li .far, .Data1b div.options ul li .far,
	.Data2b div.options ul li .far {
	padding: 5px;
	box-sizing: border-box;
}

.Data1 div.options ul li .far:hover, .Data2 div.options ul li .far:hover,
	.Data1b div.options ul li .far:hover, .Data2b div.options ul li .far:hover
	{
	background: #eee;
	padding: 5px;
	color: #000000;
	box-sizing: border-box;
	border-radius: 3px;
	transition: 0.3s ease;
}

.shortcutImage {
	width: 128px;
	height: 128px;
	background-size: cover;
	background-position-x: center;
	z-index: 999;
}

.shortcutImage img {
	display: none;
	min-width: 200px;
	max-width: 260px;
	width: 100%;
}

.tile_list .shortcutImage.thumbnail {
	background-position: center;
	min-width: 200px;
	max-width: 350px;
	width: 100%;
	height: 175px;
}

.rowhighlight {
	background: #FFFFCC !important;
	background-color: #FFFFCC !important;
}

.Data1 input, .Data2 input {
	margin: 0px;
}

.Data1b, .Data2b {
	padding: 6px;
	font-size: 0.875rem;
}

.DataStatus {
	padding: 0px;
	width: 5px !important;
	min-width: 5px;
	background: #EEEEEE;
}

.data_row_name {
	color: #2E2E2E;
	font-size: 0.8125rem;
	font-weight: bold;
	padding: 0 0 4px 0;
	display: block;
}

#summary_container {
	overflow: auto;
	max-height: 540px;
	-webkit-box-shadow: inset 0px -5px 18px -4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0px -5px 18px -4px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0px -5px 18px -4px rgba(0, 0, 0, 0.2);
}

.search_bar {
	padding: 6px 0 4px 0;
}

.dataset {
	width: 100%;
	padding: 0px;
	margin: 0px;
}

.dataset td {
	font-size: 0.875rem;
	color: #000000;
	min-width: 80px;
	max-width: 120px;
	word-wrap: break-word;
}

.dataset_header {
	text-align: center;
	background: #EEEEEE;
	border: 3px #D7D7D7 solid;
}

.dataset_header a {
	padding: 4px;
	display: block;
	height: 100%;
	text-decoration: none;
	color: #000000;
	cursor: pointer;
}

.dataset_header a:hover {
	color: #000000;
}

.dataset_label {
	padding: 8px 6px 8px 6px;
	text-align: right;
	border-right: 1px #D7D7D7 solid;
	border-bottom: 1px #D7D7D7 solid;
}

.ellipsis {
	white-space: nowrap;
	text-overflow: ellipsis; /* for internet explorer */
	overflow: hidden;
	width: 25px;
	display: block;
}

.dataset_label a {
	text-decoration: none;
	color: #000000;
}

.dataset_label a:hover {
	text-decoration: underline;
	color: #000000;
}

.dataset_value_center {
	padding: 8px 6px 8px 6px;
	text-align: center;
	border-right: 1px #D7D7D7 solid;
	border-bottom: 1px #D7D7D7 solid;
}

.dataset_value_center a {
	text-decoration: none;
	color: #000000;
}

.dataset_value_center a:hover {
	text-decoration: underline;
	color: #000000;
}

.dataset_types {
	background: #EEEEEE;
	border-right: 1px #D7D7D7 solid;
}

/* advanced search for new lightbox */
table.asearch {
	width: 100%;
	margin: 0 auto;
	margin-top: 25px;
	margin-bottom: 15px;
	padding: 0 20px;
}

table.asearchbottom {
	width: 100%;
}

table.asearchbottom select {
	line-height: 20px;
	box-sizing: border-box;
}

table.asearchfooter {
	margin-top: 15px;
	position: fixed;
	bottom: 0;
}

table.asearchfooter div {
	float: left;
}

div.urlpickerDiv {
	padding: 0 20px;
}

div.urlpickerDiv div:not(.Submit) {
	padding: 5px 0;
}

.SubModal {
	border-top: 3px solid var(--buttonbgcolor, #dfdfdf);
	text-align: left;
	padding: 10px 0px 10px 5px;
	border-bottom: 2px solid #dddddd;
	box-sizing: border-box;
}

.SubModal .fa, .SubModal .fas, .SubModal .far, .SubModal .fal, .SubModal .fab
	{
	font-size: 0.75rem;
}

.SubModal.acategory {
	width: 33%;
	box-sizing: border-box;
}

.SubModal.astatus {
	width: 33%;
	box-sizing: border-box;
}

.SubModal.asearch {
	width: 33%;
	box-sizing: border-box;
}

#searchpanel .Modal {
	width: 100%;
	padding: 10px 15px;
	margin-top: 10px;
	box-sizing: border-box;
}

.row_selector {
	width: 94px;
}

.row_commonfields {
	width: 20%;
}

.row_field {
	width: 20%;
}

.row_matching {
	width: 20%;
}

.row_searchterm {
	width: calc(44% - 114px);
}

.row_button {
	width: 30px;
	padding: 0px 0px 5px 0px !important;
	text-align: right
}

.Form.asearch select {
	width: 100%;
}

.asearch .Form {
	background-color: #fcfcfc;
	border-bottom: 1px solid #ededed;
}

.asearch .statusoption {
	width: 100%;
}

.row_cell td {
	padding: 0px 5px 5px 0px;
}

.row_cell input {
	width: calc(100% - 2px);
}

.row_cell select {
	width: 100%;
}

.modal_actionbar .Button {
	padding: 4px 14px;
}

.btn-group.addrow {
	padding: 0 20px;
	margin-top: 5px;
}

.btn-group.addrow .Button {
	padding: 4px 14px;
}

/* ------advanced search status template drop classes------ */
.search_nav {
	position: relative;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

.search_nav li {
	float: left;
	cursor: pointer;
	position: relative;
	width: 100%;
}

.search_nav li a span {
	margin: 7px 0 0 4px;
}

.search_nav li.hover a {
	color: black;
}

.search_nav ul {
	display: none;
	overflow: auto;
	overflow-x: hidden;
	position: absolute;
	top: 100%;
	width: 300px;
	padding: 5px 0;
	margin: 0px 0 0 -1px;
	list-style: none;
	background: #FFFFFF;
	border: 1px solid #ededed;
	text-decoration: none;
	z-index: 1000;
}

.search_nav ul li {
	font-weight: normal;
	float: none;
	color: #323335;
	padding: 2px 5px 2px 5px;
	border: none;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 98%;
}

.search_nav li:hover>ul {
	display: block;
}

/* ---- tooltip styles ---- */
.text-help+.tooltip.bottom .tooltip-arrow {
	border-bottom-color: #999999;
}

.text-help+.tooltip>.tooltip-inner {
	background-color: #ffffff;
	color: #000000;
	font-size: 0.75rem;
	-moz-box-shadow: 2px 2px 5px 0 #9C9C9C;
	-webkit-box-shadow: 2px 2px 5px 0 #9C9C9C;
	box-shadow: 2px 2px 5px 0 #9C9C9C;
	padding: 8px;
}

.text-help+.tooltip>.tooltip-inner {
	border: 1px #999999 solid;
	white-space: normal;
}

i.text-help {
	color: #949494;
	vertical-align: top;
	margin: 0px 0 0 5px;
	cursor: default;
	line-height: 32px;
}

i.text-help:hover, i.text-help:focus {
	color: var(--buttonbgcolor, #dfdfdf);
}

i.text-help:focus {
	outline: 0;
}

label i.text-help, td.Form.textreadonly i.text-help, fieldset>legend>i.text-help,
	th.Sub i.text-help, div>ul.checkboxList .checktoggle_slider+label+i.text-help,
	.fieldContentDiv .CheckBoxContainer i.text-help, .topbar>div.previewcaption i.text-help
	{
	margin: 0 0 0 5px;
	line-height: 1;
}

.objtablabel span i.text-help {
	color: var(--menuheadbgcolor, #dfdfdf);
	vertical-align: top;
	margin: 0px 0 0 5px !important;
	cursor: default;
	right: 5px;
	position: absolute;
	z-index: 1000;
	line-height: 1;
}

.beta_objectleftcenterredesign.redesign .objtablabel span i.text-help {
	background: var(--menuheadfontcolor);
}

.beta_objectleftcenterredesign.redesign .objtabitem_active .objtablabel span i.text-help {
	background: var(--buttonbgcolor, #CCC);
}

span.Required, td.FormTop>div>.Required>label {
	color: var(--required) !important;
}

span.text-help {
	border-bottom: 1px dotted #000000;
	padding: 0px;
	margin-top: -10px;
	cursor: pointer;
}

div.text-help, #map_container {
	text-align: left;
	position: absolute;
	display: none;
	z-index: 4000 !important;
	background: #FFFFFF;
	border: 1px #CCCCCC solid;
	-moz-box-shadow: 2px 2px 5px 0 #9C9C9C;
	-webkit-box-shadow: 2px 2px 5px 0 #9C9C9C;
	box-shadow: 2px 2px 5px 0 #9C9C9C;
	overflow: auto;
	font-weight: normal;
	margin: 14px 0 0 0;
	white-space: normal;
}

.text-help.fa-file-image {
	cursor: pointer;
}

#map_container>div.map-content {
	padding: 8px 0;
}

#mapframe {
	width: 303px;
	margin-left: -10px;
}

.mapshow {
	float: right;
	display: inline-block;
	width: calc(65% - 10px);
	height: calc(100vh - 280px);
	margin: 10px 0 0 10px;
	position: absolute;
	top: auto;
	right: 0;
	overflow: hidden;
}

.tile_list .mapshow {
	width: calc(35% - 10px);
}

.mapshow .Button, .mapshow .btn {
	margin-bottom: 3px;
}

.maphide {
	display: none;
}

.sortdiv {
	width: 300px;
	display: inline-block;
	position: relative;
	padding-left: 2px;
}

.mobile .sortdiv {
	width: 100%;
	display: block !important;
	padding-left: 0px;
}

.mapoptionsdiv {
	width: 45%;
	display: inline-block;
	text-align: right;
	padding-bottom: 5px;
}

.listcontainerwithmap {
	float: left;
	display: inline-block;
	vertical-align: top;
	width: 35%;
}

.listcontainerwithmap.tile_list {
	width: 65%;
}

.listcontainerwithmap .mobileouterdiv.card_large .mobiledatadiv {
	padding-bottom: 30px;
}

.pac-container {
	z-index: 1999;
}

.Data1>i, .Data2>i {
	font-size: 1rem;
	padding-left: 2px;
	padding-right: 2px;
	margin: 0 3px;
	vertical-align: middle;
}

.help-options {
	background: #F1F1F1;
}

.help-options ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

.help-options ul li:hover {
	background: #FFFFFF;
}

.help-options ul li {
	font-size: 0.875rem;
	padding: 4px 6px 4px 6px;
	border-top: 1px #FFFFFF solid;
	border-right: 1px #CCCCCC solid;
	border-bottom: 1px #CCCCCC solid;
	border-left: 1px #FFFFFF solid;
	float: left;
	min-width: 64px;
	cursor: pointer
}

.help-options ul li i {
	padding-right: 5px;
}

.help-content, .map-content {
	font-size: 0.875rem;
	background: #FFFFFF;
	color: #000000;
	padding: 8px;
	max-width: 352px;
	min-width: 58px;
	z-index: 202 !important;
}

.help-content p {
	margin-top: 0;
	margin-bottom: 5px;
}

.textcontainer {
	display: inline-block;
	max-width: calc(100% - 80px);
	width: calc(100% - 80px);
}

.tooltipdiv {
	display: inline;
	padding: 0px 4px;
}

span.text-help div.text-help {
	display: none;
}

span.text-help:hover>div.text-help {
	top: 14px;
	opacity: 1;
	display: block;
}

.statuscontaineroff {
	float: left;
	width: 75px;
	background-image: url(/images/status-off.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin-right: 5px;
}

.statuscontaineron {
	float: left;
	width: 75px;
	background-image: url(/images/status-on.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin-right: 5px;
}

.statusnumber {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.25rem;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	height: 65px;
	padding: 25px 0 0 0;
}

.statustitle {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 0.71875rem;
	font-weight: normal;
	color: #333333;
	text-align: center;
}

.error_msg_container, .success_msg_container, .information_msg_container,
	.warning_msg_container {
	background: #F5F5F5;
	margin: 15px 0;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
	position: relative;
	padding: 20px 12px 20px 52px;
	overflow: hidden;
	box-sizing: border-box;
	line-height: 20px;
	display: inline-block;
	width: 100%;
	height: auto;
	transition: all 0.5s ease;
}

.beta_newinstructions [class*="_msg_container"] {
	border-radius: 8px;
	padding: 15px 12px 15px 42px;
}

.beta_newinstructions .error_msg_container {
	background: #FFF1F1;
	border-left: 8px #B5352C solid;
}

.beta_newinstructions .success_msg_container {
	background: #E6F4EA;
	border-left: 8px #317A1F solid;
}

.beta_newinstructions .information_msg_container {
	background: #E8F2FC;
	border-left: 8px #315470 solid;
}

.beta_newinstructions .warning_msg_container {
	background: #F7F7F7;
	border-left: 8px #D8A93F solid;
}

.error_msg_container.closed, .success_msg_container.closed,
	.information_msg_container.closed, .warning_msg_container.closed {
	height: 40px;
	padding-top: 5px;
	padding-bottom: 5px;
	transition: all 0.5s ease;
}

.error_msg_container>span:first-child:empty, .success_msg_container>span:first-child:empty,
	.information_msg_container>span:first-child:empty,
	.warning_msg_container>span:first-child:empty {
	display: none;
}

.error_msg_container .instruction_title.empty, .success_msg_container .instruction_title.empty,
	.information_msg_container .instruction_title.empty,
	.warning_msg_container .instruction_title.empty {
	height: 0px;
	margin-bottom: 0px;
}

.error_msg_container.closed .instruction_title.empty,
	.success_msg_container.closed .instruction_title.empty,
	.information_msg_container.closed .instruction_title.empty,
	.warning_msg_container.closed .instruction_title.empty {
	height: 20px;
}

.error_msg_container>span, .success_msg_container>span,
	.information_msg_container>span, .warning_msg_container>span {
	font-size: 1.1875rem;
	line-height: 24px;
	padding: 0px 0 10px 0;
	display: block;
}

.beta_newinstructions [class*="_msg_container"]>span {
	padding: 0px;
}

.error_msg_container.closed>.content, .success_msg_container.closed>.content,
	.information_msg_container.closed>.content, .warning_msg_container.closed>.content
	{
	margin-top: 5px;
	height: 20px;
	overflow: hidden;
	transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
}

.error_msg_container.closed>.span:not(.controls), .success_msg_container.closed>span:not(.controls),
	.information_msg_container.closed>span:not(.controls),
	.warning_msg_container.closed>span:not(.controls) {
	padding-top: 3px;
	overflow: hidden;
}

.error_msg_container>.content, .success_msg_container>.content,
	.information_msg_container>.content, .warning_msg_container>.content {
	margin: 0px;
	padding: 0px;
	display: block;
}

[class*="_msg_container"] .content:empty {
	display: none;
}

.error_msg_container>.content ul, .success_msg_container>.content ul,
	.information_msg_container>.content ul, .warning_msg_container>.content ul
	{
	margin: 0px;
}

.beta_newinstructions [class*="_msg_container"]>.content ul {
	margin: 10px 0 5px 0;
}

.beta_newinstructions [class*="_msg_container"]>.content ul:first-child
	{
	margin: 0px 0 5px 0;
}

.beta_newinstructions [class*="_msg_container"]>span:not(.hidden,
	.controls)+.content, .beta_newinstructions [class*="_msg_container"] .instruction_title:not(.hidden)+.content,
	.beta_newinstructions [class*="_msg_container"] .instruction_title:not(.hidden)+.controls+.content
	{
	padding: 10px 0 5px 0;
}

.option_bar .error_msg_container span, .option_bar .success_msg_container span,
	.option_bar .information_msg_container span, .option_bar .warning_msg_container span
	{
	font-size: 0.875rem;
}

.error_msg_container span.controls, .success_msg_container span.controls,
	.information_msg_container span.controls, .warning_msg_container span.controls
	{
	position: absolute;
	right: 10px;
	top: 7px;
	color: #8c8c8c;
	cursor: pointer;
	font-size: 0.875rem;
}

.error_msg_container span.controls a, .success_msg_container span.controls a,
	.information_msg_container span.controls a, .warning_msg_container span.controls a,
	.error_msg_container span.controls a:hover, .success_msg_container span.controls a:hover,
	.information_msg_container span.controls a:hover,
	.warning_msg_container span.controls a:hover, .error_msg_container span.controls a:active,
	.success_msg_container span.controls a:active,
	.information_msg_container span.controls a:active,
	.warning_msg_container span.controls a:active {
	color: #8c8c8c;
	text-decoration: none;
	font-weight: 600;
}

.beta_newinstructions .error_msg_container span.controls a {
	color: #D33131;
}

.beta_newinstructions .success_msg_container span.controls a {
	color: #44AB2B;
}

.beta_newinstructions .information_msg_container span.controls a {
	color: #315470;
}

.beta_newinstructions .warning_msg_container span.controls a {
	color: #D8A93F;
}

.error_msg_container span.controls a:before, .success_msg_container span.controls a:before,
	.information_msg_container span.controls a:before,
	.warning_msg_container span.controls a:before {
	font-family: 'Font Awesome 5 Pro';
	content: "\f146";
}

.error_msg_container.closed span.controls a:before,
	.success_msg_container.closed span.controls a:before,
	.information_msg_container.closed span.controls a:before,
	.warning_msg_container.closed span.controls a:before {
	font-family: 'Font Awesome 5 Pro';
	content: "\f0fe";
}

.information_msg_container span.controls a:focus-visible {
	outline: -webkit-focus-ring-color auto 1px;
}

.error_msg_container ul, .success_msg_container ul,
	.information_msg_container ul, .warning_msg_container ul {
	margin-left: 0px;
	margin-top: 10px;
	padding-left: 20px;
}

.beta_newinstructions [class*="_msg_container"] ul {
	margin-bottom: 5px;
}

.error_msg_container ul li, .success_msg_container ul li,
	.information_msg_container ul li, .warning_msg_container ul li {
	position: relative;
	margin: 0 0 7px 0;
	font-weight: normal;
	line-height: 20px;
}

.beta_newinstructions [class*="_msg_container"] ul li {
	margin: 0 0 5px 0;
}

.error_msg_container ul li::marker, .success_msg_container ul li::marker,
	.information_msg_container ul li::marker, .warning_msg_container ul li::marker
	{
	font-size: 1.125rem;
}

.error_msg_container ul li::marker {
	color: #D33131;
}

.success_msg_container ul li::marker {
	color: #44AB2B;
}

.information_msg_container ul li::marker {
	color: #2A80A3;
}

.warning_msg_container ul li::marker {
	color: #D8A93F;
}

.beta_newinstructions .error_msg_container ul li::marker {
	color: #B5352C;
}

.beta_newinstructions .success_msg_container ul li::marker {
	color: #317A1F;
}

.beta_newinstructions .information_msg_container ul li::marker {
	color: #315470;
}

.beta_newinstructions .warning_msg_container ul li::marker {
	color: #D8A93F;
}

.error_msg_container ul li:empty, .success_msg_container ul li:empty,
	.information_msg_container ul li:empty, .warning_msg_container ul li:empty
	{
	display: none;
}

.error_msg_container ul li.Pointer:hover, .success_msg_container ul li.Pointer:hover,
	.information_msg_container ul li.Pointer:hover, .warning_msg_container ul li.Pointer:hover,
	.error_msg_container ul li.Pointer:focus, .success_msg_container ul li.Pointer:focus,
	.information_msg_container ul li.Pointer:focus, .warning_msg_container ul li.Pointer:focus
	{
	text-decoration: underline;
	outline: none;
}

.error_msg_container:before, .success_msg_container:before,
	.information_msg_container:before, .warning_msg_container:before {
	font-family: 'Font Awesome 6 Pro';
	font-size: 2rem;
	font-weight: 600;
	vertical-align: top;
	padding: 10px 10px 0 0;
	position: absolute;
	top: 11px;
	left: 10px;
	transition: top 0.5s;
}

.beta_newinstructions [class*="_msg_container"]:before {
	font-size: 1.35rem;
	padding: 5px 10px 0 0;
}

.error_msg_container.closed:before, .success_msg_container.closed:before,
	.information_msg_container.closed:before, .warning_msg_container.closed:before
	{
	top: 0px;
	transition: top 0.5s;
}

.beta_newinstructions [class*="_msg_container"].closed:before {
	top: 4px;
}

.error_msg_container {
	border-left: 6px #D33131 solid;
}

.error_msg_container ul li:before {
	color: #D33131;
}

.error_msg_container>span, .error_msg_container .instruction_title {
	color: #D33131;
}

.error_msg_container:before {
	content: '\f057';
	color: #D84A49;
}

.success_msg_container {
	border-left: 6px #44AB2B solid;
}

.success_msg_container ul li:before {
	color: #44AB2B;
}

.success_msg_container>span, .success_msg_container .instruction_title {
	color: #44AB2B;
}

.success_msg_container:before {
	content: '\f058';
	color: #44AB2B;
}

.information_msg_container {
	border-left: 6px #2A80A3 solid;
}

.information_msg_container ul li:before {
	color: #277798;
}

.information_msg_container>span, .information_msg_container .instruction_title
	{
	color: #277798;
}

.information_msg_container:before {
	content: '\f05a';
	color: #277798;
}

.information_msg_container .trimlist {
	font-size: 0.8125rem;
	padding: 7px 0 0 0;
}

.information_msg_container .instruction_title:empty {
	display: none;
}

.information_msg_container.smallicon:before, .information_msg_container.smallicon2:before
	{
	font-size: 1.25rem;
	padding: 5px 10px 0 0;
	top: 0px;
}

.loptionbar .information_msg_container.smallicon, .option_bar .information_msg_container.smallicon
	{
	display: inline-block;
	margin: 0px 5px 0px 5px;
	padding: 4px 10px 6px 35px;
	width: auto;
}

.information_msg_container.hidden {
	display: none;
}

.warning_msg_container {
	border-left: 6px #D8A93F solid;
}

.warning_msg_container ul li:before {
	color: #D8A93F;
}

.warning_msg_container>span, .warning_msg_container .instruction_title {
	color: #444;
}

.warning_msg_container:before {
	content: '\f071';
	color: #D8A93F;
}

.beta_newinstructions .error_msg_container:before {
	color: #B5352C;
}

.beta_newinstructions .success_msg_container:before {
	color: #317A1F;
}

.beta_newinstructions .information_msg_container:before {
	color: #315470;
}

.beta_newinstructions .warning_msg_container:before {
	color: #D8A93F;
}

.beta_newinstructions .error_msg_container>span, .error_msg_container .instruction_title
	{
	color: #B5352C;
}

.beta_newinstructions .success_msg_container>span,
	.success_msg_container .instruction_title {
	color: #317A1F;
}

.beta_newinstructions .information_msg_container>span,
	.information_msg_container .instruction_title {
	color: #315470;
}

:is(.information_msg_container, .warning_msg_container,
	.error_msg_container, .success_msg_container).smallicon:before, :is(.information_msg_container,
	.warning_msg_container, .error_msg_container, .success_msg_container).smallicon2:before
	{
	font-size: 1.25rem;
	padding: 5px 10px 0 0;
	top: 0px;
}

:is(.information_msg_container, .warning_msg_container,
	.error_msg_container, .success_msg_container).smallicon {
	margin: 0px 5px 0px 0px;
}

:is(.information_msg_container, .warning_msg_container,
	.error_msg_container, .success_msg_container).smallicon2 {
	display: inline-block;
	margin: 6px 5px 0px 5px;
	padding: 4px 10px 6px 35px;
}

.warning_msg_container.notealert div {
	position: relative;
	padding-left: 2px;
	margin: 10px 0;
	color: #333;
	font-weight: normal;
	font-size: 0.875rem;
	line-height: 20px;
}

.loptionbar .warning_msg_container.smallicon, .option_bar .warning_msg_container.smallicon
	{
	width: auto;
}

.warning_msg_container.notealert div::before {
	content: "";
	font-weight: bold;
	position: absolute;
	left: 0px;
	top: -6px;
	font-size: 1.5rem;
}

.warning_msg_container.notealert div span:first-child {
	font-size: 1rem;
	font-weight: normal;
	color: #333;
	padding: 0 0 2px 0;
}

.warning_msg_container.notealert div span {
	font-size: 0.75rem;
	font-weight: normal;
	color: #999;
	display: block;
}

.warning_msg_container.smallicon .content {
	margin-left: 5px;
}

.information_msg_container.smallicon, .warning_msg_container.smallicon,
	.error_msg_container.smallicon, .success_msg_container.smallicon {
	font-size: 0.875rem;
	padding: 5px 10px 5px 35px !important;
}

:is(.information_msg_container, .warning_msg_container,
	.error_msg_container, .success_msg_container) span[role="heading"],
	.instruction_title {
	margin: 0 !important;
	padding: 0 0 10px;
	line-height: 24px !important;
	font-size: 1.1875rem !important;
	font-weight: normal !important;
}

[id^='virusmessages_'] {
	padding-bottom: 15px;
}

[id^='virusmessages_'] ul {
	margin-top: 0;
	margin-bottom: 0;
}

.emptymsg {
	padding-top: 13%;
	font-size: 2.5rem;
	color: #CCCCCC;
	text-align: center;
	margin: 0 auto;
}

.fieldsavedmsg, .transferfilemsg {
	display: none;
	position: fixed;
	z-index: 2000;
	top: 54px;
	margin: 0px;
	padding: 10px 15px 10px 10px;
	background: #FFF;
	font-size: 0.875rem;
	border-left-width: 8px;
	border-radius: 5px;
	box-shadow: 0 5px 5px 0 rgb(0 0 0/ 2%), 0 5px 5px 0 rgb(0 0 0/ 15%);
	width: auto;
}

.fieldsavedmsg>span, .transferfilemsg>span {
	font-size: 0.875rem;
	font-weight: 500;
	padding: 1px 0 0 0;
	margin-left: 25px;
	line-height: 20px;
	color: #333;
}

.fieldsavedmsg:before, .transferfilemsg:before {
	font-size: 1rem !important;
	padding: 0px;
}

#sensitivelist {
	position: absolute;
	top: 100px;
	left: 200px;
	z-index: 1500;
	text-align: center;
	display: none;
}

span.sensitiveTitle {
	font-weight: bold;
}

ul.sensitiveList {
	padding: 0px 15px 0px 25px;
	max-width: 800px;
}

ul.sensitiveList li {
	list-style: outside;
	padding: 2px 0px;
}

span.sensitiveListCaption {
	font-size: 0.875rem;
	font-weight: bold;
	padding-right: 10px;
}

span.sensitiveListMessage {
	text-align: left;
	font-size: 0.875rem;
}

.container_dotted {
	border: 1px #D7D7D7 dotted;
	padding: 10px 15px;
	margin: 0 20px 20px 0;
	display: inline-block;
	vertical-align: top;
}

.container_flex {
	display: flex;
	flex-wrap: wrap;
}

.container_flex>.flexAddressBox {
	flex-basis: 20%;
	min-width: 25%;
}

#address_container, .address_container {
	display: block;
	cursor: pointer;
	padding-bottom: 4px;
}

#address_container div br {
	margin-bottom: 4px;
}

.address_container {
	margin: 15px 0;
}

#address_container:hover, .address_container:hover {
	text-decoration: underline;
}

div.event-prev {
	position: absolute;
	display: none;
	z-index: 200;
	left: 0;
	top: 0;
	background: #FFFFFF;
	width: 250px;
	padding: 0px;
	border: 0px solid #FFFFFF;
	overflow: auto;
	font-weight: normal;
}

div.result-help {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 99;
	display: none;
	background: #FFFFFF;
	width: 210px;
	padding: 8px;
	border: 1px solid #000000;
	overflow: auto;
	font-weight: normal;
}

/*added for global search or breadcrum */
#globalContainer {
	display: inline-block;
}

.globalTitle {
	color: #4D4F53;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 3.4375rem;
	font-weight: bold;
	padding: 0px;
	margin-bottom: 10px;
	margin-top: 10px;
	text-align: center;
}

.globalSub {
	color: #4D4F53;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.875rem;
	font-weight: normal;
	text-align: center;
}

#clearBoth {
	clear: both;
}

#globalContainer2 li {
	color: #4D4F53;
	text-align: left;
	list-style-type: none;
}

.leftSection {
	float: left;
}

.rightSection {
	float: left;
}

#floatLeft {
	float: left;
}

#floatRight {
	float: right;
}

#globalContainer {
	width: 900px;
	margin: 0 auto;
}

#globalContainer2 {
	width: 900px;
	margin-left: 30%;
	margin-top: 20px;
}

#globalContainer2 li:before {
	content: "-";
	position: relative;
	left: -5px;
}

#globalContainer2 li {
	text-indent: -5px;
}

/* mobile styles */
.mobile .option_bar .listcombodiv label {
	display: none;
}

.mobile #container {
	padding-bottom: 20px;
	width: 100%;
	max-width: 100%;
	min-width: 100%;
	box-sizing: border-box;
}

.mobile #option_bar {
	width: 100%;
	max-width: 100%;
	min-width: 100%;
}

.mobile .listcombodiv select {
	width: 170px;
}

.mobile .loptionbar {
	padding: 0 0 6px 0;
	border-bottom: 1px solid #EEEEEE;
}

.mobile .loptionbar>div {
	padding: 6px 0 0 0;
}

.mobile .btn-group.mobilesearch {
	text-align: right;
	display: block;
}

.mobile .btn-group.mobilesearch .btn {
	margin: 0 0 0 -1px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.mobile .btn-group.mobilesearch .btn:only-child {
	margin: 0;
	-webkit-border-radius: 4px !important;
	-moz-border-radius: 4px !important;
	border-radius: 4px !important;
}

.mobile .btn-group.mobilesearch .btn:first-child {
	margin: 0;
	-webkit-border-radius: 4px 0px 0px 4px;
	-moz-border-radius: 4px 0px 0px 4px;
	border-radius: 4px 0px 0px 4px;
}

.mobile .btn-group.mobilesearch .btn:last-child {
	margin: 0 0 0 -1px;
	-webkit-border-radius: 0px 4px 4px 0px;
	-moz-border-radius: 0px 4px 4px 0px;
	border-radius: 0px 4px 4px 0px;
}

.mobile .search_fields .lookupdiv:before {
	clear: both;
	display: block;
	content: "";
}

.mobile .lookup_fields {
	display: block;
	float: none !important;
	padding: 0px;
	white-space: normal;
	width: auto;
}

.mobile .lookup_fields {
	text-align: left;
}

.mobile .search_fields .RadioContainer, .mobile .lookup_fields .RadioContainer
	{
	display: block;
	margin-bottom: 5px;
}

.mobile .searchoptions_dropdown {
	width: 331px;
	max-width: 381px;
}

.mobile .search_dropdown ul {
	max-width: 95%;
}

.beta_searchfilters.mobile .search_dropdown ul {
	width: 100%;
	max-width: calc(100% - 10px);
	right: -1px !important;
}

.mobile #loadbtn, .mobile .showmore {
	border: 1px solid #CCC;
	background: #FFFFFF;
	color: #333333;
	font-weight: bold;
	display: block;
	margin-top: 7px;
}

.mobileouterdiv {
	display: block;
	width: 100%;
	border: 1px solid #EEEEEE;
	margin: 5px 1% 0 0;
	color: #333333;
	cursor: pointer;
	min-height: 65px;
	box-sizing: border-box;
	border-radius: 5px;
	overflow: hidden;
	font-size: 0.875rem;
}

.mobileouterdiv .profile_circle.icon {
	position: absolute;
	right: 5px;
	top: 5px;
	width: 32px;
	height: 32px;
}

.profile_circle.icon.noicon {
	display: none;
}

.mobileouterdiv .profile_circle.icon div {
	font-size: 1.0625rem;
	padding: 6px 0px 0px;
}

.mobileouterdiv>div {
	display: table;
	width: 100%;
	height: 100%;
	position: relative;
	min-height: 65px;
}

.mobileicondiv {
	position: absolute;
	top: 8px;
	left: 10px;
	font-size: 0.75rem;
	font-weight: 500;
	width: calc(100% - 110px);
}

.mobileicondiv span {
	vertical-align: middle;
	width: calc(100% - 36px);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
}

.mobileouterdiv.card_full>div, .mobileouterdiv.card_small>div {
	display: block;
	width: 100%;
	height: 100%;
	padding: 38px 0 0 0;
	position: relative;
	box-sizing: border-box;
}

.mobileouterdiv.card_full .icon, .mobileouterdiv.card_large .icon,
	.mobileouterdiv.card_small .icon {
	position: relative;
	display: inline-block;
	width: 22px;
	height: 22px;
	top: initial;
	left: initial;
	vertical-align: middle;
}

.mobileouterdiv.card_full .icon div, .mobileouterdiv.card_large .icon div,
	.mobileouterdiv.card_small .icon div {
	padding: 4px 0 0 0;
	font-size: 0.75rem;
}

.mobileouterdiv.card_full .mobilechkdiv, .mobileouterdiv.card_small .mobilechkdiv
	{
	width: 41px;
	text-align: right;
	vertical-align: top;
}

.mobileouterdiv.card_full .mobilechkdiv i, .mobileouterdiv.card_large .mobilechkdiv i,
	.mobileouterdiv.card_small .mobilechkdiv i {
	padding-top: 0px !important;
	font-size: 0.9375rem;
	float: left;
	margin-right: 10px;
}

.mobileimage {
	background-size: cover;
	background-position: center;
}

.mobileimage.fitframe {
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.mobileouterdiv.card_full .mobileimage, .mobileouterdiv.card_small .mobileimage
	{
	height: 250px;
	margin: 0 10px;
}

.mobileouterdiv.card_full .mobilechkdiv, .mobileouterdiv.card_small .mobilechkdiv
	{
	position: absolute;
	top: 0px;
	right: 10px;
}

.mobileouterdiv.card_full .mobiledatadiv, .mobileouterdiv.card_small .mobiledatadiv
	{
	display: block;
}

.mobileouterdiv.card_full .profile_circle.icon, .mobileouterdiv.card_small .profile_circle.icon
	{
	right: initial;
	margin-right: 5px;
}

.mobile .mobileouterdiv.card_full, .mobile .mobileouterdiv.card_large,
	.mobile .mobileouterdiv.card_small {
	margin: 10px 0 0 0;
	min-height: 122px;
}

.mobileouterdiv.card_large:not(.recordSelected)>div {
	display: block;
	height: 120px;
}

.mobileouterdiv.card_large .mobileimage {
	display: inline-block;
	height: 120px;
	width: 120px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.mobileouterdiv.card_large .mobilechkdiv {
	display: block;
	position: absolute;
	top: 0px;
	right: 10px;
	text-align: right;
	width: 47px;
}

.mobileouterdiv.card_large .mobileicondiv {
	position: absolute;
	bottom: 7px;
	left: 130px;
	top: auto;
	font-size: 0.75rem;
	font-weight: 500;
	width: calc(100% - 200px);
}

.mobileouterdiv.card_large .profile_circle.icon {
	position: relative;
	right: auto;
	top: auto;
	display: inline-block;
	margin-right: 5px;
}

.mobileouterdiv.card_large .mobiledatadiv {
	display: inline-block;
	width: calc(100% - 140px);
	position: initial;
	padding: 5px 10px;
}

.mobileouterdiv.card_large .mobilediv {
	margin-right: 0px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.mobileouterdiv.card_large .mobilediv.mobilefirstdiv {
	padding-right: 16px;
}

.mobileouterdiv.card_large .mobileotherdiv {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.mobileouterdiv.card_large .mobilefirstdiv span:not(.Bold) {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-inline-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	vertical-align: top;
	position: relative;
	max-height: 34px;
	margin-bottom: 3px;
	max-width: calc(100% - 20px);
}

.list_container.tile_list.listcontainerwithmap .mobileouterdiv.card_large .mobilefirstdiv span:not(.Bold)
	{
	max-width: 184px;
}

.mobileouterdiv.card_large .mobilefirstdiv span:not(.Bold):after {
	content: "";
	text-align: right;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 40%;
	height: 1.2em;
	background: linear-gradient(to right, rgba(255, 255, 255, 0),
		rgba(255, 255, 255, 1) 50%);
}

.listcontainerwithmap .mobileouterdiv.card_large .mobileotherdiv.mobilelistviewbuttons
	{
	right: 5px;
	bottom: 5px !important;
}

@supports (-webkit-line-clamp: 2) { 
	.mobileouterdiv .card_large
	.mobilefirstdiv span:not(.Bold) :after {             
        display : none;	
    }
}
.mobileouterdiv.card_small>div {
	padding: 35px 0 0 0;
	min-height: 90px;
}

.mobileouterdiv.card_small .mobilediv {
	margin-right: 85px;
}

.mobileouterdiv.card_small .mobiledatadiv {
	padding: 0px 10px 20px 10px;
	min-height: 88px;
}

.mobileouterdiv.card_small .mobileimage {
	height: 80px;
	width: 80px;
	position: absolute;
	right: 0;
}

.mobile .list_container.tile_list .mobileouterdiv {
	width: 100%;
	min-width: initial;
	max-width: initial;
}

.mobilediv {
	margin-right: 40px;
	padding: 2px 0px;
}

.noicon .mobilediv {
	margin-right: 0px;
}

.mobiledatadiv {
	display: table-cell;
	padding: 10px;
	position: relative;
	vertical-align: top;
}

.mobiledatadiv.openbutton {
	padding-bottom: 40px !important;
}

.mobiledatadiv .profile_circle {
	top: 8px;
	right: 8px;
	position: absolute;
	font-weight: normal;
}

.card_small .mobiledatadiv .profile_circle, .card_large .mobiledatadiv .profile_circle,
	.card_full .mobiledatadiv .profile_circle {
	display: none;
}

.mobilechkdiv {
	display: table-cell;
	width: 14px;
	padding: 7px 0 5px 9px;
	vertical-align: top;
}

.mobilechkdiv i {
	display: block;
	padding-top: 10px;
}

.mobilechkdiv label {
	padding-left: 14px !important;
	top: 5px;
}

.card_full .mobilechkdiv label, .card_large .mobilechkdiv label,
	.card_small .mobilechkdiv label {
	top: 0px;
}

.mobilestatusdiv {
	display: table-cell;
	width: 5px;
	height: 100%;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.mobileouterdiv:hover, .mobileouterdiv.active {
	-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}

.mobileouterdiv.active {
	background: #efefef;
}

.mobilefirstdiv {
	font-weight: 500;
	font-size: 0.9375rem;
	word-break: break-word;
	white-space: pre-wrap;
}

.mobilefirstdiv span.Bold {
	display: none;
}

.mobileotherdiv {
	color: #666666 !important;
	font-size: 0.875rem;
	line-height: 130%;
	word-break: break-word;
}

body:not(.beta_opensearch) .mobileotherdiv, body.beta_opensearch .mobileotherdiv:not(:has(.listviewbuttondiv,
	.cartbuttonsContainer)) {
	white-space: pre-wrap;
}

.mobilerecordoptions {
	position: absolute;
	right: 10px;
	bottom: 0;
	padding: 5px 0;
}

.mobilerecordoptions.top {
	top: 0px;
	padding: 0px;
}

.mobileouterdiv.card_large .mobilerecordoptions {
	bottom: 45px;
}

.mobilerecordoptions a, .mobilequickedit {
	font-size: 0.875rem;
	color: #777;
	display: inline;
	text-decoration: none;
}

.mobilerecordoptions a {
	display: inline-block;
	padding: 4px 4px 0 4px;
	font-size: 0.875rem;
}

.mobilerecordoptions a:hover, .mobilequickedit:hover {
	color: var(--buttonbgcolor, #dfdfdf);
}

.mobilelistform input, .mobilelistform select {
	width: 100%;
}

.mobilelistform .status {
	display: inline-block;
	font-size: 0.75rem;
	margin-top: 5px;
	padding: 5px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
}

.mobilelistform .mobileouterdiv>div {
	box-sizing: border-box;
}

.mobilelistform .mobilerecordoptions.top.resendbutton {
	right: 30px;
}

#invtable .mobiledatadiv {
	padding-top: 25px;
}

#invtable .mobilediv {
	margin: 0px;
}

#invtable .status {
	display: block;
}

/* ------classic styles to be removed------ */
TH.SubTitle, div.SubTitle, header.SubTitle, #srch-title, TD.SubTitle, th.FormTop.sublistheader
	{
	border-bottom: 2px solid var(--axsubtitlebbordercolor);
	color: var(--axsubtitlefontcolor);
	font-size: 1.375rem;
	font-weight: normal;
	padding: 19px 0px 5px 0px;
	margin: 0 0 10px 0;
	text-align: left;
	border-top: 1px solid transparent;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
}

.SubTitle.small {
	font-size: 1rem;
	font-weight: 500;
	padding: 10px 1px 6px 1px;
	margin: 0 0 5px 0;
}

th.FormTop.sublistheader label {
	font-size: 1.25rem;
}

.SubTitle h2 {
	font-size: inherit;
	font-weight: inherit;
	padding: 0;
	margin: 0;
	display: inline;
}

.SubTitle .caret_container {
	color: var(--buttonbgcolor, #dfdfdf);
	display: inline;
	padding: 0px;
	margin: 0 8px 0 0;
	font-size: 1.375rem;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	overflow: hidden;
	cursor: pointer;
	outline: 0;
	transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
}

.SubTitle .caret_container:hover {
	background: transparent;
	color: var(--buttonbgcolor, #dfdfdf);
}

.SubTitle .caret_container:active {
	color: inherit;
}

.SubTitle .caret_container i {
	cursor: pointer;
}

.SubTitle .caret_container.focus, .associationentrycontainer>div>.caret_container.focus i
	{
	box-sizing: border-box;
	outline: 0;
	background: var(--buttonbgcolor, #dfdfdf);
	color: var(--buttonfontcolor, #dfdfdf);
	transition: none;
}

.associationentrycontainer>div>.caret_container.focus,
	.associationentrycontainer>div>.caret_container:focus-visible {
	outline: 0;
}

.configShortcut .caret_container:hover, .instruction .caret_container:hover
	{
	background: transparent;
}

.SubTitle .caret_container.focus {
	box-sizing: border-box;
	outline: 0;
	background: var(--buttonbgcolor, #dfdfdf);
	color: var(--buttonfontcolor, #dfdfdf);
	transition: none;
}

.configShortcut .caret_container i, .instruction .caret_container i {
	color: var(--buttonbgcolor, #dfdfdf);
}

TH.Sub, TH.SubSm, TH.SubCenter, TH.SubRight, TH.CalendarLarge, TH.CalendarSun,
	TH.CalendarSat, TH.CalendarDay, .HeaderSubreport {
	background: #EDEDED;
	font-size: 0.9375rem;
	font-weight: bold;
	color: #333;
	box-sizing: border-box;
	padding: 8px 6px;
	border-top: var(--tblheadertborder);
	border-bottom: var(--tblheaderbborder);
	color: var(--tblheaderfontcolor);
	background-color: var(--tblheadercolor, #EDEDED);
	background: var(--tblheadercolor, #EDEDED);
	position: relative;
	text-align: left;
}

TH.SubCenter {
	text-align: center;
}

TH.SubRight {
	text-align: right;
}

TH.Sub.options {
	width: 1px !important;
	padding: 0px;
	background: #FFFFFF;
	border: #FFFFFF;
	font-size: 0px;
}

TH.Sub a, TH.SubRight a {
	color: var(--tblheaderfontcolor);
	font-weight: bold;
	text-decoration: underline;
}

TH.Sub a:hover, TH.SubRight a:hover {
	text-decoration: none;
}

TH.SubStatus {
	padding: 0px;
	width: 5px !important;
	box-sizing: border-box;
}

TH.SubCheck {
	width: 32px;
}

TH.Sub input {
	margin: 0px;
}

TH.selected {
	background: var(--tblheaderfontcolor);
	color: var(--tblheadercolor);
}

TH.selected .fa-caret-down, TH.selected .fa-caret-up {
	color: var(--tblheadercolor);
}

TD.selected {
	font-weight: bold;
}

th.SubTabOn {
	margin: 0 2px -1px 0;
	font-size: 0.875rem;
	font-weight: normal;
	color: #323335;
	padding: 7px 12px 8px 12px;
	background-color: #FFFFFF;
	border: 1px #D7D7D7 solid;
	border-bottom: 1px #FFFFFF solid;
	-webkit-border-radius-topleft: 4px;
	-webkit-border-radius-topright: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	cursor: pointer;
}

th.SubTabOff {
	margin: 0 2px -1px 0;
	font-size: 0.875rem;
	font-weight: normal;
	color: #323335;
	padding: 7px 12px 8px 12px;
	background-color: #E6E6E6;
	border: 1px #D7D7D7 solid;
	border-bottom: 1px #FFFFFF solid;
	-webkit-border-radius-topleft: 4px;
	-webkit-border-radius-topright: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	cursor: pointer;
}

.griddiv_textarea {
	white-space: pre-line;
}

.gridbuttonrow {
	margin-top: 5px;
}

div.Container {
	border: 1px #D7D7D7 solid;
	padding: 20px 0 0 0;
}

.headercontainer {
	display: table;
	width: 100%;
}

.headerlabelcontainer {
	display: table-cell;
}

.headersortcontainer {
	vertical-align: middle;
	display: table-cell;
	padding: 0px 0 0 6px;
}

.headersortcontainer i {
	float: right;
	margin: 0 0 0 6px;
	color: var(--tblheaderfontcolor);
}

.HeaderSubreport {
	padding: 4px 6px 4px 6px;
	font-weight: bold;
	text-align: left;
}

/* ---- new profile option menu styles ---- */
.prof_optnav {
	position: relative;
	float: right;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.prof_optnav li {
	text-align: left;
	float: left;
	margin: 0px;
	padding: 2px;
	font-size: 0.75rem;
}

.prof_optnav li a {
	font-size: 0.75rem;
	text-decoration: none;
}

.prof_optnav li:last-child a {
	border-right: none;
}

.prof_optnav li:hover {
	position: relative;
}

.prof_optnav ul {
	list-style-type: none;
	float: left;
	width: 180px;
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 0;
	margin: 0px;
	padding: 0px;
	background: #FFFFFF;
	-moz-box-shadow: 2px 2px 5px 0 #9C9C9C;
	-webkit-box-shadow: 2px 2px 5px 0 #9C9C9C;
	box-shadow: 2px 2px 5px 0 #9C9C9C;
}

.prof_optnav ul li {
	float: none;
	color: #323335;
	padding: 4px 0 4px 8px;
}

.prof_optnav ul li a {
	border-right: none;
	color: #323335;
	font-size: 0.75rem;
	width: 100%;
	display: inline-block;
}

.prof_optnav ul li:hover {
	width: 172px;
	background: #EEEEEE;
}

.prof_optnav ul ul {
	left: 100%;
	top: 0;
}

.prof_optnav li:hover>ul {
	visibility: visible;
}

.cmb_right {
	float: right;
}

.cmb_right div {
	float: left;
}

.lookupdiv {
	position: relative;
	white-space: nowrap;
	height: 100%;
	display: block;
}

.ajaxLookUpContainer {
	position: relative;
	height: 100%;
	width: 100%;
	display: inline-block;
}

#resultdiv, .resultdiv {
	position: absolute;
	top: 2px;
	z-index: 99;
	display: none;
	background: #FFFFFF;
	color: #333;
	margin: 2px 4px 0 0;
	border: 1px #CCCCCC solid;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	text-align: left;
	width: 380px;
	overflow-y: auto !important;
	overflow-x: hidden !important;
}

.lookupresultdiv {
	position: absolute;
	top: 2px;
	z-index: 99;
	display: none;
	background: #FFFFFF;
	color: #333;
	margin: 2px 4px 0 0;
	border: 1px #CCCCCC solid;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	text-align: left;
	min-width: 380px;
	overflow-y: auto !important;
	overflow-x: hidden !important;
}

.form-group .lookupdiv .resultdiv {
	max-width: 94% !important;
}

a.linkdisabled {
	pointer-events: none;
	cursor: default;
	text-decoration: inherit;
	color: inherit;
}

.centerlayout #resultdiv {
	width: 95%;
}

.box.centerlayout input[type=radio], .box.centerlayout input[type=checkbox]
	{
	margin-right: 5px;
}

#searchpanel .resultdiv {
	width: 100%;
	max-height: 110px;
	overflow: auto;
}

.resulttable2 {
	width: 300px;
}

#searchpanel .resulttable2, .resultdiv .resulttable2 {
	width: 100%;
}

.ajaxLookUpResult {
	position: absolute;
	left: 0;
	top: 100% !important;
	z-index: 99;
	display: none;
	background: #FFFFFF;
	margin: 2px 4px 0 0;
	border: 1px #CCCCCC solid;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.mwindiv_content .resultdiv {
	z-index: 5000 !important;
}

td.Form table.resulttable {
	width: 100% !important;
	max-width: none !important;
}

.resulttable tr:first-child>td {
	font-weight: bold;
	border-bottom: 1px #CCCCCC solid;
	background: #E9E9E9;
	padding: 5px !important;
}

.resulttable:not(.nohover) tr:not(:first-child):hover {
	background-color: var(--chathighlightcolor);
	cursor: pointer;
}

.resulttable td {
	padding: 4px 6px;
	white-space: nowrap;
}

.resulttable2 tr>td:hover, .lookuprow:hover, .lookuprow_mobile:hover {
	background-color: var(--chathighlightcolor);
	cursor: pointer;
}

.resulttable2 td {
	padding: 4px 6px;
}

.lookupcontainer {
	max-width: 100% !important;
	width: 100%;
}

#dgroup+.lookupdiv>.resultdiv {
	min-width: 262px;
	max-width: 320px !important;
	width: 320px;
}

#dgroup+.lookupdiv>.resultdiv .lookupcontainer {
	min-width: 262px;
	max-width: 320px !important;
	width: 320px;
}

.centerlayout #resultdiv .lookupcontainer {
	min-width: 100%;
	max-width: 100% !important;
	width: 100%;
}

.resultdiv::-webkit-scrollbar, .ajaxLookUpResult::-webkit-scrollbar,
	.centerlayout #resultdiv::-webkit-scrollbar, .tasklistcontent::-webkit-scrollbar,
	.dbitemcontainer::-webkit-scrollbar, ul.alertwrapper::-webkit-scrollbar,
	#rendercardhtml::-webkit-scrollbar, .batchupdate .optionsDiv::-webkit-scrollbar,
	.split_graph_container #docs-container::-webkit-scrollbar,
	.searchoptionsdiv span.select2-selection::-webkit-scrollbar,
	.helpedit-edit fieldset>div::-webkit-scrollbar, #helpedit-feedbackdiv::-webkit-scrollbar,
	.helpedit-viewmain::-webkit-scrollbar, .cartwrapper::-webkit-scrollbar,
	.alertwrapper::-webkit-scrollbar, .mejs-captions-selector::-webkit-scrollbar,
	body.beta_enhancedcontacts .associationentryfields .select2-selection__rendered::-webkit-scrollbar
	{
	width: 7px;
}

.dbitemcontainer::-webkit-scrollbar {
	height: 10px;
}

.resultdiv::-webkit-scrollbar-track, .ajaxLookUpResult::-webkit-scrollbar-track,
	.centerlayout #resultdiv::-webkit-scrollbar-track, .dbitemcontainer::-webkit-scrollbar-track,
	ul.alertwrapper::-webkit-scrollbar-track, #rendercardhtml::-webkit-scrollbar-track,
	.batchupdate .optionsDiv::-webkit-scrollbar-track,
	.split_graph_container #docs-container::-webkit-scrollbar-track,
	.searchoptionsdiv span.select2-selection::-webkit-scrollbar-track,
	.helpedit-edit fieldset>div::-webkit-scrollbar-track,
	#helpedit-feedbackdiv::-webkit-scrollbar-track, .helpedit-viewmain::-webkit-scrollbar-track,
	.cartwrapper::-webkit-scrollbar-track, .alertwrapper::-webkit-scrollbar-track,
	.mejs-captions-selector::-webkit-scrollbar-track, body.beta_enhancedcontacts .associationentryfields .select2-selection__rendered::-webkit-scrollbar-track
	{
	background: #f1f1f1;
}

.tasklistcontent::-webkit-scrollbar-track {
	background: #dbd9d9;
}

.resultdiv::-webkit-scrollbar-thumb, .ajaxLookUpResult::-webkit-scrollbar-thumb,
	.centerlayout #resultdiv::-webkit-scrollbar-thumb, .dbitemcontainer::-webkit-scrollbar-thumb,
	ul.alertwrapper::-webkit-scrollbar-thumb, #rendercardhtml::-webkit-scrollbar-thumb,
	.batchupdate .optionsDiv::-webkit-scrollbar-thumb,
	.split_graph_container #docs-container::-webkit-scrollbar-thumb,
	.searchoptionsdiv span.select2-selection::-webkit-scrollbar-thumb,
	.helpedit-edit fieldset>div::-webkit-scrollbar-thumb,
	#helpedit-feedbackdiv::-webkit-scrollbar-thumb, .helpedit-viewmain::-webkit-scrollbar-thumb,
	.cartwrapper::-webkit-scrollbar-thumb, .alertwrapper::-webkit-scrollbar-thumb,
	.mejs-captions-selector::-webkit-scrollbar-thumb, body.beta_enhancedcontacts .associationentryfields .select2-selection__rendered::-webkit-scrollbar-thumb
	{
	background: #ccc;
}

.tasklistcontent::-webkit-scrollbar-thumb {
	background: #bbbbbb;
}

.fieldControl div .lookuprow {
	padding: 10px 10px 10px 10px !important;
}

.lookuprow {
	padding: 10px 10px 10px 10px;
}

.lookuprow_mobile {
	padding: 10px 0px 10px 0px;
	border-bottom: 1px solid #f4f4f4;
}

.lookupcol, .lookupcol_mobile {
	white-space: normal;
	padding: 1px;
	font-size: 0.75rem;
	color: #777;
}

.lookupcol:first-child, .lookupcol_mobile:first-child {
	font-size: 0.9375rem;
	color: #222;
}

.lookupcontainer_mobile {
	min-width: 222px;
	max-width: 100% !important;
	width: 100%;
	padding-left: 4px;
}

/* ------new note classes------ */
.note_tab {
	position: fixed;
	right: -60px;
	top: 35%;
	display: none;
	border-top: 1px solid #D7D7D7;
	border-right: 1px solid #D7D7D7;
	border-left: 1px solid #D7D7D7;
	z-index: 3000;
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	-moz-box-shadow: 0 10px 0 #ffffff, -2px 2px 5px 0 #9C9C9C;
	-webkit-box-shadow: 0 10px 0 #ffffff, -2px 2px 5px 0 #9C9C9C;
	box-shadow: 0 10px 0 #ffffff, -2px 2px 5px 0 #9C9C9C;
	background: #E7E7E7;
	cursor: pointer;
}

.note_tab_active {
	background: #FFFFFF;
}

.note_tab closed {
	height: auto;
}

.note_inner {
	padding: 6px 16px;
	white-space: nowrap;
	font-size: 1rem;
	margin: 0px;
}

.note_wedge {
	position: fixed;
	display: none;
	height: 75%;
	width: 8px;
	right: 308px;
	background: #FFFFFF;
	z-index: 3000;
}

.notesframe_div {
	width: 0px;
	height: 75%;
	background: #FFFFFF;
	border: 1px solid #D7D7D7;
	padding: 10px 0 10px 10px;
	position: fixed;
	right: 0;
	display: none;
	z-index: 2999;
	-moz-box-shadow: 2px 2px 5px 0 #9C9C9C;
	-webkit-box-shadow: 2px 2px 5px 0 #9C9C9C;
	box-shadow: 2px 2px 5px 0 #9C9C9C;
}

/* Notes page */
.content_container.notes, .content_container.annotations {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
}

.content_container.notes div.notes, .content_container.annotations div.annotations
	{
	margin: 10px 0 0 0;
	border: 1px solid #e3e3e3;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
}

.beta_notesredesign .content_container.notes div.notes {
    overflow: initial;
}

.beta_notesredesign .content_container.notes div.notes {             
    border: 1px solid #ccc;
    border-radius: 5px;
    -webkit-border-radius: 5px;                 
}

.annotations.inline div.annotations:only-child, .annotations.inline div.annotations:first-of-type
	{
	margin-top: 3px;
}

.notes .status, .annotations .status, .notifyjs-container .status {
	float: left;
	background: #f3f3f3;
	display: table-cell;
	width: 5px;
	height: 100%;
	margin: 0 5px 0 0;
}

.notes .title {
	width: 100%;
	padding: 0 5px 5px 5px;
	margin: 0 5px 0 0;
	box-sizing: border-box;
}

.notesnew .title {
	padding: 0 0 0 5px;
}

.beta_notesredesign .notesnew .title {    
    width: calc(100% - 45px);
    display: inline-block;
    margin: 0px;
    vertical-align: top;
}

.beta_notesredesign .notesnew .profile-circle, .beta_notesredesign .mention-item .profile-circle {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #f3f3f3 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;    
    font-weight: 500;
    color: #333;
    font-size: 1rem;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.notes .title span.number {
	float: none;
}

.notes p {
	float: none;
	display: inline-block;
	font-size: 0.9375rem;
	margin: 4px 0 0 2px;
	padding: 0;
}

.beta_notesredesign .notes p {
    display: revert;
}

.notes .title h2 {
	display: inline-block;
	font-size: 1rem;
	margin: 3px 0;
	font-weight: 500;
}

.beta_notesredesign .notes .title h2{
    color: #333;                 
    margin: 0 0 3px 0;                 
}

.notes .title .caret_container {
	font-size: 1.25rem;
	cursor: pointer;
	padding: 0px 5px;
	float: right;
}

.notes .datetime {
	font-size: 0.8125rem;
	float: right;
	box-sizing: border-box;
	margin: 5px 5px 10px 5px;
}

.beta_notesredesign .notes .datetime {
	display: inline;
    color: #6c6c6c;
    font-size: 0.875rem;
    font-weight: 500;
    float: initial;
    margin: 0px;
}

.beta_notesredesign .notesearchpanel label {
	padding: 5px 0;
	font-weight: 500;
    color: #444;
}

.notecontentdiv {
	position: relative;
	width: 100%;
	padding-top: 10px;
}

.beta_notesredesign .notecontentdiv {
    display: block;
    width: calc(100% - 40px);
    padding: 0px 0px 0px 40px;
} 

.beta_notesredesign .note-create .Submit span {
    display: none;
}

.beta_notesredesign .content .note-create, .beta_notesredesign .content .notecontentdiv .reply_container .content .note-create {
    margin-left: 45px;
}

.beta_notesredesign .content .notecontentdiv .note-create, .beta_notesredesign .content .notecontentdiv .reply_container .content .notecontentdiv .note-create {
    margin: 5px 0 0 0;
}

.beta_notesredesign .reply_container .content {
    border-top: 1px #ccc solid;
    padding: 10px 10px 10px 0px;
    margin-top: 10px;
}

.beta_notesredesign .reply_container {
    position: relative;
    padding-top: 10px;
}
.beta_notesredesign .k-mention {
    color: #315470;
}
.annotations .title {
	float: left;
	width: 100%;
	border-bottom: 1px solid #f3f3f3;
	padding: 0 5px 5px 5px;
	margin: 0 5px 0 0;
	box-sizing: border-box;
}

.annotations p {
	float: left;
	font-size: 0.9375rem;
	margin: 4px 0 0 2px;
	padding: 0;
}

.notes span.number, .annotations span.number {
	color: #000;
	background: #f3f3f3;
}

.annotations .edit {
	background: var(--buttonbgcolor, #dfdfdf);
	float: left;
	padding: 4px 3px 2px 5px;
	border-radius: 4px;
}

.annotations .edit a {
	color: var(--buttonfontcolor);
}

.notes .edit, .notes .change {
	float: right;
}

.noteoptions {
    padding: 0 0 0 5px;
}

.beta_notesredesign .notes .edit, .beta_notesredesign .notes .change {
    float: initial;
}

.beta_notesredesign .notes .edit a, .beta_notesredesign .notes .delete a, .beta_notesredesign .notes .reply a, .beta_notesredesign .notes .cancel a, .beta_notesredesign .notes .save a {
    font-size: 0.875rem;
    font-weight: 500;
}

.beta_notesredesign .notes .delete a {
    color: #B5352C;
}

.beta_notesredesign .reply+.edit::before, .beta_notesredesign .reply+.edit+.delete::before, .beta_notesredesign .cancel+.save::before {
    content: '\2022';
    display: inline-block;
    margin: 0 5px;
    color: #d9d9d9;
    vertical-align: middle;
    font-size: 12px;
}

.notes .edit .btn, .notes .change .btn {
	line-height: 15px;
	padding: 4px 3px 4px 5px !important;
}

.notes .edit .btn i, .notes .change .btn i {
	font-size: 0.9375rem !important;
}

.notes .notescontent {
	display: inline-block;
	margin: 10px 0;
	padding: 0 0 5px 5px;
	border-bottom: 1px solid #f3f3f3;
	line-height: 150%;
	width: 100%;
	box-sizing: border-box;
	word-wrap: break-word;
}

.beta_notesredesign .notes .notescontent {                       
    border-bottom: none;                                        
}

.annotations .annotationscontent {
	display: inline-block;
	margin: 0 0 10px 0;
	padding: 0 0 5px 5px;
	border-bottom: 1px solid #f3f3f3;
	line-height: 150%;
	width: 100%;
	box-sizing: border-box;
	word-break: keep-all;
}

.annotations.inline .annotationscontent {
	margin: 0;
	padding-left: 0;
}

.notes .type {
	display: inline-block;
	font-size: 0.75rem;
	padding: 5px;
	margin: 8px 0 4px 0;
	background: #f3f3f3;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	box-sizing: border-box;
}

.notesnew .type {
	display: inline-block;
	font-size: 0.75rem;
	padding: 5px;
	margin: 0px 0 4px 0;
	background: #f3f3f3;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	box-sizing: border-box;
}

.beta_notesredesign .notesnew .type {
    display: inline;
    color: #7C7C7C;
    font-size: 0.875rem;
    font-weight: 500;
    padding: 0px;
    margin: 0px;
    background: #ffffff;
    border-radius: none;
    -webkit-border-radius: none;
    box-sizing: border-box;
}

.annotations .type {
	display: inline-block;
	font-size: 0.75rem;
	padding: 5px;
	margin: 15px 0 5px 0;
	width: auto;
	background: #f3f3f3;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	box-sizing: border-box;
}

.annotations .namedate {
	float: right;
	font-size: 0.75rem;
	min-width: 190px;
	max-width: 200px;
	padding-bottom: 0;
	text-align: right;
}

.annotations.inline .namedate {
	font-size: 0.75rem;
	text-align: right;
	padding: 8px 0 5px 0;
}

.annotations .name, .annotations .date {
	display: block;
	box-sizing: border-box;
	padding-bottom: 3px;
}

.annotations .annoeditbutton {
	display: inline-block;
}

.annotations.inline .annoeditbutton {
	float: left;
	margin-top: 10px;
	width: auto;
}

.annotations+button {
	margin-top: 10px;
}

.editannotation textarea.Large {
	min-width: 480px !important;
	height: 120px;
}

.editannotation .SubTitle:empty {
	display: none;
}

.notes .name {
	float: left;
	font-size: 0.8125rem;
	box-sizing: border-box;
	margin: 5px 5px 10px 5px;
}

.beta_notesredesign .notes .name {
	display: inline;
    font-size: 0.875rem;
    font-weight: 500;
    color: #315470;
    float: initial;
}

.notesearchpanel {
	background: #f3f3f3;
	padding: 10px 5px;
	box-sizing: border-box;
}

.beta_notesredesign .notesearchpanel {
    background: #ffffff;
    padding: 5px 0px;
    box-sizing: border-box;
    display: flex;
    flex-flow: wrap;
}

.beta_notesredesign .notes .status {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    width: 6px;
}

.beta_reactlist .notesearchpanel #statusid {
	width: 170px;
}

.beta_notesredesign .note-create label.FormTop {
    font-weight: 500;
    padding: 5px 5px 5px 1px;
    border: none;
}

.note-create select, .note-create textarea, .note-create input[type=text]
	{
	width: 100%;
	margin-bottom: 5px;
}

.beta_notesredesign div.notesnew:not(.reply_container) .content .notecontentdiv .note-create .Submit,
.beta_notesredesign div.notesnew:not(.reply_container) .content .notecontentdiv .reply_container .notecontentdiv .content .note-create .Submit{
    background: #fff;
    text-align: right;
    padding-top: 5px;   
}

.beta_notesredesign.mobile div.notesnew:not(.reply_container) .content .notecontentdiv .note-create .Submit {
    text-align: center;
}

.beta_notesredesign div.notesnew:not(.reply_container) .content .notecontentdiv .note-create .Submit span,
.beta_notesredesign div.notesnew:not(.reply_container) .content .notecontentdiv .reply_container .content .notecontentdiv .note-create .Submit span{
    display: inline-block;  
}

.beta_notesredesign .sublist-title {
    font-size: 1.25rem !important;
    font-weight: normal !important;
    padding: 5px 0;
}

.beta_notesredesign .sublist-title i {
    margin-right: 5px;
    font-size: 1.5rem;
}

@media (max-width: 768px) {
    .beta_notesredesign button i + span, .pagination {
        display:none;
    }
    
    .beta_notesredesign #searchtoggle {
        display: block !important;
    }   
    
    .beta_notesredesign .notesearchpanel .listfilter {
        width: 100%;
    }
    
    .beta_notesredesign .listfilter input[type=text], .beta_notesredesign .listfilter select, .beta_notesredesign .listfilter button:not(.ui-datepicker-trigger) {
        width: 100% !important;
    }
    
    .beta_notesredesign .listfilter button:not(.ui-datepicker-trigger) {
        margin: 5px 0;
    }
        
    .beta_notesredesign #nav_showmore {
        width: 100%;
        margin: 5px 0;
        display: block !important;
    }
}

.mention-list {
    position: absolute;
    z-index: 1000;
    background: white;
    border: 1px solid #ccc;
    width: 325px;
    max-height: 285px;
    overflow-y: auto;
    list-style: none;
    padding: 10px 0;
    margin: 4px 0;
    border-radius: 4px; 
}    
    
.mention-item {
    display: block;
    padding: 6px 12px;
    text-decoration: none;
    color: #333;
    cursor: pointer;
} 

.mention-item .profile-circle {
    width: 36px;
    height: 36px;
}  
  
.mention-item .title {
    display: inline-block;
    width: calc(100% - 45px);
    padding-left: 5px;
    vertical-align: top;
}

.mention-item h2 {
    font-size: 0.9375rem;
    font-weight: 500;
    margin: 0px;
    padding: 0px;
}
             
.mention-item span {
    font-size: 0.875rem;
    margin: 0px;
    padding: 0px;
    display:block;
}

div.listfilter {
	display: inline-block;
	margin-left: 3px;
	vertical-align: top;
}

.beta_notesredesign div.listfilter {
    display: inline-block;
    margin-left: 0px;
    margin-right: 3px;
    align-self: end;
}

div.listfilter span {
	white-space: nowrap;
	display: inline-block;
}

div.listfilter span+select, div.listfilter span+input {
	margin-left: 5px;
}

div.listfilter label {
	float: left;
	text-align: right;
	padding: 4px;
	font-weight: bold;
	margin-top: 2px;
}

.beta_notesredesign div.listfilter label {
    display: block;
    float: initial;
    text-align: left;
    padding: 4px 4px 4px 0px;
    font-weight: 500;
    margin-top: 2px;
}

.v-container, .l-container {
	background: #FFFFFF;
}

.v-container, .modal-container {
	padding: 0 20px;
	box-sizing: border-box;
}

.i_container {
	padding: 20px 0 20px 0;
}

div.Intro, td.Intro {
	font-size: 0.9375rem;
	font-weight: normal;
	text-align: left;
	padding: 10px 20px 10px 0px;
}

div.Intro ul {
	display: block;
	padding: 0;
	margin: 10px 10px 10px 10px;
	list-style-type: none;
}

.Intro li {
	padding: 5px;
	border: none;
}

.IntroSm {
	font-size: 0.75rem;
}

div.IntroSm {
	float: right;
}

div.configUpdatedby {
	float: right;
	font-size: 0.75rem;
	padding: 4px;
}

div.configUpdatedby div {
	padding: 2px 0px;
}

legend, div.fieldset_title {
	color: var(--axsubtitlefontcolor);
	font-size: 1.25rem;
	font-weight: normal;
	padding: 0px;
	vertical-align: middle;
	border: 1px solid transparent;
	padding: 10px 0 10px 0;
	box-sizing: border-box;
}

legend>.fa, legend>.fas, legend>.far {
	font-size: initial;
}

legend>i {
	margin-top: 4px !important;
}

legend.profile_main {
	padding: 0 4px 0 4px;
	font-weight: bold;
	font-size: 1rem;
}

fieldset {
	border: none;
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
}

fieldset div.Intro {
	border-top: 2px var(--axsubtitlebbordercolor) solid;
	margin: 0px;
}

fieldset ul li {
	line-height: 21px;
	font-size: 0.875rem;
	color: #555555;
}

fieldset ul li label {
	color: #000000;
	font-size: 0.875rem;
}

fieldset ul li a, fieldset ul li a:visited {
	color: var(--hl);
}

fieldset ul li a:hover {
	color: var(--hlh);
}

fieldset ul li a:focus {
	color: var(--hlh);
}

.Form fieldset {
	border-top: var(--titlebgcolor) solid 1px;
	border-bottom: var(--titlebgcolor) solid 1px;
	border-left: var(--titlebgcolor) solid 1px;
	border-right: var(--titlebgcolor) solid 1px;
	padding: 0px;
}

.Form fieldset legend, .Form fieldset div.fieldset_title {
	color: #222;
	font-size: 1rem;
	font-weight: bold;
	margin: 0 0 0 10px;
	padding: 0px;
	vertical-align: middle;
}

.Form fieldset legend.profile_main {
	padding: 0 4px 0 4px;
	font-weight: bold;
	font-size: 1rem;
}

label {
	font-size: 0.9375rem;
}

label.Title {
	color: var(--titlefontcolor);
}

label.disabled {
	color: #cccccc;
}

div.Description {
	font-weight: normal;
	text-align: left;
	background-color: #FFF;
}

.checkboxList {
	margin-left: 20px;
	list-style: none;
}

td.Form>ul.checkboxList li {
	padding: 0px;
}

.checkboxList li {
	padding-bottom: 5px;
}

.checkboxList li ul {
	margin: 15px 0 0px 40px;
	list-style: none;
}

.checkboxList label {
	display: inline-block;
	line-height: 21px;
	vertical-align: top;
	margin: 0 0 0 5px;
}

.checkboxList div:not(.slider):not(.slider_container) {
	padding-bottom: 5px;
}

.checkboxList label span {
	font-size: 0.875rem;
	color: #555555;
}

.checkboxList.fieldList {
	padding-left: 0;
	margin-left: 0;
	margin-top: 0;
}

.checkboxList.nomargin {
	margin-bottom: 0;
}

.checkboxList.nomargin+ul {
	margin: 0 0 0 15px;
}

.checkboxList.nomargin li {
	padding-bottom: 0px;
}

.checkboxList.nomargin div {
	padding-bottom: 0px !important;
}

td.Form .checkboxList {
	margin-left: 0;
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 0;
}

.checktoggle .switch {
	position: relative;
	display: inline-block;
	height: 34px;
}

.checktoggle_slider {
	font-size: 0px;
	display: inline-block;
	line-height: 21px;
	vertical-align: top;
	margin: 0px 0px 0px 5px;
}

.checktoggle .switch input {
	display: none;
}

.checktoggle .slider_container {
	position: relative;
	display: inline-block;
	height: 20px;
	width: 36px;
}

.checktoggle .slider_container:focus {
	outline: 0;
}

.checktoggle .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

.checktoggle .slider:before {
	position: absolute;
	content: "";
	height: 16px;
	width: 16px;
	left: 2px;
	bottom: 2px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
	box-shadow: inset 0 -3px 3px rgba(0, 0, 0, 0.025), 0 1px 4px
		rgba(0, 0, 0, 0.15), 0 4px 4px rgba(0, 0, 0, 0.1);
}

.checktoggle input:disabled+.slider_container .slider {
	background: #e6e6e6;
	cursor: no-drop;
}

.checktoggle input:disabled+.slider_container .slider:before {
	box-shadow: none;
}

.checktoggle input:checked+.slider_container .slider {
	background-color: var(--buttonbgcolor, #dfdfdf);
}

.checktoggle .slider_container:focus .slider {
	box-shadow: 0 0 0 3px var(--ssFieldValidation-warning);
}

.checktoggle input:checked+.slider_container .slider:before {
	-webkit-transform: translateX(16px);
	-ms-transform: translateX(16px);
	transform: translateX(16px);
}

.checktoggle input:focus+.slider_container .slider {
	box-shadow: 0 0 1px var(--buttonbgcolor, #dfdfdf);
}

.actionbarToggle {
	float: right;
	margin: 4px 4px 0px 6px;
	padding-top: 5px;
	line-height: 20px;
}

.actionbarToggle label {
	vertical-align: top;
	padding-left: 5px;
	cursor: pointer;
	line-height: 14px;
}

.actionbarToggle label:nth-child(2) {
	display: inline-block;
	padding: 4px 0 0 5px;
}

.DefaultHide {
	display: none !important;
}

/* Rounded sliders */
.checktoggle .checkboxList {
	padding-left: 0px;
	margin-left: 0px;
}

.checktoggle .slider.round {
	border-radius: 34px;
}

.checktoggle .slider.round:before {
	border-radius: 50%;
}

.checktoggle input[type='checkbox']:not(.k-checkbox) {
	display: none !important;
}

.checktoggle :is(#formdiv, .formdiv)>.rowDiv>.fieldContentDiv>label {
	display: inline-block;
	margin: 5px 0 0 0;
}

td.Form.checktoggle label:not(.checktoggle_slider) {
	padding: 5px 0 0 5px;
}

.checktoggle .ssCheckBoxDiv label {
	display: inline-block;
	vertical-align: top;
	margin: 0 0 0 5px;
}

.checktoggle td.Form .checktoggle_slider {
	padding-left: 0;
	margin: 5px 0 0 0;
}

.checktoggle td.Form .checktoggle_slider+label {
	line-height: 21px;
	padding-left: 5px;
	margin: 5px 0 0 0;
	display: inline-block;
}

td.richtext-editor .checktoggle_slider+label {
	margin: 0 !important;
}

table.editorSelector {
	width: 100%;
}

div.fieldContentDiv:has(table.editorSelector) {
	margin-top: -1px;
	padding: 0;
}

.checktoggle td.Form input[type='radio']+label {
	padding-left: 5px;
}

.checktoggle .ssRadioContainer input[type='radio']+label {
	padding: 5px 5px 5px 21px !important;
	display: inline-block;
}

div.fieldDiv .checktoggle label+label[for] {
	display: inline-block;
	vertical-align: top;
	padding: 2px 0 0 5px;
}

ul.checkboxListSub {
	margin: 7px 0 5px 45px !important;
}

div.configfields ul.checkboxList ul.checkboxListSub {
	margin: 0 0 7px 1px !important;
	padding-left: 0;
}

.checkboxList blockquote {
	margin-left: 45px;
}

/* pagination */
.pagesizediv {
	margin: 0 4px 0 0;
	display: inline-block;
}

.navdiv {
	margin: 0 1px 0 2px;
	float: right;
	display: inline-block;
}

.pagination input {
	width: 75px;
	background: #FFF;
	text-align: center;
}

#dropdown-selected, .dropdown-selected {
	color: #222;
	font-size: 0.9375rem;
	line-height: 21px;
	text-transform: initial;
	font-weight: initial;
	max-width: 250px;
	padding: 0px 2px;
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
	text-overflow: ellipsis;
}

.menugroup .btn, .btn.searchfilter_btn {
	color: #222;
	background: #ffffff;
	padding: 4px 6px;
	text-align: left;
	font-size: 0.9375rem;
	line-height: 21px;
	display: inline-block;
	border: 1px solid #949494;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-transform: initial;
	outline: none;
	box-shadow: 0px 1px 1px rgb(0 0 0/ 8%) inset;
	transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}

.menugroup .btn i:first-child, .btn.searchfilter_btn i:first-child {
	font-size: 0.875rem !important;
}

.menugroup .btn .fa-chevron-down, .btn.searchfilter_btn .fa-chevron-down
	{
	margin: 5px 0 0 5px;
	font-size: 0.75rem !important;
	float: right;
}

.btn.searchfilter_btn {
	width: 100%;
	margin: 0px;
}

.menugroup .dropdown-menu .dropdown-title .dropdown-menu_config {
	padding: 7px;
}

.menugroup .dropdown-menu .fa-check, .searchfilter_container .dropdown-menu .fa-check
	{
	color: var(--menubgcolor);
	position: absolute;
	top: 7px;
	right: 25px;
	margin-left: 10px;
}

.menugroup2 .btn {
	color: #3d3d3d;
	background: #f9f9f9;
	padding: 0px 8px;
	font-size: 0.9375rem;
	line-height: 21px;
	display: inline-block;
	border: 1px solid #ccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-transform: uppercase;
	outline: none;
}

.menugroup2 .dropdown-menu .dropdown-title .dropdown-menu_config {
	padding: 7px;
}

.menugroup2 .dropdown-menu .fa-check {
	color: #3d3d3d;
	position: absolute;
	top: 7px;
	right: 25px;
	margin-left: 10px;
}

.menugroup2 #dropdown-selected {
	color: #3d3d3d !important;
}

.mobile .menugroup, .mobile .menugroup2 {
	position: static;
}

.mobile .menugroup span, .mobile .menugroup2 span {
	display: none !important;
}

.mobile #viewbtnlist .edge .dropdown-menu {
	max-width: 90vw;
	position: absolute;
	left: 0 !important;
	top: 40px
}

.pagination .pagedisplay {
	font-size: 0.9375rem;
	line-height: 21px;
	display: inline-block;
	padding: 6px 10px 4px 10px;
	margin: 0 2px 0 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-align: right;
	min-width: 55px;
	cursor: pointer;
}

.pagination .pagedisplay:hover, .pagination .pagedisplay:focus {
	background: #e4e4e5;
}

.pageoptions {
	display: none;
	position: absolute;
	background: #ffffff;
	padding: 5px;
	border: 1px #cccccc solid;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	text-decoration: none;
	white-space: nowrap;
	right: 0px;
	z-index: 1001;
}

.beta_reactlist #list-div .pageoptions {
	right: initial;
	display: block;
}

.people_msg {
	width: 100%;
	position: fixed;
	bottom: 0;
	border-top: 1px #CCCCCC solid;
	display: none;
}

.people_msg:hover {
	background: #EEEEEE;
	cursor: pointer;
}

.people_msg div {
	display: inline-block;
}

.people_msg div a {
	text-decoration: none;
}

.ponline {
	font-size: 0.875rem;
	cursor: pointer;
	padding: 2px;
}

.ponline:hover {
	background: #EEEEEE;
}

body.configmode .ui-datepicker {
	display: none !important;
}

#ui-datepicker-div {
	z-index: 3999 !important;
}

button.ui-datepicker-close {
	display: none !important;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	margin-left: 35% !important;
	color: #222222 !important;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year
	{
	width: 40% !important;
}

#advsearchframe #ui-datepicker-div {
	left: calc(100% - 46% - 128px) !important;
}

.colorSelector div {
	width: 30px;
	height: 30px;
	background: url(/jquery/color/images/selectg36-v2.png) center;
	cursor: pointer;
}

.colorSelector {
	display: inline-block;
	padding: 0px;
	white-space: nowrap;
}

/* ------calendar classes------ */
#calendarlist {
	background-color: #FFFFFF;
	border: 1px #CCCCCC solid;
	-moz-box-shadow: 2px 2px 5px 0 #9C9C9C;
	-webkit-box-shadow: 2px 2px 5px 0 #9C9C9C;
	box-shadow: 2px 2px 5px 0 #9C9C9C;
	position: absolute;
	display: none;
	max-height: 80%;
	overflow: auto;
	z-index: 20000;
	margin-top: -11px;
}

#calendarlist a {
	color: #FFFFFF;
}

/*---end calendar classes*/
#cftab th {
	cursor: pointer;
}

#tabs li {
	cursor: pointer;
}

div#navbar {
	float: right;
	font-size: 0.875rem;
}

.ajaxLookupSpan {
	border-style: solid;
	border-width: 1px;
	border-color: #CCCCCC;
	border-radius: 5px;
	padding: 6px 8px 2px 8px;
	margin: 3px 6px 3px 0px;
	display: inline-block;
	max-width: 300px;
	background: #F4F4F4;
	color: #757575;
	cursor: default;
}

.ajaxLookupSpanInline:first-of-type {
	margin: 0px 6px 3px 6px;
}

.ajaxLookupSpan.ajaxLookupSpanWide {
	max-width: 1000px;
}

.ajaxLookupSpanInline {
	border-style: solid;
	border-width: 1px;
	border-color: #CCCCCC;
	border-radius: 5px;
	padding: 6px 8px 2px 8px;
	margin: 0px 6px 3px 0px;
	display: inline-block;
	background: #EEEEEE;
	color: #777777;
	cursor: default;
}

.ajaxLookupSpan:hover, .ajaxLookupSpanInline:hover {
	background: #E0E0E0;
	color: #777777;
}

.ajaxLookupSpan>span:first-child, .ajaxLookupSpanInline>span:first-child
	{
	display: inline-block;
	width: auto;
	max-width: 275px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: 500;
}

.ajaxLookupSpan>span.fa-times, .ajaxLookupSpanInline>span.fa-times {
	margin: 1px 0px 0px 7px;
	float: right;
	cursor: pointer;
	color: #B5B5B5;
}

.ajaxLookupSpan>span.fa-times:hover, .ajaxLookupSpanInline>span.fa-times:hover
	{
	color: #858585;
}

.ajaxSpanTruncate {
	display: inline-block;
	max-width: 10em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.selecticon {
	padding-left: 6px;
	padding-right: 6px;
	display: inline-block;
}

.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

#placeholder:not([type=text]) {
	padding-top: 5px;
	padding-bottom: 5px;
	background: transparent;
	min-width: 1px;
	border: transparent;
	display: inline-block;
	-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0), 0 1px 2px
		rgba(0, 0, 0, 0);
	-moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0), 0 1px 2px
		rgba(0, 0, 0, 0);
	box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0), 0 1px 2px rgba(0, 0, 0, 0);
}

#chkbtnbar {
	display: inline-block;
}

.DraggableHeader:hover {
	border: 1px #D7D7D7 solid;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

/* Builder Classes */
.ui-draggable-dragging {
	-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.10);
	-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.10);
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.10);
	z-index: 100;
}

.ArrowLeft {
	float: left;
}

.ArrowRight {
	float: right;
}

.ArrowLeft, .ArrowRight {
	margin: 0 1px;
}

#columndiv {
	margin-top: 10px;
	overflow-x: auto;
}

.headcol {
	line-height: 20px;
	height: 20px;
	font-size: 0.875rem;
	position: absolute;
	width: 120px;
	text-align: right;
	left: 0;
	top: auto;
	padding: 6px;
	-webkit-box-shadow: 5px 0 5px -2px rgba(0, 0, 0, 0.10);
	box-shadow: 5px 0 5px -2px rgba(0, 0, 0, 0.10);
	border-right: 1px #C7C7C7 solid;
}

#section-tbody select {
	width: 134px;
}

#section-tbody input[type=text] {
	width: 134px;
}

td.Data {
	padding: 1px;
	text-align: center;
}

td.Data input[type=checkbox] {
	margin: 8px;
}

#section-table, #section-table input:read-only {
	background: #F7F7F7;
}

#section-tbody tr:nth-child(1) {
	background: var(--tblheadercolor);
}

#section-tbody tr:nth-child(2) td.nohelpedit {
	border-bottom: 4px solid var(--tblheadercolor);
	background: var(--tblheadercolor);
}

.ffcolumn_container .container_in {
	margin: 0 0 20px 0;
}

/* XML Styling */
.xmlsectionlist>div:not(:last-child) {
	border-bottom: 1px #DFDFDF solid;
}

/* Table Formatting */
.xml {
	padding: 20px;
	text-align: left;
}

.xml.small {
	width: 900px;
}

.xml.medium {
	width: 1200px;
}

.xml.large {
	width: 1600px;
}

.xml table {
	width: 100%;
	margin-bottom: 20px;
	border-collapse: collapse;
}

.xml table th, .xml table td {
	font-size: 0.875rem;
	padding-top: 10px;
	padding-bottom: 10px;
}

/* global input styles */
textarea.noresize {
	resize: none;
}

.xml input, .xml select, .xml textarea, .xml .datepickclass {
	border: 1px solid #e8e8e8;
	box-sizing: border-box !important;
}

.xml .datepickclass {
	border: 1px solid #e8e8e8 !important;
	background-color: #ffffff;
}

.xml input[disabled].datepickclass {
	border: 0 !important;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
}

.xml input[disabled].datepickclass+.ui-datepicker-trigger {
	display: none !important;
}

.xml input, .xml select {
	height: 30px !important;
}

.xml input[readonly], .xml textarea[readonly], .xml select[readonly] {
	border: 0 !important;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	background-color: #f1f1f1 !important;
}

.xml input[disabled], .xml textarea[disabled], .xml select[disabled] {
	border: 0;
	box-shadow: none;
	-webkit-box-shadow: none;
}

/* hide content */
.xml .hidden {
	display: none;
}

.xmlSectionTable .hidden {
	display: none;
}

.xml .hideinput input {
	display: none;
}

/* Logo and Instructions */
.xml .logo {
	display: inline-block;
	margin-top: 15px;
	margin-bottom: 15px;
}

.xml .logo img {
	display: inline-block !important;
}

.xml .title {
	color: var(--axsubtitlefontcolor);
	font-size: 1.5625rem;
	font-weight: bold;
	padding-bottom: 5px;
	margin-bottom: 0;
}

.xml .instructions {
	font-size: 0.875rem;
	padding-bottom: 5px;
}

/* Title Bar Styles */
.xmlTitleBar {
	color: var(--axsubtitlefontcolor);
	border-bottom: 2px solid var(--axsubtitlebbordercolor);
	font-size: 1.25rem;
	font-weight: normal;
	padding: 10px 0 5px 0;
	margin-bottom: 0;
	text-align: left;
	width: 100%;
	box-sizing: border-box;
}

.xmlHead {
	color: var(--tblheaderfontcolor);
	background-color: var(--tblheadercolor);
	font-size: 0.875rem;
	font-weight: bold;
	padding: 4px 6px 4px 10px;
	position: relative;
}

.xmlLabel {
	font-size: 0.875rem;
	color: #333;
	padding: 4px 6px 4px 6px;
	border-bottom: 1px solid #f1f1f1;
	box-sizing: border-box;
}

.xmlHidden, .Hidden {
	display: none !important;
}

/* setting up columns */
.xmlCell {
	width: 210px;
	padding-left: 10px;
	border-bottom: 1px solid #f1f1f1;
	box-sizing: border-box;
}

.xmlCell.medium {
	min-width: 280px;
	max-width: 280px;
	width: 280px;
}

.xmlCell.medium input, .xmlCell.medium select, .xmlCell.medium textarea
	{
	width: 260px;
}

.xmlCell.large {
	min-width: 380px;
	max-width: 380px;
	width: 380px;
}

.xmlCell.large input, .xmlCell.large select, .xmlCell.large textarea {
	width: 350px;
}

.xmlCell input, .xmlCell select, .xmlCell textarea {
	width: 180px;
}

.xmlTotal {
	padding-left: 10px;
	background-color: #f1f1f1;
	font-weight: bold;
}

.xmlTotal input {
	font-weight: bold;
}

.xmlXSmall {
	width: 74px;
	min-width: 74px;
	max-width: 74px;
}

.xmlXSmall input, .xmlXSmall select, .xmlXSmall textarea {
	width: 64px;
}

.xmlSmall {
	width: 100px;
	min-width: 100px;
	max-width: 100px;
}

.xmlSmall input, .xmlSmall select, .xmlSmall textarea {
	width: 90px;
}

.xmlMedium {
	width: 188px;
	min-width: 188px;
	max-width: 188px;
}

.xmlMedium input, .xmlMedium select, .xmlMedium textarea {
	width: 178px;
}

.xmlLarge {
	width: 300px;
	min-width: 300px;
	max-width: 300px;
}

.xmlLarge input, .xmlLarge select, .xmlLarge textarea {
	width: 290px;
}

.xmlXLarge {
	width: 320px;
	min-width: 320px;
	max-width: 320px;
}

.xmlXLarge input, .xmlXLarge select, .xmlXLarge textarea {
	width: 310px;
}

/* Alignment */
.leftAlign {
	text-align: left;
}

.centerAlign {
	text-align: center;
}

.rightAlign {
	text-align: right;
}

/* config folder styles */
.promptform label.fieldLabel {
	display: block;
	font-weight: bold;
	color: #333333;
	padding: 4px 2px;
}

.promptform div.inputDiv {
	margin-bottom: 5px;
}

.promptform div.inputDiv label {
	padding: 2px;
}

.promptform div.inputDiv input.Radio {
	vertical-align: text-top;
}

.readonlyDiv div.prow {
	display: block;
}

.readonlyDiv label.fieldLabel {
	display: inline-block;
	width: 150px;
	font-weight: bold;
	color: #333333;
	padding: 2px 15px 2px 2px;
	text-align: right;
	vertical-align: top;
}

.readonlyDiv div.inputDiv {
	display: inline-block;
	width: calc(100% - 180px);
	padding: 2px;
	word-wrap: break-word;
}

/* notes styles */
.notestitle, .annotitle {
	border-bottom: 1px solid var(--axsubtitlebbordercolor);
	font-size: 1.125rem;
	font-weight: normal;
	padding: 15px 0 6px 0;
	margin: 20px 0 0 0;
	width: 220px;
	max-width: 220px;
	background: #fff;
	text-align: left;
}

.noteshead {
	float: left;
	width: 250px;
	max-width: 250px;
}

.notespanel {
	padding: 10px 10px 5px 10px;
	margin-bottom: 5px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	word-break: break-word;
	word-wrap: break-word;
	-ms-word-wrap: break-word;
	filter: none;
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
}

.notespanel p {
	font-size: 0.875rem;
	line-height: 150%;
	margin: 0 0 5px 0;
	padding: 10px 10px 10px 10px;
	background: rgba(255, 255, 255, 0.6);
	border-bottom-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
}

.notespanel span.Description {
	display: block;
	font-size: 0.75rem;
	text-align: right;
	font-weight: normal;
	padding: 5px 5px 0px 5px;
	width: 100%;
	line-height: 150%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.notes .edit>.tooltip, div.Form .edit>.tooltip {
	width: 65px;
}

.notes .edit>.fa, .notes .edit>.fas, .notes .edit>.far, .notes .edit>.fal,
	.notes .edit>.fab, .notes .change>.fa, .notes .change>.fas, .notes .change>.far,
	.notes .change>.fal, .notes .change>.fab, div.Form .edit>.fa, div.Form .edit>.fas,
	div.Form .edit>.far, div.Form .edit>.fal, div.Form .edit>.fab {
	color: var(--buttonfontcolor);
}

.notes .change>.tooltip {
	width: 82px;
}

.notetypehead {
	background: #fff;
	font-size: 0.875rem;
	padding-bottom: 10px;
}

textarea[name="notes"] {
	width: 95%;
}

/* annotation colour styles */
.annotateon {
	border: 1px dashed #fee281;
	background: #fffcd5;
}

th.Form.annotateon {
	border: 1px dashed #fee281;
	border-right: 0;
	background: #fffcd5;
}

td.Form.annotateon {
	border-left: 0;
	background: #fffcd5;
}

td.Form.annotateon:only-child {
	border-left: 1px dashed #fee281;
}

th.FormTop.annotateon {
	background: #fffcd5;
	border: 1px dashed #fee281;
}

.annotateon td.FormInstructions {
	background: #fdf2c4;
	border-bottom: 0;
}

th.Form.annotateon .FormInstructions, td.FormInstructions.annotateon .FormInstructions
	{
	margin-top: 0;
	background: #fdf2c4 !important;
	border: 0;
}

.devmodeon {
	border: 1px dashed #95d2de !important;
	background: #d9edf7 !important;
	cursor: pointer;
	border-radius: 0px;
}

.ax-container .devmodeon {
	background: transparent !important;
}

.devmodeon * {
	cursor: pointer;
}

.devmodeon:not(.ax-box) a {
	background: #d9edf7 !important;
}

.devmodecog, .devmodeedit {
	background: #95d2de;
	height: 25px;
	width: 25px;
	box-sizing: border-box;
	padding: 0px;
	text-align: center;
	font-size: 1rem;
	color: #FFFFFF;
	position: absolute;
	top: 0px;
	right: 0px;
	cursor: pointer;
	z-index: 2000;
}

.devmodecog i, .devmodeedit i {
	opacity: 1 !important;
}

.devmodecog i {
	margin-top: 4px;
}

.main_nav li.devmodeon a {
	padding: 5px 9px 5px 9px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.main_nav li a.devmodeon .devmodecog {
	padding: 2px 3px;
	width: auto;
	height: 100%;
}

.ax-boxcontent.devmodeon {
	border: 1px dashed #95d2de;
	background: transparent !important;
	cursor: initial;
	position: relative;
}

.ax-boxcontainer.devmodeon {
	background: transparent !important;
	position: relative;
	padding: 30px 30px 20px 20px;
}

.devmodeon .devmodecog, .devmodeon .devmodeedit {
	display: block;
}

.devmodecog, .devmodeedit {
	display: none;
}

th.Form.devmodeon {
	border: 1px dashed #95d2de;
	border-right: 0;
	background: #d9edf7;
}

div.Form.devmodeon {
	padding: 0;
}

th.Form.devmodeon .FormInstructions {
	background: transparent;
}

td.Form.devmodeon {
	border-left: 0;
	background: #d9edf7;
}

td.Form.devmodeon:only-child {
	border-left: 1px dashed #95d2de;
}

th.FormTop.devmodeon {
	background: #d9edf7;
}

td.FormInstructions.devmodeon {
	background: #d9edf7;
	border-top: 0px solid transparent !important;
	border-bottom: 1px solid transparent !important;
}

td.FormInstructions.devmodeon div.FormInstructions {
	background: #d9edf7;
	padding: 10px 10px 10px 9px;
}

td.FormInstructions.devmodeon.devnolabel {
	background: #d9edf7;
	border-top: 1px dashed #95d2de !important;
	border-bottom: 1px solid transparent !important;
	padding: 9px 9px 10px 9px;
}

td.FormTop.devmodeon {
	background: #d9edf7;
	border-top: 0px dashed transparent;
}

.SubTitle.devmodeon {
	padding: 10px 0 9px 2px !important;
	border: 1px dashed #95d2de !important;
}

.devmodeon:not(.ax-box) input:not(.textreadonly), .devmodeon:not(.ax-box) select,
	.devmodeon:not(.ax-box) textarea, .devmodeon:not(.ax-box) .btn:not(.btn-shortcut),
	.devmodeon:not(.ax-box) .caret_container, .devmodeon:not(.ax-box) button:not(.btn-shortcut):not(.editbtn):not(.cancelbtn)
	{
	background: transparent !important;
	cursor: pointer !important;
	opacity: 0.5 !important;
}

.devmodeon:not(.ax-box) input:is([type="checkbox"], [type="radio"]) {
	opacity: 0 !important;
}

.devmodeon:not(.ax-box) i, .devmodeon:not(.ax-box) label {
	opacity: 0.5;
}

.devmodeon .hideelement {
	display: none;
}

#subtabs .subtabitem_active.devmodeon, #custabs .custabitem_active.devmodeon
	{
	border-top: 1px dashed #95d2de;
	border-right: 1px dashed #95d2de;
	border-bottom: 1px dashed #95d2de;
	border-left: 1px dashed #95d2de;
	background: #d9edf7 !important;
}

#subtabs .subtabitem_active.devmodeon a, #custabs .custabitem_active.devmodeon a
	{
	padding: 15px 13px 10px 13px;
}

#subtabs .subtabitem_active.devmodeon:first-child a, #custabs .custabitem_active.devmodeon:first-child a
	{
	padding: 15px 13px 10px 0;
}

.pagesizediv select {
	max-width: 100%;
}

div.failedValidation {
	display: inline;
}

div.failedValidation input, div.failedValidation textarea, div.failedValidation select
	{
	border: 1px rgba(231, 88, 106, 0.8) solid;
	border-radius: 2px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px
		rgba(249, 141, 155, 0.6);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px
		rgba(249, 141, 155, 0.6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px
		rgba(249, 141, 155, 0.6);
}

div.failedValidation input[type="checkbox"], div.failedValidation input[type="radio"]
	{
	border: none;
	outline: 1px rgba(231, 88, 106, 0.8) solid;
}

div.failedValidation .ssCheckBoxDiv label:before {
	border: 1px rgba(231, 88, 106, 0.8) solid;
	border-radius: 2px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px
		rgba(249, 141, 155, 0.6);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px
		rgba(249, 141, 155, 0.6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px
		rgba(249, 141, 155, 0.6);
	padding: 0px;
}

div.failedValidation .ssCheckBoxDiv label:after {
	padding: 0px;
}

.highlight {
	background-color: var(--chathighlightcolor) !important;
}

.highlightadd {
	border: 3px #44AB2B solid;
}

.highlightremove {
	border: 3px #D33131 solid;
}

textarea:focus, input.form-control[type="text"]:not([readonly]):focus,
	input[type="text"]:not(.form-control):not(.k-input-inner):focus,
	input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus,
	input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus,
	input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus,
	input[type="url"]:focus, input[type="search"]:not(.select2-search__field):focus,
	input[type="tel"]:focus, input[type="color"]:focus, select:not(#lang):focus,
	.uneditable-input:focus, .uneditable-inputLeft:focus,
	.uneditable-inputRight:focus, .search_filter:focus,
	.select2-container--focus .select2-selection, .menugroup.open>button.dropdown-toggle,
	.menugroup>button.dropdown-toggle:focus, .search_dropdown>li:focus,
	.searchfilter_btn:focus, input.highlight {
	background-color: var(--chathighlightcolor);
	color: #000000;
	border: 1px rgba(82, 168, 236, 0.8) solid !important;
	outline: 0;
	outline: thin dotted \9;
	/* IE6-9 */
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px
		rgba(82, 168, 236, 0.6) !important;
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px
		rgba(82, 168, 236, 0.6) !important;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px
		rgba(82, 168, 236, 0.6) !important;
}

.greyButton:focus, #advsearchbutton:focus, .btn.DisabledButton:focus,
	input[type="button"].DisabledButton:focus, button.DisabledButton:focus
	{
	border: 1px solid #000000 !important;
}

.greyButton:hover, #advsearchbutton:hover, .btn.DisabledButton:hover,
	input[type="button"].DisabledButton:hover, button.DisabledButton:hover
	{
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), inset 0 0 3px #FFFFFF;
}

.btn.DisabledButton.focus {
	box-shadow: none !important;
}

.btn.DisabledButton {
	cursor: default;
}

.xml input[readonly]:focus, .xml textarea[readonly]:focus, .xml select[readonly]:focus
	{
	border: 0;
	box-shadow: none;
	-webkit-box-shadow: none;
	outline: 0;
	outline-width: 0;
	background-color: #f1f1f1;
}

select[name="starthour"], select[name="endhour"] {
	margin-right: 3px;
}

select[name="startminute"], select[name="endminute"] {
	margin-left: 3px;
}

input[type="file"] {
	border: 1px solid #949494;
	height: 30px;
	line-height: 30px;
}

select.AppNav {
	padding: 0px;
	font-size: 0.75rem;
	line-height: 12px;
	height: 20px;
	margin: -2px 0 -2px 0
}

select[multiple], select[size] {
	height: 130px;
	min-height: 125px;
}

select.restrictcompanyfield {
	width: 296px;
}

select:disabled {
	color: #585858;
	background-color: #EFEFEF;
}

.restrictwrapper {
	margin: 8px 0;
}

.Small {
	width: 130px;
}

.XSmall {
	width: 94px;
}

.XXSmall {
	width: 84px;
}

.XXXSmall {
	width: 45px;
}

.Medium, .MediumIn {
	width: 170px;
}

.Large, .Form input[type=password].large {
	min-width: 200px;
	max-width: 380px !important;
	width: calc(100% - 70px);
}

select.XLarge, .XLarge {
	width: 340px;
}

.XXLarge {
	width: 487px;
}

select.Tiny {
	visibility: visible;
	overflow: visible;
	width: 39px;
}

input.Tiny {
	border-left-color: #222;
	border-top-color: #222;
	font-size: 0.5625rem;
	height: 30px;
	width: 30px;
	border-right-color: #d8d7d7;
	border-bottom-color: #d8d7d7;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 1px;
	border-bottom-width: 1px;
}

input.TinyNone {
	background-color: var(--titlebgcolor);
	font-size: 0.5625rem;
	font-weight: bold;
	height: 14px;
	width: 25px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-bottom-width: 0px;
}

.Hundred {
	width: calc(100% - 70px);
}

.HundredFull {
	min-width: 150px !important;
	width: 100% !important;
}

.griddiv .Hundred {
	width: 100%;
}

.Template {
	width: 90%;
}

.HundredLookUp {
	width: 82%;
}

.Fifty {
	width: 50%;
}

.transparent, th.transparent, td.transparent {
	background: transparent;
	background-color: transparent;
}

.nowidth, th.nowidth, td.nowidth {
	min-width: initial !important;
	max-width: initial !important;
	width: initial !important;
}

input.textreadonly, input.textreadonly:focus {
	border-color: #FFF;
	border: 1px transparent solid;
	outline: none !important;
	background-color: transparent;
	width: 90%;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	pointer-events: none;
}

input.form-control, select.form-control {
	line-height: 21px;
}

input.form-control[readonly]:focus {
	outline: none !important;
}

.box.centerlayout input.form-control, .box.centerlayout select.form-control,
	.box.centerlayout select.form-control+.select2 {
	width: 94% !important;
	max-width: initial !important;
}

.box.centerlayout #standarddiv div.form-group>label {
	display: block;
}

.worddisplay {
	display: block;
	margin: 5px 0 0 0 !important;
}

input.textreadonly-fixed-sm {
	border: 0px #FFFFFF none;
	background-color: #FFFFFF;
	width: 80px;
	pointer-events: none;
}

input::-ms-clear {
	display: none;
}

div.datetimepicker {
	white-space: nowrap;
}

.datepickclass, .timepickclass {
	width: 170px !important;
	min-width: 0 !important;
	max-width: none !important;
}

td.row_searchterm .datepickclass {
	width: calc(100% - 2px) !important;
}

.Display {
	border: 1px var(--titlebgcolor) solid;
	width: 240px;
}

.Invisible {
	padding: 0px;
	font-size: 0.0625rem;
	border: 0px;
	height: 1px;
	width: 60px
}

.MultiSearch {
	width: 140px;
	height: 80px;
}

.Multi {
	width: 140px;
}

input.Lookup, input.LookupBlur {
	border-radius: 4px 0px 0px 4px !important;
	min-width: 204px;
	max-width: 337px;
	width: calc(100% - 108px) !important;
}

.Form input.Lookup, .Form input.LookupBlur {
	max-width: 337px;
	width: calc(100% - 114px) !important;
}

.Form #lookupdiv_webpageid input.Lookup, .Form #lookupdiv_webpageid input.LookupBlur,
	.Form #lookupdiv_pagestoreid input.Lookup, .Form #lookupdiv_pagestoreid input.LookupBlur
	{
	max-width: 380px;
}

.stacked td.Form #lookupdiv_webpageid input.Lookup, .stacked td.Form #lookupdiv_webpageid input.LookupBlur,
	.stacked td.Form #lookupdiv_pagestoreid input.Lookup, .stacked td.Form #lookupdiv_pagestoreid input.LookupBlur
	{
	width: 93% !important;
	max-width: 93% !important;
	min-width: 93% !important;
}

.search_fields input#companytxt.Lookup, .search_fields input#companytxt.LookupBlur,
	.search_fields input#contacttxt.Lookup, .search_fields input#contacttxt.LookupBlur,
	.search_fields input#appitemname.Lookup, .search_fields input#appitemname.LookupBlur
	{
	min-width: 278px;
	max-width: 278px;
	width: unset;
}

.titlesettings input.Lookup, .titlesettings .input.LookupBlur {
	max-width: 184px;
}

input.LookupLrg {
	border-radius: 4px 0px 0px 4px;
	width: 220px;
}

input.LookupFull {
	width: calc(100% - 43px) !important;
}

.readonly {
	background: #F1F1F1;
}

.readonlytd input {
	pointer-events: none;
	background-color: #F1F1F1 !important;
	color: #666 !important;
}

.textreadonly, .textreadonly:focus, .textreadonly-fixed-sm {
	border: 1px solid #FFFFFF;
	background-color: #FFFFFF;
	width: 100%;
	pointer-events: none;
}

.textreadonly-fixed-sm {
	width: 60px;
	pointer-events: none;
}

.textreadonly_container {
	padding: 5px 0px;
	display: inline-block;
	line-height: 21px;
	max-width: 98%;
}

.textreadonly_container:empty:after, .textreadonly_container :not(br):empty,
	.textreadonly_container *:empty:after {
	content: "\00a0";
	line-height: 20px;
	text-decoration: none;
}

.ssUploadedFileList-image:empty {
	display: none !important;
}

.Percent {
	font-weight: bold;
	text-align: right;
	height: 17px;
	line-height: 13px;
	width: 25px
}

.HorCheck {
	height: 60px
}

ul.Horlist, ul.Vertlist, .horlist25 {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

ul.Vertlist {
	column-width: 350px;
}

ul.Horlist {
	margin-top: 6px !important;
	margin-bottom: 0 !important;
}

ul.Horlist>li, ul.Vertlist>li {
	display: block;
	padding: 0px;
	margin: 0px 0 5px 18px;
	list-style-type: none;
	width: 275px;
}

ul.Vertlist>li {
	padding: 2px 0px;
	width: auto;
	overflow: hidden;
	line-height: 20px;
}

ul.Vertlist.CheckBoxContainer li label {
	padding-top: 1px;
	line-height: 21px;
}

ul.Horlist>li {
	float: left;
}

ul.Horlist>li input[type='checkbox'], ul.Vertlist>li input[type='checkbox']
	{
	margin-left: -16px;
}

.horlist25 li {
	width: 25%;
	padding: 0 10px 0 0;
	margin: 0px 0 5px 0;
	display: inline-block;
}

ul.checklist {
	padding: 0 0 8px 0;
	margin: 0 0 8px 0;
	list-style-type: none;
}

li.checklist {
	padding: 0 0 0 10px;
	margin: 0px;
	list-style-type: none;
	float: left;
}

/* Close Icon For Smartcheck   */
.notifyjs-bootstrap-error {
	border-left: 4px #D84A49 solid;
}

.notifyjs-bootstrap-error span {
	position: initial;
	margin-right: 10px;
	color: #333;
}

.notifyjs-bootstrap-error span:before {
	font-size: 1.0625rem;
	font-family: 'Font Awesome 6 Pro';
	font-weight: 600;
	position: absolute;
	top: 8px;
	color: #D33131;
	content: "\f057";
	padding-left: 0;
	left: 9px;
}

.form-group .notifyjs-bootstrap-error span:before {
	top: 0;
}

.notifyjs-bootstrap-error span:after {
	font-size: 0.8125rem;
	font-family: 'Font Awesome 6 Pro';
	font-weight: 600;
	position: absolute;
	top: 6px;
	color: #999999;
	content: '\f00d';
	padding-left: 9px;
	right: 5px;
}

/* inline annotation styles */
.notifyjs-container>div {
	box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
}

.notifyjs-container table {
	border-collapse: separate;
	border-spacing: 0px 6px;
}

.notifyjs-container p {
	font-size: 0.875rem;
	line-height: 150%;
	margin: 0 0 5px 0;
	padding: 10px 10px 10px 10px;
	background: rgba(255, 255, 255, 0.6);
	border-bottom-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
}

.notifyjs-container span.Description {
	display: block;
	font-size: 0.75rem;
	text-align: right;
	font-weight: normal;
	padding: 5px 5px 5px 5px;
	width: 100%;
	line-height: 150%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.notifyjs-container div>div.Form {
	padding: 10px 10px 5px 10px;
	margin-bottom: 5px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-bottom-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
}

.annopanel {
	padding: 10px 10px 5px 10px !important;
	margin-bottom: 5px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	word-break: break-word;
	word-wrap: break-word;
	-ms-word-wrap: break-word;
	filter: none;
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
}

.annopanel p {
	font-size: 0.875rem;
	line-height: 150%;
	margin: 0 0 5px 0;
	padding: 10px 10px 10px 10px;
	background: rgba(255, 255, 255, 0.6);
	border-bottom-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
}

.annopanel span.Description {
	display: block;
	font-size: 0.75rem;
	text-align: right;
	font-weight: normal;
	padding: 5px 5px 0px 5px;
	width: 100%;
	line-height: 150%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.easytree-container li {
	padding-bottom: 5px !important;
}

.easytree-container i {
	font-size: 1.125rem;
	/*    color: #ffa000;*/
}

.easytree-container {
	border: none !important;
}

.loadmoretext {
	margin-left: 10px !important;
	margin-bottom: 4px !important;
}

.loadmoreli {
	font-weight: bold;
	margin-top: 5px;
}

.loadmoreli:hover {
	background-color: #FFFFFF !important;
	border-color: #FFFFFF !important;
}

.loadmoreli i {
	display: none;
}

.list_container li .fa-folder::before, .list_container li .fa-folder-open::before
	{
	color: #ffa000;
}
/* Help Edit */
div.helpeditbackdrop {
	display: none;
	top: 0;
	background: rgb(0, 0, 0, 0.5);
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 2050;
}

.hashelpedit {
	border: 1px solid transparent;
}

.helpmode .object_name, .helpmode .checkboxList li, .helpmode th.Form,
	.helpmode td.Form, .helpmode th.FormSm, .helpmode th.Label, .helpmode .fieldCaptionDiv,
	.helpmode td.Form>div:not(.ui-widget.ui-widget-content), .helpmode td.Form>div>div,
	.helpmode #convertsblogic_td, .helpmode .Intro li {
	border: 1px solid transparent;
}

.helpmode .object_name {
	padding: 8px 0 5px 0;
	margin-left: -1px;
}

.helpmodeon {
	border: 1px dashed #f3c200 !important;
	background: #fffaed !important;
}

.helpedit-highlight:not(.object_name), .helpedit-focus:not(.object_name)
	{
	position: relative;
}

.SubTitle.helpmodeon {
	padding: 19px 0px 6px 0px;
}

.helpedit-focus:not(input):not(button):not(select):not(textarea):not(.btn):not(td):not(th):not(.helpnomaxcontent):not(.fieldCaptionDiv):not(.SubTitle),
	.helpmodeon:not(input):not(button):not(select):not(textarea):not(.btn):not(td):not(th):not(.helpnomaxcontent):not(.fieldCaptionDiv):not(.SubTitle),
	.helpedit-highlight:not(input):not(button):not(select):not(textarea):not(.btn):not(td):not(th):not(.helpnomaxcontent):not(.opacityslider):not(.fieldCaptionDiv):not(.SubTitle)
	{
	width: max-content !important;
}

.helpedit-highlight:not(input):not(button):not(select):not(textarea):not(.btn):not(li)
	{
	padding: 5px !important;
}

a.btn.helpedit-highlight {
	color: #555555;
}

.helpedit-highlight {
	border: 1px solid transparent;
	background: #fff5da !important;
	border-radius: 3px;
}

.helpedit-focus {
	border: 1px solid #f3c200 !important;
	background: #fff5da !important;
}
/*
.helpedit-highlight:before {
    position: absolute;
    font-family: FontAwesome;
    display: inline-block;
    color: rgb(255, 255, 255);
    padding-left: 4px;
    vertical-align: middle;
    content: "\f05a";
    height: 34px;
    top: 0px;
    left: 0;
    padding-top: 8px;
    width: 22px;
    text-align: center;
    background: rgb(191, 150, 76);
}
*/
.helpedit-title {
	background: var(--headerbgcolor);
	color: var(--headerfontcolor);
	font-size: 1rem;
	padding: 10px 15px;
	min-height: 19px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	cursor: move;
}

.help-title {
	background: var(--titlebgcolor);
	color: var(--titlefontcolor);
	font-size: 1rem;
	padding: 10px 15px;
	min-height: 19px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	cursor: move;
}

.help-title>span {
	max-width: calc(100% - 55px);
	overflow: hidden;
	white-space: nowrap;
	display: inline-block;
	text-overflow: ellipsis;
}

.helpedit-closebtn {
	float: right;
	cursor: pointer;
}

.help-titlebtn {
	float: right;
	padding: 0 5px;
	cursor: pointer;
}

#frmedithelpdiv, #frmreadhelpdiv {
	margin-bottom: 40px;
	z-index: 2050 !important;
	background-color: #ffffff;
	border-radius: 6px;
	box-shadow: 13px 0px 46px -8px rgba(0, 0, 0, 0.5);
}

#frmedithelpdiv, #frmreadhelpdiv {
	margin-bottom: 40px;
	z-index: 2050 !important;
	background-color: #ffffff;
	border-radius: 0px;
	box-shadow: 0 4px 8px 0 rgb(0 0 0/ 3%), 0 6px 20px 0 rgb(0 0 0/ 15%);
	width: 825px;
}

#frmedithelpdiv.expanded, #frmreadhelpdiv.expanded {
	width: calc(100% - 20px);
	height: 90%;
}

.helpedit-view {
	vertical-align: top;
	padding: 0 20px;
}

.helpedit-viewmain {
	width: 820px;
	padding: 0;
	max-height: 500px;
	overflow-y: auto;
}

#helpedit-body {
	font-size: 0.875rem;
	line-height: 19px;
	padding: 15px 0 4px 0;
	color: #444;
}

.Form #helpedit-thumbs-up, .Form #helpedit-thumbs-down {
	font-size: 1.25rem;
}

div.helpedit-thumbs-up, div.helpedit-thumbs-down, div.helpedit-minus {
	display: inline-block;
}

.helpedit-view #helpedit-thumbs-up, .helpedit-view #helpedit-thumbs-down,
	.helpedit-view #helpedit-minus {
	cursor: pointer;
}

div.helpedit-thumbs-up>i {
	color: #00ad2a;
}

div.helpedit-thumbs-down>i {
	color: #D84A49;
}

#helpedit-upscore, #helpedit-downscore {
	padding: 3px 5px;
}

.helpedit-scoreupspan {
	margin-right: 3px;
	width: auto;
	padding: 3px 4px;
	color: #FFFFFF;
	background: #00ad2a;
	border-radius: 3px;
}

.helpedit-scoredownspan {
	margin-right: 3px;
	width: auto;
	padding: 3px 4px;
	color: #FFFFFF;
	background: #D84A49;
	border-radius: 3px;
}

.helpedit-editmain {
	background-color: #FFFFFF;
	width: 820px;
}

.help-main {
	height: calc(100% - 40px);
	max-height: 575px;
	padding: 0px 20px;
	overflow: auto;
}

.expanded .help-main {
	height: 100%;
	max-height: calc(100% - 40px);
	padding: 0px 20px;
	overflow: auto;
}

.helpedit-editmain table {
	table-layout: fixed;
}

.helpedit-edit {
	width: 70%;
	vertical-align: top;
}

.helpedit-edit {
	width: initial;
}

.helpedit-edit .custabbar {
	display: block;
	margin: 0 12px;
	min-width: auto;
}

.helpedit-edit fieldset, .helpedit-view fieldset {
	padding: 0;
}

.helpedit-view th.Form {
	font-size: 0.875rem;
	width: 120px;
	min-width: 120px;
	max-width: 120px;
	padding-top: 1px;
}

.helpedit-view td.Form {
	font-size: 0.875rem;
	line-height: 19px;
	padding: 1px 2px;
	vertical-align: top
}

.helpedit-edit fieldset>div {
	max-height: 420px;
	overflow-y: auto;
	padding: 10px 12px 0 12px;
}

.helpedit-view fieldset>div {
	max-height: 460px;
	padding: 0px;
}

.helpedit-edit th.Form {
	width: 20%;
}

.helpedit-feedback {
	vertical-align: top;
	padding: 0px 10px 0px 20px;
	background: #EEEEEE;
	width: 250px;
}

#helpedit-scoretitle {
	font-weight: bold;
	font-size: 1rem;
}

#helpedit-commentdiv {
	padding: 10px 0;
}

#helpedit-commentdiv textarea {
	width: 100%;
}

#helpedit-commentdiv .Button {
	margin-top: 10px
}

#helpedit-scorediv {
	display: inline-block;
	margin-left: 10px;
	vertical-align: top;
}

#helpedit-score {
	display: none;
}

.helpedit-plus, .helpedit-minus {
	position: absolute;
	top: 3px;
	right: 0px;
}

#helpedit-totalscore .fa-stack, .helpedit-plus .fa-stack,
	.helpedit-minus .fa-stack, #helpedit-ratediv .fa-stack {
	width: 1.3em;
	height: 1em;
	line-height: initial;
	vertical-align: top;
}

#helpedit-totalscore i, #helpedit-ratediv i, .helpedit-plus i,
	.helpedit-minus i {
	color: #efbd28;
}

#helpedit-totalscore i.far.fa-star, #helpedit-ratediv i.fal.fa-star,
	.helpedit-plus i.far.fa-star, #helpedit-totalscore i.fal.fa-star,
	.helpedit-plus i.fal.fa-star, .helpedit-minus i.far.fa-star,
	.helpedit-minus i.fal.fa-star {
	color: #af9832;
}

#helpedit-ratediv i.fas.fa-star {
	display: none;
}

#helpedit-ratediv .helpedit-star {
	cursor: pointer;
}

.helptab {
	padding: 10px 0;
}

.helpedit-namedate {
	font-weight: bold;
	display: block;
	padding-top: 5px;
	border-top: 1px #DFDFDF solid;
	position: relative;
}

.helpedit-namedate {
	font-weight: bold;
	display: block;
	padding-top: 5px;
	margin-bottom: 10px;
	border-top: none;
	border-bottom: 1px #eeeeee solid;
	position: relative;
}

.helpedit-namedate .name {
	min-height: 20px;
}

.helpedit-namedate .name {
	font-size: 0.875rem;
	display: block;
	box-sizing: border-box;
	padding-bottom: 3px;
}

.helpedit-namedate .date {
	font-size: 0.75rem;
	font-weight: 500;
	display: block;
	box-sizing: border-box;
	padding-bottom: 3px;
}

.helpedit-namedate .date {
	font-size: 0.75rem;
	font-weight: 500;
	display: block;
	box-sizing: border-box;
	padding-bottom: 3px;
	position: absolute;
	top: 5px;
	right: 100px;
}

#helpedit-feedbackdiv {
	margin-top: 10px;
	max-height: 400px;
	overflow-y: auto;
}

#helpedit-feedbackdiv {
	margin-top: 10px;
	max-height: initial;
	overflow-y: initial;
}

#helpedit-feedbackdiv .comments {
	font-size: 0.75rem;
	padding-bottom: 10px;
	line-height: 16px;
	padding: 0 5px 5px 0px;
	box-sizing: border-box
}

#helpedit-feedbackdiv .comments {
	font-size: 0.75rem;
	padding-bottom: 10px;
	line-height: 16px;
	padding: 0 5px 20px 0px;
	box-sizing: border-box
}

.helpeditImage {
	position: relative;
}

.helpeditImage img {
	max-width: 185px;
	max-height: 104px;
	margin: 0 auto;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	width: auto;
	background-size: cover;
	background-position-x: center;
}

.helpeditImage div {
	display: block;
	vertical-align: top;
}

.helpeditImage div span {
	font-size: 0.75rem;
	display: block;
	margin-bottom: 5px;
}

.helpeditImage>div:first-of-type {
	position: relative;
	width: 185px;
	height: 104px;
	background: #f8f8f8;
	text-align: center;
	cursor: pointer;
	border: 1px solid #eee;
	transition: all 100ms linear;
	border-radius: 3px;
	overflow: hidden;
}

.helpeditImage>div:first-of-type:hover {
	border: 1px solid var(--buttonbgcolor);
	transition: all 100ms linear;
}

a.helpeditDeleteBtn {
	position: relative;
	text-align: center;
	color: var(--buttonbgcolor, #dfdfdf);
	display: inline-block;
	font-size: 0.8125rem;
	background: #f4f4f4;
	text-decoration: none;
	padding: 3px 6px;
	margin-top: 10px;
	box-sizing: border-box;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	transition: background 0.5s ease;
	-moz-transition: background 0.5s ease;
	-ms-transition: background 0.5s ease;
	-webkit-transition: background 0.5s ease;
	-o-transition: background 0.5s ease;
}

a.helpeditDeleteBtn:hover {
	background: var(--buttonbgcolor, #dfdfdf);
	color: #fff;
	transition: background 0.5s ease;
	-moz-transition: background 0.5s ease;
	-ms-transition: background 0.5s ease;
	-webkit-transition: background 0.5s ease;
	-o-transition: background 0.5s ease;
}

.helpedit-edit fieldset div.fieldset_title {
	font-size: 1rem;
	font-weight: 500;
	color: #444;
	padding-bottom: 5px;
}

.helpedit-edit fieldset select, .helpedit-edit fieldset input,
	.helpedit-viewmain textarea, .helpedit-edit fieldset textarea {
	width: 100% !important;
}

.helpedit-edit fieldset textarea {
	height: 250px;
}

.helpedit-edit .information_msg_container.smallicon {
	margin-bottom: 3px;
}

.helpedit-edit fieldset div.FormInstructions {
	margin-top: 0;
	padding: 7px 10px 5px 10px;
}

.helpedit-edit fieldset .information_msg_container>span {
	font-size: 0.875rem;
	padding-bottom: 0;
}

.helpedit-edit fieldset .information_msg_container>.content {
	font-size: 0.75rem;
}

.helpedit-edit fieldset .information_msg_container {
	padding: 3px 10px 3px 35px !important;
}

.helpedit-edit fieldset .information_msg_container.smallicon:before {
	font-size: 1.125rem;
	top: 1px;
}

.helpedit-edit fieldset div.Intro {
	padding-right: 0;
}

.helpedit-viewmain fieldset div.Intro {
	padding: 5px 0 0 0;
	border-top: 1px solid #eee;
}

#helpeditfileinstructions {
	margin: 5px 0 0 0;
}

#helpeditimage {
	display: grid;
	margin: 20px 0 10px 0;
	grid-template-columns: repeat(auto-fill, minmax(185px, 1fr));
	grid-gap: 9px;
}

.helpedit-viewmain a, .helpedit-viewmain a:active, .helpedit-viewmain a:hover
	{
	font-size: 0.8125rem;
}

.helpedit-viewmain a.help-url {
	background: #f5f5f5;
	padding: 2px 4px;
	border-radius: 3px;
	margin: 4px 0 0 0;
	display: inline-block;
}

.helpedit-viewmain a.help-url:after {
	font-family: FontAwesome;
	display: inline-block;
	padding-left: 4px;
	vertical-align: middle;
	content: "\f08e";
}

.helpedit-viewmain a:empty {
	display: none;
}

div[id^="helpedittab-"] {
	margin-bottom: 20px;
}
/* End Help Edit */
.helppanel {
	display: grid;
	grid-template-columns: 60% 40%;
	grid-template-areas: "container helpbox";
	gap: 20px;
	padding-bottom: 0px !important;
}

.helppanel #container {
	grid-area: container;
	padding-bottom: 0px !important;
}

.helppanel .object_name {
	top: 44px;
	position: sticky;
	z-index: 1;
	width: auto;
	background: #fff;
	width: auto !important;
}

.helppanel .objtabcontainer_in .custabcontainer_in {
	padding: 15px 0px 0px;
}

.helppanel .tabs, #custabs {
	padding-bottom: 0px !important;
}

.helpbox {
	background: #e8f2fc !important;
	padding: 20px 12px 20px 25px;
	height: calc(-44px + 100vh);
	overflow: auto;
	word-break: break-word;
	line-height: initial;
	margin: 0px;
	position: fixed;
	width: calc(40% - 20px);
	top: 44px;
	right: 20px;
	grid-area: helpbox;
	border-radius: 0px !important;
}

.helpbox:before {
	content: initial
}

.helpbox table tr td {
	vertical-align: top;
}

.helpbox .tableoutline {
	border-collapse: collapse;
	width: 100%;
}

.helpbox .tableoutline tr {
	background-color: #dae9f5;
	border-bottom: 2px solid #e8f2fc;
}

.helpbox .tableoutline th {
	width: 200px;
	min-width: 200px;
	max-width: 200px;
	box-sizing: border-box;
	text-align: left;
	color: #333;
	padding: 0.5em;
	vertical-align: top;
}

.helpbox .tableoutline td {
	padding: 0.5em;
	vertical-align: top;
}

.mobile.helppanel .object_name {
	position: relative;
	top: 0;
}

.mobile.helppanel {
	display: block;
}

.mobile .helpbox {
	display: none;
}

/* invitations */
.invitetable {
	margin: 15px 0;
	width: 100%;
}

.invitetable .Data1 {
	padding: 8px;
	width: 15%;
	box-sizing: border-box;
}

.invitetable .Data1:nth-of-type(5) {
	width: 20%;
}

.invitetable .Data1:nth-of-type(8) {
	width: 10%;
}

.invitetable .Data1:first-of-type {
	min-width: auto;
	width: auto;
}

.invitetable th.Sub {
	padding: 6px;
}

.invitetable tr:last-child>.Data1 {
	border-bottom: 0;
}

.invitetable select, .invitetable input[type="text"]:not(.form-control),
	.invitetable input[type="email"] {
	width: 100%;
}

.invitetable .Btnwrap>button {
	margin-top: 10px;
}

.invitetable td.buttons {
	min-width: 95px;
	padding-left: 10px;
}

TD.Sub {
	padding: 3px 2px 1px 4px;
}

.subreportfoot th {
	font-size: 0.9375rem;
	font-weight: bold;
	color: #333;
	padding: 8px 6px;
	position: relative;
	text-align: left;
	border-bottom: 1px solid #eee
}

.subreportfoot th input.Tiny {
	border: 1px solid #949494;
	font-size: 0.9375rem;
}
/* new status monitor */
ul.progressstatusbar {
	font-size: 0;
	margin: 0;
	padding-left: 0;
	cursor: default;
	white-space: initial;
	display: block;
}

ul.progressstatusbar li {
	display: inline-block;
	font-size: 0.9375rem;
	width: 25%;
	position: relative;
	padding-right: 20px;
	width: auto;
	margin: 0 3px 15px 0;
	padding-bottom: 7px;
	-moz-transition: all 100ms linear;
	-o-transition: all 100ms linear;
	-ms-transition: all 100ms linear;
	transition: all 100ms linear;
	white-space: normal;
}

ul.progressstatusbar li span.bar {
	display: inline-block !important;
	margin-top: 5px;
	box-sizing: border-box;
	padding: 5px;
	display: block;
	width: 100%;
	min-height: 5px;
	text-align: center;
	padding-right: 20px;
}

ul.progressstatusbar li p {
	float: left;
	margin: 5px 0;
	margin-top: 4px;
	margin-bottom: 0;
	max-width: 200px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

span.number {
	float: left;
	font-size: 0.9375rem;
	border-radius: 0.8em;
	-moz-border-radius: 0.8em;
	-webkit-border-radius: 0.8em;
	display: inline-block;
	line-height: 1.6em;
	margin-right: 5px;
	text-align: center;
	width: 25px;
}

ul.progressstatusbar li div.info {
	display: none;
	position: absolute;
	padding: 8px;
	margin: 0 auto;
	left: 0;
	right: 0;
	top: 40px;
	font-size: 0.875rem;
	line-height: 20px;
	text-align: center;
	width: inherit;
	border: 1px solid #bebebe;
	box-sizing: border-box;
	background: #fff;
	z-index: 1000;
}

#editdiv {
	display: none;
	position: absolute;
	margin: 0 auto;
	left: 0;
	font-size: 0.875rem;
	text-align: center;
	width: inherit;
	border: 1px solid #bebebe;
	box-sizing: border-box;
	background: #fff;
	-moz-box-shadow: 2px 2px 5px 0 #b8b8b8;
	-webkit-box-shadow: 2px 2px 5px 0 #b8b8b8;
	box-shadow: 2px 2px 5px 0 #9C9C9C;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	z-index: 999;
}

.noteditable {
	position: absolute;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 10;
	opacity: 0.9;
	text-align: center;
	top: 0;
	cursor: default;
}

.noteditable div {
	font-size: 3.75rem;
	margin: 0 auto;
	display: inline-block;
	margin-top: calc(25% - 30px);
	color: #333;
}

#branchingtree+div+#editdiv {
	max-width: 600px;
	text-align: left;
}

#branchingtree+div+#editdiv  select[multiple]+span.select2 {
	max-width: 75% !important;
}

#editdivtitle_container {
	font-size: 1.125rem;
	text-align: left;
	border-bottom: 1px solid #f1f1f1;
}

#editdivtitle {
	display: inline-block;
	padding: 8px;
}

#editdivpanel {
	padding: 8px;
}

#editdiv select {
	width: 320px;
}

#editdiv input {
	width: 320px;
}

#close {
	padding: 8px;
	font-size: 1.125rem;
	color: #cccdcd;
	float: right;
	font-weight: normal;
	margin-top: -3px;
	webkit-transition: all 100ms linear;
	-moz-transition: all 100ms linear;
	-o-transition: all 100ms linear;
	-ms-transition: all 100ms linear;
	transition: all 100ms linear;
	cursor: pointer;
}

div.info:after, div.info:before {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

div.info:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 7px;
	left: 50%;
	margin-left: -4px;
}

div.info:before {
	border-color: rgba(190, 190, 190, 0);
	border-bottom-color: #bebebe;
	border-width: 8px;
	left: 50%;
	margin-left: -5px;
}

ul.progressstatusbar li:hover div.info {
	display: block;
}

ul.progressstatusbar li:hover div.info:empty {
	display: none;
}

/* inactive */
ul.progressstatusbar li.notactive {
	border-bottom: 4px solid #bebebe;
}

ul.progressstatusbar li.active {
	color: var(--buttonbgcolor, #dfdfdf);
	border-bottom: 4px solid var(--buttonbgcolor, #dfdfdf);
}

ul.progressstatusbar li.active span.bar {
	background-color: var(--buttonbgcolor, #dfdfdf);
	transform: skewX(-28deg);
}

ul.progressstatusbar li.active span.number {
	background: var(--buttonbgcolor, #dfdfdf);
	color: #ffffff;
}

ul.progressstatusbar li.active p {
	float: left;
	margin-top: 4px;
	margin-bottom: 0;
	max-width: 100%;
	width: auto;
	white-space: nowrap;
	overflow: hidden;
}

/* active */
ul.progressstatusbar li {
	color: #bebebe;
}

ul.progressstatusbar li span.bar {
	background-color: #bebebe;
	transform: skewX(-30deg);
}

span.number {
	background: #bebebe;
	color: #ffffff;
}

ul.progressstatusbar li:first-of-type>span.number {
	margin-left: 0;
}

ul.progressstatusbar li:first-of-type span.bar::before {
	content: "";
	background-color: #bebebe;
	font-weight: bold;
	height: 10px;
	width: 15px;
	position: absolute;
	left: -3px;
	skew: 0;
	transform: skewX(28deg);
	top: 0px;
}

ul.progressstatusbar li.active:first-of-type span.bar::before {
	background-color: var(--buttonbgcolor, #dfdfdf);
	content: "";
	font-weight: bold;
	height: 10px;
	width: 15px;
	position: absolute;
	left: -4px;
	skew: 0;
	transform: skewX(28deg);
	top: 0px;
}

/* opt in bar for modal */
.modal_frame #container {
	padding: 0;
}

.modal_actionbar {
	border-bottom: 1px solid #f1f1f1;
	box-shadow: none;
	-webkit-box-shadow: none;
}

.exporttrans {
	display: block;
	text-align: center;
	font-size: 1rem;
}

/* Main container */

/* media library */
.cbp-vm-switcher {
	padding: 5px 25px 20px 10px;
}

.cbp-vm-switcher .SubTitle {
	color: #22282c;
	padding-left: 0;
	background: transparent;
	border-top: 0;
	border-right: 0;
	border-left: 0;
	border-bottom: 1px solid #eee;
}

.cbp-vm-switcher .SubTitle:first-of-type {
	margin-top: 10px;
}

/* options/select wrapper with switch anchors */
.cbp-vm-options {
	text-align: right;
	padding-bottom: 10px;
	border-bottom: 3px solid #47a3da;
}

.cbp-vm-options a {
	display: inline-block;
	width: 40px;
	height: 40px;
	overflow: hidden;
	white-space: nowrap;
	color: #d0d0d0;
	margin: 2px;
}

.cbp-vm-options a:hover, .cbp-vm-options a.cbp-vm-selected {
	color: #47a3da;
}

.cbp-vm-options a:before {
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 1.875rem;
	text-align: center;
	display: inline-block;
}

/* General style of switch items' list */
.cbp-vm-switcher ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

/* Clear eventual floats */
.cbp-vm-switcher ul:before, .cbp-vm-switcher ul:after {
	content: " ";
	display: table;
}

.cbp-vm-switcher ul:after {
	clear: both;
}

.cbp-vm-switcher ul li {
	display: inline-block;
	position: relative;
	width: 100%;
}

.cbp-vm-switcher ul li.li-header {
	border-top: 2px solid var(--buttonbgcolor, #dfdfdf);
	text-align: left;
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 5px;
	border-bottom: 1px solid #dddddd;
	box-sizing: border-box;
}

.cbp-vm-switcher ul li.li-header .imagehead {
	width: 150px;
	margin-right: 0;
}

.cbp-vm-switcher ul li.li-header .cbp-vm-details {
	color: #000;
}

.cbp-vm-title {
	margin: 0;
	padding: 0;
	text-align: center;
}

.cbp-vm-title>a {
	color: var(--hl);
	text-decoration: none;
	font-size: 1rem;
}

.cbp-vm-add {
	color: #fff;
	background: #47a3da;
	padding: 10px 20px;
	border-radius: 2px;
	margin: 20px 0 0;
	display: inline-block;
	transition: background 0.2s;
}

.cbp-vm-add:hover {
	color: #fff;
	background: #02639d;
}

.cbp-vm-add:before {
	margin-right: 5px;
}

/* Common icon styles */
.cbp-vm-icon:before {
	font-family: 'fontawesome';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
}

.cbp-vm-grid:before {
	content: "\f00a";
}

.cbp-vm-list:before {
	content: "\f00b";
}

.cbp-vm-add:before {
	content: "\f055";
}

/* Individual view mode styles */

/* Large grid view */
.cbp-vm-view-grid ul li {
	width: 350px;
	text-align: center;
	padding: 25px 0 15px 0;
	margin: 5px 60px 5px 0;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	border-bottom: 0;
}

.cbp-vm-view-grid ul li img {
	display: block;
	width: auto;
	margin: 0 auto;
	max-width: 350px;
	max-height: 262px;
	cursor: pointer;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

div.ssMediaLibrary.cbp-vm-view-grid ul li img {
	margin: 0 auto;
}

.cbp-vm-view-grid ul li .imagewrap span.tile {
	cursor: pointer;
	height: 262px;
	width: 100%;
	position: absolute;
	z-index: 10;
	opacity: 0;
	padding-left: 0;
	padding-right: 0;
	color: #fff !important;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.cbp-vm-view-grid ul li .imagewrap:hover .tile {
	opacity: .8;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.cbp-vm-view-grid ul li .imagewrap:hover .tile:after {
	display: block;
	margin-top: 48px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 10rem;
	font-family: 'Font Awesome 6 Pro';
	content: "\f144";
}

.cbp-vm-view-grid ul li .imagewrap:hover .image:after {
	font-size: 8.125rem;
	font-family: 'Font Awesome 6 Pro';
	font-weight: 600;
	content: "\f002";
	margin-top: 52px;
}

.cbp-vm-view-grid ul li span.imagewrap {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 262px;
	background: #f8f8f8;
}

.cbp-vm-view-grid ul li span.imagewrap p {
	position: absolute;
	bottom: 14px;
	display: block;
	width: 100%;
	text-align: center;
	color: #444;
}

.cbp-vm-view-grid ul li p {
	font-size: 0.875rem;
	font-weight: bold;
	line-height: 150%;
	color: #a3a3a3;
	text-align: left;
	margin-top: 3px;
	margin-bottom: 0px;
	word-wrap: break-word;
}

.cbp-vm-view-grid:not(.ssMediaLibrary) ul li a {
	color: var(--buttonbgcolor, #dfdfdf);
	display: inline-block;
	font-size: 0.875rem;
	background: #f4f4f4;
	text-decoration: none;
	margin: 10px 0 0 0;
	padding: 7px;
	box-sizing: border-box;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	transition: background 0.5s ease;
	-moz-transition: background 0.5s ease;
	-ms-transition: background 0.5s ease;
	-webkit-transition: background 0.5s ease;
	-o-transition: background 0.5s ease;
}

.cbp-vm-view-grid ul li a .fa, .cbp-vm-view-grid ul li a .fas,
	.cbp-vm-view-grid ul li a .far, .cbp-vm-view-grid ul li a .fal,
	.cbp-vm-view-grid ul li a .fab {
	padding-right: 5px;
}

.cbp-vm-view-grid ul li a:hover {
	background: var(--buttonbgcolor, #dfdfdf);
	color: #fff;
	transition: background 0.5s ease;
	-moz-transition: background 0.5s ease;
	-ms-transition: background 0.5s ease;
	-webkit-transition: background 0.5s ease;
	-o-transition: background 0.5s ease;
}

.cbp-vm-view-grid .cbp-vm-details {
	float: left;
	padding: 0 10px 2px 0;
	font-size: 0.875rem;
	margin: 4px 10px 0px 0;
	width: 100%;
	box-sizing: border-box;
	word-wrap: break-word;
}

.cbp-vm-view-grid .cbp-button-wrapper {
	display: inline-block;
	width: 100%;
}

.cbp-vm-view-grid .cbp-vm-details span {
	font-weight: bold;
	margin-right: 5px;
}

.cbp-vm-details {
	color: #a3a3a3;
}

.cbp-vm-view-grid:not(.ssMediaLibrary) .listbuttonwrapper {
	display: inline-block;
	width: 100%;
	margin: 5px 0 0 0;
}

.cbp-vm-view-grid .cbp-vm-details.button {
	float: left;
	width: auto;
	margin-top: 0;
	margin-right: 0px;
	border: 0;
}

.cbp-vm-view-grid li.li-header {
	display: none;
}

.cbp-vm-view-grid  .cbp-vm-details:empty {
	display: none;
}

.cbp-vm-view-grid .clear {
	clear: both;
}

.cbp-vm-view-list .clear {
	display: none;
}

.cbp-vm-view-grid .cbp-vm-details>.textreadonly_container,
	.cbp-vm-view-list .cbp-vm-details>.textreadonly_container,
	.cbp-vm-details>.textcontainer .textreadonly_container {
	padding: 0;
	line-height: unset;
}
/* List view */
.cbp-vm-view-list li {
	padding: 15px 0;
	text-align: left;
	border-bottom: 1px solid #eee;
}

.cbp-vm-view-list li .cbp-button-wrapper {
	float: right;
	width: 145px;
}

.cbp-vm-view-list li .imagewrap span.tile {
	cursor: pointer;
	height: 112px;
	width: 150px;
	position: absolute;
	z-index: 10;
	opacity: 0;
	left: 0;
	padding-left: 0;
	padding-right: 0;
	color: #fff !important;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.cbp-vm-view-list li .imagewrap:hover .tile, div.ssMediaLibrary-listview li>span:is(:hover,
	:focus) .tile, div.ssMediaLibrary-listview a.ssMediaLibrary-listview-media:hover .tile
	{
	opacity: .8;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.cbp-vm-view-list li .imagewrap:hover .tile:after, div.ssMediaLibrary-listview li>span:is(:hover,
	:focus) .tile:after, div.ssMediaLibrary-listview a.ssMediaLibrary-listview-media:hover .tile:after
	{
	display: inline-block;
	margin: 0 auto;
	margin-top: 20px;
	margin-left: 0px;
	font-size: 4.25rem;
	font-family: 'Font Awesome 6 Pro';
	content: "\f144";
}

.cbp-vm-view-list li .imagewrap:hover .image:after, div.ssMediaLibrary-listview li>span:is(:hover,
	:focus) .image:after, div.ssMediaLibrary-listview a.ssMediaLibrary-listview-media:hover .image:after
	{
	font-size: 3.4375rem;
	font-family: 'Font Awesome 6 Pro';
	content: "\f002";
	margin-top: 24px;
	margin-left: 0px;
}

.cbp-vm-view-list li span.imagewrap {
	position: relative;
	float: left;
	width: 150px;
	height: 112px;
	margin-right: 10px;
	background: #f8f8f8;
	text-align: center;
}

.cbp-vm-view-list ul li span.imagewrap p {
	position: absolute;
	bottom: 7px;
	display: block;
	width: 100%;
	text-align: center;
	color: #444;
	font-size: 0.75rem;
}

.cbp-vm-view-list li span.imagewrap:focus, .cbp-vm-view-grid ul li span.imagewrap:focus,
	body:not(.reportwrapper) div.list_container:not(.reportDiv) div.ssMediaLibrary-listview:not(.ssMediaLibrary-hidethumbnails):not(.preventstreaming) li.ssMediaLibrary-type-audiovideo>span:is(:hover,
	:focus), body:not(.reportwrapper) div.list_container:not(.reportDiv) div.ssMediaLibrary-listview:not(.ssMediaLibrary-hidethumbnails) li.ssMediaLibrary-type-image>span:is(:hover,
	:focus), div.ssMediaLibrary-listview:not(.ssMediaLibrary-hidethumbnails):not(.preventstreaming) li.ssMediaLibrary-type-audiovideo a.ssMediaLibrary-listview-media:is(:hover,
	:focus), div.ssMediaLibrary-listview:not(.ssMediaLibrary-hidethumbnails) li.ssMediaLibrary-type-image a.ssMediaLibrary-listview-media:is(:hover,
	:focus) {
	outline: 2px solid var(--buttonbgcolor, #dfdfdf);
}

.cbp-vm-view-list li p {
	font-size: 0.875rem;
	font-weight: bold;
	text-align: left;
	margin: 0px;
	word-wrap: break-word;
}

.cbp-vm-view-list li:only-child, .cbp-vm-view-list li:last-child {
	border-bottom: 0;
}

.cbp-vm-view-list:not(.ssMediaLibrary) ul li a {
	color: var(--buttonbgcolor, #dfdfdf);
	display: inline-block;
	font-size: 0.875rem;
	background: #f4f4f4;
	text-decoration: none;
	margin: 0 0 0 0;
	padding: 7px;
	width: 125px;
	box-sizing: border-box;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	transition: background 0.5s ease;
	-moz-transition: background 0.5s ease;
	-ms-transition: background 0.5s ease;
	-webkit-transition: background 0.5s ease;
	-o-transition: background 0.5s ease;
}

.cbp-vm-view-list ul li a .fa, .cbp-vm-view-list ul li a .fas,
	.cbp-vm-view-list ul li a .far, .cbp-vm-view-list ul li a .fal,
	.cbp-vm-view-list ul li a .fab {
	padding-right: 5px;
}

.cbp-vm-view-list ul li a:hover, .cbp-vm-view-list ul li a:focus {
	background: var(--buttonbgcolor, #dfdfdf);
	color: #fff;
	transition: background 0.5s ease;
	-moz-transition: background 0.5s ease;
	-ms-transition: background 0.5s ease;
	-webkit-transition: background 0.5s ease;
	-o-transition: background 0.5s ease;
}

.cbp-vm-view-list .cbp-vm-image, .cbp-vm-view-list .cbp-vm-title,
	.cbp-vm-view-list .cbp-vm-details, .cbp-vm-view-list .cbp-vm-add {
	display: inline-block;
	vertical-align: middle;
}

.cbp-vm-view-list .cbp-vm-image {
	max-width: 150px;
	max-height: 112px;
	margin: 0 auto;
	cursor: pointer;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	background-size: cover;
	background-position-x: center;
}

.cbp-vm-view-list .cbp-vm-title {
	float: left;
	width: 29%;
	margin-right: 30px;
	margin-top: 10px;
	word-break: break-all;
	clear: inherit;
}

.cbp-vm-view-list .cbp-vm-title.filename {
	width: 250px;
}

.cbp-vm-view-list .cbp-vm-details.filename {
	margin-bottom: 4px;
}

.cbp-vm-view-list .cbp-vm-details {
	float: left;
	font-size: 0.8125rem;
	width: 29%;
	margin-right: 30px;
	margin-bottom: 7px;
	word-break: break-word;
	clear: inherit;
}

.cbp-vm-view-list .cbp-vm-details.timedate {
	width: 135px;
}

.cbp-vm-view-list .cbp-vm-details.button {
	float: right;
	width: auto;
	margin: 5px 10px 0 0;
}

.cbp-vm-view-list .cbp-vm-details span {
	font-weight: bold;
	margin-right: 5px;
}

.cbp-vm-view-list .cbp-vm-add {
	margin: 0;
}

.btn-group.mediaplayer {
	float: right;
	margin-right: 45px;
}

.btn-group.mediaplayer>.btn, .btn-group.mobilesearch>.btn, .buttonToggle
	{
	background: #f4f4f4 !important;
	border: 1px solid #ccc !important;
	outline: 0;
}

.btn-group.mediaplayer>.btn.active, .btn-group.mobilesearch>.btn.active,
	.buttonToggle.active {
	background: var(--buttonbgcolor, #dfdfdf) !important;
	border: 1px solid var(--buttonbgcolor, #dfdfdf);
	border-color: var(--buttonbgcolor, #dfdfdf);
	background-repeat: repeat-x;
}

div.ssMediaLibrary .btn-group.mediaplayer>.btn.active {
	border-radius: 4px;
}

.btn-group.mediaplayer>.btn .fas, .btn-group.mobilesearch>.btn .fas,
	.btn-group.mobilesearch>.btn .far, .buttonToggle {
	color: var(--buttonbgcolor, #dfdfdf) !important;
}

.btn-group.mediaplayer>.btn.active .fas, .btn-group.mobilesearch>.btn.active .fas,
	.btn-group.mobilesearch>.btn.active .far, .buttonToggle.active {
	color: var(--buttonfontcolor) !important;
}

/* mobile link modal */
.mobilecapture {
	padding: 20px 20px 20px 20px;
	box-sizing: border-box;
}

.mobilecapture h1 {
	background: var(--buttonbgcolor, #dfdfdf);
	font-size: 1.375rem;
	font-weight: normal;
	display: inline-block;
	padding: 6px 10px;
	margin-top: 0;
	box-sizing: border-box;
	color: #fff;
	border-radius: 5px;
}

.mobilecapture h1:empty {
	display: none;
}

.mobilecapture h2 {
	font-weight: normal;
	padding-top: 0;
	margin-top: 0;
}

.mobilecapture .left {
	float: left;
	width: 45%;
	padding: 15px 20px;
	box-sizing: border-box;
}

.mobilecapture .left p {
	font-size: 1.125rem;
	padding: 0;
	margin: 5px 0 0 0;
	text-align: center;
}

.mobilecapture img {
	display: block;
	margin: auto;
	padding-top: 20px;
}

.mobilecapture .right {
	float: right;
	width: 55%;
	padding: 15px 30px;
	border-left: 1px solid #fff;
	box-sizing: border-box;
}

.mobilecapture .sms {
	margin-top: 25px;
}

.mobilecapture .sms p {
	margin-bottom: 10px;
}

.mobilecapture .sms .capturetitle {
	font-weight: bold;
	padding-top: 15px;
	border-top: 1px solid #fff;
}

.mobilecapture .sms .url {
	word-break: break-all;
}

.mobilecapture .right .sms input[type="text"] {
	width: 60%;
	margin-right: 10px;
}

.mobilecapture .formwrapper {
	display: inline-block;
	width: 100%;
	margin-top: 10px;
	box-sizing: border-box;
	background: #f7f8f8;
}

.mobilecapture .right p.header {
	font-size: 1.125rem;
	padding: 0;
	margin: 5px 0 0 0;
	text-align: center;
}

.mediaplayerwrapper {
	display: block;
	width: 95%;
	margin: 0 auto;
}

.mediaplayerwrapper.public {
	width: 1130px;
	padding-top: 20px;
}

.mediaplayerwrapper.public .videoplayerwrapper {
	float: left;
	width: auto;
	background: #fff;
	padding: 10px;
	box-sizing: border-box;
}

.videoplayerwrapper {
	float: left;
	width: auto;
}

.audioplayerwrapper {
	float: left;
	margin-right: 30px;
	background: #fff;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
	display: inline-block;
	padding: 20px;
}

.timewrapper {
	display: inline-block;
	width: 100%;
	margin-bottom: 5px;
}

.buttonwrapper {
	display: inline-block;
	width: 100%;
	padding: 10px 0 4px 0;
	box-sizing: border-box;
}

.fullbody {
	height: 100%;
}

.viewvideo {
	background: #f5f5f5 !important;
	padding: 0 !important;
	min-height: 100%;
}

.viewvideo .note_wedge {
	height: 75% !important;
}

.metadata {
	display: inline-block;
	width: 100%;
	border: 1px solid #EEE;
	margin: 10px 0 10px 0;
	padding: 5px;
	box-sizing: border-box;
	clear: right;
	border: 0;
	background: #fff;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
}

.metadata tr {
	display: inline-block;
	width: 24%;
	vertical-align: top;
}

.metadata label {
	font-size: 0.8125rem;
}

.metadata .Form {
	font-size: 0.8125rem;
}

.metadata th {
	min-width: 70px;
	max-width: 100px;
	width: 100px;
	box-sizing: border-box;
	text-align: right;
}

.annowrapper {
	height: 100%;
	overflow: auto;
}

.annopanel.video {
	background: #f5f5f5;
	width: 297px;
}

.annopanel.video>.time {
	text-align: right;
	display: inline-block;
	padding-bottom: 9px;
	color: #000;
	padding: 4px;
	box-sizing: border-box;
	border-radius: 4px;
	margin-bottom: 5px;
	background: rgba(255, 255, 255, 0.6);
}

.buttonwrapper input[type="button"], .buttonwrapper form {
	float: left;
	margin: 0 2px 0 0;
}

.urlwrapper {
	display: inline-block;
	box-sizing: border-box;
	margin: 8px 0px 0 6px;
	border-top: 1px solid #f5f5f5;
}

.urlwrapper .left {
	width: 100%;
}

.urlwrapper .left p:first-child {
	font-weight: bold;
	font-size: 0.8125rem;
	padding-top: 0;
	margin: 10px 0 5px 0;
}

.urlwrapper .left p:last-child {
	font-size: 0.75rem;
	margin-top: 4px;
	word-break: break-all;
}

.urlwrapper .right {
	width: 100%;
}

.urlwrapper .right p:first-child {
	font-size: 0.8125rem;
	font-weight: bold;
	padding-top: 0;
	margin: 10px 0 5px 0;
}

.urlwrapper .right p:last-child {
	font-size: 0.75rem;
	margin-top: 4px;
	word-wrap: break-word;
}

.loghistory {
	margin: 10px 0;
}

.loghistory_by {
	margin: 6px 0 4px 0;
	padding: 0 0 8px 0;;
	font-size: 0.75rem;
	font-weight: 500;
	border-bottom: 1px #eee solid;
}

.loghistory_body {
	margin: 12px 0 2px 0;
	font-size: 0.9375rem;
	line-height: 18px;
}

span.noteentry {
	white-space: pre;
}

.audioplayerwrapper .jp-title {
	font-size: 0.875rem;
}

#playlistdiv {
	float: none;
	width: auto;
	margin-left: 15px;
	max-height: 394px;
	overflow-y: auto;
	overflow-x: hidden;
	border: 0;
	background: #fff;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.mediaplayerwrapper.public #playlistdiv {
	max-height: 414px;
}

.mediaplayerwrapper.public .playlist p {
	margin-top: 0;
	word-break: break-all;
	float: none;
}

.playlist {
	display: inline-block;
	width: 100%;
	height: auto;
	padding: 10px;
	box-sizing: border-box;
	transition: background 0.2s ease;
}

.playlist:hover {
	text-decoration: underline;
	background: #f8f8f8;
	transition: background 0.2s ease;
}

.playlist span {
	float: left;
	width: 150px;
	height: 112px;
	margin-right: 10px;
	background: #f8f8f8;
}

.playlist p {
	float: none;
	margin-top: 0;
}

.playlist span img {
	width: auto;
	max-width: 150px;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.comment {
	display: none;
	background: #fafafa;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
}

.comment label {
	float: left;
	vertical-align: top;
	padding: 5px 10px 0 0;
	width: 80px;
}

.comment textarea {
	width: 90%;
	height: 60px;
}

.comment input.ReadOnly {
	background: transparent;
	border: 0;
	box-shadow: none;
}

.comment input.ReadOnly:focus {
	background: transparent;
	border: 0;
	box-shadow: none;
	outline: none;
	outline-width: 0;
}

.comment .runtime {
	display: inline-block;
	width: 100%;
	margin-bottom: 10px;
}

.comment .comments {
	display: inline-block;
	width: 100%;
}

.buttonshelf {
	display: block;
	background: #fff;
	padding: 5px 20px;
	border-top: 1px solid #eee;
	clear: right;
	text-align: center;
}

.inputwrapper {
	display: inline-block;
	padding: 10px 20px;
}

div.editcellwrapper {
	box-sizing: border-box;
	background: #f9f9f9;
	border-bottom: 1px solid #ccc;
}

div.editcellwrapper>div.editcell, div.editcellwrapper>div.editcell>label:first-child,
	div.editcellwrapper>div.editcell>div {
	display: inline-block;
}

div.editcellwrapper>div.editcell>label:first-child {
	margin: 0 5px;
	text-align: right;
}

div.editcellwrapper>div.editcell>div>input:not([type="checkbox"]), div.editcellwrapper>div.editcell>div>select
	{
	width: 100%;
}

.configtable {
	padding: 10px 0 0 0;
	overflow-y: hidden;
	overflow-x: auto;
}

.headcolm {
	background: #f9f9f9;
}

.rownumber, .columnnumber {
	width: 50px;
}

.annotatevideo {
	width: 100%;
	position: absolute;
	z-index: 1000;
}

.closecaption {
	display: grid;
}

.closecaption .filter {
	display: inline-block;
	width: 100%;
	padding: 10px 0 10px 20px;
	border-bottom: 1px solid #ccc;
	box-sizing: border-box;
	white-space: nowrap;
}

.closecaption .filter:first-of-type {
	background: #f5f5f5;
}

.closecaption .filter label {
	padding: 5px 10px 0 0;
}

.closecaption .filter .language {
	display: inline-block;
	width: auto;
	margin-right: 20px;
}

.closecaption .input-group {
	display: inline-block;
	vertical-align: top;
}

.closecaption .filter .input-group-btn {
	display: inline-block;
	vertical-align: top;
}

.closecaption .upload {
	display: inline-block;
}

.closecaption .filter .fileupload {
	display: inline-block;
	white-space: nowrap;
	vertical-align: top;
}

.closecaption .frmtranslate {
	display: inline-block;
	width: 100%;
	padding: 5px 0 5px 20px;
	border-bottom: 1px solid #ccc;
	box-sizing: border-box;
	white-space: nowrap;
}

.closecaption .autotranslate {
	display: inline-block;
}

.closecaption .langcode {
	display: inline-block;
	margin-left: 10px;
	white-space: nowrap;
}

.closecaption .availablecc {
	display: inline-block;
	width: 100%;
	padding: 5px 0 50px 20px;
	box-sizing: border-box;
}

.closecaption .availablecc p {
	font-size: 1.125rem;
	margin: 10px 0 15px 0;
}

.closecaption .langoption {
	float: left;
}

.closecaption .langoption span {
	float: left;
}

.closecaption .langoption span a {
	color: var(--buttonbgcolor, #dfdfdf);
	float: left;
	font-size: 0.875rem;
	background-color: #f5f5f5;
	position: relative;
	display: block;
	padding: 5px 10px;
	margin-right: 5px;
	border-radius: 4px;
	cursor: pointer;
	text-decoration: none;
	webkit-transition: all 100ms linear;
	-moz-transition: all 100ms linear;
	-o-transition: all 100ms linear;
	-ms-transition: all 100ms linear;
	transition: all 100ms linear;
}

.closecaption .langoption span a:hover {
	background-color: var(--buttonbgcolor, #dfdfdf);
	color: var(--buttonfontcolor);
	webkit-transition: all 100ms linear;
	-moz-transition: all 100ms linear;
	-o-transition: all 100ms linear;
	-ms-transition: all 100ms linear;
	transition: all 100ms linear;
}

.closecaption pre {
	display: inline-block;
	margin-top: 10px;
	height: 200px;
	width: 100%;
}

.closecaption #footer {
	display: none;
}

.processmsg {
	font-size: 1.25rem;
	background: #bbb;
	display: inline-block;
	padding: 11px;
	color: #fff;
	float: left;
	margin: 10px 20px 10px 0;
	margin-left: 20px;
	margin-top: 12px;
	border-radius: 4px;
}

/* Mobile Capture URL */
.mobileupload {
	background: #fff;
	width: 700px;
	margin: 0 auto;
	margin-top: 20px;
	padding: 5px 20px 20px 20px;
	box-sizing: border-box;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, .1);
}

.mobileupload h1 {
	font-size: 1.5rem;
	font-weight: normal;
	color: #22282c;
	padding-bottom: 5px;
	text-align: left;
	border-bottom: 1px solid #eee;
}

.mobileupload h1 .fa, .mobileupload h1 .fas, .mobileupload h1 .far,
	.mobileupload h1 .fal, .mobileupload h1 .fab {
	font-size: 1.5625rem;
	padding-right: 5px;
}

.mobileupload .formwrapper {
	display: inline-block;
	margin: 10px 0;
	width: 100%;
}

.mobileupload .formwrapper input.Lookup, .mobileupload .formwrapperinput.LookupBlur
	{
	width: calc(100% - 100px);
	height: 40px;
	min-width: unset;
	max-width: unset;
}

.mobileupload .formwrapper  .btn-lookupLeft {
	font-size: 1rem;
	padding: 8px 10px 8px 10px;
	height: 100%;
	line-height: 22px;
}

.mobileupload .uploadbutton {
	margin-top: 5px;
}

.mobileupload .uploadbutton .button {
	font-size: 1rem;
	font-weight: bold;
	padding: 6px;
	width: 650px;
}

.mobileupload p.success {
	color: var(--buttonbgcolor, #dfdfdf);
	font-size: 1.25rem;
	text-align: center;
	margin-bottom: 5px;
}

.mobileupload p.success:before {
	content: '\f00c';
	font-family: FontAwesome;
	height: 39px;
	background-repeat: no-repeat;
	margin: 0 auto;
	display: block;
	font-size: 3.75rem;
	margin-bottom: 30px;
}

.mediasearch {
	margin-top: 5px;
	padding: 10px 15px;
}

.mediasearch:after {
	clear: both;
	display: block;
	content: "";
}

.mediasearch .search_fields {
	width: unset;
}

.mediasearch #searchoptionscontainer {
	display: inline-block;
	position: relative;
}

p.searchoptions {
	margin: 7px 0 10px 0;
	color: #444;
	font-size: 0.875rem;
}

.filterbutton {
	float: left;
	width: auto;
	margin-right: 5px;
}

.filterbutton.photo label span:before {
	content: "\f030";
}

.filterbutton.audio label span:before {
	content: "\f028";
}

.filterbutton.video label span:before {
	content: "\f03d";
}

.filterbutton.allmedia span {
	padding-left: 14px;
}

.filterbutton label span:before {
	position: absolute;
	font-family: 'Font Awesome 6 Pro';
	font-weight: 600;
	top: 4px;
	left: 7px;
	color: #000;
}

.filterbutton input:checked+span {
	color: var(--buttonfontcolor);
	background: var(--buttonbgcolor, #dfdfdf);
	border: 1px solid var(--buttonbgcolor, #dfdfdf);
	border-color: var(--buttonbgcolor, #dfdfdf);
}

.filterbutton input:checked+span:before {
	color: #fff;
}

.filterbutton label {
	float: left;
	width: auto;
}

.filterbutton label span {
	position: relative;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	display: inline-block;
	padding: 4px 14px 4px 28px;
	margin: 0px 2px;
	font-size: 0.875rem;
	line-height: 20px;
	background: #f4f4f4;
	border: 1px solid #ccc;
	outline: 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px
		rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px
		rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px
		rgba(0, 0, 0, 0.05);
	cursor: pointer;
}

.filterbutton input:checked+span {
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	background-repeat: repeat-x;
}

.filterbutton label input {
	position: absolute;
	top: -20px;
	visibility: hidden;
}

#filteroptionsdiv {
	width: 450px;
	max-width: 450px;
	padding-bottom: 10px;
}

#filteroptionsdiv P {
	font-size: 0.875rem;
	color: #bebebe;
	margin: 9px 0;
}

.mediasearchwrapper {
	padding: 20px;
}

#resultmsg h1 {
	color: var(--buttonbgcolor, #dfdfdf);
	font-size: 3.125rem;
	margin-bottom: 0;
	text-align: center;
}

#resultmsg p {
	font-size: 1.5625rem;
	color: #595959;
	margin-top: 10px;
	text-align: center;
}

#resultmsg div {
	float: left;
	padding: 9px;
	font-size: 1.0625rem;
	margin-left: 10px;
	margin-top: -25px;
	margin-bottom: 16px;
	background: #f4f4f4;
}

#resultmsg div span {
	color: var(--buttonbgcolor, #dfdfdf);
	float: right;
	font-weight: bold;
	padding-left: 5px;
}

#resultmsg:after {
	clear: both;
	display: block;
	content: "";
}

p.systitle {
	font-size: 1.0625rem;
	margin-bottom: 1px;
	padding-bottom: 5px;
}

.systable {
	padding-top: 1px;
	border-top: 1px solid #d7d7d7;
}

.container.sys {
	padding-top: 10px;
}

.container.sys .object_name {
	color: var(--titlefontcolor);
	margin: 0;
	padding: 5px 0 0 0;
}

.container.sys .noresults {
	background: #eee;
	padding: 10px;
	font-weight: 500;
}

.container.sys .list_container {
	margin-top: 15px;
	border-bottom: 1px #EEEEEE solid;
	padding: 0px 0px 9px 0;
	margin: 15px 20px 25px 20px;
	-moz-box-shadow: inset 0 -11px 10px -6px rgba(200, 200, 200, 0.1);
	-webkit-box-shadow: inset 0 -11px 10px -6px rgba(200, 200, 200, 0.1);
	box-shadow: inset 0 -11px 10px -6px rgba(200, 200, 200, 0.1);
}

.container.sys .list_container tr:last-child>td {
	border-bottom: 0;
}

.container.sys td {
	vertical-align: top;
	padding: 8px;
}

.container.sys th {
	padding: 4px 8px 4px 8px;
	line-height: 150%;
}

.container.sys .parentid {
	width: 5%;
	min-width: 66px;
}

.container.sys .parentname {
	width: 10%;
	min-width: 91px;
}

.container.sys .name {
	width: 25%;
}

.container.sys .summaries {
	width: 55%;
}

.container.sys .field {
	font-weight: bold;
}

.container.sys .search_term {
	float: left;
	color: #444;
	margin: 10px 0 0 0;
}

.container.sys .hightlight_term {
	float: none;
	color: #de0000;
	margin-left: 0;
}

/* Account Activation Screen */
.accountactivate, .securepass {
	background: #f9f9f9;
	padding-top: 30px;
}

.activate, .securepasswrapper {
	width: 595px;
	margin: 0 auto !important;
	padding-top: 0 !important;
	background: #fff;
	border: 1px solid #f4f4f4;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-sizing: border-box;
}

.activate {
	width: 700px;
}

.activate h1, .securepasswrapper h1 {
	font-size: 1.75rem;
	font-weight: normal;
	padding: 5px 0 15px 0;
	border-bottom: 1px solid #f4f4f4;
}

.beta_improvedmessaging .activate h1, .beta_improvedmessaging .securepasswrapper h1
	{
	border-bottom: 3px solid #f4f4f4;
}

.securepasswrapper h2, .securepasswrapper label {
	display: block;
	font-size: 1.25rem;
	font-weight: normal;
	padding: 5px 0px 10px 0px;
	margin: 25px 0 0 0;
}

.securepasswrapper input[type="text"]:not(.form-control) {
	height: 55px;
	width: 100%;
	font-size: 1.125rem;
}

.securepasswrapper .buttonwrapper {
	margin-top: 5px;
}

.activate .Form {
	font-weight: normal;
	text-align: left;
}

.activate #content, .securepasswrapper #content {
	padding: 0 0 20px 0;
}

.securepasswrapper #content .instructions {
	display: inline-block;
	padding: 8px;
	margin: 3px 0 0 0;
	background: #f9f9f9;
	border: 1px solid #eee;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.securepasswrapper .footer {
	display: block;
	margin: 25px 0 0 0;
	padding-top: 20px;
	border-top: 1px solid #f4f4f4;
}

.securepasswrapper .footer:empty {
	padding-top: 0;
	border: 0;
}

.securepasswrapper .footer:after {
	clear: both;
	display: block;
	content: "";
}

.securepasswrapper .footer p {
	margin: 0;
}

.securepasswrapper .authimage {
	float: right;
	margin-top: 10px;
}

.securepasswrapper .authimage img {
	height: 70px;
}

.securepasswrapper .time {
	float: left;
	font-size: 0.75rem;
	line-height: 22px;
}

.securepasswrapper .warningmessage {
	margin: 20px 0 0 0;
}

.securepasswrapper .warningmessage span+span {
	width: 94%;
	line-height: 22px;
}

.securepasswrapper .warningmessage span:nth-child(1) {
	height: 57px;
	padding-top: 20px;
}

.securepasswrapper textarea {
	width: 100%;
}

.securepasswrapper .handshakewrapper {
	padding: 10px 0;
	text-align: center;
}

.securepasswrapper .handshaking {
	display: block;
	vertical-align: middle;
	padding: 15px 0 10px 0;
	margin: 0;
	font-size: 1.5rem;
	text-align: center;
}

.activate input[type="text"], .activate input[type="password"] {
	width: 360px;
}

.activate .Submit {
	background: transparent;
	border: 0;
	padding-top: 15px;
}

.beta_improvedmessaging .activate .Submit {
	background: #EEE;
	border: 0;
	padding: 5px;
}

.activate .Submit input[type="submit"], .securepasswrapper input[type="submit"],
	.securepasswrapper input[type="Button"] {
	font-size: 1.0625rem;
	padding: 6px 10px !important;
}

.activate .warningmessage, .activate .requestaccept {
	margin: 0 0 10px 0;
}

/* emulate mode */
.topbar {
	border-bottom: 1px solid var(--buttonbgcolor, #dfdfdf);
	font-size: 0.875rem;
	right: 0;
	left: 0;
	padding: 2px 0px;
	margin-right: auto;
	margin-left: auto;
	z-index: 999;
	text-align: center;
	background: #d7d7d7;
	-webkit-box-shadow: -4px 1px 31px -4px rgba(0, 0, 0, 0.21);
	-moz-box-shadow: -4px 1px 31px -4px rgba(0, 0, 0, 0.21);
	box-shadow: -4px 1px 31px -4px rgba(0, 0, 0, 0.21);
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.topbar>div {
	position: relative;
	display: inline-block;
	padding: 0px 15px;
	color: #000;
	vertical-align: top;
}

.topbar>div.previewcaption {
	padding: 7px 15px;
}

.topbar.message {
	background: #eb940b;
	border-bottom: 0;
}

.topbar.message.privacypolicy, .topbar.message.privacypolicy div.icon {
	background: #D84A49;
}

.topbar.message>div {
	font-size: 0.875rem;
	font-weight: bold;
	color: #333333;
	border-right: 1px solid #fff;
}

.topbar.message>div:only-child {
	border-right: 0;
}

.topbar.message>div.viewing {
	border-right: 0;
	padding: 3px 15px 6px;
}

.topbar.message>div span {
	font-weight: normal;
}

.topbar.message div.icon {
	display: inline-block;
	background: #eb940b;
	color: #333333;
	margin-right: 3px;
}

.topbar.message div.icon .fa, .topbar.message div.icon .fas, .topbar.message div.icon .far,
	.topbar.message div.icon .fal, .topbar.message div.icon .fab {
	padding: 5px 0 0 0;
}

.emulate>div:after {
	position: absolute;
	font-family: FontAwesome;
	font-size: 0.875rem;
	color: #eb940b;
	top: 9px;
	right: -30px;
	margin-right: 20px;
	content: "\f007";
}

.custabcontainer_in table.Form:first-of-type.passwrapper {
	margin: auto;
}

.centerlayout input[type='radio'] {
	float: left;
	box-shadow: none;
	-webkit-box-shadow: none;
}

.centerlayout .ajaxLookUpContainer+input[type="button"] {
	margin-left: 10px;
}

.centerlayout .ajaxLookUpContainer+i.text-help {
	margin-left: 22px;
}

#selectFilesButtonContainer .Button {
	width: auto !important;
	float: left;
}

.modeDiv, #reorderModeDiv, #annoModeDiv, #portalConfigModeDiv {
	position: absolute;
	padding: 15px 20px 15px 20px;
	z-index: 999;
	text-align: left;
	background: #eee;
	border: 1px solid #ddd;
	border-top: 0;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	right: 0;
	left: 0;
	margin: 0 auto;
	width: 240px;
	height: 35px;
}

#batchUpdateDiv {
	height: 55px;
}

#batchUpdateDiv .title {
	float: none;
}

#batchUpdateDiv p {
	margin-bottom: 1px;
}

#batchUpdateDiv .fa-info-circle.text-help {
	margin: 2px 0 0 5px;
}

#portalConfigModeDiv {
	width: max-content;
	display: none;
}

.layoutcontainer, .templatecontainer, .themecontainer {
	background: #FFFFFF;
	border: 1px #FFFFFF solid;
	width: 100px;
	height: 100px;
	padding: 4px;
	margin: 4px;
	-moz-box-shadow: 2px 2px 5px 0 #9C9C9C;
	-webkit-box-shadow: 2px 2px 5px 0 #9C9C9C;
	box-shadow: 2px 2px 5px 0 #9C9C9C;
	display: inline-block;
	cursor: pointer;
}

.templatecontainer, .themecontainer {
	width: 215px;
	height: 160px;
	margin: 0px 20px 40px 0px;
	padding: 0px;
	border: 3px transparent solid;
}

.template_title, .theme_title {
	padding: 10px;
	font-size: 1.125rem;
	text-align: center;
}

.layoutsectioncontainer {
	float: left;
}

.layoutsection {
	border: 2px #000000 solid;
	margin: 2px;
}

.layoutcontainer:hover {
	border: 1px rgba(82, 168, 236, 0.8) solid;
	border-color: rgba(82, 168, 236, 0.8);
	outline: 0;
	outline: thin dotted \9;
	/* IE6-9 */
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px
		rgba(82, 168, 236, 0.6);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px
		rgba(82, 168, 236, 0.6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px
		rgba(82, 168, 236, 0.6);
}

.templatecontainer.selected, .themecontainer.selected {
	border: 3px #afde0e solid;
}

#captureDiv {
	height: 56px;
}

#captureDiv.capturePage {
	height: 35px;
}

#captureDiv button {
	width: calc(100% - 18px);
}

#captureDiv button i {
	padding-right: 5px;
}

.modeDiv .title, #reorderModeDiv .title, #annoModeDiv .title {
	font-weight: bold;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
}

#captureDiv span {
	font-size: 0.8125rem;
	display: block;
	margin-top: 6px;
	font-weight: 500;
}

#reconnectDiv span {
	font-size: 0.875rem;
	font-weight: 500;
}

.modeDiv .closesharescreen, #reorderModeDiv .closesharescreen,
	#annoModeDiv .closesharescreen {
	color: #6a6a6a;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 5px;
	right: 1px;
	cursor: pointer;
}

.modeDiv .closesharescreen:hover, #annoModeDiv .closesharescreen:hover {
	color: #000;
}

.modeDiv p, #reorderModeDiv p, #annoModeDiv p {
	font-size: 0.8125rem;
	font-weight: normal;
	margin-top: 4px;
}

.modeDiv .title {
	float: left;
	font-size: 1rem;
	text-align: left;
}

.modeDiv .title i, #reorderModeDiv .title i, #annoModeDiv i {
	padding-right: 5px;
}

#captureDiv i {
	padding-left: 5px;
}

.modeDiv button, #reorderModeDiv button {
	float: left;
	margin: 3px 0 0 11px;
}

.modeDiv {
	width: max-content !important;
	min-width: 250px;
	z-index: 2001;
}

.modeDiv button {
	margin-right: 20px;
}

#configShortcut {
	position: fixed;
	padding: 0px 15px 0px 15px;
	z-index: 2000;
	background: #eee;
	border: 1px solid #ddd;
	border-radius: 5px;
	right: 5px;
	top: 50px;
	margin: 0 auto;
	width: 250px;
}

#configShortcut>h2.SubTitle {
	font-size: 1.125rem;
	font-weight: 500;
	padding: 18px 0 12px 0;
	margin: 0;
}

#configShortcut>div {
	margin: 0;
	padding: 5px 0 0 0;
	border-top: 2px solid #ddd;
}

#configShortcut>div>div {
	position: relative;
}

#configShortcut>div>div>i, #configShortcut>div>div>h2 {
	margin-bottom: 5px;
}

#configShortcut>div>div>i {
	display: inline-block;
	width: 30px;
	position: absolute;
	top: 3px;
	left: -10px;
	text-align: right;
}

#configShortcut>div>div>i {
	font-size: 1.125rem;
	display: inline-block;
	width: 30px;
	position: absolute;
	top: 1px;
	left: -10px;
	text-align: right;
}

#configShortcut>div>div>h2 {
	font-size: 1.0625rem;
	font-weight: 500;
	margin: 10px 0 2px 28px;
	padding: 0;
}

#configShortcut>div>ul {
	margin: 0 0 15px 0;
	padding-left: 28px;
	list-style-type: none;
	line-height: 25px;
}

#configShortcut>div>ul li a:hover {
	color: var(--hlh);
	transition: all 0.3s ease;
}

.instruction {
	position: fixed;
	padding: 0px 20px 0px 20px;
	z-index: 9999;
	background: #eee;
	border: 1px solid #ddd;
	width: 450px;
	right: 20px;
	bottom: 0;
	border-top-left-radius: 3px;
	border-right: 0;
}

.instruction div ul {
	line-height: 20px;
	word-wrap: break-word
}

.instruction .SubTitle {
	font-size: 1.25rem;
	font-weight: 500;
	padding: 15px 0 10px 0;
	margin: 0;
	border-bottom: 1px solid #ddd;
}

.instruction .SubTitle+div {
	border-top: 2px solid #eee;
}

.instruction .information_msg_container {
	padding: 15px 12px 15px 52px;
	margin: 15px 0;
}

.instruction .instruction_message {
	margin: 15px 0 20px 0;
}
/*  styles for external url */
#header_container .centerlayout {
	width: 1056px;
	margin: auto;
	text-align: center;
}

body.smartfolder_external {
	font-family: 'Roboto', Helvetica, Arial, Sans-Serif !important;
	background: #F9F9F9 !important;
}

.container_smartfolder {
	width: 1056px;
	margin: 40px auto;
}

.container_smartfolder .box {
	border: 1px solid #f1f1f1;
	background-color: #FFF;
	padding: 25px;
	padding-bottom: 15px;
	margin: 30px 0;
	border-radius: 5px;
}

.container_smartfolder h1 {
	color: var(--axsubtitlefontcolor);
	font-size: 1.625rem;
	margin-top: 0;
	margin-bottom: 0.5em;
	text-rendering: optimizelegibility;
	border-bottom: 1px solid #f1f1f1;
	padding-bottom: 10px;
	font-weight: 500;
}

.information_msg_container:empty {
	display: none;
}

.noteAlertList {
	list-style: none;
}

.noteAlertIcon {
	padding-right: 10px;
}

.noteAlertMessage {
	
}

.noteAlertMessageCreateBy, .noteAlertMessageCreateDate {
	text-align: right;
	font-size: 0.75rem !important;
}

.filewrapper.folder {
	background: #f7f7f7;
	padding-left: 10px;
}

.filewrapper {
	display: block;
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #ececec;
	word-break: break-word;
}

.filewrapper .fa, .filewrapper .fas, .filewrapper .far {
	font-size: 1.25rem;
	padding-right: 10px;
}

.filewrapper .fa-file-pdf {
	color: #da292e;
}

.filewrapper a {
	color: var(--hl);
	font-size: 1rem;
	text-decoration: none;
}

.filewrapper a:hover {
	text-decoration: underline;
}

.filewrapper span+span {
	font-size: 0.75rem;
	color: #212121;
	padding-left: 7px !important;
}

.filewrapper:last-of-type {
	border-bottom: 0;
	margin-bottom: 5px;
}

span.description {
	display: inline-block;
	font-size: 0.875rem;
	color: #333;
	padding-top: 5px;
	padding-left: 28px;
}

span.description:empty {
	display: none;
}

div.icon {
	position: relative;
}

div.icon span {
	padding-left: 25px;
}

div.icon span:before {
	position: absolute;
	font-family: 'Font Awesome 6 Pro';
	top: 2px;
	left: 0;
	color: #4b4b4b;
}

div.icon.pdf span:before {
	font-size: 1rem;
	content: "\f1c1";
	color: #cd060b;
	top: 2px;
	font-weight: bold;
}

div.icon.txt_icon span:before {
	font-size: 1rem;
	font-weight: 500;
	content: "\f15c";
	top: 2px;
}

div.icon.pdf_icon span:before {
	font-size: 1rem;
	font-weight: bold;
	content: "\f1c1";
	top: 2px;
}

div.icon.otr_icon span:before {
	font-size: 1rem;
	font-weight: 500;
	content: "\f15b";
	top: 2px;
}

div.icon.html_icon span:before, div.icon.htm_icon span:before {
	font-size: 1rem;
	content: "\f1c9";
	top: 2px;
}

div.icon.ofolder span:before {
	font-size: 1rem;
	content: "\f07c";
	top: 2px;
}

div.icon.jpg_icon span:before, div.icon.png_icon span:before, div.icon.gif_icon span:before,
	div.icon.vsd_icon span:before {
	font-size: 1rem;
	font-weight: 500;
	content: "\f07b";
	top: 2px;
}

div.icon.dot_icon span:before, div.icon.doc_icon span:before, div.icon.docx_icon span:before
	{
	font-size: 1rem;
	font-weight: 500;
	content: "\f1c2";
	top: 2px;
}

div.icon.ppt_icon span:before {
	font-size: 1rem;
	font-weight: 500;
	content: "\f1c4";
	top: 2px;
}

div.icon.xls_icon span:before, div.icon.xlsx_icon span:before {
	font-size: 1rem;
	font-weight: 500;
	content: "\f1c3";
	top: 2px;
}

div.icon.mdb_icon span:before {
	font-size: 1rem;
	font-weight: bold;
	content: "\f1c0";
	top: 2px;
}

div.icon.zip_icon span:before {
	font-size: 1rem;
	font-weight: 500;
	content: "\f1c6";
	top: 2px;
}

div.icon.avi_icon span:before, div.icon.avi_mp3 span:before {
	font-size: 1rem;
	font-weight: 500;
	content: "\f1c7";
	top: 2px;
}

div.icon.mp4_icon span:before, div.icon.avi_mpg span:before, div.icon.avi_wmv span:before
	{
	font-size: 1rem;
	font-weight: 500;
	content: "\f1c8";
	top: 2px;
}

div.icon.sfm_icon span:before {
	font-size: 1rem;
	font-weight: 500;
	content: "\f249";
	top: 2px;
}

span.backlink {
	background: #f7f7f7;
	padding: 12px;
	display: inline-block;
	box-sizing: border-box;
	margin-bottom: 8px;
}

span.backlink:empty {
	display: none;
}

.rlib {
	float: left;
	width: 75%;
	margin-left: 20px
}

.rlib .addbutton {
	float: left;
}

.rlib .cbp-vm-view-grid {
	display: flex;
	margin-top: 10px;
	padding-left: 0;
	padding-right: 0;
}

.rlib .cbp-vm-view-grid ul {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.rlib .cbp-vm-view-grid li {
	float: left;
	display: flex;
	padding: 10px;
	border: 1px solid #d7d7d7;
	width: 30%;
	margin: 10px 20px 10px 0;
}

.rlib .cbp-vm-view-grid li:nth-of-type(3n) {
	margin-right: 0;
}

.rlib .cbp-vm-view-grid .uploaddate {
	font-size: 0.6875rem;
	margin-top: 5px;
}

.rlib .iconblock {
	float: left;
	background: #e5e5e5;
	padding: 30px 20px 20px 20px;
	max-width: 95px;
	overflow: hidden;
	min-width: 95px;
	text-align: center;
	box-sizing: border-box;
}

.rlib .iconblock .fa, .rlib .iconblock .fas, .rlib .iconblock .far,
	.rlib .iconblock .fal, .rlib .iconblock .fab {
	font-size: 3.125rem;
	color: #979797;
}

.rlib .cbp-vm-view-grid .detailsblock {
	float: left;
	margin-left: 15px;
	width: 80%;
}

.rlib .cbp-vm-view-grid .cbp-vm-title {
	font-size: 0.875rem;
	font-weight: bold;
	text-align: left;
	padding-bottom: 5px;
}

.rlib .cbp-vm-view-grid  .cpm-details {
	text-align: left;
}

.rlib .cbp-vm-view-grid .cbp-vm-details.button {
	margin-top: 7px;
	margin-bottom: 7px;
}

.rlib .cbp-vm-view-grid ul li a {
	margin-right: 5px;
}

.rlib .cbp-vm-view-list .iconblock {
	padding: 20px 15px 15px 15px;
}

.rlib .cbp-vm-view-list .iconblock .fa, .rlib .cbp-vm-view-list .iconblock .fas,
	.rlib .cbp-vm-view-list .iconblock .far, .rlib .cbp-vm-view-list .iconblock .fal,
	.rlib .cbp-vm-view-list .iconblock .fab {
	font-size: 2.5rem;
}

.rlib .cbp-vm-view-list .cbp-vm-title {
	margin: 0 0 0 10px;
	text-align: left;
	width: 18%;
}

.rlib .cbp-vm-view-list .cbp-vm-details {
	width: 20%;
}

.rlib .cbp-vm-view-list .uploaddate {
	width: 17%;
}

.rlib .cbp-vm-view-list .cbp-vm-details.button {
	width: 236px;
	margin-right: 0;
}

.rlib .cbp-vm-view-list ul li a {
	width: auto;
	margin-right: 7px;
}

.rlib .cbp-vm-view-list ul li a:last-of-type {
	margin-right: 0;
}

.accordionwrapper {
	margin-top: 20px;
	width: 20%;
}

.accordionwrapper #accordion {
	float: left;
	width: 100%;
}

/* Responsive */
/* configuaration wizard run modal */
.configtitle {
	background: #f7f7f7;
	margin: 0;
	margin-top: -13px;
	padding: 22px 19px 11px 20px;
}

.configtitle h1 {
	font-size: 1.375rem;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

.configtitle h2 {
	font-size: 0.875rem;
	font-weight: normal;
	margin: 0;
	padding-top: 3px;
}

.confignav {
	padding: 7px 20px 7px 20px;
	background: #f2f2f2;
	border-top: 1px solid #eaeaea;
}

.confignav div {
	display: inline-block;
	width: auto;
}

.confignav div label {
	color: var(--buttonbgcolor, #dfdfdf);
	font-size: 0.75rem;
	width: 100%;
	display: block;
}

.confignav div input[readonly] {
	font-size: 0.875rem;
	border: 0;
	margin-top: 2px;
	padding: 0;
	background: 0;
	box-shadow: none;
}

.confignav div input#stpnarrative {
	max-width: 470px;
}

.configreview {
	margin: 20px 0 0 0;
	padding: 20px;
	border: 1px dashed #eee;
}

.configreview h1 {
	font-size: 1.25rem;
	font-weight: normal;
	margin: 0;
}

.configreview p {
	margin-top: 20px;
	margin-bottom: 20px;
}

.requestaccept, .successmessage {
	background: #73b426;
	display: none;
	margin: 20px 0px 0 0;
	color: #fff;
	box-sizing: border-box;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

.successmessage {
	display: table;
}

.requestaccept span, .successmessage span {
	float: left;
	font-size: 1.0625rem;
	background: #85ca33;
	text-align: center;
	padding-top: 6px;
	height: 30px;
	width: 30px;
	border-top-left-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	-moz-border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-bottom-left-radius: 6px;
	box-sizing: border-box;
}

.successmessage span {
	height: auto;
	float: none;
	display: table-cell;
	padding-top: 0px;
	vertical-align: middle;
}

.requestaccept span+span, .successmessage span+span {
	float: right;
	font-size: 0.875rem;
	padding: 8px 10px 8px 10px;
	width: auto;
	height: auto;
	text-align: left;
	background: transparent;
}

.requestaccept#showmsg {
	margin: 20px 20px 0 0;
}

.requestaccept#showmsg  span {
	padding-top: 5px;
}

.requestaccept#showmsg  span+div {
	font-size: 0.875rem;
	padding: 6px 10px 6px 40px;
	width: auto;
	height: auto;
	text-align: left;
	background: transparent;
}

.requestaccept#showmsg  p {
	padding-top: 10px;
}

.confignav div input[readonly]:focus {
	box-shadow: none;
	outline: 0;
	border: 0;
	background: transparent;
}

.buttonnavwrap {
	float: right;
	margin-top: 5px;
}

.buttonnavwrap button:disabled {
	opacity: 0.7;
	cursor: no-drop;
}

.buttonnavwrap button:disabled+.tooltip {
	display: none !important;
}

.previewformwrapper {
	padding: 3px 20px 5px 20px;
	z-index: 1002;
	display: block;
	box-sizing: border-box;
	width: 100%;
}

.previewformwrapper>form>div {
	float: left;
	margin: 0 10px 0 0;
}

span.progressbarcell {
	position: absolute;
	text-align: center;
	background-color: #ffffff;
}

div.progressbar {
	border: 1px solid #b5eda4;
}

div.progressbar>div {
	width: 0;
	padding: 5px 0;
	white-space: nowrap;
	text-align: center;
	color: #256410;
	background-color: #bdfca8;
}

.searchoptionscontainer {
	position: relative;
	display: inline-block;
	margin: 0 -1px 0 0;
	width: calc(100% - 74px);
	max-width: 600px;
	min-width: 160px;
}

.searchoptionscontainer .search {
	float: right;
}

.search_dropdown {
	list-style-type: none;
	margin: 0 4px 0 0;
	padding: 0px;
	display: inline-block;
	text-align: left;
}

.search_dropdown li {
	font-family: 'Roboto', "Helvetica Neue", Helvetica, Arial, sans-serif;
	position: relative;
	background-color: #FFF;
	border: 1px solid #949494;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
	transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
	font-size: 0.9375rem;
	color: #222;
	border-radius: 3px;
	margin: 0px;
	line-height: 21px;
	cursor: pointer;
	width: 100%;
	box-sizing: border-box;
}

.search_dropdown li label {
	display: inline-block;
	width: calc(100% - 12px);
	cursor: pointer;
	box-sizing: border-box;
}

.search_dropdown li a, .search_dropdown li > span {
    color: #222;
    text-decoration: none;
    padding: 4px 6px 4px;
    display: block;
}

.search_dropdown li a span, .search_dropdown li > span span {
    font-size: 0.75rem;
    margin: 0px 5px 0 0;
    float: right;
}

.search_dropdown li a i, .search_dropdown li > span i {
    margin: 5px 0 0 0;
    font-size: 0.75rem;
    float: right;
}

.search_dropdown li:last-child a, .search_dropdown li:last-child > span{
    border-right: none; 
}

.search_dropdown li:hover, .menugroup .btn:hover, .btn.searchfilter_btn:hover {
    color: #000;
    background: #F1F1F1;
    border-right: 1px #EAEAEA solid;
}

.search_dropdown li.hover a, .search_dropdown li.hover > span {
    color: #000; 
}

.search_dropdown.leftmargin ul {
	right: -2px;
}

.search_dropdown ul {
	display: none;
	position: absolute;
	top: auto;
	min-width: 160px;
	padding: 5px 10px 5px 0px;
	margin: 1px 0 0 -8px;
	white-space: nowrap;
	list-style: none;
	background: #FFFFFF;
	border: 1px solid #949494;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	text-decoration: none;
	-moz-box-shadow: 2px 2px 5px 0 #9C9C9C;
	-webkit-box-shadow: 2px 2px 5px 0 #9C9C9C;
	box-shadow: 2px 2px 5px 0 #9C9C9C;
	z-index: 1999;
	overflow: auto;
	overflow-x: hidden;
	max-width: 400px;
}

.search_dropdown li ul li {
	float: none;
	color: #323335;
	padding: 2px 5px 2px 5px;
	border: 0px none #FFF;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	transition: initial;
}

.search_dropdown li ul li a {
	border-right: none;
	font-size: 0.8125rem;
	border: 1px #FFFFFF solid;
	display: inline-block;
	padding: 3px 4px 3px 6px;
}

.search_dropdown li ul li a:hover {
	border-right: none;
	display: inline-block;
	border: 1px #efefef solid;
	background: #efefef;
}

.search_dropdown li ul li:hover {
	background: transparent;
	border: none;
}

.advsearchoptionsdiv {
	position: absolute;
	display: none;
	width: 100%;
	padding: 0px !important;
	text-align: left;
	white-space: initial;
	text-decoration: none;
	-webkit-box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.10);
	-moz-box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.10);
	box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.10);
	top: 0;
	z-index: 2000;
}

#advsearchbutton {
	margin-right: 0px;
	margin-left: 4px;
}

.tablet #advsearchbutton {
	margin: 0;
	display: inline-block;
}

.tablet .filter_div.advsearch, .tablet .filter_div {
	width: calc(100% - 46px);
	display: inline-block;
}

.tablet .advsearchlinkcontainer {
	display: none;
}

.multifiltertitle {
	font-weight: bold;
	font-size: 0.875rem;
	margin: 5px 0px 0px 5px;
}

.filteritem {
	margin: 10px 5px 20px 5px;
}

.filtersubitem {
	margin-bottom: 2px;
}

body.syntaxchecker {
	background: #f9f9f9;
}

.syntaxchecker .header {
	background: #fff;
	padding: 5px 20px;
}

.syntaxchecker .header .object_name {
	font-size: 1.75rem;
	margin: 0;
}

.syntaxcontent {
	margin: 0 20px 0 20px;
}

.syntaxcontent .instructions {
	background: #fff;
	border: 1px solid #eee;
	border-radius: 5px;
}

.syntaxcontent .instructions .fa, .syntaxcontent .instructions .fas,
	.syntaxcontent .instructions .far {
	color: var(--buttonbgcolor, #dfdfdf);
	font-size: 1.25rem;
	padding-right: 7px;
}

.syntaxcontent .instructions .instructionsheader {
	position: relative;
	font-size: 1.125rem;
	padding: 11px;
	cursor: pointer;
}

.syntaxcontent .instructions .instructionsheader:after {
	color: var(--buttonbgcolor, #dfdfdf);
	content: "\f078";
	font-family: FontAwesome;
	right: 14px;
	position: absolute;
}

.syntaxcontent .instructions .instructionsheader.changeicon:after {
	content: "\f077";
}

.syntaxcontent .instructions ul {
	margin-left: 30px;
	padding-left: 0;
}

.syntaxcontent .instructions ul li {
	padding-bottom: 5px;
}

.syntaxcontent .CodeMirror {
	display: inline-block;
	width: calc(100% - 20px);
	margin-top: 0;
	background-color: #fff;
	border-radius: 5px;
	min-height: 550px !important;
	max-height: 600px !important;
	border: 1px solid #DDD;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0 3px 5px rgba(255, 255, 255, 1), 0 0 0 1px
		rgba(240, 240, 240, 1);
	/* box-shadow: 0 3px 5px rgba(0,0,0,0.3), 0 0 0 1px rgba(0,0,0,0.08); */
}

.syntaxcontent .CodeMirror-scroll {
	width: 100%;
}

.syntaxcontent #outputdiv, .syntaxcontent #outputdiv_2 {
	display: inline-block;
	width: 100%;
	padding: 20px;
	text-align: left;
	font-size: 1rem;
	background-color: #fcfcfc;
	border: 1px solid #dddddd;
	overflow: auto;
	min-height: 552px;
	max-height: 552px;
	white-space: pre-wrap;
	-webkit-border-radius: 5px;
	box-sizing: border-box;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0 3px 5px rgba(255, 255, 255, 1), 0 0 0 1px
		rgba(240, 240, 240, 1);
}

.syntaxwrapper {
	max-height: 650px;
}

.syntaxwrapper>form>div {
	display: table;
	width: 100%;
	table-layout: fixed;
}

.syntaxwrapper>form>div>div {
	display: table-cell;
	width: 50%;
}

#syntaxhelp {
	position: fixed;
	width: 100%;
	z-index: 999;
	bottom: 0;
}

#helpcontent, #reportcontent {
	margin-top: 10px;
}

/* SmartCards */
.cardcontainer {
	display: flex;
	flex-wrap: wrap;
	padding: 7px;
	margin: unset;
}

.cardcontainer div {
	box-sizing: border-box;
}

.smartCard {
	display: block;
	width: 24.5%;
	margin: 5px 0.5% 5px 0;
	border: 0px !important;
	background: unset !important;
}

.smartCard:nth-of-type(4n) {
	margin-right: 0;
}

.cardTitle {
	color: var(--titlefontcolor);
	background: var(--titlebgcolor);
	width: 100%;
	padding: 10px 10px 10px 10px;
	font-size: 1.125rem;
	font-weight: bold;
	border: 1px solid transparent;
	cursor: move;
	position: relative;
}

.cardTitleHidden {
	color: #777777;
	background: #EAEAEA;
}

.cardTitle2 {
	width: 100%;
	font-size: 1.5625rem;
	padding: 0px 0 13px 10px;
	margin: 0px
}

.cardTitle>.iconDiv, .cardTitle2>.iconDiv {
	float: right;
	position: relative;
}

.cardTitle>.iconDiv .btn, .cardTitle2>.iconDiv .btn {
	color: var(--titlefontcolor);
	background: transparent;
	border: none;
	width: auto;
	box-shadow: none;
	padding: 4px 10px;
	border-radius: 0px;
}

.cardTitle>.iconDiv>i, .cardTitle2>.iconDiv>i {
	margin: 5px;
}

.cardTitle>.iconDiv .btn:hover {
	background: var(--titlefontcolor);
	color: var(--titlebgcolor);
	transition: background ease-in 0.2s;
}

.cardmenu>a>i {
	padding-right: 8px;
}

.cardTitle2>.iconDiv .btn#option {
	color: #000;
}

.cardTitle2>.iconDiv .btn#option:hover {
	color: #fff;
}

.cardTitle2>.iconDiv:hover {
	background: #000;
	color: #fff;
	transition: background ease-in 0.2s;
}
/*
.cardTitle >  .iconDiv .btn:hover, .cardTitle2 > .iconDiv .btn:hover {
    color: #fff;
}
*/
.cardItem .moveIcon {
	display: none !important;
}

.cardItem:hover .moveIcon {
	display: inline-block !important;
}

.cardTitle>input, .cardTitle2>input {
	margin: -6px 0 -6px 0;
	width: calc(100% - 120px);
}

.cardTitle>span, .cardTitle2>span {
	padding-left: 10px;
	width: calc(100% - 155px);
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	vertical-align: top;
}

.cardTitle>i, .cardTitle2>i {
	font-size: 1.5625rem;
	line-height: 15pt;
	vertical-align: bottom;
}

.cardTitle2>i {
	font-size: 1.5625rem;
	line-height: 22pt;
	vertical-align: bottom;
}

.cardTitle2>.iconDiv {
	font-size: 1.25rem;
}

.cardTitle>i.Pointer, .cardTitle2>i.Pointer {
	cursor: pointer;
	padding-right: 5px;
}

.cardContent {
	max-height: 268px;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
}

.cardItem {
	display: block;
	border: 1px solid #eeeeee !important;
	padding: 10px 16.5px 10px 10px;
	margin: 3px 0 0 0;
	width: 100%;
	min-height: 86px;
	position: relative;
	background: white;
	transition: background ease-in 0.1s;
}

.cardItem:hover {
	background: #eeeeee;
	cursor: pointer;
	transition: background ease-in 0.1s;
}

.cardItem:focus {
	padding: 9px 15 .5px 9px 9px;
	outline: 0;
	border: 2px #000000 solid !important;
}

.cardItem.itemactive {
	background: #dadada;
}

.cardItem .iconDiv {
	display: inline-block;
	color: var(--buttonbgcolor, #dfdfdf);
	padding: 0 5px;
	cursor: pointer;
	transition: background ease-in 0.1s;
}

.cardItem .iconDiv:hover {
	background: var(--buttonbgcolor, #dfdfdf);
	color: var(--buttonfontcolor);
	transition: background ease-in 0.1s;
}

.cardItem .iconDiv:focus {
	outline: 0;
	box-shadow: 0 0 0 2px #000000;
}

.cardItemInfoBold {
	font-size: 0.875rem;
	font-weight: bold;
	padding: 2px;
	color: #000;
	width: calc(100% - 60px);
}

.cardItemIcons {
	position: absolute;
	top: 10px;
	right: 10px;
}

.cardItemInfo {
	font-size: 0.875rem;
	padding: 2px;
}

.cardScrollUp, .cardScrollDown {
	text-align: center;
	padding: 2px;
	opacity: 0.2;
	cursor: default;
	background: #cdcdcd;
}

#sharebackgrounddiv, #scemailbackgrounddiv {
	position: fixed;
	left: 0;
	top: 0;
	opacity: 1;
	width: 100%;
	height: 100%;
	z-index: 2500;
	overflow: hidden;
	background-color: rgba(0, 0, 0, 0.2);
	display: none;
}

#sharediv, #scemaildiv {
	width: 650px;
	background: white;
	margin: 100px auto;
	opacity: 1;
	border-radius: 5px;
}

.faicon {
	cursor: pointer;
	color: #C6C6C6;
}

.closeButton {
	float: right;
	padding: 19px 14px 0px 0px;
	cursor: pointer;
}

.closeButton .fa, .closeButton .fas, .closeButton .far {
	font-size: 1.25rem;
	color: #cccdcd;
	webkit-transition: all 100ms linear;
	-moz-transition: all 100ms linear;
	-o-transition: all 100ms linear;
	-ms-transition: all 100ms linear;
	transition: all 100ms linear;
	cursor: pointer;
}

.closeButton .fa-times:hover, .closeButton .fa-times:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
	webkit-transition: all 100ms linear;
	-moz-transition: all 100ms linear;
	-o-transition: all 100ms linear;
	-ms-transition: all 100ms linear;
	transition: all 100ms linear;
}

.shareContent {
	padding: 20px;
}

.shareContent label {
	float: left;
	width: auto;
	font-size: 0.875rem;
	padding-top: 5px;
	margin-right: 10px;
}

#sharebackgrounddiv .footer, #scemailbackgrounddiv .footer {
	background: #f5f5f5;
	padding: 5px;
	margin: 15px 0 0 0;
	text-align: center;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.modalSubTitle {
	font-size: 1.125rem;
	border-bottom: 1px solid lightgray;
	padding: 15px 1px 6px 1px;
	margin-bottom: 10px;
	text-align: left;
}

.noresults {
	text-align: center;
	font-size: 1.25rem;
	margin: 15px 0;
	font-weight: bold;
}

.beta_notesredesign .content_container.notes .noresults {
	text-align: center;
    font-size: 1.25rem;
    margin: 15px 0;
    font-weight: 500;
    border: 1px solid #eee;
    border-radius: 8px;
    background: #f9f9f9;
    padding: 20px;
}

.list_container table tr:hover>td.Data1 .noresults, .list_container table tr:hover>td.Data2 .noresults,
	.ax-listview table tr:hover>td.Data1 .noresults, .ax-listview table tr:hover>td.Data2 .noresults
	{
	margin: -8px -6px;
	padding: 23px 0;
	background: #F8F8F8;
}

.noresults_sub {
	text-align: center;
	font-size: 0.875rem;
	margin: 0;
}

.list_container.tile_list .noresults {
	flex: 1;
	line-height: 18px;
	padding: 23px 6px;
	background: #F8F8F8;
	border-top: 1px #FFFFFF solid;
	border-bottom: 1px #EEEEEE solid;
	margin: 0px;
}

.listcontainerwithmap .noresults {
	background: #F8F8F8;
	border-top: 1px #FFFFFF solid;
	width: 100%;
	padding: 20px 0px;
	margin: 3px 0 0 0;
}

.shareTitle {
	font-size: 1.4375rem;
	padding: 15px 14px 14px 20px;
	text-align: left;
}

.buttonTab {
	border: 1px solid var(--titlebgcolor);
	display: inline-block;
	background: white;
	color: #999999;
	width: 150px;
	padding: 10px;
	font-size: 1rem;
	font-weight: normal;
	text-align: center;
	cursor: pointer;
}

.buttonTabSelected {
	background: var(--titlebgcolor);
	color: var(--titlefontcolor);
	display: inline-block;
	width: 150px;
	padding: 10px;
	font-size: 1rem;
	font-weight: bold;
	text-align: center;
	border: 1px solid transparent;
}

.smarttabs {
	display: inline-block;
	width: auto;
	margin: 15px 0 10px 11px;
}

#formdiv.smartform {
	display: inline-block;
	width: calc(50% - 5px);
	padding: 20px 0 0 20px;
	box-sizing: border-box;
	vertical-align: top;
}

#formdiv.smartform table {
	width: 100%;
}

#formdiv.smartform .SubTitle {
	font-size: 1.25rem;
	padding-top: 0;
	border-bottom: 0;
}

#formdiv.smartform .innerDiv label {
	float: left;
	padding-left: 0 !important;
}

#formdiv.smartform .allowedit label+label {
	width: calc(100% - 50px);
}

#formdiv.smartform #title {
	width: 100%;
}

#formdiv.smartform th.Form {
	width: 25%;
	min-width: 25%;
	max-width: 25%;
}

#formdiv.smartform td.Form {
	width: 75%;
	min-width: 75%;
	max-width: 75%;
}

#formdiv.smartform input.Lookup, #formdiv.smartform input.LookupBlur {
	width: calc(100% - 43px);
	min-width: calc(200px - 43px);
	max-width: calc(380px - 43px);
}

#formdiv.smartform .fontAwesomeSelector-type {
	width: 100% !important;
}

#rendercardhtml {
	padding: 20px;
	background-color: #fafafa;
	overflow: auto;
}

#listdiv {
	display: inline-grid;
	grid-template-rows: auto 1fr;
	width: 50%;
	min-height: 404px;
	max-height: 404px;
	margin-top: 20px;
	position: relative;
	box-sizing: border-box;
	vertical-align: top;
}

#listdiv .SubTitle {
	display: inline-block;
	font-size: 1.25rem;
	padding-top: 0;
	padding-bottom: 10px;
	border-bottom: 0;
}

#listdiv .addBtn {
	background: var(--buttonbgcolor, #dfdfdf);
	color: var(--buttonfontcolor);
	position: absolute;
	height: 32px;
	width: 32px;
	right: 7px;
	top: 7px;
	border-radius: 50%;
	padding: 7px;
	box-sizing: border-box;
}

#listdiv .addBtn .fas, #listdiv .addBtn .far {
	font-size: 1.25rem;
}

#listdiv .addBtn .fas, #listdiv .addBtn .far {
	font-size: 1.0625rem;
}

#listdiv .rowDiv {
	border: 2px solid #f3f3f3;
	border-radius: 8px;
	position: relative;
	display: block;
	padding: 10px 15px;
	height: auto;
	margin-bottom: 7px;
	background: #fff;
	box-sizing: border-box;
}

#listdiv .rowDiv:hover {
	border: 2px solid #ccc;
	cursor: pointer;
	-webkit-box-shadow: -2px 9px 15px -2px rgba(235, 235, 235, 0.5);
	-moz-box-shadow: -2px 9px 15px -2px rgba(235, 235, 235, 0.5);
	box-shadow: -2px 9px 15px -2px rgba(235, 235, 235, 0.5);
	webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear;
}

#listdiv .rowDiv.focused {
	border: 2px solid var(--buttonbgcolor);
	cursor: pointer;
}

#listdiv .rowDiv>span {
	float: left;
	font-size: 1rem;
	padding-left: 15px;
	width: auto;
	overflow: hidden;
	display: inherit;
	text-overflow: ellipsis;
	margin-top: 3px;
	max-width: calc(100% - 110px);
}

#listdiv .rowDiv>i {
	float: left;
	font-size: 1.5rem;
	line-height: initial;
	vertical-align: sub;
}

#listdiv .rowDiv>span+span {
	float: right;
	background: #a6a6a6;
	color: #fff;
	width: auto;
	padding: 1px 7px 1px 7px;
	margin: 4px 38px 0 0;
	border-radius: 3px;
	font-size: 0.875rem;
}

#fieldlistdiv {
	float: left;
	padding: 10px;
	margin: 5px 10px 0 0;
	border: 1px solid #eee;
}

#settingsdiv {
	float: none !important;
	display: flex;
	flex-wrap: wrap;
}

#settingsdiv  .objecttypeDiv {
	float: left;
	width: 24%;
	height: 200px;
	margin: 5px 1% 10px 0;
	border: 1px solid #f1f1f1;
}

#settingsdiv  .objecttypeDiv:nth-of-type(4n) {
	margin-right: 0;
}

#settingsdiv .titleDiv {
	background: var(--titlebgcolor);
	color: var(--titlefontcolor);
	font-size: 1rem;
	padding: 10px 10px 10px 10px;
	text-align: left;
	font-weight: bold;
	cursor: pointer;
	border: 1px solid transparent;
}

#settingsdiv .titleDiv .fas {
	font-size: 0.875rem;
}

#settingsdiv .titleDiv .title {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#settingsdiv .itemDiv {
	background: white;
	color: #000;
	padding: 15px 5px 5px 8px;
}

#settingsdiv .itemRemove, .DraggableHeader .itemAction {
	color: var(--buttonbgcolor, #dfdfdf);
	float: right;
	background: white;
	padding: 0px 2px 0px 2px;
	cursor: pointer;
}

#settingsdiv .itemRemove:hover, .DraggableHeader .itemAction:hover {
	background: var(--buttonbgcolor, #dfdfdf);
	color: var(--buttonfontcolor);
}

.DraggableHeader .itemAction {
	padding-right: 6px;
}

.DraggableHeader .itemAction>i.disabled {
	color: #bebebe;
}

#settingsdiv .typeRemove {
	background: var(--titlebgcolor);
	color: var(--titlefontcolor);
	float: right;
	padding: 0px 2px 0px 2px;
}

#settingsdiv .typeRemove:hover {
	background: var(--titlefontcolor);
	color: var(--titlebgcolor);
}

#optionmenugroup .dropdown-menu {
	padding-top: 0;
}

#optionmenugroup ul.dropdown-menu li:last-child {
	padding-bottom: 5px;
}

#optionmenugroup  .dropdown-menu li.dropdown-title>a:hover,
	#optionmenugroup  .dropdown-menu li.dropdown-title>a:focus {
	background: transparent;
	color: #333;
}

#optionmenugroup .dropdown-menu .dropdown-title a {
	font-size: 0.9375rem;
	padding-top: 6px;
	padding-bottom: 6px;
}

#optionmenugroup .dropdown-menu .dropdown-title i {
	font-size: 1rem;
}

#optionmenugroup .dropdown-menu a {
	font-size: 0.875rem;
	padding-top: 5px;
	padding-bottom: 5px;
}

.highVisibilityOptions span>i {
	color: var(--buttonbgcolor, #dfdfdf);
}

.highVisibilityOptions span>i.disabled {
	color: #bebebe;
}

/* SmartSimple Usage Charts */
.usage {
	background: #edefee;
}

.usageheader {
	position: relative;
	width: 100%;
	color: #fff;
	text-align: left;
	background-color: #127b78;
	padding: 20px 0;
	overflow: hidden;
}

.usageheader.heatmap {
	z-index: 1041;
	-webkit-box-shadow: 2px 9px 16px -4px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 2px 9px 16px -4px rgba(0, 0, 0, 0.5);
	box-shadow: 2px 9px 16px -4px rgba(0, 0, 0, 0.2);
}

.usageheader .container, .infobox .container {
	width: 1170px;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	padding: 0;
}

.usageheader .container .title {
	position: absolute;
	top: 0;
	right: -28px;
	background-color: #31a3a0;
	width: 64%;
	height: 76px;
	transform: skewX(-28deg);
}

.usageheader .container .title p {
	font-size: 1.5625rem;
	line-height: 150%;
	margin: 20px 30px 20px 30px;
	transform: skewX(28deg);
}

.usageheader .container .title p span {
	font-weight: bold;
}

.infobox {
	position: relative;
	width: 100%;
	color: #fff;
	text-align: left;
	padding: 20px 0;
	margin: 40px 0 0 0;
}

.infobox .filter {
	background: #f6f6f6;
	padding: 15px 10px 10px 10px;
	color: #646464;
}

.infobox .filter:after {
	clear: both;
	display: block;
	content: "";
}

.infobox .filter p {
	float: left;
	font-weight: bold;
	font-size: 1.125rem;
	margin: 7px;
}

#floating-panel p {
	float: left;
	font-weight: bold;
	font-size: 1.125rem;
	margin: 3px;
}

#floating-panel output {
	float: left;
	font-weight: bold;
	margin: 3px 0 0 8px;
	font-size: 1.25rem;
	color: #127b78;
}

.infobox .filter .yearstart {
	float: left;
	font-weight: bold;
	margin: 5px 0 0 8px;
	font-size: 1.25rem;
	color: #127b78;
}

.infobox .datacontainer {
	display: inline-block;
	padding: 15px 10px 20px 15px;
	background: #fff;
	width: 100%;
	box-sizing: border-box;
}

.infobox .datacontainer .tabledata {
	float: left;
	width: 49%;
}

.infobox .datacontainer .chartdata {
	width: 51%;
}

.infobox .datacontainer .tabledata table {
	font-size: 1rem;
	margin: 20px 0 0 0;
	color: #646464;
	width: 100%;
	border-collapse: collapse;
}

.infobox .datacontainer .tabledata table th.head {
	padding: 6px;
	border-bottom: 1px solid #127b78;
	box-sizing: border-box;
}

.infobox .datacontainer .tabledata table td {
	padding: 6px;
	border-bottom: 1px solid #f5f5f5;
	box-sizing: border-box;
}

.infobox .datacontainer .tabledata table td.country {
	width: 240px;
	min-width: 240px;
	max-width: 240px;
}

.infobox .datacontainer .tabledata table td.logins, .infobox .datacontainer .tabledata table td.logincount
	{
	width: 125px;
	min-width: 125px;
	max-width: 125px;
	text-align: right;
}

.infobox .datacontainer .tabledata table td.number {
	width: 34px;
	min-width: 34px;
	max-width: 34px;
}

.infobox .datacontainer .tabledata table td.total {
	font-weight: bold;
	background: #127b78;
	color: #fff;
}

.infobox .datacontainer .chartdata {
	float: right;
	margin-top: 22px;
	padding: 0 !important;
}

.infobox  input[type=range], #floating-panel input[type=range] {
	float: left;
	-webkit-appearance: none;
	/* Hides the slider so that custom slider can be made */
	width: 25%; /* Specific width is required for Firefox. */
	background: transparent; /* Otherwise white in Chrome */
	margin-left: 10px;
}

#floating-panel input[type=range] {
	width: calc(100% - 290px);
}

#floating-panel {
	position: absolute;
	bottom: 35px;
	background: #f6f6f6;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	z-index: 5;
	padding: 15px 10px 10px 10px;
	text-align: center;
	font-family: 'Roboto', 'sans-serif';
	line-height: 30px;
	border-radius: 6px;
	width: 550px;
}

#floating-panel button {
	margin-left: 10px;
	margin-top: 2px;
}

#floating-panel button .fa, #floating-panel button .fas, #floating-panel button .far,
	#floating-panel button .fal, #floating-panel button .fab {
	padding-right: 5px;
}

.infobox input[type=range]::-webkit-slider-thumb, #floating-panel .infobox input[type=range]::-webkit-slider-thumb
	{
	-webkit-appearance: none;
}

.infobox input[type=range]:focus, #floating-panel input[type=range]:focus
	{
	outline: none;
	/* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */
}

.infobox input[type=range]::-ms-track, #floating-panel input[type=range]::-ms-track
	{
	width: 100%;
	cursor: pointer;
	/* Hides the slider so custom styles can be added */
	background: transparent;
	border-color: transparent;
	color: transparent;
}

/* Special styling for WebKit/Blink */
.infobox input[type=range]::-webkit-slider-thumb, #floating-panel input[type=range]::-webkit-slider-thumb
	{
	-webkit-appearance: none;
	border: 1px solid #127b78;
	height: 32px;
	width: 20px;
	border-radius: 15%;
	background: #ffffff;
	cursor: pointer;
	margin-top: -3px;
	/* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
	box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
	/* Add cool effects to your sliders! */
}

/* All the same stuff for Firefox */
.infobox input[type=range]::-moz-range-thumb, #floating-panel input[type=range]::-moz-range-thumb
	{
	-webkit-appearance: none;
	border: 1px solid #127b78;
	height: 32px;
	width: 20px;
	border-radius: 15%;
	background: #ffffff;
	cursor: pointer;
	margin-top: -3px;
	/* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
	box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
	/* Add cool effects to your sliders! */
}

/* All the same stuff for IE */
.infobox input[type=range]::-ms-thumb, #floating-panel  input[type=range]::-ms-thumb
	{
	-webkit-appearance: none;
	border: 1px solid #127b78;
	height: 32px;
	width: 20px;
	border-radius: 15%;
	background: #ffffff;
	cursor: pointer;
	margin-top: 0;
	/* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
	box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
	/* Add cool effects to your sliders! */
}

.infobox input[type=range]::-webkit-slider-runnable-track,
	#floating-panel input[type=range]::-webkit-slider-runnable-track {
	width: 100%;
	height: 28px;
	cursor: pointer;
	box-shadow: none;
	background: #127b78;
	border-radius: 8px;
	border: 0;
}

.infobox input[type=range]:focus::-webkit-slider-runnable-track,
	#floating-panel input[type=range]:focus::-webkit-slider-runnable-track
	{
	background: #127b78;
}

.infobox input[type=range]::-moz-range-track, #floating-panel input[type=range]::-moz-range-track
	{
	width: 100%;
	height: 28px;
	cursor: pointer;
	box-shadow: none;
	background: #127b78;
	border-radius: 8px;
	border: 0;
}

.infobox input[type=range]::-ms-track, #floating-panel input[type=range]::-ms-track
	{
	width: 100%;
	height: 28px;
	cursor: pointer;
	box-shadow: none;
	background: #127b78;
	border-radius: 8px;
	border: 0;
}

.infobox input[type=range]::-ms-fill-lower, #floating-panel input[type=range]::-ms-fill-lower
	{
	width: 100%;
	height: 28px;
	cursor: pointer;
	box-shadow: none;
	background: #127b78;
	border-radius: 8px;
	border: 0;
}

.infobox input[type=range]:focus::-ms-fill-lower, #floating-panel input[type=range]:focus::-ms-fill-lower
	{
	background: #127b78;
}

.infobox input[type=range]::-ms-fill-upper, #floating-panel input[type=range]::-ms-fill-upper
	{
	width: 100%;
	height: 28px;
	cursor: pointer;
	box-shadow: none;
	background: #127b78;
	border-radius: 8px;
	border: 0;
}

.infobox input[type=range]:focus::-ms-fill-upper, #floating-panel input[type=range]:focus::-ms-fill-upper
	{
	background: #127b78;
}

input.limitCharacter ~ span.limitCharacterResult {
	display: table;
	font-size: 0.75rem;
	clear: left;
	background: yellow;
	padding: 8px;
	margin-top: 10px;
	background: #f5f5f5;
	border-radius: 4px;
}

.toggleButtonGroup {
	display: inline-block;
	float: right;
}

/* ssMobileWindow */
div.ssMobileWindow {
	display: table;
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0;
	background: #ffffff;
	z-index: 2050;
}

div.ssMobileWindow>div {
	display: table-row;
}

div.ssMobileWindow>div>div, div.ssMobileWindow>div>div>div>div {
	display: table-cell;
}

div.ssMobileWindow>div>div>div {
	display: table;
	width: 100%;
}

div.ssMobileWindow-title {
	width: 100%;
	padding: 15px 12px;
	vertical-align: middle;
	font-size: 1.25rem;
}

div.ssMobileWindow-iFrameContainer, iframe.ssMobileWindow-iFrame {
	height: 100%;
	width: 100%;
}

.mwin_close {
	font-size: 1.875rem;
	color: #cccdcd;
	font-weight: normal;
	margin-top: -3px;
	webkit-transition: all 100ms linear;
	-moz-transition: all 100ms linear;
	-o-transition: all 100ms linear;
	-ms-transition: all 100ms linear;
	transition: all 100ms linear;
	cursor: pointer;
}

#split_close {
	font-size: 1.5625rem;
	margin-top: -1px;
}

#split_close.mwin_close {
	color: #949494;
}

/* Uploader */
section.ssUploader {
	margin-bottom: 10px;
	position: relative;
	overflow: hidden;
	border: 2px dashed #D7D7D7;
}

.beta_objectleftcenterredesign.redesign section.ssUploader {
    border: 2px dotted #D7D7D7;
    border-radius: 6px;
}

section.ssUploader>article.ssUploader-messages {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	opacity: 0;
	background-color: #ffffff;
}

section.ssUploader.ssUploader-hasMessages>article.ssUploader-messages {
	z-index: 1;
	transition: opacity 0.5s;
}

section.ssUploader.ssUploader-hasMessages>article.ssUploader-messages.show
	{
	opacity: 1;
}

article.ssUploader-messages>ul {
	margin: 0;
	padding-left: 0;
	list-style-type: none;
}

article.ssUploader-messages>ul>li {
	padding: 10px 15px;
	font-size: 0.875rem;
	color: #ffffff;
	background-color: #D33131;
}

article.ssUploader-messages>ul>li:not(:only-child):not(:last-child) {
	border-bottom: 1px solid #ffffff;
}

.uppy-Root {
	font-family: inherit !important;
}

.uppy-Dashboard-inner {
	background-color: initial !important;
	border: none !important;
	border-radius: initial !important;
}

.uppy-Dashboard-dropFilesHereHint, .uppy-Dashboard-AddFiles {
	border: none !important;
}

.uppy-Dashboard-dropFilesHereHint {
	top: -21px !important;
	background-image:
		url("data:image/svg+xml;charset=utf-8,<svg width='48' height='48' xmlns='http://www.w3.org/2000/svg'><path d='M24 1v1C11.85 2 2 11.85 2 24s9.85 22 22 22 22-9.85 22-22S36.15 2 24 2V1zm0 0V0c13.254 0 24 10.746 24 24S37.254 48 24 48 0 37.254 0 24 10.746 0 24 0v1zm7.707 19.293a.999.999 0 1 1-1.414 1.414L25 16.414V34a1 1 0 1 1-2 0V16.414l-5.293 5.293a.999.999 0 1 1-1.414-1.414l7-7a.999.999 0 0 1 1.414 0l7 7z' fill='rgba(117,117,117)'/></svg>")
		!important;
}

.uppy-Dashboard-AddFiles {
	min-height: 100px;
}

.uppy-Dashboard-AddFiles-title {
	margin-top: 15px !important;
	margin-bottom: 0 !important;
	font-size: 1.125rem !important;
	font-weight: bold !important;
	color: #767676 !important;
}

.uppy-Dashboard-AddFiles-title:before {
	content: '\f574';
	margin-right: 7px;
	font-family: "Font Awesome 6 Pro";
}

.uppy-Dashboard-AddFiles-list {
	flex: 0 !important;
}

.uppy-Dashboard-browse {
	color: var(--hl) !important;
	font-weight: 700 !important;
	text-decoration: underline !important;
}

.uppy-Dashboard-browse:focus, .uppy-Dashboard-browse:hover {
	color: var(--hlh) !important;
	border-bottom: none !important;
}

.uppy-Dashboard-files {
	padding-bottom: 20px !important;
}

.uppy-DashboardContent-back, .uppy-DashboardContent-addMore,
	.uppy-StatusBar-actionBtn {
	color: var(--buttonfontcolor) !important;
}

.uppy-c-btn-primary {
	padding: 4px 14px !important;
	line-height: 21px !important;
	background: var(--buttonbgcolor, #CCC) !important;
}

.uppy-c-btn-primary:hover {
	background: var(--buttonfgcolor) !important;
	box-shadow: 0 1px 2px rgb(0 0 0/ 25%), inset 0 0 3px #ffffff !important;
}

.uppy-Dashboard-note {
	max-width: initial !important;
	margin-bottom: 5px !important;
	padding: 0 20px !important;
	white-space: pre-line;
	font-size: 0.875rem !important;
}

.uppy-Dashboard-AddFiles-info {
	display: initial !important;
	padding: 0 !important;
	position: relative !important;
	bottom: 10px !important;
}

.uppy-DashboardTab, button.uppy-DashboardContent-addMore,
	.uppy-StatusBar-actionBtn--done {
	display: none !important;
}

.uppy-StatusBar-actionBtn--retry {
	height: auto !important;
	margin-right: -3px !important;
	font-size: 0.875rem !important;
}

.uppy-StatusBar-actionBtn--retry:before, .uppy-DashboardContent-addMore:before
	{
	position: relative;
	margin-right: 5px;
	font-family: FontAwesome;
	font-size: 0.75rem;
}

.uppy-StatusBar-actionBtn--retry:before {
	content: "\f01e";
}

.uppy-DashboardContent-addMore:before {
	content: "\f067";
}

.uppy-StatusBar-details, .uppy-Dashboard-Item-errorDetails,
	.uppy-StatusBar-actionBtn--retry svg, .uppy-DashboardContent-addMore svg
	{
	display: none !important;
}

.uppy-Dashboard-Item-progress, .uppy-size--md .uppy-Dashboard-Item-action--remove,
	.uppy-StatusBar:not([aria-hidden=true]).is-waiting,
	.uppy-StatusBar-actions, .uppy-DashboardContent-bar, .uppy-StatusBar,
	.uppy-StatusBar-content, .uppy-StatusBar-progress,
	.uppy-Dashboard-AddFilesPanel, .uppy-Dashboard-Item-previewInnerWrap {
	z-index: 0 !important;
}

.uppy-Dashboard-AddFilesPanel .uppy-Dashboard-AddFiles {
	height: calc(100% - 105px) !important;
}

.uppy-Dashboard-AddFiles-info .uppy-Dashboard-note>span {
	display: block;
}

button:is(.uppy-Dashboard-browse, .uppy-Dashboard-Item-action--remove,
	.uppy-Dashboard-Item-progressIndicator,
	.uppy-Dashboard-Item-errorDetails, .uppy-StatusBar-details):is(:hover,
	:focus) {
	background: transparent !important;
	box-shadow: initial !important;
}

.uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progressIcon--circle>circle
	{
	fill: #44AB2B !important;
}

.uppy-StatusBar-progress {
	background-color: #44AB2B !important;
}

.uppy-StatusBar.is-complete .uppy-StatusBar-statusIndicator {
	color: #44AB2B !important;
}

.uppy-StatusBar-actions .uppy-StatusBar-actionCircleBtn {
	display: none;
}

.uppy-StatusBar-spinner {
	fill: #44AB2B !important;
}

@media screen and (max-width: 665px) {
	.uppy-Dashboard-AddFiles-title {
		margin-bottom: 5px !important;
	}
	.uppy-DashboardContent-addMore:before {
		left: -4px;
	}
}

/* ssUploadedFileList */
.ssUploadedFileDiv {
	padding: 0 10px;
}

div.ssUploadedFileDiv span.ssUploadedFileList-ext {
	background-color: #f5f5f5;
	width: 45px;
}

div.ssUploadedFileDiv span.ssUploadedFileList-ext>i {
	font-size: large;
	padding: 10px 14px;
}

div.ssUploadedFileList {
	margin: 20px 0 0 0;
	clear: both;
}

div.ssUploadedFileList>button.faButton {
	margin-left: 0;
}

div.ssUploadedFileList>ul {
	margin-top: 20px;
	margin-bottom: 0;
	padding-left: 0;
	font-size: 0.875rem;
	column-width: 350px;
	column-gap: 0;
	list-style-type: none;
}

div.ssUploadedFileList>ul>li {
	display: inline-block;
	width: calc(100% - 5px);
	margin: 2px;
	background-color: #ffffff;
	border: 1px solid #e4e4e4;
}

div.ssUploadedFileList>ul>li.virusscan {
	position: relative;
}

div:is(.ssUploadedFileList-checkbox, .ssUploadedFileList-checkbox2), div.ssUploadedFileList>ul>li>span
	{
	display: inline-block;
	vertical-align: middle;
	white-space: nowrap;
	pd4ml-display: block;
}

div.ssUploadedFileList>ul:not(.ssUploadedFileList-listView)>li>span {
	padding-left: 8px;
	padding-right: 30px;
}

div:is(.ssUploadedFileList-checkbox, .ssUploadedFileList-checkbox2) {
	padding: 18px 5px !important;
	background-color: #f5f5f5;
	pd4ml-visibility: hidden;
	pd4ml-display: none;
}

div.ssUploadedFileList>ul:not(.ssUploadedFileList-listView,
	.ssUploadedFileList-hasDescription)>li>div:is(.ssUploadedFileList-checkbox,
	.ssUploadedFileList-checkbox2) {
	padding: 25px 5px !important;
}

div.ssUploadedFileList-checkbox:hover {
	background-color: #e5e5e5;
	cursor: pointer;
}

div.ssUploadedFileList-checkbox:focus {
	outline: 0;
}

div.ssUploadedFileList-checkbox2>input[type='checkbox'] {
	display: none;
}

div:is(.ssUploadedFileList-checkbox, .ssUploadedFileList-checkbox2)>input[type="checkbox"]
	{
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

div:is(.ssUploadedFileList-checkbox, .ssUploadedFileList-checkbox2)>input[type="checkbox"]+span
	{
	display: none;
}

div:is(.ssUploadedFileList-checkbox, .ssUploadedFileList-checkbox2)>input[type='checkbox']+span+label
	{
	display: inline-block;
	width: 20px;
	margin: 0;
	padding: 0 6px;
	text-align: center;
	font-size: large;
	font-weight: normal;
	color: #000000;
	transition: transform 0.1s ease;
}

ul.ssUploadedFileList-hasDescription div:is(.ssUploadedFileList-checkbox,
	.ssUploadedFileList-checkbox2)>input[type='checkbox']+span+label {
	padding: 12px 6px;
}

div.ssUploadedFileList-checkbox>input[type='checkbox']+span+label {
	cursor: pointer;
}

div.ssUploadedFileList-checkbox>input[type="checkbox"]:focus+span+label:before
	{
	color: var(--buttonbgcolor, #dfdfdf);
}

div:is(.ssUploadedFileList-checkbox, .ssUploadedFileList-checkbox2)>input[type='checkbox']+span+label.fa-check
	{
	font-weight: 900;
}

div:is(.ssUploadedFileList-checkbox, .ssUploadedFileList-checkbox2)>input[type="checkbox"]+span+label.rotate
	{
	transform: scale(0, 1);
}

div:is(.ssUploadedFileList-checkbox, .ssUploadedFileList-checkbox2)>label:is(.fa-file-archive,
	.fa-file-audio, .fa-file-code, .fa-file-excel, .fa-file-image, .fa-file,
	.fa-file-pdf, .fa-file-powerpoint, .fa-file-alt, .fa-file-video,
	.fa-file-word, .fa-sticky-note)::before {
	background-color: #ffffff;
	border-top-right-radius: 10px;
}

div:is(.ssUploadedFileList-checkbox, .ssUploadedFileList-checkbox2)>label.fa-folder::before
	{
	font-family: 'Font Awesome 6 Pro';
	color: #ffffff;
	margin-left: -2px;
	font-weight: bold;
}

div:is(.ssUploadedFileList-checkbox, .ssUploadedFileList-checkbox2)>label.fa-folder::after
	{
	font-family: 'Font Awesome 6 Pro';
	content: "\f07b";
	margin-left: -16px;
}

div.ssUploadedFileList ul.ssUploadedFileList-listView li.virusscan div.ssUploadedFileList-checkbox
	{
	width: 1px;
}

div.ssUploadedFileList-checkbox>label.fa-check {
	left: -1px;
}

div.ssUploadedFileList-details-filename-edit, div.ssUploadedFileList-details-description-edit
	{
	display: none;
}

div.ssUploadedFileList li.virusscan span.ssUploadedFileList-details {
	display: none !important;
}

div.ssUploadedFileList li.virusscan div.ssFieldValidation {
	display: inline-block !important;
	width: calc(100% - 67px) !important;
	position: relative;
	top: 3px;
	left: 10px;
	vertical-align: middle;
}

div.ssUploadedFileList li.virusscan div.ssFieldValidation>dl {
	display: block;
	margin: 0;
}

div.ssUploadedFileList li.virusscan div.ssFieldValidation>dl>dt.ssFieldValidation-icon
	{
	display: inline-block;
	width: auto;
	vertical-align: top;
}

div.ssUploadedFileList li.virusscan div.ssFieldValidation>dl>dd.ssFieldValidation-message
	{
	display: inline-block;
	max-height: 55px;
	width: calc(100% - 40px);
	margin-left: 0;
	white-space: initial;
}

div.ssUploadedFileList li.virusscan div.ssFieldValidation>dl>dd.ssFieldValidation-message>span
	{
	display: inline-block;
	max-width: 100%;
	vertical-align: top;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

div.ssUploadedFileList>ul:not(.ssUploadedFileList-listView) span.ssUploadedFileList-details
	{
	width: calc(100% - 105px) !important;
}

span.ssUploadedFileList-details>span, div.ssUploadedFileList>ul:not(.ssUploadedFileList-listView) span.ssUploadedFileList-details>div:is(.ssUploadedFileList-details-filename-edit,
	.ssUploadedFileList-details-description-edit) {
	margin: 0;
	color: #000000;
}

span.ssUploadedFileList-details>span.ssUploadedFileList-details-filename
	{
	display: block;
	margin-top: -1px;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 0.875rem;
	font-weight: bold;
	color: var(--buttonbgcolor, #dfdfdf);
}

span.ssUploadedFileList-details>span.ssUploadedFileList-details-filename>a
	{
	white-space: nowrap;
	font-weight: bold;
	text-decoration: none;
}

div:is(.ssUploadedFileList-details-filename-edit,
	.ssUploadedFileList-details-description-edit,
	.ssUploadedFileList-description-edit) {
	position: relative;
}

div:is(.ssUploadedFileList-details-filename-edit,
	.ssUploadedFileList-details-description-edit,
	.ssUploadedFileList-description-edit)>input {
	width: calc(100% - 55px);
	padding: 3px 50px 3px 5px;
}

div:is(.ssUploadedFileList-details-filename-edit,
	.ssUploadedFileList-details-description-edit,
	.ssUploadedFileList-description-edit)>span {
	display: inline-block;
	position: absolute;
	top: 5px;
	right: 0;
}

div:is(.ssUploadedFileList-details-filename-edit,
	.ssUploadedFileList-details-description-edit,
	.ssUploadedFileList-description-edit)>span>span>i {
	color: var(--buttonbgcolor, #dfdfdf);
	margin: 0 5px;
	font-size: 0.875rem;
}

div.ssUploadedFileList-options>span:is(:hover, :focus), div:is(.ssUploadedFileList-details-filename-edit,
	.ssUploadedFileList-details-description-edit,
	.ssUploadedFileList-description-edit)>span>span:is(:hover, :focus) {
	cursor: pointer;
}

div.ssUploadedFileList-details-filename-edit {
	height: 20px;
}

div.ssUploadedFileList-details-description-edit {
	height: 30px;
	width: 100%;
}

span.ssUploadedFileList-details>span.ssUploadedFileList-details-filename>a:is(:hover,
	:focus), div.ssUploadedFileList-options>span:is(:hover, :focus)>i, div:is(.ssUploadedFileList-details-filename-edit,
	.ssUploadedFileList-details-description-edit,
	.ssUploadedFileList-description-edit)>span>span:is(:hover, :focus)>i {
	color: var(--hlh);
}

span:is(.ssUploadedFileList-details-description,
	.ssUploadedFileList-description-text) {
	display: grid;
	grid-template-columns: 1fr auto;
	padding: 4px 0;
}

span:is(.ssUploadedFileList-details-description,
	.ssUploadedFileList-description-text)>span {
	padding-right: 3px;
}

span:is(.ssUploadedFileList-details-description,
	.ssUploadedFileList-description-text)>span:first-child {
	overflow: hidden;
	text-overflow: ellipsis;
}

span.ssUploadedFileList-details-description {
	height: 15px;
	width: 100%;
	margin: 1px 0 4px 0 !important;
	padding: 5px;
	position: relative;
	left: -5px;
	font-size: 0.75rem;
}

span.ssUploadedFileList-details-description>span:first-child:empty {
	height: 14px;
}

span:is(.ssUploadedFileList-details-description,
	.ssUploadedFileList-description-text)>span>i.fas {
	display: none;
}

span:is(.ssUploadedFileList-details-description,
	.ssUploadedFileList-description)>i.fas {
	display: none;
	position: absolute;
	top: 15px;
	right: 15px;
	cursor: pointer;
}

div.ssUploadedFileList>ul:not(.ssUploadedFileList-renameMode):not(.ssUploadedFileList-editDescriptionMode) span:is(.ssUploadedFileList-details-description,
	.ssUploadedFileList-description-text):hover {
	background-color: #eeeeee;
	cursor: pointer;
}

div.ssUploadedFileList>ul:not(.ssUploadedFileList-renameMode):not(.ssUploadedFileList-editDescriptionMode) span:is(.ssUploadedFileList-details-description,
	.ssUploadedFileList-description-text):hover>span>i.fas {
	display: inline-block;
}

div.ssUploadedFileList-details-filename-edit+span:last-child {
	margin-top: 5px;
}

span.ssUploadedFileList-description, span.ssUploadedFileList-size, span.ssUploadedFileList-date,
	span.ssUploadedFileList-extraColumn {
	display: none !important;
}

span.ssUploadedFileList-details>span:last-child {
	display: block;
	white-space: nowrap;
	font-size: 0.6875rem;
}

div.ssUploadedFileList-buttons {
	display: inline-block;
}

div.ssUploadedFileList-buttons {
	width: 1px;
}

div.ssUploadedFileList-options>span {
	display: inline-block;
	padding: 5px;
	position: relative;
	top: 3px;
	vertical-align: middle;
	font-size: 1.125rem;
	text-decoration: none;
	background-color: #ffffff !important;
}

div.ssUploadedFileList-options>span:hover {
	color: inherit;
}

div.ssUploadedFileList-options>ul {
	display: none;
	margin-top: 7px;
	margin-left: -96px;
	padding: 5px 0;
	position: absolute;
	font-size: 0.875rem;
	list-style-type: none;
	color: #222222;
	background-color: #ffffff;
	border-radius: 3px;
	box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.075);
	border: 1px solid #949494;
	z-index: 2001;
}

div.ssUploadedFileList-options>ul:before {
	content: '\25b2';
	position: absolute;
	top: -14px;
	left: 95px;
	font-size: 0.9375rem;
	color: #ffffff;
	text-shadow: 0 -3px 1px rgba(0, 0, 0, 0.075), 0 -2px 0
		rgba(0, 0, 0, 0.075);
	transform: scale(1.5, 1);
}

div.ssUploadedFileList-options>ul>li {
	width: 100px;
	margin: 5px 0;
	padding: 5px 15px;
	list-style-type: none;
}

div.ssUploadedFileList-options>ul>li:is(:hover, :focus) {
	color: var(--buttonfontcolor);
	background-color: var(--buttonbgcolor, #dfdfdf);
	cursor: pointer;
}

div.ssUploadedFileList>ul:is(.ssUploadedFileList-renameMode,
	.ssUploadedFileList-editDescriptionMode) :is(div.ssUploadedFileList-options,
	li.ssUploadedFileList-editOption) {
	color: #cccccc;
}

div.ssUploadedFileList>ul:is(.ssUploadedFileList-renameMode,
	.ssUploadedFileList-editDescriptionMode) li.ssUploadedFileList-editOption:is(:hover,
	:focus), div.ssUploadedFileList>ul:is(.ssUploadedFileList-renameMode,
	.ssUploadedFileList-editDescriptionMode) div.ssUploadedFileList-options>span:is(:hover,
	:focus)>i, div.ssUploadedFileList>ul:is(.ssUploadedFileList-renameMode,
	.ssUploadedFileList-editDescriptionMode) div.ssUploadedFileList-options:is(:hover,
	:focus) * {
	color: #cccccc;
	background-color: #ffffff;
	cursor: default;
}

ul.ssUploadedFileList-listView {
	display: table;
	width: 100%;
	margin: 0;
	border-collapse: collapse;
}

ul.ssUploadedFileList-listView>li {
	display: table-row !important;
}

ul.ssUploadedFileList-listView.ssFieldValidation-error>li {
	border-left: none;
	border-right: none;
}

ul.ssUploadedFileList-listView.ssFieldValidation-error>li:last-child {
	border-bottom: none;
}

ul.ssUploadedFileList-listView>li>:is(div, span) {
	display: table-cell;
	vertical-align: middle;
}

li.ssUploadedFileList-listViewHeader {
	display: none !important;
	border: none !important;
}

li.ssUploadedFileList-listViewHeader>span {
	padding: 10px 0;
}

li.ssUploadedFileList-listViewHeader>span:is(.ascending, .descending) {
	font-weight: bold;
}

li.ssUploadedFileList-listViewHeader>span>div.ssCheckBoxContainer {
	margin-left: 17px;
	padding-bottom: 7px;
}

li.ssUploadedFileList-listViewHeader>span>i.fas {
	display: none;
}

li.ssUploadedFileList-listViewHeader>span>span {
	display: inline-block;
	margin-right: 5px;
}

li.ssUploadedFileList-listViewHeader>span:nth-child(2) {
	padding-left: 10px !important;
}

li.ssUploadedFileList-listViewHeader>span:nth-child(n+2) {
	cursor: pointer;
}

ul.ssUploadedFileList-listView:not(.ssUploadedFileList-hasDescription)>li.ssUploadedFileList-listViewHeader>span:nth-child(n+2),
	ul.ssUploadedFileList-listView.ssUploadedFileList-hasDescription>li.ssUploadedFileList-listViewHeader>span:nth-child(n+3)
	{
	padding: 10px;
}

ul.ssUploadedFileList-listView:not(.ssUploadedFileList-hasDescription)>li.ssUploadedFileList-listViewHeader>span:nth-child(3),
	ul.ssUploadedFileList-listView.ssUploadedFileList-hasDescription>li.ssUploadedFileList-listViewHeader>span:nth-child(4),
	ul.ssUploadedFileList-listView span.ssUploadedFileList-size {
	text-align: right;
}

li.ssUploadedFileList-listViewHeader>span.ascending>i.fa-caret-up, li.ssUploadedFileList-listViewHeader>span.descending>i.fa-caret-down
	{
	display: inline-block;
}

ul.ssUploadedFileList-listView>li>div:is(.ssUploadedFileList-checkbox,
	.ssUploadedFileList-checkbox2) {
	padding: 0 !important;
	text-align: center;
	width: 1px;
}

ul.ssUploadedFileList-listView>li>span:focus {
	background-color: #eeeeee;
}

ul.ssUploadedFileList-listView>li>span:nth-child(n+2) {
	display: table-cell !important;
	padding: 0 10px;
}

ul.ssUploadedFileList-listView>li>div:is(.ssUploadedFileList-checkbox,
	.ssUploadedFileList-checkbox2)>input[type='checkbox']+span+label {
	padding: 12px;
}

ul.ssUploadedFileList-listView span.ssUploadedFileList-details {
	position: relative;
}

ul.ssUploadedFileList-listView span.ssUploadedFileList-details>span.ssUploadedFileList-details-filename
	{
	width: calc(100% - 15px);
	margin-top: -10px;
	position: absolute;
}

ul.ssUploadedFileList-listView li.virusscan span.ssUploadedFileList-details>span.ssUploadedFileList-details-filename
	{
	margin-top: 0;
}

ul.ssUploadedFileList-listView li.virusscan div.ssFieldValidation {
	width: calc(100% - 100px);
	position: absolute;
	top: 8px;
	left: 55px;
}

ul.ssUploadedFileList-listView li.virusscan div.ssFieldValidation>dl>dd.ssFieldValidation-message
	{
	width: calc(100% - 50px);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

ul.ssUploadedFileList-listView li.virusscan div.ssFieldValidation>dl>dd.ssFieldValidation-message>span
	{
	display: inline;
}

ul.ssUploadedFileList-listView span.ssUploadedFileList-details>div.ssUploadedFileList-details-filename-edit
	{
	height: 25px;
}

ul.ssUploadedFileList-listView>li>span:is(.ssUploadedFileList-details) {
	width: 100% !important;
}

ul.ssUploadedFileList-listView.ssUploadedFileList-hasDescription>li>span:is(.ssUploadedFileList-details,
	.ssUploadedFileList-description) {
	width: 50% !important;
}

ul.ssUploadedFileList-listView span.ssUploadedFileList-details>span:not(:first-child),
	ul.ssUploadedFileList-listView div.ssUploadedFileList-description-edit
	{
	display: none;
}

ul.ssUploadedFileList-listView:not(.ssUploadedFileList-renameMode):not(.ssUploadedFileList-editDescriptionMode) span.ssUploadedFileList-description-text
	{
	width: 100%;
	padding: 5px;
	position: relative;
	left: -5px;
}

ul.ssUploadedFileList-listView div.ssUploadedFileList-options>span {
	display: block;
	padding: 0 20px 0 10px;
}

ul.ssUploadedFileList-listView div.ssUploadedFileList-options>ul {
	margin-top: 10px;
	margin-left: -91px;
}

div.ssUploadedFileList li.virusscan div.ssFieldValidation dd.ssFieldValidation-message
	{
	font-size: 0.8125rem;
}

div.ssUploadedFileList>ul.pd4ml {
	margin-top: -15px !important;
	column-count: 1;
}

div.ssUploadedFileList>ul.pd4ml>li {
	width: calc(100% - 5px);
}

div.ssUploadedFileList>ul.pd4ml+div.ssUploadedFileList-footer, ul.ssUploadedFileList-listView+div.ssUploadedFileList-footer
	{
	display: block;
	padding: 10px 15px;
	text-align: right;
	font-size: 0.75rem;
}

div.ssUploadedFileList>ul.pd4ml+div.ssUploadedFileList-footer {
	margin-top: -5px;
	padding: 0 15px;
}

div.ssUploadedFileList-footer {
	display: none;
}

div.ssUploadedFileList-footer>span.total {
	display: inline-block;
}

div.ssUploadedFileList-footer>.aicontent_container {
	position: absolute;
	bottom: 0;
	left: 3px;
}

.batchupdate .optionsDiv {
	position: fixed;
	top: 0;
	width: 280px;
	background: #f6f6f6;
	height: 100vh;
	overflow: auto;
	overflow-x: hidden;
	border-right: 1px solid #eee;
}

.batchupdate .containerDiv {
	width: calc(100% - 280px);
	margin-left: 280px;
	padding: 0px 20px 30px 20px;
	box-sizing: border-box;
}

.batchupdate .containerDiv .information_msg_container {
	display: block;
}

.batchupdate .contentDiv {
	width: 100%;
}

.batchupdate .fieldDiv {
	border: 0;
	padding: 5px 0;
	border-bottom: 1px solid #f1f1f1;
}

.batchupdate .fieldLabel {
	font-weight: 600;
	padding: 10px 2px;
	width: 100%;
}

.batchupdate .fieldControl div {
	padding: 2px 0px;
}

.batchupdate .optionsDiv ul.checkboxList {
	padding: 0 !important;
	margin: 0 0 30px 0;
}

.batchupdate .optionsDiv ul li {
	width: 100%;
	display: inline-block;
	border-bottom: 1px solid #efecec;
	padding-bottom: 0;
	box-sizing: border-box;
}

.batchupdate .optionsDiv ul li.highlight {
	background: #e2e0e0 !important;
}

.batchupdate .optionsDiv ul.CheckBoxContainer li label {
	padding: 10px 0 10px 40px !important;
	display: block;
}

.batchupdate .optionsDiv ul li label:before {
	top: 9px;
	left: 20px;
	height: 15px;
	background-image: linear-gradient(transparent 4px, white -10px);
}

.batchupdate .optionsDiv ul li label:after {
	top: 9px;
	left: 20px;
}

.batchupdate h2 {
	font-size: 1rem;
	font-weight: bold;
	padding: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	background: #eee;
	padding: 9px;
}

.batchupdate .optionsDiv ul li.option_subheader {
	padding: 10px 0 10px 23px;
	display: block;
	font-weight: bold;
	background: #eee
}

.batchupdate .fieldControl div.RadioContainer {
	padding: 5px;
}

.batchupdate .RadioContainer label {
	padding-top: 2px;
}

.batchsuccess {
	background-color: #44AB2B;
	color: #fff;
	width: 100%;
	text-shadow: none;
	margin-top: 2px;
	width: auto;
	display: inline-block;
	padding: 2px 7px;
	font-size: 0.875rem;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}

/* Assignment Roles settings */
.rolerestrictdivwrapper {
	display: flex;
	flex-wrap: wrap;
}

.rolerestrictdiv {
	padding: 5px 5px 10px 10px;
	margin: 5px 1% 5px 0;
	border: 1px solid #eee;
	border-radius: 5px;
	/*width: 30%;*/
	background: #fafafa;
	box-sizing: border-box;
}

.rolerestrictdiv>span {
	float: right;
}

.rolerestrictdiv p {
	margin: 5px 2px 8px 1px;
	font-size: 0.9375rem;
	border-bottom: 1px solid #eee;
	padding-bottom: 8px;
}

.rolerestrictdiv div.lookUpResultsContainer {
	position: relative;
	column-width: unset;
	column-gap: 0;
	max-height: 192px;
	overflow-y: auto;
	display: inline-block;
	width: 100%;
	margin-bottom: -14px;
	padding-bottom: 10px;
}

.rolerestrictdiv .ajaxLookupSpan {
	width: 27.6%;
	background: #fff;
	margin-right: 1%;
	margin-left: 0;
}

.rolerestrictdiv .ajaxLookupSpan>span:first-child {
	width: 85%;
}

.rolerestrictdiv .ajaxLookupSpan:nth-of-type(3n) {
	margin-right: 0;
}

.lookUpResultsContainer::-webkit-scrollbar, .notes .notescontent::-webkit-scrollbar
	{
	width: 7px;
}

.lookUpResultsContainer::-webkit-scrollbar-track, .notes .notescontent::-webkit-scrollbar-track
	{
	background: #ddd;
}

.lookUpResultsContainer::-webkit-scrollbar-thumb, .notes .notescontent::-webkit-scrollbar-thumb
	{
	background: #666;
}

body.modal_frame.mobile #container {
	min-width: 275px !important;
}

.securityaudit .groupheader, .performanceaudit .groupheader,
	.configtranslations .groupheader {
	color: #3f3f3f;
	padding: 10px;
	background: #f7f7f7;
	border-bottom: 1px solid #eee;
}

.securityaudit td, .securityaudit th, .performanceaudit td,
	.performanceaudit th {
	padding: 10px;
	vertical-align: top;
	word-break: break-word;
	word-wrap: break-word;
}

.securityaudit .Data2, .performanceaudit .Data2 {
	background: transparent;
}

.securityaudit .attention, .performanceaudit .attention {
	width: 9%;
	width: 140px !important;
	text-align: center;
}

.securityaudit .severity, .securityaudit .area, .securityaudit .category,
	.performanceaudit .severity, .performanceaudit .area, .performanceaudit .category
	{
	width: 7%;
}

.securityaudit .details, .performanceaudit .details {
	width: 26%;
}

.securityaudit .risk, .performanceaudit .risk, .securityaudit .note,
	.performanceaudit .note {
	width: 40%;
}

.securityaudit .url, .performanceaudit .url {
	width: 5%;
	text-align: center;
}

.securityaudit .url a, .performanceaudit .url a {
	color: var(--buttonfontcolor);
}

.systemsummary {
	margin: 5px 0 0 0;
}

.systemsummary h2 {
	display: inline-block;
	width: 100%;
	font-size: 1rem;
	font-weight: normal;
	padding-bottom: 5px;
	margin-bottom: 0;
	border-bottom: 1px solid #ececec;
	display: inline-block;
	width: 100%;
}

.systemsummary #audit {
	float: left;
	width: auto;
	padding-left: 15px;
	color: #FFFFFF;
}

.summarycontentwrapper.warn {
	background: #D84A49;
}

.summarycontentwrapper.approve {
	background: #00ad2a;
}

.systemsummary #auditdate div.left {
	padding-left: 5px !important;
}

.systemsummary #auditdate {
	background: #f5f5f5;
	width: auto;
	padding-left: 5px;
}

.summarycontentwrapper {
	float: left;
	width: auto;
	padding: 10px 15px 10px 0;
}

.summarysection>div:not(.information_msg_container) {
	border-radius: 3px;
	margin-right: 5px;
}

.summarycontentwrapper div.left {
	float: left;
	width: auto;
	padding-left: 0;
}

.summarycontentwrapper div.right {
	float: left;
	width: auto;
	padding: 1px 0 0 5px;
}

.summarycontentwrapper div.date {
	float: left;
	padding-left: 5px;
}

.summarycountwrapper {
	display: inline-block;
	width: 100%;
}

.utamap {
	padding: 5px;
	min-width: 150px;
	max-width: 450px;
	overflow-x: auto;
}

.utamap div {
	padding-bottom: 2px;
}

.utamap .mapname {
	font-size: 0.875rem;
	font-weight: bold;
	padding-bottom: 5px;
}

.utamap .mapname a {
	font-weight: bold;
	text-decoration: none;
}

.closeprofilecard {
	float: right;
	cursor: pointer;
	font-size: 1.25rem;
	padding: 5px 0px
}

textarea.importstyles {
	height: 90vh !important;
}

.reorderDragDrop td, .sortable_mainlist span, .sortable_mainlist div,
	.DraggableHeader div {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.paymenttable {
	max-width: 100vw;
	overflow-x: auto;
}

.modal_frame .paymenttable {
	max-height: 60vh;
}

.paymenttable input[type="text"]+.ui-datepicker-trigger {
	margin-left: -31px;
}

#previewframe.Hundred {
	width: 100%;
}

.addresstype #fielddisplaycontainer, .addresstype #fieldlistcontainer {
	float: left;
	width: 49%;
	border: 1px solid #eee;
	margin-right: 1%;
}

.addresstype #fielddisplaycontainer {
	margin-right: 0;
}

.picker {
	padding: 10px;
	display: inline-block;
	background: #f9f9f9;
	margin-top: 10px;
	width: 100%;
	box-sizing: border-box;
}

.picker .slider_container {
	top: 4px;
}

.addresstype #fieldlistcontainer #fieldspicker {
	padding: 10px;
	box-sizing: border-box;
}

.addresstype #fieldlistcontainer select {
	width: 100%;
	margin-bottom: 5px;
}

.addresstype #fielddisplaycontainer ul[id^="fielddisplay"] {
	border-bottom: 1px solid #eee;
	width: 100%;
	height: auto;
	min-height: 30px;
	-webkit-padding-start: 0px;
	padding: 10px 10px;
	box-sizing: border-box;
}

.addresstype #fielddisplaycontainer ul[id^="fielddisplay"]:empty::after
	{
	color: #cccccc;
	font-size: 1.5625rem;
	content: attr(data-empty-message);
}

.includecaption {
	display: inline-block;
	width: 100%;
	padding: 5px;
	text-align: right;
	box-sizing: border-box;
	background: #f9f9f9;
}

.includecaption div {
	float: left;
}

.includecaption label+label {
	float: right;
	margin-top: 3px;
	margin-left: 5px;
}

.addbutton {
	background: #f9f9f9;
	padding: 5px;
}

.sabody {
	background: #f4f5f5 !important;
}

.sabody div {
	box-sizing: border-box;
}

.sabody .header {
	background: #fff;
}

.sabody .header .container, .sabody .container {
	width: 100%;
	margin: 0 auto;
	padding: 15px;
}

.sabody .header h1 {
	font-size: 1.875rem;
	font-weight: normal;
	margin: 0;
}

.sabody h2 {
	font-size: 1.5625rem;
	font-weight: normal;
}

.questionbox {
	display: inline-block;
	width: 100%;
	margin: 10px 0 0 0;
	background: #fff;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	overflow: hidden;
}

.div_des_wrapper {
	background: var(--headerbgcolor);
	color: var(--headerfontcolor);
	display: inline-block;
	font-size: 1.25rem;
	padding: 15px 15px;
	width: 100%;
	box-sizing: border-box;
}

#div_nlp {
	display: inline-block;
	padding: 15px;
	background: #f9f9f9;
	width: 100%;
}

.sabody .search {
	float: right;
}

.sabody .search input[type=text] {
	width: 580px;
}

.sabody .search button {
	margin-left: -10px;
	line-height: 20px;
	padding: 4px 10px;
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
}

#div_options ol {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 55px;
	margin: 20px 0;
	display: inline-block;
	width: 100%;
	box-sizing: border-box;
}

#div_options ol li {
	padding-bottom: 10px;
	margin-left: 20px;
}

#div_options ol li:after {
	clear: both;
	display: block;
	content: "";
}

#div_options ol li label>span {
	width: calc(100% - 20px);
}

.footerbutton {
	background: #f9f9f9;
	padding: 10px;
	text-align: center;
}

span.enforce {
	display: inline-block;
	padding: 6px;
}

html:not(.systemmessage) .submitmessage {
	font-family: 'Roboto', "Helvetica Neue", Helvetica, Arial, sans-serif;
	background: #fff;
	width: 60vw;
	margin: 0 auto;
	margin-top: 40px;
	border: 1px solid #eeeeee;
	border-radius: 9px;
	overflow: hidden;
	-webkit-box-shadow: 1px 4px 13px 0 rgba(0, 0, 0, 0.06);
	-moz-box-shadow: 1px 4px 13px 0 rgba(0, 0, 0, 0.06);
	box-shadow: 1px 4px 13px 0 rgba(0, 0, 0, 0.06);
}

html:not(.systemmessage) .submitmessage .titlebar {
	font-weight: normal;
	font-size: 1.5625rem;
	line-height: 30px;
	padding: 16px 20px;
	background: #f3f3f3;
}

html:not(.systemmessage) .submitmessage .title {
	white-space: pre-line;
}

html:not(.systemmessage) .submitmessage .message {
	font-size: 0.9375rem;
	line-height: 170%;
	color: #2d2e29;
	padding: 25px 20px;
	white-space: pre-line;
	border-bottom: 0;
}

.submitbuttonwrapper {
	padding: 18px 15px;
	border-top: 1px solid #eee;
	margin: 0 20px;
	text-align: center;
}

.submitbuttonwrapper button {
	font-size: 0.9375rem;
	padding: 6px 18px;
}

.submitbuttonwrapper button>.fa, .submitbuttonwrapper button>.fas,
	.submitbuttonwrapper button>.far, .submitbuttonwrapper button>.fal,
	.submitbuttonwrapper button>.fab {
	vertical-align: initial;
	padding-right: 2px;
}

.actionpanel {
	padding: 0px 15px;
	width: auto;
}

.actionpanel, .actionpanel .Title, .actionpanel .Form, .actionpanel td.Submit
	{
	background: var(--menuheadbgcolor, #dfdfdf);
	color: var(--menuheadfontcolor);
	border: none;
}

.actionpanel .FormContainer {
	display: block;
	width: 100%;
}

.actionpanel .ssCheckBoxContainer label:before, .actionpanel .ssCheckBoxContainer label:after,
	.actionpanel td.Form .ssRadioContainer label:before, .actionpanel td.Form .ssRadioContainer label:after,
	.actionpanel .fieldContentDiv .ssRadioContainer label:before,
	.actionpanel .fieldContentDiv .ssRadioContainer label:after {
	color: var(--menuheadfontcolor);
}

.actionpanel td.Submit {
	padding-top: 10px
}

.actionpanel .Title {
	padding: 10px 45px 7px 1px;
}

.containerwrapper.cookie table thead {
	border-top: 2px solid var(--buttonbgcolor, #dfdfdf);
}

/* ------policies classes------ */
body.privacybg {
	background: #F9F9F9 !important;
}

body.privacybg p, body.privacybg span, body.privacybg ul, body.privacybg ol
	{
	color: #444;
}

.containerwrapper {
	max-width: 1045px;
	width: 100%;
	margin: 60px auto;
}

.container_policy {
	background: #FFF;
	padding: 15px 25px;
	margin: 30px 10px;
	margin: 0 auto;
	margin-bottom: 25px;
	margin-top: 20px;
	border-radius: 5px;
	background-repeat: repeat-x;
	box-sizing: border-box;
	box-shadow: none;
	-webkit-box-shadow: none;
	border: 1px solid #f1f1f1
}

.container_policy .container_content h1, .container_policy .container_content h2,
	.container_policy .container_content h3, .container_policy .container_content h4
	{
	font-size: 1.25rem;
	color: #444;
	margin-top: 15px;
	font-style: normal;
}

.container_policy .container_title {
	border-bottom: 0;
}

.container_policy .container_title h1, .container_policy .container_title h2,
	.container_policy .container_title h3, .container_policy .container_title h4
	{
	font-size: 1.5625rem;
	text-rendering: optimizelegibility;
	border-bottom: 1px solid #f1f1f1;
	color: #444;
	padding: 0px 0 8px 0;
	margin-bottom: 20px;
}

.container_policy p {
	font-size: 0.875rem;
	line-height: 160%;
	color: #000;
	margin-top: 5px;
}

.container_policy ul {
	display: block;
	list-style-type: disc;
	margin-bottom: 10px;
	margin-left: 20px;
	padding-left: 20px;
}

.container_policy ul li {
	font-size: 0.875rem;
	line-height: 160%;
	padding-bottom: 2px;
}

.container_policy span {
	font-size: 0.875rem;
	line-height: 160%;
}

.container_content {
	padding: 0px 0px 15px 0px;
	border-radius: 2px;
	line-height: 20px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.container_title {
	margin-bottom: 20px;
	border-bottom: 1px solid #e2e2e2;
}

.globalContainer.privacybtn {
	display: inline-block;
	width: 100%;
	background: #f5f5f5;
	padding: 10px;
	padding-top: 15px;
	box-sizing: border-box;
	border-radius: 3px;
}

.globalContainer.privacybtn input[type="button"] {
	margin-bottom: 5px;
}

.globalContainer.privacybtn:empty {
	display: none;
}
/* login pages styles that need to compile */
.login .language select {
	color: var(--headerfontcolor);
	border-color: var(--headerfontcolor);
}

/* personal dashboard */
.dashboard {
	background: #f9f9f9;
}

.dashboard .object_name {
	margin-top: 15px;
	margin-bottom: 10px;
}

.dbitemcontainer {
	margin: 0px 1% 30px 0px;
	display: inline-block;
	box-sizing: border-box;
	vertical-align: top;
	background: #fff;
	border: 1px solid #eee;
}

.dbitemcontainer_inner {
	padding: 5px 15px 10px 15px;
}

.dbitemcontainer.fullwidth {
	width: 100%;
	height: 500px;
	overflow: auto;
}

.dbitemcontainer.twocolumns {
	width: 49%;
	margin-right: 2%;
	height: 430px;
	overflow: auto;
}

.dbitemcontainer.twocolumns_largecard {
	width: 49%;
	margin-right: 2%;
	height: 430px;
	overflow: auto;
}

.dbitemcontainer.twocolumns_largecard:nth-of-type(3), .dbitemcontainer.twocolumns_largecard:nth-of-type(5)
	{
	margin-right: 0;
}

.dbitemcontainer.twocolumns:nth-of-type(2n) {
	margin-right: 0;
}

.dbitemcontainer.threecolumns {
	width: 32%;
	margin-right: 2%;
	height: 430px;
	overflow: auto;
}

.dbitemcontainer.threecolumns:nth-of-type(3n) {
	margin-right: 0;
}

.dbitemcontainer .navdiv {
	margin-top: -1px;
}

.db-title {
	border: none;
	display: inline-block;
}

.db-title .fa, .db-title .fas, .db-title .far, .db-title .fal, .db-title .fab
	{
	padding-right: 7px;
	font-weight: normal;
}

.db-title-outer {
	margin-bottom: 10px;
	font-size: 1.125rem;
	font-weight: bold;
	text-align: left;
	color: #333;
	color: var(--titlefontcolor);
	background: var(--titlebgcolor);
	border-bottom: 1px solid #e6e5ea;
	padding: 10px 15px;
}

.agg-title {
	color: #333;
	margin-bottom: 4px;
	font-size: 1.125rem;
	text-align: left;
}

.agg-div {
	display: inline-block;
	margin: 0px 10px 10px 0px;
}

.db-editicon {
	float: right;
	cursor: pointer;
	color: var(--titlefontcolor);
	font-size: 1rem !important;
	margin-top: 1px;
	padding: 2px 5px;
	transition: background ease-in 0.2s;
}

.db-editicon:hover {
	background: var(--titlefontcolor);
	color: var(--titlebgcolor);
	transition: background ease-in 0.2s;
}

.dashboard .highcharts-button:not(:hover) rect {
	fill: white;
	stroke-width: 0;
}

.dashboard .highcharts-button:hover rect {
	stroke-width: 1;
}

.agg-div-outer .shortcutDiv {
	border: 0;
}

.agg-div-outer .shortcutDiv span.shortcutCount {
	font-weight: normal;
	font-size: 1.5625rem;
	color: var(--buttonbgcolor, #dfdfdf);
	text-align: left;
	border-radius: 3px;
}

.dbitemcontainer .shortcutDiv {
	display: inline-block;
	margin: 0 0 15px 0;
	padding: 9px 8px 20px 11px;
	box-sizing: border-box;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.dbitemcontainer.threecolumns .agg-div-outer .shortcutDiv {
	width: 48%;
	margin-right: 1%;
	cursor: default;
}

.dbitemcontainer.twocolumns .agg-div-outer .shortcutDiv,
	.dbitemcontainer.twocolumns_largecard .agg-div-outer .shortcutDiv {
	width: 32%;
	margin-right: 1%;
	cursor: default;
	box-sizing: border-box;
}

.dbitemcontainer.twocolumns .agg-div-outer .shortcutDiv:nth-of-type(3n),
	.dbitemcontainer.twocolumns_largecard .agg-div-outer .shortcutDiv:nth-of-type(3n)
	{
	margin-right: 0;
}

.dbitemcontainer.fullwidth .agg-div-outer .shortcutDiv {
	width: auto;
	min-width: 190px;
}

.dbitemcontainer .agg-div-outer .shortcutDiv:hover {
	border-radius: 3px;
	background: var(--buttonbgcolor, #dfdfdf);
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.dbitemcontainer .agg-div-outer .shortcutDiv.nohover:hover {
	background: #fdfdfd;
	cursor: initial;
}

.dbitemcontainer .agg-div-outer .shortcutDiv.nohover:hover .agg-title {
	color: #333;
}

.dbitemcontainer .agg-div-outer .shortcutDiv.nohover:hover span.shortcutCount
	{
	color: var(--buttonbgcolor, #dfdfdf);
}

.dbitemcontainer .agg-div-outer .shortcutDiv:hover .agg-title,
	.agg-div-outer .shortcutDiv:hover span.shortcutCount {
	color: var(--buttonfontcolor);
}

.dbitemcontainer .ax-controlbar .search_fields {
	width: 65%;
}

.dbitemcontainer .ax-controlbar .search_fields .searchtext {
	width: 85%;
}

.dashboardnamewapper {
	background: #f7f7f7;
	padding: 10px;
	box-sizing: border-box;
	text-align: left;
	font-size: 0.9375rem;
	margin-bottom: 7px;
}

.dashboardnamewapper .name {
	display: inline-block;
	margin: 4px 4px 10px 0px;
}

.dashboardnamewapper .namecontent {
	display: inline-block;
}

.dashboardnamewapper .namecontent input {
	min-width: 300px;
}

.cf_chart {
	width: 100%;
}

.highcharts-button:not(:hover) rect {
	fill: white;
	stroke-width: 0;
}

.highcharts-button:hover rect {
	stroke-width: 1;
}

.emailpreview .messagepreviewbody {
	width: 100%;
	margin: 10px 0;
	height: auto;
	overflow: auto;
	padding-left: 4px;
	display: block;
	word-break: break-word;
	line-height: 140%;
	padding: 5px;
	box-sizing: border-box;
	padding-bottom: 16px;
}

.emailpreview td.userinfo, .emailpreview td.Panel.attachement {
	background: #f9f9f9;
	padding: 10px;
	box-sizing: border-box;
	margin-top: 1px;
}

.emailpreview td.Panel.attachement {
	background: #f9f9f9;
	padding: 10px;
	box-sizing: border-box;
	margin: 1px 0 10px 0;
}

.emailpreview td.userinfo .FormPanel {
	padding: 4px 0;
}

.emailpreview .FormEmail textarea {
	width: 100%;
	margin: 15px 0 5px 0;
}

/* Similarity identification */
.docwrapper {
	display: flex;
	padding: 15px 0 0 0;
	overflow: hidden;
	box-sizing: border-box;
	justify-content: space-between;
}

.docwrapper div {
	box-sizing: border-box;
}

.docwrapper .panel {
	font-size: 0.875rem;
	overflow: hidden;
	width: 50%;
}

.docwrapper .panel.current button {
	float: right;
	margin: -8px 0 0 0;
}

.docwrapper .panel.compare button {
	float: right;
	margin: -5px 0 0 0;
}

.docwrapper .panel button .fa, .docwrapper .panel button .fas,
	.docwrapper .panel button .far, .docwrapper .panel button .fal,
	.docwrapper .panel button .fab {
	padding-right: 5px;
}

.docwrapper .panel ul {
	list-style-type: none;
	margin: 15px 0 0 0;
	padding: 0;
	line-height: 150%;
}

.docwrapper .panel.current .header {
	background: #aaa;
	font-size: 0.9375rem;
	padding: 11px;
	color: #fff;
	height: 43px;
	padding: 11px 11px 11px 16px;
}

.docwrapper .panel.current .content {
	position: relative;
	background: #fff5cf;
	border-radius: 6px;
	border: 3px solid #ffe683;
	border-radius: 6px;
	padding: 20px;
	box-sizing: border-box;
	line-height: 19px;
	margin: 10px 15px;
}

.docwrapper .panel.current p {
	padding: 0;
	margin: 10px 0 10px 0;
	line-height: 140%;
}

.docwrapper .panel.current p+br {
	display: none;
}

.docwrapper .panel.current a {
	font-size: 0.875rem;
	color: #D33131;
	text-decoration: none;
}

.docwrapper .panel.current a:hover {
	text-decoration: underline;
}

.docwrapper .panel.compare {
	background: #f5f5f5;
	box-shadow: inset 4px 10px 22px -6px rgba(0, 0, 0, 0.2);
}

.docwrapper .panel.compare .header {
	color: var(--titlefontcolor);
	background: var(--titlebgcolor);
	font-size: 0.9375rem;
	padding: 11px 11px 11px 16px;
	height: 43px;
}

.docwrapper .panel.compare .header a {
	color: var(--titlefontcolor);
}

.docwrapper .panel.compare .header a:hover {
	text-decoration: underline !important;
}

.docwrapper .panel.compare div.content {
	padding: 0;
}

.docwrapper .panel.compare div.content>div {
	border: 3px solid #dadada;
	border-radius: 6px;
	padding: 20px;
	box-sizing: border-box;
	line-height: 19px;
	margin: 10px 15px;
	background: #fff;
}

.docwrapper .panel.compare div.content>div>p {
	padding: 0;
	margin: 0 0 6px 0;
}

.docwrapper .panel.compare div.content>div.hfield {
	border: 3px solid #f3c200;
	background: #fff;
}

.docwrapper .panel.compare div.content>div.hfield .highlight {
	font-weight: bold;
	background: #f3c200 !important;
	border: 0;
}

.doc2red {
	color: #D33131;
}
/* stripe payment */
.stripepayment {
	background: #f8fafc;
}

.stripepayment .stripepaymentwrapper {
	margin: auto;
	width: 610px;
	height: auto;
	margin: 15px auto 50px auto;
	background: #fff;
	border-radius: 6px;
	overflow: hidden;
	box-shadow: 0 2px 4px 0 rgba(50, 50, 93, .1);
	border: 1px solid #f1f5fa;
}

.stripepayment .stripepaymentwrapper .rowDiv {
	border-bottom: 1px solid #f1f5fa;
}

.stripepayment .stripepaymentwrapper #cardinfo .rowDiv:last-of-type {
	border-bottom: 0;
}

.stripepayment .stripepaymentwrapper .success_msg_container {
	margin: 20px;
	width: calc(100% - 40px);
	white-space: pre-wrap;
}

.stripepayment .paymenttitle {
	width: 610px;
	margin: 25px auto;
}

.stripepayment .paymenttitle h1 {
	font-size: 1.25rem;
	font-weight: normal;
}

.stripepayment .Submit, .cartsummarycontent .Submit {
	display: table;
	padding: 5px 0;
	text-align: center;
	width: 100%;
}

.stripepayment .buttonwrapper button {
	width: 98%;
	box-sizing: border-box;
	font-size: 1.0625rem;
	font-weight: 700;
	padding: 7px;
}

.stripepayment .stripepaymentwrapper .formdiv {
	display: inline-block;
	width: 100%;
	margin-bottom: 5px;
}

.signuppageWrapper .userheading {
	color: var(--titlefontcolor);
	background: var(--titlebgcolor);
}

.signuppageWrapper a.btn {
	color: var(--buttonfontcolor);
}

.signuppageWrapper a.btn.btn-default:hover {
	color: var(--buttonfontcolor);
}

/* ssWindow */
body.ssWindow-modal-open {
	overflow: hidden;
	width: 100%;
}

section.ssWindow-backdrop {
	display: table;
	opacity: 0;
	height: 100%;
	width: 100%;
	margin: 0;
	position: fixed;
	top: 0;
	left: 0;
	color: #333333;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 2050;
	transition: 0.25s opacity;
	-webkit-transition: 0.25s opacity;
}

section.ssWindow-backdrop.opaque {
	background-color: rgb(178, 178, 178);
	background-color: rgba(178, 178, 178, 1);
}

section.ssWindow-backdrop.show {
	opacity: 1;
}

section.ssWindow-backdrop>div {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

section.ssWindow-backdrop>div>article {
	display: table;
	max-height: 95%;
	max-width: 90%;
	margin: auto;
	text-align: left;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0
		rgba(0, 0, 0, 0.19);
}

section.ssWindow-backdrop.fullHeight>div>article {
	height: 100%;
}

section.ssWindow-backdrop.fullWidth>div>article {
	width: 100%;
}

section.ssWindow-backdrop.fullSize1>div>article, section.ssWindow-backdrop.fullSize2>div>article
	{
	height: 100%;
	width: 100%;
}

section.ssWindow-backdrop.fullSize2>div>article {
	max-height: calc(100% - 80px);
	max-width: calc(100% - 80px);
}

section.ssWindow-backdrop>div>article>div {
	display: table-row;
}

section.ssWindow-backdrop>div>article>div:last-child>div, section.ssWindow-backdrop>div>article>div:last-child>div.ssWindow-main>div,
	footer.ssWindow-footerBar {
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}

header.ssWindow-titleBar, div.ssWindow-main, footer.ssWindow-footerBar {
	display: table-cell;
	width: 100%;
	position: relative;
}

header.ssWindow-titleBar {
	height: 66px;
	background-color: #fefefe;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-bottom: 1px #FFFFFF solid;
}

header.ssWindow-titleBar:focus-visible {
	outline: 0;
}

header.ssWindow-titleBar>h3, ul.ssWindow-titleBarButtons {
	display: inline-block;
	padding: 20px 20px 10px 20px !important;
}

header.ssWindow-titleBar>h3 {
	margin: 0;
	padding-right: 0;
	position: absolute;
	font-size: 1.625rem;
	font-weight: normal;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	border: 0;
}

ul.ssWindow-titleBarButtons {
	margin: 0;
	padding-left: 0;
	position: absolute;
	right: 0;
	font-size: 1.75rem;
	list-style-type: none;
}

ul.ssWindow-titleBarButtons>li {
	display: inline-block;
	margin-left: 20px;
	padding: 0;
	line-height: normal;
}

ul.ssWindow-titleBarButtons>li>span {
	display: inline-block;
	color: #cccccc;
	outline: none;
	cursor: pointer;
}

ul.ssWindow-titleBarButtons>li>span:hover, ul.ssWindow-titleBarButtons>li>span:focus
	{
	color: #000000;
}

ul.ssWindow-titleBarButtons>li.hidden {
	display: none;
}

section.ssWindow-backdrop.fullSize1 div.ssWindow-main, section.ssWindow-backdrop.fullSize2 div.ssWindow-main
	{
	height: 100%;
}

div.ssWindow-main {
	outline: none;
	background-color: #ffffff;
}

div.ssWindow-main>div, div.ssWindow-main>div>iframe {
	height: 100%;
	width: 100%;
}

div.ssWindow-main>div {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

div.ssWindow-main>div>iframe {
	display: block;
	border: 0;
}

footer.ssWindow-footerBar {
	height: 1px;
	padding: 5px;
	text-align: center;
	background-color: #f5f5f5;
}

/* smartsimple captcha */
.scaptcha {
	display: inline-block;
	width: 260px;
	background: #fff;
	padding: 0;
	margin-bottom: 10px;
	border: 1px solid #d3d3d3;
	border-radius: 6px;
	box-sizing: border-box;
	box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.08);
	-webkit-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.08);
	-moz-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.08);
	overflow: hidden;
}

.scaptchawrapper {
	display: inline-block;
	background: #eee;
	width: 100%;
	padding: 2px 5px;
	border-radius: 0;
	box-sizing: border-box;
}

.scaptchawrapper>div {
	float: left;
}

.scaptchawrapper>div+div {
	float: right;
	margin: 5px 0 0 5px;
}

.scaptchaanswer {
	display: inline-block;
	padding: 1px 10px 3px 10px;
	width: 100%;
	box-sizing: border-box;
}

.scaptchaanswer p {
	font-size: 0.875rem !important;
	line-height: 160%;
	padding: 0 0 3px 0;
	margin: 0;
}

.scaptchaanswer input {
	margin-bottom: 5px;
	width: 100%;
}
/* new form styling */
.scrollnav.custabcontainer_in, .scrollnav.subtabcontainer_in, .scrollnav.tabcontainer_in,
	.scrollnav.subcontainer_in, .scrollnav.cuscontainer_in, .scrollnav.container_in,
	.scrollnav .v-content {
	border-top: none;
	margin: 0px;
	z-index: 100;
	width: calc(100% - 235px);
}

.scrollnav.subtabcontainer_in.closed {
	width: auto;
}

.scrollnav .tabtitle-bar.active {
	border-bottom: 2px var(--buttonbgcolor, #dfdfdf) solid;
}

.scrollnav .tabtitle-bar {
	border-bottom: 2px #EEEEEE solid;
	margin: 0px;
}

.scrollnav .SubTitle {
	border-bottom: 2px solid var(--axsubtitlebbordercolor);
	padding: 10px 0 8px 2px;
	margin-top: 10px;
}

.scrollnav .SubTitle h2 {
	font-size: 1.375rem;
}

.scrollnav .SubTitle.subtitle_active {
	border-bottom: 2px var(--buttonbgcolor, #dfdfdf) solid;
	padding-left: 2px;
}

.scrollnav .SubTitle .caret_container {
	margin-left: 3px;
}

.scrollnav.mobile div.subtabcontainer_in, .scrollnav.mobile div.custabcontainer_in,
	.scrollnav.mobile div.subtabcontainer_in, .scrollnav.mobile div.tabcontainer_in,
	.scrollnav.mobile div.subcontainer_in, .scrollnav.mobile div.cuscontainer_in,
	.scrollnav.mobile .container_in, .scrollnav.mobile .v-content,
	.objdocktabs.scrollnav div.subtabcontainer_in, .objdocktabs.scrollnav div.custabcontainer_in,
	.objdocktabs.scrollnav div.subtabcontainer_in, .objdocktabs.scrollnav div.tabcontainer_in,
	.objdocktabs.scrollnav div.subcontainer_in, .objdocktabs.scrollnav div.cuscontainer_in,
	objdocktabsdiv.v-content {
	width: calc(100% - 190px);
}

.scrollnav.mobile .sectionanchor, .objdocktabs.scrollnav .sectionanchor
	{
	padding: 15px 10px 5px 10px;
	width: 160px;
}

.scrollnav.mobile .sectionanchor .anchoritem a, .objdocktabs.scrollnav .sectionanchor .anchoritem a
	{
	width: 145px;
}

.scrollnav.mobile .percentFilledMessage, .objdocktabs.scrollnav .percentFilledMessage
	{
	width: 450px;
}

.scrollnav.mobile .percentFilledMessage span.ssProgressBar, .objdocktabs.scrollnav .percentFilledMessage span.ssProgressBar
	{
	width: 310px;
}

.sectionanchor {
	position: absolute;
	float: right;
	margin-top: 6px;
	right: 0px;
	z-index: 999;
}

.sectionanchor.notabanchor {
	position: fixed;
	top: 120px;
	right: 0px;
}

.sectionanchor_container {
	width: 220px;
	border-bottom-left-radius: 5px;
	background: #fff;
	border: 1px solid #eee;
	border-right: none;
	overflow: hidden;
}

.sectionanchor_container.closed {
	width: 0px;
}

.fixed .sectionanchor {
	right: 0px;
}

.sectionanchor .tabcontainer {
	position: relative;
	margin: 10px 0 0 0;
	top: 0 !important;
}

.sectionanchor ul.anchorbar {
	background: transparent;
	border-bottom: 0;
	margin: 10px 15px 15px 15px;
	padding-left: 0;
	max-height: calc(100vh - 350px);
	overflow: auto;
	overflow-x: hidden;
}

.sectionanchor .anchorheader {
	font-weight: 500;
	text-transform: uppercase;
	color: #595959;
	border-bottom: 1px solid #eee;
	padding: 11px 0px 8px;
	margin: 0px 15px 0px 15px;
	font-size: 0.9375rem;
}

.beta_objectleftcenterredesign.redesign .sectionanchor .anchorheader {
    font-weight: 500;
    text-transform: uppercase;
    color: #595959;
    border-bottom: 1px solid #eee;
    padding: 11px 10px 8px;
    margin: 0px;
    font-size: 0.9375rem;
}

.sectionanchor .anchortab {
	float: left;
	margin-left: -35px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border: 1px #ECEFF1 solid;
	padding: 8px;
	color: var(--buttonbgcolor, #dfdfdf);
	font-size: 1.0625rem;
	background-color: #eee;
	cursor: pointer;
}

.sectionanchor .anchortab:focus-visible {
	background: var(--buttonbgcolor, #dfdfdf);
	color: var(--color, #dfdfdf);
	outline: 0;
}

.sectionanchor .anchoritem {
	display: block;
	margin: 0;
}

.sectionanchor .anchoritem:first-child a {
	padding: 7px 0 5px 10px;
}

.beta_objectleftcenterredesign.redesign .sectionanchor .anchoritem a {
    padding: 8px 0 8px 10px;
}

.sectionanchor .anchoritem a {
	font-size: 0.875rem;
	line-height: 19px;
	background: transparent;
	text-align: left;
	text-overflow: ellipsis;
	text-transform: none;
	overflow: hidden;
	width: 180px;
	padding: 5px 0 5px 10px;
	border-left: 4px solid #EEEEEE;
	border-bottom: 0;
	transition: all 0.3s ease;
}

.sectionanchor .anchoritem a:hover {
	background: #f7f7f7;
	color: #000000;
}

.sectionanchor .anchoritem_active a {
	border-left: 4px var(--buttonbgcolor, #dfdfdf) solid;
	transition: all 0.3s ease;
}

.sectionanchor .anchoritem a:focus {
	background: #f7f7f7;
	border-left: 4px solid #aaa;
	transition: all 0.3s ease;
}

.percentFilledMessage {
	font-size: 0.9375rem;
	color: #444;
	font-weight: 600;
	margin: 5px 0;
	display: block;
	width: 505px;
	background: #f7f7f7;
	padding: 8px 10px;
	border-radius: 10px;
}

.percentFilledMessage .percentFilledDivAll {
	color: var(--buttonbgcolor, #dfdfdf);
}

.percentFilledMessage span.ssProgressBar {
	display: inline;
	width: 355px;
	margin: 0 0 0 0px;
	float: right;
}

.percentFilledMessage span.ssProgressBar-meter {
	height: 18px;
	background-color: #d1cfcf;
}

.subtabitem a .percentFilledDiv {
	background: #a9a9a9;
	border-radius: 6px;
	text-align: center;
	color: #fff;
	padding: 2px 4px 2px 4px;
	box-sizing: border-box;
	margin: -4px 0 0 7px;
	font-size: 0.75rem;
}

.subtabitem_active a .percentFilledDiv {
	background: #444;
}

.sectionanchor .tabnav_left, .sectionanchor .tabnav_right,
	.sectionanchor div#tabplaceholder {
	display: none !important;
}

.anchortoggle {
	display: none;
}

.smatrix a {
	float: left;
	max-width: 225px;
}

.smatrixrole {
	float: right;
}

.smatrixrole .fa-circle {
	color: #b2b2b2;
}

.smatrixrole .fa-check-circle {
	color: #44ab2b;
}

table.Data.import input[type="radio"]+label:before, table.Data.import input[type="radio"]+label:after
	{
	padding-top: 4px;
}

.pastedata .CheckBoxContainer label {
	float: left;
}

.pastedata .CheckBoxContainer label+label {
	padding-top: 3px;
	padding-left: 8px;
}

.columnwrap_buttonwrapper {
	display: inline-block;
	width: 100%;
	margin-bottom: 10px;
}

.enablefilter ul li {
	padding: 0;
}

.enablefilter ul li label {
	font-weight: 500;
	margin: 2px 0 0 0;
}

.enablefilter ul li label+select {
	margin-left: 20px;
}

.sectionanchor .anchortoggle {
	display: inline-block;
	width: 100%;
	margin: 6px 0 0 0;
}

.sectionanchor .anchortoggle button {
	float: right;
	font-size: 0.875rem;
	padding: 2px 11px;
}

.sectionanchor .anchortoggle button i {
	padding-left: 5px;
}

#editdatasetdiv.ui-dialog-content label {
	display: inline-block;
	padding: 5px 0 0 0;
}

.ui-dialog .ui-dialog-titlebar-close {
	background: inherit !important;
	border: inherit !important;
}

.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
	{
	background: #777777 !important;
}

.BTNHeader {
	width: 1px;
}

.aggviewtable {
	display: inline;
}

.aggviewtable tbody tr>td {
	padding: 6px 5px 6px 0px;
}

.aggviewtable tbody tr:first-child>td {
	padding: 0px 5px 6px 0px;
}

.messageList {
	padding-left: 15px;
}

body.beta_sortfilterfollowers i[id^="followicon"] {
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
}

@media only screen and (max-width: 1024px) {
	section.ssWindow-backdrop>div>article {
		max-height: calc(100% - 50px) !important;
		max-width: calc(100% - 50px) !important;
	}
	.inputcontrol .Large {
		width: auto;
	}
	div.ssMediaLibrary.cbp-vm-view-list div.ssMediaLibrary-container-details
		{
		width: 100%;
	}
	div.ssMediaLibrary.cbp-vm-view-list div.ssMediaLibrary-buttons {
		text-align: left;
	}
}

/* desktop media queries */
@media screen and (min-width: 1921px) {
	.list_container.tile_list .mobileouterdiv {
		width: 19%;
		min-width: 357px;
		max-width: 450px;
	}
	.content_frame .dropdown-menu:not(.navicon_dropdown) {
		max-height: 500px;
	}
}

@media screen and (min-width: 1536px) and (max-width: 1920px) {
	.list_container.tile_list .mobileouterdiv {
		width: 24%;
		min-width: 359px;
		max-width: 450px;
	}
}

@media screen and (min-width: 1152px) and (max-width: 1536px) {
	.list_container.tile_list .mobileouterdiv {
		width: 32%;
		min-width: 359px;
		max-width: 479px;
	}
	.list_container.tile_list.listcontainerwithmap .mobileouterdiv {
		width: 49%;
		flex-basis: 49%;
	}
	#allowedfiletypesmessage {
		padding: 0 20px;
	}
}

@media screen and (min-width: 800px) and (max-width: 1152px) {
	.list_container.tile_list .mobileouterdiv {
		width: 49%;
		min-width: 359px;
		max-width: 545px;
	}
	.list_container.tile_list.listcontainerwithmap .mobileouterdiv {
		width: 49%;
		flex-basis: 49%;
	}
}

@media screen and (min-width: 100px) and (max-width: 800px) {
	.list_container.tile_list .mobileouterdiv {
		width: 100%;
		min-width: 100%;
		max-width: 100%;
	}
	.listcontainerwithmap {
		width: 55%;
	}
	.mapshow {
		width: calc(45% - 10px);
	}
	.list_container.tile_list.listcontainerwithmap .mobileouterdiv {
		width: 100%;
		flex-basis: 100%;
	}
}

@media screen and (max-width: 1715px) {
	.cbp-vm-view-grid ul li span.imagewrap, .cbp-vm-view-grid ul li .imagewrap span.tile
		{
		height: 240px;
	}
	.cbp-vm-view-grid ul li {
		margin-right: 60px;
	}
	.cbp-vm-view-grid ul li img {
		max-width: 320px;
		max-height: 240px;
	}
	.cbp-vm-view-grid ul li .imagewrap:hover .tile:after {
		margin-top: 55px;
		font-size: 8.125rem;
	}
	.ax-controlbar .search_fields {
		width: 55%;
	}
	.rolerestrictdiv .ajaxLookupSpan {
		width: 27%;
	}
}

@media screen and (min-width: 1400px) and (max-width: 1600px) {
	.cbp-vm-view-grid ul li span.imagewrap, .cbp-vm-view-grid ul li .imagewrap span.tile
		{
		height: 210px;
	}
	.cbp-vm-view-grid ul li {
		width: 280px;
		margin-right: 40px;
	}
	.cbp-vm-view-grid ul li img {
		max-width: 280px;
		max-height: 210px;
	}
	.cbp-vm-view-grid ul li .imagewrap:hover .tile:after {
		margin-top: 40px;
		font-size: 7.5rem;
	}
	div.ssMediaLibrary.cbp-vm-view-grid div.ssMediaLibrary-buttons {
		width: 280px;
	}
	.rlib .cbp-vm-view-grid li {
		width: 29%;
	}
	.search_fields input#companytxt.Lookup, .search_fields input#companytxt.LookupBlur,
		.search_fields input#contacttxt.Lookup, .search_fields input#contacttxt.LookupBlur,
		.search_fields input#appitemname.Lookup, .search_fields input#appitemname.LookupBlur
		{
		min-width: 320px;
		max-width: 420px;
	}
	.ax-controlbar .search_fields {
		width: 62%;
	}
	#settingsdiv  .objecttypeDiv {
		width: 32%;
	}
	#settingsdiv  .objecttypeDiv:nth-of-type(3n) {
		margin-right: 0;
	}
	#settingsdiv  .objecttypeDiv:nth-of-type(4n) {
		margin-right: 1%;
	}
	.rolerestrictdiv .ajaxLookupSpan {
		width: 26%;
	}
	.rolerestrictdiv .ajaxLookupSpan>span:first-child {
		width: 80%;
	}
	.prof-categories .profileColumnContent, .prof-roles .profileColumnContent,
		.prof-properties .profileColumnContent {
		webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}
}

@media screen and (min-width: 1200px) and (max-width: 1400px) {
	.cbp-vm-view-grid ul li span.imagewrap, .cbp-vm-view-grid ul li .imagewrap span.tile
		{
		height: 187px;
	}
	.cbp-vm-view-grid ul li {
		width: 250px;
		margin-right: 50px;
	}
	.cbp-vm-view-grid ul li img {
		max-width: 250px;
		max-height: 187px;
	}
	.cbp-vm-view-grid ul li .imagewrap:hover .tile:after {
		margin-top: 30px;
		font-size: 7.1875rem;
	}
	div.ssMediaLibrary.cbp-vm-view-grid div.ssMediaLibrary-buttons {
		width: 250px;
	}
	.rlib .cbp-vm-view-grid li {
		width: 29%;
	}
	.cbp-vm-view-list .cbp-vm-details {
		margin-right: 21px;
	}
	#dropdown-selected, .dropdown-selected {
		max-width: 160px;
	}
	.search_fields input#companytxt.Lookup, .search_fields input#companytxt.LookupBlur,
		.search_fields input#contacttxt.Lookup, .search_fields input#contacttxt.LookupBlur,
		.search_fields input#appitemname.Lookup, .search_fields input#appitemname.LookupBlur
		{
		min-width: 320px;
		max-width: 420px;
	}
	.ax-controlbar .search_fields {
		width: 70%;
	}
	#settingsdiv .objecttypeDiv {
		width: 32%;
	}
	#settingsdiv .objecttypeDiv:nth-of-type(3n) {
		margin-right: 0;
	}
	#settingsdiv .objecttypeDiv:nth-of-type(4n) {
		margin-right: 1%;
	}
	.rolerestrictdiv {
		width: 47%;
	}
	.personal-details {
		min-width: 50%;
	}
	.profileColumn+.profileRow {
		margin-top: 0;
	}
	.profileRow .profileColumn {
		max-width: 45%;
	}
	.profileColumn2 .profileColumnContent {
		webkit-column-count: 1 !important;
		-moz-column-count: 1 !important;
		column-count: 1 !important;
	}
	.psectionholder {
		width: 1100px;
	}
	.smartCard {
		width: 33%;
		margin-right: 0.5%;
	}
	.smartCard:nth-of-type(4n) {
		margin-right: 0.5%;
	}
	.smartCard:nth-of-type(3n) {
		margin-right: 0;
	}
	.split_graph_container #docs-container {
		min-width: 320px;
		max-width: 320px;
	}
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
	.griddiv input[type="text"]+.ui-datepicker-trigger {
		margin-left: -31px;
	}
	#header_container .centerlayout {
		width: 980px;
	}
	.container_smartfolder {
		width: 980px !important;
	}
	.mediaplayerwrapper.public {
		width: 1000px;
	}
	.containerwrapper h1 {
		font-size: 1.3125rem;
		font-weight: bold;
		line-height: 150%;
		margin: 5px 0px 0px 0px;
		padding-bottom: 5px;
	}
	.jp-state-full-screen .jp-controls-holder {
		width: 87% !important;
	}
	.comment textarea {
		width: 85%;
	}
	.ax-controlbar .search_fields {
		width: 90%;
	}
	.usageheader .container, .infobox .container {
		width: 970px;
	}
	#dropdown-selected, .dropdown-selected {
		max-width: 52px;
	}
	.infobox .datacontainer .tabledata table td.country {
		min-width: 160px;
		max-width: 160px;
		width: 160px;
	}
	.infobox .datacontainer .tabledata table td.logins, .infobox .datacontainer .tabledata table td.logincount
		{
		width: 90px;
		min-width: 90px;
		max-width: 90px;
	}
	.HomeFace ul li.shortcutList {
		width: 19%;
		margin-right: 1%;
	}
	.rolerestrictdiv .ajaxLookupSpan>span:first-child {
		width: 84%;
	}
	.cartpaymentwrapper .stripepaymentcontent {
		width: 850px;
	}
	.stripepayment.cartpaymentwrapper .stripepaymentwrapper {
		width: calc(100% - 370px);
	}
	.stripepayment.cartpaymentwrapper .cartsummary {
		width: 320px !important;
	}
}

@media screen and (min-width: 768px) and (max-width: 992px) {
	.griddiv input[type="text"]+.ui-datepicker-trigger {
		margin-left: -25px;
	}
	#header_container .centerlayout {
		width: 760px;
	}
	.container_smartfolder {
		width: 760px !important;
	}
	.containerwrapper {
		width: 760px;
		margin-top: 40px;
	}
	.containerwrapper.privacy {
		margin-top: 60px;
	}
	.containerwrapper h1 {
		font-size: 1.1875rem;
		font-weight: bold;
		line-height: 150%;
		margin: 5px 0px 0px 0px;
		padding-bottom: 5px;
	}
	.jp-state-full-screen .jp-controls-holder {
		width: 87% !important;
	}
	.cbp-vm-view-grid ul li span.imagewrap, .cbp-vm-view-grid ul li .imagewrap span.tile
		{
		height: 187px;
	}
	.cbp-vm-view-grid ul li {
		width: 250px;
		margin-right: 40px;
	}
	.cbp-vm-view-grid ul li:nth-of-type(4n) {
		margin-right: 40px;
	}
	.cbp-vm-view-grid ul li img {
		max-width: 250px;
		max-height: 187px;
	}
	.cbp-vm-view-grid ul li .imagewrap:hover .tile:after {
		margin-top: 30px;
		font-size: 7.1875rem;
	}
	.metadata .rowDiv {
		width: 48%;
		clear: none;
	}
	.playlist span {
		width: 140px;
		height: 105px;
	}
	.playlist span img {
		max-width: 140px;
	}
	.comment .runtime {
		float: left;
	}
	.comment .comments {
		float: left;
	}
	.comment textarea {
		width: 85%;
	}
	.mediaplayerwrapper.public {
		width: 720px;
	}
	.mediaplayerwrapper.public #playlistdiv {
		display: inline-block;
		width: 100%;
		margin: 10px 0 0 0;
	}
	.mediaplayerwrapper.public .playlist {
		width: 48%;
	}
	.closecaption .langcode {
		margin-left: 0;
	}
	#dropdown-selected, .dropdown-selected {
		display: none;
	}
	.search_fields input#companytxt.Lookup, .search_fields input#companytxt.LookupBlur,
		.search_fields input#contacttxt.Lookup, .search_fields input#contacttxt.LookupBlur,
		.search_fields input#appitemname.Lookup, .search_fields input#appitemname.LookupBlur
		{
		min-width: 184px;
		max-width: 323px;
	}
	.searchoptionscontainer {
		min-width: 100px;
	}
	.rlib .cbp-vm-view-list .cbp-vm-title {
		width: 22%;
	}
	.ax-controlbar .search_fields {
		width: 90%;
	}
	#settingsdiv .objecttypeDiv {
		width: 48%;
	}
	#settingsdiv .objecttypeDiv:nth-of-type(2n) {
		margin-right: 0;
	}
	#settingsdiv .objecttypeDiv:nth-of-type(3n), #settingsdiv .objecttypeDiv:nth-of-type(4n)
		{
		margin-right: 1%;
	}
	.usageheader .container, .infobox .container {
		width: 750px;
	}
	.infobox .datacontainer .tabledata table {
		font-size: 0.9375rem;
	}
	.infobox .datacontainer .tabledata table td.country {
		min-width: 130px;
		max-width: 130px;
		width: 130px;
	}
	.infobox .datacontainer .tabledata table td.logins, .infobox .datacontainer .tabledata table td.logincount
		{
		width: 70px;
		min-width: 70px;
		max-width: 70px;
	}
	.infobox  input[type=range] {
		width: 30%;
	}
	.usageheader .container .logo img {
		width: 240px;
	}
	.usageheader .container .title p {
		font-size: 1.25rem;
	}
	.mobilecapture .right .sms input[type="text"] {
		width: 55%;
	}
	.HomeFace ul li.shortcutList {
		width: 23%;
		margin-right: 2%;
	}
	.rolerestrictdiv {
		width: 47%;
	}
	.rolerestrictdiv .ajaxLookupSpan {
		width: 39%;
	}
	.rolerestrictdiv .ajaxLookupSpan>span:first-child {
		width: 80%;
	}
	.rolerestrictdiv .ajaxLookupSpan:nth-of-type(3n) {
		margin-right: 1%;
	}
	.profileColumn2 {
		width: 50%;
	}
	.personal-details {
		min-width: 50% !important;
		padding: 25px 2px 30px 17px;
	}
	.profileColumn2 {
		width: 40% !important;
		min-width: 40%;
	}
	#pageformatting .input-group {
		display: inline-block !important;
		width: 251px !important;
	}
	.search {
		width: 100%;
	}
	.search input[type=text] {
		width: calc(100% - 31px);
		display: inline-block;
	}
	.sabody .header .container, .sabody .container {
		width: 95%;
	}
	#div_options ol {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}
	.notificationsearch div:last-of-type {
		margin-top: 3px;
	}
	.cartpaymentwrapper .stripepaymentcontent {
		width: 780px;
	}
	.stripepayment.cartpaymentwrapper .stripepaymentwrapper {
		width: 100%;
	}
	.stripepayment.cartpaymentwrapper .cartsummary {
		width: 100% !important;
		margin: 10px 0 10px 0;
	}
	.cartsummarycontentwrapper {
		width: 90vw;
	}
	.cartsummarywrapper .cartsummarycontent {
		width: 100%;
	}
	.cartsummary {
		width: 310px !important;
	}
	.cartsummary .cartwrapper li div.itemInfoDiv {
		max-width: 210px;
	}
	.orchidchartview .profilecontent {
		width: 100%;
	}
	.orchidchartview .profilebut {
		float: none;
		margin: 8px 0 0 0;
	}
}

@media screen and (max-width:1280px) {
	.listcontainerwithmap {
		width: 55%;
	}
	.mapshow {
		width: calc(45% - 10px);
	}
}

@media screen and (max-width:1225px) {
	.cbp-vm-view-grid ul li span.imagewrap, .cbp-vm-view-grid ul li .imagewrap span.tile
		{
		height: 180px;
	}
	.cbp-vm-view-grid ul li {
		width: 251px;
		margin-right: 40px;
	}
	.cbp-vm-view-grid ul li img {
		max-width: 251px;
		max-height: 180px;
	}
	.cbp-vm-view-grid ul li .imagewrap:hover .tile:after {
		margin-top: 25px;
		font-size: 7.1875rem;
	}
	div.ssMediaLibrary.cbp-vm-view-grid div.ssMediaLibrary-buttons {
		width: 251px;
	}
	.rlib .cbp-vm-view-grid li:nth-of-type(3n) {
		margin-right: 20px;
	}
	.metadata .rowDiv {
		width: 48%;
		clear: none;
	}
	.rlib .cbp-vm-view-grid li {
		width: 40%;
	}
	.cbp-vm-view-list .cbp-vm-details {
		margin-right: 21px;
	}
	.ax-controlbar .search_fields {
		width: 70%;
	}
	#settingsdiv .objecttypeDiv {
		width: 32%;
	}
	#settingsdiv .objecttypeDiv:nth-of-type(3n) {
		margin-right: 0;
	}
	#settingsdiv .objecttypeDiv:nth-of-type(4n) {
		margin-right: 1%;
	}
	#fieldlistdiv.smartcardsetting {
		width: 220px;
	}
	#fieldlistdiv #objcode {
		width: 165px !important;
	}
	.HomeFace ul li.shortcutList {
		width: 19%;
		margin-right: 1%;
	}
	.ax-box div:not(.shortcut_grid) .HomeFace.shortcut_md ul li.shortcutList
		{
		width: auto;
	}
	.rolerestrictdiv {
		width: 47%;
	}
	.rolerestrictdiv .ajaxLookupSpan {
		width: 26%;
	}
	.personal-details {
		min-width: 50%;
		box-sizing: border-box;
	}
	.profileColumn2 {
		width: 60%;
		padding: 25px 14px 15px 35px;
		box-sizing: border-box;
	}
	.profileColumn2 .profileColumnContent {
		webkit-column-count: 1 !important;
		-moz-column-count: 1 !important;
		column-count: 1 !important;
	}
	.psectionholder {
		width: 90%;
	}
	.smartCard {
		width: 49.5%;
		margin-right: 1%;
	}
	.smartCard:nth-of-type(2n) {
		margin-right: 0;
	}
	.smartCard:nth-of-type(3n) {
		margin-right: 1%;
	}
	.smartCard:nth-of-type(6n) {
		margin-right: 0;
	}
	.split_graph_container #docs-container {
		min-width: 320px;
		max-width: 320px;
	}
}

@media screen and (max-width: 1092px) {
	.cbp-vm-view-grid ul li {
		margin-right: 40px;
	}
	.rlib .cbp-vm-view-grid li {
		width: 335px;
	}
	.rlib .cbp-vm-view-grid li:nth-child(2n) {
		margin-right: 0;
	}
	#previewframe.Hundred {
		width: 100%;
	}
	.cf_trans {
		width: 100%;
	}
	#div_options ol {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}
	.split_graph_container #docs-container {
		min-width: 280px;
		max-width: 280px;
	}
}

@media screen and (min-width: 1025px) {
	.viewvideo .note_tab {
		top: 40vh !important;
	}
}

@media screen and (max-width: 1000px) {
	.cbp-vm-view-list ul li a .fa, .cbp-vm-view-list ul li a .fas,
		.cbp-vm-view-list ul li a .far, .cbp-vm-view-list ul li a .fal,
		.cbp-vm-view-list ul li a .fab {
		display: none;
	}
	.cbp-vm-view-list ul li a {
		width: 102px
	}
	.rlib .cbp-vm-view-grid li {
		width: 100%;
		box-sizing: border-box;
		margin-right: 0;
	}
	.rlib .cbp-vm-view-grid li:nth-of-type(3n) {
		margin-right: 0;
	}
	.ax-controlbar .search_fields {
		width: 90%;
	}
	.submitmessage {
		width: 100%;
	}
	.language_pos {
		position: relative;
		top: 2px;
		right: 0;
		left: 0;
		text-align: right;
	}
	.split_graph_container #docs-container {
		min-width: 280px;
		max-width: 280px;
	}
	#listdiv {
		width: 40%;
	}
	#formdiv.smartform {
		width: calc(60% - 5px);
	}
	#formdiv.smartform #title, #formdiv.smartform select.fontAwesomeSelector-type,
		#formdiv.smartform .select2-container {
		width: 100% !important;
		max-width: 100% !important;
	}
	#formdiv.smartform input.Lookup, #formdiv.smartform input.LookupBlur {
		width: 100% !important;
		max-width: calc(100% - 43px) !important;
	}
}

@media screen and (max-width: 870px) {
	#playlistdiv {
		display: inline-block;
		width: 100%;
		margin: 10px 0 0 0;
	}
	.playlist {
		width: 48%;
	}
	.playlist span {
		width: 80px;
		height: 60px;
	}
	.playlist span img {
		max-width: 80px;
	}
	.mejs-container {
		margin: 0 auto;
	}
	.videoplayerwrapper {
		float: none;
	}
	#top_nav_div .header_container_left {
		margin-top: 15px;
	}
	.smartCard {
		width: 100%;
		margin-right: 0;
	}
	.smartCard:nth-of-type(2n), .smartCard:nth-of-type(3n), .smartCard:nth-of-type(4n)
		{
		margin-right: 0;
	}
	.singleline #top_nav_div .header_container_left {
		margin-top: 0;
	}
	.search_fields, .assignmentpanel .search_fields {
		width: 100%;
		max-width: 870px;
	}
	.searchoptionscontainer {
		max-width: 800px;
	}
	.searchoptions_dropdown {
		min-width: 310px;
	}
	.searchoptionsdiv .criteria_wrapper {
		width: 48%;
	}
	.listcontainerwithmap .mobileouterdiv.card_large .mobileotherdiv.mobilelistviewbuttons button,
		.listcontainerwithmap .mobileouterdiv.card_large .mobileotherdiv.mobilelistviewbuttons input[type=button]
		{
		font-size: 0.8125rem;
		padding: 2px 12px 4px 10px;
	}
	.listcontainerwithmap .cartbuttonsContainer .Button i {
		vertical-align: middle;
	}
}

@media screen and (min-width:1200px) {
	.containerwrapper h1 {
		font-size: 1.375rem;
		font-weight: bold;
		line-height: 150%;
		margin: 5px 0px 0px 0px;
		padding-bottom: 5px;
	}
	.videoplayerwrapper .jp-state-full-screen .jp-controls-holder {
		width: 87%;
	}
}

@media screen and (max-width: 1200px) {
	.dbitemcontainer.threecolumns .agg-div-outer .shortcutDiv,
		.dbitemcontainer.twocolumns .agg-div-outer .shortcutDiv,
		.dbitemcontainer.twocolumns_largecard .agg-div-outer .shortcutDiv {
		width: 100%;
		padding-bottom: 0;
	}
	#formdiv.smartform .allowedit label+label {
		white-space: normal;
	}
	#formdiv.smartform .select2-container {
		min-width: 100%;
	}
}

@media screen and (max-width: 768px) {
	.box.centerlayout li.Pointer {
		text-decoration: underline;
	}
	.griddiv input[type="text"]+.ui-datepicker-trigger {
		margin-left: -25px;
	}
	.container_smartfolder {
		width: 94%;
	}
	body.smartfolder_external #header_container .centerlayout, body.smartfolder_external .container_smartfolder
		{
		width: 94% !important;
	}
	#header_container .centerlayout {
		width: 88%;
	}
	.containerwrapper {
		width: 94%;
		margin: 40px 20px 0px 20px;
	}
	.containerwrapper h1 {
		font-size: 1.1875rem;
		font-weight: bold;
		line-height: 150%;
		margin: 5px 0px 0px 0px;
		padding-bottom: 5px;
	}
	.containerwrapper.privacy {
		margin-top: 60px;
	}
	.mobilecapture .left {
		width: 50%;
		padding: 10px 20px;
	}
	.mobilecapture .right {
		width: 50%;
		padding: 10px 20px;
	}
	.mobilecapture .right .sms input[type="text"], .mobilecapture .right .sms input[type="button"]
		{
		width: 100%;
		margin-right: 0;
	}
	.mobilecapture .right .sms input[type="submit"], .mobilecapture .right .sms input[type="button"]
		{
		width: 100%;
		margin-top: 5px;
	}
	.urlwrapper .left, .urlwrapper .right {
		width: 100%;
	}
	.videoplayerwrapper .jp-state-full-screen .jp-controls-holder {
		width: 85%;
	}
	.cbp-vm-view-grid ul li span.imagewrap, .cbp-vm-view-grid ul li .imagewrap span.tile
		{
		height: 187px;
	}
	.cbp-vm-view-grid ul li {
		width: 250px;
		margin-right: 40px;
	}
	.cbp-vm-view-grid ul li:nth-of-type(4n) {
		margin-right: 40px;
	}
	.cbp-vm-view-grid ul li img {
		max-width: 250px;
		max-height: 187px;
	}
	.cbp-vm-view-grid ul li .imagewrap:hover .tile:after {
		margin-top: 30px;
		font-size: 7.1875rem;
	}
	.cbp-vm-view-list .cbp-vm-title {
		width: 12%;
	}
	.btn-group.mediaplayer {
		margin: 10px 0 0 30px;
	}
	.metadata .rowDiv {
		width: 48%;
		clear: none;
	}
	.playlist span {
		width: 80px;
		height: 60px;
	}
	.playlist span img {
		max-width: 80px;
	}
	.comment textarea {
		width: 80%;
	}
	.audioplayerwrapper {
		margin-left: 10px;
	}
	#playlistdiv {
		display: inline-block;
		width: 100%;
		margin: 10px 0 0 0;
	}
	.playlist {
		width: 48%;
	}
	.mediaplayerwrapper.public {
		width: 100%;
	}
	.mobileupload {
		width: auto;
		margin-left: 15px;
		margin-right: 15px;
	}
	.mobileupload .formwrapper {
		width: 100%;
	}
	.mobileupload .uploadbutton .button {
		width: 100%;
	}
	.mobileupload .formwrapper input.Lookup, .mobileupload .formwrapperinput.LookupBlur
		{
		width: calc(100% - 92px);
	}
	.mobileupload .formwrapper  .btn-lookupLeft {
		font-size: 1rem;
	}
	.closecaption .langcode {
		margin-left: 0;
	}
	.securepasswrapper {
		width: 90%;
	}
	.securepasswrapper h1 {
		font-size: 1.5625rem;
	}
	.securepasswrapper h2 {
		font-size: 1.125rem;
	}
	.securepasswrapper input[type="text"]:not(.form-control) {
		height: 30px;
		font-size: 1rem;
	}
	#dropdown-selected, .dropdown-selected {
		display: none;
	}
	.search_fields {
		width: 100%;
	}
	.search_fields input#companytxt.Lookup, .search_fields input#companytxt.LookupBlur,
		.search_fields input#contacttxt.Lookup, .search_fields input#contacttxt.LookupBlur,
		.search_fields input#appitemname.Lookup, .search_fields input#appitemname.LookupBlur
		{
		min-width: 184px;
		max-width: 323px;
	}
	.rlib {
		width: 95%;
		box-sizing: border-box;
	}
	.accordionwrapper {
		width: 100%;
	}
	.accordionwrapper #accordion {
		display: inline-block;
		width: 100%;
		margin-bottom: 25px;
	}
	.rlib .cbp-vm-view-list .cbp-vm-title, .rlib .cbp-vm-view-list .cbp-vm-details
		{
		margin-left: 10px;
		width: 60%;
		padding-bottom: 5px;
	}
	.rlib .cbp-vm-view-list .cbp-vm-details.button {
		position: absolute;
		top: 0;
		right: 0;
	}
	.rlib .cbp-vm-view-list span.detailsblock {
		float: left;
		width: 75%;
	}
	.ax-header_nav {
		width: 100%;
	}
	.ax-header_end {
		display: none;
	}
	#top_nav_div .header_container_left {
		margin-top: 0;
	}
	.navicon_nav_heading {
		width: 42%;
		min-width: 42%;
		max-width: 42%;
	}
	#formdiv.smartform td.Form {
		width: 100%;
		min-width: 100%;
		max-width: 100%;
	}
	#formdiv.smartform, #listdiv {
		width: 100% !important;
	}
	#listdiv {
		max-height: 50vh;
		min-height: 50vh;
		overflow-y: auto;
		margin: 0 0 10px 0;
	}
	#listdiv>.SubTitle {
		margin-bottom: 0;
	}
	#rendercardhtml {
		padding: 10px;
	}
	#formdiv.smartform {
		padding: 0 !important;
	}
	#formdiv.smartform .innerDiv label {
		float: none;
	}
	#settingsdiv .objecttypeDiv {
		width: 48%;
	}
	#settingsdiv .objecttypeDiv:nth-of-type(2n) {
		margin-right: 0;
	}
	#settingsdiv .objecttypeDiv:nth-of-type(3n), #settingsdiv .objecttypeDiv:nth-of-type(4n)
		{
		margin-right: 1%;
	}
	#fieldlistdiv.smartcardsetting {
		width: 180px;
	}
	#fieldlistdiv #objcode {
		width: 125px !important;
	}
	.iframe_ipad {
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
		max-height: 100vh;
		-webkit-text-size-adjust: none;
		-ms-text-size-adjust: none;
		-moz-text-size-adjust: none;
		text-size-adjust: none;
	}
	.usageheader .container, .infobox .container {
		width: auto;
		margin-left: 15px;
		margin-right: 15px;
	}
	.usageheader .container .title {
		width: 63%;
	}
	.infobox {
		margin: 10px 0 0 0;
	}
	.infobox .datacontainer {
		overflow: hidden;
	}
	.infobox .datacontainer .tabledata table {
		font-size: 0.9375rem;
	}
	.infobox .datacontainer .tabledata {
		float: right;
		width: 100%;
	}
	.infobox .datacontainer .chartdata {
		float: left;
		width: 100%;
	}
	.infobox .filter p {
		font-size: 1.0625rem;
	}
	.infobox  input[type=range] {
		width: calc(100% - 177px);
	}
	.usageheader .container .logo img {
		width: 220px;
	}
	.usageheader .container .title p {
		font-size: 1.25rem;
	}
	.HomeFace ul li.shortcutList, .ax-box div:not(.shortcut_grid) .HomeFace.shortcut_md ul li.shortcutList
		{
		width: 32%;
		margin-right: 1%;
	}
	.batchupdate .Description {
		max-height: 660px !important;
		overflow: scroll;
	}
	.rolerestrictdiv {
		width: 100%;
	}
	.rolerestrictdiv .ajaxLookupSpan {
		width: 100%;
		max-width: 94%;
	}
	.rolerestrictdiv .ajaxLookupSpan:nth-of-type(3n) {
		margin-right: 1%;
	}
	.resultdiv {
		max-height: 100vh;
	}
	.notes .type {
		width: 98%;
		display: inline-block;
	}
	.notesnew .hasbutton .type {
		width: calc(100% - 40px);
		display: inline-block;
	}
	.annotations .type {
		width: 96%;
	}
	.prof_details {
		flex-wrap: wrap;
		margin: 5px 0 0 0;
	}
	.profilecardoverlay .prof_details {
		margin-bottom: 15px;
	}
	.profilecardoverlay div.SubTitle {
		padding-top: 10px;
		margin-bottom: 10px;
	}
	.personal-details {
		position: relative;
		min-width: 100%;
		padding: 15px 5px 8px 20px;
	}
	.prof_details>ul {
		display: inline-block;
		width: 100%;
		border-top: 1px solid rgba(0, 0, 0, 0.2);
	}
	.prof_details>ul li {
		float: left;
		border-right: 1px solid rgba(255, 255, 255, 0.2);
		border-bottom: 0;
	}
	.profileColumn2 {
		min-width: 100%;
		padding: 18px 14px 15px 18px;
	}
	.profileColumn2 .profileColumnContent {
		webkit-column-count: unset;
		-moz-column-count: unset;
		column-count: unset;
	}
	.profileImageWrapper {
		height: 100%;
	}
	.profileColumn+.profileRow {
		margin-top: 0;
		width: calc(100% - 108px);
	}
	.profileRow .profileColumn {
		margin-left: 25px;
		max-width: 40%;
	}
	.addresstype #fielddisplaycontainer, .addresstype #fieldlistcontainer {
		width: 48%;
	}
	.addresstype #fielddisplaycontainer ul[id^="fielddisplay"]:empty::after
		{
		font-size: 1.25rem;
	}
	.includecaption label+label {
		font-size: 0.8125rem;
	}
	.includecaption {
		padding: 3px;
	}
	.search {
		width: 100%;
	}
	.search input[type=text] {
		width: calc(100% - 31px) !important;
		display: inline-block;
	}
	.sabody .header .container, .sabody .container {
		width: 95%;
	}
	#div_options ol {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
		padding: 0 30px 0 30px;
	}
	.closecaption .filter .fileupload input.Lookup, .closecaption .filter .fileupload input.LookupBlur
		{
		width: auto;
	}
	#announcementcontainer {
		width: 100% !important;
	}
	.psectionholder {
		width: 100%;
	}
	.pcontainerwrapper .pcontainer {
		width: 100%;
		margin-right: 0;
	}
	.ax-panelcolumn {
		width: 100% !important;
		clear: both;
	}
	.ax-boxcontent, .ax-boxcontainer {
		height: initial !important;
	}
	.ax-titlesize-container {
		display: none;
	}
	.syntaxcontent .CodeMirror {
		width: 100%;
		min-height: 350px !important;
		max-height: 350px !important;
		margin-top: 10px;
	}
	.syntaxcontent #evaldiv {
		width: 100%;
		margin-bottom: 40px;
	}
	.syntaxcontent #outputdiv, .syntaxcontent #outputdiv_2 {
		width: 100%;
		min-height: 300px;
		max-height: 300px;
		margin-top: 10px;
		margin-bottom: 40px;
	}
	.syntaxwrapper>form>div>div {
		display: block;
		width: 100%;
	}
	#searchPanel>div>div {
		width: 50%;
	}
	#searchPanel>div>div:nth-of-type(2) {
		float: right;
		text-align: right;
	}
	#searchPanel input, #searchPanel select {
		width: 96%;
	}
	#searchPanel>div>div:nth-of-type(3) {
		width: 100%;
	}
	#searchPanel>div>div:nth-of-type(3)>div {
		float: left;
		width: 50%;
		text-align: left;
	}
	#searchPanel>div>div:nth-of-type(3)>div+div {
		text-align: right;
	}
	.volunteermatch #radiusSlider input {
		width: 98%;
	}
	.dbitemcontainer.threecolumns, .dbitemcontainer.twocolumns {
		width: 100%;
	}
	.dbitemcontainer.fullwidth .agg-div-outer .shortcutDiv {
		width: 48%;
	}
	.split_graph_container #docs-container {
		min-width: 200px;
		max-width: 200px;
	}
	.editannotation .fieldCaptionDiv {
		display: block;
		width: 100%;
		text-align: left;
	}
	.editannotation .fieldContentDiv {
		width: 100%;
		text-align: left;
		margin-left: 0;
		display: block;
	}
	.editannotation textarea.Large {
		min-width: 100% !important;
	}
	.docwrapper {
		display: block;
	}
	.docwrapper .panel {
		width: 100%;
		margin-bottom: 15px;
	}
	.inputcontrol form>div {
		display: inline-block;
		margin-right: 15px;
	}
	.inputcontrol label {
		display: block;
		width: 100%;
		font-size: 0.875rem;
	}
	.notificationsearch div.listfilter a {
		padding: 4px 8px;
		margin: 0;
	}
	.notificationsearch div:nth-of-type(2) {
		margin-left: 0;
	}
	.cartpaymentwrapper .stripepaymentcontent {
		width: 640px;
	}
	.stripepayment.cartpaymentwrapper, .stripepayment.cartpaymentwrapper .stripepaymentwrapper
		{
		width: 100% !important;
	}
	.stripepayment.cartpaymentwrapper .cartsummary {
		width: 100% !important;
		margin: 10px 0 10px 0;
	}
	.cartsummarycontentwrapper {
		width: 90vw;
	}
	.cartsummarywrapper .cartsummarycontent {
		width: 100%;
	}
	.cartsummary .cartwrapper li div.itemInfoDiv {
		max-width: 120px;
	}
	.orchidchartview .profilecontent {
		width: 100%;
	}
	.orchidchartview .profilebut {
		float: none;
		margin: 8px 0 0 0;
	}
	.orchidchartview .profilebut input[type=button] {
		margin-bottom: 5px;
	}
	.orchidcountcontent {
		width: 32%;
		margin-right: 1%;
		margin-bottom: 5px;
		max-width: unset;
		min-width: unset;
	}
	.panel-help {
		width: 500px;
		right: -500px;
	}
}

@media screen and (max-width: 665px) {
	th.Form, th.FormTop, th.FormLg, th.FormSm, th.FormXSm, th.FormApp {
		text-align: var(--labelalign);
		min-width: 100% !important;
		max-width: 100% !important;
		width: 100% !important;
		display: block;
		text-align: left;
		padding: 9px 5px 5px 1px;
	}
	.gortinfotable th.Form {
		display: table-cell;
		width: auto !important;
		padding: 3px 0 0 0;
	}
	.gortinfotable td.Form {
		display: table-cell;
		padding: 0 5px 0 0;
		width: auto;
	}
	td.Form {
		padding: 0 5px 0 0;
		display: block;
	}
	td.Form input[type=text]:not(.k-input-inner),
		td.Form input[type=password], td.Form select, td.Form textarea, td.Form iframe,
		select+span.select2 {
		width: 88% !important;
		max-width: 88% !important;
		min-width: 88% !important;
	}
	body td.Form .input-group input[type=text].Lookup {
		width: calc(88% - 32px) !important;
		min-width: 60% !important;
	}
	#aep_ww #saveasdiv {
		width: 80% !important;
	}
	.scrollnav.mobile div.subtabcontainer_in, .scrollnav.mobile div.custabcontainer_in,
		.scrollnav.mobile div.subtabcontainer_in, .scrollnav.mobile div.tabcontainer_in,
		.scrollnav.mobile div.subcontainer_in, .scrollnav.mobile div.cuscontainer_in,
		.scrollnav.mobile .container_in, .scrollnav.mobile .v-content {
		width: 100%;
	}
	div.listfilter label {
		width: 81px;
	}
	div.listfilter span {
		margin-bottom: 2px;
	}
	.notificationsearch {
		padding: 4px;
	}
	.notificationsearch table td.sdate {
		padding-left: 0;
	}
	.notificationsearch div.listfilter {
		margin-top: 5px;
		width: 100%;
	}
	.notificationsearch div.listfilter span {
		width: 100%;
	}
	.notificationsearch div.listfilter label {
		width: 56px;
	}
	.notificationsearch #mcdate, .notificationsearch #medate,
		.notificationsearch div.listfilter select {
		width: calc(100% - 73px) !important;
		max-width: initial !important;
		min-width: unset !important;
	}
	.notificationsearch div:nth-of-type(2) {
		float: right;
		margin: 0;
		width: 100%;
	}
	.notificationsearch div.listfilter a {
		padding: 4px 14px;
	}
	.notificationsearch div.listfilter a#search {
		width: auto;
		margin: 2px 0 0 0;
		margin-left: 68px;
	}
	body.content_frame.mobile div.listfilter.bwrap {
		padding: 0;
		width: auto;
	}
	.cartpaymentwrapper .stripepaymentcontent {
		padding: 0 20px;
		width: 100%;
		box-sizing: border-box;
	}
	.stripepayment.cartpaymentwrapper .stripepaymentwrapper {
		width: 100%;
	}
	.stripepayment.cartpaymentwrapper .cartsummary {
		width: 100% !important;
		margin: 10px 0 10px 0;
	}
	.stripepayment.cartpaymentwrapper .cartwrapper {
		max-height: 100%;
	}
	.stripepayment.cartpaymentwrapper .cartpaymentwrapper .fieldCaptionDiv {
		padding: 11px 0 0 0 !important;
	}
	.countdownmessage, .countdowntimer {
		width: 100%;
		margin-bottom: 5px;
	}
	.cartsummarycontent .itemInfoDiv {
		width: 65%;
	}
	.summaryfooter div:first-of-type span {
		width: 64%;
	}
	.cartsummarycontent .itemAmountDiv, .summaryfooter div:first-of-type span+span
		{
		width: 35%;
	}
	.cartsummarycontentwrapper {
		width: 95vw;
	}
	.cartsummarywrapper .cartsummarycontent {
		width: 100%;
	}
	.cartsummary .cartwrapper li {
		max-width: calc(100% - 20px);
	}
	.cartsummary .cartwrapper li div.itemInfoDiv {
		max-width: 600px;
	}
	.orchidchartview .profilebut {
		float: none;
		margin: 8px 0 0 0;
	}
	.orchidchartview .profilecontent {
		width: 100%;
	}
	.orchidcountcontent {
		width: 49%;
		margin-right: 1%;
		margin-bottom: 5px;
	}
}

@media screen and (min-width: 479px) and (max-width: 665px) {
	.metadata tr {
		width: 50%;
	}
	#playlistdiv {
		max-height: 195px;
	}
	.audioplayerwrapper {
		width: 100%;
		margin: 0 auto;
		padding: 10px;
		box-sizing: border-box;
	}
	.audioplayerwrapper .mejs-container {
		margin: 0 auto;
	}
	#playlistdiv.audio {
		display: inline-block;
		width: 100%;
		margin: 10px 0 0 0;
	}
	.playlist {
		width: 100%;
	}
	.comments textarea {
		width: 70%;
	}
	.mobileupload .formwrapper  .btn-lookupLeft {
		font-size: 0.875rem;
		width: auto;
	}
	.mobileupload {
		width: 500px;
		margin: 10px auto 0 auto;
	}
	.mobileupload .uploadbutton .button {
		width: 452px;
	}
	.securepasswrapper .warningmessage span+span {
		max-width: 360px;
	}
	.rlib .cbp-vm-view-list .cbp-vm-title, .rlib .cbp-vm-view-list .cbp-vm-details
		{
		width: 75%;
		margin-right: 0;
	}
	.FormContainer {
		width: auto;
		display: block;
	}
	.textreadonly_container {
		padding: 4px 1px;
	}
	select[name="starthour"]+span, select[name="endhour"]+span {
		display: none;
	}
	select[name="startminute"], select[name="endminute"] {
		margin: 3px 0 0 0;
	}
	td.Form input[type=text]:not(.k-input-inner), td.Form iframe:not(.k-iframe) {
		width: 91% !important;
		max-width: 91% !important;
		min-width: 91% !important;
	}
	td.Form textarea {
		width: 91% !important;
		max-width: 91% !important;
		min-width: 91% !important;
	}
	td.Form input.datepickclass {
		width: 104px !important;
		min-width: unset !important;
		padding-right: 20px !important;
	}
	td.Form select {
		width: 91% !important;
		max-width: none !important;
	}
	td.Form input.Lookup, td.Form input.LookupBlur {
		max-width: calc(92.5% - 52px) !important;
		min-width: calc(92.5% - 52px) !important;
	}
	.shortcutDiv {
		width: 100% !important;
	}
	.option_bar.selectmobile {
		height: 80px;
	}
	.infobox .datacontainer .tabledata table td.country {
		width: auto;
		min-width: initial;
		max-width: initial;
	}
	.usageheader .container .logo img {
		width: 190px;
	}
	.usageheader .container .title p {
		font-size: 1.0625rem;
		margin-left: 15px;
	}
	.list_container.applicationmobile {
		overflow: visible !important;
	}
	table.Form .xmlSectionTable td, table.Form .xmlSectionTable th {
		display: table-cell;
		word-break: unset !important;
	}
	table.Form td.Data1, table.Form td.Data2, td.Form .resultdiv table.resulttable td
		{
		display: table-cell !important;
	}
	.xmlSectionDiv {
		width: 100%;
		overflow-x: auto;
	}
	#lookupwin {
		padding: 0 15px 0 15px;
	}
	.lookupcontainer {
		width: 100% !important;
		max-width: 100% !important;
	}
	#lookupwin .object_name {
		font-size: 1rem;
		margin: 50px 0 10px 0;
		padding: 0;
	}
	#lookupwin .resultdiv {
		box-shadow: none;
		border: 0;
		margin: 10px 0 0 0;
		max-height: 80vh !important;
	}
	#lookupwin .closemobile {
		right: 30px;
	}
	#lookupwin input.Lookup, #lookupwin input.LookupBlur {
		min-width: 80% !important;
		max-width: 80% !important;
		width: 80% !important;
	}
	.mediaplayerwrapper {
		width: 100% !important;
		overflow-x: hidden;
	}
	.buttonwrapper {
		margin-left: 20px;
		width: auto;
	}
	.mejs-container {
		width: 100% !important;
		height: 202px !important;
	}
	.mejs-mediaelement>video, .mejs-mediaelement img, .mejs-mediaelement object,
		.mejs-poster {
		width: 100% !important;
		height: 202px !important;
	}
	.mejs-captions-layer {
		width: 100% !important;
	}
	.viewvideo .note_tab {
		top: 55%;
	}
	.mejs-overlay {
		width: 100% !important;
		height: 202px !important;
	}
	.viewvideo .notesframe_div {
		border-top: 0;
	}
	.metadata {
		padding: 5px 10px 5px 10px;
	}
	.comment textarea {
		width: 100%;
	}
	#lookupwin .lookupdiv {
		width: 100%;
	}
	#lookupwin input#contacttxt.Lookup {
		width: 90% !important;
		min-width: 90% !important;
		max-width: 90% !important;
		border-radius: 3px;
		-webkit-border-radius: 3px;
	}
	.closecaption .filter .fileupload input.Lookup, .closecaption .filter .fileupload input.LookupBlur
		{
		width: calc(100% - 180px);
		min-width: unset;
		max-width: unset;
	}
	.topbar.message {
		text-align: left;
	}
	.topbar.message>div {
		font-size: 0.875rem;
		padding: 8px 5px;
		width: 100%;
		border-right: 0;
	}
	.topbar.message div.icon {
		height: 26px;
		width: 26px;
		text-align: center;
	}
	.dbitemcontainer .searchoptionscontainer, .dbitemcontainer .ax-controlbar .search_fields
		{
		width: 100%;
	}
	.dbitemcontainer .ax-controlbar .search_fields .searchtext {
		width: 80% !important;
		margin: 0 -2px 0 0;
	}
	.dbitemcontainer .showallbutton {
		right: 50px;
	}
	.cart_container {
		min-width: initial;
	}
	.panel-help {
		width: 460px;
		right: -460px;
	}
}

@media screen and (max-width: 1440px) {
	.objdockopen #container.obj_container, .beta_objectleftcenterredesign.redesign.objdockopen #container.obj_container {
		width: calc(100% - 460px);
	}
	.objdockopen .list_dock {
		width: 460px;
	}
	.objdockopen .list_dock {
		width: 460px;
	}
	#list_dock_tabs {
		right: 410px;
	}
	.objdockopen .highVisibilityOptions {
		right: 460px;
	}
}
/* Preventing media queries from not sizing the preview windows properly in object level Split Screen mode (Ticket #58833 - Expand Split Screen Functionality to view Contact and Org records from L1 record)*/
#container.previewMode {
	min-width: 400px !important;
	max-width: none !important;
	margin-top: 0;
}

@supports (-ms-ime-align:auto) { .btn .fa , .btn .fas , .btn .far , .btn
	.fal { vertical-align:baseline;
	
}

.performanceaudit td:nth-of-type(6) {
	word-break: break-all;
}

.smartCard .open>.dropdown-menu {
	display: table
}

.modeDiv {
	width: 255px !important;
}

}
@media only screen and (max-device-width: 1024px) and (min-device-width:
	768px) and (orientation: portrait) {
	.mobile .ax-controlbar .search_fields {
		margin-right: 35px;
	}
}
/* Desktop dock mode fix */
@media screen and (max-width: 479px) {
	div.listfilter label {
		width: 85px !important;
	}
	.notificationsearch div.listfilter label {
		width: 56px !important;
	}
	body.content_frame.mobile .notesearchpanel div:nth-of-type(3) {
		margin-left: 7px
	}
	.orchidchartview .profilebut input[type=button] {
		width: 100%;
		margin-bottom: 5px;
	}
	.orchidcountcontent {
		width: 100%;
	}
	.panel-help {
		width: 400px;
		right: -400px;
	}
}

@-moz-document url-prefix() { .btn .fa , .btn .fas , .btn .far , .btn
	.fal { margin-top:-1px;
	
}

.infobox input[type="range"], #floating-panel input[type="range"] {
	margin-top: 8px;
}

.highVisibilityOptions>li>span {
	line-height: 1;
}

select.searchfield {
	padding: 6px 6px 5px 6px;
}

.previewimage {
	overflow: initial !important;
}

.previewimage>div {
	margin: 0 20px;
}

input[type="text"]+.ui-datepicker-trigger {
	padding: 4px 5px 3px;
}

.showallbutton, .showfilterbutton {
	margin: 1px 0 0 -24px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow
	{
	padding: 2px 4px 4px;
}

.search_fields .RadioContainer, .lookup_fields .RadioContainer {
	margin-top: 6px;
}

.search_fields .RadioContainer, .lookup_fields .RadioContainer {
	margin-top: 7px;
}

.RadioContainer label::before, .RadioContainer label::after {
	padding: 0px;
}

}
span.sourcehighlight {
	color: #D33131;
	font-weight: bold;
	font-style: italic;
}

/* JSON viewer styles - overrides jquery.json-viewer.css*/
.json-document {
	font-family: "Roboto", "Helvetica Neue", Helvetica, Arial,
		sans-serif !important;
	border: 1px solid #eee;
	border-radius: 6px;
	background: #fcfcfc;
	margin: 0px !important;
}

ul.json-dict, ol.json-array {
	font-weight: 500;
	line-height: 21px;
}

.json-string {
	font-weight: normal;
	color: var(--buttonbgcolor, #dfdfdf) !important;
}

.json-literal {
	font-weight: normal !important;
	color: var(--buttonbgcolor, #dfdfdf) !important;
}

a.json-toggle {
	font-weight: 500;
}

a.json-toggle:before {
	font-family: "Font Awesome 6 Pro";
	font-size: 1rem !important;
	color: var(--buttonbgcolor, #dfdfdf) !important;
	content: "\f0dd" !important;
	line-height: 14px !important;
	font-weight: 600;
}

a.json-toggle:hover:before {
	color: initial !important;
}

a.json-placeholder {
	color: var(--hl) !important;
	text-decoration: underline !important;
}

a.json-placeholder:hover {
	text-decoration: none !important;
}

.btn-json {
	margin-bottom: 10px;
}

.k-tooltip {
	border-radius: 4px;
	margin: 0;
	padding-block: 4px;
	padding-inline: 8px;
	border-width: 0px;
	border-style: solid;
	box-sizing: border-box;
	background-repeat: repeat-x;
	outline: 0;
	font-family: inherit;
	font-size: 0.6875rem !important;
	opacity: .99;
	line-height: 1.25;
	display: flex;
	flex-flow: row nowrap;
	align-items: flex-start;
	position: absolute;
	z-index: 12000;
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	max-width: 320px;
}

.k-tooltip *, .k-tooltip *::before, .k-tooltip *::after {
	box-sizing: border-box;
}

.k-tooltip-icon {
	margin-inline-end: 4px;
	flex-shrink: 0;
}

.k-tooltip-title {
	margin-bottom: .25em;
	font-size: 17.5px;
	line-height: 1;
}

.k-tooltip-content {
	align-self: stretch;
	flex: 1 1 auto;
	overflow: hidden;
	text-overflow: ellipsis;
	overflow-wrap: break-word;
}

.k-tooltip-button {
	margin-inline-start: 4px;
	flex-shrink: 0;
}

.k-tooltip-button .k-icon {
	color: inherit;
	vertical-align: top;
}

.k-callout {
	width: 12px;
	height: 12px;
	border-width: 6px;
	border-style: solid;
	border-color: transparent;
	position: absolute;
	pointer-events: none;
}

.k-callout-n {
	margin-left: -6px;
	border-bottom-color: currentColor;
	top: -12px;
	left: 50%;
	pointer-events: none;
}

.k-callout-e {
	margin-top: -6px;
	border-left-color: currentColor;
	top: 50%;
	right: -12px;
	pointer-events: none;
}

.k-callout-s {
	margin-left: -6px;
	border-top-color: currentColor;
	bottom: -12px;
	left: 50%;
	pointer-events: none;
}

.k-callout-w {
	margin-top: -6px;
	border-right-color: currentColor;
	top: 50%;
	left: -12px;
	pointer-events: none;
}

.k-tooltip {
	border-color: rgba(0, 0, 0, 0.75);
	color: white;
	background-color: rgba(0, 0, 0, 0.75);
	box-shadow: var(--kendo-elevation-2, 0 4px 6px rgba(0, 0, 0, 0.06), 0
		4px 16px rgba(0, 0, 0, 0.12));
}

.k-tooltip .k-callout {
	color: rgba(0, 0, 0, 0.75);
}

.k-tooltip-inverse {
	border-color: #404040;
	color: white;
	background-color: #404040;
}

.k-tooltip-inverse .k-callout {
	color: #404040;
}

.k-tooltip-light {
	border-color: #ebebeb;
	color: black;
	background-color: #ebebeb;
}

.k-tooltip-light .k-callout {
	color: #ebebeb;
}

.k-tooltip-dark {
	border-color: #404040;
	color: white;
	background-color: #404040;
}

.k-tooltip-dark .k-callout {
	color: #404040;
}

.k-tooltip-error {
	border-color: #d92800;
	color: white;
	background-color: #d92800;
}

.k-tooltip-error .k-callout {
	color: #d92800;
}

.k-tooltip-warning {
	border-color: #ff9800;
	color: white;
	background-color: #ff9800;
}

.k-tooltip-warning .k-callout {
	color: #ff9800;
}

.k-tooltip-success {
	border-color: #3ea44e;
	color: white;
	background-color: #3ea44e;
}

.k-tooltip-success .k-callout {
	color: #3ea44e;
}

.k-tooltip-info {
	border-color: #007bc3;
	color: white;
	background-color: #007bc3;
}

.k-tooltip-info .k-callout {
	color: #007bc3;
}

.k-tooltip-tertiary {
	border-color: #03a9f4;
	color: white;
	background-color: #03a9f4;
}

.k-tooltip-tertiary .k-callout {
	color: #03a9f4;
}

.k-tooltip-secondary {
	border-color: #f3f3f4;
	color: black;
	background-color: #f3f3f4;
}

.k-tooltip-secondary .k-callout {
	color: #f3f3f4;
}

.k-tooltip-primary {
	border-color: #1984c8;
	color: white;
	background-color: #1984c8;
}

.k-tooltip-primary .k-callout {
	color: #1984c8;
}

.k-tooltip ul {
	padding: 15px;
	margin: 0px;
}

.k-validator-tooltip {
	margin-top: calc(6px + 0px);
	width: auto;
	white-space: normal;
	display: flex;
	align-items: center;
	z-index: 9999;
}

.k-grid .k-validator-tooltip {
	max-width: 300px;
}

td.Form div.caption {
	padding: 6px 0;
}

.ajaxLookUpContainer>div.Form {
	padding: 0 0 3px;
}

.toggleproject-btn {
	padding: 0px 3.5px;
	background: #eb940b;
	border-color: #333333;
	box-shadow: none;
}

.toggleproject-btn:is(:hover, :focus) {
	background: #333333;
	box-shadow: none !important;
}

.toggleproject-btn i {
	color: #333333;
	height: 14px;
	width: 14px;
	line-height: 0.875rem;
}

.toggleproject-btn:is(:hover, :focus) i {
	color: #eb940b;
}

#ui-datepicker-div.largeZIndex {
	z-index: 100000000 !important;
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

@media print {
	.loptionbar, .notesearchpanel {
		display: none !important;
	}
}

.langpicker {
	padding: 10px 0;
}

.k-iframe {
   width: 100%;
}

.k-editor .k-editable-area {
  font-family: 'Roboto', sans-serif;
}

.k-mention {
    color: #315470;
}
