/*variables*/
:root {
	/*font*/
	--actis-font-family: Verdana,Arial,"Helvetica Neue";
	/*PRIMARY COLOUR PALETTE*/
	--DarkBlue: #292961; /*old 323338*/
	--MidBlue: #29B8CF;
	--LightBlue: #B0DEE8; /*rgb(176, 222, 232)*/
	--LightBlue_o75: rgba(176, 222, 232,0.75);
	--MidPurple: #82368C;
	--DarkPurple: #5E246E;
	--Pink: #E83B80;
	/*SECONDARY COLOUR PALETTE*/
	--PaleGrey: #F0F5FA;
	--Yellow: #FFD250;
	--Green: #72BB6F; /*rgb(114, 187, 111)*/
	--Green_o75: rgba(114, 187, 111,0.75);
	--SoftRed: #ED694B; /*rgb(237, 105, 75)*/
	--SoftRed_o75: rgba(237, 105, 75,0.75);
	/*BRAND COLOUR PALETTE*/
	--MicrosoftBlue: #0078D4;
	--MicrosoftDarkBlue: #0066B8;
	/*end of actis font and colour*/
	--fa-style-family: "Font Awesome 6 Pro";
	--fa-style: 300;
	--fa-style-family-brands: "Font Awesome 6 Brands";
	--fa-style-brands: 400;
	--fa-border-color: var(--SoftRed);
	/* duotone starts*/
	--fa-secondary-opacity: 1;
	--fa-style-family-duotone: 'Font Awesome 6 Duotone';
	--fa-font-duotone: normal 900 1em/1 'Font Awesome 6 Duotone';
	--fa-style-duotone: 900;
	--fa-primary-color: var(--DarkBlue);
	--fa-secondary-color: var(--DarkBlue);
	/* duotone ends*/
	/* menu */
	--font-padding: 10px;
	--font-color: white;
	--position: absolute;
	--menu-left: 11px;
	--sub-menu-left: 10px;
	--root-menu-left: 0px;
	/*generic*/
	--MainForeColour: var(--DarkBlue); /*#000; #000000*/
	--MainBackgroundColour: White; /*#FFF, #FFFFFF*/
	--DisabledColour: Gray; /*#808080*/
	--NewDarkBackgroundColour: var(--DarkBlue); /*Actis Base Colour*/
	--GridBorderColour: var(--DarkBlue); /*#666, #666666*/
	--ModalBackgroundColour: lightgray; /*D3D3D3*/
	--TabBackgroundColour: #EAEAF8;
	--MultiPageBorderColour: #919B9C;
	/*button*/
	--button-background: var(--PaleGrey); /*pale grey*/
	--button-colour: var(--MidPurple);
	--button-border-colour: var(--MidPurple);
	--button-backgroud-hover: var(--MidPurple);
	--button-colour-hover: white;
	--button-border-hover: var(--MidPurple);
	/*hover*/
	--SoftRedHigh: #EF775D;
	--background-hover: var(--SoftRed);
	--DarkYellow: #FFD24D;
	--DarkGreen: #66B663;
	/*checkbox, radio*/
	--DarkerBlue: #1E1E48;
	/*small icon*/
	--actisSmall: 22px;
	/*usage in js
        getComputedStyle(document.documentElement).getPropertyValue('--MainBackgroundColour');
        returns "White".
    */
}
/*tree view background image*/
.tvimg::before {
    font-size: 20px;
    font-family: var(--fa-style-family, "Font Awesome 6 Pro");
    top: 0;
    left: -5px;
    padding-left: 5px;
    padding-right: 10px;
    font-weight: var(--fa-style);
    position: relative;
}
/*list manager list context menu */
.imgp {
    position: var(--position);
    left: 5px;
}
/*div background image*/
.imgdiv::before {
    position: relative;
    left: 5px;
    font-family: var(--fa-style-family, "Font Awesome 6 Pro");
    font-weight: var(--fa-style);
}
/*font-size*/
actis-small {
    font-size: 23px;
}
.a-icon-16 {
    font-size: 16px;
}
.a-icon-20 {
    font-size: 20px; /* Sets icon size to 20px */
}
.a-icon-24 {
    font-size: 24px; /* Sets icon size to 24px */
}

.a-icon-32 {
    font-size: 32px; /* Sets icon size to 32px */
}

.a-icon-48 {
    font-size: 48px;
}

.a-icon-60 {
    font-size: 60px;
}

.a-icon-64 {
    font-size: 64px;
}

.a-icon-128 {
    font-size: 128px;
}

.informationblue-icon {
    color: #1d4494;
}

.lightgrey-icon {
    color: #acacac;
}

.orange-icon {
    color: #f5a928;
}

.lightblue-icon {
    color: lightblue;
}

.gold-icon {
    color: gold;
}

.red-icon {
    color: var(--SoftRed);
}

.left-icon {
    text-align: left;
}

.actisred-icon {
    color: #B40022;
}

.purple-icon {
    color: #7270d4;
}

.actis-white-color {
    color: #FFFFFF;
}

.actisred-title {
    color: #B40022;
    -webkit-text-fill-color: #FFC0C0; /* Will override color (regardless of order) */
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #B40022;
}

.actisblue-title {
    color: var(--DarkBlue);
    -webkit-text-fill-color: #78A8CE; /* Will override color (regardless of order) */
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--DarkBlue);
}

/* menu css*/

/*div.RadMenu .rmExpand:before {
    position: relative;
    top: 0px;
    left: -10px;
    right: auto;
}*/

div.RadMenu .rmRootGroup.rmVertical .rmRootLink {
    padding-left: 2em;
}

.actis-solid.img{
    color:var(--DarkBlue);
}

.actis-solid.img:hover{
    color:var(--Pink);
}