/* Common Css For All Over Project */
html {
    scroll-behavior: smooth;
}

/*Minimimum Width */
.MinWidth100px {
    min-width: 100px;
}

.MinWidth90px {
    min-width: 90px;
}

.H10px {
    height: 10px !important;
}

.H39px {
    height: 39px !important;
}

.H60px {
    height: 60px !important;
}

.H70px {
    height: 70px !important;
}

.H80px {
    height: 80px !important;
}

.H240px {
    height: 240px !important;
}

.H270px {
    height: 270px !important;
}

.H280px {
    height: 280px !important;
}

.H290px {
    height: 290px !important;
}

.H320px {
    height: 320px !important;
}

.H350px {
    height: 350px !important;
}

.H100px {
    height: 100px !important;
}

.H200px {
    height: 200px !important;
}

.H250px {
    height: 250px !important;
}

.H220p {
    height: 220px;
}

.H300px {
    height: 300px !important;
}

.H28px {
    height: 28px !important;
}

.H30px {
    height: 30px !important;
}

.H31px {
    height: 31px !important;
}

.H34px {
    height: 34px !important;
}

.H40p {
    height: 40px !important;
}

.H50p {
    height: 50px !important;
}

.H316px {
    height: 316px !important;
}

.H400PX {
    height: 400px !important;
}

.MinWidth120px {
    min-width: 120px;
}

/*Maximum Width */

.MaxWidth90px {
    max-width: 90px;
}

.MaxWidth100px {
    max-width: 100px;
}

.W95Per {
    width: 95% !important;
}

.W160Per {
    width: 160% !important;
}

.MaxWidth120px {
    max-width: 120px;
}

.MaxWidth220px {
    max-width: 220px;
}

.W2Per {
    width: 2% !important;
}

.W3Per {
    width: 3% !important;
}

.W4Per {
    width: 4% !important;
}

.W5Per {
    width: 5% !important;
}

.W6Per {
    width: 6% !important;
}

.W7Per {
    width: 7% !important;
}

.W8Per {
    width: 8% !important;
}

.W9Per {
    width: 9% !important;
}

.W10Per {
    width: 10% !important;
}

.W11Per {
    width: 11% !important;
}

.W12Per {
    width: 12% !important;
}

.W13Per {
    width: 13% !important;
}

.W14Per {
    width: 14% !important;
}

.W15Per {
    width: 15% !important;
}

.W16Per {
    width: 16% !important;
}

.W50per {
    width: 50% !important;
}

.W60per {
    width: 60% !important;
}

.W70per {
    width: 70% !important;
}

.W80per {
    width: 80% !important;
}

.W19per {
    width: 19% !important;
}

.W20per {
    width: 20% !important;
}

.W21per {
    width: 21% !important;
}

.W22Per {
    width: 22% !important;
}

.W23per {
    width: 23% !important;
}

.W25per {
    width: 25% !important;
}

.W29per {
    width: 29% !important;
}

.W30per {
    width: 30% !important;
}

.W36Per {
    width: 36% !important;
}

.W90per {
    width: 90% !important;
}


.MinW85px {
    min-width: 85px !important;
}

.MMW250px {
    min-width: 250px !important;
    max-width: 250px !important;
}

.W35per {
    width: 35% !important;
}

.W40per {
    width: 40% !important;
}

.W266 {
    width: 266px;
}

.W250px {
    width: 250px;
}

.W300px {
    width: 300px;
}

.W350px {
    width: 350px !important;
}

.W99P {
    width: 99% !important;
}

.Fsize7pt {
    font-size: 7pt;
}

.Fsize8pt {
    font-size: 8pt;
}

.Fsize9pt {
    font-size: 9pt !important;
}

.Fsize9px {
    font-size: 9px !important;
}

.Fsize10px {
    font-size: 10px;
}

.Fsize11px {
    font-size: 11px;
}

.Zoom1P5 {
    zoom: 1.5 !important;
}

.Fsize12px {
    font-size: 12px !important;
}

.Fsize13px {
    font-size: 13px;
}

.FSize30px {
    font-size: 30px;
}

.Fsize15px {
    font-size: 15px;
}

.Fsize16px {
    font-size: 16px;
}

.Fsize18px {
    font-size: 18px;
}

.FSize25px {
    font-size: 25px;
}

.Fsize20px {
    font-size: 20px;
}

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

.MB0px {
    margin-bottom: 0px !important;
}

.M0px {
    margin: 0px !important;
}

.M15px {
    margin: 15px !important;
}

.MB10px {
    margin-bottom: 10px !important;
}

.MB5px {
    margin-bottom: 5px !important;
}

.MB8px {
    margin-bottom: 8px !important;
}

.BT1pxWhite {
    border-top: 1px solid #fff !important;
}

.BB1pxE4E4E4 {
    border-bottom: 1px solid #E4E4E4 !important;
}

.MT0px {
    margin-top: 0px !important;
}

.MT1px {
    margin-top: 1px;
}

.MT3px {
    margin-top: 3px;
}

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


.MT4px {
    margin-top: 4px;
}

.MT7px {
    margin-top: 7px;
}


.MT36px {
    margin-top: 36px;
}

.MT100px {
    margin-top: 100px;
}

.MT164px {
    margin-top: 164px;
}

.MT67px {
    margin-top: 67px;
}

.tableHeadreBackColor {
    background-color: #f4f4f4 !important;
}

.red_text {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: Red;
}

.PDHeaderpx {
    padding: 0px !important;
    padding-left: 15px !important;
}

.PD0px {
    padding: 0px;
}

.PD5px {
    padding: 5px;
}

.PD6px {
    padding: 6px;
}

.PD10px {
    padding: 10px;
}

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

.PDtop3px {
    padding-top: 3px !important;
}

.PDtop4px {
    padding-top: 4px !important;
}

.PDtop5px {
    padding-top: 5px !important;
}

.PDtop7px {
    padding-top: 7px !important;
}

.PDtop6px {
    padding-top: 6px !important;
}

.PDtop10px {
    padding-top: 10px !important;
}

.PDtop15px {
    padding-top: 10px !important;
}

.PDT50px {
    padding-top: 50px !important;
}

.PDT30px {
    padding-top: 30px !important;
}

.PDBottom0px {
    padding-bottom: 0px !important;
}

.PDBottom5px {
    padding-bottom: 5px !important;
}

.PDB7px {
    padding-bottom: 7px !important;
}

.PDR5px {
    padding-right: 5px !important;
}

.PDR11px {
    padding-right: 11px !important;
}

.PR5px {
    padding-right: 5px;
}

