:root {
    --main-background-colour: #ECF3F7;
    --main-background-image: url(graphics/bodybg.jpg);
    --main-header-background-colour: #ECF3F7;
    --main-header-text-colour: #01305A;
    --main-header-border-radius: 5px;
    --body-background-colour: #01305A;
    --sidebar-menu-parent-text-colour: #B0DBF2;
    --sidebar-menu-child-text-colour: #FFFFFF;
    --sidebar-menu-border-radius: 4px;
    --sidebar-menu-border-colour: #55779B;
    --sidebar-menu-border-width: 0.5px;
    --sidebar-menu-font-family: Tahoma, Geneva, sans-serif;
    --main-content-text-colour: black;
    --main-content-textbox-border-colour: #DBEBF5;
    --main-content-textbox-readonly-bg-colour: #DBEBF5;
    --main-content-textbox-readonly-border-colour: #DBEBF5;
    --main-content-textbox-border-radius: 3px;
    --main-content-grid-view-row-colour: #FFFFFF;
    --main-content-grid-view-row-alternate-colour: #f9fbfd;
    --main-content-button-font-colour: #01305A;
    --main-content-button-background-colour: #cee6fb;
    --main-content-button-border-width: 0.05px;
    --main-content-button-border-radius: 2px;
    --main-content-font-family: Arial, Helvetica, sans-serif;
    --main-content-wuc-header-ext-colour: #003873;
    --main-content-hyperlink-color: #448bcb;
}

* {
    letter-spacing: -0.25px;
    /*line-height: 1.35em;*/
}

/* Top case summary spacing for ACP font
span#ctl00_lblPageTopBarSummary {
    line-height: 1.0;
}
*/




#ctl00_ContentPlaceHolder1_ctl07_laSecurityTitle,
#ctl00_ContentPlaceHolder1_wucSecurity_laSecurityTitle,
#ctl00_ContentPlaceHolder1_ctl13_laSecurityTitle,
#ctl00_ContentPlaceHolder1_ctl14_laSecurityTitle {
    font: 13px var(--main-content-font-family) !important;
}

#ctl00_ContentPlaceHolder1_ctl14_laSecurityTitleStart,
#ctl00_ContentPlaceHolder1_ctl14_laSecurityTitle {
    font: 13px var(--main-content-font-family) !important;
}


/* left RiskFree image below menu */
#leftbar > div > a > img,
/* Side images and plus of collapsable user controls */
.subselectiontable > tbody > tr > td > img {
    /*filter: grayscale(1);*/
}

#ctl00_ContentPlaceHolder1_SignOn_ClientRank > tbody > tr > td > input {
    height: 18px !important;
}

/* DX ont application or gridviews */
td.dxgv,
.mainbuttonstyle {
    font-family: var(--main-content-font-family);
}






#ctl00_ContentPlaceHolder1_spreadsheetSheetView,
#ctl00_ContentPlaceHolder1_spreadsheetSheetView_SSTC,
.contentbox {
    /*background: #f9fbfd;*/
}



/* SIMON FURTHER CSS HACKS */


*,
.dxeHyperlink,
.formtextpad,
.listtxt {
    font-family: var(--main-content-font-family);
    font-weight: normal;
}


th,
label,
.dxeTextBoxSys,
.dxeHyperlink,
.dxeListBoxItem,
.dxeButtonEditSys,
.dxp-summary,
.dxp-num,
.dxp-pageSizeItem {
    color: var(--main-content-text-colour);
}

.content,
.listtxt,
.dxgv,
.dxtc-content,
.listtxthalfRO,
#ctl00_ContentPlaceHolder1_tbStatus,
#ctl00_ContentPlaceHolder1_ddlStatus,
#ctl00_ContentPlaceHolder1_SignOn_StartDate,
#ctl00_ContentPlaceHolder1_SignOn_ClientRank_I,
#ctl00_ContentPlaceHolder1_ClientMaster_Salutation,
#ctl00_ContentPlaceHolder1_ClientMaster_Salutation_DisplayOnly {
    /*color: var(--main-content-text-colour);*/
    /*font-size: 10pt;*/
}

.dxgvSelectedRow
{
    color: black;
}


textarea.multiline {
    min-height: 10em;
}




/*FORMATTING OF TABLES IN SECTIONS*/

.colcontent,
.dxtlNode {
    background: var(--main-content-grid-view-row-colour);
    /*font-size: 10pt;*/
    /* vertical-align:top; */
    /* white-space:pre-line; */
}

.colcontent1,
.dxtlAltNode {
    background: var(--main-content-grid-view-row-alternate-colour);
    /*font-size: 10pt;*/
    /* vertical-align:top; */
    /* white-space:pre-line; */
}

    .colheader th,
    .colcontent td,
    .colcontent1 td {
        padding: 4px;
    }


/*For the display of tasks only*/
#ctl00_ContentPlaceHolder1_ctl11_gvTasks_col6 {
    width: 100%;
}

