@charset "utf-8";

.activestatpopup
{
    color: white !important;
    background: #5481bd !important;
}

body
{
    overflow-y: scroll;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #4a4a4a;
}

.borderRC
{
    border: 1px solid #4cff00 !important;
    background-color: #c0d5f0;
}

.borderRC2
{
    border: 2px solid #4cff00 !important;
}

.VnameCrew
{
    width: 11% !important;
}

.RC
{
    background-color: #fff;
}

.hide
{
    display: none;
}

.overlay
{
    position: fixed;
    top: 259px;
    bottom: 0;
    left: 516px;
    right: 0;
    background-color: #fff;
    opacity: 0.8;
    display: block;
    z-index: 1001;
    width: 638px;
    height: 397px;
}

.overlay-message
{
    position: fixed;
    top: 387px;
    left: 712px;
    width: 248px;
    height: 96px;
    background-color: #fff;
    border: 1px solid #000;
    opacity: 1;
    z-index: 1002;
    box-sizing: border-box;
    padding: 42px 17px;
}
/*new*/
.register .short
{
    border: 2px groove #FF0000 !important;
}

.register .weak
{
    border: 2px groove #E66C2C !important;
}

.register .good
{
    border: 2px groove #2D98F3 !important;
}

.register .strong
{
    border: 2px groove #006400 !important;
}

.msgGreen
{
    color: #000;
}

.InspectorObservation
{
    padding: 10px;
    line-height: 20px;
}

.RpBrdr
{
    border-bottom: 1px solid #f7f4f4;
    border-top: 1px solid #f7f4f4;
    padding: 12px;
}

.RpBorderRP
{
    border-bottom: 1px solid #f7f4f4;
    border-top: 1px solid #f7f4f4;
}

.ActiveTab
{
    background-color: #709297 !important;
}
/*New 11th March for Shifted menu above Graph*/
.ActiveTabRpanel
{
    background-color: #26abb0 !important;
}
/*End here 11 th march*/
.spActive
{
    background-color: #99b4d8;
}

.cdiAlignData
{
    display: block;
    padding-left: 15px;
    text-indent: -25px;
}

.cdidata
{
    width: 13px;
    height: 13px;
    padding: 0;
    margin: 0;
    vertical-align: bottom;
    position: relative;
    top: 10px;
    *overflow: hidden;
}

.cdiTextData
{
    text-indent: 0px;
    text-align: justify;
}

.cdiDiv
{
    width: 69%;
    margin: 0 auto;
    display: block;
    margin: 0px auto;
    border: 1px solid #e1e1e1;
    background: #F8F8F4;
    padding: 3px 40px 5px;
    position: absolute;
    top: 156px;
    right: 210px;
    font-size: 13px;
    font: sans-serif;
    box-shadow: 10px 10px 5px #888888;
    height: 330px;
    overflow: auto;
    overflow-x: hidden;
}

.changepass
{
    position: absolute;
    right: 496px;
    top: 359px;
}
/*7th feb*/
.btngraph
{
    float: right;
    background-color: #8254a3;
    color: #fff;
    border-radius: 2px 2px 2px 2px;
    padding: 6px;
}

.posigraphCompare
{
    width: 989px;
    height: 300px;
    float: left;
    border: 1px solid #ccc;
}

.posigraphCompareH
{
    width: 989px;
    height: auto;
    float: left;
    border: 1px solid #ccc;
}
/*.active {
    background-color: #FF0000;
    }*/
.active
{
    background-color: #99b4d8;
}

.MB
{
    width: 25% !important;
}
/*New CSS 03-01-2017 for Statistic module for multicheck dropdown*/

.multiselect
{
    width: 200px;
    position: absolute;
    left: 293px;
    top: 166px;
    background: #fff;
    z-index: 1;
}

.multiselectF
{
    width: 162px;
    position: absolute;
    left: 613px;
    top: 169px;
    background: #fff;
    z-index: 1;
}

.flgroup
{
    /*margin-left: 129px;
    margin-top: 0px;
    position: absolute;*/
    margin-left: 136px;
    margin-top: -10px;
    position: absolute;
}

.flfilterBtn
{
    margin-left: 594px;
    margin-top: -22px;
}

.flfilterBtnC
{
    margin-left: 693px;
    margin-top: -30px;
}

.dropdown-menuV
{
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 1;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
}

.selectBox
{
    position: relative;
}

    .selectBox select
    {
        width: 100%;
        font-weight: bold;
    }

