body {
    margin: 0px;
    padding: 0px;
    font-family: verdana;
    /*  margin-left: 5px;
    margin-right: 5px;*/
    margin-left: 0px !important;
    margin-right: 0px !important;
}

table {
    border-collapse: separate;
}



.submit {
    height: 16px;
    line-height: 16px;
    float: left;
}

.submit-new {
    height: 22px;
    width: 64px;
    text-align: center;
}

.blackfnt[type='submit'] {
    height: 25px;
    float: right;
    cursor: pointer;
    padding: 0px 4px;
}

.blackfnt_secect {
    float: left;
    height: 20px;
    width: 80px;
}

.blackfnt[type='select'] {
    font-weight: 500;
    font-size: 11px;
    line-height: 15px;
    font-family: verdana;
    border: 1px solid #cedfc0;
}

a {
    font-size: 11px;
    color: #000000;
    font-family: verdana;
    text-decoration: none;
}

    a:hover {
        color: #0066cc;
        font-family: verdana;
        text-decoration: none;
    }

.aligncenter {
    text-align: center;
}

.bandstrip {
    font-weight: 500;
    font-size: 12px;
    color: #ffffff;
    font-family: verdana;
    text-decoration: none;
}

.blackboldfnt {
    font-weight: 500;
    font-weight: bold;
    font-size: 11px;
    line-height: 16px;
    font-family: verdana;
}

.autocomplete {
    font-weight: 500;
    font-size: 11px;
    line-height: 16px;
    font-family: verdana;
}

.redfnt {
    font-weight: 500;
    font-size: 11px;
    color: #ff0033;
    font-family: verdana;
}

.whitefnt {
    font-weight: 500;
    font-size: 11px;
    color: #ffffff;
    font-family: verdana;
}

.blackfnt {
    font-weight: 500;
    font-size: 11px;
    line-height: 15px;
    font-family: verdana;
}


.redfnt {
    font-weight: 500;
    font-size: 11px;
    line-height: 16px;
    color: #ff4500;
    font-family: verdana;
}

.bluefnt {
    font-weight: 500;
    font-size: 11px;
    color: #006699;
    line-height: 16px;
    font-family: verdana;
}

.blacklink {
    font-weight: 500;
    font-size: 11px;
    color: #000000;
    line-height: 14px;
    font-family: verdana;
    text-decoration: none;
}

.bluelink {
    font-weight: 500;
    font-size: 11px;
    color: #006699;
    font-family: verdana;
    text-decoration: underline;
}

.blklnkund {
    font-weight: 500;
    font-size: 11px;
    color: #000000;
    font-family: verdana;
    text-decoration: underline;
}

.smlfnt {
    font-weight: 500;
    font-size: 11px;
    line-height: 14px;
    font-family: verdana;
}

.horzblue {
    background-color: #006699;
    height: 2px;
}

.bgbluegrey {
    /*background-color: #d4e0e7;*/
    background-color: #1e3a8a !important; /* Deep corporate blue */
    color: #ffffff !important;
}

.dgheaderstyle {
    background-color: #d4e0e7;
    font-size: 11px;
    line-height: 16px;
    font-family: verdana;
    font-weight: bold;
    border-color: #8ba0e5;
    overflow: auto;
}

.dgrowstyle {
    background-color: #FFFFFF;
    font-size: 11px;
    line-height: 16px;
    font-family: verdana;
    font-weight: normal;
    border-color: #8ba0e5;
    overflow: auto;
    word-spacing: normal;
    border-width: 1;
    text-indent: 3;
}

.freezingheader {
    background-color: #d4e0e7;
    font-size: 11px;
    line-height: 16px;
    font-family: verdana;
    font-weight: bold;
    border-color: #8ba0e5;
    position: relative;
    top: expression(this.offsetparent.scrolltop);
    z-index: 10;
}

.bgwhite {
    background-color: #ffffff;
}

.bgblue {
    background-color: #9aaed6;
}

.bglightblue {
    background-color: #eff3ff;
}

.bullet {
    background-color: #ffffff;
}