.activeME {
    /*background-color: #62a3c8;*/
    font-weight: bold;
}

.fontWNormal {
    font-weight: normal !important;
}

.fontSItalic {
    font-style: italic !important;
}

.ML13px {
    margin-left: 13px !important;
}

.ML15px {
    margin-left: 15px !important;
}

.ML25px {
    margin-left: 25px !important;
}

.ML17px {
    margin-left: 17px !important;
}


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


.ML6px {
    margin-left: 6px;
}


.ML10px {
    margin-left: 10px;
}

.ML20px {
    margin-left: 20px !important;
}


.ML36px {
    margin-left: 36px;
}

.ML51px {
    margin-left: 51px;
}

.ML72px {
    margin-left: 72px;
}

.ML80px {
    margin-left: 80px;
}

.ML91px {
    margin-left: 91px;
}


.ML190px {
    margin-left: 190px;
}


.ML70px {
    margin-left: 70px;
}

.ML185px {
    margin-left: 185px;
}

.ML250px {
    margin-left: 250px;
}

.ML165px {
    margin-left: 165px;
}

.MLMinus6px {
    margin-left: -6px;
}

.MLMinus13px {
    margin-left: -13px;
}


.MLMinus50px {
    margin-left: -50px;
}

.MLMinus23px {
    margin-left: -23px;
}

.MLMinus37px {
    margin-left: -37px;
}

.MLMinus46px {
    margin-left: -46px;
}

.MLMinus79px {
    margin-left: -79px;
}


.MLMinus51px {
    margin-left: -51px;
}

.MLMinus59px {
    margin-left: -59px;
}

.MLMinus11px {
    margin-left: -11px;
}

.MLMinus43px {
    margin-left: -43px;
}

.MLMinus64px {
    margin-left: -64px;
}

.MLMinus75px {
    margin-left: -75px;
}


.MLMinus213px {
    margin-left: -213px;
}

.MLMinus193px {
    margin-left: -193px;
}


.MLMinus181px {
    margin-left: -181px;
}

.MR77px {
    margin-right: 77px;
}

.MR42px {
    margin-right: 42px;
}

.MR34px {
    margin-right: 34px;
}

.MRminus10px {
    margin-right: -10px;
}

.MRminus102px {
    margin-right: -102px;
}

.MRminus35px {
    margin-right: -35px;
}

.MRminus20px {
    margin-right: -20px;
}

.MRminus26px {
    margin-right: -26px;
}


.MRminus49px {
    margin-right: -49px;
}

.footerfx {
    bottom: 2px;
    border-top: 1px solid rgb(229, 236, 245);
    background-color: #fff;
    margin-bottom: 0px;
    padding-bottom: 15px;
    position: fixed;
    /*width: 1151px;*/
    /*width:68%;*/
}

.HorizontalScroll {
    overflow-x: hidden;
    overflow-y: auto;
}

.HelpButtonOnPage {
    float: right;
    font-size: 15px;
    cursor: pointer;
    /* margin-top: -13px;*/
}

.HelpDivOnPage {
    display: none;
    position: relative;
    width: 98%;
    padding: 10px;
    background: #ffffff;
    border-top: 2px solid #E5ECF5;
    margin-top: 10px;
    margin-right: auto;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}

.Headertxt {
    float: left;
    margin-right: 10px;
}

.AlertmsgDiv {
    width: auto;
    float: left;
}

.LH30px {
    line-height: 30px !important;
}

.LH40px {
    line-height: 40px !important;
}

.PR0px {
    padding-right: 0;
}

.PR1px {
    padding-right: 1px !important;
}

.PR2px {
    padding-right: 2px !important;
}

.PR11px {
    padding-right: 11px !important;
}

.PR15px {
    padding-right: 15px !important;
}

.PR18px {
    padding-right: 18px !important;
}

.PR32px {
    padding-right: 32px !important;
}

.PR35px {
    padding-right: 35px !important;
}

.PR41px {
    padding-right: 41px !important;
}

.PR90px {
    padding-right: 90px !important;
}

.PL0px {
    padding-left: 0px !Important;
}

.PL2px {
    padding-left: 2px;
}

.PL5px {
    padding-left: 5px !important;
}

.PL10px {
    padding-left: 10px !important;
}

.PL12px {
    padding-left: 12px !important;
}

.PL15px {
    padding-left: 15px !important;
}

.PL38px {
    padding-left: 38px;
}

.PL30px {
    padding-left: 30px !important;
}

.PL50px {
    padding-left: 50px;
}

.PL65px {
    padding-left: 65px;
}

.PL20px {
    padding-left: 20px;
}

.PL25px {
    padding-left: 25px;
}

.PL18px {
    padding-left: 18px !important;
}

.LH35pML5p {
    line-height: 35px;
    margin-left: 5px;
}

.BorderTop1pxSolid {
    border-top: 1px solid rgba(229, 236, 245, 1) !important;
}

.box1 {
    position: relative;
    border-radius: 3px;
    background: #f9fafc;
    border-top: 3px solid #3c8dbc;
    margin-bottom: 20px;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}

.contacttextform {
    line-height: 30px;
    height: 30px;
    padding: 2px;
    margin: 0;
}

.BlackSquar {
    color: Black;
    font-size: 15px;
}

.ColorBlack {
    color: black !important;
}

.RedTrash {
    color: Red;
    font-size: 15px;
}

.CLRred {
    color: red !important;
}

.CLbrown {
    color: brown !important;
}

.FSZ18px {
    font-size: 15px;
}

.PD2p3px {
    padding: 2px 3px;
}

.Green {
    color: green;
}

.VAmiddle {
    vertical-align: middle !important;
}

.txtAcenter {
    text-align: center;
}

.txtAright {
    text-align: right !important;
}

.txtAleft {
    text-align: left;
}

.chkDivInvType {
    width: 300px;
    float: none;
}

.chkDivH200PxW500Px {
    width: 500px !important;
    max-height: 200px !important;
    float: left;
}

.ScrollableDiv {
    border: 1px solid #9C9C9C;
    overflow-y: auto;
    overflow-x: hidden;
    height: auto;
    text-align: left;
    max-height: 100px;
    padding: 5px;
}

.chkDivInvTypeLabel {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
}

.Height150px {
    height: 150px;
}

.ChkDatewiseIssue {
    height: 198px;
    border: 1px solid #9C9C9C;
    padding: 5px;
    text-align: left;
}


.H120PX {
    height: 120px !important;
}

.H175PX {
    height: 175px !important;
}

.H70PX {
    height: 70px !important;
}


.floatleft {
    float: left;
}