.overSelect
{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

#checkboxes
{
    display: none;
    border: 1px #dadada solid;
}

    #checkboxes label
    {
        display: block;
    }

        #checkboxes label:hover
        {
            background-color: #1e90ff;
        }

/*Second Fleet Group Filter Dropdown*/

.selectBoxF
{
    position: relative;
}

    .selectBoxF select
    {
        width: 100%;
        font-weight: bold;
    }

.overSelectF
{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

#checkboxesF
{
    display: none;
    border: 1px #dadada solid;
}

    #checkboxesF label
    {
        display: block;
    }

        #checkboxesF label:hover
        {
            background-color: #1e90ff;
        }
/*end*/
.scrollToTop
{
    width: 20px;
    height: 31px;
    padding: 0px 23px 34px 5px;
    text-align: center;
    background-color: #fff !important;
    font-weight: bold;
    color: #000 !important;
    text-decoration: none;
    position: fixed;
    bottom: 50px;
    right: 40px;
    display: none;
    font-size: 27px;
    border-radius: 100%;
    box-shadow: 0px 0px 10px #000;
    font-family: Arial;
    z-index: 9999;
}

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

.msg
{
    font-weight: bold;
    color: Red;
    margin-top: 6px;
    position: absolute;
    left: 505px;
}

.hov li:hover
{
    color: blue;
}

.error
{
    /*border: 1px solid red !important; commented as on 14 july 2016*/
}

.errlifeNameMsg
{
    /*border: 1px solid red !important; commented as on 14 july 2016*/
}

.lst
{
    width: 130px;
    background: #e1e1e1;
    margin-left: 160px;
    margin-top: 20px;
    text-align: center;
}

    .lst ul li:hover
    {
        background: #c0d5f0;
        color: #6b6b6b;
    }

.Clr
{
    display: table;
}

    .Clr:before, Clr:after
    {
        content: '';
        clear: both;
    }

*
{
    box-sizing: border-box;
}

li
{
    list-style: none;
}

body, p, ul, ol, h1, h2, h3, h4, h5, form
{
    margin: 0px;
    padding: 0px;
}

a
{
    text-decoration: none;
    outline: none;
    color: #4a4a4a;
}

    a:hover
    {
        text-decoration: underline;
    }

    a img
    {
        border: 0px;
    }

.Mainwrap
{
    width: 1110px;
    position: relative;
    left: 50%;
    margin-left: -641px;
}

/* ----  Header ---*/
#Header
{
    background: #f8f8f8;
    position: fixed;
    z-index: 100;
    left: 0px;
    top: 0px;
    width: 90%;
}

    #Header ul
    {
        float: left;
        width: 80%;
    }

.home
{
    width: 20%;
    border-bottom: 8px solid #7092bf;
    border-left: none;
    float: left;
    height: 100px;
    text-align: center;
}

    .home a
    {
        display: table;
        height: 100px;
        width: 212px;
        margin: 0 auto;
        font-size: 12px;
    }

    .home span
    {
        display: table-cell;
        vertical-align: middle;
    }

    .home img
    {
        width: 100%;
    }

    .home b
    {
        display: block;
    }

    .home a:hover
    {
        text-decoration: none;
    }

#Header li
{
    float: left;
    width: 12.28%;
    height: 100px;
}

.Report
{
    display: block;
}

#Mo-main
{
    position: fixed;
    z-index: 1;
    background: #f8f8f8;
    width: 100%;
    height: 100%;
    text-align: center;
    display: table;
    padding-top: 80px;
    display: none;
}

    #Mo-main ul
    {
        display: table-cell;
        vertical-align: middle;
    }

    #Mo-main li
    {
        width: 45%;
        height: 200px;
        display: inline-block;
        margin: 0px;
    }

        #Header li.DataE, #Mo-main li.DataE
        {
            border-bottom: 8px solid #bf4d36;
        }

        #Header li.History, #Mo-main li.History
        {
            border-bottom: 8px solid #428261;
        }

        #Header li.Inspectors, #Mo-main li.Inspectors
        {
            border-bottom: 8px solid #633dbe;
        }

        #Header li.Planning, #Mo-main li.Planning
        {
            border-bottom: 8px solid #d30063;
        }

        #Header li.Inspection, #Mo-main li.Inspection
        {
            border-bottom: 8px solid #ff8400;
        }

        #Header li.Statistics, #Mo-main li.Statistics
        {
            border-bottom: 8px solid #26abb0;
        }

        #Header li.Links, #Mo-main li.Links
        {
            border-bottom: 8px solid #00a01a;
        }

        #Header li.Report, #Mo-main li.Report
        {
            border-bottom: 8px solid #009FE5;
        }

        #Header li a, #Mo-main li a
        {
            display: block;
            height: 100px;
            color: #4a4a4a;
            width: 100%;
            text-align: center;
            padding-top: 10px;
            border-left: 1px solid #dbdbdb;
        }

        #Mo-main li a
        {
            border: 1px solid #dbdbdb;
            height: 200px;
            width: 100%;
            padding-top: 60px;
        }

            #Header li a span.icon, #Mo-main li a span.icon
            {
                width: 49px;
                height: 43px;
                display: block;
                background: url(../images/sprite.png) no-repeat;
                margin: 0 auto;
            }

            #Header li a span.mtext, #Mo-main li a span.mtext
            {
                font-size: 14px;
                line-height: normal;
                font-weight: bold;
                display: table;
                width: 100%;
                height: 38px;
            }

                #Header li a span.mtext span, #Mo-main li a span.mtext span
                {
                    display: table-cell;
                    vertical-align: middle;
                }

            #Header li a span.DataIcon, #Mo-main li a span.DataIcon
            {
                background-position: -5px -5px;
            }

            #Header li a span.HistoryIcon, #Mo-main li a span.HistoryIcon
            {
                background-position: -63px -5px;
                width: 44px;
            }

            #Header li a span.InspectorsIcon, #Mo-main li a span.InspectorsIcon
            {
                background-position: -116px -5px;
                width: 44px;
            }

            #Header li a span.PlanningIcon, #Mo-main li a span.PlanningIcon
            {
                background-position: -172px -5px;
                width: 41px;
            }

            #Header li a span.InspectionIcon, #Mo-main li a span.InspectionIcon
            {
                background-position: -224px -5px;
                width: 23px;
            }

            #Header li a span.StatisticsIcon, #Mo-main li a span.StatisticsIcon
            {
                background-position: -257px -5px;
                width: 41px;
            }

            #Header li a span.LinksIcon, #Mo-main li a span.LinksIcon
            {
                background-position: -308px -5px;
                width: 41px;
            }

            #Header li a span.ReportIcon, #Mo-main li a span.ReportIcon
            {
                background-position: 0px -255px;
                width: 41px;
            }

            #Header li:hover a, #Header li a.active, #Mo-main li:hover a, #Mo-main li a.active
            {
                color: #fff;
                text-decoration: none;
            }

        #Header li:hover.DataE a, #Header li.DataE a.active, #Mo-main li:hover.DataE a, #Mo-main li.DataE a.active
        {
            background: #bf4d36;
        }

        #Header li:hover a span.DataIcon, #Header li a.active span.DataIcon, #Mo-main li:hover a span.DataIcon, #Mo-main li a.active span.DataIcon
        {
            background-position: -5px -55px;
        }

        #Header li:hover.History a, #Header li.History a.active, #Mo-main li:hover.History a, #Mo-main li.History a.active
        {
            background: #428261;
        }

        #Header li:hover a span.HistoryIcon, #Header li a.active span.HistoryIcon, #Mo-main li:hover a span.HistoryIcon, #Mo-main li a.active span.HistoryIcon
        {
            background-position: -63px -55px;
        }

        #Header li:hover.Inspectors a, #Header li.Inspectors a.active, #Mo-main li:hover.Inspectors a, #Mo-main li.Inspectors a.active
        {
            background: #633dbe;
        }

        #Header li:hover a span.InspectorsIcon, #Header li a.active span.InspectorsIcon, #Mo-main li:hover a span.InspectorsIcon, #Mo-main li a.active span.InspectorsIcon
        {
            background-position: -116px -55px;
        }

        #Header li:hover.Planning a, #Header li.Planning a.active, #Mo-main li:hover.Planning a, #Mo-main li.Planning a.active
        {
            background: #d30063;
        }

        #Header li:hover a span.PlanningIcon, #Header li a.active span.PlanningIcon, #Mo-main li:hover a span.PlanningIcon, #Mo-main li a.active span.PlanningIcon
        {
            background-position: -172px -55px;
        }

        #Header li:hover.Inspection a, #Header li.Inspection a.active, #Mo-main li:hover.Inspection a, #Mo-main li.Inspection a.active
        {
            background: #ff8400;
        }

        #Header li:hover a span.InspectionIcon, #Header li a.active span.InspectionIcon, #Mo-main li:hover a span.InspectionIcon, #Mo-main li a.active span.InspectionIcon
        {
            background-position: -224px -55px;
        }

        #Header li:hover.Statistics a, #Header li.Statistics a.active, #Mo-main li:hover.Statistics a, #Mo-main li.Statistics a.active
        {
            background: #26abb0;
        }

        #Header li:hover a span.StatisticsIcon, #Header li a.active span.StatisticsIcon, #Mo-main li:hover a span.StatisticsIcon, #Mo-main li a.active span.StatisticsIcon
        {
            background-position: -257px -55px;
        }

        #Header li:hover.Links a, #Header li.Links a.active, #Mo-main li:hover.Links a, #Mo-main li.Links a.active
        {
            background: #00a01a;
        }

        #Header li:hover.Report a, #Header li.Report a.active, #Mo-main li:hover.Report a, #Mo-main li.Report a.active
        {
            background: #009FE5;
        }

        #Header li:hover a span.LinksIcon, #Header li a.active span.LinksIcon, #Mo-main li:hover a span.LinksIcon, #Mo-main li a.active span.LinksIcon
        {
            background-position: -308px -55px;
        }

        #Header li:hover a span.ReportIcon, #Header li a.active span.ReportIcon, #Mo-main li:hover a span.ReportIcon, #Mo-main li a.active span.ReportIcon
        {
            background-position: 0px -294px;
        }

.TopFixed
{
    width: 1110px;
    position: fixed;
    background: #f8f8f8;
}


/* ---- Right Bar ---*/
#RightBar
{
    /*width: 170px;*/
    background: #f8f8f8;
    height: 100%;
    position: fixed;
    top: 0px;
    right: 0px;
    /*z-index: 2;*/
    border-left: 1px solid #d5d5d5;

    width: 151px;
    z-index: 100;
}

.fixed
{
    width: 170px;
    position: fixed;
    background: #f8f8f8;
    border-left: 1px solid #d5d5d5;
}

#LeftBar .fixed
{
    border-left: 0px;
    border-right: 1px solid #d5d5d5;
}

#LeftBar .fixed, .RightLinks
{
    overflow-y: scroll;
}

    .fixed::-webkit-scrollbar, .RightLinks::-webkit-scrollbar
    {
        display: none;
    }

.Profile
{
    height: 100px;
    padding-top: 15px;
    border-bottom: 1px solid #dbdbdb;
}

.ProfileImg
{
    width: 59px;
    height: 57px;
    border-radius: 3px;
    margin: 0 auto;
    overflow: hidden;
}

.ProfileName
{
    font-size: 12px;
    line-height: 30px;
    text-align: center;
}

.ProfileIcon
{
    display: inline-block;
    width: 19px;
    height: 19px;
    background: url(../images/sprite.png) no-repeat -362px -40px;
    vertical-align: -15%;
    margin-left: 8px;
}

.RightLinks
{
    padding-top: 3px;
    width: 100%;
}

    .RightLinks li
    {
        /*        height: 30px;
    */
    }

        .RightLinks li a
        {
            display: block;
            color: #7092BF;
            font-size: 12px;
            padding: 5px 0px 5px 10px;
            line-height: 16px;
        }

            .RightLinks li a:hover, .RightLinks li a.active
            {
                color: #fff;
                background: #7092bf;
                text-decoration: none;
            }

            .RightLinks li a span
            {
                display: block;
                width: 14px;
                height: 11px;
                background: url(../images/sprite.png) no-repeat -362px -6px;
                margin-right: 5px;
                float: left;
            }

            .RightLinks li a strong
            {
                display: block;
                width: 93px;
                float: left;
                font-weight: normal;
            }

.clearboth
{
    height: 0px;
    line-height: 0px;
    font-size: 0px;
    clear: both;
    display: block;
}

.RightLinks li a:hover span, .RightLinks li a.active span
{
    background: url(../images/sprite.png) no-repeat -362px -22px;
}

.Summary
{
    border-bottom: 1px solid #dbdbdb;
}

    .Summary a
    {
        font-size: 13px;
        font-weight: bold;
    }

.OilLogos
{
    text-align: center;
}

.logos
{
    width: 28%;
    background: #fff;
    display: inline-block;
    margin: 0 1%;
    padding: 3px;
    border: 1px solid #e1e1e1;
    margin-top: 3px;
}

.logos2
{
    width: 58%;
}

.logos img
{
    width: 100%;
    display: block;
    height: 33%;
}

.logos a
{
    display: block;
}

.logos:hover
{
    border: 1px solid #6b6b6b;
}


#MainCon
{
    width: 100%;
    padding-top: 120px;
    padding-bottom: 20px;
}

/* ---- Left Bar ---*/
#LeftBar
{
    width: 170px;
    background: #f8f8f8;
    position: fixed;
    left: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 0;
    padding-top: 100px;
    border-right: 1px solid #d5d5d5;
}

    #LeftBar li
    {
        height: 80px;
    }

        #LeftBar li.AutoL
        {
            height: 90px;
        }

            #LeftBar li.AutoL a
            {
                height: 90px;
            }

                #LeftBar li.AutoL a:hover, #LeftBar li.AutoL a.active
                {
                    background: #7092bf;
                }


        #LeftBar li a
        {
            display: block;
            height: 30px;
            color: #7092bf;
            float: left;
            padding: 0px 0 18px 9px;
        }

            #LeftBar li a .icon
            {
                width: 29px;
                height: 31px;
                display: block;
                margin: 0 auto;
                background: url(../images/sprite.png) no-repeat;
            }

            #LeftBar li a .name
            {
                font-size: 12px;
                font-weight: bold;
                line-height: 30px;
            }
             /*#LeftBar li a:hover,*/

            #LeftBar li a.active
            {
                background: #99b4d8;
                color: #fff;
                text-decoration: none;
            }

            #LeftBar li a .auto
            {
                width: 29px;
                background-position: -5px -111px;
            }

            #LeftBar li a:hover .auto, #LeftBar li a.active .auto
            {
                background-position: -5px -153px;
            }

            #LeftBar li a .Oil
            {
                width: 31px;
                background-position: -311px -111px;
            }

            #LeftBar li a:hover .Oil, #LeftBar li a.active .Oil
            {
                background-position: -311px -153px;
            }

            #LeftBar li a .List
            {
                width: 26px;
                background-position: -442px -111px;
            }

            #LeftBar li a:hover .List, #LeftBar li a.active .List
            {
                background-position: -442px -153px;
            }

            #LeftBar li a .Company
            {
                width: 32px;
                background-position: -478px -111px;
            }

            #LeftBar li a:hover .Company, #LeftBar li a.active .Company
            {
                background-position: -478px -153px;
            }

            #LeftBar li a .Crew
            {
                width: 36px;
                background-position: -351px -111px;
            }

            /*#LeftBar li a .Analysis {
    width: 31px;
    background-position: -408px -261px;
    }

    #LeftBar li a:hover .Analysis, #LeftBar li a.active .Analysis {
    background-position: -408px -261px;
    }*/

            #LeftBar li a .Analysis
            {
                width: 30px;
                background-position: -408px -261px;
            }

            #LeftBar li a:hover .Analysis, #LeftBar li a.active .Analysis
            {
                background-position: -408px -301px;
            }

            #LeftBar li a .VesselsComp
            {
                width: 30px;
                background-position: -76px -261px;
            }

            #LeftBar li a:hover .VesselsComp, #LeftBar li a.active .VesselsComp
            {
                background-position: -76px -301px;
            }

            #LeftBar li a:hover .Crew, #LeftBar li a.active .Crew
            {
                background-position: -394px -153px;
            }

            #LeftBar li a .sire
            {
                width: 36px;
                background-position: -394px -111px;
            }

            #LeftBar li a:hover .sire, #LeftBar li a.active .sire
            {
                background-position: -394px -153px;
            }

            #LeftBar li a .Manual
            {
                width: 31px;
                height: 31px;
                background-position: -46px -111px;
            }

            #LeftBar li a:hover .Manual, #LeftBar li a.active .Manual
            {
                background-position: -46px -153px;
            }

            #LeftBar li a .Vessel
            {
                width: 38px;
                background-position: -90px -111px;
            }

            #LeftBar li a:hover .Vessel, #LeftBar li a.active .Vessel
            {
                background-position: -90px -153px;
            }

            #LeftBar li a .Group
            {
                width: 31px;
                background-position: -141px -111px;
            }

            #LeftBar li a:hover .Group, #LeftBar li a.active .Group
            {
                background-position: -141px -153px;
            }

            #LeftBar li a .All
            {
                width: 36px;
                background-position: -185px -111px;
            }

            #LeftBar li a:hover .All, #LeftBar li a.active .All
            {
                background-position: -185px -153px;
            }

            #LeftBar li a .Itinerary
            {
                width: 30px;
                background-position: -5px -261px;
            }

            #LeftBar li a:hover .Itinerary, #LeftBar li a.active .Itinerary
            {
                background-position: -5px -301px;
            }

            #LeftBar li a .Plan
            {
                width: 20px;
                background-position: -46px -261px;
            }

            #LeftBar li a:hover .Plan, #LeftBar li a.active .Plan
            {
                background-position: -46px -301px;
            }

            #LeftBar li a .months
            {
                width: 29px;
                background-position: -77px -261px;
            }

            #LeftBar li a:hover .months, #LeftBar li a.active .months
            {
                background-position: -77px -301px;
            }

            #LeftBar li a .Calendar
            {
                width: 30px;
                background-position: -119px -261px;
            }

            #LeftBar li a:hover .Calendar, #LeftBar li a.active .Calendar
            {
                background-position: -119px -301px;
            }

            #LeftBar li a .Approvals
            {
                width: 36px;
                background-position: -394px -111px;
            }

            #LeftBar li a:hover .Approvals, #LeftBar li a.active .Approvals
            {
                background-position: -394px -153px;
            }

            #LeftBar li a .Vetting
            {
                width: 28px;
                background-position: -162px -261px;
            }

            #LeftBar li a:hover .Vetting, #LeftBar li a.active .Vetting
            {
                background-position: -162px -301px;
            }

            #LeftBar li a .Hold
            {
                width: 61px;
                background-position: -201px -261px;
            }

            #LeftBar li a:hover .Hold, #LeftBar li a.active .Hold
            {
                background-position: -201px -301px;
            }

            #LeftBar li a .Basket
            {
                width: 20px;
                background-position: -272px -261px;
            }

            #LeftBar li a:hover .Basket, #LeftBar li a.active .Basket
            {
                background-position: -272px -301px;
            }

            #LeftBar li a .New
            {
                width: 20px;
                background-position: -302px -261px;
            }

            #LeftBar li a:hover .New, #LeftBar li a.active .New
            {
                background-position: -302px -301px;
            }

            #LeftBar li a .Status
            {
                width: 30px;
                background-position: -331px -261px;
            }

            #LeftBar li a:hover .Status, #LeftBar li a.active .Status
            {
                background-position: -331px -301px;
            }

            #LeftBar li a .Timeline
            {
                width: 30px;
                background-position: -370px -261px;
            }

            #LeftBar li a:hover .Timeline, #LeftBar li a.active .Timeline
            {
                background-position: -370px -301px;
            }

            #LeftBar li a .Guidance
            {
                width: 30px;
                background-position: -408px -261px;
            }

            #LeftBar li a:hover .Guidance, #LeftBar li a.active .Guidance
            {
                background-position: -408px -301px;
            }

            #LeftBar li a .Internal
            {
                width: 30px;
                background-position: -437px -5px;
            }

            #LeftBar li a:hover .Internal, #LeftBar li a.active .Internal
            {
                background-position: -437px -45px;
            }

            #LeftBar li a .External
            {
                width: 30px;
                background-position: -394px -5px;
            }

            #LeftBar li a:hover .External, #LeftBar li a.active .External
            {
                background-position: -394px -45px;
            }

            #LeftBar li a .Owners
            {
                width: 30px;
                background-position: -446px -261px;
            }

            #LeftBar li a:hover .Owners, #LeftBar li a.active .Owners
            {
                background-position: -446px -301px;
            }

            #LeftBar li a .Chapters
            {
                width: 30px;
                background-position: -484px -261px;
            }

            #LeftBar li a:hover .Chapters, #LeftBar li a.active .Chapters
            {
                background-position: -484px -301px;
            }

            #LeftBar li a .InspvsObser
            {
                width: 30px;
                background-position: -331px -261px;
            }

            #LeftBar li a:hover .InspvsObser, #LeftBar li a.active .InspvsObser
            {
                background-position: -331px -301px;
            }

            #LeftBar li a .PscActCode
            {
                width: 30px;
                background-position: -119px -261px;
            }

            #LeftBar li a:hover .PscActCode, #LeftBar li a.active .PscActCode
            {
                background-position: -119px -301px;
            }
/* ---- Content Area ---*/
#ContentCon
{
    width: 100%;
    background: #fff;
    margin: 0 auto;
}

.remove-margin
{
    margin: 0px !important;
}

.Coll-1
{
    width: 32.3%;
    float: left;
    margin-left: 1.3%;
}

.Coll-1SCREE
{
    width: 48.999%;
    float: left;
    margin-left: 1.3%;
}
/* start edid 5/5/2016 */
.Coll-3
{
    width: 48%;
    float: left;
    margin-left: 2%;
}
/* end edid 5/5/2016 */
.Coll-2
{
    width: 65.9%;
    float: left;
    margin-left: 1.3%;
}

.collBox
{
    padding: 5px 10px 5px;
    background: #f8f8f8;
    border: 1px solid #e1e1e1;
}

.width100
{
    width: 100%;
}

.width80
{
    width: 80%;
}

.width20
{
    width: 20%;
}

.width60
{
    width: 60%;
}

.width40
{
    width: 40%;
}

.width30
{
    width: 30%;
}

.width48
{
    width: 48%;
}

.width8
{
    width: 8%;
}

.width2
{
    width: 2%;
}

.width90
{
    width: 90%;
}

.width10
{
    width: 10% !important;
}

.width13
{
    width: 13%;
}

.width15
{
    width: 15%;
}

.Right
{
    float: right;
}

.Graph
{
    padding: 10px;
}

.Left
{
    float: left;
}

.margin-t10
{
    margin-top: 10px;
}

.margin-t20
{
    margin-top: 20px;
}

.margin-t30
{
    margin-top: 30px;
}

.margin0
{
    margin: 0px !important;
}

.margin-L10
{
    margin-left: 10px;
}

.FildBox
{
    height: 22px;
    padding-top: 5px;
    line-height: 22px;
}

.FildName
{
    float: left;
    line-height: 22px;
}

.Fild, .Fild2
{
    width: 39%;
    float: right;
    border: 1px solid #e1e1e1;
    border-radius: 2px;
    color: #6d6d6d;
    padding: 0 3px;
    font-size: 12px;
    height: 22px;
    font-family: Arial, Helvetica, sans-serif;
}

.plnFild
{
    width: 11%;
    /*float: right;*/
    border: 1px solid #e1e1e1;
    border-radius: 2px;
    color: #6d6d6d;
    padding: 0 3px;
    font-size: 12px;
    height: 22px;
    font-family: Arial, Helvetica, sans-serif;
}
/*.upload
    {
    width: 400px;
    height: 200px;
    border: 2px dashed #e1e1e1;
    margin: 50px auto 0;
    background: #f8f8f8;
    font-size: 14px;
    text-align: center;
    }

    .upload div
    {
    display: table-cell;
    vertical-align: middle;
    width: inherit;
    height: inherit;
    }
    .upload div span.or
    {
    display: block;
    padding-top: 15px;
    }

    .upload .button
    {
    width: 100px;
    margin: 15px auto 0;
    } Changes by naveel on 11 Sep 15*/

.btnspace
{
    margin-left: 10px;
}

.Hbtnpdf
{
    margin-top: 24px;
}

.upload
{
    width: 300px;
    height: 150px;
    border: 2px dashed #e1e1e1;
    margin: 50px auto 0;
    background: #f8f8f8;
    font-size: 14px;
    text-align: center;
}

    .upload div
    {
        display: table-cell;
        vertical-align: middle;
        width: 370px;
        margin-left: -24px;
    }

.BidgeUpload
{
    width: 99% !important;
    margin-left: -530px !important;
    position: absolute!important;
    font-size: 12px!important;
}

.upload div span.or
{
    display: block;
    padding-top: 15px;
}

.upload .button
{
    width: 100px;
    margin: 15px auto 0;
}

.check
{
    border: 1px solid #e1e1e1 !important;
    float: right;
}

.Pagination
{
    height: 28px;
    /*border: 1px solid #e1e1e1;*/
    border-bottom: 0;
    /*background: #f8f8f8;*/
    padding: 3px 10px;
    width: 100%;
}

    .Pagination ul
    {
        float: left;
    }

    .Pagination li
    {
        float: left;
        margin-right: 5px;
    }

        .Pagination li a
        {
            width: 23px;
            height: 20px;
            line-height: 18px;
            background: #fff;
            border: 1px solid #e1e1e1;
            text-align: center;
            display: block;
        }

            .Pagination li a:hover, .Pagination li a.active
            {
                background: #7092bf;
                text-decoration: none;
                color: #fff;
            }

    .Pagination .rightFild
    {
        width: 190px;
        padding-top: 0px;
    }

    .Pagination .Fild
    {
        width: 80%!important;
        float: right !important;
    }

.DetaiHeding
{
    height: 32px;
    background: #7092bf;
    font-size: 13px;
    line-height: 32px;
    color: #fff;
    padding-left: 10px;
}

.Coll-2 .Fild
{
    width: 70%;
}

.Coll-2 .Fild2
{
    width: 70%;
    height: 50px;
    padding-top: 3px;
}

select.Fild
{
    padding: 0px !important;
}

.rightFild
{
    width: 70%;
    float: right;
    padding-top: 5px;
}

    .rightFild .Fild
    {
        float: left;
        width: 40%;
        margin-left: 1%;
    }

.padding-l10
{
    padding-left: 10px;
}

.padding-l24
{
    padding-left: 24px;
}

.Title_Div
{
    font-size: 40px;
}

.Title_Management
{
    font-size: 28px;
}

.padding-l116
{
    padding-left: 158px;
}

.padding-l114
{
    padding-left: 116px;
}

.mainMenu
{
    width: 21px;
    height: 17px;
    background: url(../images/sprite.png) no-repeat -235px -111px;
    cursor: pointer;
    position: absolute;
    left: 10px;
    top: 31px;
    display: none;
}

.autoMenu
{
    width: 21px;
    height: 17px;
    background: url(../images/sprite.png) no-repeat -235px -153px;
    cursor: pointer;
    position: absolute;
    left: 10px;
    top: 60px;
    display: none;
}

.Mprofile
{
    width: 19px;
    height: 19px;
    background: url(../images/sprite.png) no-repeat -362px -40px;
    position: absolute;
    right: 10px;
    top: 31px;
    cursor: pointer;
    display: none;
}

.ProfileDetl
{
    width: 300px;
    position: absolute;
    right: 18px;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #dbdbdb;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    padding: 10px;
    z-index: 100;
    top: 100px;
    display: none;
}

    .ProfileDetl:before
    {
        width: 16px;
        height: 7px;
        position: absolute;
        right: 50px;
        top: -5px;
        content: "";
        background: url(../images/sprite.png) no-repeat -272px -111px;
    }

    .ProfileDetl .img
    {
        float: left;
        width: 100px;
        height: 100px;
    }

    .ProfileDetl .DetailPro
    {
        float: right;
        width: 170px;
    }

    .ProfileDetl .ProName
    {
        font-weight: bold;
        padding-bottom: 3px;
    }

    .ProfileDetl .ProBtn
    {
        margin-top: 6px;
        width: 120px;
        height: 25px;
        background: #7092bf;
        border-radius: 3px;
        color: #fff;
        font-size: 12px;
        font-weight: bold;
        cursor: pointer;
        line-height: 25px;
        text-align: center;
    }

    .ProfileDetl .logOut
    {
        background: #666;
    }

.show
{
    display: block !important;
}

.Mob-arrow
{
    position: fixed;
    top: 50%;
    padding: 10px 5px;
    background: #f8f8f8;
    cursor: pointer;
    border: 1px solid #e1e1e1;
    display: none;
}

    .Mob-arrow:hover
    {
        background: #7092bf;
    }

    .Mob-arrow span
    {
        width: 8px;
        height: 23px;
        background: url(../images/sprite.png) no-repeat;
        display: block;
    }

.LeftArrow
{
    left: 0px;
}

.Mob-arrow span.Left
{
    background-position: -272px -130px;
}

.Mob-arrow:hover span.Left
{
    background-position: -272px -161px;
}

.Mob-arrow span.Right
{
    background-position: -290px -130px;
}

.Mob-arrow:hover span.Right
{
    background-position: -290px -161px;
}

.Mob-arrow span.Left2
{
    background-position: -272px -130px;
}

.Mob-arrow:hover span.Left2
{
    background-position: -272px -161px;
}

.RightArrow
{
    right: 0px;
}

.feetGroup-List, .AllGroup-List, .Viqsearch-List
{
    display: none;
}

.button
{
    display: block;
    cursor: pointer;
    background: #7092bf;
    border: none;
    height: 30px;
    border-radius: 3px;
    color: #fff;
    font-weight: bold;
    line-height: 30px;
    padding: 0 10px;
}

.buttonbtn
{
    cursor: pointer;
    background: #7092bf;
    border: none;
    height: 30px;
    border-radius: 3px;
    color: #fff;
    font-weight: bold;
    line-height: 30px;
    padding: 0 10px;
}

.button:hover
{
    background: #5481bd;
}

.fleft
{
    float: left;
}

.backButton
{
    width: 60px !important;
    float: right !important;
    margin-top: -37px;
    margin-right: 10px;
}

.btnNextBack
{
    float: left !important;
    display: block;
    margin: 10px;
}

.btnGroup
{
    width: 200px;
    float: left;
    margin-top: -10px;
}
/* ---- History ---*/

.border1
{
    border: 1px solid #e1e1e1;
}

.HedingBar, .CrewHedBar
{
    height: 40px;
    background: #7092bf;
    padding: 0 10px;
    line-height: 40px;
    font-size: 13px;
    color: #fff;
    font-weight: bold;
}

.CrewHedBar
{
    height: 40px;
    line-height: normal;
    text-align: center;
}

.HedingBar .OilLogo
{
    height: 30px;
    margin-top: 5px;
    background: #fff;
    float: right;
    padding: 0 5px;
    line-height: 30px;
    color: #6b6b6b;
}

.HedingBar .CrewRight
{
    padding: 0 15px;
}

.HedingBar .OilLogo img
{
    height: 30px;
}

.VesselDropBox
{
    height: 40px;
    background: #f8f8f8;
    padding-top: 10px;
}

    .VesselDropBox span, .CrewHedBar span
    {
        float: left;
        display: block;
        line-height: 20px;
        margin-left: 10px;
    }

.CrewHedBar
{
    padding-top: 8px;
}

    .CrewHedBar span
    {
        display: inline-block;
        float: none;
    }

    .VesselDropBox .FildBox, .CrewHedBar .FildBox
    {
        width: 20%;
        padding-top: 0px;
    }

.Go
{
    height: 22px;
    background: #2abc26;
    border-radius: 5px;
    padding: 0 5px;
    color: #fff;
    font-weight: bold;
    border: 0px;
    cursor: pointer;
    margin-right: 10px;
}

.VesselDropBox .Fild
{
    float: left;
    width: 100%;
}

.VesselSearch
{
    height: 55px;
    line-height: 55px;
}

    .VesselSearch .FildBox
    {
        width: 50%;
    }

    .VesselSearch span
    {
        line-height: 30px;
        height: 30ppx;
    }

    .VesselSearch .Fild
    {
        height: 30px;
        line-height: 30px;
    }

.CrewHedBar .Fild
{
    width: 100%;
    float: none;
}

.HistoryTable
{
    display: table;
}

    .HistoryTable ul
    {
        display: table-row;
    }

        .HistoryTable ul.hed
        {
            background: #99b4d8;
        }

            .HistoryTable ul.hed li
            {
                font-weight: bold;
                color: #fff;
                font-size: 12px;
                border-left: 0;
                padding: 10px;
                height: auto;
                line-height: 12px;
            }

    .HistoryTable li, .VesselTab li
    {
        /*color: #4a4a4a;*/
        /*width: 14.10%;*/
        text-align: left;
        border-left: 1px solid #dbdbdb;
        display: table-cell;
        vertical-align: middle;
    }

    /*.newHistoryTable li {
    width: 14.28%;
    }

    .newHistoryTable li.newInspected {
    width: 14.56%;
    }

    .newHistoryTable li.newport {
    width: 7.14%;
    }*/
    .HistoryTable li
    {
        padding: 7px 10px;
    }

.VesselTab ul
{
    border-bottom: 2px solid #e1e1e1;
}

.VesselTab li
{
    height: auto;
    padding-left: 0px;
}

    .VesselTab li.SVesl
    {
        height: 100px;
        padding-left: 10px;
        font-weight: bold;
    }

        .VesselTab li.SVesl span, .VesselTab li.SHedi span
        {
            background: #99b4d8;
        }

    .VesselTab li.GraphBox img
    {
        width: 100%;
    }

    .VesselTab li span
    {
        height: 25px;
        display: block;
        line-height: 25px;
        border-bottom: 1px solid #e1e1e1;
        padding-left: 10px;
    }

.LastSire
{
    display: table;
    width: 100%;
}

    .LastSire ul
    {
        display: table-row;
    }

    .LastSire li
    {
        width: 33.33%;
        display: table-cell;
        vertical-align: middle;
    }

        .LastSire li span
        {
            width: 50%;
            float: left;
            display: block;
            padding: 5px 10px;
            height: inherit;
        }

    .LastSire ul.LastSireH li
    {
        text-align: center;
        font-weight: bold;
        font-size: 14px;
        padding: 10px;
    }

    .LastSire ul.LastSireN li
    {
        font-weight: bold;
        font-size: 13px;
        background: #99b4d8 !important;
        color: #fff;
    }

        .LastSire ul.LastSireN li span
        {
            padding: 10px;
        }

    .LastSire li .Red
    {
        background: #F00;
        color: #fff;
    }

    .LastSire li .Orenge
    {
        background: #F60;
        color: #fff;
    }

    .LastSire li .Green
    {
        background: #00a01a;
        color: #fff;
    }

    .LastSire ul
    {
        border-bottom: 1px solid #e1e1e1;
    }

.SumryTab li
{
    width: 14.28%;
}

.HistoryTable li .status
{
    width: 6px;
    height: 6px;
    display: inline-block;
    background: url(../images/sprite.png) no-repeat;
    margin-right: 5px;
}

.HistoryTable li .Accept
{
    background-position: -362px -69px;
}

.HistoryTable li .Insp
{
    background-position: -362px -81px;
}

/*.HistoryTable li.Vname {27 july 2016
    width: 29.2%;
    }*/
/*.HistoryTable li.Vname {
    width: 44.2%;
    }*/

/*.HistoryTable li.Port {
    width: 13.3%;
    }*/
/*screening*/
/*.HistoryTable li.screening {
    width: 40.3%; 
    }

    .HistoryTable li.screening2 {
    width: 22.3%; 
    }*/
/*end*/
/*  ----- Inspectors   ------*/

.InspectorsList
{
    display: table;
}

    .InspectorsList ul
    {
        border-bottom: 1px solid #e1e1e1;
        display: table-row;
    }

        /*.InspectorsList li {
    display: table-cell;
    width: 25%;
    border-left: 1px solid #c0d5f0;
    vertical-align: middle;
    padding: 7px 10px;
    word-wrap: break-word;
    }*/

        .InspectorsList ul.head
        {
            background: #7092bf !important;
            color: #fff;
            font-weight: bold;
        }

            .InspectorsList ul.head li
            {
                padding: 4px;
            }


/*===========Planning and Approvals css LastThreeInspection Css Start here as 18th august 2016*/
.LastInspectionList ul.head li
{
    padding: 6px;
}

/*End here */
.a1:link
{
    color: #FFFFFF;
}

.a1:visited
{
    color: #000000;
}

.a1:hover
{
    color: #000000;
}

.a1:active
{
    color: #000000;
}
/*new css by Naveel*/
.next2mnthClrdtls
{
    display: table;
    margin: 0 auto;
    padding-top: 20px;
}

    .next2mnthClrdtls ul
    {
        border-bottom: 1px solid #e1e1e1;
        display: table-row;
    }

    .next2mnthClrdtls li
    {
        display: table-cell;
        /*width: 25%;*/
        vertical-align: middle;
        padding: 7px 10px;
        word-wrap: break-word;
    }

.Plantbl11 li .SubHead2
{
    height: auto;
    line-height: normal;
    padding: 10px 5px;
    display: table-cell;
}

.Plantbl11 li
{
    text-align: left;
}
    /* start edid 5/5/2016 */
    .Plantbl11 li.Vessel span
    {
        padding: 3px;
    }
/* end edid 5/5/2016 */
.PlanHeding1 li.Vessel
{
    width: 24%;
}

/*.InspectorsList1 li {
    display: table-cell;
    width: 25%;
    border-left: 1px solid #c0d5f0;
    vertical-align: middle;
    padding: 4px 7px !important;
    word-wrap: break-word;
    }*/

/*new css for Next2Month*/

.a span
{
    padding: 4px !important;
    /*border-left: 1px solid #c0d5f0;*/
    /* padding-top: 14px!important; old*/
    padding-top: 5px!important; /*New 0n 14 Jan*/
    padding-bottom: 15px!important;
}
/* start edid 5/5/2016 */
#lstPlanNextMonths li
{
    height: 30px;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    line-height: 30px;
}

#lstPlanNextMonthsIndex li
{
    height: 30px;
    padding-top: 10px !important;
    padding-bottom: 0px !important;
    line-height: 10px;
}
/*#lstPlanNextMonths li {
    height:30px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height:30px;
    }*/
#lstPlanNextMonths .a span
{
    /*border-left: 1px solid #c0d5f0;*/
    display: inline-block;
    height: inherit;
    padding: 0 !important;
    width: 14.28%;
    font-size: 10px;
}
/* end edid 5/5/2016 */
/*.adesh span {
    padding: 4px !important;
    border-left: 1px solid #c0d5f0;
  
    padding-top: 5px!important; 
    padding-bottom: 15px!important;
    }*/
.adesh span
{
    /*padding: 4px!important;*/
    /*border-left: 1px solid #c0d5f0;*/
    border-left: 1px solid #dbdbdb;
    padding-top: 10px!important;
    padding-bottom: 8px!important;
    font-size: 10px;
}

.Closeout .Vessel
{
    width: 68%;
}


.InspectorsList11
{
    display: table;
}

    .InspectorsList11 ul
    {
        border-bottom: 1px solid #e1e1e1;
        display: table-row;
    }

    .InspectorsList11 li
    {
        display: table-cell;
        border-left: 1px solid #c0d5f0;
        /*border-left: 1px solid #dbdbdb;*/
        /*word-wrap: break-word;*/
        /* padding-top: 14px!important; old*/
        padding-top: 5px!important; /*New 0n 14 Jan*/
        padding-top: 5px;
        padding-bottom: 14px;
    }

    .InspectorsList11 ul.head
    {
        background: #7092bf !important;
        color: #fff;
        font-weight: bold;
    }

        .InspectorsList11 ul.head li
        {
            padding: 10px;
        }
/*end here*/

.closeoutG
{
    background-color: green;
}

.closeoutO
{
    background-color: orange;
}

.closeoutR
{
    background-color: Red;
}

.closeoutGR
{
    background-color: #ccc;
}

.formInsp
{
    padding-left: 157px;
}

.formInsp1
{
    padding-left: 180px;
}

.formInsp2
{
    padding-left: 155px;
}

.formInsp3
{
    padding-left: 163px;
}

.formInsp4
{
    padding-left: 144px;
}

.formInsp5
{
    padding-left: 112px;
}

.formInsp6
{
    padding-left: 194px;
}

.formInsp7
{
    padding-left: 181px;
}

.formInsp8
{
    padding-left: 94px;
}

.formInsp9
{
    padding-left: 205px;
}

.formInsp10
{
    padding-left: 205px;
}

.formInsp11
{
    padding-left: 196px;
}

.formInsp12
{
    padding-left: 50px;
}

.formInsp13
{
    padding-left: 83px;
}

.formInsp14
{
    padding-left: 128px;
}

.formInsp15
{
    padding-left: 75px;
}

.formInsp16
{
    padding-left: 70px;
}

.formInsp17
{
    padding-left: 50px;
}

.formInsp18
{
    padding-left: 50px;
}

.formInsp19
{
    padding-left: 50px;
}

.formInsp20
{
    padding-left: 113px;
}

.formInsp20oil
{
    padding-left: 5px;
}

.drpPlanSugestApproval
{
    z-index: 99999;
    position: absolute;
    width: 100%;
    margin-left: -160px;
    background: #e1e1e1;
    margin-top: -22px;
}
/*end here*/

.InspectorsName
{
    float: left;
}

.InspectorsDetail
{
    float: right;
    width: 50%;
}

.InspectorsHed
{
    font-size: 13px;
    font-weight: bold;
    display: block;
    padding-bottom: 5px;
}

/*.InspectorsDetailList li {
    width: 22.5%;
    }*/

.InspectorsDetailList li.obs, .SummayDetailList li.obs
{
    width: 10%;
}

.SummayDetailList li
{
    width: 75%;
}

    .SummayDetailList li.date
    {
        width: 15%;
    }

    .SummayDetailList li strong
    {
        padding-bottom: 5px;
        display: block;
    }

.inspReqCOTLtoplnk
{
    float: right;
}

/*  ----- Planning-And-Approvals   ------*/
/*.PlanningTable li {
    width: 20%;
    }*/

.PlanningTable li.Planning-Add
{
    width: 30%;
}

.PlanningTable li.ETA
{
    width: 10%;
}

.PlanningTable li .button
{
    text-align: center;
    display: block;
    margin: 2px 0;
}

.PlanningTable li .Request
{
    background: #99b4d8;
}

    .PlanningTable li .Request:hover
    {
        background: #5481bd;
    }

/* Plan */

.PlanHeding li
{
    text-align: center;
    display: inline-block;
    display: table-cell;
    padding: 0 !important;
    border: 0px !important;
}

    .PlanHeding li .SubHead
    {
        display: block;
        height: 30px;
        border-bottom: 1px solid #c0d5f0;
        border-left: 1px solid #c0d5f0;
        line-height: 30px;
    }
    /* start edid 5/5/2016 */
    .PlanHeding li .SubHead2
    {
        height: 30px;
        display: block;
        float: left;
        border-left: 1px solid #dbdbdb;
        padding-top: 6px;
    }
    /* end edid 5/5/2016 */
    .PlanHeding li .SubHead3
    {
        height: 30px;
        display: block;
        float: left;
        line-height: 20px;
        border-left: 1px solid #dbdbdb;
        width: 50%;
    }

    .PlanHeding li.Vessel
    {
        width: 14%;
        text-align: left;
    }

    .PlanHeding li.DeshBoardVessel
    {
        width: 0%;
    }

    .PlanHeding li.History
    {
        width: 21%;
    }

    .PlanHeding li.DeshHistory
    {
        width: 100%;
    }

    .PlanHeding li.History .SubHead2
    {
        width: 50%;
    }

    .PlanHeding li.Planning
    {
        width: 61%;
    }

        .PlanHeding li.Planning .SubHead2
        {
            width: 19% !important;
        }

.InspectorsList ul.Plantbl
{
    display: table !important;
}

.Plantbl1 li .SubHead2
{
    height: auto;
    line-height: normal;
    padding: 10px 5px;
    display: table-cell;
}

.Plantbl1 li
{
    text-align: left;
}

    .Plantbl1 li.Vessel span
    {
        padding: 10px 5px;
        display: block;
    }

.AdmChk
{
    padding: 4px;
    font-weight: bold;
    text-align: center;
}
/* Approval */
.ApprovalTbl
{
}

    .ApprovalTbl li
    {
        width: 33.33%;
    }
/* Vetting */

.VettingTbl
{
}

/*.VettingTbl li {
    width: 25%;
    }*/

.VettingHold
{
}

    .VettingHold li
    {
        float: left;
        padding: 10px;
        width: 75%;
    }

        .VettingHold li.rej
        {
            width: 25%;
            border-right: 1px solid #e1e1e1;
            color: #bf4d36;
            font-weight: bold;
        }

/* On Hold/ Rejected  */



/*.RejectedTbl li {
    width: 15%;
    }*/

.RejectedTbl li.Remarks
{
    width: 35%;
}

.RejectedTbl li.Vessel
{
    width: 27%;
}

/*.ScreenRejectedTbl li {
    width: 15%;
    }*/

.ScreenRejectedTbl li.Remarks
{
    width: 35%;
}

.ScreenRejectedTbl li.Vessel
{
    /*width: 20%;*/
}
/*  ----- Inspection Basket   ------*/

.Inspection-Logo .OilLogos
{
}

    .Inspection-Logo .OilLogos .logos
    {
        width: 143px;
        /*margin: 5px;*/
        height: 43px;
    }

        .Inspection-Logo .OilLogos .logos a
        {
            display: block;
            height: 94px;
        }

    .Inspection-Logo .OilLogos .logos2
    {
        width: 100px;
        height: 100px;
    }

        .Inspection-Logo .OilLogos .logos2 img
        {
            padding-top: 25px;
            display: block;
        }

.InspectionVsal
{
    margin-left: 20px;
    border-left: 1px solid #dbdbdb;
}

    .InspectionVsal li a
    {
        height: 25px;
        line-height: 25px;
        border-bottom: 1px solid #dbdbdb;
        display: block;
        padding-left: 5px;
    }

.Closeout-Status
{
    /*min-width: 900px;*/
}

.Red-text
{
    color: #f00;
}

.Closeout-Status li
{
    width: 8.33%;
    border-left: 1px solid #dbdbdb !important;
    height: auto;
}

    .Closeout-Status li span
    {
        height: auto;
        display: block;
    }

.Plantbl1 li span
{
    padding: 0 5px;
}
/*.Closeout-Status li.Date
    {
    width: 43.16%;
    border: 0px !important;
    }*/
.Closeout-Status li.Date
{
    width: 46.16%;
    border: 0px !important;
}

    .Closeout-Status li.Date span.SubHead2
    {
        width: 25%;
        display: block;
    }

/*.Closeout-Status li.Invoice
    {
    width: 10.66%;
    border: 0px !important;
    }*/
.Closeout-Status li.Invoice
{
    width: 19.66%;
    border: 0px !important;
}

    .Closeout-Status li.Invoice span.SubHead2
    {
        width: 50%;
    }

/*.Closeout-Status li.Vessel
    {
    width: 13.49%;
    border: 0px !important;
    }*/

.Closeout-Status li.Vessel
{
    width: 9.49%;
    border: 0px !important;
}


.Closeout-Status li.PIC
{
    width: 5.16%;
}

.Closeout-Status li.status
{
    width: 4.16%;
}

.Closeout-Status li.Obs
{
    width: 4.16%;
}

.Closeout-Status li.oilMajor
{
    width: 7.49% !important;
}

/*.Closeout-Status li.Remarks
    {
    width: 12.49%;
    }*/

.Closeout-Status li.Remarks
{
    width: 22.49%;
}

.Closeout .Vessel
{
    width: 0%; /*new width for planning And Approval For Next2Month design*/
    /*width: 40%;*/ /*Actual Changes If any Where Required This Is Was Old Width*/
}

.btndata
{
    margin-top: 15px;
}

.GuidanceTbl
{
    background: none;
    float: none;
    border: none;
}

.GuidanceGrp
{
    border-bottom: 1px dashed #dbdbdb;
}

    .GuidanceGrp .GuidanceBox
    {
        float: left;
        width: 20%;
        padding: 10px;
    }

    .GuidanceGrp .GuidanceBoxR
    {
        float: right;
        width: 75%;
        border-left: 1px dashed #dbdbdb;
    }

/* --- Statistics ---*/

.StatisticsTab
{
    width: 200px;
    margin: 0 auto;
    height: 30px;
    border-bottom: 0px;
    border-left: 0px;
}

    .StatisticsTab ul
    {
    }

    .StatisticsTab li
    {
        float: left;
        height: 30px;
        line-height: 30px;
        width: 50%;
        font-weight: bold;
        text-transform: uppercase;
        text-align: center;
        cursor: pointer;
        border: 1px solid #dbdbdb;
        background: #fff;
    }

.StatisticsTab1 li.tbl
{
    background: #f8f8f8;
    border-right: 0px;
}

.StatisticsTab1 li.Active
{
    border-bottom: 0px;
}

.StatisticsTabDetl1
{
    margin-top: -1px;
    padding: 5px;
}

/*Bench Mark*/
/* --- Statistics ---*/

.StatisticsTab1
{
    width: 200px;
    margin: 0 auto;
    height: 30px;
    border-bottom: 0px;
    border-left: 0px;
}

    .StatisticsTab1 ul
    {
    }

    .StatisticsTab1 li
    {
        float: left;
        height: 30px;
        line-height: 30px;
        width: 50%;
        font-weight: bold;
        text-transform: uppercase;
        text-align: center;
        cursor: pointer;
        border: 1px solid #dbdbdb;
        background: #fff;
    }

        .StatisticsTab1 li.tbl
        {
            background: #f8f8f8;
            border-right: 0px;
        }

        .StatisticsTab1 li.Active
        {
            border-bottom: 0px;
        }

.StatisticsTabDetl1
{
    margin-top: -1px;
    padding: 5px;
}


/*end here*/

.GrapgTab
{
    text-align: center;
    background: #fff;
    padding: 5px;
}

.MonthTab
{
    text-align: center;
    margin-bottom: 5px;
}

    .MonthTab li
    {
        height: 25px;
        line-height: 25px;
        text-align: center;
        float: left;
    }

        .MonthTab li.months
        {
            width: 8%;
            margin: 0 .165%;
        }

        .MonthTab li.Qtr
        {
            width: 20%;
            margin-right: 6.66%;
        }

        .MonthTab li.mp
        {
            width: 13.422%;
            margin-right: 1%;
        }

.Nomargin
{
    margin: 0px !important;
}

.MonthTab li a
{
    display: block;
    height: 25px;
    line-height: 25px;
    background: #99b4d8;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
}

    .MonthTab li a:hover
    {
        background: #7092bf;
    }

.MomthHead
{
    background: #7092bf;
    text-transform: uppercase;
    color: #fff;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-bottom: 1px solid #c0d5f0;
    font-weight: bold;
}
/*<!-- New Edites-->*/

.LinksHed
{
    font-size: 14px;
    font-weight: bold;
    margin-top: 20px;
}

.LinkBox
{
}

    .LinkBox li
    {
        display: inline-block;
        margin: 10px 5px 0px 5px;
    }

        .LinkBox li a
        {
            display: block;
            padding: 10px 15px;
            background: #f8f8f8;
            border: 1px dashed #dbdbdb;
        }

            .LinkBox li a:hover
            {
                color: #7092bf;
            }

.IntLinkBox
{
    border-bottom: 1px solid #dbdbdb;
    padding: 10px 0;
}

.Links-Logo .logos
{
    width: 70px;
    margin: 0px;
    margin-left: 10px;
}

.Links-Logo .logos2
{
    width: 70px;
    height: 70px;
}

    .Links-Logo .logos2 a
    {
        display: block;
        height: 70px;
    }

    .Links-Logo .logos2 img
    {
        padding-top: 15px;
        display: block;
    }

.LinkLeft
{
    float: left;
    height: 70px;
    background: #7092bf;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    text-align: center;
}

    .LinkLeft span
    {
        vertical-align: middle;
        display: table-cell;
        width: inherit;
        height: inherit;
    }

.IntLinkBox .LinkBox
{
    display: table-cell;
    vertical-align: middle;
    height: 70px;
}

    .IntLinkBox .LinkBox li
    {
        margin: 0 0 0px 10px;
    }


/* --------------------- New Edits  -----------------------------*/

.fright
{
    float: right;
}

.VesselDetailRight
{
    float: None;/*16/07 float: right;*/
    width: 100%;
    text-align: justify;
}

/*.screening
    {
    margin-top: -22px !important;
    }*/

.GraphArea
{
    width: 500px;
    margin: 0 auto;
    background: url(../images/bg.jpg);
    padding: 10px 10px 0 25px;
}

#GraphCon
{
    width: 100%;
    height: 300px;
    border-left: 1px solid #84a4ca;
    border-bottom: 1px solid #84a4ca;
    position: relative;
}

#GraphConCrew
{
    width: 100%;
    height: 300px;
    border-left: 1px solid #84a4ca;
    border-bottom: 1px solid #84a4ca;
    position: relative;
}

#GraphCon1
{
    width: 100%;
    height: 300px;
    border-left: 1px solid #84a4ca;
    border-bottom: 1px solid #84a4ca;
    position: relative;
}

.BoxVale
{
    position: absolute;
    height: 20px;
    color: #334f74;
    width: 100%;
    text-align: center;
    font-size: 12px;
    border-bottom: 1px solid #84a4ca;
    line-height: 20px;
}

.topN0
{
    position: absolute;
    font-family: Arial;
    font-size: 13px;
    color: #84a4ca;
    font-weight: bold;
    left: -20px;
    text-align: left;
    width: 100%;
    border-bottom: 1px dashed #84a4ca;
    padding-right: 20px;
    box-sizing: unset;
}

.Top5
{
    bottom: 50px;
}

.Top10
{
    bottom: 100px;
}

.Top15
{
    bottom: 150px;
}

.Top20
{
    bottom: 200px;
}

.Top25
{
    bottom: 250px;
}

.BarBoxCon
{
    width: 100%;
    position: relative;
    overflow: hidden;
    height: inherit;
}

.BarBox
{
    width: 100%;
    text-align: center;
    height: inherit;
    position: relative;
    bottom: -50px;
}

    .BarBox .GraphBox
    {
        display: inline-block;
        max-width: 50px;
        background: #BB3C3E;
        position: relative;
        bottom: 0px;
    }

.GraphName
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 22px;
    color: #7192bf;
    text-align: center;
    padding-top: 7px;
}

.ui-widget
{
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
}

.ui-widget-header
{
    background: #7092bf !important;
    border: 1px solid #577cad !important;
}

.ui-icon
{
    background: url(../images/ui-icons_ffffff_256x240.png) !important;
}

.ui-icon-circle-triangle-e
{
    background-position: -48px -192px !important;
}

.ui-icon-circle-triangle-w
{
    background-position: -80px -192px !important;
}

.ui-state-hover
{
    background: #c9d5f2 !important;
    border: 1px solid #1c94c4 !important;
    color: #1c94c4 !important;
}

.ui-state-highlight
{
    background: #7092bf !important;
    border: 1px solid #1c94c4 !important;
    color: #fff !important;
}

.ui-state-active
{
    background: #fff !important;
    border: 1px solid #6b6b6b !important;
    color: #6b6b6b !important;
}

.datepickerBox
{
    position: relative;
}

.Calender-Icon
{
    content: '';
    width: 16px;
    height: 16px;
    background: url(../images/calender-icon.png) no-repeat;
    display: block;
    position: absolute;
    right: 4px;
    top: 7px;
    display: block;
}

#ui-datepicker-div
{
    z-index: 2 !important;
}

.ui-state-focus
{
    background: #7092bf !important;
    border: 1px solid #7092bf !important;
    color: #FFF !important;
    font-weight: normal !important;
}

.ui-menu-item
{
    color: #6b6b6b;
}

.DateInspectionHeding
{
    font-weight: bold;
}

.RDateInspectionHeding
{
    font-weight: bold;
    font-size: 16px;
}

.width50
{
    width: 50%;
}

.InspectorsList li
{
    display: table-cell;
    /*width: 23%;*/
    border-left: 1px solid #dbdbdb;
    vertical-align: middle;
    padding: 7px 10px;
    word-wrap: break-word;
}



    .InspectorsList li.edit
    {
        width: 8%;
    }

        .InspectorsList li.edit span
        {
            width: 19px;
            height: 14px;
            display: block;
            background: url(../images/edit.png) no-repeat;
            cursor: pointer;
        }

.editRight
{
    width: 42%;
    float: right;
}

.ProfileDetl
{
    width: 150px;
    padding: 2px;
}

    .ProfileDetl li a
    {
        display: block;
        border-bottom: 1px dashed #e5e6e7;
        padding: 5px 10px;
    }

        .ProfileDetl li a:hover
        {
            background: #7092BF;
            text-decoration: none;
            color: #fff;
        }

#LeftBar
{
    /*overflow-y: scroll;*/
}

    #LeftBar li a .Port
    {
        width: 32px;
        background-position: -478px -5px;
    }

    #LeftBar li a:hover .Port, #LeftBar li a.active .Port
    {
        background-position: -478px -45px;
    }


/*.InspectorsList li {
    display: table-cell;
    width: 23%;
    border-left: 1px solid #c0d5f0;
    vertical-align: middle;
    padding: 7px 10px;
    word-wrap: break-word;
    }*/

.InspectorsList li.edit
{
    width: 8%;
}

    .InspectorsList li.edit span
    {
        width: 19px;
        height: 14px;
        display: block;
        background: url(../images/edit.png) no-repeat;
        cursor: pointer;
    }

.editRight
{
    width: 42%;
    float: right;
}

.ProfileDetl
{
    width: 150px;
    padding: 2px;
}

    .ProfileDetl li a
    {
        display: block;
        border-bottom: 1px dashed #e5e6e7;
        padding: 5px 10px;
    }

        .ProfileDetl li a:hover
        {
            background: #7092BF;
            text-decoration: none;
            color: #fff;
        }

#LeftBar
{
    /*overflow-y: scroll;*/
}

    #LeftBar li a .Port
    {
        width: 32px;
        background-position: -478px -5px;
    }

    #LeftBar li a:hover .Port, #LeftBar li a.active .Port
    {
        background-position: -478px -45px;
    }

.logos
{
    width: 90%;
}

.non-Favourite_
{
    border-top: 2px dashed #7092BF;
    margin-top: 10px;
    padding-top: 10px;
}

/*Written By Naveel*/
.TextStatistic
{
    display: none;
    position: absolute;
    top: 141px;
    right: 365px;
    font-size: 20px;
    font-weight: bold;
    color: red;
}

.InspectorsListVettingStatus
{
    display: table;
}

    .InspectorsListVettingStatus ul
    {
        border-bottom: 1px solid #e1e1e1;
        display: table-row;
    }

    .InspectorsListVettingStatus li
    {
        display: table-cell;
        /*width: 20%;*/
        border-left: 1px solid #dbdbdb;
        vertical-align: middle;
        padding: 7px 10px;
        word-wrap: break-word;
    }


    .InspectorsListVettingStatus ul.head
    {
        background: #7092bf !important;
        color: #fff;
        font-weight: bold;
    }

        .InspectorsListVettingStatus ul.head li
        {
            padding: 10px;
        }

.Narration
{
    margin-top: -98px;
    float: left;
    margin-left: 168px;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
}


.narr
{
    border: 3px dotted #ccc;
    width: 37%;
    padding: 14px;
    height: 250px;
    margin-top: 8px;
}

.NarrationDiv
{
    width: 700px;
    height: 463px;
    border: 1px solid #ccc;
    float: right;
    margin-right: 157px;
    margin-top: -550px;
    background-color: #fff;
}

.Calender-Icon2
{
    background: rgba(0, 0, 0, 0) url("../images/calender-icon.png") no-repeat scroll 0 0;
    content: "";
    display: block;
    height: 16px;
    position: relative;
    left: 327px;
    top: 2px;
    width: 16px;
}

.narrText
{
    width: 50%;
    float: left;
}

.narrtextarea
{
    width: 100%;
    height: 348px;
}

.errMsg
{
    width: 200px;
    text-align: left;
    color: yellow;
    font: 12px arial;
    background: red;
    padding: 5px;
    display: none;
}

.tblResult
{
    border-collapse: collapse;
}

    .tblResult td
    {
        padding: 5px;
        border: 1px solid red;
    }

    .tblResult th
    {
        padding: 5px;
        border: 1px solid red;
    }

img
{
    cursor: pointer;
}

.FildBox2
{
    padding-top: 0px !important;
}

.NarrationList ul li
{
    padding-top: 8px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #4a4a4a;
}

.NarrationHead
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #fff;
}

