@charset "utf-8";


*, input, select, textarea, option, button {
    outline: none!important;
}
select option:focus{
    outline: none transparent !important;
    border-color:#fff;
    
}
.activestatpopup {
    color: white !important;
    background: #5481bd !important;
}

body {
    overflow-y: scroll;
    /*font-family: Arial, Helvetica, sans-serif;*/
      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:177px;
    position: absolute;
    left: -185px;  /*left: 128px;*/ /*23/08*/
    top: 0px;
    background: #fff;
    z-index: 1;
}

.multiselect_Superintendent { /*//09/12/19*/
    width:173px;
    position: absolute;
    left: 131px;  /*left: 128px;*/ /*23/08*/
    top: 0px;
    background: #fff;
    z-index: 1;
}


.intauditOrg {
    margin-left: -315px;
}
.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;
}

.dropdown-menuF {
    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;*/
        }

#chkAdGrp {
    /*display: none;*/
    /*border: 1px #dadada solid;*/
}

    #chkAdGrp label {
        display: block;
    }

        #chkAdGrp 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: 536px;
}

.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.Preparation, #Mo-main li.Preparation {
            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.PreparationIcon, #Mo-main li a span.PreparationIcon {
                background-position: -390px -102px;
                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.Preparation a, #Header li.Preparation a.active, #Mo-main li:hover.Preparation a, #Mo-main li.Preparation 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.PreparationIcon, #Header li a.active span.PreparationIcon, #Mo-main li:hover a span.PreparationIcon, #Mo-main li a.active span.PreparationIcon {
            background-position: -390px -144px;
        }

        #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;
}

.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: 98px;
            }

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


        #LeftBar li a {
            display: block;
            height: 80px;
            color: #7092bf;
            text-align: center;
            padding: 15px 0 5px;
        }

            #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;*/
    padding: 1px 3px 0px;/*zeenatkhan*/
    background: #f8f8f8;
    border: 1px solid #e1e1e1;
}

collBox1owner {/*zeenatkhan*/
    padding: 1px 3px 5px;
    background: #f8f8f8;
    border: 1px solid #e1e1e1;
}
.width100 {
    width: 100%;
}
.width1000 {/*zeenatkhan*/
    width: 79%;
}

width1 {
    width: 50%;
}
.width1001 {/*zeenatkhan*/
    width: 87%;
}

.width100 {
    width: 100%;
}

.width80 {
    width: 80%;
}

.width20 {
    width: 20%;
    
}

.width24 {
    width: 22%;
}

.width25 {/*//23/08*/
    width: 25%;

}

.width26 {
    width: 26%;
}

.width60 {
    width: 60%;
}

.width87 {
    width: 87%;
}

.width40 {
    width: 40%;
}

.width42 {
    width: 43%;
}

.width12 {
    width: 13%;
}

.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: 169px;
    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;*/
    font-size: 25px; /*S07/01/2020*/
}

.Title_Management {
    background: #f8f8f8;
    text-align: center;
    font-size: 17px;
    padding: 10px;
    color: #000;
    font-weight: 700;
    /*-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2);*/
    text-transform: uppercase;
    position: absolute;
    width: 88%; /*88% WFH*/
    top: 23px;/*37px% WFH*/

}
.reportBoxAlign {/*WFH*/
    left: 42px!important;top: 6px!important;
}
.reportBoxAlign_Evn {/*WFH*/
    left: 39px!important;top: 6px!important;
}
.Heading_report {
    position: absolute;
   
    width: 88%;
   
    font-size: 21px;
    font-weight: bold;
}
.seprateBorder {
    border-bottom:1px solid #ccc !important;
}
.rightDarkborder {
    border-right: 2px solid #ececec !important;
}
#Managment {
    font-size: 23px;
    font-weight: 600;
    color: #222;
    height:47px;/*WFH 27Apr*/
}

.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: -34px;/*zeenatInspector*/
    margin-right: 3px;/*zeenatInspector*/
}

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

.btnGroup {
    width: 201px;
    float: left;
    margin-top: -10px;
}

.btnGroup_His/*24/04*/
{
       width: 41%;
    float: left;
    margin-top: -44px;
}
/* ---- 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 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;
}
.VesselName {/*22/04*/
   /* float: left;*/
   margin: auto;
   width: 14%;/*24/04*/
 
}
.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: 33px;
        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;
    line-height: 2;
}

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

.GraphArea {
    width: 500px;
    margin: 0 auto;
    background: url(../images/grapg-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;
}
.InspectorsListact li {
 
    border-left: none;
  
}
.InspectorsList_New li {
    
    width: 17%;
   
}
.InspectorsList_Attachment li {
    padding: 2px 40px !important;
}


    .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 {/*08/01/2020*/
    width: 600px;
    height: Auto;
    border: 1px solid #4a4a4a;
    position: fixed;
    top: 209px;
    left: 379px;
    background-color: #fff;
    overflow: scroll;
    height: 425px;
}

.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;
    }

#lststatisOperatorCmt {
    z-index: 99999;
}

.anlysis2 li {
    display: table-cell;
    list-style-type: none;
    width: 11%; /*width: 17% 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;
}

.Gapspaceobs {
    width: 6%;
    float: left;
    display: inline-block;
    zoom: 1;
    background: #ffffff;
    padding: 10px;
}
.Gapspaceobs_Psc {
    width: 3%;
    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;
}

.CRSUMMARY {
    text-align: center !important;
    
}

#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: 15%;
    float: left;
    display: inline-block;
    zoom: 1;
    border: 1px solid rgb(0, 0, 0);
    border-radius: 2px;
    background: #ffffff;
    padding: 10px;
}

.blockSM {
    width: 24%;
    float: left;
    display: inline-block;
    zoom: 1;
    border: 2px solid #4E6972;
    background: #ffffff;
    padding: 10px;
}

.blockSM_Psc {
    width: 22%;
    float: left;
    display: inline-block;
    zoom: 1;
    border: 2px solid #4E6972;
    background: #ffffff;
    padding: 10px;
}
.blockS {
    width: 8%;
    display: inline-block;
    zoom: 1;
    background: #ffffff;
    padding: 5px;
}

.blockS1 {
    /*width: 5%;*/
    display: inline-block;
    zoom: 1;
    background: #ffffff;
    padding: 5px;
}

.blockS2 {
    width: 23%;
    display: inline-block;
    zoom: 1;
    background: #ffffff;
    padding: 5px;
}

.blockS4 {
    /*width: 6%;*/
    display: inline-block;
    zoom: 1;
    background: #ffffff;
    padding: 5px;
}

.txtunderline {
    display: inline-block;
    border-bottom: 4px solid #4E6972;
    padding-bottom: 2px;
    font-size: 25px;
}

.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: 405px; /*03/10*/
}

.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 {
       height: auto;
    width: 100%;
    font-size: 12px;
    line-height: 2;
    text-align: justify;
    font-family: sans-serif;
    border-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;

}

.avoid2 {
    /*page-break-after:always*/
    page-break-inside: avoid !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: -14px;
    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: 450px;
    height: 450px;
    position: absolute;
    /*top: 729px;*/
    left: 667px;
}

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

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

.KPIIndx4_non {
    width: 450px;
    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;
}
.CommonColorOdd_His {
    background: #fff;
    font-family: Verdana;
   
}
.DataEsub {
    Color: #7092bf;
}

.head {
    background: #7092bf!important;  /*by zeenat khan for history vessel (summary header) #006ac3 !important;16/07*/
    color: #fff;  /*by zeenat khan for history vessel (summary header)*/
    font-weight: bold;
}

.headDE {
    background: #006ac3!important; 
    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: 12%;
}

.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: 370px;
}

.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: 63% !important;
    margin-left: -12px;
    margin-top: -38px;
}


.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;
}

.ofccolor {   /* 23/08 lb18/10 */
    background-color: #07a793;
}


.othrcolor {
    background-color: #a6e4df;
}

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

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

.RealNavcolor
{
   background-color: #43726E;
}
.VdrNavcolor
{
  background-color:  #a040e5;
}
.Realcargocolor
{
  background-color:  #F0ADAC;
}
.Mooringcolor
{
  background-color:  #e540b6; 
}
.Bunkeringcolor
{
 background-color:  #595959; 
}
.Engineeringcolor
{
 background-color: #5AB152;
}
.Envirnmentcolor
{
 background-color: #663300;
}

.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: 25px;
}

.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: 90px;
    margin-right: 12px;
}

.margin-t60 {
    margin-top: 60px;
}

.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: 195px;
    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: 6px;
    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: 2px;
    margin-left: 870px;
    position: fixed;
}
.cLine1 {
    display: block;
    z-index: 1;
    /*margin-top: 4px;
    float: right;
    margin-right: 10px;*/
    margin-top: 2px;
    margin-left: 981px;
    position: absolute;
}

.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;
}

.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;
}

.dashboard_vslsgrp_breach_full_hdr {
    border-bottom: 1px solid;
    /*position: absolute;*/
    width: 100%;
    height: 26px;
    left: 0px;
    background-color: white;
}

.statistics_vsls_data {
    margin-top: 0px;
    overflow-y: scroll;
    height: 450px;
    left: 8px;
    width: 100%;
    position: absolute;
}

.dashboard_vsls_grps_data {
    margin-top: 0px;
    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;
}

.statis_vsls_grps_row_div {
    width: 100%;
    height: 100px;
    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: 149px;
}

.vsls_grps_insp_graph {
    overflow: hidden;
    width: 14%;
    float: left;
    height: 100px;
}

.tTip {
    width: 200px;
    font-size: 11px;
}

.HomeScreenSummary {
    height: 500px;
    border: 1px solid #ccc;
    margin-top: 10px;
    display: none;
    overflow-y:scroll;
}
/*#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;
}

.stat_div_legend {
    margin-top: 6px;
}

.statistics_viqchap_ul li a {
    padding-top: 4px !important;
}

.inspTag {
    font-weight: bold;
    width: 100%;
    font-size: 20px;
    color: #7092bf;
    padding: 12px;
}

.history_ques_text { /*23/08*/
    /*font-family: Verdana;*/ /*23/08*/
    /*color: navy;*/
   
}

.history_obscomm {
    font-family: Verdana;
    color: red;
}

.rowH { /*//23/08*/
    width: 100%;
    /*margin-left: 98px;*/
    /*margin-left: 14px;*/
}

#lstHistoryObservation {
    font-family: verdana;
}

