@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"] {
    color: var(--buttonfontcolor);
}
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;
}
.doublebottommargin {
    margin-bottom: 40px;
}
.bottommargin {
    margin-bottom: 20px;
}
.halfbottommargin {
    margin-bottom: 10px;
}
.quarterbottommargin {
	margin-bottom: 5px;
}
.leftmargin {
    margin-left: 20px;
}
.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;
}

body:not(.beta_richtext) .quickedit.stacked td.Form input[type=text], body.beta_richtext .quickedit.stacked td.Form input[type=text]:not(.k-input-inner), .quickedit.stacked td.Form select, .quickedit.stacked td.Form textarea, body:not(.beta_richtext) .quickedit.stacked td.Form iframe, body.beta_richtext .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;
}
.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 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;
}
.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;
}
.breadcrumb > li.active, .breadcrumb > li a {
    word-break: break-word;
    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;
}
.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;
}
.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;
}
.objdock #container.obj_container {
    margin-left: 205px ;
    width: calc(100% - 205px);
}
.mobile #container.obj_container, .objdocktabs #container.obj_container {
    margin-left: 40px;
    width: calc(100% - 40px);
    min-width: calc(100% - 40px) !important;
}
.mobile #container.chartcontainer {
    margin-left: 0 !important;
}
.objnew #container.obj_container {
    width: auto !important;
    float: none !important;
}
.objnew #footer {
    width: auto;
    float: none !important;
}
.objnew .list_dock{
    display: none !important;    
}

