/*
got to css - in pdb_styles_important
JQUERY REMINDER - FADE BACKGROUND OF THINGS WITH FOLLOWING CLASSES
$(document).ready(function() {
  $(".bgopacity5").bgalpha(0.05);
  $(".bgopacity10").bgalpha(0.1);
  $(".bgopacity20").bgalpha(0.2);
  $(".bgopacity30").bgalpha(0.3);
  $(".bgopacity40").bgalpha(0.4);
  $(".bgopacity50").bgalpha(0.5);
  $(".bgopacity60").bgalpha(0.6);
  $(".bgopacity70").bgalpha(0.7);
  $(".bgopacity80").bgalpha(0.8);
  $(".bgopacity90").bgalpha(0.9);
  
})
*/


:root {
    --main: #393939; /* main text color */
    --main-bg: #d7d7d7; /* main background color */
    --headings: #black;
    /*--darkModeFlip: invert(85%) hue-rotate(180deg) brightness(100%);*/
    /*--darkModeFlip: invert(95%) hue-rotate(180deg) brightness(110%);*/
    --darkModeFlip: invert(89%) hue-rotate(180deg) brightness(109%);
    --darkModeFlipImg: invert(100%) hue-rotate(180deg) brightness(150%) !important;
}



.darkModeFirstTimeNotice {
    display: none;
}

/* ================================= */
/* ==== STD ELS ==== */

html {
    height: 100%;
    width: 100%;
}

html,
body {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    vertical-align: baseline;
}

div {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}

pre {
    outline: 1px solid #ccc;
    padding: 5px;
    margin: 5px;
    font-family: monospace;
    white-space: pre-wrap !important;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

td {
    padding: 5px 7px 5px 7px;
}

a {
    /*color:#0033FF;*/
    color: #2C338B;
}

h1, h2, h3, h4 {
    color: #555555;
}

h1 {
    /* 	font-size: 1.6em; */
    /* 	line-height:1.2em; */
}

h2 {
    text-align: left;
    font-size: 1.4em;
}

h3 {
    text-align: left;
    font-size: 1.2em;
    /*   padding-top: 40px; */
}

h4 {
    font-size: 1.1em;
}


th {
    vertical-align: bottom;
    text-align: left;
    background: #EEEEEE;
    color: #2C338B;
    /*GREEN: border-bottom: 3px solid #91C640;*/
    border-bottom: 3px solid #70309e;
    /*PURPLE*
    /*padding:3px;*/
    padding: 5px 7px 5px 7px;
    /*cursor: hand;*/
}

th.headerSortDown {
    /*background-image: url(lib/js/tablesorter/themes/blue/desc.gif);*/
    background-image: url(lib/js/tablesorter/dist/css/images/black-desc.gif);
    background-repeat: no-repeat;
    background-position: 100% 10%;
}


/*media (prefers-color-scheme: dark) {*/
/*  html {*/
/*    !*filter: invert(100%) hue-rotate(180deg) brightness(100%);*!*/
/*    filter: invert(85%) hue-rotate(180deg) brightness(100%);*/
/*  }*/
/*  img:not(.ignore-color-scheme), video:not(.ignore-color-scheme), .ignore-color-scheme {*/
/*    filter: invert(85%) hue-rotate(180deg) brightness(150%) !important;*/
/*  }*/
/*}*/


/*BASIC STYLES*/
/*@media (min-width: 1px) {*/
/*}*/
.ieAccordian2 {
    border: 1px solid grey;
}
.ieAccordian2Content {
    display: none;
}

.invalidWrap {
    width: 100%;
}

/* ironbridge purple #7030a0 */
.italicgrey, .italicgray th {
    font-weight: normal !important;
    color: #666;
    font-style: italic;
}

.noBtmBorderThRow th {
    border-bottom: 0;
}

.strikethrough {
    text-decoration: line-through !important;
}

.sorticonfixer {
    padding-top: 4px;
}

/* GENTLE FLASHING BORDER */
.pulsingRedCorners {
    /*   margin: 20% 45% 0;
  display:inline-block;

  font-size: 4em; */

    /*   border: 10px solid white; */
    animation-name: pulsingRedCornersAnim;
    animation-duration: 1.5s;
    animation-iteration-count: 300;
}

@keyframes pulsingRedCornersAnim {
    50% {
        /*     border-color: red; */
        /*     box-shadow:  0 0 5px white, 0 0 20px red, 0 0 20px red;  */
        /*     box-shadow:  0 0 5px white, 10px 0 20px red, -10px 0 20px red; */
        /*     box-shadow: 2px 0 0px white, -2px 0 0px white, 5px 0 0px red, -5px 0 0px red; */
        box-shadow: 1px 1px 2px white, -1px -1px 2px white, 3px 3px 0 red, -3px -3px 0 red, inset 0 0 10px red;


    }
}


.fullwidth {
    width: 100%;
}


@media (max-width: 992px) {

    div.jitItemLine_Task {
        margin-left: 20px;
    }

    div.jitItemLineId {
        order: -3;
        flex: 4 4 10%;
    }

    div.jitItemLineTitle {
        order: -2;
        flex: 4 4 66%;
    }

    div.jitItemLineStatus {
        order: -1;
        flex: 4 4 20%;
        border: 1px solid #ccc !important;
        /*padding-top:0;*/
        padding-left: 15px !important;
        margin-top: 5px;
        margin-right: 5px;
    }

    div.jitItemLineStatus:before {
        content: "" !important;
        border: 0 !important;
        display: none !important;
    }

    div.noFlexCellHeader:before {
        content: "" !important;
        border: 0 !important;
        display: none !important;
    }

}


/* // END IE DIV TABLE // */

/* below not working ? */

/* ================================= */
/* ==== TIME ==== */
.taSectionHeader thead {
    border-top: 5px solid #70309e70 !important;
    font-weight: bold;
    color: red;
    background-color: #eeeeee80;
}

.tfAddStaffLineFormList {
    right: 0;
    top: 10px;
}

table.timeAnchorForecasting thead:first-of-type > tr > th {
    background-color: #D1D1D1 !important;
}

.ieTimesheet td {
    border: 1px solid grey;
}

/* table.timeAnchorForecasting tr:last-child  {
/* table.timeAnchorForecasting > tbody > tr:last-child > td { */

/*   margin-bottom:20px; */
/*.fullwidth {*/
/*    width:100%;*/
/*}*/
/* } */

.timeRow td {
    min-width: max-content;
}

.timeRow td:nth-child(1), td:nth-child(2) {
    max-width: min-content !important;
}

.timeRowMe {
    /*background-image: repeating-linear-gradient( -45deg, transparent, transparent 10px, #f5a3f5 11px, #f5a3f5 12px, transparent 13px, transparent 26px);*/
    /*box-shadow: 0 0 9px 0px #0012ff;*/
    background: #ffff0040;
}

/*.timeRowMe >td:first-child {*/
/*  box-shadow: 0 0 9px 0px #0012ff;*/
/*}*/
.timeRowMe > td > div > input {
    background: #ffffcc;
}

.timeRowMe > td:nth-child(2) {
    font-weight: bold;
    color: #2196F3;
}

/* //////////////////////// */


/* //////////////////////// */
/* ================================= */
/* ==== TOOLTIP ==== */
.tooltip {
    position: relative;
    display: inline-block;
    /*     border-bottom: 1px dotted #ccc;
    color: #006080; */
}

.tooltip .tooltiptext ul {
    margin-left: -23px !important;
}

.tooltip .tooltiptext {
    visibility: hidden;
    position: absolute;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    /*     padding: 5px 0; */
    padding: 5px;
    border-radius: 6px;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.3s;
    font-size: 0.8em;
}

.tooltip .tooltip-showNow {
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 1000;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
    z-index: 10000;
}

.tooltiptext:hover {
    visibility: hidden !important;
    opacity: 0 !important;
}

.tooltip-right {
    top: -5px;
    left: 125%;
}

.tooltip-right::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #555 transparent transparent;
}

.tooltip-bottom {
    top: 135%;
    left: 50%;
    margin-left: -60px;
}

.tooltip-bottom::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #555 transparent;
}

.tooltip-top {
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
}

.tooltip-top::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.tooltip-left {
    top: -5px;
    bottom: auto;
    right: 128%;
}

.tooltip-left::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent #555;
}

/* ================================= */
/* ==== PDF ==== */


.onlyPDF {
    display: none;
}

.pdfOnly {
    display: none;
}


@media (max-width: 601px) {
    .page-background {
        padding: 0 !important;
    }
}

@media print {
    .pdf_wide {
        width: 200px;
    }

    .itemdisplayinner {
        margin-top: -4px;
    }

    .itemdisplayinner td:nth-child(1) {
        line-height: 3.0em;
    }
}

.Arial {
    font-family: Arial !important;
}

/* //////////////////////////////// */


/*JQUERY*/

.ui-effects-transfer {
    border: 2px dotted grey;
    z-index: 10000;
}


.ui-menu {
    opacity: 0.95;
}

