/**************** Document *************************************/

body {
    background-color: #f7faff;
    color: #104fc6;
    font-family: "Helvetica Neue","Segoe UI",helvetica,verdana,sans-serif;
}

.jqx_fixedHeaderTable th {
    position: sticky;
    top: 40px;
/*    background-color: white;*/
/*    inset-block-start: 0;
*/    z-index: 2;
}


/* This is mainly for older versions of ios (12.4 and below) to scroll content properly and support sticky */
/*.pageForm {
    height: 100%;
    
    overflow: auto;
    margin:0px;
    -webkit-overflow-scrolling: touch;
    background-color: #f7faff;
}*/
.jqx_form,
.jqx_pageContentMax800 {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.jqx_formMax1100 {
    max-width: 1100px;
}

.jqx_form .jqx_required {
    border-color: #dd4b39;
    border-width: 1px;
    border-style: solid;
}

.jqx_pageContentContainer {
    padding-bottom: 50px;
    background-color: #f7faff;
}

.desktop .jqx_pageContentContainer {
    padding-left: 10px;
    padding-right: 10px;
}

.tablet .jqx_pageContentContainer {
    padding-left: 5px;
    padding-right: 5px;
}

.jqx_pageContentMaxSpace {
    margin-left: 0px;
    margin-right: 0px;
    border-radius: 0px;
    border-right: none;
    border-top: none;
    border-left: none;
    border-bottom: none;
    padding: 0px;
/*    overflow-x: auto;
    width: 100%;*/
   /* max-width:100%;*/
}

/* I think this was put in for Lightning so that on a phone the top toolbar would not scroll of the screen horizontally on wide pages eg vehicle service history
    had to take it out as it meant the 'claim now' button for Acclaim did not float at the bottom of the screen.
    */

.phone .jqx_pageContent {
/*    max-width: 100%;
    overflow:auto; */
}

.pageContentContainerLimitWidth .jqx_pageContent {
    max-width: 1024px;
    margin:auto;
}

.jqx_pageContentHorizScroll {
    overflow-x: auto;
}

.jqx_noBottomPadding {
    padding-bottom: 0px;
}

.desktop .jqx_pageContentContainerMaxSpace,
.tablet .jqx_pageContentContainerMaxSpace,
.phone .jqx_pageContentContainerMaxSpace {
    padding-left: 0px;
    padding-right: 0px;
   /* padding-top: 0px;*/
    padding-bottom: 0px;
}

.jqx_pageContentContainerMaxSpaceWithToolbar {
    padding-top: 40px;
}

.jqx_pageHeader {
    box-sizing: border-box;
    text-align: center;
    font-weight: bold;
    font-size: 12pt;
    color: #cc0000;
    letter-spacing: 1pt;
    padding-bottom: 5px;
    padding-top: 5px;
    background-color: white;
}

#topBtn {
    position: fixed;
    right: 40px;
    bottom: 10px;
    /*    opacity:0.8;*/
    visibility: hidden;
}

.jqx_centre_container {
    max-width:800px;
    margin-left:auto;
    margin-right:auto;
}

.jqx_inlineSummaryTitle {
    margin-right: 5px;
    color: #696969;
}

.jqx_inlineSummaryText {
    /*   font-weight:600;*/
    margin-right: 10px;
}

.displayForCopy {
    min-height: 50px;
    vertical-align: middle;
    /* text-align:center;*/
    border: 1px solid navy;
    border-radius: 15px;
    color: black;
    background-color: white;
    font-size: 14pt;
    /*display: table-cell;*/
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 20px;
    padding-left: 20px;
}


/**************** End Document *************************************/
/****************** Payment methods ********************************/

.pp_firstdata,
.pp_payvector,
.pp_stripe,
.pp_paymentsense,
.pp_worldpay,
.pp_globalpayments {
    font-size: larger;
    margin-right: 5px;
    color: #7ab8eb;
}

.pp_firstdata {
    color: #ff6600;
}

.pp_stripe {
    color: #1a0dab;
}

.pp_globalpayments {
    color: #4c0e4f;
}

.pm_default,
.pm_arrow,
.pm_visa,
.pm_mastercard,
.pm_creditcard {
    font-size: larger;
    margin-right: 5px;
}

.pm_visa {
    color: #00579f;
}

.pm_mastercard {
    color: #f19926;
}

.pm_creditcard {
    color: #7ab8eb;
}

.pm_default {
    color: green;
}

.pm_arrow {
    color:purple;
}


/****************** End Payment methods ********************************/

