@import url("/css/font-awesome/css/font-awesome.min.css?5.13.0");
@import url("/css/iface/fonts.css");

html {
    scroll-behavior: smooth;
}
body {
    font-size: 15px;
    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: 0px !important;
    margin: 0px !important;
}
body.content_frame .FormInstructions {
    margin: 0px;
}
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: 15px;
    font-weight: normal;
    font-family:'Roboto',"Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 21px;
    cursor: pointer;
}
a:hover {
   color: var(--hlh); 
}
a:focus {
    color: var(--hlh);
    outline: 0;
    text-decoration: underline;
}
a[name="iconbutton"] {
    color: var(--buttonfontcolor);
}
.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, .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;
}
.notopmargin {
    margin-top: 0 !important;
}
.doubletopmargin {
    margin-top: 40px;
}
.topmargin {
    margin-top:20px;
}
.rightmargin {
    margin-right:20px;
}
.bottommargin {
    margin-bottom:20px;
}
.leftmargin {
    margin-left:20px;
}
.float {
    float:left;
}
.hundredPercentWidth {
    width: 100%;
}
.typestatusfilter {
    font-size: 12px;
    margin-right: 5px;
}
.filterall {
    opacity: 0.3;
}
.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 5px;
}
.criteria_value {
    padding: 5px;
}
.criteria_wrapper {
    display: inline-block;
    margin: 5px 0 0 10px;
}
.searchoptionsdiv {
    background: #ffffff;
    border: 1px #dddddd solid;
    border-radius: 10px;
    overflow: hidden;
    margin: 10px;    
}
.searchoptionsdiv > div {
    padding: 5px 10px 15px 10px;      
}
.searchoptionsdiv .title{
    font-size: 24px;
    display: block;
    padding: 5px 15px;
    color: #333;    
}
.searchoptionsdiv .title i {
    font-size: 16px;
    float: right;
    color: var(--buttonbgcolor, #CCC);
    margin-top: 6px;
    cursor: pointer;
}

.searchoptionsdiv .criteria_wrapper {
    width: 32%;
    vertical-align: top;
}

.searchoptionsdiv .criteria_button_wrapper {
    display: inline-block;
    margin: 0 0 0 9px;
    vertical-align: bottom;
    padding: 7px;
}

.searchoptionsdiv .criteria_wrapper input:not(.select2-search__field) {
    width: 100% !important;
}

.searchoptionsdiv .criteria_wrapper input.datepickclass {
    width: 100% !important; 
}

.searchoptionsdiv span.select2-container > span.fa-times {
    right: 15px;
}

.searchoptionsdiv .criteria_wrapper input[type="text"] + .ui-datepicker-trigger {
    margin-left: -30px;
    /*position: absolute;*/
}

.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: 32px !important;
    max-height: 80px;
    overflow-y: auto;
}
.stacked .FormContainer {
    width:auto;
    display:block;
}
.stacked th.Form, .stacked th.FormTop, .stacked th.FormLg, .stacked th.FormSm, .stacked th.FormXSm, .stacked th.FormApp {
    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 {
    padding: 5px 5px 5px 0;
    display: block;
    word-break: break-word;
}
.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;
}

.quickedit.stacked {
    padding: 0 20px;
}

.quickedit.stacked table, .quickedit.stacked table > tbody, .quickedit.stacked table tr, .quickedit.stacked table td {
    display: block;
    white-space: nowrap;
}

.quickedit.stacked td.Form input[type=text], .quickedit.stacked td.Form select, .quickedit.stacked td.Form textarea, .quickedit.stacked td.Form 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 {
    width: 400px;
    white-space: normal;
}

/* new report template */

.option_bar_in.report {
    background: #f7f7f7;
    padding: 10px 0 10px 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: 14px;
    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;
}
.stacked .pagescrollcount {
    display:none;
}
.reportheader {
    margin: 30px 0 20px 0;
}
.reportheader h1 {
    border-bottom: 1px solid var(--axsubtitlebbordercolor);
    color: #000;
    font-size: 30px;
    font-weight: normal;
    padding-bottom: 7px;
    margin: 0 0 15px 0;
}
.reportheader h2 {
    font-size: 18px;
    font-weight: normal;
    margin: 0;
    padding: 0;
}
.reportheader h3 {
    font-size: 15px;
    font-weight: 300;
    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: 10px 5px 10px 0;
    border: 0;
    border-bottom: 1px solid #d9d7d6;
}
.reportwrapper TH.Sub a {
    color: #333333;
    text-decoration: none;
}
.reportwrapper .Data1 , .reportwrapper .Data2 {
    padding: 8px 5px 8px 4px;
    border-bottom: 1px solid #f5f4f3;
}
.reportwrapper .reportfooter {
    border-top: 1px solid var(--buttonbgcolor, #dfdfdf);
    font-size: 14px;
    padding: 5px 0 0 0;
}
.reportwrapper .ReportTotalHeader.ReportRowLeftPad1, .ReportTotalHeader.ReportRowLeftPad1 {
    font-size: 20px;
    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: 15px;
    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: 37px;
    height: 37px;
    max-height: 37px;
}
.reportwrapper .noresults {
    display: block;
    font-size: 20px;
    padding: 20px;
    margin: 0 !important;
    text-align: center;
}
.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;
}   
.stacked td.Form input[type=text], .stacked td.Form select, .stacked td.Form textarea, .stacked td.Form iframe {
    width:93% !important;
    max-width:93% !important;
    min-width:93% !important;
}
.stacked td.Form input.Lookup, .stacked td.Form 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:12px;
}
.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: 20px;
    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: 17px;
}
#title_bar a{
    color: var(--titlefontcolor);
    text-decoration: none;
    font-size: 17px;
}
#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;
}
.tabtitle-bar{
    font-size: 22px;
    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: 14px;
    font-weight: normal;
    font-family:'Roboto',"Helvetica Neue", Helvetica, Arial, sans-serif;
    text-decoration: none;
    color: #7D7D7D;
}
.breadcrumb_container {
    overflow: auto;
    overflow-x: auto;
    display: block;
}
.breadcrumb {
    display: inline-block;
    background-color: #f7f7f7;
    border-radius: 6px;
    margin: 5px 0;
    padding: 0;
    width: auto;
    overflow: hidden;
    white-space: nowrap;
}
.breadcrumb li a, .breadcrumb li > span {
    color: var(--buttonbgcolor, #dfdfdf);
    font-size: 14px;
    line-height: initial;
    padding-left: 10px;
    text-decoration: none;
}
.breadcrumb li a:hover , .breadcrumb li a:focus {
    text-decoration: underline;
}
.breadcrumb li {
    position: relative;
    width: auto;
    margin-right: 10px;
    padding: 8px 0px;
    margin: 0px 15px;
    overflow: unset;
    min-height: auto;
}
.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;
}
.breadcrumb > li {
    float: left;
    display: inline-block;
}
.breadcrumb li:first-child a , .breadcrumb li:only-child a {
    padding-left: 0;
}
.breadcrumb li:only-child a:after , .breadcrumb li:only-child a:before {
    display: none;
}
.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;
}
.breadcrumb > .active {
    color: #777777;
}
.breadcrumb li {
    clear: none !important;
}
.breadcrumb li.active {
    background: var(--buttonbgcolor, #dfdfdf);
    color: var(--buttonfontcolor);
    font-size: 14px;
    padding: 10px 20px 10px 25px;
    margin: 0px 0px 0px 1px;
}
.breadcrumb > li.active:first-child {
    padding-left: 15px;
}
.breadcrumb > li.active > span {
    color: var(--buttonfontcolor);
}
.breadcrumb li a::after, .breadcrumb li > span::after { 
    content: "";
    position: absolute;
    display: block;
    line-height: 0px;
    height: 0px;
    width: 0px;
    right: -24px;
    top: -2px;
    border-left: 9px solid #f7f7f7;
    border-right: none;
    border-top: 21px solid transparent;
    border-bottom: 21px solid transparent;
    z-index: 1;
}
.breadcrumb li a::before, .breadcrumb li > span::before {
    content: "";
    position: absolute;
    display: block;
    line-height: 0px;
    height: 0px;
    width: 0px;
    right: -25px;
    top: -2px;
    border-left: 9px solid #ddd;
    border-right: none;
    border-top: 21px solid transparent;
    border-bottom: 21px solid transparent;
    z-index: 1;
}
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: 12px;
    width: 142px;
    display: inline-block;
}
.tabsubnav2 ul li:hover{
    color: #000000;
}
.tabsubnav2 ul li a:hover{
    color: #000000;
    font-size: 12px;
    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:9px;
}
.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, .anchoritem, .listsubtabitem, .tabitem2 , #tabs ul.tabbar li.tabitem, .ax_tabs ul.tabbar li.tabitem {
    display: inline-block;         
    margin: 0 3px -3px 0;

}
.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: 15px;
    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: 16px;
}
.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 5 Pro';
    font-weight: 600;
    position:absolute;            
    background: #FFFFFF;       
    cursor: pointer;
    width: 20px;
    z-index: 1998;
    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;
}
div.subtabcontainer_in.list {
    padding: 0px;
}
.ax-boxcontainer .ax-boxcontent {
    background: #FFFFFF;
    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 !important;
    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;
}
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);
}
.objdock #container.obj_container .object_name {
    width: calc(100% - 245px);
}
.objdocktabs #container.obj_container .object_name {
    width: calc(100% - 80px);
}
.objdockopen #container.obj_container .object_name {
    width: calc(100% - 580px);    
}
#container.obj_container.full {
    margin: 43px 0 0 0;  
}
.objtabbar {
    background: var(--menuheadbgcolor, #dfdfdf);
    padding: 0px;
    min-height: 100%;
}
.objtabbar_container {
    position: fixed;
    left: 0;
    display: block;
    float:left;
    width: 205px;
    height: 100vh;
    margin: 0;
    padding: 0;
    z-index: 1999;
    font-size: 0;
    box-sizing: border-box;    
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
}
.objdockopen .objtabbar_container {
    width: 0px;
}
.objdocktabs .objtabbar_container{
    width: 40px;
    -webkit-overflow-scrolling: touch;
}
.objtabbar_container:hover {
    overflow-y: auto;
}
#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;    
}
.objtabicon {
    width:20px;
    text-align:center;
    display:inline-block;
    padding: 0 10px 0 0;
}
.objtabicon i {
    font-size: 16px;
    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: 110px;
    overflow: hidden;
    line-height: 110%;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: top;
}
.objtablabel i.text-help {
    color: rgba(255, 255, 255, 0.5);
}
.objtablabel i {
    display: none;
}
.objtablabel i[id^=trackhistory] {
    display:inline-block !important;
}
.objtabitem:hover .objtablabel i {
    display: inline;
}
.objtabitem:hover .countlabel {
    display: none;
}
.objdockopen .countlabel, .objdockopen .objtablabel, .objdocktabs .countlabel, .objtabbar .objtabitem:hover .objtablabel i {
    display: none;
}
.countlabel {
    display: inline-block;
    float: right;
    font-size: 12px;
    padding-top: 2px;
}
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 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;
}
.objtabcontainer_in > iframe:not(.cke_wysiwyg_frame) {
    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 - 43px);
    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%;
}
#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 {
    margin-bottom: 10px;
}
.sublistbtndiv {
    float: left;
    margin-bottom: 10px;
}

.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);
}
.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 10px 0;
}
.loptionbar > div{    
    padding: 10px 0 0 0;
}
.loptionbar_placeholder {
    position: relative;
    display: none;
    padding: 10px 0;
}
.loptionbar:after {
    content: "";
    display: table;
    clear: both;
}
#searchdiv_container, #sortdiv_container, #listcombodiv_container{   
    clear: both;    
}
.search_container {
    display:inline-block;
    float:right;
    text-align: right;
    padding: 0px;
}
.search_container.hasmap {
    text-align: left;
    width: 100%;
    display:block;
    float:none;
}
.search_fields{
    display:inline-block;
    white-space:nowrap;    
    padding: 0 10px;
    text-align:right;
    max-width: 700px;
    min-width: 225px;
    position: relative;
    float:right;
}

.search_fields, .search_container {
    width: calc(100% - 905px);        
}
.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;
    margin-left: 10px;
    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;
}
.searchtext {
    border-radius: 4px 0px 0px 4px;
    display: inline-block;
    width: 100%;
    padding-right:25px !important;
}
.searchoptions_dropdown #searchfield {
    vertical-align: top;
    margin: 0 4px 4px 0;
    max-width: 300px;
}
.searchoptions_dropdown #searchfield {
    width: 320px;
}
.searchoptions_dropdown #temstadiv {
    display:inline-block;
}
.mobile .searchoptions_dropdown #temstadiv {
    display:block;
}
.searchbutton {
    margin:0 0 0 -4px;
}
.searchadditional {
    width: 150px;
    display: inline-block;
    padding: 6px 15px 0 0;
}
.searchadditional select {
    width: 100%;
}
.mobile .searchadditional {
    width: auto;
    display: block;
    padding: 0px;
}
.showallbutton {
    cursor: pointer;
    float: right;
    padding: 4px 8px 3px 6px;
    margin: 2px 0 0 -24px;
    position: absolute;
    z-index: 1000;
    outline: 0;
}
.showallbutton i {
    color:#999;
}
a.showallbutton:hover i, a.showallbutton:focus i {
    color: #444;
}
.mobile .showallbutton {
    top: 0;
    right: 0;
}
.listcombodiv select {
    width:300px;
}
#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: 275px;
    max-height: calc(100vh - 240px);
    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: 16px;
    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;
    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: 98px;
}
#profimgdiv i {
    font-size: 70px;
    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;
}
.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 65px;
    min-width: 680px;
}
.profileColumn3 {
    margin: 0px 25px;
}
.profileColumnTitle {
    font-size: 20px;
    padding: 0px 0px 10px 0px;
}
.profileTitle {
    font-size: 24px;
    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 #ccc;
    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: 17px;
    padding:7px 0 0 0;
}   
.profile_circle.icon {
    width: 28px;
    height: 28px;
    background: #DEDEDE;
} 
.profile_circle.icon div {
    font-size: 16px;
    padding: 4px 0 0 0;
}  
.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: 24px;
    padding: 9px 0 6px 0;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.object_name span{
    margin-left:10px;
    float: right;
}
.object_name #title_text{
    display:inline;
}
.profile_name {
    font-size: 16px;
}
.object_name .small{
    font-size: 13px;
}
.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: 18px;
}
#footer, .v-footer {
    bottom: 0;
    width: 100%;
    position: fixed;
    z-index:1001;
    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: 20px;
    padding: 10px 10px 5px 15px;
    float: left;
}
.nodata {
    padding:10px 10px 15px 10px;
    font-size: 20px;
    color: #989898;
    background: #f9f9f9;
    text-align: center;
    margin-top: 15px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
}
.nodata div {
    font-size: 65px;
    padding: 5px;
}
.nodata div + div {
    font-size: 20px;
}
.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[type="button"],button[type="submit"],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, #CCC);
    border-color: var(--buttonbgcolor, #CCC);      
    display: inline-block;
    position:relative;
    padding: 4px 14px;
    margin: 0px 2px;
    font-size: 15px;
    line-height: 21px;
    text-align: center;
    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;    
}

a.btn , a.Button {
    color: var(--buttonfontcolor);
    background: var(--buttonbgcolor, #CCC);
    border: 1px solid var(--buttonbgcolor, #CCC);
    border-color: var(--buttonbgcolor, #CCC);     
}

.bottomsection .privacypolicy a.btn {
    color: var(--buttonfontcolor) !important;
}

.listviewbuttondiv {
    margin: 0px 3px 3px 0px;
    display: inline-block;
    white-space: nowrap
}
.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: 16px !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: 16px !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;
}
#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: 170px;
}
#loading-message > div > div > p {
    font-size: 3em;
}
.statuswrapper {
    width:100%; 
    overflow:auto
}

/* Discussion Board 2.0 */