.floatright {
    float: right !important;
}

.EmailButton {
    background-image: url("../SiteCss/images/Email.png");
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    padding-left: 23px;
    margin: 1px;
    padding-bottom: 17px;
    padding-right: 55px;
    background-size: 60px;
}

.DivEmail {
    padding-left: 60px;
}

.DefaultTaxHeadingsforProducts {
    margin-left: 19px;
    font-weight: bold;
}

.DefaultTaxHeadingsforServices {
    margin-left: -174px;
    font-weight: bold;
}

.border0 {
    border: 0px !important;
}

.BoxBorder {
    border: 1px solid gray;
    height: 150px;
    padding-top: 30px;
    padding-left: 30px;
}

.W15Per {
    width: 15%;
}

.W30Per {
    width: 30%;
}

.BGCtbl {
    background-color: rgba(237, 237, 237, 0.99);
}

.BGCSky {
    background-color: rgba(235, 248, 255, 0.99);
}

.BGCd2d6de {
    background-color: #d2d6de !important;
}

.BGCTrans {
    background-color: transparent !important;
}

.ColWhite {
    color: white !important;
}

.BGWhite {
    background-color: white !important;
}
.ColBlack {
    color: black !important;
}
.bg-sky-custom {
    background-color: #C8E2F0 !important;
}
.bg-sky-custom:hover {
        background-color: #97D3F3 !important;
        color: #000 !important;
}
.H348px {
    height: 348px !important;
}

.RSN {
    resize: none;
}

.MLMinus27px {
    margin-left: -27px;
}

.MLMinus34px {
    margin-left: -34px;
}

.MLMinus12px {
    margin-left: -12px;
}

.MLMinus47px {
    margin-left: -47px;
}

.MLMinus24px {
    margin-left: -24px;
}


.MLMinus16px {
    margin-left: -16px;
}

.MLMinus21px {
    margin-left: -21px;
}


.ML21px {
    margin-left: 21px;
}

.ML15px {
    margin-left: 15px;
}

.LengthWidthDepthCheckboxes {
    background-color: #e5ecf5;
    height: 35px;
    width: 32%;
    margin-left: 200px;
}

.H25px {
    height: 25px !important;
}

.H26px {
    height: 26px !important;
}

MLMinus99px {
    margin-left: -99px;
}

.ML39px {
    margin-left: 39px;
}

.ML24px {
    margin-left: 24px;
}


.MTMinus21px {
    margin-top: -21px;
}

.MTMinus27px {
    margin-top: -27px;
}

.ftrButtonFix {
    border-top: 1px solid #367fa9;
    padding-top: 10px;
}

.lifont {
    font-size: 12px;
    padding: 5px 15px !Important;
}

.MinHeight98px {
    min-height: 98px;
}

.W50PX {
    width: 50px;
}

.DN {
    display: none;
}

.DB {
    display: block;
}

.W100P {
    width: 100%;
}

.MT62px {
    margin-top: 62px;
}

.MT10px {
    margin-top: 10px;
}

.MR8px {
    margin-left: 8px;
}

.MB15px {
    margin-bottom: 15px;
}

.CP {
    cursor: pointer;
}

.ML127PX {
    margin-left: 127px;
}

.W131PX {
    width: 131px;
}

.overflow {
    overflow: auto;
}

.MAXH30px {
    max-height: 30px !important;
}

.MAXH200px {
    max-height: 200px !important;
}

.MAXH300px {
    max-height: 300px !important;
}

.MAXH450px {
    max-height: 450px !important;
}

.MAXHeight510px {
    max-height: 510px;
}

.W80px {
    width: 80px !important;
}

.W215px {
    width: 215px;
}

.W95P {
    width: 95%;
}

.W10px {
    width: 10px;
}

.W100px {
    width: 100px;
}

.W150px {
    width: 150px !important;
}

.W125px {
    width: 125px;
}

.W200px {
    width: 200px;
}

.RightTopPortionEXTGrid {
    float: right;
    margin-right: 15px;
    margin-top: 15px;
}

.MLMinus143 {
    margin-left: -143px;
}

.MLMinus105 {
    margin-left: -105px;
}

.WhiteSpaceWrap {
    white-space: normal;
}

.FStlItalic {
    font-style: italic !important;
}

div#divtable {
    overflow: auto;
}

.bdright {
    border-right: 1px solid #367fa8 !Important;
}

.P10p15p {
    padding: 10px 15px !Important;
}

.PD1px {
    padding: 1px !Important;
}

.PD2px {
    padding: 2px !Important;
}

.PD10px {
    padding: 10px !Important;
}

.ML0px {
    margin-left: 0px;
}

.WH75 {
    font-size: 15px !Important;
    margin-left :50px !important;
    line-height: 18px !Important;
}

.ReportPanel {
    background-color: #f4f4f4;
    border-bottom: 1px solid #ddd;
    min-height: 36px;
}

    .ReportPanel a {
        float: left;
        display: block;
        text-align: center;
        padding: 8px 14px;
        text-decoration: none;
        border-right: 1px solid #ddd;
    }

        .ReportPanel a:hover {
            background-color: #e6e4e4;
            color: black;
        }


    .ReportPanel .search-container {
        float: left;
        width: 25%;
        margin-left: 5px;
    }

    .ReportPanel input[type=text] {
        margin-top: 3px;
    }


.ReportTitle {
    float: left;
    border-right: 1px solid #ddd;
    padding: 7px 14px;
    font-size: 16px;
    margin: 0;
    display: block;
    line-height: unset;
}
.boxAlign {
    margin-left: 15px !important;
}
@media screen and (max-width: 600px) {
    
    .ReportPanel {
        min-height: 333px;
    }

        .ReportPanel .search-container {
            float: none;
        }

    .ReportTitle {
        float: none;
    }

    .ReportPanel a, .ReportPanel input[type=text] {
        float: none;
        display: block;
        text-align: left;
        width: 100%;
        margin: 0;
        padding: 14px;
    }

    .ReportPanel input[type=text] {
        border: 1px solid #ccc;
    }


    .ReportPanel .search-container {
        float: left;
        width: 97%;
        margin-left: 5px;
    }
}

.legend {
    font-size: 14px;
    line-height: auto;
    margin-bottom: 0;
    width: auto;
    font-weight: bold;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px 10px 5px 10px;
    background-color: #f5f5f5;
}

.fieldset {
    border: 1px solid #e0e0e0 !important;
    padding: 10px;
    margin: 0;
    xmin-width: 0;
    padding: 10px;
    position: relative;
    border-radius: 4px;
    padding-left: 10px !important;
}