div.hiddendiv {
    display: block;
    border: 3px solid #C581DB;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

/* END JQUERY */

table.hiddentable {
    margin-left: -10px;
    margin-top: -8px;
    margin-bottom: -8px;
    border: 3px solid white;
    padding: -5px;
}

/* ======================== */
/* PAGE STYLING */

header {
    z-index: 10000;
    /*header over everything else */
    height: 60px;
    width: 100%;
    /*background:#212121;*/
    background: #D1D1D1;
    /*overflow: hidden;*/
    /* 	border-bottom:1px solid #444444; */
    position: fixed;
}

footer.iefooter {
    position: relative !important;
    bottom: 0 !important;
    width: 100% !important;
}

.iefootericon2 {
    width: 200px;
    height: 75px;
    /* z-index: 10000; */
    z-index: 0;
    position: fixed;
    right: 0;
    bottom: 0;
    pointer-events: none;
    opacity: 0.5;
    text-align: right;
}

.iefootericonIcon2 {
    font-size: 44px !important;
    text-align: left;
    position: absolute;
    right: 155px;
    bottom: 16px;
}

.iefootericonIconFront {
    font-size: 28px !important;
    text-align: left;
    position: absolute !important;
    right: 152px;
    bottom: 20px;
    z-index: 9000;
}

.logoIronbridgeLogoFooterFront {
    height: 30px;
    position: absolute;
    right: 15px;
    bottom: 20px;
    z-index: 9001;
}

.logoIronbridgeLogoFooterFrontSVG {
    height: 30px;
    width: 118.47px;
    position: absolute;
    right: 15px;
    bottom: 20px;
    z-index: 9001;
}

.logoIronbridgeLogoFooter2 {
    height: 30px;
    position: absolute;
    right: 15px;
    bottom: 20px;
}

.purplecorner {
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: -10000;
}

.purplecornerimg {
    position: fixed;
    right: 0;
    bottom: 0;
    width: 750px;
    opacity: 0.5;
    transform: rotate(180deg);
    /*       -webkit-transform: scaleY(-1);
  transform: scaleY(-1); */
}

.purpleTri1 {
    opacity: 0.5;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -10000;
}

.purpleTri2 {
    /* 	  opacity:0.5; */
    opacity: 0.9;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 9000;
}

.purpleCornerBack {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: -10000;
}

.purpleCornerFront {
    /*   min-height:fit-content; */
    /*   min-height:150px; */
    /*   min-width:600px; */
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 9000;
    pointer-events: none;

}

.purpleCornerFront > .slideLining {
    position: relative;
    bottom: 0;
    right: 0;
    min-height: 150px;
    min-width: 100%;
    z-index: 8999;
    pointer-events: none;
    background: none !important;
    /*   -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease; */
    /*   transition-duration: 0.3; */
    border-radius: 30px;
    transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
    -webkit-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
    -moz-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
    -o-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
}

/*.purpleCornerFront:hover {*/
/*    !*   z-index:-1; *!*/
/*    !*   pointer-events:none; *!*/
/*}*/

/* @keyframes slideLining {
  from {bottom:-0; right:0;}
  to {bottom:-200px; right:-100px;}
}
 */
/*.purpleCornerFront:hover > .slideLining {*/
/*    bottom: -200px;*/
/*    right: -100px;*/
/*    pointer-events: none;*/
/*    background: none !important;*/

/*    !*   animation-name:slideLining;*/
/*  animation-duration:1s;*/
/*  animation-timing-function: ease-in-out;*/
/*  animation-fill-mode: forwards; *!*/

/*    !*   z-index:-1; *!*/
/*    !*   opacity:0; *!*/
/*}*/

.purpleTri2 > polygon {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 9000;
}

.purpleTri2 > line {
    stroke-width: 3px;
}

.standBackPurpleCorner {
    z-index: -10 !important;
}

.iefooterbar {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    /*   border-width: 4px !important; */
    height: 4px !important;
    /*   padding-top: 5px !important; */
}

/* .iefootericon>img {
  height: 300px;
  width: 300px;
} */

/*  site for making loaders: https://loading.io/ */

.floatLoaderWrap {
    z-index: 11000;
    position: fixed;
    left: 50vw;
    top: 50vh;
}

.floatLoaderImg {
    position: absolute;
    top: -100px;
    left: -100px;
}

.iefootericonLoading {
    font-size: 300px;
    z-index: -100000000;
}

.iefootericonLoading {
    font-size: 300px;
    z-index: -100000000;
}

@media (max-width: 600px) {
    .purplecornerimg {
        width: 375px;
        max-width: 100%;
    }

    .logoIronbridgeLogoFooter2 {
        height: 23px;
        right: 9px;
        bottom: 11px;
    }

    .iefootericon2 {
        display: none;
    }

    .iefootericonIcon2 {
        display: none;
    }

    .iefootericonIconFront {
        font-size: 20px !important;
        right: 80px;
        bottom: 8px;
        position: absolute !important;
    }

    .logoIronbridgeLogoFooterFront {
        height: 15px;
        bottom: 12px;
        right: 10px;
    }

    .logoIronbridgeLogoFooterFrontSVG {
        height: 15px;
        bottom: 12px;
        right: 10px;
    }


    .ieMainMenuScrollUp {
        max-height: 0 !important;
    }

    .ieMainMenuScrollUp:hover {
        max-height: 120px !important;
    }

    .ieMainMenuScrollDown {

    }

}

@media print {
    .purplecornerimg {
        width: 375px;
        max-width: 100%;
    }

    .logoIronbridgeLogoFooter2 {
        height: 23px;
        right: 9px;
        bottom: 11px;
    }

    .iefootericon2 {
        display: none;
    }

    .iefootericonIcon2 {
        display: none;
    }

    .iefootericonIconFront {
        font-size: 20px !important;
        right: 80px;
        bottom: 8px;
        position: absolute !important;
    }

    .logoIronbridgeLogoFooterFront {
        height: 15px;
        bottom: 12px;
        right: 10px;
    }

    .logoIronbridgeLogoFooterFrontSVG {
        height: 15px;
        bottom: 12px;
        right: 10px;
    }


    .ieMainMenuScrollUp {
        max-height: 0 !important;
    }

    .ieMainMenuScrollUp:hover {
        max-height: 120px !important;
    }

    .ieMainMenuScrollDown {

    }

}

/* ======================== */


.ieMainMenu {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    max-height: 120px;
}

.iconfix1 {
    position: relative;
    top: 3px;
}

/* .iconfix2 {
  position:relative;
  top: 3px;
  opacity:0.5;
} */

.iconfix3 {
    position: relative;
    top: 3px;
    width: 15px;
    height: 15px;
}

@media (max-width: 600px) {
    body {
        /*width: 100%;    */
        /*max-width:600px;*/
        /*overflow: auto;    */
    }

    /*Make tables wide on mobile */
    /*Inelegant solution, worth fixing with required class (btw this based on w3-responsive) - this broke the leave calendar (fixed with exception) - but what else will it break?*/
    /*table:not([style*="display:none"]):not([style*="display: none"]):not(.fc-scrollgrid-sync-table):not(.fc-scrollgrid) {*/
    /*    display: block !important;*/
    /*    overflow-x: auto;*/
    /*}*/


}

body {
    /*   height: 100%;
  width: 100%; */
    height: 100%;
    width: 100%;
    overflow: auto;
    /*   max-width:100vw;
  overflow: scroll; */
    margin: 15px 25px 25px 25px;
    padding: 5px;
    color: #333333;
    /*JGB TEMP PINK*/
    /*   color: #ff00ec;
  background: #b780ff36; */
    /*end*/
    /*font-family: Arial, Helvetica, sans-serif;*/
    /*background-image: url('../images/IronbridgeLogo.svg');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: 97% 3%;
	*/
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

table.sticky-th {
    position: relative;
}

table.sticky-th th {
    position: sticky;
    top: 59px;
    z-index: 100;
}

.jobTimeWrapJobPage > table.sticky-th th {
    top: 1px !important;
}

/* table.sticky-th tr td div:has(> input) {margin-top:10px;} */

table.sticky-th tr td {
    vertical-align: middle !important;
}

.max-200 {
    max-width: 200px;
}

.max-400 {
    max-width: 400px;
}

.max-600 {
    max-width: 600px;
}

.min-width-cols-150 td {
    min-width: 150px;
}

.non_userspecific {
    background-image: repeating-linear-gradient(45deg, #FFF, #FFF 60px, #EEEEFF 60px, #EEEEFF 120px);
    /*background-color: #f9f2ff;*/
}

.plusminus {
    display: inline-block;
    font-weight: bold;
    font-size: 1.2em;
    color: blue;
    width: 12px;
}

.chartlegend th {
    font-weight: bold;
    color: black;
    background-color: white;
    border-bottom: 2px solid black;
}

.status1 {
    background-color: #EEEEEE;
    color: black;
}

.status2 {
    background-color: #ffc299;
    color: black;
}

.status3 {
    background-color: #EEEEEE;
    color: black;
}

.status4 {
    background-color: #DDDDDD;
}

/* .status39 {background-color: #ffc299;} */

.status39 {
    background-color: #99bbff;
    color: black;
}

/* .status29 {background-color: #99bbff40;} */

.status29 {
    background-color: #f5a3f5;
    color: black;
}

.status5 {
    background-color: #ffc299;
    color: black;
}

.status10 {
    background-color: #80ff80;
    color: black;
}

.status11 {
    background-color: #ffc299;
    color: black;
}

.status12 {
    background-color: #ccffcc;
    color: black;
}

.status13 {
    background-color: #D1D1E0;
    color: black;
}

.status15 {
    background-color: #bf80ff;
    color: black;
}

.status16 {
    background-color: #d1b8d3;
    color: black;
}

.status20 {
    background-color: #ff80bf;
    color: black;
}

.status22 {
    /*   background-color: #f5a3f5; */
    background-color: #ff8080;
    color: black;
}

.status30 {
    background-color: #99bbff;
    color: black;
}

.status31 {
    background-color: #99ffff;
    color: black;
}

.status32 {
    /*background-color: #ff8080;*/
    background-color: #ff8e00fc;
    color: black;
}

.statusdot1 {
    color: #EEEEEE;
    font-weight: bold;
}

.statusdot2 {
    color: #ff8333;
    font-weight: bold;
}

.statusdot3 {
    color: #EEEEEE;
    font-weight: bold;
}

.statusdot4 {
    color: #DDDDDD;
    font-weight: bold;
}

.statusdot5 {
    color: #ff8333;
    font-weight: bold;
}

/* .statusdot39 {color: #ff8333; font-weight: bold; } */

.statusdot39 {
    color: #99bbff;
    font-weight: bold;
}

/* .statusdot29 {color: #99bbff40; font-weight: bold; } */

.statusdot29 {
    color: #f5a3f5;
    font-weight: bold;
}

.statusdot10 {
    color: #80ff80;
    font-weight: bold;
}

.statusdot11 {
    color: #ff8333;
    font-weight: bold;
}

.statusdot12 {
    color: #80ff80;
    font-weight: bold;
}

.statusdot13 {
    color: #D1D1E0;
    font-weight: bold;
}

.statusdot15 {
    color: #bf80ff;
    font-weight: bold;
}

.statusdot16 {
    color: #d1b8d3;
    font-weight: bold;
}

.statusdot20 {
    color: #ff80bf;
    font-weight: bold;
}

.statusdot22 {
    /*   color: #f5a3f5; */
    color: #ff8080;
    font-weight: bold;
}

.statusdot30 {
    color: #99bbff;
    font-weight: bold;
}

.statusdot31 {
    color: #99ffff;
    font-weight: bold;
}

.statusdot32 {
    /*color: #ff8080;*/
    color: #ff8e00fc;
    font-weight: bold;
}

.select2-results {
    background-color: white;
}

/* .fs_item_status_select {font-size:0.95em;} */

.fs_item_status_select {
    min-width: fit-content;
}

/* tr:hover td.stat {background: white;} */

/* div.ieheadermenu_by_access > div.w3-dropdown-hover > button {height:59px;} */

/* .menuTopLevel {height:59px !important; vertical-align:middle;} */

/* .ieheadericon {width:84px !important; text-align:center;} */


.menuTopLevel {
    /*padding: 12px 12px 12px 24px !important;*/
    padding: 12px 13px 12px 21px !important;
}

.menuNotTopLevel {
    padding: 12px 19px 12px 27px !important;
}


.ie-hoverable tbody tr:hover,
.text-indigo {
    color: indigo;
}

/* td.stat {border-left:2px solid #bbb !important; border-right:2px solid #999 !important;} */

td.stat {
    border-right: 0 solid !important;
}

.stat1 {
    border-right: 2px solid #DDDDDD;
    border-left: 5px solid #DDDDDD;
    background: #EEEEEE;
}

.stat2 {
    border-right: 2px solid #ff8333;
    border-left: 5px solid #ff8333;
    background: #ff833340;
}

.stat3 {
    border-right: 2px solid #EEEEEE;
    border-left: 5px solid #EEEEEE;
    background: #EEEEEE40;
}

.stat4 {
    border-left: 5px solid #DDDDDD;
    background: #DDDDDD40;
}


/* .stat29 {border-left: 5px solid #99bbff; background: #99bbff40;} */

.stat29 {
    border-right: 2px solid #f5a3f5;
    border-left: 5px solid #f5a3f5;
    background: #f5a3f540;
}

/* .stat5 {border-left: 5px solid #ff80bf; background: #ff80bf40;} */

.stat5 {
    border-right: 2px solid #ff8333;
    border-left: 5px solid #ff8333;
    background: #ff833340;
}

.stat10 {
    border-right: 2px solid #80ff80;
    border-left: 5px solid #80ff80;
    background: #80ff8040;
}

.stat11 {
    border-right: 2px solid #ff8333;
    border-left: 5px solid #ff8333;
    background: #ff833340;
}

/* .stat12 {border-right: 2px solid #80ff80; border-left: 5px solid #80ff80; background: #80ff8020;} */

.stat12 {
    border-left: 2px solid #a8cfa8;
    border-left: 5px solid #a8cfa8;
    background: #bdc2bd4a;
}

.stat13 {
    border-right: 2px solid #D1D1E0;
    border-left: 5px solid #D1D1E0;
    background: #D1D1E040;
}

.stat15 {
    border-right: 2px solid #bf80ff;
    border-left: 5px solid #bf80ff;
    background: #bf80ff40;
}

.stat16 {
    border-right: 2px solid #d1b8d3;
    border-left: 5px solid #d1b8d3;
    background: #d1b8d340;
}

.stat20 {
    border-right: 2px solid #ff80bf;
    border-left: 5px solid #ff80bf;
    background: #ff80bf40;
}

.stat21 {
    border-right: 2px solid #99bbff;
    border-left: 5px solid #99bbff;
    background: #99bbff40;
}

.stat22 {
    /*   border-right: 2px solid #f5a3f5;
  border-left: 5px solid #f5a3f5;
  background: #f5a3f540; */
    border-right: 2px solid #ff8080;
    border-left: 5px solid #ff8080;
    background: #ff808040;
    /*red stripes*/
    /*   background-image: repeating-linear-gradient( -45deg, transparent, #f5a3f5 1px, #f5a3f5 2px, transparent 2px, transparent 20px); */
    color: red !important;
    font-weight: bold;
}

.stat22 {

    border-right: 2px solid #ff8080;
    border-left: 5px solid #ff8080;
    background: #ff808040;
    color: red !important;
    font-weight: bold;
}

.stat23 {

    border-right: 2px solid #99bbff;
    border-left: 5px solid #99bbff;
    background: #ff808040;
    color: red !important;
    font-weight: bold;
}

.stat30 {
    border-right: 2px solid #99bbff;
    border-left: 5px solid #99bbff;
    background: #99bbff40 !important;
}

.stat31 {
    border-right: 2px solid #99ffff;
    border-left: 5px solid #99ffff;
    background: #99ffff40;
}

.stat32 {
    /*border-right: 2px solid #ff8080;*/
    /*border-left: 5px solid #ff8080;*/
    /*background: #ff808040;*/

    /*border-left: 5px solid #ff8e00fc;*/
    /*border-right: 2px solid #ff8e00fc;*/
    /*background: #ff8e0066;*/

    border-left: 5px solid #ff0000fc;
    border-right: 2px solid #ff0000fc;
    background: #ff8e0066;


}

/* .stat39 {border-left: 5px solid #ff8333; background: #ff833340;} */

.stat39 {
    border-right: 2px solid #99bbff;
    border-left: 5px solid #99bbff;
    background: #99bbff40;
}

.hover1 {
    border-left: 5px solid #DDDDDD;
}

.hover2 {
    border-left: 5px solid #ff8333;
}

.hover3 {
    border-left: 5px solid #EEEEEE;
}

.hover4 {
    border-left: 5px solid #DDDDDD;
}

.hover5 {
    border-left: 5px solid #ff8333;
}


.hover10 {
    border-left: 5px solid #80ff80;
}

.hover11 {
    border-left: 5px solid #ff8333;
}

/* .hover12 {border-left: 5px solid #80ff80; } */

.hover12 {
    border-left: 5px solid #a8cfa8;
}

.hover13 {
    border-left: 5px solid #D1D1E0;
}

.hover15 {
    border-left: 5px solid #bf80ff;
}

.hover16 {
    border-left: 5px solid #d1b8d3;
}

.hover20 {
    border-left: 5px solid #ff80bf;
}

.hover22 {
    /*   border-left: 5px solid #f5a3f5; */
    border-left: 5px solid #ff8080;
}

.hover23 {
    /*   border-left: 5px solid #f5a3f5; */
    border-left: 5px solid #ff8080;
}

.hover29 {
    border-left: 5px solid #ff80bf;
}

.hover30 {
    border-left: 5px solid #99bbff;
    /*   opacity: 0.4; */
    /*   opacity:0.6; */
    color: #555555;
}

.hover30ca {
    border-left: 5px solid #99bbff;
    /*   opacity: 0.4; */
    color: #555555;
}

.hover31 {
    border-left: 5px solid #99ffff;
}

.hover32 {
    border-left: 5px solid #ff8e00fc;
    /*border-left: 5px solid #ff8080;*/
}

.hover39 {
    border-left: 5px solid #99bbff;
}

.hover1:hover {
    background-color: #EEEEEE;
    opacity: 1;
}

.hover2:hover {
    background-color: #ff833340;
    opacity: 1;
}

.hover3:hover {
    background-color: #EEEEEE40;
    opacity: 1;
}

.hover4:hover {
    background-color: #DDDDDD40;
    opacity: 1;
}

.hover5:hover {
    background-color: #ff833340;
    opacity: 1;
}


.hover10:hover {
    background-color: #80ff8040;
    opacity: 1;
}

.hover11:hover {
    background-color: #ff833340;
    opacity: 1;
}

.hover12:hover {
    background-color: #80ff8020;
    opacity: 1;
}

.hover13:hover {
    background-color: #D1D1E040;
    opacity: 1;
}

.hover15:hover {
    background-color: #bf80ff40;
    opacity: 1;
}

.hover16:hover {
    background-color: #d1b8d340;
    opacity: 1;
}

.hover20:hover {
    background-color: #ff80bf40;
    opacity: 1;
}

.hover22:hover {
    /*   background-color: #f5a3f540; */
    background-color: #ff808040;
    opacity: 1;
}

.hover23:hover {
    /*   background-color: #f5a3f540; */
    background-color: #ff808040;
    opacity: 1;
}

.hover29:hover {
    background-color: #ff80bf80;
    opacity: 1;
}


.hover30:hover {
    background-color: #99bbff40;
    opacity: 1;
    color: black;
}

.hover30ca:hover {
    background-color: #ff823140;
    opacity: 1;
    color: black;
}

.hover31:hover {
    background-color: #99ffff40;
    opacity: 1;
}

.hover32:hover {
    background-color: #ff8e00fc;
    /*background-color: #ff808040;*/
    opacity: 1;
}

.hover39:hover {
    background-color: #99bbff40;
    opacity: 1;
}

.task_stat_1 {
}

.task_stat_10 {
}

.task_stat_20 {
}

.redStripedBg {
    background-image: repeating-linear-gradient(-45deg, transparent, transparent 10px, #ffaaaa 11px, #ffaaaa 12px, transparent 13px, transparent 26px)
}

.purpleStripedBg {
    background-image: repeating-linear-gradient(-45deg, transparent, transparent 10px, #f5a3f5 11px, #f5a3f5 12px, transparent 13px, transparent 26px)
    /*   background-image: repeating-linear-gradient( -45deg, transparent, #f5a3f5 1px, #f5a3f5 2px, transparent 2px, transparent 20px);   */
}

/* .task_stat_30 {color:#aaa !important;} */

tr.borderleftthin {
    border-left: 1px !important;
}

/*doesn't quite work*/

.table_bg_text {
    font-size: 300px;
    line-height: 1px;
    font-weight: bold;
    display: block;
    z-index: -1;
    color: #eeeeee;
    position: relative;
    text-align: right;
    top: 120px;
}

.table_bg_text2 {
    font-size: 300px;
    line-height: 1px;
    font-weight: bold;
    display: block;
    z-index: -1;
    color: #eeeeee;
    position: relative;
    text-align: right;
    top: -100px;
}

.tablesorter-blue .tablesorter-headerAsc {
    background-image: url(lib/js/tablesorter/dist/css/images/black-desc.gif);
    background-repeat: no-repeat;
    background-position: 100% 10%;
}

.tablesorter-blue .tablesorter-headerDesc {
    background-image: url(lib/js/tablesorter/dist/css/images/black-desc.gif);
    background-repeat: no-repeat;
    background-position: 100% 10%;
}

.job_no_col {
    font-weight: bold;
    font-size: 1.5em;
    vertical-align: middle;
    text-align: center;
    color: #555555;
}

.job_no_bg {
    font-weight: bold;
    float: right;
    bottom: -5px;
    font-size: 1.5em;
    color: magenta;
}

.ca_summary td {
    text-align: right;
}

.ca_summary_ST {
    background: #CCCCCC;
}

.ca_summary_GT {
    font-weight: bold;
}

.tasktable_home td {
    border-top: 1px solid black;
    vertical-align: top;
}

.task_drag_ul {
    list-style-type: none;
    padding: 0;
    margin: 0 0 10px;
}

.task_drag_li {
    margin: 5px;
    padding: 5px;
    width: 150px;
}

.task-type-admin {
    background: #feff9c50 !important;
    /*post it colour (faded 50%) https://www.color-hex.com/color-palette/29241 */
}

.task-type-engineering {
}

.task-type-training {
}

.task-type-it {
}

.ie_dashboard {
    margin-right: 20px;
    margin-bottom: 20px;
    width: 100%;
}

.table-align-right td {
    text-align: right;
}

.table-align-left td {
    text-align: left;
}

.home_onetable th {
    border-top: 1px solid black;
}

.home_onetable tr {
    border: 1px solid #555;
}

.nosideborder td {
    border-left: 1px solid white;
    border-right: 1px solid white;
    border-top: 1px solid white;
}

.topborder td {
    border-top: 1px solid black;
}

.topborderthick td {
    border-top: 3px solid black;
}

.nobottomborder td {
    border-bottom: 1px solid white;
}

.homecount_items {
    font-size: 1.3em;
    color: blue;
    text-align: right;
}

.homecount_jobs {
    font-size: 1.3em;
    color: red;
}

/*.subtable {border:0; padding:0; margin:0 0 0 -7px;border-collapse:collapse;}*/

.subtable {
    border: 0;
    padding: 0;
    margin: 0 0 0 0;
    border-collapse: collapse;
}

.subtable tr {
    border: 0;
}

.subtable td {
    margin: 0;
    vertical-align: top;
}

.subtable th {
    margin: 0;
    vertical-align: top;
    font-size: 0.9em;
    background: none;
    font-weight: normal;
    color: #333333;
    border: 0;
    text-decoration: underline;
}

/*.subtable2 {border:0; padding:0; margin:0 0 0 -7px;border-collapse:collapse;}*/

.subtable2 {
    border: 0;
    padding: 0;
    margin: 0 0 0 0;
    border-collapse: collapse;
}

.subtable2 tr {
    border: 0;
}

.subtable2 td {
    margin: 0;
    vertical-align: top;
}

/*.subtable2 td.smallheader {line-height:0.9em;font-size:0.9em;vertical-align:middle;}*/

.subtable2 th {
    margin: 0;
    vertical-align: top;
    font-size: 0.9em;
    background: none;
    color: #333333;
    border: 0;
    font-weight: bold;
    text-align: left;
}

.subtable3 th {
    margin: 0;
    vertical-align: top;
    font-size: 0.9em;
    background: none;
    color: #888888;
    border: 0;
    font-weight: bold;
    text-align: left;
}

td.homeheader {
    border-left: none;
    border-right: none;
    color: red;
}


.assisting_staff_col {
    display: none;
}

.history {
    display: none;
}

.investa_row {
    display: none;
}

.collapseable_displayed {
}

#pagecontent {
    /*margin: 15px 25px 25px 25px;*/
    /*margin: 0 25px;*/
    /* 	margin: 0 0 0 25px; */
    /*   padding: 70px 25px 0 25px; */
    /* 	padding-top:70px; */
    /*overflow: hidden;
	float:right;
	display:inline;
	*/
    /*padding-top:60px;*/
}

.page-background {
    /*   padding: 0px 25px 0 25px; */
    padding: 0 16px 0 16px;
    /*   margin-top: 70px; */
}

@media (max-width: 600px) {
    #pagecontent {
        padding: 3px !important;
    }
}

.borderthick {
    border-width: 2px !important;
}

.borderthicker {
    border-width: 3px !important;
}

.bottomborder {
    border-bottom: 1px solid black !important;
}

.leftborder {
    border-left: 1px solid black;
}

.rightborder {
    border-right: 1px solid black;
}

.topborder {
    border-top: 1px solid black;
}

.topborder2 {
    border-top: 1px solid #BBBBBB;
}

.topborder3 {
    border-top: 5px solid #0043ff08;
}

.strong {
    font-weight: bold;
}

.valigntop {
    vertical-align: top;
}

.rightalign {
    text-align: right !important;
}

.leftalign {
    text-align: left !important;
}

.rightfloat {
    float: right;
}

.leftalign {
    text-align: left !important;
}

.centeralign {
    text-align: center;
}

.row {
    width: 100%;
    margin: 0 auto;
    /*overflow: hidden;*/
}

.headermenudiv {
    /*font-family: Arial, Helventica, sans-serif;*/
    line-height: 1;
    position: relative;
    /*top:30px;*/
    color: #777777;
    text-align: right;
    margin: 0 20px;
    /*overflow: hidden;*/
    float: left;
    display: inline;
    vertical-align: bottom;
}

.headermenu {
    /*border-bottom: 3px solid #91C640;*/
    font-weight: bold;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: none;
    background: none;
    table-layout: fixed;
}

.headermenu td {
    height: 60px;
}

.headermenu a {
    text-decoration: none;
    color: #555555;
}

.headermenu a:hover {
    text-decoration: underline;
    color: #888888;
}

.deltadiv {
    /*overflow: hidden;*/
}

.logoRappel {
    /* line-height: 0.5em; */
    color: #606060 !important;
    /* font-size: 23px; */
    /* position: relative; */
    /* top: -5px; */
    /* right: -11px; */
    line-height: 1;
    font-size: 1.5em;
    padding-left: 0;
}

.logoIronbridgeLogo {
    height: 34px;
    position: relative;
    right: 21px;
    top: -7px;
}

.logoIronbridgeLogoFooter {
    height: 30px;
    /*   position: relative;
  left: -7px;
  top: -1px; */
    padding-right: 10px;
}

.logoIronbridge {
    font-family: "Arial Black" !important;
    font-size: 10px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 0.5em;
    margin-top: 3px;
    margin-right: 7px;
    color: #606060 !important;
}

h1.deltatitle {
    /*text-transform:uppercase;*/
    /* 	font-family: Lato, 'Helvetica Neue', Arial, Helventica, sans-serif; */
    font-family: 'Arial Black', Lato, 'Helvetica Neue', Arial, Helventica, sans-serif !important;
    font-weight: 900;
    font-size: 60px;
    line-height: 1;
    position: relative;
    top: 7px;
    right: 8px;
    color: #999999;
    text-align: right;
    margin: 0 10px;
    overflow: hidden;
    float: right;
    display: inline;
    border: none;
}

h1.deltatitle2 {
    /*text-transform:uppercase;*/
    /* 	font-family: Lato, 'Helvetica Neue', Arial, Helventica, sans-serif; */
    font-family: 'Arial Black', Lato, 'Helvetica Neue', Arial, Helventica, sans-serif !important;
    font-weight: 900;
    font-size: 50px;
    line-height: 1;
    top: 2px;
    right: 8px;
    color: #999999;
    text-align: right;
    margin: 0 10px;
    overflow: visible;
    float: right;
    display: inline;
    border: none;
    z-index: 10000000;
    position: absolute;
}

h1.betatitle {
    /*text-transform:uppercase;
	font-family: Lato, 'Helvetica Neue', Arial, Helventica, sans-serif;
	font-weight:9;
	font-size:20px;
	line-height:1;
	position:relative;
	top:-4px;
	right:-5px;
	color:#555555;
	text-align:right;
	margin: 0 10px;
	overflow:hidden;
	float:right;
	display:inline;
	*/
    /*
	text-transform:uppercase;
	font-family: Lato, 'Helvetica Neue', Arial, Helventica, sans-serif;
	font-weight:9;
	font-size:18px;
	line-height:1;
	position:relative;
	top:2px;
	right:-23px;
	color: #91c640;
	text-align:right;
	margin: 0 10px;
	overflow:hidden;
	float:right;
	display:inline;
	border: none;
	*/
    /* 	text-transform:uppercase; */
    /* 	font-family: Lato, 'Helvetica Neue', Arial, Helventica, sans-serif; */
    /*   font-family: 'Arial Black'; */
    font-weight: 900;
    font-size: 18px;
    line-height: 1;
    position: fixed;
    top: 41px;
    right: 12px;
    color: #70309e;
    text-align: right;
    overflow: hidden;
    display: inline;
    border: none;
}

.rappelversiontext {
    font-size: 7px !important;
    line-height: 20px !important;
    vertical-align: top !important;
    position: static !important;
}

.hand {
    cursor: hand;
}

.noborder {
    border: 0 !important;
}

.noborder td {
    width: auto !important;
    border: 0 !important;
}

.noborder tr {
    border: 0 !important;
}

.aligntop {
    vertical-align: top;
}

.alignbottom {
    vertical-align: bottom;
}

.alignmiddle {
    vertical-align: middle;
}

.noborderorpadding {
    border: 0 !important;
    padding: 0 !important;
}

table.noborderorpadding td {
    /* 	border: 0 !important; */
    padding: 0;
}

table.searchtable td {
    padding: 5px 7px 5px 7px !important;
}

.searchtable {
    border: 1px solid #444444;
}

/*.subheader a {text-decoration:none;}*/

/*.subheader .current { */

.current {
    color: #70309e;
    font-weight: bold;
}

table {
    border: 1px solid black;
    background: white;
    /*border: 2px solid #2C338B;*/
}

.input td {
    vertical-align: top;
}

.boldinput {
    font-weight: bold;
}

.logininput {
    font-size: 0.8em;
    color: #333333;
    text-align: center;
}

/* INPUT PLACEHOLDER */

::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #999;
    opacity: 1;
    /* Firefox */
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #999;
}

::-ms-input-placeholder {
    /* MS Edge */
    color: #999;
}

/* HIDE NUMBER INPUT ARROWS */


table.tablesorter thead tr th.headerSortUp {
    background-image: url(lib/js/tablesorter/dist/css/images/black-desc.gif);
    background-repeat: no-repeat;
    background-position: 100% 10%;
}

.tablesorter .filtered {
    display: none;
}

/* ajax error row */

.tablesorter .tablesorter-errorRow td {
    text-align: center;
    cursor: pointer;
    background-color: #e6bf99;
}

.tablesorter .tablesorter-filter {
    width: 100%;
}

.tablesorter thead .disabled {
    display: none
}

tr {
    /* 	border-collapse: collapse; */
}

td.approved_true {
    border-style: solid;
    border-color: #3399FF;
    border-width: 1px;
    text-align: center;
}

td.approved_true a {
    color: #3399FF;
}

td.approved_false {
    border-style: solid;
    border-color: #FF0000;
    border-width: 1px;
    text-align: center;
    background: #FFCCFF;
}

td.approved_false a {
    color: #F80000;
}

.approved_other {
    color: #3399FF;
    text-align: center;
}

.notapproved_other {
    color: #F80000;
    text-align: center;
}

.small {
    font-size: 0.75em;
    color: #888888;
    vertical-align: bottom;
}

.small a {
    color: #888888;
}

.small_inherit {
    font-size: 0.75em;
    color: inherit;
    vertical-align: bottom;
}

.smallish {
    font-size: 0.85em;
    color: #000000;
}

.smallish a {
    color: #888888;
}

.smaller {
    font-size: 0.5em;
    color: #888888;
    vertical-align: bottom;
}

.smallest {
    font-size: 0.25em;
    color: #888888;
    vertical-align: bottom;
}

.scale25pc {
    transform: scale(0.25);
}

.scale50pc {
    transform: scale(0.5);
}

.scale75pc {
    transform: scale(0.75);
}

.strikethrough {
    text-decoration: line-through;
}

.redStrikethroughHover {
    text-decoration: line-through solid #ff000090;
}

.redStrikethroughHover:hover {
    text-decoration: line-through solid #ff000030;
}

.deletedReconciliationLine {
    background: -webkit-linear-gradient(right, #ff000000, white 200px);
    background: -moz-linear-gradient(right, #ff000000, white 200px);
    background: -o-linear-gradient(right, #ff000000, white 200px);
    background: linear-gradient(to left, #ff000000, white 200px);

)
}

.deletedReconciliationLineTotal {
    background: -webkit-linear-gradient(right, #ff000000, white 200px);
    background: -moz-linear-gradient(right, #ff000000, white 200px);
    background: -o-linear-gradient(right, #ff000000, white 200px);
    background: linear-gradient(to left, #ff000000, white 200px);
}

.display td:nth-child(1) {
    font-size: 0.8em;
    line-height: 1.5em;
    color: #666666;
    /*position:relative;
  top:0.3em;*/
    vertical-align: top;
    width: 85px;
}

.display td:nth-child(3) {
    font-size: 0.8em;
    line-height: 1.5em;
    color: #666666;
    /*position:relative;
  top:0.3em;*/
    vertical-align: top;
    width: 78px;
}

.display td:nth-child(2) {
    width: 150px;
}

.display td:last-child {
    width: auto;
}

.display {
    background: 0;
}

/*
.display2 {border:none;}
.display2 td:nth-child(1) {
	font-size: 1em;
  line-height:1em;
  padding-left:0;
  margin-left:0;
  vertical-align:top;
}

.display2 td:nth-child(2) {
	font-size: 0.8em;
	line-height:1.5em;
	color: #666666;
  vertical-align:top;
}

.notdisplay td:nth-child(1) {
	font-size: 1em;
}
*/

.blindDateBtn {
    background: transparent;
    color: transparent;
    border: none;
    outline: none;


    width: 60px;
    min-width: 90%;
    cursor: pointer;
    font-size: 0.65em;
    min-height: 30px;

    display: inline-block;
    padding: 8px 16px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    text-align: center;

    white-space: nowrap;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.blindDateBtn:hover {
    background-color: #B4B4B4;
    color: black;
}

.hiddenBtn {
    background: transparent;
    color: transparent;
    border: none;
    outline: none;
    /*   outline: 2px dashed #ddd; */
    display: block;
    padding: 3px;
    /*   height: 25px; */
    width: 60px;
    min-width: 90%;
    /*   max-width:fit-content; */
    cursor: pointer;
    font-size: 0.65em;
    min-height: 30px;
}

.hiddenBtn:hover {
    background-color: #B4B4B4;
    color: black;
}

.hiddenBtn2 {
    background: transparent;
    color: #FFFFFF;
    border: none;
    outline: none;
    display: block;
    /*height:25px;*/
    /*width:140;*/
    cursor: pointer;
}

.hiddenBtn2:hover {
    background-color: #B4B4B4;
}

.fs_item_tbody {
    /*   border:3px solid red; */
    /*     box-shadow: 4px 4px 12px -6px #ccc; */
    /*   box-shadow: 3px 4px 6px -5px lightslategrey;   */
}

.fs_item_row {
    /* box-shadow: 0px 0px 0px #888, 0px -2px 5px #ccc; */
    /*-webkit-box-shadow: 0px 0px 2px 2px grey;
   -moz-box-shadow: 0px 0px 10px 10px grey; */
    border-top: 2px solid #99999975;
}

.fs_item_row::before {
    /*   content: "<tr><td>colspan='100%' style=min-height:20px;</td></tr>"; */
}

.fs_item_row td {
    /*   border-top: 2px solid #eee !important; */
}


.verify_row {
    background: #9e2bb110;
    /*   box-shadow: 0px 0px 14px 4px #ccc; */
    /*   box-shadow: 0 0 7px -2px #ccc; */
    border-left-width: 3px;
    border-top: 1px solid #ddd;
}

.verify_row td:first-child {
    border-top: 1px solid white !important;
}

.verify_row td:nth-child(2) {
    border-top: 1px solid white !important;
}

/* .verify_row td:first-child {
  background:none !important;
  border:none !important;
} */

.verifyWarningRedBox {
    /*   box-shadow: rgb(170 170 170 / 49%) 0px -2px 3px inset; */
    /*   background-image:
    linear-gradient(98DEG, #ff000040, transparent 150%),
    linear-gradient(98deg, red, transparent 6px),
    linear-gradient(98deg, red, transparent 6px),
    linear-gradient(278deg, red, transparent 6px),
    linear-gradient(350deg, red, transparent 6px),
    linear-gradient(170deg, red, transparent 6px); */
    /*     background-image:
    linear-gradient(90deg, #ff000040, transparent 150%),
    linear-gradient(90deg, red, transparent 6px),
    linear-gradient(90deg, red, transparent 6px),
    linear-gradient(270deg, red, transparent 6px); */
}

.verifyWarningRedBox > td:not(.zerothCellIndent) {
    background-image: linear-gradient(360deg, red, transparent 4px),
    linear-gradient(180deg, red, transparent 4px);
}

.verifyWarningRedBox > td.stat {
    border-left: 5px solid red;
    background-image: linear-gradient(90deg, #ff000040, transparent 150%),
    linear-gradient(360deg, red, transparent 4px),
    linear-gradient(180deg, red, transparent 4px);
}


.task_row {
    background: #10c0d605;
    border-top: 1px solid #eee;
    /* box-shadow: 0px 0px 14px 4px #ccc; */
    /*   box-shadow: 0 0 7px -2px #ccc; */
    border-left-width: 3px;
}

.task_row td:first-child {
    border-top: 1px solid white !important;
}

.task_row td:nth-child(2) {
    /*border-top: 1px solid white !important;*/
}

.task_row td:nth-child(3) {
    /*border-top: 1px solid white !important;*/
}


/* .task_row td:first-child {
  background:none !important;
  border:none !important;
}
 */

.task_row_group {
    border-top: 1px solid #ccc;
}

.task_row_group td:first-child {
    border-top: 1px solid white !important;
}

.fsTableSpacerTr {
    /*   box-shadow: inset 0 0 7px 2px #ccc; */
    box-shadow: inset 0 0 5px 1px #ccc;
    background: transparent !important;
}

.fsTableSpacerTr > td {
    height: 8px !important;
    padding: 0 !important;
    background: transparent !important;
}

.fs_table_wrapper {
    /*   box-shadow: inset 0 0 5px 1px #ccc; */
    /*   padding:5px; */
}

.fs_table {
    border: none;
    box-shadow: 0 0 5px 1px #ccc;
}

.fs_table tr {
    background: white;
    /*   box-shadow: 0 0 5p 5p #ccc; */
}

.fs_table tr:first-child td {
    /* 	font-size: 0.8em;
	line-height:1.5em;
	color: #666666;
	vertical-align:top; */
}

.fs_table td {
    width: auto !important;
}

.assisting {
    font-weight: bold;
    font-size: .9em;
    color: red;
    padding: 2px 5px 2px 5px;
    line-height: 2em;
    border: 1px solid black;
    text-transform: uppercase;
}

.preloader {
    display: none;
    margin-bottom: -30px;
    position: absolute;
}

.warning {
    font-weight: bold;
    color: red;
    text-transform: uppercase;
}

.red {
    color: red;
}

.orange {
    color: orange;
}

.green {
    color: green;
}

.grey {
    color: #AAAAAA;
}

.grey a {
    color: #AAAAAA;
}

.grey2 {
    color: #888888;
}

.grey2 a {
    color: #888888;
}

.black {
    color: #000000;
}

.black a {
    color: #000000;
}

.nounderline,
.nounderline a {
    text-decoration: none !important;
}

.nounderline:hover {
    text-decoration: underline !important;
}

.nounderlineever {
    text-decoration: none;
}

.nounderlineever:hover {
    text-decoration: none;
}


.stafftracking a {
    text-decoration: none;
    color: inherit;
}

.stafftracking a:hover {
    text-decoration: underline;
}

.stafftracking tr td:nth-child(2),
.stafftracking tr td:nth-child(6),
.stafftracking tr td:nth-child(7),
.stafftracking tr td:nth-child(8),
.stafftracking tr td:nth-child(9),
.stafftracking tr td:nth-child(10),
.stafftracking tr td:nth-child(11),
.stafftracking tr td:nth-child(12),
.stafftracking tr td:nth-child(13),
.stafftracking tr td:nth-child(14),
.stafftracking tr td:nth-child(15),
.stafftracking tr td:nth-child(16),
.stafftracking tr td:nth-child(17) {
    text-align: right;
}

.jqstooltip {
    background-color: #c6e5f6 !important;
    border-radius: 5px;
    font-size: 15px !important;
    /*  padding: 10px !important; */
    padding: 10px 20px 20px !important;
    margin: 10px;
    color: black !important;
    /*  overflow: auto !important;  */
    text-align: center !important;
    border-color: #CCCCCC !important;
    max-width: 600px !important;
    max-height: 400px !important;
}

.jqsfield {
    font-size: 15px !important;
    color: black !important;
    /*set the text color here */
    padding: 2px !important;
    margin-right: 20px !important;
    margin-bottom: 10px !important;
    /*  padding-left:-10px !important; */
    position: relative;
    top: -5px;
    left: -13px;
}

.highlight {
    color: #8A2BE2;
    /*purple*/
}

.block {
    display: block;
}

.inline-block {
    display: inline-block;
}

.purple {
    color: #70309e;
}

.underline {
    text-decoration: underline;
}

.underline-dash {
    text-decoration: underline;
    text-decoration-style: dashed;
}

/* .border-dashed {border: 1px grey dashed; padding: 5px; position:relative;display:inline-block;} */

.border-dashed {
    border: 1px grey dashed;
    padding: 3px;
}

.instantwrap {
}

.tag_wrapper {
}

.tag {
    /*background-color: #70309e; /*purple*/
    border: none;
    border-radius: 8px;
    color: white;
    padding: 2px 8px 2px 8px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 0 15px 0 0;
    /*position: relative;
  top:-50px;
  right:0px;
  */
    float: right;
    /*
  position: absolute;
  right: 25px;
  top:3px;
  */
    font-size: 0.8em;
    font-weight: bold;
}

.tag_left {
    float: left !important;
}

.tag_purple {
    background-color: #70309e;
}

.tag_orange {
    background-color: orange;
}

.tag_red {
    background-color: red;
}

.tag_blue {
    background-color: blue;
}

.tag_light_green {
    background-color: #4CAF50;
}

.tag_blue_border {
    background-color: white;
    border: 1px solid blue;
    color: black;
    padding: 1px 7px 1px 7px !important;
}

.tag_light_blue_border {
    background-color: white;
    border: 1px solid #7999ff;
    color: black;
    padding: 1px 7px 1px 7px !important;
}

.tag_light_green_border {
    background-color: white;
    border: 1px solid #4fb948;
    color: black;
    padding: 1px 7px 1px 7px !important;
}

.tag_red_border {
    background-color: white;
    border: 1px solid red;
    color: black;
    padding: 1px 7px 1px 7px !important;
}

.tag_red_border_pale_fill {
    background-color: #ffcccc;
    border: 1px solid red;
    color: black;
    padding: 1px 7px 1px 7px !important;
}

.tag_orange_border {
    background-color: white;
    border: 1px solid orange;
    color: black;
    padding: 1px 7px 1px 7px !important;
}

.tag_pink_double {
    background-color: white;
    border: 2px double #ff00d7;
    color: black;
    padding: 1px 7px 1px 7px !important;
}
.tag_orange_double {
    background-color: white;
    border: 2px double #ff9800;
    color: black;
    padding: 1px 7px 1px 7px !important;
}

.tag_yellow {
    background-color: white;
    border: 2px double yellow;
    color: black;
    padding: 1px 7px 1px 7px !important;
}

.deleted {
    font-weight: bold;
    font-size: 1.1em;
    color: red;
    text-transform: uppercase;
    border-bottom: 2px solid red;
}

.blinddate {
    display: none;
}

.billingsummary td {
    text-align: right;
}

.billingsummary td:first-child {
    text-align: left;
}

.wip {
    font-style: italic !important;
    color: #888 !important;
    background-color: #f5f5f5;
}

.thismonth {
    background-color: #e1e0ff !important;
    /*pale blue*/
}

.thismonth td {
    background-color: #e1e0ff !important;
    /*pale blue*/
}

.italic {
    font-style: italic !important;
}

.jq_popup {
    font-size: .7em;
}

.spent {
    /*color:#6600CC;*/
    /*color:#339966;*/
    color: #6600FF;
    /*font-family: "Arial Black", Gadget, sans-serif;*/
    /*font-weight:bold;*/
}

.datecolour_expired {
    color: red;
}

.datecolour_expiring {
    color: orange;
}

.datecolour_current {
    color: green;
}

.ratingstars {
    color: black;
}

/*.searchrow {display:none;}*/

/*.searchrow td {vertical-align: middle;}*/

.noresults {
    color: red;
    font-weight: bold;
}


.plus_png {
    margin-left: 10px;
    margin-top: 4px;
}

.spec_edit {
    border: 1px solid #CCCCCC;
}

.new_spec_cost {
    border: 1px solid green;
    margin-top: 5px;
    margin-bottom: 5px;
}

.ex_spec_cost {
    border: 1px solid #CCCCCC;
    margin-top: 5px;
    margin-bottom: 5px;
}

.itemdisplay {
    border: 0;
}

.itemdisplay th {
    border: 0;
    vertical-align: top;
    text-align: left;
    padding-left: 0;
}

.itemdisplay td {
    vertical-align: top;
}

.itemdisplay2 {
    border: 0;
    vertical-align: top;
}

.itemdisplay2 td {
    vertical-align: top;
    padding-bottom: 20px;
}

.itemdisplay2 td:nth-child(1) {
    font-size: 0.8em;
    line-height: 1.5em;
    color: #666666;
    vertical-align: top;
}

.itemdisplayinner {
    border: 0;
    margin-left: 7px;
    vertical-align: top;
}

.itemdisplayinner td {
    padding-left: 0;
    padding-bottom: 4px;
    padding-right: 25px;
    margin-left: 0;
}

.itemdisplayinner tr {
    page-break-inside: avoid;
}

.itemdisplayinner td:nth-child(1) {
    font-size: 1.0em;
    line-height: 1.0em;
    vertical-align: top;
}

.itemdisplayinner2 {
    border: 1px solid black;
    margin-left: 7px;
    vertical-align: top;
}

.itemdisplayinner2 td {
    padding: 5px;
}

.itemdisplayinner2 tr {
    page-break-inside: avoid;
}

.itemdisplayinner2 td:nth-child(1) {
    font-size: 1.0em;
    line-height: 1.0em;
    vertical-align: top;
}

.itemdisplayinner3 {
    border: 0;
    margin-left: 7px;
    vertical-align: top;
}

.itemdisplayinner3 td {
    padding: 5px;
    border-bottom: 1px solid #BBBBBB;
}

.itemdisplayinner3 tr {
    page-break-inside: avoid;
}

.itemdisplayinner3 td:nth-child(1) {
    font-size: 1.0em;
    line-height: 1.0em;
    vertical-align: top;
    color: initial;
}

.itemdisplayinner3 th {
    border-bottom: 1px solid #888888;
    color: grey;
    font-weight: normal;
    font-size: 0.8em;
    background-color: white;
    text-align: left;
}

.itemdisplayinner4 {
    border: 0;
    margin-left: 0;
    vertical-align: top;
}

.itemdisplayinner4 td {
    padding: 8px 10px;
    border-bottom: 1px solid #DDDDDD;
}

.itemdisplayinner4 tr {
    page-break-inside: avoid;
}

.itemdisplayinner4 td:nth-child(1) {
    font-size: 1.0em;
    line-height: 1.0em;
    padding-left: 0;
    vertical-align: top;
    color: initial;
}

.itemdisplayinner4 th {
    border-bottom: 1px solid #AAAAAA;
    color: grey;
    font-weight: normal;
    font-size: 0.8em;
    background-color: white;
    text-align: left;
}

.production_portlet {
    /*   background: green !important; */
}

.small_th_top th {
    font-size: 0.8em;
    padding-left: 10px;
}

.tenderitemsheader {
    padding-left: 0;
    border-bottom: 2px solid grey;
}

.paddingtop20 th {
    padding-top: 20px;
}

.paddingtop {
    /* 	margin-top:10px; */
    padding-top: 10px;
}

.paddingbottom {
    padding-bottom: 10px;
}

.paddingtopbottomnosides {
    padding: 20px 0 !important;
}

.paddingtopbottomnosides2 {
    padding: 40px 0 !important;
}

.paddingtopbottomnosides3 {
    padding: 5px 0 !important;
}

.nopadding {
    padding: 0 !important;
}

.nopaddingleft {
    padding-left: 0 !important;
}

.nopaddingLeftTd td {
    padding-left: 0 !important;
}

.nopadding-tb {
    padding-top: 0;
    padding-bottom: 0;
}

.padding-lr {
    padding-left: 4px !important;
    padding-right: 4px !important;
}

.padding-lr-only {
    padding: 0 4px;
}

.paddingbr {
    padding-right: 10px !important;
    padding-bottom: 10px !important;
}


.paddingleft5 {
    padding-left: 5px;
}

td.tender_leftborder,
th.tender_leftborder {
    border-left: 1px solid #AAA;
}

.recs tr {
    border-bottom: 1px solid black;
}

.logo-delta {
    text-align: right;
    color: #777777;
    font-size: 2em;
}

.logo-beta {
    text-align: right;
    vertical-align: top;
    color: #777777;
    font-size: 0.8em;
    font-weight: bold;
    padding: 0;
}

/* OLD
#map {
	width: 100%;
	height: 100%;
	border: 1px solid black;
}
*/

/*::-webkit-datetime-edit { padding: 1em; }
::-webkit-datetime-edit-fields-wrapper { background: silver; }
::-webkit-datetime-edit-text {
	color: red;
	font-family:Arial, Helvetica, sans-serif;
}
::-webkit-datetime-edit-month-field { color: blue; 	font-family:Arial, Helvetica, sans-serif; }
::-webkit-datetime-edit-day-field { color: green; }
::-webkit-datetime-edit-year-field { color: purple; }
::-webkit-inner-spin-button { display: none; }
::-webkit-calendar-picker-indicator { background: orange; }*/

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

input {
    /*font-family: Arial, Helvetica, sans-serif;*/
}

/* gets date fields in Arial */

/*input[type="text"] { width: 400px; }*/

/*textarea { width: 600px; height: 275px; }*/

/* label { color: #ff5400; } */

/* input:not([type=submit], [type=button]), textarea, select {  */

/*width:30% !important;
  padding:0px !important;
  */

/* JGB CONSIDER REINSTATING*/

/*   background-color: rgba(255, 255, 255, 0.4);
	border: 1px solid #BBBBBB;
	padding: 2px;
	margin: 2px;
	color: #4b4b4b;
 	font-size: 0.9em;
  font-family: inherit;
   */

/*border: 2px solid rgba(145, 198, 64, 0.7); */

/* 	-webkit-border-radius: 3px;  */

/*margin-bottom: 15px;
	margin-top: -10px; */

/* 	font-family: Arial, Helvetica, sans-serif; */

/* 	font-size: inherit; */

/* 	} */


label {
    font-size: 0.8em;
    color: #bbbbbb;
}

textarea {
    border: 1px solid #dddddd !important;
}

.ieJobDetailsSection {
    border: 0;
}

.ie_tablerow {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.ie_tablerow:after, .ie_tablerow:before {
    content: "";
    display: table;
    clear: both;
}

.ie_tablerow_fs {
    /*   font-size:0.9em; */
    /*   display:inline-block; */
    padding: 4px 8px !important;
}

.ie_tablerow_paddingBtwn {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.ie_tablerow_paddingBtwn > div.w3-col:not(:first-child) {
    padding-left: 4px
}

.ie_tablerow_paddingBtwn > div.w3-col:not(:last-child) {
    padding-right: 4px
}


.job_ne {
    background: #FFFFFFAA;
}

.newedit_label {
    /*   text-align:right;
  padding-right:3px; */
    vertical-align: center;
    padding-left: 10px;
}


.ie-half-grey,
.ie-hover-half-grey:hover,
.ie-half-gray,
.ie-hover-half-gray:hover {
    color: #000 !important;
    background-color: #CCCCCC !important;
}

/*input:not([type=submit]):not(.blind_input):focus, textarea:focus, select:focus { border: 1px solid rgba(145, 198, 64, 0.7); background-color: rgba(255, 255, 255, 1); }*/

/* input[type=number] {width:80px;}
input[type=date] {width:140px;} */

.fs_table input[type=number] {
    width: 80px;
}

.fs_table input[type=date] {
    min-width: 135px;
    font-size: 0.95em;
}

.fs_table input[type=select] {
    font-size: 0.95em;
}

.fee_qty_input {
    width: 45px !important;
    line-height: 1.2em;
    text-align: right;
    /*   font-size: 0.8em;
	line-height:1.5em;
	color: #666666;
	vertical-align:top; */
}

input[type=checkbox] {
    /* All browsers except webkit*/
    transform: scale(1.1);
    /* Webkit browsers*/
    -webkit-transform: scale(1.1);
}

/* input[type="date"] {
    position: relative;
} */

/* create a new arrow, because we are going to mess up the native one
see "List of symbols" below if you want another, you could also try to add a font-awesome icon.. */

/* input[type="date"]:after {
    content: "\25BC";
    color: #555;
    padding: 0 5px;
} */

/* change color of symbol on hover */

/* input[type="date"]:hover:after {
    color: #bf1400;
}
 */

/* make the native arrow invisible and stretch it over the whole field so you can click anywhere in the input field to trigger the native datepicker*/

/* input[type="date"]::-webkit-calendar-picker-indicator {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    color: transparent;
    background: transparent;
}
 */

/* adjust increase/decrease button */

/* input[type="date"]::-webkit-inner-spin-button {
    z-index: 1;
      -webkit-appearance: none;
    display: none;
}
 */

/* adjust clear button */

/*  input[type="date"]::-webkit-clear-button {
     z-index: 1;
   position:relative;
   left:5px;
 } */

/*input[type=submit] {padding:3px; margin:3px;}*/

/* ::-webkit-datetime-edit {width:100px;}
::-webkit-datetime-edit-fields-wrapper {width:100px; }
 */

.blind_input {
    text-align: right;
    border: none;
    outline: none;
    width: -webkit-fill-available;
    background: transparent;
}

/* textarea {

	border: 3px solid #cccccc;
	padding: 5px;
	font-family: font-family: Arial, Helvetica, sans-serif;
} */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

.buildings {
    /*width: 65%; REMOVED WHEN MAP REMOVED */
}

.seabreeze {
    position: fixed;
    top: 125px;
    right: 50px;
    z-index: -1;
    /*   float: right; */
}

.seabreeze img {
    width: 500px;
}

@media (max-width: 600px) {
    .seabreeze {
        left: 0;
        position: relative;
        display: block;
        top: 0;
    }

    .seabreeze img {
        width: 100%;
    }
}

.ieMapWrap {
    display: block;
    max-height: 100% !important;
    height: 100%;
    width: 100%;
    min-height: 500px;
    /*   position:relative; */
    /* 	position: fixed; */
    /* 	top: 300px; */
    /* 	right: 20px; */
    /* 	width: 30%; */
    /* 	height: 80%; */
    /* 	text-align: right; */
}

.ieMap {
    width: 100%;
    height: 100%;
    border: 1px solid black;
    min-height: 500px;
    max-height: 100vh;
}

#mapwrap2 {
    /* 	display: block; */
    /* 	position: fixed; */
    /* 	top: 300px; */
    /* 	right: 20px; */
    /* 	width: 30%; */
    /* 	height: 80%; */
    /* 	text-align: right; */
}

#map2 {
    width: 100%;
    height: 100%;
    border: 1px solid black;
}

/* .review_wrapper {width:100%;border:0;margin:0;padding:0;} */

.review_wrapper {
    border: 0;
    margin: 0;
    padding: 0;
}

.review_wrapper td {
    vertical-align: top;
}

.review_list {
    border-spacing: 0;
}

.review_list table {
    position: fixed;
    right: 10px;
}

.review_list th {
    text-align: right;
}

.review_list tr:hover td {
    background-color: #BFC2E3;
}

.review_list td {
    font-size: 0.9em;
    vertical-align: middle;
}

.review_thisjob {
    /*background-color: #BFC2E3;*/
    background-color: #0015ff0f;
}

.review_done {
    /*background: #C2FFC2;*/
    background: #00ff000d;
}

.hidden {
    display: none;
}

/* RECOMMENDATIONS TABLE */

.recommendations {
    /* 	margin: 0;
	padding: 0;
	width: 100%;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000; */
}

.recommendations table {
    /* 	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border-top:1px solid black; */
}

.recommendations tr:hover td {
    background-color: #BFC2E3;
}

.recommendations tr {
    background-color: #FFFFFF;
}

.recommendations td {
    /* 	vertical-align: middle; */
    /* 	border: 1px solid #000000; */
    /* 	border-width: 0 0 1px 0; */
    /* 	text-align: left; */
    /* 	padding: 4px 10px 4px 10px; */
    /* 	font-size: 1em; */
    /*font-family: Arial;*/
    /* 	font-weight: normal; */
    /* 	color: #000000; */
}

.recommendations th {
    /* 	border: 0;
	text-align:left;
	border-top: 1px solid black;
	border-bottom: 2px solid #90C246;
	/*padding: 7px 12px 7px 12px;*/
    /* 	padding: 4px 10px 4px 10px; */
    /* 	font-size: 1.0em; */
    /*font-family: Arial;*/
    /* 	font-weight: bold; */
    /* 	color: #2C338B; */
}

.recommendations td.overdue {
    border-right: 2px solid #FF0000;
    border-left: 2px solid #FF0000;
    background: #FFC2C2;
}

.recommendations tr:hover td.overdue {
    background: #FFC2C2;
}

.recommendations td.overdue_ip {
    border-right: 2px solid #FF0000;
    border-left: 2px solid #FF0000;
}

.recommendations td.within3months {
    border-right: 2px solid #FF4500;
    border-left: 2px solid #FF4500;
    background: #F5DEB3;
}

.recommendations tr:hover td.within3months {
    background: #F5DEB3;
}

.recommendations td.within3months_ip {
    border-right: 2px solid #FF4500;
    border-left: 2px solid #FF4500;
}

.recommendations td.ok {
    border-right: 2px solid #3399FF;
    border-left: 2px solid #3399FF;
    background: white;
}

.recommendations td.ok_ip {
    border-right: 2px solid silver;
    border-left: 2px solid silver;
    background: white;
}

.recommendations tr:hover td.ok {
    background: white;
}

.recommendations td.done {
    border-right: 2px solid green;
    border-left: 2px solid green;
    background: white;
}

.recommendations tr:hover td.done {
    background: white;
}

.recommendations tr.done_row td {
    text-decoration: line-through;
}

.recommendations td.rec_totals_title {
    font-weight: bold;
    text-align: left;
}

.recommendations td.rec_totals_num {
    font-weight: bold;
    text-align: right;
}

.recommendations td.rec_budget {
    text-align: right;
}

.recommendations tr.rec_totals_row td {
    background: #dddddd;
}

.recommendations tr td:last-child {
    /*border-width: 0 0 0 0;*/
}

/*.recommendations tr:nth-child(1) td {
	border: 0;
	text-align:left;
	border-top: 1px solid black;
	border-bottom: 2px solid #90C246;
	font-size: 1.0em;
	font-family: Arial;
	font-weight: bold;
	color: #2C338B;
}
*/

.recommendations td:nth-child(1) {
    line-height: 1em;
    font-size: 1em;
    vertical-align: middle;
}

/*.recommendations tr:nth-child(1):hover td {background-color: white;}*/

.recommendations tr:last-child td:last-child {
    border-right: 1px solid black;
}

.recommendations tr:nth-child(1) td:last-child {
    border-right: 1px solid black;
}

.recommendations td:last-child {
    border-right: 1px solid black;
}

.reportlogo {
    width: 120px;
    position: fixed;
    right: 10px;
    top: 0;
    z-index: -1;
}

td.foosball_won {
    font-weight: bold;
    vertical-align: middle;
}

td.foosball_lost {
    font-weight: normal;
}

img.foosball_won {
    height: 30px;
}

img.foosball_lost {
    width: 20px;
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -webkit-transform: rotate(90deg);
    /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}

.foosball td,
th {
    text-align: center;
}

/* DROPDOWN MENUS, HEADER */

/* OVERALL UL WRAPPER */

#main_nav ul {
    padding-left: 2px;
    float: left;
    -webkit-transition: .5s;
    transition: .5s;
    background: none;
}

/* TOP LEVEL ITEMS */

#main_nav li {
    background: none;
    float: left;
    text-align: left;
    position: relative;
    width: auto;
    list-style: none;
    /*-webkit-transition: .5s;
		transition: .5s;*/
    -webkit-transition: 0s;
    transition: 0s;
    padding: 15px 0 15px 5px;
    margin: -15px 0 -15px 0;
    /*padding-top:2px;
		padding-bottom:16px;
		*/
    font-weight: bold;
    border-left: 3px solid #D1D1D1;
    /*same as background to prevent jump on hover*/
    color: #555555;
}

/* 2ND LEVEL ITEMS */

#main_nav li li {
    /*width: 100%;*/
    padding: 12px 0 12px 0;
    margin: 0 0 0 0;
    font-size: 14px;
    width: 150px;
    font-weight: normal;
    background: #F1F1F1;
}

#main_nav > ul > li > a,
h1 {
    /*text-transform: uppercase;*/
}

#main_nav a {
    display: block;
    text-decoration: none;
    padding: 0 5px 0 5px;
    color: #555555;
}

/* 2ND LEVEL UL WRAPPER */

#main_nav ul ul {
    position: absolute;
    margin-top: 6px;
    left: -3px;
    top: 100%;
    visibility: hidden;
    opacity: 0;
    padding-left: 0;
    border-right: 1px solid #AAAAAA;
    border-bottom: 1px solid #AAAAAA;
    border-top: 1px solid #AAAAAA;
}

/* 3RD LEVEL UL WRAPPER */

#main_nav ul ul ul {
    left: 150px;
    top: -6.5px;
    border-top: 1px solid #AAAAAA;
}

/*TOP LEVEL HOVER */

#main_nav li:hover {
    background: #D1D1D1;
    border-left: 3px solid #70309e;
}

/* 2nd LEVEL at TOP LEVEL HOVER */

#main_nav li:hover li {
    background: #F1F1F1;
}

/* 2ND LEVEL HOVER */

#main_nav li li:hover {
    background: #E1E1E1;
    border-left: 3px solid #70309e;
}

/* 3RD LEVEL AT 2ND LEVEL HOVER */

#main_nav li li:hover li {
    background: #F1F1F1;
}

/* 3RD LEVEL HOVER */

#main_nav li li li:hover {
    background: #E1E1E1;
    border-left: 3px solid #70309e;
}