.db_container .title {
    float: left;
    width: auto;
    max-width: calc(100% - 440px);
}
.db_container h3.title {
    color:  var(--hl);
    float: none;
    display: block;
    font-weight: normal;
    width: 100%;
    padding: 0;
    margin: 0;
    word-wrap: break-word;
    text-decoration: underline;
}
.db_container p.posted {
    font-size: 12px;
}
.db_container .title a {
    display: block;
    width: 100%;
    font-size: 18px;
}
.db_container .title > span {
    float: left;
    clear: left;
    padding-top: 5px;
    word-wrap: break-word;
}
.db_container .date , .db_container .score , .db_container .threadnumber {
    float: right;
    margin-right: 35px;
}
.db_container .threadnumber span , .db_container .score span , .db_container .date span {
    font-size: 18px;
    display: block;
    text-align: center;
}
.db_container .date span {
    font-size: 14px;
    text-align: left;
}
.db_container .threadnumber span + span , .db_container .score span + span  {
    font-size: 12px;
}
.db_container .delete {
    background: var(--buttonbgcolor, #dfdfdf);
    float: right;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    margin-right: 22px;
    text-align: center;
    cursor: pointer;
}
.db_container .solved {
    background: var(--buttonbgcolor, #dfdfdf);
    float: right;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    margin-right: 22px;
    text-align: center;
}
.db_container .adminbutton {
    background: var(--buttonbgcolor, #dfdfdf);
    float: right;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    margin-right: 15px;
    text-align: center;
    cursor: pointer;
}
.db_container .delete .fa, .db_container .delete .fas, .db_container .delete .far, .db_container .delete .fal, .db_container .delete .fab,
.db_container .solved .fa, .db_container .solved .fas, .db_container .solved .far, .db_container .solved .fal, .db_container .solved .fab,
.db_container .adminbutton .fa, .db_container .adminbutton .fas, .db_container .adminbutton .far, .db_container .adminbutton .fal, .db_container .adminbutton .fab {
    color: var(--buttonfontcolor);
    font-size: 15px;
    margin-top: 8px;
}
.db_optionbar {
    background: #f1f1f1;
    padding: 10px 18px;
    box-sizing: border-box;
    border-top: 1px solid #fff;
}
.db_optionbar:after {
    display: block;
    clear: both;
    content: "";
}
.db_actionbar {
    display: block;
    margin-bottom: 10px;
}
.db_actionbar:after {
    clear: both;
    display: block;
    content: '';
}
.db_actionbar .searchoptionscontainer {
    text-align: right;
    float: right;
    width: auto;
}
.db_actionbar .searchoptionscontainer input {
    width: 320px;
    min-width: 320px;
    max-width: 320px;
}
.db_actionbar .searchoptionscontainer .btn-group {
    margin-left: -6px;
}
.db_actionbar .searchoptionscontainer .btn-group .btn {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;   
}
.db_actionbar button .fas {
    padding-top: 5px;
    padding-left: 5px;
}
.db_actionbar .searchoptionscontainer .btn-group .btn .fas {
    padding-top: unset;
    padding-left: unset;
}
.db_container .solution {
    color: var(--buttonbgcolor, #dfdfdf);
} 
.db_container .solution.Data1 {
    color: #000;
    border: 2px solid #00821d;
}
.db_container .tags {
    display: inline-block;
    width: 100%;
}
.db_container .tags span {          
    font-size: 10px;
    padding: 5px;
    float: left;
    background: #eee;
    border-radius: 6px;
    margin-top: 5px;
    margin-right: 5px;
}
.db_container .tags span a {
    font-size: 12px;
}

.db_container form {
    display: none;
}
.db_container .textMid{
    text-align: center;
    font-size: 18px;
    padding: 0px 10px 0px 10px
}
.editedTime {
    display: inline-block;
    margin-top: 5px;
    font-size: 12px;
    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: 20px;
    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 5 Pro';
    font-weight: bold;
    right: 15px;
    position: absolute;
    top: 15px;
    font-size: 12px;
}
.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: 20px;
    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: 13px;
}
.pcontainerwrapper .pcontainer .warning_msg_container.small {
    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: 25px;
    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: 12px;
}
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: 30px;
    text-align: center;
}
span.ssRadialProgressBar-text {
    display: block;
    text-align: center;
    font-size: 12px;
}
div.ssDropdownMenu {
    display: inline-block;
    min-width: 250px;
    margin: 20px 0 15px 0;
    position: relative;
    font-size: 12px;	
    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: 18px;
}
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: 16px;
}
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: 18px;
}
div.ssDropdownMenu.dashboard span.ssDropdownMenu-selectedItem-text {
    width: calc(100% - 50px);
    margin-top: -10px;
}
div.ssDropdownMenu.dashboard li.ssDropdownMenu-list-item {
    font-size: 16px;
    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 h3 {
    font-weight: normal;
    font-size: 25px;
    margin-bottom: 10px;
}
.notificationslanding span {
    font-size: 14px;
    color: #aaaaaa;
    margin-bottom: 5px;
}
.notificationslanding span.icon {
    float: left;
    color: #444;
    font-size: 20px;
    padding: 3px 8px 0 0;
    margin: 0;
}
.notificationslanding p {
    font-size: 14px;
    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 */

#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;
    position: fixed !important;
    right: 20px;
    z-index: 2001;
    cursor: pointer;
}
#mediaPlayerDock > div {
    height: 100%;
}
#mediaPlayerDock > div {
    position: relative;
}
#mediaPlayerDock-titleBar {
    display: table;
    width: 100%;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.75);
    z-index: 1;
}
#mediaPlayerDock-titleBar-title, #mediaPlayerDock-titleBar-minimizeButton, #mediaPlayerDock-titleBar-closeButton {
    display: table-cell;
    padding: 5px;
    font-size: 18px;
    color: #ffffff;
}
#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: 12px;
}
#mediaPlayerDock-titleBar-minimizeButton {
    padding-right: 0;
    font-size: 14px;
}
#mediaPlayerDock div.videoplayerwrapper {
    height: 255px !important;
}
#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: 35px;
    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);
}
#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, 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 {
    width: calc(100% - 180px) !important;
}
#mediaPlayerDock div.audioplayerwrapper div.mejs-time-rail {
    width: calc(100% - 210px) !important;
}
#mediaPlayerDock div.videoplayerwrapper span.mejs-time-slider, div.ssMediaLibrary-audioVideo div.videoplayerwrapper span.mejs-time-slider {
    width: calc(100% - 190px) !important;
}
#mediaPlayerDock div.audioplayerwrapper span.mejs-time-slider, div.ssMediaLibrary-audioVideo div.audioplayerwrapper span.mejs-time-slider {
    width: 90px !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.videoplayerwrapper div.mejs-time-rail {
    width: calc(100% - 180px) !important;
}
div.ssMediaLibrary-audioVideo div.videoplayerwrapper div.mejs-time-rail > span.mejs-time-slider {
    width: calc(100% - 190px) !important;
}
div.ssMediaLibrary-audioVideo div.audioplayerwrapper a.mejs-horizontal-volume-slider {
    margin-top: 0;
    background-color: transparent;
}
.mappanel_container {
    width: calc(100% - 645px);
    min-width: 460px;
    max-width: 700px;
    white-space: nowrap;
}
.mappanel_container label {
    padding: 0 0 0 3px;
}
.mappanel_container .prox_distance {
    margin-right: 2px;
}
.mappanel_container .locationdiv {
    position: relative;
    display: inline-block;
    margin: 0 -3px 0 0;
    width: calc(100% - 226px) !important;
}
.mappanel_container .locationdiv input {
    width: calc(100% - 36px);
    padding-right: 28px;
}
.mappanel_container .btn-group a {
    border-radius: 0px 4px 4px 0px;
}
#mapbuttons{
    vertical-align: bottom;
}
.maporderby {
    margin-right: 4px;
    max-width: 130px;
    text-overflow: ellipsis;
}
.recordSelected {
    border: 3px solid #f3c200 !important;
}
/* ssFieldValidation */
:root {
    --ssFieldValidation-warning: #D8A93F;
    --ssFieldValidation-error: #D33131;
}
.ssFieldValidation-warning {
    box-shadow: 0 0 0 1px var(--ssFieldValidation-warning) !important;
    border: 1px solid var(--ssFieldValidation-warning) !important;
}
.ssFieldValidation-error {
    box-shadow: 0 0 0 1px var(--ssFieldValidation-error) !important;
    border: 1px solid var(--ssFieldValidation-error) !important;
}
div.ssFieldValidation {
    display: table;
    width: 100%;
    margin: 0 0 5px 3px;
    font-size: 13px;
}
div.ssFieldValidation:last-of-type {
    margin-bottom: 0;
}
div.ssFieldValidation-type-none {
    margin: 5px 0;
}
input[type="text"] + div.ssFieldValidation, input[type="text"] + .text-help + div.ssFieldValidation {
    margin-top: 5px;
}
input[type="text"] + div.ssFieldValidation-type-none, input[type="text"] + .text-help + div.ssFieldValidation-type-none {
    margin-top: 10px;
}
div.ssFieldValidation > dl {
    display: table-row;
}
dt.ssFieldValidation-icon {
    display: table-cell;
    width: 1px;
}
dt.ssFieldValidation-icon > i:before {
    font-size: 20px;
    font-weight: bold;
}
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: -3px;
    line-height: 18px;
}
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;
}
.cartbuttonsContainer .Button {
    padding: 4px 14px 4px 10px;
}
.cartbuttonsContainer .Button i {
    padding-right: 5px;
}
.mobilediv .cartbuttonsContainer {
    display: inline-block;
}
/* countdown timer */
.countdownmessage {
    width: 220px;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 6px;
}
.countdowntimer {
    width: 220px;
    text-align: center;
    font-weight: normal;
}
.countdowntimer-datetime , .countdowntimer-titles {
   display: inline-block;
   text-align: center;
}
.countdowntimer-datetime > span {
    float: left;
    font-size: 17px;
    font-weight: 500;
    width: 40px;   
    text-align: center;
} 
.countdowntimer-titles > span {
    float: left;
    font-size: 12px !important;
    width: 40px;   
    text-align: center;
}
/* 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: 17px !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: 13px;
        padding: 2px 0;
    }
    .orchidchartview .profilecontent div i {
        font-size: 17px;
        color: #8ab200;
    }
    .orchidchartview .profilebut {
        float: right;
        display: inline-block;
        width: auto;
        vertical-align: top;
        margin: 15px 0 0 0;
    }
    .orchidchartview .orciduser {
        font-size: 16px;
        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: 18px;
    display: block;
    color: var(--buttonbgcolor);
    }
    .orchidcountcontent span + span {
    font-size: 22px;
    padding: 0px 0 0 0;
    color: #444;
    font-family: 'Roboto Condensed', arial;
    }
@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;
    }
}
@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 */

.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: 11px;
    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: 11px;
    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: 11px;
    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: 25px;
    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: 20px;
    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: 14px;
    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;
}

.previewimage {
    display: inline-block;
    background: #f8f8f8;
    margin-top: -20px;
}

.previewimage img {
    max-height: 80vh;
    padding: 20px;
    box-sizing: border-box;
}

.sampleimage {
    padding: 0 20px 20px 20px;
}

.sampleimage > img {
    display: block;
    max-width: 80vw;
    width: 100%;
}

.Form .stagecolor {
    display: inline-block;
    height: 20px;
    width: 20px;
    margin-left: 5px;
    position: relative;
    top: 5px;
}

.Form .textreadonly_container .stagecolor {
    top: 0;
}
.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: 24px;
    content: '\f054';
    color: var(--buttonbgcolor, #dfdfdf);
    padding: 6px 8px 6px 8px; 
    margin:0px;
    vertical-align: top;
    position: relative;
    display: inline-block;  
    transition: 0.15ms ease-in;
}
.highVisibilityOptions > li > span:hover {
    background: #f5f5f5;
    transition: 0.15ms ease-in;
}
.highVisibilityOptions > li:first-child > span:hover {
    background: #ddd;
}
.highVisibilityOptions > li > div.exchangediv {
    display: inline-block;
    cursor: pointer;
    font-family: inherit;    
    font-size: 24px;
    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: 18px;
}
.highVisibilityOptions > li > div.exchangediv > div i {
    font-size: 24px;
    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:12px;
    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: 11px !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: 12px;
    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: 15px;
    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%
    }
}
@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 {
    max-width: 380px !important;
}

strong.select2-results__group:empty {
    display: none;
}

span.select2-dropdown {
    z-index: 2019;
}

span.select2-container {
    top: 0;
}

.jconfirm + span.select2-container {
    z-index: 99999999;
}

span.select2-container li.select2-results__option[role='group'] {
    font-weight: bold;
}

ul.select2-results__options--nested > li.select2-results__option {
    padding-left: 6px !important;
}

span.select2-selection {
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
}

select.select2select {
    display: none;
}

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;
}

span.select2-container > span.fa-times {
    display: none;
    position: absolute;
    top: 8px;
    right: 5px;
    font-size: 15px;
    color: #888888;
    cursor: pointer;
}

select.select2select[data-isshowclosesingle="true"] + span.select2-container.hasValue > span.fa-times {
    right: -20px;
}

span.select2-container > span.fa-times.show {
    display: inline-block;
}

select[disabled] + span.select2-container > span.fa-times {
    display: none !important;
}

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;
}

.select2-selection--single span.select2-selection__clear {
    color: #888888;
    font-size: 22px;
    font-weight: bold;
}
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: 30.5px !important;
}

ul.select2-selection__rendered > li {
    margin: 0;
    list-style-type: none;
}

span.select2-fontAwesome-option > span:last-child {
    position: absolute;
    right: 20px;
}

@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: 15px;
    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: 14px;
    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: 16px;
    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;
}
@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
    }
    .shareContent + div > .checkboxList label {
    margin-left: 2px !important;
    }   
}   
@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;     
    }
}
@-moz-document url-prefix() { 
    .btn .fa , .btn .fas , .btn .far , .btn .fal {
        vertical-align: initial;
    }
    .infobox input[type="range"] , #floating-panel input[type="range"] {
        margin-top: 8px;
    }
    .highVisibilityOptions > li > span {
        line-height: 1;
    }
}
.Form .Button {
    vertical-align: top;
}
.Intro .Button {
    vertical-align: top;
}
.btn-lookup {
    vertical-align: top;
}
.greyButton {
    padding: 3px 8px !important;
    color: #585858 !important;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.9);
    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;
}
.greyButton div{
    text-shadow: none;
}
.delButton{
    padding:0px 5px !important;
    margin:-3px 0 !important;
    float:right;
    font-size: 12px !important;
    display:none !important;
}
.placeholder_height {
    width:0px;
    border-left:0px;
    border-right:0px;
    padding-left:0px;
    padding-right:0px;
    visibility:hidden;
    float:left;
}
.fieldlist, #fieldlist:not(select), #fielddisplay, ul[id^="fielddisplay"]{
    padding:0px;
    margin:0px;
    list-style-type: none;
}
.fieldlistSubInfo {
    font-size: 13px;
    color: #6C6C6C;
}
#fielddisplay li, .fieldlist li, #fieldlist li, ul[id^="fielddisplay"] li {
    padding:6px 4px;
    margin: 2px;
    border:1px #ffffff solid;
    vertical-align:middle;
}
#fielddisplay li:hover, .fieldlist li:hover, #fieldlist li:hover, .fieldlist .ui-draggable-dragging, #fieldlist .ui-draggable-dragging, ul[id^="fielddisplay"] li:hover {
    cursor: pointer;
    border:1px #D7D7D7 solid;
    background: #EEEEEE;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
#fielddisplay li:hover > .delButton, ul[id^="fielddisplay"]  li:hover > .delButton, div.includecaption:hover > .delButton{
    display:block !important;
}
#fielddisplay li:hover > .delButton > i.fa-times {
    position: relative;
    top: 2px;
}
.btn.DisabledButton, input[type="file"].DisabledButton, input[type="button"].DisabledButton, button.DisabledButton {
    background: #CCC !important;
    border: 1px solid #CCC !important;
    color: #605e5e !important;
}
textarea, select, input[type="text"], 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 #CCC;
    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: 15px;
    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;
}
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: relative;
    border: 1px transparent solid;
    background: none;
    cursor: auto;
    box-shadow: none;
    outline: 0;
    padding: 4px 5px;
    margin-left: -28px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}