.blockH {/*//23/08*/
    /*width: 33%;*/
    /*float: left;*/
    width: 23%;
    display: inline-block;
    zoom: 1;
}

.blockHc {
    display: inline-block;
    zoom: 1;
}

.imgHd {
    width: 17px;
}

.imgHdWI {/*23/08*/
    width: 17px;
    float: right;
    margin-top: -4pc;
    margin-right: -30px;
}

.dotH {
    background-color: #FF0000;
}

.dotVL {
    background-color: #90EE90;
}

.dotM {
    background-color: #FFFF00;
}

.dotL {
    background-color: #007200;
}

.Hcircle { /*23//08*/
   /*border-radius: 35%; */
    color: #fff;
    border-color: #fff;
    
    margin-right: 7px/*7px*/;
    float: right;
    margin-top: -33px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    font-family: Verdana;
}

.dot-D { /*23//08*/
    /*background-color: #90ED7D;*/
    /*border-radius: 47%;*/
    color: #fff;
    line-height: 30px;
    text-align: center;
    border-color: #fff;
  
    /*margin-right: -55px;*/
      margin-right: 7px/*7px*/;
    float: right;
   margin-top: 5px;
    /*margin-top: -15px;*/
     width: 28px;
    height: 28px;
    font-family: Verdana;
}

.dotpsc { /* 10/07 */
    background-color: #FBBA00;
    border-radius: 47%;
    color: #fff;
    line-height: 40px;
    text-align: center;
    border-color: #fff;
    font-size: 11px;
    margin-top: -4px;
    width: 38px;
    height: 38px;
    font-family: Verdana;
}
.dotpscW {
    background-color: #fff;
    border-radius: 47%;
    color: #fff;
    line-height: 40px;
    text-align: center;
    border-color: #fff;
    font-size: 12px;
    margin-top: -4px;
    width: 28px;
    height: 28px;
    font-family: Verdana;
}

.dotpscR {
    background-color: #FF0000;
    border-radius: 47%;
    color: #fff;
    line-height: 40px;
    text-align: center;
    border-color: #fff;
    font-size: 12px;
    margin-top: -4px;
    width: 38px;
    height: 38px;
    font-family: Verdana;
}

.dotpsc-2R {
    background-color: #FF0000;
    border-radius: 47%;
    color: #fff;
    line-height: 40px;
    text-align: center;
    border-color: #fff;
    font-size: 12px;
    margin-right: -55px;
    float: right;
    margin-top: -15px;
    width: 38px;
    height: 38px;
    font-family: Verdana;
}

.dotpsc-2Y {  /* 10/07 */
    background-color: #FBBA00;
    border-radius: 47%;
    color: #fff;
    line-height: 40px;
    text-align: center;
    border-color: #fff;
    font-size: 11px;
    margin-right: -55px;
    float: right;
    margin-top: -15px;
    width: 38px;
    height: 38px;
    font-family: Verdana;
}

.txtpsc {
    padding: 0px 0px 0px 51px;
}

.txtpdef {
    padding: 0px 0px 0px 21px;
    color: #7092BF;
}

.rowpsc {
    width: 100%;
    margin-left: 61px;
}


.tooltip {
    position: relative;
}

    .tooltip .tooltiptext {
        visibility: hidden;
        width: 100px;
        background-color: #F8F8F8;
        color: #000;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        border: 1px dotted black;
        right: 0px;
    }

    .tooltip:hover .tooltiptext {
        visibility: visible;
    }

    .tooltip .tooltiptext-PSC {
        visibility: hidden;
        width: 100%;
        background-color: #F8F8F8;
        color: #000;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        border: 1px solid #000;
    }

    .tooltip:hover .tooltiptext-PSC {
        visibility: visible;
    }

.colorblack {
    color: black !important;
}


.dashboard_vsls_grps_fixhdr {
    width: 14%;
    /*width: 121px;*/
    float: left;
    height: 25px;
    font-size: 13px;
    font-weight: bold;
}

.overflow_visible {
    overflow: visible !important;
}

.stat_comp_vsls_btn {
    width: 10%;
    float: left;
    margin-top: -5px;
    text-align: center;
}

    .stat_comp_vsls_btn a {
        display: inline-block;
        text-decoration: none;
        padding: 7px 20px;
        margin: 0 0 0 2px;
        font-size: 14px;
        border-radius: 8px;
        font-weight: bold;
        -webkit-transition: all 0.60s ease-in-out;
        -moz-transition: all 0.60s ease-in-out;
        -ms-transition: all 0.60s ease-in-out;
        -o-transition: all 0.60s ease-in-out;
    }

.show_10 {
    color: #fff !important;
    background: #006db4;
}

.disable_a_tag {
    pointer-events: none;
    background-color: grey !important;
    color: black !important;
}

.btn_yrs_report {
    background-color: white;
    border-radius: 4px;
    border: 1px solid #68839e;
    height: 25px !important;
    line-height: 24px !important;
    padding: 0 7px !important;
    font-weight: bold;
}

.dashborad_vslsgrps_breach {
    width: 100%;
    padding-top: 15px;
}

.padd_for_cntr {
    padding-left: 20px;
}

.breach_graphs_dashbrd {
    width: 100%;
    border: 1px solid #ccc;

    margin-top: 10px;
    padding: 5px;
    height:auto;
}
hr { display: block;
    border: .5px solid #ccc;
 }
.Breach_dshbrd_hdr {
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    padding-bottom: 10px;
}

#btn_del_insp {
    display: block;
    float: right;
    margin-right: 69px;
}
.OpenObs {
    width:81%;
}
.OpenObsALL {
    width:81%
}

.OpenViewObs {
    width: 84%;
}
.Inspimg {
    width:21px;height:21px;
}
.ManualCrew {
     width: 51%;
    border: 1px solid #000;
    height: 30%;
    position: absolute;
    background-color: #f8f8f8;
    z-index: 99999;
    bottom: 203px;
   padding: 1px 5px 1px 1px;
    text-align: center;
    left: 306px;
    display:none;
    }

.Actionpopup {
     width: 51%;
    border: 1px solid #000;
    height: 35%;
    position: absolute;
    background-color: #f8f8f8;
  
    top: 274px;
   padding: 1px 5px 1px 1px;
    text-align: center;
    left: 335px;
    display:none;
    }

.Communicationtrail {
    width: 37%;
    border: 1px solid #000;
    height: 28%;
    background-color: #f8f8f8;
    z-index: 99999;
     top: 274px; 
    padding: 1px 3px 5px 3px;
    text-align: center;
    left: 350px;
    display: none;
    position: fixed;
    /*margin-top:175px;*/
    }

.communrow
{
   line-height: 18px;
   height:100px;
   overflow-y: scroll;
   
   
}
.MInnerCrew {
    padding-left:30px;
}
.blockInspType_M { /*moniter*/
    float: left;
    display: inline-block;
    zoom: 1;
  
    border-radius: 2px;
    background: #ffffff;
    padding: 10px;
   
    height: auto; /*03/10*/
}

.NonConrimdiv
{
    padding: 7px;z-index: 1111111;
    position:absolute;
    background-color: #f8f8f8;
}

.Actiondiv
{
   
    width: 98%;
    padding: 7px;z-index: 1111111;
    position: absolute;top: 417px;
    background-color: #f8f8f8;   /*rgb(248, 248, 248)*/
}
 .fa-times{
    background: red;
    padding: 4px 6px;
    color: #fff;
border-radius: 50%;
}
.Breach {
    width: 14%;float:left;text-align:center;
    font-family:Verdana;
}
.Breach2 {
    width: 100%;float:left;text-align:center;padding:10px;
}
.Breach3 {
    width: 100%;float:left;height:110px;text-align:center;
}
.clsAct {
    margin-top: 3px;position: absolute;
}
.fa-check {
       background: #6ac259;
       padding: 5px;
       color: #fff;
       border-radius: 50%;
}
.collbox_His_ShowDetails
{
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
     border-bottom:1px solid #ccc;
     padding:10px;
}
.collbox_His_ShowDetails_topSection
{
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
     border-top:1px solid #ccc;
      padding:10px;
}
.His_top_Act {
    margin-top: -86px;
}
.cls_Oilmajor_Ind { /*S07/01/2020*/   
   display: none;
   margin: 32px;
}

 .cls_viq_All {        /*S07/01/2020*/  
        float: left;
        width: 49%;
        padding-left: 3%; padding-top: 4%; padding-bottom: 4%; padding-right: 1%; display: none;
     }
 .Gapspaceobs_Rpt{  /*S07/01/2020*/
       width: 6%;
    float: left;
    display: inline-block;
    zoom: 1;
    background-color: #f8f8f8;
    padding: 10px;
}

 .Gapspaceobs_Psc_Rpt { /*S07/01/2020*/
    width: 3%;
    float: left;
    display: inline-block;
    zoom: 1;
    background-color: #f8f8f8;
    padding: 10px;
}

 .blockSM {/*08012020*/
    width: 24%;
    float: left;
    display: inline-block;
    zoom: 1;
    border: 2px solid #000;
    /*background: #16569e;*/
    padding: 10px;
    /*color: #fff;*/
}


.blockSM_Psc {
    width: 20%; /*S07/01/2020*/
    float: left;
    display: inline-block;
    zoom: 1;
    border: 2px solid #4E6972;
    /*background: #16569e;*/ /*S07/01/2020*/
    padding: 10px;
    /*color: #fff;*/ /*S07/01/2020*/
}

.blockSM_Report { /*S07/01/2020*/
    width: 24%;
    float: left;
    display: inline-block;
    zoom: 1;
    /*border: 2px solid #FFF;*/
    background: #fff;
    padding: 10px;
    color: #000;
}

.blockSM_Psc_Report { /*S07/01/2020*/
    width: 20%; 
    float: left;
    display: inline-block;
    zoom: 1;
    /*border: 2px solid #4E6972;*/
    background: #fff;
    padding: 10px;
    color: #000; 
}

.clsReport {/*08012020*/
    margin: 32px;
    margin-top: 0px;
    display: none;
}
/*.width98 {08012020 //WFH
    width:98%;
}*/

.width98 {/*WFH*/
    width:97%;
}

.summary_inspection {/*08012020*/
float: left;
    width: 100%;
     margin-top: 35px;
}

.grphspacegape {/*S07/01/2020*/
     margin-top: 60px !important; 
}