.boxbg {
    /* background-color: #8ba0e5;*/
    background-color: #08086e38;
    font-weight: 500;
    font-size: 11px;
    line-height: 16px;
    font-family: verdana;
    rules: none;
}

.boxbg-topzero {
    font-weight: 500;
    font-size: 11px;
    line-height: 16px;
    font-family: verdana;
    background-color: #8ba0e5;
}

.logininp {
    border-right: #8ba0e5 1px solid;
    border-top: #8ba0e5 1px solid;
    font-size: 10px;
    border-left: #8ba0e5 1px solid;
    color: #006699;
    border-bottom: #8ba0e5 1px solid;
    background-color: #ffffff;
}

.loginbut {
    border-right: #cccccc 1px solid;
    border-top: #cccccc 1px solid;
    font-weight: normal;
    font-size: 9pt;
    vertical-align: middle;
    border-left: #cccccc 1px solid;
    color: #ffffff;
    border-bottom: #cccccc 1px solid;
    font-family: arial, helvetica, sans-serif;
    background-color: #57579f;
    text-align: center;
}

.input {
    border: 1px solid #cedfc0;
    font-size: 11px;
    color: #000000;
    background-color: #ffffff;
}

    .input:focus {
        background: #F5F4D0;
        color: #000000;
    }

input {
    border: 1px solid #cedfc0;
    font-size: 11px;
    color: #000000;
    background-color: #ffffff;
}

    input:focus {
        background: #F5F4D0;
        color: #000000;
    }

select {
    font-size: 11px;
    border: 1px solid #ccc;
    color: #000000;
    line-height: 20px;
    font-family: verdana;
    background-color: #eff3ff;
    border: 1px solid #cedfc0;
}

    select:focus {
        background: #F5F4D0;
        color: black;
    }

.selectbox {
    width: 98%;
    height: 24px;
    background-color: #eff3ff;
    font: 400 12px/18px 'Open Sans', sans-serif;
    color: #000;
    font-weight: normal;
    border: 1px solid #ccc;
    padding: 4px;
}

.blackfnt[type='select'] {
    font-size: 11px;
    border: 1px solid #ccc;
    color: #000000;
    height: 20px;
    line-height: 20px;
    font-family: verdana;
    background-color: #eff3ff;
}



textarea {
    font-size: 11px;
    font-family: verdana;
    border: 1px solid #ccc;
}

    textarea:focus {
        background: #F5F4D0;
        color: #000000;
    }

.TESTcpYearNavigation {
    font-weight: bold;
    color: #ffffff;
    background-color: #6677dd;
    text-align: center;
    text-decoration: none;
}

.TESTcpMonthNavigation {
    font-weight: bold;
    color: #ffffff;
    background-color: #6677dd;
    text-align: center;
    text-decoration: none;
}

.TESTcpDayColumnHeader {
    font-size: 8pt;
    font-family: arial;
}

.TESTcpYearNavigation {
    font-size: 8pt;
    font-family: arial;
}

.TESTcpMonthNavigation {
    font-size: 8pt;
    font-family: arial;
}

.TESTcpCurrentMonthDate {
    font-size: 8pt;
    font-family: arial;
}

.TESTcpCurrentMonthDateDisabled {
    font-size: 8pt;
    font-family: arial;
}

.TESTcpOtherMonthDate {
    font-size: 8pt;
    font-family: arial;
}

.TESTcpOtherMonthDateDisabled {
    font-size: 8pt;
    font-family: arial;
}

.TESTcpcurrentdate {
    font-size: 8pt;
    font-family: arial;
}

.TESTcpcurrentdatedisabled {
    font-size: 8pt;
    font-family: arial;
}

.TESTcpTodayText {
    font-size: 8pt;
    font-family: arial;
}

.TESTcpTodayTextDisabled {
    font-size: 8pt;
    font-family: arial;
}

.TESTcptext {
    font-size: 8pt;
    font-family: arial;
}

td.TESTcpDayColumnHeader {
    border-right: #6677dd 0px solid;
    border-top: #6677dd 0px solid;
    border-left: #6677dd 0px solid;
    border-bottom: #6677dd 1px solid;
    text-align: right;
}