/************** Progress bar ***************************************/
.progressDialogTitle {
    text-align: center;
    color: #333399;
    font-size: 12pt;
    font-weight: bold;
    padding-bottom: 10px;
}

/************** End Progress bar ***************************************/

/***************** Fields Editor ***********************************/
.jqx_formTextLeftHighlight:hover {
    color: red;
    cursor: pointer;
    /*background-color:white;*/
}

.jqx_formShowOnlySummary, .jqx_formFailureSummary {
    border-radius: 10px;
    border: 1px solid;
    padding: 15px;
    margin-top: 10px;
    margin-bottom: 5px;
    background-image: url('../images/s24/regular/symbol information.png');
    background-position: 10px 7px;
    background-repeat: no-repeat;
    text-indent: 35px;
    cursor: pointer;
}

.jqx_formShowOnlySummary {
    background-color: #fae1fb;
    border-color: #fa05ef;
    color: #fa05ef;
}

.jqx_formFailureSummary {
    background-color: #000000;
    border-color: #ffffff;
    color: #ffffff;
}

/***************** End Fields Editor ***********************************/

/********************* Dx Grid ************************************/
.jqxDxGrid_row {
    font-size: 10pt;
    color: #104fc6;
    font-family: tahoma, verdana;
}

.dxgvDataRowAlt_iOS {
    background-color: #f7faff;
}

.dxgvDataRowHover_iOS {
    background-color: #ededee;
}

.dxgvFocusedRow_iOS, .dxgvFocusedRow_iOS.dxgvDataRowHover_iOS {
    background-color: #FFBD69;
/*    color: white;*/
}

/*Override standard AspxGridView settings */
.dxgvDataRow_iOS td.dxgvIndentCell, .dxgvDetailRow_iOS td.dxgvIndentCell, .dxgvPreviewRow_iOS td.dxgvIndentCell, .dxgvGroupRow_iOS td.dxgvIndentCell, .dxgvGroupFooter_iOS td.dxgvIndentCell {
    background-color: transparent !important;
}

/* reduce padding on desktop */
.desktop .dxgvFilterRow_iOS td.dxgv,
.desktop .dxgvHeader_iOS,
.desktop .dxgvEditFormDisplayRow_iOS td.dxgv,
.desktop .dxgvDetailCell_iOS td.dxgv,
.desktop .dxgvDataRow_iOS td.dxgv,
.desktop .dxgvDetailRow_iOS.dxgvADR td.dxgvAIC {
    padding-top: 6px;
    padding-bottom:6px;
    padding-left:6px;
    padding-right:6px;
}
    /*.dxgvDataRow_Aqua td.dxgvIndentCell, .dxgvDetailRow_Aqua td.dxgvIndentCell, .dxgvPreviewRow_Aqua td.dxgvIndentCell, .dxgvGroupRow_Aqua td.dxgvIndentCell, .dxgvGroupFooter_Aqua td.dxgvIndentCell {
    background-color: transparent !important;
}
*/
    .jqxDxGrid_groupRow {
    font-size: 13pt;
    color: #333399;
    font-family: tahoma, verdana;
}

.jqxDxGrid_emptyDataRow {
    background-color: #F7FAFF;
    color: #104fc6;
    font-size: 10pt;
}

.jqxDxGrid_previewRowText {
    max-width: 800px;
    margin-top: 5px;
    margin-bottom: 15px;
    color: #555555;
}

/**************** Sticky toolbar, header and tabs ************************/
.jqx_toolbar {
    background-color: #9FC4F1;
}

#topToolbar {
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 0;
/*    left:0;
    right:0;*/
    z-index: 1032;
    /*    padding-left:4px;
    padding-right:4px;*/
}

body.desktop #pageHeader,
body.tablet #pageHeader {
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 0px;
    z-index: 1031;
}

body.desktop #topToolbar + #pageHeader,
body.tablet #topToolbar + #pageHeader {
    position: -webkit-sticky;  /* Safari */
    position: sticky;
    top: 40px;
    /*left:0;
    right:0;*/
    z-index: 1031;
}

body.desktop #pageHeader + #pageContentContainer #mainTab .jqx_tabHeaderContainer,
body.tablet #pageHeader + #pageContentContainer #mainTab .jqx_tabHeaderContainer {
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 32px;
    z-index: 1030;
}

body.desktop #topToolbar + #pageHeader + #pageContentContainer #mainTab .jqx_tabHeaderContainer,
body.tablet #topToolbar + #pageHeader + #pageContentContainer #mainTab .jqx_tabHeaderContainer {
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 72px;
    z-index: 1030;
}