input.datepickclass, input.datetimepickclass {
    padding-right: 20px !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 {
    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;
    -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;
}
td.Form input.highlighterror, td.Form textarea.highlighterror, td.Form select.highlighterror, input[type="hidden"].highlighterror + select.select2select + span.select2 span.select2-selection {
    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: 100px;
    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: 15px;
    line-height: 21px;
}
.btn-group > .btn-mini {
    font-size: 11px;
}
.btn-group > .btn-small {
    font-size: 12px;
}
.btn-group > .btn-large {
    font-size: 16px;
}
.btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn:not(:last-child):not(.dropdown-toggle):not(.lastvisible) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:not(:first-child) {
    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.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn-group-vertical {
    display: inline-block;
    *display: inline;
    /* IE7 inline-block hack */
    *zoom: 1;
}

/* 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 , div.ssUploadedFileList > ul.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;
}
.btn-group > .btn.focus, .btn-group .btn.focus, a.btn.focus, button.focus, .Button.focus, input[type="submit"].focus, input[type="button"].focus {
    outline: 3px auto rgba(0,0,0,0.3);
    z-index: 1;
}
.dropdown .caret {
    margin-top: 4px;
    margin-left: 2px;
}
.dropdown-title {
    color: #414240;
    background: #F0F0F0;
    cursor: default;
    position: relative;
}
.dropdown-menu li a.dropdown-menu_config {
    padding:4px 6px;
    position:absolute;
    top:0;
    right:0;
    color: #ccc;   
    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: 15px;
    padding: 7px 40px 7px 20px;
    cursor: default;
}
.dropdown-title span {
    padding-left: 5px;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    z-index: 1000;
    display: none;
    min-width: 160px;
    max-width: 90vw;
    padding: 0px;
    margin: 2px 0 0;
    list-style: none;
    background-color: #ffffff;
    border: 1px solid #ccc;
    -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::-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 * 7/10);
    overflow: auto;
}
.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 a {
    display: block;
    font-size: 14px;
    padding: 5px 50px 5px 20px;
    clear: both;
    font-weight: normal;
    line-height: 20px;
    color: #333333;
    white-space: nowrap;
    text-decoration:none;
    text-align: left;
}
.dropdown-menu a.disabled{
    color: #CCC !important;
    cursor: default !important;
}
.dropdown-menu a.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 {
    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,
.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;
}
#viewoptions.dropdown-menu a {
    max-width: 600px;
    text-overflow: ellipsis;
    overflow: hidden;
}
.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: #cccccc;
    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: 16px;
    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: 12px;
    padding-left: 3px;
}
#footer  .dropup .dropdown-menu {
    margin-bottom: 10px;
    box-shadow: none;
}
#footer  .dropup .dropdown-menu:after , #footer .dropup .dropdown-menu:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
#footer  .dropup .dropdown-menu:after {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #fff;
    border-width: 8px;
    margin-left: -60px;
}
#footer  .dropup .dropdown-menu button {
    padding: 6px 14px;
}
#footer .dropup .dropdown-menu:before {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #ccc;
    border-width: 10px;
    margin-left: -62px;
}
#footer .dropup .dropdown-menu button {
    color: var(--buttonbgcolor, #dfdfdf);
    float: none !important;
    text-align: left;
    background: transparent;
    border: 0;
    width: 100%;
    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 */

.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;
}
.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;
}
.btn.DisabledButton:focus, input[type="button"].DisabledButton:focus, button.DisabledButton:focus{
    box-shadow: none;
}
.NavBarArrow, .NavBar{
    padding: 0px 6px;
    margin: 0 1px 0 1px;
    font-size: 12px;
}

/*------------------- bootstrap tooltip -------------------*/

.tooltip {
    position: fixed;
    z-index: 100000000000;
    display: block;
    padding: 5px 5px 0 5px;
    font-size: 11px;
    visibility: visible;
}
.tooltip.top {
    margin-top: -3px;
}
.tooltip.right {
    margin-left: 3px;
}
.tooltip.bottom {
    margin-top: 3px;
}
.tooltip.left {
    margin-left: -3px;
}
.tooltip-inner {    
    width:auto;
    max-width: 300px;
    padding: 5px 8px;
    color: #ffffff;
    text-align: left;
    text-decoration: none;
    background-color: #222222;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    word-wrap: break-word;
    word-break: normal;
}
.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-top-color: #222222;
    border-width: 5px 5px 0;
}
.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -3px;
    border-right-color: #222222;
    border-width: 5px 5px 5px 0;
}
.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-left-color: #222222;
    border-width: 5px 0 5px 5px;
}
.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-bottom-color: #222222;
    border-width: 0 5px 5px;
}

.notifyjs-wrapper .tooltip {
    white-space: pre;
}

/*added for global search or breadcrumb */

#helpFont{
    font-size: 10px;
    border-bottom: 1px dotted #000000;
    padding: 0px;
    cursor: pointer;
}
.titleFont{
    font-weight: normal;
    font-size: 14px;
    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;
}
td.FormContainer{
    width:50%;
    vertical-align: top;
}
th.Form, th.FormTop, th.FormLg, th.FormSm, th.FormXSm, th.FormApp {
    color: #444;
    font-size:15px;
    font-weight: bold;
    line-height: 20px;
    padding: 10px 5px 10px 1px;
    vertical-align: top;
    text-align: var(--labelalign);
    background: #fff;
    background-color: #fff;
    word-break: break-word;
}
th.Form {
    min-width: 100px;
    max-width: 180px;
    width: 180px;
}
th.FormXSm {
    width: 80px;
}
th.FormSm {
    width: 100px;
}
th.FormLg {
    width: 160px;
    background: #fff;
    background-color: #fff; 
}
th.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: 15px;
    line-height: 21px;
}
div.Form{
    padding:1px;
}
td.FormTop, .custabcontainer_in > div.Form {
    padding: 5px 5px 12px 0 !important;
}
td.Form[colspan='2'] {
    padding: 5px 5px 5px 1px !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.Form a {
    font-size:12px;
    color:#555555;
}
th.Form a:hover {
    color: var(--hlh);
}
th.Label {
    text-align: var(--labelalign);
    line-height: 20px;
    padding: 7px 6px 0 0;
    color: #333;
    font-weight: 500;
    vertical-align: top;
    min-width: 140px;
    max-width: 180px;
    width: 180px;
    word-wrap: break-word;
}
td.Form {
    position: relative;
    background: #FFF;
    color: #333;
    text-align: left;
    vertical-align: middle;
    padding: 6px 5px;
}
td.FormPad {
    padding: 9px 5px 9px 11px !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: 14px;
    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;
}  
th.Form .FormInstructions{
    font-size: 14px;
    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;
}
.fieldCaptionDiv {
    text-align: var(--labelalign);
    width:200px;
    height:100%;
    padding: 11px 5px 5px;
    vertical-align: top;
    font-weight: bold;
    background: #fff ;
    color: #444;
    border-top:1px solid #FFFFFF;
    float:left;
    display:table-cell;
    white-space: pre-wrap;
    word-wrap: break-word;
}
.fieldContentDiv {
    padding: 7px 5px;
    white-space: normal;
    margin-left:210px;
}
.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: 8px;
}

#formdiv .fieldContentDiv .CheckBoxContainer i.text-help {
    margin-top: -1px !important;
}

.fieldContentDiv input[type=radio] + label {
    padding-right: 5px;
}
.fieldContentDiv div#action_div div {
    padding-top: 5px;
}
div.fieldContentRO {
    display: inline-block;
    padding: 6px 0px 0px 5px;
}
.rowDiv, .rowDivFull {
    width: 100%;
    float: left;
    white-space: nowrap;    
    padding: 2px;
}
.rowDiv:nth-child(odd) {
    clear:both;
}
#formdiv {
    display: table;
    width: 100%;
}
#formdiv .rowDiv {
    display: table-row;
    width: 100%;
}
#formdiv .fieldCaptionDiv, #formdiv .fieldContentDiv {
    vertical-align: top;
}
#formdiv .fieldContentDiv {
    width: calc(100% - 210px);
    padding: 7px 5px;
}

#formdiv .fieldCaptionDiv {
    min-width: 200px;
    padding: 11px 5px 0 5px;
    white-space: normal;
}
#formdiv .rowDiv .RadioContainer {
    line-height: 15px;
}
#formdiv .fieldContentRO + i.text-help {
    margin-top: 5px !important;
}
.fieldContentDiv .CheckBoxContainer .fieldContentDiv .RadioContainer{
    position: relative;
    top: 5px;
}

.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: 14px;
    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: 14px;
    font-weight: normal;
    line-height: 150%;
}
.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: 35px;
    font-weight: bold;
    text-align: center;
}
.filterwrapper span + span {
    font-size: 17px;
    font-weight: 300;
}
.filtersection {
    padding: 15px 20px;
    background: rgba(255,255,255,0.85);
}
.filtersection .showallbutton {
    margin-top: 3px;
}
#showbutton {
    font-size: 12px;
    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: 12px;
    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: 15px;
    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: 15px;
    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: 14px;
    cursor: pointer;
    font-weight: normal !important;
    padding: 8px 0 8px 25px;
}
.filtersection  label:before , .filtersection  label:after {
    font-family: FontAwesome;
    font-size: 15px;
    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: none;
    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: 20px;
    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: 16px;
}    
td.field .passwordToggle {
    top: 13px;
    right: 10px;
}
span.passwordToggle-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;
}
.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;
}
.Drop {
  height:130px;
  overflow:auto;                
  color: #CCCCCC;
  position:relative;
  text-align: left;
  border: 4px #F0F0F0 solid;
  padding: 0 2px;
  box-sizing: border-box;
  float:left;
  width: 100%;
  }
.Drop .message{
  font-size: 30px;
  line-height: 95px;
  text-align: center;
  vertical-align: middle;
  height: 100%
  }
 .mobile .mobilequickassign span.addBtnContainer {
  padding-top: 6px;
  } 
  .mobile .mobilequickassign .searchtext {
  width: 220px !important;
  }
  .mobile .mobilequickassign .search_fields {
  max-width: initial;
  }
  .mobile .mobilequickassign #footer {
   width: calc(100% - 50px);    
  }
 .mobile .Drop {
  position: fixed;
  height: 70px;
  bottom: 40px;
  background: #fff;
  border-top: 5px #f0f0f0 solid;
  width: calc(100% - 50px);
  } 
 .mobile .Drop .message {
  line-height: 60px;
  font-size: 20px;
  } 
 .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;
    padding: 0 0 10px 0;
    line-height: 20px;
    vertical-align: top;
}
.ssCheckBoxContainer > div, .ssRadioContainer > div {    
    display:table
}
.ssCheckBoxContainer > div > div, .ssRadioContainer > div > div{    
    display:table-row
}
.ssCheckBoxContainer > div > div > div:not(.notifyjs-bootstrap-error), .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;
}
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;
}
.ssCheckBoxDiv label{
    width: auto;
    max-width: 100%;
    padding: 4px 5px 0px 20px !important;
}
.form-control .ssCheckBoxDiv {
    padding: 0;
}

.ui-slider {
    margin-top: 7px;
}
#bgopacityslider.ui-slider, #panelopacityslider.ui-slider {
    width: 200px;
    margin-top: 7px;
    margin-bottom: 15px;
}
.ui-slider label {
    position: absolute;
    width: 20px;
    margin-left: -15px !important;
    text-align: center;
    margin-top: 10px;
    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.Form label {
    vertical-align: top;
    padding: 5px;
    display: inline-block;
}

/*Adding custom checkbox icons*/

ul.nolist {
    overflow: auto !important;
}
td.Form .ssCheckBoxContainer label, div.form-control .ssCheckBoxDiv label , .CheckBoxContainer input[type="checkbox"]+label , td.Form .ssRadioContainer label , .RadioContainer label, #listcontainer label , .ax-listview label , #columnheader label , #list_container [input="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 {
    position: relative;
    padding-left: 20px;
    font-size: 15px;
    cursor: pointer;
    font-weight: normal !important;
}
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, #dfdfdf) !important;
}
.list_container td.Data1 input[type="checkbox"]+label, .list_container td.Data2 input[type="checkbox"]+label {
    padding-left: 12px;
}
#listcontainer .Sub label, #listcontainer .SubCenter label , .Sub label , #list_container .Sub label , .list_container .Sub 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 !important;
}
td.Form .ssCheckBoxContainer label:before, div.form-control .ssCheckBoxDiv label:before , div.form-control .ssCheckBoxDiv label:after  , td.Form .ssCheckBoxContainer label:after, .CheckBoxContainer input[type="checkbox"]+label:before,  .CheckBoxContainer input[type="checkbox"]+label:after , td.Form .ssRadioContainer label:before,  td.Form .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 {
    font-family: 'Font Awesome 5 Pro';
    font-size: 15px;
    color: #777;
    position: absolute; top: 0; left: 0;
    padding: 4px 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: 0;
}
.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 2px, white -10px);
    height: 14px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
#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;
}
td.Form .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';
}
td.Form .ssRadioContainer label:before, .RadioContainer label:before , table.Data input[type="radio"]+label:before , div.form-control .ssCheckBoxDiv input[type="radio"]+label:before   {
    content: '\f111';
}
td.Form .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 , td.Form .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 {
    color: #444;
    max-width: 0;
    overflow: hidden;
    opacity: 0.5;
    transition: all 0.35s;
}
td.Form .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: '\f00c'; 
    font-weight: 600;
}
td.Form .ssRadioContainer label:after , .RadioContainer label:after , table.Data input[type="radio"]+label:after , div.form-control .ssCheckBoxDiv input[type="radio"]+label:after  {
    content: '\f192'; 
}
td.Form .ssCheckBoxContainer input[type="checkbox"], div.form-control .ssCheckBoxDiv input[type="checkbox"] , .CheckBoxContainer input[type="checkbox"], td.Form .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"] {
    height: 0px;
    width: 0px;
    margin: 0px;
    position: absolute;
    opacity: 0;
}
td.Form .ssCheckBoxContainer input[type="checkbox"]:checked + label:after, div.form-control .ssCheckBoxDiv input[type="checkbox"]:checked +label:after , .CheckBoxContainer input[type="checkbox"]:checked + label:after, td.Form .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 {
    max-width: 25px; 
    opacity: 1;
}
.ssRadioContainer input:disabled + label , .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:#ccc;
    cursor: no-drop;
}
table.Data .ssCheckBoxDiv input[type="checkbox"]+label:before , table.Data .ssCheckBoxDiv input[type="checkbox"]+label:after {
    padding-top: 5px;
}
input[type=checkbox]:disabled + label , input[type=checkbox]:disabled + label:after , input[type=checkbox]:disabled + label:before {
    color:#ccc;
    cursor: no-drop;
}
.mwindiv_content.modalstatic .mwindiv_in .ssCheckBoxContainer table {
    width: 100%;
}
.search_fields .RadioContainer, .lookup_fields .RadioContainer {
    display: inline-block;
    margin-right: 5px;
    margin-top: 5px;
    white-space:nowrap;
}