.margin32 {/*S07/01/2020*/
margin:32px;
}
.margin28 {/*S07/01/2020*/
margin:28px;
}
.w_Rp_Summary {
    float: left;
    width: 100%;
}
.rpt_blnkspace{
background-color: #f8f8f8;
color: #fff;
}
#Report_Findings_Comparison_graph /* WFH Ab 16062020 */
{
   
    /*overflow: hidden;
    transform: rotate(90deg);
    top: 745px;
    position: relative;
    right: -345px;
     width: 2000px;
     left: -50px;*/

      /*transform: rotate(90deg);float: right;
    margin-top: 399px;
    margin-right: -372px;*/
  
    
}
/*End here*/
.highcharts-tooltip span {
    background-color:#f8f8f8;
    opacity:1;
    z-index:9999!important;
    
}

/*======END=======*/
/*=============================================End here==================================================*/
@media only screen and (max-width : 1280px) {

    .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: 220px;
    }

    .logindt {
        width: 212px;
    }

    .collBox {
        background: #f8f8f8 none repeat scroll 0 0;
        border: 1px solid #e1e1e1;
        padding: 5px 27px;
    }

    .Mainwrap {
        width: 100%;
        margin: 0px;
        position: static;
        left: auto;
    }

    #Header {
        position: fixed;
        width: 85.5%;
    }

    .TopFixed {
        width: auto;
        margin: 0px;
        position: static;
        left: auto;
    }

    .fixed {
        position: static;
        width: auto;
    }

    #ContentCon {
        margin: 0 auto;
        width: 70.8%;
    }

    .ProfileDetl {
        position: fixed;
        right: 20px;
    }
    /*pdf*/
    .pdfbtn {
        float: right;
    }

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

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

    .msTop {
        float: left;
    }
    /*end here*/
    
}


@media only screen and (max-width : 1270px) {
    /* start edid 21/5/2016 */
    .StatisticsFormBox span {
        margin-left: 6px !important;
    }
    /* end edid 21/5/2016 */
    .home a {
        width: 100%;
    }

    .home img {
        width: 95%;
    }

    .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: 220px;
    }

    .logindt {
        width: 212px;
    }

    .collBox {
        background: #f8f8f8 none repeat scroll 0 0;
        border: 1px solid #e1e1e1;
        padding: 5px 15px;
    }

    .pdfbtn {
        float: right;
    }

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

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

@media only screen and (max-width : 1024px) {
    #LeftBar, #RightBar {
        width: 125px;
    }
    .OpenObs {
        width:78%;
    }
    .HP {
        width: 30% !important;
    }

    .Views {
        padding-left: 23px;
    }

    .WIndex {
        width: 100%;
    }

    .WIPLAN {
        width: 100%;
    }

    .LastSire1 {
        margin-top: 0px;
        text-align: left;
        margin-left: 0px;
    }

    .mainDivDtRisk {
        height: 80px;
    }

    .MB {
        width: 0px !important;
    }

    #lstPlanNextMonthsIndex li {
        /*height: 30px;
    padding-top: 10px !important;
    padding-bottom: 0px !important;
    line-height: 10px;*/
        height: 30px !important;
        padding-top: 7px !important;
        padding-bottom: 16px !important;
        line-height: 10px !important;
        width: 95.1% !important;
    }

    #lstPlanNextMonths .a span {
        font-size: 8px!important;
    }

    .InspectorsList11 ul.head li {
        padding: 9px;
    }


    .cdi {
        margin-left: 35px;
        color: red;
    }

    .cdi2 {
        width: 127px !important;
        margin-right: 193px !important;
    }

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

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

    .TMSQ {
        margin-top: -100px !important;
        margin-left: 201px !important;
        width: 91px !important;
    }

    .tmsQe {
        width: 186px !important;
        margin-top: -81px;
    }

    .MesRef {
        margin-left: 4px;
        margin-top: -70px;
    }

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

    .ddlMesq {
        margin-top: -68px !important;
        margin-left: 69px !important;
        width: 97px !important;
    }

    .txtMQ {
        width: 186px !important;
        margin-top: -70px;
    }

    .ciGroup {
        width: 128px !important;
        margin-right: 193px !important;
    }

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

    .dlRisk {
        width: 34% !important;
    }

    .typd {
        margin-top: none !important;
    }
    /*.tt {position: absolute; margin-top: 88px !important;left: 48px;width: 80% !important; }*/
    #lblViq {
        margin-top: none;
    }

    #txtRespons {
        width: none;
    }

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

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

    /*.AdvanceFilter {
        float: right;
        margin-right: -55px!important;
        margin-top: -15px;
    }*/

    .statistics_vsls_full_hdr {
        width: 100%;
    }

    .statistics_vsls_data {
        width: 100%;
    }
}