.stickToBottom {
    position: -webkit-sticky; /* Safari */
    position: sticky;
    bottom: 0px;
    z-index: 1030;
}
/**************** End sticky toolbar, header and tabs ************************/
.jqx_inputFile {
    /*    max-width: 300px; */
}

/* Needed to make sure text on buttons appears in the middle vertically */
.dx-button-content {
/*    line-height: 0.7;
    height:30px; */
}

/*.dx-button-has-text .dx-button-content {
    text-overflow: ellipsis;
    white-space:normal;
    overflow: hidden;
}

*/
.jqx_button {
/*    margin-left:4px;
    margin-right:4px;*/
/*    font-size:16px;*/
}

.dx-toolbar .dx-toolbar-items-container {
    /*  padding-bottom:1px; */
/*    height: 40px;*/
}

.jqx_toolbar .jqx_inputControlStandardSize {
    max-height: 40px;
}

.jqx_inputListBoxContainer .dx-button-has-text .dx-button-content {
    padding: 7px 9px 7px 9px;
}

.jqx_inputListBoxContainer td {
    padding: 1px;
}
/************************* forms ***********************************/
.jqx_formTextLeft, .jqx_formTextAbove, .jqx_formTextRight, .jqx_formTextBelow {
    color: #104fc6;
}

.jqx_inputPackageComponents td {
    padding:2px;
}
/************************* End forms ***********************************/

/************************* Finance Category Edit ***********************/

.jqx_finCatAllocContainer {
    max-width:600px;
}

/*********************** End Category Edit ***********************/

/*********************** Input Controls ********************************/
.jqx_formControlContainer .jqx_inputControl.jqx_inputControlMaxWidth {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.fe_field {
    background-color: #DDDDDD;
    color: Black;
    text-decoration: none;
}

/**************************Tabs ******************************/
.jqx_tab {

}

.jqx_tabHeaderContainer {
    background-color: #86b5d9;
}

.jqx_tabHeader {
    display: inline-block;
    background-color: #eaf4fd;
    margin-left: 1px;
    margin-right: 1px;
    margin-top: 2px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #86b5d9;
}

.jqx_tabHeader.jqx_tabHeaderEnabled {
    cursor:pointer;
}

    .jqx_tabHeader.jqx_tabHeaderEnabled:hover {
        background-color: #ffe7a2;
    }

    .jqx_tabHeader.jqx_tabHeaderSelected {
        background-color: #F7FAFF;
        color: #e17009;
        border-bottom: 1px solid #F7FAFF;
    }

.jqx_tabContentContainer {

}

.jqx_tabContent {
    background-color: #F7FAFF;
}

.jqx_inputListBox {
    background-color: white;
    min-height: 150px;
    border: 1px solid #e8eaeb;
    width: 300px;
}

.jqx_DialogContent .jqx_inputListBox {
    width: 100%;
}

.jqx_inputListBoxHeading {
    color: #333399;
    font-size: larger;
    font-weight: bolder;
    padding-top: 5px;
}

.jqx_colourDisplay {
    min-height: 25px;
    min-width: 50px;
    max-width: 50px;
    border: 1px solid #104fc6;
    /*padding:3px; 
    margin-top:5px; */
    border-radius: 10px;
    display: inline-block;
}

/***************** Splitter ************************************/

.dx_Splitter {
    display: flex;
}

.dx_SplitterPanel {
/*    flex:1;*/
    overflow: auto;
}

.dx_SplitterPanel_left {
    margin-right: 0.5rem;
    margin-left: 0.5rem;
}

.dx_SplitterPanel_right {
    border: 1px solid #9BCBED;
    border-radius: 5px;
}

.dx_Splitter .previewFrame {
    width: 100%;
    height: 100%;
    color: black;
}

.dx_Splitter .jqx_StationeryBackground {
    overflow: hidden;
}

.dx_Splitter .jqx_listpanel .jqx_button {
    float: right;
}

/***************** End Splitter ************************************/

/***************** Grid *********************************************/
/*.dxgrid_previewRow {
    background-color: white;
}

.dxgrid_previewRowAlt {
    background-color: #F7FAFF;
}*/

.dxgrid_master-detail-cell {
    padding-left:40px;
}

/*.grid_previewRow td:empty {
    display:none;
}
*/
/***************** Quick grid ****************/
.fullDetailsOuterContainer, .fullDetailsContainer {
    clear: both;
}
.showHideBtn {
    float: left;
    margin-top: 15px;
    margin-right: 5px;
    margin-bottom: 5px;
}
.dx-master-detail-row td:empty {
    display: none;
}


/****************** disclaimers **************/
#disclaimerText {
    background-color:white;
    color:black;
    padding:10px;
}