.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;
}
.objdocktabs .objtabbar{
    width: 40px;
}
.objdocktabs .objtabbar .objtablabel{
    display: none;
}
.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;
}
#list_dock_tabs.objtabbar_container { 
    top: initial;
} 
.objtabbar_container:hover {
    overflow-y: auto;
    width: 222px;
}
.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;
}
.objtabicon {
    width:20px;
    text-align:center;
    display:inline-block;
    padding: 0 10px 0 0;
}
.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;
}
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);
}
.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;
}
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;
}
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;
}
body:not(.beta_richtext) .objtabcontainer_in > iframe:not(.cke_wysiwyg_frame), body.beta_richtext .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 .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;   
}
.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);
}
.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;
}
.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;
} 
body:not(.beta_richtext) input[type="text"].searchtext, body.beta_richtext 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 .prof_details {
    flex-wrap: wrap;
    margin: 5px 0 0 0;
}
.stacked .profilecardoverlay .prof_details {
    margin-bottom: 15px;
}
.stacked .profilecardoverlay div.SubTitle {
    padding-top: 10px;
    margin-bottom: 10px;
}
.stacked .personal-details {
    position: relative;
    min-width: 100%;
    padding: 10px 5px 5px 20px;
}
.stacked .prof_details > ul {
    display: inline-block;
    width: 100%;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
}
.stacked .prof_details > ul li {
    float: left;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    border-bottom: 0;
}
.stacked .profileColumn2 {
    min-width: 100%;
    padding: 18px 14px 15px 18px;
}
.stacked .profileColumn2 .profileColumnContent {
    webkit-column-count: unset;
    -moz-column-count: unset;
    column-count: unset;
}   
.stacked .profileImageWrapper {
    height: auto;
}
.stacked .profileColumn + .profileRow {
    margin-top: 0;
    width: calc(100% - 108px);
}
.stacked .profileRow {
    margin: 10px 0 0 0;
}
.stacked .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;
}
.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;    
}
.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;
}
#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;    
}
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;
}
.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;
}
body:not(.beta_richtext) .mappanel_container .locationdiv input, body.beta_richtext .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;
}
body:not(.beta_richtext) span.cke_combo__font > a.cke_combo_button {
    width: 125px;
}
body:not(.beta_richtext) span.cke_combo__font > a.cke_combo_button > span.cke_combo_text {
    width: 90px;
    white-space: nowrap;
}
#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;
}
@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, body:not(.beta_richtext) input[type="text"], body.beta_richtext 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 {
    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;
}
.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-top: 5px;
    padding-right: 8px;
    *padding-bottom: 5px;
    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-top: 2px;
    padding-right: 5px;
    *padding-bottom: 2px;
    padding-left: 5px;
}
.btn-group > .btn-small + .dropdown-toggle {
    *padding-top: 5px;
    *padding-bottom: 4px;
}
.btn-group > .btn-large + .dropdown-toggle {
    *padding-top: 7px;
    padding-right: 12px;
    *padding-bottom: 7px;
    padding-left: 12px;
}
.btn-group-vertical {
    display: inline-block;
    *display: inline;
    /* IE7 inline-block hack */
    *zoom: 1;
}
#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;
}
.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;    
}
.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 {
    *width: 100%;
    height: 1px;
    margin: 9px 1px;
    *margin: -5px 0 5px;
    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;
}
.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 {
    *z-index: 1000;
}
.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 {
    *margin-bottom: -3px;
}
.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;
}
input:not(.k-input-inner):focus-visible {
  outline: 3px solid #007BFF; 
  outline-offset: 2px; 
  background-color: #e7f3ff; 
  border-radius: 4px; 
  transition: outline 0.2s ease, background-color 0.2s ease;
}
.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;
}
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;
}  
div.FormInstructions{
    font-size: 0.875rem;
    line-height: 18px;
    margin: 5px 0;
    padding: 12px 10px 12px 10px; 
    background: #f5f5f5;
    border-left: 6px #ccc solid;
    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;
}
body.beta_richtext 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;
}
body:not(.beta_richtext) #formdiv .fieldContentDiv .CheckBoxContainer i.text-help {
    margin-top: -1px !important;
}
 body.beta_richtext #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;    
}
.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;
}
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 ";
}
.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;
}
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%;
}
.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;
    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;
}
.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;
}
.notes .title span.number {    
    float:none;
}
.notes p {    
    float:none;
    display: inline-block;
    font-size: 0.9375rem;
    margin: 4px 0 0 2px;
    padding: 0;    
}
.notes .title h2{
    display: inline-block;
    font-size: 1rem;
    margin: 3px 0;
    font-weight: 500;
}
.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;
}
.notecontentdiv {
    position:relative;
    width: 100%;
    padding-top: 10px;
} 
.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;
}
.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;
}
.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;
}
.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;
}
.notesearchpanel {
    background: #f3f3f3;
    padding: 10px 5px;
    box-sizing: border-box;
}
div.listfilter {
    display: inline-block;
    margin-left: 3px;
    vertical-align: top;
}
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;
}
.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;
}
body:not(.beta_richtext) td.Form.checktoggle label, body.beta_richtext 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;
}
body.beta_richtext td.richtext-editor .checktoggle_slider + label {
    margin: 0 !important;
}
body.beta_richtext table.editorSelector {
    width: 100%;
}
body.beta_richtext 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;
}
.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%;
}
body:not(.beta_richtext) .cke {
    border-color: #949494 !important;
}
body:not(.beta_richtext) .cke_container{
    width: 100% !important;
    display:inline-block !important;    
}
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,
body:not(.beta_richtext) input[type="text"]:not(.form-control):focus,
body.beta_richtext 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%;
}
body:not(.beta_richtext) #frmedithelpdiv.expanded .cke_contents, body:not(.beta_richtext) #frmreadhelpdiv.expanded .cke_contents {
    height: 400px !important;
}
.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{
    color: #222;
    text-decoration: none;
    padding: 4px 6px 4px;
    display: block;
}
.search_dropdown li a span{
    font-size: 0.75rem;
    margin: 0px 5px 0 0;
    float: right;
}
.search_dropdown li a i{
    margin: 5px 0 0 0;
    font-size: 0.75rem;
    float: right;
}
.search_dropdown li:last-child a{
    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{
    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;
}

.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;
}

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;
}
.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;
}
.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;
}

@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;
    }
    body:not(.beta_richtext) td.Form input[type=text], body.beta_richtext 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; 
    }
    body:not(.beta_richtext) td.Form input[type=text], body:not(.beta_richtext) td.Form iframe, body.beta_richtext td.Form input[type=text]:not(.k-input-inner), body.beta_richtext 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 {
        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; 
}
body.beta_richtext input:not(.k-input-inner):focus-visible, body:not(.beta_richtext) input:focus-visible {
  outline: 3px solid #007BFF; 
  outline-offset: 2px; 
  background-color: #e7f3ff; 
  border-radius: 4px; 
  transition: outline 0.2s ease, background-color 0.2s ease;
}


#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;
}