/*end here*/
@media only screen and (max-width : 999px) {
    /*3rd Party Inspection css Start here */
    .cdi {
        margin-left: 79px;
        color: red;
    }

    .cdi2 {
        width: 182px !important;
        margin-right: 270px !important;
    }
     .OpenObs {
        width:78%;
    }
    .tmcRef {
        margin-left: 14px;
        margin-top: -78px;
    }

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

    .TMSQ {
        margin-top: -76px !important;
        margin-left: 78px !important;
        width: 138px !important;
    }

    .tmsQe {
        width: 186px !important;
        margin-top: -79px;
    }

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

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

    .ddlMesq {
        margin-top: -66px !important;
        margin-left: 72px !important;
        width: 148px !important;
    }

    .txtMQ {
        width: 186px !important;
        margin-top: -70px;
    }

    .ciGroup {
        width: 182px !important;
        margin-right: 270px !important;
    }

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

    .typd {
        margin-top: none !important;
    }
    /*.tt {position: absolute; margin-top: 88px !important;left: 48px;width: 80% !important; }*/
    #lblViq {
        margin-top: none;
    }

    #txtRespons {
        width: none;
    }

    #txtRefNo {
        position: none;
        margin-left: none;
    }
    /*End here*/
    .ProfileDetl {
        right: 5px;
        top: 70px;
    }

    .dataresize {
        width: 90%;
        margin: 0 auto;
    }

    .logindt {
        width: 220px;
    }

    .ProfileDetl:before {
        right: 5px;
    }

    .logindt {
        width: 212px;
    }

    .Mob-arrow, .mainMenu {
        display: block;
    }

    #Header {
        width: 100%;
        padding: 0 1%;
        border-bottom: 2px solid #7092bf;
    }

    #ContentCon {
        width: 90%;
    }
    /* start edid 5/5/2016 */

    .Coll-1, .Coll-2, .Coll-3, .narr {
        width: 100%;
        margin: 0px;
        margin-top: 10px;
    }
    /* end edid 5/5/2016 */

    #MainCon {
        padding-top: 100px;
    }

    .home {
        border: 0px;
        width: 212px;
        margin: 0 auto;
        float: none;
        height: 80px;
    }

        .home a {
            height: 80px;
            width: 212px;
        }

    #Header ul, .Profile {
        display: none;
    }

    #LeftBar, #RightBar {
        position: fixed;
        top: 80px;
        left: -125px;
        width: 125px;
        padding: 0px;
        border-bottom: 1px solid #dbdbdb;
        z-index: 0;
    }

        #LeftBar li {
            height: 70px;
        }

            #LeftBar li a {
                padding: 10px 0 5px;
                height: 70px;
            }

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

                #LeftBar li.AutoL a {
                    height: 80px;
                    padding: 15px 0 5px;
                }

    #RightBar {
        right: -125px;
        left: auto;
    }

    #Header ul {
        float: none;
        width: 900%;
        position: absolute;
        top: 82px;
        background: #f8f8f8;
        left: 0;
    }

    #Header li {
        width: 100%;
        height: 35px;
        border: 0px;
        float: none;
    }

        #Header li a {
            padding-left: 10px;
            padding-top: 0px;
            height: 35px;
            line-height: 35px;
            text-align: left;
        }

            #Header li a span.icon {
                width: 25px;
                height: 24px;
                float: left;
                margin-top: 4px;
                margin-right: 10px;
            }

        #Header li.DataE {
            border-bottom: 2px solid #bf4d36;
        }

        #Header li.History {
            border-bottom: 2px solid #428261;
        }

        #Header li.Inspectors {
            border-bottom: 2px solid #633dbe;
        }

        #Header li.Planning {
            border-bottom: 2px solid #d30063;
        }

        #Header li.Inspection {
            border-bottom: 2px solid #ff8400;
        }

        #Header li.Statistics {
            border-bottom: 2px solid #26abb0;
        }
        
        #Header li.Links {
            border-bottom: 2px solid #00a01a;
        }

        #Header li.Preparation {
            border-bottom: 2px solid #00a01a;
        }

    .autoMenu, .Mprofile {
        display: block;
    }

    #Mo-main {
        display: table;
    }

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

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

    #Header li a span.HistoryIcon {
        background-position: -36px -200px;
    }

    #Header li:hover a span.HistoryIcon, #Header li a.active span.HistoryIcon {
        background-position: -36px -230px;
    }

    #Header li a span.InspectorsIcon {
        background-position: -65px -198px;
    }

    #Header li:hover a span.InspectorsIcon, #Header li a.active span.InspectorsIcon {
        background-position: -65px -228px;
    }

    #Header li a span.PlanningIcon {
        background-position: -95px -200px;
    }

    #Header li:hover a span.PlanningIcon, #Header li a.active span.PlanningIcon {
        background-position: -95px -230px;
    }

    #Header li a span.InspectionIcon {
        background-position: -123px -200px;
        width: 14px;
        margin: 4px 16px 0 5px;
    }

    #Header li:hover a span.InspectionIcon, #Header li a.active span.InspectionIcon {
        background-position: -123px -230px;
    }

    #Header li a span.StatisticsIcon {
        background-position: -141px -200px;
        margin-top: 5px;
    }

    #Header li a:hover span.StatisticsIcon, #Header li a.active span.StatisticsIcon {
        background-position: -141px -230px;
    }
    
    #Header li a span.LinksIcon {
        background-position: -169px -200px;
        margin-top: 6px;
    }

    #Header li:hover a span.LinksIcon, #Header li a.active span.LinksIcon {
        background-position: -169px -230px;
        margin-top: 6px;
    }

    #Header li a span.PreparationIcon {
        background-position: -390px -102px;
        margin-top: 6px;
    }

    #Header li:hover a span.PreparationIcon, #Header li a.active span.PreparationIcon {
        background-position: -390px -144px;
        margin-top: 6px;
    }

    #Header li a span.mtext, #Header li a span.mtext span {
        height: 35px;
        display: block;
        line-height: 35px;
    }


    .logindt {
        width: 187px;
    }

    .changepass {
        position: absolute;
        right: 208px;
        top: 359px;
    }

    .pdfbtn {
        float: right;
    }

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

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

    input::-moz-focus-inner /*Remove button padding in FF*/ {
        border: 0;
        padding: 0;
    }

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

    /*Advanced Search CSS Start Here*/
    #container {
        width: 96%;
        text-align: center;
        border: 1px solid #7092bf;
        background: #f8f8f8;
        padding: 10px;
        height: auto;
        margin-left: -22px;
        overflow: auto;
        box-shadow: 10px 10px 5px #888888;
        position: absolute;
        z-index: 1;
        border-radius: 13px;
    }
    /* start edid 5/5/2016 */
    .advclose {
        top: 0px;
        right: 0px;
        position: absolute;
        width: 23px;
    }
    /* end edid 5/5/2016 */

    .ulclass {
        list-style-type: none;
        margin: 0;
        overflow-x: hidden;
        padding: 0;
    }

    .ulclassGroupFilter {
        list-style-type: none;
        margin: 0;
        padding: 0;
        overflow-y: scroll;
        height: 112px;
    }
    /*    select, ulclass {
    overflow: auto;
    width: 150px;
    }
    */
    #left {
        float: left;
        width: 133px;
        padding: 8px;
        background: #fff;
        border: 2px groove #dbdbdb;
        height: auto;
    }

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

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


    #LeftBar, #RightBar {
        z-index: 2;
    }

    .LeftArrow {
        left: 0px;
        z-index: 2;
    }


    .RightArrow {
        right: 0px;
        z-index: 2;
    }

    #Header {
        z-index: 2;
    }

    #container {
        z-index: 1;
    }
    /*end here*/
    /*Analysis*/
    .VIqSI {
        width: 88px;
        margin-left: 3px !important;
    }

    .BtnS {
        margin-top: 11px;
    }

    .ddlCh {
        width: 88px;
        margin-left: -5px !important;
    }


    .NarrationDiv {
        height: 289px;
    }

    .narrtextarea {
        height: 176px;
    }

    .plan {
        left: 58px !important;
    }

    .OpenObservations {
        left: 58px !important;
    }

    .checkboxAd {
        font-size: 9px;
        
    }

    #Header {
        z-index: 2;
    }

    .mainDivDtR {
        height: 72px;
    }

    .Dtr {
        margin-left: 5px;
        margin-top: 10px;
        /*end here*/
    }

    .reportgenclass {
        left: 0;
    }
    /* start edid 5/5/2016 */
    #container {
    }
    /* end edid 5/5/2016 */


    /* start edid 21/5/2016 */
    .StatisticsFormBox {
        width: 100%;
        float: left;
        padding-bottom: 10px;
    }

        .StatisticsFormBox .FildBox {
            width: 20%;
        }

        .StatisticsFormBox span {
            margin-left: 10px !important;
        }

    /*.StatisticsFormBox #ddlYearAnalysis, .StatisticsFormBox #ddlchapter {
    width: 100% !important;
    }*/

    /* end edid 21/5/2016 */
    .frmtxt {
        width: 60%;
        margin-right: 139px;
    }

    .DtTOtxt {
        width: 64%;
        margin-right: 119px;
    }

    #Comparebtn {
        float: left;
        margin-left: -166px;
        margin-top: 20px;
    }

    #txtfromdate1 {
        margin-right: 212px;
        margin-top: 21px;
    }

    #txtTodate1 {
        margin-right: 281px;
        margin-top: 21px;
    }

    .dtfrmV {
        margin-left: -124px;
    }

    .dtfrmVto {
        margin-left: -216px;
    }

    .multiselect {
        width: 149px;
        position: absolute;
        left: 156px !important;
        top: 189px !important;
        background: #fff;
        z-index: 1;
    }

    .multiselectF {
        width: 151px;
        position: absolute;
        left: 156px !important;
        top: 218px !important;
        background: #fff;
        z-index: 1;
    }


    .KpiAW {
        border: 1px solid #ccc;
        display: block;
        height: 618px;
        width: 569px;
    }

    .HInspectdate {
        width: 26%;
    }

    .PscOffice {
        width: 14%;
    }

    .Dedate {
        width: 0%;
    }

    .HInspectdateIn {
        width: 14%;
    }

    /*.AdvanceFilter {
    margin-right: 0px;
    position: absolute;
    margin-top: -15px;
    }*/

    .MHeader {
        margin-top: 4px;
    }

    .MHeader1 {
        margin-top: 6px!important;
    }

    .cLine {
        display: none!important;
        margin-top: 4px;
        float: right;
        margin-right: 10px;
    }
    /*.graph_mnth_wise {margin-top: 104px;float: none;}*/
    .Statistics_graph_header {
        top: 160px!important;
        background-color: white;
    }

    .regular-checkbox {
        width: 13px;
        height: 15px;
    }

    .rightST {
        z-index: 2!important;
    }

    .compg {
        font-size: 8px;
        color: #8254a3;
    }

    .statistics_graph_header {
        width: 24%;
        height: 26px;
    }

    .statistics_compare_div {
        margin-left: -13px;
        margin-top: 1px;
    }

    .statistics_benchmark_div {
        margin-top: 14px;
        left: -9px;
    }

    .statistics_InActive_grphheader {
        font-size: 8px;
    }

    #statistics_header_filter {
        height: 30px;
        background: #f8f8f8;
        width: 100%;
        /*z-index: 0;*/
        margin-top: 4px;
        margin-left: -20px;
    }

    .statistics_Active_grphheader {
        font-size: 12px;
    }

    .Statistics_Only_graphs {
        width: 100%!important;
    }

    /*.InspectorObservation {
    width: 371px!important;
    font-size: 9px;
    }*/

    .margintop10 {
        margin-top: 2px;
    }

    .anlysis2 {
        width: 100%;
    }

    .VesselDetailRight {
        float: none;
    }

    .graphs_stat {
        margin-top: -13px;
        position: absolute;
    }

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



    .daterange_filter {
        width: 100%;
        float: left;
        margin-top: 2px;
    }

    .fil_year {
        width: 24%;
        float: left;
    }

    .margin0_mob {
        margin: 0px;
    }

    .ddlyearH {
        width: 55px;
    }

    .fil_dt_rnge {
        width: 76%;
    }

    .vsls_grp_filter {
        width: 100%;
        margin-top: 15px;
    }

    .stat_vsl_grpfil_rdb {
        margin-left: 0px;
    }

    .VR {
        margin-left: 19px;
    }

    .Statistics_Only_graphs_monthly {
        top: -16px!important;
    }

    .RightPanel {
        overflow-y: scroll;
        height: 87%;
    }

    .AFSC {
        float: None;
        margin-top: -37px;
    }

    .btnshow {
        margin-left: 160px;
    }

    .DtsC {
        width: 86px;
        float: left;
        margin-top: -22px;
        float: right;
        margin-right: 89px;
    }

    .flgroup {
        margin-top: -1px!important;
        position: absolute!important;
        margin-left: 114px!important;
    }

    .margin-t30 {
        margin-top: -65px;
        width: 126% !important;
    }

    .statistics_Active_grphheader {
        background-color: white!important;
        color: #7092bf;
    }

    .vsls_drp_div {
        margin-left: 35px;
    }

    #ddlYearAnalysis {
        margin-left: 150px !important;
        width: 10% !important;
    }

    .statistics_riskdetails {
        width: 125%;
    }

    .Cmpr {
        margin-left: 5px!important;
    }

    .chkBox {
        float: left;
        margin-top: -3px;
        margin-left: -4px!important;
    }

    #statistics_header_filter {
        height: 53px;
        width: 102%!important;
    }

    .DFSC {
        margin-left: 560px!important;
    }

    .DtsC {
        margin-top: -23px!important;
        margin-right: 72px!important;
    }

    .Statistics_Only_graphs_quarterly {
        top: -63px!important;
    }

    .Statistics_Only_graphs_monthly {
        top: -63px!important;
    }

    .Statistics_Only_graphs_yearly {
        top: -63px!important;
    }

    .statistics_vsls_full_hdr {
        width: 100%!important;
    }

    .statistics_vsls_data {
        width: 100%;
    }

    .statis_vsls_popup {
        left: 15px!important;
        width: 728px!important;
        height: 500px!important;
        top: 171px!important;
    }

    .load_stat {
        left: 379px!important;
    }

    .tTip {
        width: 200px!important;
        font-size: 9px!important;
    }
}

