/* ********** *//* ********** CSS Variables *//* ********** */:root {    --back: #f6f7f8;    --schemeBack: #e044e7;    --schemeText: #3d3d3a;    --boxShadow: #9C9C9C;    --navBackOff: #3d3d3a;    --navBackOn: #ffffff;    --navTextOff: #ffffff;    --navTextOn: #3d3d3a;    --tabBorderOff: #3d3d3a;    --tabTextOff: #3d3d3a;    --tabBackOn: #8900f2;    --tabBackOff: #FFFFFF;    --tabTextOn: #ffffff;    --buttonBackOff: #e044e7;    --buttonBackOn: #be44ea;    --buttonTextOn: #FFFFFF;    --buttonTextOff: #FFFFFF;    --text: #3d3d3a;    --textWhite: #3D3D3A; /* Not white text, the system default text to go over a white background */    --textAlert: #fd3535;    --rowOnText: #3d3d3a;    --rowOnBack: #e8eafd;    --rowOddText: #808080;    --rowOddBack: #F7F7F7;    --rowEvenText: #808080;    --rowEvenBack: #FFFFFF;    --abHolidayBack: #fff000;    --abSicknessBack: #ff00f6;    --abUnauthBack: #0d00bd;    --abHolidayTxt: #000000;    --abSicknessTxt: #000000;    --homeLeftTile: initial;    --homeLeftTileText: initial;    --homeMiddleTile: initial;    --homeMiddleTileText: initial;    --homeRightTile: initial;    --homeRightTileText: initial;    --staffologyRed: #DB0000;    --statusBackgroundOrangeLight: #FFF4E6;    --statusFontOrangeDark: #BF6E00;    --statusBackgroundGreenLight: #E7F5E5;    --statusFontGreenDark: #129D00;    --statusBackgroundRedLight: #FAE7EA;    --darkGrey: #3D3D3A;    --white: #FFFFFF;    --greyPrimary: #24303B;    --greySecondary: #666E76;    --greyBorder: #D3D6D8;    --greyBackground: #F7F8FA;    --borderRadius: 20px;    --requiredFieldColor: #666E76;    --textError: #FF0000;    --staffologyPurple: #6100AC;    --staffologyBlue: #0035f5;    --tableSubHeader: #EEEEED;}/* ********** *//* ********** Debug *//* ********** */div#debug {    display: none;    position: fixed;    top: 0;    right: 0;    background: #f8f8f8;    padding: 3px;    border: 1px solid #eeeeee;    border-bottom-left-radius: 5px;    color: #cc0000;}/* ********** *//* ********** Layout *//* ********** */html,body {    width: 100%;    height: 100%;}body {    margin: 0;}    body.std {    }    body.win {        background: #ffffff;    }    body.pop,    body.popup,    body.report {        width: auto;        height: auto;        margin: 0 10px 10px 10px;        background: #ffffff;    }    body.popBack {        width: auto;        height: auto;        margin: 0 10px 10px 10px;        background: var(--back);    }    body.vms {        width: auto;        height: auto;        margin: 0 10px 10px 10px;        background: var(--back);    }/* ********** */.pt-12 {    padding-top: 12px;}div,td {    font-family: verdana;    font-size: 11px;    color: #000000;}    /* ********** */    div.brandCont {        width: 100%;        height: 100%;    }    div#octContainer {        position: relative;        margin: 0 auto 0 auto;        padding: 0;        width: 100%;        height: 100%;        min-width: 375px;        /* phone size */        text-align: left;        background: var(--back);    }    div#octFrmTop {        position: absolute;        top: 0;        left: 0;        right: 0;        height: 56px;        background: var(--navBackOff);        border-bottom: 4px solid var(--schemeBack);    }    div.octFrmNavR    /* Recruit */ {        position: absolute;        top: 60px;        left: 0;        right: 0;        bottom: 0;        overflow: hidden;        background: var(--navBackOff);        width: 180px;        padding: 0 12px 0 8px;    }@media all and (min-width: 701px) {    div.octFrmNav {        position: absolute;        top: 15px;        left: 0;        right: 0;        bottom: 0;        overflow: hidden;        background: var(--navBackOff);        width: 180px;        padding: 0 12px 0 8px;        overflow: auto;    }    div.topLogo {        text-align: center;        min-height: 45px;    }    div.octFrmDirOn {        position: absolute;        top: 180px;        left: 200px;        right: 0;        bottom: 0;        overflow-x: hidden;        overflow-y: auto;        width: 360px;    }    div.octFrmDirOff {        display: none    }    div.octFrmContWiDir {        position: absolute;        top: 180px;        left: 560px;        right: 0;        bottom: 0;        overflow-x: hidden;        overflow-y: auto;        background: var(--back);    }    div.octFrmContWoDir {        position: absolute;        top: 180px;        left: 200px;        right: 0;        bottom: 0;        overflow-x: hidden;        overflow-y: auto;        background: var(--back);    }    div.topUserSearch {        float: left;        margin-right: 25px;        display: none;    }        div.topUserSearch input {            background: url(/images/dir_search.png) no-repeat center right white;            width: 250px;            height: 30px;            padding: 0 10px 0 10px;            border: 1px solid var(--boxShadow);            border-radius: 4px        }}/* ********** *//* ********** Hamburger Menu *//* ********** */#menuToggle,.menuBtn {    display: none;    position: unset;}.menuBox {    padding: 0;    margin: 0;}.menuList {    overflow-x: hidden;    overflow-y: auto;    height: 100%;    margin: 0;    padding: 0;    list-style: none;}div.showLogo {    display: none;}@media all and (max-width: 700px) {    #menuToggle,    .menuBtn {        display: inline-block;    }    .hamburgerIcon.toggleBefore::before {        top: 0;        transform: rotate(0deg);    }    .hamburgerIcon.toggleAfter::after {        top: 0;        transform: rotate(90deg);    }    .menuBtn {        position: absolute;        top: 30px;        left: 20px;        width: 26px;        height: 26px;        cursor: pointer;        z-index: 4;    }        .menuBtn > span,        .menuBtn > span::before,        .menuBtn > span::after {            display: block;            position: absolute;            width: 100%;            height: 2px;            background-color: #fff;            transition-duration: .25s;        }            .menuBtn > span::before {                content: '';                top: -8px;            }            .menuBtn > span::after {                content: '';                top: 8px;            }    .menuBox {        display: block;        position: fixed;        top: 0;        left: -100%;        width: 280px;        height: 100%;        background-color: var(--navBackOff);        box-shadow: 2px 2px 6px rgba(0, 0, 0, .4);        transition-duration: .25s;        z-index: 3;    }    .menuList {        height: calc(100% - 55px);        margin-top: 55px;        padding: 0 20px;    }    div.topLogo {        display: none;    }    div.showLogo {        display: block;        top: 2px;        position: absolute;        left: 100px;    }    div.octFrmDirOn {        position: absolute;        top: 180px;        left: 0;        right: 0;        overflow-x: hidden;        overflow-y: auto;        width: 360px;    }    div.octFrmDirOff {        display: none    }    div.octFrmContWiDir {        position: absolute;        top: 180px;        left: 446px;        right: 0;        background: var(--back);    }    div.octFrmContWoDir {        position: absolute;        top: 180px;        left: 0;        right: 0;        background: var(--back);    }    div.topUserSearch {        display: none;    }    div.topSearchImage {        display: none;    }    .topBureauCompany {        display: none !important;    }}.topLogo {    max-width: 180px;    max-height: 67px;}div.topLogo img {    max-width: 165px;    max-height: 65px;}/* ********** *//* ********** Top Head *//* ********** */div.topHead {    height: 60px;}div.topUser {    float: right;    padding: 13px 44px 0 0;}div.topBureauCompany {    float: right;    gap: 15px;    width: 300px;    height: 56px;    background: #272725;    color: white;    display: flex;    flex-direction: row;    flex-wrap: wrap;    justify-content: center;    align-items: center;    font-style: normal;    font-weight: 400;    font-size: 16px;    line-height: 22px;    font-family: "Open Sans", sans-serif;    cursor: pointer;    position: relative;}    div.topBureauCompany:hover .bureauDropdown {        display: block;    }    div.topBureauCompany .bureauDownImg {        position: absolute;        right: 7%;        top: 45%;        width: 9px;        height: 5px;    }div.bureauDropdown {    background-color: white;    position: absolute;    top: 100%;    z-index: 50000;    width: 100%;    filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.25));    display: none;}a.bureauDropdownItem {    height: 56px;    background: #FFFFFF;    border-bottom: 1px solid #FFFFFF;    display: flex;    flex-direction: row;    flex-wrap: wrap;    justify-content: start;    align-items: center;    padding-left: 20px;    color: #3D3D3A;    font-family: 'Open Sans';    font-style: normal;    font-weight: 400;    font-size: 16px;    line-height: 22px;}    a.bureauDropdownItem span {        width: 107px;        height: 22px;        font-family: 'Open Sans';        font-style: normal;        font-weight: 400;        font-size: 16px;        line-height: 22px;        padding-left: 10px;    }div.topUserImg {    float: left;}    div.topUserImg img {        border-radius: 23px;        width: 30px;    }div.topSearchImage {    float: left;    margin-right: 25px;}    div.topSearchImage img {        cursor: pointer;        width: 30px;    }div.topLanguageSettings {    float: left;    margin-right: 25px;    margin-top: 2px;}    div.topLanguageSettings img {        cursor: pointer;        width: 27px;    }div.topHelpCentre {    float: left;    margin-right: 25px;}    div.topHelpCentre > a {        position: relative;        z-index: 3;    }    div.topHelpCentre img {        cursor: pointer;        width: 30px;    }div.topEmSel {    float: left;    padding: 7px 25px 0 0;}a.topLogout,a.topLogout:visited,a.topLogout:active,a.topLogout:hover {    float: left;    display: block;    font-family: "Open Sans", sans-serif;    font-size: 16px;    font-weight: 600;    font-style: normal;    color: var(--navTextOff);    line-height: 30px;    text-decoration: none;}div.topLine {    float: left;    width: 1px;    height: 30px;    background: #a7acb1;    margin: 0 25px 0 25px;}/* ********** *//* ********** Tab *//* ********** */div.tabRow {    position: relative;    height: 119px;    background: #ffffff;    border-bottom: 1px solid var(--navBackOff);    padding: 0 0 0 236px;}div.tabRowVms {    background: #ffffff;    height: 59px;    border-bottom: 1px solid var(--navBackOff);    padding-left: 44px;}@media all and (max-width: 700px) {    div.tabRow {        padding: 0 0 0 44px;    }}div.topUserName {    position: absolute;    top: 0;    left: 44px;    font-family: "Open Sans", sans-serif;    font-size: 20px;    font-weight: 600;    font-style: normal;    color: #000000;}div.tabHorCont {    position: absolute;    bottom: 0;    height: 38px;    overflow: hidden;    white-space: nowrap;}div#tabVerCont {    display: none;    position: absolute;    top: 130px;    z-index: 2;    right: 44px;    box-sizing: border-box;    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);    background-color: #ffffff;    border-radius: 4px;    border: 1px solid #d3d6d8;}div#tabSpace {    float: left;    /* deprecated */}div#tabMenu {    display: none;    float: left;}.zeroRecordBackgroundImage {    background-image: url('/images/home/placeholder.png');    background-color: var(--white);    background-repeat: no-repeat;    background-position: center center;    width: 100%;    min-height: 142px;    height: 75%;}/* ********** */a.tabHor,a.tabHor:visited,a.tabHor:active {    display: block;    float: left;    background: var(--tabBackOff);    padding: 0 10px 0 10px;    margin-right: 4px;    border-radius: 4px 4px 0px 0px;    border-color: var(--tabBorderOff);    border-style: solid;    border-top-width: 1px;    border-bottom-width: 0px;    border-left-width: 1px;    border-right-width: 1px;    font-family: "Open Sans", sans-serif;    font-size: 16px;    font-weight: 400;    font-style: normal;    color: var(--tabTextOff);    text-decoration: none;    line-height: 38px;}    a.tabHor:hover {        background: var(--tabBackOn);        border-color: var(--tabBackOn);        color: var(--tabTextOn);    }a.tabHorOn,a.tabHorOn:visited,a.tabHorOn:active,a.tabHorOn:hover {    display: block;    float: left;    background: var(--navBackOff);    padding: 0 10px 0 10px;    margin-right: 4px;    border-radius: 4px 4px 0px 0px;    border-color: var(--navBackOff);    border-style: solid;    border-top-width: 1px;    border-bottom-width: 0px;    border-left-width: 1px;    border-right-width: 1px;    font-family: "Open Sans", sans-serif;    font-size: 16px;    font-weight: 400;    font-style: normal;    color: var(--navTextOff);    text-decoration: none;    line-height: 38px;}/* ********** */a.tabVer,a.tabVer:visited,a.tabVer:active {    display: none;    line-height: 40px;    padding: 0 15px 0 15px;    border-bottom: 1px solid #d3d6d8;    font-family: "Open Sans", sans-serif;    font-size: 16px;    font-weight: 400;    font-style: normal;    color: #24303b;    text-decoration: none;}    a.tabVer:hover {        background: #eaf7ff;    }/* ********** *//* ********** Action *//* ********** */div.actionRow {    position: relative;    top: 20px;    right: 44px;}div.actionRowFixed {    position: fixed;    top: 0;    left: 0;    right: 0;    height: 40px;    line-height: 40px;    background: var(--back);}div.actionRowFixedSpace {    height: 40px;}div.actionCont {    float: right;}div.actionReport {    float: left;    padding-left: 10px;    white-space: nowrap;}a.actionAll,a.actionAll:visited,a.actionAll:active {    display: block;    background: url(/portal/images/action_off.png) no-repeat right center #ffffff;    border: 1px solid var(--buttonBackOff);    border-radius: 22px;    padding: 0 30px 0 20px;    font-family: "Open Sans", sans-serif;    font-size: 16px;    font-weight: 500;    font-style: normal;    color: var(--buttonBackOff);    text-decoration: none;    line-height: 40px;}    a.actionAll:hover {        background: url(/portal/images/action_on.png) no-repeat right center var(--tabBackOn);        border: 1px solid var(--tabBackOn);        color: var(--tabTextOn);    }a.actionAllT,a.actionAllT:visited,a.actionAllT:active,a.actionAllT:hover {    margin: 4px 10px 0 0;    line-height: 30px;}div.actionArrowPf {    display: none;}div#octAction {    display: none;    position: absolute;    z-index: 2;    top: 52px;    right: 0;}div#octActionFixed {    display: none;    position: absolute;    z-index: 2;    top: 50px;    right: 10px;}div#octActionPf {    display: none;    position: absolute;    z-index: 2;    bottom: 55px;    left: 0;}div#dropdownId {    display: none;    position: absolute;    z-index: 2;    top: 55px;    right: 180px;}div#profileDropdown {    display: none;    position: absolute;    z-index: 2;    top: 44px;    right: -17px;    width: 145px;}div.profile-container {    position: relative;    float: left;}div#dropdownLanguages {    display: none;    position: absolute;    z-index: 2;    top: 55px;    right: 150px;}#pointer, #pointerLanguages, #profilePointer {    display: none;    border: solid 15px transparent;    border-bottom-color: white;    position: absolute;    margin: -15px 0 0 0;    z-index: 2;}#profilePointer {    margin: 15px 0px -1px 0px;}div#dropdownId,div#profileDropdown,div#dropdownLanguages,div#octAction,div#octActionFixed,div#octActionPf,div.actionPrevNextEmpOff,div.actionPrevNextEmpOn {    box-sizing: border-box;    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);    background-color: #ffffff;    border-radius: 4px;    border: 1px solid #d3d6d8;}a.action,a.action:visited,a.action:active {    display: block;    line-height: 40px;    padding: 0 15px 0 15px;    border-bottom: 1px solid #d3d6d8;    font-family: "Open Sans", sans-serif;    font-size: 16px;    font-weight: 400;    font-style: normal;    color: #24303b;    text-decoration: none;}    a.action:hover {        background: #eaf7ff;    }a.actionPf,a.actionPf:visited,a.actionPf:active {    float: left;    background: url(/portal/images/action_pf_off.png) no-repeat right center #ffffff;    border: 1px solid var(--navBackOff);    border-radius: 4px;    padding: 0 30px 0 20px;    font-family: "Open Sans", sans-serif;    font-size: 16px;    font-weight: 600;    font-style: normal;    color: var(--navBackOff);    text-decoration: none;    line-height: 40px;}    a.actionPf:hover {        background: url(/portal/images/action_pf_on.png) no-repeat right center var(--tabBackOn);        border: 1px solid var(--tabBackOn);        color: var(--tabTextOn);    }/* ********** */div#actionPrevNextEmpContainer {    float: right;    padding-top: 4px;}div#actionPrevNextEmp {    display: none;    position: absolute;    z-index: 2;    top: 52px;    right: 0;    line-height: 17px;    /* cancel inheritance from div.actionRow */}div.actionPrevNextEmpOff {    min-width: 275px;    min-height: 62px;    padding: 10px;    background: #ffffff;}div.actionPrevNextEmpOn {    min-width: 275px;    min-height: 62px;    padding: 10px;    background: #ffffff;    cursor: pointer;}/* ********** *//* ********** Nav *//* ********** */div.navType {    padding: 20px 0 12px 16px;    overflow: hidden;    white-space: nowrap;    font-family: "Open Sans", sans-serif;    font-size: 13px;    font-weight: 600;    font-style: normal;    color: var(--navTextOff);    line-height: 1.2;}div.navTypeSpace {    height: 1px;    background: var(--navTextOff);    margin-bottom: 4px;}a.nav,a.nav:visited,a.nav:active {    display: block;    margin-bottom: 4px;    padding-left: 39px;    white-space: nowrap;    border-left: 4px solid var(--navBackOff);    border-radius: 3px;    text-decoration: none;    font-family: "Open Sans", sans-serif;    font-size: 16px;    font-weight: 400;    font-style: normal;    color: var(--navTextOff);    line-height: 44px;}    a.nav:hover {        border-left: 4px solid var(--schemeBack);        font-weight: 600;        color: var(--navTextOn);    }a.navActive {    border-left: 4px solid var(--schemeBack);    font-weight: 600;    color: var(--navTextOn);}a.navHome,a.navHome:visited,a.navHome:active {    background: url(../../images/nav_1_off.png) no-repeat center left var(--navBackOff);}    a.navHome:hover,    a.navActive.navHome {        background: url(../../images/nav_1_on.png) no-repeat center left var(--navBackOn);    }a.navDashboard,a.navDashboard:visited,a.navDashboard:active {    background: url(../../images/nav_12_off.png) no-repeat center left var(--navBackOff);}    a.navDashboard:hover,    a.navActive.navDashboard {        background: url(../../images/nav_12_on.png) no-repeat center left var(--navBackOn);    }a.navMy,a.navMy:visited,a.navMy:active {    background: url(../../images/nav_3_off.png) no-repeat center left var(--navBackOff);}    a.navMy:hover,    a.navActive.navMy {        background: url(../../images/nav_3_on.png) no-repeat center left var(--navBackOn);    }a.navKudos,a.navKudos:visited,a.navKudos:active {    background: url(../../images/nav_10_off.png) no-repeat center left var(--navBackOff);}    a.navKudos:hover,    a.navActive.navKudos {        background: url(../../images/nav_10_on.png) no-repeat center left var(--navBackOn);    }a.navTrs,a.navTrs:visited,a.navTrs:active {    background: url(../../images/nav_4_off.png) no-repeat center left var(--navBackOff);}    a.navTrs:hover,    a.navActive.navTrs {        background: url(../../images/nav_4_on.png) no-repeat center left var(--navBackOn);    }a.navHandbook,a.navHandbook:visited,a.navHandbook:active {    background: url(../../images/nav_2_off.png) no-repeat center left var(--navBackOff);}    a.navHandbook:hover,    a.navActive.navHandbook {        background: url(../../images/nav_2_on.png) no-repeat center left var(--navBackOn);    }a.navAdmin,a.navAdmin:visited,a.navAdmin:active {    background: url(../../images/nav_8_off.png) no-repeat center left var(--navBackOff);}    a.navAdmin:hover,    a.navActive.navAdmin {        background: url(../../images/nav_8_on.png) no-repeat center left var(--navBackOn);    }a.navDirectory,a.navDirectory:visited,a.navDirectory:active {    background: url(../../images/nav_5_off.png) no-repeat center left var(--navBackOff);}    a.navDirectory:hover,    a.navActive.navDirectory {        background: url(../../images/nav_5_on.png) no-repeat center left var(--navBackOn);    }a.navOrgChart,a.navOrgChart:visited,a.navOrgChart:active {    background: url(../../images/nav_11_off.png) no-repeat center left var(--navBackOff);}    a.navOrgChart:hover,    a.navActive.navOrgChart {        background: url(../../images/nav_11_on.png) no-repeat center left var(--navBackOn);    }a.navSys,a.navSys:visited,a.navSys:active {    background: url(../../images/nav_6_off.png) no-repeat center left var(--navBackOff);}    a.navSys:hover,    a.navActive.navSys {        background: url(../../images/nav_6_on.png) no-repeat center left var(--navBackOn);    }a.navRecruit,a.navRecruit:visited,a.navRecruit:active {    background: url(../../images/nav_7_off.png) no-repeat center left var(--navBackOff);}    a.navRecruit:hover {        background: url(../../images/nav_7_on.png) no-repeat center left var(--navBackOn);    }a.navCustom,a.navCustom:visited,a.navCustom:active {    background: url(../../images/nav_9_off.png) no-repeat center left var(--navBackOff);}    a.navCustom:hover,    a.navActive.navCustom {        background: url(../../images/nav_9_on.png) no-repeat center left var(--navBackOn);    }a.navRota,a.navRota:visited,a.navRota:active {    background: url(../../images/nav_13_off.png) no-repeat center left var(--navBackOff);}    a.navRota:hover,    a.navActive.navRota {        background: url(../../images/nav_13_on.png) no-repeat center left var(--navBackOn);    }a.naviSams,a.naviSams:visited,a.naviSams:active {    background: url(../../images/nav_14_off.png) no-repeat center left var(--navBackOff);}    a.naviSams:hover,    a.navActive.naviSams {        background: url(../../images/nav_14_on.png) no-repeat center left var(--navBackOn);    }a.navPerks,a.navPerks:visited,a.navPerks:active {    background: url(../../images/nav_15_off.png) no-repeat center left var(--navBackOff);}    a.navPerks:hover,    a.navActive.navPerks {        background: url(../../images/nav_15_on.png) no-repeat center left var(--navBackOn);    }a.navMarketplace,a.navMarketplace:visited,a.navMarketplace:active {    background: url(../../images/nav_16_off.png) no-repeat center left var(--navBackOff);}    a.navMarketplace:hover,    a.navActive.navMarketplace {        background: url(../../images/nav_16_on.png) no-repeat center left var(--navBackOn);    }a.navCandidate,a.navCandidate:visited,a.navCandidate:active {    background: url(../../images/nav_candidate_off.png) no-repeat center left var(--navBackOff);}    a.navCandidate:hover {        background: url(../../images/nav_candidate_on.png) no-repeat center left var(--navBackOn);    }a.navExport,a.navExport:visited,a.navExport:active {    font-size: 14px;    background: url(../../images/nav_export_off.png) no-repeat center left var(--navBackOff);}    a.navExport:hover {        font-size: 14px;        background: url(../../images/nav_export_on.png) no-repeat center left var(--navBackOn);    }a.navLookup,a.navLookup:visited,a.navLookup:active {    background: url(../../images/nav_lookup_off.png) no-repeat center left var(--navBackOff);}    a.navLookup:hover {        background: url(../../images/nav_lookup_on.png) no-repeat center left var(--navBackOn);    }a.navPlanner,a.navPlanner:visited,a.navPlanner:active {    background: url(../../images/nav_planner_off.png) no-repeat center left var(--navBackOff);}    a.navPlanner:hover {        background: url(../../images/nav_planner_on.png) no-repeat center left var(--navBackOn);    }a.navLogout,a.navLogout:visited,a.navLogout:active {    position: absolute;    bottom: 60px;    width: 180px;    background: url(../../images/nav_logout_off.png) no-repeat center left var(--navBackOff);}    a.navLogout:hover {        position: absolute;        bottom: 60px;        width: 129px;        background: url(../../images/nav_logout_on.png) no-repeat center left var(--navBackOn);    }@media all and (min-width: 701px) and (max-height: 790px) {    a.nav,    a.nav:visited,    a.nav:active,    a.nav:hover {        line-height: 24px;    }}/* ********** *//* ********** Cont *//* ********** */div.contPad {    padding: 0 44px 44px 44px;}div.contPhoto {    float: left;    padding: 31px 10px 0 0;}    div.contPhoto img {        border-radius: 23px;        width: 40px;        height: 40px;    }div.contTitleStickyContainer {    position: sticky;    top: 0;    background: var(--back);    z-index: 1;}div.contTitle {    float: left;    padding: 35px 0 25px 0;    font-family: "Open Sans", sans-serif;    font-size: 24px;    font-weight: 700;    font-style: normal;    color: var(--text);}div.contSubTitles {    float: left;    padding: 16px 0 16px 7px;    font-family: "Open Sans", sans-serif;    font-size: 20px;    font-weight: 600;    font-style: normal;    color: #3d3d3a;}body.pop div.contTitle {    color: var(--textWhite) !important}div.contLinked {    margin-top: 40px !important;    float: left;}.xOverflowScroll {    overflow-x: scroll;}.warning-message {    font-family: Open Sans;    font-size: 14px;    font-style: normal;    font-weight: 400;    line-height: 115%;    color: var(--staffologyRed);}.statusLabel {    border-radius: var(--borderRadius);    padding: 5px 8px;    font-family: Open Sans;    font-size: 14px;    font-style: normal;    font-weight: 400;    line-height: 100%;    text-align: center;    width: 80px;}.chevron {    cursor: pointer;}    .chevron.rotated {        transform: rotate(180deg);        -moz-transform: rotate(180deg);        -o-transform: rotate(180deg);        -webkit-transform: rotate(180deg);    }.disabled-link-button {    pointer-events: none;    cursor: default;    opacity: 0.5;}/* ********** *//* ********** Transistion *//* ********** */div.octFrmNav,div.octFrmDirOn,div.octFrmDirOff,div.octFrmContWiDir,div.octFrmContWoDir,div.tabRow {    -webkit-transition: all 0.2s ease-in;    -moz-transition: all 0.2s ease-in;    -o-transition: all 0.2s ease-in;    transition: all 0.2s ease-in;}/* ********** */a.navHome,a.navDashboard,a.navHandbook,a.navMy,a.navTrs,a.navDirectory,a.navSys,a.navRecruit,a.navAdmin,a.navCustom,a.navKudos,a.navOrgChart,a.navRota {    -webkit-transition: line-height 0.2s ease-in;    -moz-transition: line-height 0.2s ease-in;    -o-transition: line-height 0.2s ease-in;    transition: line-height 0.2s ease-in;}/* ********** *//* ********** Form *//* ********** */input[type=checkbox],input[type=radio] {    width: 18px;    height: 18px;}    input[type=checkbox]:checked,    input[type=radio]:checked {        accent-color: #1B69B9;    }        input[type=checkbox]:checked:hover,        input[type=radio]:checked:hover {            accent-color: #134A82;            outline: none;            outline-style: none;        }input[type="radio"] {    -webkit-border-radius: 100%;    border-radius: 100%;}    input[type="radio"]:not(:checked):hover {        height: 18px;        width: 18px;        border: 2px solid #1B69B9;        appearance: none;    }input[type="checkbox"] {    /* removing default appearance */    -webkit-appearance: none;    appearance: none;    /* creating a custom design */    width: 18px;    height: 18px;    border-radius: 3px;    border: 1px solid rgb(133, 133, 133);    cursor: pointer;    position: relative;}    input[type="checkbox"]:checked {        background-color: #1B69B9;        border: 2px solid #1B69B9;        content: url(../../../images/check.svg);        position: relative;    }    input[type="checkbox"]::before {        color: #fff;        position: absolute;        top: -6px;        right: 2px;    }input#menuToggle::before {    content: none;}input[type="checkbox"]:disabled {    border-color: #c0c0c0;    background-color: #c0c0c0;}    input[type="checkbox"]:disabled + span {        color: #c0c0c0;    }input[type="checkbox"]:not(:checked):not(:disabled):hover {    height: 18px;    width: 18px;    border: 2px solid #1B69B9;    appearance: none;    border-radius: 3px;}input[type="checkbox"]:not(:disabled):checked:hover {    background-color: #134A82;    border: 2px solid #134A82;}input[type="radio"]:focus,input[type="checkbox"]:focus {    outline: none;}input,select,textarea {    font-family: "Open Sans", sans-serif;    font-size: 16px;    color: #24303b;}textarea {    white-space: pre-wrap;    /* fixed IE 11 nowrap issue */}/* ********** */div.pfCurrency {    width: 30px;    line-height: 38px;    margin-right: 4px;    background: var(--boxShadow);    border: 1px solid var(--boxShadow);    border-radius: 4px;    font-family: "Open Sans", sans-serif;    font-size: 13px;    color: var(--textWhite);    text-align: center;}.dpFix {    width: 30px !important;    text-align: right;}    .dpFix img {        width: 24px;        height: 23px;        background: var(--schemeBack);    }td.pfDateTimeSpacer {    width: 5px;}input.readonly,input.ro,input.pfCurrencyReadonly,textarea.readonly,input[type="text"]:disabled {    background: #d3d6d8;}/* ********** */div.pfs {    display: none;}div.pfe,div.pfi {    padding-bottom: 5px;}    div.pfe div {        font-family: "Open Sans", sans-serif;        font-size: 19px;        color: #bf0030;        padding: 0 0 5px 0;    }    div.pfi div {        font-family: "Open Sans", sans-serif;        font-size: 19px;        color: var(--schemeBack);        padding: 0 0 5px 0;    }div.pfs div {    font-family: "Open Sans", sans-serif;    font-size: 19px;    color: #98ca3c;    padding: 0 0 5px 0;}div.pfIcon {    float: right;    cursor: pointer;    margin-left: 5px;}div.pfIcon2 {    float: right;    width: 19px;    height: 19px;    border-radius: 20px;    background: var(--schemeBack);    cursor: pointer;    margin-left: 5px;}    div.pfIcon2 img {        padding: 2px;    }td.pfSpinner {    width: 26px;    text-align: right;    vertical-align: top;}/* ********** */td.pfm {    width: 25px;    background: none;}td.pfmOn {    width: 25px;    background: url(/images/icon_req.png) no-repeat top left;}/* ********** */td.pfl,div.pfl {    float: left;    padding-bottom: 16px;    font-family: "Open Sans", sans-serif;    font-size: 16px;    font-weight: 400;    font-style: normal;    color: var(--textWhite);}@media all and (max-width: 700px) {    td.pfl,    div.pfl {        min-width: 150px;    }}/* ********** */td.pfr {    float: right;    padding-bottom: 16px;    font-family: "Open Sans", sans-serif;    font-size: 16px;    font-weight: 400;    font-style: normal;    color: var(--textWhite);}td.pfl a {    color: #0035f5;    text-decoration: none;    font-weight: normal;}td.pft,div.pft,a.pft,p.pft,div.homeProL,div.homeProR,div.legalSraHead,div.legalSraIntro,div.legalSraTitle,div.legalSraRole1 td,.txtGlobal,.txtAlert,div.actionReport,div.reportPower,div.homeCommMessage,div.dirl,div.dirDetR,div.dirTree td,div#lozengeFilter div,div.payrollProcess,div.empSelHead,#abSumTxtTaken,#abSumTxtRemain,td.abCalLabelTitle,div.dbDivIn2 div,a.timeTap,div#timeTapTxt,div.PerformChatTxt,div.pagination td,div.videoTitle,div.videoText,div.qqCellOff,div.qqCellOn,div.cookieSideBar,div.outTxt,div.customFullScreenTitle,div.dirDetTitleName,div.dirDetTitlePronouns,div.cookieDecisionText,div.dirDetLinked {    font-family: "Open Sans", sans-serif;    font-size: 16px;    font-weight: 400;    font-style: normal;    color: var(--textWhite);}.pft.sub-text {    font-size: 14px;    color: #808080;}div.pfLabel {    font-size: 12px;    color: #5e636e;    text-align: right;    padding: 5px 25px 16px 0;}body.win td.pfl {    min-width: auto;}/* ********** */input.pf:not([type="file"]),input.readonly:not([type="file"]),input.ro:not([type="file"]) {    width: 200px;    height: 38px;    padding: 0 10px 0 10px;    border: 1px solid var(--boxShadow);    border-radius: 4px;}input.pf[type="file"] {    width: 222px;    height: 38x;    border: 1px solid var(--boxShadow);    border-radius: 4px;}input.pfCurrency,input.pfCurrencyReadonly {    width: 166px;    height: 38px;    padding: 0 10px 0 10px;    border: 1px solid var(--boxShadow);    border-radius: 4px;}input.pfDate {    width: 200px;    height: 38px;    padding: 0 10px 0 10px;    border: 1px solid var(--boxShadow);    border-radius: 4px;}input.pfDateSmall {    width: 100px;    height: 38px;    padding: 0 5px 0 5px;    border: 1px solid var(--boxShadow);    border-radius: 4px;    font-size: 13px;}input.pfDateTime {    width: 122px;    height: 38px;    padding: 0 10px 0 10px;    margin-right: 1px;    border: 1px solid var(--boxShadow);    border-radius: 4px;    font-size: 13px;}input.pfTime {    height: 38px;    width: 55px;    padding: 0 10px 0 10px;    border: 1px solid var(--boxShadow);    border-radius: 4px;    font-size: 13px;}input.pfSpinner {    width: 148px;    height: 38px;    padding: 0 10px 0 10px;    border: 1px solid var(--boxShadow);    border-radius: 4px;}select.pf {    width: 222px;    height: 40px;    padding: 0 0 0 10px;    border: 1px solid var(--boxShadow);    border-radius: 4px;}select.auto {    width: auto;}textarea.pf,textarea.readonly,textarea.pfSignature {    width: 200px;    height: 85px;    padding: 10px;    border: 1px solid var(--boxShadow);    border-radius: 4px;}textarea.pfSignature {    font-family: "Comic Sans MS", "Comic Sans", cursive, sans-serif;    font-size: 25px;    height: 45px;}@media all and (max-width: 415px)/* Subtract 60 from original values */{    form.responsive input.pf:not([type="file"]),    form.responsive input.readonly:not([type="file"]),    form.responsive input.ro:not([type="file"]) {        width: 140px;    }    form.responsive input.pf[type="file"] {        width: 162px;    }    form.responsive input.pfDate {        width: 110px;    }    form.responsive input.pfSpinner {        width: 88px;    }    form.responsive select.pf {        width: 162px;    }    form.responsive textarea.pf,    form.responsive textarea.readonly {        width: 140px;    }    form.responsive input.pfCurrency,    form.responsive input.pfCurrencyReadonly {        width: 106px;    }}/* ********** */div.pfMultiSelect {    position: relative;}    div.pfMultiSelect input.pf {        cursor: pointer;        user-select: none;        background: url(/images/icons/pfmulti_down.png) no-repeat center right;    }    div.pfMultiSelect input[type=checkbox] {        cursor: pointer;        user-select: none;        position: relative;        top: 7px;    }div.pfMultiSelected {    margin-top: 5px;}    div.pfMultiSelected input.pf {        cursor: pointer;        user-select: none;        background: url(/images/icons/pfmulti_close.png) no-repeat center right;    }div.pfMultiAvailableContainer {    position: absolute;    z-index: 1;    top: 41px;    left: 0;    width: 100%;    display: none;    box-sizing: border-box;    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);    background-color: #ffffff;    border-radius: 4px;    border: 1px solid #d3d6d8;    cursor: pointer;}div.pfMultiAvailableIn {    overflow-y: auto;    overflow-x: hidden;    max-height: 200px;}div.pfMultiAvailable {    line-height: 40px;    padding: 0 16px 0 16px;    border-bottom: 1px solid var(--boxShadow);}    div.pfMultiAvailable div    /*jQuery mobile fix */ {        display: inline;    }/* ********** */div.pfBoxList {    float: left;    margin: 0 4px 0 0;}div.pfBoxListB {    float: left;}div.pfBoxListT {    float: left;    padding: 4px 15px 0 5px;    color: var(--textWhite);}/* ********** *//* ********** Buttons *//* ********** */div.btnCont {    float: right;    padding: 25px 0 15px 0;}a.btn,a.btn:visited,a.btn:active,a.btn2,a.btn2:visited,a.btn2:active,a.btnSmall,a.btnSmall:visited,a.btnSmall:active,button.btn,button.btn:visited,button.btn:active {    display: block;    float: left;    padding: 0 15px 0 15px;    margin: 1px 0 0 12px;    background: var(--buttonBackOff);    border-radius: 22px;    border: 1px solid var(--buttonBackOff);    font-family: "Open Sans", sans-serif;    font-size: 16px;    font-weight: 500;    font-style: normal;    color: var(--buttonTextOff);    text-align: center;    text-decoration: none;    line-height: 40px;}    a.btn:hover,    a.btnSmall:hover,    button.btn:hover {        background: var(--buttonBackOn);        border: 1px solid var(--buttonBackOn);        color: var(--buttonTextOn);        cursor: pointer;    }    a.btn2,    a.btn2:visited,    a.btn2:active {        background: #ffffff;        border: 1px solid #25303b;        color: #25303b;    }        a.btn2:hover {            background: #ffffff;            border: 1px solid var(--buttonBackOn);            color: var(--buttonBackOn);        }    a.btnSmall,    a.btnSmall:visited,    a.btnSmall:active {        margin: 0;        background: #ffffff;        border-radius: 16px;        border: 1px solid #25303b;        font-size: 14px;        color: #25303b;        line-height: 32px;    }        a.btnSmall:hover {            margin: 0;            background: #25303b;            border-radius: 16px;            border: 1px solid #25303b;            font-size: 14px;            color: #ffffff;            line-height: 32px;        }a.btnSave,a.btnSave:visited,a.btnSave:active,a.btnSave:hover {    display: block;    float: left;    padding: 0 15px 0 15px;    margin: 1px 0 0 12px;    background: #99ca3c;    border-radius: 22px;    border: 1px solid #99ca3c;    font-family: "Open Sans", sans-serif;    font-size: 16px;    font-weight: 500;    font-style: normal;    color: #ffffff;    text-align: center;    text-decoration: none;    line-height: 40px;}@media all and (min-width: 430px) {    a.btn,    a.btnSave {        min-width: 75px;    }    button.btn {        min-width: 100px;    }}th.btn,td.btn {    min-width: 26px !important;    text-align: center;    font-weight: normal;    padding-right: 5px !important;    padding-left: 5px !important;}td.btn {    cursor: pointer;}a.btn:first-of-type,a.btnSave:first-of-type {    margin-left: 0;}/* ********** *//* ********** Pop-Up Window *//* ********** */div.winDiv {    display: none;    position: fixed;    top: 0;    left: 50%;}div.winMain {    position: relative;    padding: 40px;    background: #ffffff;    border-radius: 8px;}div.winImg {    position: absolute;    top: -50px;    /* left defined in code */}    div.winImg img {        width: 100px;        height: 100px;    }div.bar {}div.barMove {    cursor: move;}div.barIn {}div.barTxt {    user-select: none;    white-space: nowrap;    overflow: hidden;    height: 80px;    font-family: "Open Sans", sans-serif;    font-size: 24px;    font-weight: 700;    font-style: normal;    color: var(--textWhite);    line-height: 80px;    text-align: center;}div.barTxtSave {    user-select: none;    white-space: nowrap;    overflow: hidden;    font-family: "Open Sans", sans-serif;    font-size: 24px;    font-weight: 700;    font-style: normal;    color: #ffffff;    line-height: 80px;    text-align: center;}div.barIco {}div.winBody {}div.winBtn {    float: right;    padding-top: 25px;}td.winIcon,td.winIcon2 {    vertical-align: bottom;}/* ********** */div.winBdr {    height: 61px;}table.winBdr {    position: fixed;    left: 0;    bottom: 0;    width: 100%;    background: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));    /*Safari 5.1-6*/    background: -o-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));    /*Opera 11.1-12*/    background: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));    /*Fx 3.6-15*/    background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));    /*Standard*/}    table.winBdr td {        padding-top: 9px;    }/* ********** *//* ********** Conversion to new UI *//* ********** */@media all and (min-width: 1280px) {    div.areaBlock {        float: left;        width: 44%;        max-height: 600px;        background: #ffffff;        padding: 25px;        margin: 0 0 25px 0;        border-radius: 8px;    }    div.areaBlock2 {        background: #ffffff;        padding: 25px;        margin: 0 0 20px 0;        border-radius: 8px;    }    div.areaBlock:nth-child(even) {        float: right;    }    div.areaRow {        display: table-row;    }    div.areaRowBlock {        display: block;    }    div.areaRowSpace {        display: table-row;        height: 25px;    }    div.areaRowSpaceHide {        display: none;    }    div.areaCell {        display: table-cell;        width: 1000px;        /* collapses at screen 1280, fills space after that, table cell so does not go beyond table width of 100% */        background: #ffffff;        padding: 25px;        border-radius: 8px;        vertical-align: top;    }    div.areaCellBlock {        background: #ffffff;        padding: 25px;        margin: 0 0 20px 0;        border-radius: 8px;    }    div.areaCellSpace {        display: table-cell;        width: 25px;    }    div.areaCellSpaceHide {        display: none;    }}@media all and (max-width: 1279px) {    div.areaBlock,    div.areaBlock2,    div.areaCell,    div.areaCellBlock {        background: #ffffff;        padding: 25px;        margin: 0 0 25px 0;        border-radius: 8px;    }    div.areaRow,    div.areaRowBlock {        dislay: block;    }    div.areaRowSpace,    div.areaRowSpaceHide {        display: none;    }    div.areaCellSpace,    div.areaCellSpaceHide {        display: none;    }}div.area {    background: #ffffff;    padding: 25px;    margin: 0 0 20px 0;    border-radius: 8px;}div.areaFlex {    display: flex;    flex-wrap: wrap;}    div.areaFlex div.area {        margin-right: 10px;    }div.flexFill {    flex-basis: 100%;}/* ********** *//* ********** Out *//* ********** */body.out {}body.outPreview {    zoom: 0.75;    -moz-transform: scale(0.75);    -moz-transform-origin: 0 0;    -o-transform: scale(0.75);    -o-transform-origin: 0 0;    -webkit-transform: scale(0.75);    -webkit-transform-origin: 0 0;}div.outLeft {    position: absolute;    overflow: hidden;    top: 0;    bottom: 0;    left: 0;    background: #24303b;    min-height: 645px;    width: 100%;    max-width: 512px;}div.outRight {    position: absolute;    top: 0;    bottom: 0;    left: 512px;    right: 0;    background-color: #24303b;    background-size: cover;    background-repeat: no-repeat;    background-position: center left;    min-height: 645px;}div.loginPopUp {    position: absolute;    background-color: #FFD704;    color: #24303B;    font-family: "Open Sans", sans-serif;    font-size: 16px;    font-weight: 400;    line-height: 24px;    letter-spacing: 0em;    padding: 24px 24px 0px 80px;    z-index: 2;    bottom: 0;    left: 0;    right: 0;    margin-bottom: 54px;}    div.loginPopUp h1 {        font-size: 20px;        font-weight: 700;        display: flex;        align-items: center;    }    div.loginPopUp #warningImage {        margin-right: 10px;    }    div.loginPopUp #upImage, #downImage {        display: none;    }    div.loginPopUp p a {        color: inherit;        font-weight: 700;    }@media all and (max-width: 900px) {    div .outRight {        display: none;    }    .loginWrapper {        display: flex;        align-items: center;    }    div.loginPopUp {        position: fixed;        left: 0%;        bottom: auto;        top: 0;        width: 100%;        text-align: left;        padding: 0;        height: 48px;        overflow: hidden;    }        div.loginPopUp h1, p {            padding: 0px 24px 0px 24px;        }    div.show-notification-text {        height: auto;    }    div.loginPopUp #upImage, #downImage {        position: absolute;        top: 24px;        right: 24px;        cursor: pointer;    }    div.loginPopUp #downImage {        display: block;    }    div.loginPopUp #warningImage {        display: none;    }}div.outRight1 {    background-image: url(/images/out/1.jpg);}div.outRight2 {    background-image: url(/images/out/2.jpg);}div.outRight3 {    background-image: url(/images/out/3.jpg);}div.outRight4 {    background-image: url(/images/out/4.jpg);}div.outRight5 {    background-image: url(/images/out/5.jpg);}div.outRight6 {    background-image: url(/images/out/6.jpg);}div.outRight7 {    background-image: url(/images/out/7.jpg);}div.outRight8 {    background-image: url(/images/out/8.jpg);}div.outRight9 {    background-image: url(/images/out/9.jpg);}div.outRight10 {    background-image: url(/images/out/10.jpg);}div.outRight11 {    background-image: url(/images/out/11.jpg);}div.outRight12 {    background-image: url(/images/out/12.jpg);}div.outTop {    position: absolute;    top: 35px;    width: 100%;    max-width: 512px;    text-align: center;}    div.outTop #loginLogo {        margin-top: 20px;    }div.outLang {    position: absolute;    bottom: 0;    left: 0;    right: 0;    background: #24303b;}div.outLangHor,div.outLangHorSelectContainer {    display: flex;    height: 54px;    align-items: center;    justify-content: center;    border-top: 1px solid rgba(255, 255, 255, 0.50);}div.outLangVer {    display: flex;    flex-direction: column;}@media all and (min-width: 781px) {    div.outLangVer {        display: none;    }}@media all and (max-width: 780px) {    div.outLangHor {        display: none;    }}div.outLangHorItem,div.outLangHorSelectItem {    white-space: nowrap;    padding: 0 20px 0 20px;    text-align: center;}div.outLangHorSep {    width: 1px;    height: 20px;    background: #ffffff;}div.outLangVerItem {    text-align: center;    white-space: nowrap;    padding: 0 20px 0 20px;    line-height: 40px;}    div.outLangVerItem:hover {        background: #E8EAFD;        cursor: pointer;    }a.outLangHor,a.outLangHor:visited,a.outLangHor:active,a.outLangHor:hover,a.outLangHorSelect,a.outLangHorSelect:visited,a.outLangHorSelect:active,a.outLangHorSelect:hover {    font-family: "Open Sans", sans-serif;    font-size: 14px;    font-weight: 400;    line-height: 20px;    letter-spacing: 0em;    text-decoration: none;    color: #ffffff;}    a.outLangHor:hover {        text-decoration: underline    }a.outLangVer,a.outLangVer:visited,a.outLangVer:active {    font-family: "Open Sans", sans-serif;    font-size: 16px;    font-weight: 400;    line-height: 24px;    letter-spacing: 0em;    text-decoration: none;    color: #505962;}div.outLangHorSelectContainer {    background: #24303b;    border-top: 1px solid rgba(255, 255, 255, 0.50);}div#outLangVerShowHide {    display: none;    background: #ffffff;    border-top-right-radius: 8px;    border-top-left-radius: 8px;    padding-top: 8px;}div.outContainer {    position: absolute;    top: 0;    bottom: 0;    width: 100%;    max-width: 512px;}div.outArea {    position: relative;    top: 50%;    transform: translateY(-50%);    width: 320px;    min-height: 476px;    margin: auto;}div.outWelcome {    width: 320px;    height: 50px;    padding-bottom: 12px;    font-family: "Open Sans", sans-serif;    font-size: 32px;    font-weight: 600;    font-style: normal;    text-align: center;    color: #ffffff;}@media all and (max-height: 760px) {    div.outWelcome {        display: none;    }}div.outTxt {    color: #ffffff;    padding: 32px 0 10px 0;}div.outFld input.pf {    width: 298px;}input.out,a.outSignIn {    width: 320px;    background: #c8102e;    border: 0;    border-radius: 22px;    padding: 12px 0 12px 0;    margin: 45px 0 35px 0;    cursor: pointer;    -webkit-appearance: none;    font-family: "Open Sans", sans-serif;    font-size: 16px;    line-height: 1.2;    font-weight: 600;    font-style: normal;    color: #ffffff;    text-align: center;    text-decoration: none;}a.outSignIn {    display: inline-block;    width: auto;    padding: 12px;    margin-top: 0;}div.outApp {    position: absolute;    bottom: 130px;    width: 100%;    max-width: 512px;    text-align: center;}@media all and (max-height: 760px) {    div.outApp {        display: none;    }}div.outBot {    position: absolute;    bottom: 85px;    width: 100%;    max-width: 512px;}div.outLink {    font-family: "Open Sans", sans-serif;    font-weight: 500;    font-style: normal;    font-size: 16px;    letter-spacing: 0px;    line-height: 1.2;    color: #ffffff;    text-align: center;}div.outVersion {    position: absolute;    bottom: 20px;    left: 20px;    font-family: "Open-Sans", sans-serif;    font-size: 13px;    color: #ffffff;}div#outPasswordFields,div#outUsernameFields {    display: none;}a.forgot,a.forgot:visited,a.forgot:active,a.forgot:hover {    color: #6bc4ff;    text-decoration: underline;}/* ********** *//* ********** Out - Old to be removed after custom login screens changed *//* ********** */@media all and (min-width: 811px) {    div.outBox {        position: absolute;        top: 79px;        left: 50%;        margin-left: -350px;        width: 700px;        min-height: 400px;        background: #cccccc;        border-radius: 10px;    }    div.outBoxIn {        padding: 100px 59px 0 30px;    }    div.outShadow {        position: absolute;        top: 489px;        left: 50%;        margin-left: -350px;        width: 700px;        font-family: "Open-Sans", sans-serif;        font-size: 13px;        color: #424244;    }}@media all and (max-width: 810px) {    div.outBox {        position: absolute;        top: 10px;        left: 50%;        margin-left: -150px;        width: 300px;        min-height: 448px;        background: #cccccc;        border-radius: 10px;    }    div.outBoxIn {        padding: 130px 15px 0 15px;    }    div.outShadow {        position: absolute;        top: 468px;        left: 50%;        margin-left: -150px;        width: 300px;        font-family: "Open-Sans", sans-serif;        font-size: 13px;        color: #424244;    }}div.outTitle {    font-family: "Open-Sans", sans-serif;    font-size: 22px;    color: #ffffff;}div.outTitle2 {    font-family: "Open-Sans", sans-serif;    font-size: 22px;    color: #000000;}div.outText {    font-family: "Open-Sans", sans-serif;    font-size: 13px;    color: #ffffff;    min-height: 20px;}div.outText2 {    font-family: "Open-Sans", sans-serif;    font-size: 13px;    color: #000000;    min-height: 20px;}div.outField {    height: 40px;}    div.outField input,    div.outField select {        border: 1px solid #f2f2f2;        -moz-border-radius: 5px;        border-radius: 5px;        background: #ffffff;        height: 18px;    }    div.outField input {        width: 263px;        height: 25px;        border: 0;        background: #ffffff;        padding-left: 5px;    }    div.outField select {        width: auto;        height: 25px;        border: 0;        background: #ffffff;    }    div.outField label {        color: #ffffff;    }div.outBtn {    padding: 10px 0 10px 0;}input.outLogin {    width: 124px;    height: 30px;    outline: 0;    background: none;    -moz-border-radius: 0;    border-radius: 0;    border: 0;}a.out,a.out:visited,a.out:active,a.out:hover {    font-family: "Open-Sans", sans-serif;    font-size: 13px;    color: #ffffff;}a.out2,a.out2:visited,a.out2:active,a.out2:hover {    font-family: "Open-Sans", sans-serif;    font-size: 13px;    color: #000000;}div.outLogo {    display: block;    position: absolute;    top: 0;    right: 30px;    background: #ffffff;    padding: 10px;    -moz-border-bottom-left-radius: 15px;    -moz-border-bottom-right-radius: 15px;    border-bottom-left-radius: 15px;    border-bottom-right-radius: 15px;}/* ********** *//* ********** Listview *//* ********** */div#lvContainer,div.bckWhite {    background: #ffffff;}body.recruit div#lvContainer {    padding-top: 10px;}table.lvTable,table.oct {    width: 100%;}    table.lvTable th,    table.oct th.curve,    table.oct th.curveLeft,    table.oct th.curveRight,    table.ui-table-columntoggle th {        background: #ffffff;        padding: 0 0 20px 10px;        font-family: "Open Sans", sans-serif;        font-size: 14px;        font-weight: 700;        font-style: normal;        color: var(--textWhite);        text-align: left;        white-space: nowrap;        user-select: none;    }        table.lvTable th.lvTHasc {            background: url(/images/lv_down.png?v2) no-repeat top right;        }        table.lvTable th.lvTHdsc {            background: url(/images/lv_up.png?v2) no-repeat top right;        }body.recruit table.lvTable {    padding-top: 20px;}table.lvTable td,table.ui-table-columntoggle td {    padding: 15px 10px 15px 10px;    font-family: "Open Sans", sans-serif;    font-size: 16px;    font-weight: 400;    font-style: normal;}    table.lvTable td table td {        padding: 0;    }/* ********** */table.ui-table-columntoggle tr {    height: auto;    line-height: auto;}/* ********** */tr.lvTRodd,tr.lvTR {    background: var(--rowOddBack);    border-bottom: 1px solid #e3e3e3;}tr.lvTReven {    background: var(--rowEvenBack);    border-bottom: 1px solid #e3e3e3;}tr.lvTRon {    border-bottom: 1px solid #e3e3e3;}    tr.lvTRon,    tr.lvTRon td.lvTDodd,    tr.lvTRon td.lvTDeven {        color: var(--rowOnText);        background: var(--rowOnBack);        cursor: pointer;    }/* ********** */tr.lvTRodd td,tr.lvTRodd td div,tr.lvTR td {    color: var(--rowOddText);    background: var(--rowOddBack);}tr.lvTReven td,tr.lvTReven td div {    color: var(--rowEvenText);    background: var(--rowEvenBack);}tr.lvTRon td,tr.lvTRon td div {    color: var(--rowOnText) !important;    background: var(--rowOnBack);}/* ********** */td.lvTDodd,td.rowOdd,td.lvTD,div.rowOdd {    padding: 10px;    color: var(--rowOddText);    background: var(--rowOddBack);}td.lvTDeven,td.rowEven,div.rowEven {    padding: 10px;    color: var(--rowEvenText);    background: var(--rowEvenBack);}td.lvTDon,td.rowOn,div.rowOn {    padding: 10px;    color: var(--rowOnText) !important;    background: var(--rowOnBack);    cursor: pointer;}/* ********** */div.rowOdd div {    color: var(--rowOddText);}div.rowEven div {    color: var(--rowEvenText);}div.rowOn div {    color: var(--rowOnText);}/* ********** */tr.lvTRsub,tr.lvTRtotal {    background: var(--rowOnBack);}    tr.lvTRsub td,    tr.lvTRsub div,    tr.lvTRtotal td,    tr.lvTRtotal div {        color: var(--rowOnText);    }span.taskListSmallText {    font-size: 8px;}/* ********** */@media all and (min-width: 416px) {    table.responsive span.responsive {        display: none;    }}@media all and (max-width: 415px) {    table.responsive thead {        display: none;    }    table.responsive tr.lvTRodd:not(.responsiveNeverShow),    table.responsive tr.rowOdd {        display: block;        background: var(--rowOddBack);        margin-bottom: 10px;    }    table.responsive tr.lvTReven:not(.responsiveNeverShow),    table.responsive tr.rowEven {        display: block;        background: [RowOddEven];        margin-bottom: 10px;    }    table.responsive td.lvTDodd:not(.responsiveNeverShow),    table.responsive td.lvTDeven:not(.responsiveNeverShow) {        display: block;        border-right: 0;    }    table.responsive td.lvTDodd,    table.responsive td.lvTDeven {        width: auto;        font-weight: bold;        text-align: left !important;    }    table.responsive span.responsive {        display: block;        padding-bottom: 2px;        margin-bottom: 5px;        font-weight: normal;        text-align: left !important;    }}/* ********** */table.oct td {    padding: 5px 0 5px 10px;    border-top: 1px solid #d9d9d9;    font-family: "Open Sans", sans-serif;    font-size: 16px;    font-weight: 400;    font-style: normal;    color: var(--textWhite);}/* ********** */tr.lvTRodd td div {    color: var(--rowOddText);}tr.lvTReven td div {    color: var(--rowEvenText);}tr.lvTRon td div {    color: var(--rowOnText);}/* ********** VMS legacy */.main_table_odd {    color: var(--rowOddText);    background: var(--rowOddBack);}.main_table_even {    color: var(--rowEvenText);    background: var(--rowEvenBack);}.main_table_on {    color: var(--rowOnText);    background: var(--rowOnBack);}/* ********** */td.lvAction {    width: 26px !important;    padding-right: 5px !important;    padding-left: 5px !important;}div.lvAction {    width: 14px;    height: 7px;    margin: auto;}    div.lvAction div {        width: 0;        height: 0;        border-style: solid;        border-width: 7px 7px 0 7px;        border-color: var(--schemeBack) transparent transparent transparent;        margin-top: 5px;    }div#lvActionContainer {    display: none;    position: absolute;    box-sizing: border-box;    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);    background-color: #ffffff;    border-radius: 4px;    border: 1px solid #d3d6d8;}/* ********** *//* ********** Load *//* ********** */div.load {    position: fixed;    background: url(../../images/load.gif) no-repeat center center #ffffff;    border-radius: 25px;    margin: 5px;    padding: 25px;}div#load1 {    display: none;    position: fixed;    top: 0;    right: 0%;    bottom: 0%;    left: 0;    background: url(/images/load_alpha_70.png);    z-index: 2;}div#load2 {    display: none;    position: fixed;    top: 0;    right: 0%;    bottom: 0%;    left: 0;    z-index: 2;}div.load3 {    position: fixed;    top: 0;    right: 0%;    bottom: 0%;    left: 0;    background: url(/images/load.png) no-repeat center center;}div.load4 {    position: fixed;    top: 0;    right: 0%;    bottom: 0%;    left: 0;    background: url(/images/load.gif) no-repeat center center;    z-index: 2;}div#loadWin {    display: block;    position: fixed;    top: 0;    right: 0%;    bottom: 0%;    left: 0;    background: url(/images/load_alpha_30.png);    z-index: 2;}/* ********** *//* ********** Utils *//* ********** */a {    outline: 0;}form {    padding: 0;    margin: 0;}div.fl {    float: left;}div.fr {    float: right;}div.cb {    clear: both;}img,iframe {    border: 0;}.ar {    text-align: right !important;}.tar {    margin: 0 0 0 auto;}.ac {    text-align: center;}.tac {    margin: 0 auto 0 auto;}.w100,table.pf {    width: 100%;}table {    border: 0;    border-collapse: collapse;}    table tr td {        padding: 0;    }.w5 {    width: 5px;}.w10 {    width: 10px;}.w20 {    width: 20px;}.w50 {    width: 50%;}.h5 {    height: 5px;}.h10 {    height: 10px;}.h20 {    height: 20px;}.vat {    vertical-align: top;}td.btn {    width: 20px;    text-align: center;}.hand {    cursor: pointer;}.hide {    display: none;}/* ********** *//* ********** Text *//* ********** */.txtTitle,.homeTitle,div.dbDiv,.txtSubTitle,.txtTitleSub,div.homeCommTitle,div.homeCommDate,div.customFullScreen,div.customRequired,div.customMainScreen,div.cookieSideBar span {    line-height: 35px;    font-family: "Open Sans", sans-serif;    font-size: 18px;    font-weight: 700;    font-style: normal;    color: var(--textWhite);}.txtSubTitle {    font-size: 16px;    color: var(--textWhite);}text tspan {    font-family: "Open Sans", sans-serif;    /* Overwrites Flexo font declaration in .cs files */    font-weight: normal;}.txtBold {    font-weight: bold;}.forcedTxtBold {    font-weight: bold !important;}.txtGlobal {    color: #ffffff;    text-align: center;    padding: 10px 0 10px 0;    background: #db0000;}    .txtGlobal:not(:first-child) {        padding: 10px 0 10px 0;        background: #bf0030;        border-top: 1px solid var(--back);    }.txtRed {    color: #bf0030;}.txtBlobGreen,.txtBlobRed {    box-sizing: border-box;    width: min-content;    height: 29px;    display: flex;    flex-direction: row;    justify-content: center;    align-items: center;    padding: 4px 12px 4px 12px;    overflow: visible;    align-content: center;    flex-wrap: nowrap;    gap: 4;    border-radius: 20px;    background-color: #faf0ef !important;    color: #db0000 !important;}.txtBlobGreen {    background-color: #f2fae6 !important;    color: #538103 !important;}.txtStd {    color: var(--text) !important;}/* ********** *//* Expand/Collpapse *//* ********** */div.ecBar {    background: #ffffff;    margin-bottom: 5px;    cursor: pointer;    border-bottom: 1px solid var(--boxShadow);}div.ecBarOn {    background: var(--rowOnBack);    margin-bottom: 5px;    cursor: pointer;    border-bottom: 1px solid var(--boxShadow);}div.ecBarSave {    background: #99ca3c;    margin-bottom: 5px;    cursor: pointer;    border-bottom: 1px solid var(--boxShadow);}div.ecAll {    background: #ffffff;    padding: 10px;    margin-bottom: 10px;}@media all and (max-width: 415px) {    div.ecBarToHide {        display: none;    }}table.ecBar {    width: 100%;}    table.ecBar td.r {        width: 19px;    }    table.ecBar td.l,    table.ecBarOn td.l,    table.ecBarSave td.l {        display: none;    }div.ecBar table.ecBar td.c,div.ecBar span {    height: 55px;    padding: 0 0 0 20px;    font-family: "Open Sans", sans-serif;    font-size: 16px;    font-weight: 700;    font-style: normal;    color: var(--textWhite);}div.ecBarOn table.ecBar td.c,div.ecBarOn span {    height: 55px;    padding: 0 0 0 20px;    font-family: "Open Sans", sans-serif;    font-size: 16px;    font-weight: 700;    font-style: normal;    color: var(--rowOnText);}table.ecBarSave td.c {    height: 55px;    padding: 0 0 0 20px;    font-family: "Open Sans", sans-serif;    font-size: 16px;    color: #ffffff;}div.ecBar span,div.ecBarOn span {    line-height: 55px;}    div.ecBar span.noPad,    div.ecBarOn span.noPad {        padding: 0;    }span.ecBarNewLine {}@media all and (max-width: 415px) {    div.ecBar table.ecBar td.c,    div.ecBarOn table.ecBar td.c,    table.ecBarSave td.c {        height: auto;        padding: 5px 5px 5px 20px;    }    span.ecBarNewLine {        display: block;        height: 5px;    }}/* ********** *//* Payroll Tab *//* ********** */div.payrollProcess {    float: right;    padding: 0 20px 0 20px;    color: var(--textAlert);}div.payrollLogo {    float: right;    background: #ffffff;    border-radius: 5px;    padding: 5px;}/* ********** *//* Directory Search *//* ********** */div.directoryResultsContainer {    position: relative;    background: #ffffff;}div#dirRuler {    position: absolute;    top: 0;    right: 0;    width: 30px;    background: #ffffff;    padding-top: 10px;}a.directoryAlpha,a.directoryAlpha:visited,a.directoryAlpha:active,a.directoryAlpha:hover {    display: block;    width: 30px;    cursor: pointer;    background: #ffffff;    padding-bottom: 10px;    font-family: "Open Sans", sans-serif;    font-size: 13px;    font-weight: 600;    font-style: normal;    color: #0b61bd;    text-align: center;}div.dirPad {    width: 100%;    background: #f7f8fa;    padding: 10px 12px 10px 12px;    border-bottom: 1px solid #d3d6d8;}div.dirViewGroup {    float: right;    padding-right: 30px;}input.dir {    width: 299px !important;    background: url(/images/dir_search.png) no-repeat center right;}select.dir {    width: 321px !important;}a.dir,a.dir:visited,a.dir:active,a.dir:hover {    color: #0b61bd;}div.dirl {    padding-bottom: 5px;}div.dirf {    padding-bottom: 16px;}div.dirMore {    padding: 10px;}/* ********** *//* Directory Search Results *//* ********** */div.dirEmpSep {    line-height: 38px;    background: #f7f8fa;    padding-left: 10px;    cursor: pointer;    font-family: "Open Sans", sans-serif;    font-size: 28px;    color: #000000;    font-weight: 600;    font-style: normal;}div.dirEmpFirst,div.dirEmp {    position: relative;    padding: 15px 0 15px 0;    border-bottom: 1px solid #d3d6d8;}div.dirEmpOn {    position: relative;    padding: 15px 0 15px 0;    border-bottom: 1px solid #d3d6d8;    background: #eaf7ff;    cursor: pointer;}div.dirEmpL {    float: left;    width: 40px;    height: 60px;    padding-left: 10px;}    div.dirEmpL img {        border-radius: 23px;    }div.dirEmpR {    float: left;}div.dirEmp1,div.dirEmp5 {    overflow: hidden;    white-space: nowrap;    font-family: "Open Sans", sans-serif;    font-size: 16px;    font-weight: 600;    font-style: normal;    color: #000000;}div.dirEmp2 {    overflow: hidden;    white-space: nowrap;    padding-top: 5px;    font-family: "Open Sans", sans-serif;    font-size: 14px;    font-weight: 400;    font-style: normal;    color: #000000;}div.dirEmp3 {    display: none;    position: absolute;    top: 5px;    right: 40px;}div.dirEmpOn:hover div.dirEmp3 {    display: block;}div.dirEmp4 {    position: absolute;    bottom: 15px;    left: 15px;}div.dirEmp5 {    padding-top: 15px;}/* ********** *//* Directory Tree *//* ********** */div.dirTree {    margin: 15px 5px 0 5px;    cursor: pointer;}    div.dirTree td {        white-space: nowrap;    }    div.dirTree:hover td {        white-space: nowrap;        color: #0b61bd;    }/* ********** *//* Directory Detail *//* ********** */div.dirDetDiv {    height: 1px;    background: #d9d9d9;    margin: 10px 0 25px 0;}div.dirDetCont {    display: table-row;}div.dirDetPhoto {    display: table-cell;    vertical-align: top;    width: 60px;    padding: 0 30px 0 5px;}div.dirDetDet {    display: table-cell;    vertical-align: top;}div.dirDetPhoto img {    max-width: 60px;    border-radius: 60px;}div.dirDetTitle {    padding-bottom: 50px;    font-family: "Open Sans", sans-serif;}div.dirDetTitleName {    font-size: 40px;    font-style: normal;    font-weight: 600;}div.dirDetTitlePronouns {    color: #5e636e;    font-size: 20px;}@media all and (max-width: 1000px) {    div.dirDetCont {        display: block;    }    div.dirDetPhoto {        display: block;        padding: 0;        width: auto;    }    div.dirDetDet {        display: block;    }    div.dirDetTitle {        text-align: center;    }}div.dirDetPhone,div.dirDetEmail {    overflow-wrap: break-word;    word-wrap: break-word;    padding-left: 45px;    min-height: 24px;    font-family: "Open Sans", sans-serif;    font-size: 24px;    font-weight: 600;    font-style: normal;    color: #000000;}div.dirDetPhone {    background: url(/images/dir_phone.png) no-repeat center left;}div.dirDetEmail {    background: url(/images/dir_email.png) no-repeat center left;}@media all and (max-width: 1300px) {    div.dirDetTitleName {        font-size: 24px;    }    div.dirDetTitlePronouns {        font-size: 14px;    }    div.dirDetPhone,    div.dirDetEmail {        font-size: 13px;    }    div.dirDetLinked {        margin-top: 7px;    }}div.dirDetEmailSpace {    height: 25px;}div.dirDetEmailSpace2 {    height: 40px;}div.dirDetL {    font-family: "Open Sans", sans-serif;    font-size: 12px;    font-weight: 700;    font-style: normal;    color: var(--textWhite);}div.dirDetR {    padding: 10px 0 30px 0;}div.dirDetBio {    white-space: normal;    line-height: 25px;}div.dirDetHeader {    display: flex;}div.dirDetLinked {    margin-top: 20px;    margin-left: 10px;    background-color: #E7F5E5;    width: fit-content;    height: fit-content;    padding: 5px 8px 5px 8px;    color: #0C6A00;    font-size: 14px;    line-height: 14px;    letter-spacing: 0em;    text-align: center;    display: flex;    gap: 2px;    border-radius: 4px;}.dirSpeech {    padding-bottom: 50px;    display: none;}.personalLinked {    text-align: center;}div.dirDetLinked > p {    margin: 0;}a.oct,a.oct:visited,a.oct:active,a.oct:hover,a.dirDet,a.dirDet:visited,a.dirDet:active,a.dirDet:hover {    color: var(--schemeBack);    text-decoration: none;}a.new,a.new:visited,a.new:active,a.new:hover {    color: #0b61bd;    text-decoration: underline;}    a.new.nu {        text-decoration: none;    }@media all and (min-width: 1001px) and (max-width: 1400px) {    .dirRem2 {        display: none;    }}@media all and (max-width: 1200px) {    .dirRem1 {        display: none;    }    .dirRem2 {        display: none;    }}/* ********** *//* Directory Recent *//* ********** */div#RecentEmployeeList {    display: none;    position: absolute;    top: 60px;    left: 70px;    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);    background-color: #ffffff;    border-radius: 4px;    border: 1px solid #d3d6d8;}/* ********** *//* Employee Selector *//* ********** */div.empSelHead {    line-height: 25px;    color: var(--schemeBack);}/* ********** *//* Absence Tab *//* ********** */@media all and (min-width: 1381px) {    div.abTotalL {        float: left;        width: 26%;        background: #ffffff;        padding: 25px;        margin: 0 0 20px 0;        border-radius: 8px;    }    div.abTotalC {        float: none;        width: 26%;        margin: auto;        overflow: hidden;        background: #ffffff;        padding: 25px;        margin: 0 auto 20px auto;        border-radius: 8px;    }    div.abTotalR {        float: right;        width: 26%;        background: #ffffff;        padding: 25px;        margin: 0 0 20px 0;        border-radius: 8px;    }    tr.abTtlRowHide {        display: table-row;    }}@media all and (max-width: 1380px) {    div.abTotalL,    div.abTotalC,    div.abTotalR {        background: #ffffff;        padding: 25px;        margin: 0 0 20px 0;        border-radius: 8px;    }    div.abTotal {        display: flex;        flex-direction: column;    }        div.abTotal div.abTotalL {            order: 1;        }        div.abTotal div.abTotalC {            order: 2;        }        div.abTotal div.abTotalR {            order: 3;        }    tr.abTtlRowHide {        display: none;    }}.abTtlL {    padding: 10px;    white-space: nowrap;}    .abTtlL span {        color: #bf0030;    }.abTtlR {    text-align: right;    padding: 10px !important;}.abTtlH,.abTtlS,.abTtlU,.abTtlX {    height: 3px;}.abTtlH {    background: var(--abHolidayBack);}.abTtlS {    background: var(--abSicknessBack);}.abTtlU {    background: var(--abUnauthBack);}.abTtlX {    background: #98ca3c;}div.abSumCont {    padding: 20px 20px 30px 20px;    margin: 20px 0 20px 0;    border: 1px solid var(--boxShadow);    border-radius: 8px;}div.abSumIn {    margin: auto;    width: 330px;    min-width: 330px;    display: flex;}div.abSumTotal {    font-size: 17px;    font-weight: 700;    color: var(--textWhite);}div#abHolTotal {    float: left;    font-family: "Open Sans", sans-serif;    font-style: normal;    font-weight: 700;    font-size: 48px;    color: var(--textWhite);}#abSumGaugeTaken {    float: left;    background: var(--abHolidayBack);    height: 50px;    opacity: 0.7;    filter: alpha(opacity=70);}#abSumGaugeRemain {    float: left;    background: var(--abHolidayBack);    height: 50px;}@media all and (min-width: 201px) {    #abSumTxtTaken {        float: left;        white-space: nowrap;    }    #abSumTxtRemain {        float: right;        white-space: nowrap;    }}@media all and (max-width: 200px) {    #abSumTxtTaken {        padding-bottom: 10px;        white-space: nowrap;        text-align: center;    }    #abSumTxtRemain {        white-space: nowrap;        text-align: center;    }}div.abSumPie {    border: 1px solid var(--boxShadow);    border-radius: 8px;}    div.abSumPie div {        padding: 8px;    }td.abSumViewBtn a.btn2 {    margin-left: 0;}@media all and (max-width: 400px) {    td.abSumViewBtn a.btn2 {        display: none;    }}/* ********** *//* Absence Cal *//* ********** */div.abCalBtmStrip {    position: fixed;    bottom: 0;    left: 0;    width: 100%;    height: 55px;    background: #ffffff;    opacity: 0.5;    filter: alpha(opacity=50);}div.abCalBtnLeft {    position: fixed;    bottom: 10px;    left: 10px;}div.abCalBtnRight {    position: fixed;    bottom: 10px;    right: 10px;}div#abCalLegendOn {    display: block;    position: fixed;    bottom: 0;    left: 50%;    width: 376px;    margin-left: -188px;    background: var(--back);    padding: 10px;    z-index: 1;}div#abCalLegendOff {    display: none;    position: fixed;    bottom: 0;    left: 50%;    width: 376px;    margin-left: -188px;    background: var(--back);    padding: 10px;    z-index: 1;}div.abCalLegend,div.abCalLegendOff {    float: left;    width: 110px;    background: #ffffff;    padding: 5px 0 5px 10px;    margin: 0 5px 5px 0;    cursor: pointer;    font-family: "Open Sans", sans-serif;    font-size: 12px;}div.abCalPad {    height: 43px;}div#abCalTotal {    display: none;    position: absolute;    top: 0;    left: 0;}div#abCalTip {    display: none;    position: absolute;    top: 0;    left: 0;    max-width: 350px;    max-height: 450px;    overflow-x: none;    overflow-y: auto;}div.abCalGrid {    border-top: 1px solid #eeeeee;    border-left: 1px solid #eeeeee;}td.abCalLabel {    padding: 5px;    border-right: 1px solid #eeeeee;    border-bottom: 1px solid #eeeeee;}td.abCalLabelTitle {    padding: 5px;    border-right: 1px solid #eeeeee;    border-bottom: 1px solid #eeeeee;    text-align: left;    color: var(--schemeText);    background: var(--schemeBack);}.abCalTodayTitle {    text-align: center;    color: var(--schemeText) !important;    background: var(--schemeBack);}div.abCalHover1 {    background: var(--back);    padding: 10px;    border-radius: 5px;}div.abCalHover2 {    background: #ffffff;    padding: 25px;    border-radius: 8px;}div.abL {    float: left;}div.abR {    float: right;}div.abCalUpDown,div.sortUpDown {    width: 19px;    height: 19px;    border-radius: 20px;    background: var(--schemeBack);    cursor: pointer;}    div.abCalUpDown img,    div.sortUpDown img {        padding: 2px;    }div.abCalBotAnnual {    width: 100%;    height: 20px;    padding-top: 4px;    text-align: center;    background: var(--schemeBack);    color: var(--schemeText);    cursor: pointer;}/* ********** *//* Absence Work Pattern *//* ********** */div.abWpDe {    float: left;    width: 31px;    height: 20px;    line-height: 20px;    margin: 0 1px 1px 0;    background: var(--schemeBack);    cursor: pointer;    -webkit-touch-callout: none;    -webkit-user-select: none;    -khtml-user-select: none;    -moz-user-select: none;    -ms-user-select: none;    user-select: none;    font-family: "Open Sans", sans-serif;    font-size: 10px;    color: var(--schemeText);    text-align: center;}div.abWpDeOff {    float: left;    width: 31px;    height: 20px;    line-height: 20px;    text-align: center;    margin: 0 1px 1px 0;    background: #cccccc;    cursor: default;    -webkit-touch-callout: none;    -webkit-user-select: none;    -khtml-user-select: none;    -moz-user-select: none;    -ms-user-select: none;    user-select: none;    font-family: "Open Sans", sans-serif;    font-size: 10px;    color: #666666;    text-align: center;}/* ********** */div.patternH {    float: left;    width: 92px;    margin: 0 1px 1px 0;    padding: 3px;    background: var(--abHolidayBack);}div.patternS {    float: left;    width: 92px;    margin: 0 1px 1px 0;    padding: 3px;    background: var(--abSicknessBack);}div.patternH div {    color: var(--abHolidayTxt);    text-align: center;}div.patternS div {    color: var(--abSicknessTxt);    text-align: center;}div.patternH input {    width: 60px;    border: 1px solid var(--abHolidayBack);    text-align: center;}div.patternS input {    width: 60px;    border: 1px solid var(--abSicknessBack);    text-align: center;}div#PatternHolidayContainer,div#PatternSicknessContainer {    background: var(--back);    padding: 10px;}/* ********** *//* Event Cal *//* ********** */td.ec {    border-right: 1px solid #eeeeee;    border-bottom: 1px solid #eeeeee;    color: #000000;}td.ecMonth {    padding: 5px;    border-right: 1px solid #eeeeee;    border-bottom: 1px solid #eeeeee;    font-family: "Open Sans", sans-serif;    font-size: 15px;    font-weight: normal;    text-align: left;    color: var(--textWhite);}td.ecSpace {    height: 15px;}div.ecDivTop {    width: 100%;    height: 18px;    text-align: center;    border-top: 1px solid #eeeeee;    border-bottom: 1px solid #eeeeee;    color: #000000;}div.ecDivBot {    width: 100%;    height: 20px;    padding-top: 4px;    text-align: center;    background: #ffffff;}a.tip,a:visited.tip,a:active.tip {    position: relative;    z-index: 1;    text-decoration: none;    color: #000000;}    a.tip:hover {        z-index: 2;        text-decoration: none;    }    a.tip span {        display: none;        text-decoration: none;    }    a.tip:hover span {        display: block;        position: absolute;        text-decoration: none;    }/* ********** *//* Mail Merge *//* ********** */div.mmLeft,div.mmRight {    float: left;    width: 44%;    line-height: 29px;    border-right: 1px solid var(--boxShadow);    border-bottom: 1px solid var(--boxShadow);    padding: 0 0 0 20px;    margin: 0 1px 1px 0;    font-family: "Open Sans", sans-serif;    font-size: 13px;    color: var(--textWhite);}div.mmLeftOn,div.mmRightOn {    float: left;    width: 44%;    line-height: 29px;    border-right: 1px solid var(--schemeBack);    border-bottom: 1px solid var(--schemeBack);    padding: 0 0 0 20px;    margin: 0 1px 1px 0;    font-family: "Open Sans", sans-serif;    font-size: 13px;    color: var(--schemeText);    cursor: pointer;    background: var(--schemeBack);}/* ********** *//* Set Rights //* ********** */div.secLegend {    float: left;    padding: 5px;    margin-right: 1px;    font-family: "Open Sans", sans-serif;    font-size: 13px;    -webkit-touch-callout: none;    -webkit-user-select: none;    -khtml-user-select: none;    -moz-user-select: none;    -ms-user-select: none;    user-select: none;}/* ********** */.secDefault {    color: #000000;    background: #8b94ef;}.secUpdateSelf {    color: #000000;    background: #bcddfc;}.secSelfSensitive {    color: #000000;    background: #a4ecf7;}.secTeam {    color: #000000;    background: #f4baba;}.secTeamSensitive {    color: #000000;    background: #f7b06c;}.secTeamDelete {    color: #000000;    background: #f7df81;}textarea.sec {    width: 405px;    font-family: courier;    font-size: 13px;    line-height: 20px;}textarea.secAdv {    width: 540px;    height: 40px;    margin: 10px 0 10px 0;    font-family: courier;    font-size: 13px;}/* ********** */div.secCont {    float: left;    min-width: 50%;    border-top: 1px solid #d9d9d9;}div.secLeft {    float: left;    line-height: 30px;    padding: 0 0 0 10px;}div.secRight {    float: right;    line-height: 30px;    padding: 0 10px 0 0;}/* ********** */div.secAdvSecCont {    background: #ffffff;}div.secAdvSecTitle {    padding: 10px;    color: var(--rowOnText);    background: var(--rowOnBack);    cursor: pointer;    margin-bottom: 1px;}div.secAdvOpCont {}div.secAdvOpTitle {    float: left;    min-width: 80px;    padding-top: 10px;    -webkit-touch-callout: none;    -webkit-user-select: none;    -khtml-user-select: none;    -moz-user-select: none;    -ms-user-select: none;    user-select: none;}div.secAdvCellCont {}div.secAdvCell {    float: left;    padding: 10px;}div.secAdvTabSpace {    height: 35px;}div.secAdvTab {    width: 16px;    white-space: nowrap;    -ms-transform: rotate(-45deg);    /* IE 9 */    -webkit-transform: rotate(-45deg);    /* Chrome, Safari, Opera */    transform: rotate(-45deg);    -webkit-touch-callout: none;    -webkit-user-select: none;    -khtml-user-select: none;    -moz-user-select: none;    -ms-user-select: none;    user-select: none;}/* ********** *//* Error *//* ********** */div.error {    font-family: "Open Sans", sans-serif;    color: #bf0030;    font-size: 19px;    text-align: center;}/* ********** *//* Report *//* ********** */div.reportPower {    color: var(--textWhite);}/* ********** *//* Home *//* ********** */textarea.homeCommHtml {    width: 98%;    height: 100px !important;    font-family: courier;    font-size: 13px;}div.homeBrandContainerTop {    height: 100px;    overflow: hidden;    margin-bottom: 20px;}div.homeBrandContainerBot {    height: 100px;    overflow: hidden;}div.homeBrand,div.homeBrandTop,div.homeBrandBot {    width: 100%;    height: 100px;}div.homeCommTitle {    white-space: nowrap;    overflow: hidden;    font-size: 16px;}div.homeCommDate {    padding: 10px 0 20px 0;    white-space: nowrap;    overflow: hidden;    font-size: 14px;    font-weight: 400;    color: #6a6b6c;}div.homeCommMessage {    overflow: auto;    height: 100px;    padding: 10px;    margin-bottom: 20px;    line-height: 25px;}div.homeCommPage {    float: left;    padding-top: 5px;}div.homeCommPrevNext {    float: left;    padding-left: 10px;}div.homeCommTable {    overflow: auto;    height: 210px;}td.homeCommSelect {    white-space: nowrap;}div#homeTaskContainer {    overflow: auto;    height: 250px;}div.homeWhoOffDate {    float: left;    padding: 7px 10px 0 10px;}div#communicationCount,div#homeTaskCount {    float: left;    min-width: 24px;    line-height: 24px;    margin: 5px 0 0 10px;    background: #db0000;    border-radius: 12px;    font-family: "Open Sans", sans-serif;    font-weight: 700;    font-size: 14px;    color: #ffffff;    text-align: center;}/* ********** *//* Home Profile *//* ********** */div.homeProPhoto {    margin: auto;    height: 128px;    width: 128px;}    div.homeProPhoto img {        border-radius: 62px;    }    div.homeProPhoto svg {        height: 20px;        width: 20px;        color: #3d3d3a;    }div.homePhotoEdit {    background-color: #ffffff;    border-radius: 16px;    box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.25);    font-size: 0;    position: relative;    height: 32px;    width: 32px;    left: 96px;    top: -35px;    display: flex;    align-items: center;    justify-content: space-around;}div.homeProL {    float: left;}div.homeProR {    float: right;}/* ********** *//* Dashboard *//* ********** */@media all and (min-width: 1280px) {    div.dbDiv {        float: left;        min-width: 422px;        height: 330px;        background: #ffffff;        margin: 0 15px 15px 0;        padding: 0 24px 16px 24px;    }    div.contPad div.dbDiv:nth-child(even) {        margin-right: 0;    }}@media all and (max-width: 1279px) {    div.dbDiv {        height: 330px;        background: #ffffff;        margin: 0 0 15px 0;        padding: 0 24px 16px 24px;    }}div.dbDiv h5 {    margin: 0;    line-height: 54px;    font-size: 16px;}div.dbDivIn {    height: 276px;    overflow: auto;    font-weight: normal;}div.dbDivIn2 {    padding: 10px;    text-align: left;}div.dbNumber {    width: 180px;    line-height: 180px;    background: var(--rowOnBack);    border-radius: 90px;    margin: 43px auto 0 auto;    font-family: "Open Sans", sans-serif;    font-weight: normal;    color: var(--textWhite);    text-align: center;}div.dbNumberSalary {    margin: 110px auto 0 auto;    font-family: "Open Sans", sans-serif;    font-size: 3vw;    font-weight: normal;    color: var(--textWhite);    text-align: center;}@media all and (min-width: 511px) {    div.dbBdayLeft {        float: left;    }    div.dbBdayRight {        float: right;        border-radius: 5px;        padding: 2px 8px 2px 8px;        color: var(--rowOddText);        background: var(--rowOddBack);    }    div.dbBdaySpace {        height: 2px;    }}@media all and (max-width: 510px) {    div.dbBdayLeft {    }    div.dbBdayRight {        border-radius: 5px;        padding: 2px 8px 2px 8px;        margin-top: 5px;        color: var(--rowOddText);        background: var(--rowOddBack);    }    div.dbBdaySpace {        height: 10px;    }}/* ********** *//* Trs *//* ********** */.trsText {    font-family: "Open Sans", sans-serif;    font-size: 22px;    color: #424244;    text-align: center;}.trsTxt2 {    font-size: 15px;}@media all and (min-width: 1001px) {    .trsHide {        display: table-cell;    }}@media all and (max-width: 1000px) {    .trsHide {        display: none;    }}@media all and (min-width: 801px) {    .trsHide2 {        display: table-cell;    }}@media all and (max-width: 800px) {    .trsHide2 {        display: none;    }}input.expNo {    width: 55px !important;    text-align: right;    padding: 0 2px 0 2px !important;}div#ExpenseAddArea select.pf,div#TimeAddArea select.pf {    width: auto;}/* ********** *//* Time *//* ********** */div#TimeTextSearch {    position: fixed;    display: none;    background: #ffffff;    padding: 5px;}div#TimeTextSearchContainer {    background: var(--back);    padding: 5px;}div.timeTap {    width: 100%;}a.timeTap,a.timeTap:visited,a.timeTap:active,a.timeTap:hover {    display: block;    margin: auto;    width: 115px;    height: 115px;    border-radius: 115px;    color: #ffffff;    line-height: 115px;    text-align: center;    text-decoration: none;}a.timeTapIn {    background: #99ca3d;}a.timeTapOut {    background: #bf0030;}div#timeTapTxt {    text-align: center;    text-decoration: none;}/* ********** *//* Custom Forms *//* ********** */div.customFullScreen,div.customRequired,/* section headings in full screen form */div.customMainScreen/* section headings in win form */ {    padding-bottom: 10px;}div.customHr {    margin: 10px 0 10px 0;    padding: 0;    height: 1px;    background: #f2f2f2;}div.customScore {    font-size: 14px;    color: var(--schemeBack);}div.customFullScreenTitle {    padding-bottom: 5px;}/* ********** *//* Perform Plan *//* ********** */div#PerformPlanResponse {    display: none;    position: fixed;    top: 300px;    left: 50%;    width: 600px;    margin-left: -300px;    background: var(--back);    padding: 30px;}div#PerformPlanResponseShowHide {    position: fixed;    top: 50%;    right: 0;    display: none;    background: var(--schemeBack);    -moz-border-top-left-radius: 5px;    border-top-left-radius: 5px;    -moz-border-bottom-left-radius: 5px;    border-bottom-left-radius: 5px;    padding: 10px;}table.PerformPlanTable {    width: 100%;}    table.PerformPlanTable td {        border: none;    }textarea#PerformPlanText {    width: 554px;    height: 150px;}textarea#PerformPlanChatText {    width: 300px;    height: 100px;}td.PerformPlanLeft {}td.PerformPlanRight {}td.PerformPlanIcon {    width: 20px;    text-align: right;}div.PerformResponse {    cursor: pointer;}div.PerformRating {    width: 60px;    margin: 0 auto 0 auto;}div.PerformRatingLeft {    float: left;    padding-top: 10px;}div.PerformRatingRight {    float: right;    padding-top: 11px;    font-weight: bold;}div.PerformChatTxt {    margin-bottom: 10px;}div.PerformChatSep {    height: 1px;    background: var(--boxShadow);    margin: 10px 0 10px 0;}/* ********** *//* Drag Drop *//* ********** */#ddPool {}#ddSelect {}    #ddPool #ddPoolBox,    #ddSelect #ddSelectBox {        overflow: auto;    }div.ddContainer {}td.ddCellLeft {    width: 50%;    padding: 0 5px 0 0;}td.ddCellRight {    width: 50%;    padding: 0 0 0 5px;    border-left: 1px dotted #000000;}div.ddBoxNew,div.ddBoxMove,div.ddBoxMoved,div.ddBoxDraggable {    margin-bottom: 2px;    -webkit-touch-callout: none;    -webkit-user-select: none;    -khtml-user-select: none;    -moz-user-select: none;    -ms-user-select: none;    user-select: none;    line-height: 25px;    padding: 0 10px 0 10px;    margin-bottom: 5px;    border: 1px solid var(--boxShadow);    font-family: "Open Sans", sans-serif;    font-size: 13px;    color: var(--textWhite);}div.ddBoxMove {    border: 1px solid #ee3425;}div.ddBoxMoved {    border: 1px solid #99ca3b;}div.ddBoxDraggable {    cursor: move;}/* legacy */div.ddBox {    cursor: move;    margin-bottom: 2px;    -webkit-touch-callout: none;    -webkit-user-select: none;    -khtml-user-select: none;    -moz-user-select: none;    -ms-user-select: none;    user-select: none;}    div.ddBox div.ddBoxC {        width: 323px;        border: 1px solid #000000;    }        div.ddBox div.ddBoxC div {            color: #000000;            background: #ffffff;            padding: 3px 5px 3px 5px;        }/* end legacy *//* ********** *//* Recruit - Vacancy *//* ********** */div.vacancyActionCount {    float: left;    width: 15px;    line-height: 15px;    margin: 0 1px 1px 0;    border-right: none !important;    font-family: verdana;    font-size: 8px;    text-align: center;}div.vacancyActionCount2 {    float: left;    width: 15px;    line-height: 15px;    margin: 0 1px 1px 0;    border-right: none !important;    background: #ffffff !important;    filter: alpha(opacity=40);    opacity: 0.4;}div.vacancyActionCount3 {    float: left;    margin: 0 4px 2px 0;}    div.vacancyActionCount3 div {        cursor: default;        font-family: verdana;        font-size: 11px;    }div.pagination {    margin-top: 20px;}/* ********** *//* Utilities *//* ********** */div#utilPop {    position: fixed;    display: none;    top: 100px;    left: 50%;    width: 380px;    margin-left: -190px;    background: #ffffff;}div#utilPopContainer {}input.modelFloat {    width: 80px !important;    text-align: right;}input.modelPercent {    margin-left: 2px;    width: 35px !important;    text-align: right;}input.matrixNumber {    width: 50px !important;}input.matrixNumber2 {    width: 65px !important;}input.matrixNotes {    width: 100px !important;}input.utilFormConfigMaxPanel {    width: 20px !important;    text-align: center;}/* ********** *//* Training Resource *//* ********** */div.resource {    float: left;    text-align: center;    width: 100px;    height: 75px;    margin: 0 2px 2px 0;    padding: 5px;    color: var(--rowOddText);    background: var(--rowOddBack);    -moz-border-radius: 5px;    border-radius: 5px;    cursor: pointer;}div.resourceOn {    float: left;    text-align: center;    width: 100px;    height: 75px;    margin: 0 2px 2px 0;    padding: 5px;    color: var(--rowOnText);    background: var(--rowOnBack);    -moz-border-radius: 5px;    border-radius: 5px;    cursor: pointer;}/* ********** *//* Video *//* ********** */div.videoBox {    min-height: 300px;}div.videoTitle {    border-top: 1px dashed #adadad;    margin-top: 15px;    padding: 20px 0 10px 0;    color: var(--schemeBack);}div.videoText {    line-height: 24px;}/* ********** *//* Legacy *//* ********** */div.winFrame {    background: #ffffff;    -moz-border-radius: 5px;    border-radius: 5px;    padding: 10px;}div.winFrameIn {    background: var(--back);    -moz-border-radius: 5px;    border-radius: 5px;    padding: 10px;}/* ********** *//* Recruit *//* ********** */body.recruit {    margin: 0;    background: var(--back);}body.nav {    margin: 0;    background: var(--navBackOff);}body.navTree {    width: auto;    height: auto;    margin: 10px;    background: #f2f2f2;}/* ********** */div.barFixed {    position: fixed;    top: 0;    left: 0;    width: 100%;    height: 60px;    background: #ffffff;}div.barInFixed {    overflow: hidden;    height: 60px;    background: var(--schemeBack);}div.barInFixedSave {    overflow: hidden;    height: 60px;    background: #99ca3c;}    div.barInFixed div.barTxt,    div.barInFixedSave div.barTxtSave {        line-height: 60px;        color: var(--schemeText);        padding-left: 10px;        text-align: left;        font-size: 20px;    }div.barFixedPad {    height: 70px;}div.barFixedPadLv {    height: 61px;}body.recruit div.contPad {    padding: 0 10px 10px 10px;}/* ********** */div.winBdrPad {    height: 45px;}body.recruit td.winIcon {    padding: 0 0 10px 10px;}body.recruit table.tar td {    padding: 0 10px 10px 0;}/* ********** */div.tab {    position: fixed;    top: 10px;    right: 65px;    padding: 5px 1px 5px 5px;    background: #ffffff;    border-radius: 4px;}    div.tab a.tab,    div.tab a.tab:visited,    div.tab a.tab:active,    div.tab a.tab:hover,    div.tab a.tabOn,    div.tab a.tabOn:visited,    div.tab a.tabOn:active,    div.tab a.tabOn:hover {        float: left;    }a.tab,a.tab:visited,a.tab:active {    display: block;    float: right;    background: var(--tabBackOff);    padding: 0 10px 0 10px;    margin: 0 4px 0 0;    border-radius: 4px;    border-color: var(--tabBorderOff);    border-style: solid;    border-width: 1px;    font-family: "Open Sans", sans-serif;    font-size: 16px;    font-weight: 400;    font-style: normal;    color: var(--tabTextOff);    text-decoration: none;    line-height: 30px;}    a.tab:hover {        color: var(--tabTextOn);        background: var(--tabBackOn);    }a.tabOn,a.tabOn:visited,a.tabOn:active,a.tabOn:hover {    display: block;    float: right;    background: var(--tabBackOn);    padding: 0 10px 0 10px;    margin: 0 4px 0 0;    border-radius: 4px;    border-color: var(--tabBackOn);    border-style: solid;    border-width: 1px;    font-family: "Open Sans", sans-serif;    font-size: 16px;    font-weight: 400;    font-style: normal;    color: var(--tabTextOn);    text-decoration: none;    line-height: 30px;}/* ********** */div.recruitResize {    position: fixed;    top: 10px;    right: 20px;    cursor: pointer;}div.recruitLookup {    position: absolute;    top: 0;    left: 0;    background: #000000;    -moz-border-radius: 5px;    border-radius: 5px;    padding: 5px;}/* ********** *//* Recruit - Tree *//* ********** */div.treeBtn {    position: fixed;    bottom: 0;    padding-bottom: 10px;    width: 200px;}div.vTreeL1 {    cursor: pointer;    white-space: nowrap;    padding: 15px 0 0 0;}a.vTreeL1,a.vTreeL1:visited,a.vTreeL1:active,a.vTreeL1:hover {    font-family: "Open Sans", sans-serif;    font-size: 10pt;    color: #000000;    text-decoration: none;}div.vTreeL2c/* c = container */ {}div.vTreeL2 {    cursor: pointer;    white-space: nowrap;    padding: 5px 0 0 25px;}a.vTreeL2,a.vTreeL2:visited,a.vTreeL2:active,a.vTreeL2:hover {    color: #000000;    text-decoration: none;}div.vTreeL3c/* c = container */ {}div.vTreeL3 {    cursor: pointer;    white-space: nowrap;    padding: 3px 0 0 39px;}/* ********** *//* Recruit - Vacancy Recruit *//* ********** */#page,#plannerVacancy {    display: none;}div#recruitVacancyStageList {    display: none;    position: absolute;    top: 45px;    left: -50px;    background: #ffffff;    -moz-border-radius: 5px;    border-radius: 5px;    padding: 10px;}div.recruitVacancyStageList {    background: var(--back);    -moz-border-radius: 5px;    border-radius: 5px;    padding: 10px;}    div.recruitVacancyStageList table {        min-width: 150px;    }div#recruitCandidateEmail {    display: none;    position: absolute;    top: 20px;    left: 20px;    background: #ffffff;    -moz-border-radius: 5px;    border-radius: 5px;    padding: 10px;}div.recruitCandidateEmail {    background: var(--back);    -moz-border-radius: 5px;    border-radius: 5px;    padding: 10px;}div.recruitVacancyDd {    background: var(--back);    -moz-border-radius: 5px;    border-radius: 5px;    padding: 10px;}/* ********** *//* Recruit - Form *//* ********** */textarea.notesVacancy,textarea.notesCandidate,textarea.notesSetting {    width: 100%;    height: 85px;    padding: 10px;    border: 1px solid var(--boxShadow);    border-radius: 4px;}/* ********** *//* The OC *//* ********** */.txtDiv {    padding: 5px;    border-radius: 5px;}.txtTitleSub {    margin-bottom: 10px;}div.ocLogo {    background: var(--back);    padding: 10px;    border-radius: 5px;    text-align: center;    margin-bottom: 5px;}    div.ocLogo img {        background: #ffffff;        border-radius: 5px;        padding: 5px;    }div.ocCompanyRight {}div.imgDir {    float: left;    padding: 10px;    cursor: pointer;}div.ocScroll {}.sysText {    font-family: courier !important;    font-size: 13px;    color: var(--textWhite);}li.novis {    visibility: hidden;}.utilFormConfigLine {    border-top: 30px solid var(--schemeBack);}/* ********** */div.searchBox1 {    float: left;    margin: 0 10px 10px 0;}div.searchBox2 {    float: left;}div.searchBoxTxt {    float: left;    padding: 0 5px 0 0;}/* ********** *//* Quick Queries *//* ********** */div.qqCellOff {    color: var(--rowOddText);    float: left;    padding: 10px;    margin: 0 5px 5px 0;    border-radius: 10px;    background: var(--rowOddBack);    cursor: pointer;}div.qqCellOn {    color: var(--rowOnText);    float: left;    padding: 10px;    margin: 0 5px 5px 0;    border-radius: 10px;    background: var(--rowOnBack);    cursor: pointer;}input.qqAttributeMoveActual {    width: 25px !important;    text-align: center;}div.qqSelectedRow {    padding-right: 0;}div.qqSelectedCell {    padding: 0 10px 15px 0;}div.qqSelectedActionCell {    float: left;    padding: 0 10px 0 10px;    border-left: 1px solid #d9d9d9;}div.qqSelectedActionCellNoBorder {    border: 0;}div.qqSelectedForm {    padding: 10px 40px 20px 30px;}    div.qqSelectedForm thead,    div.qqSelectedForm td.pfm {        display: none;    }div.qqAttributeFilterList {    border: 2px solid #ffffff;}div.qqDashboardLink {    float: left;    padding-left: 10px;}span.qqReportScheduleInactive {    color: var(--textAlert);}div.qqAttributeCustomFieldValid {    background: #99ca3c;    padding: 5px;    margin-right: 25px;    border-radius: 5px;    color: #ffffff;}div.qqAttributeCustomFieldInvalid {    background: #bf0030;    padding: 5px;    margin-right: 25px;    border-radius: 5px;    color: #ffffff;}textarea.qqAttributeCustomField {    width: 380px;    font-family: courier;    font-size: 13px;}/* ********** *//* Webhooks *//* ********** */div#webhookSwaggerUrl {    float: right;    padding: 5px 10px 5px 10px;    border-radius: 10px;    background: var(--back);    margin: 0 25px 10px 0;}/* ********** *//* CustomLogin *//* ********** */body.customLoginFullScreenContainer {    position: relative;}div.customLoginPreviewContainer {    position: relative;}div.customLoginPreviewReadonlyArea {    position: absolute;    top: 0;    left: 0;    width: 600px;    height: 363px;}div#customLoginFullScreenIframe {    display: none;    position: fixed;    top: 0;    right: 0;    bottom: 0;    left: 0;}img.customLoginImage {    float: left;    padding-left: 5px;    max-width: 30px;}img.customLoginImageDelete {    float: left;    padding-left: 5px;}div.customLoginBtns {    padding-left: 152px;}div.customLoginColumn,input.customLoginColor {    width: 224px !important;}div.customLoginInfoText {    font-size: 13px;    color: #6a6b6c;}div input.customLoginHideLogo {    width: 20px;    height: 20px;}div.unsplash {    position: relative;}    div.unsplash input {        background: url(/images/dir_search.png) no-repeat center right white;    }    div.unsplash a {        position: absolute;        top: 0;        right: 0;    }        div.unsplash a img {            width: 40px;            height: 40px;        }/* ********** *//* Documents *//* ********** */div#batchUploadContainer {    height: 200px;}div.batchUploadContainerOn {    background-color: var(--rowOnBack);}a.batchUpdateText {    color: var(--rowOddText);    margin-top: 75px;    display: inline-block;    cursor: default;    text-decoration: none;}a.batchUpdateTextActive {    cursor: pointer;    text-decoration: underline;}/* ********** *//* Cookies *//* ********** */div#cookieContainer {    position: fixed;    display: none;    top: 0;    bottom: 0%;    left: 0;    background: var(--schemeBack);    color: var(--text);    overflow-x: hidden;    overflow-y: auto;}a.cookieCog {    position: fixed;    bottom: 0;    background: var(--schemeBack);    border-top-right-radius: 10px;    padding: 10px 10px 5px 10px;    z-index: 0;}div.cookieSideBar {    width: 240px;    padding: 40px 40px 65px 40px;    line-height: 17px;}    div.cookieSideBar span {        color: var(--text);    }a.cookie {    color: var(--text);}div.cookieBtnBdr {    float: left;}    div.cookieBtnBdr a.btn {        margin: 0;    }/* ********** *//* Flex Lozenges *//* ********** */div#flexContainer,div.flexContainer {    display: flex;    flex-wrap: wrap;}div#totalsContainer > div#flexContainer {    gap: 1rem;    align-items: center;}div.flexItem {    flex: 1 !important;    padding: 0;    box-sizing: border-box;}#totalsContainer > #flexContainer > div.flexItem {    max-width: 100% !important;}div.lozenge {    position: relative;    margin: 0 0 20px 15px;    border-radius: 8px;    flex-grow: 1;}    div.lozenge:first-of-type {        margin-left: 0;    }div.lozengeHide {    position: absolute;    top: 8px;    right: 15px;}div.lozengeContentOdd {    background: var(--rowOddBack) !important;    padding: 15px 25px 15px 25px;    white-space: nowrap;    font-family: "Open Sans", sans-serif;    font-size: 16px;    font-weight: 400;    font-style: normal;    color: var(--rowOddText) !important;    text-align: center;}div.lozengeContentEven {    background: var(--rowEvenBack) !important;    padding: 15px 25px 15px 25px;    white-space: nowrap;    font-family: "Open Sans", sans-serif;    font-size: 16px;    font-weight: 700;    font-style: normal;    color: var(--rowEvenText) !important;    text-align: center;}div.lozengeContentSmall {    padding: 10px 20px 10px 20px;    font-size: 13px;}div.lozengeTop {    padding: 35px 0 0 0;    white-space: nowrap;    font-family: "Open Sans", sans-serif;    font-size: 16px;    font-weight: 400;    font-style: normal;    color: #ffffff;    text-align: center;}    div.lozengeTop input {        max-width: 20px;        border-radius: 4px;        padding: 0 5px 0 5px;        font-family: "Open Sans", sans-serif;        font-weight: 400;        font-style: normal;        text-align: center;    }div.lozengeBot {    white-space: nowrap;    padding: 20px 0 20px 0;    font-family: "Open Sans", sans-serif;    font-size: 18px;    font-weight: 700;    font-style: normal;    color: #ffffff;    text-align: center;}    div.lozengeBot span {        font-family: "Open Sans", sans-serif;        font-size: 10px;    }div#lozengeFilter {    margin: 0 0 20px 0;    display: flex;    justify-content: flex-start;    gap: 1rem;}    div#lozengeFilter div {        padding-left: 20px;        color: var(--text);    }/* ********** *//* Kudos *//* ********** */div.kudos {    background: #ffffff;    padding: 20px;    margin: 0 10px 20px 10px;    border-radius: 8px;    flex-grow: 1;}div.kudosTop {    position: relative;    min-height: 410px;}div.kudosComments,div.kudosLikes {    display: none;    position: absolute;    top: 0;    left: 0;    right: 0;    overflow-x: hidden;    overflow-y: auto;    height: 390px;    background: #ffffff;}div.kudosCommentOdd {    position: relative;    background: var(--rowOddBack);    padding: 20px;    font-family: "Open Sans", sans-serif;    font-size: 13px;    color: var(--rowOddText);    line-height: 25px;}div.kudosCommentEven {    position: relative;    background: var(--rowEvenBack);    padding: 20px;    font-family: "Open Sans", sans-serif;    font-size: 13px;    color: var(--rowEvenText);    line-height: 25px;}textarea.kudos {    width: 180px;    height: 85px;    padding: 10px;    border: 1px solid var(--boxShadow);}span.kudosCommentEmployee {    font-size: 15px;}span.kudosCommentDate {    font-size: 11px;    font-weight: bold;}div.kudosCommentBtn {    padding-top: 20px;}div.kudosEmployee {    font-family: "Open Sans", sans-serif;    font-size: 15px;    color: var(--textWhite);    text-align: center;}div.kudosTarget {    overflow: hidden;    white-space: nowrap;    padding-top: 20px;    font-family: "Open Sans", sans-serif;    font-size: 20px;    color: var(--textWhite);    text-align: center;}div.kudosImage {    padding: 10px 0 10px 0;    text-align: center;}    div.kudosImage img {        display: inline;        width: 100px;        height: 100px;    }div.kudosCategory {    padding-bottom: 10px;    font-family: "Open Sans", sans-serif;    font-size: 15px;    color: var(--textWhite);    text-align: center;}div.kudosMainComment {    overflow-x: hidden;    overflow-y: auto;    height: 150px;    max-width: 200px;    padding: 10px;    background: var(--rowOddBack);    margin: auto;    font-family: "Open Sans", sans-serif;    font-size: 13px;    color: var(--rowOddText);    line-height: 25px;}div.kudosBot a.btn {    min-width: 0;}div.kudosBotLikes {    position: relative;    float: right;    padding-right: 43px;}    div.kudosBotLikes div {        position: absolute;        top: 0;        right: 0;        width: 42px;        line-height: 30px;        background: var(--rowOddBack);        font-family: "Open Sans", sans-serif;        font-size: 17px;        color: var(--rowOddText);        text-align: center;    }        div.kudosBotLikes div:hover {            cursor: pointer;            position: absolute;            top: 0;            right: 0;            width: 42px;            line-height: 30px;            background: var(--rowOnBack);            font-family: "Open Sans", sans-serif;            font-size: 17px;            color: var(--rowOnText);            text-align: center;        }div.kudosImageContainer {    padding: 10px 0 20px 0;}div.kudosImageSelect {    flex-grow: 1;    padding: 5px;    border: 1px solid #ffffff;    text-align: center;}    div.kudosImageSelect:hover {        cursor: pointer;        flex-grow: 1;        padding: 5px;        border: 1px solid #99ca3c;        text-align: center;    }div.kudosImageSelectOn {    cursor: pointer;    flex-grow: 1;    padding: 5px;    border: 1px solid #bf0030;    text-align: center;    background: var(--rowOnBack);}    div.kudosImageSelect img,    div.kudosImageSelectOn img {        display: inline;        width: 38px;        height: 38px;    }div.kudosPreview {    position: relative;}div#kudosPreview {    display: none;    position: absolute;    top: 0;    left: 0;    right: 0;    bottom: 0;    background: #ffffff;}div.kudosPreview div.kudos {    margin: 0;    box-shadow: none;}div.kudosDelete {    position: absolute;    top: -10px;    right: -10px;}div.kudosAudit {    position: absolute;    top: -10px;    left: -10px;}div.kudosCommentDelete {    position: absolute;    top: 10px;    right: 10px;}img.kudosReportImage {    width: 50px;}/* ********** *//* PF Switch *//* ********** */div.pfSwitch {    display: flex;    justify-content: space-between;    background: #ebeced;    padding: 3px;    border-radius: 6px;}a.pfSwitchOn,a.pfSwitchOn:visited,a.pfSwitchOn:active,a.pfSwitchOn:hover {    display: block;    flex-grow: 0;    flex-basis: 50%;    background: #ffffff;    line-height: 35px;    font-family: "Open Sans", sans-serif;    font-size: 16px;    font-weight: 400;    font-style: normal;    color: #0b61bd;    text-align: center;    text-decoration: none;    border-radius: 4px;}a.pfSwitchOff,a.pfSwitchOff:visited,a.pfSwitchOff:active,a.pfSwitchOff:hover {    display: block;    flex-grow: 0;    flex-basis: 50%;    background: #ebeced;    line-height: 35px;    font-family: "Open Sans", sans-serif;    font-size: 16px;    font-weight: 400;    font-style: normal;    color: #c2c2c2;    text-align: center;    text-decoration: none;}/* ********** *//* Signature Canvas *//* ********** */.canvasContainer {    position: relative;    width: 99%;    height: 200px;    -moz-user-select: none;    -webkit-user-select: none;    -ms-user-select: none;    user-select: none;}.signaturePad {    position: absolute;    left: 0;    top: 0;    border: 1px solid var(--boxShadow);    cursor: pointer;}.clearCanvasBtn {    position: absolute;    bottom: 5px;    right: 10px;    background: transparent;    box-sizing: border-box;    width: 40px;    height: 40px;    overflow: visible;    border-radius: 20px;    border: 1px solid #222;}    .clearCanvasBtn:hover {        background: #EFEFEF;        cursor: pointer;    }.signatureBtnContainer {    display: flex;    justify-content: space-between;    margin-top: 50px;}.saveSignatureChbx {    align-self: center;    cursor: pointer;}    .saveSignatureChbx > input {        vertical-align: middle;        height: 24px;        width: 24px;        cursor: pointer;    }    .saveSignatureChbx > label {        font-size: 16px;        vertical-align: middle;        cursor: pointer;    }.signatureImage {    height: 50px;}/* ********** *//* Unsplash  *//* ********** */#unsplash-wrapper {    overflow-y: auto;    overflow-x: hidden;    width: 244px;    max-height: 350px;}#unsplash-photo-grid {    display: flex;    flex-wrap: wrap;    padding: 0;    gap: 10px;    list-style: none;    justify-content: flex-start;    width: 250px;}.unsplash-photo {    display: grid;}.unsplash-link {    text-decoration: none;    color: #9a9a9a;}.unsplash-image {    width: 105px;    height: 105px;    border-radius: 5px;}    .unsplash-image:hover {        cursor: pointer;    }.unsplash-image-active {    border: 3px solid #0099FF;    opacity: 0.5;    width: 99px;    height: 99px;    border-radius: 5px;}/* ********** *//* Position Management  *//* ********** */.mr-10 {    margin-right: 10px;}.mt-20 {    margin-top: 20px;}.pt-10 {    padding-top: 10px;}.pt-5 {    padding-top: 5px;}.pr-5 {    padding-right: 5px!important;}.pb-10 {    padding-bottom: 10px;}.pl-0 {    padding-left: 0!important;}.pl-32 {    padding-left: 32px;}.pr-0 {    padding-right: 0!important;}.w-50 {    width: 50% !important;}.w-75 {    width: 75% !important;}.w-100 {    width: 100% !important;}.w-190{    width: 190px;}.w-90 {    width: 90px;}.flex {    display: flex;    flex-direction: row;    align-items: center;}.updatePhoto {    border-radius: 125px;    width: 250px;    height: 250px;}.fileUploadContainer {    display: block;    margin-left: auto;    margin-right: auto;    width: 250px;    height: 250px;    position: relative;}.fileUploadButton {    position: absolute;    top: 79%;    margin-left: auto;    margin-right: auto;    right: 0;    left: 0;    text-align: center;    height: 54px;    background-color: rgb(255 255 255 / 70%);}.profileButtonContainer {    padding-top: 16px;}.fileUploadButton > .label-wrapper > label > input {    display: none;}.fileUploadButton > .label-wrapper,.profileButtonContainer {    color: rgb(0, 53, 245);    font-size: 16px;}    .fileUploadButton > .label-wrapper > label,    .profileButtonContainer > a {        cursor: pointer;        line-height: 54px;        color: rgb(0, 53, 245);        text-decoration: underline;    }    .fileUploadButton > .label-wrapper > svg,    .profileButtonContainer > svg {        height: 16px;        width: 16px;        line-height: 54px;        padding-right: 3px;    }/* ********** *//*  Spinner   *//* ********** */div.spinnerParent {    height: 100%;    width: 100%;    position: relative;}div.spinner {    width: 54px;    height: 54px;    display: inline-block;    padding: 10px;    border-radius: 10px;    position: absolute;    left: 50%;    top: 50%;    margin: -35px 0 0 -35px;}    div.spinner div {        width: 6%;        height: 16%;        background: rgb(0, 0, 0);        position: absolute;        left: 49%;        top: 43%;        opacity: 0;        -webkit-border-radius: 50px;        -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);        -webkit-animation: fade 1s linear infinite;    }@-webkit-keyframes fade {    from {        opacity: 1;    }    to {        opacity: 0.25;    }}div.spinner div.bar1 {    -webkit-transform: rotate(0deg) translate(0, -130%);    -webkit-animation-delay: 0s;}div.spinner div.bar2 {    -webkit-transform: rotate(30deg) translate(0, -130%);    -webkit-animation-delay: -0.9167s;}div.spinner div.bar3 {    -webkit-transform: rotate(60deg) translate(0, -130%);    -webkit-animation-delay: -0.833s;}div.spinner div.bar4 {    -webkit-transform: rotate(90deg) translate(0, -130%);    -webkit-animation-delay: -0.7497s;}div.spinner div.bar5 {    -webkit-transform: rotate(120deg) translate(0, -130%);    -webkit-animation-delay: -0.667s;}div.spinner div.bar6 {    -webkit-transform: rotate(150deg) translate(0, -130%);    -webkit-animation-delay: -0.5837s;}div.spinner div.bar7 {    -webkit-transform: rotate(180deg) translate(0, -130%);    -webkit-animation-delay: -0.5s;}div.spinner div.bar8 {    -webkit-transform: rotate(210deg) translate(0, -130%);    -webkit-animation-delay: -0.4167s;}div.spinner div.bar9 {    -webkit-transform: rotate(240deg) translate(0, -130%);    -webkit-animation-delay: -0.333s;}div.spinner div.bar10 {    -webkit-transform: rotate(270deg) translate(0, -130%);    -webkit-animation-delay: -0.2497s;}div.spinner div.bar11 {    -webkit-transform: rotate(300deg) translate(0, -130%);    -webkit-animation-delay: -0.167s;}div.spinner div.bar12 {    -webkit-transform: rotate(330deg) translate(0, -130%);    -webkit-animation-delay: -0.0833s;}/* ********** *//* Scroll Bar *//* ********** *//* Works on Firefox */* {    scrollbar-width: 6px;    scrollbar-color: #697177;}    /* Works on Chrome, Edge, and Safari */    *::-webkit-scrollbar {        width: 8px;    }    *::-webkit-scrollbar-track {        border-radius: 8px;        scrollbar-width: 8px;    }    *::-webkit-scrollbar-thumb {        scrollbar-width: 8px;        background-color: #697177;        border-radius: 8px;    }::-webkit-scrollbar-button:end {    height: 10px;    width: 95%;}::-webkit-scrollbar-button:start {    height: 10px;    width: 95%;}/* *************** *//* Profile Letters *//* *************** */.initialsCircle {    border-radius: 50%;    width: 128px;    height: 128px;    padding: 10px;    background: var(--schemeBack);    color: var(--schemeText);    text-align: center;}.initialsCircleProfile {    width: 230px;    height: 230px;}    .initialsCircleProfile > .initialsText {        -ms-transform: translateY(30%);        -webkit-transform: translateY(30%);        transform: translateY(30%);    }.initialsText {    font: 58px "Open-Sans", sans-serif;    position: relative;    -ms-transform: translateY(-40%);    -webkit-transform: translateY(-40%);    transform: translateY(-40%);}.initialsContainer {    text-decoration: none;}.initialsFileUpload {    position: relative;    text-align: center;    left: -33px;    height: 54px;    width: 200px;    -ms-transform: translateY(-171%);    -webkit-transform: translateY(-171%);    transform: translateY(-171%);    background-color: rgb(255 255 255 / 70%);}    .initialsFileUpload > .label-wrapper > label > input {        display: none;    }    .initialsFileUpload > .label-wrapper,    .profileButtonContainer {        color: rgb(0, 53, 245);        font-size: 16px;    }        .initialsFileUpload > .label-wrapper > label,        .profileButtonContainer > a {            cursor: pointer;            line-height: 54px;            color: rgb(0, 53, 245);            text-decoration: underline;        }        .initialsFileUpload > .label-wrapper > svg,        .profileButtonContainer > svg {            height: 16px;            width: 16px;            line-height: 54px;            padding-right: 3px;        }div.initialsTopUserContainer {    border-radius: 50%;    float: left;    background: var(--schemeBack);    width: 30px;    height: 30px;    color: var(--schemeText);    text-align: center;}.initialsTopUser {    font: 14px "Open-Sans", sans-serif;    position: relative;    -ms-transform: translateY(-45%);    -webkit-transform: translateY(-45%);    transform: translateY(-45%);}div.initialsCircleLarge {    width: 60px;    height: 60px;}.initialsCircleLarge p {    font-size: 28px;}/* *************** *//* Staffology Payroll *//* *************** */#staffologyPayrollApiLink,#staffologyPayrollPrimarySystem,#staffologyPayrollLink {    display: flex;}    #staffologyPayrollApiLink > div:nth-child(2),    #staffologyPayrollPrimarySystem > div:nth-child(2),    #staffologyPayrollLink > div:nth-child(2) {        flex: auto;    }    #staffologyPayrollLink #payrollLinkContent {        margin-top: 6px;    }.numbered-title {    font-size: 1rem;    font-weight: 700;    background-color: var(--schemeBack);    color: var(--schemeText);    border-radius: 50%;    width: 24px;    height: 24px;    display: flex;    justify-content: space-around;    margin-right: 8px;    align-items: center;    font-family: "Open Sans", sans-serif;}.step-title {    display: flex;    align-items: center;    font-size: 1rem;    font-weight: 700;    font-family: "Open Sans", sans-serif;}div.vldt.errors > div {    color: #db0000;}input.wrng.pf {    border: 2px solid #db0000;}.wrng.icon {    width: 16px;    height: 16px;    vertical-align: middle;}.txtSubTitle.db {    font-weight: 600;    color: #3D3D3A;}div.staffologyPayrollPermissionContainer {    display: flex;}div.staffologyPayrollPermissionPadding {    padding-right: 15px;}.wrng.pft {    color: #db0000;}.wrng.pf,input.wrng.pf {    border: 2px solid #db0000;}.wrng.icon {    width: 16px;    height: 16px;    vertical-align: middle;}.txtSubTitle.db {    font-weight: 600;    color: #3D3D3A;}.pft.pl-10 {    padding-left: 10px;}#staffologyPayrollLink {    display: none;}.pft.cc-icon {    color: #67a300;    font-size: 20px;    padding-left: 5px;    display: inline-block;}.cc-icon {    vertical-align: middle;}.mb-10 {    margin-bottom: 10px;}.validation-status {    font-size: 20px;}    .validation-status > svg {        margin-right: 10px;        vertical-align: sub;    }.failure {    color: #db0000;}.success {    color: #67a300;}div.note-area {    font-size: 16px;    font-weight: 600;    color: #3d3d55;    background: #e8eafd;    padding: 8px 12px 8px 12px;    max-width: 886px;}#relink-sync-selection p {    padding: 0;}#relink-sync-selection label + p {    margin-top: 5px;    padding-left: 24px;}/* *************** *//* Lookup Single Entry *//* *************** */div.lookupSingleEntryContainer {    position: fixed;    display: grid;    grid-template-columns: 1fr auto;    grid-column-gap: 12px;    background: #ffffff;    width: 100%;    min-height: 70px;}div.lookupSingleEntryContainerRightCell {    display: grid;    align-content: start;}div.lookupSingleEntrySpace {    height: 70px;}input.lookupSingleEntry {    width: 97% !important;}div.infographic {    background-color: white;    font-size: 16px;    max-width: 576px;    font-weight: 400;    padding: 16px;    margin-top: 10px;    margin-bottom: 10px;    font-family: "Open Sans", sans-serif;    display: flex;}    div.infographic img {        height: 22px;        margin-right: 17px;    }/* *************** *//*Provisioning System - Setup Password*//* *************** */.mb-10 {    margin-bottom: 10px;}.mb-16 {    margin-bottom: 16px;}.prov-text {    font-weight: 400;    font-size: 16px;    line-height: 24px;}div.prov-flex-column {    display: flex;    flex-direction: column;}.prov-input {    width: 328px;    height: 40px;    padding: 0 10px 0 10px;    border: 1px solid #9C9C9C;    border-radius: 4px;}.required-dot {    width: 25px;    background: url(/images/icon_req.png) no-repeat left;    margin-bottom: 8px;}.required-dot-inline {    display: inline-block;    width: 25px;    height: 25px;    background: url(/images/icon_req.png) no-repeat top left;}.prov-title {    padding-top: 27.5px !important;    padding-bottom: 15px !important;}.prov-area {    padding: 0 !important;    margin: 0 !important;    background: none !important;}.fl {    float: left;}.prov-flex {    display: flex;}.speech {    font-size: 1.1em;    color: #000000;    background: #ffffff;    position: absolute;    top: 35px;    display: none;    padding: 8px;    border-radius: 4px;    max-width: fit-content;    margin-left: 16px;    box-shadow: 2px 2px 3px #D3D6D8;    border: solid 1px #D3D6D8;}    .speech::after {        content: "";        border: 8px solid transparent;        position: absolute;    }.left.speech::after {    border-right-color: #D3D6D8;    left: -16px;}.dirDetLinked:hover ~ .speech {    display: unset;}.dirSpeech {    font-size: 1.1em;    color: #000000;    background: #ffffff;    position: absolute;    top: 15px;    display: none;    padding: 8px;    border-radius: 4px;    width: max-content;    height: fit-content;    margin-left: 100px;    box-shadow: 2px 2px 3px #D3D6D8;    border: solid 1px #D3D6D8;}    .dirSpeech::after {        content: "";        border: 8px solid transparent;        position: absolute;    }.left.dirSpeech::after {    border-right-color: #D3D6D8;    left: -16px;}.dirDetLinked:hover ~ .dirSpeech {    display: unset;}.linked-group {    position: relative;}table#utilFormConfigTable tr.lvTRhead {    position: sticky;    top: 0;    z-index: 1;}#imagePanelEdit, #textPanelEdit, #imagePanelEditControl, #previewArea {    display: none;}.homeBrandPreview {    max-width: 100%;    text-align: center;}.communicationimageupload {    width: 200px}.ecBar .r img {    margin-left: 20px;}.accordion-spacer, .accordion-div-img {    padding-left: 24px;}.mail-merge-buttons {    position: fixed;    right: 0;    z-index: 10;    bottom: 0;}#emailmessage img {    width: 16px;    height: 16px;    margin-top: 4px;}#emailmessage div {    border-radius: 2px;    display: flex;    gap: 10px;    padding: 10px;    margin-right: 20px;}#emailmessage #emailmessagework {    background: var(--statusBackgroundGreenLight);}#emailmessage #emailmessagepersonal {    background: var(--statusBackgroundOrangeLight);}#emailmessage #emailmessagenone {    background: var(--greyBackground);}.text-centre {    text-align: center;}.text-left-i {    text-align: left !important;}.width-300 {    width: 300px !important;}input.submit {    margin-top: 20px;}div.forgotten-password-text {    font-size: 16px;}#fp-panel1 #message, #fp-panel2 {    display: none;}.newBubble {    display: inline-flex;    align-items: center;    justify-content: center;    height: 24px;    background-color: #db0000;    overflow: visible;    border-radius: 16px;    text-align: center;    padding: 0 8px;    white-space: nowrap;    font-size: 13px;    font-weight: 600;    color: #ffffff;    position: relative; /* Change to relative for better flexibility */    vertical-align: middle; /* Aligns inline with text or other elements */    margin-left: auto;    font-family: "Open Sans", sans-serif;}a.navMarketplace {    display: flex!important;    align-items: center; /* Vertically centers children */    position: relative;}.form-panel-header {    font-family: "Open Sans", sans-serif;    font-size: 18px;    font-weight: 600;    font-style: normal;    color: var(--textWhite);    padding-bottom: 2rem;}.form-panel-header-title {    width: 200px;    padding: 4px;    border: 1px solid #ccc;    border-radius: 3px;    background-color: white;    color: #3D3D3A;    font-size: 16px;}.form-panel-header-input {    color: #3D3D3A;    font-weight: bold;    margin-right: 10px;    font-size: 16px;    margin-left: 25px;}.form-panel-header-cell {    background-color: var(--tableSubHeader);    padding: 8px;    text-align: left;}