@charset "utf-8";
/*--navbarcolor: #550101;
    --tablerowcolor: #55010126;*/
/*old color code*/
/*
  --navbarcolor  : #2b4e86;    
  --tablerowcolor: #cee9fd;
  */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Public+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

:root {
    --tableheading: #ffeee3;
    --black: #000;
    --white: #fff;
    --grey: #4e4c4c;
    --lightgrey: #b1b1b1;
    --darkgrey: #808080;
    --darkskyblue: #396594;
    --blue: #4e73df;
    --green: #1cc88a;
    --skyblue: #36b9cc;
    --yellow: #f6c23e;
    --red: #e74a3b;
    --whitesmoke: #f5f5f5;
    --labelblack: #4d4d4d;
    --labelblue: #06529c;
    --labelorange: #f8a350;
    --inputborder: #d8e2ef;
    /*--inputborder: blue;*/
    /*--navbarcolor: #2a2e66;*/
    --navbarcolor: #0981F6;
    /* --tablerowcolor: #9fa9df5c; */
    --tablerowcolor: #009eff08;
    --primary: #0275d8;
    --secondary: #6c757d;
    --success: #5cb85c;
    --info: #5bc0de;
    --warning: #f0ad4e;
    --danger: #d9534f;
    --inverse: #292b2c;
    --faded: #f7f7f7;
    --wheat: #dfc5aa;
    --lightpink: #ede2de;
    --skin: #ede2de;
    --darkskin: #d1aca4;
    --cementgrey: #bcb7b3;
    --navyblue: #003a65;
    --orange50: #f8b8b3;
    --yellow50: #abb077;
    --green50: #aaf3a2;
    --skyblue50: #92defc;
    --navyblue50: #aec5f1;
    --violet50: #b1a7f0;
    --base_font: 'roboto', 'Poppins', sans-serif;
}

* {
    outline: none !important;
    font-family: var(--base_font) !important;
}


.bluetext {
    color: var(--labelblue) !important;
}

.orangetext {
    color: var(--labelorange) !important;
}

.wheat {
    background-color: var(--wheat) !important;
}

.skin {
    background-color: var(--skin) !important;
}

.darkskin {
    background-color: var(--darkskin) !important;
}

.lightpink {
    background-color: var(--lightpink) !important;
}

.cementgrey {
    background-color: var(--cementgrey) !important;
}

.orange50 {
    background-color: var(--orange50) !important;
}

.yellow50 {
    background-color: var(--yellow50) !important;
}

.green50 {
    background-color: var(--green50) !important;
}

.skyblue50 {
    background-color: var(--skyblue50) !important;
}

.navyblue50 {
    background-color: var(--navyblue50) !important;
}

.violet50 {
    background-color: var(--violet50) !important;
}

/*alertbox button style*/
.div_confirm input[type="submit"] {
    color: var(--white) !important;
    padding: 5px 15px !important;
}



/* input border */
input[type="text"], input[type="file"], textarea {
    border: 0px solid var(--inputborder) !important;
    border-bottom: 1px solid var(--inputborder) !important;
    border-radius: 0px !important;
    margin: 1px 0px 6px 0px !important;
}




/* @group Single Chosen */
.chzn-container-single .chzn-single {
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 6px !important;
    margin: 1px 0px 6px 0px !important;
    border: 0px !important;
    border-bottom: 1px solid var(--inputborder) !important;
}

.chzn-container-single .chzn-search input {
    width: 100% !important;
}

table input[type="text"],
table input[type="checkbox"] {
    margin: 0px !important;
    font-size: 14px !important;
    background: transparent;
}

table .chzn-container-single .chzn-single {
    margin: 0px !important;
    height: 20px;
}

/*modalpopup*/

/*.modalPopup {
    position: fixed !important;
    commented by praveen 30may2023
    background-color: rgba(0, 0, 0, 0.75) !important;
    background-color: rgba(0, 0, 0, 0.25) !important;
    width: 100% !important;
    height: 100% !important;
    margin-left: 0% !important;
    margin-top: 34px !important;
    border: 1px solid var(--lightgrey) !important;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0px !important;
}
*/
.modalPopup {
    position: fixed !important;
    /* background-color: rgba(0, 0, 0, 0.75) !important; */
    background-color: white !important;
    width: 99% !important;
    height: 100% !important;
    margin-left: 3px !important;
    margin-top: 0px !important;
    border: 0px solid white;
    justify-content: center;
    align-items: center;
    top: 0px !important;
    left: 0px !important;
}
/*.DivSecPanel {
    width: 20px !important;
    height: 20px !important;
    margin-left: 98.3% !important;
    margin-top: 0% !important;
    border-radius: 90px 90px 90px 90px !important;
    position: relative;
    z-index: 1;
    right: 0;
    top: 0px;
}*/


.DivSecPanel {
    width: 20px !important;
    height: 20px !important;
    /* border: 2px solid var(--white); */
    /* margin-left: 98.5% !important; */
    margin-top: 0% !important;
    border-radius: 90px 90px 90px 90px !important;
    position: sticky;
    z-index: 99;
    right: 0;
    top: 0px;
    float: right;
}

/*Added by praveen 2june2023*/

.divRoated {
    width: 100% !important;
    height: 96vh !important;
    overflow: auto;
    background: #dcdadab0;
    border-radius: 3px;
    border: 1px solid var(--lightgrey) !important;
    padding: 0px 10px 0px 10px;
    animation: fadeIn 1.5s !important;
}
/*.Gridpnl {
    width: 99% !important;
    height: 95% !important;
    border: 1px solid var(--inputborder) !important;
    margin: 0 auto !important;
    overflow-y: scroll !important;
    overflow-x: auto !important;
}*/

.Gridpnl {
    width: 100% !important;
    height: calc(100vh - 170px) !important;
    border: 1px solid var(--inputborder) !important;
    margin: 0 auto !important;
    overflow-y: scroll !important;
    overflow-x: auto !important;
    margin: 0px !important;
}

.modalPopup iframe {
    width: 100% !important;
    height: 77vh !important;
    overflow: auto !important;
    bottom: 0px !important;
    margin: 0 !important;
    border: 0 !important;
}
/*modalpopup*/

/* table designing */

.GridAmount {
    width: 150px !important;
    text-align: right !important;
}

.GridDate {
    width: 80px !important;
}

.GridCurr {
    width: 80px !important;
}

.GridCont20 {
    width: 100px !important;
    text-align: right !important;
}

.GridCont40 {
    width: 100px !important;
    text-align: right !important;
}

.GridWeight {
    width: 120px !important;
    text-align: right !important;
}

.GridCBM {
    width: 100px !important;
    text-align: right !important;
}

.GridJob {
    width: 100px !important;
}

.GridCNOPS {
    width: 100px !important;
}

.wrap25,
.wrap50,
.wrap75,
.wrap100,
.wrap125,
.wrap150,
.wrap175,
.wrap200,
.wrap225,
.wrap250,
.wrap275,
.wrap300,
.wrap325,
.wrap350,
.wrap375,
.wrap400,
.wrap425,
.wrap450,
.wrap475,
.wrap500 {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.wrap25 {
    width: 25px !important;
}

.wrap50 {
    width: 50px !important;
}

.wrap75 {
    width: 75px !important;
}

.wrap100 {
    width: 100px !important;
}

.wrap125 {
    width: 125px !important;
}

.wrap150 {
    width: 150px !important;
}

.wrap175 {
    width: 175px !important;
}

.wrap200 {
    width: 200px !important;
}

.wrap225 {
    width: 225px !important;
}

.wrap250 {
    width: 250px !important;
}

.wrap275 {
    width: 275px !important;
}

.wrap300 {
    width: 300px !important;
}

.wrap325 {
    width: 325px !important;
}

.wrap350 {
    width: 350px !important;
}

.wrap375 {
    width: 375px !important;
}

.wrap400 {
    width: 400px !important;
}

.wrap425 {
    width: 425px !important;
}

.wrap450 {
    width: 450px !important;
}

.wrap475 {
    width: 475px !important;
}

.wrap500 {
    width: 500px !important;
}

/* table designing */

/*Table FixedHeader.....................*/

table {
    position: relative;
    top: -1px;
    left: -1px;
}

    table input[type="submit"],
    table input[type="button"] {
        padding: 0px 5px !important;
        border: 1px solid #b1b1b1 !important;
        font-weight: bold !important;
        border-radius: 3px !important;
    }

.FixedHeader th {
    position: sticky;
    top: -1px;
    font-size: 11px !important;
    z-index: 1;
    white-space: nowrap;
    padding: 5px !important;
    text-transform: capitalize !important;
    height: fit-content !important;
    font-family: sans-serif;
    text-align: left;
    font-size: 14px !important;
    font-weight: normal;
}

.FixedHeader td {
    border-right: 0px solid var(--inputborder) !important;
    border-bottom: 0px solid #aaa !important;
    font-size: 14px !important;
    white-space: nowrap;
    height: fit-content !important;
    padding: 5px !important;
}

.FixedHeader tr {
    background-color: var(--white) !important;
}

    /* .FixedHeader tr:nth-child(2n) {
        background-color: var(--tablerowcolor) !important;
    }*/

    /*commented by praveen 30May2023*/
    /*.FixedHeader tr:last-child {
        border-bottom: 0.5px solid var(--inputborder) !important;
    }*/

    /*commented by praveen 30May2023*/
    /*.FixedHeader tr:last-child {
        border-bottom: 0px solid var(--inputborder) !important;
    }*/

    .FixedHeader tr.EmptyRowStyle {
        background: var(--white) !important;
    }

/*pagenumbers td columns boxes sizes*/
.GridviewScrollPager td {
    min-width: fit-content !important;
}

/*Table FixedHeader.....................*/

/*TrialBalanceWeb*/

.div_Grdladel_ledger span,
.div_Grdladel_balance span,
.div_Grdladel span,
.div_Grdladel_closingbalance span {
    color: var(--white) !important;
}

.div_Grdladel_ledger {
    padding: 2px 5px;
    background: var(--navbarcolor) !important;
    color: var(--white) !important;
    font-family: sans-serif;
    font-style: inherit;
    font-size: 8pt;
    width: 31.25% !important;
    float: left;
    margin-top: 0.5%;
    text-align: Center;
    border: 1px solid;
    border-right: 0.5px solid #fff !important;
}

.div_Grdladel_balance {
    padding: 2px 5px;
    background: var(--navbarcolor) !important;
    color: var(--white) !important;
    font-family: sans-serif;
    font-style: inherit;
    font-size: 8pt;
    width: 300px !important;
    float: left;
    margin-top: 0.5%;
    text-align: Center;
    border: 1px solid;
}

.div_Grdladel {
    padding: 2px 5px;
    background: var(--navbarcolor) !important;
    color: var(--white) !important;
    font-family: sans-serif;
    font-style: inherit;
    font-size: 8pt;
    width: 300px !important;
    float: left;
    margin-top: 0.5%;
    text-align: Center;
    border: 1px solid;
}

.div_Grdladel_closingbalance {
    padding: 2px 5px;
    background: var(--navbarcolor) !important;
    color: var(--white) !important;
    font-family: sans-serif;
    font-style: inherit;
    font-size: 8pt;
    width: 308px !important;
    float: left;
    margin-top: 0.5%;
    text-align: Center;
    border: 1px solid;
}

/*TrialBalanceWeb*/

body {
    overflow: hidden;
}

/*Side scrolling full page Start*/
.div_iframe {
    float: left;
    height: 100vh !important;
    width: 100%;
}

div#UpdatePanel1 {
    overflow-x: hidden;
    overflow-y: auto;
    height: 100% !important;
    padding-bottom: 45px !IMPORTANT;
    background: white !important;
}


    div#UpdatePanel1::-webkit-scrollbar {
        width: 5px;
    }

    div#UpdatePanel1::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px var(--darkgrey);
        background: #f1f1f1;
    }

    div#UpdatePanel1::-webkit-scrollbar-thumb {
        /*background: #888;*/
        background: #88888887;
        border-radius: 10px;
    }

        div#UpdatePanel1::-webkit-scrollbar-thumb:hover {
            background: #555;
        }

    div#UpdatePanel1::-webkit-scrollbar-button:single-button {
        display: none;
    }
/*Side scrolling full page End*/

/*.......<.....scrolling....>.......*/
::-webkit-scrollbar {
    width: 12px !important;
    height: 8px;
}

/*commented by praveen 30May2023*/
/*::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-left: 1px solid var(--inputborder);
    
    border-top: 1px solid var(--lightgrey);
}*/
::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-left: 0px solid var(--inputborder);
    /*border-top: 1px solid var(--lightgrey);*/
}

::-webkit-scrollbar-thumb {
    /*background: #888;*/
    background: #88888887;
}

    ::-webkit-scrollbar-thumb:hover {
        /*background: #555;*/
        background: #88888887;
    }
/*.......<.....scrolling....>.......*/

/*.....Tables view 3 columns to 25 columns......................................................*/

/*td  padding:7px 5px New Designs 21_Dec_2022*/
.pnl_hgt_560px,
.panel_03,
.panel_04,
.panel_05,
.panel_06,
.panel_07,
.panel_08,
.panel_09,
.panel_10,
.panel_11,
.panel_12,
.panel_13,
.panel_14,
.panel_15,
.panel_16,
.panel_17,
.panel_18,
.panel_19,
.panel_20 {
    width: 100%;
    overflow-x: auto !important;
    overflow-y: auto !important;
    /*border: 1px solid var(--inputborder);*/
    /*changes made by praveen - border removed - 29May2023*/
    border-top: 1px solid var(--inputborder) !important;
    margin: 5px 0px !important;
    background: white;
}

.panel_03 {
    height: 105px !important;
}

.panel_04 {
    height: 131px !important;
}

.panel_05 {
    height: 157px !important;
}

.panel_06 {
    height: 183px !important;
}

.panel_07 {
    height: 209px !important;
}

.panel_08 {
    height: 234px !important;
}

.panel_09 {
    height: 260px !important;
}

.panel_10 {
    height: 285px !important;
}

.panel_11 {
    height: 311px !important;
}

.panel_12 {
    height: 337px !important;
}

.panel_13 {
    height: 363px !important;
}

.panel_14 {
    height: 389px !important;
}

.panel_15 {
    height: 414px !important;
}

.panel_16 {
    height: 440px !important;
}

.panel_17 {
    height: 465px !important;
}

.panel_18 {
    height: 491px !important;
}

.panel_19 {
    height: 517px !important;
}

.panel_20 {
    height: 542px !important;
}

.pnl_hgt_560px {
    height: 519px !important;
}

/*.....Tables view 3 columns to 25 columns......................................................*/

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

.MR0 {
    margin-right: 0px !important;
}

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

.ML0 {
    margin-left: 0px !important;
}
/*......Homepage Cards Design1...................................................................*/

.shadow_box,
.shadow_box1,
.shadow_box2 {
    font-family: "OpenSansSemibold";
    position: relative;
    border-radius: 5px;
    border: 1px solid #e3e6f0;
    float: left;
    width: 100%;
    padding: 10px 0px 5px 10px;
    margin: 0px 0.5% 0px 0px;
    font-size: 14px;
    background-color: var(--white);
    color: var(--white);
}

.shadow_box {
    height: 100px;
}

.shadow_box1 {
    height: 80px;
}

.shadow_box2 {
    height: 110px;
    border-radius: 0px !important;
    padding: 5px 0px 5px 0px !important;
    border: 1px solid var(--lightgrey);
}

.shadow_box label,
.shadow_box1 label {
    font-size: 12px;
    white-space: nowrap;
}

.shadow_box span,
.shadow_box1 span {
    font-size: 24px;
}

.shadow_box:hover,
.shadow_box1:hover,
.shadow_box2:hover {
    /*box-shadow: 1px 4px 20px var(--darkgrey);*/
    /*-webkit-transition: box-shadow 0.3s ease-in;*/
}

.shadow_box_image {
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 5px solid var(--lightpink);
    padding: 3px;
    border-radius: 50%;
    background: white;
    overflow: hidden;
    position: absolute;
    right: 5px;
    top: 5px;
}

    .shadow_box_image img {
        width: 80%;
    }

.shadow_box_title1 {
    display: flex;
    align-items: flex-end;
    margin-left: 5px;
}

.shadow_box_title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0px;
    width: 95%;
}

.title {
    font-size: 17px !important;
    color: black;
}

.shadow_box .Amount,
.shadow_box1 .Amount {
    position: absolute;
    bottom: 5px;
    right: 10px;
    font-size: 18px !important;
}

.shadow_box .Amount1,
.shadow_box1 .Amount1 {
    position: absolute;
    bottom: 5px;
    left: 10px;
    font-size: 18px !important;
}

.shadow_box .title2,
.shadow_box1 .title2 {
    position: absolute;
    bottom: 35px;
    right: 10px;
    margin: 0;
    font-size: 12px;
    font-weight: normal !important;
}

.shadow_box .title1,
.shadow_box1 .title1 {
    position: absolute;
    bottom: 35px;
    left: 10px;
    margin: 0;
    font-size: 12px;
    font-weight: normal !important;
}

.Blue {
    /*border-left: 0.25rem solid var(--blue) !important;*/
    color: var(--blue) !important;
}

.Green {
    /*border-left: 0.25rem solid var(--green) !important;*/
    color: var(--green) !important;
}

.SkyBlue {
    /*border-left: 0.25rem solid var(--skyblue) !important;*/
    color: var(--skyblue) !important;
}

.Yellow {
    /*border-left: 0.25rem solid var(--yellow) !important;*/
    color: var(--yellow) !important;
}

.Red {
    /*border-left: 0.25rem solid var(--red) !important;*/
    color: var(--red) !important;
}

.Blue a,
.Blue span,
.Blue label {
    color: var(--blue) !important;
}

.Green a,
.Green span,
.Green label {
    color: var(--green) !important;
}

.SkyBlue a,
.SkyBlue span,
.SkyBlue label {
    color: var(--skyblue) !important;
}

.Yellow a,
.Yellow span,
.Yellow label {
    color: var(--yellow) !important;
}

.Red a,
.Red span,
.Red label {
    color: var(--red) !important;
}
/*......Homepage Cards Design1...................................................................*/

/*......Bootstrap Grid customs css class  END.........................................................................*/

.custom-d-flex {
    display: flex;
}

.custom-col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
}

.custom-col-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}

.custom-col-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}

.custom-col-3 {
    flex: 0 0 25%;
    max-width: 25%;
}

.custom-col-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.custom-col-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}

.custom-col-6 {
    flex: 0 0 50%;
    max-width: 50%;
}

.custom-col-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}

.custom-col-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}

.custom-col-9 {
    flex: 0 0 75%;
    max-width: 75%;
}

.custom-col-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
}

.custom-col-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}

.custom-col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

/*......Bootstrap Grid customs css class  END.........................................................................*/

/*......customs css class .........................................................................*/

/* custom width................... */
.custom-w-01 {
    width: 1% !important;
}

.custom-w-02 {
    width: 2% !important;
}

.custom-w-03 {
    width: 3% !important;
}

.custom-w-04 {
    width: 4% !important;
}

.custom-w-05 {
    width: 5% !important;
}

.custom-w-06 {
    width: 6% !important;
}

.custom-w-07 {
    width: 7% !important;
}

.custom-w-08 {
    width: 9% !important;
}

.custom-w-09 {
    width: 9% !important;
}

.custom-w-10 {
    width: 10% !important;
}

.custom-w-11 {
    width: 11% !important;
}

.custom-w-12 {
    width: 12% !important;
}

.custom-w-13 {
    width: 13% !important;
}

.custom-w-14 {
    width: 14% !important;
}

.custom-w-15 {
    width: 15% !important;
}

.custom-w-16 {
    width: 16% !important;
}

.custom-w-17 {
    width: 17% !important;
}

.custom-w-18 {
    width: 18% !important;
}

.custom-w-19 {
    width: 19% !important;
}

.custom-w-20 {
    width: 20% !important;
}

.custom-w-21 {
    width: 21% !important;
}

.custom-w-22 {
    width: 22% !important;
}

.custom-w-23 {
    width: 23% !important;
}

.custom-w-24 {
    width: 24% !important;
}

.custom-w-25 {
    width: 25% !important;
}

.custom-w-26 {
    width: 26% !important;
}

.custom-w-27 {
    width: 27% !important;
}

.custom-w-28 {
    width: 28% !important;
}

.custom-w-29 {
    width: 29% !important;
}

.custom-w-30 {
    width: 30% !important;
}

.custom-w-31 {
    width: 31% !important;
}

.custom-w-32 {
    width: 32% !important;
}

.custom-w-33 {
    width: 33% !important;
}

.custom-w-34 {
    width: 34% !important;
}

.custom-w-35 {
    width: 35% !important;
}

.custom-w-36 {
    width: 36% !important;
}

.custom-w-37 {
    width: 37% !important;
}

.custom-w-38 {
    width: 38% !important;
}

.custom-w-39 {
    width: 39% !important;
}

.custom-w-40 {
    width: 40% !important;
}

.custom-w-41 {
    width: 41% !important;
}

.custom-w-42 {
    width: 42% !important;
}

.custom-w-43 {
    width: 43% !important;
}

.custom-w-44 {
    width: 44% !important;
}

.custom-w-45 {
    width: 45% !important;
}

.custom-w-46 {
    width: 46% !important;
}

.custom-w-47 {
    width: 47% !important;
}

.custom-w-48 {
    width: 48% !important;
}

.custom-w-49 {
    width: 49% !important;
}

.custom-w-50 {
    width: 50% !important;
}

.custom-w-51 {
    width: 51% !important;
}

.custom-w-52 {
    width: 52% !important;
}

.custom-w-53 {
    width: 53% !important;
}

.custom-w-54 {
    width: 54% !important;
}

.custom-w-55 {
    width: 55% !important;
}

.custom-w-56 {
    width: 56% !important;
}

.custom-w-57 {
    width: 57% !important;
}

.custom-w-58 {
    width: 58% !important;
}

.custom-w-59 {
    width: 59% !important;
}

.custom-w-60 {
    width: 60% !important;
}

.custom-w-61 {
    width: 61% !important;
}

.custom-w-62 {
    width: 62% !important;
}

.custom-w-63 {
    width: 63% !important;
}

.custom-w-64 {
    width: 64% !important;
}

.custom-w-65 {
    width: 65% !important;
}

.custom-w-66 {
    width: 66% !important;
}

.custom-w-67 {
    width: 67% !important;
}

.custom-w-68 {
    width: 68% !important;
}

.custom-w-69 {
    width: 69% !important;
}

.custom-w-70 {
    width: 70% !important;
}

.custom-w-71 {
    width: 71% !important;
}

.custom-w-72 {
    width: 72% !important;
}

.custom-w-73 {
    width: 73% !important;
}

.custom-w-74 {
    width: 74% !important;
}

.custom-w-75 {
    width: 75% !important;
}

.custom-w-76 {
    width: 76% !important;
}

.custom-w-77 {
    width: 77% !important;
}

.custom-w-78 {
    width: 78% !important;
}

.custom-w-79 {
    width: 79% !important;
}

.custom-w-80 {
    width: 80% !important;
}

.custom-w-81 {
    width: 81% !important;
}

.custom-w-82 {
    width: 82% !important;
}

.custom-w-83 {
    width: 83% !important;
}

.custom-w-84 {
    width: 84% !important;
}

.custom-w-85 {
    width: 85% !important;
}

.custom-w-86 {
    width: 86% !important;
}

.custom-w-87 {
    width: 87% !important;
}

.custom-w-88 {
    width: 88% !important;
}

.custom-w-89 {
    width: 89% !important;
}

.custom-w-90 {
    width: 90% !important;
}

.custom-w-91 {
    width: 91% !important;
}

.custom-w-92 {
    width: 92% !important;
}

.custom-w-93 {
    width: 93% !important;
}

.custom-w-94 {
    width: 94% !important;
}

.custom-w-95 {
    width: 95% !important;
}

.custom-w-96 {
    width: 96% !important;
}

.custom-w-97 {
    width: 97% !important;
}

.custom-w-98 {
    width: 98% !important;
}

.custom-w-99 {
    width: 99% !important;
}

.custom-w-100 {
    width: 100% !important;
}

/* custom height.......................................................... */

.custom-h-25 {
    height: 25px;
}

.custom-h-50 {
    height: 50px;
}

.custom-h-75 {
    height: 75px;
}

.custom-h-100 {
    height: 100px;
}

.custom-h-125 {
    height: 125px;
}

.custom-h-150 {
    height: 150px;
}

.custom-h-175 {
    height: 175px;
}

.custom-h-200 {
    height: 200px;
}

.custom-h-225 {
    height: 225px;
}

.custom-h-250 {
    height: 250px;
}

.custom-h-275 {
    height: 275px;
}

.custom-h-300 {
    height: 300px;
}

.custom-h-325 {
    height: 325px;
}

.custom-h-350 {
    height: 350px;
}

.custom-h-375 {
    height: 375px;
}

.custom-h-400 {
    height: 400px;
}

.custom-h-325 {
    height: 325px;
}

.custom-h-350 {
    height: 350px;
}

.custom-h-375 {
    height: 375px;
}

.custom-h-400 {
    height: 400px;
}

.custom-h-425 {
    height: 425px;
}

.custom-h-450 {
    height: 450px;
}

.custom-h-475 {
    height: 475px;
}

.custom-h-500 {
    height: 500px;
}

/* margin.................................................................*/
.custom-m-0 {
    margin: 0 !important;
}

.custom-m-1 {
    margin: 4px !important;
}

.custom-m-2 {
    margin: 8px !important;
}

.custom-m-3 {
    margin: 16px !important;
}

.custom-m-4 {
    margin: 24px !important;
}

.custom-m-5 {
    margin: 48px !important;
}

/* Margin top..................................................................... */
.custom-mt-0 {
    margin-top: 0px !important;
}

.custom-mt-05 {
    margin-top: 0.5% !important;
}

.custom-mt-10 {
    margin-top: 1% !important;
}

.custom-mt-1 {
    margin-top: 4px !important;
}

.custom-mt-2 {
    margin-top: 8px !important;
}

.custom-mt-3 {
    margin-top: 16px !important;
}

.custom-mt-4 {
    margin-top: 24px !important;
}

.custom-mt-5 {
    margin-top: 48px !important;
}

/* margin right.......... ................................................*/
.custom-mr-0 {
    margin-right: 0px !important;
}

.custom-mr-05 {
    margin-right: 0.5% !important;
}

.custom-mr-10 {
    margin-right: 1% !important;
}

.custom-mr-1 {
    margin-right: 4px !important;
}

.custom-mr-2 {
    margin-right: 8px !important;
}

.custom-mr-3 {
    margin-right: 16px !important;
}

.custom-mr-4 {
    margin-right: 24px !important;
}

.custom-mr-5 {
    margin-right: 48px !important;
}

/* margin bottom .......................................................... */
.custom-mb-0 {
    margin-bottom: 0px !important;
}

.custom-mb-05 {
    margin-bottom: 0.5% !important;
}

.custom-mb-10 {
    margin-bottom: 1% !important;
}

.custom-mb-1 {
    margin-bottom: 4px !important;
}

.custom-mb-2 {
    margin-bottom: 8px !important;
}

.custom-mb-3 {
    margin-bottom: 16px !important;
}

.custom-mb-4 {
    margin-bottom: 24px !important;
}

.custom-mb-5 {
    margin-bottom: 48px !important;
}

/* margin left.................................................................. */
.custom-ml-0 {
    margin-left: 0px !important;
}

.custom-ml-05 {
    margin-left: 0.5% !important;
}

.custom-ml-10 {
    margin-left: 1% !important;
}

.custom-ml-1 {
    margin-left: 4px !important;
}

.custom-ml-2 {
    margin-left: 8px !important;
}

.custom-ml-3 {
    margin-left: 16px !important;
}

.custom-ml-4 {
    margin-left: 24px !important;
}

.custom-ml-5 {
    margin-left: 48px !important;
}

/* margin-left and margin-right ...............................*/

.custom-mx-0 {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.custom-mx-1 {
    margin-left: 4px !important;
    margin-right: 4px !important;
}

.custom-mx-2 {
    margin-left: 8px !important;
    margin-right: 8px !important;
}

.custom-mx-3 {
    margin-left: 16px !important;
    margin-right: 16px !important;
}

.custom-mx-4 {
    margin-left: 24px !important;
    margin-right: 24px !important;
}

.custom-mx-5 {
    margin-left: 48px !important;
    margin-right: 48px !important;
}

/* margin-top and margin-bottom ...........................................................*/

.custom-my-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.custom-my-1 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
}

.custom-my-2 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}

.custom-my-3 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
}

.custom-my-4 {
    margin-top: 24px !important;
    /*margin-bottom: 24px !important;*/
}

.custom-my-5 {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
}

/* padding..........................................*/
.custom-p-0 {
    padding: 0 !important;
}

.custom-p-1 {
    padding: 4px !important;
}

.custom-p-2 {
    padding: 8px !important;
}

.custom-p-3 {
    padding: 16px !important;
}

.custom-p-4 {
    padding: 24px !important;
}

.custom-p-5 {
    padding: 48px !important;
}

/* padding top............................. */
.custom-pt-0 {
    padding-top: 0px !important;
}

.custom-pt-05 {
    padding-top: 0.5% !important;
}

.custom-pt-10 {
    padding-top: 1% !important;
}

.custom-pt-1 {
    padding-top: 4px !important;
}

.custom-pt-2 {
    padding-top: 8px !important;
}

.custom-pt-3 {
    padding-top: 16px !important;
}

.custom-pt-4 {
    padding-top: 24px !important;
}

.custom-pt-5 {
    padding-top: 48px !important;
}

/* padding right................... */
.custom-pr-0 {
    padding-right: 0px !important;
}

.custom-pr-05 {
    padding-right: 0.5% !important;
}

.custom-pr-10 {
    padding-right: 1% !important;
}

.custom-pr-1 {
    padding-right: 4px !important;
}

.custom-pr-2 {
    padding-right: 8px !important;
}

.custom-pr-3 {
    padding-right: 16px !important;
}

.custom-pr-4 {
    padding-right: 24px !important;
}

.custom-pr-5 {
    padding-right: 48px !important;
}

/* padding bottom................................... */
.custom-pb-0 {
    padding-bottom: 0px !important;
}

.custom-pb-05 {
    padding-bottom: 0.5% !important;
}

.custom-pb-10 {
    padding-bottom: 1% !important;
}

.custom-pb-1 {
    padding-bottom: 4px !important;
}

.custom-pb-2 {
    padding-bottom: 8px !important;
}

.custom-pb-3 {
    padding-bottom: 16px !important;
}

.custom-pb-4 {
    padding-bottom: 24px !important;
}

.custom-pb-5 {
    padding-bottom: 48px !important;
}

/* padding left */
.custom-pl-0 {
    padding-left: 0px !important;
}

.custom-pl-05 {
    padding-left: 0.5% !important;
}

.custom-pl-10 {
    padding-left: 1% !important;
}

.custom-pl-1 {
    padding-left: 4px !important;
}

.custom-pl-2 {
    padding-left: 8px !important;
}

.custom-pl-3 {
    padding-left: 16px !important;
}

.custom-pl-4 {
    padding-left: 24px !important;
}

.custom-pl-5 {
    padding-left: 48px !important;
}

/* padding-left and padding-right........................................ */

.custom-px-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.custom-px-1 {
    padding-left: 4px !important;
    padding-right: 4px !important;
}

.custom-px-2 {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.custom-px-3 {
    padding-left: 16px !important;
    padding-right: 16px !important;
}

.custom-px-4 {
    padding-left: 24px !important;
    padding-right: 24px !important;
}

.custom-px-5 {
    padding-left: 48px !important;
    padding-right: 48px !important;
}

/* padding-top and padding-bottom.......................................... */

.custom-py-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.custom-py-1 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

.custom-py-2 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.custom-py-3 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}

.custom-py-4 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
}

.custom-py-5 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
}

/* .........................border....................................................................... */
.border-0 {
    border: 0px solid var(--black) !important;
}

.border {
    border: 1px solid var(--black);
}

.border-top-bottom {
    border-top: 1px solid var(--black);
    border-bottom: 1px solid var(--black);
}

.border-top {
    border-top: 1px solid var(--black);
}

.border-right {
    border-right: 1px solid var(--black);
}

.border-bottom {
    border-bottom: 1px solid var(--black);
}

.border-left {
    border-left: 1px solid var(--black);
}

/*......customs css class.........................................................................*/

body {
    margin: 0px auto 0px auto !important;
    color: var(--black) !important;
}

.LoginCompanyName {
    width: 62px;
    height: 62px;
    position: relative;
    left: 0;
    float: left;
    padding: 5px 0px 0px 0px;
}

.user_img_top {
    height: 48px;
    padding: 2px 3px !important;
    width: 55px;
}

.frmheight {
    height: 30px !important;
}

#logix_CPH_ddllocation_chzn {
    width: 100% !important;
}

.Widget-boxright {
    float: right;
    width: 16%;
    margin: 10px 0px 0px 10px;
    background-color: var(--white);
    min-height: 480px;
}

    .Widget-boxright ul {
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
    }

    .Widget-boxright li {
        list-style: none;
        padding: 10px 0px 10px 25px;
        margin: 0px 0px 0px 0px;
    }

        .Widget-boxright li a {
            text-decoration: none;
            font-size: 11px;
            color: var(--grey);
            display: inline-block;
            padding: 0px 0px 0px 5px;
        }

            .Widget-boxright li a span {
                color: var(--red);
            }

.DateandYr {
    background-color: #d8d8da;
    color: #313131;
    font-size: 11px;
    width: 86px;
    min-height: 24px;
    float: left;
    padding: -1px 0px 0px 5px;
    margin: 0px 0px 0px 5px;
}

    .DateandYr span {
        color: var(--red);
    }

.FormLabel {
    float: left;
    width: 7%;
    overflow: hidden;
    color: var(--darkskyblue);
    margin: 0px 0px 0px 0px;
    font-size: 12px !important;
    vertical-align: middle;
    text-align: left;
    padding: 4px 0px 0px 0px;
}

.FormLabelN2 {
    float: left;
    width: 8%;
    overflow: hidden;
    color: var(--darkskyblue);
    margin: 0px 0px 0px 0px;
    font-size: 12px !important;
    vertical-align: middle;
    text-align: left;
    padding: 4px 0px 0px 0px;
}

.FormInput1 {
    float: left;
    width: 12.5%;
    overflow: hidden;
    margin: 0px 0px 0px 0px;
}

.FormLabel4 {
    float: left;
    width: 19.7%;
    overflow: hidden;
    color: var(--darkskyblue);
    margin: 0px 0.5% 0px 0px;
    vertical-align: middle;
    text-align: right;
    padding: 2px 0px 0px 0px;
}

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

.FormInput1 input {
    cursor: default !important;
}

.CalendarBG {
    background-color: #d8d8da;
    font-size: 11px;
    color: #313131;
    padding: 0px 2px 0px 2px;
    float: left;
    width: 109px;
    margin: 0px 5px 0px 0px;
}

    .CalendarBG input {
        background-color: #d8d8da !important;
        border: 1px solid #d8d8da !important;
    }

.FormtxtLabel {
    float: left;
    width: 9.9%;
    text-align: right;
    overflow: hidden;
    font-size: 11px;
    color: var(--darkskyblue);
    margin: 0px 5px 0px 0px !important;
    vertical-align: middle;
    padding: 5px 0px 0px 0px;
}

.Formdisplay {
    float: right;
    width: 33.5%;
    color: #313131;
    padding: 0px 0px;
    margin: 0px 0px 0px 0px;
}

.FormGroupContent {
    width: 100%;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px !important;
}

.FormGroupContentmainmodule {
    width: 100%;
    overflow: hidden;
    padding: 0px 0px 0px 0px;
    margin: 5px 0px 0px 0px;
}

.FormGroupContent h3 {
    margin: 5px 0px 5px 0px !important;
    font-size: 14px;
}

.FormGroupContent4 {
    width: 100%;
    float: left;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px !important;
}

.FormGroupContent5 {
    width: 100%;
    padding: 0px 0px 0px 0px;
    margin: 5px 0px 0px 0px !important;
}

.FormInput2 {
    float: left;
    width: 49.5%;
    margin: 0px 0.5% 0px 0px;
}

.FormInput4 {
    float: left;
    width: 80%;
    margin: 0px 0px 0px 0.5%;
}

.FormInput5 {
    float: left;
    width: 58.8%;
    margin: 0px 0px 0px 0px;
}

.FormInput5txtcharges {
    float: left;
    width: 59.8%;
    margin: 0px 0px 0px 0px;
}

.FormInput6 {
    float: left;
    width: 6.9%;
    margin: 0px 0px 0px 0.5%;
}

.FormInput7 {
    float: left;
    width: 14%;
    margin: 0px 0.5% 0px 0.5%;
}

.FormInputN5 {
    float: left;
    width: 58.8%;
    margin: 0px 0px 0px 0px;
}

.FormInput3 {
    float: left;
    width: 38%;
    margin: 0px 0.5% 0px 0px;
}

.FormInputbox1 {
    float: left;
    width: 24%;
    margin: 0px 0.5% 0px 0px;
}

.FormInputbox2 {
    float: left;
    width: 26.5%;
    margin: 0px 0px 0px 0px;
}

.FormInputbox3 {
    float: left;
    width: 12%;
    margin: 0px 0.5% 0px 0px;
}

.FormGroupContentComp {
    width: 100%;
    overflow: hidden;
    padding: 0px 0px 0px 0px;
    margin: 5px 0px 0px 0px;
}

.div_Grid1 {
    border: 1px solid var(--lightgrey);
    height: 200px;
}

.FormCarrier {
    float: left;
    width: 50%;
    margin: 0px 0.5% 0px 0px;
}

.ValidLabel {
    float: left;
    width: 6%;
    overflow: hidden;
    font-size: 11px;
    color: var(--darkskyblue);
    margin: 0px 0px 0px 0px;
    vertical-align: middle;
    padding: 5px 0px 0px 0px;
}

.BurateCal {
    float: left;
    width: 6.7%;
    margin: 0px 0px 0px 0.5%;
}

.FormRateInput {
    float: right;
    width: 18.7%;
    margin: 0px 0px 0px 0.5%;
    text-align: right;
}

.FormInputLab1 {
    float: left;
    width: 24%;
    margin: 0px 0.5% 0px 0px;
}

.FormInputLab2 {
    float: left;
    width: 25.5%;
    margin: 0px 0.5% 0px 0px;
}

.FormInputLab3 {
    float: left;
    width: 24%;
    margin: 0px 0.5% 0px 0px;
}

.FormInputLab4 {
    float: left;
    width: 25%;
    margin: 0px 0px 0px 0px;
}

.FreightDropDown {
    float: left;
    width: 14%;
    margin: 0px 0.5% 0px 0px;
    height: 18px;
}

.ShipmentDropdown {
    float: left;
    width: 13%;
    margin: 0px 0.5% 0px 0px;
}

.formdropdownbox {
    float: left;
    width: 11.5%;
    margin: 0px 0.5% 0px 0%;
}

.ChkboxDisplay {
    float: left;
    text-align: right;
    width: 7%;
    margin: 0px 0px 0px 0px;
    color: var(--darkskyblue);
    font-size: 11px;
}

.Formradbutton {
    color: var(--darkskyblue);
    float: left;
    width: 34%;
    margin: 0px 0px 0px 0.5%;
    font-size: 11px;
}

.FormCommodity {
    float: left;
    width: 49.5%;
    margin: 0px 0px 0px 0.5%;
}

.Formradbutton span {
    display: inline-block;
    margin: 2px 0px 0px 0px;
}

.MArCtrl {
    display: inline-block;
    margin: 0px 0px 0px 28px !important;
}

.ChkboxDisplay1 {
    float: left;
    width: 9%;
    margin: 3px 0px 0px 0px;
    color: var(--darkskyblue);
    font-size: 11px;
}

.ChkboxDisplay2 {
    float: left;
    width: 13%;
    margin: 3px 0px 0px 0px;
    color: var(--darkskyblue);
    font-size: 11px;
}

.RateObtainedBy {
    float: left;
    width: 78.5%;
    margin: 0px 0.5% 0px 0px;
}

.FormChargesInput {
    float: left;
    width: 67.5%;
    margin: 0px 0.5% 0px 0px;
}

.FormCurrRateInput {
    float: left;
    width: 4.5%;
    margin: 0px 0.5% 0px 0px;
}

.FormRateInputNew1 {
    float: left;
    width: 8.5%;
    margin: 0px 0px 0px 0px;
}

    .FormRateInputNew1 input {
        text-align: right;
    }

.FormRateInput {
    float: left;
    width: 16.1%;
    margin: 0px 0px 0px 0px;
}

.Base {
    float: left;
    width: 11%;
    margin: 0px 0px 0px 0.5%;
}

.TxtAlignctrl {
    text-align: right;
}

.MTOPCtrl {
    margin: 0px 0px 0px 0px !important;
}

.PL10 {
    padding-left: 2px !important;
}

/* ......buttonicons Start...... */

.btn-save {
    z-index: 2;
    border-radius: 0px;
}

    .btn-save input {
        border-style: none !important;
        border-color: inherit !important;
        border-width: medium !important;
        background: url(../img/buttonIcon/save_ic.png) no-repeat left top;
        line-height: normal;
        color: #4e4e4e !important;
        padding: 5px 13px 6px 28px !important;
        cursor: pointer;
    }

.btn-log {
    z-index: 2;
    border-radius: 0px;
}

    .btn-log input {
        border-style: none !important;
        border-color: inherit !important;
        border-width: medium !important;
        background: url(../img/buttonIcon/log.png) no-repeat left top;
        line-height: normal;
        color: #4e4e4e !important;
        padding: 5px 13px 6px 28px;
        cursor: pointer;
    }

.btn-changepass {
    z-index: 2;
    border-radius: 0px;
}

    .btn-changepass input {
        border-style: none !important;
        border-color: inherit !important;
        border-width: medium !important;
        background: url(../img/buttonIcon/changepassword_ic.png) no-repeat left top;
        line-height: normal;
        color: #4e4e4e !important;
        padding: 5px 13px 6px 28px;
        cursor: pointer;
    }

.btn-itcomputation {
    z-index: 2;
    border-radius: 0px;
}

    .btn-itcomputation input {
        border-style: none !important;
        border-color: inherit !important;
        border-width: medium !important;
        background: url(../img/buttonIcon/itcomputation_ic.png) no-repeat left top;
        line-height: normal;
        color: #4e4e4e !important;
        padding: 5px 13px 6px 28px;
        cursor: pointer;
    }

.btn-appraisal {
    z-index: 2;
    border-radius: 0px;
}

    .btn-appraisal input {
        border-style: none !important;
        border-color: inherit !important;
        border-width: medium !important;
        background: url(../img/buttonIcon/appraisal_ic.png) no-repeat left top;
        line-height: normal;
        color: #4e4e4e !important;
        padding: 5px 13px 6px 28px;
        cursor: pointer;
    }

.btn-claim {
    z-index: 2;
    border-radius: 0px;
}

    .btn-claim input {
        border-style: none !important;
        border-color: inherit !important;
        border-width: medium !important;
        background: url(../img/buttonIcon/claim_ic.png) no-repeat left top;
        line-height: normal;
        color: #4e4e4e !important;
        padding: 5px 13px 6px 28px;
        cursor: pointer;
    }

.btn-access {
    z-index: 2;
    border-radius: 0px;
}

    .btn-access input {
        border-style: none !important;
        border-color: inherit !important;
        border-width: medium !important;
        background: url(../img/buttonIcon/accessrights_ic.png) no-repeat left top;
        line-height: normal;
        color: #4e4e4e !important;
        padding: 5px 13px 6px 28px;
        cursor: pointer;
    }

.btn-appointment {
    z-index: 2;
    border-radius: 0px;
}

    .btn-appointment input {
        border-style: none !important;
        border-color: inherit !important;
        border-width: medium !important;
        background: url(../img/buttonIcon/appointmentletter_ic.png) no-repeat left top;
        line-height: normal;
        color: #4e4e4e !important;
        padding: 5px 13px 6px 28px;
        cursor: pointer;
    }

.btn-cancelApp {
    z-index: 2;
    border-radius: 0px;
}

    .btn-cancelApp input {
        border-style: none !important;
        border-color: inherit !important;
        border-width: medium !important;
        background: url(../img/buttonIcon/cancel_appointments_ic.png) no-repeat left top;
        line-height: normal;
        color: #4e4e4e !important;
        padding: 5px 13px 5px 28px !important;
        cursor: pointer;
    }


.btn-month {
    z-index: 2;
    border-radius: 0px;
}

    .btn-month input {
        border-style: none !important;
        border-color: inherit !important;
        line-height: normal;
        color: #4e4e4c !important;
        background: url(../img/buttonIcon/month_ic.png) no-repeat left top;
        padding: 5px 13px 5px 28px !important;
    }




.btn-earn {
    z-index: 2;
    border-radius: 0px;
}

    .btn-earn input {
        border-style: none !important;
        border-color: inherit !important;
        border-width: medium !important;
        line-height: normal;
        color: #4e4e4c;
        padding: 5px 13px 6px 28px !important;
        background: url(../img/buttonIcon/earned_ic.png) no-repeat left top;
    }

.ui-autocomplete-loading {
    background: var(--white) url("Auto_Load.gif") no-repeat right center;
}

.btn-pending {
    z-index: 2;
    border-radius: 0px;
}

    .btn-pending input {
        border: medium none !important;
        line-height: normal;
        color: #4e4e4c;
        padding: 5px 13px 6px 28px;
        background: url(../img/buttonIcon/pending_ic.png) no-repeat left top;
    }

.btn-confirm {
    z-index: 2;
    border-radius: 0px;
}

    .btn-confirm input {
        border: medium none !important;
        line-height: normal;
        color: #4e4e4c;
        padding: 5px 13px 6px 28px;
        background: url(../img/buttonIcon/confirm_ic.png) no-repeat left top;
    }

.btn-apply {
    z-index: 2;
    border-radius: 0px;
}

    .btn-apply input {
        border: medium none !important;
        line-height: normal;
        color: #4e4e4c;
        padding: 5px 13px 6px 28px;
        background: url(../img/buttonIcon/ok_ic.png) no-repeat left top;
    }

.btn-reuse {
    z-index: 2;
    border-radius: 0px;
}

    .btn-reuse input {
        border: medium none !important;
        line-height: normal;
        color: #4e4e4c;
        padding: 5px 13px 6px 28px;
        background: url(../img/buttonIcon/reuse_ic.png) no-repeat left top;
    }

.btn-mainfest {
    z-index: 2;
    border-radius: 0px;
}

    .btn-mainfest input {
        border: medium none !important;
        line-height: normal;
        color: #4e4e4c;
        padding: 5px 13px 6px 28px;
        background: url(../img/buttonIcon/mainfest_ic.png) no-repeat left top;
    }

.btn-annex1 {
    z-index: 2;
    border-radius: 0px;
}

    .btn-annex1 input {
        border: medium none !important;
        line-height: normal;
        color: #4e4e4c;
        padding: 5px 13px 5px 28px;
        background: url(../img/buttonIcon/approve_ic.png) no-repeat left top;
    }

.btn-form {
    z-index: 2;
}

    .btn-form input {
        border: medium none !important;
        background: url(../img/buttonIcon/approve1_ic.png) no-repeat left top;
        line-height: normal;
        color: #4e4e4c;
        padding: 5px 13px 5px 28px;
    }

.btn-Cont {
    z-index: 2;
    border-radius: 0px;
}

    .btn-Cont input {
        border: medium none !important;
        line-height: normal;
        color: #4e4e4c;
        background: url(../img/buttonIcon/confirmcheckreturn_ic.png) no-repeat left top;
        padding: 5px 13px 6px 28px;
    }

.btn-final {
    z-index: 2;
    border-radius: 0px;
}

    .btn-final input {
        border: medium none !important;
        line-height: normal;
        color: #4e4e4c;
        padding: 5px 13px 5px 28px;
        background: url(../img/buttonIcon/igm_ic.png) no-repeat left top;
    }

.btn-consol {
    z-index: 2;
    border-radius: 0px;
}

    .btn-consol input {
        background: url(../img/buttonIcon/appointmentletter_ic.png) no-repeat left top;
        border: medium none !important;
        line-height: normal;
        color: #4e4e4c;
        padding: 5px 13px 6px 28px;
    }

.btn-icd {
    z-index: 2;
    border-radius: 0px;
}

    .btn-icd input {
        border: medium none !important;
        line-height: normal;
        color: #4e4e4c;
        background: url(../img/buttonIcon/edi_ic.png) no-repeat left top;
        padding: 5px 13px 6px 28px;
    }

.btn-igm {
    z-index: 2;
    border-radius: 0px;
}

    .btn-igm input {
        border: medium none !important;
        line-height: normal;
        color: #4e4e4c;
        padding: 5px 13px 5px 28px;
        background: url(../img/buttonIcon/igm_ic.png) no-repeat left top;
    }

.btn-liner {
    z-index: 2;
    border-radius: 0px;
}

    .btn-liner input {
        border: medium none !important;
        line-height: normal;
        color: #4e4e4c;
        background: url(../img/buttonIcon/liner_ic.png) no-repeat left top;
        padding: 5px 13px 6px 28px;
    }

.btn-custom {
    z-index: 2;
    border-radius: 0px;
}

    .btn-custom input {
        border: medium none !important;
        line-height: normal;
        color: #4e4e4c;
        padding: 5px 13px 6px 28px;
        background: url(../img/buttonIcon/custom_edi_ic.png) no-repeat left top;
    }

.btn-print {
    z-index: 2;
    border-radius: 0px;
}

    .btn-print input {
        border: medium none !important;
        line-height: normal;
        color: #4e4e4c !important;
        padding: 5px 13px 7px 28px;
        background: url(../img/buttonIcon/print_ic.png) no-repeat left top;
    }

.btn-approve {
    z-index: 2;
    border-radius: 0px;
}

    .btn-approve input {
        border-style: none !important;
        border-color: inherit !important;
        border-width: medium !important;
        line-height: normal;
        color: #4e4e4c;
        padding: 5px 13px 5px 28px;
        background: url(../img/buttonIcon/approve_ic.png) no-repeat left top;
    }

.btn-transfer {
    z-index: 2;
    border-radius: 0px;
}

    .btn-transfer input {
        border: medium none !important;
        line-height: normal;
        color: #4e4e4c;
        padding: 5px 13px 6px 28px;
        background: url(../img/buttonIcon/transfer_ic.png) no-repeat left top;
    }

.btn-non {
    z-index: 2;
}

    .btn-non input {
        background-color: #4d545c !important;
        background-image: none !important;
        border: medium none !important;
        line-height: normal;
        color: var(--white);
        padding: 5px 13px;
    }

        .btn-non input:hover {
            background-color: var(--lightgrey) !important;
            background-image: none !important;
            border: medium none !important;
            line-height: normal;
            color: var(--black) 000;
        }

.btn-draft {
    z-index: 2;
}

    .btn-draft input {
        background-color: #c46429 !important;
        background-image: none !important;
        border: medium none !important;
        line-height: normal;
        color: var(--white);
        padding: 5px 13px;
    }

        .btn-draft input:hover {
            background-color: var(--lightgrey) !important;
            background-image: none !important;
            border: medium none !important;
            line-height: normal;
            color: var(--black) 000;
            padding: 5px 13px;
        }

.btn-orig {
    z-index: 2;
}

    .btn-orig input {
        background-color: #f2796c !important;
        background-image: none !important;
        border: medium none !important;
        line-height: normal;
        color: var(--white);
        padding: 5px 13px;
    }

        .btn-orig input:hover {
            background-color: var(--lightgrey) !important;
            background-image: none !important;
            border: medium none !important;
            line-height: normal;
            color: var(--black) 000;
        }

.btn-acd {
    z-index: 2;
}

    .btn-acd input {
        background-color: #b1b5c1 !important;
        background-image: none !important;
        border: medium none !important;
        line-height: normal;
        color: var(--white);
        padding: 5px 13px;
    }

        .btn-acd input:hover {
            background-color: var(--lightgrey) !important;
            background-image: none !important;
            border: medium none !important;
            line-height: normal;
            color: var(--black) 000;
        }

.btn-unclosed {
    z-index: 2;
}

    .btn-unclosed input {
        border: medium none !important;
        line-height: normal;
        color: #4e4e4c !important;
        padding: 5px 13px 5px 28px;
        background: url(../img/buttonIcon/viewunclosedjob_ic.png) no-repeat left top;
    }

.btn-annex {
    z-index: 2;
}

    .btn-annex input {
        background-color: #a796d4 !important;
        background-image: none !important;
        border: medium none !important;
        line-height: normal;
        color: var(--white);
        padding: 5px 13px;
    }

.btn-profoma {
    z-index: 2;
}

    .btn-profoma input {
        background: url(../img/buttonIcon/approve1_ic.png) no-repeat left top;
        border: medium none !important;
        line-height: normal;
        color: #4e4e4c;
        padding: 5px 13px 6px 28px;
    }

.btn-upd {
    z-index: 2;
}

    .btn-upd input {
        background: url(../img/buttonIcon/can_ic.png) no-repeat left top;
        border: medium none !important;
        line-height: normal;
        color: #4e4e4c;
        padding: 5px 13px 6px 28px;
    }

.btn-export {
    z-index: 2;
    border-radius: 0px;
}

    .btn-export input {
        border-style: none !important;
        border-color: inherit !important;
        border-width: medium !important;
        background: url(../img/buttonIcon/export_ic.png) no-repeat left top;
        line-height: normal;
        color: #4e4e4e !important;
        padding: 5px 13px 7px 28px !important;
        cursor: pointer;
    }

.btn-excel {
    z-index: 2;
    border-radius: 0px;
}

    .btn-excel input {
        border-style: none !important;
        border-color: inherit !important;
        border-width: medium !important;
        background: url(../img/buttonIcon/export_ic..png) no-repeat left top;
        line-height: normal;
        color: #4e4e4e !important;
        padding: 5px 13px 6px 28px !important;
        cursor: pointer;
    }

.btn-back {
    z-index: 2;
    border-radius: 0px;
}

    .btn-back input {
        border: medium none !important;
        line-height: normal;
        color: #4e4e4c;
        padding: 5px 13px 6px 28px;
        background: url(../img/buttonIcon/back_ic.png) no-repeat left top;
    }

.btn-clear {
    z-index: 2;
}

    .btn-clear input {
        border: medium none !important;
        line-height: normal;
        color: #4e4e4c;
        padding: 5px 13px 8px 28px;
        background: url(../img/buttonIcon/clear_ic.png) no-repeat left top;
    }

.btn-find {
    z-index: 2;
    border-radius: 0px;
}

    .btn-find input {
        border: medium none !important;
        line-height: normal;
        color: #4e4e4c;
        padding: 5px 13px 6px 28px;
        background: url(../img/buttonIcon/find_ic.png) no-repeat left top;
    }

.btn-edi {
    z-index: 2;
    border-radius: 0px;
}

    .btn-edi input {
        border: medium none !important;
        line-height: normal;
        color: #4e4e4c;
        padding: 5px 13px 6px 28px;
        background: url(../img/buttonIcon/edi_ic.png) no-repeat left top;
    }

.btn-view {
    z-index: 2;
}

    .btn-view input {
        border-style: none;
        border-color: inherit;
        border-width: medium;
        background: url(../img/buttonIcon/view_ic.png) no-repeat left top;
        line-height: normal;
        color: #4e4e4c !important;
        padding: 5px 13px 6px 28px;
    }

.btn-Gst {
    z-index: 2;
}

    .btn-Gst input {
        background: url(../img/buttonIcon/gst_ic.png) no-repeat left top;
        border: medium none;
        line-height: normal;
        color: #4e4e4c !important;
        padding: 5px 13px 6px 28px;
    }

.btn-upload {
    border-radius: 0px;
}

    .btn-upload input {
        background: url(../img/buttonIcon/upload_ic.png) no-repeat left top;
        border: medium none;
        line-height: normal;
        color: #4e4e4c !important;
        padding: 5px 13px 6px 28px;
    }

.btn-delete {
    border-radius: 0px;
}

    .btn-delete input {
        background: url(../img/buttonIcon/delete_ic.png) no-repeat left top;
        border: medium none;
        line-height: normal;
        color: #4e4e4c !important;
        padding: 5px 13px 6px 28px;
    }

.btn-cancel {
    z-index: 2;
    border-radius: 0px;
    top: 0px;
    left: 0px;
}

    .btn-cancel input {
        background: url(../img/buttonIcon/cancel_ic.png) no-repeat left top;
        border: medium none;
        line-height: normal;
        color: #4e4e4c !important;
        padding: 5px 13px 7px 28px;
    }

.btn-generate {
    z-index: 2;
    border-radius: 0px;
    top: 0px;
    left: 0px;
}

    .btn-generate input {
        background: url(../img/buttonIcon/generate_ic.png) no-repeat left top;
        border: medium none;
        line-height: normal;
        color: #4e4e4c !important;
        padding: 5px 13px 7px 28px;
    }

.btn-add {
    z-index: 2;
    border-radius: 0px;
}

    .btn-add input {
        border: medium none !important;
        line-height: normal;
        color: #4e4e4c !important;
        padding: 4px 13px 6px 28px;
        background: url(../img/buttonIcon/add_ic.png) no-repeat left top;
        border-radius: 0px;
        font-size: 11px;
    }

.ADDPad input {
    width: 65px !important;
}

.MT05 {
    margin-top: 5px;
}

.btn-send {
    z-index: 2;
    border-radius: 0px;
}

    .btn-send input {
        border: medium none;
        line-height: normal;
        color: #4e4e4c !important;
        padding: 5px 13px 6px 28px;
        background: url(../img/buttonIcon/send_xml.png) no-repeat left top;
    }

.btn-compare {
    z-index: 2;
    border-radius: 0px;
}

    .btn-compare input {
        border: medium none;
        line-height: normal;
        color: #4e4e4c !important;
        padding: 5px 13px 6px 28px;
        background: url(../img/buttonIcon/compare.png) no-repeat left top;
    }

.btn-get {
    z-index: 2;
    border-radius: 0px;
}

    .btn-get input {
        border: medium none;
        line-height: normal;
        color: #4e4e4c !important;
        padding: 5px 13px 6px 28px;
        background: url(../img/buttonIcon/get_ic.png) no-repeat left top;
    }

.btn-Unclosed {
    z-index: 2;
    border-radius: 0px;
}

    .btn-Unclosed input {
        border: medium none;
        line-height: normal;
        color: #4e4e4c;
        padding: 5px 13px 5px 28px;
        background: url(../img/buttonIcon/unclosedjobbooking_ic.png) no-repeat left top;
    }

.btn-update {
    z-index: 2;
    border-radius: 0px;
}

    .btn-update input {
        border: medium none;
        line-height: normal;
        color: #4e4e4c;
        padding: 5px 13px 8px 28px;
        background: url(../img/buttonIcon/update_ic.png) no-repeat left top;
    }

.btn-Reverse {
    z-index: 2;
    border-radius: 0px;
}

    .btn-Reverse input {
        border: medium none;
        line-height: normal;
        color: #4e4e4c;
        padding: 5px 13px 8px 28px;
        background: url(../img/buttonIcon/reverse_booking_ic.png) no-repeat left top;
    }

.btn-canprofrma {
    z-index: 2;
    border-radius: 0px;
}

    .btn-canprofrma input {
        border: medium none;
        line-height: normal;
        color: #4e4e4c;
        padding: 5px 13px 8px 28px;
        background: url(../img/buttonIcon/can_profoma_ic.png) no-repeat left top;
    }

.btn-Frieght {
    z-index: 2;
    border-radius: 0px;
}

    .btn-Frieght input {
        border: medium none;
        line-height: normal;
        color: #4e4e4c;
        padding: 5px 13px 8px 28px;
        background: url(../img/buttonIcon/freightCertificate_ic.png) no-repeat left top;
    }

.btn-branch {
    z-index: 2;
    border-radius: 0px;
}

    .btn-branch input {
        border: medium none;
        line-height: normal;
        color: #4e4e4c;
        padding: 5px 13px 5px 28px;
        background: url(../img/buttonIcon/branch_ic.png) no-repeat left top;
    }
/* ......buttonicons End...... */

.PaddCtrl1 input {
    padding: 2px 5px !important;
    height: 24px !important;
}

.tblGrid th:first-child {
    width: 60%;
}

.tblGrid tr {
    display: inherit !important;
}

/* ............Grid Tables Start................. */

.Grid,
.Grid1,
.Grid2,
.Grid3,
.Grid4,
.Grid5,
.Grid6,
.GridContra,
.GridS,
.GridC,
.GridG,
.tblGrid,
.GridEdu,
.GridOutStandingN,
.GridInvoice,
.GridN1,
.GridN2,
.GridN3,
.GridNew,
.tblGrid3,
.tblGridNEW1,
.tblGridNew2,
.tblGrid1,
.tblBuying1,
.tblGridN,
.tblGrid2,
.GridPalICD,
.TblGrid,
.TblGridS,
.TblGridS1,
.GridMIS,
.GridTD,
.PendingTblGrid {
    width: 100%;
    border: 0px solid var(--lightgrey);
    margin: 0px 0px 0px 0px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    border-collapse: collapse;
    border-bottom: 0 !important;
}

    .Grid th,
    .Grid1 th,
    .Grid2 th,
    .Grid3 th,
    .Grid4 th,
    .Grid5 th,
    .Grid6 th,
    .GridContra th,
    .GridS th,
    .GridC th,
    .GridG th,
    .tblGrid th,
    .GridEdu th,
    .GridOutStandingN th,
    .GridInvoice th,
    .GridN1 th,
    .GridN2 th,
    .GridN3 th,
    .GridNew th,
    .tblGrid3 th,
    .tblGridNEW1 th,
    .tblGridNew2 th,
    .tblGrid1 th,
    .tblBuying1 th,
    .tblGridN th,
    .tblGrid2 th,
    .GridPalICD th,
    .TblGrid th,
    .TblGridS th,
    .TblGridS1 th,
    .GridMIS th,
    .GridTD th,
    .PendingTblGrid th {
        color: #5e6e82 !important;
        color: white !important;
        text-align: left;
        padding: 5px 12px 5px 20px !important;
        font-size: 16px !important;
        font-weight: normal;
        /*background: #edf2f9;*/
        background: gray;
        /*border: 2px solid gray;*/
        border: none !important
    }

/*Added by praveen 30May2023*/
tr {
    border-bottom: 1px solid #edf2f9 !important;
}

.Grid td,
.Grid1 td,
.Grid2 td,
.Grid3 td,
.Grid4 td,
.Grid5 td,
.Grid6 td,
.GridContra td,
.GridS td,
.GridC td,
.GridG td,
.tblGrid td,
.GridEdu td,
.GridOutStandingN td,
.GridInvoice td,
.GridN1 td,
.GridN2 td,
.GridN3 td,
.GridNew td,
.tblGrid3 td,
.tblGridNEW1 td,
.tblGridNew2 td,
.tblGrid1 td,
.tblBuying1 td,
.tblGridN td,
.tblGrid2 td,
.GridPalICD td,
.TblGrid td,
.TblGridS td,
.TblGridS1 td,
.GridMIS td,
.GridTD td,
.PendingTblGrid td {
    font-size: 16px !important;
    text-align: left;
    padding: 12px 12px 12px 20px !important;
    margin: 0px;
    color: #5e6e82;
    border-bottom: 0 !important;
    border-top: 0 !important;
    border-left: 0 !important;
}

.Grid tr:last-child,
.GridEdu tr:last-child,
.GridOutStandingN tr:last-child {
    color: #ab1e1e !important;
}

/* ............Grid Tables End.................... */

.P15 {
    padding: 15px 0px 15px 0px;
}

.MCtrl {
    margin: 0px 0px 0px 6px;
}

.PR10 {
    padding-right: 10px;
}

.WidthCtrl {
    width: 91%;
    margin: 0px 0px 15px 15px !important;
    padding: 9px 0px 0px 0px !important;
}

.FooterCont {
    background-color: #647682;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 1366px;
    z-index: 999;
    margin: 20px auto 0px auto;
    padding: 5px 0px 5px 0px;
}

    .FooterCont p {
        text-align: center;
        padding: 5px 0px 5px 0px;
        margin: 0px 0px 0px 0px;
        font-size: 11px;
        color: #e9eef2;
    }

.project-switcher {
    display: none;
    background-color: #255aa2;
}

    .project-switcher.open {
        display: block;
    }

    .project-switcher #frame {
        height: 150px;
    }

    .project-switcher .project-list {
        float: left;
        height: 100%;
        list-style: none outside none;
        margin: 0;
        padding: 10px 0;
    }

        .project-switcher .project-list li {
            display: inline-block;
            padding: 0px;
            color: var(--white);
            border-right: 1px solid rgba(0, 0, 0, 0.2);
        }

            .project-switcher .project-list li:last-child {
                border-right: none;
            }

            .project-switcher .project-list li a {
                color: var(--white);
                display: block;
                padding: 5px 20px;
                opacity: 0.9;
            }

                .project-switcher .project-list li a:hover {
                    background-color: rgba(255, 255, 255, 0.07);
                    text-decoration: none;
                    opacity: 1;
                    height: 25px;
                }

                .project-switcher .project-list li a:active {
                    background-color: rgba(0, 0, 0, 0.07);
                    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.34) inset;
                    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.34) inset;
                    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.34) inset;
                }

            .project-switcher .project-list li .image,
            .project-switcher .project-list li .title {
                display: block;
                float: left;
            }

                .project-switcher .project-list li .image i {
                    font-size: 18px;
                }

            .project-switcher .project-list li .title {
                font-weight: 500;
            }

            .project-switcher .project-list li .image + .title {
                padding-left: 10px;
            }

            .project-switcher .project-list li.current a {
                background-color: rgba(0, 0, 0, 0.07);
                -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.34) inset;
                -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.34) inset;
                box-shadow: 0 1px 1px rgba(0, 0, 0, 0.34) inset;
            }



.navbar {
    /*font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
 
    height: 64px;
    filter: none;
    top: 0;
    right: 0;
    left: 0;
    z-index: 9999;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;*/
    /*div style restored to maintain 1366px screen size    Dhayanithi & Praveen 2023-05-18*/
    /*border-left: 1px solid #e0e0e0;*/
    /*border-bottom: 0px solid #e0e0e0;*/
    /*Added by Praveen 23Jun2023*/
    /*box-shadow: 0px 20px 20px -20px rgb(193 200 213);
    margin-bottom: 0px !important;*/
}





    .navbar > .container {
        /*div style restored to maintain 1366px screen size    Dhayanithi & Praveen 2023-05-18*/
        /*padding-left: 20px;*/
        padding-left: 10px;
        padding-right: 20px;
        padding-top: 1px !important;
        padding-bottom: 1px !important;
    }

.navbar-right {
    float: right !important;
}

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

.navbar-text {
    line-height: 48px;
    color: var(--white);
}





.navbar .navbar-brand {
    /*color: var(--white);*/
    /*color: #2a2e66;*/
    /*font-size: 18px !important;*/
    /*font-size: 15px !important;
    line-height: 45px;
    margin-left: 0 !important;
    margin-right: 0;
    max-width: none;
    overflow-x: hidden;
    padding: 0;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;*/
}

.navbar .toggle-sidebar {
    float: left;
    margin-left: -50px;
    display: inline-block;
    position: relative;
    color: var(--white);
    padding: 14px;
    font-size: 14px;
    text-decoration: none;
}

    .navbar .toggle-sidebar:hover {
        background: rgba(255, 255, 255, 0.05);
    }




.navbar .divider-vertical {
    height: 48px;
    border-left: 1px solid #1b5b66;
    border-right: 1px solid var(--white);
}

.navbar .nav > li {
    line-height: 28px;
}

    .navbar .nav > li.nav-toggle {
        display: none;
    }

    .navbar .nav > li:active,
    .navbar .nav li.dropdown.open > .dropdown-toggle,
    .navbar .nav li.dropdown.active > .dropdown-toggle,
    .navbar .nav li.dropdown.open.active > .dropdown-toggle,
    .navbar .toggle-sidebar:active {
        color: var(--white);
        background: #042a5e;
        -webkit-box-shadow: 1px 0 0 rgba(0, 0, 0, 0.25) inset, -1px 0 0 rgba(0, 0, 0, 0.25) inset;
        -moz-box-shadow: 1px 0 0 rgba(0, 0, 0, 0.25) inset, -1px 0 0 rgba(0, 0, 0, 0.25) inset;
        box-shadow: 1px 0 0 rgba(0, 0, 0, 0.25) inset, -1px 0 0 rgba(0, 0, 0, 0.25) inset;
    }

.Clear {
    clear: both;
}

.Gridpnl1 > div {
    height: 160px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.Formdisplay > input {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.borderremove {
    border: 0px solid var(--lightgrey) !important;
}

.PaDtopCtrl {
    padding: 10px 0px 0px 0px !important;
}

.CHhomeC {
    width: 100%;
    padding: 20px;
}

.Homebox1 {
    width: 100%;
    margin: 20px 0px 40px 0px;
    overflow: hidden;
}

.Box1 {
    width: 237px;
    height: 159px;
    border: 1px solid #d1d1d1;
    background: url(../img/boxbg.jpg) repeat-x left top;
    float: left;
    margin: 0px 15px 0px 0px;
    text-align: center;
}

    .Box1 > img {
        padding: 20px 0px 0px 20px;
    }

.Homebox1 p {
    font-size: 18px;
    text-decoration: none;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    color: #184684;
    vertical-align: bottom;
}

.Homebox1 a {
    text-decoration: none;
}

.imgheight {
    height: 56px;
    width: 103px;
    margin: auto;
    padding: 20px 0px 20px 0px;
}

.Padtop {
    padding-top: 5px;
}

/* Booking Styles Start */

.QuotationLabel {
    float: left;
    margin: 0px 0.5% 0px 0px;
    color: var(--red);
    font-size: 11px;
    width: 5.5%;
}

    .QuotationLabel a {
        color: var(--red) !important;
    }

.QuotationInput {
    float: left;
    margin: 0px 0.5% 0px 0px;
    width: 11.2%;
}

.QuotationValue {
    float: left;
    margin: 0px 0.5% 0px 0px;
    width: 7%;
}

    .QuotationValue input {
        cursor: default !important;
    }

.ValidLabel1 {
    float: left;
    color: var(--darkskyblue);
    padding: 3px 0px 0px 0px;
    margin: 0px 0.5% 0px 0px;
    font-size: 11px;
    width: 4%;
}

.ValidCalendar {
    float: left;
    margin: 0px 0.5% 0px 0px;
    width: 7%;
}

.BuyrateLabel {
    float: left;
    margin: 0.2% 0.3% 0px 0px;
    text-align: right;
    padding: 0px 0px 0px 0px;
    width: 9.8%;
}

    .BuyrateLabel a {
        color: var(--red);
        font-size: 11px;
    }

.BuyrateLabel1 {
    float: left;
    margin: 0px 0.1% 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 18%;
}

    .BuyrateLabel1 a {
        color: var(--red);
        font-size: 11px;
    }

.BuyRateInput {
    float: left;
    width: 6%;
    margin: 0px 0.1% 0px 0px;
}

.BuyRateDisable {
    float: left;
    width: 10%;
    margin: 0px 0.2% 0px 0px;
}

    .BuyRateDisable input {
        cursor: default !important;
    }

.ShipperInput {
    float: left;
    width: 90%;
    margin: 6px 0px 0px 0px;
}

.Addbutton {
    float: right;
    width: 8.6%;
    margin: 6px 0px 0px 0px;
}

.BoolkingLeft {
    float: left;
    width: 74.5%;
    margin: 0px 0px 0px 0px;
}

.BookingRight {
    float: left;
    width: 25.5%;
    margin: 0px 0px 0px 0px;
}

.MarketLabel {
    float: left;
    width: 13%;
    font-size: 11px;
    margin: 0px 0.5% 0px 0px;
}

.MarketInput {
    float: left;
    width: 40%;
    margin: 0px 0.5% 0px 0px;
}

.BookingLabel {
    float: left;
    width: 7%;
    text-align: right;
    font-size: 11px;
    margin: 0.2% 0.2% 0px 0px;
}

    .BookingLabel a {
        color: var(--red) !important;
        font-size: 11px;
    }

.BookingInput {
    float: left;
    width: 9%;
    margin: 0px 0.2% 0px 0.2%;
}

.BookingCalendar {
    float: left;
    width: 7%;
    margin: 0px 0px 0px 0px;
}

    .BookingCalendar input {
        width: 100%;
        font-size: 11px;
        margin: 0px 0px 0px 0px;
        height: 23px;
    }

.ShippInputbox {
    width: 33%;
    float: left;
    margin: 0px 0.3% 0px 0px;
}

.ConsignInputN {
    width: 33%;
    float: left;
    margin: 0px 0.3% 0px 0px;
}

.QuotationBox {
    width: 32.5%;
    float: left;
    margin: 0px 0px 0px 0.5%;
}

.FormBox1 {
    width: 66.5%;
    float: left;
    margin: 0px 0.3% 0px 0px;
}

.Formbox2 {
    width: 33%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.Form1 {
    width: 49.5%;
    float: left;
    margin: -2px 0.5% 0px 0px;
}

.Form2 {
    width: 49.5%;
    float: left;
    margin: -2px 0px 0px 0px;
}

.QuotationRem {
    width: 99.4%;
    float: left;
    margin: 0px 5px 0px 0px;
}

.Form2.TxtboxHeight textarea.form-control {
    height: 23px;
    margin-top: 10px;
}

.FormInner1 {
    width: 100%;
    float: left;
    margin: 5px 0px 0.5% 0px;
}

.FormInner2 {
    width: 100%;
    float: left;
    margin: 6px 0px 0px 0px;
    height: 27px;
}

.FormBoxForm1 {
    width: 48.5%;
    float: left;
    margin: 0px 0.3% 4px 0px;
}

    .FormBoxForm1 input {
        cursor: default !important;
    }

.FormBoxForm2 {
    width: 49%;
    float: left;
    margin: 0px 0px 4px 0px;
}

    .FormBoxForm2 input {
        cursor: default !important;
    }

.FormMedium {
    float: left;
    width: 98%;
    margin: 0px 0px 0px 0px;
}

    .FormMedium input {
        cursor: default !important;
    }

.MT1 {
    margin-top: 1px !important;
}

.MTSpace {
    margin: 5px 0px 0px 0px;
}

.IncoInput {
    width: 11%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.AppLabel {
    width: 69.4%;
    float: left;
    font-size: 11px;
    text-align: right;
    margin: 2px 0.3% 0px 0px;
}

.VolumeInput {
    width: 17.7%;
    float: left;
    margin: 0px 0.5% 0px 0.5%;
}

    .VolumeInput input {
        cursor: default !important;
    }

.VolumeLabel {
    width: 6%;
    float: left;
    font-size: 11px;
    margin: 2px 0px 0px 0.3%;
}

.TableLeft {
    width: 49.5%;
    float: left;
    margin: 0px 3px 0px 0px;
}

.TableRight {
    width: 50.2%;
    float: left;
    margin: 0px 0px 0px 0px;
}

    .TableRight span {
        display: inline-block;
        padding: 0px 0px 0px 0px;
    }

.divborder {
    width: 100%;
    height: 1px;
    float: left;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.25);
    margin: 10px 0px 10px 0px;
}

.MTCtrlHead {
    margin-top: 5px !important;
}

.WidthCtrl1 {
    width: 100%;
}

.CancelBooking {
    font-size: 11px;
    padding: 3px 0 0 0px;
    width: 18%;
    float: left;
    margin: 0px 13px 0px 0px;
}

.Previous {
    width: 15%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.VesselInput {
    width: 20.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.VoyageInput {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.VoyageInputN4 {
    width: 12%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.PolInput {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.PolCal {
    width: 9%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.PodInput {
    width: 12.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.PodCal {
    width: 9%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.PodADD {
    width: 5%;
    float: left;
    margin: 0px 0px 0px 0.1%;
}

.Pol {
    width: 12.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CalNew1 {
    width: 9%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

#logix_CPH_vsltype_chzn {
    width: 100% !important;
}

.CHAInput {
    width: 56%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.GrossWT {
    width: 8.1%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CustomerInput {
    width: 74%;
    margin: 0px 0.5% 0px 0px;
    float: left;
}

.CustomerInputN3 {
    width: 35%;
    margin: 0px 0.5% 0px 0px;
    float: left;
}

.PanInupt {
    width: 14%;
    margin: 0px 0.5% 0px 0px;
    float: left;
}

.CategoryDrop {
    width: 13%;
    margin: 0px 0.5% 0px 0px;
    float: left;
}

#logix_CPH_ddlCategory_chzn {
    width: 100% !important;
}

.RegInput {
    width: 15%;
    margin: 0px 0.5% 0px 0px;
    float: left;
}

.RegCal1 {
    width: 8%;
    margin: 0px 0.5% 0px 0px;
    float: left;
}

.RegCal2 {
    width: 8.2%;
    margin: 0px;
    float: left;
}

.DocInput {
    width: 44.4%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.PTCInput {
    width: 22.4%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.PhoneInput {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MobileInput {
    width: 16.7%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.EmailInput {
    width: 67.2%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ClientType {
    width: 8.8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Aboutinput {
    width: 32.3%;
    float: left;
    margin: 0px;
}

#logix_CPH_ddlCredittype_chzn {
    width: 100% !important;
}

.VolumeTypeInput {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.VolumeTypeDrop {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

#logix_CPH_ddlvolumetype_chzn {
    width: 100% !important;
}

.RevenueInput {
    width: 14%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .RevenueInput input {
        text-align: right;
    }

.CreditTypeDrop {
    width: 10.6%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CreditDaysInput {
    width: 9%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CreditAmountInput {
    width: 13.1%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .CreditAmountInput input {
        text-align: right;
    }

.SalesInput {
    width: 32.2%;
    float: left;
    margin: 0px;
}

.OwnerDrop {
    width: 33.1%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.BranchDrop {
    width: 29%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.RemarksInput {
    width: 99.6%;
    float: left;
}

.RadRadio {
    width: 6%;
    float: left;
    margin: 5px 0.5% 0px 0px;
}

    .RadRadio input {
        margin: 0px 0.5% 0px 0px;
    }

    .RadRadio label {
        display: inline-block;
        vertical-align: top;
        margin: -3px 0px 0px 3px;
        padding: 0px 0px 0px 0px;
    }

.TrendRadio {
    width: 9%;
    float: left;
    margin: 5px 0.5% 0px 0px;
}

    .TrendRadio input {
        margin: 0px 0.5% 0px 0px;
    }

    .TrendRadio label {
        display: inline-block;
        margin: -3px 0px 0px 3px;
        vertical-align: top;
        padding: 0px 0px 0px 0px;
    }

.FromLabel {
    width: 3%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ToLabel {
    width: 2%;
    float: left;
    margin: 0px 0.5% 0px 10px;
}

    .ToLabel label {
        font-size: 11px;
    }

    .ToLabel span {
        font-size: 11px;
    }

.FromInput {
    width: 6%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ToCalInput {
    width: 6%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

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

.LblText {
    color: var(--red);
    width: 100%;
    text-align: center;
}

.LblTextpro {
    color: var(--red);
    text-align: center;
}

.CustomerFrmInput {
    width: 75%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.VisibleLabel {
}

.LabelChkBox {
    width: 2%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ChkLabel {
    width: 4%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ExportBtn {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0.5%;
}

.ExportCancel {
    width: 15%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.ExemptedLabel {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
    font-size: 11px;
    font-weight: 600;
}

.ExemptInput {
    width: 25%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ExemOnLabel {
    width: 12%;
    float: right;
    font-size: 11px;
    font-weight: 600;
    margin: 0px 0px 0px 0px;
}

.ExemonInput {
    width: 9%;
    font-size: 11px;
    float: right;
    margin: 0px 0px 0px 0px;
}

.BlInput {
    width: 40%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.DateInput {
    width: 17%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.CreditInput {
    width: 20%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CreditDayInput {
    width: 25.5%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.ShipperBox {
    width: 50%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ConsBox {
    width: 49.5%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.RemarkExe {
    width: 74%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.TotalInput {
    width: 25.3%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.ApproveInput {
    width: 33%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.UsedInput {
    width: 33%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ApprovedByInput {
    width: 32.8%;
    float: left;
    margin: 0px 0px 0px 0px;
}

#logix_CPH_cmbbranch_chzn {
    width: 100% !important;
}

#logix_CPH_cmbproduct_chzn {
    width: 100% !important;
}

#logix_CPH_cmbmonth_chzn {
    width: 100% !important;
}

#logix_CPH_cmbyear_chzn {
    width: 100% !important;
}
/* Booking Styles End */
/* Credit Approval Styles Start */

.CompanyDrop {
    width: 74%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CompanyBranch {
    width: 27.2%;
    float: left;
}

    .CompanyBranch input {
        cursor: default !important;
    }

.DsoInput {
    width: 54%;
    float: left;
    margin: 0px 0% 0px 0px;
}

    .DsoInput input {
        cursor: default !important;
    }

.invoiceAmount {
    width: 53.9%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .invoiceAmount input {
        cursor: default !important;
    }

.AverageAmount {
    width: 53.8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .AverageAmount input {
        cursor: default !important;
    }

.AmountInput {
    width: 53.8%;
    float: left;
    margin: 0px 0px 0px 0px;
}

    .AmountInput input {
        cursor: default !important;
        text-align: right;
    }

.Outstanding {
    width: 53.8%;
    float: left;
    margin: 0px 0% 0px 0px;
}

    .Outstanding input {
        cursor: default !important;
    }

.LessInput {
    width: 53.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .LessInput input {
        cursor: default !important;
    }

.ActualInput {
    width: 54%;
    float: left;
    margin: 0px 0px 0px 0px;
}

    .ActualInput input {
        cursor: default !important;
    }

.InvoiceLabel {
    width: 100%;
    float: left;
    text-align: center;
    padding: 10px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    color: var(--red);
    font-size: 11px;
}

.CustomerLabel1 {
    width: 12%;
    float: left;
    margin: 0px 0.5% 0px 0px;
    color: var(--red);
    font-size: 11px;
}

    .CustomerLabel1 a {
        color: var(--red) !important;
    }

.CustomerInput2 {
    width: 30%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ChkBox {
    width: 10%;
    float: right;
    margin: 0px 0px 0px 0.5%;
}

    .ChkBox label {
        margin: 0px 0px 0px 5px;
    }

.CRDInput {
    width: 18%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .CRDInput input {
        cursor: default !important;
    }

.FormGroupContent .CRDInput input {
    background-color: var(--white);
    cursor: default !important;
    text-align: right;
}

.FormGroupContent .ApproveInputBox input {
    background-color: var(--white);
    cursor: default !important;
    text-align: right;
}

.ApproveInputBox {
    float: left;
    width: 20%;
    margin: 0px 0.5% 0px 0px;
}

.FormGroupContent textarea {
    height: 63px !important;
}

.FormGroupContent4 textarea {
    height: 63px !important;
}

.FormGroupContentmainmodule textarea {
    height: 150px !important;
}

.PerDocument {
    width: 20%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.AllowedOverdue {
    width: 20%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.FormGroupContent .DsoInput input {
    background-color: var(--white);
    cursor: pointer;
    text-align: right;
}

.FormGroupContent .invoiceAmount input {
    background-color: var(--white);
    cursor: pointer;
    text-align: right;
}

.FormGroupContent .AverageAmount input {
    background-color: var(--white);
    cursor: pointer;
    text-align: right;
}

.FormGroupContent .AmountInput input {
    background-color: var(--white);
    cursor: pointer;
    text-align: right;
}

.FormGroupContent .Outstanding input {
    background-color: var(--white);
    cursor: pointer;
    text-align: right;
}

.FormGroupContent .LessInput input {
    background-color: var(--white);
    cursor: pointer;
    text-align: right;
}

.FormGroupContent .ActualInput input {
    background-color: var(--white);
    cursor: pointer;
    text-align: right;
}

.FormGroupContent .CompanyDrop .chzn-container-single .chzn-single {
    background-color: var(--white);
    border: 1px solid #d7d8db;
    padding: 3px;
    height: 23px;
}

.InvoiceLabel label {
    text-align: center;
}

.ApproveBYInput {
    float: left;
    width: 21.19%;
    margin: 0px 0.5% 0px 0px;
}

    .ApproveBYInput input {
        cursor: default !important;
    }

.ApproveAmountTxt {
    float: left;
    width: 45.5%;
    margin: 0px 0.5% 0px 0px;
}

    .ApproveAmountTxt input {
        text-align: right;
    }

.ApproveDays input {
    text-align: right;
}

#logix_CPH_ddlApptype_chzn {
    width: 100% !important;
}

#logix_CPH_ddl_per_chzn {
    width: 100% !important;
}

.ApproveDays {
    float: left;
    width: 15%;
    margin: 0px 0% 0px 0px;
}

.DaysDisabel {
    float: left;
    width: 13%;
    margin: 0px;
}

    .DaysDisabel input {
        cursor: default !important;
    }

.FormGroupContent1 {
    width: 100%;
    float: left;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px !important;
}

.FormGroupContent2 {
    width: 100%;
    float: left;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px !important;
}

.FormGroupContent3 {
    width: 100%;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px !important;
    overflow: hidden;
}

.TxtExemptions {
    width: 21%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .TxtExemptions input {
        cursor: default !important;
    }

.DayPerAnnual {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.OvedueInput {
    width: 21%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .OvedueInput input {
        text-align: right;
        cursor: default !important;
    }

.CancelLink {
    width: 17%;
    float: left;
    font-size: 11px;
    margin: 5px 0.5% 0px 6px;
}

    .CancelLink a {
        color: var(--red);
    }

.CreditLink {
    width: 26%;
    float: left;
    font-size: 11px;
    margin: 5px;
    text-align: right;
}

    .CreditLink a {
        color: var(--red);
    }

/* Credit Approval Styles End */

/* Buying Rate Query Styles Start */
.POLForm {
    width: 29%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.PODForm {
    width: 29%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.BaseDrop {
    width: 13%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Expireradio {
    width: 1%;
    float: left;
    margin: 0px 0.2% 0px 0.5%;
}

.LabelExpire {
    width: 5%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.Liverad {
    width: 1%;
    float: left;
    margin: 0px 0.2% 0px 0px;
}

.LiveLabel {
    width: 3%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.BothForm {
    width: 1%;
    float: left;
    margin: 0px 0.2% 0px 0px;
}

.Bothlabel {
    width: 6%;
    float: left;
    margin: 0px 0px 0px 0px;
}
/* Buying Rate Query Styles End */

/* Sales Person Styles Start */
.FromLabel1 {
    width: 4%;
    float: left;
    font-size: 11px;
    margin: 3px 0.5% 0px 0px;
}

.FromCal {
    width: 6%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ToLabel1 {
    width: 2%;
    float: left;
    font-size: 11px;
    margin: 3px 0.5% 0px 0px;
}

.ToCall {
    width: 6%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

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

.icon-angle-right {
    margin: -19px 0 0 -13px;
}

/* saf3+, chrome1+ */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .icon-angle-right {
        margin: -1px 0 0 -13px;
    }
}

#sidebar ul#nav ul.sub-menu #divsales a {
    font-weight: normal;
    text-transform: none;
}

#sidebar ul#nav ul.sub-menu ul.sub-menu > li {
    border-bottom: medium none;
    border-left: 1px solid #d1d1d1;
}
/* Sales Person Styles End */

/* Customer Budget Styles Start */
.BudgetName {
    width: 50.1%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.BudgetBranch {
    width: 49.4%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.MonthInput {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.YearInput {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ProductInput {
    width: 24%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.UnitsInput1 {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.TypeInput {
    width: 12%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.RetentionInput {
    width: 18%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Btnright {
    width: 10%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.CustomerInputN2 {
    width: 72%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.PortInput {
    width: 20%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Unitinput1 {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.RententionInput1 {
    width: 23%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.FloatRight {
    float: right;
    width: 41.5%;
}

.FloatRightTally {
    float: right;
    width: 37.5%;
}

.TotalLabel {
    float: left;
    width: 9%;
    margin: 0px 0.5% 0px 0px;
}

.UnitInputN2 {
    float: right;
    width: 114px;
    margin: 0px 58px 0px 0.5%;
}

.UnitInputN2B {
    float: right;
    width: 114px;
    margin: 0px 61px 0px 0.5%;
}

.RententionInput2 {
    float: left;
    width: 122px;
    margin: 0px 0px 0px 0px;
}

.RententionInput2B {
    float: left;
    width: 118px;
    margin: 0px 0px 0px 47px;
}

.Floatright1 {
    float: right;
    margin: 10px 0px 0px 0px;
}

.PadCtrl1 {
    padding: 0px !important;
}

.PadCtrl2 {
    margin: 0px !important;
    padding: 0px !important;
}

.PadCtrl3 {
    margin: 0px !important;
    padding: 1px 0.3% 1px 0.3% !important;
}

.PadCtrl5 {
    padding: 3px 0px !important;
}

.FLR {
    float: right;
}
/* Customer Budget Styles End */

/* Query Styles Start */

.JobInput16 {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.VesselInput1 {
    width: 25%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.VoyageInput1 {
    width: 20.2%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.VoyageInputN1 {
    width: 22.2%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MBLInput1 {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ContainerInput {
    width: 16%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ShippingBillInput {
    width: 16.3%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.CustomerQuery {
    width: 56.2%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.BookingInput1 {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CustomerName {
    width: 16%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.PODInput1 {
    width: 16.3%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.CBMInput {
    width: 5.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.GrossInput {
    width: 9.9%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}
/* Query Styles End */

/* PO Container Styles Start */

.BookingLabel1 {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .BookingLabel1 a {
        color: var(--red) !important;
    }

.BookingCustomer {
    width: 16.4%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Podcust {
    width: 72.6%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.BookingCusInput {
    width: 58.6%;
    float: left;
    margin: 0px;
}

    .BookingCusInput input {
        cursor: default;
    }

.AgentInput {
    width: 49%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.AgentRefer {
    width: 50.5%;
    float: left;
    margin: 0px;
}

.InvoiceInput {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.InvoiceCal {
    width: 11%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.POInput {
    width: 7%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.StyleInput {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.DesInput {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.QTYInput {
    width: 7.2%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.UniInput {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.WeightInputN {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CartoonInput {
    width: 10.7%;
    float: left;
    margin: 0px;
}

.DeliveryInput {
    width: 26.4%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.DelCal {
    width: 11%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.RemarkInput1 {
    width: 29.3%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.contInput {
    width: 31.7%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.contInput1 {
    width: 26.4%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.contInput2 {
    width: 26.4%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

/* PO Container Styles End */

/* Stuffing Confirmation Styles Start */

.JobLabel {
    width: 6%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.JboInput1 {
    width: 7%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.FVesselInput1 {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.POLInput1 {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ETDInput {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.PODInput2 {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ETAInput1 {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ETALabel {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.BookingNoNew {
    width: 20%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.FormGroup1 {
    width: 84%;
    float: left;
    border-right: 1px dotted rgba(0, 0, 0, 0.25);
    padding: 0px 5px 0px 0px;
    margin: 0px 0.5% 0px 0px;
}

.FormGroup2 {
    width: 15.5%;
    float: left;
    margin: 0px;
}

.FormBoxLeft {
    width: 70%;
    float: left;
    margin: 0px 0.5% 0px 0px;
    padding: 0px 5px 0px 0px;
}

.FormBoxRight {
    width: 29.4%;
    float: left;
    margin: 0px;
}

.SBInput {
    width: 40%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.SBCal {
    width: 17%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.PkgsInput {
    width: 20%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.PkgType1 {
    width: 21.5%;
    float: left;
    margin: 0px;
}

.WeightInput {
    width: 40.1%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.VolumeInput1 {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ExporterInput {
    width: 43.81%;
    float: left;
}

.DestinationInput {
    width: 56%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.InvoicePakaging {
    width: 33%;
    float: left;
    margin: 0px 0px 0px 10px;
}

    .InvoicePakaging label {
        margin: 0px 0px 0px 10px !important;
    }

.RemarksField {
    width: 90%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CalDisable {
    width: 57.7%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MVesselInput {
    width: 62%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.POYInput1 {
    width: 57.5%;
    float: left;
    margin: 0px 0px 0px 1.6%;
}

.POYInputN1 {
    width: 40.5%;
    float: left;
    margin: 0px 0px 0px 1.6%;
}

.RemarksInput2 {
    width: 74%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.rightbtn {
    width: 10%;
    float: left;
    margin: 0px;
}

.GridLeft {
    width: 50%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.GridRight {
    width: 49.5%;
    float: left;
    margin: 0px;
}

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

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

.MovementInput {
    width: 50%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.FDInput {
    width: 49.4%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.NewsInput {
    width: 50%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CalNews {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.NewsRemarks {
    width: 38.9%;
    float: left;
}

.MailInput {
    width: 99.9%;
    float: left;
    margin: 0px;
}

.btnheight {
    height: 23px !important;
    text-align: center;
}

    .btnheight input {
        line-height: 12px !important;
    }

.WidthCtr3 {
    width: 60px !important;
}

.btnwidth {
    float: left;
    width: 43px !important;
}
/* Stuffing Confirmation Styles End */

/* Loading Confirmation Styles Start */
.BLINput1 {
    width: 70.6%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.VSLINput {
    width: 28.9%;
    float: left;
    margin: 0px;
}

.AspLabel {
    float: left;
    width: 12%;
    margin: 0px 0.5% 0px 0px;
}

.dodateInput {
    float: left;
    width: 15%;
}

.ShipperConfir {
    float: left;
    width: 49.5%;
    margin: 0px 0.5% 0px 0px;
}

.PORInput {
    float: left;
    width: 25%;
    margin: 0px 0.5% 0px 0px;
}

.POLInput2 {
    float: left;
    width: 28.8%;
    margin: 0px 0.5% 0px 0px;
}

.ConInput {
    float: left;
    width: 50%;
    margin: 0px 0px 0px 0px;
}

.PODInput3 {
    float: left;
    width: 19.3%;
    margin: 0px 0.5% 0px 0px;
}

.FDInput1 {
    float: left;
    width: 25.4%;
}

.AgentMail {
    float: left;
    width: 99.9%;
    margin: 0px 0px 0px 0px;
}

.ChkBox1 {
    float: left;
    width: 4%;
    margin: 0px;
}

.AgentInput1 {
    float: left;
    margin: 0px 0.5% 0px 0px;
    width: 79.3%;
}

.ContainerInput1 {
    float: left;
    margin: 0px;
    width: 20.1%;
}
/* Loading Confirmation Styles End */

/* Query Styles Start */

.JboNoInput {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.VesselInput2 {
    width: 24%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.VoyageInput2 {
    width: 20%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.VoyageInputN2 {
    width: 22%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MBLInput2 {
    width: 14%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ContainerInput2 {
    width: 14.1%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ShippingInput2 {
    width: 14.4%;
    float: left;
    margin: 0px;
}

/* Query Styles End */

/* Pre Alert CSS Styles Start */
.JobLabel1 {
    float: left;
    margin: 0px 0.5% 0px 0px;
    width: 3%;
    text-align: left;
}

    .JobLabel1 a {
        color: var(--red) !important;
    }

.JobNoInput {
    float: left;
    margin: 0px 0.5% 0px 0px;
    width: 16%;
}

    .JobNoInput input {
        background-color: var(--white) !important;
        cursor: default;
    }

.DateRightInput {
    float: left;
    margin: 0px 0.5% 0px 0px;
    width: 8%;
}

.VesselInput3 {
    float: left;
    margin: 0px 0.5% 0px 0px;
    width: 32.6%;
}

    .VesselInput3 input {
        background-color: var(--white) !important;
        cursor: default !important;
    }

.MBLInput3 {
    float: left;
    margin: 0px 0px 0px 0px;
    width: 16.7%;
}

    .MBLInput3 input {
        background-color: var(--white) !important;
        cursor: default !important;
    }

.MBLInputN13 {
    float: left;
    margin: 0px 0.5% 0px 0px;
    width: 25.8%;
}

    .MBLInputN13 input {
        background-color: var(--white) !important;
        cursor: default !important;
    }

.POLInput3 {
    float: left;
    margin: 0px 0% 0px 0px;
    width: 17.1%;
}

    .POLInput3 input {
        background-color: var(--white) !important;
        cursor: default !important;
    }

.AgentInput2 {
    float: left;
    margin: 0px 0.5% 0px 0px;
    width: 23%;
}

    .AgentInput2 input {
        background-color: var(--white) !important;
        cursor: default !important;
    }

.AgentInputcosting {
    float: left;
    margin: 0px 0.5% 0px 0px;
    width: 47.6%;
}

    .AgentInputcosting input {
        background-color: var(--white) !important;
        cursor: default !important;
    }

.MLOTxtInput {
    width: 52%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.MLOTxtInputcosting {
    width: 51.9%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.TxtRemarkInput {
    width: 53.9% !important;
    float: left !important;
    margin: 0px 0px 0px !important;
}

.PODInput4 {
    float: left;
    margin: 0px 0.5% 0px 0.5%;
    width: 17.1%;
}

    .PODInput4 input {
        background-color: var(--white) !important;
        cursor: default !important;
    }

.MOLInput1 {
    float: left;
    margin: 0px 0.5% 0px 0px;
    width: 70%;
}

    .MOLInput1 input {
        background-color: var(--white) !important;
        cursor: default !important;
    }
/* Pre Alert CSS Styles End */

/* Cargo Received ON Styles Start */

.bordertop {
    border-top: 1px dotted #dddddd;
    height: 1px;
    width: 100%;
    margin-top: 10px;
}

.BookingLabel3 {
    float: left;
    width: 10%;
    text-align: left;
    margin: 0px 0.5% 0px 0px;
}

.BookingInput2 {
    float: left;
    width: 15%;
    margin: 0px 0.5% 0px 0px;
}

    .BookingInput2 input {
        background-color: var(--white) !important;
        cursor: default !important;
    }

.CustomerInput3 {
    float: left;
    width: 73.4%;
}

    .CustomerInput3 input {
        background-color: var(--white) !important;
        cursor: default !important;
    }

.PORInput3 {
    float: left;
    width: 49.5%;
    margin: 0px 0.5% 0px 0px;
}

    .PORInput3 input {
        background-color: var(--white) !important;
        cursor: default !important;
    }

.POLInput4 {
    float: left;
    width: 49.5%;
    margin: 0px;
}

    .POLInput4 input {
        background-color: var(--white) !important;
        cursor: default !important;
    }

.CargoLabel {
    float: left;
    width: 15%;
    text-align: right;
    margin: 0px 0.5% 0px 0px;
}

.CargoCal {
    float: left;
    width: 11%;
    margin: 0px 0.5% 0px 0px;
}

.PickupLabel {
    float: left;
    width: 20%;
    text-align: right;
    margin: 0px 0.5% 0px 0px;
}

.PickCal {
    float: left;
    width: 11%;
    margin: 0px 0.5% 0px 0px;
}
/* Cargo Received On Styles End */

/* Event Tracking CSS Styles Start */

.JobNameLabel {
    width: 3%;
    float: left;
    margin: 0px 0.5% 0px 0px;
    text-align: left;
}

    .JobNameLabel a {
        font-size: 11px;
        color: var(--red);
    }

.JobNoInput1 {
    width: 6%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.VesselInput4 {
    width: 23%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.POLInput5 {
    width: 13.5%;
    float: left;
    margin: 0px 0.5% 0px 0%;
}

.EMDateInput {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.EMDateInputN1 {
    width: 8%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.BLNOInput {
    width: 13%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.BLNOInput1 {
    width: 46.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MBLInput4 {
    width: 44.5%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.MBLInputN5 {
    width: 59.2%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.MBLInputN4 {
    width: 59.2%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.ContNo {
    width: 40.3%;
    float: left;
    margin: 0px 0px 0px 0.5%;
}

.NextDate {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .NextDate span {
        font-size: 11px;
        color: var(--black);
    }

.NextDateDrop {
    width: 25%;
    float: left;
    margin: 0px;
}

.ConteinerSealLabel {
    width: 34%;
    float: left;
    margin: 0px 0px 0px 0.5%;
}

    .ConteinerSealLabel span {
        font-size: 11px;
        color: #333333;
        display: inline-block;
        margin: 0px 0px 0px 0.5%;
    }

.PendingDetails {
    width: 35%;
    float: left;
}

    .PendingDetails span {
        font-size: 11px;
        color: #333333;
    }

#grd_job {
}
/* Event Tracking CSS Styles END */

/* Event Tracking Operations Styles Start */

.FromDatel {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.FromDateCal {
    width: 12%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ToDateL {
    width: 7%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ToDateCal {
    width: 6%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.floatrightBtn {
    width: 26%;
    float: right;
}

btn-export {
}
/* Event Tracking Operations Styles End */

/* Shipment Status */
.Joblabel2 {
    width: 3%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.JobInput2 {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.VesselVoy {
    width: 20%;
    float: left;
    margin: 0px 5px 0px 0px;
}

.PolInput6 {
    width: 13.2%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ETDInput2 {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.PODInput5 {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ETAInput2 {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.BookingNo {
    width: 6%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.BookingInput3 {
    width: 15.8%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.BLNoInput2 {
    width: 40%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.StuffedInput {
    width: 18%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MVesselInputN1 {
    width: 40.9%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.MVesselInputN2 {
    width: 57.9%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.GroupLeft1 {
    width: 58.4%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.GroupRright1 {
    width: 41%;
    float: left;
    margin: 0px 0px;
}

.Left1 {
    width: 49%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Right1 {
    width: 50.5%;
    float: left;
    margin: 0px;
}

.CustomerLeft {
    width: 49.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CustomerMail {
    width: 100%;
    margin: 10px 0px 0px 0px;
    float: left;
    border: 1px solid var(--lightgrey);
}

.CustomerRight {
    width: 49.5%;
    float: left;
}

.Attachmentlbl {
    width: 10%;
    float: left;
    margin: 6px 5px 0px 0px;
}

.BrowseBtn {
    width: 39%;
    float: left;
}

.BorderCont {
    border: 1px solid var(--lightgrey);
    width: 100%;
    min-height: 65px;
    overflow: auto;
    float: left;
}

.ContanerLabel {
    float: left;
    width: 100%;
    margin: 2px 0px 0px 0px;
}

.TxtboxN1 {
    float: left;
    margin: 0px 0.5% 0px 0px;
    width: 91%;
}

.AddbuttonNew {
    float: left;
    margin: 0px 0px 0px 0px;
    width: 8%;
}

.TxtboxN2 {
    float: left;
    margin: 0px 0.5% 0px 0px;
    width: 100%;
}

.bordertopNew {
    float: left;
    min-height: 1px;
    margin: 5px 0px 0px 0px !important;
    /*border-top: 1px dotted var(--grey) !important;*/
    border-top: 1px solid var(--inputborder) !important;
    width: 100%;
}

.borderrightNew {
    margin: 0px 0px 0px 5px !important;
    border-right: 1px dotted var(--grey) !important;
    width: 100%;
}

.borderbottomNew {
    float: left;
    min-height: 1px;
    margin: 5px 0px 0px 0px !important;
    border-bottom: 1px dotted var(--grey) !important;
    width: 100%;
}

.borderleftNew {
    margin: 0px 5px 0px 0px !important;
    border-left: 1px dotted var(--grey) !important;
}

hr {
    border-top: 1px dotted var(--lightgrey);
}

.JobLabel3 {
    float: left;
    width: 3%;
    margin: 0px 0.5% 0px 0px;
}

.JobInput3 {
    float: left;
    width: 8%;
    margin: 0px 0.5% 0px 0px;
}

.VOYInput1 {
    float: left;
    width: 24.6%;
    margin: 0px 0.5% 0px 0px;
}

.VoyInputN1 {
    float: left;
    width: 24.6%;
    margin: 0px 0.5% 0px 0px;
}

.VoyInputN3 {
    float: left;
    width: 31.5%;
    margin: 0px 0.5% 0px 0px;
}

.POLInput7 {
    float: left;
    width: 15%;
    margin: 0px 0.5% 0px 0px;
}

.ETDInput3 {
    float: left;
    width: 8%;
    margin: 0px 0.5% 0px 0px;
}

.PODINput6 {
    float: left;
    width: 15%;
    margin: 0px 0.5% 0px 0px;
}

.ETAInput3 {
    float: left;
    width: 8%;
    margin: 0px 5px 0px 0px;
}

.StuffedInput1 {
    float: left;
    width: 8%;
    margin: 0px;
}

.BLNumber1 {
    float: left;
    width: 35%;
    margin: 0px 0.5% 0px 0px;
    border: 1px solid var(--lightgrey);
}

.BLNumber2 {
    float: left;
    width: 32%;
    min-height: 68px;
    margin: 0px 0.5% 0px 0px;
    border: 1px solid var(--lightgrey);
}

.BLNumber3 {
    float: left;
    width: 32%;
    margin: 0px;
    border: 1px solid var(--lightgrey);
}

.CUSMailID1 {
    float: left;
    width: 45%;
    margin: 0px 0.5% 0px 0px;
}

.InternalMail {
    float: left;
    width: 46.4%;
    margin-left: 1.8%;
}

.CustomerMailID {
    float: left;
    width: 50%;
    margin: 0px 0.5% 0px 0px;
}

.InternalMailID {
    float: left;
    width: 49.5%;
    margin: 0px;
}

.AddbuttonNew1 {
    float: left; /*width:4%;*/
    margin-left: 0.8%;
}

.FromDatelbl1 {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.FromTxtInputbox {
    width: 12%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ToLabel3 {
    width: 7%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ToLabelInputbox {
    width: 12%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Droptbl {
    float: left;
    width: 20%;
    margin: 0px;
}

.BookingNo1 {
    float: left;
    width: 15%;
    margin: 0px 0.5% 0px 0px;
}

.txtCargo {
    float: left;
    width: 17%;
    margin: 0px 0.5% 0px 0px;
}

.railOuttxt {
    float: left;
    width: 17%;
    margin: 0px 0.5% 0px 0px;
}

.DTRailout {
    float: left;
    width: 15%;
    margin: 0px 0.5% 0px 0px;
}

.DTCreventxt {
    float: left;
    width: 16%;
    margin: 0px 0.5% 0px 0px;
}

.DTRectxt1 {
    float: left;
    width: 16%;
    margin: 0px 0.5% 0px 0px;
}
/*Shipment Status*/

/* Job Info Styes */
.JobLeftN1 {
    float: left;
    width: 68%;
    margin: 0px 0.5% 0px 0px;
}

.JobName {
    width: 6%;
    float: left;
    margin: 3px 0.5% 0px 0px;
}

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

.JobInput4 {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.DateInput1 {
    width: 15%;
    float: right;
}

.VesselName1 {
    width: 6%;
    float: left;
    margin: 3px 0.5% 0px 0px;
}

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

.VesselNameInput {
    width: 40.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.VoyageInput3 {
    width: 12%;
    margin: 0px 0.5% 0px 0px;
    float: left;
}

.MBLNo1 {
    width: 31%;
    margin: 0px 0.5% 0px 0px;
    float: left;
}

.MBLDrop {
    width: 15%;
    float: left;
    margin: 0px;
}

#logix_CPH_ddl_Status_chzn {
    width: 100% !important;
}

#logix_CPH_ddl_mblstatus_chzn {
    width: 100% !important;
}

.LoadPort {
    width: 40.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.DesiPort {
    width: 31%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.DesiCal1 {
    width: 12%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.DesiCal2 {
    width: 15%;
    float: left;
    margin: 0px;
}

.DesiCalN3 {
    width: 14.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.DesiCalN4 {
    width: 14.5%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.ShipmentDesi {
    width: 40.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.EMNo1 {
    width: 29%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MLOName {
    width: 50%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CarrierNew {
    width: 100%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MLOAgent {
    width: 49.5%;
    float: left;
    margin: 0px;
}

.ContractDrop {
    width: 16%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ContractDropnew {
    width: 12%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.RemarksInput3 {
    width: 71%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.DesiCal3 {
    width: 12%;
    float: left;
}

#logix_CPH_DropDownList1_chzn {
    width: 100% !important;
}

#logix_CPH_rbt_jobtype {
    width: 100%;
}

    #logix_CPH_rbt_jobtype td {
        width: 94px;
        float: left;
        display: inline-block;
    }

legend {
    font-size: 12px !important;
    padding: 2px 5px 5px 2px;
}

.div_radio label {
    vertical-align: top;
    font-size: 11px;
    padding: 2px 0px 0px 4px;
}

.ContainerInput3 {
    width: 30.7%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.GPAdd {
    width: 13%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.SealInput {
    width: 13%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.NoPkgs {
    width: 12%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.WTMT {
    width: 12%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.WTCal {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.floatLeft1 {
    width: 8%;
    float: left;
    margin: 0px;
}

.JobGridRight {
    float: left;
    width: 31%;
}

.FloatLeft {
    width: 75%;
    float: left;
}

.MarginCtrl {
    margin: 0px !important;
}

.AccCompDrop {
    width: 30%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.AccBranch {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.AcMonDrop {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.AcYr {
    width: 8%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.AcRad {
    width: 98%;
    float: left;
    margin: 0px 0% 0px 0px;
}

    .AcRad table td {
        padding: 0px 30px 0px 0px;
    }

.PlanCompany {
    width: 30%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.PlanBranch {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.PlanYr {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.PlanGross {
    width: 10%;
    float: left;
    margin: 0px 0% 0px 0px;
}

    .PlanGross input {
        text-align: right;
    }

#logix_CPH_ddl_Month_chzn {
    width: 100% !important;
}
/* Job Info Styles */

/* Shipping Bill */

.jobLabel4 {
    width: 4%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .jobLabel4 a {
        font-size: 11px;
    }

.JobInput5 {
    width: 7%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.BookingLabel4 {
    width: 8%;
    float: left;
    text-align: right;
    margin: 0px 0.5% 0px 0px;
}

    .BookingLabel4 a {
        font-size: 11px;
    }

.BookingInput6 {
    width: 29%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ShippingInput3 {
    width: 34.2%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.DateLabel {
    width: 4.2%;
    float: left;
    text-align: right;
    margin: 2px 5px 0px 0px;
}

    .DateLabel span {
        font-size: 11px;
    }

.DateCal {
    width: 6.4%;
    float: left;
}

.ShipperInput1 {
    width: 49.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ConsigneInput2 {
    width: 49.8%;
    float: left;
    margin: 0px;
}

.ShipperAddress {
    width: 49.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ConsigneeAddress {
    width: 49.8%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.receiptat {
    width: 24.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.PortLoading {
    width: 24.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Benraa1 {
    width: 24.8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Benraa2 {
    width: 24.5%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.MarkLeft {
    width: 76.8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MarkRight {
    width: 20%;
    float: left;
    margin: 0px;
    border: 1px solid var(--lightgrey);
    height: 70px;
}

.Point1 {
    width: 20%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Point2 {
    width: 20%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Point3 {
    width: 20%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Point4 {
    width: 21%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Point5 {
    width: 17%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.GRInput1 {
    width: 18%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.GRDate {
    width: 18%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CSInput {
    width: 18%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.HTSCode {
    width: 19.2%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ZeropInput {
    width: 24.6%;
    float: left;
    margin: 0px;
}

.height1 {
    height: 68px;
}

#logix_CPH_cmbDoc_chzn {
    width: 100% !important;
}
/* FEBL Styles Start */

.JobNo1 {
    width: 3%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .JobNo1 a {
        font-size: 11px;
    }

.JobInput6 {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.JobDetails1 {
    width: 55%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.BookingNo6 {
    width: 6.5%;
    text-align: right;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.BookingInput4 {
    width: 23.2%;
    float: left;
    margin: 0px;
}

#logix_CPH_ddl_freight_chzn {
    width: 100% !important;
}

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

.MTMinusCtrl {
    margin-top: -5px !important;
}

.LadingInput {
    width: 25%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.IssuedInput {
    width: 24%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.IssuedDate {
    width: 6.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.FrieghtDrop {
    width: 14.4%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.FrieghtDropBL {
    width: 12.4%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

#logix_CPH_ddl_cmbpkgdesc_chzn {
    width: 100% !important;
}

#logix_CPH_ddl_cmbwttype_chzn {
    width: 100% !important;
}

.OrignalInput {
    width: 27.7%;
    float: left;
    margin: 0px;
}

.OrignalInputourbl {
    width: 26.3%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.ShipperInput4 {
    width: 49.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ConsigneeInput {
    width: 49.7%;
    float: left;
    margin: 0px;
}

.PlaceInput1 {
    width: 24.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.PortInput2 {
    width: 24.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.DischargeInput {
    width: 26.8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.DestinationInputN {
    width: 22.3%;
    float: left;
    margin: 0px;
}

.MarkLeftN {
    width: 74.7%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MarkRightN {
    width: 24.6%;
    float: left;
    height: 79px;
    border: 1px solid var(--lightgrey);
}

.MarksInput {
    width: 100%;
    margin: 0px 0px 0px 0px;
}

.RemarksInput {
    width: 100%;
    margin: 5px 0px 0px 0px;
}

.MarkRight1 {
    width: 22.6%;
    float: left;
}

#logix_CPH_ddl_unit_chzn {
    width: 100% !important;
}

.CommodityInput {
    width: 98.7%;
    float: left;
    margin: 0px 0px 0px 0px;
    border: 0px solid var(--lightgrey);
}

.BlankInput {
    width: 98.6%;
    height: 86px;
    overflow: auto;
    float: left;
    margin: 5px 0px 0px 0px;
    border: 1px solid var(--lightgrey);
}

.CubicInput {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.GrossWeightInput {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.NetweigInput {
    width: 13%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.NoPkgsInput {
    width: 13%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.BagDrop {
    width: 21% !important;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ShipmentDrop {
    width: 9.3%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.BLDrop {
    width: 14%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.DGCargo {
    width: 7%;
    float: right;
    text-align: right;
    margin: 0px 5px 0px 0px;
}

    .DGCargo label {
        margin: 0px 0px 0px 5px;
    }

.RemarksInput4 {
    width: 76.8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.BLSignatory {
    width: 22.5%;
    float: left;
    margin: 0px;
}

.CustomerInput7 {
    width: 76.8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.AGB {
    width: 22%;
    float: left;
    margin: 0px;
}

    .AGB label {
        margin: 0px 0px 0px 6px;
    }

#logix_CPH_ddl_BLsignatory_chzn {
    width: 100% !important;
}
/* FEBL Styles End */

/* BL Realse */

.BillOfInput {
    width: 20%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.BillDate {
    width: 13%;
    float: right;
    margin: 0px 0% 0px 0px;
}

.BillDrop {
    width: 24.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MTD {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ShipperInput5 {
    float: left;
    width: 49.5%;
    margin: 0px 0.5% 0px 0px;
}

    .ShipperInput5 textarea {
        background-color: var(--white) !important;
        cursor: default !important;
    }

    .ShipperInput5 input {
        background-color: var(--white) !important;
        cursor: default !important;
    }

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

    .ConsiInput1 input {
        background-color: var(--white) !important;
        cursor: default !important;
    }

    .ConsiInput1 textarea {
        background-color: var(--white) !important;
        cursor: default !important;
    }

.GWKgs {
    float: left;
    width: 10%;
    margin: 0px 0.5% 0px 0px;
}

.Nwt {
    float: left;
    width: 10%;
    margin: 0px 0.5% 0px 0px;
}

.CBM {
    float: left;
    width: 10%;
    margin: 0px 0.5% 0px 0px;
}

.Packages {
    float: left;
    width: 18%;
    margin: 0px 0.5% 0px 0px;
}

#logix_CPH_cmbblformat_chzn {
    width: 100% !important;
}

.FloatRBTN {
    float: right;
    width: 59%;
}

.withAgent {
    float: left;
    width: 10.3%;
    margin: 0px 5px 0px 0px;
}

    .withAgent label {
        display: inline-block;
        margin: 0px 0px 0px 5px;
    }

.WithoutAgent {
    float: left;
    width: 23%;
    margin: 0px 0.5% 0px 0px;
}

    .WithoutAgent label {
        display: inline-block;
        margin: 0px 0px 0px 5px;
    }

.chzn-container-active .chzn-single {
    border: 1px solid #5897fb;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    /* height: 23px!important;*/
}

.chzn-container .chzn-drop {
    border: 1px solid var(--inputborder) !important;
}

.chzn-container-single .chzn-single {
    /*height:24px!important;*/
}

/* BL Realse */
/* Upload Document */
.JboLabel1 {
    width: 3.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .JboLabel1 a {
        font-size: 12px !important;
        font-family: Tahoma;
    }

.JOBInput7 {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.VSLInput1 {
    width: 48.3%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.InvoiceDrop {
    width: 33%;
    float: left;
}

.DocumentDrop {
    float: left;
    width: 20%;
    margin: 0px 0.5% 0px 0px;
}

.FileUpload {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.FileUpload1 {
    width: 60.5%;
    float: left;
    margin: 0px;
}

input[type="file"] {
    margin: 0px !important;
    width: 100% !important;
    padding: 6px !important;
    background: none !important;
}

.div_ddl_Quotation {
    margin: 0px 5px 0px 0px !important;
}

.div_ddl_doc {
    margin: 0px !important;
}

.GridHeader_my1 {
    margin-top: -2.8% !important;
    margin-left: 0% !important;
}

#logix_CPH_ddlDocNum_chzn {
    width: 100% !important;
}

.ContInputNew {
    width: 20%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.VesselInputNew {
    width: 27%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MasterBLNo {
    width: 27%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MasterDate {
    width: 12%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.PickedOn {
    width: 12%;
    float: left;
    margin: 0px;
}

.CalDate {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MBLInputNew1 {
    width: 36.4%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.LinerInput1 {
    width: 42.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MBLCal {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MBLNo2 {
    width: 23%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.LinerInput2 {
    width: 56%;
    float: left;
    margin: 0px;
}

.JobNO2 {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.VesselInput5 {
    width: 37%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.VesselInputN5 {
    width: 29%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.VoyInputN2 {
    width: 61.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.widget-content span {
    font-size: 14px;
    color: var(--labelblack);
    /*font-weight: 500 !important;*/
}

.FormGroupContent span {
    font-size: 14px;
    color: var(--labelblack);
    /*font-weight: 500 !important;*/
}

.FormGroupContent label {
    font-size: 14px;
    color: var(--labelblack);
    /*font-weight: 500 !important;*/
}

.FormGroupContent4 span {
    font-size: 14px !important;
    color: var(--labelblack);
    /*font-weight: 500 !important;*/
}

.FormGroupContent4 label {
    font-size: 11px;
    color: var(--labelblack);
    /*font-weight: 500 !important;*/
}

.BillLading {
    width: 49.7%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.BLDate {
    width: 8%;
    float: left;
    margin: 0px;
}

.ShipperInput6 {
    width: 49.6%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .ShipperInput6 input {
        background-color: var(--white) !important;
        cursor: default !important;
    }

    .ShipperInput6 textarea {
        background-color: var(--white) !important;
        cursor: default !important;
    }

.ConsInput {
    width: 49.8%;
    float: left;
    margin: 0px;
}

    .ConsInput input {
        background-color: var(--white) !important;
        cursor: default !important;
    }

    .ConsInput textarea {
        background-color: var(--white) !important;
        cursor: default !important;
    }

.GrossWeigh {
    width: 24.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .GrossWeigh input {
        background-color: var(--white) !important;
        cursor: default !important;
    }

.NetWight {
    width: 24.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .NetWight input {
        background-color: var(--white) !important;
        cursor: default !important;
    }

.CBMInput2 {
    width: 24.2%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .CBMInput2 input {
        background-color: var(--white) !important;
        cursor: default !important;
    }

.PackagesInput1 {
    width: 25.2%;
    float: left;
    margin: 0px;
}

    .PackagesInput1 input {
        background-color: var(--white) !important;
        cursor: default !important;
    }

.PackagesInputV1 {
    width: 25%;
    float: left;
    margin: 0px;
}

    .PackagesInputV1 input {
        background-color: var(--white) !important;
        cursor: default !important;
    }

.desinput1 textarea {
    background-color: var(--white) !important;
    cursor: default !important;
}

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

#logix_CPH_ddl_size_chzn {
    width: 100% !important;
}

#logix_CPH_ddl_Contract_chzn {
    width: 100% !important;
}
/* Upload Document */

.toggle-sidebar.bs-tooltip {
    margin-top: 2px;
    float: left;
    position: absolute;
    z-index: 999999;
    color: #59b258;
    padding: 5px 0px 5px 0px;
    color: var(--grey);
    margin-left: 3px;
}

    .toggle-sidebar.bs-tooltip span {
        display: inline-block;
        padding: 0px 0px 0px 5px;
        color: var(--grey);
    }

/* ISF Details*/

.BLNo1 {
    width: 25%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.JobNo3 {
    width: 25.1%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .JobNo3 input {
        cursor: default !important;
    }

.MBLNo3 {
    width: 22.4%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .MBLNo3 input {
        cursor: default !important;
    }

.BookingNo2 {
    width: 26%;
    float: left;
    margin: 0px 0px 0px 0px;
}

    .BookingNo2 input {
        cursor: default !important;
    }

.VesselInput2 {
    width: 25%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .VesselInput2 input {
        cursor: default !important;
    }

.VOYInput2 {
    width: 25.1%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .VOYInput2 input {
        cursor: default !important;
    }

.CarrierIput {
    width: 48.9%;
    float: left;
    margin: 0px 0px 0px 0px;
}

    .CarrierIput input {
        cursor: default !important;
    }

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

    .MarksInput1 input {
        cursor: default !important;
    }

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

    .CargoInput1 input {
        cursor: default !important;
    }

.CargoLeft {
    width: 49%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CargoRight {
    width: 50%;
    float: left;
    margin: 0px;
}

.AMSInput {
    width: 50%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.SameChkbox {
    width: 48%;
    float: left;
}

    .SameChkbox label {
        display: inline-block;
        margin: 0px 0px 0px 5px;
    }

.POInput1 {
    width: 50%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.SCAC {
    width: 49.5%;
    float: left;
}

.Importer {
    width: 49.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .Importer input {
        cursor: default !important; /*height:32px;*/
    }

    .Importer textarea {
        cursor: default !important;
    }

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

    .Buyer input {
        cursor: default !important;
    }

    .Buyer textarea {
        cursor: default !important;
    }

.div_right {
    width: 100% !important;
    margin: 0px 0px 0px 5px !important;
}

#logix_CPH_GrdHblPendingPanelItem {
    height: auto !important;
    overflow: hidden !important;
}

#logix_CPH_GrdHblPendingPanelItemContent {
    height: auto !important;
    overflow: hidden !important;
}

#logix_CPH_ddl_contenttype_chzn {
    width: 100% !important;
}

#logix_CPH_ddl_amsflag_chzn {
    width: 100% !important;
}

#logix_CPH_ddl_isfflag_chzn {
    width: 100% !important;
}

#logix_CPH_ddl_amsflag_chzn {
    width: 100% !important;
}

#logix_CPH_ddl_consoletype_chzn {
    width: 100% !important;
}

#logix_CPH_ddl_goods_chzn {
    width: 100% !important;
}

#logix_CPH_ddl_isfflag_chzn {
    width: 100% !important;
}

#logix_CPH_ddl_switch_chzn {
    width: 100% !important;
}
/* EDI Styles Start */

.BillInput {
    width: 24.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.JobInput8 {
    width: 49.6%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .JobInput8 input {
        cursor: default !important;
    }

.EDIInput {
    width: 24.9%;
    float: left;
    margin: 0px;
}

.ShipmentInput {
    width: 24.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.SalesInput1 {
    width: 24.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ContractDrop1 {
    width: 24.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ContractInput1 {
    width: 24.9%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.DangerousInput {
    width: 24.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.SwitchDrop {
    width: 74.9%;
    float: left;
    margin: 0px;
}

    .SwitchDrop input {
        cursor: default !important;
    }

.HBLConfirm {
    float: left;
    width: 40%;
    text-align: right;
    margin: 0px 0.5% 0px 0px;
}

.TxtboxCal {
    float: left;
    width: 20%;
    margin: 0px 0.5% 0px 0px;
}

.JobInputno {
    float: left;
    width: 13%;
    margin: 0px 0.5% 0px 0px;
}

    .JobInputno input {
        cursor: default !important;
    }

.VasselInput input {
    cursor: default !important;
}

.DateInputN1 input {
    cursor: default !important;
}

.VasselInputN {
    width: 68.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .VasselInputN input {
        cursor: default !important;
    }

.DateInputN1 {
    width: 13%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.AgentInput9 {
    width: 49.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .AgentInput9 input {
        cursor: default !important;
    }

.MainLine input {
    cursor: default !important;
}

.MainLine {
    width: 49.5%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.FloatRightN {
    width: 55%;
    float: right;
}

/* Profoma Invoice Styles Start */
.BLLeft {
    width: 69%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.BLRight {
    width: 30.5%;
    float: left;
}

.BLNo2 {
    width: 35%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MBLchk {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
    max-width: 10%;
}

    .MBLchk span {
        text-align: left !important;
        margin: 0px 0px 0px 5px;
    }

    .MBLchk label {
        margin: 0px 0px 0px 5px;
    }

.brderremoved {
    border: 0px solid var(--lightgrey) !important;
}

.BillType {
    width: 24%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.JobDetailsInput {
    width: 49.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .JobDetailsInput input {
        background-color: var(--white) !important;
    }

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

    .DesiInput input {
        background-color: var(--white) !important;
    }

.REFInput {
    width: 9.2%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.REFInputpro {
    width: 13.2%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.REFInputN12 {
    width: 13.2%;
    float: left;
    margin: 0px 0.5% 0px 0%;
}

.RefCal {
    width: 3.5%;
    float: left;
    margin: 0px 0.5% 0px 0%;
}

.Datelabel1 {
    width: 58%;
    float: right;
    margin: 0px 0.5% 0px 0px;
}

    .Datelabel1 span {
        text-align: right !important;
        display: block !important;
    }

.DateCal1 {
    width: 6.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.VendorRef {
    width: 15.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CreditDays {
    width: 15.5%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.ChargeInput {
    width: 50.6%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CurrInput {
    width: 6%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.RateInput {
    width: 6%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .RateInput input {
        text-align: right;
    }

.EXRate {
    width: 6%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .EXRate input {
        text-align: right;
    }

.BLDropN2 {
    width: 12.1%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

#logix_CPH_cmbbl_chzn {
    width: 100% !important;
}

.AmoutnInput {
    width: 12%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .AmoutnInput input {
        text-align: right;
    }

.Amouttotal {
    width: 12%;
    float: right;
    text-align: right;
    margin: 0px 2% 0px 0px;
}

.AmoutnInputN2 {
    width: 9.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .AmoutnInputN2 input {
        text-align: right;
    }

.FloatLeftN {
    width: 9%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

#logix_CPH_cmbbase_chzn {
    width: 100% !important;
    float: left;
    margin: 0px;
}

.JobDetailsInput input {
    cursor: default !important;
    background-color: var(--white) !important;
}

.DesiInput input {
    cursor: default !important;
    background-color: var(--white) !important;
}

.VendorRef input {
    cursor: default !important;
    background-color: var(--white) !important;
}

.CreditDays input {
    cursor: default !important;
    background-color: var(--white) !important;
}

.AmoutnInput input {
    cursor: default !important;
    background-color: var(--white) !important;
}

#logix_CPH_ddl_BL_chzn {
    width: 100% !important;
}

.VendorRef1 {
    width: 24%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .VendorRef1 input {
        cursor: default !important;
        background-color: var(--white) !important;
    }
/* Profoma Invoice Styles End */

.JobNewInput {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .JobNewInput a {
        font-size: 11px;
    }

.JobNoInput {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ETDNo {
    width: 13%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.VSLAnd {
    width: 67.5%;
    float: left;
}

.BLDropInput {
    width: 29%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.RemarkInput4 {
    width: 70.5%;
    float: left;
}

.ChargeInputN11 {
    width: 35%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CurrInput2 {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
    height: 27px;
}

.Exrate1 {
    width: 12%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Rate1 {
    width: 12%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.BLDrop2 {
    width: 17%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Amount1 {
    width: 11%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .Amount1 input {
        text-align: right;
    }

.Exrate1 input {
    text-align: right;
}

.Rate1 input {
    text-align: right;
}

.div_Grid {
    width: 100%;
    margin-left: 0%;
    margin-bottom: 1%;
    margin-top: 0.1%;
    height: 87px;
    border: 1px solid var(--lightgrey);
    float: left;
    overflow: auto;
}

    .div_Grid span {
        display: inline-block;
        padding: 0px 0px 0px 0px;
    }

.div_GridN4 {
    width: 100%;
    margin-left: 0%;
    margin-bottom: 1%;
    margin-top: 0.1%;
    height: 250px;
    border: 1px solid var(--lightgrey);
    float: left;
    overflow: auto;
}

.div_GridNew2 {
    width: 100%;
    margin-left: 0%;
    margin-bottom: 1%;
    margin-top: 0.1%;
    height: 175px;
    border: 1px solid var(--lightgrey);
    float: left;
    overflow: auto;
}

.div_GridNew3 {
    width: 100%;
    margin-left: 0%;
    margin-bottom: 1%;
    margin-top: 0.1%;
    height: 390px;
    border: 1px solid var(--lightgrey);
    float: left;
    overflow: auto;
}

.div_GridNew4 {
    width: 100%;
    margin-left: 0%;
    margin-bottom: 1%;
    margin-top: 0.1%;
    min-height: 500px;
    border: 1px solid var(--lightgrey);
    float: left;
    overflow: auto;
}

.bordertopNew1 {
    float: left;
    min-height: 1px;
    margin: 10px 0px 0px 0px;
    border-top: 1px dotted var(--grey);
    width: 100%;
}

/* OSDCN PRO Styles Start */
.JobNoInputN {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.LabelRef {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .LabelRef input {
        text-align: center;
    }

.REFNo {
    width: 10%;
    float: right;
    margin: 0px 0.5% 0px 0px;
}

    .REFNo input {
        background-color: var(--white) !important;
        cursor: default !important;
    }

.YearBox {
    width: 3.5%;
    float: right;
    margin: 0px 0px 0px 0px;
}

.AgentTextarea {
    width: 49.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .AgentTextarea textarea {
        background-color: var(--white) !important;
        cursor: default !important;
    }

.ShipmentTextarea {
    width: 49.9%;
    float: left;
    margin: 0px;
}

    .ShipmentTextarea textarea {
        background-color: var(--white) !important;
        cursor: default !important;
    }

.DebitAdvise {
    width: 20%;
    float: left;
    margin: 0px 0px 5px 0px;
}

.TotalLabel1 {
    width: 4%;
    float: right;
    margin: 0px 0.5% 0px 0px;
}

.TotalInput1 {
    width: 12%;
    float: right;
    margin: 0px;
}

    .TotalInput1 input {
        background-color: var(--white) !important;
        cursor: default !important;
    }

.TotalInputosdn {
    width: 12%;
    float: right;
    margin: 0.5% 0px 0px 0px;
}

    .TotalInputosdn input {
        background-color: var(--white) !important;
        cursor: default !important;
        text-align: right;
    }

#logix_CPH_pnlContlist select {
    border: 1px solid var(--inputborder);
    overflow: auto;
    border-radius: 3px;
}

#logix_CPH_pnlVolList select {
    border: 1px solid var(--inputborder);
    overflow: auto;
    border-radius: 3px;
}

#logix_CPH_Panel2 select {
    border: 1px solid var(--inputborder);
    overflow: auto;
    border-radius: 3px;
}

.Totalhide {
    width: 13%;
    float: right;
    margin: 0px 0.5% 0px 0px;
}

.VendorRefN {
    width: 31.5%;
    float: left;
    margin: 0px;
}

.VendorRefIN {
    width: 40%;
    float: left;
    margin: 0px;
}

.VendorRefN1 {
    width: 40%;
    float: left;
    margin: 0px;
}

.VendorRefN2 {
    width: 14.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.VendorRef2 {
    width: 12.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CreditDays1 {
    width: 12%;
    float: left;
    margin: 0px 0% 0px 0px;
}
/* OSDCN PRO STYLES END*/

/* Agent Debit Styles Start */

.AgentDebitInput {
    width: 49%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.JobInputNew {
    width: 25%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.INVInput {
    width: 14%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.YearInput1 {
    width: 10.5%;
    float: left;
    margin: 0px;
}

.VLeft {
    width: 74%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.VInput {
    width: 33%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.PInput {
    width: 33%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.POInput2 {
    width: 32%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.POInputN2 {
    width: 33%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.MLInput {
    width: 33%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.AgentInput3 {
    width: 66.5%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.ToInput {
    width: 100%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.CurrInput3 {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ExRateInput {
    width: 20%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .ExRateInput input {
        text-align: right;
    }

    .ExRateInput input {
        background-color: var(--white) !important;
        cursor: default !important;
    }

.RemarksInput5 {
    width: 64%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.DateLabel2 {
    width: 15%;
    float: right;
    text-align: right;
    margin: 0px 0.5% 0px 0px;
}

.Datecal2 {
    width: 37.5%;
    float: right;
    text-align: right;
    margin: 0px 0px 0px 0px;
}

.VRight {
    width: 25.5%;
    float: left;
    margin: 5px 0px 0px 0px;
}

.DropMenu {
    width: 25%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ChargesInput {
    width: 40%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.RateInput2 {
    width: 19.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .RateInput2 input {
        text-align: right;
    }

.BaseSelect {
    width: 14%;
    float: left;
}

.Remarks6 {
    width: 72.7%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Amount2 {
    width: 20%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .Amount2 input {
        background-color: var(--white) !important;
        cursor: pointer !important;
    }

.TotalAmount {
    width: 18%;
    float: right;
    margin: 0px 0px;
    text-align: right;
}

#logix_CPH_ddlblno_chzn {
    width: 100% !important;
}

#logix_CPH_ddlbase_chzn {
    width: 100% !important;
}

.FormGroupContent4 select {
    border: 1px solid var(--inputborder);
}

.FloatRight2 {
    width: 60%;
    float: right;
}

.FloatRight3 {
    width: 41.5%;
    float: right;
}
/* Agent Debit Styles End */

/* Cheque Request */

.CreditNoteO {
    width: 12%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .CreditNoteO label {
        font-size: 11px;
        margin: 0px 0px 0px 5px;
    }

.CreditNote {
    width: 12%;
    float: left;
    margin: 0px;
}

    .CreditNote label {
        font-size: 11px;
        margin: 0px 0px 0px 5px;
    }

.PendingPayments {
    width: 8%;
    float: right;
}

    .PendingPayments a {
        font-size: 11px;
    }

.TotlaChk {
    width: 31%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.TotalInput2 {
    width: 18%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .TotalInput2 input {
        text-align: right;
    }

.TotalInput3 {
    width: 18%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .TotalInput3 input {
        text-align: right;
    }

.FloatLeftN2 {
    float: left;
    width: 21%;
    margin: 0px;
}

.Overctrl {
    overflow: auto;
}

#programmaticModalPopupBehavior2_foregroundElement {
    left: 205px !important;
    top: 100px !important;
}

#programmaticModalPopupBehavior_foregroundElement {
    left: 1px !important;
    top: 50px !important;
}

.TblHeight {
    height: 350px;
}

.SalesLeft {
    float: left;
    width: 16%;
    margin: 0px 0.5% 0px 0px;
}

.Branchtxt {
    float: left;
    width: 15%;
    margin: 0px 0.5% 0px 0px;
}

    .Branchtxt label {
        font-size: 11px;
    }

.BranchDropDown {
    float: left;
    width: 20%;
    margin: 0px 0.5% 0px 0px;
}

.FromDatetxt {
    float: left;
    width: 9%;
    margin: 0px 0.5% 0px 0px;
}

    .FromDatetxt label {
        font-size: 11px;
    }

.FromDatecal1 {
    float: left;
    width: 21%;
    margin: 0px 0.5% 0px 0px;
}

.ToLabel2 {
    float: left;
    width: 5%;
    margin: 0px 0.5% 0px 0px;
}

    .ToLabel2 label {
        font-size: 11px;
    }

.ToCal2 {
    width: 21%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.FLR1 {
    width: 45%;
    float: right;
}

.ClosedLeft {
    width: 22%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .ClosedLeft label {
        margin: 0px 0px 0px 5px;
        vertical-align: top;
    }

.UnClosedJob {
    width: 22%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .UnClosedJob label {
        margin: 0px 0px 0px 5px;
        vertical-align: top;
    }

.FromLabel2 {
    width: 5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.FromCal1 {
    width: 9%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ToLabel4 {
    width: 4%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ToCal2 {
    width: 21%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Bytxt {
    width: 2%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.BLNo3 {
    width: 20%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.FLR2 {
    float: right;
    width: 20%;
}

.ReportBranch {
    width: 20%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

#logix_CPH_lst_rbt_chzn {
    width: 100% !important;
}

.FromLabel4 {
    width: 4%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .FromLabel4 span {
        font-size: 11px;
    }

.FromCal5 {
    width: 13%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ToLabel4 {
    width: 2%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .ToLabel4 span {
        font-size: 11px;
    }

.ToCal5 {
    width: 12%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ToInput5 {
    width: 26.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .ToInput5 input {
        cursor: default !important;
    }

.VoyageInput5 {
    float: left;
    margin: 0px 0.5% 0px 0px;
    width: 25%;
}

.ContainerInput5 {
    float: left;
    margin: 0px 0px 0px 0px;
    width: 36.6%;
}

.JobInput9 {
    float: left;
    margin: 0px 0.5% 0px 0px;
    width: 8%;
}

.BLDrop1 {
    float: left;
    margin: 0px 0.5% 0px 0px;
    width: 18%;
}

.JobNo4 {
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.JobLabel1N {
    float: left;
    margin: 0px 0.5% 0px 0px;
    width: 4%;
    height: 18px;
}

    .JobLabel1N a {
        font-size: 12px !important;
        font-family: Tahoma;
    }

.JobInput10 {
    float: left;
    width: 8%;
    margin: 0px;
}

.DateCal10 {
    float: right;
    width: 6.5%;
    margin: 0px;
}

.VesselInput6 {
    float: left;
    width: 22%;
    margin: 0px 0.5% 0px 0px;
}

    .VesselInput6 input {
        background-color: var(--white) !important;
        cursor: default !important;
    }

.MBLInput5 {
    float: left;
    width: 22%;
    margin: 0px 0.5% 0px 0px;
}

    .MBLInput5 input {
        background-color: var(--white) !important;
        cursor: default !important;
    }

.ETAInput4 {
    float: left;
    width: 10%;
    margin: 0px 0.5% 0px 0px;
}

    .ETAInput4 input {
        background-color: var(--white) !important;
        cursor: default !important;
    }

.POLInput8 {
    float: left;
    width: 21.5%;
    margin: 0px 0.5% 0px 0px;
}

    .POLInput8 input {
        background-color: var(--white) !important;
        cursor: default !important;
    }

.PODInputN1 {
    float: left;
    width: 22.5%;
    margin: 0px;
}

    .PODInputN1 input {
        background-color: var(--white) !important;
        cursor: default !important;
    }

.AgentInput10 {
    float: left;
    width: 55%;
    margin: 0px 0.5% 0px 0px;
}

    .AgentInput10 input {
        background-color: var(--white) !important;
        cursor: default !important;
    }

.MLOInputN1 {
    float: left;
    width: 44.5%;
}

    .MLOInputN1 input {
        background-color: var(--white) !important;
        cursor: default !important;
    }

.Unclosed1 {
    float: left;
    width: 20%;
}

.Jobtxtinput {
    float: left;
    width: 49.5%;
    margin: 0px 0.5% 0px 0px;
}

.DropDownList {
    float: left;
    width: 16%;
    margin: 0px;
}

.CurrencyDrop {
    float: left;
    width: 14.5%;
    margin: 0px 0.5% 0px 0.5%;
}

.NewExinput {
    float: left;
    width: 13.5%;
    margin: 0px;
}

.ITLeft {
    width: 49.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ITRight {
    width: 50%;
    float: left;
    margin: 0px;
}

.Passwordtext {
    width: 65%;
    float: left;
    margin: 10px 0px 0px 0px;
}

.NewsID {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.NewsCal {
    width: 6%;
    float: right;
    margin: 0px;
}

.txtCity1 {
    width: 33%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .txtCity1 input {
        cursor: default !important;
        background-color: var(--white) !important;
    }

.txtCountry1 {
    width: 33%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .txtCountry1 input {
        cursor: default !important;
        background-color: var(--white) !important;
    }

.Ziptxt {
    width: 32.9%;
    float: left;
    margin: 0px 0px 0px 0px;
}

    .Ziptxt input {
        cursor: default !important;
        background-color: var(--white) !important;
    }

.Phonetxt {
    width: 33%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .Phonetxt input {
        cursor: default !important;
        background-color: var(--white) !important;
    }

.Faxtxt {
    width: 66.4%;
    float: left;
    margin: 0px 0px 0px 0px;
}

    .Faxtxt input {
        cursor: default !important;
        background-color: var(--white) !important;
    }

.txtarea textarea {
    cursor: default !important;
    background-color: var(--white) !important;
}

.txtarea input {
    cursor: default !important;
    background-color: var(--white) !important;
}

.txtinput input {
    cursor: default !important;
    background-color: var(--white) !important;
}

.Jobtext1 {
    width: 25%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ETDText1 {
    width: 74.5%;
    float: left;
    margin: 0px;
}

.Vesseltext1 {
    width: 49.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MBLtext1 {
    width: 50%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.txtinput1 input {
    cursor: default !important;
    background-color: var(--white) !important;
}

.Unittxt {
    width: 14.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Buildtxt {
    width: 34.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Doortxt {
    width: 14.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.streettxt {
    width: 35%;
    float: left;
    margin: 0px 0px 0px 0px;
}

#logix_CPH_ddlJobType_chzn {
    width: 100% !important;
}

.Citytxt {
    width: 24.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Ziptxt1 {
    width: 24.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Locationtxt {
    width: 24.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Districttxt {
    width: 25%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.Isdtxt {
    width: 7%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.stdtxt {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.landtxt {
    width: 32%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.landtxt1 {
    width: 31.5%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.Mobiletxt {
    width: 42.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Emailtxt {
    width: 49.5%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.MRDropN1 {
    width: 6%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

#logix_CPH_ddl_MR_chzn {
    width: 100% !important;
}

.MDtxt {
    width: 44.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MDtxt1 {
    width: 44.5%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.tdstxt {
    width: 14%;
    float: left;
    margin: 0px;
}

#logix_CPH_ddlCType_chzn {
    width: 100% !important;
}

.Branchtxt1 {
    width: 5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

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

.BranchDropN1 {
    width: 16%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Producttxt {
    width: 6%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

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

.ForwardingDrop {
    width: 31%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ByTxt1 {
    width: 2%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

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

.ByDrop {
    width: 16%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.FromTxt1 {
    width: 4%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

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

.FromCalNew {
    width: 6%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.totxt1 {
    width: 3%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

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

.ToCal6 {
    width: 6.5%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.FLR3 {
    float: right;
}

.JobLeft {
    float: left;
    width: 30%;
    margin: 0px 0.5% 0px 0px;
}

.Joblink {
    width: 32%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Joblink1 {
    width: 34.7%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.Joblink a {
    color: var(--red);
    display: block;
    padding: 0px 0px 3px 0px;
}

.Joblink label {
    display: block;
    padding: 0px 0px 0px 0px;
}

.Joblink1 a {
    color: var(--red);
    display: block;
    padding: 0px 0px 3px 0px;
}

.Joblink1 label {
    display: block;
    padding: 0px 0px 0px 0px;
}

.Joblink1 span {
    display: block;
    padding: 0px 0px 3px 0px;
}

.Joblink span {
    display: block;
    padding: 0px 0px 3px 0px;
}

.JobRight {
    float: left;
    width: 69.5%;
}

#logix_CPH_ddl_branch_chzn {
    width: 100% !important;
}

#logix_CPH_ddl_product_chzn {
    width: 100% !important;
}

.GridPalICD1 {
    height: 402px !important;
    width: 100% !important;
    border: 1px solid var(--lightgrey);
}

.MTopC {
    margin-top: 20px;
}

.div_GridN {
    border: 1px solid var(--lightgrey);
    float: left;
    height: 117px;
    width: 100%;
}

.div_GridN2 {
    border: 1px solid var(--lightgrey);
    float: left;
    height: 137px;
    width: 100%;
}

.Joblink1 input {
    background-color: var(--white) !important;
    cursor: default !important;
    text-align: right;
}

.Joblink input {
    background-color: var(--white) !important;
    cursor: default !important;
    text-align: right;
}

.bordertopNew2 {
    float: left;
    min-height: 1px;
    margin: 0px 0px 0px 0px;
    border-top: 1px dotted var(--grey);
    width: 100%;
}

.QuotationRemarks {
    float: left;
    width: 24.5%;
    margin: 0px 0.5% 0px 0px;
}

.FactoryInput1 {
    float: left;
    width: 49.5%;
    margin: 0px 0.5% 0px 0px;
}

.QuotationRemarks input {
    background-color: var(--white) !important;
    cursor: default !important;
}

.BuyingInput {
    width: 49.3%;
    float: left;
    margin: 0px 0px 0px 0px;
}

    .BuyingInput input {
        background-color: var(--white);
        cursor: default !important;
    }

.SOP {
    width: 6%;
    float: right;
    text-align: right;
    margin: 0px 0.5% 0px 0px;
}

    .SOP a {
        font-size: 11px;
        margin: 5px 0px 0px 0px;
        display: inline-block;
        color: var(--red);
    }

.chkbox1 {
    width: 47%;
    float: left;
    margin: 0px;
}

    .chkbox1 label {
        display: inline-block;
        padding: 5px 0px 0px 5px;
    }

.right_btn1 {
    float: right;
}

.right_btn2 {
    width: 100%;
    margin: 5px auto;
    text-align: center;
}

#logix_CPH_ddlBranch_chzn {
    width: 100% !important;
}

#logix_CPH_ddlBase_chzn {
    width: 100% !important;
}

#logix_CPH_ddl_nxtflwupdate_chzn {
    width: 100% !important;
}
/*
.GridCellDiv {width:70px!important;
}*/
.BranchDrop1 {
    width: 36%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ForwardExport {
    width: 35%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.JobNo5 {
    width: 5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.JobInput11 {
    width: 22%;
    float: left;
    margin: 0px;
}

.GridHeaderN {
    font-family: Tahoma;
    font-size: 12pt;
    margin-bottom: 0;
    margin-left: 4px;
    padding: 2px;
    text-align: center;
}

.Amend {
    width: 100%;
    font-size: 11px;
    text-align: left;
}

.txtjobInputnew {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Amend label {
    color: DarkBlue;
}

.SblDrop1 {
    width: 17%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.AmendSbl {
    width: 18%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.JobnoN6 {
    width: 5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.JobInput12 {
    width: 11%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.RatePer {
    width: 12%;
    float: right;
    margin: 0px;
}

    .RatePer input {
        text-align: right !important;
    }

.totaltxt1 {
    width: 12%;
    float: right;
}

    .totaltxt1 input {
        text-align: right !important;
    }

#logix_CPH_ddl_ceo_chzn {
    width: 100% !important;
}

#logix_CPH_ddl_eh_chzn {
    width: 100% !important;
}

#logix_CPH_ddl_ch_chzn {
    width: 100% !important;
}

#logix_CPH_ddl_ih_chzn {
    width: 100% !important;
}

#logix_CPH_ddl_ih_chzn {
    width: 100% !important;
}

#logix_CPH_ddl_fh_chzn {
    width: 100% !important;
}

.LostCustomer {
    width: 20%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.NewCustomer1 {
    width: 20%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.ByRight {
    float: right;
}

.ByLabel {
    width: 23%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .ByLabel span {
        font-size: 11px;
    }

.ByDropN1 {
    width: 100%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.FromLabel1N {
    width: 4%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

#logix_CPH_ddl_Base_chzn {
    width: 100% !important;
}

.FromCalN1 {
    width: 6.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ByRight1 {
    width: 12%;
    float: right;
}

.To {
    width: 3%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ToDateN1 {
    width: 6.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.LostCustomer label {
    font-size: 11px;
    display: inline-block;
    margin: 0px 0px 0px 5px;
}

.NewCustomer1 label {
    font-size: 11px;
    display: inline-block;
    margin: 0px 0px 0px 5px;
}

.Salescal1 {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Salescal2 {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.PhoneInput1 {
    width: 49.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.FaxInputN1 {
    width: 49.8%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.FaxInputAgentN1 {
    width: 50%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.CustomerDrop1 {
    width: 25%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CargoDrop1 {
    width: 24%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CusCal1 {
    width: 25%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CusCal2 {
    width: 24%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.Chargestxt {
    width: 30%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.FromPaidDrop {
    width: 16%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CurrInputbox {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Amount3 {
    width: 18%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.BaseDrop1 {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.BaseDropB1 {
    width: 12%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.cityInput {
    width: 49.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CountryInput {
    width: 50%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.JobNoBooking {
    width: 5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .JobNoBooking a {
        font-size: 11px;
    }

.JobBookinput {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.VesselInput7 {
    width: 39%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.VesselInputupdate7 {
    width: 43%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .VesselInputupdate7 input {
        background-color: var(--white) !important;
        cursor: default !important;
    }

.AgentInputupdate7 {
    width: 42.4%;
    float: left;
    margin: 0px;
}

    .AgentInputupdate7 input {
        background-color: var(--white) !important;
        cursor: default !important;
    }

.AgentInput11 {
    width: 39%;
    float: left;
    margin: 0px;
}

.VesselInput7 input {
    background-color: var(--white) !important;
    cursor: default !important;
}

.AgentInput11 input {
    background-color: var(--white) !important;
    cursor: default !important;
}

.BookiingNo {
    width: 5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .BookiingNo a {
        font-size: 11px;
    }

.BookingInput7 {
    width: 45%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.BKGDate {
    width: 20%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.QuotInput {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.QuoteDate {
    width: 18%;
    float: left;
}

.BLno4 {
    width: 50.5%;
    margin: 0px 0.5% 0px 0px;
    float: left;
}

.VesselInput8 {
    width: 30.7%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.VoyageInput7 {
    width: 17.8%;
    float: left;
    margin: 0px;
}

.Consignee {
    width: 24.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ConsigneeCal {
    width: 25.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.PolInput9 {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.PodInput7 {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.FDInput2 {
    width: 18%;
    float: left;
    margin: 0px;
}

.CBMInput3 {
    width: 24.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.NetInput {
    width: 25.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

#logix_CPH_ddl_blstatus_chzn {
    width: 100% !important;
}

.GrossInput2 {
    width: 24.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.StatusDrop {
    width: 24%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.JobLabel5 {
    width: 3%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .JobLabel5 a {
        font-size: 11px;
    }

.JobTextfield {
    width: 10.6%;
    float: left;
    margin: 0px;
}

.VesselInput9 {
    width: 20%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.VoyageInput8 {
    width: 13%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.IM {
    width: 16.8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.IMCal1 {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.IMCal2 {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.IMCal3 {
    width: 15.8%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.JobLabelL {
    float: left;
    margin: 0px 0.5% 0px 0px;
    width: 70%;
}

    .JobLabelL input {
        border: 1px solid var(--lightgrey);
    }

.JobLabelR {
    float: left;
    margin: 0px;
    width: 29%;
    margin: 10px 0px 0px 0px;
}

.Load {
    float: left;
    margin: 0px 0.5% 0px 0px;
    width: 24.4%;
}

.Discharge {
    float: left;
    margin: 0px 0.5% 0px 0px;
    width: 25.8%;
}

.MBL {
    float: left;
    margin: 0px 0.5% 0px 0px;
    width: 30.5%;
}

.MBLCal1 {
    float: left;
    margin: 0px;
    width: 16%;
}

.MLO {
    float: left;
    width: 50.8%;
    margin: 0px 0.5% 0px 0px;
}

.Agent {
    float: left;
    width: 46.9%;
    margin: 0px;
}

.VesselMlo {
    float: left;
    width: 24.5%;
    margin: 0px 0.5% 0px 0px;
}

.CFS {
    float: left;
    width: 25.7%;
    margin: 0px 0.5% 0px 0px;
}

.CFS1 {
    float: left;
    width: 47%;
    margin: 0px;
}

input {
    cursor: default !important;
}

.CanDatelabel {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CanTxtbox {
    width: 14%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Consigneerad {
    width: 17%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .Consigneerad label {
        font-size: 11px;
        display: inline-block;
        margin: 0px 0px 0px 5px;
    }

.NotifyRad {
    width: 17%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .NotifyRad label {
        font-size: 11px;
        display: inline-block;
        margin: 0px 0px 0px 5px;
    }

.ForwardRad {
    width: 13%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .ForwardRad span {
        font-size: 11px;
        display: inline-block;
        margin: 0px 0px 0px 5px;
    }

.DirectRad {
    width: 21%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .DirectRad label {
        font-size: 11px;
        display: inline-block;
        margin: 0px 0px 0px 5px;
    }

.Enter {
    float: left;
    width: 40%;
}

.BLNO1 {
    width: 49.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.BLDATEN {
    width: 49.9%;
    float: left;
    margin: 0px;
}

.ETA {
    float: right;
    margin: 0px 0px;
    width: 12%;
}

.VesselInput10 {
    float: left;
    margin: 0px 0.5% 0px 0px;
    width: 49.9%;
}

.MBLInput6 {
    float: left;
    margin: 0px 0px 0px 0px;
    width: 49.5%;
}

.CusName {
    width: 43%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CusCal1 {
    width: 6.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CusCal2 {
    width: 6.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.AgentCal1 {
    width: 11.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.AgentCal2 {
    width: 49.9%;
    float: left;
    margin: 0px;
}

.PendingDo {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .PendingDo label {
        display: inline-block;
        padding: 0px 0px 0px 5px;
    }

.DOStatus {
    width: 20%;
    float: left;
    margin: 0px;
}

    .DOStatus label {
        display: inline-block;
        padding: 0px 0px 0px 5px;
    }

.ForwardLeft {
    float: left;
    margin: 0px 0.5% 0px 0px;
    width: 48.5%;
}

.HouseBl {
    float: left;
    margin: 0px 0px 0px 0px;
    width: 20%;
}

.EventsDrop {
    width: 25%;
    float: left;
    margin: 0px;
}

.EventsDrop {
    width: 13%;
    float: left;
    margin: 0px;
}

.CFS2 {
    width: 25%;
    float: right;
}

.ETAC {
    width: 25%;
    float: right;
}

.JobC {
    width: 25%;
    float: left;
}

.ConC {
    width: 25%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.SizeC {
    width: 22%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.SealC {
    width: 32.9%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.SealCal1 {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CargoPick {
    width: 12%;
    float: left;
    margin: 0px;
}

.CFS3 {
    width: 50%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CFSCal {
    width: 6.5%;
    float: right;
}

.Link1 {
    color: var(--red);
}

.JobLeft1 {
    width: 69.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.JobRight1 {
    width: 29%;
    float: left;
    margin: 0px;
}

.JobInputN12 {
    width: 8%;
    float: left;
    margin: 0px;
}

.JobInput13 {
    width: 15%;
    float: right;
    margin: 0px 0.5% 0px 0px;
}

.JobDateLabel {
    width: 10%;
    float: right;
    margin: 0px 0.5% 0px 0px;
}

.VesselInput11 {
    width: 28%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.VoyageInput9 {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.IMInput {
    width: 21%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.IMCal4 {
    width: 11%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.IMCal5 {
    width: 11%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.IMCal6 {
    width: 11.5%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.Load1 {
    width: 28%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Dis1 {
    width: 36.4%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Dis1new {
    width: 29.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MBL1 {
    width: 22.6%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MBL1new {
    width: 34.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MBLCal2 {
    width: 6.5%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.MLO1 {
    width: 50%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Agent1 {
    width: 42.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.AgentCal3 {
    width: 6.5%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.IMO {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CFSCode {
    width: 11%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CFS4 {
    width: 49.2%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.ShipmentLeft {
    width: 100%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.div_btn_radi {
    margin-bottom: 15px;
}

    .div_btn_radi span {
        width: 125px;
        display: inline-block;
        text-align: left;
    }

.ShipmentRight {
    width: 39%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.Bond {
    width: 8%;
    float: left;
    margin: 0px 5px 0px 0px;
}

.Truck {
    width: 13.8%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.VSL {
    width: 16%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Line {
    width: 16%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.AgentInput12 {
    width: 16%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CallSign {
    width: 16%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.AprPort {
    width: 16%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.LastPort {
    width: 17.2%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.MasterInput {
    width: 32.4%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.NationInput {
    width: 32.6%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.RemarksInput6 {
    width: 33.6%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.GodOwn {
    width: 12%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.GodOwntext {
    width: 16%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Destuff {
    width: 12%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.DestuffCal {
    width: 15.3%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.txtCont {
    width: 19.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.FRDrop {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.SealC2 {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.PKGInput2 {
    width: 11.6%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.WTInput1 {
    width: 12%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ISOCode {
    width: 12%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.SOCFlag {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.div_btn_radi label {
    display: inline-block;
    margin: 0px 5px 0px 5px;
}

.FloatLeftAdd {
    float: left;
}

.JobName1 {
    width: 3%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .JobName1 a {
        font-size: 11px;
    }

.JobInput14 {
    width: 12%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.JobDetails2 {
    width: 43%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.BookingNo3 {
    width: 5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .BookingNo3 a {
        font-size: 11px;
    }

.BookingInput8 {
    width: 35%;
    float: left;
    margin: 0px;
}

.BillOf {
    width: 25%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.IssuedAt {
    width: 24%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.IssueCal {
    width: 7%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

#logix_CPH_ddl_cmbfreight_chzn {
    width: 100% !important;
}

.FreightDrop {
    width: 17%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CommInput {
    width: 28.5%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.ShippInput {
    width: 49.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ConsignInput {
    width: 32.9%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.PlaceInput {
    width: 24.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.PortInput1 {
    width: 24.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.DisInput {
    width: 24.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.FinalInput {
    width: 24.9%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.MarkLeft1 {
    width: 74.6%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MarkRight2 {
    width: 24.7%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.CubicInput3 {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.GrossInput3 {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.NetInput1 {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.StatusDrop1 {
    width: 12%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Number1 {
    width: 15.6%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Units1 {
    width: 24.9%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.UNOCode {
    width: 28.1%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.IMOCode {
    width: 24.9%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.Remark1 {
    width: 65%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.BLSurender {
    width: 9.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .BLSurender label {
        display: inline-block;
        margin: 0px 0px 0px 5px;
    }

.BusinessChk {
    width: 19%;
    float: left;
    margin: 0px 0px 0px 0px;
}

    .BusinessChk label {
        display: inline-block;
        margin: 0px 0px 0px 5px;
    }

.FrieghtDetails {
    width: 25%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .FrieghtDetails a {
        font-size: 12px !important;
        font-family: Tahoma;
    }

.FWDBL {
    width: 25%;
    float: left;
    margin: 3px 0px 0px 0px;
}

#logix_CPH_ddlfreight_chzn {
    width: 100% !important;
}

#logix_CPH_ddlstatus_chzn {
    width: 100% !important;
}

#logix_CPH_ddlunits_chzn {
    width: 100% !important;
}

.div_radioN1 {
    float: left;
    width: 70%;
}

.LabelValue2N {
    display: inline-block;
    text-align: left;
    width: 93px;
}

    .LabelValue2N label {
        margin: 0px 0px 0px 5px;
        display: inline-block;
    }

/* BL Print CSS Styles Start */

.BLTab1 {
    float: left;
    width: 85%;
    margin: 0px 0.5% 0px 0px;
    border-bottom: 1px solid #dc6465;
}

    .BLTab1 ul {
        padding: 0px;
        margin: 0px;
    }

    .BLTab1 li {
        list-style: none;
        padding: 0px 5px 0px 0px;
        margin: 0px;
        float: left;
    }

        .BLTab1 li a {
            display: inline-block;
            padding: 5px;
            margin: 0px;
            background-color: #ed7777;
            font-size: 11px;
            color: var(--white) !important;
            border-radius: 5px 5px 0px 0px;
        }

.BLBackRight {
    float: right;
    width: 20%;
}

.DateInput3 {
    float: right;
    width: 8%;
}

.JobIm {
    float: left;
    width: 50%;
    margin: 0px;
}

.BLNo5 {
    width: 24.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.JobType {
    width: 15%;
    float: left;
    margin: 0px;
}

.HBLStatus {
    width: 24.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.IssueAtI {
    width: 24.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MBLStatus {
    width: 24.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MBLNo {
    width: 25%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.BaseDrop2 {
    width: 18.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Booking {
    width: 5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
    height: 17px;
}

    .Booking a {
        font-size: 11px;
    }

.Quotation {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .Quotation a {
        font-size: 11px;
    }

.BookingInput9 {
    width: 41%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Quotationtxt {
    width: 41%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.LineNo {
    width: 50%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.Marketed {
    width: 49.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MLOFed {
    width: 50%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.MLOFed1 {
    width: 24.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MLOFed2 {
    width: 25%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.PORLeft {
    width: 70%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.PORRight {
    width: 29.5%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.PORInput1 {
    width: 30%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.PODInput8 {
    width: 30%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

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

    .Container1 select {
        border: 1px solid var(--lightgrey);
        width: 100%;
        height: 66px !important;
    }

.FVessel {
    width: 34%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.VoyageInput10 {
    width: 16%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MVessel {
    width: 33.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.DEStuff {
    width: 15%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.POL1 {
    width: 33%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.FDN11 {
    width: 33%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.DODate {
    width: 33%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.VolumeInput2 {
    width: 19%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.KGS {
    width: 19.5%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.JobInput {
    float: left;
    width: 8%;
}

.JobCal1 {
    float: right;
    width: 6%;
}

.ContainerDetails {
    float: left;
    width: 25%;
    font-size: 11px;
}

.ContainerInput4 {
    float: left;
    width: 33%;
    margin: 0px 0.5% 0px 0px;
}

.sizeInput {
    float: left;
    width: 25.3%;
    margin: 0px 0.5% 0px 0px;
}

.SealInput1 {
    float: left;
    width: 33.5%;
    margin: 0px 0.5% 0px 0px;
}

.SealCal2 {
    float: left;
    width: 6.5%;
    margin: 0px 0px 0px 0px;
}

.JobDetailsInput1 {
    float: left;
    width: 88%;
    margin: 0px 0px 0px 5px;
}

.JobLabelInput {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.JobLabLeft {
    width: 78.3%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.JobLabRight {
    width: 20.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ETDInput4 {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.VSLInput2 {
    width: 59.9%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.YearInput2 {
    width: 4.5%;
    float: left;
    margin: 0px;
}

.BiLLInput1 {
    width: 75%;
    float: left;
    margin: 0px 5px 0px 0px;
}

.BiLLInputfracking {
    width: 74.8%;
    float: left;
    margin: 0px 5px 0px 0px;
}

.BiLLDrop1 {
    width: 24.4%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.StampInput {
    width: 33%;
    border: 1px solid var(--lightgrey);
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .StampInput strong {
        display: inline-block;
        float: left;
        font-size: 11px;
        padding: 2px 0px 0px 3px;
    }

.form-control2 {
    width: 94%;
    float: right;
    border: 0px solid var(--lightgrey) !important;
    padding: 3px 3px;
}

input.form-control2 {
    width: 93%;
    float: left;
    border: 0px solid var(--lightgrey) !important;
    padding: 3px 3px;
}

.ServiceInput {
    width: 30%;
    float: left;
    border: 1px solid var(--lightgrey);
    margin: 0px 0.5% 0px 0px;
}

    .ServiceInput strong {
        display: inline-block;
        float: left;
        font-size: 11px;
        padding: 2px 0px 0px 3px;
    }

.ProcessInput {
    width: 35%;
    float: left;
    border: 1px solid var(--lightgrey);
    margin: 0px 0px 0px 0px;
}

    .ProcessInput strong {
        display: inline-block;
        float: left;
        font-size: 11px;
        padding: 2px 0px 0px 3px;
    }

#logix_CPH_Panel1 select {
    border: 1px solid var(--inputborder);
}

.BillDrop2 {
    width: 25%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.BusinessChk1 {
    width: 25%;
    float: left;
    margin: 0px 0px 0px 0px;
}

    .BusinessChk1 label {
        display: inline-block;
        margin: 0px 0px 0px 5px;
    }

.JobName2 {
    float: right;
    width: 3%;
    margin: 0px 0px 0px 5px;
}

.JobInput15 {
    float: right;
    width: 10%;
    margin: 0px 0px 0px 0px;
}

.ChargeDes {
    float: left;
    width: 20%;
    margin: 0px 0.5% 0px 0px;
}

.CurrI {
    float: left;
    width: 10%;
    margin: 0px 0.5% 0px 0px;
}

.EXRate2 {
    float: left;
    width: 15%;
    margin: 0px 0.5% 0px 0px;
}

.EXRateChg2 {
    float: left;
    width: 10%;
    margin: 0px 0.5% 0px 0px;
}

.Rate2 {
    float: left;
    width: 9%;
    margin: 0px 0.5% 0px 0px;
}

.RateAdv2 {
    float: left;
    width: 8%;
    margin: 0px 0.5% 0px 0px;
}

.BaseDrop2 {
    float: left;
    width: 15%;
    margin: 0px 0.5% 0px 0px;
}

.BaseDropChg2 {
    float: left;
    width: 14.5%;
    margin: 0px 0.5% 0px 0px;
}

.Amount4 {
    float: left;
    width: 14%;
    margin: 0px 0.5% 0px 0px;
}

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

    .Amendtxt label {
        font-size: 11px;
    }

.JobNoInput2 {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.FBLDrop {
    width: 33%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Amendtxt1 {
    width: 32.5%;
    float: left;
}

.CompanyDrop1 {
    width: 25%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.BranchDrop2 {
    width: 25%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.FromLabel3 {
    width: 5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.FromCal2 {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ToLabel5 {
    width: 4%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ToCal1 {
    width: 6%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

#logix_CPH_cmbdiv_chzn {
    width: 100% !important;
    margin: 0px 0px 0px 0px;
}

#logix_CPH_cmbBranch_chzn {
    width: 100% !important;
    margin: 0px 0px 0px 0px;
}

.FromLabel3 span {
    font-size: 11px;
}

.ToLabel5 span {
    font-size: 11px;
}

.ComplaintRef {
    font-size: 11px;
    float: right;
    margin: 3px 0px 0px 5px;
    width: 9%;
}

.ComplaintInput {
    float: right;
    width: 20%;
    float: right;
}

.RefDrop {
    float: left;
    margin: 0px 0.5% 0px 0px;
    width: 25%;
}

.DocInput1 {
    float: left;
    margin: 0px 0.5% 0px 0px;
    width: 48.8%;
}

.ComplaintDrop {
    float: left;
    margin: 0px 0px 0px 0px;
    width: 25.2%;
}

.RecCal1 {
    float: left;
    margin: 0px 0.5% 0px 0px;
    width: 13%;
}

.RecDrop {
    float: left;
    margin: 0px 0.5% 0px 0px;
    width: 20%;
}

.RecievedBy {
    float: left;
    margin: 0px 0px 0px 0px;
    width: 66%;
}

#logix_CPH_ddl_ref_chzn {
    width: 100% !important;
}

#logix_CPH_ddl_CompType_chzn {
    width: 100% !important;
}

#logix_CPH_Grd_Comp_popup_foregroundElement {
    left: 0px !important;
    top: 88px !important;
}

.CustomerrWise {
    width: 11%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .CustomerrWise span {
        font-size: 11px;
    }

.CustomerrWise1 {
    width: 17%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .CustomerrWise1 span {
        font-size: 11px;
    }

.FromLabl {
    width: 4%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .FromLabl span {
        font-size: 11px;
    }

.FromCal6 {
    width: 7%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ToLabel6 {
    width: 2%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .ToLabel6 span {
        font-size: 11px;
    }

.ByLabel1 span {
    font-size: 11px;
}

.Tocal7 {
    width: 7%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ByLabel1 {
    width: 3%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ByDrop1 {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ByDrop2 {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

#logix_CPH_ddl_From_chzn {
    width: 100% !important;
}

#logix_CPH_ddl_To_chzn {
    width: 100% !important;
}

#logix_CPH_ddl_By_chzn {
    width: 100% !important;
}

.MLCtrl {
    margin: 0px 0px 0px 13px !important;
}

.PONo1 {
    width: 39%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CustomerInput8 {
    width: 84.7%;
    float: left;
    margin: 0px 0px 0px 5px;
}

.StyleSku {
    width: 20%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Pieces {
    width: 19.2%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Cartons {
    width: 20.3%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.WeightInput1 {
    width: 30%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Dimensions {
    width: 40%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.InvoiceInput1 {
    width: 18.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.InvoiceCal1 {
    width: 10%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.AWBL {
    width: 30.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.DateInput2 {
    width: 19%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.IssueAt1 {
    width: 24.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.JobInput17 {
    width: 24.5%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.Shipper1 {
    width: 50%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Shipper1new {
    width: 40%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ShipperN1 {
    width: 49.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.FormGroupContent4 .ShipperN1 textarea {
    height: 90px !important;
}

.ShipmentDetails {
    width: 49.9%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.FormGroupContent4 .ShipmentDetails textarea {
    height: 90px !important;
}

.Consignee1 {
    width: 49.9%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.ConsigneeN3 {
    width: 49.5%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.Port1 {
    width: 30%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Port2 {
    width: 19%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Freight1 {
    width: 24.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Cargo1 {
    width: 24.99%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.Gross1 {
    width: 20%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Gross1new {
    width: 13%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.RateN1 {
    width: 18%;
    float: left;
    margin: 0px 0.5% 0px 0px;
    text-align: left;
}

.FreeChk {
    width: 10%;
    float: left;
    margin: 0px 0px 0px 0px;
}

    .FreeChk label {
        display: inline-block;
        margin: 0px 0px 0px 5px;
    }

.Carrier1 {
    width: 69.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Pod1 {
    width: 30%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.InvoiceRadCus {
    float: left;
    width: 7%;
    margin: 0px 0.5% 0px 0px;
}

    .InvoiceRadCus label {
        display: inline-block;
        margin: 0px 0px 0px 5px;
    }

.CreditRad {
    float: left;
    width: 18%;
    margin: 0px 0px 0px 0px;
}

    .CreditRad label {
        display: inline-block;
        margin: 0px 0px 0px 5px;
    }

.JobInput18 {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.JobCal2 {
    width: 11%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.AirlineName {
    width: 32.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.JobAgent {
    width: 52.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.JobHandling {
    width: 47%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.Mawbl {
    width: 14%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MawblFNo {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MawblCal {
    width: 9%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MawblCal1 {
    width: 9%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.StatusDrop2 {
    width: 11%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.IataInput {
    width: 24%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.IataInputnew {
    width: 13%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.FromInput1 {
    width: 16%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ToPortInput {
    width: 16%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

#logix_CPH_ddl_cmbstatus_chzn {
    width: 100% !important;
}

#logix_CPH_ddl_cmbfreight_chzn {
    width: 100% !important;
}

.FrieghtDrop1 {
    width: 11%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.Hawbl {
    width: 18%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.BookingInput10 {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.FromInput2 {
    width: 24.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ToPort {
    width: 24.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CNFInput {
    width: 30%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CurrInput4 {
    width: 19.5%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.ToInput1 {
    width: 20%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ByInput {
    width: 29%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ToInput1 {
    width: 29%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ByInput1 {
    width: 11.5%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.ToInput2 {
    width: 41%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.PkgsInput1 {
    width: 12%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.PKGDrop {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Gross2 {
    width: 11%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.TypeInput1 {
    width: 11%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ChargeWt {
    width: 5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
    height: 25px;
}

.minWt {
    width: 5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
    height: 25px;
}

.RateClass {
    width: 12%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.AmountN6 {
    width: 11.5%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.Citem1 {
    width: 14%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.DVLeft {
    width: 50.9%;
    float: left;
    margin: 0px 0.1% 0px 0px;
}

.DVRight {
    width: 48.9%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.DVCharge {
    width: 33%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.DVCustoms {
    width: 33%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CHG {
    width: 32.4%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.WTDrop {
    width: 49.2%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.OtherDrop {
    width: 49.5%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.Commodity1 {
    width: 44%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Insurance {
    width: 19.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Insurance1 {
    width: 34.9%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.AgentChk1 {
    width: 25%;
    float: left;
}

    .AgentChk1 label {
        display: inline-block;
        margin: 0px 0px 0px 5px;
    }

.GridHeight {
    width: 100%;
    margin: 0px;
    padding: 0px;
    height: 100px;
    border: 1px solid var(--lightgrey);
}

    .GridHeight th {
        background-color: #dbdbdb;
        font-size: 11px;
        padding: 2px;
    }

    .GridHeight td {
        font-size: 11px;
        padding: 2px 5px;
    }

.grdcurrfield {
    width: 100% !important;
    font-size: 10px;
}

#logix_CPH_ddl_cmbwt_chzn {
    width: 100% !important;
}

#logix_CPH_ddl_cmboth_chzn {
    width: 100% !important;
}

.Hawbtxt {
    width: 33%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.BLDate1 {
    width: 33%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.JobInput19 {
    width: 32.8%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.ChargesDrop {
    width: 33%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Amount5 {
    width: 25%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.PPDrop {
    width: 30.7%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.Hawbtxt1 {
    width: 70%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.BLDate2 {
    width: 29.5%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.GrossWeight1 {
    width: 20%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.WeighDrop {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ChargeWeigh {
    width: 13.2%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Commodity2 {
    width: 50.3%;
    float: left;
    margin: 0px 0px 0px 0px;
}

#logix_CPH_ddl_awb_chzn {
    width: 100% !important;
}

.Agree {
    width: 20%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Rate3 {
    width: 20%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Without {
    width: 20%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.Agree label {
    display: inline-block;
    margin: 0px 0px 0px 5px;
}

.Rate3 label {
    display: inline-block;
    margin: 0px 0px 0px 5px;
}

.Without label {
    display: inline-block;
    margin: 0px 0px 0px 5px;
}

.BillInput2 {
    width: 30%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.JobDetails3 {
    width: 54.8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.EDIJob {
    width: 14.2%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.ContractInput2 {
    width: 44.8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ContractDrop2 {
    width: 24.2%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.Cal1 {
    width: 14%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.DangerDrop {
    width: 24%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.JobDrop {
    width: 30.5%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.ShipperCode {
    width: 30%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ShipperName {
    width: 69.5%;
    float: left;
    margin: 0px 0px 0px 0px;
}

#logix_CPH_ddl_jobtype_chzn {
    width: 100% !important;
}

#logix_CPH_Panel_Service {
    top: 280px !important;
}

.UnitInput2 {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.BuildInput {
    width: 34.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.DoorInput {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.StreetInput {
    width: 34%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.City1 {
    width: 24.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Country1 {
    width: 25%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Location1 {
    width: 24.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.District {
    width: 24.5%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.ISDInput1 {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.StdInput {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.LandLine {
    width: 31%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.qrcode {
    width: 200px;
    height: 200px;
    border: 1px solid var(--black);
}

.EmailInput1 {
    width: 49.4%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.MrDrop1 {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MDInput {
    width: 39.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MDMailInput {
    width: 49.3%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.ISDInput {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.StdInput {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.FaxTxtbox {
    width: 30.5%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.MobileI {
    width: 39.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CompanyTxt {
    width: 35%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.BranchDrop3 {
    width: 25%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MonthDrop1 {
    width: 20%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.YearDrop {
    width: 18%;
    float: left;
    margin: 0px 0px 0px 0px;
}

#logix_CPH_ddlEvents_chzn {
    width: 100% !important;
}

#logix_CPH_ddlClientType_chzn {
    width: 100% !important;
}

#logix_CPH_ddl_shipment_chzn {
    width: 100% !important;
}

#logix_CPH_ddl_HTS_chzn {
    width: 100% !important;
}

.StateDrop {
    float: left;
    width: 20%;
    margin: 0px 0.5% 0px 0px;
}

.DistrictDrop {
    float: left;
    width: 20%;
    margin: 0px 0.5% 0px 0px;
}

.LocationDrop {
    float: left;
    width: 20%;
    margin: 0px 0.5% 0px 0px;
}

.NewRad {
    float: left;
    width: 37%;
    margin: 0px 0px 0px 0px;
}

    .NewRad label {
        display: inline-block;
        margin: 0px 0px 0px 5px;
    }

.Custoemr1 {
    width: 93%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

#logix_CPH_Book2 {
    height: 346px;
    /*overflow-y: scroll !important;*/
    overflow-x: hidden;
}

.WidthcrtlN1 input {
    /*width:75px!important;*/
}

/* BL Print CSS Styles End */

/* CRM Schedule Visit Styles Start */
.CRMID {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Customer {
    width: 85%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.KeyPerson {
    width: 20%;
    float: left;
    margin: 0px;
    color: var(--red);
    font-size: 11px;
}

.MRDrop {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Nametxt1 {
    width: 29.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Desitxt1 {
    width: 29.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Department1 {
    width: 29.5%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.Mobiletxt1 {
    width: 30.7%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Landline1 {
    width: 32%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Emailtxt1 {
    width: 29.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

#logix_CPH_UpdatePanel1 {
    height: auto;
}

.PortDetails {
    float: left;
    width: 25%;
    color: var(--red);
    font-size: 11px;
    margin: 0px;
}

.POR1 {
    width: 24.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.POL2 {
    width: 24.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.POD2 {
    width: 24.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.FD1 {
    width: 24.5%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.DesCription1 {
    width: 49%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MSDSChk {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .MSDSChk label {
        display: inline-block;
        margin: 0px 0px 0px 5px;
    }

.HazaChk {
    width: 10%;
    float: left;
    margin: 0px 0px 0px 0px;
}

    .HazaChk label {
        display: inline-block;
        margin: 0px 0px 0px 5px;
    }

.UNCode {
    width: 12%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ProductDrop {
    width: 14.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Unittype1 {
    width: 11%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Unittype2 {
    width: 10.5%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.INCO {
    width: 24.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Competitor {
    width: 66.8%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.Curr1 {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Indicated {
    width: 14%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Remarks1 {
    width: 68.4%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.Require1 {
    width: 24.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.OtherRequire {
    width: 34.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.FollowDrop {
    width: 40%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.Cal2 {
    width: 13%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Appoinmenttxt {
    width: 11%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Drop1 {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Droptxt {
    width: 2%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

#logix_CPH_DllToMM_chzn {
    width: 100% !important;
}

.ProductDrop1 {
    width: 27%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CRMLink {
    width: 4%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CRMTxt {
    width: 14%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Quotationtxt1 {
    width: 7%;
    float: left;
    margin: 0px 0.5% 0px 0px;
    font-size: 11px;
    color: var(--red);
}

.QuotationInputN1 {
    width: 28.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.QuotationInputN1Q {
    width: 13.3%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

#logix_CPH_ddlpdt_chzn {
    width: 100% !important;
}

.ValidCalendarN2 {
    float: left;
    margin: 0px 0px 0px 0px;
    width: 9%;
}

.DateCal3 {
    width: 12%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CustomerInput9 {
    width: 49%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Cargo2 {
    width: 37%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Place1 {
    width: 24.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Place2 {
    width: 25%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.Place3 {
    width: 12.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Place4 {
    width: 12.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Place5 {
    width: 12.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Place6 {
    width: 11%;
    float: left;
    margin: 0px 0px 0px 0px;
}

#logix_CPH_ddlShipment_chzn {
    width: 100% !important;
}

#logix_CPH_ddlFreight_chzn {
    width: 100% !important;
}

.BuyRate1 {
    width: 8%;
    float: left;
    margin: 0px 5px 0px 0px;
}

.BuyInput1 {
    width: 10%;
    float: left;
    margin: 0px 5px 0px 0px;
}

.BuyInput2 {
    width: 81%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.QuotationLeft {
    float: left;
    width: 64.5%;
    margin: 0px 0.5% 0px 0px;
}

.QuotationRight {
    float: left;
    width: 35%;
}

.Charges1 {
    width: 54%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

#IMGDIV {
    /*top: 25% !important;*/
    position: relative;
    z-index: 9999999;
}

.Minheight {
    min-height: 142px !important;
}

.ProductLeft {
    width: 69%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ProductRight {
    width: 30%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.Shipper2 {
    width: 32.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Consignee2 {
    width: 32.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Quotation1 {
    width: 33.8%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.AgentLeft {
    width: 49.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.AgentRight {
    width: 49.9%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.Agent2 {
    width: 100%;
    float: left;
    margin: 0px 0px 5px 0px;
}

.MailID1 {
    width: 100%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.IncoLeft {
    width: 49.5%;
    float: left;
    border-right: 1px dotted var(--lightgrey);
    margin: 0px 0.5% 0px 0px;
    padding: 0px 5px 0px 0px;
}

.IncoRight {
    width: 49.5%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.INCO {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Approximate {
    width: 50%;
    float: left;
    margin: 0px 5px 5px 0px;
}

.MarketedLabel1 {
    width: 11%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MarketedInput {
    width: 43%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.QuotationtxtN1 {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ValidLabeNl {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ValidCalendar2 {
    float: left;
    margin: 0px 0px 0px 0.5%;
    width: 13%;
}

.BookingInputN2 {
    float: left;
    margin: 0 0px 0px 0.5%;
    width: 23.7%;
}

.ProductDropN1 {
    width: 27%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ShipperLeft {
    width: 65.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ShipperRight {
    width: 33.6%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.ShipperN2 {
    width: 49.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.FormGroupContent4 .ShipperN2 textarea {
    height: 50px !important;
}

.FormGroupContent4 .ConsigneeN2 textarea {
    height: 50px !important;
}

.FormGroupContent4 .AgentRight textarea {
    height: 50px !important;
}

#logix_CPH_DllState_chzn {
    width: 100% !important;
}

#logix_CPH_Dlldistc_chzn {
    width: 100% !important;
}

#logix_CPH_Dlllocation_chzn {
    width: 100% !important;
}

#logix_CPH_ddlRegion_chzn {
    width: 100% !important;
}

.ConsigneeN2 {
    width: 49.9%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.PORLeftN1 {
    width: 48%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.PORRightN1 {
    width: 51.5%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.ValidCalendarN1 {
    float: left;
    margin: 0px 0px 0px 0px;
    width: 12%;
}

.VolumeInputN1 {
    width: 20%;
    float: left;
    margin: 0px 0px 0px 0px;
}

    .VolumeInputN1 input {
        cursor: default !important;
    }

.BuyRateN1 {
    width: 13%;
    float: left;
    margin: 0px 5px 0px 0px;
}

.ProductRight {
    height: 202px;
    border: 1px solid var(--lightgrey);
}

.WidthBtn {
    width: 31% !important;
}

.PB10 {
    padding-bottom: 10px;
}

.RegionDrop1 {
    float: left;
    width: 22%;
    margin: 0px 0.5% 0px 0px;
}

.BranchDrop4 {
    float: left;
    width: 22%;
    margin: 0px 0.5% 0px 0px;
}

.EmployeeDrop {
    float: left;
    width: 21%;
    margin: 0px 0.5% 0px 0px;
}

.EmployeeDrop1 {
    float: left;
    width: 21%;
    margin: 0px 0.5% 0px 0px;
}

.CityDrop {
    float: left;
    width: 22%;
    margin: 0px 0.5% 0px 0px;
}

.FormLabelN1 {
    float: left;
    width: 3%;
    margin: 0px 0.5% 0px 0px;
}

.FormLabelN1 {
    font-size: 11px;
}

#logix_CPH_ddlemp_chzn {
    width: 100% !important;
}

.BranchDrop5 {
    float: left;
    width: 19%;
    margin: 0px 0.5% 0px 0px;
}

#logix_CPH_ddlregion_chzn {
    width: 100% !important;
}

#logix_CPH_ddlbranch_chzn {
    width: 100% !important;
}

#logix_CPH_ddlemployee_chzn {
    width: 100% !important;
}

.Drop2 {
    width: 20%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Yeartxt {
    width: 6%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.DropN2 {
    width: 18%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Drop3 {
    width: 18%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.charttype {
    width: 6%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.YeartxtN1 {
    width: 4%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CustomerInut1 {
    float: left;
    width: 44%;
    margin: 0px 0px 0px 0px;
}

.RightTxtbox {
    float: right;
    width: 10%;
    margin: 0px 0px 0px 0px;
}

.DateandYr input {
    border: 0px solid var(--lightgrey) !important;
}

/* CRM Schedule Visit Styles End */
.tblHeight1 {
    border: 1px solid var(--lightgrey);
    height: 135px;
    overflow: auto;
}

.Mawbl1 {
    width: 25%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Mawbl2 {
    width: 25%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Mawbl3 {
    width: 25%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.Flight1 {
    width: 25%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Flight2 {
    width: 25%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Flight3 {
    width: 24.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Flight4 {
    width: 23.6%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.Filename1 {
    width: 35%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.HAWBLInput {
    width: 33%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.IssuedAtInput {
    width: 33%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.IssueOn {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.FrieghtInput {
    width: 22.2%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.JobInput20 {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.FlightInput {
    width: 20%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ManiFeast {
    width: 30%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MawblInput {
    width: 38.1%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.CargoInput2 {
    width: 30%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.PackagesInput2 {
    width: 19.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ChargeWt1 {
    width: 30%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.GrossWt1 {
    width: 18.7%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.BookingInput11 {
    width: 41.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.QuotationInput1 {
    width: 40.6%;
    float: left;
    margin: 0px;
}

.JobInputN {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Flight5 {
    width: 78.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.FlightCal {
    width: 6%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.POLNew1 {
    width: 43%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.POLNew2 {
    width: 50%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.POLNewCal {
    width: 6%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.Srcbox1 {
    width: 97.7%;
    float: left;
    margin: 5px 0px 0px 0px;
}
/* Chrome CSS Hacker */
.MB5 {
    margin-top: 2px;
}

.tblHeight2 {
    border: 1px solid var(--lightgrey);
    float: left;
    height: 56px;
    margin: 0 5px 0 0;
    overflow: auto;
    width: 97.7%;
}

.tblHeight3 {
    border: 1px solid var(--lightgrey);
    height: 365px;
    margin: 0 0px 0 0;
    overflow: auto;
}

.Remark2 {
    width: 49.8%;
    float: left;
    margin: 0px;
}

.MT25 {
    margin-top: 25px !important;
}

#logix_CPH_ddl_Report_chzn {
    width: 100% !important;
}

.FormGroupContent4 label {
    display: inline-block;
    margin: 0px 0px 0px 0px;
}
/* saf3+, chrome1+ */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    /*.Grid table tr  { display:inherit!important; width:860px!important;}
    table tr {display:inherit!important; width:860px!important; 
    }*/

    .BlankInput {
        height: 88px;
        overflow: auto;
    }
}

/* Maintenance Styles */
.BuildingName {
    width: 41.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.StreetInput1 {
    width: 41%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.District1 {
    width: 24.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.State1 {
    width: 25%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Country2 {
    width: 24.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Zip1 {
    width: 24.5%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.ISD1 {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.STD1 {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.LandLine2 {
    width: 33%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Fax1 {
    width: 32.5%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.ServiceTax {
    width: 40.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.TDS1 {
    width: 8.5%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.MGMT1 {
    width: 43.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MGMT2 {
    width: 49.5%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.Request1 {
    width: 20%;
    float: left;
    margin: 0px 0px 0px 0px;
}

    .Request1 a {
        font-size: 11px;
    }

.Mobile1 {
    width: 41.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Email1 {
    width: 49.5%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.Shipper3 {
    width: 50%;
    margin: 0px 0.5% 0px 0px;
    float: left;
}

    .Shipper3 textarea {
        cursor: default !important;
    }

.Consignee3 {
    width: 49.5%;
    margin: 0px 0px 0px 0px;
    float: left;
}

#logix_CPH_cmbbill_chzn {
    width: 100% !important;
}

.TypeDrop {
    width: 25%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ChargesInput1 {
    width: 74.5%;
    float: left;
    margin: 0px;
}

.CurrencyInput {
    width: 33%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Amount6 {
    width: 33%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.STInput {
    width: 33%;
    float: left;
    margin: 0px 0px 0px 0px;
}

#logix_CPH_ddl_cmbChargeType_chzn {
    width: 100% !important;
}

.div_border {
    width: 100%;
    border: 1px solid var(--lightgrey);
    height: 325px;
    overflow: auto;
}

.SectorInput {
    width: 66.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.DateInput4 {
    width: 16%;
    float: right;
    margin: 0px;
}

#logix_CPH_droptype_chzn {
    width: 100% !important;
}

.TypeDrop1 {
    width: 9%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Container2 {
    width: 75%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Height2 {
    width: 24.5%;
    float: left;
    margin: 0px 0px 0px 0px;
}

#logix_CPH_ddl_cmbType_chzn {
    width: 100% !important;
}

#logix_CPH_ddl_cmbSlab_chzn {
    width: 100% !important;
}

#logix_CPH_ddl_by_chzn {
    width: 100% !important;
}

#logix_CPH_ddlLossCusType_chzn {
    width: 100% !important;
}

.ServiceTax1 {
    width: 33%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ServiceTax2 {
    width: 33%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ServiceTax3 {
    width: 32.5%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.FileUpload2 {
    width: 74.5%;
    float: left;
    margin: 0px;
}

#logix_CPH_ddl_cmbDivision_chzn {
    width: 100% !important;
}

#logix_CPH_ddl_cmbLocation_chzn {
    width: 100% !important;
}

#logix_CPH_ddl_cmbModule_chzn {
    width: 100% !important;
}

#logix_CPH_ddl_cmbModule_chzn {
    width: 100% !important;
}

#logix_CPH_ddl_chk_chzn {
    width: 100% !important;
}

.UserID {
    width: 25%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Username1 {
    width: 74.5%;
    float: left;
    margin: 0px 0px 0px 0px;
}

#logix_CPH_ddl_cmbPctype_chzn {
    width: 100% !important;
}

#logix_CPH_ddl_CmbCType_chzn {
    width: 100% !important;
}

#logix_CPH_ddl_cmbbilltype_chzn {
    width: 100% !important;
}

.ChargeDes1 {
    width: 40%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Curr3 {
    width: 12%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Year1 {
    width: 15%;
    float: left;
}

.Month1 {
    width: 15%;
    float: right;
}

.ServiceTax4 {
    width: 33%;
    float: left;
    margin: 0px 0px 0px 0px;
}

#logix_CPH_grd_user th {
    text-align: left;
}

.Division1 {
    width: 74.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.BranchCode1 {
    width: 25%;
    float: left;
    margin: 0px;
}

.Units2 {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.BuildingName1 {
    width: 34.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Door1 {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Street1 {
    width: 34%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.Locationtxt1 {
    width: 17%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.District2 {
    width: 17%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.City2 {
    width: 17%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.State2 {
    width: 17%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Country3 {
    width: 14.5%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.Phone1 {
    width: 16%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Fax2 {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Email2 {
    width: 58%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.PAN1 {
    width: 16%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ST1 {
    width: 17%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.TAN1 {
    width: 16%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.PF1 {
    width: 17%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ESI1 {
    width: 16%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CARN1 {
    width: 15.5%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.DeciMals {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.DateDrop {
    width: 23.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.FYFrom {
    width: 24.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.FYTo {
    width: 23.5%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.BankDetails {
    width: 25%;
    float: left;
    margin: 0px;
}

    .BankDetails label {
        display: inline-block;
        color: #ff6c00;
        font-size: 11px;
    }

.BankLeft {
    width: 74.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.BankRight {
    width: 25%;
    float: left;
    margin: 5px 0px 0px 0px;
}

.Bankimg {
    width: 35%;
    float: left;
    height: 85px;
    margin: 0px 0px 0px 0px;
}

.FileUpload3 {
    width: 100%;
    float: left;
    margin: 0px 0px 0px 2px !important;
    top: 58px !important;
}

.FileUpload4 {
    width: 100%;
    float: left;
    margin: 0px 0px 0px 2px !important;
}

.CreateBranch {
    float: left;
    width: 25%;
    margin: 0px;
}

.BankName {
    width: 49.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.AccountDrop {
    width: 49.5%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.BranchLeft {
    width: 49.5%;
    float: left;
    padding: 0px 5px 0px 0px;
    margin: 0px 0.5% 0px 0px;
    border-right: 1px solid var(--lightgrey);
}

.BranchRight {
    width: 50%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.Branchtxt2 {
    float: left;
    width: 100%;
    margin: 0px;
}

.BranchDrop6 {
    float: left;
    width: 100%;
    margin: 0px;
}

.ThumbLeft {
    float: left;
    width: 73.5%;
    margin: 0px 0.5% 0px 0px;
}

.ThumbRight {
    float: left;
    width: 25%;
    margin: 0px 0px 0px 0px;
}

.PersonLeft {
    float: left;
    width: 68.6%;
    margin: 0px 0.5% 0px 0px;
}

.ShortRight {
    float: left;
    width: 30%;
    margin: 0px 0px 0px 0px;
}

.PhoneTxt1 {
    float: left;
    width: 40%;
    margin: 0px 0.5% 0px 0px;
}

.Faxtxt1 {
    float: left;
    width: 59%;
    margin: 0px 0px 0px 0px;
}

#logix_CPH_branch_droptype_chzn {
    width: 100% !important;
}

.BankLbl {
    width: 75%;
    float: left;
    margin: 0px 0px 0px 5px;
}

.Consignee4 {
    width: 49.5%;
    margin: 0px 0px 0px 0px;
    float: left;
}

.BaseTxt1 {
    width: 32.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.BaseTxt2 {
    width: 33.9%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.Export1 {
    width: 32.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Export2 {
    width: 33.9%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.TruckInput {
    width: 28.6%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.TruckCal1 {
    width: 6%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.TruckCal2 {
    width: 6%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.ShippInput1 {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ShippInput2 {
    width: 26.7%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.NoofPkg {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.BagDrop1 {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Weight1 {
    width: 13%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CBM1 {
    width: 10.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ToInput3 {
    width: 75%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ShipBill1 {
    width: 25%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.JobNo6 {
    width: 25%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CashDrop {
    width: 23.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.RefNo6 {
    width: 11.9%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Refyear {
    width: 4.1%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.ToInputN11 {
    width: 74.6%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.DateLbl {
    width: 9.6%;
    float: left;
    text-align: right;
    margin: 0px 0.5% 0px 0px;
}

    .DateLbl span {
        font-size: 11px;
    }

.DateCalNo1 {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.VendorRefNo {
    width: 100%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.FromPort {
    width: 35.1%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ToPort1 {
    width: 39%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CreditApproval {
    width: 24.9%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.ETDLeft {
    width: 74.6%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ETDRight {
    width: 24.8%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.ETDInput5 {
    width: 47%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ETAInput5 {
    width: 52.5%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.lst_contN2 {
    margin: 5px 0px 0px 0px;
}

    .lst_contN2 select {
        height: 51px !important;
    }

.lst_contN3 {
    margin: 5px 0px 0px 0px;
}

    .lst_contN3 select {
        height: 81px !important;
    }

.ChargeInput2 {
    width: 25%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Curr2 {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Rate4 {
    width: 15%;
    float: left;
    text-align: right;
    margin: 0px 0.5% 0px 0px;
}

.EXRate3 {
    width: 15%;
    float: left;
    text-align: right;
    margin: 0px 0.5% 0px 0px;
}

.CBM2 {
    width: 10.6%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Amount8 {
    width: 15%;
    float: left;
    text-align: right;
    margin: 0px 0.5% 0px 0px;
}

.TotalRight {
    width: 20%;
    float: right;
    margin: 0px;
}

.CreditLeft {
    float: left;
    width: 50%;
    margin: 0px 0.5% 0px 0px;
}

.CreditRight {
    float: left;
    width: 48%;
    margin: 0px 0px 0px 0px;
}

#logix_CPH_ddlCompany_chzn {
    width: 100% !important;
}

.DocInput2 {
    float: left;
    margin: 0px 0.5% 0px 0px;
    width: 52%;
}

.AirDrop {
    float: left;
    margin: 0px;
    width: 20.5%;
}

.PolInput10 {
    width: 33%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.PolInput11 {
    width: 33%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.PolInput12 {
    width: 33%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.Gross3 {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.NetWeight {
    width: 15.5%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.NetWeightnew {
    width: 10%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.Packages1 {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.BagDrop2 {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Volume1 {
    width: 16%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Volume1new {
    width: 14%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Volume2 {
    width: 16%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Volume2new {
    width: 14%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Consignee5 {
    width: 49.5%;
    margin: 0px 0px 0px 0px;
    float: left;
}

    .Consignee5 textarea {
        cursor: default !important;
    }

.JobType1 {
    width: 25%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.JobType2 {
    width: 35%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.POL3 {
    width: 20%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.POL4 {
    width: 20%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.POL5 {
    width: 20%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.POL6 {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.POL7 {
    width: 12%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.POL8 {
    width: 15.5%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.EventInput {
    width: 93%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.NetWeight1 {
    width: 24.7%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.DutyPaid {
    width: 38.3%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.DutyCal {
    width: 10.8%;
    float: left;
    margin: 0px 0px 0px 0px;
}

logix_CPH_pln_popup {
    left: 0px !important;
    top: 44px !important;
}

.div_border1 {
    border: 1px solid var(--lightgrey);
    height: 190px;
    overflow: auto;
    width: 100%;
}

.Mode1 {
    width: 25%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Mlo2 {
    width: 32.9%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.INVNumber {
    width: 25%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.BLNumber4 {
    width: 66%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.CFS5 {
    width: 35%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.FormMatDrop {
    width: 25%;
    float: left;
    margin: 0px 0px 0px 0px;
}

#logix_CPH_ddl_inv_chzn {
    width: 100% !important;
}

.BillOfLad {
    width: 15.4%;
    float: left;
    margin: 0px 0px 0px 5px;
}

#logix_CPH_ddl_curr_chzn {
    width: 100% !important;
}

modalPopupN1 {
    background-color: var(--white);
    /*border-width:1px;*/
    border-style: solid;
    border-color: #cccccc;
    width: 243px;
    height: 220px;
    margin-left: 0;
    margin-top: -1.5%;
    /*padding:1px;            
            display:none;*/
}

modalPopupN2 {
    background-color: var(--white);
    /*border-width:1px;*/
    border-style: solid;
    border-color: #cccccc;
    width: 157px;
    height: 158px;
    margin-left: 0;
    margin-top: -1.5%;
    /*padding:1px;            
            display:none;*/
}

modalPopupCan {
    background-color: var(--white);
    /*border-width:1px;*/
    border-style: solid;
    border-color: #cccccc;
    width: 217px;
    height: 260px;
    margin-left: 0;
    margin-top: -1.5%;
    /*padding:1px;            
            display:none;*/
}

modalPopupQ {
    background-color: var(--white);
    /*border-width:1px;*/
    border-style: solid;
    border-color: #cccccc;
    /*width: 1062px;*/
    width: 100%;
    height: 550px;
    margin-left: 0%;
    margin-top: -0.9%;
    /*padding:1px;            
            display:none;*/
}

.GridpnNl {
    width: 235px;
    height: 210px;
    overflow: auto;
}

#logix_CPH_Mdl_grdjob_foregroundElement {
    left: 0px !important;
    top: 48.5px !important;
}

.SalesPerson {
    float: left;
    width: 40%;
    margin: 0px 0.5% 0px 0px;
}

.ML4 {
    margin-left: 4px !important;
}

.check label {
    display: inline-block;
    margin: 0px 0px 0px 5px;
}

.TxtAlign1 {
    text-align: Right !important;
}
/* Maintenance Styles*/

/* Ocean Exports Home Style Start */
.DashboardLeft {
    float: left;
    margin: 5px 0px 5px 21px;
}

    .DashboardLeft h3 {
        color: #184684;
        font-size: 18px;
        font-family: "OpenSansSemibold";
        padding: 0px 5px 0px 0px;
        margin: 0px;
    }

    .DashboardLeft span {
        font-size: 11px;
        color: #184684;
        font-family: "OpenSansSemibold";
        display: inline-block;
        padding: 0px 4px 0px 0px;
        margin: 0px 0px 0px 0px;
    }

.DashCal {
    float: right;
    margin: 5px 30px 5px 0px;
    padding: 0px 0px 5px 0px;
}

    .DashCal span {
        font-size: 11px;
        display: inline-block;
        padding: 0px 0px 0px 4px;
        margin: 0px;
    }

.BarChart {
    float: left;
    width: 445px;
    margin: 0px 10px 0px 0px;
}

.BarChart1 {
    float: left;
    width: 300px;
    margin: 0px 0px 0px 0px;
}

a.canvasjs-chart-credit {
    display: none;
}

.PendingBooking {
    float: left;
    width: 475px;
    margin: 5px 0px 0px 0px;
}

    .PendingBooking ul {
        padding: 0px 0px 0px 0px;
    }

        .PendingBooking ul li {
            padding: 2px 0px 2px 10px;
            margin: 0px;
            list-style: none;
            float: left;
        }

            .PendingBooking ul li img {
                padding: 0px 5px 0px 0px;
            }

            .PendingBooking ul li a {
                font-size: 11px;
                font-family: Tahoma, Geneva, sans-serif;
                display: inline-block;
            }

.PendingBooking1 {
    float: left;
    width: 278px;
    margin: 5px 0px 0px 0px;
}

    .PendingBooking1 ul {
        padding: 0px 0px 0px 0px;
    }

        .PendingBooking1 ul li {
            padding: 2px 0px 2px 10px;
            margin: 0px;
            list-style: none;
            float: left;
        }

            .PendingBooking1 ul li img {
                padding: 0px 5px 0px 0px;
            }

            .PendingBooking1 ul li a {
                font-size: 11px;
                font-family: Tahoma, Geneva, sans-serif;
                display: inline-block;
            }

.PendingEvent {
    float: left;
    width: 350px;
    margin: 5px 10px 0px 0px;
}

    .PendingEvent ul {
        padding: 0px 0px 0px 0px;
        margin: 1px 0px 0px 24px;
    }

        .PendingEvent ul li {
            list-style: none;
        }

    .PendingEvent li a {
        display: inline-block;
        font-size: 11px;
        font-family: Tahoma;
        padding: 0px 0px 0px 5px;
    }

.PendingEvent1 {
    float: left;
    width: 670px;
    margin: 10px 0px 15px 0px;
}

.PendingEventN2 {
    float: left;
    width: 747px;
    margin: 15px 0px 15px 0px;
}

.PendingEventN3 {
    float: left;
    width: 820px;
    margin: 15px 0px 15px 0px;
    border: 0px solid #f00;
}

.PendingLeft {
    float: left;
    width: 210px;
    margin: 0px 0.5% 0px 0px;
}

.PendingRight {
    float: left;
    width: 218px;
    margin: 0px 0px 0px 5px;
}

.PendingLeft h3 {
    font-family: "OpenSansSemibold";
    color: #184684;
    font-size: 14px;
    padding: 5px 0px 10px 5px;
    margin: 0px 0px 0px 0px;
}

.PendingLeftN1 {
    float: left;
    width: 295px;
    margin: 0px 0.5% 0px 0px;
}

    .PendingLeftN1 h3 {
        font-family: "OpenSansSemibold";
        color: #184684;
        font-size: 14px;
        padding: 5px 0px 10px 5px;
        margin: 0px 0px 0px 0px;
    }

.PendingRight h3 {
    font-family: "OpenSansSemibold";
    color: #184684;
    font-size: 14px;
    padding: 5px 0px 10px 5px;
    margin: 0px 0px 0px 0px;
}

.PendingTbl {
    width: 185px;
    float: left;
    margin: 0px 0px 0px 10px;
    height: 170px;
    overflow: auto;
}

.PendingTbl4 {
    width: 195px;
    float: left;
    margin: 0px 0px 0px 10px;
    height: 170px;
    overflow: auto;
}

.Followups {
    float: left;
    margin: 8px 0px 0px 10px;
}

.PortCountryC {
    float: left;
    width: 195px;
    margin: 0px 0px 0px 20px;
}

.PortCountryC1 {
    float: left;
    width: 368px;
    margin: 5px 0px 0px 0px;
}

.PortCountry {
    float: left;
    width: 195px;
    margin: 0px 0px 10px 0px;
}

.Porttxt {
    float: left;
    margin: 1px 0px 0px 10px;
    width: 187px;
}

.PendingTbl1 {
    width: 154px;
    float: left;
    margin: 0px 0px 0px 0px;
    overflow: auto;
}

.PendingTbl2 {
    width: 185px;
    float: left;
    margin: 5px 0px 0px 10px;
    max-height: 450px;
    min-height: 450px;
    overflow: auto;
}

.PendingTbl6 {
    width: 270px;
    float: left;
    margin: 5px 0px 0px 10px;
    max-height: 205px;
    min-height: 205px;
    overflow: auto;
}

.PendingTbl3 {
    width: 185px;
    float: left;
    margin: 5px 0px 0px 10px;
    max-height: 135px;
    overflow: auto;
}

.PortCountryC h3 {
    font-family: "OpenSansSemibold";
    color: #184684;
    font-size: 14px;
    padding: 5px 0px 10px 5px;
    margin: 5px 0px 0px 0px;
}

.Unclosed {
    float: left;
    width: 195px;
    margin: 0px 0px 0px 20px;
}

    .Unclosed h3 {
        font-family: "OpenSansSemibold";
        color: #184684;
        font-size: 14px;
        padding: 5px 0px 10px 5px;
        margin: 5px 0px 0px 0px;
    }

.QDate {
    width: 3%;
    float: left;
    margin: 3px 0.5% 0px 0.5%;
    text-align: right;
    font-size: 11px;
}

.PortCountryC h3 span {
    display: inline-block;
    color: #ea3b3b;
}

.BGGray {
    background-color: #eaeaea;
}

.DivSecPanel img {
    float: right;
    width: 16px !important;
    height: 16px !important;
    margin: 3px 1px 0px 0px;
}

.FrameTitle1 {
    padding: 5px !important;
    color: var(--white) !important;
    background-color: #4a9cce !important;
    font-size: 14px !important;
    font-family: Tahoma, Geneva, sans-serif !important;
}

.PendingTbl5 {
    width: 290px;
    float: left;
    margin: 0px 0px 0px 10px;
    height: 240px;
}

.div_ddl {
    width: 248px;
    margin: 10px 5px 0px 5px !important;
    float: left;
}

.div_ddlOAHome {
    width: 150px;
    margin: 10px 5px 0px 5px !important;
    float: left;
}

.div_txtjob {
    width: 70px !important;
    margin: 10px 5px 0px 5px !important;
    float: left;
}

.MR5 {
    margin-right: 5px !important;
}

#Paneljobcostingframe {
    height: 235px !important;
}

#Paneljobcost {
    width: 97% !important;
    margin: 5px 5px 5px 5px !important;
    height: 150px !important;
    overflow: auto !important;
}
/* Ocean Exports Home Style End */

/* Operating Acconuts Styles Start */

.InvoiceInput2 {
    width: 8%;
    margin: 0px 0.5% 0px 0px;
    float: left;
}

.InvoiceYr {
    width: 3.5%;
    margin: 0px 0.5% 0px 0px;
    float: left;
}

.InvoiceTran {
    width: 15%;
    margin: 0px 0px 0px 0px;
    float: left;
}

.InvoiceProduct {
    width: 26.5%;
    margin: 0px 0px 0px 0px;
    float: left;
}

.TotalTxt2 {
    width: 91%;
    margin: 0px 10px 0px 0px;
    float: left;
}

.InvDate {
    width: 10%;
    margin: 0px 0.5% 0px 0px;
    float: left;
}

.InvDateLbl {
    width: 5%;
    margin: 0px 0px 0px 0px;
    float: right;
    font-size: 11px;
}

.InvDateLbl1 {
    width: 8%;
    margin: 0px 0px 0px 0px;
    float: right;
    font-size: 11px;
}

    .InvDateLbl1 label {
        font-size: 11px;
    }

.ModuleDrop {
    width: 25%;
    margin: 0px 0.5% 0px 0px;
    float: left;
}

.ui-dialog {
    left: 369px !important;
    top: 233px !important;
}

.ModuleDropDebit {
    width: 15%;
    margin: 0px 0.5% 0px 0px;
    float: left;
}

.JobNo4 span {
    color: #d33a35 !important;
    font-size: 13px;
    margin: 4px 0px 0px 0px;
    display: inline-block;
    font-weight: 600;
}

    .JobNo4 span.Open {
        color: #218c10 !important;
        font-size: 13px;
        margin: 4px 0px 0px 0px;
        display: inline-block;
        font-weight: 600;
    }
/* Operating Accounts Styles End */

/* OSDNCN Style Start */
.ChDrop {
    width: 14%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.DNDrop {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Yr2016 {
    width: 4%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.TranType {
    width: 12%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.DateLabel3 {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.DebitLabel {
    font-size: 11px;
    color: #09568b;
}

.CheQueNumber {
    float: left;
    margin: 0px 0.5% 0px 0px;
    width: 11%;
}

.ReceiptNumber {
    float: right;
    margin: 0px;
    width: 10%;
}

.ReceivedFrom {
    float: left;
    margin: 0px 0.5% 0px 0px;
    width: 89.5%;
}

.Amount9 {
    float: right;
    margin: 0px 0% 0px 0px;
    width: 10%;
}

.FloatLeft2 {
    float: left;
    width: 49.5%;
    margin: 0px 0.5% 0px 0px;
}

.FloatRigth4 {
    float: left;
    width: 50%;
    margin: 0px 0% 0px 0px;
}

.Customer1 {
    float: left;
    width: 79.5%;
    margin: 0px 0.5% 0px 0px;
}

.Amount10 {
    float: right;
    width: 20%;
    margin: 0px 0% 0px 0px;
}

.Excess {
    float: right;
    width: 20%;
    margin: 0px 0% 0px 0px;
}

.CreditApporval1 {
    float: left;
    width: 100%;
    margin: 0px 0% 0px 0px;
}

.ToLabel7 {
    float: left;
    width: 11%;
    margin: 0px 0.5% 0px 0px;
}

.Slip {
    float: left;
    width: 11%;
    margin: 0px 0.5% 0px 0px;
}

.YearLbl {
    float: left;
    width: 10%;
    margin: 0px 0% 0px 0px;
}

.ddlbranchLbl {
    float: left;
    width: 24.5%;
    margin: 0px 0.5% 0px 0px;
}

.ddlbranchLbl1 {
    float: left;
    width: 24.5%;
    margin: 0px 0.5% 0px 0px;
}

#logix_CPH_ddl_voucher_chzn {
    width: 100% !important;
}

.ModuleDrop2 {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CustomerAgent {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CustomerAgent1 {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Year2 {
    width: 8%;
    float: right;
    margin: 0px 0% 0px 0px;
}

.RefNo1 {
    width: 14%;
    float: right;
    margin: 0px 0.5% 0px 0px;
}

.BillLabel1 {
    width: 14%;
    float: right;
    margin: 0px 0.5% 0px 0px;
}

.BillType1 {
    width: 14.6%;
    float: right;
    margin: 0px 0% 0px 0.5%;
}

.DNNumber {
    width: 20%;
    float: right;
    margin: 0px 0% 0px 0px;
}

.ToInputNew {
    width: 91.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Tocal1 {
    width: 8%;
    float: left;
    margin: 0px;
}

.FormLeft {
    width: 69.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.FormRight {
    width: 30%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.JobDetailsNew {
    width: 49.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Designation1 {
    width: 49.5%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.Rate5 {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.BaseDrop9 {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.AmountR {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.TotalRight1 {
    width: 15%;
    float: right;
    margin: 0px 0% 0px 0px;
}

#logix_CPH_ddl_module_chzn {
    width: 100% !important;
}

.Homecontainer {
    width: 100%;
    padding: 0px;
}

.HomeGroupCS {
    width: 540px;
    float: left;
    margin: 50px 0px 36px 20px;
}

    .HomeGroupCS h3 {
        font-size: 14px;
        font-family: Tahoma, Geneva, sans-serif;
        padding: 5px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        text-align: center;
        color: var(--white);
    }

        .HomeGroupCS h3 a {
            font-size: 14px;
            font-family: Tahoma, Geneva, sans-serif;
            padding: 7px 0px 0px 0px;
            margin: 0px 0px 0px 0px;
            text-align: center;
            color: var(--white);
            text-decoration: none;
        }

.HomeGroup {
    width: 668px;
    float: left;
    margin: 30px 10px 36px 15px;
}

    .HomeGroup h3 {
        font-size: 16px;
        font-family: Tahoma, Geneva, sans-serif;
        padding: 7px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        text-align: center;
        color: var(--white);
    }

        .HomeGroup h3 a {
            font-size: 16px;
            font-family: Tahoma, Geneva, sans-serif;
            padding: 7px 0px 0px 0px;
            margin: 0px 0px 0px 0px;
            text-align: center;
            color: var(--white);
            text-decoration: none;
        }

.MenuCRM {
    background-color: #0077c9;
    width: 118px;
    height: 94px;
    float: left;
    text-align: center;
    padding: 6px 0px 0px 0px;
    margin: 0px 6px 10px 0px;
}

.MenuCHA {
    background-color: #0a4e29;
    width: 120px;
    height: 94px;
    float: left;
    text-align: center;
    padding: 6px 0px 0px 0px;
    margin: 0px 10px 10px 0px;
}

.MenuBT {
    background-color: #433d27;
    width: 136px;
    height: 94px;
    float: left;
    text-align: center;
    padding: 6px 0px 0px 0px;
    margin: 0px 9px 10px 0px;
}

.MenuHR {
    background-color: #413b61;
    width: 245px;
    height: 94px;
    float: left;
    text-align: center;
    padding: 6px 0px 0px 0px;
    margin: 0px 10px 10px 0px;
}

.MenuOA {
    background-color: #042a4c;
    width: 270px;
    height: 94px;
    float: left;
    text-align: center;
    padding: 6px 0px 0px 0px;
    margin: 0px 0px 10px 0px;
}

.TabMenu {
    float: left;
    width: 640px;
    margin: 30px 0px 36px 0px;
}

.tab-content h3 {
    background: url(../img/arrow.png) no-repeat left 12px;
    font-family: Tahoma, Geneva, sans-serif;
    color: #df2b2b;
    font-size: 14px;
    line-height: 17px;
    padding: 4px 5px 5px 10px;
    margin: 5px 5px 5px 5px;
}

.tab-content p {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 11px;
    color: #1a1a1a;
    line-height: 18px;
}

.tab-content a {
    color: #e13939;
    font-size: 11px;
    font-family: Tahoma, Geneva, sans-serif;
    line-height: 18px;
    display: inline-block;
    padding: 0px 0px 0px 4px;
}

.bordertopHome {
    border-top: 1px dotted var(--lightgrey);
    height: 1px;
    width: 100%;
    margin: 10px 0px 10px 0px;
}

.tab-contentN1 h3 {
    background: url(../img/arrow.png) no-repeat left 12px;
    font-family: Tahoma, Geneva, sans-serif;
    color: #df2b2b;
    font-size: 14px;
    line-height: 17px;
    padding: 4px 5px 5px 10px;
    margin: 5px 5px 5px 5px;
}

.tab-contentN1 p {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 11px;
    color: #1a1a1a;
    line-height: 18px;
}

.tab-contentN1 a {
    color: #e13939;
    font-size: 11px;
    font-family: Tahoma, Geneva, sans-serif;
    line-height: 18px;
    display: inline-block;
    padding: 0px 0px 0px 4px;
}

/* Home Page Tab Styles Start */
/*----- Global -----*/
.wrap {
    padding: 60px 0px;
    background: #4a98d3;
    background: radial-gradient(at 40% 30%, #4a98d3, #00598f);
}

h2 {
    text-shadow: -1px 1px 0px rgba(0, 0, 0, 0.15);
    color: var(--white);
}

.site-header-wrap {
    margin-bottom: 0px;
    border-bottom: 1px solid #53a0dc;
}

/*----- Tabs -----*/
.tabs {
    width: 100%;
    display: inline-block;
}

/*----- Tab Links -----*/
/* Clearfix */
.tab-links:after {
    display: block;
    clear: both;
    content: "";
}

.tab-links li {
    margin: 0px 0px 0px 0px;
    float: left;
    list-style: none;
}

.tab-links a {
    padding: 5px 10px;
    display: inline-block;
    border-radius: 0px 0px 0px 0px;
    /*background:#7FB5DA;*/
    font-size: 16px;
    font-weight: 500;
    color: #4c4c4c;
    margin: 0px 0px -1px 0px;
    transition: all linear 0.15s;
    letter-spacing: 0.5px;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 14px;
    text-decoration: none;
}

    .tab-links a:hover {
        background: #0077c9;
        text-decoration: none;
        color: var(--white);
    }

li.active a,
li.active a:hover {
    /*background: var(--white);*/
    color: #4c4c4c;
}

/*----- Content of Tabs -----*/
.tab-content {
    padding: 10px 15px;
    border-radius: 0px;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.15);
    background: var(--white);
    border: 1px solid var(--lightgrey);
    min-height: 419px;
    margin: -10px 0px 0px 0px;
}

.tab-contentN1 {
    padding: 10px 15px;
    border-radius: 0px;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.15);
    background: var(--white);
    border: 1px solid var(--lightgrey);
    height: 338px;
}

.tab {
    display: none;
}

    .tab.active {
        display: block;
    }

.tab-links li.active a {
    border-top: 1px solid var(--lightgrey);
    border-left: 1px solid var(--lightgrey);
    border-right: 1px solid var(--lightgrey);
}

/* Home Page Tab Styles End */

/* Profoma Styles Start */
.ProfomaLeft {
    float: left;
    margin: -5px 0.5% 0px 0px;
    width: 70%;
}

.ProfomaRight {
    float: left;
    margin: -5px 0% 0px 0px;
    width: 29.5%;
}

.ModuleDrop1 {
    width: 25%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CustomerRad {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CustomerRad1 {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.AgentRad {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.AgentRad1 {
    width: 5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.RefInput1 {
    width: 15%;
    float: right;
    margin: 0px 0% 0px 0.5%;
}

.Year3 {
    width: 8%;
    float: right;
    margin: 0px 0% 0px 0.5%;
}

.BLInput2 {
    width: 25%;
    float: left;
    margin: 0px 0.5% 0px 0%;
}

.MBLChk1 {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.BillDrop3 {
    width: 15%;
    float: right;
    margin: 0px 0.5% 0px 0px;
}

.DNInput {
    width: 8%;
    float: right;
    margin: 0px 0% 0px 0px;
}

.ToInput6 {
    width: 91.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ToCal8 {
    width: 8%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.ChargeDes {
    width: 35%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Curr4 {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Rate6 {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .Rate6 input {
        text-align: right;
    }

.ExRate7 {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .ExRate7 input {
        text-align: right;
    }

.Base1 {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Amount11 {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .Amount11 input {
        text-align: right;
    }

.JobDetails4 {
    width: 49.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Desi2 {
    width: 50%;
    float: left;
    margin: 0px 0% 0px 0px;
}

#logix_CPH_ddl_bill_chzn {
    width: 100% !important;
}

.BLNoInput3 {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MBLChk2 {
    width: 5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.BillDrop4 {
    width: 19.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.DNInput1 {
    width: 15.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Year4 {
    width: 5%;
    float: left;
    margin: 0px 0% 0px 0.5%;
}

.RefInputPr1 {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0%;
}
/* Profoma Styles End */

/* Payments Styles Start */
.PaymentInput {
    float: right;
    width: 10%;
    margin: 0px 0.5% 0px 0%;
}

.Year5 {
    float: right;
    width: 3.5%;
    margin: 0px 0px 0px 0%;
}

.MT101 {
    margin-top: 5px !important;
}

.PaymentLbl {
    width: 41%;
    float: left;
    text-align: center;
    margin: 4px 0.5% 0px 0px;
}

    .PaymentLbl span {
        font-size: 11px;
    }

.DateLbl1 {
    width: 5%;
    float: right;
    margin: 0px 0.5% 0px 0px;
}

    .DateLbl1 label {
        font-size: 11px;
    }

    .DateLbl1 span {
        font-size: 11px;
    }

.DateCal4 {
    width: 6.5%;
    float: right;
    margin: 0px 0.5% 0px 0px;
}

.PaymentTo {
    width: 85.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Amount12 {
    width: 14%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.ChequeDD {
    width: 16%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.BankDD {
    width: 44%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.BranchDD {
    width: 30.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.BranchCal {
    width: 8%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.PaymentLeft {
    width: 49.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.PaymentRight {
    width: 50%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.Amounttxt {
    width: 20%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .Amounttxt a {
        font-size: 11px;
    }

.AmounttxtFA {
    width: 17.5%;
    float: right;
    margin: 0px 0.5% 0px 0px;
}

    .AmounttxtFA a {
        font-size: 11px;
    }

.PaymentNarration {
    width: 89.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.PaymentChk {
    float: left;
    width: 10%;
    margin: 0px;
}

#logix_CPH_cheque a {
    font-size: 11px;
}

.Customer2 {
    width: 74%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Amount13 {
    width: 20%;
    float: right;
    margin: 0px 0.5% 0px 0px;
}

.Addbtn {
    width: 4.5%;
    float: right;
    margin: 0px 0% 0px 0px;
}

.RefTxtLbl {
    width: 35%;
    float: left;
    margin: 0px;
}

.RefInput2 {
    width: 55%;
    float: left;
    margin: 0px 0% 0px 0.5%;
}

.BillTypeDrop {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ProRef1 {
    width: 14%;
    float: right;
    margin: 0px 0.5% 0px 0px;
}

.Year6 {
    float: right;
    width: 6%;
    margin: 0px 0px 0px 0%;
}

.ToProInput {
    width: 86%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ProCal1 {
    width: 8%;
    float: right;
    margin: 0px 0.5% 0px 0px;
}

.ChargeInput3 {
    width: 24.9%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CurrencyInput1 {
    width: 12%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.RateInputPro {
    width: 12%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .RateInputPro input {
        text-align: right !important;
    }

.AmountPro {
    width: 12%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.BaseDrop10 {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.AmountPro {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .AmountPro input {
        text-align: right !important;
    }

.ExRate4 {
    width: 12%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .ExRate4 input {
        text-align: right !important;
    }

.ToInput7 {
    width: 83%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.DateLBl2 {
    width: 5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .DateLBl2 span {
        font-size: 11px;
    }

.DateCal11 {
    width: 10%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.RefNo2 {
    width: 14.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.BillTypeDrop1 {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ProRef2 {
    width: 10%;
    float: right;
    margin: 0px 0.5% 0px 0px;
}

.ToInput8 {
    width: 86%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.DateCal1C1 {
    width: 8%;
    float: right;
    margin: 0px 0.5% 0px 0px;
}
/*Accounts To Again Voucher Styles Start */

.ModeDrop3 {
    width: 10%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.ModeDropCN3 {
    width: 20%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ModeDropDN3 {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ReceiptNo {
    width: 10%;
    float: right;
    margin: 0px 0.5% 0px 0%;
}

.CustomerA {
    width: 12.5%;
    float: left;
    margin: 0px 0.5% 0px 0%;
}

.AccountDate {
    width: 8%;
    float: right;
    margin: 0px 0.5% 0px 0%;
}

.ReceiptAmount {
    width: 10%;
    float: right;
    margin: 0px 0% 0px 0.5%;
}

    .ReceiptAmount input {
        text-align: right;
    }

.ReceiptTotal {
    width: 12.5%;
    float: right;
    margin: 0px 0% 0px 0%;
}

    .ReceiptTotal input {
        text-align: right;
    }

.ToInputCN {
    width: 89%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.AmountCN {
    width: 10.5%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.VoucherTax {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.YearTax {
    width: 4%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.INVInput1 {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Year7 {
    width: 4%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.TranInput {
    width: 12.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.DateInput5 {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ReversalLeft {
    width: 49.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.FormGroupContent4 .ReversalLeft textarea {
    height: 90px !important;
    cursor: default !important;
}

.FormGroupContent4 .ReversalRight textarea {
    height: 90px !important;
    cursor: default !important;
}

.ReversalRight {
    width: 50%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.InvNoInput {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.YearInv {
    width: 8%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.CreditNoteOper {
    width: 18%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .CreditNoteOper label {
        display: inline-block;
    }

.CreditNoteRad {
    width: 12%;
    float: left;
    margin: 0px;
}

    .CreditNoteRad label {
        display: inline-block;
    }

.CHKRApproval {
    width: 25%;
    float: right;
    margin: 0px 0.5% 0px 0px;
}

.PandingPay {
    width: 10%;
    float: right;
    margin: 0px;
}

.TDSLabel {
    width: 25%;
    float: right;
    margin: 0px;
}

.CompanyList {
    width: 35%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CompanyBranch1 {
    width: 20%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.Approvetxt {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ApproveCal {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.TotalLabel2 {
    width: 22%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Appamount {
    width: 12%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.AppAmount1 {
    width: 12%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.FloatLeftBtn {
    width: 20%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}
/* Accounts To Again Voucher Styles End */
/* Voucher Register Styles Start*/
.VoucherLbl span {
    font-size: 11px;
    font-weight: bold;
    color: #0077c9;
}

.VoucherLbl {
    width: 5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

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

.FromLbl1 {
    width: 4%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.FormCal1 {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ToCal9 {
    width: 4%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ToLbl {
    width: 10%;
    float: left;
    margin: 0px;
}

.ChargeVoucher {
    float: left;
    width: 25%;
    margin: 0px 0.5% 0px 0px;
}

.VouDate {
    width: 5%;
    float: left;
    margin: 2px 0.5% 0px 0px;
}

.VouCal {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.VesselDate {
    width: 7%;
    float: left;
    margin: 2px 0.5% 0px 0px;
}

.Vesselcal {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.VoucherDrop {
    width: 30%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.VouDate span {
    font-size: 11px;
}

.VesselDate span {
    font-size: 11px;
}

.OutStandingLbl {
    text-align: center;
    font-size: 11px;
    color: #d02027;
}

.SubGroupLbl {
    width: 65%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ChkTillDate {
    font-size: 11px;
    float: left;
    margin: 0px 0.5% 0px 0px;
    width: 8%;
}

    .ChkTillDate span,
    label {
        font-size: 11px;
    }

.ChkDatecal {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.BacktoPrevious {
    width: 25%;
    text-align: right;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.BacktoPrevious1 {
    width: 63%;
    text-align: left;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.LedgerChk {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.SalesAeging {
    width: 9%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.BranchDrop7 {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.SalesPerson1 {
    width: 34.2%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.LedgerInput {
    width: 30%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CurrencyDrop1 {
    width: 14%;
    float: left;
    margin: 0px 0% 0px 0px;
}

#logix_CPH_ddlProduct_chzn {
    width: 100% !important;
}

#logix_CPH_ddlcurency_chzn {
    width: 100% !important;
}

.SubGroupContent {
    width: 50%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.VoucherTypeDrop {
    width: 25%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.FromInput3 {
    width: 20%;
    float: right;
    margin: 0px 0.5% 0px 0px;
}

.ToInputV1 {
    width: 20%;
    float: right;
    margin: 0px 0.5% 0px 0px;
}

.YearV1 {
    width: 20%;
    float: right;
    margin: 0px 0.5% 0px 0px;
}

.MonthInput1 {
    width: 20%;
    float: right;
    margin: 0px 0% 0px 0px;
}

.NarrationDrop {
    width: 16%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.RerferenceDrop {
    width: 20%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.DesDrop {
    width: 21.3%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.TypeDrop2 {
    width: 19%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.SlabDrop {
    width: 25%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.PercentDrop {
    width: 20%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.DepSlip {
    width: 20%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.BankTextbox {
    width: 20%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.DepDate {
    width: 20%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.BankCash {
    width: 20%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ContraDrop {
    width: 17%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ChQCollectiondrop {
    width: 38.3%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CheQuetxt {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ClearInput {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.SlipInput {
    width: 13%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ChQueNo {
    width: 12%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ChQDate {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Amounttxt1 {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .Amounttxt1 input {
        text-align: right;
    }

.ChQBranch {
    width: 26%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ReceiptBranch {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CHQBankBranch {
    width: 24.5%;
    float: left;
    margin: 0px;
}

.ReceivedLeft {
    width: 49.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ReceivedRight {
    width: 50%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.PartyTxtBox {
    width: 74.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .PartyTxtBox span {
        font-size: 11px;
    }

.AmountTxt2 {
    width: 25%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.BranchInd {
    width: 13%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ModuleDrop3 {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MonthDrop2 {
    width: 13%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.YearDrop1 {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

#logix_CPH_ddl_frommonth_chzn {
    width: 100% !important;
}

#logix_CPH_ddl_tomonth_chzn {
    width: 100% !important;
}

#logix_CPH_ddl_narration_chzn {
    width: 100% !important;
}

.CompanyBranch2 {
    width: 31%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.BranchPlace {
    width: 20%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.BranchFromDate {
    width: 6%;
    float: left;
    margin: 2px 0.5% 0px 0px;
}

    .BranchFromDate span {
        font-size: 11px;
    }

.BranchTo span {
    font-size: 11px;
}

.BranchCal1 {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.BranchCal2 {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.BranchTo {
    width: 4%;
    float: left;
    margin: 2px 0.5% 0px 0px;
}

.AdminCreditDrop {
    width: 25%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.BranchPlaceBy {
    float: left;
    margin: 0 0.5% 0 0;
    width: 11%;
}

#logix_CPH_cmbBy_chzn {
    width: 100% !important;
}

#logix_CPH_ddlmodule_chzn {
    width: 100% !important;
}

.CustoemrLbl {
    width: 6%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CustomerInput10 {
    width: 45%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.BranchDropAM {
    width: 49%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MailIDInput {
    width: 46%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}
/* Voucher Register styles End */
/* Custoemr TDS Css Styles Start */

/* Custoemr TDS CSS Styles End */
/* Since Audit Stlyes Start */
.Branchlbl {
    width: 5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .Branchlbl span {
        font-size: 11px;
    }

.FromLbl1 span {
    font-size: 11px;
}

.VesselCost {
    width: 30%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MBLCost {
    width: 30%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ShipmentCost {
    width: 26%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.CostLeft {
    width: 50%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CostRight {
    width: 49.5%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.POLCost {
    width: 29%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ETDCost {
    width: 29%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.PODCost {
    width: 29%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ETACost {
    width: 11.5%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.CostContLbl {
    width: 15%;
    float: left;
    margin: 0px 0% 0px 0px;
}

    .CostContLbl label {
        font-size: 11px;
    }

.ProfitStatus {
    width: 74%;
    float: left;
    text-align: center;
    margin: 0px 0% 0px 0px;
}

    .ProfitStatus label {
        font-size: 11px;
    }

.Profitcost {
    width: 24%;
    float: left;
    margin: 0px 2% 0px 0px;
    text-align: right;
}

    .Profitcost label {
        font-size: 11px;
    }

.ProfitInput {
    width: 74%;
    float: left;
    margin: 0px;
}

.BranchCost {
    width: 20%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ModuleCost {
    width: 20%;
    float: right;
    margin: 0px 0% 0px 0px;
}

.ChrgInput {
    width: 45%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.LedgerIncome {
    width: 49.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.LedgerExpense {
    width: 50%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.RententionLbl {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.RententionInput3 {
    width: 14%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.Division2 {
    width: 35%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ProductLbl {
    width: 30%;
    float: left;
    text-align: center;
}

    .ProductLbl span {
        font-size: 11px;
    }

.AgentLbl {
    width: 30%;
    float: left;
    text-align: center;
}

    .AgentLbl span {
        font-size: 11px;
    }

.ControlledLbl {
    width: 40%;
    float: left;
    text-align: center;
}

    .ControlledLbl span {
        font-size: 11px;
    }

.DivisionUser {
    width: 70%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.BranchUser {
    width: 29.5%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.UserPerInput {
    width: 35%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.UserProduct {
    width: 20%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.UserMenu {
    width: 44%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.ShipperInput7 {
    width: 35%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ShipperBL {
    width: 50%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ShipperVessel {
    width: 49.5%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.ShipperWeight {
    width: 25%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ShipperVolume {
    width: 24%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.ShipperMarks {
    width: 75.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ShipperPlace {
    width: 24.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ShipperPort {
    width: 25%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ShipperDischarge {
    width: 25%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ShipperFinal {
    width: 24%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.BookingInput12 {
    width: 24%;
    float: right;
    margin: 0px 0% 0px 0px;
}

.BudgetCompany {
    width: 74.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.BudgetBranch {
    width: 20.5%;
    float: left;
    margin: 0px;
}

.BudgetProLbl {
    width: 34%;
    height: 25px;
    background-color: #bdc1c2;
    color: #4e4e4c;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .BudgetProLbl span {
        color: #4e4e4c;
        padding: 2px 0px 2px 4px;
        display: inline-block;
        vertical-align: middle;
    }

.BudgetVolume {
    width: 24%;
    float: left;
    margin: 0px 0.5% 0px 0px;
    height: 25px;
    background-color: #bdc1c2;
    color: #4e4e4c;
}

    .BudgetVolume span {
        color: #4e4e4c;
        display: inline-block;
        padding: 2px 0px 2px 4px;
        vertical-align: middle;
    }

.BudgetRevenue {
    width: 24%;
    float: left;
    margin: 0px 0.5% 0px 0px;
    height: 25px;
    background-color: #bdc1c2;
    color: #4e4e4c;
}

    .BudgetRevenue span {
        color: #4e4e4c;
        display: inline-block;
        padding: 2px 0px 2px 4px;
        vertical-align: middle;
    }

.BudgetVariance {
    width: 16.5%;
    float: left;
    margin: 0px 0% 0px 0px;
    height: 25px;
    background-color: #bdc1c2;
    color: #4e4e4c;
}

    .BudgetVariance span {
        color: #4e4e4c;
        display: inline-block;
        padding: 2px 0px 2px 4px;
        vertical-align: middle;
    }

.BudgetMonth {
    width: 22.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.BudgetYear {
    width: 18.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.PerformanceCompany {
    width: 45%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.PerformanceBranch {
    width: 30%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.PerFormanceProduct {
    width: 24%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.YearPer {
    width: 22%;
    height: 25px;
    background-color: #bdc1c2;
    color: #4e4e4c;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ControlPer {
    width: 25.5%;
    height: 25px;
    background-color: #bdc1c2;
    color: #4e4e4c;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.AgentPer {
    width: 24%;
    height: 25px;
    background-color: #bdc1c2;
    color: #4e4e4c;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.TotalPer {
    width: 27%;
    height: 25px;
    background-color: #bdc1c2;
    color: #4e4e4c;
    float: left;
    margin: 0px 0% 0px 0px;
}

.YearPer span {
    color: #4e4e4c;
    display: inline-block;
    padding: 2px 0px 2px 4px;
    vertical-align: middle;
}

.ControlPer span {
    color: #4e4e4c;
    display: inline-block;
    padding: 2px 0px 2px 4px;
    vertical-align: middle;
}

.AgentPer span {
    color: #4e4e4c;
    display: inline-block;
    padding: 2px 0px 2px 4px;
    vertical-align: middle;
}

.TotalPer span {
    color: #4e4e4c;
    display: inline-block;
    padding: 2px 0px 2px 4px;
    vertical-align: middle;
}

.PerMonth1 {
    width: 16.3%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.PerYear1 {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.PerBy1 {
    width: 14%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.PerformanceBranch1 {
    width: 25%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.FiyLbl {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .FiyLbl label {
        font-size: 11px;
    }

.ProductBPer {
    width: 32%;
    height: 25px;
    background-color: #bdc1c2;
    color: #4e4e4c;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .ProductBPer span {
        color: #4e4e4c;
        display: inline-block;
        padding: 2px 0px 2px 4px;
        vertical-align: middle;
    }

.VolumePer {
    width: 23.5%;
    height: 25px;
    background-color: #bdc1c2;
    color: #4e4e4c;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .VolumePer span {
        color: #4e4e4c;
        display: inline-block;
        padding: 2px 0px 2px 4px;
        vertical-align: middle;
    }

.RevenuePer {
    width: 24%;
    height: 25px;
    background-color: #bdc1c2;
    color: #4e4e4c;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .RevenuePer span {
        color: #4e4e4c;
        display: inline-block;
        padding: 2px 0px 2px 4px;
        vertical-align: middle;
    }

.VarriancePer {
    width: 19%;
    height: 25px;
    background-color: #bdc1c2;
    color: #4e4e4c;
    float: left;
    margin: 0px 0% 0px 0px;
}

    .VarriancePer span {
        color: #4e4e4c;
        display: inline-block;
        padding: 2px 0px 2px 4px;
        vertical-align: middle;
    }

.CompanyTxt1 {
    width: 30%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.BudgetComInput {
    width: 43.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.BudgetcDrop {
    width: 20%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.BudgetMonthDrop {
    width: 20%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.BudgetYrDrop {
    width: 15%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.CompanyTxt2 {
    width: 25%;
    height: 25px;
    color: #4e4e4c;
    float: right;
    margin: 0px 0.5% 0px 0%;
}

    .CompanyTxt2 span {
        color: #4e4e4c;
        display: inline-block;
        padding: 2px 0px 2px 4px;
        vertical-align: middle;
    }

.OceanExp {
    width: 26%;
    height: 25px;
    background-color: #bdc1c2;
    color: #4e4e4c;
    float: right;
    margin: 0px 0.5% 0px 0px;
}

    .OceanExp span {
        color: #4e4e4c;
        display: inline-block;
        padding: 2px 0px 2px 4px;
        vertical-align: middle;
    }

.OceanImp {
    width: 26%;
    height: 25px;
    background-color: #bdc1c2;
    color: #4e4e4c;
    float: right;
    margin: 0px 0.5% 0px 0px;
}

    .OceanImp span {
        color: #4e4e4c;
        display: inline-block;
        padding: 2px 0px 2px 4px;
        vertical-align: middle;
    }

.AirExp {
    width: 7.5%;
    height: 25px;
    background-color: #bdc1c2;
    color: #4e4e4c;
    float: right;
    margin: 0px 0.5% 0px 0px;
}

    .AirExp span {
        color: #4e4e4c;
        display: inline-block;
        padding: 2px 0px 2px 4px;
        vertical-align: middle;
    }

.AirImp {
    width: 7.4%;
    height: 25px;
    background-color: #bdc1c2;
    color: #4e4e4c;
    float: right;
    margin: 0px 0.5% 0px 0px;
}

    .AirImp span {
        color: #4e4e4c;
        display: inline-block;
        padding: 2px 0px 2px 4px;
        vertical-align: middle;
    }

.CHATxt {
    width: 4.3%;
    height: 25px;
    background-color: #bdc1c2;
    color: #4e4e4c;
    float: right;
    margin: 0px 0% 0px;
}

    .CHATxt span {
        color: #4e4e4c;
        display: inline-block;
        padding: 2px 0px 2px 4px;
        vertical-align: middle;
    }

.ConsigneeNet {
    width: 30%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ConsigneeGross {
    width: 30%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ConsigneeDuty {
    width: 30%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ConsigneeDate {
    width: 8.5%;
    float: left;
    margin: 0px 0% 0px 0px;
}

/* Since Audit Styles End */

/* HRM Home Page Stlyes Start */

.HrmConfirmation {
    width: 750px;
    float: left;
    margin: 0px 10px 0px 0px;
}

    .HrmConfirmation h3 {
        font-family: "OpenSansSemibold";
        color: #184684;
        font-size: 14px;
        padding: 5px 0px 10px 5px;
        margin: 0px 0px 0px 0px;
    }

.EmployeeList {
    float: left;
    width: 275px;
    margin: 0px 0px 0px 0px;
}

.PendingConfirm {
    width: 470px;
    float: left;
    margin: 0px 10px 0px 0px;
}

.PendingEmployee {
    width: 260px;
    float: left;
    margin: 0px 0px 0px 10px;
    max-height: 200px;
    min-height: 200px;
}

.PendingEventE3 {
    float: left;
    width: 760px;
    margin: 0px 0px 5px 0px;
    border: 0px solid #f00;
}

    .PendingEventE3 h3 {
        font-family: "OpenSansSemibold";
        color: #184684;
        font-size: 14px;
        padding: 5px 0px 5px 0px;
        margin: 0px 0px 0px 0px;
    }

.PortCountryEmp {
    float: left;
    width: 275px;
    margin: 0px 0px 0px 0px;
}

    .PortCountryEmp h3 {
        font-family: "OpenSansSemibold";
        color: #184684;
        font-size: 14px;
        padding: 5px 0px 5px 0px;
        margin: 0px 0px 0px 0px;
    }

        .PortCountryEmp h3 span {
            display: inline-block;
            color: #ea3b3b;
        }

.EmployeeDetails {
    float: left;
    width: 275px;
    margin: 0px 0px 0px 0px;
}

#Panelcnfpro {
    width: 259px;
    margin: 0px 0px 0px 10px;
}
/* HRM Home Page Styles End */
/* HRM Css Styles Start */
.EmpLeft {
    width: 82.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.EmpRight {
    width: 17%;
    float: left;
    margin: 5px 0% 0px 0px;
}

.EmpLbl {
    width: 7%;
    font-size: 11px;
    float: left;
    margin: 0px 0.5% 0px 0px;
    height: 17px;
}

    .EmpLbl span {
        font-size: 11px;
        display: inline-block;
        margin: 3px 0px 0px 0px;
    }

.EmpLbltxtbox {
    width: 9%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.EmpLbltxtboxN {
    width: 50.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.EmpLbltxtboxEN {
    width: 25.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.EMPMr {
    width: 7.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.DateyrMonthP {
    width: 12.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.DateyrMonthEP {
    width: 13%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MRRightC {
    margin: 0px 0px 0px 4.6% !important;
}

.MRRightC1 {
    margin: 0px 0px 0px 7.199% !important;
}

.BGroupTxtBoxP {
    width: 10.5%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.BrowseFileUpload {
    width: 100%;
    float: left;
    margin: 2px 0px 0px;
}

.MobileInput1 {
    width: 10.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.EmrgencyInput {
    width: 26%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.LandLineInput {
    width: 25%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.LanDESI {
    width: 17.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.EmailTxtInput {
    width: 49.5%;
    float: left;
    margin: 0px 0.5% 0px 0%;
}

.PanNoPersonal {
    width: 17%;
    float: left;
    margin: 0px 0% 0px 0%;
}

.PFInput {
    width: 29.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

#logix_CPH_ddl_name_chzn {
    width: 100% !important;
}

.FatherName {
    width: 50%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Spousename {
    width: 49.5%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.DateyrMonth {
    width: 24.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.BGroupTxtBox {
    width: 25%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.EDULabel {
    width: 3.5%;
    float: left;
    margin: 9px 0.5% 0px 0px;
}

    .EDULabel span {
        font-size: 11px;
        margin: 2px 0px 0px 0px;
    }

.EduCodeIn {
    width: 10%;
    float: left;
    border: 1px solid var(--lightgrey);
    padding: 4px 4px 4px 4px;
    height: 26px;
    margin: 0px 0.5% 0px 0px;
}

    .EduCodeIn span {
        font-size: 11px;
    }

.EduNametxt {
    width: 81.5%;
    float: left;
    border: 1px solid var(--lightgrey);
    padding: 4px 4px 4px 4px;
    height: 26px;
    margin: 0px 0% 0px 0px;
}

    .EduNametxt span {
        font-size: 11px;
    }

.QualificationTxt {
    width: 38%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.QualificationOrg {
    width: 22%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MonthQualiDrop {
    width: 12%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Qualiyear {
    width: 5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Qualiyear1 {
    width: 5.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.QualiPer {
    width: 9.1%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

#logix_CPH_ddl_EduMonrh_chzn {
    width: 100% !important;
}

.QualiDesi {
    width: 10.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.QualiDrop1 {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

#logix_CPH_ddl_Expfrom_chzn {
    width: 100% !important;
}

#logix_CPH_ddl_Expto_chzn {
    width: 100% !important;
}

.QualiDivision {
    width: 34%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.QualiBranch {
    width: 14%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Qualidate {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Qualidesi1 {
    width: 22%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ExpAddCtrl {
    width: 75.5%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.QualiDepart {
    width: 18%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.QualiLeft {
    width: 74.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.QualiRight {
    width: 25%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.SpecimanLbl {
    width: 80%;
    float: left;
    margin: 6px 0.5% 0px 0px;
}

    .SpecimanLbl span {
        font-size: 11px;
    }

.SignatureImg {
    width: 90%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.OffFileUpload {
    width: 100%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.QualiMailID {
    width: 45%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.QualiGrade {
    width: 6%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

#logix_CPH_ddl_division_chzn {
    width: 100% !important;
}

#logix_CPH_ddl_designation_chzn {
    width: 100% !important;
}

#logix_CPH_ddl_department_chzn {
    width: 100% !important;
}

.OffQuali {
    width: 29.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.OffExp {
    width: 11%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.OffExtn {
    width: 6%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.OffPwd {
    width: 25%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.OffLeft {
    width: 82.8%;
    float: left;
    margin: 0px 0.3% 0px 0px;
}

.OffRight {
    width: 16.7%;
    float: left;
    margin: -27px 0% 0px 0px;
}

.EduLink {
    width: 6.5%;
    float: left;
    margin: 3px 0.5% 0px 0px;
}

    .EduLink a {
        font-size: 11px;
    }

.EduName1 {
    width: 20%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}
/* HRM Css Styles End */

/* Event Updation Styles Start */

.FedderLbl {
    width: 25%;
    float: left;
    margin: 0px;
}

    .FedderLbl span {
        font-size: 11px;
    }

.BillLadNumber {
    width: 50%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.BookingNumber {
    width: 49.5%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.FedderLbl {
    width: 25%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.PortBranch {
    width: 24.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.PortCal {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.PortDischarge {
    width: 24.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.PortCal2 {
    width: 8%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.EventPol {
    width: 24.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.EventEtd {
    width: 24.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.EventPod {
    width: 24.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.EventEta {
    width: 25%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.EventPol1 {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.EventEtd1 {
    width: 25%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.EventPod1 {
    width: 24%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.EventEta1 {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.DeliveryOrder1 {
    width: 24.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.DeliveryOrder2 {
    width: 8%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.DebitNote1 {
    width: 20%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.DebitCal {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.EventVessel {
    width: 24.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.EventStuffedOn {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

#logix_CPH_ddl_prealrtacknwldgd_chzn {
    width: 100% !important;
}

#logix_CPH_ddl_hblacknwldgd_chzn {
    width: 100% !important;
}

.ConfirmEmpCode {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ConfirmEmpName {
    width: 38.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ConfirmLocation {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ConfirmDivision {
    width: 30%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.ConfirmDepart {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ConfirmDesi {
    width: 76%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ConfirmCal {
    width: 8%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.RevliEmpCode {
    width: 12%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.RevilEmpName {
    width: 21%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.RevilLocation {
    width: 12%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.RevilDivision {
    width: 20.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.RevilDepart {
    width: 12%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.RevilDesi {
    width: 20%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.DropReason {
    width: 12%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ReasonDate {
    width: 8%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.LwfBranch {
    width: 81.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Lwfgrade {
    width: 18%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.Div_Tab1 {
    width: 100%;
    float: left;
    padding: 10px;
    margin: -1px 0px 0px 0px;
    border: 1px solid var(--lightgrey);
}

.AttendanceCal {
    float: right;
    width: 8%;
    margin: 0px;
}

.AttendanceComDrop {
    float: left;
    width: 33%;
    margin: 0px 0.5% 0px 0px;
}

.AttendanceBraDrop {
    float: left;
    width: 33%;
    margin: 0px 0.5% 0px 0px;
}

.DepartmentDrop {
    float: left;
    width: 33%;
    margin: 0px 0% 0px 0px;
}

.LeaveBalancetxt span {
    font-size: 11px;
}

.AttendanceEmp {
    width: 20%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.AttendanceEmpN {
    width: 79.5%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.AttendanceCl {
    width: 20%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.AttendanceSL {
    width: 25%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.AttendanceEL {
    width: 25%;
    float: left;
    margin: 0px 0% 0px 0px;
}
/* Event Updation Styles End */
.PendingHRM {
    width: 260px;
    float: left;
    margin: 5px 0px 0px 10px;
    max-height: 115px;
    min-height: 115px;
    overflow: auto;
}

/* Packages CSS Styles Start */
.PackEmpCode {
    width: 7%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .PackEmpCode input {
        text-align: left !important;
    }

.PackName {
    width: 75.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .PackName input {
        text-align: left !important;
    }

.PackBasic {
    width: 10.6%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .PackBasic input {
        text-align: right !important;
    }

.PackPetrol {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .PackPetrol input {
        text-align: right !important;
    }

.PackHRA {
    width: 10.6%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .PackHRA input {
        text-align: right !important;
    }

.PackConvey {
    width: 10.6%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.PackLoyallty {
    width: 10.6%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .PackLoyallty input {
        text-align: right !important;
    }

.PackEntertain {
    width: 10.6%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .PackEntertain input {
        text-align: right !important;
    }

.AlowanceTotal {
    width: 10%;
    float: left;
    margin: 0px 0% 0px 0px;
}

    .AlowanceTotal input {
        text-align: right !important;
    }

.PackDriver {
    width: 7%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .PackDriver input {
        text-align: right !important;
    }

.PackAmount {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .PackAmount input {
        text-align: right !important;
    }

.PackDataCard {
    width: 7%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .PackDataCard input {
        text-align: right !important;
    }

.PackPhone {
    width: 11%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .PackPhone input {
        text-align: right !important;
    }

.PackFromCal {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .PackFromCal input {
        text-align: right !important;
    }

.PackFromCal1 {
    width: 8%;
    float: left;
    margin: 0px 0% 0px 0px;
}

    .PackFromCal1 input {
        text-align: right !important;
    }

.PackToCal {
    width: 8%;
    float: left;
    margin: 0px 0% 0px 0px;
}

    .PackToCal input {
        text-align: right !important;
    }

.PackMedical {
    width: 11.1%;
    float: left;
    margin: 0px 0% 0px 0px;
}

    .PackMedical input {
        text-align: right !important;
    }

.PackMedicalCall {
    width: 18%;
    float: right;
    margin: 0px 0.5% 0px 0px;
}

    .PackMedicalCall input {
        text-align: right !important;
    }

.PackArearCal {
    width: 18%;
    float: right;
    margin: 0px 0% 0px 0px;
}

    .PackArearCal input {
        text-align: right !important;
    }

.PackArrearLbl {
    width: 31%;
    float: right;
    margin: 0px 0.5% 0px 0%;
}

    .PackArrearLbl input {
        text-align: right !important;
    }

.PackTotalsal {
    width: 12%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .PackTotalsal input {
        text-align: right !important;
    }

.PackTotal {
    width: 10%;
    float: right;
    margin: 0px 0% 0px 0px;
}

    .PackTotal input {
        text-align: right !important;
    }

.PackLTA {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.PackPF {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.PackBonus {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.PackMedicalI {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.PackOthers {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.PackOthers1 {
    width: 8%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.PackRemark {
    width: 60%;
    float: left;
    margin: 0px;
}

.PackOpen {
    width: 15%;
    float: left;
    margin: 0px;
}

.PerMCal {
    width: 8%;
    float: right;
    margin: 0px;
}

.PerEmpName {
    width: 74.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.PerEmpcode {
    width: 25%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.ForeNoon {
    width: 25%;
    float: right;
    margin: 0px 0% 0px 0px;
}

#logix_CPH_ddl_permission_chzn {
    width: 100% !important;
}

.EmpCo {
    width: 6%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.EmpCotxtBox {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .EmpCotxtBox input {
        text-align: right;
    }

.EmpTxtName {
    width: 42%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .EmpTxtName input {
        text-align: left;
    }

.EmpCompanyname {
    width: 42.5%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.SalaryGross {
    width: 14.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .SalaryGross input {
        text-align: right;
    }

.SalaryCal {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .SalaryCal input {
        text-align: right;
    }

.SalaryPF {
    width: 21%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .SalaryPF input {
        text-align: right;
    }

.SalaryEsi {
    width: 42.5%;
    float: left;
    margin: 0px 0% 0px 0px;
}

    .SalaryEsi input {
        text-align: right;
    }

.SalaryHRA {
    width: 20.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .SalaryHRA input {
        text-align: right;
    }

.SalaryCon {
    width: 21%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .SalaryCon input {
        text-align: right;
    }

.SalarySpecial {
    width: 22%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .SalarySpecial input {
        text-align: right;
    }

.SalaryEntertain {
    width: 20%;
    float: left;
    margin: 0px 0% 0px 0px;
}

    .SalaryEntertain input {
        text-align: right;
    }

.SalaryCostlbl {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.SalaryPerM {
    width: 12%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .SalaryPerM input {
        text-align: right;
    }

.SalaryPerA {
    width: 12.5%;
    float: left;
    margin: 0px 0% 0px 0px;
}

    .SalaryPerA input {
        text-align: right;
    }

.EnCashDate {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.EnAmount {
    width: 15%;
    float: right;
    margin: 0px 0% 0px 0px;
}

    .EnAmount input {
        text-align: right;
    }

.ProDept {
    float: left;
    width: 49.5%;
    margin: 0px 0.5% 0px 0px;
}

.ProDesi {
    float: left;
    width: 50%;
    margin: 0px 0% 0px 0px;
}

.DataGrid1 {
    float: left;
    width: 49.5%;
    margin: 0px 0.5% 0px 0px;
}

.DataGrid2 {
    float: left;
    width: 50%;
    margin: 0px 0% 0px 0px;
}
/* Packages CSS Styles End */
/*Profile CSS Styles Start */

.ProfileLeft {
    width: 49%;
    float: left;
    padding: 0px 10px 0px 0px;
    margin: 0px 1% 0px 0px;
    border-right: 1px dotted var(--lightgrey);
}

.ProfileRight {
    width: 50%;
    float: left;
    margin: 0px 0% 0px 0%;
    padding: 0px 0px 0px 0px;
}

.PhotoLeft {
    width: 86.46%;
    float: left;
    margin: 0px 0.5% 0px 0%;
}

.PhotoRight {
    width: 13%;
    float: left;
    margin: 5px 0% 0px 0%;
}

    .PhotoRight img {
        border: 1px solid var(--lightgrey);
        height: 79px;
        width: 83px;
        padding: 2px;
    }

.MediClaim {
    width: 23.9%;
    float: left;
    margin: 0px 0.2% 0px 0px;
}

.LTAClaim {
    width: 24.2%;
    float: left;
    margin: 0px 0.2% 0px 0px;
}

.Permission {
    width: 25.5%;
    float: left;
    margin: 0px 0.2% 0px 0px;
}

.PayslipGrid {
    width: 25.5%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.Imgdiv {
    width: 25%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.MonthProDrop {
    width: 49%;
    float: left;
    margin: 0px 0.5% 0px 1%;
}

.ProYear {
    width: 47.5%;
    float: left;
    margin: 0px 0% 0px 0px;
}

#logix_CPH_cmb_month_chzn {
    width: 100% !important;
}

#logix_CPH_cmd_tomonth_chzn {
    width: 100% !important;
}

.Div_Profile {
    width: 100%;
    margin: 10px 0px 0px 0px;
    float: left;
    height: 280px;
    overflow: auto;
}

.TabNormal {
    width: 75px;
    float: left;
    padding: 2px;
}

    .TabNormal a {
        display: inline-block;
        text-decoration: none;
        width: 75px;
        float: left;
        font-size: 14px;
        color: var(--grey);
    }

    .TabNormal:hover {
        background-color: #0077c9;
        color: var(--white);
        text-decoration: none;
    }

    .TabNormal a:hover {
        color: var(--white);
    }

.div_TabClick {
    border-top: 1px solid var(--lightgrey);
    float: left;
    width: 75px;
    float: left;
    border-left: 1px solid var(--lightgrey);
    border-right: 1px solid var(--lightgrey);
    padding: 2px;
}

.WorkMonth {
    width: 20%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.WorkYear {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.LeaveLbl {
    width: 100%;
    color: var(--red) !important;
    padding: 5px 0px 5px 0px;
    margin: 0px 0px 5px 0px;
    height: 20px;
    font-size: 14px;
    font-weight: 500;
}

/* Profile CSS Styles End */
/* Employee Claim Styles Start */
.ClaimEmp {
    width: 25%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ClaimEmpName {
    width: 74.5%;
    float: left;
    margin: 0px;
}

.Division {
    width: 50%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Branch {
    width: 49.5%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.ClaimDrop {
    width: 25%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Claimdate {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ClaimChk {
    width: 7.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ClaimAmount {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .ClaimAmount input {
        text-align: right;
    }

.ClaimTax {
    width: 16%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .ClaimTax input {
        text-align: right;
    }

.ClaimNon {
    width: 17.5%;
    float: left;
    margin: 0px 0% 0px 0px;
}

    .ClaimNon input {
        text-align: right;
    }

.GradeName {
    width: 21%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.GradeCal {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.GradeMedical {
    width: 20.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.GradeDriver {
    width: 20%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.GraddeEntertain {
    width: 20%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.ExcelSalary {
    width: 9%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ExcelEA {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ExcelEL {
    width: 7%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ExcelLTA {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ExcelIncen {
    width: 19%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.ExcelFile {
    width: 93.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

#logix_CPH_ddl_type_chzn {
    width: 100% !important;
}

#logix_CPH_ddl_description_chzn {
    width: 100% !important;
}

#logix_CPH_ddl_slab_chzn {
    width: 100% !important;
}

#logix_CPH_ddl_percentage_chzn {
    width: 100% !important;
}

#logix_CPH_ddl_receipt_chzn {
    width: 100% !important;
}

#logix_CPH_ddl_bank_chzn {
    width: 100% !important;
}

#logix_CPH_ddl_reason_chzn {
    width: 100% !important;
}

#logix_CPH_ddlDepartment_chzn {
    width: 100% !important;
}

#logix_CPH_ddl_session_chzn {
    width: 100% !important;
}

#logix_CPH_ddl_claim_chzn {
    width: 100% !important;
}

.CTCLeft {
    width: 49.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CTCRight {
    width: 50%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.CTCDate {
    width: 16%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CTCDrop {
    width: 57.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CtcCompanyLbl {
    width: 100%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.CtcBranchLbl {
    width: 100%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.CtcMonthWDrop {
    width: 20%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Ctcyear {
    width: 16%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

#logix_CPH_ddlMonthYarn_chzn {
    width: 100% !important;
}

#logix_CPH_ddl_Monrh_chzn {
    width: 100% !important;
}

.LateEmp {
    width: 7.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.LateEmpCode {
    width: 25%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.LateName {
    width: 33%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.LateDOJ {
    width: 33%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.LateLocation {
    width: 33%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.LateDept {
    width: 33%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Latedesi {
    width: 33%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.Lateleft {
    width: 49.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.LeaveLBL1 {
    width: 100%;
    float: left;
    margin: 0px 0% 0.5% 0px;
}

.LateEL {
    width: 33%;
    float: left;
    margin: 0px 0.5% 0% 0px;
}

.LateCL {
    width: 33%;
    float: left;
    margin: 0px 0.5% 0% 0px;
}

.LateSL {
    width: 33%;
    float: left;
    margin: 0px 0% 0% 0px;
}

.LateYear {
    width: 16%;
    float: left;
    margin: 0px 0.5% 0% 0px;
}

.LateNO {
    width: 50%;
    float: left;
    margin: 0px 0% 0% 0px;
}

.LateRight {
    width: 50%;
    float: left;
    margin: 0px 0% 0% 0px;
}

.MT4 {
    margin-top: -4px !important;
}
/* Employee Claim Styles End */
/* Salary Revision Styles Start */
.RevisionCal1 {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.RevisionComp {
    width: 33%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.RevisionBranch {
    width: 33%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.RevisionCode {
    width: 33%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.LOPCom {
    width: 25%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.LOPdepart {
    width: 25%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.LOPMonth {
    width: 12%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.LOPYear {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.LOPMonth1 {
    width: 12%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.LOPWorking {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}
/* Salary Revision Styles End */
/* Cheque Request Stlyes Start */

.ACBranch1 {
    width: 20%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ACRef {
    width: 4%;
    float: right;
    margin: 0px 0% 0px 0px;
}

.AcRefInput {
    width: 8%;
    float: right;
    margin: 0px 0% 0px 0.5%;
}

.ACLbl {
    width: 71%;
    float: left;
    text-align: center;
    margin: 0px 0.5% 0px 0px;
}

.ACDate {
    width: 8%;
    float: right;
    margin: 0px 0% 0px 0%;
}

.ACPayment {
    width: 91.5%;
    float: left;
    margin: 0px 0.5% 0px 0%;
}

.ACAmount {
    width: 8%;
    float: left;
    margin: 0px 0% 0px 0%;
}

.ACChk {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0%;
}

.ACBank {
    width: 35%;
    float: left;
    margin: 0px 0.5% 0px 0%;
}

.ACBranch {
    width: 40.5%;
    float: left;
    margin: 0px 0.5% 0px 0%;
}

.ACBrDate {
    width: 8%;
    float: left;
    margin: 0px 0% 0px 0%;
}
/* Cheque Request Styles End */

/* Payroll Styles Strat */
.PayProDrop {
    width: 25%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.PayMonth {
    width: 12%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.PayYear {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.PayEmp {
    width: 25%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.PayLocation {
    width: 13%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.PayEmpCode {
    width: 7.5%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.PayTotalEmp {
    width: 18%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.PayJoined {
    width: 18%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.PayRelied {
    width: 16.5%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.PayWorkedays {
    width: 45%;
    float: left;
    margin: 0px 0% 0px 0px;
}

    .PayWorkedays span {
        font-size: 11px;
    }
/* Payroll styles End*/
/* Incentive Details */

.InDate {
    float: right;
    width: 13%;
    margin: 3px 0.5% 0px 0px;
}

    .InDate span {
        font-size: 11px;
    }

.InDatecal {
    float: right;
    width: 36%;
    margin: 0px 0.5% 0px 0px;
}

.IncEmpcode {
    float: left;
    width: 8%;
    margin: 0px 0.5% 0px 0px;
}

    .IncEmpcode a {
        font-size: 11px;
    }

.INcEmpInput {
    float: left;
    width: 20%;
    margin: 0px 0.5% 0px 0px;
}

.IncEmpName {
    float: left;
    width: 30%;
    margin: 0px 0.5% 0px 0px;
}

.Inccomp {
    float: left;
    width: 30%;
    margin: 0px 0.5% 0px 0px;
}

.InGrade {
    float: left;
    width: 10%;
    margin: 0px 0% 0px 0px;
}

.InDesi {
    float: left;
    width: 28.5%;
    margin: 0px 0.5% 0px 0px;
}

.InDep {
    float: left;
    width: 25%;
    margin: 0px 0.5% 0px 0px;
}

.InAmount {
    float: left;
    width: 8%;
    margin: 0px 0.5% 0px 0px;
}

    .InAmount input {
        text-align: right;
    }

.InTDS {
    float: left;
    width: 12%;
    margin: 0px 0.5% 0px 0px;
}

.InTdsAmount {
    float: left;
    width: 12%;
    margin: 0px 0.5% 0px 0px;
}

.InNet {
    float: left;
    width: 12%;
    margin: 0px 0% 0px 0px;
}

.UpempCode {
    width: 6%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .UpempCode a {
        font-size: 11px;
    }

.UpEmbinput {
    width: 13.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.UpEmpname {
    width: 25%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.UpCompany {
    width: 25%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.UpYear {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.UpMonthDrop {
    width: 20%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.UpGrade {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Updesi {
    width: 25%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.UpDepart {
    width: 25%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.UpLocation {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.UpTDS {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.UpSur {
    width: 12.5%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.UpEDU {
    width: 20%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.UpTotal {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.UpChk {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.UpBSR {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.UpCal {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.UpChellan {
    width: 24.5%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.QuarterLbl {
    width: 20%;
    float: left;
    margin: 3px 0.5% 0px 0px;
}

    .QuarterLbl span {
        font-size: 11px;
    }

.QuarterYrDrop {
    width: 15%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.QuarterLbl1 {
    width: 5%;
    float: left;
    margin: 3px 0.5% 0px 0px;
}

    .QuarterLbl1 a {
        font-size: 11px;
    }

.QuarterEmp {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.QuarterEmpN {
    width: 27%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.QuarterDepart {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.QuarterComp {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.QuarterGrade {
    width: 12%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.QuarterDesi {
    width: 15%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.QuarterRad {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .QuarterRad span {
        display: inline-block;
        font-size: 11px;
        margin: 3px 0 0 3.5%;
        vertical-align: top;
    }

.QuararterInput {
    width: 89.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.QuarterAmount {
    width: 10%;
    float: left;
    margin: 0px 0% 0px 0px;
}

    .QuarterAmount input {
        text-align: right;
    }

/* Exemption Styles Start */
.ExemInput {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ExemDrop {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ExemYear {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ExemAccount {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .ExemAccount input {
        text-align: right;
    }

.MasterSection {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MasterMax {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .MasterMax input {
        text-align: right;
    }

.MaxSec {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}
/* Exemption Styles End */

/* Tax Slab Styles Start*/
.TaxDrop {
    width: 16%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.TaxDate {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.TaxIn {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.TaxSlab {
    width: 13%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .TaxSlab input {
        text-align: right;
    }

.TaxSlabTo {
    width: 13%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .TaxSlabTo input {
        text-align: right;
    }

.TaxSur {
    width: 13.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.TaxEdu {
    width: 15%;
    float: left;
    margin: 0px 0% 0px 0px;
}
/* Tax Slab Styles End */

.ProBranch {
    width: 20%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ProDate {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Protax {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ProSlab {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ProTo {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ProCategory {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ProAll {
    width: 9%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.LWFMin {
    width: 20%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.LWFBranch {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.LWFDate {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.LwfSlab {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.LWFTo {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.LWFContri {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.LWFEmp {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.LWFAll {
    width: 10%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.RentLbl {
    width: 14.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.RentDrop {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.RentInLbl {
    width: 25%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.RentEmp {
    width: 6%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.RentEmpInput {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.RentName {
    width: 20%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.RentComp {
    width: 25.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.RentDept {
    width: 11%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.RentDesi {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.RentGrade {
    width: 5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.RentBasic1 {
    width: 13%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.RentActual {
    width: 20%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.RentReceived {
    width: 20%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.RentPaid {
    width: 20%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.RentBasic {
    width: 19.5%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.RentTax {
    width: 35%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.RentTaxLbl {
    width: 35%;
    float: left;
    margin: 0px 0% 0px 0px;
}

/* Other Income Styles Start */

.OthFinance {
    float: right;
    width: 8%;
    margin: 0px 0.5% 0px 0.5%;
}

.OthYear {
    float: right;
    width: 15%;
    margin: 0px 0% 0px 0.5%;
}

.OtherEmp {
    float: left;
    width: 6%;
    margin: 0px 0.5% 0px 0%;
}

.OtherEmpcode {
    float: left;
    width: 8%;
    margin: 0px 0.5% 0px 0%;
}

.OtherEmpName {
    float: left;
    width: 20%;
    margin: 0px 0.5% 0px 0%;
}

.OtherComp {
    float: left;
    width: 25%;
    margin: 0px 0.5% 0px 0%;
}

.OtherDept {
    float: left;
    width: 15%;
    margin: 0px 0.5% 0px 0%;
}

.OtherDesi {
    float: left;
    width: 15%;
    margin: 0px 0.5% 0px 0%;
}

.OtherGrade {
    float: left;
    width: 8%;
    margin: 0px 0% 0px 0%;
}

.OtherPre {
    float: left;
    width: 24.5%;
    margin: 0px 0.5% 0px 0%;
}

.OtherPreEmp {
    float: left;
    width: 24.5%;
    margin: 0px 0.5% 0px 0%;
}

.OtherHouse {
    float: left;
    width: 24.5%;
    margin: 0px 0.5% 0px 0%;
}

.OtherIncome {
    float: left;
    width: 25%;
    margin: 0px 0% 0px 0%;
}

.InvestIncomeN {
    width: 35%;
    float: right;
    margin-left: 0px 0.5% 0px 0.5%;
}

    .InvestIncomeN span {
        font-size: 11px;
    }

.Investyear {
    width: 15%;
    float: right;
    margin-left: 0px 0.5% 0px 0%;
}

.InvestEmp {
    float: left;
    width: 6%;
    margin: 0px 0.5% 0px 0%;
}

.InvestEmpcode {
    float: left;
    width: 8%;
    margin: 0px 0.5% 0px 0%;
}

.InvestEmpName {
    float: left;
    width: 19.5%;
    margin: 0px 0.5% 0px 0%;
}

.InvestCompany {
    float: left;
    width: 21%;
    margin: 0px 0.5% 0px 0%;
}

.InvestDept {
    float: left;
    width: 12%;
    margin: 0px 0.5% 0px 0%;
}

.InvestDesi {
    float: left;
    width: 14%;
    margin: 0px 0.5% 0px 0%;
}

.InvestGrade {
    float: left;
    width: 8%;
    margin: 0px 0.5% 0px 0%;
}

.InvestDoj {
    float: left;
    width: 8%;
    margin: 0px 0% 0px 0%;
}

.InvestActual1 {
    float: left;
    width: 14%;
    margin: 0px 0.5% 0px 0%;
}

.InvesrRent {
    float: left;
    width: 17%;
    margin: 0px 0.5% 0px 0%;
}

.InvestHRA {
    float: left;
    width: 17%;
    margin: 0px 0.5% 0px 0%;
}

.InvestBasic {
    float: left;
    width: 14%;
    margin: 0px 0.5% 0px 0%;
}

.InvestPaid1 {
    float: left;
    width: 17.5%;
    margin: 0px 0.5% 0px 0%;
}

.InvestIncome {
    float: left;
    width: 18%;
    margin: 0px 0% 0px 0%;
}

.InvestLbl1 {
    float: left;
    width: 20%;
    margin: 0px 0.5% 0px 0%;
}

.InvestYou {
    float: left;
    width: 50%;
    margin: 0px 0% 0px 0%;
}

.InvestSection {
    width: 20%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.InvestDetails {
    width: 20%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.InvestPlan {
    width: 20%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.InvestAmount {
    width: 20%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.InvestYou span {
    font-size: 11px;
}

.NoNeedLbl {
    float: left;
    width: 20%;
    margin: 0px 0.5% 0px 0px;
}

    .NoNeedLbl span {
        font-size: 11px;
    }

.PlanLbl {
    width: 35.5%;
    float: right;
    margin: 0px 0.5% 0px 0.5%;
}

    .PlanLbl span {
        font-size: 11px;
    }

.PlanDrop1 {
    width: 15%;
    float: right;
    margin: 0px 0% 0px 0%;
}

.PlanEmp {
    width: 6%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .PlanEmp a {
        font-size: 11px;
    }

.PlanEmpInput {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.PlanName {
    width: 40%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Plandrop {
    width: 44.5%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.PlanDept {
    width: 24.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.PlanDesi {
    width: 24.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.PlanGrade {
    width: 24.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.PlanDoJ {
    width: 25%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.HouseLbl {
    width: 20%;
    float: left;
}

    .HouseLbl span {
        font-size: 11px;
    }

.InvestProof {
    width: 17.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.InvestActual {
    width: 20%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.InvestRent {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.InvestHRA1 {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.InvestPerc {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.InvestPaid {
    width: 15%;
    float: left;
    margin: 0px 0% 0px 0px;
}

#logix_CPH_ddl_Year_chzn {
    width: 100% !important;
}

#logix_CPH_ddl_company_chzn {
    width: 100% !important;
}

.InvestReceive {
    width: 50%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .InvestReceive input {
        text-align: right;
    }

.InvestHouse {
    width: 49.5%;
    float: left;
    margin: 0px 0% 0px 0px;
}

    .InvestHouse input {
        text-align: right;
    }

.InvestSection1 {
    width: 16%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.InvestDetail {
    width: 16%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.InvestPlan1 {
    width: 17%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.InvestAmount1 {
    width: 15.1%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .InvestAmount1 input {
        text-align: right;
    }

.InvestDate {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.InvestOn {
    width: 20%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.TblReport {
    width: 100%;
    height: 415px;
    overflow: auto;
}
/* Other Income Stlyes End */
/* ITC Computation Styles Start */

.ITCDrop {
    width: 100%;
    float: right;
}

.ITCEmp {
    width: 6%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .ITCEmp a {
        font-size: 11px;
    }

.ITCEmpCode {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ITCEmpname {
    width: 20%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ITCDepart {
    width: 14%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ITCDesi {
    width: 13%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ITCCom {
    width: 19.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ITCGrade {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ITCDOJ {
    width: 8%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.BonusDrop {
    width: 35%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.BonusYear {
    width: 12%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.BonusPer {
    width: 12%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.StatCompany {
    width: 30%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.StautFrom {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.StautYear {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.StautTo {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.StautToYr {
    width: 8%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.StautRad {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.StautRad1 {
    width: 15%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.StatusLBL {
    width: 100%;
    float: left;
    margin: 0px 0% 0px 0px;
}

    .StatusLBL span {
        display: block;
        color: var(--red);
        font-size: 11px;
    }

.SlipEmp {
    width: 6%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.SlipEmpcode {
    width: 6%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.SlipEmpName {
    width: 18%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.SlipComp {
    width: 18%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.SlipLocation {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.SlipDesi {
    width: 12%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.SlipDepart {
    width: 12%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.SlipGrade {
    width: 6%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.SlipDOJ {
    width: 8%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.SlipDrop {
    width: 12%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.SlipYear {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0%;
}

.SlipYear1 {
    width: 8%;
    float: left;
    margin: 0px 0% 0px 0%;
}

.MasterTitle {
    width: 35%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MasterDrop {
    width: 25%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MasterName {
    width: 39%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.MasterOption {
    width: 19.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MasterOption1 {
    width: 20%;
    float: left;
    margin: 0px 0% 0px 0px;
}
/* ITC Computation styles End */
/* Agent Query Styles Start */
.AgentPort {
    width: 20%;
    float: left;
    margin: 0px;
}
/* Agent Query Styles End */
/* Payment Css Styles Start */

.PaymentDrop {
    width: 15%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.PayYear1 {
    float: left;
    width: 8%;
    margin: 0px 0% 0px 0px;
}

.PayInput {
    float: left;
    width: 15%;
    margin: 0px 0.5% 0px 0px;
}

.PaymentMode {
    width: 15%;
    float: left;
    margin: 0px 0px 0px 0px;
}

.PaymentVoucher {
    width: 60%;
    text-align: center;
    float: left;
    margin: 0px 0px 0px 0px;
}

    .PaymentVoucher label {
        font-size: 11px;
        text-align: center;
    }

.PayDate {
    width: 4%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.payCal {
    width: 8%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.ChKLabel {
    width: 35%;
    float: left;
    margin: 0px;
}

    .ChKLabel a {
        color: #ff1e00;
        font-size: 11px;
    }
/* Payment Css Styles End */
/* Outstanding Popup Styles Start */
.OutComp {
    width: 69%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.OutAmonut {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .OutAmonut input {
        text-align: right;
    }

.OutCredit {
    width: 15%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.crumbslbl {
    display: none;
}
/* OutStanding Popup Stlyes End */
/* Corporate CSS Styles Start */
.CorporateDrop {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CorporateChk {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CorporateLBL {
    width: 38.5%;
    text-align: center;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CorporateReceipt {
    width: 12%;
    float: right;
    margin: 0px 0.5% 0px 0px;
}

.CorporateCal {
    width: 8%;
    float: right;
    margin: 0px 0.5% 0px 0px;
}

.CorporateYear {
    width: 8%;
    float: right;
    margin: 0px 0.5% 0px 0px;
}

.CorporatePay {
    width: 59.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CorporateChkDD {
    width: 12%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CorporateUSD {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CorporateAmount {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .CorporateAmount input {
        text-align: right;
    }

.CorporateRate {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .CorporateRate input {
        text-align: right;
    }

.CorporateAmountRs {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .CorporateAmountRs input {
        text-align: right;
    }

.CorporateChkDD {
    width: 12%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CorporateBank {
    width: 30%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CorporateBranch {
    width: 14%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CorporateDate {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CorporateNar {
    width: 33.5%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.CorporateLeft {
    width: 54.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CorporateRight {
    width: 45%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.AmountLBL {
    float: right;
    width: 24%;
    margin: 0px;
}

.CorporateCustmer {
    float: left;
    width: 75%;
    margin: 0px 0.5% 0px 0px;
}

.CorporateAmount1 {
    float: left;
    width: 19.5%;
    margin: 0px 0.5% 0px 0px;
}

    .CorporateAmount1 input {
        text-align: right;
    }

.CorporDeduction {
    float: left;
    width: 50%;
    margin: 0px 0.5% 0px 0px;
}

.CorporDeau {
    float: left;
    width: 24.5%;
    margin: 0px 0.5% 0px 0px;
}

    .CorporDeau input {
        text-align: right;
    }

.CorTDS {
    float: left;
    width: 19.5%;
    margin: 0px 0.5% 0px 0px;
}

    .CorTDS input {
        text-align: right;
    }

.CorAccount {
    width: 20%;
    float: left;
    margin: 0px;
}

.CorExcess {
    float: right;
    width: 19.5%;
    margin: 0px 0.5% 0px 0px;
}

.CorporateVoucher {
    width: 21%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CorporateVouInput {
    width: 18%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CorporateVouDrop {
    width: 24%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

#logix_CPH_cmbvoutype_chzn {
    width: 100% !important;
}

.CorPorateTotal {
    width: 25%;
    float: right;
    margin: 0px 1% 0px 0px;
}

    .CorPorateTotal input {
        text-align: right;
    }

.CorPorateRefNo {
    width: 25%;
    float: right;
    margin: 0px 1% 0px 0px;
}

.CorporateTotalRs {
    width: 25%;
    float: right;
    margin: 0px 0% 0px 0px;
}

    .CorporateTotalRs input {
        text-align: right;
    }
/* Corporate CSS Styles End */

/* Payment Approval CSS */
.ApporvalBranch {
    width: 5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .ApporvalBranch span {
        font-size: 11px;
    }

.ApporvalDrop {
    width: 20%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.PackLoan {
    width: 9%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.PackTenure {
    width: 30%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

#logix_CPH_ddlSelect_chzn {
    width: 100% !important;
}

.div_Grid2 {
    border: 1px solid var(--lightgrey);
    height: 200px;
    overflow-x: hidden !important;
}

.MSRType1 {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MSRFrom1 {
    width: 12%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MSRTo {
    width: 3%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .MSRTo span {
        font-size: 11px;
    }

.MSRToInput {
    width: 12%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MSRRateing {
    width: 12%;
    float: left;
    margin: 0px 0% 0px 0px;
}

#logix_CPH_ddltype_chzn {
    width: 100% !important;
}

#logix_CPH_ddltype1_chzn {
    width: 100% !important;
}

.TallyBranch {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.TallyVoucher {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.TallyFrom {
    width: 12%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.TallyTo {
    width: 12%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.DSOCN {
    width: 12%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.DSOComBranch {
    width: 40%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.DSOBranch {
    width: 25%;
    float: left;
    margin: 0px 0% 0px 0px;
}
/* Payment Approval Styles*/
/* Sales Analysis*/
.SalesLbl {
    float: left;
    width: 15%;
    margin: 0px 0.5% 0px 0px;
}

.SalesBranch {
    float: left;
    width: 15%;
    margin: 0px 0.5% 0px 0px;
}

.SalesBrDrop {
    float: left;
    width: 15%;
    margin: 0px 0.5% 0px 0px;
}

.SalesFrom {
    float: right;
    width: 3%;
    margin: 0px 0.5% 0px 0px;
}

.SalesFMInput {
    float: right;
    width: 8%;
    margin: 0px 0.5% 0px 0px;
}

.SalesTo {
    float: right;
    width: 3%;
    margin: 0px 0.5% 0px 0px;
}

.SalesToInput {
    float: right;
    width: 8%;
    margin: 0px 0.5% 0px 0px;
}
/* Sales Analysis*/
/* Inbound Styles Start */
.InBoundReport {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.InboundBranch {
    width: 14%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.BoundMonth {
    width: 4%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.BoundDrop {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.BoundYear {
    width: 3%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.BoundYrDrop {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.BLVoucher {
    width: 4%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.BLVouInput {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.BLTO {
    width: 3%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.BLVouInput1 {
    width: 8%;
    float: left;
    margin: 0px 0% 0px 0px;
}

#logix_CPH_ddl_reportname_chzn {
    width: 100% !important;
}

#logix_CPH_ddlmonth_chzn {
    width: 100% !important;
}

#logix_CPH_ddlyear_chzn {
    width: 100% !important;
}

#logix_CPH_ddltomonth_chzn {
    width: 100% !important;
}

#logix_CPH_ddltoyear_chzn {
    width: 100% !important;
}

.CutDateLbl {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CutCal1 {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ExemCompDrop {
    width: 35%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ExempBranchDrop {
    width: 25%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ExempCal1 {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ExempCal2 {
    width: 8%;
    float: left;
    margin: 0px 0% 0px 0px;
}

#logix_CPH_ddldivision_chzn {
    width: 100% !important;
}

.DeatilsFrom {
    width: 5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.DetailsFrInput {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.DetailsTo {
    width: 3%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.DetailsToInput {
    width: 8%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.LbLBranch1 {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.UncloseDrop {
    width: 20%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

/* MIS Corporate Styles Start */
.MISBranch {
    width: 15%;
    margin: 0px 0.5% 0px 0px;
    float: left;
}

.MISReport {
    width: 20%;
    margin: 0px 0.5% 0px 0px;
    float: left;
}

.MISFrom {
    width: 4%;
    margin: 0px 0.5% 0px 0px;
    float: left;
}

    .MISFrom span {
        font-size: 11px;
    }

.MISCal1 {
    width: 10%;
    margin: 0px 0.5% 0px 0px;
    float: left;
}

.MISTO {
    width: 2%;
    margin: 0px 0.5% 0px 0px;
    float: left;
}

    .MISTO span {
        font-size: 11px;
    }

.MISCal2 {
    width: 10%;
    margin: 0px 0.5% 0px 0px;
    float: left;
}

.MISCustomer {
    width: 64%;
    margin: 0px 0% 0px 0px;
    float: left;
}

.MISData1 {
    width: 13.5%;
    margin: 0px 0.5% 0px 0px;
    float: left;
}

#logix_CPH_ddl_graph1_chzn {
    width: 100% !important;
}

.ChangeAgent {
    width: 35%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ChangeLocation {
    width: 20%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.ChangeCity {
    width: 14%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ChangeCountry {
    width: 14%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ChangeZip {
    width: 14%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ChangePhone {
    width: 14%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ChangeFax {
    width: 14%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.LedgerName {
    width: 15%;
    float: left;
    margin: 0px 0% 0px 0px;
}
/* MIS Corporate Styles End */
.StatDivision {
    width: 4.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.StatCompDrop {
    width: 25%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.StatBranch {
    width: 4%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.StatBarnch {
    width: 12.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.StatProLbl {
    width: 4.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.StatProduct {
    width: 12%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.StatFrom {
    width: 3%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.StatCal {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.StatTo {
    width: 3%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.StatToCal {
    width: 8%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.StatShipLbl {
    font-size: 11px;
}

    .StatShipLbl label {
        color: var(--red);
        font-size: 11px;
    }

.SalesInputCr {
    width: 32.3%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.SalesInputCr11 {
    width: 32.2%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.SalesAll {
    width: 40%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

#logix_CPH_ddl_RecievedMode_chzn {
    width: 100% !important;
}

/* MIS Query Styles Start */
.MISJob {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MISVsesel {
    width: 30%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MISVoyage {
    width: 20%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MISBooking {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MISBL {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MISMBL {
    width: 9.5%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.MISCustomer2 {
    width: 53.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CreditAppInput {
    width: 59%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MISSales {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MISPOL {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MISPOD {
    width: 15%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.MISConsignee {
    width: 53.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MISCBM {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MISGross {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MISPKGS {
    width: 15%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.MISShipper {
    width: 53.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MISCONTAINER {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MISSeal {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MISInvoice {
    width: 15%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.MISDelivery {
    width: 53.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MISForward {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MISShipping {
    width: 15%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.LessAmountLBL {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.LessAmountLBLInput {
    width: 20%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.CreditCompany {
    width: 45%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CreditBranch {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CreditLast {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CreditDso {
    width: 18.5%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.ApprovedCredit {
    width: 14%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CreditAppInput {
    width: 17%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CreditAverage {
    width: 16.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CreditActual {
    width: 25%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CreditDsoA {
    width: 25.5%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.LessAmountLBL {
    width: 20%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.LessAmountLBLInput {
    width: 20%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CreditName {
    width: 53.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CreditAppAmount {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CreditDays {
    width: 15.5%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.CreditExemptions {
    width: 15%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.CreditAppLBL {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CreditBranch {
    width: 20%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MISCustomer1 {
    width: 30%;
    margin: 0px 0.5% 0px 0px;
    float: left;
}

#logix_CPH_cmbDivision_chzn {
    width: 100% !important;
}

.ChangeCusName {
    width: 44%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ProspectCustomer {
    width: 35%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ProspectType {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ProspectCommodity {
    width: 24.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ProspectSales {
    width: 24%;
    float: left;
    margin: 0px 0% 0px 0px;
}
/* MIS Query Styles End */
/* Customer Profile CSS */
.CustomerLeft1 {
    width: 74.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CustomerRight1 {
    width: 25%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.LBLMsg1 {
    font-size: 11px;
}

.CusProPhone {
    width: 33%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CusProFax {
    width: 33%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CusProMobile {
    width: 33%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.CusProEmail {
    width: 66.5%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.LBLMsg1 {
    font-size: 11px;
}

.CusGroup {
    width: 66.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CusCredit {
    width: 33%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.CusOwner {
    width: 49.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CusAbout {
    width: 50%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.CusCategory {
    width: 66.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CusPan {
    width: 33%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.CusPTC {
    width: 49.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CusPhone {
    width: 50%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.CusMobile {
    width: 33%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CusEmail {
    width: 66.5%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.CusLbL1 {
    font-size: 11px;
}

.GridBorder {
    float: left;
    width: 100%;
    border: 1px solid var(--lightgrey);
    padding: 3px;
}

.CorporateEx {
    float: left;
    margin: 0 0 0 0px;
    width: 215px;
}

    .CorporateEx h3 {
        color: #184684;
        font-family: "OpenSansSemibold";
        font-size: 14px;
        margin: 5px 0 0;
        padding: 5px 0 10px 5px;
    }

.CorTab {
    background-color: #60b3dd;
    border-top: 2px solid #0077c9;
    padding: 2px 7px;
    float: left;
    margin: 5px 3px 0px 0px;
}

    .CorTab a {
        color: var(--white);
    }

.CorTabC {
    border-bottom: 1px solid #60b3dd;
    float: left;
    width: 99.3%;
    margin-bottom: 5px;
}

.CorPending {
    float: left;
    width: 215px;
    margin: 10px 0px 0px 0px;
}

    .CorPending ul {
        padding: 0px 0px 0px 0px;
        margin: 1px 0px 0px 0px;
    }

        .CorPending ul li {
            list-style: none;
        }

    .CorPending li a {
        display: inline-block;
        font-size: 11px;
        font-family: Tahoma;
        padding: 0px 0px 0px 5px;
    }

.pnl_tool {
    width: 215px;
    border-top: 1px solid var(--lightgrey);
    border-left: 1px solid var(--lightgrey);
    border-right: 1px solid var(--lightgrey);
    margin: 10px 0px 0px 0px;
}

    .pnl_tool ul {
        padding: 0px;
        margin: 0px;
    }

        .pnl_tool ul li {
            list-style: none;
            border-bottom: 1px solid var(--lightgrey);
            padding: 0px 0px 5px 0px;
            margin: 0px 0px 0px 0px;
        }
/* Customer Profile CSS */

/* Exemption List Styles Start */
.ExemptionCustomer {
    width: 69.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ExemptionMonth {
    width: 30%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.ExemptionBranch {
    width: 30%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ExemptionLimith {
    width: 25%;
    float: left;
    margin: 0px 0% 0px 0px;
}

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

    .ExemptionTotal input {
        text-align: right;
    }

.ExemptionLimit {
    width: 20%;
    float: left;
}

.CustomerRateLbl {
    width: 35%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CustmerCalLBL {
    width: 4%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CustmerCal1 {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CustomerToLBL {
    width: 3%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CustomerToCal {
    width: 8%;
    float: left;
    margin: 0px 0% 0px 0px;
}
/* Exemption List Styles End */

/* Tradelane Styles Start */
.TradeComLbl {
    width: 6%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.TradeCompany {
    width: 40%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.TradeBranch {
    width: 5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.TradeBrDrop {
    width: 19%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.TradeSector {
    width: 5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.TradeSecDrop {
    width: 22.5%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.ComLbl {
    width: 100%;
    text-align: center;
    background-color: #a9a9a9;
    color: var(--white);
    padding: 5px;
    font-size: 11px;
}

.Periodleft {
    width: 49.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

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

.Period1 {
    width: 100%;
    background-color: #a9a9a9;
    color: var(--white);
    padding: 5px;
    font-size: 11px;
}

.Period2 {
    width: 100%;
    background-color: #a9a9a9;
    color: var(--white);
    padding: 5px;
    font-size: 11px;
}

.TradeFromLbl {
    width: 100%;
    float: left;
    padding: 0px 5px 5px 0px;
    font-size: 11px;
}

.TradeMonthLbl {
    width: 25%;
    float: left;
    margin: 0px 0.5% 0px 0px;
    font-size: 11px;
}

.TradeDrop {
    width: 25%;
    float: left;
    margin: 0px 0.5% 0px 0px;
    font-size: 11px;
}

.TradeYear {
    width: 24%;
    float: left;
    margin: 0px 0.5% 0px 0px;
    font-size: 11px;
}

.TradeYrInput {
    width: 24.5%;
    float: left;
    margin: 0px 0% 0px 0px;
    font-size: 11px;
}

.PeriodLeftC {
    width: 44%;
    padding: 5px;
    border: 1px solid #b1b1b2;
    float: left;
    margin: 5px 0.5% 0px 0px;
}

.PeriodLeftC1 {
    width: 43%;
    padding: 5px;
    border: 1px solid #b1b1b2;
    float: left;
    margin: 5px 0% 0px 0px;
}

.MT30 {
    margin-top: 63px;
}

.div_gridRight {
    width: 74.5%;
    float: left;
}

.MISEmployeelist {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MISEmployeeLeft {
    width: 14%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MISCTC {
    width: 5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MISPending {
    width: 14%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MISLoyality {
    width: 15%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.MISPackages {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MISSalary {
    width: 6%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MISCompansation {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MISContribution {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MISAllow {
    width: 9%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MISCal3 {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MISCal4 {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}
/* Tradelane Styles End */
/* Operatin MIS Styles Start*/
.JobWiseLBL {
    width: 19.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.JobNomiLBL {
    width: 19.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.JobShip {
    width: 19.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.JobShiper {
    width: 19.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.JobConsignee {
    width: 20%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.MISFromLbl1 {
    width: 2.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MISFromCal {
    width: 6%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MISToLabl {
    width: 2%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MISToCal2 {
    width: 6.2%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}
/* Operating MIS Styles End */
/* Credit Approval Styles Start*/

.CreditDsoDay1 {
    width: 45%;
    font-size: 11px;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ActualDSODays {
    width: 45%;
    font-size: 11px;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Last30days {
    width: 45%;
    font-size: 11px;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ActualAverage {
    width: 45%;
    font-size: 11px;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CreditCal {
    width: 45%;
    font-size: 11px;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.TotalApproved {
    width: 45%;
    font-size: 11px;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ActualOutstanding {
    width: 45%;
    font-size: 11px;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.NoofExemptions {
    width: 19%;
    font-size: 11px;
    float: left;
    margin: 4px 0.5% 0px 0px;
}
/* Credit Approval Styles End */

/* Leave Application*/

.LeaveApp {
    background-color: #cfced6;
    color: #57575a;
    font-size: 14px;
    padding: 2px 2px 2px 5px;
}

.Rad1 {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Rad2 {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Rad3 {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Leavecorporation {
    width: 35%;
    float: left;
}

.Leavecal {
    width: 10%;
    float: right;
}

.LeaveDemo {
    width: 35%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.LeaveSystem {
    width: 25%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.LeaveM1 {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.LeaveIT {
    width: 28.5%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.Leaverequired {
    width: 35%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.LeaveDays {
    width: 12%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.LeaveRad {
    width: 45%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Leavecal2 {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.LeaveBoth {
    width: 14%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.LeavePurpose {
    width: 20%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.LeaveAddress {
    width: 27%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.LeavePhone {
    width: 16.5%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.LeaveDaysLbl {
    width: 5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

#logix_CPH_PPanPopUp {
    left: 83px !important;
    top: 102px !important;
}

.MISForm {
    width: 4%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MISFormCal {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MISTo11 {
    width: 3%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MISToCal {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.PendingBookingOA {
    float: left;
    width: 995px;
    margin: 5px 0px 0px 0px;
}

    .PendingBookingOA ul {
        padding: 0px 0px 0px 0px;
    }

        .PendingBookingOA ul li {
            padding: 2px 0px 2px 10px;
            margin: 0px;
            list-style: none;
            float: left;
        }

            .PendingBookingOA ul li img {
                padding: 0px 5px 0px 0px;
            }

            .PendingBookingOA ul li a {
                font-size: 11px;
                font-family: Tahoma, Geneva, sans-serif;
                display: inline-block;
            }

.Unclosed2 {
    float: right;
    width: 185px;
    margin: 0px 0px 0px 0px;
}

/* Sailing Schedule Styles Start */

.SailingVessel {
    width: 49.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.SailingVoyage {
    width: 50%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.SailingPort {
    width: 62.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.SailingDesi {
    width: 20%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.SailingCal {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.SailingCal1 {
    width: 8%;
    float: left;
    margin: 0px 0% 0px 0px;
}
/* Sailing Schedule Styles End */
/* Profile Page Design CSS */

.PronameApp {
    width: 25%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.ProEmpcodeApp {
    width: 4%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.DesiApp {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.GradeApp {
    width: 4%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.DeptApp {
    width: 16%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.DojApp {
    width: 6.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.DoCApp {
    width: 6.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.LocationApp {
    width: 22.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.EmpCodeApp {
    width: 14%;
    float: left;
    margin: 0px 1.5% 0px 0px;
}

.GrossApp {
    width: 14%;
    float: left;
    margin: 0px 1.5% 0px 0px;
}

.CTCanApp {
    width: 14%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.InstructionApp {
    width: 49.5%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.div_GridAPP {
    width: 99%;
    margin-left: 0.5%;
    margin-bottom: 0.5%;
    margin-top: 0.5%;
    height: 320px;
    border: 1px solid var(--lightgrey);
    float: left;
    overflow: auto;
}

.EmployeeName1 {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.EmpNameTxtApp {
    width: 25%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.EmpCodeName {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.EMpCodeApp1 {
    width: 5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.EmpDesi1 {
    width: 6%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.EMpDesiInput {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.EmpGradeLBL {
    width: 2.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.EmpGradeTxtbox {
    width: 4%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.DepartLBL {
    width: 5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.DepartInput {
    width: 17%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.DOJLbl {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.DojInput {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.LocationLbl {
    width: 4%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.LocationInput {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CTCMonthly {
    width: 6%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CTCMonthlyInput {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MonthlyLBL {
    width: 6%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MonthlyInput {
    width: 9.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CTCAnnual {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.CTCAnnualInput {
    width: 14%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.DISNone {
    display: none;
}

.Manpower {
    width: 39%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MANDrop {
    width: 14%;
    float: right;
    margin: 0px -0.5% 0px 0px;
}

.Manpower1 {
    width: 89.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MANDrop1 {
    width: 8.5%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.AppLeft {
    width: 49.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.AppRight {
    width: 50%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.Manpower2 {
    width: 12%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MANDrop2 {
    width: 87.5%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.Manpower3 {
    width: 100%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.MANDrop3 {
    width: 100%;
    float: left;
    margin: 0px 0% 0px 0px;
}

.Manpower4 {
    width: 68%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Rating {
    width: 25%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

.Selfappraisal {
    width: 6%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}

    .Selfappraisal input {
        text-align: right;
        color: blue;
    }

.ApraserApraisal {
    width: 6%;
    float: left;
    margin: 0px 0% 0px 0px;
}

    .ApraserApraisal input {
        text-align: right;
        color: teal;
    }

.CTCCtrl {
    width: 50%;
    float: left;
    margin: 0px 0.5% 0px 0%;
}

.GrossMonthly {
    width: 17%;
    float: left;
    font-weight: bold;
    margin: 0px 0.5% 0px 0px;
    font-size: 14px;
    color: #853962;
}

.CtcMonthly1 {
    width: 14.5%;
    float: left;
    font-weight: bold;
    margin: 0px 0.5% 0px 0px;
    font-size: 14px;
    color: #1486ac;
}

.CtcAnnual1 {
    width: 14.5%;
    float: left;
    font-weight: bold;
    margin: 0px 0.5% 0px 0px;
    font-size: 14px;
    color: #06529c;
}

.BGColorNew {
    background-color: #fbdded;
    padding: 5px;
}

.BGAltclr1 {
    background-color: var(--white);
    padding: 1px;
    margin: 2px 0px 0px 0px;
    width: 93.5% !important;
}

.BGAltclr2 {
    background-color: #fff8dc;
    padding: 1px;
    margin: 2px 0px 0px 0px;
    width: 93.5% !important;
}

.PageHeaderNew {
    float: left;
    width: 10%;
    font-weight: bold;
    margin: 0px 0.5% 0px 0px;
}

.bgclrNew {
    background-color: #dbdbdb !important;
    padding: 4px;
}

@media only screen and (max-width: 1024px) {
    .Loginleftimg {
        background: rgba(0, 0, 0, 0) url("../img/CH1024.png") no-repeat scroll left top;
        float: left;
        height: 295px;
        width: 598px;
    }

    .login .box {
        margin-left: 0px;
    }

    .LoginGlobe {
        float: left;
        margin: 110px 0 0 16px;
        width: 289px;
    }

    .Loginimg {
        width: 100%;
        margin: 75px 0px 0px 0px;
        min-height: 400px;
        background: url(../img/loginbg.png) repeat-x left top;
    }

    .LoginGlobe img {
        width: 100%;
        height: auto;
    }

    .LoginPannel {
        width: 434px;
        float: right;
        margin: -28px 13px 0px 0px;
        background: url(../img/login_bg.png) no-repeat left top;
        min-height: 422px;
    }

    .HomeGroup {
        width: 25% !important;
        float: left;
        margin: 55px 20px 36px 15px;
    }

    .TabMenu {
        float: left;
        width: 71% !important;
        margin: 55px 0px 36px 0px !important;
    }
}

@media only screen and (max-width: 1280px) {
    .TabMenu {
        float: left;
        width: 77%;
        margin: 55px 0px 36px 0px;
    }

    .HomeGroup {
        width: 25% !important;
        float: left;
        margin: 55px 20px 36px 15px;
    }

    .LoginPannel {
        width: 434px;
        float: right;
        margin: -28px 13px 0px 0px;
        background: url(../img/login_bg.png) no-repeat left top;
        min-height: 422px;
    }

    .Loginleftimg {
        background: rgba(0, 0, 0, 0) url("../img/CH1024.png") no-repeat scroll left top;
        float: left;
        height: 295px;
        width: 598px;
    }

    .login .box {
        margin-left: 0px;
    }

    .LoginGlobe {
        float: left;
        margin: 110px 0 0 16px;
        width: 289px;
    }

    .Loginimg {
        width: 100%;
        margin: 75px 0px 0px 0px;
        min-height: 400px;
        background: url(../img/loginbg.png) repeat-x left top;
    }

    .LoginGlobe img {
        width: 100%;
        height: auto;
    }
}



div.TextField input[type="text"],
div.TextField textarea {
    border: 0px !important;
    font-size: 14px;
    outline: none;
    border: 0px solid #e0e0e0;
    border-radius: 5px;
    color: gray;
    transition: 0.1s ease-out;
    padding: 19px 0px 0px 7px !important;
    border-bottom: 1px solid var(--inputborder) !important;
}

div.TextField input[type="text"] {
    height: 30px !important;
    padding: 18px 5px 0px 7px !important;
}

.TextField textarea {
    height: 63px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075) !important;
    border-radius: 6px !important;
}



.TextField input[type="text"]:focus {
    border-color: #06529c !important;
}

.TextField textarea:focus {
    border-color: #06529c !important;
}


.float-left {
    /*labtest1*/
    /*top: 4px !important;*/
}

.widget.box {
    border: 0px solid #d9d9d9 !important;
}



.widget-header .crumbs {
    float: left;
    margin: 0px -20px 0px 0px !important;
    background: transparent !important;
    border-bottom: 0px solid #d9d9d9 !important;
    color: black;
    font-size: 19px !important;
    display: none !important;
}


.widget-header .title {
    float: left;
    margin: 0px -20px 0px 10px !important;
    background: transparent !important;
    border-bottom: 0px solid #d9d9d9 !important;
    color: #06529c;
    font-size: 19px !important;
}

.widget-header .crumbs .breadcrumb li {
    padding: 0 5px;
}

    .widget-header .crumbs .breadcrumb li a {
        padding: 0px 0px 0px 5px;
        font-size: 13px !important
    }

.widget-header .breadcrumb {
    padding: 5px 0px 0px 15px !important;
}





/*Praveen Added 2023-may-10 */




.hide {
    display: none !important;
}

.col-md-12 {
    padding: 0 !important;
}

.chzn-drop {
    width: 100% !important;
    min-height: 150px !important;
    max-height: fit-content !important;
    height: 150px !important;
    overflow: auto;
}

.widget.box .widget-header h4 {
    margin-bottom: 0;
    padding-left: 25px !important;
}

/*praveen commented 10-may-2023*/
/*div.TextField input[type="text"],
div.TextField input[type="file"] {
    border: 0px solid var(--inputborder) !important;
    border-bottom: 1px solid var(--inputborder) !important;
    height: 36px !important;
    border-radius: 0px !important;
    margin: 10px 0px 0px 0px !important;
}*/

/*praveen added 10-may-2023*/

div.TextField input[type="text"], div.TextField input[type="file"] {
    border: 0px !important;
    border-bottom: 1px solid var(--inputborder) !important;
    /* border: 1px solid #b3afaf4f !important; */
    height: 48px !important;
    border-radius: 0px !important;
    margin: 6px 0px 0px 0px !important;
}

span .normalsize, span.emphasis {
    position: absolute !important;
    color: #06529c !important;
    /* color: red !important; */
    font-size: 14px !important;
    font-weight: 400 !important;
}

div.TextField input[type="text"], div.TextField input[type="file"] {
    box-shadow: none !important;
}


.TextField .chzn-container-single .chzn-single {
    background: #f4f4f4 !important;
    height: 48px !important;
    line-height: 42px !important;
    margin: 6px 0px 0px 0px !important;
    box-shadow: none !important;
    border-radius: 0px !important;
}

.TextField .chzn-container .chzn-drop {
    top: 54px !important;
    width: 100% !important;
}

.TextField input[type="text"]::placeholder {
    color: transparent;
}

.TextField .form-control:disabled,
.TextField .form-control[readonly] {
    /*background-color: #fff !important;*/
    background-color: #e4e3ff;
    opacity: 1;
}
/*commented by praveen 30May2023 Height change from 36px to 40px TO fix problem in customer master*/
.TextField .chzn-container-single .chzn-default {
    height: 48px !important;
}

.right_btn {
    float: right !important;
    margin: 13px 8px 0 0;
}

.TextField .form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #06529c !important;
    outline: 0;
    box-shadow: none !important;
}

.TextField textarea.form-control {
    padding: 20px 7px 0px !important;
    margin: 8px 0px 0px 0px !important;
    border-radius: 0px !important;
}
/*commented by praveen 17may2023*/
/*.TextField span {
    font-family: tahoma !important;
}*/

.TextField input ~ span,
.TextField textarea ~ span {
    position: absolute;
    left: 0;
}

.TextArea select,
.TextArea textarea {
    /*margin: 10px 0px 0px !important;
    padding: 5px 8px 0px !important;
    overflow: auto !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 3px;*/
    margin: 10px 0px 0px !important;
    padding: 15px 5px 0px 7px !important;
    overflow: auto !important;
    font-size: 14px !important;
    border: 0px solid var(--inputborder) !important;
    /*border-bottom: 1px solid var(--inputborder) !important;*/
    border-bottom: 1px solid blue !important;
    border-radius: 0px;
}

/*.TextArea span {
    position: absolute !important;
    top: 5px !important;
    z-index: 1 !important;
    left: 5px !important;
    font-size: 9px !important;
    background: white;
    padding: 0px 5px !important;
    margin-left: 0px !important;
}*/
.TextArea span {
    position: absolute !important;
    top: 15px !important;
    z-index: 1 !important;
    left: 5px !important;
    font-size: 9px !important;
    background: white;
    padding: 0px 5px !important;
    margin-left: 0px !important;
}

.TextArea select:focus ~ span,
.TextArea textarea:focus ~ span {
    color: #06529c !important;
}

.TextArea select:focus,
.TextArea textarea:focus {
    border-color: #06529c !important;
}

div#logix_CPH_div_iframe {
    position: relative;
    top: -8px;
}

.LinkButton a {
    position: absolute !important;
    top: -12px !important;
    left: 7px;
}

.widget-content a {
    /*color: #06529c !important;*/
    /*color: var(--labelorange) !important;*/
    color: #5d21ce !important;
}

.widget-header h4 {
    display: none !important;
}

/*.widget-header i.icon-home {
    width: 20px;
    height: 20px;
    display: inline-block;
    background: white;
    line-height: 20px;
    font-size: 11px;
    border-radius: 50%;
}*/

.widget-header i.icon-home {
    width: 20px;
    height: 20px;
    display: inline-block;
    line-height: 20px;
    font-size: 12px;
    border-radius: 50%;
    color: #4d4d4d !important;
}

.FixedHeader th a {
    color: #06529c !important;
}

/*new Table TextField Hide*/
table .TextField input ~ span {
    display: none;
}

/*breadcrumb Home Icon Design Hide*/

.breadcrumb li:first-child {
    width: 25px !important;
    height: 20px !important;
    overflow: hidden;
    display: none;
}

.breadcrumb li:nth-child(2)::before {
    display: none;
}

.breadcrumb li:last-child span,
.breadcrumb li:last-child a {
    color: #06529c !important;
}

.breadcrumb li:last-child {
    color: #06529c !important;
}

/*.breadcrumb li:first-child i {
    display: none;
}*/

/*breadcrumb Home Icon Design Hide*/

.TextField .chzn-container-single .chzn-single span {
    font-size: 14px !important;
    padding: 12px 0 0;
    font-weight: 400 !important;
    color: #000;
}

/*New*/
span#lblcompany {
    position: relative;
    top: 2px;
}

.BandMiddle {
    background-color: #ffffff00 !important;
    border-bottom: 0px solid #e0e0e0;
}

.BreadLabel {
    color: #4d4d4d !important;
    display: none;
}

.BandMiddle a {
    color: #4d4d4d !important;
}

.BandTop {
    background-color: #fff !important;
    border-bottom: 0px solid #e0e0e0;
    display: none;
}

    .BandTop h3 a {
        color: #4d4d4d !important;
    }

    .BandTop h3 {
        color: #4d4d4d !important;
    }

.DateR .ajax__calendar {
    left: auto !important;
    right: 0 !important;
}

/*Box Modal*/

/*.boxmodal {
    background: #e4e4e4;
    padding: 0 5px 10px;
    border-radius: 3px;
    margin: 5px 0 0 !important;
}*/

.boxmodal {
    background: #fff;
    padding: 0 0px;
    border-radius: 3px;
    margin: 0px 0 0 !important;
}

    /*.boxmodal div.TextField input[type="text"],
    .boxmodal div.TextField input[type="file"],
    .boxmodal div.TextField textarea,
    .boxmodal select {
        border: 1px solid #b0aeae !important;
    }

    .boxmodal .chzn-container-single .chzn-single {
        border: 1px solid #b0aeae !important;
    }*/

    .boxmodal div.TextField .form-control:focus,
    .boxmodal div.TextField input[type="file"]:focus {
        border-color: #06529c !important;
    }
/*Box Modal*/

/*New Design DropDownTop*/

.TextField.DropTop .chzn-container .chzn-drop {
    top: -140px !important;
    width: 100% !important;
}
/*New Design DateB*/

.DateT .ajax__calendar {
    top: -175px !important;
}

.boxmodal input[type="file"] {
    border: 1px solid #b0aeae !important;
    padding: 8px;
    background: white;
    margin: 10px 0px 0px !important;
}

div.TextField input[type="password"] {
    border-bottom: 1px solid var(--inputborder) !important;
    height: 48px !important;
    border-radius: 0px !important;
    margin: 6px 0px 0px 0px !important;
    padding: 15px 5px 0px 7px !important;
}

.boxmodalLink {
    background: #dedcdc;
    padding: 3px 10px;
    border-radius: 3px;
    margin: 5px 0 0;
    display: inline-block;
}

.boxmodalLink_box {
    float: left;
    margin: 0px;
}

.DateB .ajax__calendar {
    top: -177px !important;
}

.chzn-search.TextField span {
    display: none;
}

/*New 20_Dec_2022 */
.crumbs {
    position: sticky;
    top: 0;
    z-index: 1000;
    display: none !important;
}

.widget.box {
    position: relative;
    top: -1px !important;
    width: 100%;
    padding-bottom: 0px !important
}
/*
div#logix_CPH_div_iframe .widget-content {
    top: 0 !important;
}*/



/*.widget.box .widget-content {
    padding-top: 65px !important;
}
*/




.btn input[type="submit"],
.btn input[type="button"] {
    overflow: hidden;
    text-indent: -99em;
}


.anc {
    display: inline-block;
    text-align: center;
    left: 0px;
    float: left;
    padding: 1px;
    height: 22px;
    width: 22px;
    border-radius: 4px;
    border: 0.5px solid #ebd3c1;
    margin-top: 16px;
}

.anc_lrg {
    display: inline-block;
    text-align: center;
    left: 0px;
    float: left;
    padding: 1px;
    height: 32px;
    width: 32px;
    border-radius: 4px;
    /*border: 0.5px solid #ebd3c1;*/
    margin-top: 0px;
}

.log a {
    display: inline-block;
    text-align: center;
    top: 0px;
    left: 0px;
    float: left;
    padding: 1px;
    height: 24px;
    width: 24px;
    margin: -4px 6px 0px 0px;
}




/*New 04_Jan_2023*/
fieldset {
    margin: 0px !important;
    border: 1px solid var(--inputborder) !important;
}


/*commented by Praveen 30May2023*/

/*.FixedHeader tr:first-child {
    border-bottom: 0px solid var(--inputborder) 
}*/

input#txtusername,
input#txtpassword {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

.navbar .nav > li:active, .navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle, .navbar .toggle-sidebar:active {
    color: var(--white);
    background: #f8f9fc33;
    -webkit-box-shadow: 1px 0 0 rgb(0 0 0 / 25%) inset, -1px 0 0 rgb(0 0 0 / 25%) inset;
    -moz-box-shadow: 1px 0 0 rgba(0, 0, 0, 0.25) inset, -1px 0 0 rgba(0, 0, 0, 0.25) inset;
    box-shadow: none;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #f8f9fc33;
    border-color: #428bca;
    /*border-radius: 10% !important;*/
    display: block !important;
}

.FixedHeader th:last-child {
    border-right: 0px !important;
}

.divTotal {
    display: none !important;
}

.ajax__calendar .ajax__calendar_container {
    border: 0.5px solid var(--inputborder) !important;
    box-shadow: 2px 2px 5px #110b0b57;
}

.TextField .form-control,
.TextField .form-control:focus {
    box-shadow: none !important;
}

header.header i {
    color: #06529c;
}

.fa {
    font: normal normal normal 14px/1 FontAwesome !important;
}

[class^="icon-"], [class*=" icon-"] {
    font-family: FontAwesome !important;
}





.navbar-brand #lblcompany {
    display: none;
}

i.fa.fa-bars {
    color: #f8a350;
    font-size: 20px !important;
    margin-left: 10px;
}

.HomeMenuBox {
    width: 18% !important;
    float: left !important;
    /*commented by Praveen 13Jun2023*/
    /*margin: 0px 0px 0px 0px !important;*/
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-around !important;
    /*height: 89vh !important;*/
    /*Added by Praveen 13Jun2023*/
    height: 100vh !important;
    padding-top: 103px;
    position: relative;
    top: -103px;
    /* end of addition */
}

.HomeMenuContent {
    width: 85%;
    float: left;
}

.HomeMenuBox a:hover {
    color: var(--lableblack);
}

.menubox {
    display: flex;
    align-items: center;
}

.menuboximage {
    width: 50px;
    margin: 0 10px;
}

.fit-content .chzn-drop {
    max-height: fit-content !important;
    height: fit-content !important;
}

.menuboxcontent {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
}

.menubox .title {
    font-size: 14px !important;
    width: 100%;
    display: inline-block;
    color: var(--labelblack);
}

    .menubox .title::first-letter {
        font-size: 20px;
        color: #06529c !important;
    }

.menubox .Amount1 {
    color: var(--labelblue);
    font-size: 18px;
    width: 100%;
    cursor: pointer;
    font-weight: 600;
}

.menubox .Amount {
    color: var(--labelorange);
    font-size: 18px;
}

/*commented by praveen 30May2023*/
/*.relative table {
    position: relative;
    top: 0;
    left: 0;
    border: 1px solid var(--inputborder);
}*/
.relative table {
    position: relative;
    top: 0;
    left: 0;
    border: 0px solid var(--inputborder);
}

li.dropdown.user span {
    font-weight: normal !important;
    font-size: 14px;
}

.crumbs a {
    font-weight: normal !important;
}

::selection {
    background-color: #06529c !important;
    color: white !important;
}
/*on off switch checkbox Start*/

.switch {
    position: relative !important;
    display: inline-block !important;
    width: 50px !important;
    height: 20px !important;
    margin-top: 3px;
}

.checkbox span {
    margin-top: -1px !important;
}

.switch input {
    opacity: 0 !important;
}

.slider {
    position: absolute !important;
    cursor: pointer !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background-color: #ccc !important;
    -webkit-transition: .4s !important;
    transition: .4s !important;
}

    .slider:before {
        position: absolute !important;
        content: "" !important;
        height: 12px !important;
        width: 12px !important;
        right: 28px !important;
        bottom: 2px !important;
        background-color: white !important;
        -webkit-transition: .4s !important;
        transition: .4s !important;
    }

input:checked + .slider {
    background-color: #2196F3 !important;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3 !important;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px) !important;
    -ms-transform: translateX(26px) !important;
    transform: translateX(26px) !important;
}

/* Rounded sliders */

.slider.round {
    border-radius: 34px !important;
    width: 42px !important;
    height: 16px;
    margin: 4px 0 0;
}

    .slider.round:before {
        border-radius: 50% !important;
    }

center {
    margin: 0 0 0 !important;
    text-align: left;
}

/*commented by praveen 2june2023*/
/*.chktext {
    font-size: 9px !important;
    margin: 0 0 0 5px !important;
    display: block;
    color: var(--labelblue) !important;
    font-weight: 500 !important;
}*/

/*Added by praveen 2june2023*/
.chktext {
    font-size: 10px !important;
    margin: -9px 0 0 5px !important;
    display: block;
    padding: 0px 0px 4px 0px;
    color: var(--labelblue) !important;
    font-weight: 500 !important;
}

/*commented by praveen 2june2023*/
/*span.chktext {
    font-weight: 500 !important;
}*/

/*Added by praveen 2june2023*/
span.chktext {
    font-weight: 500 !important;
    margin: 0px 0 0 0px !important;
    padding: 0px 0px 0px 0px;
    font-size: 13px !important;
    display: inline-block;
    white-space: nowrap;
}

center.chktext {
    margin: 0 !important;
}

center + span {
    margin-left: 35px !important;
}

td .slider.round {
    margin: 0 !important;
}

td .switch {
    height: 15px !important;
}

/*on off switch checkbox End*/

.ui-menu .ui-menu-item a {
    padding: 10px .4em !important;
    font-size: 14px !important;
}

    .ui-menu .ui-menu-item a:hover {
        background: #067bcc !important;
        color: white;
        cursor: pointer;
    }

.ui-autocomplete {
    position: absolute;
    cursor: default;
    max-height: 190px !important;
    border: 1px solid var(--inputborder) !important;
}

.menuboximage img {
    width: 70%;
    display: block;
    margin: 10px auto;
}

.widget-content {
    padding: 0 10px !important;
}

table select {
    padding: 5px 0 !important;
    border: none !important;
    background: none !important;
}

/*.tablebox > div {
    background: #fff;
    border-right: 1px solid #fff;
    padding: 5px 5px;
    font-size: 12px;
    color: var(--labelblue);
    border-bottom: 1px solid #fff;
    text-align: center;
    font-weight: normal !important;
    font-family: 'Segoe UI' !important;
    border: 1px solid var(--inputborder);
    border-bottom: 0;
    margin: 5px 0 0;
}*/
/*changes done by praveen 30May2023*/
.tablebox > div {
    background: #fff;
    border-right: 1px solid #fff;
    padding: 5px 5px;
    font-size: 12px;
    color: var(--labelblue);
    border-bottom: 0px solid #fff;
    text-align: center;
    font-weight: normal !important;
    font-family: 'Segoe UI' !important;
    border-top: 1px solid var(--inputborder);
    border-bottom: 0px solid var(--inputborder);
    margin: 5px 0 0;
}

.tablebox div:nth-child(3) {
    width: 30.5% !important;
}

.tablebox div:nth-child(2) {
    width: 29.75% !important;
    border-left: 0px !important;
    border-right: 0px !important;
}

th.custom-w-15.align-center {
    text-align: center !important;
}

input[type="radio"] + span,
input[type="radio"] + label {
    color: var(--labelblue);
    font-size: 14px;
    font-weight: 500;
}

input[checked="checked"] + span,
input[checked="checked"] + label {
    color: var(--labelorange);
}

input[type="radio"] {
    accent-color: #e77201 !important;
}

.TextField input + span,
.TextField span {
    text-transform: capitalize !important;
}


.side-nav .collapsible-body a {
    padding-left: 20px;
    /*background-color: rgba(0,0,0,.15);*/
    font-weight: normal !important;
    font-size: 14px !important;
}

/*praveen added 2023-may-12*/
.btn-logic1 {
    margin: -4px 0px 0px 0px !important;
}

.btn-logic {
    margin: -4px 0px 0px 0px !important;
}

.btn-logic1 a {
    FONT-WEIGHT: 600;
    border: medium none;
    line-height: normal;
    color: #4e4e4c !important;
    padding: 5px 0px 10px 28px;
    margin: 0px 0px 2px 10px;
    font-size: 11px;
}

.btn-logic a {
    FONT-WEIGHT: 600;
    border: medium none;
    line-height: normal;
    color: #4e4e4c !important;
    padding: 5px 0px 10px 28px;
    margin: 0px 0px 2px 10px;
    font-size: 11px;
}

/*Added by praveen 30may2023*/
/*.loadinganim {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}*/

/*Added by praveen 1Nov2023*/
span.normalsize, span.emphasis {
    position: absolute !important;
    color: #06529c !important;
    /* color: red !important; */
    font-size: 14px !important;
    font-weight: 400 !important;
}


/*text,textarea*/


span.normalsize {
    top: 4px !important;
    left: -2px !important;
    padding: 4px 0.3rem 0 !important;
    margin: 1px 4px 0px !important;
    width: 90% !important;
    pointer-events: none !important;
    z-index: 1;
}

x-ms-webview
/*dropdown*/
span.emphasis {
    top: 5px !important;
    left: 2px !important;
    /*padding: 0px 5px !important;*/
    padding: 4px 0.3rem 0 !important;
    margin-left: 0 !important;
    z-index: 1 !important;
}

.iframe {
    /*labtest1*/
    /*background: #cb7417cf;
            position: relative;
            top: -2px;*/
}

.inputbox {
    width: 85%;
    float: left;
}

.imgbox {
    /*float: left;*/
    margin: 11px 0px 0px 0px;
    position: relative;
    left: -15%;
}

    .imgbox img {
        max-width: 24px !important;
        height: auto !important;
    }

.PageHeight {
    padding-top: 0px;
    height: 100vh;
    padding-bottom: 8px;
}

.gridpnl {
    border: 1px solid #8080804f;
    margin: 5px 0px !important;
    overflow: auto !important;
    /*box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px 5px;*/
}



.LogHeadLbl label {
    color: #af2b1a;
    font-weight: bold;
    font-size: 14px !important;
}

.LogHeadJobInput span {
    color: #1a65af;
    font-size: 14px !important;
    margin: 4px 0px 0px 0px;
}

.TextField {
    position: relative !important;
    float: left !important;
    /* padding: 0px 1% 0px 0px; */
    margin: 0px 0.5% 0px 0px;
}

.breakpoint-1200 {
    padding: 0px !important;
}

.tbl_100,
.tbl_110,
.tbl_120,
.tbl_130,
.tbl_140,
.tbl_150,
.tbl_160,
.tbl_170,
.tbl_180,
.tbl_190,
.tbl_200,
.tbl_210,
.tbl_220,
.tbl_230,
.tbl_240,
.tbl_250,
.tbl_260,
.tbl_270,
.tbl_280,
.tbl_290,
.tbl_300,
.tbl_310,
.tbl_320,
.tbl_330,
.tbl_340,
.tbl_350,
.tbl_360,
.tbl_370,
.tbl_380,
.tbl_390,
.tbl_400,
.tbl_410,
.tbl {
    overflow: auto;
    border: 1px solid #8080804f;
    margin: 5px 0 0;
}

.tbl_100 {
    height: calc(100vh - 100px);
}

.tbl_110 {
    height: calc(100vh - 110px);
}

.tbl_120 {
    height: calc(100vh - 120px);
}

.tbl_130 {
    height: calc(100vh - 130px);
}

.tbl_140 {
    height: calc(100vh - 140px);
}

.tbl_150 {
    height: calc(100vh - 150px);
}

.tbl_160 {
    height: calc(100vh - 160px);
}

.tbl_170 {
    height: calc(100vh - 170px);
}

.tbl_180 {
    height: calc(100vh - 180px);
}

.tbl_190 {
    height: calc(100vh - 190px);
}

.tbl_200 {
    height: calc(100vh - 200px);
}

.tbl_210 {
    height: calc(100vh - 210px);
}

.tbl_220 {
    height: calc(100vh - 220px);
}

.tbl_230 {
    height: calc(100vh - 230px);
}

.tbl_240 {
    height: calc(100vh - 240px);
}

.tbl_250 {
    height: calc(100vh - 250px);
}

.tbl_260 {
    height: calc(100vh - 260px);
}

.tbl_270 {
    height: calc(100vh - 270px);
}

.tbl_280 {
    height: calc(100vh - 280px);
}

.tbl_290 {
    height: calc(100vh - 290px);
}

.tbl_300 {
    height: calc(100vh - 300px);
}

.tbl_310 {
    height: calc(100vh - 310px);
}

.tbl_320 {
    height: calc(100vh - 320px);
}

.tbl_330 {
    height: calc(100vh - 330px);
}

.tbl_340 {
    height: calc(100vh - 340px);
}

.tbl_350 {
    height: calc(100vh - 350px);
}

.tbl_360 {
    height: calc(100vh - 360px);
}

.tbl_370 {
    height: calc(100vh - 370px);
}

.tbl_380 {
    height: calc(100vh - 380px);
}

.tbl_390 {
    height: calc(100vh - 390px);
}

.tbl_400 {
    height: calc(100vh - 400px);
}

.tbl_410 {
    height: calc(100vh - 410px);
}

.TabStyle a {
    font-size: 14px !important;
    white-space: nowrap;
}
.lnk_Option3 {
    margin: 3px .5% 5px 0px !important;
}
    .TabStyle1 a {
    font-size: 14px !important;
}

.widget.box .widget-header {
    position: fixed;
    width: 97% !important;
}



.Grid .form-control {
    height: 26px !important;
}

tr.myGridHeader {
    border: 1px solid white !important;
}

table a img {
    scale: 0.9;
}

form {
    width: 100% !important;
}
/*.mobile {
    width: 1280px;
    margin: 0px auto;
}*/
.chzn-search .TextField {
    display: none;
}

@media only screen and (max-width: 750px) {
    div #UpdatePanel1 {
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
    }
}

@media only screen and (max-width: 1280px) {
    form {
        height: 100vh !important;
        overflow: hidden;
        width: 100%;
    }
}

@media only screen and (max-width: 750px) {
    .LoginCompanyName {
        width: 52px;
    }

    .mobile {
        width: 100% !important;
    }

    /* .widget.box .widget-content {
        padding-top: 70px !important;
    }
*/
  /*  .DivSecPanel {
        margin-left: 94% !important;
    }*/

    img#img_emp {
        border: 1px solid #efefef;
        margin-left: 47px;
    }

    .profile {
        top: 40px !important;
        left: auto !important;
        right: -40px !important;
    }
}

@media (max-width: 767px) {
    .navbar .container {
        padding: 0;
    }
}

@media only screen and (min-width: 1600px) {
    form {
        width: 100% !important;
    }
}







@media only screen and (max-width: 1024px) {
    div #UpdatePanel1 {
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
    }
}

@media only screen and (max-width: 1024px) {
    form {
        height: 100vh !important;
        overflow: hidden;
        width: 100%;
    }
}

@media only screen and (max-width: 1024px) {
    .LoginCompanyName {
        width: 52px;
    }

    .mobile {
        width: 100% !important;
    }

  

  /*  .DivSecPanel {
        margin-left: 94% !important;
    }
*/
    img#img_emp {
        border: 1px solid #efefef;
        margin-left: 47px;
    }

    .profile {
        top: 40px !important;
        left: auto !important;
        right: -40px !important;
    }
}

@media (max-width: 1024px) {
    .navbar .container {
        padding: 0;
        display: flex;
    }

    img#img_emp {
        border: 1px solid #efefef;
        /*margin-left: 2054%;*/
    }
    /*ul.nav.navbar-nav.navbar-right {
        margin-left: 52%;
    }*/
}

@media only screen and (min-width: 1024px) {
    form {
        width: 100% !important;
    }
}


/*.maindiv {
    width: 1280px !important;
    margin: 0 auto !important;
}


*/


button.ajs-close {
    display: none !important;
}


.alertify .ajs-footer .ajs-buttons.ajs-primary .ajs-button {
    background: #5d21ce !important;
    color: white !important;
    border-radius: 10px !important;
    margin-top: 8px !important;
}

.alertify .ajs-dimmer {
    background-color: rgb(0 0 0 / 56%) !important;
}


.ajs-dialog {
    POSITION: relative;
    /*left: 378px;*/
}

.ajs-header {
    display: none;
}

.alertify .ajs-body {
    min-height: 55px;
    /* background: gainsboro; */
    width: 200% !important;
    display: flex;
    /*justify-content: center;*/
    align-items: center;
}

.alertify .ajs-commands {
    position: absolute;
    right: 4px;
    margin: -14px 24px 0 0;
    z-index: 2;
}

.ajs-dialog {
    padding: 0px !important;
}

.alertify .ajs-footer {
    padding: 0px !important;
    /*margin-left: 42% !important;*/
    margin-right: 0px !important;
    min-height: auto !important;
    background: none !important;
}

.ajs-dialog {
    height: 10px !IMPORTANT;
    min-height: 0px !important;
    max-height: 141px;
}



.ajs-dialog {
    height: 54px !important;
}


.alertify .ajs-dialog {
    width: 100% !important;
    min-height: 122px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
    border-radius: 6px;
    height: auto !important;
}

.alertify .ajs-dialog {
    background: gainsboro !important;
    float: right;
    margin-right: 8px !important;
}

.alertify .ajs-reset {
    display: none !important;
}

.ajs-body {
    width: 75%;
}

.alertify .ajs-body .ajs-content {
    padding: 16px 16px 16px 24px;
    font-size: 15px;
}

.alertify .ajs-body .ajs-content {
    padding: 16px 16px 16px 24px;
    font-size: 15px;
}

.ajs-dialog {
    display: flex;
}

.ajs-footer {
    width: 30%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.alertify .ajs-footer .ajs-buttons.ajs-primary {
    text-align: right !important;
}

.ajs-dialog {
    margin: 0px !important;
    position: sticky !important;
    top: 29px;
}

.alertify .ajs-modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0;
    overflow-y: auto;
    z-index: 9999999999;
}


.w_25 {
    min-width: 25px !important;
    max-width: 25px !important;
    width: 25px !important;
}

.w_50 {
    min-width: 50px !important;
    max-width: 50px !important;
    width: 50px !important;
}

.w_75 {
    min-width: 75px !important;
    max-width: 75px !important;
    width: 75px !important;
}

.w_100 {
    min-width: 100px !important;
    max-width: 100px !important;
    width: 100px !important;
}

.w_125 {
    min-width: 100px !important;
    max-width: 100px !important;
    width: 100px !important;
}

.w_150 {
    min-width: 150px !important;
    max-width: 150px !important;
    width: 150px !important;
}

.w_175 {
    min-width: 175px !important;
    max-width: 175px !important;
    width: 175px !important;
}

.w_200 {
    min-width: 200px !important;
    max-width: 200px !important;
    width: 200px !important;
}

.w_225 {
    min-width: 225px !important;
    max-width: 225px !important;
    width: 225px !important;
}

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

.w_275 {
    min-width: 275px !important;
    max-width: 275px !important;
    width: 275px !important;
}

.w_300 {
    min-width: 300px !important;
    max-width: 300px !important;
    width: 300px !important;
}

.w_325 {
    min-width: 325px !important;
    max-width: 325px !important;
    width: 325px !important;
}

.w_350 {
    min-width: 350px !important;
    max-width: 350px !important;
    width: 350px !important;
}

.w_375 {
    min-width: 375px !important;
    max-width: 375px !important;
    width: 375px !important;
}


.w_400 {
    min-width: 400px !important;
    max-width: 400px !important;
    width: 400px !important;
}

.w_425 {
    min-width: 425px !important;
    max-width: 425px !important;
    width: 425px !important;
}

.w_450 {
    min-width: 450px !important;
    max-width: 450px !important;
    width: 450px !important;
}

.w_475 {
    min-width: 475px !important;
    max-width: 475px !important;
    width: 475px !important;
}

.w_500 {
    min-width: 500px !important;
    max-width: 500px !important;
    width: 500px !important;
}

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

.text-left {
    text-align: left !important
}

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

.ui-menu .ui-menu-item a {
    padding: 10px .4em !important;
}

.ui-menu .ui-menu-item a {
    padding: 10px .4em !important;
}

.boxnew .TextField .chzn-container a {
    /*-webkit-box-shadow: 0 0 0 30px #d3d3d336 inset !important;*/
    /*background: rgb(244 244 244 / 100%) !important;*/
}

.boxnew .FormGroupContent4 {
    /*background: rgb(244 244 244 / 100%) !important;*/
}

.boxnew .TextField span {
    /*background: #80808000 !important;*/
}

.boxnew .TextField input[type="text"],
.boxnew .TextField input[type="file"],
.boxnew .TextField textarea,
.boxnew .TextField select {
    /*background: rgb(244 244 244 / 100%) !important;*/
}



.boxnew .chzn-search input[type="text"] {
    /*-webkit-box-shadow: none !important;*/
}
/*div#slide-out {
    display: block;
    transform: translateX(0px);
    margin-top: 0px;
    margin-left: 14px;
    border-radius: 5px;
    background: #8080808c;
}*/

.dockedleft {
    width: 20%;
    margin-right: 10px !important;
}

.dockedright {
    width: 85%;
    margin-right: 5px;
}

#container {
    display: flex;
}

a.button-collapse.black-text {
    display: none !important;
}

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

div#slide-out {
    display: block;
    transform: translateX(0px);
    margin-top: 0px;
    border-radius: 5px;
    background: #75757517;
    height: 100vh !important;
}

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


    .side-nav.fixed {
        position: fixed;
    }

    .custom-my-2 a img {
        display: inline-block !important;
    }

    .dockedright {
        width: 100%;
    }



    a.button-collapse.black-text {
        display: block !important;
        /*z-index: 99999;*/
        position: relative;
        left: 25px;
    }

    div#slide-out {
        background: #ffffff !important;
        margin-left: 10px !important;
        height: 100% !important;
        margin-top: 0px !important;
        border: 1px solid #e1dddd !important;
    }

    .side-nav .collapsible a {
        margin-left: 12px !important;
    }
}

@media only screen and (min-width: 1422px) {

    .side-nav.fixed {
        transform: translateX(0%) !important;
    }
}

@media only screen and (min-width: 1280px) {
    .widget-header .breadcrumb {
        padding: 3px 0px 0px 7px !important;
    }
}

body.TextField.breakpoint-979 {
    padding: 0px !important;
}



.FixedHeader tr:nth-child(odd) {
    background: #0040ff14 !IMPORTANT;
}

.mobileView {
    width: 98%;
    margin: 0px auto;
    padding-bottom: 15px;
}

.card {
    border: 0px !important
}


.FixedButtons .right_btn {
    float: right !important;
    margin: 0px 5px 0 0;
    margin-right: 4px !important;
}

    .FixedButtons .right_btn div:last-child {
        margin-right: 0px !important;
    }



.FixedButtons .left_btn {
    margin: 0px !important;
}

.log.ico-log-sm {
    margin-top: 5px !important;
}



.WHHomeBox span {
    font-weight: 500 !important;
    font-size: 18px !important;
}

.box-shadow {
    float: left;
    border-radius: 5px !important;
    padding: 8px 10px 8px 10px !important;
    width: 100%;
    margin: 6px 0px 0px 0px !important;
    /*box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;*/
    background: #f4f4f4 !important
}

.box-shadow-none {
    box-shadow: none !important
}

.left_btn {
    float: left;
    margin: 13px 0px 0px 0px !important;
}

/*.gridpnl_20 {
    height: auto !important;
}*/


div.gridpnl_20 {
    height: auto !important;
}

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

.mobileView {
    width: 98%;
    margin: 0px auto;
}

/*.mobileView_fluid {
    width: 90%;
    margin: 0px auto;
}*/


div#Test1_backgroundElement {
    display: none;
}

.ajax__calendar_day {
    height: 19px !important;
    width: 19px !important;
    text-align: right !important;
    padding: 0 2px !important;
    cursor: pointer !important;
    font-size: 9px !important;
}

.ajax__calendar_dayname {
    height: 17px !important;
    width: 20px !important;
    text-align: right !important;
    padding: 0 2px !important;
}





.fileupload {
    margin-top: 18px;
}

.uploadheader {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    font-weight: bold;
    align-items: center;
    height: 50px;
    background: #f0f0f2;
    border-bottom: 1px solid #80808059;
}

.fileupload p {
    margin: 0px;
}

.fileupload {
    padding-bottom: 20px;
    margin-top: 0px;
    font-size: 14px;
    text-align: center;
    color: gray;
    font-weight: bold;
    border-bottom: 1px solid #80808059;
}

.uploadfiles {
    font-size: 14px;
    color: gray;
    font-weight: bold;
    border: 1px dotted gray;
    width: 90%;
    margin: 14px auto 0 auto;
    padding: 18px;
    text-align: center;
    border-radius: 9px;
}

    .uploadfiles img {
        margin-right: 3px;
        margin-top: -4px;
    }

.uploadbody {
    padding-left: 10px;
    margin-top: 20px;
}

div#drop-area {
    border-bottom: 1px solid #80808063;
}

.uploadbodycontent:hover {
    background: #80808029;
    border-radius: 10px;
    cursor: pointer;
}

.uploadbodycontent {
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    width: 96.6%;
    align-items: center;
    color: #808080b0;
    font-weight: bold;
    margin-left: 7px !important;
    padding-bottom: 11px;
}

.uploadcontentrigt {
    float: left;
    width: 93%;
    margin-left: 0px;
    margin-bottom: -3px;
    margin-top: 9px;
    padding-bottom: 0px;
}

.upload_pdf {
    margin-top: 7px;
    margin-left: 14px;
    width: 30px !important;
}


.Filename {
    width: 78% !important;
    text-align: left;
    margin-left: 10px !important;
    margin-top: 3px !important;
    color: #000000cc !important;
}

.Type {
    width: 78% !important;
    text-align: left;
    margin-left: 10px !important;
    color: gray;
    font-weight: normal !important;
}

img.upload_download {
    background: url(../images/upload_download.svg) !important;
    background-repeat: no-repeat !important;
    margin-bottom: 9px;
    margin-top: -10px;
    margin-left: -2px;
    margin-right: 11px;
}



img.upload_delete {
    background-repeat: no-repeat !important;
    margin-left: 0px !important;
    margin-bottom: 9px;
    margin-top: -13px;
    margin-right: 7px;
}



img.upload_delete {
    background-repeat: no-repeat !important;
    margin-left: 0px !important;
    margin-bottom: 8px;
    margin-top: -12px;
    margin-right: 7px;
}

span#logix_CPH_Doc_count {
    font-size: 9px !important;
    color: black;
    font-weight: bold;
    display: inline-block;
    margin-top: 2px;
}

div#container {
    width: 400px;
    margin: 0 auto;
    padding: 0px;
}

.fileupload div:nth-child(1) {
    margin-top: 14px !important;
}

div#logix_CPH_ddl_voutype_chzn {
    width: 100% !important;
}

.fileupload {
    padding: 6px 0px 7px 0px;
    margin-top: 0px;
    font-size: 14px;
    text-align: center;
    color: gray;
    font-weight: bold;
    border-bottom: 1px solid #80808059;
}

.upload_dropdown {
    width: 70%;
    float: left;
    margin: auto;
}

div#logix_CPH_ddl_voutype_chzn .chzn-drop .chzn-search {
    display: none !important;
}

div#logix_CPH_ddl_voutype_chzn span {
    text-align: center;
    font-weight: bold !important;
    padding-top: 0px;
}

div#logix_CPH_ddl_voutype_chzn a {
    margin-top: 0px !important;
    line-height: 59px !important;
}






div#Uplaod_div {
    position: absolute;
    z-index: 9999;
    background: white;
    /* border: 1px solid #80808059; */
    padding-bottom: 17px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    border-radius: 10px;
    right: 0px !important;
    top: 68px !important;
}
.upload_footer {
    color: gray;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    margin-top: 16px;
}

div#Uplaod_div:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 14px solid #80808024;
    position: absolute;
    transform: translateX(-50%);
    z-index: 0;
    top: -14px !important;
    left: 214px !important;
}

div.uploadheader p.left_btn {
    margin-left: 10px !important;
}

.ico-upload {
    display: none !important
}


div.uploadheader  a{
    background: none !important;
    padding: 0px !important;
    border: 0px !important;
    width: auto !important;
    display: inline-block !important;
    margin: 0px !important;
    border-radius: 0px !important;
    height: auto !important;
}
div#drop-area {
    margin-right: auto !important;
    cursor: pointer;
}

div#Uplaod_div1 {
    position: absolute;
    z-index: 9999 !important;
    background: white;
    /* border: 1px solid #80808059; */
    padding-bottom: 17px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    border-radius: 10px;
    margin-top: 15px;
    right: -29px !important;
    top: 38px !important;
}



    div#Uplaod_div1:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        border-bottom: 14px solid #80808024;
        position: absolute;
        transform: translateX(-50%);
        z-index: 0;
        top: -14px !important;
        left: 120px !important;
    }


span.circle {
    height: 18px;
    float: left;
    width: 18px;
    background: #dddfe9 !important;
    border-radius: 50%;
    position: absolute;
    margin: -45px 0px 0px 9px !important;
    display: inline-block !important;
}
.Grid td span {
    color: #5e6e82 !important;
    font-weight: normal !important;
    font-size: 16px !important;
}

.Grid td input.form-control {
    color: #5e6e82 !important;
    background: none !important;
    font-size: 16px !important;
}

div#Test3_backgroundElement {
    display: none;
}

.FixedButtons .left_btn .title {
    float: left;
    margin: 0px -20px 0px 10px !important;
    background: transparent !important;
    border-bottom: 0px solid #d9d9d9 !important;
    /* color: #06529c !important; */
    color: #4a77d4 !important;
    font-size: 19px !important;
    color: white !important;
}

div#container1 {
    width: 260px;
    margin: 0 auto;
    padding: 0px;
    display: flex;
}


.FixedButtons {
    left: 1px;
    z-index: 99999999999;
    top: -7px !important;
    /*background: white;*/
    /*background:#e4e3ff;*/
    /*background-color: #eff6ff !important;*/
    background-color: #242d75 !important;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 5px !important;
    /*box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;*/
    margin-bottom: 21px;
}

/*.sticky-header {
    position: sticky !important;
    top: 14px;
    z-index: 999;
    background: none;
    width: 98.2%;
    margin: 0 auto;
}*/

.sticky-header {
    position: sticky !important;
    top: 14px;
    z-index: 999;
    width: 100%;
    top: 0px;
    margin-top: -20px !important;
}


 

.maindiv {
    width: 98% !important;
    margin: 0 auto;
}




@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
} 




 
.parent-container{
    display:flex;
    margin-top:24px;
    gap:11px;
    flex-wrap:wrap
}
 

tr.header-row-class {
    background: gray !important;
}
.parent-container > div:nth-child(1) {
    /*margin-bottom: 100px;*/
}

.main-content {
    padding: 0px 12px 100px 12px !important;
    width: 100%;
    justify-content: center;
    display: flex;
    background: #dcdadab0;
}

body {
    padding-top: 0px;
    margin-top: 6px !important;
    background: white !important;
}

button#Button1 {
    border-radius: 6px;
    height: 34px;
    background: #dfe0e9;
    border: 1px solid #cdcdcd !important;
    width: 36px;
    padding: 0px !important;
}
button#Button2 {
    border-radius: 6px;
    height: 34px;
    background: #eee8fa;
    border: 1px solid #cdcdcd !important;
    width: 36px;
    padding: 0px !important;
}

.TabStyle {
    width: 100%;
    height: 21px;
    border: none !important;
    margin-left: 0.3px;
    display: flex;
    align-items: center;
    margin-bottom: 5px;
    justify-content: space-between !important;
    margin-top: 11px !important;
}

.tab-left {
    display: flex;
    gap: 5px;
    justify-content: left;
    width: 50%;
}


.tab-right {
    /* margin-top: -5px; */
    display: flex;
    width: 50%;
    justify-content: end;
}



.LogHeadJob {
    display: none;
}
.LogHeadJobInput {
    margin: 10px 0px 10px 0px !important;
    font-weight: bold;
}

.masterform {
    background: white !important;
}
.title-new {
    color: #06529c !important;
    font-size: 19px !important;
    font-weight: 500 !important;
    margin: 4px 0px 0px 0px;
}
input#txtSearch1::placeholder, input#txtSearch2::placeholder {
    color: black !important;
}
input#txtSearch1, input#txtSearch2 {
    margin-top: 0px !important;
    padding-top: 0px !important;
    height: 30px !important;
    text-transform: uppercase !important;
    width: 100% !important;
    background: #f4f4f4 !important;
}

.searchfill {
    float: right !important;
    margin-top: 6px;
}


.ico-reverse-booking {
    float: left;
}



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

    .main-content {
        padding: 8px 12px 150px 12px !important;
    }
    .mobi-wrap {
        flex-wrap: wrap
    }
   
}

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

        .main-content {
            padding: 8px 12px 150px 12px !important;
        }

        div#Uplaod_div {
            right: 44px !important;
            top: 52px !important;
        }
    }



    @media only screen and (max-width :430px) {
        .main-content {
            padding: 8px 12px 200px 12px !important;
        }
        .TextField .chzn-container-single .chzn-single span, span.normalsize, span.emphasis, div.TextField input[type="text"], div.TextField input[type="file"], .TextField textarea.form-control {
            font-weight: 500 !important;
        }
       
      
        .alertify .ajs-dialog {
            max-width: -webkit-fill-available !important;
            min-height: 137px;
            background-color: #f4f4f4;
            border: 1px solid #ddd;
            -webkit-box-shadow: none;
            box-shadow: none;
            border-radius: 5px;
        }

        .FixedButtons {
            flex-wrap: wrap !important;
        }

            .FixedButtons .right_btn {
                width: 100%;
                float: right !IMPORTANT;
                display: flex !important;
                justify-content: end;
            }

        .widget.box .widget-content {
            top: 10px !important
        }

        .mobi-mr-2 {
            margin-right: 2% !important;
        }



        .TabStyle {
            flex-wrap: wrap !important;
            gap: 10px !important;
            height: 76px;
        }

        .tab-right {
            display: flex;
            width: 100%;
            justify-content: space-between;
        }


        .searchfill {
            float: left !important;
            margin-top: 6px;
            width: 75%;
        }
    }






.box-shadow-none tbody tr:last-child,
.box-shadow-none tbody tr:last-child td,
.box-shadow-none tbody tr:last-child td span,
.box-shadow-none tbody tr:last-child td span input {
    color: #4a77d4 !important;
    background: white !important;
    font-weight: bold !important;
}

.input-box1 {
    /*background: #faf5ff !important;*/
    /*background: #f4f4f4 !important;*/
}
.input-box2 {
    /*background: #f9fafb !important;*/
    /*background: #f4f4f4 !important;*/
}

.input-box1 .TextField textarea,
.input-box1 input[type="text"],
.input-box1 input[type="password"],
.input-box1 input[type="datetime"],
.input-box1 input[type="datetime-local"],
.input-box1 input[type="date"],
.input-box1 input[type="month"],
.input-box1 input[type="time"],
.input-box1 input[type="week"],
.input-box1 input[type="number"],
.input-box1 input[type="email"],
.input-box1 input[type="url"],
.input-box1 input[type="search"],
.input-box1 input[type="tel"],
.input-box1 input[type="color"],
.input-box1 .uneditable-input {
    /*background: #d4ccdc1a !important;*/
    /*background: #f4f4f4 !important;*/
}



.input-box2 .TextField textarea,
.input-box2 input[type="text"],
.input-box2 input[type="password"],
.input-box2 input[type="datetime"],
.input-box2 input[type="datetime-local"],
.input-box2 input[type="date"],
.input-box2 input[type="month"],
.input-box2 input[type="time"],
.input-box2 input[type="week"],
.input-box2 input[type="number"],
.input-box2 input[type="email"],
.input-box2 input[type="url"],
.input-box2 input[type="search"],
.input-box2 input[type="tel"],
.input-box2 input[type="color"],
.input-box2 .uneditable-input {
    /*background: #f4f4f4 !important;*/
    /*background: #f4f4f4 !important;*/
}


body {
    background: #dcdada !important;
}
div#UpdatePanel1 {
    background: #dcdada !important;
}
.boxnew {
    background: white;
    /*padding: 10px;*/
    padding: 1px 6px 8px 6px;
    height: max-content;
    width: 100%;
    display: flow-root;
    border-radius: 5px;
    position: relative;
    top: 5px;
}

.FixedButtons .btn input[type="submit"], .btn input[type="button"], .btn button {
    background-color: #fefefed9 !important;
}
.FixedButtons .btn a {
    background-color: #fefefed9 !important;
}
.td-hide tr:last-child td:nth-child(1),
.td-hide tr:last-child td:nth-child(2),
.td-hide tr:last-child td:nth-child(3) {
    visibility: hidden !important
}