/*Solves the calendar in Extra Company Details showing under other fields*/
#ctl00_ContentPlaceHolder1_ctl01_CalendarExtender3_popupDiv {
    z-index: 1;
}


/*TOP BAR CASE SUMMARY PANEL */

.topbarsummary {
    top: 14px;
    left: 150px;
}

    .topbarsummary span {
        font-size: 9pt;
        font-weight: normal;
        line-height: 1;
    }

#LogOffMenuButton {
    /*font-size: 10pt;*/
    text-decoration: underline;
}

/*PAGE HEADER */

.mainheader {
    margin: 0;
    border-radius: var(--main-header-border-radius) var(--main-header-border-radius) 0 0;
}

    .mainheader span {
        font-size: 16pt;
        text-transform: none;
    }

img.righttop {
    content: none;
    height: 0px !important;
    width: 0px !important;
}

/*AMENDS TO SIDEBAR */

.svg-inline--fa {
    width: 1em;
    height: 1em
}






/*STYLES THE PAGE SECTIONS*/

table.subselectiontable {
    background: #ECF3F7;
    text-transform: none;
    /* border-color:#ECBAA8; */
    border-radius: var(--main-header-border-radius) var(--main-header-border-radius) 0 0;
    /* 	border: solid 0.5px #ECBAA8; */
}

.wuctitle {
    text-transform: none;
}


.contentborder,
.outerdivborder td {
    border-radius: 0 0 var(--main-header-border-radius) var(--main-header-border-radius);
    background: #ffffff;
    /*border-color: #ECBAA8;*/
}

#FacilitySecurity,
#FacilitySecurityReleased,
#Security,
#NotesToDos,
#TasksSection2 {
    background: #ffffff;
}



/*STYLES THE TABS */

.tab,
.dxtc-tab,
.dxtc-activeTab {
    color: #01203B;
    min-height: 2em;
    border-radius: 0.2em 0.2em 0 0;
}

a.tab {
    background: none;
}

.selectedTab {
    font-weight: bold;
    background: white;
}

.tab:hover,
.dxtc-link:hover,
table.subselectiontable:hover,
table.subselectiontable td:hover {
    background: var(--main-header-background-colour);
}


.selectedTab:hover {
    background: none;
}



/*PROVIDES CONSISTENCY IN BUTTON LAYOUT */

.mainbuttonstyle,
.dxeHyperlink,
.dxbButton[class~="dxgvCommandColumnItem"]:not([data-isimage="true"]),
.dxgvEditFormTable div.dxbButton,
.hyperlinkbuttonstyle,
.hyperlinkcolumnstyledx a,
a.hyperlinkbuttonstyle,
.mainbuttonstyleDX {
    font-family: var(--main-content-font-family);
    /*font-size: 10pt;*/
    border-radius: 0.2em !important;
    min-width: 20px;
    /*min-height: 20px;*/
    /*    -- padding-left:5px;
    -- padding-right:5px;
    -- padding-top:2px;
    -- padding-bottom:2px;*/
}

.hyperlinkbuttonstyle {
    /*padding: 4px;*/
}

#Security .dxbButton {
    width: 100%;
    max-width: 120px;
}

#TasksSection2 .dxbButton {
    width: 100%;
}

#TasksSection2 td.dxgvCommandColumn .dxbButton, #TasksSection2 td.dxgvInlineEditCell .dxbButton {
    width: 20px;
}

.dxeHyperlink:hover,
.dxb-hbc:hover,
.dxbButton:hover,
.mainbuttonstyle:hover,
.iconbuttonstyle:hover,
.mainbuttonstyleDX:hover,
a.hyperlinkbuttonstyle:hover,
.dxbButton[class~="dxgvCommandColumnItem"]:not([data-isimage="true"]):hover,
.dxgvEditFormTable div.dxbButton:hover,
#TasksSection2 .iconbuttonstyle:hover {
    background: #9fcef7;
}


/*PROVIDES CONSISTENCY IN TEXT BOX LAYOUT */

#ctl00_ContentPlaceHolder1_ctl01_wucGrid_Applicant_ctl00,
#ctl00_ContentPlaceHolder1_ctl01_wucGrid_Applicant_gvApplicant,
input[type=text],
input[type=datetime],
input[type=number],
input[type=password],
textarea,
select,
.textboxborder,
span.textboxborder,
.dxeButtonEdit,
table.dxe {
    font-family: var(--main-content-font-family);
    /*font-size: 10pt;*/
    border-radius: 0em !important;
    min-width: 20px;
    /*min-height: 20px;*/
    /*    -- padding-left:5px;
    -- padding-right:5px;
    -- padding-top:2px;
    -- padding-bottom:2px;*/
    border-radius: 0em !important;
}


input[type=text]:read-only,
input[type=datetime]:read-only,
input[type=number]:read-only,
input[type=password]:read-only,
textarea:read-only,
select[read-only],
span.textboxborder,
table.dxeReadOnly {
    color: #01203B;
    border-radius: 0em !important;
    background: none;
}