/******************** HTML Edit *****************/
.jqx_HTMLDisplay, .jqx_StationeryDisplay, .jqx_RichEditDisplay {
    background-color: white;
    color: black;
    border: 1px solid dimgrey;
    border-radius: 10px;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing:border-box;
}

.jqx_HTMLDisplay, .jqx_RichEditDisplay {
    padding:10px;
}

/********************** Contact Hitsory ************/
    .jqx_contactHistoryContent {
        margin-top: 5px;
        color: #666666;
        font-size: smaller;
    }

.jqx_attachmentDesc {
    font-size: smaller;
}

/****************** Reminders ************************/
.jqx_reminderTitle {
    padding-left: 10px;
    font-weight: 500;
    padding-top: 4px;
}

.jqx_noteText {
    font-size: smaller;
    padding-left: 15px;
    color: #696969;
    text-align: left;
}

.jqx_reminderTable {
    cursor: pointer;
}

.jqx_rmdToday {
    color: darkgreen;
}

.jqx_rmdWeek {
    color: orange;
}

.jqx_rmdMonth {
    color: red;
}

.jqx_rmdOlder {
    color: black;
}

.jqx_rmdToday, .jqx_rmdWeek, .jqx_rmdMonth, .jqx_rmdOlder {
    font-size: 14pt;
    padding-right: 10px;
    white-space: nowrap;
}

.reminder-due, .reminder-acknowledged, .reminder-overdue {

}

.reminder-due {
    color: orange;
}

.reminder-acknowledged {
    color: darkgreen;
}

.reminder-overdue {
    color: red;
}

/******************* Mce Editor **************************/
.tox-toolbar {
   /* background-color: #dfeffc !important;*/
} 

/******************** FMGtiTable ***************************/

.gtiTable {
    border: 0 none;
    border-collapse: separate !important;
    border-left: solid 1px #BED6F6;
    width: auto !important;
}

.gtiTableBorderLeft {
    border-left: solid 1px #BED6F6;
}

.gtiTableHeaderCell {
    border-color: #BED6F6 #BED6F6 #BED6F6 #F7FAFF;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px 0;
    overflow: hidden;
    padding: 4px 5px 5px;
}

.gtiTableHeaderRow {
    background-color: #E2F0FF;
    background-image: url(../images/tablebackground.gif);
    background-position: center top;
    background-repeat: repeat-x;
    border: 1px solid #BED6F6;
    font-weight: normal;
    overflow: hidden;
    padding: 5px;
    text-align: left;
    white-space: nowrap;
    color: Black;
}

.gtiTableDataRow {
}

.gtiTableAltDataRow {
    background-color: White;
}

.gtiTableDataCell {
    border-color: #F7FAFF #BED6F6 #BED6F6 #F7FAFF;
    border-style: none solid solid none;
    border-width: 0 1px 1px 0;
    overflow: hidden;
    padding: 4px 5px 5px;
}

.gtiTableFooterCell {
    border-color: #BED6F6 #BED6F6 #BED6F6 #F7FAFF;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px 0;
    overflow: hidden;
    padding: 4px 5px 5px;
}

.gtiTableFooterRow {
    background-color: #E2F0FF;
    border: 1px solid #BED6F6;
    font-weight: normal;
    overflow: hidden;
    padding: 5px;
    text-align: left;
    white-space: nowrap;
    color: Black;
}

/****************** Diary *************************/
#textSizeTbl .dx-button-content {
    padding: 5px 0 0 0;
}

.diary-list-container {
    display: flex;
    justify-content:center;
}

/******************* DxListMenu ****************************/
.list-menu-item {

}

.list-menu-compact .list-menu-item {
    text-align:center;
}

.list-menu-item-icon {
    float: left;
    margin-right: 10px;
}

.list-menu-compact .list-menu-item-icon {
    float:none;
    text-align:center;
    margin-right: 0;
}

img.list-menu-item-icon {
    width:48px;
    height:48px;
}

.list-menu-item-heading {
}

.list-menu-compact .list-menu-item-heading {
    font-size: 14px;
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 1.0em;
}

.list-menu-item-text {

}

.list-menu-compact .list-menu-item-text {
    display:none;
}

.list-menu-group-heading {

}

/* DevExpress overrides */
.dx-list-menu .dx-state-disabled .dx-list-item, .dx-list-menu .dx-state-disabled.dx-list-item {
    background-color: white;
}