.MT96PX {
    margin-top: 96px !important;
}

.H100Per {
    height: 100% !important;
}

.MTMinus50px {
    margin-top: -50px !important;
}

.borderBottom {
    border-bottom: 1px solid #d0d0d0;
}

.PD13px {
    padding: 13px;
}

.DisplayInlineBlock {
    display: inline-block !important;
}

.ReportPreferenceScroll {
    height: 550px !important;
    overflow-y: scroll;
}
/*.RPListLink{    
    width: 100%;
    display: block;
    padding: 8px 16px;
    text-align: left;
    border: none;
    white-space: normal;
    float: none;
    outline: 0;
}
.RPListLink:hover{
    text-decoration:none;
    color: #000!important;
    background-color: #ccc!important;
}*/


#ulCommonReportPreferences {
    list-style-type: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

    #ulCommonReportPreferences li {
        border: 1px solid #ddd !important;
        margin-top: -1px !important; /* Prevent double borders */
        background-color: #f6f6f6 !important;
        padding: 12px !important;
        text-decoration: none !important;
        /*font-size: 18px !important;*/
        color: black !important;
        display: block !important;
        position: relative !important;
    }

        #ulCommonReportPreferences li:hover {
            background-color: #eee !important;
        }

#TopScrollBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    font-size: 18px;
    border: 0;
    border-radius: 100px !important;
    outline: none;
    width: 5%;
    background-color: #64a4ca;
    color: white;
    cursor: pointer;
    padding: 0.5rem;
    border-radius: 4px;
}

    #TopScrollBtn:hover {
        background-color: #605ca8;
    }

.zb_btn {
    border-radius: 3px !important;
    margin-left: 3px !important;
    margin-right: 2px !important;
    font-size: 20px;
    font-weight: normal;
}

.zb_tableFixHead {
    overflow: auto !important;
}

.zb_tableborders {
    border-right: 1px #000 solid;
    border-top: 1px #000 solid;
    border-bottom: 1px #000 solid;
}

.zb_rptscrollbtns {
    float: right;
}

.zb_fixheader {
    position: sticky;
    top: -1px;
    background-color: #f6f6f6 !important;
    z-index: 90;
}

    .zb_fixheader tr td, .zb_fixheader tr th {
        padding: 0px !important;
    }

.zb_fixfooter {
    position: sticky;
    bottom: -1px;
    background-color: rgb(230,230,230) !important;
}

.zb_fixfooternobg {
    background-color: white !important;
}
/*Icon Profile*/
.p-left-3px {
    padding-left: 8px !important;
}

.f-size-21pt {
    font-size: 21pt !important;
}

.user-two-text-image {
    padding-top: 3px !important;
    padding-left: 4px !important;
    font-size: 9pt !important;
    text-transform: uppercase;
}


/* new rpt page changes */
.navbar-nav {
    margin-right: -13px !important;
}

.zipbtn {
    display: inline-block;
    padding: 2px 2px;
    margin-left: 4px;
    height: 28px;
    width: 28px;
    font-size: 17px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    background-color: #F7F9FC;
    border-color: #A8BCD5;
    color: #3C8DBC;
}

    .zipbtn:active, .zipbtn:hover {
        background-color: #E5ECF5;
        border-color: #3C8DBC;
        color: #3C8DBC;
    }

.box-header > .box-tools {
    top: 0px !important;
    right: 16px !important;
}

.zipbtn:disabled {
    border: 1px solid #999999;
    background-color: #cccccc;
    color: #666666;
    cursor: not-allowed;
}

.NewReport > table.reports td, .NewReport > table.reports th {
    border: 1px solid #CAC6C5 !important;
    font-size: 14px !important;
}

.NewReport > table > tbody td, .NewReport > table > tbody > th {
    padding: 3px 5px 2px 5px !important;
    font-size: 14px !important;
}

.NewReport > table > tbody tr:first-child {
    border-top: none;
}

.tunebtn {
    transform: rotate(90deg);
    height: 18px;
    opacity: 0.5;
    position: relative;
    top: -2px;
    left: -2px;
}

.reporttitleline1 {
    font-size: 16px;
}

.zb_tableborders {
    border-top: 1px #999 solid;
    border-bottom: 1px #999 solid;
    border-right: 1px #999 solid;
}
/*new changes*/
.content {
    padding-left: 10px !important;
    padding-right: 5px !important;
}

.content {
    min-height: 250px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 15px;
}
/*end*/
.ziplogo {
    -webkit-transition: width .3s ease-in-out;
    -o-transition: width .3s ease-in-out;
    transition: width .3s ease-in-out;
    display: block;
    float: left;
    font-size: 20px;
    text-align: center;
    font-family: OpenSans-Light,sans-serif;
    padding: 0 15px;
    font-weight: 300;
    overflow: hidden;
    background-color: #3c8dbc;
    width: 230px !important;
    height: 45px;
    line-height: 40px;
}

.clublogo {
    z-index: 99999 !important;
    position: relative !important;
}

.navbar-nav {
    margin-left: -5px;
}

.menunav {
    margin-left: 50px !important;
}

.main-header > .navbar {
    margin-left: 0px !important;
}

.zipnav-link {
    padding: 1.2rem 1rem !important;
}
/*new Change*/
.navbar-nav > .user-menu > .dropdown-menu {
    left: -145px !important;
}
/*end*/
.navbar-nav > li > a {
    border-right: none !important;
}

.main-sidebar, .left-side {
    padding-top: 45px !important;
}

.ag-theme-balham {
    display: inline-table !important;
    width: 100% !important;
}

.ag-root-wrapper.ag-layout-normal {
    height: 600px !important;
}
/* report page css*/


.Rowhover {
    width: 80px;
    height: 20px;
}

.ldiv {
    float: left;
    font-size: 10px;
}

.zbtn {
    width: 25px;
    padding: 2px 2px !important;
    margin-left: 2px;
    cursor: pointer;
}

.opdiv {
    position: absolute;
    left: 7px;
    z-index: 9999 !important;
}