/* FADE IN BIT */

#main_nav li > ul {
    -webkit-transition: 0.3s 0.3s;
}

#main_nav li > ul > li > ul {
    -webkit-transition: 0s 0s;
}

#main_nav li:hover > ul {
    visibility: visible;
    opacity: 1;
    background: none;
}

#main_nav li a {
    pointer-events: none;
    cursor: default;
}

#main_nav li li a {
    pointer-events: auto;
    /*cursor: pointer;*/
    cursor: hand;
}

#main_nav li a.clickable {
    pointer-events: auto;
    /*cursor: pointer;*/
    cursor: hand;
}

/* SLIDER TOGGLE SWITCH */

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
    transform: scale(0.5);
    left: -10px;
    bottom: -10px;
}

.switch input {
    display: none;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .2s;
    transition: .2s;
}

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */

.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.homeslider {
    /*transform: scale(0.5);
  left:-10px;
  bottom:-10px;*/
}

.sensitiveData {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    /*   display:none !important; */
    color: transparent;

    /* text-shadow: 0 0 17px rgb(0 0 0 / 25%); */
    text-shadow: 0 0 8px #0000001a;
}

.sensitiveData div, .sensitiveData canvas {
    /*   display:none !important; */
    opacity: 0.01;
}

.sensitiveDataShow {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}