#upload2Uploader
{
    margin-left: 10px;
}

.non-Favourite
{
    border-top: 2px dashed #7092BF;
    margin-top: 10px;
    padding-top: 10px;
    color: #000 !important;
}

    .non-Favourite li a
    {
        color: #6b6b6b !important;
    }

        .non-Favourite li a:hover, .non-Favourite a.active
        {
            color: #6b6b6b;
            background: #ccc;
        }

        .non-Favourite li a span span
        {
            background: url(../images/sprite.png) no-repeat -522px -6px !important;
        }

        .non-Favourite li a:hover span span, .non-Favourite a.active span span
        {
            background: url(../images/sprite.png) no-repeat -522px -6px !important;
        }

.drpAutoSuggest
{
    z-index: 99999;
    position: absolute;
    width: 100%;
    margin-left: 12px;
    background: #e1e1e1;
}

    .drpAutoSuggest ul li:hover
    {
        z-index: 99999;
        position: absolute;
        width: 100%;
        margin-left: 12px;
        background: #c0d5f0;
        color: #6b6b6b;
    }

.drpAutoSuggest1
{
    z-index: 99999;
    position: absolute;
    width: 132%;
    margin-left: 260px;
    margin-top: -22px;
    background: #e1e1e1;
}

.drpAutoSuggest2
{
    z-index: 99999;
    position: absolute;
    width: 290px;
    margin-left: -161px;
    background: #e1e1e1;
    margin-top: 10px;
}