@media only screen and (max-width : 1024px) {

    #container {
        width: 63%;
        text-align: center;
        border: 1px solid #7092bf;
        background: #f8f8f8;
        padding: 10px;
        height: auto;
        margin-left: 5px;
        box-shadow: 10px 10px 5px #888888;
        position: absolute;
        z-index: 1;
        border-radius: 13px;
    }
     .OpenObs {
        width:78%;
    }
    .advclose {
        top: 0px;
        right: 0px;
        position: absolute;
        width: 23px;
    }
    /* 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: 133px;
        padding: 8px;
        background: #fff;
        border: 2px groove #dbdbdb;
        height: auto;
    }

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

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

    #LeftBar, #RightBar {
        z-index: 1;
    }

    .LeftArrow {
        left: 0px;
        z-index: 2;
    }



    .RightArrow {
        right: 0px;
        z-index: 2;
    }

    #Header {
        z-index: 2;
    }

    #container {
        z-index: 1;
    }
    /*end here*/
    /*Analysis*/
    .VIqSI {
        width: 88px!important;
        margin-left: 3px !important;
    }

    .BtnS {
        margin-top: 11px;
    }


    .ddlCh {
        width: 88px;
        margin-left: -5px !important;
    }


    /* end edid 21/5/2016 */
    .NarrationDiv {
        height: 289px;
    }

    .narrtextarea {
        height: 176px;
    }

    .plan {
        left: 174px;
    }

    .checkboxAd {
        font-size: 9px;
    }

    #Header {
        z-index: 2;
    }

    .mainDivDtR {
        height: 72px;
    }

    .Dtr {
        margin-left: 5px;
        margin-top: 10px;
        /*end here*/
    }

    .reportgenclass {
        left: 0;
    }

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



    #left {
        background: #fff none repeat scroll 0 0;
        border: 2px groove #dbdbdb;
        float: left;
        height: auto;
        padding: 8px;
        width: 202px;
    }
    /* start edid 5/5/2016 */
    #right {
        background: #fff none repeat scroll 0 0;
        border: 2px groove #dbdbdb;
        float: right;
        height: auto;
        left: 11px;
        padding: 8px;
        width: 287px;
    }

    .VesselFilter {
    }
    /* end edid 5/5/2016 */
    .changepass {
        right: 333px;
    }

    .overlay-message {
        background-color: #fff;
        border: 1px solid #000;
        box-sizing: border-box;
        height: 96px;
        left: 506px;
        opacity: 1;
        padding: 42px 17px;
        position: fixed;
        top: 387px;
        width: 248px;
        z-index: 1002;
    }

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

    .multiselect {
        width: 149px;
        position: absolute;
        left: 263px;
        top: 214px;
        background: #fff;
        z-index: 1;
    }

    .multiselectF {
        width: 151px;
        position: absolute;
        left: 262px;
        top: 237px;
        background: #fff;
        z-index: 1;
    }

    .flgroup {
        margin-left: -95px;
        margin-top: 29px;
        position: absolute;
    }

    .flfilterBtn {
        position: absolute;
        right: 312px;
        margin-top: -18px;
    }

    .flfilterBtnC {
        position: absolute;
        right: 312px;
        margin-top: 13px;
    }

    .frmtxt {
        width: 60%;
        margin-right: 219px;
    }

    .DtTOtxt {
        width: 64%;
        margin-right: 119px;
    }

    .DFSC {
        margin-left: 560px!important;
    }

    .DtsC {
        margin-top: -23px!important;
        margin-right: 72px!important;
    }

    #Comparebtn {
        float: left;
        margin-left: -166px;
        margin-top: 20px;
    }

    #txtfromdate1 {
        margin-right: 212px;
        margin-top: 21px;
    }

    #txtTodate1 {
        margin-right: 281px;
        margin-top: 21px;
    }

    .dtfrmV {
        margin-left: -124px;
    }

    .dtfrmVto {
        margin-left: -216px;
    }

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

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

    .KPI {
        width: 300px;
        height: 350px;
        position: absolute;
        top: 18px;
        left: 7px;
    }

    .KPI2 {
        width: 300px;
        height: 350px;
        position: absolute;
        top: 15px;
        left: 392px;
    }

    .KpiAW {
        border: 1px solid #ccc;
        display: block;
        height: 388px;
        width: 100%;
    }

    .KPIIndx {
        width: 300px;
        height: 350px;
        position: absolute;
        top: 127px;
        left: 223px;
    }

    .KPIIndx2 {
        width: 300px;
        height: 350px;
        position: absolute;
        top: 128px;
        left: 521px;
    }



    .DeshBoardVessel {
        display: block;
    }

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

    .adesh span {
        padding: 5px !important;
        border-left: 1px solid #c0d5f0;
        padding-top: 5px!important;
        padding-bottom: 14px!important;
        /*font-size:11px;*/
    }

    .OpenObservations {
        left: 174px !important;
    }

    .HInspectdate {
        width: 26%;
    }

    .DEInspectdate {
        width: 31%;
    }

    .PscOffice {
        width: 14%;
    }

    .Dedate {
        width: 0%;
    }

    .HInspectdateIn {
        width: 14%;
    }

    .flgroup {
        margin-left: 126px;
        margin-top: -1px;
    }

    .width100 {
        width: 100%;
    }

    .daterange_filter {
        width: 100%;
        float: left;
        margin-top: 2px;
    }

    .fil_year {
        width: 27%;
    }

    .margin0_mob {
        margin: 0px;
    }

    .ddlyearH {
        width: 55px;
    }

    .fil_dt_rnge {
        margin-left: -139px;
    }

    .vsls_grp_filter {
        width: 100%;
        margin-top: 5px;
    }

    /*.AFSC {
    float: right;
    margin-right: 70px;
    margin-top: -24px;
    }*/
    .AFSC {
        float: left;
        margin-right: 70px;
        margin-top: -3px;
    }

    .app_filter {
        margin-left: 289px;
    }

    .clr_filter {
        margin-left: 329px;
    }

    /*.AdvanceFilter {
        float: right;
        margin-left: -55px!important;
        margin-top: -15px;
    }*/

    .chkBox {
        float: left;
        margin-top: -3px;
        margin-left: -26px;
    }

    .bench {
        margin-left: 3px;
        font-size: 10px;
    }

    .Cmpr {
        margin-left: -36px;
        font-size: 10px;
    }

    #ddlYearAnalysis {
        margin-left: 150px !important;
    }

    .Statistics_graph_header {
        top: 178px;
    }

    #statistics_header_filter {
        height: 53px;
        width: 76%;
    }

    .Statistics_Only_graphs_monthly {
        top: -49px;
    }

    .Statistics_Only_graphs_quarterly {
        top: -49px;
    }

    .Statistics_Only_graphs_yearly {
        top: -49px;
    }

    .statistics_vsls_full_hdr {
        width: 92%;
        margin-top: 22px;
    }

    .statistics_vsls_data {
        margin-top: 53px;
    }

    .statistics_vsls_data {
        width: 100%;
    }

    .statis_vsls_popup {
        left: 144px;
        width: 728px;
        height: 500px;
        top: 208px;
    }

    .load_stat {
        left: 483px;
    }

    .tTip {
        width: 200px!important;
        font-size: 9px!important;
    }
}

@media only screen and (max-width : 768px) {
    .KPI {
        width: 250px;
        height: 350px;
        position: absolute;
        top: 112px;
        left: 77px;
    }

    .KPI2 {
        width: 300px;
        height: 350px;
        position: absolute;
        top: 129px;
        left: 398px;
    }
     .OpenObs {
        width:71%;
    }
    .KpiAW {
        border: 1px solid #ccc;
        display: block;
        height: 388px;
        width: 100%;
        margin-left: 0px;
    }

    .HInspectdate {
        width: 26%;
    }

    .DEInspectdate {
        width: 31%;
    }

    .PscOffice {
        width: 14%;
    }

    .Dedate {
        width: 0%;
    }

    .HInspectdateIn {
        width: 14%;
    }

    /*.AdvanceFilter {
        margin-left: 117px;
        position: absolute;
        margin-top: -15px;
    }*/

    .MHeader {
        margin-top: 4px;
    }

    .MHeader1 {
        margin-top: 6px!important;
    }

    .cLine {
        display: none!important;
        margin-top: 4px;
        float: right;
        margin-right: 10px;
    }
    /*.graph_mnth_wise {margin-top: 104px;float: none;}*/
    .Statistics_graph_header {
        top: 164px;
    }

    .regular-checkbox {
        width: 13px;
        height: 15px;
    }

    .compg {
        font-size: 8px;
        color: #8254a3;
    }

    .statistics_graph_header {
        width: 24%;
        height: 26px;
    }

    .statistics_compare_div {
        margin-left: -13px;
        margin-top: 1px;
    }

    .statistics_benchmark_div {
        margin-top: 14px;
        left: -9px;
    }

    .statistics_InActive_grphheader {
        font-size: 8px;
    }

    #statistics_header_filter {
        height: 72px;
        background: #f8f8f8;
        width: 100%;
        z-index: 1;
        margin-top: 4px;
        margin-left: -20px;
    }

    .statistics_Active_grphheader {
        font-size: 12px;
    }

    .Statistics_Only_graphs {
        width: 100%!important;
    }

    .InspectorObservation {
        width: 371px!important;
        font-size: 9px;
    }

    .margintop10 {
        margin-top: 2px;
    }

    .anlysis2 {
        font-size: 11px;
        width: 285px;
    }

    .VesselDetailRight {
        float: none;
    }

    .graphs_stat {
        margin-top: -13px;
        position: absolute;
    }

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

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

    .summ_row1dat_divs {
        /*display:none;*/
        width: 100%;
        float: left;
        height: 25px;
        text-align: center;
    }

    .width100 {
        width: 100%;
    }

    .daterange_filter {
        width: 100%;
        float: left;
        margin-top: 2px;
    }

    .fil_year {
        width: 24%;
        float: left;
    }

    .margin0_mob {
        margin: 0px;
    }

    .ddlyearH {
        width: 55px;
    }

    .fil_dt_rnge {
        width: 76%;
    }

    .vsls_grp_filter {
        width: 100%;
    }

    .stat_vsl_grpfil_rdb {
        margin-left: -163px;
    }

    .Statistics_Only_graphs_monthly {
        top: 3px;
    }

    .RightPanel {
        overflow-y: scroll;
        height: 87%;
    }

    .AFSC {
        float: None;
    }

    .btnshow {
        margin-left: 100px;
    }

    .DFSC {
        margin-left: 163px;
        width: 86px;
        float: none;
    }

    .DtsC {
        width: 86px;
        float: left;
        margin-top: -22px;
        float: right;
        margin-right: 89px;
    }

    .Statistics_Only_graphs_quarterly {
        top: -27px;
    }

    .Statistics_Only_graphs_yearly {
        top: -27px;
    }

    .load_stat {
        left: 379px;
    }

    .tTip {
        width: 200px!important;
        font-size: 9px!important;
    }
}