/* 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: 13px;
    font-family: "FontAwesome" , 'Font Awesome 5 Pro';
    font-weight: 900;
    content: "\f053";
}
#footertabnav .btnNext::after {
    font-size: 13px;
    font-family: "FontAwesome", 'Font Awesome 5 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;
}
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; 
}
#list_container table tr, #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.options div, #list_container table tr:hover > .Data2.options div, .ax-listview table tr:hover > .Data1.options div, .ax-listview table tr:hover > .Data2.options div {
    display: table;
}
.cart_container {
    font-size: 15px;    
    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: 14px;
    font-weight: 500;
}
.cartwrapper li div:not(.itemInfoDiv) {
    font-size: 13px;
    padding: 0 0 4px 0
}
.cartwrapper li div.itemInfoDiv {
    float: left;
    width: 75%;
    max-width: 250px;
}
.cartwrapper li div.itemAmountDiv {
    float: right;
    font-weight: 500;
}
.cartwrapper li div span{
    font-size: 12px;
    cursor: pointer;
}
.cartwrapper li div 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: 14px;
    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: 13px;
    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;
}
.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: 340px !important;
    border-radius: 6px;
    border: 1px solid #eee !important;
    overflow: hidden;
    background: #fff;
    margin-left: 15px;
}
.cartpaymentwrapper .sectiontitle {
    font-size: 16px;
    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;
 }
 .cartsummary .cartwrapper li  {
     width: calc(100% - 20px);
 }
 .cartsummary .cartwrapper li div.itemInfoDiv {
     max-width: 250px;
 }
 .cartsummary .cartwrapper li:last-of-type {
     border-bottom: 0;
 }
 .cartsummary .cartTotalWrapper {
     border-top: 1px solid #eee;
     padding: 8px 0 0 0;
 }
 .cartsummary .cartfooter {
    font-weight: 500;
    margin: 0 !important;
    padding: 0 8px 6px 8px !important;
    border-radius: 0;
    background: #fff !important;
 }
 .cartsummary .cartfooter div:last-child {
     margin-bottom: 0;
 }
 .cartpaymentwrapper .stripepaymentcontent {
     width: 1020px;
 }
 .stripepayment.cartpaymentwrapper{
     margin: 30px 0 0 0;
 }
 .stripepayment.cartpaymentwrapper .stripepaymentwrapper {
     float: left;
     width: 650px;
     margin: 0;
 }
 .stripepayment.cartpaymentwrapper .information_msg_container {
     margin: 10px;
 }
 .stripepayment.cartpaymentwrapper .error_msg_container {
     margin: 10px;
 }
 .cartpaymentwrapper .formdiv {
     display: inline-block;
     width: 100%;
 }
  .cartsummarywrapper {
     background: #f8fafc;
     margin: 55px 0 0 0;
 }
  .cartsummarycontentwrapper {
   width: 760px;
   margin: auto;
 }
  .cartsummarycontent {
    float: left;
    font-size: 14px;
    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: 14px;
      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: 70%;
  }
  .cartsummarycontent ul li div.itemEditDiv span {
      font-size: 13px;
      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  span, .cartsummarycontent .itemAmountWrapper > .itemAmountDiv  span {
      display: table-cell;
      margin: 2px 0;
      width: auto;
  }
  .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 {
      float: left;
      font-weight: normal;
      text-align: right;
      width: 100px;
  }
  .summaryfooter .cartTotalDiv span:first-of-type + span {
      float: right;
      font-weight: bold;
      text-align: right;
      padding-left: 5px;
  }
  .cartsummarycontent .itemAmountDiv span:first-of-type + span {
      float: right;
      text-align: right;
      padding-left: 5px;
  }
  .summaryfooter .paymentMethodDiv {
    display: inline-block;
    border: 1px solid #eee;
    padding: 10px;
    margin: 10px 0;
    width: 100%;
    box-sizing: border-box;
  }
  .summaryfooter .paymentMethodDiv > div:first-of-type {
      font-weight: 500;
  }
  .summaryfooter .paymentMethodOptionsDiv {
      margin: 5px 0 0 0;
  }
  .summaryfooter .paymentMethodDiv label {
      font-size: 14px;
      margin-top: 5px;
  }
  .summaryfooter .orderPlacedDiv {
      margin: 10px 0 10px 0;
  }
.Data1, .Data2{
    font-size: 15px;
    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: rgba(255,0,0,0.75);
    border-top-color: rgba(255,0,0,0.75);
    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-bottom: 1px #FFFFFF solid;
    background: #FFF;    
    width: 1px;
    height: 100%;
    position: relative;
}
.Data1.options div, .Data2.options div, .Data1b.options div, .Data2b.options div {
    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.options div ul, .Data2.options div ul, .Data1b.options div ul, .Data2b.options div ul{
    list-style: none;
    padding: 0px;
    margin: 0px;
    display: table-row;
}
.Data1.options div ul li, .Data2.options div ul li, .Data1b.options div ul li, .Data2b.options div ul li{
    padding: 3px 0px 0px 3px;;
    display: table-cell;
    vertical-align: middle;   
    cursor: pointer;
    color: #444444;
}
.Data1.options div ul li .far, .Data2.options div ul li .far, .Data1b.options div ul li .far, .Data2b.options div ul li .far { 
    padding: 5px;
    box-sizing: border-box;
}
.Data1.options div ul li .far:hover, .Data2.options div ul li .far:hover, .Data1b.options div ul li .far:hover, .Data2b.options div 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: 1000;
}
.shortcutImage img{
    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:14px ;
}
.DataStatus {
    padding: 0px;
    width: 5px !important;
    background: #EEEEEE;
}
.data_row_name {
    color:#2E2E2E;
    font-size:13px;
    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: 14px;
    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%;
    margin: 0 auto;
    padding: 0 10px;
}
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 {
    width: 400px;
    text-align: center;
}
div.urlpickerDiv div {
    padding: 5px;
}
.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: 12px;
}
.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: 9%;
}
.row_commonfields {
    width: 19%;
}
.row_field {
    width: 19%;
}
.row_matching {
    width: 19%;
}
.row_searchterm {
    width: 32%;
}
.row_button {
    width: auto;
}
.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 10px 0px;
}
.row_cell input {
    width: 91%;
}
.row_cell select {
    width: 97%;
}
.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: 12px;
    -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: 2px 0 0 5px;
    cursor: default;
}
i.text-help:hover , i.text-help:focus {
    color: var(--buttonbgcolor, #dfdfdf);
}
.checkboxList label i.text-help {
    margin-top: 0;
}
.objtablabel span i.text-help {
    color: var(--menuheadbgcolor, #dfdfdf);
    vertical-align: top;
    margin: 0 0 0 5px !important;
    cursor: default;
    right: 25px;
    position: absolute;
}
input~i.text-help,select~i.text-help,button~i.text-help,textarea~i.text-help,div~i.text-help {
    margin: 5px 0 0 5px;
}
span.Required{
    color: var(--required);
}
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;
}
#map_container > div.map-content {
    padding: 8px 0;
}
#mapframe {
    width: 303px;
    margin-left: -10px;
}
.mapshow {
    float: right;
    display: inline-block;
    width: calc(35% - 10px);
    height: calc(100vh - 270px);
    margin: 15px 0 0 10px;
    position: absolute;
    top: auto;
    right: 0;
    overflow: hidden;        
}
.mapshow .Button , .mapshow .btn {
    margin-bottom: 3px;
}
.maphide {
    display: none;
}
.listcontainerwithmap {
    float: left;
    display: inline-block;
    vertical-align: top;
    width: 65%;
}
.pac-container {
    z-index: 1999;
}
.Data1 i, .Data2 i {
    font-size: 16px;
    padding-left: 2px;
    padding-right: 2px;
    margin: 2px 0px 0px 0px;
}
.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: 14px;
    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: 14px;
    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: 20px;
    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: 11.5px;
    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: content-box;
    line-height: 20px;
}
.error_msg_container.closed, .success_msg_container.closed, .information_msg_container.closed, .warning_msg_container.closed{
    height: 21px;
    padding-top: 10px;
    padding-bottom: 8px;
}
.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 .fa-plus-square, .success_msg_container .fa-plus-square, .information_msg_container .fa-plus-square, .warning_msg_container .fa-plus-square{
    display: none;
    cursor: pointer;
}
.error_msg_container .fa-minus-square, .success_msg_container .fa-minus-square, .information_msg_container .fa-minus-square, .warning_msg_container .fa-minus-square{
    display: block;
    cursor: pointer;
}
.error_msg_container.closed .fa-plus-square, .success_msg_container.closed .fa-plus-square,.information_msg_container.closed .fa-plus-square, .warning_msg_container.closed .fa-plus-square{
    display: block;
}
.error_msg_container.closed .fa-minus-square, .success_msg_container.closed .fa-minus-square,.information_msg_container.closed .fa-minus-square, .warning_msg_container.closed .fa-minus-square{
    display: none;
}
.error_msg_container > span, .success_msg_container > span, .information_msg_container > span, .warning_msg_container > span{
    font-size: 19px;
    line-height: 24px;
    padding: 0 0 10px 0;
    display: block;
}
.error_msg_container > .content, .success_msg_container > .content, .information_msg_container > .content, .warning_msg_container > .content { 
    margin: 0px;
    padding: 0px;
    display: block;
}
.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:14px;
}
.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: 14px;
}
.error_msg_container ul, .success_msg_container ul, .information_msg_container ul, .warning_msg_container ul {
    list-style: none;
    padding: 0;
    margin-left: 0px;
    margin-top: 10px;
}
.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;
    padding-left: 16px;
    color: #333;
    font-weight: normal;
    font-size: 14px;
    position: relative;
    line-height: 20px;
    list-style: none;
}
.error_msg_container ul li:before, .success_msg_container ul li:before, .information_msg_container ul li:before, .warning_msg_container ul li:before {
    content: "\2022";
    font-weight: bold;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 24px;
}
.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 5 Pro';
    font-size: 32px;
    font-weight: 600;
    vertical-align: top;
    padding: 10px 10px 0 0;
    position: absolute;
    top: 10px;
    left: 10px;
    transition: top 0.5s;
}
.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;
}
.error_msg_container {   
    border-left: 6px #D33131 solid;
}
.error_msg_container ul li:before {
    color: #D33131;
}
.error_msg_container > span{    
    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{    
    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{    
    color:#277798;
}
.information_msg_container:before{    
    content: '\f05a';    
    color:#277798;
}
.information_msg_container .trimlist {
    font-size: 13px;
    padding: 7px 0 0 0;
}
.information_msg_container span.instruction_title:empty {
    display: none;
}
.information_msg_container.smallicon:before, .information_msg_container.smallicon2:before{    
    font-size: 20px;
    padding: 5px 10px 0 0;
    top: 0px;
}
.information_msg_container.smallicon{    
    margin: 0px 5px 0px 0px;
    padding: 5px 10px 5px 35px !important;
}
.information_msg_container.smallicon2{    
    display: inline-block;
    margin: 6px 5px 0px 5px;
    padding: 4px 10px 6px 35px;
}
.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{    
    color:#444;
}
.warning_msg_container:before{    
    content: '\f071';    
    color:#D8A93F;
}
.warning_msg_container.smallicon:before, .warning_msg_container.smallicon2:before{    
    font-size: 20px;
    padding: 5px 10px 0 0;
    top: 0px;
}
.warning_msg_container.smallicon{    
    margin: 0px 5px 0px 0px;
    padding: 5px 10px 5px 35px;
}
.warning_msg_container.smallicon2{
    display: inline-block;
    margin: 6px 5px 0px 5px;
    padding: 4px 10px 6px 35px;
}
.warning_msg_container.notealert ul li{
    padding-left: 5px;
}
.warning_msg_container.notealert ul li::before{
    content: "";
    font-weight: bold;
    position: absolute;
    left: 0px;
    top: -6px;
    font-size: 24px;
}
.warning_msg_container.notealert ul li span {
    font-size: 12px;
    font-weight: normal;
    color: #999;
    display: block;
    padding-top: 5px;
}
.emptymsg{
    padding-top:13%;
    font-size:40px;
    color:#CCCCCC;
    text-align:center;
    margin: 0 auto;
}
#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: 14px;
    font-weight: bold;
    padding-right: 10px;
}
span.sensitiveListMessage {
    text-align: left;
    font-size: 14px;
}
.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: 55px;
    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: 14px;
    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: 340px;
    box-sizing: border-box;
}
.mobile #option_bar {
    width: 100%;
    max-width: 100%;
    min-width: 340px;
}
.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 {
    float:right;
}
.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 .searchtext {
    width: 330px !important;
}
.mobile .search_fields .lookupdiv:before {
    clear: both;
    display: block;
    content: "";
}
.mobile .search_fields,.mobile .lookup_fields{
    display: block;
    float: none;
    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 .sortdiv, .mobile .loptions, .mobile .listcombodiv {    
    float: right;
    text-align: right;
    font-size: 0px !important;    
    box-sizing: border-box;
}
.mobile .sortdiv, .mobile .listcombodiv {
    float:right;   
    padding:5px 0px;
}
.mobile .sortdiv select, .mobile .listcombodiv select {
    margin-left:5px;  
}
.mobile select {
    margin-top:1px;  
}
.mobile .searchoptions_dropdown {
    width: 331px;
    max-width: 381px;
}
.mobile .search_dropdown ul {
    max-width: 250px;
}
.mobile #loadbtn {
    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;
}
.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: 17px;
    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: 12px;
    font-weight: 500;        
}
.mobileicondiv span {
    vertical-align: middle;
}
.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: 12px;
}
.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: 1px !important;
    font-size: 15px;
    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 > 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: 41px;
}
.mobileouterdiv.card_large .mobileicondiv {
    position: absolute;
    bottom: 7px;
    left: 130px;
    top: auto;
    font-size: 12px;
    font-weight: 500;
}
.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: 44px;
}  
.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: 30px;
    bottom: 2px !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 8px 10px;
    min-height: 80px;
}
.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 .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;
}
.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: 15px;
    word-break: break-word;
}   
.mobilefirstdiv span.Bold {
    display: none;
}
.mobileotherdiv {
    color: #777 !important;
    font-size: 14px;
    line-height: 130%;
    word-break:break-word;
}   
.mobilerecordoptions, .mobilequickedit{
    position:absolute;
    right:5px;     
    padding: 5px 0;
}
.mobilerecordoptions{
    bottom:0;  
}
.mobilequickedit{
    top:0;    
}
.mobilerecordoptions a, .mobilequickedit a{
    padding:4px;  
    font-size: 14px;
    color: #777;
    display: inline-block;
}
.mobilerecordoptions a{
    padding: 4px 4px 0 4px;
    font-size: 14px;
}    
.mobilerecordoptions a:hover, .mobilequickedit a:hover{
    color: var(--buttonbgcolor, #dfdfdf);
}
.mobilelistform input, .mobilelistform select{
    width:160px;
}
.mobilelistform .status {    
    display: inline-block;
    font-size: 12px;
    margin-top: 5px;
    padding: 5px;
    border-radius: 3px;
    -webkit-border-radius: 3px;    
}
.mobilelistform .mobileouterdiv > div {
    box-sizing: border-box;
}
.mobilelistform .mobilequickedit.resendbutton {
    right: 30px;
} 
/* ------classic styles to be removed------ */

TH.SubTitle,div.SubTitle, #srch-title, TD.SubTitle, th.FormTop.sublistheader {
    border-bottom: 2px solid var(--axsubtitlebbordercolor);
    color: var(--axsubtitlefontcolor);
    font-size: 22px;
    font-weight:normal;
    padding: 20px 1px 6px 1px;
    margin: 0 0 10px 0;
    text-align: left;
}
th.FormTop.sublistheader label{
    font-size: 20px;
}
.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:22px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    overflow:hidden;
    cursor:pointer;
    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;
}
.configShortcut .caret_container:hover , .instruction .caret_container:hover {
    background: transparent;
}
.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:15px;
    font-weight: bold;
    color: #333;
    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;
}
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: 14px;
    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: 14px;
    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;
}

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: 12px;
}
.prof_optnav li a{
    font-size: 12px;
    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: 12px;
    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;
}
.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 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 , #listdiv::-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 {
    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 ,  #listdiv::-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 {
    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 , #listdiv::-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  {
    background: #ccc; 
}
.tasklistcontent::-webkit-scrollbar-thumb {
    background: #bbbbbb;
}
.fieldControl div .lookuprow {
    padding: 10px 10px 10px 10px;
}
.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: 12px;
    color: #777;
}
.lookupcol:first-child, .lookupcol_mobile:first-child {
    font-size: 15px;
    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: -2px 2px 5px 0 #9C9C9C;
    -webkit-box-shadow: -2px 2px 5px 0 #9C9C9C;
    box-shadow: -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: 16px;
    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 {
    float: left;
    width: 100%;
    padding: 0 5px 5px 5px;
    margin: 0 5px 0 0;
    box-sizing: border-box;
}
.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;
}
.notes p , .annotations p {
    float: left;
    font-size: 15px;
    margin: 4px 0 0 2px;
    padding: 0;
}
.notes span.number , .annotations span.number {
    color: #000;
    background: #f3f3f3;
}
.notes .edit , .notes .change , .annotations .edit {
    background: var(--buttonbgcolor, #dfdfdf);
    float: left;
    padding: 4px 3px 2px 5px;
    border-radius: 4px;
}
.notes .edit a , .notes .change a , .annotations .edit a {
    color: var(--buttonfontcolor);
}
.notes .edit , .notes .change {
    float: right;
}
.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: 12px;
    padding: 5px;
    margin: 8px 0 4px 0;
    background: #f3f3f3;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    box-sizing: border-box;
}
.annotations .type {
    display: inline-block;
    font-size: 12px;
    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: 12px;
    min-width: 190px;
    max-width: 200px;
    padding-bottom: 0;
    text-align: right;
}
.annotations.inline .namedate {
    font-size: 12px;
    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: 13px;
    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;
}
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;
}
 .v-container, .l-container {
    background: #FFFFFF;
}
.v-container {
    padding: 0 20px;
    box-sizing: border-box;
}
.i_container {
    padding: 20px 0 20px 0;
}
div.Intro, td.Intro {
    font-size: 15px;
    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: 2px 5px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
}
.IntroSm {
    font-size: 10px;
}
div.IntroSm {
    float:right;
}
legend, div.fieldset_title {
    color: var(--axsubtitlefontcolor);
    font-size: 20px;
    font-weight: normal;    
    padding: 0px;
    vertical-align: middle;
}