.TESTcpCurrentMonthDate {
    text-align: right;
    text-decoration: none;
}

.TESTcpOtherMonthDate {
    text-align: right;
    text-decoration: none;
}

.testcpcurrentdate {
    text-align: right;
    text-decoration: none;
}

.TESTcpCurrentMonthDateDisabled {
    color: #d0d0d0;
    text-align: right;
    text-decoration: line-through;
}

.TESTcpOtherMonthDateDisabled {
    color: #d0d0d0;
    text-align: right;
    text-decoration: line-through;
}

.testcpcurrentdatedisabled {
    color: #d0d0d0;
    text-align: right;
    text-decoration: line-through;
}

.TESTcpCurrentMonthDate {
    font-weight: bold;
    color: #6677dd;
}

.testcpcurrentdate {
    font-weight: bold;
    color: #ffffff;
}

.TESTcpOtherMonthDate {
    color: #808080;
}

td.testcpcurrentdate {
    border-right: #000000 thin solid;
    border-top: #000000 thin solid;
    border-left: #000000 thin solid;
    color: #ffffff;
    border-bottom: #000000 thin solid;
    background-color: #6677dd;
}

td.testcpcurrentdatedisabled {
    border-right: #ffaaaa thin solid;
    border-top: #ffaaaa thin solid;
    border-left: #ffaaaa thin solid;
    border-bottom: #ffaaaa thin solid;
}

td.TESTcpTodayText {
    border-right: #6677dd 0px solid;
    border-top: #6677dd 1px solid;
    border-left: #6677dd 0px solid;
    border-bottom: #6677dd 0px solid;
}

td.TESTcpTodayTextDisabled {
    border-right: #6677dd 0px solid;
    border-top: #6677dd 1px solid;
    border-left: #6677dd 0px solid;
    border-bottom: #6677dd 0px solid;
}

a.TESTcpTodayText {
    height: 20px;
}

span.TESTcpTodayTextDisabled {
    height: 20px;
}

a.TESTcpTodayText {
    font-weight: bold;
    color: #6677dd;
}

span.TESTcpTodayTextDisabled {
    color: #d0d0d0;
}

.TESTcpBorder {
    border-right: #6677dd thin solid;
    border-top: #6677dd thin solid;
    border-left: #6677dd thin solid;
    border-bottom: #6677dd thin solid;
}

.inpgrey {
    color: #000000;
    background-color: #cccccc;
}

.pager span {
    font-weight: bolder;
    font-weight: 500;
    font-size: 12px;
    color: #006699;
    line-height: 16px;
    font-family: verdana;
}

.csspager span {
    font-weight: bold;
    font-family: verdana;
    font-size: 12px;
    color: blue;
    padding-left: 4px;
    padding-right: 4px;
}
/*
=================================================
tab view tyle - start
=================================================
*/

.menutabs {
    position: relative;
    top: 1px;
    left: 10px;
}

.tab {
    border: solid 1px black;
    border-bottom: none;
    padding: 0px 10px;
    background-color: #eeeeee;
}

.selectedtab {
    border: solid 1px black;
    border-bottom: solid 1px white;
    padding: 0px 10px;
    background-color: white;
}

.tabbody {
    border: solid 1px black;
    padding: 20px;
    background-color: white;
}


/*
=================================================
tab view tyle - end
=================================================
*/
/*
=================================================
grid view style - start
=================================================
*/
.mgrid {
    width: 100%;
    background-color: #8ba0e5;
    /*margin: 5px 0 10px 0;*/
    border: solid 1px #8ba0e5;
    border-collapse: collapse;
}

    .mgrid td {
        padding: 2px;
        border: solid 1px #8ba0e5;
        color: black;
    }

    .mgrid th {
        padding: 4px 2px;
        color: black;
        background: #d4e0e7;
        font-weight: bold;
        border-left: solid 1px #8ba0e5;
        border-top: solid 1px #8ba0e5;
        /*font-size: 0.9em; */
    }

    .mgrid .alt {
        background: #f7f7f7;
    }

    .mgrid .pgr {
        background: #d4e0e7;
    }

        .mgrid .pgr table {
            margin: 5px 0;
        }

        .mgrid .pgr td {
            border-width: 0;
            padding: 0 6px;
            font-weight: bolder;
            border-left: solid 1px black;
            color: black;
            line-height: 12px;
        }

        .mgrid .pgr a {
            color: black;
            font-weight: normal;
            text-decoration: none;
        }

            .mgrid .pgr a:hover {
                color: black;
                font-weight: bolder;
                text-decoration: none;
            }