.sensitiveData2::before {
    content: "SHOW";
    padding: 5px;
    border: 1px solid #2196F3;
    background: white;
    color: #2196F3;
    /*   font-weight:bold; */
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 0.5em;
}


.sensitiveData2 {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    /*   display:none !important; */
    color: transparent;
    position: relative;
    /* text-shadow: 0 0 17px rgb(0 0 0 / 25%); */
    /*   text-shadow: 0 0 8px #0000001a; */
    background: -webkit-repeating-linear-gradient(45deg, #99999950 0px, #99999950 1px, #ffffff 1px, #ffffff 10px);
    background: -o-repeating-linear-gradient(45deg, #99999950 0px, #99999950 1px, #ffffff 1px, #ffffff 10px);
    background: -moz-repeating-linear-gradient(45deg, #99999950 0px, #99999950 1px, #ffffff 1px, #ffffff 10px);
    background: repeating-linear-gradient(45deg, #99999950 0px, #99999950 1px, #ffffff 1px, #ffffff 10px);
    box-shadow: inset 0 0 3px 2px white;
}

.sensitiveData2 div, .sensitiveData2 canvas {
    /*   display:none !important; */
    opacity: 0.01;
}

.sensitiveDataShow2 {
    position: relative;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background: -webkit-repeating-linear-gradient(-45deg, #FF000010 0px, #FF000010 1px, #ffffff 1px, #ffffff 10px);
    background: -o-repeating-linear-gradient(-45deg, #FF000010 0px, #FF000010 1px, #ffffff 1px, #ffffff 10px);
    background: -moz-repeating-linear-gradient(-45deg, #FF000010 0px, #FF000010 1px, #ffffff 1px, #ffffff 10px);
    background: repeating-linear-gradient(-45deg, #FF000010 0px, #FF000010 1px, #ffffff 1px, #ffffff 10px);
    box-shadow: inset 0 0 3px 2px white;
}

.sensitiveDataShow2:hover::before {
    content: "HIDE";
    padding: 5px;
    border: 1px solid #f44336;
    background: white;
    color: #f44336;
    /*   font-weight:bold; */
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 0.5em;
}


.projectSummary td {
    vertical-align: top;
    border-top: 1px solid #999999;
}


.nomargin {
    margin: 0 !important;
}

.margintopbottom3 {
    margin-top: 3px !important;
    margin-bottom: 3px !important;
}

.paddingtopbottom3 {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

i {
    /*   font-size:1.2em; */
    /*   position:relative; */
    /*   bottom: 1px; */
}



/*IE3*/

.ie3 {
    padding: 0 2px;
    margin:-3px;
    border: 1px dashed #ccc;
    /*  */
}

.ie3:hover {
    box-shadow: 0 0 5px 0px cyan
}

.ie3-saved {
    border-color:green
}
.ie3-failed {
    border-color:red;
}
.ie3-editingFriend {
    border-color:orange;
}

.ie3-wrap {
    position:relative;
}


.ie3-wrap > .ie3-input-wrap {
    position:absolute;
    width: fit-content;
    top:-6px;
    left:-6px;
    box-shadow: 0px 0 7px 3px cyan;
}
.ie3-wrap > input, select {
    width: fit-content;
}

.ie3-edit-bar {
    font-size: 0.75em;
    }

.ie3-wrap .ie3-edit-bar {
    box-shadow: 7px -5px 4px -4px cyan,
    -7px -5px 4px -4px cyan;
    border-radius:3px;
}
.ie3-edit-bar > .w3-bar-item {
    padding: 2px 5px !important
}

.ie3-input-wrap > .ie3-edit-bar {
    position:absolute;
    /* top:-1.2em */
    right:-0.3em;
    top:-1.3em;
    width:fit-content !important;

}

.ie3-input-wrap > .ie3-edit-bar > .w3-bar-item:first-child {
    border-radius: 3px 0 0 3px;
}
.ie3-input-wrap > .ie3-edit-bar > .w3-bar-item:last-child {
    border-radius: 0 3px 3px 0;
}
.ie3Btn:focus {
    border-color: black;
}

/*INSTANTEDIT - todo -remove*/

.instantedit {
    white-space: pre-wrap;
    width: 100%;
}

.instantedit:hover {
    text-decoration: underline;
    text-decoration-style: dashed;
    color: green;
}

.instantedit_editing {
    /*border: 1px solid green;*/
    /*border:1px solid #bd0f18;*/
    /*   padding:0 3px 0 3px; */
    margin: 0;
    box-shadow: 0 0 10px #555;
    border-radius: 5px;
    /*   position:absolute;
  background:white; */
    /*background: #f2f2f2;  */
}

.instantedit_edited {
    border: 1px solid green;
    padding: 5px;
}

.instantedit_buttons {
    float: right;
    margin-left: 10px;
    position: absolute;
}

.instantedit_button {
    padding: 0 5px 0 5px !important;
    margin-left: 3px;
    border: 1px solid #888;
    /*font-size: 0.92em;*/
    line-height: 1.37em;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    font-style: normal;
}

.instantedit_button_save {
    position: relative;
    left: -15px;
    top: 0;
    z-index: 100;
}

.instantedit_button_cancel {
    border-radius: 0 !important;
    position: relative;
    left: -15px;
    top: 0;
    z-index: 100;
}

input.instantedit_saved {
    background-image: url(/images/check-green2.png);
    background-repeat: no-repeat;
    background-size: 7px;
    background-origin: content-box;
    background-position: top right;
}

.instantedit_popup {
    display: none;
    background: #0d7453;
    position: absolute;
    z-index: 100;
    color: #EEE;
    margin-top: 20px;
    min-width: 200px;
    min-height: 112px;
}

.instantedit_popup_content {
    position: absolute;
    width: 90%;
    padding: 25px 10px 0 20px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

.instantedit_popup_content p {
    margin: 0;
    padding: 0;
}

.instantedit_close {
    font-size: 22px;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 5px;
}

.ie_wysiwyg_wrap {
    border: 1px solid white;
    margin-bottom: 10px;
    min-height: 30px;
    width: 100%;
}

.ie_wysiwyg_wrap:hover {
    border: 1px dashed grey;
}

.ie_wysiwyg:hover {
    text-decoration: none !important;
    color: inherit !important;
}


.instantedit::placeholder {
    font-size: 0.5em !important;
    position: relative;
    top: 0;
}


.instantedit[data-production]::placeholder {
    font-size: 0.5em !important;
    position: relative;
    top: 0;
}

.instantedit[timeforecast] {
    height: 26px;
}

.instantedit[timeforecastcomment] {
    font-size: 0.8em !important;
    line-height: 1.52em !important;
    height: 26px;
}

.timeforecastcommentUrgent:not(.timeforecastcommentTBC) {
    color: red !important;
    font-weight: bold !important;
    border: 2px solid red !important;
}

.timeforecastcommentTBC:not(.timeforecastcommentUrgent) {
    color: green !important;
    font-style: italic !important;
    border: 2px dashed green !important;
}

.timeforecastcommentTBC.timeforecastcommentUrgent {
    color: red !important;
    font-style: italic !important;
    border: 2px dashed red !important;
}

.timeForecastCommentDisabled {
    font-size: 0.8em !important;
    line-height: 1.52em !important;
    width: 100%;
    height: 26px;
}

.timeForecastHoursDisabled {
    width: 100%;
    height: 26px;
}


.instanteditPlaceholderText {
    color: #b1b1b1;
}

.spec_text {
    min-height: 30px;
    width: 100%;
    border: 1px dashed grey;
    /*   margin-bottom:20px; */
    margin: 0 20px 0 20px;
}

.doctype {
    font-family: "Arial Black";
    font-size: 0.8em;
    color: #666;
    text-transform: uppercase;
}

.uppercase {
    text-transform: uppercase;
}

ol.legal {
    counter-reset: legalitem;
}

ol.legal li {
    display: block;
}

ol.legal li:before {
    content: counters(legalitem, ".") ". ";
    counter-increment: legalitem;
}

.legalquote {
    font-style: italic;
    margin: 10px 0 10px 50px;
    padding: 5px 10px;
    color: #222;
    border: 1px solid grey;
}

.legalquote > p:first-child {
    margin-top: 0;
}

.legalquote > p:last-child {
    margin-bottom: 0;
}

.legalquoteSourceBtm {
    font-style: normal;
    padding-left: 50px;
    color: #222;
}

.ie_numbered_heading_calculated {
    font-size: 0.7em;
    color: #404040;
    font-weight: normal;
}

ul.ie_numbered_heading {
    padding-inline-start: 10px;
}

/* ul.ie_numbered_heading, div[data-spec_text] { */

div.ie_numbered_heading_wrapper ul,
[data-spec_text] {
    counter-reset: ie_numbered_heading;
    margin-left: 0;
    list-style-type: none;
}

div.doc_content {
    counter-reset: ie_numbered_heading;
    margin-left: 50px;
    list-style-type: none;
}

div.doc_content_edit img {
    width: 100%;
    max-width: 1000px;
    /*tempfix*/
}

div.doc_content table img {
    max-width: 400px;
    /*tempfix*/
}

div.doc_content > h4 {
    margin-left: -50px;
}

@media (max-width: 600px) {
    div.doc_content {
        margin-left: 0;
    }

    div.doc_content > h4 {
        margin-left: 0;
    }

    div.doc_content > ol {
        padding-inline-start: 1em;
        /*     list-style-type: decimal; */
    }

    div.doc_content > ol > li > ol,
    div.doc_content > ol > ol {
        padding-inline-start: 1.5em;
        /*     list-style-type: lower-alpha; */
    }

    div.doc_content > ol > li > ol > li > ol,
    div.doc_content > ol > ol > ol {
        padding-inline-start: 2em;
        /*     list-style-type: lower-roman; */
    }
}

ul.ie_numbered_heading > li:not(.numheadingplaceholder) > div > h1,
ul.ie_numbered_heading > li:not(.numheadingplaceholder) > div > h2,
ul.ie_numbered_heading > li:not(.numheadingplaceholder) > div > h3,
ul.ie_numbered_heading > li:not(.numheadingplaceholder) > div > h4,
ul.ie_numbered_heading > li:not(.numheadingplaceholder) > div > h5,
ul.ie_numbered_heading > li:not(.numheadingplaceholder) > div > h6 {
    /*   margin-left:10px; */
}

div.c > h4::before {
    counter-increment: ie_numbered_heading;
    content: counters(ie_numbered_heading, ".") " ";
    /*   color:orange; */
    color: #404040;
    /*   font-weight:bold; */
    font-weight: normal;
    font-size: 0.8em;
    margin-left: 0 !important;
    margin-right: 10px;
}

/* ul.ie_numbered_heading li::marker {
  display:none;
} */

/* ul.ie_numbered_heading li:not(.numheadingplaceholder) > h1::before,h2::before,h3::before,h4::before,h5::before,h6::before { */

/* div.ie_numbered_heading_wrapper>ul> li:not(.numheadingplaceholder) > h1::before,
div.ie_numbered_heading_wrapper>ul> li:not(.numheadingplaceholder) > h2::before,
div.ie_numbered_heading_wrapper>ul> li:not(.numheadingplaceholder) > h3::before,
div.ie_numbered_heading_wrapper>ul> li:not(.numheadingplaceholder) > h4::before,
div.ie_numbered_heading_wrapper>ul> li:not(.numheadingplaceholder) > h5::before,
div.ie_numbered_heading_wrapper>ul> li:not(.numheadingplaceholder) > h6::before */

ul.ie_numbered_heading > li:not(.numheadingplaceholder) > div > h1::before,
ul.ie_numbered_heading > li:not(.numheadingplaceholder) > div > h2::before,
ul.ie_numbered_heading > li:not(.numheadingplaceholder) > div > h3::before,
ul.ie_numbered_heading > li:not(.numheadingplaceholder) > div h4::before,
ul.ie_numbered_heading > li:not(.numheadingplaceholder) > div > h5::before,
ul.ie_numbered_heading > li:not(.numheadingplaceholder) > div > h6::before {
    counter-increment: ie_numbered_heading;
    content: counters(ie_numbered_heading, ".") " ";
    /*   color:orange; */
    color: #404040;
    /*   font-weight:bold; */
    font-weight: normal;
    font-size: 0.8em;
    margin-left: 0 !important;
    margin-right: 10px;
}

/* ul.ie_numbered_heading > li:first-child:not(.numheadingplaceholder) i.moveUp {color:red !important;} */

ul.ie_numbered_heading > li:first-child:not(.numheadingplaceholder) > div > h4 > span > i.moveUp {
    display: none;
}

ul.ie_numbered_heading > li:last-child:not(.numheadingplaceholder) > div > h4 > span > i.moveDown {
    display: none;
}

div[data-spec_text] > h4::before {
    counter-increment: ie_numbered_heading;
    content: counters(ie_numbered_heading, ".") " ";
    /*   color:orange; */
    color: #404040;
    /*   font-weight:bold; */
    font-weight: normal;
    font-size: 0.8em;
    margin-left: 0 !important;
    margin-right: 10px;
}

li.menu-highlight {
    border: 1px dashed red !important;
    background: #f5f5f5;
    min-height: 50px;
}

li.numheadingplaceholder_show {
    min-height: 40px;
    width: 100%;
    border: 1px dashed orange;
}

.documentHeading {
    color: #003399 !important;
}

/* div.doc_content ol {
  counter-reset: docitem;
}
div.doc_content > ol li:before {
  content: counters(docitem, ".") ". ";
  counter-increment: docitem;
} */

/* div.doc_content > ol  li {
  display: block;
} */

ol {
    list-style-type: decimal;
}

ol > li > ol {
    list-style-type: lower-alpha;
}

ol > li > ol > li > ol {
    list-style-type: lower-roman;
}


div.jodit_wysiwyg > ol,
div.ie_wysiwyg > ol,
div.doc_content > ol {
    list-style-type: decimal;
}

div.jodit_wysiwyg > ol > li > ol,
div.ie_wysiwyg > ol > li > ol,
div.doc_content > ol > li > ol,
div.jodit_wysiwyg > ol > ol,
div.ie_wysiwyg > ol > ol,
div.doc_content > ol > ol {
    list-style-type: lower-alpha;
}

div.jodit_wysiwyg > ol > li > ol > li > ol,
div.ie_wysiwyg > ol > li > ol > li > ol,
div.doc_content > ol > li > ol > li > ol,
div.jodit_wysiwyg > ol > ol > ol,
div.ie_wysiwyg > ol > ol > ol,
div.doc_content > ol > ol > ol {
    list-style-type: lower-roman;
}

.fullwidth {
    max-width: 100%;
    min-width: 100%;
    position: relative;
    display: inline-table;
}


.sortable_ghost {
    opacity: 0.4;
}

.sortable_chosen {
    color: #fff;
    background-color: #70309e;
}

/* SELECTIZE */

.optgroup-header {
    font-weight: bold;
}

/* LEGAL REPORTS LR */

.lr_table tr:nth-child(1) {
    max-width: 100px;
    color: red;
}

.lr_table tr:nth-child(2) {
    max-width: 200px;
}

/* TOP MENU */

.norightmargin {
    margin-right: 0 !important;
}

@media screen and (min-width: 601px) {
    .ieMainMenu div.ieMainMenuMobileButton {
        display: none;
    }

    .ieMainMenu > div.ieMainMenuTopRow, .ieMainMenu > div.ieMenuLevel0, .ieMainMenu > div.ieMainMenuTopRowOther {
        height: 46px !important;
    }
}

@media screen and (max-width: 600px) {
    #topmenusearchinput {
        max-width: 100%;
    }

    #topmenusearchinputWrap {
        max-width: 100%;
    }

}

@media screen and (min-width: 601px) {
    #topmenusearchinput {
        max-width: 194px;
    }

    #topmenusearchinputWrap {
        max-width: 200px;
    }
}

@media screen and (max-width: 600px) {
    .ieMainMenu div.hideMobile:not(:first-child) {
        display: none;
        /*     -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; */
    }

    .ieMainMenu div.ieMainMenuMobileButton {
        /*     float: right; */
        /*     display: block; */
    }

    header {
        max-width: 100% !important;
        position: fixed;
        top: 0;
        left: 0;
        overflow: hidden;
        /*     top: 59;        */
    }

    #topmenusearchinputWrap.mobileWidthLimit {
        max-width: 160px;
    }

    #topmenusearchinput.mobileWidthLimit {
        max-width: 156px;
    }

    #logoRappelWrap {
        position: relative !important;
        right: 60px !important;
    }

    /* } */
    /* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
    /* @media screen and (max-width: 600px) { */
    /*   header {overflow-y: scroll; max-height:100vh !important;} */
    #rappelMainMenu.responsiveMenuNoMaxHeight {
        max-height: 100vh !important;
    }

    .ieMainMenu.responsiveMenu {
        position: relative;
        overflow-y: scroll;
        max-height: 80vh !important;
    }


    .ieMainMenu.responsiveMenu div.ieMainMenuMobileButton {
        /*     position: absolute; */
        /*     right: 0; */
        /*     top: 0; */
    }

    #activeUsersOverTime {
        margin-right: 0 !important;
    }

    .ieMainMenu.responsiveMenu div.ieMainMenuTopRow {
        float: none;
        display: block;
        text-align: left;
    }

    .menuNotTopLevel {
        /*     max-width:50%; */
    }

    .w3-dropdown-2 > .ieMenuLevel1 {
        /*second menu level only, not third */
        /*     max-width:50%; */
    }

    .ieMenuContainerLevel2 {
        position: relative !important;
        display: block !important;
    }

    .ieMenuLevel2 {
        padding-left: 35px !important;
    }
}

.ieMenuLevel2 {
    /*   transform: translateX(100%) translateY(-100%); */
}

/* .ieMenuContainerLevel2 {
  position:fixed;
  display:none;

} */

/* PURE CSS LOADING SPINNERS */

/* https://loading.io/css/ */

.lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 1em;
}