.drpAutoSuggest1 ul li:hover
{
    z-index: 99999;
    position: absolute;
    width: 148%;
    margin-left: -160px;
    margin-top: -20px;
    background: #c0d5f0 !important;
}

.drpAutoplanningApproval
{
    z-index: 99999;
    position: absolute;
    width: 127%;
    margin-left: -158px;
    background: #e1e1e1;
}

    .drpAutoplanningApproval ul li:hover
    {
        z-index: 99999;
        position: absolute;
        width: 127%;
        margin-left: -158px;
        background: #c0d5f0;
        color: #6b6b6b;
    }

.lst ul li:hover
{
    background: #c0d5f0;
    color: #6b6b6b;
}

ul li.rotation
{
    -ms-transform: rotate(90deg); /* IE 9 *
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}
/*Planning module css Start Here*/
.plan
{
    width: 600px;
    height: Auto;
    border: 1px solid #4a4a4a;
    position: fixed;
    top: 225px;
    left: 379px;
    background-color: #fff;
}

.PInner
{
    padding: 11px;
    padding-left: 72px;
}


.planInnerdiv
{
    width: 100%;
    float: left;
}

.planT
{
    float: none;
    width: 95%;
}
/*end here*/
.mpgraph
{
    position: relative;
    left: 15px;
}

.loginform
{
    width: 410px;
    margin: 0px auto;
    padding: 25px;
    background-color: rgba(250,250,250,0.5);
    border-radius: 5px;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(250, 250, 250, 0.5);
    border: 1px solid rgba(0, 0, 0, 0.3);
    margin-top: -147px;
}

.logindt
{
    width: 212px;
}

.LastInspections
{
    float: right;
    position: relative;
    left: -38px;
    font-size: 15px;
    font-weight: bold;
}

/*Css For PDF Button Done By Naveel As Well As Mobile Application On History Page  */
.pdfbtn
{
    float: right;
}

.pdfWrper
{
    margin-top: -34px;
}

.pdfHeader
{
    font-size: 20px;
    text-decoration: underline;
}

/*.buttonSerach {
    display: block;
    cursor: pointer;
    background: #7092bf;
    border: none;
    height: 28px;
    border-radius: 3px;
    color: #fff;
    font-weight: bold;
    line-height: 30px;
    /* padding: 0 10px; 
}*/
.ViewsRisk
{
    display: block;
    cursor: pointer;
    background: #7092bf;
    border: none;
    height: 30px;
    border-radius: 3px;
    color: #fff;
    font-weight: bold;
    line-height: 30px;
    /* padding: 0 10px; */
}

#RiskDetls
{
    background: #fff;
    width: 969px;
}

.RiskDtls
{
    display: none;
    position: absolute;
    margin-top: -222px;
    width: 986px;
    z-index: 1;
}

.buttonpdfAnalysis
{
    display: block;
    cursor: pointer;
    background: #7092bf;
    border: none;
    height: 28px;
    border-radius: 3px;
    color: #fff;
    font-weight: bold;
    line-height: 30px;
    /* padding: 0 10px; */
}

.btnClose
{
    float: right;
    margin-top: 2px;
    margin-right: -5px;
}

.anlysis li
{
    display: inline;
    list-style-type: none;
    padding-right: 20px;
    font-weight: bold;
}

.anlysis2
{
    padding: 10px;
    width: 100%;
}

    .anlysis2.HedingBar
    {
        height: auto;
    }

    .anlysis2 li
    {
        display: table-cell;
        list-style-type: none;
        width: 10%; /*width: 12%;16/07*/
        line-height: 20px;
    }

        .anlysis2 li.anlysis2detail
        {
            width: 80%;
            word-break: break-word;
            font-family: sans-serif;
            line-height: 2;
        }

.RBoreder
{
    border-bottom: 1px solid #000;
}

.RGHead
{
    color: #7092bf;
    font-weight: bold;
    font-size: 24px;
    text-decoration: underline;
}

.SubRGHead
{
    color: #7092bf;
    font-weight: bold;
    font-size: 12px;
}

.InnerSubRGHead
{
    color: #000;
    font-weight: bold;
    font-size: 12px;
    border-bottom: 1px solid #000;
}
/*analysis compare*/

.analysiscomp
{
    padding: 10px;
    width: 100%;
}

    .analysiscomp.HedingBar
    {
        height: auto;
    }

    .analysiscomp li
    {
        display: table-cell;
        list-style-type: none;
        width: 10%;
        line-height: 20px;
    }

        .analysiscomp li.analysiscompdetail
        {
            width: 80%;
        }
/*analysis compare*/

.rememberme
{
    margin-top: 2px;
    position: absolute;
    margin-left: 5px;
}

/*Advanced Search CSS Start Here*/
/* start edid 5/5/2016 */
/*#container {
    width: 63%;
    text-align: center;
    border: 1px solid #7092bf;
    background: #f8f8f8;
    padding: 10px;
    height: auto;
    overflow: auto;
    box-shadow: 10px 10px 5px #888888;
    position: absolute;
    z-index: 1;
    border-radius: 13px;
    top: 197px;
}*/
/*new code by designer babli starts*/
/*#container
{
    width: 43%;
    text-align: center;
    border: 0px solid #7092bf !important;
    background: transparent !important;
    padding: 0px !important;
    height: auto;
    overflow: hidden !important;
    box-shadow: none !important;
    position: absolute;
    z-index: 1;
    border-radius: 13px;
    top: 0px !important;
}*/

.datepicker
{
    z-index: 1151 !important;
}

.Set-text
{
    font-size: 16px;
    padding: 20px 0px;
}

.align
{
    text-align: center;
}

.checkbox-inline, .radio-inline
{
    padding-left: 2px !important;
}
/*new code by designer babli ends*/
.advclose
{
    position: absolute;
    width: 23px;
    top: 0px;
    right: 0px;
}
/* end edid 5/5/2016 */
.ulclass
{
    list-style-type: none;
    margin: 0;
    overflow-x: hidden;
    padding: 0;
}

/*select, ulclass {
    overflow: auto;
    width: 150px;
    }
    */
#left
{
    float: left;
    width: 222px;
    padding: 8px;
    background: #fff;
    border: 2px groove #dbdbdb;
    height: auto;
}

#center
{
    display: inline-block;
    margin: 0 auto;
    width: 321px;
    padding: 8px;
    background: #fff;
    border: 2px groove #dbdbdb;
    height: auto;
}

#right
{
    float: right;
    width: 304px;
    padding: 8px;
    background: #fff;
    border: 2px groove #dbdbdb;
    height: auto;
}

.AdHeading
{
    font-weight: bold;
    text-decoration: underline;
    font-size: 17px;
}

#VesselsFilter
{
    float: none;
    width: 216px;
    padding: 8px;
    background: #fff;
    border: 2px groove #dbdbdb;
    height: auto;
}
/*If Li is Dismessed Some Where please remove below Line For Future But effect on Advanced Search*/
.checkboxAd
{
    display: table-cell;
    vertical-align: middle;
}

.outerCheckall
{
    float: left;
    margin-top: 49px;
}

.outerCheckallAd
{
    float: left;
    margin-top: 45px;
}
/*end here*/
/*new css Implementation for PHASE-2 New Development Update Date On 26 October 2015 Created By Naveel Ahmad For *******DESKTOP DEVELOPMENT*/
/*.ddlInspectionType {
    position: absolute;
    width: 41%;
    margin-top: 45px;
   
    }*/
/*end here by Naveel*/
/*as on 15 jan*/
/*.DeHead {
    position: absolute;
    right: 353px;
    }*/
/* --------------------- End New Edits  -----------------------------*/
/*Analysis*/
/* start edid 21/5/2016 */
.VIqSI
{
    width: 88px;
    margin-left: 10px;
}

.BtnS
{
    margin-top: -6px;
}

/*.VIqT {
    margin-left: -161px !important;
    }*/

.ddlCh
{
    width: 88px;
    margin-left: -60px;
}

/*.ddlT {
    margin-left: -100px !important;
    }*/

.ReaptedObs
{
    width: 134px;
    /* margin-left: -8px;*/
}

/*.ReaptedObs {
    margin-left: -6px !important;
    }*/
/* end edid 21/5/2016 */
/*end here*/
/*==================New Css Imalementaion for Statistics Module= as on 08 March 2016= for Right Menu to above Grph===================*/
.Cmonth
{
    width: 73px;
    background-color: #7092bf;
    color: #fff;
    height: 20px;
    font-size: 12px;
    padding: 3px;
}

.Cquater
{
    width: 73px;
    background-color: #7092bf;
    color: #fff;
    height: 20px;
    font-size: 12px;
    padding: 3px;
    margin-top: -20px;
    margin-left: 82px;
}

.YYearly
{
    width: 73px;
    background-color: #7092bf;
    color: #fff;
    height: 20px;
    font-size: 12px;
    padding: 3px;
    margin-top: -20px;
    margin-left: 162px;
}

.Qtr1
{
    width: 73px;
    background-color: #7092bf;
    color: #fff;
    height: 20px;
    font-size: 12px;
    padding: 3px;
}

.Qtr2
{
    width: 73px;
    background-color: #7092bf;
    color: #fff;
    height: 20px;
    font-size: 12px;
    padding: 3px;
    margin-top: -20px;
    margin-left: 82px;
}

.Qtr3
{
    width: 73px;
    background-color: #7092bf;
    color: #fff;
    height: 20px;
    font-size: 12px;
    padding: 3px;
    margin-top: -20px;
    margin-left: 162px;
}

.Qtr4
{
    width: 73px;
    background-color: #7092bf;
    color: #fff;
    height: 20px;
    font-size: 12px;
    padding: 3px;
    margin-top: -20px !important;
    margin-left: 240px !important;
}

.StFont
{
    color: #fff;
}
/*end here*/
/*This is working only in datarange and Year in Striaght Line*/
.mainDivDtR
{
    border: 1px solid #ccc;
    width: 100%;
    padding: 3px;
    height: 33px;
    background: #f8f8f8;
}

.mainDivDtRH
{
    border: 1px solid #ccc;
    width: 100%;
    padding: 3px;
    height: 0%;
    background: #f8f8f8;

}

.mainDivDtRisk
{
    border: 1px solid #ccc;
    width: 100%;
    padding: 3px;
    height: 45px;
}

.Dtr
{
    width: 300px;
    display: table;
    margin-top: -25px;
    margin-left: 328px;
}
/*History Date Range*/
.DtrHistory
{
    width: 27%;
    display: table;
    margin-top: -5%;
    margin-left: 20%;
}

.Dt-toH
{
    float: none;
    margin-top: -4px;
    margin-right: 46px;
}

.Dt-totxH
{
    margin-top: -8%;
    margin-right: 36%;
}

.DtCI2H
{
    right: 98px;
    top: 6px;
}

.VHB
{
    margin-top: -46px;
    float: right;
}

.Views
{
    padding-left: 37px;
}

.DttxH
{
    margin-right: 36%;
}
/*end here*/
.Dttx
{
    margin-right: 94px;
}

.DtCI
{
    right: 97px;
}

.Dt-to
{
    float: right;
    margin-top: -27px;
    margin-right: 40px;
}

.Dt-totx
{
    margin-top: -27px;
    margin-right: -91px;
}

.DtCI2
{
    right: -89px;
    top: -21px;
}
/*Risk Profile*/
.R
{
    width: 150px;
    float: left;
}

.c
{
    position: absolute;
    left: 191px;
}

.Rt
{
    width: 150px;
    float: left;
    margin-top: -27px;
    margin-left: 270px;
}

.ct
{
    position: absolute;
    left: 397px;
    margin-top: -28px;
}

.dtoR
{
    margin-left: 218px;
    margin-top: -27px;
}

.ctR
{
    margin-top: -28px;
    margin-left: 208px;
}

.BtnR
{
    margin-top: -61px;
    margin-left: -78px;
}

.BtnRV
{
    margin-top: -61px;
    margin-left: -166px;
}
/*end here*/
/*Never removed this css no connected with right menu in statistics module*/
/*7 march pr For DE Apporaval*/
.PIPOPUPclass
{
    position: fixed;
    right: 92px;
    background: #f8f8f8;
    text-align: center;
    z-index: 1;
    top: 125px;
}

.PIPOPUPclass1
{
    width: 171px;
    border: 1px solid #e1e1e1;
    border-radius: 2px;
    color: #6d6d6d;
    padding: 0 3px;
    font-size: 12px;
    height: 52px;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 17px;
}
/*end*/
/*10 march 16 preeti*/
.advclose1
{
    margin-top: -8PX;
    margin-left: 254px;
    /*position: absolute;*/
    width: 23px;
}

.divContentsrgclass
{
    height: 342px;
    width: 250px;
    border: 1px solid rgb(0, 0, 0);
    float: right;
    background: #ffffff;
    padding: 5px;
    margin-top: -7PX;
}

.divdategenrgclass
{
    height: 321px;
    width: 150px;
    border: none;
    float: left;
    background: #ffffff;
}

.divquaterlyrgclass
{
    height: 321px;
    width: 150px;
    border: none;
    float: left;
    background: #ffffff;
}

.divmonthlyrgclass
{
    width: 93px;
    border: none;
    float: left;
    background: #ffffff;
    padding: 5px;
}

.AdHeading1
{
    font-weight: bold;
    font-size: 19px;
    margin-top: 13px;
}

.AdHeading2
{
    font-weight: bold;
    font-size: 12px;
    border: 1px solid red;
    float: left;
    height: 22px;
    color: #FF0000;
    padding: 4px;
}

.GenrateAdHeading2
{
    font-weight: bold;
    font-size: 16px;
    border: 4px solid red;
    float: left;
    height: 29px;
    color: #FF0000;
    padding: -1px;
    background: #fff;
    margin-top: -28px;
}

.AdHeadingY
{
    font-weight: bold;
    font-size: 12px;
    background: #99b4d8;
    margin-left: -23px;
    color: #fff;
    padding: 4px;
    border-radius: 5px;
}

.AdHeadingM
{
    font-weight: bold;
    font-size: 12px;
    background: #99b4d8;
    float: left;
    height: 22px;
    color: #fff;
    padding: 4px;
    width: 17%;
    margin-top: -19px;
    margin-left: -1px;
}

.reportgenclass
{
    background: #fff;
    text-align: center;
    height: auto;
    width: 100%;
    border: 1px solid rgb(0, 0, 0);
    border-radius: 13px;
    padding: 10px;
    overflow: hidden;
    height: 1%;
}

/*.div2rgclass {
    height: 30%;
    width: 60%;
    border: 1px solid rgb(0, 0, 0);
    float: left;
    background: #ffffff;
    margin-top: -7PX;
    }*/
.row
{
    width: 100%;
}

.insDetailsDiv
{
    width: 1190px;
    overflow: scroll;
    font-size: 11px;
}

.Reportmultiselect
{
    width: 176px;
    height: 232px;
    background: #fff;
    z-index: 1;
}

#ReportOwner
{
    height: 90%;
}

.block
{
    width: 180px;
    float: left;
    display: inline-block;
    zoom: 1;
}

.Ad2Innerblock1
{
    width: 230px;
    float: left;
    display: inline-block;
    zoom: 1;
}

.Innerblock1
{
    width: 180px;
    float: left;
    display: inline-block;
    zoom: 1;
}

.Innerblock2
{
    width: 180px;
    float: left;
    display: inline-block;
    zoom: 1;
}

.Innerblock3
{
    width: 180px;
    float: left;
    display: inline-block;
    zoom: 1;
}

.Gapspace
{
    width: 2%;
    float: left;
    display: inline-block;
    zoom: 1;
    background: #ffffff;
    padding: 10px;
}

.block1
{
    width: 60%;
    float: left;
    display: inline-block;
    zoom: 1;
    border: 1px solid rgb(0, 0, 0);
    border-radius: 2px;
    background: #ffffff;
    padding: 10px;
}
/*Summery Report*/
.Summryblock1
{
    width: 76%;
    display: inline-block;
    zoom: 1;
    border: 1px solid rgb(0, 0, 0);
    border-radius: 2px;
    background: #ffffff;
    padding: 10px;
    margin-top: 55px;
}

.summaryblock1
{
    width: 80%;
    float: left;
    display: inline-block;
    zoom: 1;
    border: 1px solid #000;
    padding: 4px;
}

.summaryblock2
{
    width: 16%;
    float: left;
    display: inline-block;
    border: 1px solid #000;
    zoom: 1;
    padding: 4px;
}

.summaryText
{
    float: left;
    font-size: 18px;
}

.summaryText1
{
    font-size: 18px;
}

.GapSpaceSummery
{
    height: 60px;
}

.SummaryInnerblock
{
    padding: 25px;
}

#SIRE_SUMMRY
{
    text-align: center;
}

#PSC_SUMMARY
{
    text-align: center;
}
/*End here*/
/*Advance Filter-1*/
.Advancefilter-1
{
    width: 41%;
    float: left;
    display: inline-block;
    zoom: 1;
    border: 1px solid rgb(0, 0, 0);
    border-radius: 2px;
    background: #ffffff;
    padding: 10px;
}

.Advancefilter-2
{
    width: 56%;
    float: left;
    display: inline-block;
    zoom: 1;
    border: 1px solid rgb(0, 0, 0);
    border-radius: 2px;
    background: #ffffff;
    padding: 10px;
}

.HeadAdvancefilter-1
{
    width: 51%;
    float: left;
    display: inline-block;
    zoom: 1;
    border-radius: 2px;
    background: #ffffff;
    padding: 10px;
}

.HeadAdvancefilter-2
{
    width: 49%;
    float: left;
    display: inline-block;
    zoom: 1;
    border-radius: 2px;
    background: #ffffff;
    padding: 10px;
}

.box
{
    display: inline-block;
    *dsplay: inline; /* For IE7*/
    *zoom: 1; /* For IE7*/
}

.Adcontainer-1
{
    width: 100%;
    float: left;
    overflow-x: scroll;
    white-space: nowrap;
}

.Adcontainer-2
{
    width: 100%;
    float: left;
    overflow-x: scroll;
    white-space: nowrap;
}

/*End here*/
.ReportDetails
{
    width: 60%;
    float: left;
    display: inline-block;
    zoom: 1;
    font-weight: bold;
    font-size: 18px;
    background: #ffffff;
    padding: 10px;
}

.ReportDetails2
{
    width: 20%;
    float: left;
    display: inline-block;
    zoom: 1;
    font-weight: bold;
    font-size: 18px;
    background: #ffffff;
    padding: 10px;
}

.ReportDetails3
{
    width: 20%;
    float: left;
    display: inline-block;
    zoom: 1;
    font-weight: bold;
    font-size: 18px;
    background: #ffffff;
    padding: 10px;
}

.block2
{
    width: 17%;
    float: left;
    display: inline-block;
    zoom: 1;
    border: 1px solid rgb(0, 0, 0);
    border-radius: 2px;
    background: #ffffff;
    padding: 10px;
}

.Gap2
{
    width: 2%;
    float: left;
    display: inline-block;
    zoom: 1;
    background: #ffffff;
    padding: 10px;
}

.block3
{
    width: 18%;
    float: left;
    display: inline-block;
    zoom: 1;
    border: 1px solid rgb(0, 0, 0);
    border-radius: 2px;
    background: #ffffff;
    padding: 10px;
}

.RpHeadingY
{
    font-weight: bold;
    font-size: 12px;
    background: #7594BD;
    margin-left: 0px;
    color: #fff;
    padding: 3px;
    width: 175px;
}

.blockInspType
{
    float: left;
    display: inline-block;
    zoom: 1;
    border: 1px solid rgb(0, 0, 0);
    border-radius: 2px;
    background: #ffffff;
    padding: 10px;
    overflow-x: scroll;
    overflow-y: hidden;
    height: 372px;
}

.InnerblockInpT
{
    width: 123px;
    float: left;
    display: inline-block;
    zoom: 1;
}

.Innerblockscroll
{
    float: right;
    margin-top: 2px;
    margin-right: -119px;
}

.Innerblockscroll2
{
    float: right;
    margin-top: 0px;
    margin-right: -162px;
}

.Innerblockscroll3
{
    float: right;
    margin-top: 0px;
    margin-right: -305px;
}

.Innerblockscroll4
{
    float: right;
    margin-top: 0px;
    margin-right: -434px;
}

.Innerblockscroll5
{
    float: right;
    margin-top: 0px;
    margin-right: -580px;
}

.blockHeading
{
    width: 100%;
    float: left;
    display: inline-block;
    zoom: 1;
    padding: 14px;
    font-weight: bold;
    font-size: 18px;
}

.graphbrdre
{
    border: 1px solid #ccc;
    height: auto;
    width: 100%;
    font-size: 12px;
    line-height: 2;
    text-align: justify;
    font-family: sans-serif;
    margin-top: 25px !important;
}


.avoid
{
    page-break-inside: avoid !important;
}

.ReportSearch
{
    background: #7594BD;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding: 3px;
    margin-right: 3px;
    width: 24%;
}

.txtadSearch
{
    background: #7594BD;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding: 2px;
}

.RHhdead
{
    margin-right: -157px;
}

.blockspacing
{
    padding: 4px;
}

.innerblock
{
    padding: 45px;
}

.blockspacingLeft
{
    padding-left: 4px;
}

.InspTypeRpHeading
{
    font-weight: bold;
    font-size: 12px;
    background: #7594BD;
    margin-left: 0px;
    color: #fff;
    padding: 3px;
    width: 116px;
}

.ddlRpW1
{
    width: 99%;
}

.ddlRpW2
{
    width: 99%;
}

.ddlRpW3
{
    width: 99%;
}

.TxtRange
{
    width: 68%;
}
/*Report Group Filter*/
#ReportGrpFilter
{
    float: none;
    /*width: 167px;*/
    padding: 8px;
    background: #fff;
    height: 98px;
}

.ReportchartRef
{
    float: none;
    width: 167px;
    padding: 8px;
    background: #fff;
    height: 115px;
}

.ReportchartType
{
    float: none;
    width: 148px;
    padding: 8px;
    background: #fff;
    height: 115px;
}

#myReportWorkContent
{
    overflow-x: scroll;
    overflow-y: hidden;
}

#ReportvesselFilter
{
    border: 1px #dadada solid;
}

    #ReportvesselFilter label
    {
        display: block;
    }

        #ReportvesselFilter label:hover
        {
            background-color: #1e90ff;
        }

#ReportOwner
{
    border: 1px #dadada solid;
}

    #ReportOwner label
    {
        display: block;
    }

        #ReportOwner label:hover
        {
            background-color: #1e90ff;
        }

#ReportOilmajor
{
    border: 1px #dadada solid;
}

    #ReportOilmajor label
    {
        display: block;
    }

        #ReportOilmajor label:hover
        {
            background-color: #1e90ff;
        }

#Reportmou
{
    border: 1px #dadada solid;
}

    #Reportmou label
    {
        display: block;
    }

        #Reportmou label:hover
        {
            background-color: #1e90ff;
        }

#ViqChapters
{
    border: 1px #dadada solid;
}

    #ViqChapters label
    {
        display: block;
    }

        #ViqChapters label:hover
        {
            background-color: #1e90ff;
        }

#CdiChapter
{
    border: 1px #dadada solid;
}

    #CdiChapter label
    {
        display: block;
    }

        #CdiChapter label:hover
        {
            background-color: #1e90ff;
        }


#pscAcioncode
{
    border: 1px #dadada solid;
}

    #pscAcioncode label
    {
        display: block;
    }

        #pscAcioncode label:hover
        {
            background-color: #1e90ff;
        }

#Deficiency
{
    border: 1px #dadada solid;
}

    #Deficiency label
    {
        display: block;
    }

        #Deficiency label:hover
        {
            background-color: #1e90ff;
        }
/*End here*/
/* start edid 5/5/2016 */

.VesselFilter
{
    margin: 0 auto;
}
/* end edid 5/5/2016 */


.WIndex
{
    width: 37%;
    /*width: 36%;*/
}

.WIPLAN
{
    width: 63%;
}

.LastSire1
{
    margin-top: -33px;
    /* text-align: center; */
    margin-left: 614px;
}


.HedingBarSpan span
{
    float: left;
    height: inherit;
    margin-right: 50px;
}

    .HedingBarSpan span .Fild, .HedingBarSpan span .Fild2
    {
        width: 100%;
        margin-top: 9px;
    }

.HedingBar a
{
    color: #fff;
}

.EditButton
{
    width: 275px !important;
}

    .EditButton div.button
    {
        float: right;
        margin-right: 10px;
    }

/* start edid 5/5/2016 */
.inlineBlock
{
    display: inline-block !important;
    float: none !important;
    vertical-align: top;
    margin-top: 10px !important;
}
/* end edid 5/5/2016 */

/* start edid 11/5/2016 */
.tableScroll
{
    width: 100%;
    border: 1px solid #e1e1e1;
    overflow-x: scroll;
}

/* end edid 11/5/2016 */


/* start edid 21/5/2016 */
.StatisticsFormBox .FildBox
{
    width: auto;
}

/* end edid 21/5/2016 */

/*3rd Party Inspection css Start here */
.cdi
{
    margin-left: 79px;
    color: red;
}

.cdi2
{
    width: 28% !important;
    margin-right: 42% !important;
    margin-top: 2px !important;
}

.tmcRef
{
    margin-left: 14px;
    margin-top: -78px;
}

.TmsRef
{
    margin-left: 14px;
    margin-top: -78px;
    float: right;
    color: red;
}

.TMSQ
{
    margin-top: -18% !important;
    margin-left: 17% !important;
    width: 35% !important;
}

.tmsQe
{
    width: 43% !important;
    margin-top: -19%;
}

.MesRef
{
    margin-left: 180px;
    margin-top: -67px;
}

.txtMes
{
    margin-left: 4px;
    margin-top: -67px;
    float: right;
    color: red;
}

.ddlMesq
{
    margin-top: -16% !important;
    margin-left: 57% !important;
    width: 35% !important;
}

.txtMQ
{
    width: 43% !important;
    margin-top: -11%;
}

.ciGroup
{
    width: 28% !important;
    margin-right: 42%!important;
}

.dsf
{
    margin-left: -188px;
}

.dlRisk
{
    width: 40%;
}

.typd
{
    margin-top: none !important;
}

#lblViq
{
    margin-top: none;
}

#txtRespons
{
    width: none;
}

#txtRefNo
{
    position: none;
    margin-left: none;
}

#DrpYear_div
{
    width: 120px;
    float: left;
}

#RangeYr_div
{
    width: 445px;
    float: left;
}

.DFS
{
    width: 112px;
    float: left;
}

.DFSC
{
    margin-top: -23px;
    margin-left: 356px;
    width: 112px;
    float: left;
}

/*.DtsC {
    width: 112px;
    float: right;
    margin-top: -22px;
    margin-right: -74px;
    }*/
.DtsC
{
    width: 99px;
    float: right;
    margin-top: -23px;
    margin-right: -126px;
}

.DRCS
{
    width: 22px;
    float: left;
}

.DTS
{
    width: 112px;
    float: left;
}

.AFSC
{
    float: right;
    margin-right: 39px;
}

#Comp_RangeYr_div
{
    width: 540px;
    float: left;
}

.Inner_RangeYr_div
{
    width: 19px;
    float: left;
}

.CDF
{
    width: 200px;
    float: left;
}

.CDT
{
    width: 170px;
    float: left;
}

#txtfromdate, #txtTodate, #txtfromdate2, #txtTodate2
{
    width: 93%;
}

.VFF
{
    margin-top: -14px;
}

.buttonMobile
{
    display: block;
    cursor: pointer;
    background: #7092bf;
    border: none;
    height: 30px;
    border-radius: 3px;
    color: #fff;
    font-weight: bold;
    line-height: 30px;
    padding: 0 10px;
}

.HP
{
    width: 15% !important;
}

.HFL
{
    float: left;
}

.HFM
{
    margin-top: 0px;
    float: left;
}

.dataresize
{
    margin: 0 auto;
}

.m
{
    margin-top: -17px;
    height: 28px;
}

/*.KPI
    {
    width: 300px;
    height: 300px;
    position: absolute;
    top: 195px;
    left: 192px;
    }*/
.KPI
{
    width: 490px;
    height: 450px;
    position: absolute;
    top: 1px;
    left: 1px;
}

.KPI2
{
    width: 490px;
    height: 450px;
    position: absolute;
    top: 1px;
    left: 477px;
}

/*.KPIIndx {
   
    width: 400px;
    height: 400px;
   
}

.KPIIndx2 {
   
    width: 400px;
    height: 400px;
   
}*/

.KPIIndx3
{
    width: 490px;
    height: 450px;
    position: absolute;
    top: 729px;
    left: 667px;
}

.KPIIndx4
{
    width: 490px;
    height: 450px;
    position: absolute;
    top: 729px;
    left: 203px;
}

.KPIIndx3_non
{
    width: 490px;
    height: 450px;
    position: absolute;
    top: 1253px;
    left: 667px;
}

.KPIIndx4_non
{
    width: 490px;
    height: 450px;
    position: absolute;
    top: 1253px;
    left: 203px;
}

.riskh
{
    border: 1px solid #ccc;
    height: 500px;
    margin-top: 5px;
}

.riskh2
{
    border: 1px solid #ccc;
    height: 500px;
    margin-top: 5px;
}

.KpiAW
{
    border: 1px solid #ccc;
    display: block;
    height: 470px;
}

.btnDAnalysis
{
    cursor: pointer;
    background: #7092bf;
    border: none;
    /*height: 23px;*/
    height: 30px;
    border-radius: 3px;
    color: #fff;
    padding: 6px;
    float: right;
}

.DA
{
    display: none;
    position: absolute;
    width: 100%;
    z-index: 11111;
}

/*#FilterMsg
    {
    background: palegreen;
    }*/

.DeshBoardVessel
{
    display: none;
}

.btnCrew
{
    margin-left: -14px;
    /*position: absolute;*/
    margin-top: -10px;
    z-index: -1;
}

.btnFUPL
{
    margin-left: 128px;
    /*position: absolute;*/
    margin-top: -10px; /*z-index: -1;*/
}

.OpenObservations
{
    width: 600px;
    height: Auto;
    border: 1px solid #4a4a4a;
    position: absolute;
    top: 160px;
    left: 379px;
    background-color: #fff;
}

.ScreenDtls
{
    border: 1px solid #7092bf;
    display: block;
}
/*margin-top: -14px;*/
.chart-wrapper
{
    position: relative;
    padding-bottom: 40%;
    width: 100%;
    float: left;
}

.chart-inner
{
    position: absolute;
    width: 100%;
    height: 100%;
}

.padding
{
    padding-top: 10px;
}

/*april 14 2017 by kamal for corrective action report*/
.HRport
{
    text-indent: 10px;
    background-color: white;
    color: red;
    text-align: justify;
    width: 100%;
    padding: 5px;
    border: 1px solid #ccc;
    line-height: 2;
}

.HRport2
{
    text-indent: 10px;
    background-color: white;
    /*text-align: justify;*/
    width: 100%;
    /*padding: 7px;*/
    border: 1px solid #ccc;
    padding: 5px;
    color: #0054A7;
    line-height: 2;
}

.dropdown-menu
{
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 1;
}

.font
{
    font-size: 17px;
    font-family: Calibri;
}

.row_corr
{
    width: 100%;
    text-align: center;
    font-size: x-large;
    vertical-align: middle;
    border: 1px solid #ccc;
    border-radius: 1px;
    background: #ffffff;
    height: 105px;
    padding-top: 28px;
    display: inline-block;
    float: left;
    font-weight: bold;
    margin-bottom: 45px;
}

.block_corr1
{
    width: 16%;
    float: left;
    display: inline-block;
    zoom: 1;
    border: 1px solid #ccc;
    border-radius: 2px;
    /*background: #DBE0F4;*/
    padding: 10px;
    height: 43px;
    font-weight: bold;
}

.block_corr2
{
    width: 34%;
    float: left;
    display: inline-block;
    zoom: 1;
    border: 1px solid #ccc;
    border-radius: 2px;
    background: #ffffff;
    padding: 10px;
    height: 43px;
    color: #005494;
    font-weight: bold;
}

.block_corr3
{
    width: 5%;
    float: left;
    display: inline-block;
    zoom: 1;
    border: 1px solid #ccc;
    border-radius: 2px;
    /*background: #DBE0F4;*/
    padding: 10px;
    height: auto;
    font-weight: bold;
}

.block_corr4
{
    width: 100%;
    float: left;
    display: inline-block;
    zoom: 1;
    border: 1px solid #ccc;
    border-radius: 2px;
    background: #ffffff;
    /*padding: 10px;*/
    height: auto;
}

.block_corr5
{
    width: 100%;
    float: none;
    display: inline-block;
    zoom: 1;
    border: 1px solid #ccc;
    border-radius: 2px;
    /*background: #DBE0F4;*/
    padding: 10px;
    height: auto;
    max-height: 120px;
    font-weight: bold;
}

.block_corr6
{
    width: 14%;
    float: left;
    display: inline-block;
    zoom: 1;
    border: 1px solid #ccc;
    border-radius: 2px;
    background: #ffffff;
    padding: 10px;
    height: auto;
    margin-bottom: 45px;
}

.block_corr7
{
    width: 84%;
    float: left;
    display: inline-block;
    zoom: 1;
    border: 1px solid #ccc;
    border-radius: 2px;
    background: #ffffff;
    padding: 10px;
    height: auto;
    font-weight: bold;
}

.block_corr8
{
    width: 79%;
    float: left;
    display: inline-block;
    zoom: 1;
    border: 1px solid #ccc;
    border-radius: 2px;
    background: #ffffff;
    padding: 10px;
    height: auto;
    color: #005494;
    font-weight: bold;
}

.block_corr9
{
    width: 29%;
    float: left;
    display: inline-block;
    zoom: 1;
    border: 1px solid #ccc;
    border-radius: 2px;
    background: #ffffff;
    padding: 10px;
    height: auto;
    font-weight: bold;
}

.ulclassGroupFilter
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow-y: scroll;
    height: 74px;
}