/*
=================================================
grid view style - end
=================================================
*/
/*
=================================================
message box style - start
=================================================
*/

.info, .success, .warning, .error, .validation {
    border: 1px solid;
    margin: 10px 0px;
    background-repeat: no-repeat;
    background-position: 10px center;
}

.info {
    color: #00529b;
    background-color: #bde5f8;
    background-image: url('./images/info.png');
}

.success {
    color: #4f8a10;
    background-color: #dff2bf;
    background-image: url('./images/success.png');
}

.warning {
    color: #9f6000;
    background-color: #feefb3;
    background-image: url('./images/warning.png');
}

.error {
    color: #d8000c;
    background-color: #ffbaba;
    background-image: url('./images/error.png');
}

.container {
}

.info p, .success p, .warning p, .error p {
    padding: 0px 50px;
}

.info a, .success a, .warning a, .error a {
    float: right;
    padding: 10px;
    cursor: pointer;
}
/* validation */
.validation {
    color: #d8000c;
    background-color: #ffbaba;
    background-image: url('./error.png');
}

    .validation ul {
        padding: 0px 30px;
    }

    .validation p {
        padding: 0px 50px;
    }

    .validation a {
        float: right;
        padding: 10px;
        cursor: pointer;
    }

.container img {
    border: none;
}

.
/*
=================================================
message box style - end
=================================================
*/
/*autocomplete flyout */
.autocomplete_completionlistelement {
    border: solid 1px Gray;
    margin: 0px;
    padding: 3px;
    height: 120px;
    overflow: auto;
    background-color: #FFFFFF;
}

/* autocomplete highlighted item */

.autocomplete_highlightedlistitem {
    background-color: #ADD6FF;
}

/* autocomplete item */

.autocomplete_listitem {
    color: #191919;
}

.listItem {
    color: #191919;
}

.itemHighlighted {
    background-color: #ADD6FF;
}

.completionList {
    border: solid 1px Gray;
    margin: 0px;
    padding: 3px;
    height: 120px;
    overflow: auto;
    background-color: #FFFFFF;
}

/* =========================================================
   SS Carriers LLP – Blue & White Professional ERP Menu
   ========================================================= */

.ss-menu-pro {
    background: #ffffff;
    border-bottom: 1px solid #dce3ec;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 26px;
    font-family: 'Segoe UI', Roboto, sans-serif;
    font-size: 12.5px;
    font-weight: 500;
    color: #0f172a;
}

    /* ---- Top-level menu items ---- */
    .ss-menu-pro a {
        color: #0f172a !important;
        text-decoration: none;
        padding: 2px 10px;
        display: inline-block;
        border-radius: 4px;
        transition: all 0.2s ease-in-out;
        line-height: 20px;
    }

        .ss-menu-pro a:hover {
            background-color: #eaf1ff;
            color: #1d4ed8 !important;
        }

        .ss-menu-pro a.selected,
        .ss-menu-pro .selected {
            background-color: #e0e7ff;
            color: #1e3a8a !important;
            font-weight: 600;
        }

        /* Divider between menu items */
        .ss-menu-pro a + a {
            border-left: 1px solid #e6ecf4;
        }

    /* ---- Dropdown Styling ---- */
    .ss-menu-pro ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .ss-menu-pro ul ul {
            background: #ffffff;
            border: 1px solid #dbe2ef;
            border-radius: 4px;
            box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
            min-width: 150px;
            position: absolute;
            z-index: 999;
            padding: 3