legend > .fa, legend > .fas, legend > .far {
    font-size: initial;
}

legend.profile_main {
    padding:0 4px 0 4px;
    font-weight: bold;
    font-size: 16px;
}
fieldset {
    border: none;
    margin: 0px;
    padding: 10px 0px 0px 0px;
    box-sizing: border-box;
}
fieldset legend{
    padding: 10px 0 0 0;
    box-sizing: border-box;
}
fieldset div.fieldset_title{
    padding: 0 0 10px 0;
    box-sizing: border-box;
}
fieldset div.Intro{
    border-top: 2px var(--axsubtitlebbordercolor) solid;
    margin: 0px;
}
fieldset ul li {
    margin: 0 0 2px 0;
    font-size: 14px;
    color: #555555;
}
fieldset ul li label {
    color: #000000;
    font-size: 14px;
}
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: var(--basefontcolor);
    font-size: 16px;
    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: 16px;
}
label {
    font-size: 15px;
}
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-bottom: 0px;
}
.checkboxList li {
    padding-bottom: 5px;
}
.checkboxList li ul {
    margin: 15px 0 0px 40px;
    list-style: none;
}
.checkboxList label {
    display:inline-block;
    line-height: 20px;
    vertical-align: top;
    margin: 0 0 0 5px;
}
.checkboxList div:not(.slider):not(.slider_container) {
    padding-bottom: 5px;
}
.checkboxList label span {
    font-size: 14px;
    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 .switch input {display:none;}
.checktoggle .slider_container {
    position: relative;
    display:inline-block;
    height:20px;
    width:36px;
}
.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: #f5f5f5;
    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 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 12px 0px 0px;
    padding-top: 5px;
    line-height: 20px;
}
.actionbarToggle label {
    vertical-align: top;
    padding-left: 5px;
    cursor: pointer;
}
.actionbarToggle label:nth-child(2) {
    display: inline-block;
    padding: 1px 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'] {
    display:none !important;
}
.checktoggle #formdiv > .rowDiv > .fieldContentDiv > label {
    display: inline-block;
    margin: 7px 0 0 0;
}
td.Form.checktoggle label {
    padding: 5px 0 0 5px;
}
.checktoggle .ssCheckBoxDiv label {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 5px;
}
.checktoggle td.Form label {
    padding-left: 0;
    margin-left: 0;
}
.checktoggle td.Form input[type='radio'] + label {
    padding-left: 5px;
}
.checktoggle td.Form .ssRadioContainer input[type='radio'] + label {
    padding-left: 20px;
}
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;
}
.checkboxList blockquote {
    margin-left: 45px;
}

/* pagination */

.pagesizediv{
    margin: 0 4px 0 0;
    display:inline-block;
}
.navdiv {
    margin: 0 0 0 2px;
    float:right;
    display: inline-block;
}
.pagination input {
    width:75px;
    background:#FFF;
    text-align:center;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}
#dropdown-selected, .dropdown-selected {
    color: var(--buttonbgcolor, #000000);
    font-size: 13px;    
    text-transform: uppercase;
    font-weight: bold;
    max-width: 250px;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    text-overflow: ellipsis;
}
.menugroup .btn {
    color: var(--buttonbgcolor, #000000);
    background: #f9f9f9;
    padding: 4px 8px;
    font-size: 15px;
    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;
}
.menugroup .dropdown-menu .dropdown-title .dropdown-menu_config {
    padding:7px;
}
.menugroup .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: 15px;
    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: 15px;
    line-height: 21px;
    display: inline-block;
    padding: 5px 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: 300;
}
.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: 14px;
    cursor:pointer;
    padding: 2px;
}
.ponline:hover{
    background:#EEEEEE;
}

body.configmode .ui-datepicker {
    display: none !important;
}

#ui-datepicker-div {z-index:3201 !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;
}

/* ------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:14px ;
}
.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: 300px;
    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:3px;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;
    overflow-y:visible;
}

.headcol {
    line-height: 20px;
    height:20px;
    font-size:14px ;
    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;
}
.ffcolumn_container .container_in {
    margin: 0 0 20px 0;
}

/* XML Styling */

/* 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: 14px;
    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;
}
.xml input , .xml select {
    height: 30px !important;
}
.xml input[readonly] , .xml textarea[readonly] , .xml select[readonly] {
    border: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    background-color: #f1f1f1;
}
.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: 25px;
    font-weight: bold;
    padding-bottom: 5px;
}
.xml .instructions {
    font-size: 14px;
    padding-bottom: 5px;
}

/* Title Bar Styles */

.xmlTitleBar {
    color: var(--axsubtitlefontcolor);    
    border-bottom: 2px solid var(--axsubtitlebbordercolor);
    font-size: 20px;
    font-weight: normal;
    padding: 10px 0 5px 0; 
    text-align: left;
    width: 100%;
    box-sizing: border-box;
}
.xmlHead {
    color: var(--tblheaderfontcolor);
    background-color: var(--tblheadercolor);
    font-size:14px;
    font-weight: bold;
    padding: 4px 6px 4px 6px;
    position:relative;
}
.xmlLabel {
    font-size:14px ;
    color: #333;
    padding: 4px 6px 4px 6px;
    border-bottom: 1px solid #f1f1f1;
    box-sizing: border-box;
}
.xmlHidden, .Hidden {
    display: none;
}

/* 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 {
    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: 18px;
    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: 14px;
    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: 12px;
    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: 14px;
    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:16px;
    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;
    padding: 9px 4px 9px 0;
}
div.Form.devmodeon  {
    padding: 0;
}
th.Form.devmodeon .FormInstructions{
    background: transparent; 
}
td.Form.devmodeon  {
    border-left: 0;
    background: #d9edf7;
    padding: 5px 4px 5px 4px !important;
}
td.Form.devmodeon:only-child {
    border-left: 1px dashed #95d2de;
}
td.FormPad.devmodeon {
    padding: 8px 4px 8px 10px !important;
}
th.FormTop.devmodeon {
    background: #d9edf7;
    border-bottom: 1px dashed transparent;
    padding: 9px 4px 4px 0px;
}
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;
    padding: 4px 4px 5px 0px !important;
}
.SubTitle.devmodeon {    
    padding: 19px 0 6px 0;
    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;
    border: 1px transparent solid !important;
    opacity: 0.5 !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: 14px 12px 9px 12px;
}
#subtabs .subtabitem_active.devmodeon:first-child a, #custabs .custabitem_active.devmodeon:first-child a {
    padding: 14px 11px 9px 0;
}
.pagesizediv select {
    max-width: 100%;
}
.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,
input[type="text"]:not(.form-control):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"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
select:focus,
.uneditable-input:focus, 
.uneditable-inputLeft:focus, 
.uneditable-inputRight:focus, 
input.highlight {
    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;
    /* 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);
}
.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 #CCC;
    height: 30px;
    line-height: 30px;
}
select.AppNav {
    padding: 0px;
    font-size: 12px;
    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: var(--basefontcolor);
    border-top-color: var(--basefontcolor);
    font-size: 9px;
    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: 9px;
    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);
}
.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: 0px;
    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 , select.form-control  {
    width: 94%;
}
.worddisplay {
    display: block;
    margin: 5px 0 0 0 !important;
}
input.textreadonly-fixed-sm {
    border: 0px var(--tblfieldbgcolor) none;
    background-color: var(--tblfieldbgcolor);
    width: 80px;
    pointer-events: none;
}
input::-ms-clear {
    display: none;
}
div.datetimepicker {
    white-space: nowrap;
}
.datepickclass, .timepickclass {
    width: 130px !important;
}
td.row_searchterm .datepickclass {
    width: 87% !important;
}
.Display {
    border: 1px var(--titlebgcolor) solid;
    width: 240px;
}
.Invisible {
    padding: 0px;
    font-size: 1px;
    border: 0px;
    height: 1px;
    width: 60px
}
.MultiSearch {
    width: 140px;
    height: 80px;
}
.Multi {
    width: 140px;
}
input.Lookup, input.LookupBlur {
    border-radius: 4px 0px 0px 4px;
    min-width: 204px;
    max-width: 337px;
    width: calc(100% - 108px);
}
input.Lookup {
    border-radius: 4px 0px 0px 4px;
}
.Form input.Lookup, .Form input.LookupBlur {
    max-width: 337px;
    width: calc(100% - 114px);
}
.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;
}
.readonly{
    background:#F1F1F1;
}
.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:4px 6px;
    display:inline-block;
    line-height: 20px;
    max-width: 98%;
}
.textreadonly_container:empty:after, .textreadonly_container :not(br):empty, .textreadonly_container *:empty:after{
    content: "\00a0";
    line-height:20px;
    text-decoration: none;
}

.textreadonly_container.ssUploadedFileList-image:empty {
    display: none;
}

.Percent {
    font-weight: bold;
    text-align: right;
    height: 17px;
    line-height: 13px;
    width: 25px
}
.HorCheck {
    height: 60px
}
ul.Horlist, ul.HorList, .horlist25 {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}
li.Horlist,li.HorList {
    padding: 0px;
    margin: 0px 0 5px 0 ;
    list-style-type: none;
    width: 275px;
    float: left;
}
li.Horlist{
    display: block;
    margin-left:18px;
}
li.Horlist 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: 17px;
    font-family: 'Font Awesome 5 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: 13px;
    font-family: 'Font Awesome 5 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: 14px;
    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: 12px;
    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;
}

/* warning styles for notify js */

.namewarning_alert .notifyjs-arrow , .optionswarning_alert .notifyjs-arrow {
    border-bottom: 6px solid #D8A93F !important;
    border-left: 6px solid transparent !important;
    border-right: 6px solid transparent !important;
}
.namewarning_alert .notifyjs-arrow.top , .optionswarning_alert .notifyjs-arrow.top {
    border-bottom: 6px solid transparent !important;
    border-top: 6px solid #D8A93F !important;
}
.namewarning_alert .notifyjs-bootstrap-warn , .optionswarning_alert .notifyjs-bootstrap-warn , .Form .notifyjs-bootstrap-warn {
    background: #F5F5F5;
    margin: 0;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
    position: relative;
    padding: 8px 10px 8px 50px;
    overflow: hidden;
    box-sizing: content-box;
    line-height: 20px;
    border: 1px solid #D8A93F;
    border-left: 6px #D8A93F solid;
    min-width: 300px;
    max-width: 350px;
}
.namewarning_alert .notifyjs-bootstrap-warn:before , .optionswarning_alert .notifyjs-bootstrap-warn:before , .Form .notifyjs-bootstrap-warn:before {
    font-family: 'Font Awesome 5 Pro';
    content: '\f071';
    color: #D8A93F;
    font-size: 26px;
    font-weight: 600;
    vertical-align: top;
    padding: 4px 10px 0 0;
    position: absolute;
    top: 10px;
    left: 10px;
    transition: top 0.5s;
}
.namewarning_alert .notifyjs-bootstrap-warn span > span , .optionswarning_alert .notifyjs-bootstrap-warn span > span , .Form .notifyjs-bootstrap-warn span {
    font-size: 15px;
    color: #444;
    display: block;
}
.namewarning_alert .notifyjs-bootstrap-warn span > span + span , .optionswarning_alert .notifyjs-bootstrap-warn span > span + span {
    position: relative;
    color: #333;
    margin-top: 2px;
    font-weight: normal;
    font-size: 14px;
    position: relative;
    line-height: 17px;
}
.namewarning_alert .notifyjs-bootstrap-warn span ul, .optionswarning_alert .notifyjs-bootstrap-warn span ul {
    padding-left: 20px;
    margin-bottom: 5px;
    list-style-type: disc;
}
.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: 14px;
    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: 12px;
    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: 18px;
    /*    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.fieldset_title, .custabcontainer_in fieldset legend {
    border: 1px solid transparent;
}
.helpmodeon {
    border: 1px dashed #f3c200 !important;
    background: #fffaed !important;
}
.helpedit-highlight:not(.object_name), .helpedit-focus:not(.object_name) {
    position: relative;
}
.object_name.helpmodeon {
    padding-top: 8px !important;
    padding-bottom: 5px !important;
    margin: 0 -1px !important;
}
th.Label.helpmodeon {
    padding: 6px 5px -1px -1px !important;
}
th.Form.helpmodeon {
    padding: 9px 4px 9px 0 !important;
}
td.Form.helpmodeon {
    padding: 5px 4px !important;
}
.helpedit-focus:not(input):not(button):not(select):not(textarea):not(.btn):not(td):not(th),
.helpmodeon:not(input):not(button):not(select):not(textarea):not(.btn):not(td):not(th),
.helpedit-highlight:not(input):not(button):not(select):not(textarea):not(.btn):not(td):not(th) {
    width: max-content !important;
}
.helpedit-highlight:not(input):not(button):not(select):not(textarea):not(.btn) {
    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: 16px;
    padding: 10px 15px;
    min-height: 19px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    cursor: move;
}
.helpedit-closebtn {
    float: right;
    cursor: pointer;
}
#frmedithelpdiv, #frmreadhelpdiv {
    margin-bottom: 40px;
    z-index: 2000 !important;
    background-color: #ffffff;
    border-radius: 6px;
    box-shadow: 13px 0px 46px -8px rgba(0,0,0,0.5);
}
.helpedit-viewmain {
    width: 625px;
    padding: 0;
    max-height: 500px;
    overflow-y: auto;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
.helpedit-viewmain > table {
    width: calc(100% - 40px);
    margin: 0 20px;
}
.helpedit-viewfooter {
    margin: 0 20px;
}
#helpedit-body {
    padding: 15px 0 4px 0;
    font-size: 13px;
    color: #444;
    line-height: 17px;
}
.Form #helpedit-thumbs-up, .Form #helpedit-thumbs-down {
    font-size: 20px;
}
#helpedit-thumbs-up, #helpedit-thumbs-down, #helpedit-minus {
    display: inline-block;
}
.helpedit-view #helpedit-thumbs-up, .helpedit-view #helpedit-thumbs-down, .helpedit-view #helpedit-minus {
    cursor: pointer;
}
#helpedit-thumbs-up > i {
    color: #00ad2a;
}
#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;
}
.helpedit-editmain table {
    table-layout: fixed;
}
.helpedit-edit {
    width: 70%;
    vertical-align: top;
}
.helpedit-edit .custabbar {
    display: block;
    margin: 0 12px;
    min-width: auto;
}
.helpedit-edit fieldset, .helpedit-view fieldset {
    padding: 0;
}
.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;
}
#helpedit-scoretitle {
    font-weight: bold;
    font-size: 16px;
}
#helpedit-scorediv {
    float: right;
}
.helpedit-namedate {
    font-weight: bold;
    display: block;
    padding-top: 5px;
    border-top: 1px #DFDFDF solid;
}
.helpedit-namedate .name {
    font-size: 14px;
    display: block;
    box-sizing: border-box;
    padding-bottom: 3px;
}
.helpedit-namedate .date {
    font-size: 12px;
    display: block;
    box-sizing: border-box;
    padding-bottom: 3px;
}
#helpedit-feedbackdiv {
    margin-top: 10px;
    max-height: 400px;
    overflow-y: auto;
}
#helpedit-feedbackdiv .comments {
    font-size: 12px;
    padding-bottom: 10px;
    line-height: 16px;
    padding: 0 5px 5px 0px;
    box-sizing: border-box
}
.helpeditImage {
    float: left;
    position: relative;
    padding: 0 0 5px 0;
    width: 100%;
    border-bottom: 1px solid #eee;
    margin-bottom: 5px;
}
.helpeditImage:last-of-type {
    border-bottom: 0;
}
.helpeditImage img {
    max-width: 110px;
    max-height: 62px;
    margin: 0 auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: auto;
    height: 100%;
    background-size: cover;
    background-position-x: center;
}
.helpeditImage div {
    float: left;
    display: inline-block;
    vertical-align: top;
}
.helpeditImage div span {
    font-size: 12px;
    display: block;
    margin-bottom: 5px;
}
.helpeditImage > div:first-of-type {
    position: relative;
    float: left;
    width: 110px;
    height: 62px;
    margin-right: 10px;
    background: #f8f8f8;
    text-align: center;
    cursor: pointer;
    border: 1px solid #eee;
    transition: all 100ms linear;
}
.helpeditImage > div:first-of-type:hover {
    border: 1px solid var(--buttonbgcolor);
    transition: all 100ms linear;
}
a.helpeditDeleteBtn {
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    color: var(--buttonbgcolor, #dfdfdf);
    display: inline-block;
    font-size: 13px;
    background: #f4f4f4;
    text-decoration: none;
    margin: 2px;
    padding: 3px 6px;
    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: 16px;
    font-weight: 500;
    color: #444;
    padding-bottom: 5px;
}
.helpedit-edit fieldset select , .helpedit-edit fieldset input , .helpedit-viewmain textarea, .helpedit-edit fieldset textarea {
    width: calc(100% - 15px) !important;
}
.helpedit-edit fieldset textarea {
    height: 250px;
}
.hepedit-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: 14px;
    padding-bottom: 0;
}
.helpedit-edit fieldset .information_msg_container > .content {
    font-size: 12px;
}
.helpedit-edit fieldset .information_msg_container {
    padding: 3px 10px 3px 35px !important;
}
.helpedit-edit fieldset .information_msg_container.smallicon:before {
    font-size: 18px;
    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: inline-block;
    width: 100%;
    margin-top: 10px;
}
.helpedit-viewmain a {
    font-size: 13px;
}
.helpedit-viewmain a: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;
}
/* 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 {
    padding-left: 10px;
}
TD.Sub {
    padding: 3px 2px 1px 4px;
}
.subreportfoot th {
    font-size: 15px;
    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 #CCC;
   font-size: 15px;
}
/* new status monitor */