/*  Context menu in grid start */
/* Style The Dropdown Button in side grid */
.dropbtn {
    padding: 0px 0px 0px 0px;
    background-color: transparent;
    font-size: 12px;
    border: none;
    cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.tbldropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.tbldropdown-content {
    display: none;
    position: fixed;
    background-color: #f9f9f9;
    min-width: 100px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 4;
}

    /* Links inside the dropdown */
    .tbldropdown-content a {
        color: black;
        padding: 1px 5px;
        text-decoration: none;
        display: block;
        opacity: 0.6;
    }

        /* Change color of dropdown links on hover */
        .tbldropdown-content a:hover {
            font-weight: bold;
            opacity: 1;
        }

/* Show the dropdown menu on hover */
.tbldropdown:hover .tbldropdown-content {
    display: block;
}
/* Change the background color of the dropdown button when the dropdown content is shown */
.tbldropdown:hover .dropbtn {
    background-color: #f9f9f9;
    font-weight: bold;
}

.dropbtn:hover {
    font-weight: bold;
    opacity: 1;
}
/* below class if we want display submenu above row*/
.tbldropdownaboverow {
    /* position: absolute;*/
}
/*  Context menu in grid end */

.btn-group-vertical > .btn, .btn-group > .btn {
    float: none !important;
}

.changefy {
    color: #dcf1fd;
    font-size: 11px;
    float: right;
    margin-top: 3px;
}

    .changefy:hover {
        text-decoration: underline;
        background: rgba(0,0,0,0.1);
        color: #dcf1fd;
    }

.changecomp {
    text-align: center;
    color: #fff;
    white-space: normal;
}

    .changecomp:hover {
        text-align: center;
        white-space: normal;
        text-decoration: underline;
        background: rgba(0,0,0,0.1);
        color: #fff;
    }

.btn {
    line-height: 1;
}

.msgbtnbox {
    margin-right: 4px;
    margin-left: 80px;
}

    .msgbtnbox a {
        background: white;
        padding: 5px;
        margin-top: 5px;
        margin-left: 5px;
        color: #000;
        /*border: 1px solid #000;*/
    }
/*
.lobibox-close {
    padding-top: 4px !important;
}
    .lobibox-notify .lobibox-close:hover {
     background-color: transparent !important;
    font-weight: bold;
}


.lobibox-notify.notify-mini .lobibox-notify-icon > div .icon-el {
    font-size: 25px !important;
    margin-top: 6px !important;
}

.lobibox-notify-wrapper.right .lobibox-notify {
    margin-left: auto;
    border-radius: 10px !important;
}

.lobibox-notify.lobibox-notify-error {
    background-color: #F6CBCB !important;
    border-color: #CA2121 !important;
    color: #000 !important;
}

.lobibox-notify.lobibox-notify-success {
    background-color: #E9F6F1 !important;
    border-color: #21F29D !important;
    color: #000 !important;
}

.lobibox-notify.lobibox-notify-info {
    background-color: #FFF !important;
    border-color: #2E79B4 !important;
    color: #2E79B4 !important;
}

.lobibox-notify.lobibox-notify-warning {
    background-color: #FFF !important;
    border-color: #CE812E !important;
    color: #CE812E !important;
}
.lobibox-notify .lobibox-close {
    padding-left: 8px !important;
}*/

/* buttons */
.btn-zip {
    color: #fff;
    background-color: #dd4b39;
    border-color: rgba(0,0,0,.2);
    height: 45px;
}

/*.x-column-header-inner, .x-toolbar-default {
    background-color: #ACD0EB !important;*/
/*background-color: #C2C8CB !important;*/
/*background: linear-gradient(grey, black);*/
/*}
.x-column-header-text {
    color: #212529 !important;
}*/

/*.x-grid-table tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,.02);
}

.x-grid-row-over .x-grid-td {
    background-color: #777777;
}
*/
/*.x-grid-row-selected .x-grid-td {
    background-color: #777777;
}*/

/*.x-grid-view table tr:nth-child(odd) td {
  
}*/

/*.x-grid-view table tr:nth-child(even) td {
    background-color: #ECF0F1 !important;
}*/
.HeaderRow {
    width: 80%;
    display: flex;
    float: right;
}

.HeaderRow > .mid-box {
    width: 35%;
    text-align: right;
}
    .HeaderRow > .last-box {
        width: 65%;
        text-align: right;
    }
.btn-social {
    position: relative;
    padding-left: 44px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /*color: white !important;  background-color: #3c8dbc !important;   */
    color: #fff !important;
    background-color: #3E8BBC !important;
    padding: 7px 7px;
    padding-left: 26px !important;
    border: 1px solid #A8BCD5;
    margin-left: 2px !important;
    line-height: 2;
    font-weight: normal;
    border-radius: 0.5rem !important;
}

    .btn-social > :first-child {
        position: absolute;
        left: 0;
        top: -2px;
        bottom: 0;
        width: 25px !important;
        font-size: 1em !important;
        line-height: 34px;
        text-align: center;
        border-right: none !important;
        /*border-right: 1px solid rgba(0,0,0,.2);*/
    }

    .btn-social:hover {
        /*background-color: #2F6D92 !important; color: #fff !important;*/
        background-color: #155A86 !important;
        color: #fff !important;
    }
.mid-btn{
    float:left;
}
.btn-msg {
    position: relative;
    padding-left: 44px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /*    color: #fff !important;
    background-color: #3E8BBC !important;*/
    color: #000 !important;
    background-color: #FFF !important;
    padding: 6px 7px;
    padding-left: 28px !important;
    border: 1px solid #A8BCD5;
    margin-left: 2px !important;
    line-height: 2;
    font-weight: normal;
    border-radius: 0.5rem !important;
    text-decoration: none !important;
}
    .btn-msg > :first-child {
        position: absolute;
        left: 0;
        top: -2px;
        bottom: 0;
        width: 25px !important;
        font-size: 1em !important;
        line-height: 34px;
        text-align: center;
        border-right: none !important;
        /*border-right: 1px solid rgba(0,0,0,.2);*/
    }
    .btn-msg:hover {
        background-color: #155A86 !important;
        color: #fff !important;
    }


.btn-sign {
    position: relative;
    padding-left: 44px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /*color: white !important;  background-color: #3c8dbc !important;   */
    color: #000 !important;
    background-color: #D6E8F3 !important;
    padding: 7px 10px;
    border: 1px solid #A8BCD5;
    line-height: 2;
    border-radius: 0.5rem !important;
}

    .btn-sign:hover {
        background-color: #D6E8F3 !important;
        color: #000 !important;
    }

.btn-blue {
    background-color: #3c8dbc !important;
    color: #fff !important;
}

.btn-success {
    background-color: #46C262 !important;
    color: #000 !important;
}

.btn-danger {
    background-color: #dc3545 !important;
    color: #fff !important;
}

.btn-cancel {
    position: relative;
    padding-left: 44px !important;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: black !important;
    background-color: #f4f4f4 !important;
    padding: 7px 10px;
    padding-left: 28px !important;
    border: 1px solid #A8BCD5;
    line-height: 2;
    border-radius: 0.5rem !important;
}

    .btn-cancel > :first-child {
        position: absolute;
        left: 0;
        top: -2px;
        bottom: 0;
        width: 32px;
        border-right: none !important;
        font-size: 1em !important;
        line-height: 34px;
        text-align: center;
        border-right: 1px solid rgba(0,0,0,.2);
    }

    .btn-cancel:hover {
        background-color: #ddd !important;
        color: #000;
    }

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    line-height: 2 !important;
}