@media only screen and (max-width : 640px) {

    /*3rd Party Inspection css Start here */
    .cdi {
        margin-left: 79px;
        color: red;
    }
     .OpenObs {
        width:71%;
    }
    .cdi2 {
        width: 182px !important;
        margin-right: 270px !important;
    }

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

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

    .TMSQ {
        margin-top: -76px !important;
        margin-left: 78px !important;
        width: 138px !important;
    }

    .tmsQe {
        width: 186px !important;
        margin-top: -79px;
    }

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

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

    .ddlMesq {
        margin-top: -66px !important;
        margin-left: 72px !important;
        width: 148px !important;
    }

    .txtMQ {
        width: 186px !important;
        margin-top: -70px;
    }

    .ciGroup {
        width: 182px !important;
        margin-right: 270px !important;
    }

    .dsf {
        margin-left: -188px;
    }
    /*End here*/
    .InspectorsListH ul.head li {
        padding: 2px !important;
    }

    .Views {
        padding-left: 13px;
    }

    .HLScreen {
        width: 100% !important;
    }

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

    .overlay-message {
        background-color: #fff;
        border: 1px solid #000;
        box-sizing: border-box;
        height: 96px;
        left: 60px;
        opacity: 1;
        padding: 42px 17px;
        position: fixed;
        top: 387px;
        width: 248px;
        z-index: 1002;
    }

    #ContentCon {
        width: 85%;
    }
    /* start edid 21/5/2016 */
    .MobileTable {
        min-width: 560px !important;
        padding: 0 20px !important;
    }
    /* end edid 21/5/2016 */
    #Mo-main li {
        width: 100px;
        height: 100px;
        display: inline-block;
        margin: 0px;
    }

        #Mo-main li a {
            width: 100px;
            height: 100px;
            padding-top: 10px;
        }

    .home, .home a {
        height: 65px;
    }

    #MainCon {
        padding-top: 85px;
    }

    .home span img {
        width: 150px;
    }

    .home b img {
        width: 200px;
    }

    #Mo-main {
        padding-top: 65px;
    }

    .Mprofile, .mainMenu {
        top: 23px;
    }

    #RightBar, #LeftBar, #Header ul {
        top: 65px;
    }

    #Header ul {
        top: 67px;
    }

    .ProfileDetl {
        top: 50px;
    }

    .logindt {
        width: 220px;
    }

    .pdfbtn {
        float: left;
    }

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

    .pdfHeader {
        text-decoration: underline;
        font-size: 13px;
        margin-left: -273px;
    }

    /*FILTER*/

    /*Advanced Search CSS Start Here*/
    /* start edid 5/5/2016 */
    #container {
        width: 330px !important;
        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;
    }

    .advclose {
        top: 0px;
        right: 0px;
        margin-left: 385px;
        position: absolute;
        width: 23px;
    }
    /* 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: 173px;
        padding: 8px;
        background: #fff;
        border: 2px groove #dbdbdb;
        height: auto;
    }

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

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

    .changepass {
        position: absolute;
        right: 25px;
        top: 402px;
    }

    /*mobile*/
    #LeftBar, #RightBar {
        z-index: 2;
    }

    .LeftArrow {
        left: 0px;
        z-index: 2;
    }

    #LeftBar, #RightBar {
        z-index: 1;
    }

    .RightArrow {
        right: 0px;
        z-index: 2;
    }

    #ContentCon {
        width: 100%;
    }

    #container {
        z-index: 1;
    }
    /*end here*/
    .VIqSI {
        width: 88px;
        margin-left: 3px !important;
    }

    .BtnS {
        margin-top: 11px;
    }
    /* start edid 21/5/2016 */

    .ddlCh {
        width: 88px;
        margin-left: -5px !important;
    }


    /* end edid 21/5/2016 */
    .NarrationDiv {
        width: 318px;
        height: 256px;
        margin-right: 495px;
    }

    .narrtextarea {
        height: 148px;
    }

    .Calender-Icon2 {
        left: 337px;
    }

    .plan {
        left: 32px;
    }

    .Narration {
        font-size: 9px;
    }

    .NarrationHead {
        font-size: 15px;
    }

    .plan {
        left: 32px;
    }

    #Header {
        z-index: 2;
    }

    .Dt-totx {
        margin-right: -132px;
        margin-top: -59px;
        width: 121px !important;
    }

    .R {
        float: left;
        margin-left: 61px;
        margin-top: -25px;
        width: 150px;
    }

    .c {
        left: 191px;
        margin-top: -24px;
        position: absolute;
    }

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

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

    .BtnRV {
        margin-left: -166px;
        margin-top: -61px;
    }

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

    .HFL {
        float: none;
    }

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

    .HP {
        width: 100% !important;
    }

    .multiselect {
        width: 100px;
        position: absolute;
        left: 122px;
        top: 176px;
        background: #fff;
        z-index: 1;
    }

    .multiselectF {
        width: 100px;
        position: absolute;
        left: 121px;
        top: 199px;
        background: #fff;
        z-index: 1;
    }

    .flgroup {
        margin-left: -95px;
        float: left;
        margin-left: -97px;
        position: none;
    }

    .VFF {
        margin-top: 2px;
        float: left;
    }

    .flfilterBtn {
        position: absolute;
        right: 21px;
        margin-top: -18px;
    }

    .flfilterBtnC {
        position: absolute;
        right: 312px;
        margin-top: 13px;
    }

    .frmtxt {
        width: 60%;
        margin-right: 69px;
    }

    .DtTOtxt {
        width: 64%;
        margin-right: 119px;
    }

    #Comparebtn {
        float: left;
        margin-left: -166px;
        margin-top: 20px;
    }

    #txtfromdate1 {
        margin-right: 96px;
    }

    #txtTodate1 {
        margin-right: 57px;
    }

    .dtfrmV {
        margin-left: -none;
    }

    .dtfrmVto {
        margin-left: -none;
    }

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

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

    .KPI2 {
        width: 300px;
        height: 300px;
        position: absolute;
        top: 410px;
        left: 28px;
    }

    .KPI3 {
        width: 251px !important;
        height: 385px;
        margin-left: 39px;
        position: absolute;
    }

    .KpiAW {
        border: 1px solid #ccc;
        display: block;
        height: 618px;
        width: 339px;
    }

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

    .msTop {
        float: left;
        margin-top: 7px;
    }

    .HInspectdate {
        width: 26%;
    }

    .DEInspectdate {
        width: 31%;
    }

    .PscOffice {
        width: 14%;
    }

    .Dedate {
        width: 0%;
    }

    .HInspectdateIn {
        width: 14%;
    }

    .MHeader {
        margin-top: 4px;
    }

    .MHeader1 {
        margin-top: 6px!important;
    }

    .cLine {
        display: none!important;
        margin-top: 4px;
        float: right;
        margin-right: 10px;
    }
    /*.graph_mnth_wise {margin-top: 104px;float: none;}*/
    .Statistics_graph_header {
        top: 164px;
    }

    .regular-checkbox {
        width: 13px;
        height: 15px;
    }

    .compg {
        font-size: 8px;
        color: #8254a3;
    }

    .statistics_graph_header {
        width: 24%;
        height: 26px;
    }

    .statistics_compare_div {
        margin-left: -13px;
        margin-top: 1px;
    }

    .statistics_benchmark_div {
        margin-top: 14px;
        left: -9px;
    }

    .statistics_InActive_grphheader {
        font-size: 8px;
    }

    #statistics_header_filter {
        height: 72px;
        background: #f8f8f8;
        width: 100%;
        z-index: 1;
        margin-top: 4px;
        margin-left: -20px;
    }

    .statistics_Active_grphheader {
        font-size: 12px;
    }

    .Statistics_Only_graphs {
        width: 100%!important;
    }

    .InspectorObservation {
        width: 371px!important;
        font-size: 9px;
    }

    .margintop10 {
        margin-top: 2px;
    }

    .anlysis2 {
        font-size: 11px;
        width: 285px;
    }

    .VesselDetailRight {
        float: none;
    }

    .graphs_stat {
        margin-top: -13px;
        position: absolute;
    }

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

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

    .summ_row1dat_divs {
        /*display:none;*/
        width: 100%;
        float: left;
        height: 25px;
        text-align: center;
    }

    .width100 {
        width: 100%;
    }

    .daterange_filter {
        width: 100%;
        float: left;
        margin-top: 2px;
    }

    .fil_year {
        width: 24%;
        float: left;
    }

    .margin0_mob {
        margin: 0px;
    }

    .ddlyearH {
        width: 55px;
    }

    .fil_dt_rnge {
        width: 76%;
    }

    .vsls_grp_filter {
        width: 100%;
    }

    .stat_vsl_grpfil_rdb {
        margin-left: -163px;
    }

    .Statistics_Only_graphs_quarterly {
        top: -27px;
    }

    .Statistics_Only_graphs_yearly {
        top: -27px;
    }

    .load_stat {
        left: 379px;
    }
}

@media only screen and (max-width : 568px) {
    .HP {
        width: 30% !important;
        margin-left: -4px;
        margin-top: 3px;
    }
     .OpenObs {
        width:71%;
    }
    .HLScreen {
        width: 116%;
    }


    .KPI {
        width: 250px;
        height: 350px;
        position: absolute;
        top: 131px;
        left: 24px;
    }

    .KPI2 {
        width: 300px;
        height: 350px;
        position: absolute;
        top: 154px;
        left: 234px;
    }


    .KpiAW {
        border: 1px solid #ccc;
        display: block;
        height: 388px;
        width: 100%;
    }

    .HInspectdate {
        width: 26%;
    }

    .DEInspectdate {
        width: 31%;
    }

    .PscOffice {
        width: 14%;
    }

    .Dedate {
        width: 0%;
    }

    .HInspectdateIn {
        width: 14%;
    }

    .MHeader {
        margin-top: 4px;
    }

    .MHeader1 {
        margin-top: 6px!important;
    }

    .cLine {
        display: none!important;
        margin-top: 4px;
        float: right;
        margin-right: 10px;
    }
    /*.graph_mnth_wise {margin-top: 104px;float: none;}*/
    .Statistics_graph_header {
        top: 164px;
    }

    .regular-checkbox {
        width: 13px;
        height: 15px;
    }

    .compg {
        font-size: 8px;
        color: #8254a3;
    }

    .statistics_graph_header {
        width: 24%;
        height: 26px;
    }

    .statistics_compare_div {
        margin-left: -13px;
        margin-top: 1px;
    }

    .statistics_benchmark_div {
        margin-top: 14px;
        left: -9px;
    }

    .statistics_InActive_grphheader {
        font-size: 8px;
    }

    #statistics_header_filter {
        height: 72px;
        background: #f8f8f8;
        width: 100%;
        z-index: 1;
        margin-top: 4px;
        margin-left: -20px;
    }

    .statistics_Active_grphheader {
        font-size: 12px;
    }

    .Statistics_Only_graphs {
        width: 100%!important;
    }

    .InspectorObservation {
        width: 371px!important;
        font-size: 9px;
    }

    .margintop10 {
        margin-top: 2px;
    }

    .anlysis2 {
        font-size: 11px;
        width: 285px;
    }

    .VesselDetailRight {
        float: none;
    }

    .graphs_stat {
        margin-top: -13px;
        position: absolute;
    }

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

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

    .summ_row1dat_divs {
        /*display:none;*/
        width: 100%;
        float: left;
        height: 25px;
        text-align: center;
    }

    .width100 {
        width: 100%;
    }

    .daterange_filter {
        width: 100%;
        float: left;
        margin-top: 2px;
    }

    .fil_year {
        width: 24%;
        float: left;
    }

    .margin0_mob {
        margin: 0px;
    }

    .ddlyearH {
        width: 55px;
    }

    .fil_dt_rnge {
        width: 76%;
    }

    .vsls_grp_filter {
        width: 100%;
    }

    .stat_vsl_grpfil_rdb {
        margin-left: -163px;
    }

    .Cmpr {
        margin-left: 5px;
    }

    .chkBox {
        float: left;
        margin-top: -3px;
        margin-left: -4px;
    }

    .Statistics_Only_graphs_quarterly {
        top: -27px;
    }

    .Statistics_Only_graphs_yearly {
        top: -27px;
    }

    .load_stat {
        left: 379px;
    }
}