.lds-ellipsis div {
    position: absolute;
    /*   top: 33px; */
    top: 2px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #70309e;
    /*purple*/
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.lds-ellipsis div:nth-child(1) {
    left: 8px;
    animation: lds-ellipsis1 0.6s infinite;
}

.lds-ellipsis div:nth-child(2) {
    left: 8px;
    animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(3) {
    left: 32px;
    animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(4) {
    left: 56px;
    animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(5) {
    left: 80px;
    animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(6) {
    left: 104px;
    animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(7) {
    left: 128px;
    animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(8) {
    left: 152px;
    animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(9) {
    left: 176px;
    animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(10) {
    left: 200px;
    animation: lds-ellipsis3 0.6s infinite;
}

@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0);
    }
}

@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(24px, 0);
    }
}

/* LEGO */

#legoLoader {
    width: 100%;
    height: 500px;
}


[contenteditable="true"]:active,
[contenteditable="true"]:focus {
    border: none;
    outline: none;
    display: block;
}


@media (max-width: 600px) {
    .ieMobileNoSidePadding {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}


.fontWeight500 {
    font-weight: 500;
}


/* .fsTableSubItemRow {
  position:relative;
  right:16px;
}
.fsTableSubItemSummaryRow {
  position:relative;
  right:8px;
} */

.fsTableItemRowFee::after {
    content: "      ";
    white-space: pre;
}


/* .fsTableSubItemRowFee::after {
  content: "";
  white-space: pre;
} */

.fsTableSubItemSummaryRowFee::after {
    /*   content: "\00a0\00a0\00a0\00a0\00a0\00a0"; */
    content: "   ";
    white-space: pre;
}

#tempFullscreenModal {
    z-index: 15000;
    /*   above menu */
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    padding: 10px 15px 10px 0;
}

#tempFullscreenModal > .w3-modal-content {
    /*   margin:10px; */
    width: 98%;
    height: 98%;
}


.wrapAfter500px {
    /*word-break:break-all;*/
}

.wrapAfter500px div {
    /*word-break:break-all;*/
    /*inline-size:500px;*/
}


.ieSubmenuTitle {
    text-transform: uppercase;
    font-size: 0.8em;
    margin: 2px 0;
}


.ieHideContent {
    opacity: 0;
}


/* ================================= */
/* ==== LISTS ==== */

ol.fpLevel_-1 {
    list-style-type: none;
}

ol.fpLevel_0 {
    list-style-type: decimal;
}

ol.fpLevel_1 {
    list-style-type: lower-alpha;
}

ol.fpLevel_2 {
    list-style-type: lower-roman;
}

ol.fpLevel_3 {
    list-style-type: decimal;
}

ol.fpLevel_4 {
    list-style-type: upper-alpha;
}

ol.fpLevel_5 {
    list-style-type: upper-roman;
}

/* ================================= */

/* ================================= */
/* ==== BUDGET TABLE ==== */

.budgetTable {
    display: table;
}

.budgetTable .btCell {
    padding: 2px;
}

.budgetTable div {
    /*border:1px solid grey;*/
}

.btSection {
    display: table-row-group;
}

.btHeader {
    font-weight: bold;
}

.btRow {
    display: table-row;
    border-bottom: 1px solid grey;
}

.btRowNoBorder, .btRowNoBorder div {
    border: none;
}

.btCell {
    display: table-cell;
}

.reqdTitle {
    /*color: darkslateblue;*/
    font-weight: bold;
}

/* ================================= */


/* ================================= */
/* ==== SUNBURST ==== */

.sunburstSideBar {
    /*font-size:0.7em;*/
}

.sunburstSideBar table {
    border: 1px solid grey;
    border-collapse: collapse;
}

.sunburstSideBar table tr {
    border-bottom: 1px solid grey;
}

.sunburstSideBar table tr td:first-child {
    font-weight: bold;
}

path.sunburstArcTBC {
    scale: 1.005;
    fill: rgba(64, 255, 0, 0.31) !important;
    /*stroke: #343434 !important;*/
    stroke: green !important;
    stroke-width: 3px !important;
    stroke-dasharray: 10px 10px;
    /*stroke: green !important;*/
    /*stroke-dasharray: 10px !important;*/
    /*fill: url(#gradient-vertical) green !important;*/
}

path.sunburstArcUrgent {
    scale: 1.005;
    fill: rgb(255 0 0 / 20%) !important;
    stroke-width: 3px !important;
    stroke: red !important;
//stroke-dasharray: none;
    stroke-dasharray: 10px 10px;
    /*offset-path: path('M0,10 C0,0 10,2 70');*/
}

tr.sunburstArcTBC {
    background: rgba(64, 255, 0, 0.31);
}
tr.sunburstArcTBC>td:first-child {
    border: 2px dashed green;
}
tr.sunburstArcUrgent {
    background: rgb(255 0 0 / 20%) !important;
}
tr.sunburstArcUrgent>td:first-child {
    border: 2px dashed red;
}

/*#gradient-vertical {*/
/*  --color-stop-1: #00c3ff;*/
/*  --color-stop-2: #77e190;*/
/*  --color-stop-3: #ffff1c;*/
/*}*/

/* ================================= */


/* ================================= */
/* ==== SITENOTICE ==== */
.ieSiteNoticeWrapper {
    position: absolute;
    width: 100%;
    bottom: 0;
    right: 0;
    z-index: -200;
}

.ieSiteNotice {
    position: relative;
    bottom: 100px;
    right: 100px;
    background: #00acff;
    border-radius: 20px;
    padding: 10px;
    color: white;
    max-width: 450px;
    z-index: 1000;
}

.devNotice {
    /*position: fixed;*/
    /*right: -309px;*/
    /*top: 388px;*/
    /*font-size: 4em;*/
    /*opacity: 0.1;*/
    /*color: purple;*/
    /*font-weight: bold;*/
    /*z-index: -1000;*/
    /*border: 6px solid purple;*/
    /*border-radius: 20px;*/
    /*padding: 0 10px;*/
    /*rotate: 90deg;*/

    /*position: fixed;*/
    /*right: -246px;*/
    /*top: 356px;*/
    /*font-size: 4em;*/
    /*opacity: 0.5;*/
    /*color: white;*/
    /*font-weight: bold;*/
    /*z-index: 10000000;*/
    /*border: 6px solid black;*/
    /*border-radius: 20px;*/
    /*padding: 0 10px;*/
    /*rotate: 90deg;*/
    /*background: #7030a0;*/

    /*position: fixed;*/
    /*right: 20px;*/
    /*font-size: 2em;*/
    /*opacity: 0.5;*/
    /*color: white;*/
    /*font-weight: bold;*/
    /*z-index: -1000;*/
    /*border: 2px solid black;*/
    /*border-radius: 20px;*/
    /*padding: 0 10px;*/
    /*rotate: 7deg;*/
    /*background: #7030a0;*/

    position: fixed;
    right: 0;
    font-size: 2em;
    opacity: 0.3;
    color: white;
    font-weight: bold;
    z-index: -1000;
    padding: 0 10px;
    /*background: #7030a0;*/
    background: red;
    width: 80%;
    height: 60px;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%);
    text-align: right;
    top: 53px
}


/* ================================= */
/* ==== GMAP POPUP ==== */

.gmapPopupLink {
    text-decoration: none;
    color: #5a9df9;
    font-weight: bold;
}

.gmapPopupLink:hover {
    color: #0c52bb !important;
    text-decoration: underline !important;
}


.ieTinyTag {
    font-size: 0.9em;
    border: 0 !important;
    padding: 4px !important
}

.selectize-input > [data-value] {
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #f8f8f8;
    border-left: 4px solid #4CAF50;
    padding-left:4px;
}

.selectize-input > [data-value] > .remove-single {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 23px;
    line-height: 1;
    border-left: 1px solid #ccc;
    text-decoration: none !important;

}
.selectize-input > [data-value] > .remove-single:hover {
    background: #ff7979;
    color: white;
}

.selectize-input > input {
    width: -webkit-fill-available !important
}


.selectize-input > [data-value] > .remove {
    float: right !important;
    border: none;
    display: inline-block;
    padding: 0 4px;
    margin-left: 2px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    background-color: inherit;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    font-size: 1.1em;
    border-radius: 3px;

}

.selectize-input > [data-value] > .remove:hover {
    color: #fff !important;
    background-color: #f44336 !important
}

.bondDisplayBox {
    padding: 2px 8px !important;
    margin: 10px 0;
    min-height: 18px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;

}


/* ================================= */
/* ==== IRONBRIDGE W3 OVERRIDES ==== */

.w3-small-lineheight {
    font-size: 12px !important;
    line-height: 1.875em;
}


.w3-cell-table {
    display: table;
    width: 100%;
}

.w3-cell-table-row {
    display: table-row;
}

.w3-cell-table-row > div.w3-cell {
    padding: 3px 0 6px 3px;
    border-bottom: 1px solid #ddd;
}

.w3-content {
    max-width: 1500px !important;
}

.w3-ul.ie-hoverable li:hover {
    background-color: #eee
}

.w3-centered tr th,
.w3-centered tr td {
    text-align: center
}

.w3-input {
    padding: 3px !important;
    /*   margin:0px 1px 0px 1px !important; */
    /*   outline:2px solid red;
  outline-offset: 0px; */
}

input[type=date].w3-input {
    /*color:red;*/
    /*   margin:0px 0px 4px 0px; */
    padding: 0 !important;
    /*   outline:2px solid red;
  outline-offset: 0px; */
}

.w3-select {
    padding: 3px !important;
    /*   margin:0px 1px 0px 1px; */
}

.w3-button-small {
    /*padding: 7px 10px 5px 10px !important;*/
}

.w3-padding-small-unmargin {
    margin: -4px -8px -4px -8px !important;
}

.w3-padding-unmargin {
    margin: -8px -16px -8px -16px !important;
}

.w3-bottombar2 {
    border-bottom: 2.5px solid #ccc
}

.w3-bottombar1 {
    border-bottom: 1.5px solid #ccc
}

.w3-responsive {
    max-width: fit-content !important;
}

/* ================================= */


.rotateContent90deg {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);

    /* IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=6.123233995736766e-17, M12=-1, M21=1, M22=6.123233995736766e-17, SizingMethod='auto expand')";
    /* IE9 */
    -ms-transform: rotate(90deg);
    /* Firefox */
    -moz-transform: rotate(90deg);
    /* Safari and Chrome */
    -webkit-transform: rotate(90deg);
    /* Opera */
    -o-transform: rotate(90deg);
    /* IE6,IE7 */
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=6.123233995736766e-17, M12=-1, M21=1, M22=6.123233995736766e-17, SizingMethod='auto expand');
    /* IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=6.123233995736766e-17, M12=-1, M21=1, M22=6.123233995736766e-17, SizingMethod='auto expand')";
}

.print_r3 {
    outline: 1px solid #ccc;
    padding: 5px;
    margin: 5px;
    font-family: monospace;
    white-space: pre !important;
    max-width: 100%;
    overflow-x: auto;
}

/*OVERRIDES*/