.AutoCrew
{
    width: 600px;
    height: Auto;
    border: 1px solid #4a4a4a;
    position: absolute;
    top: 160px;
    left: 379px;
    background-color: #fff;
}

.AdcontainerH-2
{
    width: 100%;
    float: left;
    overflow-y: scroll;
    white-space: nowrap;
}

.Crebtn
{
    border: 1px solid #ccc;
    padding: 1px;
    background: blue;
    color: #fff;
    width: 10%;
}
/*april 14 2017 */
/*Design Change Due To This Class */
.CommonColorEve
{
    background: #f9f9f9;
    font-family: Verdana;
    line-height: 2;
}

.CommonColorOdd
{
    background: #fff;
    font-family: Verdana;
    line-height: 2;
}

.DataEsub
{
    Color: #7092bf;
}

.head
{
    background: #7092bf!important; /*#006ac3 !important;16/07*/
    color: #fff;
    font-weight: bold;
}
.headDE
{
    background: #006ac3!important; /*#7092bf !important;16/07*/
    color: #fff;
    font-weight: bold;
}
.Width28
{
    width: 28%;
}

.HInspectdate
{
    width: 14%;
}

.Dedate1
{
    width: 1px;
}

.HInspectdateIn
{
    width: 11%;
}

.DEInspectdate
{
    width: 12%;
}

