/* THIS IS FOR THE DATE RANGE CONTAINER IN THE HEADER xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

div.header_daterange_container{
        position        : absolute;
        top             : 20px;
        right           : 180px;
        z-index         : 1600000;          /*Sixteen Lakh*/
        width           : 380px;
        max-width       : 380px;
}

div.header_daterange_container span,
div.header_daterange_container input{
        float           : left;
}

div.header_daterange_container span.date_label{
        padding         : 5px 26px 0px 0px;
}

div.header_daterange_container input.date{
        width           : 80px;
        margin          : 0px 0px;
}

div.header_daterange_container span.dash{
        width           : 35px;
        text-align      : center;
}

div.header_daterange_container input.date#daterange_start{
        
}

div.header_daterange_container input.date#daterange_end{
        margin-right    : 27px;
}

div.header_daterange_container input.daterange_submit,
div.header_daterange_container input.daterange_cancel{
        float           : left;
        width           : 50px;
        margin-top      : 0px;
        height          : 32px;
        border-radius   : 5px;
        border          : 1px solid white;
}

div.header_daterange_container input.daterange_cancel{
        display         : none;
        margin-right    : 0px;
        margin-left     : 0px;
        width           : 45px;
        background-color: green;    
}

div.header_daterange_container div#daterange_error_error{
        color           : #ffffff !important;
        margin          : 40px 0px 0px 0px;
        padding         : 5px 20px 5px 20px;
        background-color: red;
        width           : 100%;
        font-weight     : bold;
}

div.header_daterange_container span.daterange_text{
        display         : none;
        color           : #ffffff;
        text-decoration : underline;
        cursor          : pointer;
        padding-top     : 5px;
}