.w3-tag-ie {
    /*background-color:transparent;*/
    /*background-color: #000;*/
    /*color: #fff;*/
    display: inline-block;
    padding-left: 8px;
    padding-right: 8px;
    text-align: center
}


/* IEFLEXGRID - TODO - MOVE TO SEPARATE */
.ieFlexGrid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
}
.ieFlexItem {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
    transition: all 2s;
    /*flex: 1 1 auto;*/
    margin: 5px;
    padding: 2px;
    text-align:center;
    /*border: 1px solid #ccc;*/
    /*background-color: #eee;*/
    /*min-width: 200px;*/
    /*max-width: 300px;*/
    /*min-height: 200px;*/
    /*max-height: 300px;*/
    /*overflow: hidden;*/
    /*overflow-y: auto;*/
    /*overflow-x: hidden;*/
    /*box-shadow: 0 0 5px #ccc;*/
    /*border-radius: 5px;*/
    /*transition: all 0.3s ease-in-out;*/
    /*cursor: pointer;*/
    /*position: relative;*/
    /*z-index: 1;*/
}

.w3-text-black {
    color:black !important;
/*override for bgopacity*/
}

/* DARKMODEJS */
.darkmode-layer, .darkmode-toggle {
    z-index: 30000;
}
body.darkmode--activated {
    filter: hue-rotate(180deg);
    transition: all 0.3s ease-in-out;
}