@media only screen and (max-width : 490px) {
    /*3rd Party Inspection css Start here */

     .OpenObs {
        width:71%;
    }
    .cdi {
        margin-left: 53px;
        color: red;
        margin-top: -22px;
    }

    .cdi2 {
        width: 182px !important;
        margin-top: -22px !important;
        margin-right: 0px !important;
    }

    .tmcRef {
        margin-left: -2px;
        margin-top: 11px;
        position: absolute;
    }

    .TmsRef {
        margin-left: -28px;
        margin-top: 27px;
        float: right;
        color: red;
        position: absolute;
    }

    .TMSQ {
        margin-top: 15px !important;
        margin-left: 6px !important;
        width: 98% !important;
    }

    .tmsQe {
        width: 100% !important;
        margin-top: -2px;
    }

    .MesRef {
        margin-left: 4px;
        margin-top: 68px;
        position: absolute;
    }

    .txtMes {
        margin-left: -28px;
        margin-top: 86px;
        float: right;
        color: red;
        position: absolute;
    }

    .ddlMesq {
        margin-top: 86px !important;
        margin-left: -278px !important;
        width: 80% !important;
        position: absolute;
    }

    .txtMQ {
        width: 80% !important;
        margin-top: 63px;
        position: absolute;
    }

    .ciGroup {
        width: 100%!important;
        margin-right: 3px !important;
    }

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

    .obs1 {
        display: none !important;
    }

    .m {
        margin-top: -39px;
        margin-left: 192px;
        height: 28px;
    }


    .HFL {
        float: left;
    }

    .HFM {
        /*margin-top: 0px;*/
        float: none;
    }

    .Hpf {
        margin-left: 19px;
    }

    .Marg {
        margin-top: -22px;
        margin-left: 81px;
    }

    .HP {
        width: 18% !important;
    }

    .typd {
        margin-top: -8px !important;
    }

    .Views {
        padding-left: 13px;
    }

    .HLScreen {
        width: 100% !important;
    }

    #lblViq {
        margin-top: 86px;
    }

    #txtRespons {
        width: 100%;
    }

    #txtRefNo {
        position: absolute;
        margin-left: -30px;
    }

    .multiselect {
        width: 100px;
        position: absolute;
        left: 122px;
        top: 176px;
        background: #fff;
        z-index: 1;
    }

    /*End here*/
    .EditButton {
        width: auto !important;
    }

    .Calender-Icon {
        top: 29px;
    }

    .changepass {
        position: absolute;
        right: 25px;
        top: 402px;
    }

    .FildName, .Fild, .Coll-2 .Fild2, .rightFild {
        width: 100%;
    }

        .rightFild .FildName {
            padding-left: 0px;
        }

    .checkBox .FildName {
        float: left;
        width: auto;
    }

    .Pagination {
        height: auto;
        width: 100%;
    }

        .Pagination .rightFild {
            width: 100%;
            padding-top: 10px;
        }

        .Pagination .Fild {
            width: 30%!important;
            float: left !important;
        }

    .rightFild .Fild {
        width: 100%;
        margin-left: 0px;
    }

    .collBox {
        background: #f8f8f8 none repeat scroll 0 0;
        border: 1px solid #e1e1e1;
        padding: 5px 27px;
    }

    .collBox1 {
        padding: 5px 8px !important;
    }

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

    .logindt {
        width: 220px;
    }

    .mpgraph {
        position: relative;
        left: 92px;
    }

    .autograph {
        left: auto;
    }

    .pdfbtn {
        float: left;
        margin-left: 2px;
    }

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

    .pdfHeader {
        text-decoration: underline;
        font-size: 13px;
        margin-left: -273px;
    }
    /*FILTER*/

    /*Advanced Search CSS Start Here*/
    /* start edid 5/5/2016 */
    #container {
        width: 330px !important;
        text-align: center;
        border: 1px solid #7092bf;
        background: #f8f8f8;
        padding: 10px;
        height: auto;
        margin-left: 0px;
        overflow: auto;
        box-shadow: 10px 10px 5px #888888;
        position: absolute;
        z-index: 1;
        border-radius: 13px;
    }

    .advclose {
        top: 0px;
        right: 0px;
        position: absolute;
        width: 23px;
    }
    /* end edid 5/5/2016 */
    .ulclass {
        list-style-type: none;
        margin: 0;
        overflow-x: hidden;
        padding: 0;
    }

    #left {
        float: left;
        width: 297px;
        padding: 8px;
        background: #fff;
        border: 2px groove #dbdbdb;
        height: auto;
        margin-left: -9px;
    }

    #center {
        display: inline-block;
        margin: 0 auto;
        width: 297px;
        padding: 8px;
        background: #fff;
        border: 2px groove #dbdbdb;
        height: auto;
        margin-left: -9px;
    }
    /* start edid 5/5/2016 */
    #right {
        float: right;
        width: 295px;
        padding: 8px;
        background: #fff;
        border: 2px groove #dbdbdb;
        height: auto;
    }

    .VesselFilter {
    }

    /* end edid 5/5/2016 */
    #LeftBar, #RightBar {
        z-index: 2;
    }

    .RightArrow {
        right: 0px;
        z-index: 2;
    }


    #ContentCon {
        width: 100%;
    }

    #container {
        z-index: 1;
    }

    .VIqSI {
        width: 88px;
        margin-left: 3px;
    }

    .BtnS {
        margin-top: 11px;
    }

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


    #Header {
        z-index: 2;
    }

    .drpYear {
        margin-left: 29px;
        margin-top: 81px;
    }

    .drpYear1 {
        margin-left: 29px;
        margin-top: 111px;
    }


    .Dttx {
        margin-right: 131px;
        margin-top: -21px;
        width: 100px !important;
    }

    .DtCI {
        right: 135px;
        top: 10px;
    }

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

    .Dt-totx {
        margin-right: -46px;
        margin-top: -26px;
        width: 121px !important;
    }

    .DtCI2 {
        right: -42px;
        top: -21px;
    }

    .R {
        float: left;
        margin-left: 61px;
        margin-top: -25px;
        width: 150px;
    }

    .c {
        left: 191px;
        margin-top: -24px;
    }

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

    .ct {
        left: 397px;
        margin-top: -49px;
    }

    .BtnRV {
        margin-left: -166px;
        margin-top: -61px;
    }

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

    .flfilterBtn {
        position: absolute;
        right: -10px;
        margin-top: -43px;
    }

    .flfilterBtnC {
        position: absolute;
        right: -10px;
        margin-top: -12px;
    }



    .multiselect {
        width: 100px;
        position: absolute;
        left: 122px !important;
        top: 176px !important;
        background: #fff;
        z-index: 1;
    }

    .flgroup {
        margin-top: 2px;
        float: left;
        margin-left: 137px !important;
        position: relative !important;
    }



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

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

    .DFS {
        width: 34%;
        float: left;
    }

    .width_dtfrom_mob {
        width: 100% !important;
        float: left;
        /*margin-right: 43px !important;*/
    }

    .multiselectF {
        width: 119px;
        position: absolute;
        left: 121px !important;
        top: 199px !important;
        background: #fff;
        z-index: 1;
    }

    .vsls_drp_div {
        margin-top: -17px;
        margin-left: 19px;
        width: 120px;
    }

    .grp_filter_div {
        z-index: 0;
        margin-left: 158px;
        margin-top: -16px;
    }

    .app_filter {
        margin-left: 19px;
        margin-top: 7px;
    }

    .clr_filter {
        margin-left: 70px;
        margin-top: -14px;
    }

    .margin_left53_mob {
        margin-left: -53px;
    }

    .width_dtto_mob {
        margin-right: 119px !important;
        width: 100% !important;
    }

    .width100_mob {
        width: 100%;
    }

    .DRCS {
        width: 9%;
        float: left;
    }

    .DTS {
        padding-left: 2px;
        width: 35%;
    }

    .btnshow {
        margin-left: 63px;
        margin-top: 17px;
    }

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

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

    .CDF {
        width: 200px;
        float: left;
        margin-left: -271px;
    }

    .CDT {
        width: 170px;
        float: left;
        margin-left: -177px;
    }

    .frmtxt {
        width: 60%;
        margin-right: 148px;
    }

    .DtTOtxt {
        width: 64%;
        margin-right: 32px;
    }

    #Comparebtn {
        float: left;
        margin-left: -215px;
        margin-top: 20px;
    }

    #txtfromdate1 {
        margin-right: 144px;
        margin-top: 0px;
    }

    #txtTodate1 {
        margin-right: 106px;
        margin-top: 0px;
    }

    .dtfrmV {
        margin-left: -42px;
    }

    .dtfrmVto {
        margin-left: -40px;
    }

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

    .KPI {
        width: 250px;
        height: 250px;
        position: absolute;
        top: 13px;
        left: 9px;
    }

    .KPI2 {
        width: 300px;
        height: 300px;
        position: absolute;
        top: 258px;
        left: -22px;
    }

    .KPI3 {
        width: 251px !important;
        height: 385px;
        margin-left: 39px;
        position: absolute;
    }

    .KpiAW {
        border: 1px solid #ccc;
        display: block;
        height: 618px;
        width: 339px;
    }

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

    .msTop {
        float: left;
        margin-top: 7px;
    }

    .DA {
        display: none;
        position: absolute;
        width: 91%;
    }

    .HInspectdate {
        width: 26%;
    }

    .DEInspectdate {
        width: 31%;
    }

    .PscOffice {
        width: 14%;
    }

    .Dedate {
        width: 0%;
    }

    .HInspectdateIn {
        width: 14%;
    }

    /*.AdvanceFilter {
        margin-left: 117px!important;
        position: absolute;
        margin-top: -15px;
    }*/

    .MHeader {
        margin-top: 4px;
    }

    .MHeader1 {
        margin-top: 6px!important;
    }

    .cLine {
        display: none!important;
        margin-top: 4px;
        float: right;
        margin-right: 10px;
    }
    /*.graph_mnth_wise {margin-top: 104px;float: none;}*/
    .Statistics_graph_header {
        top: 164px;
    }

    .regular-checkbox {
        width: 13px;
        height: 15px;
    }

    .compg {
        font-size: 8px;
        color: #8254a3;
    }

    .statistics_graph_header {
        width: 24%;
        height: 26px;
    }

    .statistics_compare_div {
        margin-left: -13px;
        margin-top: 1px;
    }

    .statistics_benchmark_div {
        margin-top: 14px;
        left: -9px;
    }

    .statistics_InActive_grphheader {
        font-size: 8px;
    }

    #statistics_header_filter {
        height: 72px;
        background: #f8f8f8;
        width: 100%;
        z-index: 1;
        margin-top: 4px;
        margin-left: -20px;
    }

    .statistics_Active_grphheader {
        font-size: 12px;
    }

    .Statistics_Only_graphs {
        width: 100%!important;
    }

    .InspectorObservation {
        width: 371px!important;
        font-size: 9px;
    }

    .margintop10 {
        margin-top: 2px;
    }

    .anlysis2 {
        font-size: 11px;
        width: 285px;
    }

    .VesselDetailRight {
        float: none;
    }

    .graphs_stat {
        margin-top: -13px;
        position: absolute;
    }

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

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

    .summ_row1dat_divs {
        /*display:none;*/
        width: 100%;
        float: left;
        height: 25px;
        text-align: center;
    }

    .width100 {
        width: 100%;
    }

    .daterange_filter {
        width: 100%;
        float: left;
        margin-top: 2px;
    }

    .fil_year {
        width: 24%;
        float: left;
    }

    .margin0_mob {
        margin: 0px;
    }

    .ddlyearH {
        width: 55px;
    }

    .fil_dt_rnge {
        width: 76%;
    }

    .vsls_grp_filter {
        width: 100%;
        margin-top: 3px;
    }

    .stat_vsl_grpfil_rdb {
        margin-left: -163px;
    }

    .RightPanel {
        overflow-y: scroll;
        height: 87%;
    }

    .AFSC {
        float: None;
    }

    .btnshow {
        margin-left: 113px!important;
    }

    .DFSC {
        margin-left: 163px!important;
        width: 86px;
        float: none;
    }

    .DtsC {
        width: 86px;
        float: left;
        margin-top: -22px;
        float: right;
        margin-right: 89px;
    }

    .Cmpr {
        margin-left: 5px;
    }

    .chkBox {
        float: left;
        margin-top: -3px;
        margin-left: -4px;
    }

    .fil_dt_rnge {
        margin-left: -1px;
    }

    #ddlYearAnalysis {
        margin-left: 153px !important;
        width: 28% !important;
    }

    .VR {
        margin-left: 6px;
    }

    .statistics_analysis_graph {
        top: 211px;
    }

    .Statistics_Only_graphs_quarterly {
        top: -48px!important;
    }

    .Statistics_Only_graphs_yearly {
        top: -48px!important;
    }

    .Statistics_Only_graphs_monthly {
        top: -48px!important;
    }

    .statistics_riskdetails {
        margin-top: 554px;
    }



    .statistics_vsls_full_hdr {
        border-bottom: 0px solid;
        position: absolute;
        top: 74px;
        width: 279%!important;
        background-color: white;
        /* margin-top: 5px; */
    }

    .statistics_vsls_fixhdr {
        width: 121px;
        float: left;
        height: 25px;
        padding-right: 49px;
        text-align: center;
        font-size: 13px;
        font-weight: bold;
        padding-top: 22px;
    }

    .statistics_vsls_data {
        margin-top: 54px;
        /* z-index: -1; */
        overflow-y: scroll;
        height: 287px;
        width: 850px;
        position: absolute;
    }

    .vsls_insp_graph {
        overflow: hidden;
        width: 117px;
        float: left;
        height: 87px;
    }
 
    .vsls_text_div {
        width: 121px;
        float: left;
        font-size: 12px;
        /* height: 75px; */
        font-weight: bold;
        vertical-align: middle;
        padding-top: 35px;
    }

    .statis_vsls_row_div {
        width: 100%;
        height: 100px;
        padding-top: 0px;
    }

    .statis_vsls_grps_row_div {
        width: 100%;
        height: 100px;
        padding-top: 0px;
    }

    .statis_vsls_popup_data {
        margin-left: 5px;
        margin-top: 15px;
        height: 96%;
        overflow-y: auto;
        margin-right: 5px;
    }

    .statis_vsls_popup {
        /*overflow-x: scroll;*/
        display: none;
        z-index: 1;
        left: 10px;
        width: 129%!important;
        height: 500px;
        position: absolute;
        background-color: white;
        top: 75px;
        /* position: fixed; */
        border-top: 1px solid;
        border-left: 1px solid;
        border-radius: 10px;
        box-shadow: 10px 10px 5px #888888;
    }

    .load_stat {
        left: 159px!important;
    }

    .tTip {
        width: 200px!important;
        font-size: 9px!important;
    }

    #RiskDetls {
        width: 402px!important;
    }
}