/* ADJUST LABELS TO ALIGN WITH TEXT BOXES */

/*Adjusts the core labels in all sections */
li label {
    /*padding-top: 0.2em;*/
}

    /*Readjusts the custom form labels back as they have additional margins*/
    li label label {
        padding-top: 0em;
    }



/* FORCE HIDING SECTIONS AND DATA POINTS THAT WE DO NOT USE */

/*

-- Case Allocation
#ctl00_ContentPlaceHolder1_ctl05_liDate5,
#ctl00_ContentPlaceHolder1_ctl05_liReviewDate,
#ctl00_ContentPlaceHolder1_ctl05_liBDM,
#ctl00_ContentPlaceHolder1_ctl05_liBusinessSource2,

-- Mortgage Details Charge Info *
#ctl00_ContentPlaceHolder1_ctl03_UpdatePanel2,

-- Case Full Customer Details, Custom Forms and Underwriting sections
#ctl00_ContentPlaceHolder1_FullAppButtons,
#ctl00_ContentPlaceHolder1_ctl24_upCustomFormTreeBuilder,
#ctl00_ContentPlaceHolder1_ctl15_upCustomFormBuilder,


-- Security EPC, Notes, Underwriting and Custom Forms sections
#ctl00_ContentPlaceHolder1_ctl19_upCustomFormTreeBuilder,
#ctl00_ContentPlaceHolder1_ctl18_upCustomFormBuilder,
#ctl00_ContentPlaceHolder1_divSecurityPropertyControls,
#ctl00_ContentPlaceHolder1_ctl20_upNotesToDos,
#ctl00_ContentPlaceHolder1_liIsPropertyOwnerOccupied,
#ctl00_ContentPlaceHolder1_liNewBuild,
#ctl00_ContentPlaceHolder1_liBedRooms,
#ctl00_ContentPlaceHolder1_liReceptionRooms,
#ctl00_ContentPlaceHolder1_liBathroomsToilets,

-- Facility Underwriting Section
#ctl00_ContentPlaceHolder1_ctl18_upCustomFormTreeBuilder
{display:none;}

*/
textarea.full-width {
    width: 100% !important;
}

label.full-width, label.full-width > label {
	width: 12em !important;
}


.onecolumncase label.full-width {
    width: unset !important;
}
.onecolumncase label.full-width > label{
    width: 20em !important;
}

/* 
    ACP font size is a little bigger than RFs and pushes the ? icons onto a new line
    thus needing a little more room
*/
.twocolumn {
    width: 33em;
}

input[type=submit], input[type=button], button, .mainbuttonstyleDX, .mainbuttonstyle, .iconbuttonstyle, .dxbButton[class~="dxgvCommandColumnItem"]:not([data-isimage="true"]), .dxgvEditFormTable div.dxbButton {
    transition: all 0.25s ease-in-out;
    border-color: #999;
    font-size: 13px;
}

a, .hyperlinkbuttonstyle {
    transition: all 0.05s ease-in-out;
    border-color: #999;
    font-size: 13px;
}
    /*a:hover {
        text-decoration: underline !important;
    }*/
.dxgvDataRow {
    transition: all 0.05s ease-in-out;
}
.dxgvDataRow:hover{
    background: var(--main-background-colour);
    font-weight: bold;
}

.tox-tinymce {
    border-color: var(--main-content-textbox-border-colour) !important;
}

.tox-menubar, .tox-mbtn, .tox-promotion, .tox-statusbar, .tox-toolbar__group, .tox-collection__group {
    background-color: var(--main-background-colour) !important;
    /*background: unset !important;*/
}
.tox-editor-header, .tox div.tox-toolbar-overlord, .tox div.tox-toolbar__primary {
    background-color: var(--main-background-colour) !important;
    /*background: unset !important;*/
}

.tox-collection__item--active {
    background-color: var(--main-content-button-background-colour) !important;
}

.tox-collection__item:active {
    background-color: var(--main-content-button-background-colour) !important;
}

.tox-tbtn {
    background-color: var(--main-content-button-background-colour) !important;
    border-color: var(--main-content-textbox-border-colour) !important;
    border-radius: var(--main-content-button-border-radius) !important;
    border-width: var(--main-content-button-border-width) !important;
    transition: all 0.25s ease-in-out;
    border-color: #999;
    font-size: 13px;
}
.tox-tbtn:hover {
    background-color:#b6daf9 !important;
}
    .tox-tbtn.tox-tbtn--select {
        width: 110px !important;
    }

.tox.tox-tinymce * {
    border-color: var(--main-content-textbox-border-colour) !important;
    border-top-color: var(--main-content-textbox-border-colour) !important;
    border-left-color: var(--main-content-textbox-border-colour) !important;
    border-bottom-color: var(--main-content-textbox-border-colour) !important;
    border-right-color: var(--main-content-textbox-border-colour) !important;
}