.DEInspectIndex
{
    width: 13%;
}

.HOilMajor
{
    width: 17%;
}

.HViq
{
    width: 17%;
}

.Vname
{
    width: 19%;
}

.newInspector
{
    width: 21%;
}

.port
{
    /*width: 33%;*/
    width: 21%;
}

.width22
{
    width: 12%;
}

.Trminal
{
    width: 24%;
}

.PscOffice
{
    width: 11%;
}

.commaonPlan
{
    width: 103px;
}

.flg
{
    width: 14%;
}

.AuoName
{
    width: 13%;
}

.obs
{
    width: 4% !important;
}

.lstborder
{
    border: 1px solid #7092bf;
}

.Dedate
{
    width: 0%;
}

.Dedate1
{
    width: 1%;
}

.ListIndex
{
    display: table;
}

    .ListIndex ul
    {
        border-bottom: 1px solid #e1e1e1;
        display: table-row;
    }

        .ListIndex ul.head
        {
            background: #7092bf !important;
            color: #fff;
            font-weight: bold;
        }

            .ListIndex ul.head li
            {
                padding: 10px;
            }

.center
{
    text-align: center;
}

.HeadingINF
{
    font-size: 18px;
}

.obsactive
{
    background-color: #7092bf !important;
    color: #fff !important;
}

