#taskMenu,
#taskMenu ul,
#taskMenu ul li,
#taskMenu ul li a {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#taskMenu {
    width: 260px;
    min-width: 260px;
    color: #ffffff;
    position: absolute;
    top: 54px;
    left: 0;
    bottom: 0;
    /*border: 1px solid #333;*/
    background-color: #eee;
}

    #taskMenu ul ul {
        display: none;
    }

    #taskMenu > ul > li.active > ul {
        display: block;
    }

.align-right {
    float: right;
}

#taskMenu > ul > li > a {
    padding: 16px 22px;
    cursor: pointer;
    z-index: 2;
    font-size: 16px;
    text-decoration: none;
    color: #ffffff;
    background: #315579;
    -webkit-transition: color .2s ease;
    -o-transition: color .2s ease;
    transition: color .2s ease;
}

    #taskMenu > ul > li > a:hover {
        color: #ddd;
    }

#taskMenu ul > li.has-sub > a:after {
    position: absolute;
    right: 26px;
    top: 19px;
    z-index: 5;
    display: block;
    height: 10px;
    width: 2px;
    background: #ffffff;
    content: "";
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -ms-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}

#taskMenu ul > li.has-sub > a:before {
    position: absolute;
    right: 22px;
    top: 23px;
    display: block;
    width: 10px;
    height: 2px;
    background: #ffffff;
    content: "";
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -ms-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}

#taskMenu ul > li.has-sub.open > a:after,
#taskMenu ul > li.has-sub.open > a:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

#taskMenu ul ul li a {
    padding: 14px 32px;
    /*Commented out because we are trying disabling all links here, then enable the one clicked*/
    /*cursor: pointer;*/

    z-index: 2;
    font-size: 14px;
    text-decoration: none;
    color: #f2f2f2;
    background: #0f3f6f;
    -webkit-transition: color .2s ease;
    -o-transition: color .2s ease;
    transition: color .2s ease;
    /* Disable all the sub item links */
    /* Only the one under the current queue will be active, once the user starts working on a task */
    pointer-events: none;
    cursor: default;
}

#taskMenu ul ul ul li a {
    padding-left: 32px;
}

    #taskMenu ul ul ul li a.active {
        background: #dddddd;
    }

#taskMenu ul ul li a:hover {
    color: #bfbfbf;
}

#taskMenu ul ul > li.has-sub > a:after {
    top: 16px;
    right: 26px;
    background: #dddddd;
}

#taskMenu ul ul > li.has-sub > a:before {
    top: 20px;
    background: #dddddd;
}
/*#taskMenu ul li.selected-item > a, 
#taskMenu ul ul li.selected-item > a {
    background: #96774d;
    color:#f2f2f2;
}*/
#taskMenuHeader {
    width: 100px;
    position: absolute;
    top: 0;
    left: -144px;
    z-index: 99;
    padding: 16px 22px;
    height: 21px;
    border-bottom: 1px solid #ddd;
    background-color: #eee;
    text-align: right;
}

.taskMenuHeaderWithMenu {
    width: 216px !important;
    left: 0 !important;
}

#taskMenu.myTasks a.myTasks,
#taskMenu.benefitsInvestigation a.benefitsInvestigation,
#taskMenu.biPatientReview a.biPatientReview,
#taskMenu.biTestClaim a.biTestClaim,
#taskMenu.biEligibilityDetermination a.biEligibilityDetermination,
#taskMenu.priorAuthorizationsAppeals a.priorAuthorizationsAppeals,
#taskMenu.paDocumentPAAppeals a.paDocumentPAAppeals,
#taskMenu.financialAssistance a.financialAssistance,
#taskMenu.faDocumentation a.faDocumentation,
#taskMenu.opportunity a.opportunity,
#taskMenu.opDocumentation a.opDocumentation,
#taskMenu.dataEntry a.dataEntry,
#taskMenu.dePatientReview a.dePatientReview,
#taskMenu.deDocumentation a.deDocumentation,
#taskMenu.assessmentCounseling a.assessmentCounseling,
#taskMenu.acDocumentation a.acDocumentation,
#taskMenu.orderScheduling a.orderScheduling,
#taskMenu.osTestClaim a.osTestClaim,
#taskMenu.osDeliveryPrep a.osDeliveryPrep,
#taskMenu.osAssessments a.osAssessments,
#taskMenu.osSchedule a.osSchedule,
#taskMenu.dispense a.dispense,
#taskMenu.diDispense a.diDispense,
#taskMenu.diShipmentDelivery a.diShipmentDelivery,
#taskMenu.renewal a.renewal,
#taskMenu.renewalDocumentation a.renewalDocumentation,
#taskMenu.outreachBI a.outreachBI,
#taskMenu.oPatientReview a.oPatientReview,
#taskMenu.oTestClaim a.oTestClaim,
#taskMenu.oEligibilityDetermination a.oEligibilityDetermination,
#taskMenu.outreachOpportunity a.outreachOpportunity,
#taskMenu.ooDocumentation a.ooDocumentation {
    background: #022951;
    color: #f2f2f2;
}

.stage-active {
    /* Enable the item links in the ul under the queue that was clicked */
    /* This is only applied once the user takes the task into a stage */
    pointer-events: auto !important;
    cursor: pointer !important;
}

/* Menu loading gif */

#loading-div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-color: grey;
    opacity: .8;
    display: none;
}

.menu-loader {
    position: absolute;
    left: 50%;
    top: 10%;
    z-index: 1000;
    margin-left: -160px; /*-1 * image width / 2*/
    margin-top: -160px; /*-1 * image height / 2*/
    display: block;
}