.gridbtn {
    top: 5px;
}

/*buttons */
.bg-yellow-blue {
    background-color: #E5ECF5;
    border-color: #A8BCD5;
    color: #3C8DBC;
}

.btnNew:hover {
    background-color: #E5ECF5;
    color: #000;
}

.main-header {
    width: 100% !important;
}
/*.ItemTransfiltering table tbody tr,*/
div.jtable-main-container > div.jtable-bottom-panel,
.k-grid-header th.k-header,
.k-grid-pager,
.x-box-inner,
.x-column-header-inner,
.x-column-header-text,
table thead th, table thead td,
table.dataTable thead th, table.dataTable thead td {
    background-color: #e5ecf5 !important;
    font-family: OpenSans-Light,sans-serif !important;
    font-weight: 300 !important;
    font-size: 12px !important;
    color: #222222 !important;
    font-weight: bold !important;
}

.x-grid-td {
    border-bottom: 1px solid #E4E4E4;
}

.filtericon {
    position: absolute;
    top: 11px;
    right: 6%;
}

.filterbox {
    float: left;
    position: relative;
    top: -2px;
    padding-right: 3px;
}
/*.ItemTransfiltering table tbody tr,*/
div.jtable-main-container > div.jtable-bottom-panel,
.k-grid-header th.k-header,
.k-grid-pager,
.x-box-inner,
.x-column-header-inner,
.x-column-header-text,
table thead th, table thead td,
table.dataTable thead th, table.dataTable thead td {
    background-color: #e5ecf5 !important;
    font-family: OpenSans-Light,sans-serif !important;
    font-weight: 300 !important;
    font-size: 12px !important;
    color: #222222 !important;
    font-weight: bold !important;
}
.x-grid-td {
    border-bottom: 1px solid #E4E4E4;
}
.filtericon {
    position: absolute;
    top: 11px;
    right: 6%;
}
.filterbox {
    float: left;
    position: relative;
    top: -2px;
    padding-right: 3px;
}
    .filterbox > i {
        float: left;
        padding: 0px 3px;
        width: auto;
        line-height: 2;
        position: relative;
        top: -25px;
        right: -86%;
    }
select, select > option {
    cursor: pointer;
}
select, select > option {
    cursor: pointer;
}
/*input, textarea, select {
    max-width: 200px;
}*/
.col-md-1:not(.ReportDiv) {
    max-width: 105px !important;
}

.col-md-2:not(.ReportDiv) {
    max-width: 210px !important;
}

.col-md-3:not(.ReportDiv) {
    max-width: 315px !important;
}

.col-md-4:not(.ReportDiv) {
    max-width: 420px !important;
}

.col-md-5:not(.ReportDiv) {
    max-width: 525px !important;
}

.col-md-6:not(.ReportDiv) {
    max-width: 630px !important;
}

.col-md-7:not(.ReportDiv) {
    max-width: 735px !important;
}

.col-md-8:not(.ReportDiv) {
    max-width: 840px !important;
}

.col-md-9:not(.ReportDiv) {
    max-width: 945px !important;
}

.col-md-10:not(.ReportDiv) {
    max-width: 1050px !important;
}

.col-md-11:not(.ReportDiv) {
    max-width: 1155px !important;
}

.opbtn {
    float: right;
    margin-right: 15px;
}

    .opbtn > .form-control {
        display: inline-block;
        width: auto;
    }

.navbar-toggle {
    float: left !important;
}

/*buttons */
.footerfx {
    width: 100% !important;
}

.layout-boxed .wrapper {
    min-width: 100% !important;
    width: 100% !important;
}

.main-header {
    width: 100% !important;
}
.msg-btn-box {
    padding: 5px;
}
.AlertmsgDiv {
    position: relative;
    top: -3px;
    width: auto;
    float: right;
    padding-left: 15px;
    border: 1px solid transparent;
}

zipmenu > .btn-group, leftmenubtn {
    display: none;
}
.dropdown-item {
    display: block;
    width: 100%;
    padding: 0.25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}
.topbtnbox{
    float:left;
}
.changecompmob{
    display:none;
}
.mob-fy-box {
    display:none;
}
.d-flex{
    display:flex !important;
}
/*new Changes*/ 
.UserIMGText {
    background: #d5d5d5;
    border-radius: 15px;
    padding: 5px !important;
    text-align: center !important;
    padding-top: 3px !important;    
}

.navbar-nav > .user-menu .user-text-image {
    float: left;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin-right: 10px;
    margin-top: -2px;
    background-color: #d5d5d5;
    padding-top: 3px;
    padding-left: 5px;
    font-size: 10pt;
}

/*End*/
.info{
    width:75%;
}
.uname {
    float: left;
    overflow:hidden;
}
.signout {
     float:right;
}
.user-panel{
    display:none !important;
}
.user-panel > .info {
    padding: 0px;
}
.usermenu {
    display: block !important;
}
.moblin {
    display: block !important;
}
.bgheader {
    background-color: #3E8BBC !important;
    color: #fff !important;
}
@media (max-width: 960px) {
    zipmenu > .btndiv {
        display: none;
    }

    zipmenu .btn-group {
        display: inline-block;
        width:100%;
        display:flex;
    }
    .leftmenubtn {
        display: inline-block;
        z-index: 9999 !important;
    }
    .btn-sign{
        padding:1px 9px;
    }
    .dropdown-menu {
        right: 0;
        left: auto;
    }
    .navbar-toggle {
        padding: 12px 14px;
    }
    .navbar-collapse.pull-left + .navbar-custom-menu {
        right: 0px !important;
    }
    .topbtnbox {
        float: right;
    }
    .navbar-nav > .user-menu .user-text-image {
        float: inline-start;
        margin-right: 0;
        margin-top: -2px;
        line-height: 19px;
        padding-top: 3px !important;
        padding-left: 5px !important;
        min-width: 10px !important;
        text-align: center !important;
    }
    .changecompmob {
        display:block;
        width: 100%;
        padding: 15px;
    }
    .mob-fy-box {
        display: block;
    }
    .sidebar-menu, .usermenu {
        border: none !important;
    }
    .mob-fy-box > .sidebar-menu > .skin-blue-light .sidebar-menu > li > a {
        border-left: 1px solid transparent;
        font-weight: 100;
    }
    .user-panel {
        display: flex !important;
        padding: 10px 5px 8px 5px !important;
    }
        .user-panel > .image {
            padding-left: 15px;
        }
        /*new Changes*/
    .UserIMGText {
        background: #d5d5d5;
        border-radius: 15px;
        padding: 4px !important;
        text-align: center !important;
        padding-top: 3px !important;
    }
    /*End*/
    .uname {
        padding-top: 5px;
    }
    .moblin {
        display: none !important;
    }
}