/*testing tailwind*/



.ts_column {
    width: 600px;
    float: left;
    padding-bottom: 10px;
}

.ts_portlet {
    /*     margin: 0 0.2em 0.6em 0;
        padding: 0.1em; */
    margin: 0.3em 0.3em 1.0em 0.1em; /* TOP RIGHT BOTTOM LEFT */
    padding: 0;
    border: 0 !important;
    border-radius: 8px;
}

.ts_portlet-header {
    padding: 0.5em 0.3em 0.5em 1.2em; /* TOP RIGHT BOTTOM LEFT */
    /*     padding-left:1.2em; */
    /*     margin-bottom: 0.5em; */
    position: relative;
    background: #f5f5f5;
    /*     background: #e5e5e5; */
    font-size: 0.95em;
    /*     font-family:Arial; */
    border: 1px solid #aaaaaa;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;

}

.ts_portlet_toggle {
    position: absolute;
    top: 50%;
    right: 4px;
    margin-top: -8px;
    margin-left: 10px;
    margin-right: 10px;
}

.ts_portlet-dragger {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -8px;
    height: 20px;
    /*-ms-transform: scale(2);
    -webkit-transform: scale(2);
    transform: scale(2);
    */
}

.ts_portlet-content {
    width: 100%;
    /*     padding: 1em 0.5em 1em 0.5em; */ /* TOP RIGHT BOTTOM LEFT */
    padding: 10px 7px 10px 7px; /* TOP RIGHT BOTTOM LEFT */
    /*     font-family:Arial; */
    font-size: 0.8em;
    display: none;
    border: 1px solid #aaa;
    border-top: 0;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;


}

.bottom-radius {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

.ts_portlet-placeholder {
    border: 1px dashed black;
    margin: 0 1em 1em 0;
    height: 35px;
}

.task_detail_show {
    border: 1px solid;
    #radius: 8px;
}

.ui-widget-header {
    border: 1px solid #aaaaaa;
    font-weight: normal;
}

.ui-widget-header_task {
    border: 1px solid #3825d6;
    background: #e5e5e533 !important;
}


.task_header_today {
    border-left: 3px solid orange;
}

.task_header_tomorrow {
    border-left: 3px solid blue;
}

.task_header_later {
    border-left: 3px solid green;
}

.task_header_overdue {
    border-left: 3px solid red;
}

.task_header_nodate {
    border-left: 3px solid #888;
}

.ts_portlet_dragging {
    width: 350px !important;
}

.ieFroalaInput{
    z-index:10;
}
.ieFroalaInput:focus{
    z-index:99999;
}

/* /// LASTPASS DISABLE */
input:not([type='password']) + div[data-lastpass-icon-root="true"] {
    opacity: 0 !important;
}
input:not([type='password']) + div[data-lastpass-infield="true"] {
    opacity: 0 !important;
}