.imgclass
{
    display: block;
    float: right;
}

.divclass
{
    color: #7092bf;
}

.liclass
{
    background-color: white;
}

.mainDivAdmin
{
    border: 1px solid;
    width: 150px;
    float: left;
    display: inline-block;
    zoom: 1;
    height: 343px;
}

.mainDivAdmin2
{
    border: 1px solid;
    width: 150px;
    float: right;
    display: inline-block;
    zoom: 1;
    height: 327px;
}

.headerDivAdmin
{
    padding-top: 2px;
    font-weight: bold;
    font-size: 12px;
    background: #7594BD;
    margin-left: 0px;
    color: #fff;
    /* padding: 3px; */
    width: 150px;
    height: 20px;
    vertical-align: central;
    text-align: center;
}

.dataDivAdmin
{
    float: none;
    width: 150px;
    /* padding: 8px; */
    /* background: #fff; */
    /*height: 150px;*/
}

.ulDivAdmin
{
    /* border: 1px solid #ccc; */
    overflow: auto;
    width: 150px;
}

.EmpDivAdmin
{
    padding-top: 40px;
    float: left;
    position: absolute;
    margin-left: -155px;
    font-size: 18px;
    font-weight: bold;
}

.btnadminMgt
{
    position: absolute;
    right: -100px;
    margin-top: -25px;
}

.btnadminMgt2
{
    position: absolute;
    right: -160px;
    margin-top: -25px;
}

.load
{
    margin: 0 auto;
    display: none;
    position: absolute;
    top: 400px;
    left: 650px;
    z-index: 1;
}

.load_stat
{
    position: fixed;
    margin: 0 auto;
    display: none;
    /*position: absolute;*/
    top: 350px;
    left: 650px;
    z-index: 1;
}

.LastInspectionList ul li
{
    width: 1% !important;
}

.imglogo
{
    width: 100% !important;
    height: 91px!important;
    margin-left: -12px;
    margin-top: -9px;
}


.width44
{
    width: 42%;
}

.width48
{
    width: 48%;
}

.scmg
{
    margin-top: -50px;
    width: 152%;
}

.DataEntryPdf
{
    /* position: absolute; */
    margin-left: 107px;
    margin-top: -37px;
}

.grphType
{
    float: left;
    width: 60%;
    background: #7092bf;
    color: #fff;
    padding: 2px;
    width: 55%;
    font-weight: bold;
}

.ugrphtype
{
    float: right;
    margin-top: -8px;
}

.upHidght
{
    position: absolute;
    margin-top: -182px;
}

.ddlch1
{
    width: 111px;
    height: 330px;
    overflow-y: auto;
    background-color: white;
    display: block;
    position: absolute;
    margin-left: 368px;
    margin-top: 18px;
}

ddlch2
{
    width: 111px;
    height: 330px;
    overflow-y: auto;
    background-color: white;
    display: block;
    position: absolute;
    margin-left: 368px;
    margin-top: 18px;
}

#super_top_nav_expand
{
    width: 100%;
    float: left;
    padding: 15px 0;
    text-align: center;
    font-size: 12px;
    color: #999;
    background-color: #f0f0f0;
    position: absolute;
    z-index: 9999;
}

.tempvar
{
    position: absolute;
    margin-top: 125px;
    z-index: 1;
    margin-left: 450px;
    display: none;
}

.scmg
{
    margin-top: -50px;
    width: 152%;
}

.DataEntryPdf
{
    position: absolute;
    /*margin-left: 257px;
    margin-top: -565px;*/
    margin-left: 107px;
    margin-top: -37px;
}

.newdiv
{
    border-bottom: 1px solid;
    align-content: center;
    width: 165px;
    height: 100%;
}

.rectdiv
{
    width: 15px;
    height: 12px;
    float: left;
    margin-top: 3px;
    margin-left: 5px;
}

.newdivlink
{
    /*background-color: white;*/
    border-bottom: 1px solid;
    border-bottom-color: #e0e0e0;
    /*color: black;*/
    font-weight: bolder;
    min-width: 10px;
    width: 165px;
    color: #cccccc !important;
    /*max-width: 125px;*/
    margin-bottom: 0px;
    margin-top: 2px;
    height: 25px;
}

.colorblack
{
    color: black !important;
}

.disabled_color
{
    background-color: #cccccc;
    /*text-decoration-color:lightgrey;*/
}

.sirecolor
{
    background-color: #86b7e9;
}

.nonsirecolor
{
    background-color: #434348;
}

.cdicolor
{
    background-color: #aae47e;
}

.termcolor
{
    background-color: #eca567;
}

.psccolor
{
    background-color: #7c8ee6;
}

.intacolor
{
    background-color: #df6d86;
}

.extacolor
{
    background-color: #e3cf5e;
}

.flgscolor
{
    background-color: #4b8d8d;
}

.suprcolor
{
    background-color: #f45b5b;
}

.othrcolor
{
    background-color: #a6e4df;
}

.thrdprtycolor
{
    background-color: #3d7900;
}

.brdgaudcolor
{
    background-color: #0048fb;
}

.graph_mnth_wise
{
    float: left;
    width: 50%;
    height: auto;
    /*margin-top: 100px;*/
}

.graph_qtr_wise
{
    float: left;
    width: 100%;
    /*height: 250px;*/
    /*margin-top: 100px;*/
}

.graph_year_wise
{
    float: left;
    width: 100%;
    /*height: 250px;*/
    /*margin-top: 100px;*/
}

.regular-checkbox
{
    display: inline-block;
    border-radius: 50%;
    width: 21px; /*38px;*/
    height: 21px; /*38px;*/
    border: 1px solid #ccc;
}

    .regular-checkbox input
    {
        opacity: 0;
        position: absolute;
    }

    .regular-checkbox small
    {
        width: 100%;
        height: 100%;
        float: left;
    }

    .regular-checkbox input:checked ~ small:after
    {
        content: '\2713';
        height: 15px; /*38px;*/
        width: 15px;
        color: #8254a3;
        font-size: 19px;
        text-align: center;
        float: left;
        margin-top: -5px;
    }

.Statistics_RightLinks li a:hover span, .Statistics_RightLinks li a.active span
{
    background: url(../images/sprite.png) no-repeat -362px -22px;
}

.Statistics_RightLinks
{
    overflow-y: scroll;
}

    .Statistics_RightLinks::-webkit-scrollbar
    {
        display: none;
    }

.Statistics_RightLinks
{
    padding-top: 3px;
    width: 100%;
}

    .Statistics_RightLinks li
    {
        /*        height: 30px;
    */
    }

        .Statistics_RightLinks li a
        {
            display: block;
            /*color: black;*/
            /*color: #cccccc;*/
            font-size: 12px;
            padding: 3px 0px 3px 5px;
            /*line-height: 16px;*/
        }

            .Statistics_RightLinks li a:hover, .Statistics_RightLinks li a.active
            {
                /*color: #fff;*/
                /*background: #7092bf;*/
                text-decoration: none;
            }

            .Statistics_RightLinks li a span
            {
                display: block;
                width: 14px;
                height: 11px;
                background: url(../images/sprite.png) no-repeat -362px -6px;
                margin-right: 5px;
                float: left;
            }

            .Statistics_RightLinks li a strong
            {
                display: block;
                width: 93px;
                float: left;
                font-weight: normal;
            }

.statistics_summ
{
    color: black;
    font-weight: bold; /*background: #7092bf; */
    font-size: 15px;
}

.statistics_vsls
{
    color: #cccccc;
    font-weight: bold; /*background: #7092bf; */
    font-size: 15px;
}

#statistics_header_filter
{
    background: #f8f8f8;
    position: fixed;
    width: 77%;
    z-index: 1;
    /*margin-top: -70px;*/
    margin-top: -45px;
    margin-left: -20px; /*margin-top: -20px;*/
}

.margintop5
{
    margin-top: 5px;
}

.margintop10
{
    margin-top: 10px;
}

.showbutton
{
    position: absolute;
    margin-left: 83px;
    margin-top: -17px;
}

#vsls_grp_filter
{
    /*float: left;
    height: 45px;
    margin-top: 5px;*/
}

.vsls_drp_div
{
    /*width: 200px; */
    position: absolute;
    left: 17px;
    top: 3px;
    background: #fff;
    z-index: 1;
    padding: 2px;
    /* margin-left: 34px; */
    /* margin-top: -19px; */
}

.grp_filter_div
{
    /*position: absolute;
   
    background: #fff;
    z-index: 1;
    margin-left: 173px;
    margin-top: -19px;*/
    width: 121px;
    position: absolute;
    left: 153px;
    top: -10px;
    background: #fff;
    z-index: 1;
    padding: 2px;
    /* margin-left: 227px; */
    /* margin-top: 0px; */
}