ul.progressstatusbar { 
    font-size: 0;
    margin: 0; 
    padding-left: 0;
    cursor: default;
    white-space: initial;
    display: inline-block;
}
ul.progressstatusbar li {
    display:inline-block;
    font-size: 15px;
    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: 15px;
    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: 14px;
    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: 14px;
    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: 1000;
}
.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: 60px;
    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: 18px;
    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: 18px;
    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 {
    background: #f5f5f5;
    border-bottom: 1px solid #f1f1f1;
    box-shadow: none;
    -webkit-box-shadow: none;
}
.exporttrans {
    display: block;
    text-align: center;
    font-size: 16px;
}

/* 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: 30px;
    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: 16px;
}
.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%);
}
.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: 160px;
    font-family: 'Font Awesome 5 Pro';
    content: "\f144";
}
.cbp-vm-view-grid ul li .imagewrap:hover .image:after {
    font-size: 130px;
    font-family: 'Font Awesome 5 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: 14px;
    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 ul li a {
    color: var(--buttonbgcolor, #dfdfdf);
    display: inline-block;
    font-size: 14px;
    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: 14px;
    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 .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 {
    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 {
    display: inline-block;
    margin: 0 auto;
    margin-top: 20px;
    margin-left: 0px;
    font-size: 68px;
    font-family: 'Font Awesome 5 Pro';
    content: "\f144";
}
.cbp-vm-view-list li .imagewrap:hover .image:after {
    font-size: 55px;
    font-family: 'Font Awesome 5 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: 12px;
}
.cbp-vm-view-list li span.imagewrap:focus , .cbp-vm-view-grid ul li span.imagewrap:focus  {
    outline: 1px solid #ccc;
}
.cbp-vm-view-list li p {
    font-size: 14px;
    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 ul li a {
    color: var(--buttonbgcolor, #dfdfdf);
    display: inline-block;
    font-size: 14px;
    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 {
    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%);
    width: 100%;
    height: 100%;
    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: 13px;
    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;
    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: 22px;
    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: 18px;
    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: 18px;
    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: 13px;
}
.metadata .Form {
    font-size: 13px;
}
.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: 13px;
    padding-top: 0;
    margin: 10px 0 5px 0;
}
.urlwrapper .left p:last-child {
    font-size: 12px;
    margin-top: 4px;
    word-break: break-all;
}
.urlwrapper .right {
    width: 100%;
}
.urlwrapper .right p:first-child {
    font-size: 13px;
    font-weight: bold;
    padding-top: 0;
    margin: 10px 0 5px 0;
}
.urlwrapper .right p:last-child {
    font-size: 12px;
    margin-top: 4px;
    word-wrap: break-word;
}
.loghistory_by {
    margin-top: 2px;
    padding: 4px;
    background: #f5f5f5;
    border-radius: 4px;
    display: inline-block;
    margin-bottom: 5px;
    font-size: 12px;
    font-weight: bold;
}
.loghistory_body {
    margin-top: 2px;
    padding: 5px;
    border-bottom: 1px #EEEEEE solid;
    padding: 8px 0 20px 0;
    margin: 0 20px 20px 20px;
    -moz-box-shadow: inset 0 -10px 10px -6px rgba(200, 200, 200, 0.15);
    -webkit-box-shadow: inset 0 -10px 10px -6px rgba(200, 200, 200, 0.15);
    box-shadow: inset 0 -10px 10px -6px rgba(200, 200, 200, 0.15);
}
.audioplayerwrapper .jp-title {
    font-size: 14px;
}
#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 .filter {
    display: inline-block;
    width: 100%;
    padding: 10px 0 10px 20px;
    border-bottom: 1px solid #ccc;
    box-sizing:  border-box;
}
.closecaption .filter:first-of-type {
    background: #f5f5f5;
}
.closecaption .filter label {
    padding: 5px 10px 0 0; 
}
.closecaption .filter .language {
    float: left;
    width: auto;
    margin-right: 20px;
}
.closecaption .filter .fileupload {
    float: none;
    width: auto;
    display: inline;
}
.closecaption .frmtranslate {
    display: inline-block;
    width: 100%;
    padding: 5px 0 5px 20px;
    border-bottom: 1px solid #ccc;
    box-sizing:  border-box;
}
.closecaption .autotranslate {
    float: left;
}
.closecaption .langcode {
    float: left;
    margin-left: 10px;
}
.closecaption .availablecc {
    display: inline-block;
    width: 100%;
    padding: 5px 0 5px 20px;
    box-sizing:  border-box;
}
.closecaption .availablecc p {
    font-size: 18px;
    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: 14px;
    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%;
}
.processmsg {
    font-size: 20px;
    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: 24px;
    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: 25px;
    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: 16px;
    padding: 10px 10px 8px 10px;
    height: 100%;
}
.mobileupload .uploadbutton {
    margin-top: 5px;
}
.mobileupload .uploadbutton .button {
    font-size: 16px;
    font-weight: bold;
    padding: 6px;
    width: 650px;
}
.mobileupload p.success {
    color: var(--buttonbgcolor, #dfdfdf);
    font-size: 20px;
    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: 60px;
    margin-bottom: 30px;
}
.mediasearch {
    margin-top: 5px;
    padding: 10px 20px 10px 10px;
    background: #f0f0f0;
}
.mediasearch:after {
    clear: both;
    display: block;
    content: "";
}
.mediasearch .clearsearch {
    cursor: pointer;
    float: right;
    padding: 6px;
    margin: 1px 0 0 -40px;
    position: relative;
    z-index: 1000;
}
.mediasearch .clearsearch .fa, .mediasearch .clearsearch .fas, .mediasearch .clearsearch .far {
    color: #999999;
}
.mediasearch input[type="text"]:not(.form-control) {
    width: 405px;
    max-width: 405px;
}
.mediasearch .search_fields {
    width: unset;
}
.mediasearch #searchoptionscontainer {
    display: inline-block;
    position: relative;
}
p.searchoptions {
    margin: 7px 0 10px 0;
    color: #444;
    font-size: 14px;
}
.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 5 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: 14px;
    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: 14px;
    color: #bebebe;
    margin: 9px 0;
}
.mediasearchwrapper {
    padding: 20px;
}
#resultmsg h1 {
    color: var(--buttonbgcolor, #dfdfdf);
    font-size: 50px;
    margin-bottom: 0;
    text-align: center;
}
#resultmsg p {
    font-size: 25px;
    color: #595959;
    margin-top: 10px;
    text-align: center;
}
#resultmsg div {
    float: left;
    padding: 9px;
    font-size: 17px;
    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: 17px;    
    margin-bottom: 1px;
    padding-bottom: 4px;
}
.systable {
    padding-top: 1px;
    border-top: 1px solid #d7d7d7;
}
.container.sys {
    padding-top: 10px;
}
.container.sys .object_name {
    color: var(--titlefontcolor);
    margin: 0 20px;
    padding: 5px 0 0 0;
}
.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 .hightlight_term {
    color: #de0000;
}

/* 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: 28px;
    font-weight: normal;
    padding: 5px 0 15px 0;
    border-bottom: 1px solid #f4f4f4;
}
.securepasswrapper h2 {
    font-size: 20px;
    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: 18px;
}
.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: 12px;
    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: 24px;
    text-align: center;
}
.activate input[type="text"] , .activate input[type="password"]{
    width: 360px;
}
.activate .Submit {
    background: transparent;
    border: 0;
    padding-top: 15px;
}
.activate .Submit input[type="submit"] , .securepasswrapper input[type="submit"] , .securepasswrapper input[type="Button"] {
    font-size: 17px;
    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: 14px;
    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:6px 15px;
    color: #000;
}
.topbar.message {
    background: #eb940b; 
    border-bottom: 0;

}
.topbar.message.privacypolicy, .topbar.message.privacypolicy div.icon {
    background: #D84A49; 
}
.topbar.message > div {
    font-size: 14px;
    font-weight: bold;
    color:  #fff;
    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: #fff;
    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: 14px;
    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 {
    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;
}
#portalConfigModeDiv {
    width: max-content;
    display:none;
}
.layoutcontainer, .templatecontainer {
    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;
    float:left;
    cursor:pointer;
}
.templatecontainer {
    width: 215px;
    height: 160px;
    margin: 0px 20px 40px 0px;
    padding: 0px;
    border: 3px transparent solid;
}
.template_title {
    padding: 10px;
    font-size: 18px;
    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 {
    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: 13px;
    display: block;
    margin-top: 6px;
    font-weight: 500;
}
#reconnectDiv span {
    font-size: 14px;
    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: 13px;
    font-weight: normal;
    margin-top: 4px;
}
.modeDiv .title {
    float: left;
    font-size: 16px;
    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;
}
.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: 18px;
    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: 18px;
    display: inline-block;
    width: 30px;
    position: absolute;
    top: 1px;
    left: -10px;
    text-align: right;
}
#configShortcut > div > div > h2 {
    font-size: 17px;
    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: 20px;
    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;;
}
.instruction .instruction_message {
    padding: 0 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: 1045px;
    margin: 40px auto;
}
.container_smartfolder .box {
    border: 1px solid #f1f1f1;
    background-color: #FFF;
    padding: 25px;
    padding-bottom: 15px;
    margin: 30px 10px;
    border-radius: 5px;
}
.container_smartfolder h1 {
    color: var(--axsubtitlefontcolor);
    font-size: 26px;
    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: 12px !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-all;
}
.filewrapper .fa, .filewrapper .fas, .filewrapper .far {
    font-size: 20px;
    padding-right: 10px;
}
.filewrapper .fa-file-pdf {
    color: #da292e;
}
.filewrapper a {
    color: var(--hl);
    font-size: 16px;
    text-decoration: none;
}
.filewrapper a:hover {
    text-decoration: underline;
}
.filewrapper span + span {
    font-size: 12px;
    color: #212121;
    padding-left: 7px !important;
}
.filewrapper:last-of-type {
    border-bottom: 0;
    margin-bottom: 5px;
}
span.description {
    display: inline-block;
    font-size: 14px;
    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 5 Pro';
    top: 2px;
    left: 0;
    color: #4b4b4b;
}
div.icon.pdf span:before {
    font-size: 16px;
    content: "\f1c1";
    color: #cd060b;
    top: 2px;
    font-weight: bold;
}
div.icon.txt_icon span:before {
    font-size: 16px;
    font-weight: 500;
    content: "\f15c";
    top: 2px;
}
div.icon.pdf_icon span:before {
    font-size: 16px;
    font-weight: bold;
    content: "\f1c1";
    top: 2px;
}
div.icon.otr_icon span:before {
    font-size: 16px;
    font-weight: 500;
    content: "\f15b";
    top: 2px;
}
div.icon.html_icon span:before , div.icon.htm_icon span:before {
    font-size: 16px;
    content: "\f1c9";
    top: 2px;
}
div.icon.ofolder span:before {
    font-size: 16px;
    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: 16px;
    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: 16px;
    font-weight: 500;
    content: "\f1c2";
    top: 2px;
}
div.icon.ppt_icon span:before {
    font-size: 16px;
    font-weight: 500;
    content: "\f1c4";
    top: 2px;
}
div.icon.xls_icon span:before , div.icon.xlsx_icon span:before {
    font-size: 16px;
    font-weight: 500;
    content: "\f1c3";
    top: 2px;   
}
div.icon.mdb_icon span:before {
    font-size: 16px;
    font-weight: bold;
    content: "\f1c0";
    top: 2px;
}
div.icon.zip_icon span:before {
    font-size: 16px;
    font-weight: 500;
    content: "\f1c6";
    top: 2px;
}
div.icon.avi_icon span:before , div.icon.avi_mp3 span:before {
    font-size: 16px;
    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: 16px;
    font-weight: 500;
    content: "\f1c8";
    top: 2px;
}
div.icon.sfm_icon span:before {
    font-size: 16px;
    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: 11px;
    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: 50px;
    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: 14px;
    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: 40px;
}
.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: 22px;
    font-weight: normal;
    margin: 0;
    padding: 0;
}
.configtitle h2 {
    font-size: 14px;
    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: 12px;
    width: 100%;
    display: block;
}
.confignav div input[readonly] {
    font-size: 14px;
    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: 20px;
    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: 17px;
    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: 14px;
    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: 14px;
    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: 0px;
    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 #CCC;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;    
    padding: 4px 6px 3px;
    font-size: 14px;
    color: #222;
    border-radius: 3px;
    float: left;
    margin: 0 4px 0 0;
    line-height:20px;
    font-size: 14px;
    cursor: pointer;
}
.search_dropdown li label{
    display:inline-block;
    width: calc(100% - 12px);
    cursor: pointer;
}
.search_dropdown li a{
    color: #222;
    text-decoration: none;
    padding: 5px;
}
.search_dropdown li a span{
    margin: 7px 0 0 4px;
}
.search_dropdown li:last-child a{
    border-right: none; 
}
.search_dropdown li: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 0;
    margin: 1px 0 0 -8px;
    white-space:nowrap;
    list-style: none;
    background: #FFFFFF;
    border: 1px solid #ccc;
    -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: 350px;

}
.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: 13px;    
    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;
}
.searchoptions_dropdown {
    position:absolute;
    top: 100%;   
    z-index:99;
    display:none;
    background:#FFFFFF;
    padding:5px 7px 5px 7px;
    margin: 1px 0 0 0;
    text-align: left;
    white-space:initial;
    background: #FFFFFF;
    border: 1px solid #ccc;
    -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;
    min-width: 500px;
}
#advsearchoptionsdiv, .searchoptionscontainer > .searchoptions_dropdown {
    right: 0;
}
.multifiltertitle {
    font-weight: bold;
    font-size: 14px;
    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: 28px;
    margin: 0;
}
.syntaxcontent {
    margin: 15px 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: 20px;
    padding-right: 7px;
}
.syntaxcontent .instructions .instructionsheader {
    position: relative;
    font-size: 18px;
    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:16px;
    background-color: #fcfcfc;
    border: 1px solid #dddddd;
    overflow: auto; 
    min-height: 552px;
    max-height: 552px;
    white-space: pre;
    -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 {
    min-height: 650px;
    max-height: 650px;
}
.syntaxwrapper > form > div {
    display: table;
    width: 100%;
    table-layout: fixed;
}
.syntaxwrapper > form > div > div {
    display: table-cell;
    width: 50%;
}
/* 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: 18px;
    font-weight: bold;
    border: 1px solid transparent;
    cursor: move;
    position: relative;
}

.cardTitleHidden {
    color: #777777;
    background: #EAEAEA;
}
.cardTitle2 {
    width: 100%;
    font-size: 25px;
    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;
}
.cardItem:hover > .moveIcon {
    display: inline-block;
}
.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: 25px;
    line-height: 15pt;
    vertical-align: bottom;
}
.cardTitle2 > i {
    font-size: 25px;
    line-height: 22pt;
    vertical-align: bottom;
}
.cardTitle2 > .iconDiv {
    font-size: 20px;
}
.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;
    margin: 3px 0 0 0;
    width: 100%;
    min-height: 86px;
    background: white;
    transition: background ease-in 0.1s;
    padding-right: 16.5px;
}
.cardItem:hover {
    background: #eeeeee;
    cursor: pointer;
    transition: background ease-in 0.1s;

}
.cardItem.itemactive {
    background: #dadada;
}
.cardItem > .iconDiv {
    color: var(--buttonbgcolor, #dfdfdf);
    float: right;
    padding: 0 5px 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;
}
.cardItemInfoBold {
    font-size: 14px;
    font-weight: bold;
    padding: 2px;
    color: #000;
    width: calc(100% - 50px);
}
.cardItemInfo {
    font-size: 14px;
    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: 20px;
    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 .innerDiv:first-of-type {
    padding-top: 0;
}
.shareContent .innerDiv {
    padding-top: 10px;
}
.shareContent .innerDiv .lookupdiv , .shareContent .innerDiv .btn-lookup {
    display: inline-block;
}
.shareContent .innerDiv input.Lookup , .shareContent .innerDiv input.LookupBlur {
    min-width: 370px;
}
.shareContent label {
    float: left;
    width: auto; 
    font-size: 14px;
    padding-top: 5px;
    margin-right: 10px;
}
.shareContent .resultdiv {
    width: 380px;
    overflow: auto;
}
.shareContent + div > .checkboxList label {
    margin-left: 4px;
}
#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: 18px;
    border-bottom: 1px solid lightgray;
    padding: 15px 1px 6px 1px;
    margin-bottom: 10px;
    text-align: left;
}
.noresults {
    text-align: center;
    font-size: 20px;
    margin: 15px 0;
    font-weight: bold;
}
.noresults_sub {
    text-align: center;
    font-size: 14px;
    margin: 0;
}
.listcontainerwithmap .noresults {
    background: #F8F8F8;
    border-top: 1px #FFFFFF solid;
    width: 100%;
    padding: 20px;
    margin: 3px 0 0 0;
}
.shareTitle {
    font-size: 23px;
    padding: 15px 14px 14px 20px;
    text-align: left;
    border-bottom: 1px solid lightgray;
}
.buttonTab {
    border: 1px solid var(--titlebgcolor);
    display: inline-block;
    background: white;
    color: #999999;
    width: 150px;
    padding: 10px;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    cursor: pointer;
}
.buttonTabSelected {
    background: var(--titlebgcolor);
    color: var(--titlefontcolor);
    display: inline-block;
    width: 150px;
    padding: 10px;
    font-size: 16px;
    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: 20px;
    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;
}

#formdiv + #footer {
    width: calc(100% - 40px);
}
#listdiv {
    display: inline-block;
    width: 50%;
    min-height: 404px;
    max-height: 404px;
    padding: 20px;
    overflow: auto;
    position: relative;
    background: #fafafa;
    box-sizing: border-box;
    vertical-align: top;
}
#listdiv .SubTitle {
    display: inline-block;
    font-size: 20px;
    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: 20px;
}

#listdiv .addBtn .fas, #listdiv .addBtn .far {
    font-size: 17px;
}

#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: 16px;
    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: 24px;
    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 7px;
    border-radius: 3px;
    font-size: 14px;
}
#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: 16px;
    padding: 10px 10px 10px 10px;
    text-align: left;
    font-weight: bold;
    cursor: pointer;
    border: 1px solid transparent;
}

#settingsdiv .titleDiv .fas {
    font-size: 14px;
}

#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: 15px;
    padding-top: 6px;
    padding-bottom: 6px;
}

#optionmenugroup .dropdown-menu .dropdown-title i {
    font-size: 16px;
}

#optionmenugroup .dropdown-menu a {
    font-size: 14px;
    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: 25px;
    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: 18px;
    margin: 7px;
}
#floating-panel p {
    float: left;
    font-weight: bold;
    font-size: 18px;
    margin: 3px;
}
#floating-panel output {
    float: left;
    font-weight: bold;
    margin: 3px 0 0 8px;
    font-size: 20px;
    color: #127b78;
}
.infobox .filter .yearstart {
    float: left;
    font-weight: bold;
    margin: 5px 0 0 8px;
    font-size: 20px;
    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: 16px;
    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: 12px;
    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: 3000;
}
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: 20px;
}
div.ssMobileWindow-iFrameContainer, iframe.ssMobileWindow-iFrame {
    height: 100%;
    width: 100%;
}
.mwin_close {
    font-size: 30px;
    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: 25px;
    margin-top: -1px;
}

#split_close.mwin_close {
    color: #949494;
}

.closemobile {
    padding:5px 10px;
    font-size: 35px;
    background: #f5f5f5;
}

/* ssUploadedFileList */

