/* FOR ALL TASK PAGES xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

/* Main top link xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

div.top_links_task{
        position        : relative;
        width           : 100%;
        height          : 53px;
        margin          : 0px 0px 20px 0px;
        padding         : 0px;
        background-color: #094e79;
        color           : #ffffff;
        box-shadow      : 0 5px 5px rgb(0 0 0 / 45%);    
}

/* Left links xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

div.top_links_task div.top_links_task_left{
        position        : relative;
        width           : 100%;
        height          : 53px;
        float           : left;
        z-index         : 1500000;          /* Fifteen Lakh*/
}

div.top_links_task div.top_links_task_left ul{
        list-style-type : none;
        width           : 100%;
        height          : 53px;
        margin          : 0px;
        padding         : 0px;
        text-transform  : uppercase;
        font-weight     : 600;
}

div.top_links_task div.top_links_task_left ul li{
        float           : left;
        width           : 220px;
        cursor          : pointer;
        display         : inline;
        border-right    : 2px solid white;
}

div.top_links_task div.top_links_task_left ul li.green{
        color           : #ffffff;
        background-color: #82d305;    
}

div.top_links_task div.top_links_task_left ul li.red{
        color           : #ffffff;
        background-color: #e30404; 
}

div.top_links_task div.top_links_task_left ul li.orange{
        color           : #ffffff;
        background-color: orange;    
}

div.top_links_task div.top_links_task_left ul li:hover{
        background-color: #0278cb;
}

div.top_links_task div.top_links_task_left ul li div{
        text-align      : center;
        float           : left;
        line-height     : 53px;
        padding         : 0px 20px 0px 20px;   
        position        : relative;
        left            : 50%;
        transform       : translate(-50%);        
}

div.top_links_task div.top_links_task_left ul li div img.bell_icon_top_bar,
div.top_links_task div.top_links_task_left ul li div img.mammoth_icon_top_bar{
        width           : 28px;
        display         : block;
        margin-top      : 12px;
        float           : left;
        padding-right   : 20px;    
}

div.top_links_task div.top_links_task_left ul li div img.mammoth_icon_top_bar{
        width           : 26px;
        margin-top      : 13px;    
}

/* Responsive icons within left links */

div.top_links_task div.top_links_task_left ul li div span.responsive{
        display         : none;
        font-size       : 20px;
}

div.top_links_task div.top_links_task_left ul li div span.responsive img{
        width           : 35px;
        margin-top      : 5px;
        margin-bottom   : -5px;
}

div.top_links_task div.top_links_task_left ul li div span.responsive img.right-padding-20px{
        padding-right   : 20px;
}

div.top_links_task div.top_links_task_left ul li div span.responsive img.right-padding-10px{
        padding-right   : 10px;
}