/*New Changes*/

.navbar-nav > .user-menu > .dropdown-menu, .navbar-nav > .user-menu > .dropdown-menu > .user-body {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    width: 260px;
}

    .navbar-nav > .user-menu > .dropdown-menu > li.user-header {
        padding: 5px;
        text-align: center;
    }

        .navbar-nav > .user-menu > .dropdown-menu > li.user-header > img {
            z-index: 5;
            height: 90px;
            width: 90px;
            border: 3px solid;
            border-color: transparent;
            border-color: rgba(255,255,255,0.2);
        }

        .navbar-nav > .user-menu > .dropdown-menu > li.user-header > div {
            z-index: 5;
            height: 90px;
            width: 90px;
            border: 3px solid;
            border-color: transparent;
            border-color: rgba(255,255,255,0.2);
            background-color: #d2d6de;
            padding: 23px;
            color: white;
            font-size: 26pt;
            margin-left: 90px;
        }

        .navbar-nav > .user-menu > .dropdown-menu > li.user-header > p {
            z-index: 5;
            color: #fff;
            color: rgba(255,255,255,0.8);
            font-size: 17px;
            margin-top: 10px;
        }

            .navbar-nav > .user-menu > .dropdown-menu > li.user-header > p > small {
                display: block;
                font-size: 12px;
            }

.layout-boxed html, .layout-boxed body {
    height: 100%;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
    font-weight: 400;
    overflow-x: hidden;
    overflow-y: auto;
}

.wrapper {
    min-height: 100%;
    position: relative;
    overflow: hidden !important;
}

    .wrapper:before, .wrapper:after {
        content: " ";
        display: table;
    }

    .wrapper:after {
        clear: both;
    }

.layout-boxed .wrapper {
    max-width: 1250px;
    margin: 0 auto;
    min-height: 100%;
    box-shadow: 0 0 8px rgba(0,0,0,0.5);
    position: relative;
    background: #fff !important;
}

.layout-boxed {
    background: url('../dist/img/boxed-bg.jpg') repeat fixed;
    height: 100% !important;
}

.content-wrapper, .right-side, .main-footer {
    -webkit-transition: -webkit-transform .3s ease-in-out,margin .3s ease-in-out;
    -moz-transition: -moz-transform .3s ease-in-out,margin .3s ease-in-out;
    -o-transition: -o-transform .3s ease-in-out,margin .3s ease-in-out;
    transition: transform .3s ease-in-out,margin .3s ease-in-out;
    margin-left: 230px;
    z-index: 820;
}

.layout-top-nav .content-wrapper, .layout-top-nav .right-side, .layout-top-nav .main-footer {
    margin-left: 0;
}

@media (max-width:767px) {
    .content-wrapper, .right-side, .main-footer {
        margin-left: 0;
    }
}

@media (min-width:768px) {
    .sidebar-collapse .content-wrapper, .sidebar-collapse .right-side, .sidebar-collapse .main-footer {
        margin-left: 0;
    }
}

@media (max-width:767px) {
    .sidebar-open .content-wrapper, .sidebar-open .right-side, .sidebar-open .main-footer {
        -webkit-transform: translate(230px, 0);
        -ms-transform: translate(230px, 0);
        -o-transform: translate(230px, 0);
        transform: translate(230px, 0);
    }
}

.content-wrapper, .right-side {
    min-height: 100%;
    background-color: #fff;
    /*background-color: #F9FAFC;*/
    z-index: 800;
}

.main-footer {
    background: #fff;
    padding: 15px;
    color: #444;
    border-top: 1px solid #d2d6de;
}

.fixed .main-header, .fixed .main-sidebar, .fixed .left-side {
    position: fixed;
}

.fixed .main-header {
    top: 0;
    right: 0;
    left: 0;
}

.fixed .content-wrapper, .fixed .right-side {
    padding-top: 50px;
}

@media (max-width:767px) {
    .fixed .content-wrapper, .fixed .right-side {
        padding-top: 100px;
    }
}

.fixed.layout-boxed .wrapper {
    max-width: 100%;
}

.content {
    min-height: 250px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: OpenSans-Light,sans-serif;
}

a {
    color: #3c8dbc;
}

    a:hover, a:active, a:focus {
        outline: none;
        text-decoration: none;
        color: #72afd2;
    }

.page-header {
    margin: 10px 0 20px 0;
    font-size: 22px;
}

    .page-header > small {
        color: #666;
        display: block;
        margin-top: 5px;
    }

.main-header {
    position: relative;
    max-height: 100px;
    z-index: 1030;
}

    .main-header > .navbar {
        -webkit-transition: margin-left .3s ease-in-out;
        -o-transition: margin-left .3s ease-in-out;
        transition: margin-left .3s ease-in-out;
        margin-bottom: 0;
        margin-left: 230px;
        border: none;
        min-height: 40px;
        border-radius: 0;
        border-left: 1px solid rgba(98, 164, 201, 0.99);
    }

.layout-top-nav .main-header > .navbar {
    margin-left: 0 !important;
}

.main-header #navbar-search-input {
    background: rgba(255,255,255,0.2);
    border-color: transparent;
}

    .main-header #navbar-search-input:focus, .main-header #navbar-search-input:active {
        border-color: rgba(0,0,0,0.1) !important;
        background: rgba(255,255,255,0.9);
    }

    .main-header #navbar-search-input::-moz-placeholder {
        color: #ccc;
        opacity: 1;
    }

    .main-header #navbar-search-input:-ms-input-placeholder {
        color: #ccc;
    }

    .main-header #navbar-search-input::-webkit-input-placeholder {
        color: #ccc;
    }

.main-header .navbar-custom-menu, .main-header .navbar-right {
    float: right;
}

@media (max-width:991px) {
    .main-header .navbar-custom-menu a, .main-header .navbar-right a {
        color: inherit;
        background: transparent;
    }
}

@media (max-width:767px) {
    .main-header .navbar-right {
        float: none;
    }

    .navbar-collapse .main-header .navbar-right {
        margin: 7.5px -15px;
    }

    .main-header .navbar-right > li {
        color: inherit;
        border: 0;
    }
}