.btnfilter
{
    /*float: left;
    width: 100%;
    margin-left: 100px;*/
}


.AdvanceFilter_alink
{
    font-size: 13px;
    color: #27528a;
    font-weight: bold;
}

.marginleft100
{
    margin-left: 100px;
}

.width73
{
    width: 73px;
}

#selYr
{
    width: 80px;
    position: absolute;
    margin-left: 30px;
}

#ddlYearAnalysis
{
    width: 83px;
    height: 330px;
    overflow-y: auto;
    background-color: white;
    display: block;
    position: absolute;
    margin-left: 150px;
    margin-top: 1px;
}

#selChap
{
    width: 100px;
    position: absolute;
    margin-left: 125px;
}

.ddlChstat
{
    width: 88px;
    margin-left: -5px !important;
    width: 100px;
    height: 330px;
    overflow-y: auto;
    background-color: white;
    position: absolute;
    margin-left: 246px;
    margin-top: 21px;
}

.vsldrpboxstat
{
    margin-top: -41px;
    margin-left: 360px;
}

.width88
{
    width: 88px;
}

.graphs_stat
{
    /*margin-top: 0px;*/
    margin-top: -25px;
    width: 103%;
}

.margintop44
{
    /*margin-top: 75px;*/
}

.summ_row1_divs
{
    text-align: center;
    width: 33%;
    float: left;
    height: 210px;
}

/*.summ_row1_divs_MD {
    text-align: center;
    width: 50%;
    float: left;
    height: 210px;
}

.summ_row2_divs_MD {
    text-align: center;
    width: 25%;
    float: left;
    height: 210px;
}*/

.summ_row1dat_divs
{
    width: 33%;
    float: left;
    height: 25px;
    text-align: center;
}

.statistics_right_li
{
    text-align: center;
    /*margin-top: 5px;*/
}

.statistics_right_li_a
{
    width: 40px;
    height: 35px;
    display: block;
    margin: 0 auto;
    background: url(../images/sprite.png) no-repeat;
}

.gen_analysis
{
    background-position: -365px -260px;
    margin-top: 3px;
}

.risk_analysis
{
    background-position: -477px -260px;
}

.statistics_right_li_a_text
{
    color: #7092bf;
    align-content: center;
    font-size: 13px;
    font-weight: bolder;
    line-height: 30px;
}

.active_right_link
{
    background: #7092bf;
}

.statistics_right_li:hover
{
    background: #7092bf;
}

    .statistics_right_li:hover .gen_analysis
    {
        background: url(../images/sprite.png) no-repeat;
        background-position: -365px -297px;
    }

    .statistics_right_li:hover .risk_analysis
    {
        background: url(../images/sprite.png) no-repeat;
        background-position: -477px -297px;
    }

    .statistics_right_li:hover .statistics_right_li_a_text
    {
        color: white;
    }

.gen_bg_new
{
    background-position: -365px -297px;
}

.rsk_bg_new
{
    background-position: -477px -297px;
}

.gen_text_new
{
    color: white;
}


.active_link_chapter
{
    border: 1px solid;
    background-color: black;
    padding-left: 3px;
    color: white;
}

.filter_msg
{
    position: fixed;
    height: 25px;
    display: block;
    background-color: white;
    width: 76%;
    /* width: 1010px; */
    /* margin-top: -95px; */
    margin-top: -7px;
    margin-left: 0px;
    z-index: 1;
    padding-top: 2px;
    /* display: none; */
}

.statistics_chapter
{
    width: 99px;
    height: 330px;
    overflow-y: auto;
    background-color: white;
    position: absolute;
    margin-left: 249px;
    margin-top: 0px;
}

.statistics_multiyr_rdbtn
{
    margin-left: 12px;
}

.Inspection_div
{
    width: 100%;
    /*margin-top: 28px;*/
}

.Statistics_graph_header
{
    width: 73%;
    /*z-index: -1;*/
    top: 156px;
    position: fixed;
    background-color: white;
    border-bottom: 1px solid;
}

.statistics_dummy_div
{
    float: left;
    width: 27%;
}

.statistics_graph_header
{
    float: left;
    border: outset 1px;
    width: 15%;
    height: 30px;
    text-align: center;
    padding-top: 6px;
    font-weight: bold;
}

.statistics_Active_grphheader
{
    background-color: white;
    font-size: 17px;
    color: #7092bf;
}

.statistics_InActive_grphheader
{
    background-color: #7092bf;
    color: white;
    font-size: 12px;
}

.statistics_benchmark_div
{
    position: absolute;
    margin-top: 5px;
}

.statistics_compare_div
{
    margin-left: 125px;
    position: absolute;
    margin-top: 5px;
}

.statistics_viqchap_div
{
    margin-top: 30px;
    position: absolute;
}

.statistics_viqchap_ul
{
    display: none;
    font-size: 14px;
}

.Statistics_Only_graphs
{
    width: 100%;
    float: left;
    position: relative;
    margin-top: 87px;
}

.Statistics_Only_graphs_monthly
{
    border: solid 1px;
    width: 98%;
    position: absolute;
    z-index: -2;
    top: -56px;
    overflow: scroll;
}

.Statistics_Only_graphs_quarterly
{
    display: none;
    border: solid 1px;
    width: 98%;
    position: absolute;
    z-index: -2;
    top: -56px;
}

.Statistics_Only_graphs_yearly
{
    display: none;
    border: solid 1px;
    width: 98%;
    position: absolute;
    z-index: -2;
    top: -56px;
}

.statistics_analysis_graph
{
    display: none;
    width: 96%;
    top: 30px;
    left: -1px;
    position: absolute;
    z-index: -2;
}

.statistics_risks_graph
{
    display: none;
    width: 66%;
    margin-top: 60px;
    position: absolute;
    z-index: -2;
}

.statistics_riskdetails
{
    margin-top: 460px;
    width: 107%;
}

.statistics_btnClose
{
    margin-top: -237px;
    margin-right: 100px;
    float: right;
}

.statis_Fild
{
    float: left;
    border: 1px solid #e1e1e1;
    border-radius: 2px;
    color: #6d6d6d;
    padding: 0 3px;
    font-size: 12px;
    height: 22px;
    font-family: Arial, Helvetica, sans-serif;
}

.daterange_filter
{
    width: 42%;
    float: left;
    margin-top: 2px;
}

.vsls_grp_filter
{
    width: 58%;
    float: left;
    margin-top: 2px;
}

.app_filter
{
    margin-left: 300px;
    margin-top: -17px;
}

.clr_filter
{
    margin-left: 346px;
    margin-top: -14px;
}

.fil_year
{
    width: 20%;
    float: left;
}

.fil_dt_rnge
{
    width: 60%;
    float: left;
}

.btnshow
{
    margin-top: 13px;
    margin-left: 157px;
}

.MHeader
{
    margin-top: -23px !important;
}

.MHeader1
{
    margin-top: -23px !important;
}

.Month_Jan_graph
{
    width: 50%;
}

.Month_Feb_graph
{
    width: 50%;
}

.cLine
{
    display: block;
    z-index: 1;
    /*margin-top: 4px;
    float: right;
    margin-right: 10px;*/
    margin-top: -19px;
    margin-left: 870px;
    position: fixed;
}

.compg
{
    font-size: 14px;
    font-weight: bold;
    color: #8254a3;
}

.anlysis2
{
    font-size: None;
    width: None;
}

.InspectorObservation
{
    width: None;
    font-size: None;
}

.RightPanel
{
    overflow-y: None;
    height: None;
}

#ddlChap
{
    margin-left: 249px!important;
}

.AdvanceFilter
{
    /*margin-left: 390px;
    margin-top: -15px;*/
}

.chkBox
{
    float: left;
    margin-top: 0px;
    margin-left: 0px;
}

.bench
{
    margin-left: 0px;
}

.Cmpr
{
    margin-left: 0px;
}

.statistics_vsls_fixhdr
{
    width: 14%;
    float: left;
    height: 25px;
    padding-right: 49px;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    padding-top: 2px;
}

.statistics_vsls_full_hdr
{
    /*border-bottom: 1px solid;
    position: fixed;
    width: 73%;
    background-color: white;*/
    border-bottom: 1px solid;
    position: absolute;
    width: 100%;
    left: 0px;
    background-color: white;
}

.statistics_vsls_data
{
    margin-top: 0px;
    /* z-index: -1; */
    overflow-y: scroll;
    height: 450px;
    left: 8px;
    width: 100%;
    position: absolute;
}

.btnClose_popup
{
    width: 12px;
    float: right;
    margin-top: 1px;
    margin-right: 3px;
    height: 13px;
}

.statis_vsls_popup_data
{
    margin-left: 5px;
    margin-top: 15px;
    height: 96%;
    overflow-y: auto;
    margin-right: 5px;
}

.statis_vsls_popup
{
    display: none;
    z-index: 1;
    left: 200px;
    width: 950px;
    height: 500px;
    position: absolute;
    background-color: white;
    top: 120px;
    position: fixed;
    border-top: 1px solid;
    border-left: 1px solid;
    border-radius: 10px;
    box-shadow: 10px 10px 5px #888888;
}

.statis_vsls_row_div
{
    width: 100%;
    height: 75px;
    padding-top: 0px;
}

.vsls_text_div
{
    width: 14%;
    float: left;
    font-size: 12px;
    /* height: 75px; */
    font-weight: bold;
    vertical-align: middle;
    padding-top: 35px;
}

.vsls_insp_graph
{
    overflow: hidden;
    width: 14%;
    float: left;
    height: 87px;
}

.tTip
{
    width: 200px;
    font-size: 11px;
}

.HomeScreenSummary
{
    height: 500px;
    border: 1px solid #ccc;
    margin-top: 10px;
    display: none;
}
/*#chkdate {
    margin-left: 0px;   
    }
    .DRCS {
    margin-left: 4px;
    }*/


#btnviqsearch
{
    margin-top: -80px;
    /*margin-top: 145px;*/
}

.filter_viqsearch
{
    border-bottom: 1px solid;
    text-align: left;
    padding-top: 5px;
    font-size: 12px;
    font-weight: bold;
    height: 30px;
}

.Afilter_viqsearch
{
    border-bottom: 1px solid;
    text-align: left;
    padding-top: 5px;
    font-size: 12px;
    font-weight: bold;
    height: 30px;
}

.span_text_DE_filter
{
    padding-left: 8px;
    position: absolute;
    padding-top: 5px;
    width: 132px;
}

.DE_advfil_div
{
    text-align: center;
    padding-top: 5px;
    height: 30px;
    border-bottom: 1px solid;
}

.DE_advfil_span
{
    font-size: 15px;
    font-weight: bold;
}

.DE_viqsearch_lfspan
{
    width: 43px !important;
    height: 37px !important;
    background-position: -117px -3px !important;
}

.DE_datadiv
{
    width: 99%;
    float: left;
}

.DE_viqs_hdr
{
    width: 100%;
    float: left;
    position: fixed;
    top: 99px;
    background-color: white;
    height: 43px;
    padding-top: 6px;
    padding-left: 168px;
}

.DE_primsec_sear_div
{
    width: 363px;
    float: left;
    align-content: center;
}

.DE_primsec_sear_txtbox
{
    width: 80%;
    height: 30px;
    box-shadow: 4px 4px 2px #888888;
    padding-left: 7px;
    border-radius: 7px;
}

.DE_searchimg
{
    margin-left: -23px;
    width: 18px;
    height: 18px;
    position: absolute;
    margin-top: 5px;
    cursor: default;
}

.DE_viqsearch_binddatamaindiv
{
    width: 100%;
    float: left;
    height: auto;
    padding-top: 0px;
    padding-right: 4px;
    border: 1px solid #ccc;
    margin-top: 12px;
}

.DE_div_fil
{
    width: 115%;
    height: 350px;
    float: left;
    margin-top: 217px;
    position: absolute;
    overflow-y: scroll;
}

.DE_viqs_fil_hdrdiv
{
    text-align: center;
    padding-top: 5px;
    height: 30px;
    position: fixed;
    top: 288px;
    right: 81px;
}

.DE_viqs_fil_hdrspan
{
    font-size: 15px;
    font-weight: bold;
}

.Decls
{
    height: auto;
    float: left;
    width: 5%;
    text-align: center;
}

.Decls1
{
    height: auto;
    float: left;
    width: 10%;
    text-align: center;
}

.Decls2
{
    height: auto;
    float: left;
    width: 26%;
    text-align: center;
}

.Decls3
{
    height: auto;
    float: left;
    width: 7%;
    text-align: center;
}

.Decls4
{
    /*height: 35px;
    max-height: 100px;
    float: left;
    width: 100%;
    border-bottom: 1px solid;
    color: white;
    font-weight: bold;
    background: #7092bf;*/
    height: 35px;
    max-height: 100px;
    float: left;
    width: 71%;
    border-bottom: 1px solid;
    color: white;
    font-weight: bold;
    background: #7092bf;
    position: fixed;
    top: 142px;
}

#divbinddata
{
    margin-top: 34px;
}

.Decls5
{
    max-height: 100px;
    float: left;
    width: 100%;
    border-bottom: 1px solid;
}

.stat_graph_popup
{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.6);
    z-index: 101;
    width: 100%;
    height: 100%;
}

.stat_graph_popup_data
{
    top: 10%;
    left: 8%;
    width: 84%;
    position: relative;
    height: 80%;
    /* position: absolute; */
    padding-right: 5px;
    background-color: white;
    padding-top: 5px;
}

.table_div
{
    overflow-y: scroll;
    top: 5%;
    position: absolute;
    right: 1%;
    height: 90%;
    border: 1px solid;
    left: 1%;
}

.styling
{
    background: #7092bf;
    text-align: center;
    color: #fff;
    font-weight: bold;
    height: 25px;
    padding-top: 5px;
    font-size: 14px;
}

.fil_msg
{
    background-color: lightgreen;
    font-size: 14px;
    text-align: left;
    min-height: 23px;
    height: auto;
    padding-left: 3px;
    padding-top: 3px;
    font-weight: bold;
}

.withtext
{
    color: white;
}

.withouttext
{
    color: red;
}
/*======END=======*/
.Fuploads
{
    float: left;
    margin-left: 28px;
    background-color: #000;
    width: 34%;
    padding: 4px;
}

.btnFileu
{
    float: left;
    margin-top: -29px;
    margin-left: 143px;
    background-color: #000;
    color: #fff;
    padding: 5px;
}

.CFuploads
{
    float: left;
    margin-left: 9px;
    background-color: #000;
    width: 26%;
    padding: 4px;
    margin-top: -22px;
}

.CbtnFileu
{
    float: left;
    margin-top: -22px;
    background-color: #000;
    color: #fff;
    padding: 5px;
    margin-left: 6px;
}

.boffuploads
{
    float: left;
    margin-left: 5px;
    background-color: #000;
    width: 37%;
    padding: 4px;
    margin-top: -23px;
}

.btnOffuploads
{
    margin-left: 103px;
    background-color: #000;
    color: #fff;
    padding: 5px;
    margin-top: -30px;
    float: left;
}

.extrpt
{
    display: none !important;
}

.reporttype
{
    width: 26%;
    float: left;
}

.width90
{
    width: 90%;
}

.overflowyauto
{
    overflow-y: auto;
}

#container
{
    width: 90%;
    text-align: center;
    border: 1px solid #7092bf;
    background: #f8f8f8;
    padding: 10px;
    height: auto;
    overflow: auto;
    box-shadow: 10px 10px 5px #888888;
    position: absolute;
    z-index: 1;
    border-radius: 13px;
    top: 60px;
}

#ui-datepicker-div
{
    z-index: 1050 !important;
}

.plan_span_mnths
{
    padding-left: 14px;
    border: 1px solid #ABABAB;
}

.plnbkC
{
    border: 1px solid #ABABAB;
    height: 18px;
    width: 18px;
    border-radius: 50%;
    display: inline-block;
}

.planhdrC
{
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

.edit_plan_app
{
    width: 19px;
    height: 14px;
    display: block;
    background: url(../images/edit.png) no-repeat;
    cursor: pointer;
}