/*new code by designer babli starts*/
@media screen and (max-width: 518px) {
    .col-xxs-1 {
        width: 40%;
    }

    .btn1 {
        width: 77px !important;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 400px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71) {
    .btn1 {
        width: 65px !important;
        padding-left: 1px !important;
    }

    .mar-lft1 {
        margin-left: 6%;
    }

    .wdapply {
        width: 50px !important;
        top: 6px;
    }
}

@media only screen and (min-device-width: 720px) and (max-device-width: 800px) {
    .wdapply {
        width: 50px !important;
    }
}

@media only screen and (max-width: 733px) {
    .margnLS {
        margin-left: 2.33%;
    }
}

@media only screen and (min-width: 1201px) {
    .margnLS {
        margin-left: 8.33%;
    }
}

@media only screen and (max-width: 1200px) and (min-width: 1010px) {
    .margnLS {
        margin-left: 7% !important;
        margin-right: 2%;
    }
}


 .PaddingPdf {
           padding: 8px;
    }

 
.radioSec{ width:43%; }for history port radio buttons
.radioSec.posAbs{ position:absolute; left:20px; top:38px;}
.radioSec label{width:auto; position:relative;padding:5px 15px 0 28px;font-size:14px;margin-right:15px;cursor:pointer;}
.radioSec span{ display:inline-block; margin-right:30px; float:left;}
.radioSec input[type=radio]{display: none;}
.radioSec label:before {content: "";display: inline-block;width: 22px;height: 22px;position: absolute;left:0;bottom: 1px;top:0px;background:url(../images/radio-button.png) left top no-repeat;}
.radioSec label:before {border-radius: 8px;}
.radioSec input[type=radio]:checked + label:before {font-size: 40px;line-height: 20px;text-align: center;background:url(../images/radio-button_active.png) left top no-repeat;}


.radioSec label:before {
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    position: absolute;
    left: 0;
    bottom: 1px;
    top: 0px;
    background: url(../images/radio-button.png) left top no-repeat;
}


    .licolor {
        color: Red;
    }


@media only screen and (max-width: 979px)
{
    .mainContainer
    {
        width: 98%;
        margin: 0 auto;
        position: relative;
    }

    .wraperSection
    {
        padding: 30px 10px;
    }

    .radioSec.posAbs
    {
        position: relative;
        width: 100%;
        top: 20px;
        left: 0;
    }

        .radioSec.posAbs label
        {
            margin: 5px 0;
        }

    .topHeading h1
    {
        font-size: 16px;
    }

    .selectOption .boxesCol, .selectOption .bigBox .colSec
    {
        width: 46%;
        margin: 0 2% 20px;
    }

    .selectOption .bigBox
    {
        width: 100%;
    }

        .selectOption .bigBox .colSec:last-child
        {
            border-bottom: 0;
        }

    .BtmButton a
    {
        margin-top: 15px;
    }
}

 .border_blue {
        border-bottom: 3px solid #6084b9 !important;
    }


    .border_black {
        border-bottom: 3px solid #000000 !important;
    }

    .width1 {
        width: 50%;
    }

    .button1 {
        cursor: pointer;
        background: #70bf9b;
        border: none;
        height: 30px;
        border-radius: 3px;
        color: #fff;
        font-weight: bold;
        line-height: 30px;
        padding: 0 10px;
    }
     .dotpsc-2VOBY {
    background-color: #FBBA00;
    border-radius: 45%;
    color: #fff;
    line-height: 30px;
    text-align: center;
    border-color: #fff;
    font-size: 12px;
    /* margin-right: 53px; */
    /* float: right; */
    margin-top: -8px;
    width: 28px;
    height: 28px;
    font-family: Verdana;
}
   .dotpsc-2VOBR {
    background-color: #FF0000;
    border-radius: 45%;
    color: #fff;
    line-height: 30px;
    text-align: center;
    border-color: #fff;
    font-size: 12px;
    /* margin-right: 53px; */
    /* float: right; */
    margin-top: -8px;
    width: 28px;
    height: 28px;
    font-family: Verdana;
}
.HisbtnApply
{
     float: right;
     background: #006db4;
     color: #fff;
     border-radius: 4px;
}
.office { /*23/08 lb18/10*/ 
    width: 600px;
    height: Auto;
    border: 1px solid #4a4a4a;
    position: fixed;
    top: 225px;
    left: 379px;
    background-color: #fff;
}
/*new code by designer babli ends*/

/*#LeftBar, #RightBar {
    z-index: 2;
    }

    .RightArrow {
    right: 0px;
    z-index: 2;
    }

    #right {
    background: #fff none repeat scroll 0 0;
    border: 2px groove #dbdbdb;
    float: right;
    height: auto;
    left: 11px;
    margin-right: 8px;
    padding: 8px;
    width: 287px;
    }
    #center {
    background: #fff none repeat scroll 0 0;
    border: 2px groove #dbdbdb;
    display: inline-block;
    height: auto;
    margin: 0 auto 0 -21px;
    padding: 8px;
    width: 282px;
    }
    #left {
    background: #fff none repeat scroll 0 0;
    border: 2px groove #dbdbdb;
    float: left;
    height: auto;
    padding: 8px;
    width: 199px;
    margin-left: 169px;
    }

    .Dt-totx {
    margin-right: -49px;
    margin-top: -27px;
    width: 121px !important;
    }
    #container {
    width: 253%;
    }
    }*/