.main-header .sidebar-toggle {
    float: left;
    background-color: transparent;
    background-image: none;
    padding: 15px 15px;
    border-right: 1px solid rgba(98, 164, 201, 0.99);
}

    .main-header .sidebar-toggle:before {
    }

    .main-header .sidebar-toggle:hover {
        color: #fff;
    }

    .main-header .sidebar-toggle:focus, .main-header .sidebar-toggle:active {
        background: transparent;
    }

    .main-header .sidebar-toggle .icon-bar {
        display: none;
    }

.main-header .navbar .nav > li.user > a > .fa, .main-header .navbar .nav > li.user > a > .glyphicon, .main-header .navbar .nav > li.user > a > .ion {
    margin-right: 5px;
}

.main-header .navbar .nav > li > a > .label {
    position: absolute;
    top: 9px;
    right: 7px;
    text-align: center;
    font-size: 9px;
    padding: 2px 3px;
    line-height: .9;
}

.main-header .logo {
    -webkit-transition: width .3s ease-in-out;
    -o-transition: width .3s ease-in-out;
    transition: width .3s ease-in-out;
    display: block;
    float: left;
    height: 41px;
    font-size: 20px;
    line-height: 40px;
    text-align: center;
    width: 230px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    padding: 0 15px;
    font-weight: 300;
    overflow: hidden;
}

    .main-header .logo .logo-lg {
        display: block;
    }

    .main-header .logo .logo-mini {
        display: none;
    }

.main-header .navbar-brand {
    color: #fff;
}

.content-header {
    position: relative;
    padding: 15px 15px 0 15px;
}

    .content-header > h1 {
        margin: 0;
        font-size: 24px;
    }

        .content-header > h1 > small {
            font-size: 15px;
            display: inline-block;
            padding-left: 4px;
            font-weight: 300;
        }

    .content-header > .breadcrumb {
        float: right;
        background: transparent;
        margin-top: 0px;
        margin-bottom: 0;
        font-size: 12px;
        padding: 7px 5px;
        position: absolute;
        top: 15px;
        right: 10px;
        border-radius: 2px;
    }

        .content-header > .breadcrumb > li > a {
            color: #444;
            text-decoration: none;
            display: inline-block;
        }

            .content-header > .breadcrumb > li > a > .fa, .content-header > .breadcrumb > li > a > .glyphicon, .content-header > .breadcrumb > li > a > .ion {
                margin-right: 5px;
            }

        .content-header > .breadcrumb > li + li:before {
            content: '>\00a0';
        }

.main-header .logo {
    -webkit-transition: width .3s ease-in-out;
    -o-transition: width .3s ease-in-out;
    transition: width .3s ease-in-out;
    display: block;
    float: left;
    height: 41px;
    font-size: 20px;
    line-height: 40px;
    text-align: center;
    width: 215px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    padding: 0 15px;
    font-weight: 300;
    overflow: hidden;
}

 @media (max-width:767px) {
    .main-sidebar, .left-side

{
    -webkit-transform: translate(-230px, 0);
    -ms-transform: translate(-230px, 0);
    -o-transform: translate(-230px, 0);
    transform: translate(-230px, 0);
}
}

@media (min-width:768px) {
    .sidebar-mini.sidebar-collapse .content-wrapper, .sidebar-mini.sidebar-collapse .right-side, .sidebar-mini.sidebar-collapse .main-footer {
        margin-left: 50px !important;
        z-index: 840;
    }

    .sidebar-mini.sidebar-collapse .main-sidebar {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        width: 50px !important;
        z-index: 850;
    }

    .sidebar-mini.sidebar-collapse .sidebar-menu > li {
        position: relative;
    }

        .sidebar-mini.sidebar-collapse .sidebar-menu > li > a {
            margin-right: 0;
        }

            .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span {
                border-top-right-radius: 4px;
            }

        .sidebar-mini.sidebar-collapse .sidebar-menu > li:not(.treeview) > a > span {
            border-bottom-right-radius: 4px;
        }

        .sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
            padding-top: 5px;
            padding-bottom: 5px;
            border-bottom-right-radius: 4px;
        }

        .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right), .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
            display: block !important;
            position: absolute;
            width: 250px;
            left: 50px;
            top: 5px;
        }

        .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span {
            top: 0;
            margin-left: -3px;
            padding: 12px 5px 12px 20px;
            background-color: inherit;
        }

        .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
            top: 44px;
            margin-left: 0;
        }

        .sidebar-mini.sidebar-collapse .main-sidebar .user-panel > .info, .sidebar-mini.sidebar-collapse .sidebar-form, .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span, .sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu, .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > .pull-right, .sidebar-mini.sidebar-collapse .sidebar-menu li.header {
            display: none !important;
            -webkit-transform: translateZ(0);
        }



    .sidebar-mini.sidebar-collapse .main-header .logo > .logo-mini {
    }

    .sidebar-mini.sidebar-collapse .main-header .logo > .logo-lg {
    }
}

@media (min-width:768px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .navbar-collapse.collapse {
            display: block !important;
            height: auto !important;
            padding-bottom: 0;
            margin-right: 20px;
            overflow: visible !important;
        }

        .navbar-collapse.in {
            overflow-y: visible;
        }

    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse {
        padding-right: 0;
        padding-left: 0;
    }
}
.width-300{
    min-width:300px !important
}

/*End New Changes*/

/**************************** Sub menu dropdown css ****************************/

.rptSend-dropdown {
    position: relative;
    display: inline-block;
    margin-bottom: 100px !important;
}

.rptSend-dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 115px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1000;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    background-clip: padding-box;
}

    .rptSend-dropdown-content a {
        color: #777;
        padding: 5px 10px;
        text-decoration: none;
        display: block;
        text-align: left;
        white-space: nowrap;
        font-weight: 400;
        line-height: 1.42857143;
    }

        .rptSend-dropdown-content a:hover {
            background-color: #ddd;
        }

.rptSend-dropdown:hover .rptSend-dropdown-content {
    display: block;
}

/******* Transaction list page in Sub menu dropdown css *******/

.SendBy-dropdown-submenu {
    position: relative;
}

    .SendBy-dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;
        -webkit-border-radius: 0 6px 6px 6px;
        -moz-border-radius: 0 6px 6px 6px;
        border-radius: 0 6px 6px 6px;
    }

    .SendBy-dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }

/******* Transaction list page in Sub menu dropdown css *******/

/**************************** Sub menu dropdown css ****************************/