div.ssUploadedFileList {
    margin: 20px 0;
    clear: both;
}
div.ssUploadedFileList > button.faButton {
    margin-left: 0;
}
div.ssUploadedFileList > ul {
    margin-top: 15px;
    padding-left: 0;
    font-size: 14px;
    column-width: 350px;
    column-gap: 0;
    list-style-type: none;
}
div.ssUploadedFileList > ul > li {
    display: inline-block;
    width: 98%;
    margin: 2px;
    background-color: #ffffff;
    border: 1px solid #e4e4e4;
}
div.ssUploadedFileList-checkbox, div.ssUploadedFileList-checkbox2, div.ssUploadedFileList > ul > li > span, div.ssUploadedFileList > ul > li > span.renamebuttons {
    display: inline-block;
    padding-top: 8px !important;
    padding-bottom: 6px !important;
    vertical-align: middle;
    white-space: nowrap;
    pd4ml-display: block;
}
div.ssUploadedFileList-checkbox, div.ssUploadedFileList-checkbox2 {
    padding: 10px 5px 8px 5px !important;
    background-color: #f5f5f5;
    pd4ml-visibility: hidden;
    pd4ml-display: none;
}
div.ssUploadedFileList-checkbox:hover {
    background-color: #e5e5e5;
    cursor: pointer;
}
div.ssUploadedFileList-checkbox:focus {
     background-color: #e5e5e5;
     cursor: pointer;
     outline: 0;
}
div.ssUploadedFileList-checkbox2:hover {
    background-color: #e5e5e5;
    cursor: default;
}
div.ssUploadedFileList-checkbox2:focus {
   background-color: #e5e5e5;
    cursor: default; 
}
div.ssUploadedFileList-checkbox > input[type="checkbox"] + span, div.ssUploadedFileList-checkbox2 > input[type="checkbox"] + span {
    display: none;
}
div.ssUploadedFileList-checkbox > input[type="checkbox"], div.ssUploadedFileList-checkbox2 > input[type="checkbox"] {
    position: absolute;
    opacity: 0;
}
div.ssUploadedFileList-checkbox > input[type='checkbox'] + span + label {
    display: inline-block;
    height: 23px;
    width: 20px;
    margin: 0 0 0 5px;
    padding: 5px;
    font-size: large;
    font-weight: normal;
    color: #000000;
    transition: transform 0.1s ease;
    cursor: pointer;
}
div.ssUploadedFileList-checkbox2 > input[type='checkbox'] + span + label {
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 0 0 5px;
    padding: 5px;
    font-size: large;
    font-weight: normal;
    color: #000000;
    transition: transform 0.1s ease;
    cursor: default;
}
div.ssUploadedFileList-checkbox > input[type="checkbox"]:focus + span + label:before, div.ssUploadedFileList-checkbox2 > input[type="checkbox"]:focus + span + label:before {
    color: var(--buttonbgcolor, #dfdfdf);
}
div.ssUploadedFileList-checkbox > input[type='checkbox'] + span + label.fa-check , div.ssUploadedFileList-checkbox2 > input[type='checkbox'] + span + label.fa-check {
    font-weight: 900;
}

div.ssUploadedFileList-checkbox > input[type="checkbox"] + span + label.rotate, div.ssUploadedFileList-checkbox2 > input[type="checkbox"] + span + label.rotate {
    transform: scale(0,1);
}
div.ssUploadedFileList-checkbox > label.fa-file-archive::before,
div.ssUploadedFileList-checkbox > label.fa-file-audio::before,
div.ssUploadedFileList-checkbox > label.fa-file-code::before,
div.ssUploadedFileList-checkbox > label.fa-file-excel::before,
div.ssUploadedFileList-checkbox > label.fa-file-image::before,
div.ssUploadedFileList-checkbox > label.fa-file::before,
div.ssUploadedFileList-checkbox > label.fa-file-pdf::before,
div.ssUploadedFileList-checkbox > label.fa-file-powerpoint::before,
div.ssUploadedFileList-checkbox > label.fa-file-alt::before,
div.ssUploadedFileList-checkbox > label.fa-file-video::before,
div.ssUploadedFileList-checkbox > label.fa-file-word::before,
div.ssUploadedFileList-checkbox > label.fa-sticky-note::before,
div.ssUploadedFileList-checkbox2 > label.fa-file-archive::before,
div.ssUploadedFileList-checkbox2 > label.fa-file-audio::before,
div.ssUploadedFileList-checkbox2 > label.fa-file-code::before,
div.ssUploadedFileList-checkbox2 > label.fa-file-excel::before,
div.ssUploadedFileList-checkbox2 > label.fa-file-image::before,
div.ssUploadedFileList-checkbox2 > label.fa-file::before,
div.ssUploadedFileList-checkbox2 > label.fa-file-pdf::before,
div.ssUploadedFileList-checkbox2 > label.fa-file-powerpoint::before,
div.ssUploadedFileList-checkbox2 > label.fa-file-alt::before,
div.ssUploadedFileList-checkbox2 > label.fa-file-video::before,
div.ssUploadedFileList-checkbox2 > label.fa-file-word::before,
div.ssUploadedFileList-checkbox2 > label.fa-sticky-note::before {
    background-color: #ffffff;
    border-top-right-radius: 10px;
}
div.ssUploadedFileList-checkbox > label.fa-folder::before, div.ssUploadedFileList-checkbox2 > label.fa-folder::before {
    font-family: 'Font Awesome 5 Pro';
    color: #ffffff;
    margin-left: -2px;
    font-weight: bold;
}
div.ssUploadedFileList-checkbox > label.fa-folder::after, div.ssUploadedFileList-checkbox2 > label.fa-folder::after {
    font-family: 'Font Awesome 5 Pro';
    content: "\f07b";
    margin-left: -16px;
}
div.ssUploadedFileList-checkbox > label.fa-check {
    left: -1px;
}
span.ssUploadedFileList-details, div.ssUploadedFileList > ul > li > span.renamespan {
    padding-top: 6px !important;
}
span.ssUploadedFileList-details > span {
    display: block;
    padding: 0 3px 0 8px;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000000;
}
div.ssUploadedFileList > ul > li > span.renamespan {
    padding: 0 3px 0 8px;
}
div.ssUploadedFileList > ul > li > span.renamespan > span {
    display: block;
    padding: 0 3px 0 0;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000000;
}
span.ssUploadedFileList-details > span:first-child, div.ssUploadedFileList > ul > li > span.renamespan > span:first-child {
    color: var(--buttonbgcolor, #dfdfdf);
    font-size: 14px;
    font-weight: bold;
}
span.ssUploadedFileList-details > span:first-child > a {
    white-space: nowrap;
    font-weight: bold;
    text-decoration: none;
}
span.ssUploadedFileList-details > span:first-child > a:hover, div.ssUploadedFileList-options > span:hover, div.ssUploadedFileList-options > span:focus, div.ssUploadedFileList > ul > li > span.renamebuttons > span:hover {
    cursor: pointer;
}
span.ssUploadedFileList-details > span:nth-child(2), div.ssUploadedFileList > ul > li > span.renamespan > span:nth-child(2) {
    margin-top: 3px;
    white-space: nowrap;
    font-size: 11px;
}
span.ssUploadedFileList-details > span:first-child > a:hover, div.ssUploadedFileList-options > span:hover > i , div.ssUploadedFileList-options > span:focus > i , div.ssUploadedFileList > ul > li > span.renamebuttons > span:hover > i {
    color: var(--hlh);
}
div.ssUploadedFileList > ul > li > span.renamespan > input {
    margin-top: -2px;
}
div.ssUploadedFileList > ul > li > span.renamebuttons {
    padding-right: 10px !important;
}
div.ssUploadedFileList-options {
    display: inline-block;
}
div.ssUploadedFileList-options > span, div.ssUploadedFileList > ul > li > span.renamebuttons > span, div.ssUploadedFileList > ul > li > span.renamebuttons > a {
    display: inline-block;
    padding: 5px 0;
    text-decoration: none;
    background-color: #ffffff !important;
}
span.ssUploadedFileList-size, span.ssUploadedFileList-date {
    display: none !important;
}
div.ssUploadedFileList-options > span {
    padding-right: 5px;
    position: relative;
    top: 3px;
}
div.ssUploadedFileList-options > span > i, div.ssUploadedFileList > ul > li > span.renamebuttons > span > i {
    color: var(--buttonbgcolor, #dfdfdf);
    margin: 0 10px;
    font-size: 18px;
}
div.ssUploadedFileList-options > ul {
    display: none;
    margin-top: 10px;
    margin-left: -92px;
    padding: 5px 0;
    position: absolute;
    font-size: 14px;
    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 #cccccc;
    z-index: 2001;
    cursor: pointer;
}
div.ssUploadedFileList-options > ul:before {
    content: '\25b2';
    position: absolute;
    top: -14px;
    left: 95px;
    font-size: 15px;
    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:hover ,  div.ssUploadedFileList-options > ul > li:focus {
    color: var(--buttonfontcolor);
    background-color: var(--buttonbgcolor, #dfdfdf);
}
div.ssUploadedFileList > ul.listView {
    display: table;
    width: 100%;
    margin: 0;
    border-collapse: collapse;
}
div.ssUploadedFileList > ul.listView > li {
    display: table-row !important;
}
div.ssUploadedFileList > ul.listView > li > div, div.ssUploadedFileList > ul.listView > li > span {
    display: table-cell;
    vertical-align: middle;
}
li.ssUploadedFileList-listViewHeader {
    display: none !important;
    border: none !important;
}
li.ssUploadedFileList-listViewHeader > span.ascending, li.ssUploadedFileList-listViewHeader > span.descending {
    font-weight: bold;
}
li.ssUploadedFileList-listViewHeader > span > span {
    display: inline-block;
    margin-right: 5px;
}
li.ssUploadedFileList-listViewHeader > span:nth-child(2), li.ssUploadedFileList-listViewHeader > span:nth-child(3), li.ssUploadedFileList-listViewHeader > span:nth-child(4) {
    cursor: pointer;
}
li.ssUploadedFileList-listViewHeader > span:nth-child(2) {
    padding-left: 10px;
}
li.ssUploadedFileList-listViewHeader > span:nth-child(3), li.ssUploadedFileList-listViewHeader > span:nth-child(4) {
    padding: 0 10px;
}
li.ssUploadedFileList-listViewHeader > span:nth-child(3), div.ssUploadedFileList > ul.listView > li > span.ssUploadedFileList-size {
    text-align: right;
}
li.ssUploadedFileList-listViewHeader > span > div.ssCheckBoxContainer {
    position: relative;
    top: 1px;
    left: 17px;
}
li.ssUploadedFileList-listViewHeader > span > i.fas {
    display: none;
}
li.ssUploadedFileList-listViewHeader > span.ascending > i.fa-caret-up, li.ssUploadedFileList-listViewHeader > span.descending > i.fa-caret-down {
    display: inline-block;
}
div.ssUploadedFileList > div.ssUploadedFileList-footer {
    display: none;
}
div.ssUploadedFileList > div.ssUploadedFileList-footer > span.total {
    display: inline-block;
}
div.ssUploadedFileList > ul.listView > li > div.ssUploadedFileList-checkbox, div.ssUploadedFileList > ul.listView > li > div.ssUploadedFileList-checkbox2 {
    padding: 3px 5px 0 5px !important;
}
div.ssUploadedFileList > ul.listView > li > div.ssUploadedFileList-checkbox, div.ssUploadedFileList > ul.listView > li > div.ssUploadedFileList-checkbox2, div.ssUploadedFileList > ul.listView > li > span, div.ssUploadedFileList > ul.listView > li > span.renamebuttons {
    padding-top: 10px !important;
    padding-bottom: 8px !important;
}
div.ssUploadedFileList > ul.listView > li > span.ssUploadedFileList-size, div.ssUploadedFileList > ul.listView > li > span.ssUploadedFileList-date {
    display: table-cell !important;
    padding: 0 10px;
}
div.ssUploadedFileList > ul.listView > li > div.ssUploadedFileList-checkbox > input[type='checkbox'] + span + label, div.ssUploadedFileList > ul.listView > li > div.ssUploadedFileList-checkbox2 > input[type='checkbox'] + span + label {
    padding: 0 5px;
}
div.ssUploadedFileList > ul.listView > li > span.ssUploadedFileList-details > span {
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
}
div.ssUploadedFileList > ul.listView > li > span.ssUploadedFileList-details, div.ssUploadedFileList > ul.listView > li > span.renamespan {
    width: 100% !important;
    position: relative;
}
div.ssUploadedFileList > ul.listView > li > span.ssUploadedFileList-details > span:last-child, div.ssUploadedFileList > ul.listView > li > span.renamespan > span {
    display: none;
}
div.ssUploadedFileList > ul.listView > li > div.ssUploadedFileList-options {
    padding: 0 5px 0 0;
    text-align: right;
}
div.ssUploadedFileList > ul.listView > li > div.ssUploadedFileList-options > ul {
    padding: 5px 0;
    text-align: left;
}
div.ssUploadedFileList > ul.listView.renameMode > li > div.ssUploadedFileList-options > ul {
    margin-left: -45px;
}
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, div.ssUploadedFileList > ul.listView + div.ssUploadedFileList-footer {
    display: block;
    padding: 10px 15px;
    text-align: right;
    font-size: 12px;
}
div.ssUploadedFileList > ul.pd4ml + div.ssUploadedFileList-footer {
    margin-top: -5px;
    padding: 0 15px;
}
div.ssUploadedFileList > ul.listView > li > span:focus {
    background: #eee;
}
div.ssUploadedFileList-options > span:hover {
    color: inherit;
}
.batchupdate .optionsDiv {
    position: fixed;
    width: 220px;
    background: #f6f6f6;
    height: 100vh;
    overflow: auto;
    overflow-x: hidden;
    border-right: 1px solid #eee;
}
.batchupdate .Description {
    float: right;
    width: calc(100% - 240px);
    margin-right: 20px;
    padding-bottom: 30px;
}
.batchupdate .Description .information_msg_container {   
    display: block;
    margin-left: 20px;
}
.batchupdate .contentDiv {
    width: 100%;
}
.batchupdate .fieldDiv {
    border: 0;
    padding: 5px 0;
    margin-left: 20px;
    border-bottom: 1px solid #f1f1f1;
}
.batchupdate .fieldLabel {
    font-weight: 600;
    padding: 10px 2px;
    width: 100%;
}
.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: auto;
    left: 20px;
    height: 15px;
    background-image: linear-gradient(transparent 4px, white -10px); 
}

.batchupdate .optionsDiv ul li label:after {
    top: auto;
    left: 20px;
}

.batchupdate .optionsDiv ul li label:after {
    top: 9px;
}

.batchupdate h2 {
    font-size: 16px;
    font-weight: bold;
    padding: 0;
    margin: 20px 0 0px 20px;
    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 .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: 14px;
    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: 15px;
    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 {
    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 {
    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: 16px;
    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;
    font-weight: bold;
    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 {
    border-radius: 3px;
    margin-right: 5px;
}
.summarycontentwrapper div.left {
    float: left;
    width: auto;
    padding-left: 0;
}
.summarycontentwrapper div.right {
    float: left;
    width: auto;
    padding-left: 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: 14px;
    font-weight: bold;
    padding-bottom: 5px;
}
.utamap .mapname a {
    font-weight: bold;
    text-decoration: none;
}
.closeprofilecard {
    float:right;
    cursor:pointer;
    font-size:20px;
    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: 25px;
    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: 30px;
    font-weight: normal;
    margin: 0;
}
.sabody h2 {
    font-size: 25px;
    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: 20px;
    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;
}
#policiestable td.Form {
    vertical-align: top;
}
.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);
}
.submitmessage .titlebar {
    font-weight: normal;
    font-size: 25px;
    line-height: 30px;
    padding: 16px 20px;
    background: #f3f3f3;
}
.submitmessage .title {
    white-space: pre-line;
}
.submitmessage .message {
    font-size: 15px;
    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: 15px;
    padding: 6px 18px;
}
.submitbuttonwrapper button > .fa, .submitbuttonwrapper button > .fas, .submitbuttonwrapper button > .far, .submitbuttonwrapper button > .fal, .submitbuttonwrapper button > .fab {
    vertical-align: inherit;
    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 td.FormContainer {
    display: block;
    width: 100%;
}
.actionpanel td.Form .ssCheckBoxContainer label:before, .actionpanel td.Form .ssCheckBoxContainer label:after, .actionpanel td.Form .ssRadioContainer label:before, .actionpanel td.Form .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: 20px;
    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: 25px;
    text-rendering: optimizelegibility;
    border-bottom: 1px solid #f1f1f1;
    color: #444;
    padding: 0px 0 8px 0;
    margin-bottom: 20px;
}
.container_policy p {
    font-size: 14px;
    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: 14px;
    line-height: 160%;
    padding-bottom: 2px;
}
.container_policy span {
    font-size: 14px;
    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: 18px;
    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: 18px;
    text-align: left;
}
.agg-div {
    display: inline-block;
    margin:0px 10px 10px 0px;
}            
.db-editicon {
    float: right;
    cursor: pointer;
    color: var(--titlefontcolor);
    font-size: 16px !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: 25px;
    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;
}

.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: 15px;
    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;
    border-bottom: 1px solid #eee;
    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: 14px;
    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: 15px;
    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: 14px;
    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: 15px;
    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;
}
.stripepayment .paymenttitle {
    width: 610px;
    margin: 25px auto;
}
.stripepayment .paymenttitle h1 {
    font-size: 20px;
    font-weight: normal;
}
.stripepayment .Submit , .cartsummarycontent .Submit {
    padding: 5px 0;
    text-align: center;
    width: 100%;
}
.stripepayment .buttonwrapper button {
    width: 98%;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 700;
    padding: 7px;
}
.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;
    color: #333333;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 2000;
    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 > h3, ul.ssWindow-titleBarButtons {
    display: inline-block;
    padding: 20px 20px 10px 20px;
}

header.ssWindow-titleBar > h3 {
    margin: 0;
    padding-right: 0;
    position: absolute;
    font-size: 26px;
    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: 28px;
    list-style-type: none;
}

ul.ssWindow-titleBarButtons > li {
    display: inline-block;
    margin-left: 20px;
    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;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    font-size: 14px;
}

/* smartsimple captcha */

/* 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: 14px !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: 22px;
}
.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: 1001;
}
.sectionanchor.notabanchor {
    position: fixed;
    top: 120px;
    right: 0px;
    z-index: 1003;
}
.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;
}
.sectionanchor .anchorheader {
    font-weight: 500;
    text-transform: uppercase;
    color: #777;
    border-bottom: 1px solid #eee;
    padding: 11px 0px 8px;
    margin: 0px 15px 0px 15px;
    font-size: 15px;
}
.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: 17px;
    background-color: #eee;
    cursor: pointer;
}
.sectionanchor .anchoritem {
    display: block;
    margin: 0;
}
.sectionanchor .anchoritem:first-child a {
    padding: 7px 0 5px 10px;
}
.sectionanchor .anchoritem a {
    font-size: 14px;
    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;
}
.percentFilledMessage {
    font-size: 15px;
    color: #444;
    font-weight: 600;
    margin: 5px 0;
    display: inline-block;
    width: 495px;
    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: 12px;
}
.subtabitem_active a .percentFilledDiv {
    background: #444;
}
.sectionanchor .tabnav_left, .sectionanchor .tabnav_right , .sectionanchor div#tabplaceholder {
    display: none !important;
}
.anchortoggle {
    display: none;
}

/* select 2 close icon */
span.select2-selection__choice__remove {
    font-size: 18px;
    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;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    padding: 0 0 0 5px !important;
    overflow: hidden;
}
/*
.sectionanchor .anchortoggle {
    display: inline-block;
    width: 100%;
    margin: 6px 0 0 0;
}
.sectionanchor .anchortoggle button {
    float: right;
    font-size: 14px;
    padding: 2px 11px;
}
.sectionanchor .anchortoggle button i {
    padding-left: 5px;
}*/
@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;
    }
}

/* desktop media queries */

@media screen and (min-width: 1921px) { 
    .list_container.tile_list .mobileouterdiv {
        width: 19%;
        min-width: 357px;
        max-width: 450px;
    }    
}    
@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%;
    }
} 
@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: 130px;
    }
    .ax-controlbar .search_fields {
        width: 55%;
    }
    .rolerestrictdiv .ajaxLookupSpan {
        width: 27%;
    }
}
@media screen and (min-width: 1600px) and (max-width: 1715px) {
    .mappanel_container {
        width: calc(100% - 505px);
    }
    .maporderby {
        width: 85px;
    }
}
@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: 120px;
    }
    .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;
    }
    .mappanel_container {
        width: calc(100% - 825px);
    }
    .search_fields, .search_container {
        width: calc(100% - 745px);        
    }
    .search_container.hasmap .search_fields {
        width: calc(100% - 980px);        
    }
}
@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: 115px;
    }
    .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, .search_container {
        width: calc(100% - 745px);        
    }
    .search_container.hasmap .search_fields {
        width: calc(100% - 900px);        
    }    
    .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;
    }
    .mappanel_container {
        width: calc(100% - 700px);
    }
    .maporderby  {
        width: 100px;
    }
    .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: 35%;   
    }
    .profileColumn + .profileRow {
        margin-top: 0;   
    }
    .profileRow .profileColumn {
        max-width: 45%;
    }
    .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 , .container_smartfolder {
        width: 980px;
    }
    .mediaplayerwrapper.public {
        width:1000px;   
    }   
    .containerwrapper h1 {
        font-size: 21px;
        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;
    }
    .search_fields, .search_container {
        width: calc(100% - 745px);        
    }
    .search_container.hasmap .search_fields {
        width: calc(100% - 780px);        
    }
    .mappanel_container {
        width: calc(100% - 600px);
        min-width: 420px;
    }
    .maporderby  {
        width: 85px;
    }
    .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);
    }
    
}
@media screen and (min-width: 768px) and (max-width: 992px) {
    .griddiv input[type="text"] + .ui-datepicker-trigger {
        margin-left: -25px;
    }  
    #header_container .centerlayout, .container_smartfolder {
        width: 760px;
    }
    .containerwrapper {
        width: 760px;
        margin-top: 40px;
    }
    .containerwrapper.privacy {
         margin-top: 60px;
    }
    .containerwrapper h1 {
        font-size: 19px;
        font-weight: bold;
        line-height: 150%;
        margin: 5px 0px 0px 0px;
        padding-bottom: 5px;
    }
    .row_selector {
        width: 10%;
    }
    .row_matching , .row_commonfields , .row_field {
        width: 17%;
    }
    .row_cell > .row_searchterm input {
        width: 87%;
    }
    .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: 115px;
    }
    .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 {
        max-width: 0px;
    }
    .search_fields, .assignmentpanel, .search_container {
        width: calc(100% - 655px);    
        min-width: 125px;
    }
    .search_container.hasmap .search_fields {
        width: calc(100% - 250px);      
    }
    .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;
    }
    .mappanel_container {
        width: 100%;
        max-width: 100%;
        margin-bottom: 5px;
    }
    .maporderby  {
        width: 85px;
    }
    .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: 15px;
    }
    .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: 20px;
    }
    .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: calc(100% - 340px);
    }
    .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: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: 115px;
    }
    .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: 35%;
        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 {
        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, .search_container {
        width: 100%;
        max-width: 870px;
    }
    .search_container.hasmap .search_fields {
        width: calc(100% - 265px);      
    }
    .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: 13px;
        padding: 2px 12px 4px 10px;
    }
    .listcontainerwithmap .cartbuttonsContainer .Button i {
        vertical-align: middle;
    }
}
@media screen and (min-width:1200px) {

    .containerwrapper h1 {
        font-size: 22px;
        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;
    }      
    #header_container .centerlayout, .container_smartfolder {
        width: 94%;
    }
    .containerwrapper {
        width: 94%;
        margin: 40px 20px 0px 20px;
    }
    .containerwrapper h1 {
        font-size: 19px;
        font-weight: bold;
        line-height: 150%;
        margin: 5px 0px 0px 0px;
        padding-bottom: 5px;
    }
    .containerwrapper.privacy {
        margin-top: 60px;
    }
    .row_selector {
        width: 10%;
    }
    .row_matching , .row_commonfields , .row_field {
        width: 17%;
    }
    .row_cell > .row_searchterm input {
        width: 80%;
    }
    .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: 115px;
    }
    .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: 16px;
    }
    .closecaption .langcode {
        margin-left: 0;
    }
    .securepasswrapper {
        width: 90%;
    }
    .securepasswrapper h1 {
        font-size: 25px;
    }
    .securepasswrapper h2 {
        font-size: 18px;
    }
    .securepasswrapper input[type="text"]:not(.form-control) {
        height: 30px;
        font-size: 16px;
    }
    #dropdown-selected, .dropdown-selected {
        max-width: 0px;
    }
    .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;
        margin-top: 20px;
    }
    #listdiv {
        max-height: 25vh;
        min-height: 25vh;
        overflow-y: auto;
        margin-bottom: 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: 15px;
    }
    .infobox .datacontainer .tabledata {
        float: right;
        width: 100%;
    }
    .infobox .datacontainer .chartdata {
        float: left;
        width: 100%;
    }
    .infobox .filter p {
        font-size: 17px;
    }
    .infobox  input[type=range] {
        width: calc(100% - 177px);
    }
    .usageheader .container .logo img {
        width: 220px;
    }
    .usageheader .container .title p {
        font-size: 20px;
    }
    .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;
    }
    .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: 20px;
    }
    .includecaption label + label {
        font-size: 13px;
    }
    .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: 14px;
    } 
    #formdiv.list_container {
    display: block;
    overflow-y: auto;
    width: 100%;
    }
    .mappanel_container {
        width: 100%;
        max-width: 100%;
        margin-bottom: 5px;
    }
    .notificationsearch div.listfilter a {
        padding: 4px 8px;
        margin: 0;
    }
    .notificationsearch div:nth-of-type(2) {
        margin-left: 0;
    }
     .cartpaymentwrapper .stripepaymentcontent {
        width: 640px;
    }
    .stripepayment.cartpaymentwrapper .cartsummary {
        width: 220px !important; 
    }
    .stripepayment.cartpaymentwrapper .stripepaymentwrapper {
        width: calc(100% - 240px);
    }
    .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;
    }
}
@media screen and (max-width: 665px) {
    th.Form, th.FormTop, th.FormLg, th.FormSm, th.FormXSm, th.FormApp {
        text-align: var(--labelalign);
        min-width: 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        display: block;
        text-align: left;
        padding: 9px 5px 5px 1px;
    }
    .gortinfotable th.Form {
        display: table-cell;
        width: auto !important;
        padding: 3px 0 0 0;
    }
    .gortinfotable td.Form {
        display: table-cell;
        padding: 0 5px 0 0;
        width: auto;
    }
    td.Form {
        padding: 0 5px 0 0;
        display: block;
    }
    td.Form input[type=text], td.Form select, td.Form textarea, td.Form iframe{
        width:88% !important;
        max-width:88% !important;
        min-width:88% !important;
    } 
    td.Form input.Lookup{
        max-width: 60% !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;
    }
    body.content_frame.mobile div.listfilter span:nth-of-type(2) label {
        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%;
    }
    .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) {
    .row_selector {
        width: 12%;
    }
    .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: 14px;
        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;
    }
    td.FormContainer{
        width:auto;
        display:block;
    }
    .textreadonly_container {
        padding: 4px 1px;
    }    
    select[name="starthour"] + span , select[name="endhour"] + span {
        display: none;
    }
    select[name="startminute"], select[name="endminute"] {
        margin: 3px 0 0 0; 
    }
    td.Form input[type=text], td.Form 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: 17px;
        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: 16px;
        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: 14px;
        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;
    }
}
@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
    }
    .shareContent + div > .checkboxList label {
     margin-left: 3px;
    }
    .modeDiv {
    width: 255px;
    }
}

@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: portrait) {
    .mobile .search_fields {
        float: right;
        width: calc(100% - 480px);
        white-space: nowrap;
    }
    .mobile .searchtext {
        width: 100% !important;
        max-width: 200px;
    }
}
    /* 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%;
    }
    }