@import url('../../font/material_icons/material-icons.css');

@charset "utf-8";
/* CSS Document Om */
html {
    margin: 0;
    padding: 0;
    height: 100%;
}

#is_other_noc {
    float: left;
    padding-right: 25px;
}

body {
    margin: 0px;
    padding: 0px;
    font-family: var(--font-1);
    letter-spacing: 0.5px;
    behavior: url(/PIE-1.0.0/PIE.htc);
    height: 100%;
    text-rendering: optimizelegibility;
}

a:-webkit-any-link {
    text-decoration: none !important;
}

* {
    margin: 0px;
    padding: 0px;
}

a img {
    border: none;
}

a {
    outline: none;
    border: none;
}
/* main page Om */
.container {
    width: 99.5%;
    height: auto;
    margin: 0 auto;
    background: url(images/bg.jpg) repeat;
    float: left;
    width: 100%;
    /*overflow: hidden;*/
    padding: 0px 5px;
    box-sizing: border-box !important;
}

.header {
    background-color: var(--color-BgBlack);
    border: 1px solid var(--color-BodBlack);
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
    height: 39px;
    position: relative;
    width: 100%;
    float: left;
    box-sizing: border-box !important;
}

.floatr {
    float: right;
}

.txt-align {
    text-align: right;
}

.pagetitle {
    font-family: var(--font-1);
    font-size: 17px;
    color: var(--color-TextOrgWhite);
    float: left;
    margin: 9px 0px 0px 10px;
    letter-spacing: 0.5px;
    text-shadow: 0px 0px var(--color-ShadowOrgWhite);
}

/* headermenu Om */
.headermenu {
    width: auto;
    height: auto;
    margin: 10px 0px 0px 0px;
    float: right;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .headermenu > span:first-child {
        display: flex;
        align-items: center;
        justify-content: center;
    }

.headmenutxt {
    font-family: var(--font-1);
    font-size: 13px;
    color: var(--color-TextOrgWhite);
    text-transform: capitalize;
    float: left;
    text-decoration: none;
    margin: 0px 15px 0px 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .headmenutxt:hover {
        text-decoration: underline;
    }

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

.lang {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    font-size: 12px;
    line-height: 19px;
    text-overflow: ellipsis;
    width: 79px;
    color: var(--color-TextOrgWhite);
    float: left;
    font-family: var(--font-1);
    font-size: 13px;
    margin: 1px 15px 0 0px;
    text-align: left;
    text-decoration: none;
    text-transform: capitalize;
}

.advstyled-select {
    background: url(images/list_bg.png) 3px 8px no-repeat;
    margin-right: 5px;
    overflow: hidden;
    width: 60px;
    padding-left: 12px;
    float: left;
}

/* main menu Om */
.menubg {
    background: url(images/menu.jpg) repeat-x scroll 0 0 transparent;
    border: 1px solid var(--color-BodOrgOffWhite);
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
    height: 39px;
    margin-top: -7px;
    width: 100%;
    box-shadow: 0px 5px 5px var(--color-ShadowTextSecondaryCharcoleGray);
    float: left;
    box-sizing: border-box !important;
}
/* menu  nav starts */

/* menu  nav ends */

/* main body content */
.mainbody {
    width: 98.5%;
    margin: 6px auto;
    height: auto;
    float: left;
    margin: 5px 0px;
    width: 100%;
    padding: 5px 10px;
    box-sizing: border-box !important;
    height: auto;
}

.rootdiv {
    width: 100%;
    text-align: left;
    height: 28px;
    font-family: var(--font-1);
    font-size: 12px;
    color: var(--color-TextBlack);
    text-decoration: none;
    line-height: 24px;
    margin-left: 9px;
}

    .rootdiv a {
        color: var(--color-TextBlack);
    }

        .rootdiv a:hover {
            color: var(--color-TextOrangeWarningText);
        }

.roottxt {
    font-family: var(--font-1);
    font-size: 12px;
    color: var(--color-TextBlack);
    text-decoration: none;
    line-height: 24px;
}

    .roottxt:hover {
        font-family: var(--font-1);
        font-size: 12px;
        color: var(--color-TextOrangeWarningText);
        text-decoration: none;
        line-height: 24px;
    }

.roottxtred {
    color: var(--color-TextOrangeWarningText);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 500px;
}

/* submenu div */

.submenu ul li a.submenuround {
    text-decoration: none;
    display: block;
    font-family: var(--font-1);
    font-size: 12px;
    color: var(--color-TextBlack);
    padding: 0px 7px;
    line-height: 28px;
    margin: 1px 0px;
    font-size: smaller;
}

    .submenu ul li a.submenuround:hover {
        background: url(images/submenu_round_bg_wtoutarrow.jpg) left center repeat-x;
        height: 35px;
        padding: 0px 7px;
        line-height: 28px;
        margin: 1px 0px;
        width: auto;
        overflow: visible;
    }

.submenu ul li a.submenuround_staticmo {
    background: url(images/submenu_round_bg.jpg) left center repeat-x;
    height: 35px;
    padding: 0px 7px;
    line-height: 28px;
    margin: 1px 0px;
    width: auto;
    overflow: visible;
}

.submorder {
    background: var(--color-BgVeryLightBlue);
    width: 1px;
    height: 28px;
    float: left;
    margin-top: 1px;
}

.submenu ul li a.inactive_submenu {
    text-decoration: none;
    display: block;
    font-family: var(--font-1);
    font-size: 12px;
    color: var(--color-TextTextSecondaryCharcoleGray);
    padding: 0px 7px;
    line-height: 28px;
    margin: 1px 0px;
    font-size: smaller;
    cursor: default;
}

    .submenu ul li a.inactive_submenu:hover {
        text-decoration: none;
        display: block;
        font-family: var(--font-1);
        font-size: 12px;
        color: var(--color-TextTextSecondaryCharcoleGray);
        padding: 0px 7px;
        line-height: 28px;
        margin: 1px 0px;
        font-size: smaller;
        cursor: default;
        background: none;
    }

.submorder_inactive {
    background: var(--color-BgTextSecondaryCharcoleGray);
    width: 1px;
    height: 28px;
    float: left;
    margin-top: 1px;
}

.btn_back_old {
    background: url(images/btn_back.jpg) no-repeat;
    width: 36px;
    height: 9px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 1px 0px 0px;
    cursor: pointer;
}

/* icons om */

.iconmenu {
    width: auto;
    height: 47px;
    float: right;
    display: block;
    margin: 2px 5px;
}

.iconmnew {
    background-image: url(images/icon_new.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 47px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconmnew:hover {
        background-image: url(images/icon_new_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 47px;
        height: 47px;
    }

.iconmedit {
    background-image: url(images/icon_edit.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 47px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconmedit:hover {
        background: url(images/icon_edit_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 47px;
        height: 47px;
    }

.iconmdelete {
    background-image: url(images/icon_delete.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 47px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconmdelete:hover {
        background-image: url(images/icon_delete_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 47px;
        height: 47px;
    }

.iconmview {
    background-image: url(images/icon_view.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 47px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconmview:hover {
        background-image: url(images/icon_view_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 47px;
        height: 47px;
    }

.iconmclose {
    background-image: url(images/icon_close.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 47px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
    box-sizing: border-box !important;
}

    .iconmclose:hover {
        background-image: url(images/icon_close_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 47px;
        height: 47px;
    }

.iconmvoid {
    background-image: url(images/icon_void.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 47px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconmvoid:hover {
        background-image: url(images/icon_void_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 47px;
        height: 47px;
    }

.iconmreprint {
    background-image: url(images/icon_reprint.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 95px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconmreprint:hover {
        background-image: url(images/icon_reprint_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 95px;
        height: 47px;
    }

.iconmprevious {
    background-image: url(images/icon_previous.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 95px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconmprevious:hover {
        background-image: url(images/icon_previous_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 95px;
        height: 47px;
    }

.iconmnext {
    background-image: url(images/icon_next.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 95px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconmnext:hover {
        background-image: url(images/icon_next_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 95px;
        height: 47px;
    }

.iconmhelp {
    background-image: url(images/icon_help.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 47px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconmhelp:hover {
        background-image: url(images/icon_help_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 47px;
        height: 47px;
    }

.iconmback {
    background-image: url(images/icon_back.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 47px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconmback:hover {
        background-image: url(images/icon_back_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 47px;
        height: 47px;
    }

.iconmreceiptcancel {
    background-image: url(images/receipt_cancel_ico.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 100px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconmreceiptcancel:hover {
        background-image: url(images/receipt_cancel_ico_mo.png);
        background-repeat: no-repeat;
        display: inline-block;
        width: 100px;
        height: 47px;
    }

.iconmprint {
    background-image: url(images/icon_print.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 47px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconmprint:hover {
        background-image: url(images/icon_print_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 47px;
        height: 47px;
    }

.iconmsave {
    background-image: url(images/icon_save.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 47px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconmsave:hover {
        background-image: url(images/icon_save_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 47px;
        height: 47px;
        float: left;
    }

.iconmassign {
    background-image: url(images/icon_assign.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 47px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconmassign:hover {
        background-image: url(images/icon_assign_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 47px;
        height: 47px;
    }

.iconmcancel {
    background-image: url(images/icon_cancel.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 47px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconmcancel:hover {
        background-image: url(images/icon_cancel_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 47px;
        height: 47px;
    }

.iconmsaveclose {
    background-image: url(images/icon_saveclose.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    /*width: 95px;*/
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconmsaveclose:hover {
        background-image: url(images/icon_saveclose_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        /*width: 95px;*/
        height: 47px;
    }

.iconmindividuallicense {
    background-image: url(images/icon_save_apply.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    /*width: 95px;*/
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
    background-position: center;
}

    .iconmindividuallicense:hover {
        background-image: url(images/icon_save_apply_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        height: 47px;
        background-position: center;
    }

.iconmsavenew {
    background-image: url(images/icon_savenew.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 95px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconmsavenew:hover {
        background-image: url(images/icon_savenew_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 95px;
        height: 47px;
    }

.iconmchangestatus {
    background-image: url(images/icon_Changestatus.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: auto;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconmchangestatus:hover {
        background-image: url(images/icon_Changestatus_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: auto;
        height: 47px;
    }

.iconmauditrequest {
    background-image: url(images/icon_auditrequest.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 95px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconmauditrequest:hover {
        background-image: url(images/icon_auditrequest_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 95px;
        height: 47px;
    }

.iconmauditchange {
    background-image: url(images/icon_auditchange.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 95px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconmauditchange:hover {
        background-image: url(images/icon_auditchange_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 95px;
        height: 47px;
    }

.iconmremoveuser {
    background-image: url(images/icon_removeuser.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 95px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconmremoveuser:hover {
        background-image: url(images/icon_removeuser_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 95px;
        height: 47px;
    }

.iconmremove {
    background-image: url(images/icon_remove.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 57px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconmremove:hover {
        background-image: url(images/icon_remove_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 57px;
        height: 47px;
    }

.iconmadduser {
    background-image: url(images/icon_adduser.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 95px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconmadduser:hover {
        background-image: url(images/icon_adduser_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 95px;
        height: 47px;
    }

.iconmassignuser {
    background-image: url(images/icon_assignuser.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 95px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconmassignuser:hover {
        background-image: url(images/icon_assignuser_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 95px;
        height: 47px;
    }

.iconmactivate {
    background-image: url(images/icon_activate.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 95px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconmactivate:hover {
        background-image: url(images/icon_activate_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 95px;
        height: 47px;
    }

.iconmblock {
    background-image: url(images/icon_block.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 47px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconmblock:hover {
        background-image: url(images/icon_block_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 47px;
        height: 47px;
    }

.iconmunblock {
    background-image: url(images/icon_unblock.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 95px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconmunblock:hover {
        background-image: url(images/icon_unblock_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 95px;
        height: 47px;
    }

.iconmcreateuser {
    background-image: url(images/icon_createuser.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 95px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconmcreateuser:hover {
        background-image: url(images/icon_createuser_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 95px;
        height: 47px;
    }

.iconmpreapproval {
    background-image: url(images/icon_preapproval.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 95px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconmpreapproval:hover {
        background-image: url(images/icon_preapproval_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 95px;
        height: 47px;
    }

.iconmsuspend {
    background-image: url(images/icon_suspend.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 95px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconmsuspend:hover {
        background-image: url(images/icon_suspend_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 95px;
        height: 47px;
    }

.iconmaddcompany {
    background-image: url(images/icon_add_company.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 95px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconmaddcompany:hover {
        background-image: url(images/icon_add_company_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 95px;
        height: 47px;
    }

.iconmremovecompany {
    background-image: url(images/icon_remove_company.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 95px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconmremovecompany:hover {
        background-image: url(images/icon_remove_company_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 95px;
        height: 47px;
    }

.iconmaddbranch {
    background-image: url(images/icon_add_branch.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 95px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconmaddbranch:hover {
        background-image: url(images/icon_add_branch_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 95px;
        height: 47px;
    }

.iconmchart {
    background-image: url(images/icon_chart.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 47px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconmchart:hover {
        background-image: url(images/icon_chart_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 47px;
        height: 47px;
    }

.iconmsubmit {
    background-image: url(images/icon_submit.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 47px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconmsubmit:hover {
        background-image: url(images/icon_submit_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 47px;
        height: 47px;
    }

.iconmclear {
    background-image: url(images/icon_clear.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 95px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconmclear:hover {
        background-image: url(images/icon_clear_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 95px;
        height: 47px;
    }

.iconmgenerate {
    background-image: url(images/icon_generate.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    width: 99px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconmgenerate:hover {
        background-image: url(images/icon_generate_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 99px;
        height: 47px;
    }

.iconmonlinepayment {
    background-image: url(images/icon_receivepayment.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 110px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
    letter-spacing: 0px;
}

    .iconmonlinepayment:hover {
        background-image: url(images/icon_receivepayment_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 110px;
        height: 47px;
    }

.iconmrenewal {
    background-image: url(images/icon_renewal.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 95px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconmrenewal:hover {
        background-image: url(images/icon_renewal_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 95px;
        height: 47px;
    }

.iconrenewandmodify {
    background-image: url(images/icon_renewal_modify.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 119px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconrenewandmodify:hover {
        background-image: url(images/icon_renewal_modify_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 119px;
        height: 47px;
    }

.iconmamendment {
    background-image: url(images/icon_amendment.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 95px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconmamendment:hover {
        background-image: url(images/icon_amendment_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 95px;
        height: 47px;
    }

.iconmcancellation {
    background-image: url(images/icon_cancellation.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 95px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconmcancellation:hover {
        background-image: url(images/icon_cancellation_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 95px;
        height: 47px;
    }

.iconmreissue {
    background-image: url(images/icon_reissue.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 75px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
    background-position: center;
}

    .iconmreissue:hover {
        background-image: url(images/icon_reissue_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 75px;
        height: 47px;
    }

.iconmpayment {
    background-image: url(images/icon_payment.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 95px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconmpayment:hover {
        background-image: url(images/icon_payment_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 95px;
        height: 47px;
    }

.iconmcctv {
    background-image: url(images/icon_cctv.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 47px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconmcctv:hover {
        background-image: url(images/icon_cctv_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 47px;
        height: 47px;
    }

.iconmalarm {
    background-image: url(images/icon_alarm.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 47px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconmalarm:hover {
        background-image: url(images/icon_alarm_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 47px;
        height: 47px;
    }

.iconmpcc {
    background-image: url(images/icon_pcc.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 47px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconmpcc:hover {
        background-image: url(images/icon_pcc_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 47px;
        height: 47px;
    }

.iconmcancelrequest {
    background-image: url(images/icon_cancel_request.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 95px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
    letter-spacing: 0px;
}

/* TO DO Ambareesh 20240409 */
.iconmakereq {
    background-image: url(images/icon_cancel_request.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 97px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 27px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 3px 0px 0px 0px;
    cursor: pointer;
    letter-spacing: 0px;
}
/* End */
.iconmcancelrequest:hover {
    background-image: url(images/icon_cancel_request_mo.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 95px;
    height: 47px;
}

.iconmcloserequest {
    background-image: url("images/icon_saveclose.jpg");
    background-repeat: no-repeat;
    display: inline-block;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
    letter-spacing: 0px;
}

    .iconmcloserequest:hover {
        background-image: url("images/icon_saveclose.jpg");
        background-repeat: no-repeat;
        display: inline-block;
        height: 47px;
    }

.iconmmakerequest {
    background-image: url(images/icon_auditrequest.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 95px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconmmakerequest:hover {
        background-image: url(images/icon_auditrequest_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 95px;
        height: 47px;
    }

.iconmusedsms {
    background-image: url(images/icon_usedsms.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 95px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconmusedsms:hover {
        background-image: url(images/icon_usedsms_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 95px;
        height: 47px;
    }

.iconmbuy {
    background-image: url(images/icon_buy.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 47px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconmbuy:hover {
        background-image: url(images/icon_buy_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 47px;
        height: 47px;
    }

.iconmrerequest {
    background-image: url(images/icon_rerequest.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 95px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconmrerequest:hover {
        background-image: url(images/icon_rerequest_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 95px;
        height: 47px;
    }

.iconmreject {
    background-image: url(images/icon_reject.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 95px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconmreject:hover {
        background-image: url(images/icon_reject_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 95px;
        height: 47px;
    }

.iconmaccept {
    background-image: url(images/icon_accept.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 47px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconmaccept:hover {
        background-image: url(images/icon_accept_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 47px;
        height: 47px;
    }

.iconmadd {
    background-image: url(images/icon_add.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 47px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconmadd:hover {
        background-image: url(images/icon_add_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 47px;
        height: 47px;
    }

.iconmreset {
    background-image: url(images/icon_reset.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 47px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconmreset:hover {
        background-image: url(images/icon_reset_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 47px;
        height: 47px;
    }

.iconmapprove {
    background-image: url(images/icon_approve.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 95px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconmapprove:hover {
        background-image: url(images/icon_approve_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 95px;
        height: 47px;
    }

.iconmsubmitapprove {
    background-image: url(images/icon_submitapprove.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 123px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconmsubmitapprove:hover {
        background-image: url(images/icon_submitapprove_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 123px;
        height: 47px;
    }

.iconmsubmitnew {
    background-image: url(images/icon_submit_new.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 123px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconmsubmitnew:hover {
        background-image: url(images/icon_submit_new_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 123px;
        height: 47px;
    }

.iconmextend {
    background-image: url(images/icon_extend.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 47px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconmextend:hover {
        background-image: url(images/icon_extend_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 47px;
        height: 47px;
    }

.iconmliaupdate {
    background-image: url(images/icon_liaupdate.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 95px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconmliaupdate:hover {
        background-image: url(images/icon_liaupdate_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 95px;
        height: 47px;
    }

.iconmreceive {
    background-image: url(images/icon_receive.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 95px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconmreceive:hover {
        background-image: url(images/icon_receive_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 95px;
        height: 47px;
    }

.iconmtransfer {
    background-image: url(images/icon_transfer.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 95px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconmtransfer:hover {
        background-image: url(images/icon_transfer_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 95px;
        height: 47px;
    }

.iconmmodify {
    background-image: url(images/icon_modify.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 47px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
    letter-spacing: 0px;
}

    .iconmmodify:hover {
        background-image: url(images/icon_modify_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 47px;
        height: 47px;
    }

.iconmreceivepayment {
    background-image: url(images/icon_receivepayment.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 110px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
    letter-spacing: 0px;
}

    .iconmreceivepayment:hover {
        background-image: url(images/icon_receivepayment_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 110px;
        height: 47px;
    }

.iconmmailrefresh {
    background-image: url(images/icon_refreshmail.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 47px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconmmailrefresh:hover {
        background-image: url(images/icon_refreshmail_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 47px;
        height: 47px;
    }

.iconmreply {
    background-image: url(images/icon_reply.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 47px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconmreply:hover {
        background-image: url(images/icon_reply_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 47px;
        height: 47px;
    }

.iconmforward {
    background-image: url(images/icon_forward.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 71px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    letter-spacing: 0.2px;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconmforward:hover {
        background-image: url(images/icon_forward_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 71px;
        height: 47px;
    }

.iconmmarkasread {
    background-image: url(images/icon_markasread.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 105px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconmmarkasread:hover {
        background-image: url(images/icon_markasread_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 105px;
        height: 47px;
    }

.iconmmarkasunread {
    background-image: url(images/icon_markasunread.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 110px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
    letter-spacing: 0px;
}

    .iconmmarkasunread:hover {
        background-image: url(images/icon_markasunread_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 110px;
        height: 47px;
    }

.iconmarchive {
    background-image: url(images/icon_archive.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 95px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconmarchive:hover {
        background-image: url(images/icon_archive_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 95px;
        height: 47px;
    }

.iconmtrash {
    background-image: url(images/icon_trash.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 47px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconmtrash:hover {
        background-image: url(images/icon_trash_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 47px;
        height: 47px;
    }

.iconmsend {
    background-image: url(images/icon_send.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 47px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconmsend:hover {
        background-image: url(images/icon_send_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 47px;
        height: 47px;
    }

.iconmsecurityguard {
    background-image: url(images/icon_securityguard.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 95px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconmsecurityguard:hover {
        background-image: url(images/icon_securityguard_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 95px;
        height: 47px;
    }

.iconmaddremove {
    background-image: url(images/icon_addremove.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 95px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconmaddremove:hover {
        background-image: url(images/icon_addremove_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 95px;
        height: 47px;
    }

.iconmtraining {
    background-image: url(images/icon_training.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 95px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconmtraining:hover {
        background-image: url(images/icon_training_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 95px;
        height: 47px;
    }

.iconmcreateadmin {
    background-image: url(images/icon_createuser.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 95px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconmcreateadmin:hover {
        background-image: url(images/icon_createuser_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 95px;
        height: 47px;
    }

.iconmmanualprocess {
    background-image: url(images/icon_new_manualprocess.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 130px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconmmanualprocess:hover {
        background-image: url(images/icon_new_manualprocess_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 130px;
        height: 47px;
    }

.iconchangecompanytype {
    background-image: url(images/icon_changetype.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 105px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconchangecompanytype:hover {
        background-image: url(images/icon_changetype_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 105px;
        height: 47px;
    }

.iconattachcompany {
    background-image: url(images/icon_companyattach_up.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 118px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconattachcompany:hover {
        background-image: url(images/icon_companyattach_hover.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 118px;
        height: 47px;
    }

/* table div Om */
.tablecontentdiv {
    width: 100%;
    border: 1px var(--color-BodTextSecondaryCharcoalGray) solid;
    background-color: var(--color-BgOrgWhite);
    height: auto;
    border-radius: 8px;
    margin-top: 0px;
    display: inline-block;
    padding-bottom: 1px;
}

.tablecontentdiv_reg {
    width: 100%;
    border: 1px var(--color-BodTextSecondaryCharcoalGray) solid;
    background-color: var(--color-BgOrgWhite);
    height: auto;
    border-radius: 8px;
    margin: 12px 0px;
    display: inline-block;
    padding-bottom: 1px;
}

.tablecontentinnerdiv {
    width: 99%;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
}

.toprowtb {
    width: 100%;
    height: 32px;
    margin: 10px 0px 7px 0px;
}

.toprowtb1 {
    width: 100%;
    height: 32px;
    margin: 17px 0px 15px 0px;
}

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

.displaytxt {
    font-family: var(--font-1);
    font-size: 13px;
    color: var(--color-TextBlack);
    float: left;
    margin-right: 10px;
}

.recordresulttxt {
    font-family: var(--font-1);
    font-size: 14px;
    color: var(--color-TextBlack);
    float: left;
    margin-bottom: 0px;
}

.resulttxt {
    font-family: var(--font-1);
    font-size: 14px;
    color: var(--color-TextBlack);
    float: left;
    padding: 5px !important;
}

.listpage {
    width: 50px;
    height: 20px;
    font-family: var(--font-1);
    font-size: 12px;
    color: var(--color-TextBlack);
    float: left;
}

.imgpagi {
    float: left;
    margin-left: 17px;
}

.toprightrow {
    width: 388px;
    float: right;
}

.toprightrow {
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.toprightrow1 {
    width: 675px;
    float: right;
}

.toprightrow2 {
    width: 679px;
    float: right;
}

.toprightrow3 {
    width: 548px;
    float: right;
}

.toprightrow4 {
    width: 494px;
    float: right;
}

.searchbox {
    width: 255px; /*//Added by Mohana priya*/
    /*width: 246px;*/
    height: 32px;
    background: url(images/searchbox.jpg) no-repeat;
    border: 0px;
    font-family: var(--font-1);
    font-size: 13px;
    color: var(--color-TextBlack);
    float: left;
    padding-left: 10px;
    /*//Added by Mohana priya*/
    padding-right: 10px;
    box-sizing: border-box !important;
    /*//Added by Mohana priya*/
}

.searchbox_bg {
    background: url(images/searchbox_02.jpg) no-repeat;
    width: 245px;
    height: 32px;
    background-color: var(--color-BgOrgOffWhite);
    border: 0px;
    text-indent: 10px;
    font-family: var(--font-1);
    font-size: 13px;
    color: var(--color-TextBlack);
    float: left;
    /*padding-left: 10px;*/
    padding-right: 10px; /*Todo SARAVANAN 20170727 -- added*/
}

.searchbox1 {
    width: 150px;
    height: 32px;
    background: url(images/searchbox_s.jpg) no-repeat;
    border: 0px;
    text-indent: 10px;
    font-family: var(--font-1);
    font-size: 13px;
    color: var(--color-TextBlack);
    float: left;
}

.searchbox1_bg {
    background: url(images/searchbox1_s.jpg) no-repeat;
    width: 150px;
    height: 32px;
    background-color: var(--color-BgOrgOffWhite);
    border: 0px;
    text-indent: 10px;
    font-family: var(--font-1);
    font-size: 13px;
    color: var(--color-TextBlack);
    float: left;
}

.searchbtn {
    background: url(images/search_btn.jpg) no-repeat;
    width: 26px;
    height: 26px;
    float: left;
    margin: 0px 10px 0px 10px;
    border: 0px;
    cursor: pointer;
}

.searchadvbtn {
    background: url(images/search_advance.jpg) no-repeat;
    width: 7px;
    height: 9px;
    float: left;
    margin: 0px 5px 0px 0px;
    border: 0px;
    cursor: pointer;
}

td > .searchadvbtn {
    margin-top: 10px;
}

.searchadvbtnup {
    background: url(images/search_advance_up.png) no-repeat;
    width: 7px;
    height: 9px;
    float: left;
    margin: 0px 5px 0px 0px;
    border: 0px;
    cursor: pointer;
}

.searchadvbtn_mail {
    background: url(images/search_advance.jpg) no-repeat;
    width: 7px;
    height: 9px;
    float: left;
    margin: 12px 0px 0px 10px;
    border: 0px;
    cursor: pointer;
}

.searchadvbtnup_mail {
    background: url(images/search_advance_up.png) no-repeat;
    width: 7px;
    height: 9px;
    float: left;
    margin: 12px 0px 0px 10px;
    border: 0px;
    cursor: pointer;
}

/*footer */
.footer {
    width: 100%;
    height: 35px;
    background-color: var(--color-BgBlack);
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    float: left;
    box-sizing: border-box;
    margin-top: 35px;
}

.footer_login_page {
    width: 100%;
    height: 35px;
    background-color: var(--color-BgBlack);
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    margin: 225px 0px 0px 0px;
}

.footer_login {
    width: 100%;
    height: 35px;
    background-color: var(--color-BgBlack);
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    margin: 233px 0px 0px 0px;
}

.footertxt {
    font-family: var(--font-1);
    font-size: 12px;
    color: var(--color-TextTextSecondaryCharcoleGray);
    line-height: 34px;
    margin-left: 10px;
    width: 60%;
    float: left;
    margin-bottom: 0px;
}

.footertxtright {
    font-family: var(--font-1);
    font-size: 12px;
    color: var(--color-TextTextSecondaryCharcoleGray);
    line-height: 34px;
    margin-right: 10px;
    float: right;
    margin-bottom: 0px;
}

.fter_lik_color {
    color: var(--color-TextTextSecondaryCharcoleGray);
}

/* view page css view page css view page css */
.viewcontentdiv {
    width: 98%;
    /*margin: 14px auto 24px;*/
    margin: 14px 14px 24px;
    overflow: auto;
}

.viewcontentdiv1 {
    width: 98%;
    margin: 14px auto 24px;
    height: auto;
}

.headertxtorg {
    color: var(--color-TextOrangeWarningText);
    font-family: var(--font-1);
    font-size: 14px;
    font-weight: normal;
    font-weight: 600;
    margin: 0px 0px 6px 0px;
    text-transform: uppercase;
}

.headertxtorg_Small {
    color: var(--color-TextPrimaryBlue);
    font-family: var(--font-1);
    font-size: 12px;
    font-weight: normal;
    font-weight: 600;
    margin: 0px 0px 6px 0px;
    text-transform: capitalize;
}

.viewcon_tb {
    width: 100%;
    margin: 0px;
    display: block;
    height: auto;
    border-bottom: 4px var(--color-BodOrgOffWhite) solid;
    border-top: 4px var(--color-BodOrgOffWhite) solid;
    padding: 2px 0px 1px 0px;
    overflow: hidden;
}

.viewcon_tb1 {
    width: 100%;
    margin: 0px;
    display: block;
    height: auto;
    border-bottom: 1px var(--color-BodPrimaryBlue) solid;
    padding: 2px 0px 1px 0px;
    overflow: hidden;
}

.viewrow1 {
    width: 100%;
    height: auto;
    border-bottom: 1px var(--color-BodOrgWhite) solid;
}

.viewcol1_left {
    background-color: var(--color-BgOrgWhite);
    color: var(--color-TextPrimaryBlue);
    float: left;
    font-family: var(--font-1);
    font-size: 13px;
    height: 130px;
    line-height: 30px;
    text-indent: 6px;
    text-align: left;
    width: 20%;
    text-shadow: 0 0 var(--color-ShadowPrimaryBlue);
}

.viewcol1_right {
    background-color: var(--color-BgOrgOffWhite);
    color: var(--color-TextBlack);
    float: left;
    font-family: var(--font-1);
    font-size: 14px;
    height: 130px;
    line-height: 30px;
    text-indent: 6px;
    text-align: left;
    width: 80%;
    text-shadow: 0 0 var(--color-ShadowBlack);
}

.viewrow2 {
    width: 100%;
    height: 33px;
    border-bottom: 1px var(--color-BodOrgWhite) solid;
}

.viewcol2_left {
    background-color: var(--color-BgOrgOffWhite);
    color: var(--color-TextPrimaryBlue);
    float: left;
    font-family: var(--font-1);
    font-size: 13px;
    height: 33px;
    line-height: 30px;
    text-indent: 6px;
    text-align: left;
    width: 25%;
    text-shadow: 0 0 var(--color-ShadowPrimaryBlue);
}

.viewcol2_right {
    background-color: var(--color-BgOrgWhite);
    color: var(--color-TextBlack);
    float: left;
    font-family: var(--font-1);
    font-size: 14px;
    height: 33px;
    line-height: 30px;
    text-indent: 6px;
    text-align: left;
    width: 75%;
    text-shadow: 0 0 var(--color-ShadowBlack);
}

/*  view page option css */
.viewrow1a {
    width: 100%;
    height: 33px;
    border-bottom: 1px var(--color-BodOrgWhite) solid;
}

.viewcol1a_left {
    background-color: var(--color-BgOrgWhite);
    color: var(--color-TextPrimaryBlue);
    float: left;
    font-family: var(--font-1);
    font-size: 13px;
    height: 33px;
    line-height: 30px;
    text-indent: 6px;
    text-align: left;
    width: 20%;
    text-shadow: 0 0 var(--color-ShadowPrimaryBlue);
}

.viewcol1a_right {
    background-color: var(--color-BgOrgOffWhite);
    color: var(--color-TextBlack);
    float: left;
    font-family: var(--font-1);
    font-size: 14px;
    height: 33px;
    line-height: 30px;
    text-indent: 6px;
    text-align: left;
    width: 30%;
    text-shadow: 0 0 var(--color-ShadowBlack);
}

.viewrow2a {
    width: 100%;
    height: 33px;
    border-bottom: 1px var(--color-BodOrgWhite) solid;
}

.viewcol2a_left {
    background-color: var(--color-BgOrgOffWhite);
    color: var(--color-TextPrimaryBlue);
    float: left;
    font-family: var(--font-1);
    font-size: 13px;
    height: 33px;
    line-height: 30px;
    text-indent: 6px;
    text-align: left;
    width: 20%;
    text-shadow: 0 0 var(--color-ShadowPrimaryBlue);
}

.viewcol2a_right {
    background-color: var(--color-BgOrgWhite);
    color: var(--color-TextBlack);
    float: left;
    font-family: var(--font-1);
    font-size: 14px;
    height: 33px;
    line-height: 30px;
    text-indent: 6px;
    text-align: left;
    width: 30%;
    text-shadow: 0 0 var(--color-ShadowBlack);
}

/* Dashboard page Dashboard Page Dashboard page CSS */
.db_body {
    width: 98.5%;
    margin: 20px auto;
    height: auto;
    display: block;
    overflow: hidden;
}

.newsdiv {
    background: url(images/news_bg.png) repeat-x;
    width: 100%;
    height: 25px;
    margin: 9px 0px 0px;
}

.marquee {
    font-family: var(--font-1);
    font-size: 14px;
    color: var(--color-TextBlack);
    margin-top: -1px;
}

/* dash icon menu */
.db_left_div {
    width: 57%;
    height: 100px;
    float: left;
    height: auto;
    margin-right: 3%;
    overflow: hidden;
}

.db_right_div {
    width: 40%;
    height: 100px;
    float: right;
    height: auto;
    overflow: hidden;
}

.db_full_div {
    float: left;
    height: auto;
    overflow: hidden;
    width: 100%;
    margin-bottom: 288px;
}

.db_r_commun_div {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 20px;
}

.db_r_topband {
    background-color: var(--color-BgOrgOffWhite);
    border: 1px solid var(--color-BodOrgOffWhite);
    color: var(--color-TextPrimaryBlue);
    display: flex;
    align-items: center;
    font-family: var(--font-1);
    font-size: 13px;
    height: 28px;
    line-height: 26px;
    text-indent: 5px;
}

    .db_r_topband > span:last-child {
        flex-grow: 1;
    }

.db_r_table {
    border: 1px var(--color-BodOrgOffWhite) solid;
    border-top: none;
}

.db_icon_div {
    width: 95px;
    height: 95px;
    border: 1px var(--color-BodTextSecondaryCharcoalGray) solid;
    background-color: var(--color-BgOrgWhite);
    float: left;
    border: 1px var(--color-BodTextSecondaryCharcoalGray) solid;
    border-radius: 3px;
    box-shadow: 3px 4px 3px var(--color-ShadowTextSecondaryCharcoleGray);
    margin: 0px 14px 14px 0px;
}

    .db_icon_div:hover {
        border-bottom-left-radius: 50% 20px;
        box-shadow: 3px 4px 3px var(--color-ShadowTextSecondaryCharcoleGray);
    }

.db_icon_in_div {
    float: right;
    margin: 5px auto;
    text-align: center;
    text-decoration: none;
    line-height: 11px;
    width: 92px;
}

.db_icon_img {
    margin: 0px 11px 0px;
}

.db_icon_txt {
    font-family: var(--font-1);
    color: var(--color-TextBlack);
    text-decoration: none;
    font-size: 12px;
}

.db_tb_toprow {
    width: 100%;
    background: url(images/db_tb_toprow_bg.jpg) repeat-x;
    height: 26px;
}

.db_tb_toprow_txt1 {
    font-family: var(--font-1);
    font-size: 12px;
    color: var(--color-TextBlack);
    float: left;
    border-right: 1px var(--color-BodOrgOffWhite) solid;
    text-indent: 12px;
    line-height: 26px;
    width: 49.5%;
}

.db_tb_toprow_txt01 {
    font-family: var(--font-1);
    font-size: 12px;
    color: var(--color-TextBlack);
    float: left;
    border-right: 1px var(--color-BodOrgOffWhite) solid;
    text-indent: 12px;
    line-height: 26px;
    width: 30%;
}

.db_tb_toprow_txt2 {
    font-family: var(--font-1);
    font-size: 12px;
    color: var(--color-TextBlack);
    float: left;
    border-right: 1px var(--color-BodOrgOffWhite) solid;
    text-indent: 12px;
    line-height: 26px;
    width: 20%;
}

.db_tb_toprow_txt3 {
    font-family: var(--font-1);
    font-size: 12px;
    color: var(--color-TextBlack);
    float: left;
    border-right: 1px var(--color-BodOrgOffWhite) solid;
    text-indent: 12px;
    line-height: 26px;
    width: 20%;
}

.db_tb_toprow_txt4 {
    font-family: var(--font-1);
    font-size: 12px;
    color: var(--color-TextBlack);
    float: left;
    text-indent: 12px;
    line-height: 26px;
    width: 20%;
}

.db_tb_toprow_last {
    font-family: var(--font-1);
    font-size: 12px;
    color: var(--color-TextBlack);
    float: left;
    text-indent: 12px;
    line-height: 26px;
    width: 50%;
}

.db_tb_cntrow1 {
    width: 100%;
    background-color: var(--color-BgOrgOffWhite);
    height: 28px;
}

.db_tb_cntrow2 {
    width: 100%;
    background-color: var(--color-BgOrgWhite);
    height: 28px;
}

.db_tb_cnrow_txtadmin {
    font-family: var(--font-1);
    font-size: 12px;
    color: var(--color-TextPrimaryBlue);
    width: 20%;
    float: left;
    border-right: 1px var(--color-BodOrgOffWhite) solid;
    text-indent: 12px;
    line-height: 22px;
    height: 28px;
}

.db_tb_cnrow_txt {
    font-family: var(--font-1);
    font-size: 12px;
    color: var(--color-TextBlack);
    width: 24%;
    float: left;
    border-right: 1px var(--color-BodOrgOffWhite) solid;
    text-indent: 12px;
    line-height: 22px;
    height: 28px;
}

.db_tb_cnrow_txttime {
    font-family: var(--font-1);
    font-size: 12px;
    color: var(--color-TextBlack);
    width: 30%;
    float: left;
    border-right: 1px var(--color-BodOrgOffWhite) solid;
    text-indent: 12px;
    line-height: 22px;
    height: 28px;
}

.db_tb_cnrow_txtpending {
    font-family: var(--font-1);
    font-size: 12px;
    color: var(--color-TextOrangeWarningText);
    width: 24%;
    float: left;
    text-indent: 12px;
    line-height: 22px;
    height: 28px;
}

.db_tb_cnrow_txtapproved {
    font-family: var(--font-1);
    font-size: 12px;
    color: var(--color-TextGreenSuccessAlert);
    width: 24%;
    float: left;
    text-indent: 12px;
    line-height: 22px;
    height: 28px;
}

.db_acc_div {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 6px;
}

.db_tb_rowscrol {
    height: 100px !important;
    overflow-y: scroll;
    overflow-x: visible;
}

.db_tb_inrow1 {
    display: block;
    font-family: var(--font-1);
    font-size: 12px;
    background-color: var(--color-BgOrgOffWhite);
    height: 28px;
    border-top: 1px solid var(--color-BodOrgOffWhite);
}

.db_tb_inner_txt1 {
    border-right: 1px solid var(--color-BodOrgOffWhite);
    color: var(--color-TextOrangeWarningText);
    font-family: var(--font-1);
    font-size: 12px;
    text-indent: 12px;
    float: left;
    line-height: 28px;
    width: 49.5%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.db_tb_inner_txt1_alt {
    border-right: 1px solid var(--color-BodOrgOffWhite);
    color: var(--color-TextBlack);
    font-family: var(--font-1);
    font-size: 12px;
    text-indent: 12px;
    float: left;
    line-height: 28px;
    width: 49.5%;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 28px;
}

.db_tb_inner_txt1_last {
    float: left;
    color: var(--color-TextBlack);
    font-family: var(--font-1);
    font-size: 12px;
    text-indent: 12px;
    line-height: 28px;
    width: 50%;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 28px;
}

.db_tb_inrow2 {
    background-color: var(--color-BgOrgWhite);
    display: block;
    font-family: var(--font-1);
    font-size: 12px;
    height: 28px;
    border-top: 1px solid var(--color-BodOrgOffWhite);
}

.db_tb_inner_txt2 {
    border-right: 1px solid var(--color-BodOrgOffWhite);
    color: var(--color-TextOrangeWarningText);
    font-family: var(--font-1);
    font-size: 12px;
    text-indent: 12px;
    float: left;
    line-height: 28px;
    width: 50%;
    min-height: 28px;
}

.db_tb_inner_txt2_last {
    float: left;
    color: var(--color-TextBlack);
    font-family: var(--font-1);
    font-size: 12px;
    text-indent: 12px;
    line-height: 28px;
    width: 49%;
}

.acc_arrow {
    margin: 0px 2px;
}

/*.acc_arrow_gap {
    margin: 3px 0px;
}*/

.db_tb_inrowauto {
    height: auto;
    overflow: hidden;
    padding: 5px;
    border-top: 1px solid var(--color-BodOrgOffWhite);
}
/* other page css */
a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

a:active {
    text-decoration: none;
}

.new_edit_contentdiv {
    width: 98%;
    height: auto;
    margin: 21px auto;
}

.frm_full {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 15px;
}

.combined_lftrt {
    width: 100%;
    height: auto;
    display: block;
    /* margin-top: 10px; */
    /* margin-bottom:10px; */
    float: left;
}

.combined_adminlist_lftrt {
    float: left;
    word-break: break-all;
    width: 100%;
}

.para_h_txt {
    color: var(--color-TextOrangeWarningText);
    font-weight: 600;
    text-transform: uppercase;
}

.frm_lft {
    width: 49%;
    height: auto;
    float: left;
    margin: 0px;
    display: block;
    overflow: hidden;
}

.frm_lft1 {
    width: 49%;
    height: auto;
    float: left;
    margin: 0px;
    display: block;
}

.frm_rt {
    width: 49%;
    height: auto;
    float: right;
    margin: 0 0 0px 0;
    display: block;
    overflow: hidden;
}

.lblspan {
    width: 100%;
    height: auto;
    margin-top: 10px;
}

.lblspan_chk {
    width: 100%;
    height: auto;
    margin-top: 30px;
    color: var(--color-TextGreenSuccessAlert);
    font-size: 12px;
    font-family: var(--font-1);
}

.txtlabel {
    color: var(--color-TextPrimaryBlue);
    font-size: 13PX;
    display: block;
    margin: 0 5px 3px 0;
    letter-spacing: 0px;
    width: 100%;
    font-family: var(--font-1);
    clear: left; /*css added by vignesh 20231204*/
}

.txtnormal {
    color: var(--color-TextBlack);
    font-size: 13PX;
    display: block;
    margin: 0 5px 3px 0;
    letter-spacing: 0px;
    width: 100%;
    font-family: var(--font-1);
}

.arabtxtlabel {
    color: var(--color-TextPrimaryBlue);
    font-size: 13PX;
    display: block;
    margin: 0px 0px 3px -2px;
    letter-spacing: 0px;
    width: 100%;
    text-align: right;
}

.txt_box_bg {
    background-color: var(--color-BgOrgWhite);
    border: 1px solid var(--color-BodTertiaryGray);
    border-radius: 4px 4px 4px 4px;
    display: block;
    overflow: hidden;
    padding: 2px;
}

    .txt_box_bg:hover {
        background-color: var(--color-BgBlack);
    }

    .txt_box_bg:focus:hover {
        background-color: var(--color-BgOrgOffWhite);
        border: var(--color-BodRedErrorText) 1px solid;
        border-radius: 4px;
        padding: 2px;
        display: block; /*Block changed into inlineblock By Anupriya R*/
        overflow: hidden;
    }

.txt_box_bg_error {
    background-color: var(--color-BgOrgWhite);
    border: var(--color-BodRedErrorText) 1px solid;
    border-radius: 4px;
    padding: 2px 2px 2px 2px;
    display: inline-block; /*Block changed into inlineblock By Anupriya R*/
    overflow: hidden;
}

    .txt_box_bg_error:hover {
        background-color: var(--color-BgOrgWhite);
        border: var(--color-BodRedErrorText) 1px solid;
        border-radius: 4px;
        padding: 2px 2px 2px 2px;
        display: inline-block; /*Block changed into inlineblock By Anupriya R*/
        overflow: hidden;
    }

.txt_box_cap {
    background-color: var(--color-BgOrgWhite);
    border: var(--color-BodTertiaryGray) 1px solid;
    border-radius: 4px;
    padding: 2px 4px 2px 2px;
    display: block;
    overflow: hidden;
    width: 88%;
    margin-top: 10px;
}

    .txt_box_cap:hover {
        background-color: var(--color-BgBlack);
    }

.txt_box_cap_error {
    background-color: var(--color-BgOrgWhite);
    border: var(--color-BodRedErrorText) 1px solid;
    border-radius: 4px;
    padding: 2px 4px 2px 2px;
    display: block;
    overflow: hidden;
    width: 88%;
    margin-top: 10px;
}

    .txt_box_cap_error:hover {
        background-color: var(--color-BgOrgWhite);
        border: var(--color-BodRedErrorText) 1px solid;
        border-radius: 4px;
        padding: 2px 4px 2px 2px;
        display: block;
        overflow: hidden;
        width: 88%;
        margin-top: 10px;
    }

/*.txt_box {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-bottom: 2px;
    box-shadow: 0 0 1px 1px var(--color-ShadowOrgOffWhite) inset;
    border: var(--color-BodOrgOffWhite) 1px solid;
    background-color: var(--color-BgOrgWhite);
    color: var(--color-TextBlack);
    font-size: 14px;
    text-indent: 4px;
    height: 23px;
    width: 99.8%;
    font-family: var(--font-1);
}*/

/* .txt_box:focus {
        border-radius: 2px;
        -moz-border-radius: 2px;
        -khtml-border-radius: 2px;
        -webkit-border-bottom: 2px;
        box-shadow: 0 0 1px 1px var(--color-ShadowOrgOffWhite) inset;
        border: var(--color-BodOrgOffWhite) 1px solid;
        background-color: var(--color-BgOrgOffWhite);
        color: var(--color-TextBlack);
        font-size: 14px;
        text-indent: 4px;
        height: 23px;
        width: 99.8%;
        font-family: var(--font-1);
    }*/

.txt_box1 {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-bottom: 2px;
    box-shadow: 0 0 1px 1px var(--color-ShadowOrgOffWhite) inset;
    border: var(--color-BodOrgOffWhite) 1px solid;
    background-color: var(--color-BgOrgWhite);
    color: var(--color-TextBlack);
    font-size: 14px;
    text-indent: 4px;
    height: 23px;
    width: 97%;
    font-family: var(--font-1);
}

    .txt_box1:focus {
        border-radius: 2px;
        -moz-border-radius: 2px;
        -khtml-border-radius: 2px;
        -webkit-border-bottom: 2px;
        box-shadow: 0 0 1px 1px var(--color-ShadowOrgOffWhite) inset;
        border: var(--color-BodOrgOffWhite) 1px solid;
        background-color: var(--color-BgOrgOffWhite);
        color: var(--color-TextBlack);
        font-size: 14px;
        text-indent: 4px;
        height: 23px;
        width: 97%;
        font-family: var(--font-1);
    }

.txt_box2 {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-bottom: 2px;
    box-shadow: 0 0 1px 1px var(--color-ShadowOrgOffWhite) inset;
    border: var(--color-BodOrgOffWhite) 1px solid;
    background-color: var(--color-BgOrgWhite);
    color: var(--color-TextBlack);
    font-size: 14px;
    text-indent: 4px;
    height: 23px;
    width: 98.5%;
    font-family: var(--font-1);
}

    .txt_box2:focus {
        border-radius: 2px;
        -moz-border-radius: 2px;
        -khtml-border-radius: 2px;
        -webkit-border-bottom: 2px;
        box-shadow: 0 0 1px 1px var(--color-ShadowOrgOffWhite) inset;
        border: var(--color-BodOrgOffWhite) 1px solid;
        background-color: var(--color-BgOrgOffWhite);
        color: var(--color-TextBlack);
        font-size: 14px;
        text-indent: 4px;
        height: 23px;
        width: 98.5%;
        font-family: var(--font-1);
    }

.txt_box_tab {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-bottom: 2px;
    box-shadow: 0 0 1px 1px var(--color-ShadowOrgOffWhite) inset;
    border: var(--color-BodOrgOffWhite) 1px solid;
    background-color: var(--color-BgOrgWhite);
    color: var(--color-TextBlack);
    font-size: 13px;
    text-indent: 4px;
    height: 23px;
    width: 99.5%;
}

.star {
    color: var(--color-TextRedErrorText);
}

.fltlft {
    float: left;
}

.fltrt {
    float: right;
}

.fltnone {
    float: none;
}

.vr_space {
    height: 14px;
}

.line {
    background: url(images/devider1.jpg) repeat-x center center;
    height: 22px;
    width: auto;
    margin: 24px 0px 0px;
}

.chk_box {
    margin: 5px 7px 0px 0;
    float: left;
}

.green_chk_txt {
    color: var(--color-TextGreenSuccessAlert);
    display: inline-block;
    font-size: 12px;
    margin: 0 20px;
    letter-spacing: 0px;
}

.nrml_chk_txt {
    color: var(--color-TextGreenSuccessAlert);
    display: inline-block;
    font-size: 12px;
    margin: 10px 20px 0px 0px;
    letter-spacing: 0px;
}

.chk_box_red {
    background: url(images/chk_box_red.png) no-repeat;
    height: 13px;
    width: 13px;
    display: block;
    clear: left;
    float: left;
    padding: 0px;
}

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

.location_txt {
    float: right;
    margin: 8px 0;
    font-size: 12px;
}

.g_map_txt {
    color: var(--color-TextOrangeWarningText);
    letter-spacing: 0px;
}

.e_mail_txt {
    color: var(--color-TextBlack);
    font-size: 11px;
    letter-spacing: 0px;
    line-height: 22px;
}

.grey_txt_sml {
    color: var(--color-TextBlack);
    font-size: 11px;
    letter-spacing: 0px;
}

.chk_form {
    width: 100%;
    height: auto;
    margin-top: 8px;
}

.email_box {
    width: 100%;
    height: auto;
    margin: 15px 0;
}

.e_type {
    height: auto;
    float: left;
    width: 20%;
    margin-right: 13px;
}

.e_side {
    height: auto;
    float: left;
    margin-right: 10px;
    width: 50%;
    display: block;
    overflow: hidden;
}

.plus_icon {
    height: auto;
    float: left;
    margin: 21px 5px 0px 0px;
    padding: 0px;
    cursor: pointer;
}

.add_link {
    width: 100%;
    height: auto;
    margin: 23px 0 10px 0;
    color: var(--color-TextBlack);
    font-size: 11px;
    letter-spacing: 0px;
}

.add_link1 {
    width: 100%;
    height: auto;
    margin: 10px 0px 0px 0px;
    color: var(--color-TextBlack);
    font-size: 11px;
    letter-spacing: 0px;
}

.add_link_txt {
    color: var(--color-TextBlack);
    letter-spacing: 0px;
    cursor: pointer;
}

/* Start of tabs */

.full_container {
    margin: auto 0;
}

ul.tabs {
    margin-bottom: -2px;
    margin-left: -3px;
    padding: 0;
    float: left;
    list-style: none;
    height: 32px;
    width: 60%;
}

    ul.tabs li {
        float: left;
        margin: 0;
        padding: 0;
        height: 31px;
        line-height: 31px;
        margin-bottom: 15px;
        background-image: url(images/tap_border.png);
        background-position: top;
        background-repeat: repeat-x;
        overflow: hidden;
        position: relative;
        margin-left: 3px;
    }

        ul.tabs li a {
            text-decoration: none;
            color: var(--color-TextPrimaryBlue);
            font-size: 12px;
            display: block;
            padding: 0 15px;
            border: 1px solid var(--color-BodOrgOffWhite);
            outline: none;
            border-top-right-radius: 3px;
            border-top-left-radius: 3px;
        }

            ul.tabs li a:hover {
                background: var(--color-BgOrgOffWhite);
            }

html ul.tabs li.active, html ul.tabs li.active a:hover {
    background: var(--color-BgOrgOffWhite);
}

.tab_container {
    border: 1px solid var(--color-BodOrgOffWhite);
    clear: both;
    float: left;
    width: 99.7%;
    background: var(--color-BgOrgOffWhite);
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 3px;
    margin-bottom: 5px;
}

.tab_content {
    padding: 10px;
    height: auto;
}

    .tab_content h2 {
        padding-bottom: 10px;
        border-bottom: 1px dashed var(--color-BodOrgOffWhite);
    }

    .tab_content h3 a {
        color: var(--color-TextPrimaryBlue);
    }

    .tab_content img {
        border: 0px solid var(--color-BodOrgOffWhite);
    }

.clr {
    clear: both;
    overflow: hidden;
    height: 0;
}
/* End of tabs */

#menu-images {
    margin: 6px 0px 0px 6px;
}

/* Start of Tooltips */

div.speechbubbles {
    background: url(images/msg_icon.jpg) var(--color-BgOrgOffWhite) no-repeat 8px center;; /*background color of tooltip*/
    border: 1px solid var(--color-BodOrgOffWhite);
    font-family: var(--font-1);
    font-size: 11px;
    position: absolute;
    letter-spacing: 1px;
    top: 0;
    z-index: 100;
    visibility: hidden;
    line-height: 1.3em;
    padding: 5px 10px 5px 30px;
    width: auto; /*default width of tooltip*/
    border-radius: 3px; /*CSS3 border radius*/
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: var(--color-TextBlack);
}

    div.speechbubbles div.speechbubbles-arrow { /*shared CSS for arrow DIV (upwards pointing)*/
        border-color: transparent transparent var(--color-BodOrgOffWhite) transparent; /*border color should be same as div.speechbubbles background color*/
        border-style: solid;
        border-width: 7px;
        height: 0;
        width: 0;
        position: absolute;
        top: -12px;
        left: 35px;
        z-index: 101;
        _display: none; /*IE hack to hide arrow in IE6*/
    }

    div.speechbubbles div.speechbubbles-arrow-border { /*shared CSS for arrow border DIV*/
        border-color: transparent transparent var(--color-BodOrgOffWhite) transparent; /*border color should be same as div.speechbubbles border color*/
        border-style: solid;
        border-width: 7px;
        height: 0;
        width: 0;
        position: absolute;
        top: -13px;
        left: 35px;
        z-index: 1;
        _display: none; /*IE hack to hide arrow in IE6*/
    }

div.downversion div.speechbubbles-arrow { /*down arrow DIV specific CSS*/
    border-color: var(--color-BodOrgOffWhite) transparent transparent transparent; /*border color should be same as div.speechbubbles background color*/
    top: auto;
    bottom: -14px;
}

div.downversion div.speechbubbles-arrow-border { /*down arrow border DIV specific CSS*/
    border-color: var(--color-BodOrgOffWhite) transparent transparent transparent; /*border color should be same as div.speechbubbles border color*/
    top: auto;
    bottom: -15px;
}
/*.resize
{
height:30px;
}*/
.sel_text {
    color: var(--color-TextBlack);
    font-size: 14px;
    font-family: var(--font-1);
    background-color: var(--color-BgOrgWhite);
    border: 1px solid var(--color-BodTextSecondaryCharcoalGray);
}

.subhtxt_grey {
    font-family: var(--font-1);
    font-size: 18px;
    color: var(--color-TextBlack);
    letter-spacing: 0px;
}

.txt_grey {
    color: var(--color-TextBlack);
    font-size: 11px;
    letter-spacing: 0;
    line-height: 22px;
}

.arabdir {
    float: right;
    width: 100%;
}

.arb_dir {
    direction: rtl;
}

/*table */

table.adminlist {
    width: 100%;
    color: var(--color-TextBlack);
    font-size: 12.5px;
    border: 1px solid var(--color-BodOrgOffWhite);
    font-family: var(--font-1);
}

    table.adminlist a {
        color: var(--color-TextOrgOffWhite);
        font-size: 12.5px;
        font-family: var(--font-1);
    }

    table.adminlist td,
    table.adminlist th {
        padding: 5px;
        border-right: 1px solid var(--color-BodOrgOffWhite);
    }

    table.adminlist td {
        padding-left: 5px;
        border-right: 1px solid var(--color-BodOrgOffWhite);
    }

    table.adminlist thead th {
        background-image: url(images/table_bg.png);
        background-position: left top;
        background-repeat: repeat-x;
        color: var(--color-TextBlack);
        font-family: var(--font-1);
        font-size: 12.5px;
        font-weight: normal;
        text-align: center;
        white-space: nowrap;
    }

    table.adminlist thead tr.row2 th {
        background-color: var(--color-BgOrgOffWhite);
        background-image: none;
    }

    table.adminlist thead th.left {
        text-align: left;
    }

    table.adminlist tbody td.center {
        text-align: center;
    }

    table.adminlist tbody td.right {
        text-align: right;
    }

    table.adminlist thead th.right {
        text-align: right;
    }

    table.adminlist thead a:hover {
        text-decoration: none;
    }

    table.adminlist thead th img {
        vertical-align: middle;
    }

    table.adminlist thead tr th:last-child {
        border-right: none medium;
    }

    table.adminlist tbody th {
    }

    table.adminlist tbody tr {
        background-color: var(--color-BgOrgWhite);
        text-align: left;
        min-height: 30px;
    }

        table.adminlist tbody tr.row0 td {
            border-top: 1px solid var(--color-BodOrgOffWhite);
            border-bottom: 1px solid var(--color-BodOrgOffWhite);
        }

            table.adminlist tbody tr.row0 td.abminbrderbottom {
                border-bottom: 1px solid var(--color-BodOrgOffWhite) !important;
            }

        table.adminlist tbody tr.rowlast td {
            border-top: 1px solid var(--color-BodOrgOffWhite);
        }

        table.adminlist tbody tr.rowlast1 td {
            border-top: 1px solid var(--color-BodOrgOffWhite);
            background: var(--color-BgOrgOffWhite);
        }

        table.adminlist tbody tr.row_nbrdr td {
            background-color: var(--color-BgOrgOffWhite);
        }

        table.adminlist tbody tr.row_blubg td {
            border-top: 1px solid var(--color-BodOrgOffWhite);
            background-color: var(--color-BgOrgOffWhite);
            border-bottom: 1px solid var(--color-BodOrgOffWhite);
        }

        table.adminlist tbody tr td {
            background: var(--color-BgOrgWhite);
        }

        table.adminlist tbody tr.row1 td {
            background: var(--color-BgOrgOffWhite);
        }

        table.adminlist tbody tr.row2 td {
            background: var(--color-BgOrgOffWhite);
            border-bottom: 1px solid var(--color-BodOrgOffWhite);
        }

        table.adminlist tbody tr td:last-child {
            /* border-bottom: medium none;*/
            border-right: medium none;
        }

    table.adminlist tfoot tr {
        text-align: center;
        color: var(--color-TextBlack);
    }

    table.adminlist tfoot td, table.adminlist tfoot {
        background-color: var(--color-BgOrgOffWhite);
        text-align: center;
    }

    table.adminlist .pagination {
        display: inline-block;
        padding: 0;
        margin: 0 auto;
        text-align: center;
    }

.btext {
    color: var(--color-TextBlack);
    text-shadow: 0px 0px var(--color-ShadowTextSecondaryCharcoleGray);
}

/*----------------------------------------------*/

table.adminlist1 {
    width: 100%;
    font-size: 12px;
    color: var(--color-TextOrgOffWhite);
    border: 1px solid var(--color-BodOrgOffWhite);
    font-family: var(--font-1);
}

    table.adminlist1 td,
    table.adminlist1 th {
        padding: 5px;
        background-color: var(--color-BgOrgWhite);
        border-right: 1px solid var(--color-BodOrgOffWhite);
    }

    table.adminlist1 td {
        padding-left: 5px;
        border-right: 1px solid var(--color-BodOrgOffWhite);
    }

    table.adminlist1 thead th {
        background-image: url(images/table_bg.png);
        background-position: left top;
        background-repeat: repeat-x;
        background-color: var(--color-BgOrgWhite);
        border: 1px solid var(--color-BodOrgOffWhite);
        color: var(--color-TextBlack);
        font-family: var(--font-1);
        font-size: 12.5px;
        font-weight: normal;
        text-align: center;
    }

        table.adminlist1 thead th.left {
            text-align: left;
            background-color: var(--color-BgOrgWhite);
        }

    table.adminlist1 tbody td.center {
        text-align: center;
        background-color: var(--color-BgOrgWhite);
    }

    table.adminlist1 thead a:hover {
        text-decoration: none;
        background-color: var(--color-BgOrgWhite);
    }

    table.adminlist1 thead th img {
        vertical-align: middle;
        background-color: var(--color-BgOrgWhite);
    }

    table.adminlist1 tbody th {
        background-color: var(--color-BgOrgWhite);
    }

    table.adminlist1 tbody tr {
        background-color: var(--color-BgOrgWhite);
        text-align: left;
        height: 30px;
    }

        table.adminlist1 tbody tr.row0:hover td,
        table.adminlist1 tbody tr.row1:hover td {
            background-color: var(--color-BgOrgWhite);
        }

        table.adminlist1 tbody tr td {
            border-left-color: var(--color-BodOrgOffWhite);
            border-bottom-color: var(--color-BodOrgOffWhite);
            color: var(--color-TextBlack);
        }

        table.adminlist1 tbody tr.row1 td {
            background-color: var(--color-BgOrgWhite);
            color: var(--color-TextBlack);
        }

        table.adminlist1 tbody tr.row2 td {
            border: 0px solid var(--color-BodOrgWhite);
            color: var(--color-TextBlack);
            border-bottom: 1px solid var(--color-BodOrgOffWhite);
        }

    table.adminlist1 tfoot tr {
        text-align: center;
        color: var(--color-TextBlack);
    }

    table.adminlist1 tfoot td, table.adminlist tfoot {
        background-color: var(--color-BgOrgWhite);
        text-align: center;
    }

    table.adminlist1 .pagination {
        display: inline-block;
        padding: 0;
        margin: 0 auto;
        text-align: center;
        background-color: var(--color-BgOrgWhite);
    }

table.adminlistFine {
    width: 114%;
    font-size: 12.5px;
    color: var(--color-TextOrgOffWhite);
    border: 1px solid var(--color-BodOrgOffWhite);
    font-family: var(--font-1);
}

    table.adminlistFine td,
    table.adminlistFine th {
        padding: 5px;
        background-color: var(--color-BgOrgWhite);
        border-right: 1px solid var(--color-BodOrgOffWhite);
    }

    table.adminlistFine td {
        padding-left: 5px;
        border-right: 1px solid var(--color-BodOrgOffWhite);
    }

    table.adminlistFine thead th {
        background-image: url(images/table_bg.png);
        background-position: left top;
        background-repeat: repeat-x;
        background-color: var(--color-BgOrgWhite);
        border: 1px solid var(--color-BodOrgOffWhite);
        color: var(--color-TextBlack);
        font-family: var(--font-1);
        font-size: 12.5px;
        font-weight: normal;
        text-align: center;
    }

        table.adminlistFine thead th.left {
            text-align: left;
            background-color: var(--color-BgOrgWhite);
        }

    table.adminlistFine tbody td.center {
        text-align: center;
        background-color: var(--color-BgOrgWhite);
    }

    table.adminlistFine thead a:hover {
        text-decoration: none;
        background-color: var(--color-BgOrgWhite);
    }

    table.adminlistFine thead th img {
        vertical-align: middle;
        background-color: var(--color-BgOrgWhite);
    }

    table.adminlistFine tbody th {
        background-color: var(--color-BgOrgWhite);
    }

    table.adminlistFine tbody tr {
        background-color: var(--color-BgOrgWhite);
        text-align: left;
        height: 30px;
    }

        table.adminlistFine tbody tr.row0:hover td,
        table.adminlistFine tbody tr.row1:hover td {
            background-color: var(--color-BgOrgWhite);
        }

        table.adminlistFine tbody tr td {
            border-left-color: var(--color-BodOrgOffWhite);
            border-bottom-color: var(--color-BodOrgOffWhite);
            color: var(--color-TextBlack);
        }

        table.adminlistFine tbody tr.row1 td {
            background-color: var(--color-BgOrgWhite);
            color: var(--color-TextBlack);
        }

        table.adminlistFine tbody tr.row2 td {
            border: 0px solid var(--color-BodOrgWhite);
            color: var(--color-TextBlack);
            border-bottom: 1px solid var(--color-BodOrgOffWhite);
        }

    table.adminlistFine tfoot tr {
        text-align: center;
        color: var(--color-TextBlack);
    }

    table.adminlistFine tfoot td, table.adminlist tfoot {
        background-color: var(--color-BgOrgWhite);
        text-align: center;
    }

    table.adminlistFine .pagination {
        display: inline-block;
        padding: 0;
        margin: 0 auto;
        text-align: center;
        background-color: var(--color-BgOrgWhite);
    }

.table_arrow {
    background-image: url(images/table_arrow.png);
    background-repeat: no-repeat;
    width: 12px;
    height: 10px;
    float: right;
    margin: 4px 4px 0 0;
}

.toprowh {
    height: 31px;
}

.redtxt {
    font-family: var(--font-1);
    font-size: 13px;
    color: var(--color-TextOrangeWarningText);
    text-align: left;
}

table.adminlist td.norow_col {
    padding-left: 5px;
    border-right: 0px solid var(--color-BodOrgOffWhite);
}

table.adminlist th.norow_col1 {
    padding-left: 5px;
    border-right: 0px solid var(--color-BodOrgOffWhite);
}

/* pagonation    */

.pagmenu {
    width: 282px;
    height: 22px;
    float: left;
    display: block;
    margin-bottom: 15px;
}

    .pagmenu ul li {
        float: left;
        list-style-type: none;
    }

        .pagmenu ul li a {
            text-decoration: none;
            display: block;
            cursor: pointer;
            font-family: var(--font-1);
            font-size: 12px;
            color: var(--color-TextBlack);
            text-indent: 6px;
            line-height: 20px;
        }

            .pagmenu ul li a.pagrefresh {
                background: url(images/pagination_menu_bg.jpg) no-repeat left top;
                width: 21px;
                height: 22px;
            }

                .pagmenu ul li a.pagrefresh:hover {
                    background: url(images/pagination_menu_bg.jpg) no-repeat left bottom;
                    width: 21px;
                    height: 22px;
                }

            .pagmenu ul li a.pagprev {
                background: url(images/pagination_menu_bg.jpg) no-repeat -21px top;
                width: 54px;
                height: 22px;
            }

            .pagmenu ul li a.pagone {
                background: url(images/pagination_menu_bg.jpg) no-repeat -75px bottom;
                width: 17px;
                height: 22px;
            }

                .pagmenu ul li a.pagone:hover {
                    background: url(images/pagination_menu_bg.jpg) no-repeat -75px bottom;
                    width: 17px;
                    height: 22px;
                }

            .pagmenu ul li a.pagtwo {
                background: url(images/pagination_menu_bg.jpg) no-repeat -92px top;
                width: 17px;
                height: 22px;
            }

                .pagmenu ul li a.pagtwo:hover {
                    background: url(images/pagination_menu_bg.jpg) no-repeat -92px bottom;
                    width: 17px;
                    height: 22px;
                }

            .pagmenu ul li a.pagthree {
                background: url(images/pagination_menu_bg.jpg) no-repeat -109px top;
                width: 16px;
                height: 22px;
            }

                .pagmenu ul li a.pagthree:hover {
                    background: url(images/pagination_menu_bg.jpg) no-repeat -109px bottom;
                    width: 16px;
                    height: 22px;
                }

            .pagmenu ul li a.pagfour {
                background: url(images/pagination_menu_bg.jpg) no-repeat -125px top;
                width: 16px;
                height: 22px;
            }

                .pagmenu ul li a.pagfour:hover {
                    background: url(images/pagination_menu_bg.jpg) no-repeat -125px bottom;
                    width: 16px;
                    height: 22px;
                }

            .pagmenu ul li a.pagfive {
                background: url(images/pagination_menu_bg.jpg) no-repeat -141px top;
                width: 16px;
                height: 22px;
            }

                .pagmenu ul li a.pagfive:hover {
                    background: url(images/pagination_menu_bg.jpg) no-repeat -141px bottom;
                    width: 16px;
                    height: 22px;
                }

            .pagmenu ul li a.pagsix {
                background: url(images/pagination_menu_bg.jpg) no-repeat -157px top;
                width: 16px;
                height: 22px;
            }

                .pagmenu ul li a.pagsix:hover {
                    background: url(images/pagination_menu_bg.jpg) no-repeat -157px bottom;
                    width: 16px;
                    height: 22px;
                }

            .pagmenu ul li a.pagseven {
                background: url(images/pagination_menu_bg.jpg) no-repeat -173px top;
                width: 16px;
                height: 22px;
            }

                .pagmenu ul li a.pagseven:hover {
                    background: url(images/pagination_menu_bg.jpg) no-repeat -173px bottom;
                    width: 16px;
                    height: 22px;
                }

            .pagmenu ul li a.pageight {
                background: url(images/pagination_menu_bg.jpg) no-repeat -189px top;
                width: 16px;
                height: 22px;
            }

                .pagmenu ul li a.pageight:hover {
                    background: url(images/pagination_menu_bg.jpg) no-repeat -189px bottom;
                    width: 16px;
                    height: 22px;
                }

            .pagmenu ul li a.pagnine {
                background: url(images/pagination_menu_bg.jpg) no-repeat -205px top;
                width: 17px;
                height: 22px;
            }

                .pagmenu ul li a.pagnine:hover {
                    background: url(images/pagination_menu_bg.jpg) no-repeat -205px bottom;
                    width: 17px;
                    height: 22px;
                }

            .pagmenu ul li a.pagten {
                background: url(images/pagination_menu_bg.jpg) no-repeat -222px top;
                width: 20px;
                height: 22px;
            }

                .pagmenu ul li a.pagten:hover {
                    background: url(images/pagination_menu_bg.jpg) no-repeat -222px bottom;
                    width: 20px;
                    height: 22px;
                }

            .pagmenu ul li a.pagnxt {
                background: url(images/pagination_menu_bg.jpg) no-repeat -242px top;
                width: 17px;
                height: 22px;
            }

                .pagmenu ul li a.pagnxt:hover {
                    background: url(images/pagination_menu_bg.jpg) no-repeat -242px bottom;
                    width: 17px;
                    height: 22px;
                }

            .pagmenu ul li a.paglst {
                background: url(images/pagination_menu_bg.jpg) no-repeat -259px top;
                width: 18px;
                height: 22px;
            }

                .pagmenu ul li a.paglst:hover {
                    background: url(images/pagination_menu_bg.jpg) no-repeat -259px bottom;
                    width: 18px;
                    height: 22px;
                }

.bottomrightrow {
    width: auto;
    float: right;
    margin-top: 2px;
}

.manupag {
    width: 200px;
    height: auto;
    display: block;
    overflow: hidden;
    float: left;
}

.manutxtfield {
    height: 18px;
    width: 26px;
    font-family: var(--font-1);
    font-size: 12px;
    text-decoration: none;
    color: var(--color-TextBlack);
    text-indent: 8px;
    float: left;
}

.manutxt {
    font-family: var(--font-1);
    font-size: 12px;
    color: var(--color-TextBlack);
    float: left;
    margin: 0px 10px;
    line-height: 20px;
}

/* error div */

.errorbox {
    width: 179px;
    height: 28px;
    background-color: var(--color-BgOrgOffWhite);
    border: 2px var(--color-BodOrgOffWhite) solid;
    border-radius: 2px;
    background: url(images/error_arrow.png) no-repeat;
    margin-top: 5px;
}

.bubble {
    position: absolute;
    margin-left: 10%;
    margin-top: 6px;
    background-image: url(images/error_icon.jpg);
    background-repeat: no-repeat;
    background-position: 5% 49%;
    background-color: var(--color-BgOrgOffWhite);
    width: auto;
    border: 2px var(--color-BodOrgOffWhite) solid;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 4px 10px 3px 30px;
    font-family: var(--font-1);
    font-size: 11px;
    color: var(--color-TextBlack);
    letter-spacing: 1px;
    z-index: 1;
}

.bubble_date {
    position: absolute;
    margin-left: 0px;
    margin-top: 6px;
    background-image: url(images/error_icon.jpg);
    background-repeat: no-repeat;
    background-position: 5% 49%;
    background-color: var(--color-BgOrgOffWhite);
    width: auto;
    border: 2px var(--color-BodOrgOffWhite) solid;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 4px 10px 3px 30px;
    font-family: var(--font-1);
    font-size: 11px;
    color: var(--color-TextBlack);
    letter-spacing: 1px;
    z-index: 1;
}

.arrow_date {
    width: 0px;
    height: 0px;
    top: -7px;
    left: 80%;
    border-bottom: 6px solid var(--color-BodOrgOffWhite);
    border-left: 5px solid var(--color-BodOrgWhite);
    border-right: 5px solid var(--color-BodOrgWhite);
    position: absolute;
}

.arrow_up {
    width: 0px;
    height: 0px;
    top: -7px;
    left: 80%;
    border-bottom: 6px solid var(--color-BodOrgOffWhite);
    border-left: 5px solid var(--color-BodOrgWhite);
    border-right: 5px solid var(--color-BodOrgWhite);
    position: absolute;
}

.arrow_up_auto {
    width: 0px;
    height: 0px;
    top: -7px;
    left: 80%;
    border-bottom: 6px solid var(--color-BodOrgOffWhite);
    border-left: 5px solid var(--color-BodOrgWhite);
    border-right: 5px solid var(--color-BodOrgWhite);
    position: absolute;
}

.arrow_up_login {
    width: 0px;
    height: 0px;
    top: -7px;
    left: 80%;
    border-bottom: 6px solid var(--color-BodOrgOffWhite);
    border-left: 5px solid var(--color-BodOrgOffWhite);
    border-right: 5px solid var(--color-BodOrgOffWhite);
    position: absolute;
}

/* advanced Search */

#top-panel {
    border: 1px solid var(--color-BodOrgOffWhite);
    padding: 20px 20px;
    text-align: right;
    display: none;
    margin: 10px 0;
}

#sub-panel {
    text-align: center;
}

    #sub-panel a {
        width: 150px;
        float: right;
        color: var(--color-TextOrgWhite);
        text-decoration: none;
        margin-right: 30px;
        font-weight: bold;
        background: url(img/sub-left.png) bottom left no-repeat var(--color-BgOrgOffWhite);
    }

        #sub-panel a span {
            padding: 6px;
            background: url(img/sub-right.png) right bottom no-repeat;
            display: block;
        }

.panel_tog {
    display: block;
    overflow: hidden;
    height: 28px;
}

.panel_tog_four {
    display: block;
    overflow: auto;
    overflow: hidden;
    height: 80px;
}

strong {
    color: var(--color-TextBlack);
}

.face {
    border: solid 2px var(--color-BodOrgOffWhite);
    margin-left: 10px;
    float: right;
}

:focus {
    outline: 0;
}
/*.advstyled-select1 select 
{
-webkit-appearance: button;
-webkit-border-radius: 0px;
-webkit-box-shadow: 0px 0px 0px var(--color-ShadowBlack);
-webkit-padding-end: 20px;
-webkit-padding-start: 2px;
-webkit-user-select: none;
text-overflow:ellipsis;
background: transparent;     
width: 145px;
font-size: 12px;
line-height:19px;
border: 1px solid var(--color-BodOrgOffWhite);  
padding-right:15px; 
z-index:101;
}
.advstyled-select1
{
width:37%; float:left;
}
.advance-select1 option 
{
padding:3px;
text-indent:10px;
}*/
.txt_box_advnce {
    border: 1px solid var(--color-BodTertiaryGray);
    border-radius: 5px 5px 5px 5px;
    color: var(--color-TextBlack);
    font-size: 13px;
    /*height: 30px;*/
    padding: 5px 0px;
    text-indent: 1px;
    width: 100%;
}

    .txt_box_advnce option {
        text-indent: 5px;
        border-right: 1px solid var(--color-BodTextSecondaryCharcoalGray);
    }

.advnarea {
    width: 37%;
    float: left;
}

.inptarea {
    width: 60%;
    float: left;
    margin-left: 10px;
}

.advn_lft {
    width: 49%;
    height: auto;
    float: left;
    margin: 0px;
    display: block;
    overflow: hidden;
    /*margin-bottom: 15px;*/
    margin-bottom: 14px;
}

.advn_rt {
    width: 49%;
    height: auto;
    float: right;
    margin: 0px;
    display: block;
    overflow: hidden;
    margin-bottom: 15px;
}

.txt_box_inpt {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-bottom: 2px;
    box-shadow: 0 0 1px 1px var(--color-ShadowOrgOffWhite) inset;
    border: var(--color-BodOrgOffWhite) 1px solid;
    background-color: var(--color-BgOrgWhite);
    color: var(--color-TextBlack);
    font-size: 13px;
    text-indent: 4px;
    height: 23px;
    width: 99.5%;
}

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

/* login page css login page css login page css */

.l_logo_div {
    width: 100%;
    height: 57px;
    margin: 17px 0px;
    background-color: var(--color-BgOrgWhite);
}

.l_logo_div1 {
    width: 100%;
    height: 43px;
    margin: 0px 0px 17px 0px;
    background-color: var(--color-BgOrgWhite);
}

.l_logo_img {
    float: right;
}

.log_main_div {
    width: 100%;
    height: auto;
    display: block;
    overflow: hidden;
    margin: 0px 0px 266px 0px;
}

.log_left_div {
    width: 40.5%;
    height: 233px;
    overflow: hidden;
    display: block;
    background-color: var(--color-BgOrgOffWhite);
    margin-right: 1%;
    float: left;
    border: 1px var(--color-BodTertiaryGray) solid;
    border-radius: 2px;
    box-shadow: 3px 4px 3px var(--color-ShadowTextSecondaryCharcoleGray);
}

.log_left_div_inner {
    width: 98%;
    height: 98%;
    overflow: hidden;
    display: block;
    background-color: var(--color-BgOrgWhite);
    margin: 0 auto;
    border: 1px var(--color-BodTertiaryGray) solid;
    border-radius: 2px;
}

.log_right_div {
    width: 57.5%;
    height: 233px;
    margin-right: 0.5%;
    overflow: hidden;
    display: block;
    background-color: var(--color-BgOrgOffWhite);
    float: right;
    border: 1px var(--color-BodTertiaryGray) solid;
    border-radius: 2px;
    box-shadow: 3px 4px 3px var(--color-ShadowTextSecondaryCharcoleGray);
    margin-bottom: 10px;
}

.vir_div {
    width: 550px;
    height: auto;
    margin: 45px auto 0px;
}

.virtxt {
    font-family: var(--font-1);
    font-size: 13px;
    color: var(--color-TextBlack);
    text-decoration: none;
    margin: -10px 0 3px 9px;
}

.virtxtorn {
    font-family: var(--font-1);
    font-size: 13px;
    color: var(--color-TextOrangeWarningText);
    text-decoration: none;
    margin: 0px 0px 12px 0px;
    font-size: 13px;
}

.log_in_div {
    width: 95%;
    height: auto;
    margin: 15px auto;
}

.signintxt {
    font-family: var(--font-1);
    font-size: 16px;
    color: var(--color-TextPrimaryBlue);
    text-align: left;
    font-weight: bold;
}

.log_row1 {
    width: 100%;
    height: 31px;
    display: block;
    overflow: hidden;
    margin: 0px 0px 15px 0px;
}

.log_row3 {
    width: 100%;
    display: block;
    overflow: hidden;
    margin: 0px 0px 5px 0px;
}

.l_ro_col_left {
    font-family: var(--font-1);
    font-size: 13px;
    color: var(--color-TextBlack);
    float: left;
    text-align: left;
    margin-right: 1%;
    line-height: 28px;
    width: 21%;
}

.l_ro_col_right {
    font-family: var(--font-1);
    font-size: 12px;
    color: var(--color-TextBlack);
    float: right;
    text-align: left;
    width: 78%;
    overflow: hidden;
}

.l_ro_col_right1 {
    font-family: var(--font-1);
    font-size: 12px;
    color: var(--color-TextBlack);
    float: right;
    text-align: left;
    width: 78%;
    overflow: hidden;
}

.logtxtfieldbg {
    background-color: var(--color-BgOrgWhite);
    border: var(--color-BodTertiaryGray) 1px solid;
    border-radius: 4px;
    padding: 2px 2px 2px 2px;
    display: block;
    overflow: hidden;
}

    .logtxtfieldbg:hover {
        background-color: var(--color-BgBlack);
    }

.logtxtfield {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-bottom: 2px;
    box-shadow: 0 0 1px 1px var(--color-ShadowOrgOffWhite) inset;
    border: var(--color-BodOrgOffWhite) 1px solid;
    background-color: var(--color-BgOrgWhite);
    color: var(--color-TextBlack);
    font-size: 14px;
    padding-left: 5px;
    height: 23px;
    width: 98.7%;
    overflow: hidden;
    font-family: var(--font-1);
}

    .logtxtfield:focus {
        border-radius: 2px;
        -moz-border-radius: 2px;
        -khtml-border-radius: 2px;
        -webkit-border-bottom: 2px;
        box-shadow: 0 0 1px 1px var(--color-ShadowOrgOffWhite) inset;
        border: var(--color-BodOrgOffWhite) 1px solid;
        background-color: var(--color-BgOrgOffWhite);
        color: var(--color-TextBlack);
        font-size: 14px;
        height: 23px;
        width: 98.7%;
        font-family: var(--font-1);
    }

.log_row2 {
    width: 100%;
    height: 15px;
    display: block;
    overflow: hidden;
    margin: 0px 0px 15px 0px;
}

.log_checkbox {
    float: left;
    margin: 0px 10px 5px 5px;
}

.log_virtxt {
    font-family: var(--font-1);
    font-size: 12px;
    color: var(--color-TextBlack);
    float: left;
    line-height: 12px;
    text-indent: 0px;
}

.submit_btn {
    background: url(images/submit_btn.jpg) no-repeat;
    width: 100px;
    /*height:27px;*/
    border: 0px;
    float: left;
    text-align: center;
    color: var(--color-TextOrgWhite);
    font-family: var(--font-1);
    font-size: 14px;
    cursor: pointer;
    padding: 2px 0px 3px;
}

.log_forgettxt {
    font-family: var(--font-1);
    font-size: 12px;
    color: var(--color-TextBlack);
    float: left;
    line-height: 27px;
    text-indent: 8px;
}

    .log_forgettxt a {
        color: var(--color-TextBlack);
    }

        .log_forgettxt a:hover {
            color: var(--color-TextOrangeWarningText);
        }

.log_reg_txt {
    font-family: var(--font-1);
    font-size: 12.5px;
    color: var(--color-TextPrimaryBlue);
    line-height: 30px;
    float: right;
    overflow: hidden;
    text-align: left;
    width: 78%;
}

    .log_reg_txt a {
        color: var(--color-TextPrimaryBlue);
    }

        .log_reg_txt a:hover {
            color: var(--color-TextOrangeWarningText);
        }

.log_forgettxtin {
    color: var(--color-TextBlack);
    line-height: 28px;
}

    .log_forgettxtin:hover {
        color: var(--color-TextOrangeWarningText);
        line-height: 28px;
    }
/*  error page message */
.errorpagebox {
    width: 99.5%;
    height: auto;
    background-color: var(--color-BgOrgOffWhite);
    border: 2px var(--color-BodOrgOffWhite) solid;
    border-radius: 3px;
    margin: 18px auto;
    display: block;
    overflow: hidden;
}

.epage_inf_icon_div {
    float: left;
}

.errorpage_inf_icon {
    margin: 4px 11px;
    float: left;
}

.errorpage_mes_div {
    height: auto;
    width: auto;
    margin: 11px 11px 11px 0px;
    float: none;
}

.errorpage_mes_div_regis {
    height: auto;
    width: 80%;
    margin: 11px 11px 11px 0px;
    float: left;
}

.errorpage_headtxt, .errorpage_headtxtperson {
    font-family: var(--font-1);
    font-size: 14px;
    color: var(--color-TextRedErrorText);
    text-transform: uppercase;
}

.errorpage_normaltxt, .errorpage_normaltxtperson {
    font-family: var(--font-1);
    font-size: 11px;
    color: var(--color-TextBlack);
    margin-bottom: 3px;
    margin-left: 63px;
}

.errordoc_normaltxt {
    font-family: var(--font-1);
    font-size: 11px;
    color: var(--color-TextBlack);
    margin-bottom: 3px;
}

div.popup_content_area .errorpage_mes_div {
    width: 305px;
}

/* (kumar )Date Time css------------------*/

.comp_detail {
    width: 100%;
    height: auto;
    display: block;
    overflow: auto;
}

.comp_detail1 {
    margin-top: 14px;
}

.comp_name {
    float: left;
}

.li_no {
    float: left;
}

.lia {
    float: left;
}

.cll_txt {
    color: var(--color-TextPrimaryBlue);
    font-size: 13px;
    display: block;
    letter-spacing: 0px;
    float: left;
    font-family: var(--font-1);
    margin-bottom: 0px;
    text-shadow: 0 0 var(--color-ShadowPrimaryBlue);
}

.cll_name {
    color: var(--color-TextOrangeWarningText);
    display: inline-block;
    float: left;
    font-family: var(--font-1);
    font-size: 13px;
    letter-spacing: 0;
    margin: 0 45px 0px 10px;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    /*width: 205px;*/
    text-shadow: 0 0 var(--color-ShadowOrangeWarningText);
}

.line1 {
    /* background: url(images/devider1.jpg) repeat-x center center;
    height: 22px;
    width: auto;*/
    margin: 10px 0px 0px;
}

.dt_area {
    width: 100%;
    height: auto;
    display: block;
    margin-top: 10px;
}

.dt_box {
    width: auto;
    margin-right: 20px;
    float: left;
    margin-bottom: 5px;
}

.box_area {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-bottom: 2px;
    box-shadow: 0 0 1px 1px var(--color-ShadowOrgOffWhite) inset;
    border: var(--color-BodOrgOffWhite) 1px solid;
    background-color: var(--color-BgOrgWhite);
    color: var(--color-TextBlack);
    font-size: 14px;
    height: 180px;
    overflow: auto;
    width: 99.9%;
    font-family: var(--font-1);
}

.box_area_small {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-bottom: 2px;
    box-shadow: 0 0 1px 1px var(--color-ShadowOrgOffWhite) inset;
    border: var(--color-BodOrgOffWhite) 1px solid;
    background-color: var(--color-BgOrgWhite);
    color: var(--color-TextBlack);
    font-size: 14px;
    overflow: auto;
    width: 99.9%;
    font-family: var(--font-1);
}

.box_area option {
    text-indent: 5px;
}

/* 2012_11_06 */

.frm_rt2 {
    width: 49%;
    height: auto;
    float: left;
    margin: 0 0 0px 0;
    display: block;
    overflow: hidden;
}

.npfl_btns_div {
    width: 2%;
    height: auto;
    float: left;
    margin: 69px auto;
}

.npfl_menu {
    margin: 0px auto;
    padding: 0px;
    width: 14px;
}

    .npfl_menu ul {
        list-style-type: none;
    }

        .npfl_menu ul li {
            margin: 0px;
        }

            .npfl_menu ul li a {
                text-indent: -999px;
                display: block;
            }

                .npfl_menu ul li a.npfllast {
                    width: 14px;
                    height: 25px;
                    background: url(images/npfl_btns.jpg) no-repeat left top;
                }

                    .npfl_menu ul li a.npfllast:hover {
                        width: 14px;
                        height: 25px;
                        background: url(images/npfl_btns.jpg) no-repeat -14px top;
                    }

                .npfl_menu ul li a.npflnext {
                    width: 14px;
                    height: 28px;
                    background: url(images/npfl_btns.jpg) no-repeat left -25px;
                }

                    .npfl_menu ul li a.npflnext:hover {
                        width: 14px;
                        height: 28px;
                        background: url(images/npfl_btns.jpg) no-repeat -14px -25px;
                    }

                .npfl_menu ul li a.npflprev {
                    width: 14px;
                    height: 30px;
                    background: url(images/npfl_btns.jpg) no-repeat left -53px;
                }

                    .npfl_menu ul li a.npflprev:hover {
                        width: 14px;
                        height: 30px;
                        background: url(images/npfl_btns.jpg) no-repeat -14px -53px;
                    }

                .npfl_menu ul li a.npflfirst {
                    width: 14px;
                    height: 26px;
                    background: url(images/npfl_btns.jpg) no-repeat left -83px;
                }

                    .npfl_menu ul li a.npflfirst:hover {
                        width: 14px;
                        height: 26px;
                        background: url(images/npfl_btns.jpg) no-repeat -14px -83px;
                    }

/* Emirates ID Card------------------*/

.ifon {
    width: 6%;
    height: 31px;
    float: left;
    display: block;
    overflow: hidden;
    font-size: 22px;
    text-align: center;
}

.txtApplThree {
    width: 15%;
    height: auto;
    float: left;
    display: block;
    overflow: hidden;
}

.txtApplFour {
    width: 20%;
    height: auto;
    float: left;
    display: block;
    overflow: hidden;
}

.txtApplNine {
    width: 37%;
    height: auto;
    float: left;
    display: block;
    overflow: hidden;
}

.txtApplOne {
    width: 10%;
    height: auto;
    float: left;
    display: block;
    overflow: hidden;
}

/* ------------------*/
/* Telephone------------------*/
.tel_areacode {
    width: 19%;
    height: auto;
    float: left;
    display: block;
    overflow: hidden;
    margin-right: 3%;
    margin-left: 0px;
}

.tel_ccode {
    width: 23%;
    height: auto;
    float: left;
    display: block;
    overflow: hidden;
    margin-right: 3%;
}

.tel_no {
    width: 52%;
    height: auto;
    float: left;
    display: block;
    overflow: hidden;
}

.area_code_box {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-bottom: 2px;
    box-shadow: 0 0 1px 1px var(--color-ShadowOrgOffWhite) inset;
    border: var(--color-BodOrgOffWhite) 1px solid;
    background-color: var(--color-BgOrgWhite);
    color: var(--color-TextBlack);
    font-size: 14px;
    text-indent: 4px;
    height: 23px;
    width: 98.3%;
    font-family: var(--font-1);
}

    .area_code_box:focus {
        border-radius: 2px;
        -moz-border-radius: 2px;
        -khtml-border-radius: 2px;
        -webkit-border-bottom: 2px;
        box-shadow: 0 0 1px 1px var(--color-ShadowOrgOffWhite) inset;
        border: var(--color-BodOrgOffWhite) 1px solid;
        background-color: var(--color-BgOrgOffWhite);
        color: var(--color-TextBlack);
        font-size: 14px;
        text-indent: 4px;
        height: 23px;
        width: 98.3%;
        font-family: var(--font-1);
    }

.country_code_box {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-bottom: 2px;
    box-shadow: 0 0 1px 1px var(--color-ShadowOrgOffWhite) inset;
    border: var(--color-BodOrgOffWhite) 1px solid;
    background-color: var(--color-BgOrgWhite);
    color: var(--color-TextBlack);
    font-size: 14px;
    text-indent: 4px;
    height: 23px;
    width: 99.2%;
    font-family: var(--font-1);
}

    .country_code_box:focus {
        border-radius: 2px;
        -moz-border-radius: 2px;
        -khtml-border-radius: 2px;
        -webkit-border-bottom: 2px;
        box-shadow: 0 0 1px 1px var(--color-ShadowOrgOffWhite) inset;
        border: var(--color-BodOrgOffWhite) 1px solid;
        background-color: var(--color-BgOrgOffWhite);
        color: var(--color-TextBlack);
        font-size: 14px;
        text-indent: 4px;
        height: 23px;
        width: 99.2%;
        font-family: var(--font-1);
    }

.tele_no_box {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-bottom: 2px;
    box-shadow: 0 0 1px 1px var(--color-ShadowOrgOffWhite) inset;
    border: var(--color-BodOrgOffWhite) 1px solid;
    background-color: var(--color-BgOrgWhite);
    color: var(--color-TextBlack);
    font-size: 14px;
    text-indent: 4px;
    height: 23px;
    width: 99.6%;
    font-family: var(--font-1);
}

    .tele_no_box:focus {
        border-radius: 2px;
        -moz-border-radius: 2px;
        -khtml-border-radius: 2px;
        -webkit-border-bottom: 2px;
        box-shadow: 0 0 1px 1px var(--color-ShadowOrgOffWhite) inset;
        border: var(--color-BodOrgOffWhite) 1px solid;
        background-color: var(--color-BgOrgOffWhite);
        color: var(--color-TextBlack);
        font-size: 14px;
        text-indent: 4px;
        height: 23px;
        width: 99.6%;
        font-family: var(--font-1);
    }
/*  Sign In Bar   Sign In Bar Sign In Bar Sign In Bar Sign In Bar Sign In Bar     */
#modal {
    float: right;
    margin-top: -4px;
    left: auto;
    right: 80px;
    visibility: hidden;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid var(--color-BodPrimaryBlue);
    background-color: var(--color-BgOrgWhite);
    width: auto;
    position: absolute !important;
    z-index: 101;
}

.profile_pop {
    margin: 17px 10px;
    width: auto;
    height: auto;
    display: block;
    overflow: hidden;
}

.profile_pic {
    float: left;
}

.profile_pic_bg {
    min-height: 71px !important;
    max-width: 75px !important;
    border: 1px solid var(--color-BodPrimaryBlue);
    height: 71px;
}

.name_mail {
    margin: 0px 10px 0px 10px;
    float: left;
}

.u_name {
    font-family: var(--font-1);
    font-size: 14px;
    color: var(--color-TextOrangeWarningText);
    letter-spacing: 0px;
}

.mail_txt {
    font-size: 11px;
    color: var(--color-TextBlack);
    font-family: var(--font-1);
    letter-spacing: 0px;
}

.btn_area {
    float: left;
    margin-top: 6px;
}

.view_profile_btn {
    background-color: var(--color-BgPrimaryBlue);
    border-radius: 3px;
    font-family: var(--font-1);
    font-size: 12px;
    color: var(--color-TextOrgWhite);
    padding: 1px 8px;
    border: 0 none;
    cursor: pointer;
}

    .view_profile_btn:hover {
        background-color: var(--color-BgPrimaryBlue);
        border-radius: 3px;
        padding: 1px 8px;
    }

.sign_out_btn {
    background-color: var(--color-BgOrgOffWhite);
    border-radius: 3px;
    font-family: var(--font-1);
    font-size: 12px;
    color: var(--color-TextBlack);
    padding: 1px 8px;
    border: 0 none;
    cursor: pointer;
}

    .sign_out_btn:hover {
        background-color: var(--color-BgOrgOffWhite);
        border-radius: 3px;
        padding: 1px 8px;
    }

.no_found_error {
    border: 1px solid var(--color-BodBlack);
    width: 120px;
    margin: 0 auto;
    padding: 0 auto;
}

.arrow_up1 {
    width: 11px;
    height: 7px;
    top: -7px;
    left: 50%;
    background-image: url(images/pop_arrow.png);
    background-repeat: no-repeat;
    position: absolute;
}

.reveal-modal-bg {
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 100;
    display: none;
    top: 0;
    left: 0;
}

/*popup css */

.btn_submit {
    margin-top: 5px;
    height: 23px;
    width: 60px;
    border: 0 none;
    cursor: pointer;
    background-image: url(images/btn_submit.png);
    background-repeat: no-repeat;
}

.popup_panel {
    width: 100%;
    margin: 0 auto;
}

/*Virtual Key*/

.backbutton {
    background-image: url(images/virtual_key.png);
    background-repeat: repeat-x;
    border: 1px solid var(--color-BodTextSecondaryCharcoalGray);
    border-radius: 3px 3px 3px 3px;
    color: var(--color-TextBlack);
    cursor: pointer;
    float: left;
    font-family: var(--font-1);
    font-weight: bold;
    height: 24px;
    text-align: center;
    text-shadow: 0 0 1px var(--color-ShadowOrgWhite);
    width: 100%;
    margin: 0px;
}

.clearbutton {
    background-image: url(images/virtual_key.png);
    background-repeat: repeat-x;
    border: 1px solid var(--color-BodTextSecondaryCharcoalGray);
    border-radius: 3px 3px 3px 3px;
    color: var(--color-TextBlack);
    cursor: pointer;
    float: left;
    font-family: var(--font-1);
    font-weight: bold;
    height: 24px;
    text-align: center;
    text-shadow: 0 0 1px var(--color-ShadowOrgWhite);
    width: 100%;
    margin: 0px;
}

.capslockbutton {
    background-image: url(images/virtual_key.png);
    background-repeat: repeat-x;
    border: 1px solid var(--color-BodTextSecondaryCharcoalGray);
    border-radius: 3px 3px 3px 3px;
    color: var(--color-TextBlack);
    cursor: pointer;
    float: left;
    font-family: var(--font-1);
    font-weight: bold;
    height: 24px;
    text-align: center;
    text-shadow: 0 0 1px var(--color-ShadowOrgWhite);
    width: 100%;
    margin: 0px;
}

.mixedbutton {
    background-image: url(images/virtual_key.png);
    background-repeat: repeat-x;
    border: 1px solid var(--color-BodTextSecondaryCharcoalGray);
    border-radius: 3px 3px 3px 3px;
    color: var(--color-TextBlack);
    cursor: pointer;
    float: left;
    font-family: var(--font-1);
    font-weight: bold;
    height: 24px;
    text-align: center;
    text-shadow: 0 0 1px var(--color-ShadowOrgWhite);
    width: 100%;
    margin: 0px;
}

.v_key {
    background-image: url(images/virtual_key.png);
    background-repeat: repeat-x;
    border: 1px solid var(--color-BodTextSecondaryCharcoalGray);
    border-radius: 3px 3px 3px 3px;
    color: var(--color-TextBlack);
    cursor: pointer;
    float: left;
    font-family: var(--font-1);
    font-weight: bold;
    height: 24px;
    min-width: 30px;
    text-align: center;
    text-shadow: 0 0 1px var(--color-ShadowOrgWhite);
    margin: 0px;
}

.v_key_btn {
    background-image: url(images/virtual_key.png);
    background-repeat: repeat-x;
    border: 1px solid var(--color-BodTextSecondaryCharcoalGray);
    border-radius: 3px 3px 3px 3px;
    color: var(--color-TextBlack);
    cursor: pointer;
    float: left;
    font-family: var(--font-1);
    font-weight: bold;
    height: 24px;
    text-align: center;
    text-shadow: 0 0 1px var(--color-ShadowOrgWhite);
    margin: 0px;
}

.backbutton:hover {
    background: var(--color-BgPrimaryBlue);
    background: -moz-linear-gradient(center top, var(--color-BgPrimaryBlue), var(--color-BgPrimaryBlue));
    background: -webkit-linear-gradient(var(--color-BgPrimaryBlue), var(--color-BgPrimaryBlue));
    border: 1px solid var(--color-BodPrimaryBlue);
    color: var(--color-TextOrgWhite);
    cursor: pointer;
    text-shadow: none;
}

.v_key:hover {
    background: var(--color-BgPrimaryBlue);
    background: -moz-linear-gradient(center top, var(--color-BgPrimaryBlue), var(--color-BgPrimaryBlue));
    background: -webkit-linear-gradient(var(--color-BgPrimaryBlue), var(--color-BgPrimaryBlue));
    border: 1px solid var(--color-BodPrimaryBlue);
    color: var(--color-TextOrgWhite);
    cursor: pointer;
    text-shadow: none;
}

.v_key_btn:hover {
    background: var(--color-BgPrimaryBlue);
    background: -moz-linear-gradient(center top, var(--color-BgPrimaryBlue), var(--color-BgPrimaryBlue));
    background: -webkit-linear-gradient(var(--color-BgPrimaryBlue), var(--color-BgPrimaryBlue));
    border: 1px solid var(--color-BodPrimaryBlue);
    color: var(--color-TextOrgWhite);
    cursor: pointer;
    text-shadow: none;
}

.mixedbutton:hover {
    background: var(--color-BgPrimaryBlue);
    background: -moz-linear-gradient(center top, var(--color-BgPrimaryBlue), var(--color-BgPrimaryBlue));
    background: -webkit-linear-gradient(var(--color-BgPrimaryBlue), var(--color-BgPrimaryBlue));
    border: 1px solid var(--color-BodPrimaryBlue);
    color: var(--color-TextOrgWhite);
    cursor: pointer;
    text-shadow: none;
}

.capslockbutton:hover {
    background: var(--color-BgPrimaryBlue);
    background: -moz-linear-gradient(center top, var(--color-BgPrimaryBlue), var(--color-BgPrimaryBlue));
    background: -webkit-linear-gradient(var(--color-BgPrimaryBlue), var(--color-BgPrimaryBlue));
    border: 1px solid var(--color-BodPrimaryBlue);
    color: var(--color-TextOrgWhite);
    cursor: pointer;
    text-shadow: none;
}

.clearbutton:hover {
    background: var(--color-BgPrimaryBlue);
    background: -moz-linear-gradient(center top, var(--color-BgPrimaryBlue), var(--color-BgPrimaryBlue));
    background: -webkit-linear-gradient(var(--color-BgPrimaryBlue), var(--color-BgPrimaryBlue));
    border: 1px solid var(--color-BodPrimaryBlue);
    color: var(--color-TextOrgWhite);
    cursor: pointer;
    text-shadow: none;
}

/* kumar nov 07 */

.txt_box_table {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-bottom: 2px;
    box-shadow: 0 0 1px 1px var(--color-ShadowOrgOffWhite) inset;
    border: var(--color-BodOrgOffWhite) 1px solid;
    background-color: var(--color-BgOrgWhite);
    color: var(--color-TextBlack);
    font-size: 14px;
    text-indent: 4px;
    height: 23px;
    width: 50%;
    font-family: var(--font-1);
}

.chk_form1 {
    width: 100%;
    height: auto;
    margin-top: 15px;
}

.chk_box1 {
    float: left;
    margin-top: 4px;
    margin-right: 7px;
    margin-bottom: 2px;
    margin-left: 1px;
}

.tablediv {
    width: 100%;
    height: auto;
    float: left;
    display: block;
    overflow: hidden;
    margin: 10px 0px;
}

.btnlinkbg {
    background: none transparent;
    border: 0 none;
    color: var(--color-TextOrangeWarningText);
    font-family: var(--font-1);
    font-size: 12px;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
    text-shadow: 0px 0px var(--color-ShadowPeachColor);
}

.btnlinkbg_01 {
    background: none transparent;
    border: 0 none;
    color: var(--color-TextOrangeWarningText);
    font-family: var(--font-1);
    font-size: 12px;
    text-align: left;
    text-decoration: none;
    cursor: default;
}

.btnlinkbg_02 {
    background: none transparent;
    border: 0 none;
    color: var(--color-TextOrangeWarningText);
    font-family: var(--font-1);
    font-size: 13px;
    text-align: left;
    text-decoration: none;
    cursor: default;
}

/*  Suman 11_08  */

.changepassword_txt {
    font-family: var(--font-1);
    font-size: 13px;
    color: var(--color-TextOrangeWarningText);
    text-shadow: 0px 0px var(--color-ShadowOrangeWarningText);
}

.changepassword_headtxt {
    color: var(--color-TextOrangeWarningText);
    font-family: var(--font-1);
    font-size: 14px;
    font-weight: normal;
    text-shadow: 0 1px var(--color-ShadowOrangeWarningText);
    margin: 0px;
}

/* KUMAR NOV 08 */

.captchadiv {
    width: auto;
    height: auto;
    float: left;
    display: block;
    overflow: hidden;
    margin: 25px 0px 0px;
    clear: both;
}

.captcha_img {
    margin: 5px 0px 0px 0px;
    float: left;
}

.cap_btn_area {
    float: left;
}

.voice_btn {
    width: 22px;
    height: 22px;
    background-image: url(images/refresh_voice_btn.png);
    background-repeat: no-repeat;
    background-position: left -27px;
    border: 0 none;
    margin: 0px 0px 4px 8px;
    cursor: pointer;
}

.refresh_btn {
    width: 22px;
    height: 22px;
    background-image: url(images/refresh_voice_btn.png);
    background-repeat: no-repeat;
    background-position: left 0px;
    border: 0 none;
    margin: 2px 0px 4px 8px;
    cursor: pointer;
}

.captcha_txt {
    font-family: var(--font-1);
    font-size: 12px;
    color: var(--color-TextBlack);
}

.captcha_input {
    float: left;
    margin-right: 25px;
    margin-bottom: 50px;
    margin-top: 9px;
}

.nrml_txt_box {
    height: 18px;
    width: 145px;
    border-top: 1px solid var(--color-BodTextSecondaryCharcoalGray);
    border-right: 1px solid var(--color-BodTertiaryGray);
    border-bottom: 1px solid var(--color-BodOrgOffWhite);
    border-left: 1px solid var(--color-BodTertiaryGray);
    font-family: var(--font-1);
    font-size: 12px;
    color: var(--color-TextBlack);
    margin-right: 36px;
}

.add_linking {
    float: right;
    margin: 5px 0px;
}

.blue_btn {
    font-family: var(--font-1);
    font-size: 13.5px;
    color: var(--color-TextOrgWhite);
    cursor: pointer;
    background-image: url(images/blue_btn.jpg);
    background-repeat: repeat-x;
    border: 1px solid var(--color-BodPrimaryBlue);
    border-radius: 3px;
    padding: 1px 20px;
    padding: 0px 20px\9 \0;
    line-height: 18px !important;
}

.orng_btn {
    font-family: var(--font-1);
    font-size: 13.5px;
    color: var(--color-TextOrgWhite);
    cursor: pointer;
    background-image: url(images/orng_btn.jpg);
    background-repeat: repeat-x;
    border: 1px solid var(--color-BodOrangeWarningText);
    border-radius: 3px;
    padding: 1px 20px;
    padding: 0px 20px\9 \0;
}

.scan_btn {
    background-image: url("images/scan_bg_btn.jpg");
    background-repeat: no-repeat;
    border: 0 none;
    color: var(--color-TextOrgWhite);
    cursor: pointer;
    font-family: var(--font-1);
    font-size: 13.5px;
    height: 26px;
    margin: 4px 0 0;
    text-indent: 15px;
    width: 81px;
}

.grey_btn {
    font-family: var(--font-1);
    font-size: 13.5px;
    color: var(--color-TextTextSecondaryCharcoleGray);
    background: -moz-linear-gradient(center top, var(--color-BgOrgWhite) 0%, var(--color-BgTertiaryGray) 100%) repeat scroll 0 0 var(--color-BgTertiaryGray);
    border: 1px solid var(--color-BodTextSecondaryCharcoalGray);
    border-radius: 3px;
    padding: 1px 20px;
}
/*  vignesh nov 08 */
.txt_box_bg_box {
    background-color: var(--color-BgOrgWhite);
    width: 70%;
    border-width: 0px;
    display: block;
    overflow: hidden;
}

.pop_btn_rt {
    color: var(--color-TextPrimaryBlue);
    font-size: 12PX;
    display: block;
    margin: 10px 0px 0px 0px;
    letter-spacing: 0px;
    padding-top: 5px;
    width: 100%;
    text-align: right;
}

.show_all {
    background: none transparent;
    border: 0px none;
    color: var(--color-TextPrimaryBlue);
    font-family: var(--font-1);
    font-size: 12px;
    float: left;
    margin: 0px 10px 0px 0px;
    cursor: pointer;
}

.show_all1 {
    background: none transparent;
    border: 0px none;
    color: var(--color-TextPrimaryBlue);
    font-family: var(--font-1);
    font-size: 12px;
    float: left;
    margin: 8px 10px 0px 0px;
    cursor: pointer;
}

.dept_txt {
    color: var(--color-TextBlack);
    font-size: 14px;
    display: block;
    letter-spacing: 0px;
    font-family: var(--font-1);
    text-decoration: underline;
    text-align: center;
    margin-bottom: 5px;
}

.print_dt_div {
    float: right;
    margin: 0px 65px 0px 0px;
}

.print_dt_txt {
    float: left;
    margin: 0px 10px 0px 0px;
    color: var(--color-TextPrimaryBlue);
    font-size: 13px;
    display: block;
    letter-spacing: 0px;
    font-family: var(--font-1);
    line-height: 21px;
}

.print_no_txt {
    float: left;
    margin: 0px 10px 0px 0px;
    color: var(--color-TextOrgOffWhite);
    font-size: 13px;
    display: block;
    letter-spacing: 0px;
    font-family: var(--font-1);
    line-height: 21px;
}

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

.print_data {
    float: left;
    margin-right: 20px;
    width: 30%;
}

.print_data_n {
    float: right;
    width: 65%;
}

table.nopad {
    width: 100%;
    color: var(--color-TextBlack);
    font-size: 13px;
    border: 0 none;
    font-family: var(--font-1);
}

    table.nopad td {
        border: 0 none;
    }

.captcha_tex_box_out {
    width: 100%;
    margin-left: 30px;
}

.div_blk {
    display: block;
}

.div_non {
    display: none;
}

/*Popup-window*/
.popup_outer {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    background-color: var(--color-BgOrgWhite);
    margin: 10px auto;
    width: 920px;
    height: auto;
    box-shadow: 1px 2px 20px var(--color-ShadowTextSecondaryCharcoleGray);
    position: absolute;
}

.popup_outer1 {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    background-color: var(--color-BgOrgWhite);
    margin: 10px auto;
    width: 100%;
    height: auto;
    box-shadow: 3px 2px 2px var(--color-ShadowTextSecondaryCharcoleGray);
    position: absolute;
}

.popup_outer_big {
    border: 1px solid var(--color-BodTextSecondaryCharcoalGray);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-color: var(--color-BgOrgWhite);
    margin: 10px auto;
    width: 100%;
    height: 400px;
    box-shadow: 3px 2px 2px var(--color-ShadowTextSecondaryCharcoleGray);
}

.popup_header {
    background-image: url(images/popup_header.jpg);
    background-repeat: repeat-x;
    height: 30px;
    font-family: var(--font-1);
    font-size: 12px;
    text-indent: 6px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.pop_hd_txt {
    color: var(--color-TextBlack);
    text-indent: 12px;
    font-size: 12px;
    overflow: hidden;
    float: left;
    font-family: var(--font-1);
    line-height: 28px;
}

.pop_cross {
    background-image: url(images/cross.png);
    background-repeat: no-repeat;
    margin-top: 10px;
    margin-right: 15px;
    float: right;
    height: 8px;
    width: 8px;
    cursor: pointer;
}

    .pop_cross:hover {
        background-image: url(images/cross_o.png);
        background-repeat: no-repeat;
    }

.popup_content_area {
    width: 98%;
    padding: 20px 10px 20px 10px;
    height: auto;
    font-size: 13px;
    overflow: hidden;
    margin: 0px auto;
    font-family: var(--font-1);
}

.popup_content_form {
    width: 97%;
    padding: 10px 10px 20px 10px;
    height: auto;
    font-size: 13px;
    overflow: hidden;
    margin: 0px auto;
    font-family: var(--font-1);
}

.popup_content_list {
    width: 97%;
    padding: 20px 25px 20px 25px;
    height: auto;
    font-size: 13px;
    overflow: hidden;
    margin: 0px auto;
    font-family: var(--font-1);
}

.popup_content_regis {
    width: 93%;
    padding: 20px;
    height: auto;
    font-size: 13px;
    overflow: hidden;
    font-family: var(--font-1);
}

.white_content {
    display: none;
    position: fixed;
    top: 14%;
    left: 25%;
    width: 60%;
    height: auto;
    z-index: 1002;
}

.white_content_Map {
    display: none;
    position: fixed;
    top: 10%;
    left: 10%;
    width: 80%;
    height: auto;
    z-index: 1002;
}

.white_content_New {
    display: none;
    position: fixed;
    top: 14%;
    left: 10%;
    width: 80%;
    height: auto;
    z-index: 1002;
}

.white_content_small {
    display: none;
    position: fixed;
    top: 14%;
    left: 20%;
    width: 30%;
    height: 100%;
    z-index: 1002;
    overflow: auto;
}

.white_content_alert {
    display: none;
    position: fixed;
    top: 35%;
    left: 30%;
    width: auto;
    height: auto;
    z-index: 6000;
    overflow: hidden;
    margin: 0 auto;
}

.white_content_regis {
    display: none;
    position: fixed;
    top: 40%;
    left: 30%;
    width: 45%;
    height: auto;
    z-index: 1002;
    overflow: hidden;
    margin: 0 auto;
}

.white_content_pop {
    position: fixed;
    top: 40%;
    left: 30%;
    width: 250px;
    height: 150px;
    z-index: 1002;
    overflow: hidden;
    margin: 0 auto;
}

.black_overlay {
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: var(--color-BgOverLayColor);
    z-index: 1001;
    /* -moz-opacity: 0.3;
    opacity: .3;
    filter: alpha(opacity=80);*/
    margin: 0 auto;
}

.white_overlay {
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: var(--color-BgOverLayColor);
    z-index: 1001;
    /*-moz-opacity: 0.3;
    opacity: .3;
    filter: alpha(opacity=80);*/
    margin: 0 auto;
}

.white_grid_pop {
    display: none;
    position: fixed;
    top: 8%;
    margin: 4%;
    width: 80%;
    height: auto;
    z-index: 1002;
}

.txtlabel_password {
    color: var(--color-TextBlack);
    display: block;
    font-family: var(--font-1);
    font-size: 13px;
    letter-spacing: 0;
    padding-bottom: 15px;
    width: 100%;
}

.eicon_div {
    float: left;
    margin: 4px 11px;
}

.eicon_div_rigis {
    float: left;
    margin: 4px 11px 4px 20px;
}

.alert_msg_div {
    height: auto;
    width: auto;
    margin: 5px 5px 5px 0px;
    float: left;
}

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

.pop_btn_div_small {
    float: right;
    margin: 15px 0px;
    padding-right: 14px;
}

.pop_btn_div1 {
    float: right;
    margin: 12px 0;
}

.txtlabel_password {
    color: var(--color-TextBlack);
    display: block;
    font-family: var(--font-1);
    font-size: 13px;
    letter-spacing: 0;
    padding-bottom: 15px;
    width: 100%;
}

.btn_div {
    height: auto;
    width: auto;
    float: left;
    margin: 10px 5px 0px 0px;
}

.frgt_btn_div {
    height: 30px;
    width: auto;
    float: left;
    margin: 0px 0px 0px 0px;
}

.srch_lbl_text {
    color: var(--color-TextBlack);
    font-family: var(--font-1);
    font-size: 13px;
}
/*  success page message */
.successpagebox {
    width: 99.5%;
    height: auto;
    background-color: var(--color-BgOrgOffWhite);
    border: 2px var(--color-BodOrgOffWhite) solid;
    border-radius: 3px;
    margin: 18px auto;
    display: block;
    overflow: hidden;
}

.spage_inf_icon_div {
    float: left;
}

.successpage_inf_icon {
    margin: 13px 11px;
    float: left;
}

.successpage_headtxt {
    font-family: var(--font-1);
    font-size: 14px;
    color: var(--color-TextGreenSuccessAlert);
    text-transform: uppercase;
}

.successpage_mes_div {
    height: auto;
    width: auto;
    margin: 11px 11px 11px 0px !important;
    float: left;
}

.successpage_normaltxt {
    font-family: var(--font-1);
    font-size: 11px;
    color: var(--color-TextBlack);
    margin-bottom: 3px;
}

.ae_dir {
    direction: ltr;
}

.viewcol1b_left {
    background-color: var(--color-BgOrgWhite);
    color: var(--color-TextPrimaryBlue);
    float: left;
    font-family: var(--font-1);
    font-size: 13px;
    height: 33px;
    line-height: 30px;
    text-indent: 6px;
    text-align: left;
    width: 20%;
    text-shadow: 0 0 var(--color-ShadowPrimaryBlue);
}

.viewcol1b_right {
    background-color: var(--color-BgOrgOffWhite);
    color: var(--color-TextBlack);
    float: left;
    font-family: var(--font-1);
    font-size: 14px;
    height: 33px;
    line-height: 30px;
    text-indent: 6px;
    text-align: left;
    width: 80%;
    text-shadow: 0 0 var(--color-ShadowBlack);
}

.viewcol2b_left {
    background-color: var(--color-BgOrgOffWhite);
    color: var(--color-TextPrimaryBlue);
    float: left;
    font-family: var(--font-1);
    font-size: 13px;
    height: 33px;
    line-height: 30px;
    text-indent: 6px;
    text-align: left;
    width: 20%;
    text-shadow: 0 0 var(--color-ShadowPrimaryBlue);
}

.viewcol2b_left_new {
    background-color: var(--color-BgOrgOffWhite);
    color: var(--color-TextPrimaryBlue);
    float: left;
    font-family: var(--font-1);
    font-size: 13px;
    height: 33px;
    line-height: 30px;
    text-indent: 6px;
    text-align: left;
    width: 50%;
    text-shadow: 0 0 var(--color-ShadowPrimaryBlue);
}

.viewcol2b_right {
    background-color: var(--color-BgOrgWhite);
    color: var(--color-TextBlack);
    float: left;
    font-family: var(--font-1);
    font-size: 14px;
    height: 33px;
    line-height: 30px;
    text-indent: 6px;
    text-align: left;
    width: 80%;
    text-shadow: 0 0 var(--color-ShadowBlack);
}

.viewcol2b_right_new {
    background-color: var(--color-BgOrgWhite);
    color: var(--color-TextBlack);
    float: left;
    font-family: var(--font-1);
    font-size: 14px;
    height: 33px;
    line-height: 30px;
    text-indent: 6px;
    text-align: left;
    width: 50%;
    text-shadow: 0 0 var(--color-ShadowBlack);
}

.viewcol2b_left_big {
    background-color: var(--color-BgOrgOffWhite);
    color: var(--color-TextPrimaryBlue);
    float: left;
    font-family: var(--font-1);
    font-size: 13px;
    height: auto;
    min-height: 33px;
    line-height: 30px;
    text-indent: 6px;
    text-align: left;
    width: 20%;
    text-shadow: 0 0 var(--color-ShadowPrimaryBlue);
}

.viewcol2b_right_big {
    background-color: var(--color-BgOrgWhite);
    color: var(--color-TextBlack);
    float: left;
    font-family: var(--font-1);
    font-size: 14px;
    height: auto;
    text-indent: 6px;
    text-align: left;
    text-shadow: 0 0 var(--color-ShadowBlack);
    width: 80%;
    min-height: 33px;
    word-wrap: break-word;
}

.viewcol1b_left_big {
    background-color: var(--color-BgOrgWhite);
    color: var(--color-TextPrimaryBlue);
    float: left;
    font-family: var(--font-1);
    font-size: 13px;
    height: auto;
    line-height: 30px;
    text-indent: 6px;
    text-align: left;
    width: 20%;
    min-height: 33px;
    text-shadow: 0 0 var(--color-ShadowPrimaryBlue);
}

.viewcol1b_right_big {
    background-color: var(--color-BgOrgOffWhite);
    color: var(--color-TextBlack);
    float: left;
    font-family: var(--font-1);
    font-size: 14px;
    height: auto;
    text-indent: 6px;
    text-align: left;
    width: 80%;
    min-height: 33px;
    word-wrap: break-word;
    text-shadow: 0 0 var(--color-ShadowBlack);
}

.viewfull1a_row {
    background-color: var(--color-BgOrgWhite);
    width: 100%;
    height: auto;
    overflow: hidden;
    border-bottom: 1px var(--color-BodOrgWhite) solid;
}

.viewfull1b_row {
    background-color: var(--color-BgOrgOffWhite);
    width: 100%;
    height: auto;
    overflow: hidden;
    border-bottom: 1px var(--color-BodOrgWhite) solid;
}

.txt_area {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-bottom: 2px;
    box-shadow: 0 0 1px 1px var(--color-ShadowOrgOffWhite) inset;
    border: var(--color-BodOrgOffWhite) 1px solid;
    background-color: var(--color-BgOrgWhite);
    color: var(--color-TextBlack);
    font-size: 14px;
    overflow: auto;
    width: 99.8%;
    padding: 2px 4px 2px 2px;
    font-family: var(--font-1);
}

    .txt_area:focus {
        background-color: var(--color-BgOrgWhite);
        border: 1px solid var(--color-BodOrgOffWhite);
        color: var(--color-TextBlack);
    }

.txt_area_regis {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-bottom: 2px;
    box-shadow: 0 0 1px 1px var(--color-ShadowOrgOffWhite) inset;
    border: var(--color-BodOrgOffWhite) 1px solid;
    background-color: var(--color-BgOrgWhite);
    color: var(--color-TextBlack);
    font-size: 14px;
    height: 50px;
    overflow: auto;
    width: 335px;
    font-family: var(--font-1);
}

.no_found_record {
    color: var(--color-TextOrgOffWhite);
    text-align: center;
    font-family: var(--font-1);
    font-size: 13px;
    float: left;
}

.no_found_record1 {
    color: var(--color-TextOrgOffWhite);
    text-align: center;
    font-family: var(--font-1);
    font-size: 13px;
    float: left;
    margin-top: 6px;
    margin-left: 30%; /*css changed by vignesh 20231006*/
    margin-right: 40%;
    position: absolute;
}

.no_found_record2 {
    color: var(--color-TextOrgOffWhite);
    float: left;
    font-family: var(--font-1);
    font-size: 13px;
    margin-left: 45%;
    margin-right: 40%;
    margin-top: 6px;
    position: absolute;
    text-align: center;
}

.no_found_record3 {
    color: var(--color-TextOrgOffWhite);
    text-align: center;
    font-family: var(--font-1);
    font-size: 13px;
    float: left;
    margin-top: 6px;
    margin-left: 18.5%;
    margin-right: 40%;
    position: absolute;
}

.no_found_record4 {
    color: var(--color-TextOrgOffWhite);
    text-align: center;
    font-family: var(--font-1);
    font-size: 13px;
    float: left;
    margin-top: 6px;
    margin-left: 14%;
    margin-right: 40%;
    position: absolute;
}
/*To do mahesh on 21Jun2016*/

.no_record_dpsidcard {
    color: var(--color-TextOrgOffWhite);
    text-align: center;
    font-family: var(--font-1);
    font-size: 13px;
}

.no_found_record_filter {
    color: var(--color-TextOrgOffWhite);
    text-align: center;
    font-family: var(--font-1);
    font-size: 13px;
    margin: 0px !important;
}

.no_found_record_pop {
    color: var(--color-TextOrgOffWhite);
    text-align: center;
    font-family: var(--font-1);
    font-size: 13px;
    float: left;
    margin-top: 6px;
    margin-left: 30%;
    margin-right: 40%;
    position: absolute;
}

.no_found_record_invoice {
    color: var(--color-TextOrgOffWhite);
    float: left;
    font-family: var(--font-1);
    font-size: 13px;
    margin-left: 36%;
    margin-right: 45%;
    position: absolute;
    text-align: center;
}

.ses_out_txt {
    font-family: var(--font-1);
    font-size: 18px;
    color: var(--color-TextBlack);
    line-height: 30px;
    font-weight: normal;
}

.hiddenFields {
    visibility: hidden;
    width: 0px;
    height: 0px;
    margin: 0px;
    padding: 0px;
    font-size: 0px;
    line-height: 0px;
}

.mar_lft {
    margin: 10px 0px 0px 30px;
}

.divtable {
    padding: 0 auto;
    margin: 0 auto;
    width: 100%;
    height: auto;
    overflow: auto;
}

.selectParent {
    width: auto;
    overflow: hidden;
    float: right;
}

    .selectParent select {
        outline: none;
        width: auto;
        color: var(--color-TextOrgWhite);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        padding: 1px 15px;
        border: none;
        float: left;
        font-family: var(--font-1);
        font-size: 13px;
        background: url(images/list_bg.png) no-repeat var(--color-BgBlack) left;
    }

.chng_pswd_div {
    float: right;
    margin: 10px 15px 0px 0px;
}

.chng_pswd_txt {
    background: none transparent;
    border: 0 none;
    color: var(--color-TextOrangeWarningText);
    font-family: var(--font-1);
    font-size: 13px;
    text-decoration: none;
    cursor: pointer;
}

    .chng_pswd_txt:hover {
        background: none transparent;
        border: 0 none;
        color: var(--color-TextOrangeWarningText);
        font-family: var(--font-1);
        font-size: 13px;
        text-decoration: underline;
        cursor: pointer;
    }

.rtl_table {
    text-align: right;
}

.lef_table {
    text-align: left;
}

.g_map_txt_label {
    letter-spacing: 0px;
    font-size: 13px;
    font-family: var(--font-1);
}

.g_map_txt1 {
    color: var(--color-TextBlack);
    letter-spacing: 0px;
    font-size: 13px;
    font-family: var(--font-1);
}

.left_tab {
    width: 100%;
    text-align: right;
}

.right_tab {
    width: 20%;
    text-align: left;
}

.cla_right {
    float: right;
}
/*timeout divs css */
.timeoutdiv {
    width: 100%;
    height: 200px;
    margin-bottom: 285px;
}

.re_login {
    width: 100%;
    min-height: 208px;
    margin: 80px 0px 121px 0px;
    background-color: var(--color-BgPrimaryBlue);
    overflow: auto;
}

.lock_img {
    margin: 25px 25px 15px 50px;
    float: left;
}

.re_txt_div {
    float: left;
    margin: 25px auto 0;
    width: 71%;
}

.re_log_txt {
    color: var(--color-TextOrgWhite);
    letter-spacing: 0px;
    font-size: 21px;
    font-family: var(--font-1);
    line-height: 42px;
    text-shadow: 0 0 var(--color-ShadowOrgOffWhite);
}

.re_log_txt2 {
    color: var(--color-TextOrgWhite);
    letter-spacing: 0px;
    font-size: 20px;
    font-family: var(--font-1);
    line-height: 38px;
    margin: 0px 50px;
}

.re_log_txt1 {
    color: var(--color-TextOrgWhite);
    letter-spacing: 0px;
    font-size: 24px;
    font-family: var(--font-1);
    line-height: 42px;
    text-shadow: 0 0 var(--color-ShadowOrgOffWhite);
    margin-bottom: 25px;
}

.click_txt {
    color: var(--color-TextPrimaryBlue);
    letter-spacing: 0px;
    font-size: 22px;
    font-family: var(--font-1);
    background-color: var(--color-BgOrgWhite);
    border-radius: 3px;
    padding: 0 10px;
    cursor: pointer;
    text-shadow: 0 0 var(--color-ShadowVeryLightBlue);
    margin: 0px 5px;
}

.reg_comp_div {
    margin: 0 auto;
}

.pass-strength_div {
    width: 100%;
    height: 30px;
    display: block;
    margin-top: 10px;
}

.weekdiv {
    width: 95px;
    height: 13px;
    background-color: var(--color-BgRedErrorText);
    display: block;
    float: left;
    margin: 2px 10px 0px 0px;
}

.weektxt {
    font-family: var(--font-1);
    font-size: 12px;
    color: var(--color-TextRedErrorText);
    font-weight: normal;
    float: left;
    line-height: 18px;
}

.strongdiv {
    width: 95px;
    height: 13px;
    background-color: var(--color-BgGreenSuccessAlert);
    display: block;
    margin: 2px 10px 0px 0px;
}

.strongtxt {
    font-family: var(--font-1);
    font-size: 12px;
    color: var(--color-TextGreenSuccessAlert);
    font-weight: normal;
    float: left;
}

.averagediv {
    width: 95px;
    height: 13px;
    background-color: var(--color-BgOrangeWarningText);
    display: block;
    margin: 2px 10px 0px 0px;
}

.averagetxt {
    font-family: var(--font-1);
    font-size: 12px;
    color: var(--color-TextOrangeWarningText);
    font-weight: normal;
    float: left;
}

.pass_mand_txt {
    font-family: var(--font-1);
    font-size: 12px;
    color: var(--color-TextBlack);
    font-weight: normal;
    float: left;
    margin-right: 20px;
}

/* policy selection rules page css */

.selectionrules_div {
    width: 100%;
    margin: 20px 10px;
    height: auto;
}

/* select activity btn div */

.headertxtorg_activity {
    color: var(--color-TextOrangeWarningText);
    font-family: var(--font-1);
    font-size: 14px;
    margin: 0px 0px 9px 0px;
    text-transform: uppercase;
    float: left;
}

.select_activity_txt {
    background: url(images/select_activity_btn.jpg) no-repeat;
    color: var(--color-TextGreenSuccessAlert);
    font-family: var(--font-1);
    font-size: 15px;
    font-weight: normal;
    margin: 0px 0px 6px 0px;
    float: left;
    padding-left: 30px;
    height: 22px;
    width: 147px;
}

/*  status message page message */

.status_message_pagebox {
    width: 99.5%;
    height: auto;
    background-color: var(--color-BgOrgOffWhite);
    border: 2px var(--color-BodVeryLightBlue) solid;
    border-radius: 3px;
    margin: 18px auto;
    display: block;
    overflow: hidden;
}

.statusmesage_normaltxt {
    font-family: var(--font-1);
    font-size: 15px;
    color: var(--color-TextBlack);
    margin-bottom: 3px;
    line-height: 26px;
}

#divCity {
    margin-top: 15px;
}

#divArea {
    margin-top: 15px;
}

#divStreet {
    margin-top: 15px;
}

#divBuilding {
    margin-top: 15px;
}

.prnt_lft {
    width: 49%;
    height: auto;
    margin: 0px 0px 15px 0px;
    float: left;
    display: block;
}

.prnt_rt {
    height: auto;
    margin: 0px 0px 15px 0px;
    float: right;
    display: block;
}

.txt_box_bg_error2 {
    background-color: var(--color-BgOrgOffWhite);
    border: var(--color-BodOrgOffWhite) 1px solid;
    border-radius: 4px;
    padding: 2px 2px 2px 2px;
    display: block;
    overflow: hidden;
}

    .txt_box_bg_error2:hover {
        background-color: var(--color-BgOrgOffWhite);
        border: var(--color-BodOrgOffWhite) 1px solid;
        border-radius: 4px;
        padding: 2px 2px 2px 2px;
        display: block;
        overflow: hidden;
    }

.txt_box_error2 {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-bottom: 2px;
    box-shadow: 0 0 1px 1px var(--color-ShadowOrgOffWhite) inset;
    border: 1px var(--color-BodOrgOffWhite) solid;
    background-color: var(--color-BgOrgOffWhite);
    color: var(--color-TextBlack);
    font-size: 14px;
    text-indent: 4px;
    height: 23px;
    width: 99.8%;
    font-family: var(--font-1);
}

.filter_area {
    float: left;
    margin: 0px 0px 0px 10px;
    width: auto;
}

.filter_area1 {
    float: left;
    margin: 0 10px;
    width: auto;
}

.filter_txt {
    float: left;
    margin: 5px 0px 5px 10px;
    width: auto;
    color: var(--color-TextBlack);
    font-family: var(--font-1);
    font-size: 13px;
}

.filter_box {
    border: 1px solid var(--color-BodTertiaryGray);
    border-radius: 5px 5px 5px 5px;
    color: var(--color-TextBlack);
    font-size: 13px;
    height: 30px;
    padding: 5px 3px;
    text-indent: 1px;
    width: 75%;
}

    .filter_box option {
        text-indent: 5px;
        border-right: 1px solid var(--color-BodTertiaryGray);
    }

.cal_bg_error {
    border-color: var(--color-BodRedErrorText);
}

.drop_bg_error {
    border-color: var(--color-BodRedErrorText);
}

.bubble_right {
    position: absolute;
    margin-right: 45px;
    margin-top: 6px;
    background-image: url(images/error_icon.jpg);
    background-repeat: no-repeat;
    background-position: 5% 49%;
    background-color: var(--color-BgOrgOffWhite);
    width: auto;
    border: 2px var(--color-BodOrgOffWhite) solid;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 4px 10px 3px 30px;
    font-family: var(--font-1);
    font-size: 11px;
    color: var(--color-TextBlack);
    letter-spacing: 1px;
    z-index: 1;
}

.arrow_right {
    width: 0px;
    height: 0px;
    top: -7px;
    left: 80%;
    border-bottom: 6px solid var(--color-BodOrgOffWhite);
    border-left: 5px solid var(--color-BodOrgWhite);
    border-right: 5px solid var(--color-BodOrgWhite);
    position: absolute;
}

/* dec 03 */

.txt_box_audit_error {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-bottom: 2px;
    box-shadow: 0 0 1px 1px var(--color-ShadowOrgOffWhite) inset;
    border: var(--color-BodRedErrorText) 1px solid;
    background-color: var(--color-BgOrgWhite);
    color: var(--color-TextBlack);
    font-size: 14px;
    text-indent: 4px;
    height: 23px;
    width: 99.8%;
    font-family: var(--font-1);
}

.com_sele_lftrt {
    width: 98.5%;
    height: auto;
    display: block;
    margin-top: 20px;
    margin-left: 0.6%;
}
/* dec 05 */
.headertxtorg_comp {
    color: var(--color-TextOrangeWarningText);
    font-family: var(--font-1);
    font-size: 14px;
    font-weight: normal;
    text-shadow: 0 1px var(--color-ShadowOrangeWarningText);
    margin: 8px 5px 9px 1px;
    text-transform: uppercase;
}

/* dec 07 */

.yes_icon {
    background-image: url(images/tick_icon.png);
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 12px;
    text-align: right;
    width: 40px;
    margin: 0 auto;
}

.no_icon {
    background-image: url(images/no_icon.png);
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 12px;
    text-align: right;
    width: 35px;
    margin: 0 auto;
}

.no_Group_icon {
    background-image: url(images/no_icon.png);
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 12px;
    text-align: right;
    width: 35px;
}

.yes_Group_icon {
    background-image: url(images/tick_icon.png);
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 12px;
    text-align: right;
    width: 40px;
}

.no_icon_Equipment {
    background-image: url(images/no_icon.png);
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 12px;
    text-align: right;
    width: 51px;
    margin-left: 30px;
}

.yes_icon_Equipment {
    background-image: url(images/tick_icon.png);
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 12px;
    text-align: right;
    width: 67px;
    margin-left: 30px;
}

.remove_icon_Equipment {
    background-image: url(images/remove_icon.png);
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 12px;
    text-align: right;
    width: 82px;
    margin-left: 30px;
}

/*To do vinothkumar 20180926*/
.Mapped_icon_Equipment {
    background-image: url(images/mapped_icon.png);
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 12px;
    text-align: right;
    width: 67px;
    margin-left: 30px;
}

.UnMapped_icon_Equipment {
    background-image: url(images/Unmapped_icon.png);
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 12px;
    text-align: right;
    width: 85px;
    margin-left: 30px;
}
/*End*/

.add_icon {
    background-image: url(images/add_icon.png);
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 12px;
    text-align: right;
    width: 42px;
    margin: 0 auto;
    cursor: pointer;
}

.add_icon_plus {
    background-image: url(images/add_icon.png);
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 12px;
    text-align: right;
    width: 14px;
    height: 14px;
    margin: 0 auto;
    cursor: pointer;
    margin: 3px auto 0;
}

.remove_icon {
    background-image: url(images/remove_icon.png);
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 12px;
    text-align: right;
    width: 72px;
    margin: 0 auto;
    cursor: pointer;
}

.remove {
    float: left;
    background-image: url(images/remove_icon.png);
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 12px;
    text-align: right;
    width: 12px;
    height: 12px;
    margin: 0 auto;
    cursor: pointer;
    margin: 3px auto 0;
}

.remove_icon1 {
    background-image: url(images/remove.png);
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 12px;
    text-align: right;
    width: 64px;
    float: right;
    margin: 7px 5px;
}

.reject_icon {
    background-image: url(../../Images/rejested_icon.png);
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 12px;
    text-align: right;
    width: 66px;
    margin: 0 auto;
    cursor: pointer;
}

.accepted_icon {
    background-image: url(../../Images/approved_icon.png);
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 12px;
    text-align: right;
    width: 72px;
    margin: 0 auto;
    cursor: pointer;
}

.received_icon {
    background-image: url(images/received_icon.png);
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 12px;
    text-align: right;
    width: 68px;
    margin: 0 auto;
    cursor: pointer;
}

.renewal_icon {
    background-image: url(images/renewal_icon.png);
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 12px;
    text-align: right;
    width: 65px;
    margin: 0 auto;
    cursor: pointer;
}

.move_up {
    background-image: url(images/move_up.png);
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 12px;
    text-align: right;
    width: 66px;
    margin: 0 auto;
    cursor: pointer;
    float: left;
    width: auto;
    padding: 0px 0px 0px 20px;
    white-space: nowrap;
    text-align: left;
}

.move_down {
    background-image: url(images/move_down.png);
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 12px;
    text-align: right;
    width: 84px;
    margin: 0 auto;
    cursor: pointer;
    float: left;
    width: auto;
    padding: 0px 0px 0px 20px;
    white-space: nowrap;
    text-align: left;
}
/* statioc header */

/*#staticcontainer
{
width:99.5%;
height:80px;
position:fixed;
top:0;
z-index:999;
background: url("images/bg.jpg") repeat scroll 0 0 transparent;
}
#static_submenu
{
width:99.5%;
background:url(images/bg.jpg) repeat;
position:fixed;
z-index:555;
}
.static_subdiv
{
width:98.7%;
margin:70px auto 0px;
height:auto;
background:url(images/bg.jpg) repeat;
}
.mainbody2
{
width:98.7%;
margin:6px auto;
height:auto;
z-index:0;
padding:228px 0px 50px;
}

.mainbody2_blk_sub
{
width:98.7%;
margin:6px auto;
height:auto;
z-index:0;
padding:200px 0px 50px;
}
.topcurvy_border_div
{
width:100%;
background-color:var(--color-BgOrgWhite);
height:15px;
margin:12px auto 0px;
display:block;
border-left: 1px solid var(--color-BodTextSecondaryCharcoalGray);
border-radius: 8px 8px 0 0;
border-right: 1px solid var(--color-BodTextSecondaryCharcoalGray);
border-top: 1px solid var(--color-BodTextSecondaryCharcoalGray);
}
.topcurvy_border_Add_edit
{
width:100%;
background-color:var(--color-BgOrgWhite);
height:15px;
margin:62px auto 0px;
display:block;
border-left: 1px solid var(--color-BodTextSecondaryCharcoalGray);
border-radius: 8px 8px 0 0;
border-right: 1px solid var(--color-BodTextSecondaryCharcoalGray);
border-top: 1px solid var(--color-BodTextSecondaryCharcoalGray);
}

#staticfooter
{
width:99.5%;
height:52px;
position:fixed;
bottom:0;
}
.footer_bgspace_div
{
background:url(images/bg.jpg) repeat;
height:17px;
width:100%
}
.footer5
{
width:100%;
height:35px;
background-color:var(--color-BgBlack);
border-top-left-radius: 9px;
border-top-right-radius: 9px;
margin:0px 0px 0px 0px;
}*/

.tablecontentdiv_new {
    width: 100%;
    border-left: 1px var(--color-BodTextSecondaryCharcoalGray) solid;
    border-right: 1px var(--color-BodTextSecondaryCharcoalGray) solid;
    border-bottom: 1px var(--color-BodTextSecondaryCharcoalGray) solid;
    background-color: var(--color-BgOrgWhite);
    height: auto;
    border-radius: 0px 0px 8px 8px;
    margin-top: 0px;
    display: inline-block;
}

.mainbody2_blk_sub {
    width: 98.7%;
    margin: 6px auto;
    height: auto;
    z-index: 0;
    padding: 200px 0px 50px;
}

.txtlabel_enar {
    color: var(--color-TextPrimaryBlue);
    font-size: 13PX;
    display: block;
    margin: 0px 0px 3px 1px;
    letter-spacing: 0px;
    width: 100%;
    font-family: var(--font-1);
    text-align: left;
}

.txtlabel_span {
    color: var(--color-TextPrimaryBlue);
    font-size: 13PX;
    display: block;
    margin: 0px 3px 3px 0px;
    letter-spacing: 0px;
    font-family: var(--font-1);
    float: left;
}

.en_dir {
    direction: ltr;
}

.ar_dir {
    direction: rtl;
}

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--color-BgOrgWhite); /* change if the mask should have another color then var(--color-BgOrgWhite) */
    z-index: 99; /* makes sure it stays on top */
}

#status {
    width: 48px;
    height: 48px;
    position: absolute;
    left: 50%; /* centers the loading animation horizontally one the screen */
    top: 50%; /* centers the loading animation vertically one the screen */
    background-image: url(Default/loading-image.gif); /* path to your loading animation */
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto;
}

.attach_pin {
    margin: -2px 5px -5px 5px;
    padding: 0 auto;
}

.attach_txt {
    font-family: var(--font-1);
    float: left;
    color: var(--color-TextBlack);
    font-size: 11px;
    font-weight: 500;
    line-height: 19px;
    margin: 0px 10px;
}

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

.remove_txt {
    font-family: var(--font-1);
    float: right;
    color: var(--color-TextPrimaryBlue);
    font-size: 11px;
    font-weight: 500;
    line-height: 19px;
    margin: 0px 10px;
}

.arrow_img {
    float: right;
    margin: -6px 10px 0px 10px;
}

.step_div {
    width: auto;
    margin: 0px 25px 0px 0px;
    display: block;
    float: left;
}

.reg_no {
    color: var(--color-TextGreenSuccessAlert);
    font-family: var(--font-1);
    background-color: var(--color-BgOrgOffWhite);
    border: 2px solid var(--color-BodGreenSuccessAlert);
    border-radius: 50%;
    font-size: 18px;
    height: 26px;
    width: 26px;
    text-align: center;
    margin: 7px 9px 7px 0px;
    float: left;
}

.step_no {
    color: var(--color-TextGreenSuccessAlert);
    font-family: var(--font-1);
    font-size: 14px;
    font-weight: normal;
    margin: 11px 0px;
    float: left;
    letter-spacing: 1px;
}

.reg_no_dull {
    color: var(--color-TextOrgOffWhite);
    font-family: var(--font-1);
    background-color: var(--color-BgOrgOffWhite);
    border: 2px solid var(--color-BodOrgOffWhite);
    border-radius: 50%;
    font-size: 18px;
    height: 26px;
    width: 26px;
    text-align: center;
    margin: 7px 9px 7px 0px;
    float: left;
}

.step_no_dull {
    color: var(--color-TextOrgOffWhite);
    font-family: var(--font-1);
    font-size: 14px;
    font-weight: normal;
    margin: 11px 0px;
    float: left;
    letter-spacing: 1px;
}

.pop_view_container {
    width: 850px;
    height: auto;
    display: block;
    margin: 6px 36px 10px 35px;
}

.pop_view_container1 {
    width: auto;
    height: auto;
    display: block;
    margin: 20px;
}

.pop_view_div {
    width: 457px;
    height: auto;
    float: left;
    display: block;
    margin: 0px 17px 0 2px;
}

.doc_top_bg {
    float: left;
    /* background: url(images/document_view_top.jpg)no-repeat;*/
    background: url('images/document_view_top2.png')no-repeat;
    width: 457px;
    /*height: 63px;*/
    position: relative;
    background-position: 5px 1px;
    height: 80px;
}

.pop_view_doc {
    width: 355px;
    height: auto;
    float: right;
    display: block;
    margin: 0 0 0 18px;
}

.doc_txt {
    color: var(--color-TextBlack);
    font-family: var(--font-1);
    font-size: 14px;
    position: absolute;
    text-shadow: 0 0 var(--color-ShadowBlack);
    background: linear-gradient( 1deg, var(--color-BgVeryLightBlue), transparent);
    height: 53px;
    top: 26px;
    width: calc(100% - 148px);
    margin: 0;
    padding-left: 73px;
    padding-right: 73px;
    border: 1px solid var(--color-BodOrgOffWhite);
    border-bottom: none;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    z-index: -1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.grd_img_txt {
    margin: 0px 0px 0px 45px;
}

.doc_app_txt {
    color: var(--color-TextGreenSuccessAlert);
    font-family: var(--font-1);
    font-size: 13px;
    text-shadow: 0px 0px var(--color-ShadowGreenSuccessAlert);
}

.app_tick {
    float: right;
    margin: 2px 0px 2px 0px;
}

.doc_view_td {
    width: auto;
    margin: 0px;
    display: block;
    height: auto;
    border-left: 1px var(--color-BodOrgOffWhite) solid;
    border-right: 1px var(--color-BodOrgOffWhite) solid;
    overflow: hidden;
}

.doc_row1 {
    background-color: var(--color-BgOrgOffWhite);
    height: 38px;
    border-top: 1px solid var(--color-BodOrgWhite);
    border-bottom: 1px solid var(--color-BodOrgOffWhite);
}

.doc_row2 {
    background-color: var(--color-BgOrgWhite);
    height: 38px;
    border-bottom: 1px solid var(--color-BodOrgOffWhite);
}

.doc_row3 {
    background-color: var(--color-BgOrgOffWhite);
    height: 38px;
}

.doc_inner_row {
    background-color: var(--color-BgOrgWhite);
    border-bottom: 1px solid var(--color-BodOrgOffWhite);
    display: block;
    height: auto;
    overflow: auto;
    width: 100%;
}

.doc_inner_row1 {
    background-color: var(--color-BgOrgWhite);
    border-bottom: 1px solid var(--color-BodOrgOffWhite);
    display: block;
    height: auto;
    overflow: auto;
    width: 100%;
}

.doc_lft {
    font-family: var(--font-1);
    font-size: 12px;
    line-height: 33px;
    text-indent: 3px;
    background-color: var(--color-BgOrgWhite);
    color: var(--color-TextOrangeWarningText);
    float: left;
    height: 33px;
    width: 168px;
    border-right: 1px solid var(--color-BodOrgOffWhite);
}

.doc_rt {
    font-family: var(--font-1);
    font-size: 12px;
    background-color: var(--color-BgOrgWhite);
    line-height: 33px;
    text-indent: 5px;
    color: var(--color-TextBlack);
    float: left;
    height: 33px;
    width: 269px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.doc_lft1 {
    font-family: var(--font-1);
    font-size: 12px;
    line-height: 33px;
    text-indent: 3px;
    background-color: var(--color-BgOrgWhite);
    color: var(--color-TextOrangeWarningText);
    float: left;
    height: 33px;
    width: 168px;
    border-right: 1px solid var(--color-BodOrgOffWhite);
}

.doc_rt1 {
    font-family: var(--font-1);
    font-size: 12px;
    background-color: var(--color-BgOrgWhite);
    line-height: 33px;
    text-indent: 5px;
    color: var(--color-TextBlack);
    float: left;
    height: 33px;
    width: 269px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.d-arrow {
    margin: 2px 3px 1px 0px;
}

.doc_brdr {
    background-color: var(--color-BgVeryLightBlue);
    height: 5px;
    border-bottom: 1px solid var(--color-BodOrgOffWhite);
    border-top: 1px solid var(--color-BodOrgOffWhite);
}

.dow_name_blue {
    color: var(--color-TextPrimaryBlue);
    font-family: var(--font-1);
    font-size: 12px;
    margin: 0px 0px 0px 10px;
    line-height: 38px;
    float: left;
}

.dow_name_grey {
    color: var(--color-TextBlack);
    font-family: var(--font-1);
    font-size: 12px;
    margin: 0px 0px 0px 10px;
    line-height: 38px;
    float: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 250px;
}

.note_txt_div {
    width: 100%;
    margin: 3px 0px 0px 0px;
    display: block;
}

.txt_note {
    color: var(--color-TextRedErrorText);
    font-family: var(--font-1);
    font-size: 11px;
    font-weight: normal;
    text-shadow: 0px 0px var(--color-ShadowRedErrorText);
}

.txt_note_blk {
    color: var(--color-TextBlack);
    font-family: var(--font-1);
    font-size: 11px;
    font-weight: normal;
    text-shadow: 0px 0px var(--color-ShadowBlack);
}

.doc_zoom_txt {
    color: var(--color-TextOrangeWarningText);
    padding: 2px 5px;
    font-family: var(--font-1);
    font-size: 12px;
    float: right;
    margin: 0px 0px 0px 0px;
    cursor: pointer;
}

.doc_zoom_txt_border {
    padding: 15px;
    text-indent: 5px;
    text-align: right;
    color: var(--color-TextOrangeWarningText);
    font-family: var(--font-1);
    font-size: 14px;
    font-weight: normal;
    float: right;
    cursor: pointer;
    width: 846px;
}

    .doc_zoom_txt_border a {
        color: var(--color-TextOrangeWarningText);
    }

.zoom_img {
    float: right;
    margin: 2px 3px 2px 0px;
    cursor: pointer;
}

.doc_curve {
    background-color: var(--color-BgOrgWhite);
    border: 3px solid var(--color-BodTextSecondaryCharcoalGray);
    border-radius: 4px;
    height: auto;
    padding: 4px;
    width: auto;
}

.doc_in_brdr {
    width: 314px;
    height: 400px;
    background-color: var(--color-BgOrgWhite);
    border: 1px solid var(--color-BodTertiaryGray);
    padding: 10px 12px;
    margin-left: 1px;
}

.doc_arrow_bg {
    background-image: url(images/doc_arrow_bg.jpg);
    background-repeat: no-repeat;
    height: 77px;
    margin: 12px 0px;
}

.doc_arrow_lft {
    float: left;
    margin: 26px 10px 0px 17px;
}

.doc_arrow_rt {
    float: right;
    margin: 26px 17px 0px 8px;
}

.doc_slide {
    float: left;
    margin: 10px 10px 10px 0px;
}

.doc_slide1 {
    float: left;
    margin: 8px 8px 8px 8px;
}

.doc_slide2 {
    float: left;
    margin: 8px 0px 8px 8px;
}

.doc_view_shadow {
    position: absolute;
}

.viewer {
    width: 100%;
    height: 410px;
    position: relative;
}

.wrapper {
    overflow: hidden;
}

#dhtmlgoodies_slideshow {
    width: auto; /* Total width of slideshow */
}

#previewPane {
    position: relative;
}

    #previewPane img {
        line-height: 510px;
    }

    #previewPane #largeImageCaption { /* CSS styling of image caption below large image */
        font-style: italic;
        text-align: center;
        font-family: var(--font-1); /* Font to use */
        font-size: 0.9em;
    }

#galleryContainer, .galleryimgcontainer {
    background-image: url(images/doc_arrow_bg.jpg);
    background-repeat: no-repeat;
    background-position: 0 13px;
    height: 82px; /* Height of the images + 2 */
    position: relative;
    overflow: hidden;
    padding-top: 11px;
    /* CSS HACK */
    height: 82px; /* IE 5.x - Added 2 pixels for border left and right */
    height /* */: /**/ 82px; /* Other browsers */
    height: /**/ 82px;
}

.arr_lft {
    background: url("images/arrow_left.gif") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 77px;
    left: 0;
    margin-top: 2px;
    position: absolute;
    width: 40px;
    z-index: 10;
}

    .arr_lft:hover {
        background: url(images/arrow_left_over.gif) no-repeat 0px 0px;
        width: 40px;
        height: 77px;
    }

.arr_rt {
    background: url(images/arrow_right.gif) no-repeat 0px 0px;
    width: 40px;
    height: 77px;
    position: absolute;
    right: 0px;
    z-index: 10;
    margin-top: 2px;
    cursor: pointer;
}

.galleryimgcontainer .arr_rt1 {
    background: url(../Standard-rtl/images/arrow_right.gif) no-repeat 0px 0px;
}

.arr_rt:hover {
    background: url(images/arrow_right_over.gif) no-repeat 0px 0px;
    width: 40px;
    height: 77px;
}

#arrow_left {
}

#arrow_right {
}

#theImages {
    position: absolute;
    width: 100000px;
    margin-top: 13px;
}

    #theImages #slideEnd {
        float: left;
    }

    #theImages img {
        float: left;
        padding: 1px;
        filter: alpha(opacity=50);
        opacity: 0.5;
        cursor: pointer;
        border: 1px solid var(--color-BodBlack);
        box-shadow: 2px 3px 2px var(--color-ShadowTextSecondaryCharcoleGray);
        margin-right: 12px;
    }

#waitMessage {
    display: none;
    position: absolute;
    left: 200px;
    top: 150px;
    background-color: var(--color-BgOrgWhite);
    border: 3px double var(--color-BodBlack);
    padding: 4px;
    color: var(--color-TextBlack);
    font-size: 0.9em;
    font-family: var(--font-1);
}

#theImages .imageCaption {
    display: none;
}

.min_image_border {
    width: 75px;
    height: 50px;
    margin-left: 2px;
    border: 1px solid var(--color-BodBlack);
}

.min_image_border_full {
    margin: 0 auto;
    padding: 0 auto;
}

.iviewer_common {
    position: absolute;
    bottom: 10px;
    border: 1px solid var(--color-BodBlack);
    height: 28px;
    z-index: 5000;
}

.iviewer_cursor {
    cursor: url(images/hand.cur) 6 8, pointer;
}

.iviewer_drag_cursor {
    cursor: url(images/grab.cur) 6 8, pointer;
}

.iviewer_button {
    width: 28px;
    cursor: pointer;
    background-position: center center;
    background-repeat: no-repeat;
}

.iviewer_zoom_in {
    left: 20px;
    background: url(images/iviewer.zoom_in.gif);
}

.iviewer_zoom_out {
    left: 55px;
    background: url(images/iviewer.zoom_out.gif);
}

.iviewer_zoom_zero {
    left: 90px;
    background: url(images/iviewer.zoom_zero.gif);
}

.iviewer_zoom_fit {
    left: 125px;
    background: url(images/iviewer.zoom_fit.gif);
}

.iviewer_zoom_status {
    left: 160px;
    font: 1em/28px var(--font-1);
    color: var(--color-TextBlack);
    background-color: var(--color-BgOrgWhite);
    text-align: center;
    width: 60px;
}

.iviewer_rotate_left {
    left: 227px;
    background: var(--color-BgOrgWhite) url(images/iviewer.rotate_left.png) center center no-repeat;;
}

.iviewer_rotate_right {
    left: 262px;
    background: var(--color-BgOrgWhite) url(images/iviewer.rotate_right.png) center center no-repeat;;
}

.sub_cate_border {
    margin-left: 5px;
    margin-right: 0.9%;
    margin-top: 10px;
}

.sub_category {
    width: 20%;
    margin-left: 5px;
    margin-right: 0px;
    float: right;
}

.txt_pending {
    color: var(--color-TextOrgOffWhite);
    font-size: 13px;
    text-shadow: 0 0 var(--color-ShadowOrgOffWhite);
}

.spacer {
    height: 25px;
}

.spacer1 {
    height: 8px;
}

.txtlabel_date_txt {
    float: left;
    color: var(--color-TextBlack);
    font-size: 13PX;
    margin: 8px;
}

.blt_view {
    margin: 20px auto 25px;
    overflow: auto;
    width: 98%;
}

.blt_viewbg {
    border-bottom: 4px solid var(--color-BodOrgOffWhite);
    border-top: 4px solid var(--color-BodOrgOffWhite);
    display: block;
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 2px 0 1px;
    width: 100%;
}

.blt_txt {
    font-family: var(--font-1);
    font-size: 13px;
    line-height: 24px;
    text-indent: 15px;
    text-align: left;
    background: url(images/d_arrow.png) no-repeat left center;
    margin-left: 18px;
}

.viewblt1a_left {
    background-color: var(--color-BgOrgWhite);
    color: var(--color-TextBlack);
    float: left;
    height: 33px;
    width: 50%;
    border-bottom: 1px solid var(--color-BodOrgWhite);
}

.viewblt1a_right {
    background-color: var(--color-BgOrgOffWhite);
    color: var(--color-TextBlack);
    float: left;
    height: 33px;
    width: 50%;
    border-bottom: 1px solid var(--color-BodOrgWhite);
}

.select_activity_txt_ser {
    background: url(images/select_activity_btn.jpg) no-repeat;
    color: var(--color-TextGreenSuccessAlert);
    font-family: var(--font-1);
    font-size: 15px;
    font-weight: normal;
    margin: 0px 0px 9px 0px;
    float: left;
    padding-left: 30px;
    height: 22px;
    width: 147px;
    cursor: pointer;
}

.select_activity_txt_add {
    background: url("images/select_activity_btn.jpg") no-repeat right transparent;
    color: var(--color-TextGreenSuccessAlert);
    font-family: var(--font-1);
    font-size: 15px;
    font-weight: normal;
    height: 22px;
    float: left;
    width: 27px;
    position: absolute;
    cursor: pointer;
}

.select_plus {
    background: url(images/select_activity_btn.jpg) no-repeat;
    color: var(--color-TextGreenSuccessAlert);
    font-family: var(--font-1);
    font-size: 15px;
    font-weight: normal;
    margin: 0px 0px 0px 0px;
    float: left;
    padding-left: 30px;
    height: 22px;
    width: 94px;
    cursor: pointer;
}

.add_plus_icontxt {
    background: url(images/select_activity_btn.jpg) no-repeat;
    color: var(--color-TextGreenSuccessAlert);
    font-family: var(--font-1);
    font-size: 15px;
    font-weight: normal;
    margin: 0px 0px 0px 0px;
    float: left;
    height: 22px;
    padding-left: 30px;
    cursor: pointer;
}

.add_plus_icontxt_new {
    background: url(images/select_activity_btn.jpg) no-repeat;
    color: var(--color-TextGreenSuccessAlert);
    font-family: var(--font-1);
    font-size: 15px;
    font-weight: normal;
    margin: 11px 0px 0px 0px;
    float: left;
    height: 22px;
    padding-left: 30px;
    cursor: pointer;
}

.txt_col {
    display: block;
    color: var(--color-TextBlack);
    font-family: var(--font-1);
    font-size: 14px;
    height: 23px;
    font-weight: normal;
    text-shadow: 0 0 var(--color-ShadowBlack);
}

/*Access Table*/

table.acess {
    width: 100%;
    color: var(--color-TextBlack);
    font-size: 13px;
    border: 1px solid var(--color-BodOrgOffWhite);
    font-family: var(--font-1);
}

    table.acess td,
    table.acess th {
        padding: 5px;
        border-right: 1px solid var(--color-BodOrgOffWhite);
    }

    table.acess td {
        padding-left: 5px;
        border-right: 1px solid var(--color-BodOrgOffWhite);
    }

    table.acess thead th {
        background-image: url(images/table_bg.png);
        background-position: left top;
        background-repeat: repeat-x;
        border-bottom: 1px solid var(--color-BodOrgOffWhite);
        color: var(--color-TextBlack);
        font-family: var(--font-1);
        font-size: 13px;
        font-weight: normal;
    }

        table.acess thead th.left {
            text-align: left;
        }

    table.acess tbody td.center {
        text-align: center;
    }

    table.acess thead a:hover {
        text-decoration: none;
    }

    table.acess thead th img {
        vertical-align: middle;
    }

    table.acess tbody th {
    }

    table.acess tbody tr {
        background-color: var(--color-BgOrgWhite);
        text-align: left;
        height: 30px;
    }

        table.acess tbody tr td {
            background: var(--color-BgOrgWhite);
        }

        table.acess tbody tr.row1 td {
            background: var(--color-BgOrgOffWhite);
            border-top: 1px solid var(--color-BodOrgOffWhite);
            border-bottom: 1px solid var(--color-BodOrgOffWhite);
        }

        table.acess tbody tr.row2 td {
            background: var(--color-BgOrgOffWhite);
            border-bottom: 1px solid var(--color-BodOrgOffWhite);
        }

    table.acess tfoot tr {
        text-align: center;
        color: var(--color-TextBlack);
    }

    table.acess tfoot td, table.acess tfoot {
        background-color: var(--color-BgOrgOffWhite);
        text-align: center;
    }

    table.acess .pagination {
        display: inline-block;
        padding: 0;
        margin: 0 auto;
        text-align: center;
    }

.grid_orng_txt {
    font-family: var(--font-1);
    font-size: 13px;
    color: var(--color-TextOrangeWarningText);
    float: left;
    margin: 0px 0px 0px 5px;
}

.grid_d_arrow {
    font-family: var(--font-1);
    font-size: 14px;
    color: var(--color-TextBlack);
    float: left;
    margin: 0px 10px 0px 5px;
}

.grid_blu_txt {
    font-family: var(--font-1);
    font-size: 13px;
    color: var(--color-TextPrimaryBlue);
    float: left;
    margin: 0px 0px 0px 5px;
}

.grid_grn_txt {
    font-family: var(--font-1);
    font-size: 13px;
    color: var(--color-TextGreenSuccessAlert);
    float: left;
    margin: 0px 0px 0px 5px;
}

.grid_grey_txt {
    font-family: var(--font-1);
    font-size: 13px;
    color: var(--color-TextBlack);
    float: left;
    margin: 0px 0px 0px 5px;
}

/* tree*/

.treeview, .treeview ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

    .treeview ul {
        background-color: var(--color-BgOrgWhite);
        margin-top: 4px;
    }

    .treeview .hitarea {
        background: url(images/treeview-default.gif) -64px -25px no-repeat;
        height: 16px;
        width: 16px;
        margin-left: -16px;
        float: left;
        cursor: pointer;
    }

/* fix for IE6 */

* html .hitarea {
    display: inline;
    float: none;
}

.treeview li {
    margin: 0;
    padding: 3px 0pt 3px 16px;
}

.treeview a.selected {
    background-color: var(--color-BgOrgOffWhite);
}

#treecontrol {
    margin: 1em 0;
    display: none;
}

.treeview li {
    background: url(images/treeview-default-line.gif) 0 0 no-repeat;
}

    .treeview li.collapsable, .treeview li.expandable {
        background-position: 0 -176px;
    }

.treeview .expandable-hitarea {
    background-position: -80px -3px;
}

.treeview li.last {
    background-position: 0 -1766px;
}

.treeview li.lastCollapsable, .treeview li.lastExpandable {
    background-image: url(images/treeview-default.gif);
}

.treeview li.lastCollapsable {
    background-position: 0 -111px;
}

.treeview li.lastExpandable {
    background-position: -32px -67px;
}

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea {
    background-position: 0;
}

.filetree li {
    padding: 3px 0 2px 16px;
}

.filetree span.folder, .filetree span.file {
    padding: 1px 0 1px 3px;
    display: block;
}

.filetree span.folder {
    /*background: url('images/folder.gif') 0 0 no-repeat;*/
    font-family: var(--font-1);
    font-size: 12px;
    color: var(--color-TextPrimaryBlue);
    text-transform: uppercase;
}

.filetree li.expandable span.folder {
    /*background: url('images/folder-closed.gif') 0 0 no-repeat;*/
    font-family: var(--font-1);
    font-size: 12px;
    color: var(--color-TextPrimaryBlue);
    text-transform: uppercase;
}

.filetree span.file {
    /*background: url('images/file.gif') 0 0 no-repeat;*/
    font-family: var(--font-1);
    font-size: 12px;
    color: var(--color-TextBlack);
}

.tree_chk_box {
    margin: 1px 3px 0 2px;
}

.map_brdr {
    border: 1px solid var(--color-BodTextSecondaryCharcoalGray);
    border-radius: 3px;
    width: 100%;
    height: 440px;
}

.orngh_txt {
    color: var(--color-TextOrangeWarningText);
    font-family: var(--font-1);
    font-size: 14px;
    font-weight: normal;
    text-shadow: 0 1px var(--color-ShadowOrangeWarningText);
    margin: 13px 0px 7px 0px;
}

.loc_map_brdr {
    border: 1px solid var(--color-BodTextSecondaryCharcoalGray);
    border-radius: 3px;
    width: 99.6%;
    height: 186px;
}

.pop_map {
    border: 1px solid var(--color-BodTextSecondaryCharcoalGray);
    border-radius: 3px;
    width: 575px;
    height: 396px;
    float: left;
}

.pop_loc_drop {
    width: 260px;
    height: auto;
    float: right;
}

.orngh_txt_pop {
    color: var(--color-TextOrangeWarningText);
    font-family: var(--font-1);
    font-size: 14px;
    font-weight: normal;
    text-shadow: 0 1px var(--color-ShadowOrangeWarningText);
    margin: 7px 0px 0px 0px;
    float: left;
}

.txt_map_div {
    width: auto;
    height: auto;
    margin: 40px 0px 0px 0px;
    display: block;
}

.pop_frm {
    display: block;
    height: auto;
    width: 100%;
}

/* Inner sub menu */

.s_img {
    float: left;
    margin: 5px 6px 5px 5px;
}

.ddsmoothmenu {
    font-family: var(--font-1);
    font-size: 13px;
    width: 115px;
    background-image: url(images/s_menu_bg.jpg);
    background-repeat: repeat;
    background-position: center center;
    height: 28px;
    line-height: 28px;
    float: left;
    margin: 0px 0px 0px 3px;
}

    .ddsmoothmenu ul {
        z-index: 999;
        margin: 0;
        padding: 0;
        list-style-type: none;
        float: left;
    }

        /*Top level list items*/

        .ddsmoothmenu ul li {
            position: relative;
            display: inline;
            float: left;
        }
            /*Top level menu link items style*/
            .ddsmoothmenu ul li a {
                display: block;
                color: var(--color-TextBlack);
                text-decoration: none;
                float: left;
            }

            * html .ddsmoothmenu ul li a { /*IE6 hack to get sub menu links to behave correctly*/
                display: inline-block;
            }

                .ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited {
                    color: var(--color-TextBlack);
                }

                .ddsmoothmenu ul li a:hover {
                    background-image: url(s_menu_bg.jpg); /*background of menu items during onmouseover (hover state)*/
                    color: var(--color-TextBlack);
                }
            /*1st sub level menu*/
            .ddsmoothmenu ul li ul {
                position: relative;
                display: none; /*collapse all sub menus to begin with*/
                /*visibility: hidden;*/
                top: 0px;
            }
                /*Sub level menu list items (undo style from Top level List Items)*/
                .ddsmoothmenu ul li ul li {
                    display: list-item;
                }
                    /*All subsequent sub menu levels vertical offset after 1st level sub menu */
                    .ddsmoothmenu ul li ul li ul {
                        top: 0;
                    }
                    /* Sub level menu links style */
                    .ddsmoothmenu ul li ul li a {
                        width: 155px; /*width of sub menus*/
                        padding: 0px 10px;
                        margin: -27px 0px 0px 20px;
                    }

.ddsmenu {
    background-color: var(--color-BgOrgWhite);
    border: 1px solid var(--color-BodOrgOffWhite);
}

.sm_drop {
    max-width: 155px;
    display: block;
    top: 0px !important;
    position: absolute;
}
/* Holly Hack for IE \*/
* html .ddsmoothmenu {
    height: 1%;
}
/*Holly Hack for IE7 and below*/
.sprite_icon {
    margin: 0px 3px;
}

.up_filename {
    font-family: var(--font-1);
    font-size: 13px;
}

.up_btn_txt {
    font-family: var(--font-1);
    font-size: 11px;
}

.btnimgUp {
    background-image: url(images/b_arrow_up.png);
    background-repeat: no-repeat;
    width: 9px;
    height: 6px;
    border: 0 none;
    margin-right: 5px;
    cursor: pointer;
}

.btnimgDown {
    background-image: url(images/b_arrow_down.PNG);
    background-repeat: no-repeat;
    width: 9px;
    height: 6px;
    border: 0 none;
    margin-left: 5px;
    cursor: pointer;
}

.btnimgUp_disable {
    background-image: url(../../Images/b_arrow_up_d.png);
    background-repeat: no-repeat;
    width: 9px;
    height: 6px;
    border: 0 none;
    margin-right: 5px;
}

.btnimgDown_disable {
    background-image: url(../../Images/b_arrow_down_d.png);
    background-repeat: no-repeat;
    width: 9px;
    height: 6px;
    border: 0 none;
    margin-left: 5px;
}

.row_space {
    height: auto;
    margin-bottom: 6px;
    width: 100%;
}

.txt_approve {
    color: var(--color-TextOrgOffWhite);
    font-weight: 600;
    font-family: var(--font-1);
    font-size: 13px;
    text-shadow: none;
}

.txt_suspend {
    color: var(--color-TextOrgOffWhite);
    font-weight: bold;
    font-family: var(--font-1);
    font-size: 13px;
}

.txt_expired {
    color: var(--color-TextRedErrorText);
    font-weight: bold;
    font-family: var(--font-1);
    font-size: 13px;
}

.txt_licensed {
    color: var(--color-TextGreenSuccessAlert);
    font-weight: bold;
    font-family: var(--font-1);
    font-size: 13px;
}

.txt_request {
    color: var(--color-TextBlack);
    font-weight: 600;
    font-family: var(--font-1);
    font-size: 13px;
}

.privileges_box {
    margin-left: 26px;
    margin-bottom: 20px;
}

/*tree*/

.k-treeview-lines .k-item {
    font-family: var(--font-1);
    font-size: 12px;
    color: var(--color-TextBlack);
    margin: 0px 0px 0px 5px;
    background-repeat: no-repeat;
}

.k-treeview-lines .k-first {
    font-family: var(--font-1);
    font-size: 13px;
    color: var(--color-TextBlack);
    margin: 0px 0px 0px 5px;
    background-repeat: no-repeat;
    background-position: 0 0;
}

.k-bot {
    font-family: var(--font-1);
    font-size: 13px;
    color: var(--color-TextBlack);
    background-repeat: no-repeat;
    background-position: 0 0;
}

.k-treeview .k-minus {
    background: url(images/minus.png) 3px 0px no-repeat;
}

.k-treeview .k-plus {
    background: url(images/plus.png) 3px 0px no-repeat;
}
/*tree*/
.g_txt_lft {
    color: var(--color-TextPrimaryBlue);
    font-family: var(--font-1);
    font-size: 14px;
    font-weight: normal;
    margin: 0 0 9px;
    display: block;
    float: left;
    text-shadow: 0 0 var(--color-ShadowPrimaryBlue);
}

.g_txt_rt {
    color: var(--color-TextOrangeWarningText);
    display: inline-block;
    float: left;
    font-family: var(--font-1);
    font-size: 14px;
    letter-spacing: 0;
    margin: 0 45px 10px 10px;
    position: relative;
    text-shadow: 0 0 var(--color-ShadowOrangeWarningText);
}

.select_link {
    border: 0 none;
    cursor: pointer;
    margin: 0;
}

    .select_link input {
        cursor: pointer;
        outline: 0;
        opacity: 0;
        position: relative;
        filter: alpha(opacity=0);
        margin: 0;
        padding: 0;
        right: 0;
        top: 0;
        z-index: 2;
    }

.upload_txt {
    cursor: pointer;
    color: var(--color-TextPrimaryBlue);
    font-family: var(--font-1);
    font-size: 13px;
    z-index: 1;
    display: block;
    overflow: hidden !important;
    position: relative;
    bottom: 15px;
}

.doc_view_scroll {
    max-height: 316px !important;
    overflow-y: auto;
    overflow-x: visible;
}

.oc_tab_h {
    background: url("images/db_tb_toprow_bg.jpg") repeat-x 0 0;
    border: 1px solid var(--color-BodOrgOffWhite);
    height: 30px;
    color: var(--color-TextBlack);
    font-family: var(--font-1);
    font-size: 13px;
    font-weight: normal;
    margin-top: 1px;
    text-indent: 10px;
    line-height: 30px;
}

.oc_three_brdr {
    border-bottom: 1px solid var(--color-BodOrgOffWhite);
    border-left: 1px solid var(--color-BodOrgOffWhite);
    border-right: 1px solid var(--color-BodOrgOffWhite);
    padding: 8px 5px 8px 6px;
    height: 37px;
}

.oc_pic_bg {
    background: url("images/oc_pic_bg.png")no-repeat 0 0;
    height: 39px;
    width: 38px;
    float: left;
}

.oc_pic {
    margin: 3px 4px 7px 4px;
}

.oc_txt {
    font-family: var(--font-1);
    font-size: 13px;
    color: var(--color-TextBlack);
    margin: 9px 0px 0px 0px;
    text-indent: 10px;
    float: left;
}

.red_cross_img {
    float: right;
    margin: 12px 5px;
}

.doc_three_brdr {
    border-bottom: 1px solid var(--color-BodOrgOffWhite);
    border-left: 1px solid var(--color-BodOrgOffWhite);
    border-right: 1px solid var(--color-BodOrgOffWhite);
    padding: 8px 5px 8px 6px;
    height: 39px;
}

.doc_thumb_bg1 {
    border: 2px solid var(--color-BodOrgWhite);
    height: 36px;
    width: 32px;
    float: left;
    box-shadow: 3px 4px 3px var(--color-ShadowTextSecondaryCharcoleGray);
}

.doc_thumb_bg {
    border: 2px solid var(--color-BodOrgOffWhite);
    height: 36px;
    width: 32px;
    float: left;
}

.doc_thumb {
    margin: 1px;
    cursor: pointer;
}

.doc_icon {
    float: right;
    margin: 12px 5px;
    /*width: 100%;
    padding: 0px 2px;*/
}

.doc_sep {
    margin: 0px 7px;
    float: left;
}

.pop_grid {
    display: block;
    overflow: visible;
    width: 100%;
}

.chk_div_cont {
    width: auto;
    float: left;
    padding: 1px 25px 1px 0px;
}

.chk_box_div {
    display: block;
    margin: 0 0 0 10px;
    overflow: auto;
    width: auto;
}

.e_mail_chk {
    color: var(--color-TextBlack);
    float: left;
    font-size: 14px;
    letter-spacing: 0;
    margin: 0px 0px 0px 5px;
    padding: 0;
}

.e_mail_chk1 {
    color: var(--color-TextBlack);
    font-size: 14px;
    letter-spacing: 0;
    margin: 0px 0px 0px 0px;
    padding: 0;
}

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

.add_txt_div {
    color: var(--color-TextBlack);
    font-size: 11px;
    height: auto;
    letter-spacing: 0;
    margin: 10px 0px 0px 0px;
    float: left;
}

.set_as_txt {
    cursor: pointer;
    letter-spacing: .3px;
    background-color: var(--color-BgPrimaryBlue);
    border: 0 none;
    border-radius: 3px 3px 3px 3px;
    color: var(--color-TextOrgWhite);
    font-family: var(--font-1);
    font-size: 12px;
    padding: 1px 8px;
}

.primry_txt {
    color: var(--color-TextBlack);
    font-size: 11px;
    letter-spacing: 0;
    text-indent: 6px;
}

.primry_txt1 {
    color: var(--color-TextBlack);
    font-size: 12.5px;
    letter-spacing: 0;
    text-indent: 6px;
    line-height: 20px;
}

.txtboxLabel {
    border: none;
    background-color: var(--color-BgOrgWhite);
    background: transparent;
    width: 100%;
}

.txtlabel_right {
    color: var(--color-TextPrimaryBlue);
    font-size: 13PX;
    float: right;
    font-family: var(--font-1);
    text-align: right;
    text-shadow: 0px 0px var(--color-ShadowPrimaryBlue);
}

.reg_chk_txt {
    color: var(--color-TextBlack);
    font-family: var(--font-1);
    font-size: 12px;
    line-height: 15px;
    text-indent: 0;
}

.reg_link_txt {
    font-family: var(--font-1);
    font-size: 12px;
    color: var(--color-TextPrimaryBlue);
}

    .reg_link_txt:hover {
        font-family: var(--font-1);
        font-size: 12px;
        color: var(--color-TextOrangeWarningText);
    }

.pop_wh_big {
    height: auto;
    left: 4%;
    position: fixed;
    right: 4%;
    top: 16%;
    width: 920px;
}

.pop_wh_med {
    height: auto;
    left: 4%;
    position: fixed;
    right: 4%;
    top: 16%;
    width: 600px;
}

.pop_wh_small {
    width: 300px;
    height: auto;
    left: 4%;
    position: fixed;
    right: 4%;
    top: 16%;
}

.pop_nrml {
    left: 4%;
    position: fixed;
    right: 4%;
    top: 16%;
    width: auto;
    height: auto;
    z-index: 1002;
    overflow: hidden;
    background-color: var(--color-BgOrgWhite);
}

.pop_nrml_manual {
    left: 3%;
    position: fixed;
    right: 3%;
    top: 16%;
    width: 960px;
    height: auto;
    z-index: 1002;
    overflow: hidden;
    padding-bottom: 20px;
    border-radius: 8px;
    background-color: var(--color-BgOrgWhite);
    margin: 0 auto;
}

.new_preloader {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999;
}

.pop_block {
    display: block;
}

.go_btn {
    cursor: pointer;
    padding: 1px 0px;
}

.pop_error_txt {
    font-family: var(--font-1);
    font-size: 12px;
    color: var(--color-TextRedErrorText);
    text-align: center;
    margin: 5px 0px;
}

.pop_error {
    font-family: var(--font-1);
    font-size: 12px;
    color: var(--color-TextRedErrorText);
    margin: 5px 305px 0px;
}

.no_fnd_txt {
    font-family: var(--font-1);
    font-size: 13px;
    color: var(--color-TextOrangeWarningText);
    text-align: center;
}

.gender_text {
    font-family: var(--font-1);
    font-size: 13px;
    color: var(--color-TextBlack);
    float: left;
    margin-right: 5px;
    line-height: 26px;
}

.new_filter_building {
    display: block;
    float: left;
    height: auto;
    overflow: hidden;
    width: 33%;
}

.new_building_div {
    display: block;
    float: right;
    height: auto;
    overflow: hidden;
    width: 83%;
}

.new_filter_txt {
    color: var(--color-TextBlack);
    float: left;
    font-family: var(--font-1);
    font-size: 13px;
    margin: 0px 10px;
    width: 10%;
    line-height: 30px;
}

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

.new_street_div {
    display: block;
    float: right;
    height: auto;
    overflow: hidden;
    width: 85%;
}

.line_filter {
    background: url(images/devider_line.jpg) repeat-x center center;
    height: 12px;
    width: auto;
}

.txt_area_filter {
    color: var(--color-TextBlack);
    float: left;
    font-family: var(--font-1);
    font-size: 13px;
    margin: 0px;
    line-height: 30px;
}

.v_alert {
    color: var(--color-TextRedErrorText);
    font-size: 12px;
    font-family: var(--font-1);
    float: left;
    margin: 0 15px;
}

.panel_tog_log {
    display: block;
    overflow: hidden;
}

/*06/03/2013- KUMAR*/
/*organisation Chart*/
.org_outer_brdr {
    background-color: var(--color-BgOrgOffWhite);
    border: var(--color-BodVeryLightBlue) 1px solid;
    padding: 4px;
    display: inline-block;
    width: 99.5%;
}

.org_btn_box_div {
    width: auto;
    display: block;
}

.org_btn_box {
    margin: 8px;
    height: auto;
    float: left;
}

.o_btn_img {
    margin-right: 12px;
    cursor: pointer;
}

.stroke_txt {
    float: left;
    font-family: var(--font-1);
    font-size: 11px;
    color: var(--color-TextBlack);
    margin-top: 9px;
}

.stroke_select {
    background-color: var(--color-BgOrgOffWhite);
    height: 24px;
    border: solid 1px var(--color-BodVeryLightBlue);
    margin: 5px 5px;
    width: 41px;
    float: left;
}

.org_chart_area {
    background-color: var(--color-BgOrgWhite);
    border: var(--color-BodVeryLightBlue) 1px solid;
    width: 65%;
    margin-right: 5px;
    float: left;
    height: 355px;
    overflow: auto;
}

.org_tab_area {
    background-color: var(--color-BgOrgWhite);
    border: var(--color-BodVeryLightBlue) 1px solid;
    width: 34%;
    float: left;
    height: 355px;
}

.org_chart_content {
    vertical-align: middle;
    margin: 0 auto;
    padding: 0 auto;
}

.tab_div {
    margin: 6px 4px;
}

.org_tab_div {
    display: block;
    height: auto;
    width: 100%;
    margin-top: 8px;
}

.org_tab_container {
    background: none repeat scroll 0 0 var(--color-BgOrgOffWhite);
    clear: both;
    float: left;
    width: 100%;
    border-top: 1px solid var(--color-BodOrgOffWhite);
}

ul.orgtabs {
    margin-bottom: -2px;
    padding: 0;
    float: left;
    list-style: none;
    height: 28px;
    width: 60%;
}

    ul.orgtabs li {
        float: left;
        margin: 0;
        padding: 0;
        height: 26px;
        line-height: 27px;
        margin-bottom: 15px;
        background-image: url(images/tap_border.png);
        background-position: top;
        background-repeat: repeat-x;
        overflow: hidden;
        position: relative;
        margin-left: 4px;
    }

        ul.orgtabs li a {
            text-decoration: none;
            color: var(--color-TextPrimaryBlue);
            font-size: 12px;
            display: block;
            padding: 0 10px;
            border: 1px solid var(--color-BodOrgOffWhite);
            outline: none;
            border-top-right-radius: 3px;
            border-top-left-radius: 3px;
        }

            ul.orgtabs li a:hover {
                background: var(--color-BgOrgOffWhite);
            }

html ul.orgtabs li.active, html ul.orgtabs li.active a:hover {
    background: var(--color-BgOrgOffWhite);
}

.orgtab_content {
    height: auto;
}

.org_headertxtorg {
    color: var(--color-TextOrangeWarningText);
    font-family: var(--font-1);
    font-size: 12px;
    font-weight: normal;
    margin: 10px;
    text-transform: uppercase;
}

.tab_row {
    background-color: var(--color-BgOrgOffWhite);
    border-top: 1px solid var(--color-BodOrgWhite);
    border-bottom: 1px solid var(--color-BodOrgWhite);
    height: 35px;
    padding: 4px;
}

.tab_row1 {
    height: 35px;
    padding: 4px;
}

.avtar_thumb_bg {
    border: 2px solid var(--color-BodOrgWhite);
    background-color: var(--color-BgOrgWhite);
    float: left;
    cursor: pointer;
    box-shadow: 3px 4px 3px var(--color-ShadowTextSecondaryCharcoleGray);
}

.arro_img {
    margin: 16px 6px 0;
    float: left;
}

.desg_txt {
    color: var(--color-TextBlack);
    font-family: var(--font-1);
    font-size: 12px;
    float: left;
    margin: 10px 10px 0px;
}

.desg_txt_grey {
    color: var(--color-TextBlack);
    font-family: var(--font-1);
    font-size: 12px;
}

.tab_scroll {
    height: 222px;
    overflow: auto;
}
/*organisation Chart Ends*/
.db_r_table_s {
    padding: 10px;
}

.mailcontentdiv {
    width: 99.5%;
    border: 1px var(--color-BodOrgOffWhite) solid;
    background-color: var(--color-BgOrgOffWhite);
    height: auto;
    padding: 8px 4px 4px 4px;
    display: inline-block;
}

.mail_left {
    width: 7%;
    height: auto;
    float: left;
    margin: 0px 0px 10px 0px;
    display: block;
    overflow: hidden;
}

.mail_right {
    width: 92.5%;
    height: auto;
    float: left;
    margin: 0px 0px 10px 0px;
    display: block;
    overflow: hidden;
}

.to_txt {
    font-family: var(--font-1);
    font-size: 12px;
    color: var(--color-TextBlack);
    margin: 0px 7px;
    line-height: 30px;
    text-shadow: 0px 0px var(--color-ShadowTextSecondaryCharcoleGray);
    letter-spacing: 0.9px;
}

.blu_txt_box_bg {
    background-color: var(--color-BgOrgOffWhite);
    border: 1px solid var(--color-BodVeryLightBlue);
    border-radius: 4px;
    display: block;
    overflow: hidden;
    padding: 2px;
}

.cont_icon_in {
    background: url(images/contact_icon.png) no-repeat scroll 0 0 var(--color-BgOrgWhite);
    border: 0 none;
    cursor: pointer;
    height: 16px;
    margin: 0.3% 0 0 87.5%;
    position: absolute;
    width: 16px;
    right: 46px;
}

@media (min-width:1350px) and (max-width:1600px) {
    .cont_icon_in {
        right: 36px;
    }
}

@media (min-width:1024px) and (max-width:1350px) {
    .cont_icon_in {
        margin: 0.45% 0 0;
        right: 28px;
    }
}

.blu_txt_box {
    background-color: var(--color-BgOrgWhite);
    border: 1px solid var(--color-BodVeryLightBlue);
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 0 1px 1px var(--color-ShadowOrgOffWhite) inset;
    color: var(--color-TextBlack);
    font-family: var(--font-1);
    font-size: 14px;
    height: 23px;
    text-indent: 4px;
    width: 99.8%;
}

.blu_txt_box_attach {
    background: url(images/attach_icon.png) no-repeat scroll 99.5% 4px var(--color-BgOrgWhite);
    border: 1px solid var(--color-BodVeryLightBlue);
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 0 1px 1px var(--color-ShadowOrgOffWhite) inset;
    color: var(--color-TextBlack);
    font-family: var(--font-1);
    font-size: 14px;
    height: 23px;
    text-indent: 4px;
    width: 99.8%;
}

.blu_txt_box_bg:hover {
    background-color: var(--color-BgVeryLightBlue);
}

.blu_txt_box:focus {
    background-color: var(--color-BgOrgOffWhite);
    border: 1px solid var(--color-BodVeryLightBlue);
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 0 1px 1px var(--color-ShadowOrgOffWhite) inset;
    color: var(--color-TextBlack);
    font-family: var(--font-1);
    font-size: 14px;
    height: 23px;
    text-indent: 4px;
    width: 99.8%;
}

.att_div {
    margin: 7px 0 0 7px;
}

.att_txt {
    color: var(--color-TextPrimaryBlue);
    font-family: var(--font-1);
    font-size: 12px;
    line-height: 20px;
    text-decoration: underline;
}

.ch_att_in {
    color: var(--color-TextBlack);
    font-size: 12px;
    letter-spacing: 0;
    margin: 0 20px;
}

.ch_att_box {
    float: left;
    margin: -3px 7px 0px 7px;
}

.mail_blue_line {
    border-top: 1px solid var(--color-BodVeryLightBlue);
    margin: 0px 0px 5px 0px;
}

.editor_tool {
    padding: 5px;
    direction: ltr;
}

.cont_popup_outer {
    border-radius: 8px;
    background-color: var(--color-BgOrgWhite);
    width: 600px;
    height: auto;
    box-shadow: 0px 0 19px var(--color-ShadowTextSecondaryCharcoleGray);
    position: absolute;
    top: 20%;
    left: 5%;
    right: 5%;
    border: 1px solid var(--color-BodPrimaryBlue);
}

.cont_content_area {
    width: auto;
    margin: 10px;
    height: auto;
    overflow: hidden;
    font-family: var(--font-1);
}

.cont_pop_lblspan {
    width: 100%;
    height: auto;
    font-size: 12px;
}

.multi_chk_txt {
    color: var(--color-TextBlack);
    font-size: 12px;
    letter-spacing: 0;
    margin: 0 5px;
}

.cont_chk_txt {
    color: var(--color-TextBlack);
    font-size: 12px;
    letter-spacing: 0;
    margin: 0 5px;
}

.cont_chk_txt1 {
    color: var(--color-TextBlack);
    font-size: 12px;
    letter-spacing: 0;
    margin: 0 5px;
}

.redefine_txt {
    color: var(--color-TextOrangeWarningText);
    float: right;
}

.pop_searchbox {
    background: url("images/pop_searchbox.jpg") no-repeat scroll 0 0 transparent;
    border: 0 none;
    color: var(--color-TextBlack);
    float: left;
    font-family: var(--font-1);
    font-size: 13px;
    height: 26px;
    text-indent: 10px;
    width: 328px;
}

.pop_toprightrow {
    width: 390px;
    float: right;
}

.pop_topleftrow {
    float: left;
    width: auto;
    margin: -5px 0 0;
}

.pop_searchbtn {
    background: url("images/search_btn.jpg") no-repeat scroll 0 0 transparent;
    border: 0 none;
    cursor: pointer;
    float: left;
    height: 26px;
    margin: 0px 11px 0 8px;
    width: 26px;
}

#pop_top-panel {
    border: 1px solid var(--color-BodVeryLightBlue);
    padding: 20px 13px;
    display: none;
    margin-bottom: 13px;
}

.pop_sel_advnbox {
    border: 1px solid var(--color-BodTertiaryGray);
    color: var(--color-TextBlack);
    font-size: 12px;
    width: 273px;
    padding: 3px 2px;
}

.pop_sel_advnbox_s {
    border: 1px solid var(--color-BodTertiaryGray);
    color: var(--color-TextBlack);
    font-size: 12px;
    width: 180px;
    padding: 3px 2px;
}

.adv_box1 {
    width: 100%;
    height: auto;
    margin-top: 10px;
}

.sort_arw_btn {
    background: url(images/sort_arrow.jpg) no-repeat scroll 8px 0px;
    border: 0 none;
    cursor: pointer;
    font-family: var(--font-1);
    font-size: 12px;
    color: var(--color-TextPrimaryBlue);
    text-indent: 27px;
    margin: 10px 0 5px;
}

.pop_shw_txt {
    color: var(--color-TextBlack);
    float: right;
    margin: 10px 3px 0 0;
}

.pop_cont_in_area {
    border: 1px solid var(--color-BodVeryLightBlue);
    height: 50px;
    width: 99.5%;
    font-family: var(--font-1);
    font-size: 12px;
}
/* small size selectbox */
.k-textbox > input, .k-autocomplete .k-input, .k-picker-wrap .k-input, .k_pop_drop, .k-numeric-wrap .k-input, .k-dropdown-wrap .k-input, .k-selectbox .k_pop_drop {
    border: 0 none;
    height: 18px;
    margin: 0;
    padding: 0.1em 0;
    text-indent: 4px;
}
/* small size selectbox */
.in_div_lft {
    float: left;
    width: 100%;
}

.in_div_lft1 {
    float: left;
    width: 70%;
}

.in_div_rt {
    margin-right: 10px;
    float: right;
}

.in_div_full {
    width: 100%;
    margin: 0px 7px;
    display: block;
    height: auto;
    overflow: hidden;
}

.in_div_full1 {
    width: 100%;
    margin: 0px 7px 5px 7px;
    display: block;
    height: auto;
    overflow: hidden;
}

.in_lbl_left {
    color: var(--color-TextBlack);
    float: left;
    font-family: var(--font-1);
    font-size: 12px;
    letter-spacing: 0.9px;
    text-shadow: 0 0 var(--color-ShadowTextSecondaryCharcoleGray);
    width: 110px;
}

.in_lbl_rt {
    color: var(--color-TextBlack);
    float: left;
    font-family: var(--font-1);
    font-size: 12px;
    letter-spacing: 0.9px;
    text-shadow: 0 0 var(--color-ShadowTextSecondaryCharcoleGray);
    width: 98%;
}

.in_lbl_left1 {
    color: var(--color-TextBlack);
    font-family: var(--font-1);
    font-size: 12px;
    letter-spacing: 0.9px;
    text-shadow: 0 0 var(--color-ShadowTextSecondaryCharcoleGray);
}

.in_lbl_rt1 {
    color: var(--color-TextBlack);
    font-family: var(--font-1);
    font-size: 12px;
    letter-spacing: 0.9px;
    text-shadow: 0 0 var(--color-ShadowTextSecondaryCharcoleGray);
    margin: 0px 5px;
    width: 98%;
}

.zip_img {
    margin: 0px 5px 0 0;
    vertical-align: bottom;
}

.read_box {
    border: 1px solid var(--color-BodVeryLightBlue);
    height: 360px;
    overflow: auto;
    background: var(--color-BgOrgWhite);
    font-size: 14px;
    color: var(--color-TextBlack);
    padding: 5px;
    letter-spacing: 0.8px;
    direction: ltr;
}

.set_chk_txt {
    color: var(--color-TextGreenSuccessAlert);
    display: inline-block;
    font-size: 12px;
    letter-spacing: 0;
    margin: 0 0 4px 0;
    width: 100%;
}

.set_chk_txt_blue {
    display: inline-block;
    letter-spacing: 0;
    margin: 0 0 10px;
    color: var(--color-TextPrimaryBlue);
    display: block;
    font-family: var(--font-1);
    font-size: 13px;
    letter-spacing: 0;
}

.set_txt_box_bg {
    background-color: var(--color-BgOrgWhite);
    border: 1px solid var(--color-BodTertiaryGray);
    border-radius: 4px 4px 4px 4px;
    display: block;
    overflow: hidden;
    padding: 2px;
    width: 100px;
    float: left;
    margin-bottom: 15px;
}

    .set_txt_box_bg:hover {
        background-color: var(--color-BgBlack);
    }

    .set_txt_box_bg:focus:hover {
        background-color: var(--color-BgOrgOffWhite);
        border: var(--color-BodRedErrorText) 1px solid;
        border-radius: 4px;
        padding: 2px 2px 2px 2px;
        display: block;
        overflow: hidden;
        width: 33%;
        float: left;
    }

.set_txt_box {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-bottom: 2px;
    box-shadow: 0 0 1px 1px var(--color-ShadowOrgOffWhite) inset;
    border: var(--color-BodOrgOffWhite) 1px solid;
    background-color: var(--color-BgOrgWhite);
    color: var(--color-TextBlack);
    font-size: 14px;
    text-indent: 4px;
    height: 23px;
    width: 99.5%;
    font-family: var(--font-1);
}

    .set_txt_box:focus {
        border-radius: 2px;
        -moz-border-radius: 2px;
        -khtml-border-radius: 2px;
        -webkit-border-bottom: 2px;
        box-shadow: 0 0 1px 1px var(--color-ShadowOrgOffWhite) inset;
        border: var(--color-BodOrgOffWhite) 1px solid;
        background-color: var(--color-BgOrgOffWhite);
        color: var(--color-TextBlack);
        font-size: 14px;
        text-indent: 4px;
        height: 23px;
        width: 99.5%;
        font-family: var(--font-1);
    }

.set_txt_box_bg_error {
    background-color: var(--color-BgOrgWhite);
    border: 1px solid var(--color-BodRedErrorText);
    border-radius: 4px 4px 4px 4px;
    display: block;
    overflow: hidden;
    padding: 2px;
    width: 100px;
    float: left;
    margin-bottom: 15px;
}

.vrchkbx {
    color: var(--color-TextBlack);
    display: table-cell;
    font-size: 12px;
    letter-spacing: 0.5px;
}

.days_txt {
    color: var(--color-TextBlack);
    font-size: 12px;
    letter-spacing: 1px;
    float: left;
    margin: 7px;
}

.set_lblspan {
    float: left;
    height: auto;
    margin: 10px 0;
    width: 100%;
}

.acc_st_div {
    float: right;
    margin-right: 10px;
}

.acc_st_txt {
    color: var(--color-TextBlack);
    text-shadow: 0px 0px var(--color-ShadowBlack);
    font-size: 12px;
    letter-spacing: 1px;
}

.acc_st_non {
    color: var(--color-TextOrangeWarningText);
    text-shadow: 0px 0px var(--color-ShadowPeachColor);
    font-size: 13px;
    letter-spacing: 1px;
}

.acc_st_rej {
    color: var(--color-TextRedErrorText);
    text-shadow: 0px 0px var(--color-ShadowOrgOffWhite);
    font-size: 13px;
    letter-spacing: 1px;
}

.acc_st_acpt {
    color: var(--color-TextPrimaryBlue);
    text-shadow: 0px 0px var(--color-ShadowPrimaryBlue);
    font-size: 13px;
    letter-spacing: 1px;
}

.acc_inn_h {
    color: var(--color-TextOrangeWarningText);
    font-family: var(--font-1);
    font-size: 14px;
    font-weight: normal;
    margin: 0px 0px 1px 3px;
    text-shadow: 0px 0px var(--color-ShadowOrgOffWhite);
    letter-spacing: 1px;
    float: left;
}

.stat_valid {
    color: var(--color-TextGreenSuccessAlert);
    font-weight: 600;
    text-shadow: none;
}

.accept_btn {
    font-family: var(--font-1);
    font-size: 13.5px;
    color: var(--color-TextOrgWhite);
    cursor: pointer;
    background-image: url(images/btn_accept.jpg);
    background-repeat: no-repeat;
    border: none;
    height: 22px;
    width: 85px;
    text-indent: 25px;
}

.reject_btn {
    font-family: var(--font-1);
    font-size: 13.5px;
    color: var(--color-TextOrgWhite);
    cursor: pointer;
    background-image: url(images/btn_reject.jpg);
    background-repeat: no-repeat;
    border: none;
    height: 22px;
    width: 85px;
    text-indent: 16px;
}

.update_btn {
    background-image: url("images/btn_update.jpg");
    background-repeat: no-repeat;
    border: medium none;
    color: var(--color-TextOrgWhite);
    cursor: pointer;
    font-family: var(--font-1);
    font-size: 13.5px;
    height: 22px;
    letter-spacing: 0;
    text-indent: 21px;
    width: 85px;
}

.acc_btn_div {
    float: right;
    margin: 0px 0px 4px 0px;
}

.email_nm_bg {
    background: url("images/email_nm_bg.jpg") no-repeat scroll 100% 0 var(--color-BgOrgOffWhite);
    float: left;
    height: 47px;
    width: 25%;
    border-top: 1px solid var(--color-BodOrgWhite);
    border-left: 1px solid var(--color-BodTextSecondaryCharcoalGray);
}

.mail_sub_txt {
    color: var(--color-TextBlack);
    float: left;
    font-family: var(--font-1);
    font-size: 12px;
    margin: 12px 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
    width: 54%;
    cursor: pointer;
    overflow: hidden;
}

.mail_dt_txt {
    color: var(--color-TextBlack);
    float: right;
    font-family: var(--font-1);
    font-size: 12px;
    margin: 12px 10px;
}

.trash_btn {
    background: url("images/trash_icon.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    float: right;
    height: 19px;
    margin: 12px 5px;
    width: 16px;
}

.mail_thumb_bg {
    background: none repeat scroll 0 0 var(--color-BgOrgWhite);
    border: 2px solid var(--color-BodOrgWhite);
    box-shadow: 2px 3px 2px var(--color-ShadowTextSecondaryCharcoleGray);
    cursor: pointer;
    float: left;
    height: 31px;
    margin: 2px 0;
    width: 30px;
}

.star_img {
    float: left;
    margin: 12px 5px;
    cursor: pointer;
    background: url(images/star_img.jpg) no-repeat;
    width: 21px;
    height: 21px;
}

.star_img_n {
    float: left;
    margin: 12px 5px;
    cursor: pointer;
    background: url(images/star_img_n.jpg) no-repeat;
    width: 21px;
    height: 21px;
}

.mail_attach {
    float: left;
    margin: 15px 5px;
    cursor: pointer;
    background: url(images/attach-pin.png) no-repeat;
    width: 9px;
    height: 16px;
}

.usr_name {
    color: var(--color-TextOrangeWarningText);
    cursor: pointer;
    float: left;
    font-family: var(--font-1);
    font-size: 12px;
    margin-left: 12px;
    margin-top: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 60%;
}

.glb_set_lft {
    display: block;
    float: left;
    height: auto;
    margin: 0;
    overflow: hidden;
    width: 15%;
}

.glb_set_rt {
    display: block;
    float: right;
    height: auto;
    margin: 0 0 0;
    overflow: hidden;
    width: 75%;
}

.control_set_box {
    background-color: var(--color-BgVeryLightBlue);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-color: var(--color-BodVeryLightBlue) var(--color-BodVeryLightBlue) var(--color-BodTextSecondaryCharcoalGray);
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 1px 1px var(--color-ShadowOrgOffWhite);
    float: left;
    height: auto;
    padding: 4px;
    width: 100%;
}

.field_wht_box {
    background: none repeat scroll 0 0 var(--color-BgOrgOffWhite);
    border: 1px solid var(--color-BodVeryLightBlue);
    min-height: 250px;
    position: relative;
    padding: 15px;
}

.field_wht_box1 {
    border: 1px solid var(--color-BodVeryLightBlue);
    background: var(--color-BgOrgWhite);
    height: auto;
    width: 100%;
    padding-bottom: 60px;
}

.field_wht_box2 {
    border: 1px solid var(--color-BodVeryLightBlue);
    background: var(--color-BgOrgWhite);
    height: auto;
    width: 100%;
    padding-bottom: 120px;
}

.field_btn_div {
    float: right;
    margin: 5px 0px 2px 0px;
}

.add_field_btn {
    background: url(images/add_field_btn.jpg) no-repeat;
    border: none;
    font-family: var(--font-1);
    font-size: 12px;
    color: var(--color-TextBlack);
    cursor: pointer;
    height: 22px;
    width: 89px;
    text-indent: 16px;
}

.del_field_btn {
    background: url(images/del_field_btn.jpg) no-repeat;
    border: none;
    font-family: var(--font-1);
    font-size: 12px;
    color: var(--color-TextBlack);
    cursor: pointer;
    height: 22px;
    width: 76px;
    text-indent: 16px;
}

.field_bg {
    background: var(--color-BgOrgOffWhite);
    margin: 3px;
}

.field_txt {
    color: var(--color-TextPrimaryBlue);
    font-family: var(--font-1);
    font-size: 12px;
    text-shadow: 0px 0px var(--color-ShadowPrimaryBlue);
    letter-spacing: 1px;
    cursor: pointer;
}

.field_ch_box {
    margin: 7px 6px 7px 4px;
}

.control_set_rt {
    width: 57%;
    float: left;
    margin: 0px 0px 0px 34px;
}

.ctrl_lblspan {
    height: auto;
    margin-bottom: 7px;
    width: 100%;
    padding: 7px 3px;
    cursor: pointer;
}

    .ctrl_lblspan:hover {
        background: var(--color-BgOrgOffWhite);
        height: auto;
        margin-bottom: 7px;
        width: 100%;
        padding: 7px 3px;
        cursor: pointer;
    }

    .ctrl_lblspan:active {
        background: var(--color-BgOrgOffWhite);
        height: auto;
        margin-bottom: 7px;
        width: 100%;
        padding: 7px 3px;
        cursor: pointer;
    }

ul.ctrl {
    margin: 0px;
    padding: 0;
    list-style: none;
}

    ul.ctrl li {
        height: auto;
        margin-bottom: 7px;
        padding: 5px 3px;
        width: 100%;
    }

        ul.ctrl li:hover {
            background: var(--color-BgOrgOffWhite);
            height: auto;
            margin-bottom: 7px;
            width: 100%;
            padding: 5px 3px;
        }

        ul.ctrl li.active, ul.ctrl li.active a:hover {
            background: var(--color-BgTertiaryGray);
            height: auto;
            margin-bottom: 7px;
            width: 100%;
            padding: 5px 3px;
        }

.choice_icons_li_div {
    display: block;
    margin: 0px;
}

.choice_icons_li {
    float: right;
}

.choice_plus_btn {
    background: url(images/choice_plus_btn.png) no-repeat;
    border: 0;
    height: 14px;
    width: 14px;
    cursor: pointer;
    margin: 0px 0px 0px 2px;
}

.choice_minus_btn {
    background: url(images/choice_minus_btn.png) no-repeat;
    border: 0;
    height: 14px;
    width: 14px;
    cursor: pointer;
    margin: 0px 0px 0px 2px;
}

.set_chk_txt {
    color: var(--color-TextBlack);
    font-size: 12px;
    margin: 0 0 4px 0;
}

.set_field_div {
    height: auto;
    width: auto;
    margin-bottom: 80px;
}

.set_field_input {
    border: 1px solid var(--color-BodOrgOffWhite);
    border-radius: 3px;
    width: 100%;
    font-size: 12px;
    color: var(--color-TextBlack);
    font-family: var(--font-1);
    padding: 2px;
}

.set_field_txtarea {
    border: 1px solid var(--color-BodOrgOffWhite);
    border-radius: 3px;
    width: 100%;
    font-size: 12px;
    color: var(--color-TextBlack);
    font-family: var(--font-1);
    padding: 2px;
    height: 35px;
}

.choice_div {
    margin: 0 9px 3px 0;
    width: 100%;
}

.choice_icons {
    float: left;
    margin: 2px;
    cursor: pointer;
}

.ctrl_mand_txt {
    color: var(--color-TextBlack);
    font-size: 12px;
    font-family: var(--font-1);
    margin: 4px 0px;
    display: block;
}

.ctrl_lblspan1 {
    height: auto;
    margin: 0px 0px 10px 0px;
    width: 98%;
}

.ctrl_lblspan_option_div {
    height: auto;
    margin: 0 0 10px;
    width: 100%;
}

.ctrl_lblspan_option {
    float: left;
    height: auto;
    width: 50%;
}

.ctrl_txtlabel {
    display: block;
    font-family: var(--font-1);
    letter-spacing: 0.75px;
    margin: 0px;
    width: 100%;
    color: var(--color-TextBlack);
    font-size: 12px;
    text-shadow: 0px 0px var(--color-ShadowBlack);
}

.ctrl_txtlabel_ar {
    color: var(--color-TextBlack);
    display: block;
    font-family: var(--font-1);
    font-size: 12px;
    letter-spacing: 0.75px;
    margin: 0;
    text-align: right;
    text-shadow: 0 0 var(--color-ShadowBlack);
    width: 100%;
}

ul.ctrltabs {
    padding: 0;
    float: left;
    list-style: none;
    margin-left: -1px;
    letter-spacing: 0.75px;
}

    ul.ctrltabs li {
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        background: var(--color-BgVeryLightBlue) url(images/ctrl_arrow_rt.png) 9px 9px;
        float: left;
        height: 28px;
        line-height: 27px;
        overflow: hidden;
        position: relative;
        background-repeat: no-repeat;
        margin: 0 0 0px 1px;
        color: var(--color-TextPrimaryBlue);
        border-right: 1px solid var(--color-BodVeryLightBlue);
        border-left: 1px solid var(--color-BodVeryLightBlue);
        position: relative;
    }

        ul.ctrltabs li a {
            text-decoration: none;
            color: var(--color-TextPrimaryBlue);
            font-size: 13px;
            display: block;
            width: 140px;
            outline: none;
            border-top-right-radius: 3px;
            border-top-left-radius: 3px;
            text-indent: 22px;
        }

            ul.ctrltabs li a:hover {
                background: var(--color-BgVeryLightBlue) url(images/ctrl_arrow_down.png) 9px 12px;
                background-repeat: no-repeat;
                color: var(--color-TextBlack);
            }

        html ul.ctrltabs li.active, html ul.ctrltabs li.active a:hover, ul.ctrltabs li.active a {
            background: var(--color-BgVeryLightBlue) url(images/ctrl_arrow_down.png) 9px 12px;
            background-repeat: no-repeat;
            color: var(--color-TextBlack);
        }

.ctrltab_content {
    height: auto;
    clear: both;
    float: left;
    width: 380px;
}

.ctrl_tab_container {
    clear: both;
    float: left;
    width: 380px;
}

.ctrl_btn_cntrlr {
    height: auto;
    width: auto;
    margin-bottom: 80px;
}

.ctrl_btn_row_lft {
    margin: 0px 31px 10px 0px;
}

.ctrl_btn_row_rt {
    margin: 0px 0px 10px 0px;
}

.btn_txtfield {
    background: url(images/btn_txtfeild.jpg) no-repeat;
    width: 156px;
    height: 26px;
    border: 0 none;
    cursor: pointer;
    color: var(--color-TextBlack);
    font-family: var(--font-1);
    font-size: 12px;
    letter-spacing: 0.5px;
    text-align: left;
    text-indent: 31px;
}

.btn_radio {
    background: url(images/btn_radio.jpg) no-repeat;
    width: 156px;
    height: 26px;
    border: 0 none;
    cursor: pointer;
    color: var(--color-TextBlack);
    font-family: var(--font-1);
    font-size: 12px;
    letter-spacing: 0.5px;
    text-align: left;
    text-indent: 31px;
}

.btn_dropdownbox {
    background: url(images/btn_dropdownbox.jpg) no-repeat;
    width: 156px;
    height: 26px;
    border: 0 none;
    cursor: pointer;
    color: var(--color-TextBlack);
    font-family: var(--font-1);
    font-size: 12px;
    letter-spacing: 0.5px;
    text-align: left;
    text-indent: 31px;
}

.btn_number {
    background: url(images/btn_number.jpg) no-repeat;
    width: 156px;
    height: 26px;
    border: 0 none;
    cursor: pointer;
    color: var(--color-TextBlack);
    font-family: var(--font-1);
    font-size: 12px;
    letter-spacing: 0.5px;
    text-align: left;
    text-indent: 31px;
}

.btn_checkbox {
    background: url(images/btn_checkbox.jpg) no-repeat;
    width: 156px;
    height: 26px;
    border: 0 none;
    cursor: pointer;
    color: var(--color-TextBlack);
    font-family: var(--font-1);
    font-size: 12px;
    letter-spacing: 0.5px;
    text-align: left;
    text-indent: 31px;
}

.btn_date {
    background: url(images/btn_date.jpg) no-repeat;
    width: 156px;
    height: 26px;
    border: 0 none;
    cursor: pointer;
    color: var(--color-TextBlack);
    font-family: var(--font-1);
    font-size: 12px;
    letter-spacing: 0.5px;
    text-align: left;
    text-indent: 31px;
}

.btn_time {
    background: url(images/btn_time.jpg) no-repeat;
    width: 156px;
    height: 26px;
    border: 0 none;
    cursor: pointer;
    color: var(--color-TextBlack);
    font-family: var(--font-1);
    font-size: 12px;
    letter-spacing: 0.5px;
    text-align: left;
    text-indent: 31px;
}

.btn_fileupload {
    background: url(images/btn_fileupload.jpg) no-repeat;
    width: 156px;
    height: 26px;
    border: 0 none;
    cursor: pointer;
    color: var(--color-TextBlack);
    font-family: var(--font-1);
    font-size: 12px;
    letter-spacing: 0.5px;
    text-align: left;
    text-indent: 31px;
}

.btn_header {
    background: url(images/btn_header.jpg) no-repeat;
    width: 156px;
    height: 26px;
    border: 0 none;
    cursor: pointer;
    color: var(--color-TextBlack);
    font-family: var(--font-1);
    font-size: 12px;
    letter-spacing: 0.5px;
    text-align: left;
    text-indent: 31px;
}

.btn_listbox {
    background: url(images/btn_listbox.jpg) no-repeat;
    width: 156px;
    height: 26px;
    border: 0 none;
    cursor: pointer;
    color: var(--color-TextBlack);
    font-family: var(--font-1);
    font-size: 12px;
    letter-spacing: 0.5px;
    text-align: left;
    text-indent: 31px;
}

.std_txt_p {
    color: var(--color-TextPrimaryBlue);
    font-family: var(--font-1);
    font-size: 13px;
    margin-bottom: 5px;
    text-shadow: 0px 0px var(--color-ShadowPrimaryBlue);
    letter-spacing: 0.8px;
}

.qn_txt_grey {
    color: var(--color-TextBlack);
    font-family: var(--font-1);
    font-size: 12px;
}

.chk_box_line {
    color: var(--color-TextGreenSuccessAlert);
    font-size: 12px;
    margin: 0px 10px;
}

.settxtlabel {
    color: var(--color-TextPrimaryBlue);
    font-family: var(--font-1);
    font-size: 13px;
    letter-spacing: 0;
    margin: 0 0px 3px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    width: auto;
    word-wrap: break-word;
}

.addchoice_icons {
    background: url(images/choice_plus.png) no-repeat;
    border: 0;
    height: 12px;
    width: 12px;
    cursor: pointer;
    margin: 7px 0px 0px 2px;
}

.minuschoice_icons {
    background: url(images/choice_minus.png) no-repeat;
    border: 0;
    height: 12px;
    width: 12px;
    cursor: pointer;
    margin: 7px 0px 0px 4px;
    float: right;
}

.choice_field_input {
    border: 1px solid var(--color-BodOrgOffWhite);
    border-radius: 3px;
    width: 41%;
    font-size: 12px;
    color: var(--color-TextBlack);
    font-family: var(--font-1);
    padding: 2px;
    margin-right: 7px;
}

.generate_icon {
    background-image: url("../../Images/generated_icon.png");
    background-position: left center;
    background-repeat: no-repeat;
    font-size: 12px;
    margin: 0 auto;
    text-align: right;
    width: 72px;
}

.approved_icon {
    background-image: url(../../Images/approved_icon.png);
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 12px;
    text-align: right;
    width: 75px;
    margin: 0 auto;
}

.autoapproved_icon { /*added By Anupriya 2022-04-20*/
    background-image: url(../../Images/approved_icon.png);
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 12px;
    text-align: right;
    margin: 0 auto;
}

.approvedundertaken_icon {
    background-image: url(../../Images/approved_icon.png);
    background-repeat: no-repeat;
    font-size: 12px;
    text-align: center;
    width: 120px;
    margin: 0 auto;
    margin-left: 20px;
}

.submitted_icon {
    background-image: url(../../Images/submit_icon.png);
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 12px;
    text-align: right;
    width: 78px;
    margin: 0 auto;
}

.saved_icon {
    background-image: url(../../Images/saved_icon.png);
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 12px;
    text-align: right;
    width: 50px;
    margin: 0 auto;
}

.notpaid_icon {
    /*background-image: url('../../Images/np_icon.jpg');*/
    background-image: url('../../Images/not_paid.jpg');
    /*background-image: url('../../Images/money_off.png');*/
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 12px;
    text-align: center;
    width: 73px;
    margin: 0 auto;
    padding-left: 17px;
    background-size: 26%;
    margin-left: 10px;
}

.void_icon {
    /*background-image: url('../../Images/req_void_icon.jpg');*/
    background-image: url('../../Images/req_void.jpg');
    /*background-image: url('../../Images/void_ico.png');*/
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 12px;
    text-align: center;
    width: 73px;
    margin: 0 auto;
    padding-left: 4px;
    background-size: 30%;
    margin-left: 10px;
}

.processing_icon {
    background-image: url(../../Images/processing_icon.png);
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 12px;
    text-align: right;
    width: 78px;
    margin: 0 auto;
}

.expiry_icon {
    background-image: url(../../Images/expired_icon.png);
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 12px;
    text-align: right;
    width: 61px;
    margin: 0 auto;
}

.new_icon {
    background-image: url(../../Images/new_icon.gif);
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 12px;
    text-align: right;
    width: 58px;
    margin: 0 auto;
}

.pending_icon {
    background-image: url(../../Images/pending_icon.png);
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 12px;
    text-align: right;
    width: 69px;
    margin: 0 auto;
}

.rectification_icon {
    background-image: url(../../Images/rectification_icon.png);
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 12px;
    text-align: right;
    width: 92px;
    margin: 0 auto;
}

.lbl_txt {
    color: var(--color-TextPrimaryBlue);
    display: block;
    float: left;
    font-family: var(--font-1);
    font-size: 13px;
    letter-spacing: 0;
    margin: 0 10px 3px 0;
}

.feed_box_bg {
    background-color: var(--color-BgOrgOffWhite);
    border: 1px solid var(--color-BodVeryLightBlue);
    height: auto;
    margin-bottom: 10px;
    min-height: 75px;
    padding-right: 4px;
}

.feed_box_bg_1 {
    background-color: var(--color-BgOrgOffWhite);
    border: 1px solid var(--color-BodVeryLightBlue);
    height: auto;
    margin-bottom: 10px;
    min-height: 75px;
    margin-left: 72px;
    padding-right: 4px;
}

.feed_box_bg_inner {
    background-color: var(--color-BgOrgWhite);
    box-shadow: 1px 1px 2px var(--color-ShadowOrgOffWhite);
    color: var(--color-TextBlack);
    font-family: var(--font-1);
    font-size: 12px;
    height: auto;
    margin: 5px 0;
    overflow: hidden;
}

.feed_box_bg_inner_1 {
    background-color: var(--color-BgOrgWhite);
    box-shadow: 1px 1px 2px var(--color-ShadowOrgOffWhite);
    color: var(--color-TextBlack);
    font-family: var(--font-1);
    font-size: 12px;
    height: auto;
    margin: 5px 0;
    overflow: hidden;
}

.feed_pic_div {
    display: block;
    float: left;
    height: auto;
}

.feed_pic_div_1 {
    display: block;
    float: left;
    height: auto;
}

.feed_pic_bg {
    background: none repeat scroll 0 0 var(--color-BgOrgWhite);
    box-shadow: 1px 2px 3px var(--color-ShadowTextSecondaryCharcoleGray);
    display: block;
    height: 53px;
    margin: 5px 8px 0 10px;
    overflow: hidden;
    width: 52px;
}

.feed_pic {
    margin: 3px 0px 7px 3px;
    width: 46px;
    height: 47px;
}

.feed_txt_div {
    margin: 10px;
}

.feed_txt_h {
    color: var(--color-TextBlack);
    float: left;
    font-family: var(--font-1);
    font-size: 14px;
    letter-spacing: 0.8px;
    text-shadow: 1px 0px var(--color-ShadowTextSecondaryCharcoleGray);
}

.feed_dt_txt {
    color: var(--color-TextPrimaryBlue);
    font-family: var(--font-1);
    font-size: 13px;
    float: right;
}

.feed_txt_p {
    margin: 10px;
    float: left;
    text-align: justify;
    letter-spacing: 0.8px;
}

.feed_link_txt {
    color: var(--color-TextPrimaryBlue);
    font-family: var(--font-1);
    font-size: 13px;
    float: left;
    margin-top: 15px;
}

.submit_btn_n {
    background-image: url("images/btn_submit.jpg");
    background-repeat: no-repeat;
    border: none;
    color: var(--color-TextOrgWhite);
    cursor: pointer;
    font-family: var(--font-1);
    font-size: 13px;
    height: 26px;
    text-align: left;
    width: 89px;
    text-shadow: 0px 0px var(--color-ShadowVeryLightBlue);
    letter-spacing: 0.5px;
}

.dynamic_left {
    width: 33%;
    height: auto;
    float: left;
    margin: 0 5px 15px 0;
    display: block;
    overflow: hidden;
}

.dynamic_middle {
    display: block;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
    overflow: hidden;
    width: 33%;
}

.dynamic_right {
    width: 33%;
    height: auto;
    float: right;
    margin: 0 0 15px 5px;
    display: block;
    overflow: hidden;
}

.dynamic_normal {
    width: 100%;
    height: auto;
    float: left;
    margin: 0 5px 15px 0;
    display: block;
    overflow: hidden;
}

.txtlabel_lft {
    color: var(--color-TextPrimaryBlue);
    display: block;
    font-family: var(--font-1);
    font-size: 13px;
    letter-spacing: 0;
    margin: 0 0 3px 0px;
    text-align: left;
}

.txtlabel_mdl {
    color: var(--color-TextPrimaryBlue);
    display: block;
    font-family: var(--font-1);
    font-size: 13px;
    letter-spacing: 0;
    margin: 0 0 3px 0px;
    text-align: center;
}

.txtlabel_rt {
    color: var(--color-TextPrimaryBlue);
    display: block;
    font-family: var(--font-1);
    font-size: 13px;
    letter-spacing: 0;
    margin: 0 0 3px 0px;
    text-align: right;
}

.txt_box_bg_lft {
    background-color: var(--color-BgOrgWhite);
    border: 1px solid var(--color-BodTertiaryGray);
    border-radius: 4px 4px 4px 4px;
    display: block;
    overflow: hidden;
    padding: 2px;
    width: 98%;
    float: left;
}

.txt_box_bg_mdl {
    background-color: var(--color-BgOrgWhite);
    border: 1px solid var(--color-BodTertiaryGray);
    border-radius: 4px 4px 4px 4px;
    display: block;
    margin: 0 auto;
    overflow: hidden;
    padding: 2px;
    width: 98%;
}

.txt_box_bg_rt {
    background-color: var(--color-BgOrgWhite);
    border: 1px solid var(--color-BodTertiaryGray);
    border-radius: 4px 4px 4px 4px;
    display: block;
    overflow: hidden;
    padding: 2px;
    width: 98%;
    float: right;
}

.dynamic_chbox {
    height: auto;
    margin: 0 0 15px;
}

ul.chkbx {
    list-style: none outside none;
}

    ul.chkbx li {
        height: auto;
        width: 100%;
        margin: 3px 0px;
    }

.chkbx_lbl {
    color: var(--color-TextBlack);
    display: inline-block;
    font-size: 12px;
    letter-spacing: 0.5px;
}

ul.vrchkbx {
    list-style: none outside none;
}

    ul.vrchkbx li {
        float: left;
        height: auto;
    }

.sel_text_rt {
    color: var(--color-TextBlack);
    font-size: 14px;
    font-family: var(--font-1);
    background-color: var(--color-BgOrgWhite);
    border: 1px solid var(--color-BodTextSecondaryCharcoalGray);
    margin: 0;
}

.sel_text_mdl {
    color: var(--color-TextBlack);
    font-size: 14px;
    font-family: var(--font-1);
    background-color: var(--color-BgOrgWhite);
    border: 1px solid var(--color-BodTextSecondaryCharcoalGray);
    margin: 0;
}

.doc_up_li_txt {
    color: var(--color-TextBlack);
    float: left;
    font-family: var(--font-1);
    font-size: 13px;
    text-indent: 10px;
    margin: 7px 5px 7px 0px;
}

.load_icon {
    float: left;
    margin: 7px 0px;
}

.tick_icon {
    background: url(../../Images/tick_icon.png) no-repeat;
    width: 16px;
    height: 13px;
    float: left;
    margin: 9px 0px;
    text-indent: -3333px;
}

.fail_icon {
    background: url(../../Images/fail_icon.png) no-repeat;
    width: 16px;
    height: 13px;
    float: left;
    margin: 9px 0px;
    text-indent: -3333px;
}

.cellborder {
    border-bottom: 1px solid var(--color-BodOrgOffWhite);
    text-indent: 5px;
}

.nrml_chk_txt1 {
    color: var(--color-TextBlack);
    display: inline-block;
    font-size: 12px;
    letter-spacing: 0;
    margin: 10px 20px 0 0;
}

.set_chk_txt1 {
    color: var(--color-TextBlack);
    display: inline-block;
    font-size: 12px;
    letter-spacing: 0;
    padding: 7px 0;
    width: 100%;
    background-color: var(--color-BgOrgOffWhite);
}

.lblspace {
    height: auto;
    margin: 15px 0px;
    width: 100%;
}

.set_txt_box_bg1 {
    background-color: var(--color-BgOrgWhite);
    border: 1px solid var(--color-BodTertiaryGray);
    border-radius: 4px 4px 4px 4px;
    display: block;
    overflow: hidden;
    padding: 2px;
    margin: 0 7px 15px 0;
    float: left;
    width: 91%;
}

    .set_txt_box_bg1:hover {
        background-color: var(--color-BgBlack);
    }

    .set_txt_box_bg1:focus:hover {
        background-color: var(--color-BgOrgOffWhite);
        border: var(--color-BodRedErrorText) 1px solid;
        border-radius: 4px;
        padding: 2px 2px 2px 2px;
        display: block;
        overflow: hidden;
    }

.set_txt_box1 {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-bottom: 2px;
    box-shadow: 0 0 1px 1px var(--color-ShadowOrgOffWhite) inset;
    border: var(--color-BodOrgOffWhite) 1px solid;
    background-color: var(--color-BgOrgWhite);
    color: var(--color-TextBlack);
    font-size: 14px;
    text-indent: 4px;
    height: 23px;
    width: 99.7%;
    font-family: var(--font-1);
}

    .set_txt_box1:focus {
        border-radius: 2px;
        -moz-border-radius: 2px;
        -khtml-border-radius: 2px;
        -webkit-border-bottom: 2px;
        box-shadow: 0 0 1px 1px var(--color-ShadowOrgOffWhite) inset;
        border: var(--color-BodOrgOffWhite) 1px solid;
        background-color: var(--color-BgOrgOffWhite);
        color: var(--color-TextBlack);
        font-size: 14px;
        text-indent: 4px;
        height: 23px;
        font-family: var(--font-1);
    }

.day-time {
    color: var(--color-TextBlack);
    font-size: 12px;
    letter-spacing: 1px;
    float: left;
    margin: 7px 0;
    width: 6%;
}

.day-time1 {
    color: var(--color-TextBlack);
    float: right;
    font-size: 12px;
    letter-spacing: 1px;
    margin: 7px 0;
    width: 6%;
}

.day-time2 {
    color: var(--color-TextBlack);
    float: right;
    font-size: 12px;
    letter-spacing: 1px;
    margin: 7px 0;
    width: 9%;
}

.time_txt {
    color: var(--color-TextBlack);
    float: right;
    font-size: 12px;
    letter-spacing: 1px;
    margin: 7px 0;
    width: 9%;
}

.every_txt {
    color: var(--color-TextBlack);
    float: left;
    font-size: 12px;
    letter-spacing: 1px;
    margin: 7px 0;
    width: 8%;
}

.every_txt1 {
    color: var(--color-TextBlack);
    float: left;
    font-size: 12px;
    letter-spacing: 1px;
    margin: 7px 0;
    width: 12%;
}

.max_txt {
    color: var(--color-TextBlack);
    font-size: 12px;
    letter-spacing: 1px;
    float: left;
    margin: 7px 0;
    width: 20%;
}

.lft_field {
    width: 49%;
    height: auto;
    float: left;
    margin: 0px;
    display: block;
    overflow: hidden;
}

.rt_field {
    width: 49%;
    height: auto;
    float: right;
    margin: 0 0 0px 0;
    display: block;
    overflow: hidden;
}

.field_left {
    width: 33%;
    height: auto;
    float: left;
    margin: 0;
    display: block;
    overflow: hidden;
}

.field_middle {
    display: block;
    height: auto;
    margin: 0;
    overflow: hidden;
    width: 33%;
}

.field_right {
    width: 33%;
    height: auto;
    float: right;
    margin: 0;
    display: block;
    overflow: hidden;
}

.set_txt_box_bg2 {
    background-color: var(--color-BgOrgWhite);
    border: 1px solid var(--color-BodTertiaryGray);
    border-radius: 4px 4px 4px 4px;
    display: block;
    overflow: hidden;
    padding: 2px;
    margin: 0 7px 15px 0;
    float: left;
    width: 83%;
}

    .set_txt_box_bg2:hover {
        background-color: var(--color-BgBlack);
    }

    .set_txt_box_bg2:focus:hover {
        background-color: var(--color-BgOrgOffWhite);
        border: var(--color-BodRedErrorText) 1px solid;
        border-radius: 4px;
        padding: 2px 2px 2px 2px;
        display: block;
        overflow: hidden;
    }

.set_txt_box2 {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-bottom: 2px;
    box-shadow: 0 0 1px 1px var(--color-ShadowOrgOffWhite) inset;
    border: var(--color-BodOrgOffWhite) 1px solid;
    background-color: var(--color-BgOrgWhite);
    color: var(--color-TextBlack);
    font-size: 14px;
    text-indent: 4px;
    height: 23px;
    width: 99.7%;
    font-family: var(--font-1);
}

    .set_txt_box2:focus {
        border-radius: 2px;
        -moz-border-radius: 2px;
        -khtml-border-radius: 2px;
        -webkit-border-bottom: 2px;
        box-shadow: 0 0 1px 1px var(--color-ShadowOrgOffWhite) inset;
        border: var(--color-BodOrgOffWhite) 1px solid;
        background-color: var(--color-BgOrgOffWhite);
        color: var(--color-TextBlack);
        font-size: 14px;
        text-indent: 4px;
        height: 23px;
        font-family: var(--font-1);
    }

.set_txt_box_bg3 {
    background-color: var(--color-BgOrgWhite);
    border: 1px solid var(--color-BodTertiaryGray);
    border-radius: 4px 4px 4px 4px;
    display: block;
    overflow: hidden;
    padding: 2px;
    margin: 0 7px 15px 0;
    float: left;
    width: 84%;
}

    .set_txt_box_bg3:hover {
        background-color: var(--color-BgBlack);
    }

    .set_txt_box_bg3:focus:hover {
        background-color: var(--color-BgOrgOffWhite);
        border: var(--color-BodRedErrorText) 1px solid;
        border-radius: 4px;
        padding: 2px 2px 2px 2px;
        display: block;
        overflow: hidden;
    }

.set_txt_box3 {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-bottom: 2px;
    box-shadow: 0 0 1px 1px var(--color-ShadowOrgOffWhite) inset;
    border: var(--color-BodOrgOffWhite) 1px solid;
    background-color: var(--color-BgOrgWhite);
    color: var(--color-TextBlack);
    font-size: 14px;
    text-indent: 4px;
    height: 23px;
    width: 99.5%;
    font-family: var(--font-1);
}

    .set_txt_box3:focus {
        border-radius: 2px;
        -moz-border-radius: 2px;
        -khtml-border-radius: 2px;
        -webkit-border-bottom: 2px;
        box-shadow: 0 0 1px 1px var(--color-ShadowOrgOffWhite) inset;
        border: var(--color-BodOrgOffWhite) 1px solid;
        background-color: var(--color-BgOrgOffWhite);
        color: var(--color-TextBlack);
        font-size: 14px;
        text-indent: 4px;
        height: 23px;
        font-family: var(--font-1);
    }

.set_txt_box_bg4 {
    background-color: var(--color-BgOrgWhite);
    border: 1px solid var(--color-BodTertiaryGray);
    border-radius: 4px 4px 4px 4px;
    display: block;
    overflow: hidden;
    padding: 2px;
    margin-bottom: 15px;
    float: left;
    width: 77%;
}

    .set_txt_box_bg4:hover {
        background-color: var(--color-BgBlack);
    }

    .set_txt_box_bg4:focus:hover {
        background-color: var(--color-BgOrgOffWhite);
        border: var(--color-BodRedErrorText) 1px solid;
        border-radius: 4px;
        padding: 2px 2px 2px 2px;
        display: block;
        overflow: hidden;
    }

.set_txt_box4 {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-bottom: 2px;
    box-shadow: 0 0 1px 1px var(--color-ShadowOrgOffWhite) inset;
    border: var(--color-BodOrgOffWhite) 1px solid;
    background-color: var(--color-BgOrgWhite);
    color: var(--color-TextBlack);
    font-size: 14px;
    text-indent: 4px;
    height: 23px;
    width: 99.5%;
    font-family: var(--font-1);
}

    .set_txt_box4:focus {
        border-radius: 2px;
        -moz-border-radius: 2px;
        -khtml-border-radius: 2px;
        -webkit-border-bottom: 2px;
        box-shadow: 0 0 1px 1px var(--color-ShadowOrgOffWhite) inset;
        border: var(--color-BodOrgOffWhite) 1px solid;
        background-color: var(--color-BgOrgOffWhite);
        color: var(--color-TextBlack);
        font-size: 14px;
        text-indent: 4px;
        height: 23px;
        font-family: var(--font-1);
    }

.set_txt_box_bg5 {
    background-color: var(--color-BgOrgWhite);
    border: 1px solid var(--color-BodTertiaryGray);
    border-radius: 4px 4px 4px 4px;
    display: block;
    overflow: hidden;
    padding: 2px;
    margin-bottom: 15px;
    float: left;
    width: 65.5%;
}

    .set_txt_box_bg5:hover {
        background-color: var(--color-BgBlack);
    }

    .set_txt_box_bg5:focus:hover {
        background-color: var(--color-BgOrgOffWhite);
        border: var(--color-BodRedErrorText) 1px solid;
        border-radius: 4px;
        padding: 2px 2px 2px 2px;
        display: block;
        overflow: hidden;
    }

.set_txt_box5 {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-bottom: 2px;
    box-shadow: 0 0 1px 1px var(--color-ShadowOrgOffWhite) inset;
    border: var(--color-BodOrgOffWhite) 1px solid;
    background-color: var(--color-BgOrgWhite);
    color: var(--color-TextBlack);
    font-size: 14px;
    text-indent: 4px;
    height: 23px;
    width: 99.5%;
    font-family: var(--font-1);
}

    .set_txt_box5:focus {
        border-radius: 2px;
        -moz-border-radius: 2px;
        -khtml-border-radius: 2px;
        -webkit-border-bottom: 2px;
        box-shadow: 0 0 1px 1px var(--color-ShadowOrgOffWhite) inset;
        border: var(--color-BodOrgOffWhite) 1px solid;
        background-color: var(--color-BgOrgOffWhite);
        color: var(--color-TextBlack);
        font-size: 14px;
        text-indent: 4px;
        height: 23px;
        font-family: var(--font-1);
    }

.txt_area_pop {
    background-color: var(--color-BgOrgWhite);
    border: 1px solid var(--color-BodOrgOffWhite);
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 0 1px 1px var(--color-ShadowOrgOffWhite) inset;
    color: var(--color-TextBlack);
    font-family: var(--font-1);
    font-size: 14px;
    height: 85px;
    overflow: auto;
    resize: none;
    width: 99.8%;
}

.page_btn_div {
    float: right;
    margin-top: 38px;
}
/*Accounts*/
.ca_view_tb {
    border-bottom: 4px solid var(--color-BodOrgOffWhite);
    border-top: 4px solid var(--color-BodOrgOffWhite);
    background: var(--color-BgOrgWhite);
    display: block;
    height: auto;
    margin-bottom: 30px;
    overflow: hidden;
    padding: 0;
    width: 100%;
    float: left;
}

.ca_lft_div {
    display: block;
    float: left;
    height: auto;
    margin: 0;
    overflow: hidden;
    width: 49%;
    border-right: 1px solid var(--color-BodOrgWhite);
    border-top: 1px solid var(--color-BodOrgWhite);
}

.doc_lft_div {
    display: block;
    float: left;
    height: auto;
    margin: 0;
    width: 49%;
    border-right: 1px solid var(--color-BodOrgWhite);
    border-top: 1px solid var(--color-BodOrgWhite);
}

.ca_rt_div {
    display: block;
    height: auto;
    margin: 23px auto 10px;
    overflow: hidden;
    width: 49%;
}

.ca_view_row {
    background-color: var(--color-BgOrgWhite);
    height: 33px;
    width: 100%;
    border-bottom: 1px solid var(--color-BodOrgWhite);
    display: block;
    padding-left: 20px;
    line-height: 33px;
}

.ca_view_row1 {
    background-color: var(--color-BgOrgOffWhite);
    height: 33px;
    width: 100%;
    border-bottom: 1px solid var(--color-BodOrgWhite);
    display: block;
    padding-left: 20px;
    line-height: 33px;
}

.ca_view_row2 {
    background-color: var(--color-BgOrgWhite);
    border-bottom: 1px solid var(--color-BodOrgWhite);
    display: block;
    padding-left: 20px;
    width: 100%;
    height: 33px;
}

.ca_chk_bluetxt {
    color: var(--color-TextPrimaryBlue);
    font-family: var(--font-1);
    font-size: 12px;
    letter-spacing: 0.8px;
    text-shadow: 0px 0px var(--color-ShadowVeryLightBlue);
    margin-left: 7px;
}

.ca_htxtorg {
    color: var(--color-TextOrangeWarningText);
    font-family: var(--font-1);
    font-size: 14px;
    font-weight: normal;
    margin: 14px 0 5px 0;
    text-shadow: 0 1px var(--color-ShadowOrangeWarningText);
    text-transform: uppercase;
    float: left;
}

.ca_category_txt {
    color: var(--color-TextBlack);
    font-family: var(--font-1);
    font-size: 14px;
    font-weight: normal;
    margin: 14px 0 5px 0;
    float: right;
}

.ca_drop_div {
    float: left;
    margin-right: 25px;
}

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

.ca_rt_outer_brdr {
    border: 1px solid var(--color-BodOrgOffWhite);
    padding: 5px;
}

.ca_rt_inner_brdr {
    border: 2px solid var(--color-BodTertiaryGray);
    background: var(--color-BgOrgWhite);
    height: 210px;
}

.ca_in_txtorg {
    color: var(--color-TextOrangeWarningText);
    font-family: var(--font-1);
    font-size: 12px;
    font-weight: normal;
    letter-spacing: 0.8px;
    margin: 14px 14px 0;
    text-shadow: 0 1px var(--color-ShadowOrangeWarningText);
    text-transform: uppercase;
}

.ca_in_txtgrey {
    color: var(--color-TextBlack);
    font-family: var(--font-1);
    font-size: 12px;
    font-weight: normal;
    letter-spacing: 0.8px;
    margin: 0 14px;
    word-wrap: break-word;
}

.indent_5 {
    margin-left: 5px;
}

.indent_10 {
    margin-left: 10px;
}

.indent_5 {
    margin-left: 5px;
}

.indent_15 {
    margin-left: 15px;
}

.vamount_orgtxt {
    color: var(--color-TextOrgOffWhite);
    font-family: var(--font-1);
    font-size: 22px;
    font-weight: normal;
    letter-spacing: 0.8px;
    margin: 10px 0 24px 0;
    text-shadow: 0px 0px var(--color-ShadowOrgOffWhite);
    float: right;
}

.vamount_lft_box {
    width: 92%;
    height: auto;
    float: left;
    margin: 0px;
    display: block;
    overflow: hidden;
}

.vamount_rt_box {
    width: 36px;
    height: auto;
    float: right;
    margin: 0 0 0px 0;
    display: block;
    overflow: hidden;
}

.vamount_month_box {
    display: block;
    float: left;
    height: auto;
    overflow: hidden;
    width: 10%;
}

.vamount_year_box {
    display: block;
    float: left;
    height: auto;
    overflow: hidden;
    width: 15%;
    margin-right: 3%;
}

.vamount_my_part {
    display: block;
    float: left;
    height: auto;
    overflow: hidden;
    margin: 0 1%;
}

.filterbox {
    width: 230px;
    height: 31px;
    background: url(images/filterbox.jpg) no-repeat;
    border: 0px;
    text-indent: 10px;
    font-family: var(--font-1);
    font-size: 13px;
    color: var(--color-TextBlack);
    float: left;
    margin: 0px 10px;
}

.va_toprightrow {
    float: right;
    width: 480px;
}

.go_btn {
    font-family: var(--font-1);
    font-size: 16px;
    color: var(--color-TextOrgWhite);
    cursor: pointer;
    background-image: url(images/blue_btn_b.jpg);
    background-repeat: repeat-x;
    border: 1px solid var(--color-BodPrimaryBlue);
    border-radius: 3px;
    padding: 2px 20px;
}
/* Testcase */
.chlist_txt {
    color: var(--color-TextPrimaryBlue);
    font-family: var(--font-1);
    font-size: 12px;
    letter-spacing: 0.8px;
    margin: 5px 10px 0;
}

.tc_approved_txt {
    color: var(--color-TextGreenSuccessAlert);
    font-family: var(--font-1);
    font-size: 12px;
    letter-spacing: 0.8px;
    float: right;
    margin: 5px 10px 0;
}

.tc_add_txt {
    background: url("images/choice_plus.png") no-repeat scroll 1px 2px transparent;
    border: 0 none;
    color: var(--color-TextGreenSuccessAlert);
    cursor: pointer;
    float: right;
    font-family: var(--font-1);
    font-size: 12px;
    letter-spacing: 0.8px;
    margin: 5px 10px 0 0;
    text-align: right;
    text-indent: 15px;
}

.tc_chlist {
    float: left;
    color: var(--color-TextBlack);
    font-family: var(--font-1);
    font-size: 12px;
    letter-spacing: 0.8px;
    margin-right: 45px;
}

.tc_chlist1 {
    float: left;
    color: var(--color-TextBlack);
    font-family: var(--font-1);
    font-size: 12px;
    letter-spacing: 0.8px;
}

.tc_newline {
    margin-left: 20px;
}

.tc_note {
    color: var(--color-TextBlack);
    float: left;
    font-family: var(--font-1);
    font-size: 12px;
    letter-spacing: 0.5px;
}

.tc_note_1 {
    color: var(--color-TextBlack);
    float: right;
    font-family: var(--font-1);
    font-size: 12px;
    letter-spacing: 0.5px;
    margin-left: 5px;
}

.tc_txt_box_bg {
    background-color: var(--color-BgOrgWhite);
    border: 1px solid var(--color-BodTertiaryGray);
    border-radius: 4px 4px 4px 4px;
    display: block;
    float: right;
    overflow: hidden;
    padding: 2px;
    margin-top: 3px;
    width: 600px;
}

.tc_table_border {
    border: 1px solid var(--color-BodOrgOffWhite);
    background-color: var(--color-BgOrgOffWhite);
    margin: 15px 0;
}

.tc_chbrdr {
    background-color: var(--color-BgOrgOffWhite);
    border-bottom: 1px solid var(--color-BodOrgOffWhite);
    height: 26px;
}

.tc_chbrdr_n {
    background-color: var(--color-BgOrgOffWhite);
    border-bottom: 1px solid var(--color-BodOrgOffWhite);
    border-top: 1px solid var(--color-BodOrgOffWhite);
    height: 26px;
}

.tc_chbox_area {
    background-color: var(--color-BgOrgOffWhite);
    display: table;
    height: auto;
    margin: 0;
    padding: 5px;
}

.tc_settings_lbl {
    float: right;
    padding-right: 20px;
}

.txt_dyn_chck {
    color: var(--color-TextBlack);
    font-family: var(--font-1);
    letter-spacing: 0.5px;
    display: inline-block;
    font-size: 12px;
    margin: 10px 20px 0 0;
}

.dt_time_txt {
    color: var(--color-TextBlack);
    float: left;
    font-family: var(--font-1);
    font-size: 13px;
    letter-spacing: 0.8px;
    line-height: 32px;
    text-indent: 10px;
}

.auditor_nm_txt {
    color: var(--color-TextBlack);
    float: right;
    font-family: var(--font-1);
    font-size: 14px;
    line-height: 32px;
    letter-spacing: 0.8px;
}

.auditor_detail_txt {
    color: var(--color-TextPrimaryBlue);
    float: right;
    font-family: var(--font-1);
    font-size: 14px;
    text-indent: 10px;
    line-height: 32px;
    letter-spacing: 0.8px;
}

.report_h_div {
    height: 55px;
    margin: 0 auto;
}

.report_log_lft {
    float: left;
    width: 33%;
}

.report_heading_txt {
    color: var(--color-TextBlack);
    font-size: 20px;
    text-align: center;
    float: left;
    width: 33%;
    margin: 6px 0 0;
}

.report_app_rt {
    float: right;
    width: 33%;
    margin: 6px 0 0;
}

.report_app_red_txt {
    color: var(--color-TextRedErrorText);
    float: right;
    font-family: var(--font-1);
    font-size: 16px;
    letter-spacing: 0.8px;
    text-indent: 10px;
}

.report_app_txt {
    color: var(--color-TextBlack);
    float: right;
    font-family: var(--font-1);
    font-size: 14px;
    letter-spacing: 0.8px;
}

.report_cont_area {
    display: block;
    height: auto;
    margin: 0 0 15px;
    width: 100%;
}

.report_btm_line {
    background: url(../../Images/report_btn_line.jpg) 0 0 repeat-x;
    height: 6px;
}

.report_bar {
    background: url("images/db_tb_toprow_bg.jpg") repeat-x scroll 0 0 transparent;
    border: 1px solid var(--color-BodVeryLightBlue);
    border-radius: 4px 4px 0 0;
    color: var(--color-TextBlack);
    font-family: var(--font-1);
    font-size: 16px;
    font-weight: normal;
    height: 30px;
    line-height: 30px;
    text-indent: 10px;
}

.report_view_line {
    border-bottom: 1px solid var(--color-BodOrgOffWhite) !important;
    display: block;
    height: 31px;
    overflow: hidden;
    width: auto;
    background-color: var(--color-BgOrgWhite);
}

.report_view_line1 {
    border-bottom: 1px solid var(--color-BodOrgWhite) !important;
    display: block;
    height: 31px;
    overflow: hidden;
    width: auto;
    background-color: var(--color-BgOrgOffWhite);
}

.report_lbltxt {
    color: var(--color-TextPrimaryBlue);
    float: left;
    font-family: var(--font-1);
    font-size: 13px;
    letter-spacing: 0.8px;
    line-height: 30px;
    text-indent: 13px;
    width: 163px;
}

.report_lblheading {
    color: var(--color-TextBlack);
    float: left;
    font-family: var(--font-1);
    font-size: 13px;
    letter-spacing: 0.8px;
    line-height: 30px;
    text-indent: 13px;
    text-transform: uppercase;
}

.report_lft {
    display: block;
    float: left;
    height: auto;
    margin: 0;
    overflow: hidden;
    width: 49%;
}

.report_rt {
    display: block;
    float: right;
    height: auto;
    margin: 0;
    overflow: hidden;
    width: 49%;
}

.report_val_txt {
    color: var(--color-TextBlack);
    float: left;
    font-family: var(--font-1);
    font-size: 13px;
    letter-spacing: 0.8px;
    line-height: 30px;
    margin: 0;
    padding: 0;
}

.report_val_txt1 {
    color: var(--color-TextBlack);
    float: left;
    font-family: var(--font-1);
    font-size: 13px;
    letter-spacing: 0.8px;
    line-height: 30px;
    margin: 0;
    padding: 0;
    text-indent: 13px;
}

.report_val_txt_red {
    color: var(--color-TextRedErrorText);
    float: left;
    font-family: var(--font-1);
    font-size: 13px;
    letter-spacing: 0.8px;
    line-height: 30px;
    margin: 0;
    padding: 0;
}

.report_input {
    border: 1px solid var(--color-BodVeryLightBlue);
    color: var(--color-TextBlack);
    float: left;
    font-size: 13px;
    height: 25px;
    margin: 2px 0 0;
    text-indent: 5px;
}

.report_plus {
    margin: 2px 0 0 10px;
}

.report_view_lft {
    display: block;
    float: left;
    height: auto;
    margin: 0;
    overflow: hidden;
    width: 33%;
}

.report_view_mdl {
    display: block;
    float: left;
    height: auto;
    margin: 0;
    overflow: hidden;
    width: 33%;
}

.report_view_rt {
    display: block;
    float: right;
    height: auto;
    margin: 0;
    overflow: hidden;
    width: 33%;
}

.report_top {
    margin: 50px 0 0px 0;
    display: block;
    width: auto;
    height: auto;
}

.report_desgn_txt {
    color: var(--color-TextBlack);
    font-family: var(--font-1);
    font-size: 13px;
    letter-spacing: 0.8px;
}

.report_desgn_val_txt {
    color: var(--color-TextBlack);
    font-family: var(--font-1);
    font-size: 14px;
    letter-spacing: 0.8px;
    text-decoration: underline;
}

.report_system_txt {
    font-size: 12px;
    color: var(--color-TextBlack);
    font-family: var(--font-1);
    letter-spacing: 0.8px;
    text-align: center;
    margin: 40px 0 20px 0;
}

.report_dt_box {
    float: right;
    width: auto;
}

table.tc {
    width: 100%;
    color: var(--color-TextBlack);
    font-size: 13px;
    border: 0 none;
    font-family: var(--font-1);
}

    table.tc td,
    table.tc th {
        padding: 5px;
        border-right: 1px solid var(--color-BodOrgOffWhite);
    }

    table.tc td {
        padding-left: 5px;
        border-right: 1px solid var(--color-BodOrgOffWhite);
    }

    table.tc thead th {
        background-image: url(images/table_bg.png);
        background-position: left top;
        background-repeat: repeat-x;
        color: var(--color-TextBlack);
        font-family: var(--font-1);
        font-size: 13px;
        font-weight: normal;
        text-align: left;
    }

        table.tc thead th.left {
            text-align: left;
        }

    table.tc tbody td.center {
        text-align: center;
    }

    table.tc tbody td.right {
        text-align: right;
    }

    table.tc tbody td.left {
        text-align: left;
    }

    table.tc thead th.right {
        text-align: right;
    }

    table.tc thead a:hover {
        text-decoration: none;
    }

    table.tc thead th img {
        vertical-align: middle;
    }

    table.tc tbody th {
    }

    table.tc tbody tr {
        background-color: var(--color-BgOrgWhite);
        text-align: left;
        min-height: 30px;
    }

        table.tc tbody tr.row0 td {
            border-top: 1px solid var(--color-BodOrgOffWhite);
            border-bottom: 1px solid var(--color-BodOrgOffWhite);
        }

        table.tc tbody tr.row1 td {
            background: var(--color-BgOrgOffWhite);
        }

        table.tc tbody tr.row_nbrdr td {
            background-color: var(--color-BgOrgOffWhite);
            border-bottom: 1px solid var(--color-BodOrgOffWhite);
        }

.ok_txt {
    color: var(--color-TextGreenSuccessText);
    text-shadow: 0 0 var(--color-ShadowGreenSuccessAlert);
    margin: 0px 15px 0px 3px;
    font-size: 12px;
    float: left;
}

.no_txt {
    color: var(--color-TextRedErrorText);
    text-shadow: 0 0 var(--color-ShadowRedErrorText);
    margin: 0px 15px 0px 3px;
    font-size: 12px;
    float: left;
}

.tc_chlist_heading {
    color: var(--color-TextPrimaryBlue);
    float: left;
    font-size: 12px;
    letter-spacing: 1px;
    margin-right: 10px;
    text-shadow: 0 0 var(--color-ShadowPrimaryBlue);
}

.tc_status_txt {
    color: var(--color-TextBlack);
    text-shadow: 0 0 var(--color-ShadowTextSecondaryCharcoleGray);
    letter-spacing: 1px;
    font-size: 13px;
    font-family: var(--font-1);
}

.tc_status_approve {
    color: var(--color-TextOrgOffWhite);
    text-shadow: 0 0 var(--color-ShadowOrgOffWhite);
    letter-spacing: 1px;
    font-size: 13px;
    font-family: var(--font-1);
}

.tc_status_rectification {
    color: var(--color-TextRedErrorAlert);
    text-shadow: 0 0 var(--color-ShadowRedErrorText);
    letter-spacing: 1px;
    font-size: 13px;
    font-family: var(--font-1);
}

.tc_status_pending {
    color: var(--color-TextRedErrorAlert);
    text-shadow: 0 0 var(--color-ShadowRedErrorAlert);
    letter-spacing: 1px;
    font-size: 13px;
    font-family: var(--font-1);
}

.no_items_txt {
    color: var(--color-TextRedErrorText);
    font-size: 13px;
    float: left;
}

.tc_rowspace {
    padding: 5px 0;
    clear: both;
}

.tc_rows {
    clear: both;
    padding-bottom: 20px;
}
/* Testcase Ends*/
.nrml_drop_box {
    border: 1px solid var(--color-BodTertiaryGray);
    color: var(--color-TextBlack);
    font-size: 12px;
    padding: 3px 2px 3px 4px;
    width: 50px;
}

.icon_pencil {
    background: url(images/pencil_24.png) no-repeat scroll 0 0;
    height: 24px;
    width: 24px;
    float: right;
}

.cert_print {
    background-image: url(../../Images/printer.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 48px;
    height: 48px;
    float: right;
    border: none;
    padding-top: 25px;
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}
/*multisearch starts here*/
.ui-widget {
    font-family: var(--font-1);
    font-size: 13px;
}

    .ui-widget .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    }

.ui-widget-content {
    background: none repeat-x scroll 50% top var(--color-BgOrgWhite);
    color: var(--color-TextBlack);
    border-bottom: 3px solid var(--color-BodTertiaryGray);
    border-left: 1px solid var(--color-BodTertiaryGray);
    border-right: 1px solid var(--color-BodTertiaryGray);
    border-top: none;
}

    .ui-widget-content a {
        color: var(--color-TextBlack);
    }

.ui-widget-header {
    border: 1px solid var(--color-BodVeryLightBlue);
    background: var(--color-BgOrgOffWhite) 50% 50% repeat-x;
    color: var(--color-TextBlack);
    font-weight: bold;
}

    .ui-widget-header a {
        color: var(--color-TextBlack);
    }

.ui-autocomplete {
    position: absolute;
    cursor: default;
    max-height: 120px;
    overflow: auto;
}
/* Interaction states
----------------------------------*/

/* workarounds */
* html .ui-autocomplete {
    width: 1px;
}
/* without this, the menu expands to 100% in IE6 */

.ui-menu {
    list-style: none;
    padding: 0px;
    margin: 0;
    display: block;
    float: left;
}

.ui-menu-item {
    list-style-type: none;
    font-family: var(--font-1);
    color: var(--color-TextBlack);
    font-size: 12px;
    z-index: 9999;
}

.ui-menu .ui-menu-item {
    margin: 0;
    padding: 0;
    zoom: 1;
    float: left;
    clear: left;
    width: 100%;
}

    .ui-menu .ui-menu-item a {
        text-decoration: none;
        display: block;
        line-height: 1.5;
        zoom: 1;
    }

        .ui-menu .ui-menu-item a.ui-state-hover,
        .ui-menu .ui-menu-item a.ui-state-active {
            font-weight: normal;
            margin: -1px;
        }

.ui-menu-item:hover {
    background-color: var(--color-BgOrgOffWhite);
    cursor: pointer;
}

.searchHeader {
    background-color: var(--color-BgOrgOffWhite);
    float: left;
    color: var(--color-TextBlack);
    font-size: 13px;
    line-height: 25px;
    font-family: var(--font-1);
    text-indent: 2px;
    text-shadow: 0 0 var(--color-ShadowBlack);
}

.searchItems {
    float: left;
    font-size: 12px;
    font-family: var(--font-1);
    text-indent: 2px;
    padding: 2px 0;
    white-space: pre-wrap;
}

.lihead_pos {
    position: fixed;
}

.multicombo_txt_box_bg {
    background-color: var(--color-BgOrgWhite);
    border-bottom: 1px solid var(--color-BodTertiaryGray);
    display: block;
    overflow: hidden;
    position: relative;
    z-index: 1;
    margin-top: 0px;
}
/*multisearch ends here*/
table.blue {
    width: 100%;
    color: var(--color-TextBlack);
    font-size: 13px;
    border-left: 1px solid var(--color-BodOrgOffWhite);
    font-family: var(--font-1);
    border-top: 1px solid var(--color-BodOrgOffWhite);
}

    table.blue td,
    table.blue th {
        padding: 3px 5px;
        border-right: 1px solid var(--color-BodOrgOffWhite);
        border-bottom: 1px solid var(--color-BodOrgOffWhite);
    }

    table.blue thead th {
        background-color: var(--color-BgVeryLightBlue);
        background-image: -moz-linear-gradient(center top, var(--color-BgOrgOffWhite), var(--color-BgVeryLightBlue));
        background-image: -webkit-linear-gradient(var(--color-BgOrgOffWhite), var(--color-BgVeryLightBlue));
        color: var(--color-TextBlack);
        font-family: var(--font-1);
        font-weight: normal;
        white-space: nowrap;
    }

        table.blue thead th.left {
            text-align: left;
        }

    table.blue tbody td.center {
        text-align: center;
    }

    table.blue tbody td.right {
        text-align: right;
    }

    table.blue thead th.right {
        text-align: right;
    }

    table.blue thead th img {
        vertical-align: middle;
    }

    table.blue tbody tr {
        background-color: var(--color-BgOrgWhite);
        text-align: left;
    }

        table.blue tbody tr.row0 td {
            background-color: var(--color-BgOrgWhite);
        }

        table.blue tbody tr.row1 td {
            background-color: var(--color-BgOrgOffWhite);
        }
.total_amnt_txt {
    color: var(--color-TextBlack);
    text-shadow: 0 0 var(--color-ShadowBlack);
    float: right;
    font-family: var(--font-1);
    font-size: 14px;
    letter-spacing: 0;
    line-height: 38px;
    margin-left: 10px;
}

.filter_brdr {
    border: 1px solid var(--color-BodOrgOffWhite);
    display: block;
    float: left;
    margin: 10px 0;
    width: 99.7%;
}

.filter_in_div {
    float: left;
    padding: 10px;
}

.filter_btn_div {
    float: left;
    padding: 14px 10px 0 0;
}

.filter_txt_lbl {
    color: var(--color-TextBlack);
    font-family: var(--font-1);
    font-size: 12px;
}

.filter_btn {
    font-family: var(--font-1);
    font-size: 13.5px;
    color: var(--color-TextOrgWhite);
    cursor: pointer;
    background-image: url(images/filter_btn.png);
    background-repeat: no-repeat;
    border: none;
    height: 22px;
    width: 85px;
    text-indent: 16px;
}

.fltlft_pad {
    float: left;
    margin-right: 20px;
}

.filter-right-noc {
    display: block;
    height: auto;
    margin: 0;
    overflow: hidden;
}

.filter_othernoc_label {
    padding-top: 14px;
    width: 104px;
    float: left;
    padding-right: 6px;
}

.filter_dpsidcardreport_label {
    padding-top: 14px;
    width: 70px;
    float: left;
    padding-right: 6px;
}

.filter_othernoc_div {
    padding-top: 10px;
    width: 98%;
}
/*Todo SARAVANAN 2017-08-22 -- removed*/
/*
.addspeech {
    padding-bottom: 1px;
}
*/
/*End*/
.addspeech1 {
    padding-bottom: 1px;
}

.green_txt {
    color: var(--color-TextGreenSuccessAlert);
    font-family: var(--font-1);
    text-align: center;
}

.multi_txt_box {
    background-color: var(--color-BgOrgWhite);
    border: 1px solid var(--color-BodTertiaryGray);
    border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-bottom: 4px;
    box-shadow: 0 0 1px 1px var(--color-ShadowOrgOffWhite) inset;
    color: var(--color-TextBlack);
    font-family: var(--font-1);
    font-size: 14px;
    height: 25px;
    text-indent: 4px;
    width: 99.8%;
}

    .multi_txt_box:focus {
        border-radius: 4px;
        -moz-border-radius: 4px;
        -khtml-border-radius: 4px;
        -webkit-border-bottom: 4px;
        box-shadow: 0 0 1px 1px var(--color-ShadowOrgOffWhite) inset;
        border: var(--color-BodTertiaryGray) 1px solid;
        background-color: var(--color-BgOrgWhite);
        color: var(--color-TextBlack);
        font-size: 14px;
        text-indent: 4px;
        height: 25px;
        width: 99.8%;
        font-family: var(--font-1);
    }

table.pop_info {
    margin: 10px 0 0 55px;
    color: var(--color-TextBlack);
    font-family: var(--font-1);
    font-size: 13px;
    letter-spacing: 0.5px;
    text-align: left;
}

.pop_info_text {
    color: var(--color-TextBlack);
    display: block;
    font-family: var(--font-1);
    font-size: 13px;
    letter-spacing: 0.5px;
}

.info_text_lbl {
    color: var(--color-TextPrimaryBlue);
    display: block;
    font-family: var(--font-1);
    font-size: 13px;
    letter-spacing: 0.5px;
}

.None_txtColor {
    color: var(--color-TextBlack);
    font-family: var(--font-1);
    font-size: 13px;
    text-shadow: 0 0 var(--color-ShadowBlack);
}

.Saved_txtColor {
    color: var(--color-TextBlack);
    font-family: var(--font-1);
    font-size: 13px;
    text-shadow: 0 0 var(--color-ShadowBlack);
}

.Submitted_txtColor {
    color: var(--color-TextOrangeWarningText);
    font-family: var(--font-1);
    font-size: 13px;
    text-shadow: 0 0 var(--color-ShadowOrangeWarningText);
}

.Processing_txtColor {
    color: var(--color-TextGreenSuccessAlert);
    font-family: var(--font-1);
    font-size: 13px;
    text-shadow: 0 0 var(--color-ShadowGreenSuccessAlert);
}

.Approved_txtColor {
    color: var(--color-TextOrgOffWhite);
    font-family: var(--font-1);
    font-size: 13px;
    text-shadow: 0 0 var(--color-ShadowOrgOffWhite);
}

.AutoApproved_txtColor {
    color: var(--color-TextOrgOffWhite);
    font-family: var(--font-1);
    font-size: 13px;
    text-shadow: 0 0 var(--color-ShadowOrgOffWhite);
}

.Rejected_txtColor {
    color: var(--color-TextRedErrorText);
    font-family: var(--font-1);
    font-size: 13px;
    text-shadow: 0 0 var(--color-ShadowRedErrorText);
}

.Cancelled_txtColor {
    color: var(--color-TextRedErrorText);
    font-family: var(--font-1);
    font-size: 13px;
    text-shadow: 0 0 var(--color-ShadowRedErrorText);
}

.customer_txt {
    background-color: var(--color-BgOrgWhite);
    border: 1px solid var(--color-BodOrgOffWhite);
    padding: 5px;
    width: 55%;
    font-size: 13px;
    color: var(--color-TextBlack);
    margin: 0 15px 10px 0;
    font-family: var(--font-1);
}

.avail_txt {
    text-align: right;
    font-size: 13px;
    color: var(--color-TextBlack);
    font-family: var(--font-1);
}

.amnt_txt {
    text-align: right;
    font-size: 13px;
    font-weight: 600;
    color: var(--color-TextBlack);
    font-family: var(--font-1);
}

.amnt_txt_b {
    font-size: 13px;
    font-weight: 600;
    color: var(--color-TextBlack);
    font-family: var(--font-1);
}

.orange_txt {
    font-size: 13px;
    font-weight: 600;
    color: var(--color-TextRedErrorText);
    font-family: var(--font-1);
}

.blue_txt {
    letter-spacing: 0;
    color: var(--color-TextPrimaryBlue);
    display: block;
    font-family: var(--font-1);
    font-size: 13px;
}

.Darkblue_txt {
    letter-spacing: 0;
    color: var(--color-TextPrimaryBlue);
    display: block;
    font-family: var(--font-1);
    font-size: 13px;
}

.multi_search_btn_big {
    background: url("images/search_lense.png") no-repeat scroll 0 0 var(--color-BgOrgWhite);
    border: 0 none;
    cursor: pointer;
    height: 16px;
    margin: 5px 0 0 94%;
    position: absolute;
    width: 16px;
}

.multi_select_btn_big {
    background: url(Default/sprite.png) no-repeat scroll 0 -32px transparent;
    border: 0 none;
    cursor: pointer;
    height: 16px;
    margin: 5px 0 0 94.6%;
    position: absolute;
    width: 16px;
}

.multi_search_btn_small {
    background: url("images/search_lense.png") no-repeat scroll 0 0 var(--color-BgOrgWhite);
    border: 0 none;
    cursor: pointer;
    height: 16px;
    margin: 5px 0 0 45%;
    position: absolute;
    width: 16px;
}

.multi_select_btn_small {
    background: url(Default/sprite.png) no-repeat scroll 0 -32px transparent;
    border: 0 none;
    cursor: pointer;
    height: 16px;
    margin: 6px 0 0 45%;
    position: absolute;
    width: 16px;
}

/*muruganantham 20160617 start*/
.multi_select_btn_passport_small {
    background: url(Default/sprite.png) no-repeat scroll 0 -32px transparent;
    border: 0 none;
    cursor: pointer;
    height: 16px;
    margin: 6px 0 0 21.7%;
    position: absolute;
    width: 16px;
}
/*muruganantham  20160617 end*/

.multi_select_building_btn_small {
    background: url(Default/sprite.png) no-repeat scroll 0 -32px transparent;
    border: 0 none;
    cursor: pointer;
    height: 16px;
    margin: 6px 0 0 45%;
    position: absolute;
    width: 16px;
}

.multi_select_btn_medium {
    background: url(Default/sprite.png) no-repeat scroll 0 -32px transparent;
    border: 0 none;
    cursor: pointer;
    height: 16px;
    margin: 6px 0 0 43.7%;
    position: absolute;
    width: 16px;
}

.cmnt_txt {
    color: var(--color-TextBlack);
    font-size: 12px;
    margin: 0;
}

.oktxt {
    color: var(--color-TextGreenSuccessText);
    font-size: 12px;
    margin: 0 0 0 0;
}

.notxt {
    color: var(--color-TextRedErrorText);
    font-size: 12px;
    margin: 0;
}

.tc_newline1 {
    color: var(--color-TextBlack);
    display: inline-block;
    font-family: var(--font-1);
    font-size: 12px;
    letter-spacing: 0.5px;
    margin: 0;
}

.tc_table {
    background-color: var(--color-BgOrgOffWhite);
    display: table;
    height: auto;
    margin: 0;
    width: 100%;
}

.tc_brdr_btm {
    border-bottom: 1px solid var(--color-BodOrgOffWhite);
    display: inline-block;
    height: auto;
    width: 100%;
}

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

.tc_list_div {
    float: left;
    margin: 4px 15px 5px 10px;
    max-width: 199px;
    min-width: 50px;
}

.tc_btn_div {
    color: var(--color-TextBlack);
    font-size: 12px;
    padding: 0;
}

.tc_btn_edit {
    background: url(edit.png) center center no-repeat;
    border: none;
    height: 14px;
    width: 14px;
    margin: 0 5px;
    cursor: pointer;
}

.tc_btn_remove {
    background: url(delete.png) center center no-repeat;
    border: none;
    height: 14px;
    width: 14px;
    margin: 0 5px;
    cursor: pointer;
}

.noc_txt_box {
    border: var(--color-BodOrgOffWhite) 1px solid;
    background-color: var(--color-BgOrgWhite);
    color: var(--color-TextBlack);
    font-family: var(--font-1);
    font-size: 13px;
    width: 98%;
}

    .noc_txt_box:focus {
        border: var(--color-BodTertiaryGray) 1px solid;
        box-shadow: 0 0 1px 1px var(--color-ShadowOrgOffWhite) inset;
        background-color: var(--color-BgOrgWhite);
        color: var(--color-TextBlack);
        font-family: var(--font-1);
        font-size: 13px;
        width: 98%;
    }

.add_new_row {
    border: 0 none;
    color: var(--color-TextOrangeWarningText);
    font-family: var(--font-1);
    font-size: 12px;
    text-decoration: none;
    cursor: pointer;
    text-shadow: 0px 0px var(--color-ShadowPeachColor);
    float: right;
    padding: 5px 0;
}

.doc_note {
    color: var(--color-TextBlack);
    float: left;
    font-family: var(--font-1);
    font-size: 12px;
    width: 100%;
}
/* Report Table */
.tc_reportdiv {
    background-color: var(--color-BgOrgOffWhite);
    margin: 15px 0;
    width: 100%;
}

.tc_reportheader {
    background-color: var(--color-BgOrgOffWhite);
    border: 1px solid var(--color-BodOrgOffWhite);
    height: 26px;
}

.tc_content {
    float: left;
    margin: 0 15px 0 0;
    width: 50px;
}

.tc_btn_div {
    padding: 0;
    font-size: 12px;
    color: var(--color-TextBlack);
}

.tc_btn_edit {
    background: url(edit.png) center center no-repeat;
    border: none;
    height: 14px;
    width: 14px;
    margin: 0 5px;
    cursor: pointer;
}

.tc_btn_remove {
    background: url(delete.png) center center no-repeat;
    border: none;
    height: 14px;
    width: 14px;
    margin: 0 5px;
    cursor: pointer;
}

table.report {
    border-left: 1px solid var(--color-BodOrgOffWhite);
    width: 100%;
    color: var(--color-TextBlack);
    font-size: 13px;
    font-family: var(--font-1);
}

    table.report th {
        color: var(--color-TextPrimaryBlue);
        border-bottom: 1px solid var(--color-BodOrgOffWhite);
        border-right: 1px solid var(--color-BodOrgOffWhite);
        text-shadow: 0 0 var(--color-ShadowPrimaryBlue);
        font-family: var(--font-1);
        font-size: 13px;
        font-weight: normal;
        letter-spacing: 0;
        padding: 5px;
        text-align: left;
        text-transform: capitalize;
    }

    table.report td {
        border-bottom: 1px solid var(--color-BodOrgOffWhite);
        border-right: 1px solid var(--color-BodOrgOffWhite);
        font-family: var(--font-1);
        font-size: 13px;
        font-weight: normal;
        letter-spacing: 0;
        min-width: 57px;
        padding: 5px;
        text-align: left;
    }
/* Safari 3+, Chrome 1+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .txt_box_bg {
        background-color: var(--color-BgOrgWhite);
        border: 1px solid var(--color-BodTertiaryGray);
        border-radius: 4px 4px 4px 4px;
        display: block;
        overflow: hidden !important;
    }

    .txt_area {
        border-radius: 2px;
        -moz-border-radius: 2px;
        -khtml-border-radius: 2px;
        -webkit-border-bottom: 2px;
        box-shadow: 0 0 1px 1px var(--color-ShadowOrgOffWhite) inset;
        border: var(--color-BodOrgOffWhite) 1px solid;
        background-color: var(--color-BgOrgWhite);
        color: var(--color-TextBlack);
        font-size: 14px;
        overflow: auto;
        width: 99.8%;
        font-family: var(--font-1);
        margin: 0px 0px -4px 0px;
    }

    .box_area {
        border-radius: 2px;
        -moz-border-radius: 2px;
        -khtml-border-radius: 2px;
        -webkit-border-bottom: 2px;
        box-shadow: 0 0 1px 1px var(--color-ShadowOrgOffWhite) inset;
        border: var(--color-BodOrgOffWhite) 1px solid;
        background-color: var(--color-BgOrgWhite);
        color: var(--color-TextBlack);
        font-size: 14px;
        overflow: auto;
        width: 99.8%;
        font-family: var(--font-1);
        margin: 0px 0px 0px 0px;
        height: 180px;
    }

    .txt_area_pop {
        background-color: var(--color-BgOrgWhite);
        border: 1px solid var(--color-BodOrgOffWhite);
        border-radius: 2px 2px 2px 2px;
        box-shadow: 0 0 1px 1px var(--color-ShadowOrgOffWhite) inset;
        color: var(--color-TextBlack);
        font-family: var(--font-1);
        font-size: 14px;
        height: 85px;
        overflow: auto;
        resize: none;
        width: 99.8%;
        margin: 0px 0px -4px 0px;
    }
}
/*End of Safari 3+, Chrome 1+ */

/* Advance search other */
#top-panelOther {
    border: 1px solid var(--color-BodOrgOffWhite);
    padding: 20px 20px;
    text-align: right;
    display: none;
    margin: 10px 0;
}

#sub-panelOther {
    text-align: center;
}

    #sub-panelOther a {
        width: 150px;
        float: right;
        color: var(--color-TextOrgWhite);
        text-decoration: none;
        margin-right: 30px;
        font-weight: bold;
        background: url(img/sub-left.png) bottom left no-repeat var(--color-BgOrgOffWhite);
    }

        #sub-panelOther a span {
            padding: 6px;
            background: url(img/sub-right.png) right bottom no-repeat;
            display: block;
        }
/*27/08/2013*/
.deactivate_chkbox {
    color: var(--color-TextRedErrorText);
    display: inline-block;
    font-size: 13px;
    margin: 8px 0 0;
    text-indent: 5px;
}

.deactivate_txt {
    color: var(--color-TextRedErrorText);
    display: inline-block;
    font-size: 13px;
    float: right;
    text-transform: none;
}
/* For IE */
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .dynamic_middle {
        width: 32%;
    }

    .filter_in_div {
        float: left;
        padding: 10px 8px;
    }

    .submenu {
        width: 78.5%;
    }

    .blue_btn {
        height: 24px;
    }

    .orng_btn {
        height: 24px;
    }

    .grey_btn {
        height: 24px;
    }
}
/* For IE */
/* Document History*/
table.docHistory {
    width: 100%;
    color: var(--color-TextBlack);
    font-size: 12.5px;
    border: 1px solid var(--color-BodOrgOffWhite);
    font-family: var(--font-1);
}

    table.docHistory a {
        color: var(--color-TextOrgOffWhite);
        font-size: 12.5px;
        font-family: var(--font-1);
    }

    table.docHistory td,
    table.docHistory th {
        padding: 5px;
        border-right: 1px solid var(--color-BodOrgOffWhite);
    }

    table.docHistory td {
        padding-left: 5px;
        border-right: 1px solid var(--color-BodOrgOffWhite);
    }

    table.docHistory thead th {
        background-image: url(images/table_bg.png);
        background-position: left top;
        background-repeat: repeat-x;
        color: var(--color-TextBlack);
        font-family: var(--font-1);
        font-size: 12.5px;
        font-weight: normal;
        text-align: center;
        white-space: nowrap;
    }

    table.docHistory thead tr.row2 th {
        background-color: var(--color-BgOrgOffWhite);
        background-image: none;
    }

    table.docHistory thead th.left {
        text-align: left;
    }

    table.docHistory tbody td.center {
        text-align: center;
    }

    table.docHistory tbody td.right {
        text-align: right;
    }

    table.docHistory thead th.right {
        text-align: right;
    }

    table.docHistory thead a:hover {
        text-decoration: none;
    }

    table.docHistory thead th img {
        vertical-align: middle;
    }

    table.docHistory tbody th {
    }

    table.docHistory tbody tr {
        background-color: var(--color-BgOrgWhite);
        text-align: left;
        min-height: 30px;
    }

        table.docHistory tbody tr.row0 td {
            border-top: 1px solid var(--color-BodOrgOffWhite);
            border-bottom: 1px solid var(--color-BodOrgOffWhite);
        }

        table.docHistory tbody tr.rowlast td {
            border-top: 1px solid var(--color-BodOrgOffWhite);
        }

        table.docHistory tbody tr.rowlast1 td {
            border-top: 1px solid var(--color-BodOrgOffWhite);
            background: var(--color-BgOrgOffWhite);
        }

        table.docHistory tbody tr.row_nbrdr td {
            background-color: var(--color-BgOrgOffWhite);
        }

        table.docHistory tbody tr.row_blubg td {
            border-top: 1px solid var(--color-BodOrgOffWhite);
            background-color: var(--color-BgOrgOffWhite);
            border-bottom: 1px solid var(--color-BodOrgOffWhite);
        }

        table.docHistory tbody tr td {
            background: var(--color-BgOrgWhite);
        }

        table.docHistory tbody tr.row1 td {
            background: var(--color-BgOrgOffWhite);
        }

        table.docHistory tbody tr.row2 td {
            background: var(--color-BgOrgOffWhite);
            border-bottom: 1px solid var(--color-BodOrgOffWhite);
        }

    table.docHistory tfoot tr {
        text-align: center;
        color: var(--color-TextBlack);
    }

    table.docHistory tfoot td, table.docHistory tfoot {
        background-color: var(--color-BgOrgOffWhite);
        text-align: center;
    }

    table.docHistory .pagination {
        display: inline-block;
        padding: 0;
        margin: 0 auto;
        text-align: center;
    }
/* Document History Ends*/
.download_link {
    margin: 10px 0 0;
    position: relative;
    top: 3px;
    cursor: pointer;
}

.link_head {
    color: var(--color-TextOrangeWarningText);
    font-family: var(--font-1);
    font-size: 14px;
    margin: 0 0 6px;
    text-transform: uppercase;
}

.link_h {
    list-style-type: none;
    margin-bottom: 25px;
}

.txt_link {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    color: var(--color-TextBlack);
    cursor: pointer;
    font-family: var(--font-1);
    font-size: 13px;
    letter-spacing: 0.8px;
    text-indent: 10px;
}

    .txt_link:hover {
        background: none repeat scroll 0 0 transparent;
        border: 0 none;
        color: var(--color-TextPrimaryBlue);
        cursor: pointer;
        font-family: var(--font-1);
        font-size: 13px;
        letter-spacing: 0.8px;
        text-indent: 10px;
    }

.pop_new_line_h {
    color: var(--color-TextOrangeWarningText);
    float: left;
    font-size: 13px;
    margin: 0 15px 0 0;
}

/* Fine Notice */

.log_add_line {
    background-color: var(--color-BgBlack) !important;;
    height: 2px;
}

.notice_txt {
    color: var(--color-TextBlack);
    font-family: var(--font-1);
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0.7px;
    line-height: 34px;
    text-transform: uppercase;
    text-shadow: 0 0 var(--color-ShadowBlack);
}

.notice_txt_ar {
    color: var(--color-TextBlack);
    font-family: var(--font-1);
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0.7px;
    line-height: 34px;
    text-transform: uppercase;
}

.notice_label {
    color: var(--color-TextBlack);
    font-family: var(--font-1);
    font-size: 13px;
    letter-spacing: 0.5px;
    text-align: right;
    text-shadow: 0 0 var(--color-ShadowTextSecondaryCharcoleGray);
}

.lbltxt_lft {
    color: var(--color-TextBlack);
    font-family: var(--font-1);
    font-size: 13px;
    letter-spacing: 0.5px;
    text-shadow: 0 0 var(--color-ShadowTextSecondaryCharcoleGray);
}

.val_txt_red_mdl {
    color: var(--color-TextRedErrorText);
    font-family: var(--font-1);
    font-size: 14px;
    letter-spacing: 0.5px;
    padding: 0;
    text-shadow: 0 0 var(--color-ShadowRedErrorAlert);
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: var(--color-BodBlack);
}

/*.cert_val_txt {
    color: var(--color-TextBlack);
    font-family: var(--font-1);
    font-size: 13px;
    letter-spacing: 0.5px;
    margin: 0;
    padding: 0;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: var(--color-BodBlack);
}
*/
.address {
    color: var(--color-TextBlack);
    font-family: var(--font-1);
    font-size: 12px;
    letter-spacing: 0.5px;
}

.add_link_txt {
    color: var(--color-TextPrimaryBlue);
    font-family: var(--font-1);
    font-size: 12px;
    text-decoration: none;
}

.small_txt_box {
    border: 1px solid var(--color-BodOrgOffWhite);
    font-size: 12px;
    padding: 0 3px;
    margin: 0 5px;
}

.frm_width {
    width: 30%;
    height: auto;
    float: left;
    margin-right: 10px;
    display: block;
    overflow: hidden;
}

.lbl_non {
    display: none;
}

table.cert {
    color: var(--color-TextBlack);
    direction: rtl;
    font-family: var(--font-1);
    width: 100%;
    border: none;
    border-collapse: separate;
    border-spacing: 4px;
}

    table.cert td, table.cert th {
        border: 1px solid var(--color-BodPrimaryBlue);
        padding: 0px 10px;
    }

    table.cert thead th {
        background-color: var(--color-BgOrgWhite);
        font-weight: 600;
        line-height: 30px;
        /* white-space: nowrap;*/
        font-size: 24px;
        text-align: center;
    }

    table.cert tbody td {
        background-color: var(--color-BgOrgWhite);
        line-height: 26px;
        text-align: center;
        font-size: 23px;
        font-family: var(--font-1);
        text-align: center;
    }

.full_lblinput {
    clear: both;
    display: block;
    height: auto;
    margin-top: 10px;
    width: 100%;
}

.lbl_lft {
    display: block;
    float: left;
    height: auto;
    margin: 0;
    overflow: hidden;
    width: 28%;
}

.input_rt {
    display: block;
    float: left;
    height: auto;
    margin: 0;
    overflow: hidden;
    width: 72%;
}

.lbl_inputtxt {
    color: var(--color-TextBlack);
    font-size: 13px;
    line-height: 32px;
}

.full_lblinput_indent {
    clear: both;
    display: block;
    height: auto;
    margin-left: 20px;
}

.blue_chk_txt {
    background-color: var(--color-BgOrgOffWhite);
    color: var(--color-TextPrimaryBlue);
    display: inline-block;
    font-size: 12px;
    letter-spacing: 0;
    padding: 7px 0;
    width: 100%;
}

.PermitCard {
    background-color: var(--color-BgRedErrorText);
    font-size: 13px;
    color: var(--color-TextOrgWhite);
    padding: 6px 12px;
    font-weight: 600;
}

.TemporaryCard {
    background-color: var(--color-BgPrimaryBlue);
    font-size: 13px;
    color: var(--color-TextOrgWhite);
    padding: 6px 12px;
    font-weight: 600;
}

.PermanentCard {
    background-color: var(--color-BgGreenSuccessAlert);
    font-size: 13px;
    color: var(--color-TextOrgWhite);
    padding: 6px 12px;
    font-weight: 600;
}

.BtnauditContainer {
    width: 1500px; /*Todo SARAVANAN 2017-09-25 -- modified*/
    margin: 24px auto;
}

a.BtnAudit {
    background: url(images/btnRegbg_1.png) no-repeat left top;
    width: 278px;
    font-weight: 600;
    display: inline-block;
    vertical-align: middle;
    height: 41px;
    padding: 10px 0px 5px 55px;
    color: var(--color-TextBlack);
    font-size: 14px;
    cursor: pointer;
    border: 0px solid;
    float: left;
    margin: 0px 0px 0px -16px; /*Todo SARAVANAN 2017-09-25 -- modified*/
}

/*Todo SARAVANAN 2017-09-25 -- added*/
a.BtnOnlinePayment {
    background: url(images/btnRegCom.png) no-repeat left top;
    width: 290px;
    height: 41px;
    font-weight: 600;
    padding: 10px 5px 5px 55px;
    margin: 0px 0px 0px 25px;
    color: var(--color-TextBlack);
    font-size: 14px;
    cursor: pointer;
    border: 0px solid;
    float: left;
}

a.BtnVerifyDocument {
    background: url(images/btnRegbg_1.png) no-repeat left top;
    width: 290px;
    height: 41px;
    font-weight: 600;
    padding: 10px 5px 5px 55px;
    color: var(--color-TextBlack);
    font-size: 14px;
    cursor: pointer;
    border: 0px solid;
    float: left;
}
/*End*/

a.BtnComAudit {
    background: url(images/btnRegCom.png) no-repeat left top;
    width: 278px;
    font-weight: 600;
    display: inline-block;
    vertical-align: middle;
    height: 41px;
    padding: 10px 5px 5px 55px;
    color: var(--color-TextBlack);
    font-size: 14px;
    cursor: pointer;
    border: 0px solid;
    float: left;
}

a.BtnPersonal {
    background: url(images/btnRegbg_2.png) no-repeat left top;
    width: 290px;
    height: 41px;
    font-weight: 600;
    padding: 10px 5px 5px 55px;
    margin: 0px 0px 0px 20px;
    color: var(--color-TextBlack);
    font-size: 14px;
    cursor: pointer;
    border: 0px solid;
    float: left;
}

a.BtnBuilAudit {
    background: url(images/btnRegBuil.png) no-repeat left top;
    width: 290px;
    height: 41px;
    font-weight: 600;
    padding: 10px 5px 5px 55px;
    margin: 0px 0px 0px 20px;
    color: var(--color-TextBlack);
    font-size: 14px;
    cursor: pointer;
    border: 0px solid;
    float: left;
}

.align-right {
    direction: ltr !important;
}

.searchbox_activity {
    height: 32px;
    background: url('images/pop_activity_searchbox.jpg') no-repeat scroll 0% 0% transparent;
    border: 0px none;
    font-family: var(--font-1);
    font-size: 13px;
    color: var(--color-TextBlack);
    float: left;
    padding-left: 10px;
    width: 560px;
}

.toprightrow5 {
    width: 675px;
    float: right;
}

.searchbtn_activity {
    background: url('images/search_btn.jpg') no-repeat scroll 0% 0% transparent;
    width: 26px;
    height: 26px;
    border: 0px none;
    cursor: pointer;
    float: left;
    margin-left: 11px;
    margin-top: 4px;
}

.no_found_record_activity {
    color: var(--color-TextOrgOffWhite);
    font-family: var(--font-1);
    font-size: 13px;
    float: left;
    margin-top: 6px;
    text-align: center;
    width: 100%;
}

/*Karthik S 06-02-2015 start*/
ul.tabs1 li .cls_mandoc {
    text-decoration: none;
    color: var(--color-TextPrimaryBlue);
    font-size: 12px;
    display: block;
    padding: 0px 15px;
    border: 1px solid var(--color-BodOrgOffWhite);
    outline: medium none;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

ul.tabs1 {
    margin-bottom: -2px;
    margin-left: -3px;
    padding: 0;
    list-style: none;
    width: 250%;
    margin: 0 auto;
}

    ul.tabs1 li {
        float: left;
        margin: 0px 0px 15px 3px;
        padding: 0px;
        height: 31px;
        line-height: 31px;
        background-image: url('images/tap_border.png');
        background-position: center top;
        background-repeat: repeat-x;
        position: relative;
        overflow: hidden;
    }

html ul.tabs1 li.active, html ul.tabs1 li.active a:hover {
    background: none repeat scroll 0% 0% var(--color-BgOrgOffWhite);
}

.chkReject input {
    display: none;
}

.chkReject span {
    height: 12px;
    width: 12px;
    border: 2.5px solid var(--color-BodRedErrorText);
    display: inline-block;
    position: relative;
    top: 4px;
}

.chkReject [type=checkbox]:checked + span:before {
    content: '\2714';
    position: absolute;
    top: -9px;
    left: 1px;
    color: var(--color-TextRedErrorText);
}

.chkApprove input {
    display: none;
}

.chkApprove span {
    height: 12px;
    width: 12px;
    border: 2.5px solid var(--color-BodGreenSuccessAlert);
    display: inline-block;
    position: relative;
    top: 4px;
}

.chkApprove [type=checkbox]:checked + span:before {
    content: '\2714';
    position: absolute;
    top: -9px;
    left: 1px;
    color: var(--color-TextGreenSuccessAlert);
}
/*Karthik S 06-02-2015 end*/

/*Shanawaz J 07-06-2016*/
.filter_area .checkbox_div {
    display: inline-block;
    font-size: 14px;
    padding: 5px 2px;
    color: var(--color-TextBlack);
}

    .filter_area .checkbox_div > span {
        margin-right: 8px;
    }

.checkbox_div span input[type="checkbox"], .checkbox_div span > label {
    cursor: pointer;
}

.checkbox_div .checker {
    margin-right: 0px;
    margin-top: 1px;
}

.payment_icon {
    background-image: url(../../Images/payment.png);
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 12px;
    text-align: right;
    width: 69px;
    margin: 0 auto;
}

.print_icon {
    background-image: url(../../Images/menu_icons/icon_print.png);
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 12px;
    text-align: right;
    width: 69px;
    margin: 0 auto;
}

.reprint_icon {
    background-image: url(../../Images/menu_icons/icon_reprint.png);
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 12px;
    text-align: right;
    width: 81px;
    margin: 0 auto;
}
/*Shanawaz J 07-06-2016 end*/

/*vinoth p 11-06-2016 start*/
.disabld_btns_print {
    cursor: not-allowed !important;
    opacity: 0.7;
}

.disabld_btns_reprint {
    cursor: not-allowed !important;
    opacity: 0.7;
}

.disabld_btns_payment {
    cursor: not-allowed !important;
    opacity: 0.7;
}

.disabld_btns_view {
    cursor: not-allowed !important;
    opacity: 0.7;
}
/*vinoth p 11-06-2016 end*/

/*Kanimozhi 20161207 start*/
.iconmreceiveclose {
    background-image: url(images/icon_receive.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 100px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
    letter-spacing: 0px;
}

    .iconmreceiveclose:hover {
        background-image: url(images/icon_receive_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 100px;
        height: 47px;
    }
/*Kanimozhi 20161207 end*/

/*Shanawaz OtherService 20170228*/
.disabld_btns_generate {
    cursor: not-allowed !important;
    opacity: 0.7;
}

.disabld_btns_delete {
    cursor: not-allowed !important;
    opacity: 0.7;
}
/*End*/

/*Mapping popup page style*/
.iconmrecordercamera {
    background-image: url(images/icon_map_w.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 200px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconmrecordercamera:hover {
        background-image: url(images/icon_map_mo_w.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 200px;
        height: 47px;
    }

.k-grid td {
    color: var(--color-TextBlack);
}

.camlist {
    /*padding: 10px;*/
    border: 1px solid var(--color-BodTextSecondaryCharcoalGray);
    margin-right: 10px;
    height: 551px;
}

.rightGrid {
    border: 1px solid var(--color-BodTextSecondaryCharcoalGray);
    padding: 0px 10px;
}

.topdiv {
    /*display: inline-block;*/
    width: 100%;
    border-bottom: 1px solid var(--color-BodTextSecondaryCharcoalGray);
    color: var(--color-TextBlack);
}

.headTxtDiv {
    padding: 0px 6px;
    font-weight: bold;
    font-family: var(--font-1);
    text-indent: 2px;
}

    .headTxtDiv > span {
        /* margin-left: 11px; */
        font-size: 14px;
    }

.camlist_innerdiv {
    padding: 5px 6px;
}

.camlist .camlist_innerdiv > ul {
    display: block;
    list-style: outside none none;
    padding: 0px;
    position: relative;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 500px;
    height: 500px;
    width: 100%;
}

.left-item {
    width: 100%;
    display: inline-block;
    float: left;
    clear: both;
    height: 33px;
    padding: 2px 10px;
    background: var(--color-BgOrgWhite);
}

    .left-item:nth-child(even) {
        background: var(--color-BgOrgOffWhite);
    }

.checkboxdiv {
    float: left;
}

    .checkboxdiv div.checker {
        margin-right: 15px;
        margin-top: 9px;
    }

.drop {
    cursor: move;
    float: left;
}

    .drop > i {
        margin: 4px 0px;
        line-height: 18px;
        color: var(--color-TextOrgOffWhite);
        background: var(--color-BgOrgOffWhite);
        padding: 3px 6px;
        border-radius: 5px;
    }

.left-handle.drop > img {
    width: 35px;
}

.left-content {
    color: var(--color-TextBlack);
    display: block;
    font-weight: 400;
    text-decoration: none;
    text-overflow: ellipsis;
    text-indent: 15px;
    line-height: 30px;
}

    .left-content a {
        font-size: 13px;
        color: var(--color-TextBlack);
    }

span.checkboxdiv .checker {
    margin-top: 10px;
    margin-right: 15px;
}

.headTxtDiv .checker {
    margin-top: 2px;
}
/*todo yazhini 20170121*/
/*Mapping popup page style end*/

/*Product Type*/
.SyxClass.dpsFieldWarapper label + .reasonContainer {
    width: 98.4% !important;
}

.btn.btn-green {
    background: none repeat scroll 0% 0% var(--color-BgPrimaryBlue);
    border: 1px solid var(--color-BodPrimaryBlue);
    width: 80px;
    display: inline-block;
    border-radius: 3px;
    margin: 0px 10px;
    cursor: pointer;
    color: var(--color-TextOrgWhite);
    text-align: center;
    float: left;
}

.btn.btn-red {
    background: none repeat scroll 0% 0% var(--color-BgBlack);
    border: 1px solid var(--color-BodOrgOffWhite);
    width: 80px;
    display: inline-block;
    border-radius: 3px;
    margin: 0px 10px;
    cursor: pointer;
    color: var(--color-TextOrgWhite);
    text-align: center;
    float: left;
}

.rightGrid {
    padding: 0px;
}

.camlist, .rightGrid {
    padding-bottom: 10px;
    height: auto;
}

.toprowtb.topdiv {
    padding: 10px 0px 7px 0px;
    ;
    margin: 0px;
}

.rightGrid .kendo_main {
    padding: 5px;
}

.rightGrid .displaytxt {
    margin: 0px 10px;
}

.btn-bottom .btn {
    margin: 10px 0px 10px 10px;
}

.reasonContainer .k-grid-content .k-selectable tr:hover {
    background-color: var(--color-BgOrgOffWhite);
}

.chooseType .kendo_main .k-grid-header th {
    height: 31px;
}

.chooseType + div .camlist, .chooseType + div .rightGrid {
    border-radius: 3px;
}

.chooseType .reasonContainer input {
    text-indent: 3px;
}

.k-dragLeft table tbody tr > td:first-child, .k-dragRight table tbody tr > td:first-child {
    width: 14px;
    cursor: move;
}

.chooseType + div table tbody tr {
    cursor: move;
}

.ok_btn {
    background-color: var(--color-BgGreenSuccessAlert) !important;
    border-color: var(--color-BodGreenSuccessAlert) !important;
}
/*End*/
/*Todo BHARATHI 20170616*/
.TradeLicExpiryDate {
    margin: 62px 0px 0px -361px !important;
}

@media (max-width:1571px) {
    .TradeLicExpiryDate {
        margin: 0px 20px 5px 0px !important;
    }
}
/*End*/

/*Todo Shanawaz 20170801*/
.disabld_btns_closeAudit {
    cursor: not-allowed !important;
    opacity: 0.7;
}

.disabld_btns_ApproveSubmitReport {
    cursor: not-allowed !important;
    opacity: 0.7;
}

.disabld_btns_RejectSubmitReport {
    cursor: not-allowed !important;
    opacity: 0.7;
}
/*End*/

/*Add To Do Jayachandran 2017-09-20*/
.disabld_btns_SendRejectReport {
    cursor: not-allowed !important;
    opacity: 0.7;
}
/*End*/

/*Shanawaz 2017-09-28*/
.iconmsendreport {
    background-image: url(images/icon_sendreject.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 95px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconmsendreport:hover {
        background-image: url(images/icon_sendreject_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 95px;
        height: 47px;
    }
/*End*/

.view_icon {
    background-image: url(../../Images/view_icon.png);
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 12px;
    text-align: right;
    width: 69px;
    margin: 0 auto;
}

.iconmprintdocument {
    background-image: url(images/icon_print_doc.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 105px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconmprintdocument:hover {
        background-image: url(images/icon_print_doc_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 105px;
        height: 47px;
    }

.iconmreport {
    background-image: url(images/icon_report.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 95px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconmreport:hover {
        background-image: url(images/icon_report_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 95px;
        height: 47px;
    }

.alignment {
    margin-left: 165px !important;
}

.iconmexcel {
    background-image: url(images/icon_excel.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 95px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconmexcel:hover {
        background-image: url(images/icon_excel_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 95px;
        height: 47px;
    }
/*To do muruganantham 2018-04-12 added for Undertaken list*/
.cancelled_icon {
    background-image: url(../../Themes/Greeno/ltr/assets/img/icons/led/src/cancel.png);
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 12px;
    text-align: right;
    width: 78px;
    margin: 0 auto;
}
/*end*/

.partially_approved_icon {
    background-image: url(../../Images/approved_icon.png);
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 12px;
    text-align: right;
    width: 125px;
    margin-left: 57px;
}

.iconmactivatenew {
    background-image: url(images/icon_activate_new.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 135px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconmactivatenew:hover {
        background-image: url(images/icon_activate_new_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 135px;
        height: 47px;
    }

.icondetachcompany {
    background-image: url(images/icon_companydetach_up.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 118px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .icondetachcompany:hover {
        background-image: url(images/icon_companydetach_hover.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 118px;
        height: 47px;
    }

a.BtnCommitmentform {
    background: url(images/btnReg_Commit.png) no-repeat left top;
    width: 290px;
    height: 41px;
    font-weight: 600;
    padding: 10px 5px 5px 55px;
    color: var(--color-TextBlack);
    font-size: 14px;
    cursor: pointer;
    border: 0px solid;
    float: left;
}

ul.tabs1 li:hover {
    cursor: pointer;
}

/*TO DO DEEPIKA 2019-08-21 FOR AUDITOR LIST DROP DOWN GRID*/
.Auditor > span.txt_box_bg {
    padding-right: 30px !important;
    position: relative;
}

    .Auditor > span.txt_box_bg > button.multi_select_btn_small {
        right: 6px;
        top: 7px;
        margin: 0px !important;
    }

@media (max-width:400px) {
    .Auditor_list {
        width: 87%;
    }
}

@media (min-width:400px) and (max-width:420px) {
    .Auditor_list {
        width: 87.5%;
    }
}

@media (min-width:421px) and (max-width:499px) {
    .Auditor_list {
        width: 88.5%;
    }
}

@media (min-width:500px) and (max-width:549px) {
    .Auditor_list {
        width: 89.5%;
    }
}

@media (min-width:550px) and (max-width:599px) {
    .Auditor_list {
        width: 91%;
    }
}

@media (min-width:600px) and (max-width:699px) {
    .Auditor_list {
        width: 92%;
    }
}

@media (min-width:700px) and (max-width:799px) {
    .Auditor_list {
        width: 93%;
    }
}

@media (min-width:800px) and (max-width:900px) {
    .Auditor_list {
        width: 93.85%;
    }
}

@media (min-width:901px) and (max-width:999px) {
    .Auditor_list {
        width: 46.3%;
    }
}

@media (min-width:1000px) and (max-width:1200px) {
    .Auditor_list {
        width: 46.7%;
    }
}

@media (min-width:1201px) and (max-width:1300px) {
    .Auditor_list {
        width: 47%;
    }
}

@media (min-width:1301px) and (max-width:1500px) {
    .Auditor_list {
        width: 47.3%;
    }
}

@media (min-width:1501px) and (max-width:1660px) {
    .Auditor_list {
        width: 47.44%;
    }
}

@media (min-width:1661px) {
    .Auditor_list {
        width: 47.7%;
    }
}
/*END*/

.iconmdocument {
    background-image: url(images/icon_document.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 67px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconmdocument:hover {
        background-image: url(images/icon_document_mo.png);
        background-repeat: no-repeat;
        display: inline-block;
        width: 67px;
        height: 47px;
    }

.iconmsetting {
    background-image: url(images/icon_equipment_setting.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 47px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconmsetting:hover {
        background-image: url(images/icon_equipment_setting.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 47px;
        height: 47px;
    }

.iconmmaping {
    background-image: url(images/icon_map_new.jpg);
    background-repeat: no-repeat;
    background-position: 50%;
    display: inline-block;
    width: 115px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconmmaping:hover {
        background-image: url(images/icon_map_mo_new.jpg);
        background-repeat: no-repeat;
        background-position: 50%;
        display: inline-block;
        width: 115px;
        height: 47px;
    }

.iconpmnew {
    background-image: url(images/icon_new.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 47px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconpmnew:hover {
        background-image: url(images/icon_new_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 47px;
        height: 47px;
    }

.iconpmedit {
    background-image: url(images/icon_edit.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 47px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconpmedit:hover {
        background: url(images/icon_edit_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 47px;
        height: 47px;
    }

.iconpmdelete {
    background-image: url(images/icon_delete.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 47px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconpmdelete:hover {
        background-image: url(images/icon_delete_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 47px;
        height: 47px;
    }

/* ui-autocomplete dynamic set paddding */ /*======= added by R.vijay ========*/

.ui_ac_tbl_padding {
    padding-right: 17px;
    float: right;
    box-sizing: border-box;
}
/*Building Auditing Charge...................*/
.alignText-left {
    text-align: left !important;
}

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

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

#divBuildingAuditingChargesGrid th {
    color: var(--color-TextBlack);
}
/*...................Building Auditing Charge*/

span.attachparent {
    position: relative;
    display: none;
}

.newattach {
    right: 11px;
    top: 6px;
    cursor: pointer;
    font-size: 20px;
    position: absolute;
}

.newfilebtn {
    display: none;
}

.newupload {
    display: block !important;
}

.newupload {
    display: block !important;
    float: left;
    width: 100%;
}

    .newupload .k-upload {
        position: relative;
        float: left;
        width: 100%;
        background-color: transparent;
        border: 0px;
    }

    .newupload .k-button.k-upload-button {
        float: left;
        margin: .8em 0px;
        width: 40px;
        background-color: var(--color-BgPrimaryBlue);
        background-image: none;
        color: var(--color-TextOrgWhite);
        border: 0px;
        border-radius: 3px;
        padding: 0px 3px;
        text-align: left;
        display: none;
    }

    .newupload ul.k-upload-files.k-reset {
        float: left;
        border: 0px;
        width: 95%;
    }

    .newupload li.k-file {
        width: auto;
        float: left;
        border: 0px solid !important;
        background-color: var(--color-BgOrgOffWhite);
        margin-right: 5px;
        margin-bottom: 5px;
    }

        .newupload li.k-file:hover {
            background-color: var(--color-BgOrgOffWhite);
        }

    .newupload .k-upload-button {
        float: left;
    }

    .newupload .k-progress, .attachhead {
        display: none;
    }

    .newupload .k-upload-status {
        top: 6px;
    }

    .newupload span.icon-paper-clip {
        font-size: 22px;
        font-family: var(--font-1);
    }

    .newupload .icon-paper-clip:before {
        content: "\f0c6";
        font-family: var(--font-6);
        margin: 7px 8px;
    }

.newedittools {
    position: relative;
}

.editor_tool {
    padding: 5px;
    direction: ltr;
}

.newfilebtn {
    display: none;
}

.newedittools span.icon-paper-clip {
    font-size: 18px;
    cursor: pointer;
}

.newedittools {
    position: relative;
}

    .newedittools span.icon-paper-clip {
        font-size: 18px;
        cursor: pointer;
        padding: 4px 5px;
        border: 1px solid var(--color-BodOrgWhite);
        border-radius: 4px;
        color: var(--color-TextBlack);
    }

        .newedittools span.icon-paper-clip:hover {
            color: var(--color-TextOrgWhite);
            background-color: var(--color-BgVeryLightBlue);
        }

.newupload .k-button.k-upload-button {
    display: none;
}

.newgrptl {
    margin-left: -6px
}

.newupload ul.k-upload-files.k-reset {
    float: left;
    border: 0px;
    width: 100%;
    padding: 0px 5px 0px 0px;
    margin-top: 0px;
}

.newupload .k-filename {
    padding-right: 20px;
    min-width: 170px;
}

.mail_right .k-upload-files .k-file > .k-icon {
    float: left;
    margin-top: 9px;
    margin-right: 5px;
}

#divAttachment .float1 {
    margin-right: 10px;
    float: left;
}

.unreadrow {
    background-color: var(--color-BgOrgOffWhite);
}

.newupload .k-dropzone em, .newupload .k-dropzone .k-upload-status, .newupload .k-upload-files .k-upload-status .k-upload-pct {
    display: none;
}

.iconRead {
    background-image: url(images/emirate-reader-ico.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 142px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconRead:hover {
        background-image: url(images/emirate-reader-ico-mo.png);
        background-repeat: no-repeat;
        display: inline-block;
        width: 142px;
        height: 47px;
    }

.iconmpermit {
    background-image: url(images/icon_activate.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 95px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconmpermit:hover {
        background-image: url(images/icon_activate_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 95px;
        height: 47px;
    }

/*Employee/person details popup - start*/
.notifybox.smallNotify {
    width: 30%;
    position: absolute;
    left: 230px;
    top: 5px;
}

.smallNotify .errorpagebox {
    margin: 0;
}

.smallNotify .errorpage_inf_icon {
    width: 32px;
}

.smallNotify .errorpage_mes_div {
    margin: 5px 0px 0px;
    width: 76%;
}

.smallNotify .errorpage_normaltxt {
    margin-left: 40px;
}

.select_record {
    color: var(--color-TextRedErrorText);
    text-align: center;
    font-family: var(--font-1);
    position: absolute;
    left: 255px;
    top: 21px;
    width: 260px;
    background: var(--color-BgOrgWhite);
}
/*Employee/person details popup - end*/
/*Building NOC - start*/
.blk_overlay {
    z-index: 99999;
}
/*Building NOC - end*/
}

.EnablePadding {
    float: left;
    margin-right: 50px;
}

.EnableFloat {
    float: left;
}

.EnableFlex .lblspan.EnableDisplay > div {
    width: auto;
    float: left;
    /*margin-bottom: 15px;*/
    min-width: 100px;
    display: inline-block;
    margin-right: 10px;
}

.disabld_btns_iconmaddEquipment {
    background-image: url(images/icon_add.jpg) !important;
    cursor: not-allowed !important;
    opacity: 0.7;
}

.disabld_btns_iconmeditEquipment {
    background-image: url(images/icon_edit_mo.jpg) !important;
    cursor: not-allowed !important;
    opacity: 0.7;
}

.disabld_btns_iconmremoveEquipment {
    background-image: url(images/icon_remove.jpg) !important;
    cursor: not-allowed !important;
    opacity: 0.7;
}

.disabld_btns_iconmrecordercamera {
    background-image: url(images/icon_map_w.jpg) !important;
    cursor: not-allowed !important;
    opacity: 0.7;
}

table.adminlist tbody td.borderRightTD.txtAmount {
    border-right: 1px solid var(--color-BodOrgOffWhite);
}

.issueOtherChargesCls table.adminlist tbody tr.row1 td {
    border-bottom: 1px solid var(--color-BodOrgOffWhite);
}

.issueOtherChargesCls table.adminlist tbody tr.row0 td {
    border-top: 0px;
}

.float-align-box {
    float: left;
}

.lblspan-float {
    float: right;
}

.issueOtherChargesCls.bgWhitetd table.adminlist tbody tr.row0 td {
    background-color: var(--color-BgOrgWhite);
}

.issueOtherChargesCls table.adminlist tbody td.borderRightTDNOC {
    border-right: 1px solid var(--color-BodOrgOffWhite);
}

.BuildingLayoutContainer .galleryimgcontainer, .PlotLayoutContainer .galleryimgcontainer {
    background-image: url(images/docslid_arrow_bg.png);
    background-size: auto;
}

.enable_UAE_valid_msg {
    margin-bottom: 10px;
}

#Enable_basic_info.txt_box_bg_error {
    display: inline-block;
    float: left;
    margin-right: 10px;
}

.frm_full .Enable_auto_width {
    width: auto;
    margin-right: 20px;
}

#divUAEPassEnable.enableMarginL {
    margin-left: 216px;
}

#Enable_UAEprof_valid .basic_pro {
    margin-right: 43px;
}

.lblspan.EnableFloat.logincount #divminmax .txtlabel {
    display: inline;
    width: auto;
    float: left;
    margin: 4px;
}

.lblspan.EnableFloat.logincount #divminmax .set_txt_box_bg {
    margin-left: 20px;
    margin-right: 20px;
}

.lblspan.EnableFloat.logincount .Enable_auto_width {
    margin-right: 0px;
}

.lblspan.EnableFloat.logincount .set_txt_box_bg_error {
    margin-left: 20px;
    margin-right: 20px;
}

.input-validation-error {
    /*border: var(--color-BodRedErrorText) 1px solid !important;
    box-shadow: inset 0 1px 1px var(--color-DropBoxShadowx) !important;
    padding: 2px 2px 2px 2px;
    border-radius: 4px;*/
    /*background-color: var(--color-BgOrgWhite);
    border: var(--color-BodRedErrorText) 1px solid;
    border-radius: 4px;
    padding: 2px 2px 2px 2px;
    display: block;
    overflow: hidden;*/
}

/*Master error text box size added by aravind start*/
.txt_box_bg_error, .txt_box_bg_error:hover {
    display: block;
}
/*Master error text box size added by aravind end*/

.errorKendoTable {
    border: 1px solid var(--color-BodRedErrorText) !important;
}
/*Master error text box size added by aravind end*/

/*Issue fixing by Anupriya*/
.combined_lftrt.companyprofile .lblspan.companyprofile1 {
    width: 90%;
}

.combined_lftrt.companyprofile .lblspan.companyprofile2 {
    width: 80%;
}

.combined_lftrt.companyprofile .lblspan.companyprofile3 {
    width: 80%;
}
/*Issue fixing by Anupriya*/
/*Issue fixing by vignesh sira idcard ssp_indv_295025*/
.error_popup {
    margin-left: 0px;
}

div.popup_content_area .errorpage_box {
    width: 330px;
}

.white_left_align {
    left: 39%;
}

.AR_checkbox .check-top {
    margin-top: -3px;
}
/*...rowwspan css...priyanka...20210828...start...*/
table.adminlist tbody tr td.mandatorystyle {
    background: var(--color-BgOrgWhite);
    border-bottom: none;
    border-top: none;
}

    table.adminlist tbody tr td.mandatorystyle.mandatoryfirst {
        border-top: 1px solid var(--color-BodOrgOffWhite);
    }

.adminlist .move_blk {
    display: flex;
    justify-content: center;
}

.adminlist th.left.centr_align {
    text-align: center;
}

.mandatory_blk {
    width: auto;
    float: left;
    margin-left: 10px;
}

    .mandatory_blk .show_all {
        font-family: var(--font-1);
        font-size: 13px;
        color: var(--color-TextBlack);
        float: left;
        margin: 0px;
        margin-top: 5px;
    }

        .mandatory_blk .show_all.mandatory_symbol {
            color: var(--color-TextRedErrorText);
            margin-left: 2px;
            margin-right: 10px;
        }

    .mandatory_blk .searchbox_blk {
        background-color: var(--color-BgOrgWhite);
        border: 1px solid var(--color-BodTertiaryGray);
        border-radius: 4px 4px 4px 4px;
        display: block;
        overflow: hidden;
        padding: 2px;
        margin: 0px;
    }

        .mandatory_blk .searchbox_blk .searchbx {
            border-radius: 2px;
            -moz-border-radius: 2px;
            -khtml-border-radius: 2px;
            -webkit-border-bottom: 2px;
            box-shadow: 0 0 1px 1px var(--color-ShadowOrgOffWhite) inset;
            border: var(--color-BodOrgOffWhite) 1px solid;
            background-color: var(--color-BgOrgWhite);
            color: var(--color-TextBlack);
            font-size: 14px;
            text-indent: 4px;
            height: 25px;
            width: 80px;
            font-family: var(--font-1);
            box-sizing: border-box;
            margin: 0px;
            padding: 0px;
        }

    .mandatory_blk + .no_found_record {
        margin-left: 20px;
    }

/*...Image selection css start...*/

.img_container {
    width: 100%;
    height: auto;
    margin: 0px;
    display: block;
    overflow: hidden;
}

.imge_blk {
    display: block;
    overflow: hidden;
    width: 100%;
}

.img_container .lblspan, .img_container .txtlabel_enar {
    float: left;
}

.img_container .txtlabel_enar {
    margin-bottom: 5px;
}

.icon-select {
    width: 0px;
    height: 150px;
}

    .icon-select .selected-box {
        position: relative;
        margin: 0px;
        padding: 0px;
        width: 76px; /* sil */
        height: 76px; /* sil */
        border: 1px solid var(--color-BodTextSecondaryCharcoalGray);
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

        .icon-select .selected-box:hover {
            position: relative;
            margin: 0px;
            padding: 0px;
            width: 76px; /* sil */
            height: 76px; /* sil */
            border: 1px solid var(--color-BodBlack);
            background-color: var(--color-BgOrgWhite);
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
        }

    .icon-select .selected-icon {
        position: absolute;
        margin: 0px;
        padding: 0px;
        top: 5px;
        left: 5px;
        width: 62px; /* sil */
        height: 62px; /* sil */
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .icon-select .component-icon {
        position: absolute;
        bottom: 5px;
        right: 4px;
    }

    .icon-select .box {
        position: absolute;
        top: 0px;
        left: 81px;
        margin: 0px;
        padding: 0px;
        width: 1755px;
        height: auto;
        border: 1px solid var(--color-BodTertiaryGray);
        background-color: var(--color-BgOrgOffWhite);
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        overflow: auto;
        /*
     -webkit-overflow-scrolling: touch;
     */
        padding-left: 4px;
    }

    .icon-select .icon {
        position: relative;
        /*margin: 5px 0px 0px 5px;*/
        margin: 2px;
        padding: 3px;
        width: 58px; /* sil */
        height: 58px; /* sil */
        border: 1px solid var(--color-BodTextSecondaryCharcoalGray);
        background-color: var(--color-BgOrgWhite);
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        overflow: hidden;
        float: left;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .icon-select .icon:hover {
            border: 1px solid var(--color-BodBlack);
        }

        .icon-select .icon.selected {
            position: relative;
            margin: 0px;
            padding: 3px;
            width: 58px; /* sil */
            height: 58px; /* sil */
            border: 1px solid var(--color-BodOrgWhite);
            background-color: var(--color-BgOrgWhite);
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            overflow: hidden;
            float: left;
            margin: 2px;
        }

.selected-icon > img {
    width: 50px;
    height: auto;
}

.icon img {
    width: 50px;
    height: auto;
}

.arrow_disabled {
    opacity: .5;
    cursor: default;
}

#VisitorSearchKey.txt_box1 {
    width: 100%;
}

/*...Image selection css end...*/

/*...rowwspan css...priyanka...20210828...end...*/
.EnableFlex .lblspan.EnableDisplay > .frm_align_text {
    float: right;
    /*     width: max-content;*/
    width: 325px;
    position: relative;
    left: 182px;
    right: auto;
}
/*added by aravind start*/
.onlinenoc_popup.pop_view_doc {
    margin: 0 0 0 140px;
}

.onlinenoc_popup.pop_view_container {
    float: left;
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
}

.onlinenoc_viewdetails .viewrow_new .view_right {
    width: 60%;
}

.onlinenoc_viewdetails .viewrow_new .view_left {
    width: 40%;
}

.onlinenoc_viewdetails ~ .viewcontentdiv table.adminlist thead th.left,
.onlinenoc_viewdetails ~ .viewcontentdiv table.adminlist tbody tr td:nth-child(2) {
    text-align: left;
}

.onlineservice_lbl .txtlabel_span {
    margin-left: 5px;
    margin-bottom: 0px;
}

.onlineservice_lbl input {
    float: left;
    margin-top: 4px;
}

.isreqpia_lbl .txtlabel_span {
    margin-left: 5px;
    margin-bottom: 0px;
}

.isreqpia_lbl input {
    float: left;
    margin-top: 4px;
}
/*added by aravind end*/

/*Issue fixing by vignesh for Register form AccountDetails, Emailverification and companyDetails 20210930*/
.text_clr_red {
    color: var(--color-TextRedErrorText);
}
/*worked by vignesh form checkbox hover bgr color fix 20211005*/
/*.change_back_clr .txt_box_bg {
    background: var(--color-BgOrgWhite);
}*/
/*issue fixed by vignesh CompanyDetails page space align 20211006*/
#UploadImage #uploadErr {
    float: left;
    margin-top: 15px;
    width: 100%;
}

#UploadImage .check_border_none {
    border: inherit;
}

#popup_center .txt_box_bg_error {
    border: var(--color-BodRedErrorText) 1px solid;
}

/*Added by...priyanka...20211009...start*/
.txt_box_cap.txt_box_bg_error {
    border: var(--color-BodRedErrorText) 1px solid;
}
/*Added by...priyanka...20211009...end*/
.dynamic_disable_div {
    pointer-events: none;
    cursor: no-drop;
    float: left;
    margin-bottom: 0;
}

.new_edit_contentdiv.cursor_pointer {
    cursor: no-drop;
}

    .new_edit_contentdiv.cursor_pointer .combined_lftrt {
        cursor: default;
    }

.IsSiraDocument_checkbox {
    margin-top: -5px;
}

.dynamic_disable_div .ctrl_tab_container {
    opacity: 0.7;
}

.tablecontentdiv.dyn_doc_type #SiraDocumentDiv .txt_box_bg_error, .tablecontentdiv.dyn_doc_type #SiraDocumentDiv .txt_box_bg_error:hover {
    float: left;
}
/*added by aravind end*/
/*added by aravind for undertaken list company type filter 20211124*/
.undertaken_cmpny_filter {
    display: none;
}

.undertaken_table_content .undertaken_cmpny_filter {
    display: block;
}

    .undertaken_table_content .undertaken_cmpny_filter .filter_othernoc_label {
        width: 110px;
        padding-top: 11px;
    }

    .undertaken_table_content .undertaken_cmpny_filter .undertaken_cmpny_area {
        margin: 0;
    }

.lblspan.ssu_requestdeclaration {
    margin-top: 15px;
}

.ssu_requestdeclaration .check_box_bg {
    border-radius: 4px 4px 4px 4px;
    display: block;
    overflow: hidden !important;
    padding: 2px;
    padding-top: 5px;
}

.ssu_requestdeclaration .reg_chk_txt {
    font-size: 14px;
    font-weight: 600;
    color: var(--color-TextBlack);
}

.ssu_requestdeclaration .log_checkbox {
    margin-top: 1px;
}

.ssu_requestdeclaration .check_box_error {
    border: 1px solid var(--color-BodRedErrorText);
    border-radius: 4px 4px 4px 4px;
    display: block;
    overflow: hidden !important;
    padding: 2px;
    padding-top: 5px;
}
/*confirmation popup start added by deepalakshmi*/
.confirm_dialog {
    width: 400px;
    height: 320px;
    padding: 0px;
}

.confirm-header {
    height: 150px;
    background-color: var(--color-BgOrgOffWhite);
    padding: 7px 0px;
    border-radius: 4px;
}

.confirm_dialog .confirm-popup .confirm-header {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.confirm_dialog .confirm-popup {
    box-shadow: none;
    display: block;
    padding: 0px;
    position: fixed;
}

.close-confirm {
    background-image: url('../../Themes/Greeno/ltr/assets/css/Anugularjspage/Images/leftside_circle.png');
    margin-right: 10px;
    float: right;
    font-size: 16px;
    cursor: pointer;
    font-weight: 700;
    text-shadow: 0 1px 0 var(--color-ShadowOrgWhite);
    width: 22px;
    height: 22px;
}

.confirm-header-text {
    width: 100%;
    font-size: 25px;
    text-align: center;
    clear: both;
}

.confirm-icon {
    width: 60px;
    height: 60px;
    background-image: url('../../Themes/Greeno/ltr/assets/css/Anugularjspage/Images/confirm.png');
    background-size: 60px;
    clear: both;
    margin: 7px auto;
    transform: rotate( 180deg);
}

.confirm-popup {
    width: 400px;
    height: auto;
    position: absolute;
    background: var(--color-BgOrgWhite);
    border-radius: 4px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -moz-box-shadow: 0 5px 26px 0 var(--color-DropBoxShadowx),0 20px 28px 0 var(--color-ShadowBlack);
    box-shadow: 0 5px 26px 0 var(--color-DropBoxShadowx), 0 20px 28px 0 var(--color-ShadowBlack);
    z-index: 999999;
    /*display: none;*/
    text-align: center;
    color: var(--color-TextOrgWhite);
}

.confirm-content {
    height: auto;
    color: var(--color-TextBlack);
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px 30px;
    margin: 30px 0px;
}

.confirm-footer {
    height: 30px;
    text-align: center;
    margin-bottom: 30px;
}

.confirm-btns {
    width: 100%;
    height: 100%;
}

.confirm-yes, .confirm-no {
    width: 80px;
    height: 30px;
    background-color: var(--color-BgOrgOffWhite);
    margin: 0px 4px;
    border-radius: 3px;
    font-weight: 600;
    border: 0;
    color: var(--color-TextOrgWhite);
    cursor: pointer;
    font-size: 14px;
    font-family: var(--font-1);
}

.confirm_dialog {
    height: auto !important;
    overflow: initial !important;
}

.popup_overlay {
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: var(--color-BgOverLayColor);
    z-index: 1001;
    -moz-opacity: 0.3;
    opacity: .3;
    filter: alpha(opacity=80);
    margin: 0 auto;
}

#Confirmation {
    display: none;
}
/*confirmation popup end*/
/*Event security desing css added by vigneshs 20220226*/
.type-box #personType, .type-box #IDtype {
    display: none;
}

.text-box-align .lblspan {
    display: grid;
}

.gen-yr-left {
    display: grid;
    grid-template-columns: 26% 74%;
    padding: 13px 0px;
    width: 50%;
    float: left;
}

.frm_lft-event {
    width: auto;
    float: left;
}

.chk-box-align#GDRFPortalaccessdocs, .frm_rt.pos_no_align, .emply-add-edit .tele_div {
    float: left;
}

.frm_rgt-event {
    float: right;
    /*    margin-top: 5px;*/
}

.addittional_details .emply_detil {
    float: left;
    height: 65px;
    display: grid;
    grid-template-columns: 50% 50%;
    margin-top: 11px;
}

.emply-add-edit .frm_full.IDCardName #nameoncard, .emply-add-edit .frm_full.IDCardName #nameoncard_sl {
    margin-bottom: 10px;
}

.frm_lft.prof_main, .frm_lft.frm_rgt {
    float: right;
    clear: right;
}

.employee_add_edit .gdrfa-d1 .date_pick.gdrfad-yob {
    display: flex !important;
}

.employee_add_edit .lblspan.txt-base {
    margin-top: 0px;
}

.employee_add_edit .lblspan.txt-base1 {
    margin-top: 10px;
}

.lblspan.profession-align {
    display: grid;
}

.frm_rt.date-birth-align, .employee_add_edit .frm_lft.formernat-wdt {
    display: grid;
    width: 100%;
}

.date-birth-align .dt_box1 {
    padding-left: 92px;
    margin-left: 72px;
}

.frm_lft.GDRFADOC {
    margin-top: 20px;
    display: grid;
    grid-gap: 10px;
}
/*.employee_add_edit #divRenewDate > label + .addspeech {
    margin-top: -4px !important;
}*/
.clear-left-box {
    clear: left;
}

.frm_lft.clear-left-box + .frm_rt + .frm_lft {
    clear: left;
}

.emply-add-edit .namecard_sl {
    margin-top: 0px;
}

.dpsid-btm .frm_full.haveDPSDiv {
    float: left;
}

.employee_add_edit #educationqulaified, .employee_add_edit #educationqulaified .txtlabel {
    margin: 0px;
}

#PASSPORT.formContent.PASSPORT-Upload, #VISA.formContent.VISA-Upload, #EMIRATES_ID_CARD.formContent.EMIRATES_ID_CARD-Upload {
    margin-top: 10px;
}

.gdrfa-d1 .k-picker-wrap.k-state-default {
    bottom: 6px;
}

.doc_gdrfa .gdrfa-d1 .k-picker-wrap.k-state-default {
    bottom: 3px;
}

.emply-add-edit .gdrfa-d1 .k-picker-wrap.k-state-default {
    bottom: 5.5px;
}
/*.gdrfa-search-inputs .gdrfa-d1 .k-picker-wrap.k-state-default {
    position: relative;
    top: auto;
    bottom: 4px;
    left: -1px;
}*/
.table_text_align #divMainContent .txtlabel {
    float: left;
}

.doc_gdrfa .gdrfa-d1 {
    width: 98.5%;
    display: inline-block;
    justify-content: center;
    align-items: center;
    padding-left: 15px;
    padding-top: 20px;
}

.registration_content .gdrfa-d1 .wrFrm {
    display: none;
}

.common_pick .k-combobox .k-dropdown-wrap:before, .common_pick .k-picker-wrap:before, .common_pick k-input.k-numeric-wrap:before, .dateWidth .k-picker-wrap:before, .back-box .k-picker-wrap:before {
    height: 1.47em !important;
}

.frm_lft.clear-right {
    clear: left;
}

.registration_content .gdrfa-d1 .k-picker-wrap.k-state-default {
    position: relative;
    top: auto;
    bottom: 3px;
    right: 4px;
}

.registration_content input.common_pick + span {
    display: flex;
    justify-content: center;
    align-items: center;
}

.pick_align .gdrfa-search-inputs .gdrfad-yob {
    padding: 2px 2px 2px 2px;
}
/*.pick_align .gdrfa-d1 .gdrfa-search-inputs .k-picker-wrap.k-state-default {
    position: relative;
    top: auto;
    bottom: 3px;
    left: -1px;
}*/
.registration_content .gdrfa-d1 .gdrfa-search-inputs .gdrf-Eid-four-error.txt_box_bg_error {
    padding-top: 2px;
    padding-bottom: 2px;
}

.table_text_align .multi_select_btn_small {
    margin: 6px 0 0 45.6%;
}

.employee_add_edit .personalprofile #divCompany {
    margin-top: 8px !important;
}

.emply-add-edit #gdrf-txt-eid .txt_box_bg_error {
    padding-top: 3px;
    padding-bottom: 3px;
}

.change_back_clr.registration_content .txt_box_bg {
    height: 25px;
}

.emply-add-edit .individualDropdown {
    display: flex;
}

.emply-add-edit .gdrfa-d1 .common_pick + span {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 5px;
}

.gdrfa-d1 .star {
    display: none;
}
/*End css added by vigneshs 20220227*/
/*End 20220226*/
.pointerEventNone {
    pointer-events: none !important;
    cursor: not-allowed;
}

.passport[data-isgdrfad-doc-btnhide ="true"] > .comp_detail1 > .combined_lftrt label.txtlabel.upldbtn {
    visibility: hidden;
}

.passport[data-isgdrfad-doc-btnhide ="true"] > .comp_detail1 > .combined_lftrt .floatl {
    visibility: hidden;
}

.passport[data-isgdrfad-doc-btnhide ="true"] > .comp_detail1 > .combined_lftrt p.doc_note {
    visibility: hidden;
}

.passport[data-isgdrfad-doc-btnhide ="true"] > .comp_detail1 > .combined_lftrt .combined_lftrt {
    visibility: hidden;
}

.ptoofficial[data-isgdrfad-doc-btnhide ="true"] > .comp_detail1 > .combined_lftrt label.txtlabel.upldbtn {
    visibility: hidden;
}

.ptoofficial[data-isgdrfad-doc-btnhide ="true"] > .comp_detail1 > .combined_lftrt .floatl.selbtn {
    visibility: hidden;
}

.ptoofficial[data-isgdrfad-doc-btnhide ="true"] > .comp_detail1 > .combined_lftrt p.doc_note.note_text {
    visibility: hidden;
}

.ptoofficial[data-isgdrfad-doc-btnhide ="true"] > .comp_detail1 > .combined_lftrt .combined_lftrt.doccss {
    position: relative;
    top: -55px;
    bottom: auto;
}

.emirates[data-isgdrfad-doc-btnhide ="true"] > .comp_detail1 > .combined_lftrt label.txtlabel.upldbtn {
    visibility: hidden;
}

.emirates[data-isgdrfad-doc-btnhide ="true"] > .comp_detail1 > .combined_lftrt .floatl {
    visibility: hidden;
}

.emirates[data-isgdrfad-doc-btnhide ="true"] > .comp_detail1 > .combined_lftrt p.doc_note {
    visibility: hidden;
}

.emirates[data-isgdrfad-doc-btnhide ="true"] > .comp_detail1 > .combined_lftrt .combined_lftrt {
    visibility: hidden;
}

.visa[data-isgdrfad-doc-btnhide ="true"] > .comp_detail1 > .combined_lftrt label.txtlabel.upldbtn {
    visibility: hidden;
}

.visa[data-isgdrfad-doc-btnhide ="true"] > .comp_detail1 > .combined_lftrt .floatl.selbtn {
    visibility: hidden;
}

.visa[data-isgdrfad-doc-btnhide ="true"] > .comp_detail1 > .combined_lftrt p.doc_note.note_text {
    visibility: hidden;
}

.visa[data-isgdrfad-doc-btnhide ="true"] > .comp_detail1 > .combined_lftrt .combined_lftrt.doc {
    visibility: hidden;
}

.passport[data-isgdrfad-doc="true"] span.star.upload {
    visibility: hidden;
}

.emirates[data-isgdrfad-doc="true"] span.star.upload {
    visibility: hidden;
}

.visa[data-isgdrfad-doc="true"] span.star.upload {
    visibility: hidden;
}

.ptoofficial[data-isgdrfad-doc="true"] .remove.floatl {
    display: none;
}

.ptoofficial[data-isgdrfad-doc="true"] div#divMainContent span.star {
    display: none;
}

.ptoofficial[data-isgdrfad-doc="true"] input#files {
    pointer-events: none;
    cursor: default;
}

.passport[data-isgdrfad-doc="true"] table#tblScanUploadDocInfo,
.emirates[data-isgdrfad-doc="true"] table#tblScanUploadDocInfo,
.visa[data-isgdrfad-doc="true"] table#tblScanUploadDocInfo {
    border: none !important;
}

.passport[data-isgdrfad-doc="true"] table#tblScanUploadDocInfo,
.emirates[data-isgdrfad-doc="true"] table#tblScanUploadDocInfo,
.visa[data-isgdrfad-doc="true"] table#tblScanUploadDocInfo {
    border: none;
}

.emirates[data-isgdrfad-doc="true"] span.cardNum.star {
    visibility: hidden;
}

.star_remove {
    float: left;
    margin-bottom: 0;
}
/*Add by Yokesh start*/
/*GDRFA Start*/
.registration_content {
    padding: 13px 0px 15px;
}

    .registration_content .mrg_bottom, .person_info .mrg_bottom {
        margin-bottom: 0px;
    }

    .registration_content .mrg_top, .person_info .mrg_top {
        margin-top: 0px;
    }

    .registration_content .new_edit_contentdiv {
        margin: 0px auto;
    }

    .registration_content .captchadiv {
        margin-top: 10px;
    }

    .registration_content .divPolicy .log_checkbox {
        margin-left: 1px;
    }

    .registration_content .errorpagebox,
    .registration_content .successpagebox {
        width: 99.7%;
        margin: 10px 0px 15px;
    }

    .registration_content .privacy_policy_chkbox {
        display: block;
        margin: 13px 0 10px 0;
        overflow: auto;
        color: var(--color-TextRedErrorText);
    }

.tablecontentdiv.add_new_emp {
    padding: 0px;
}

.add_new_emp .new_edit_contentdiv {
    width: 98%;
    height: auto;
    margin: 0px auto;
}

.add_new_emp .widget.box .widget-content {
    padding: 23px 3px;
}

.add_new_emp section.gdrfaContainer .gdrfa-container .eidContainer {
    padding-bottom: 1px;
}

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

.add_new_emp .margin_bottom {
    margin-bottom: 15px;
}

.flt_left {
    float: left;
}

.flt_right {
    float: right;
}

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

.frm_lft.upload_section {
    margin-top: 10px;
}

    .frm_lft.upload_section .v_alert {
        margin-left: 0px;
        margin-right: 30px;
    }

.add_new_emp .employee_add_edit .haveDPSDiv {
    margin-top: 15px;
}

.add_edit_head .mail-container .inboxlogo {
    margin-top: 0px;
    width: auto;
}

.add_edit_head .mail-container .mail-text {
    vertical-align: text-bottom;
}

.hgt_fit,
.hgt_fit#divDate .dt_box .addspeech .k-datepicker,
.gen_birth .dt_box .addspeech .k-datepicker,
.reg_dt_pick > .k-widget.k-datepicker.k-header,
.gen_dobirth .addspeech .k-widget.k-datepicker {
    height: auto;
}

    .hgt_fit#divDate .dt_box .addspeech .k-datepicker .k-picker-wrap {
        padding: 1px;
    }

.gndr_select .chkmale, .gndr_select .chkfemale {
    margin-top: 4px;
    margin-left: 1px;
}

@media screen and (max-width: 1140px) {
    .add_new_emp .dob_gndr label {
        margin-top: 10px;
    }

    .add_new_emp .frm_rt.mob_div {
        margin-bottom: 11px !important;
    }

        .add_new_emp .frm_rt.mob_div > .lblspan {
            margin-top: 0px;
        }
}

@media screen and (max-width: 1292px) {
    .add_new_emp .frm_lft.tele_div, .add_new_emp .po_birth {
        float: right;
    }

    .add_new_emp .dob_gndr {
        float: left;
    }
}

.doc_info_passport .txt_box1 {
    width: 93%;
}

.doc_info_passport #divNationalityGridPassport {
    width: 48% !important;
}

.dt_pkr_section .dt_area .dt_box {
    margin-right: 17px;
}

.person_info_dob .k-picker-wrap .k-input {
    height: 25px !important;
}

.person_info_dob .picker-width .k-picker-wrap {
    margin-left: 1px;
}

.change_back_clr.registration_content .reg_dt_pick .addspeech .k-picker-wrap {
    width: 179px;
    margin-left: 2px;
}

.dob_gndr .mandatoryDate .k-picker-wrap {
    padding-top: 0px;
}

.visa_dt_pkr .dt_area .dt_box {
    width: 47%;
    margin-right: 0;
}

    .visa_dt_pkr .dt_area .dt_box:first-child {
        margin-right: 17px;
    }

    .visa_dt_pkr .dt_area .dt_box .k-widget.addspeech {
        width: 209px;
    }

.person_info .comp_detail {
    display: flex;
    flex-direction: row;
}

    .person_info .comp_detail > div {
        flex-grow: 1;
        display: flex;
    }

    .person_info .comp_detail .comp_name:first-child {
        justify-content: start;
    }

.dob_gndr #txtDateOfBirth {
    height: 26px !important;
}

.add_new_emp .visa_sts {
    margin-left: 0px;
}

.reg_dt_pick > .k-widget .k-picker-wrap.k-state-default {
    bottom: 0px;
}

.top_cnt_aln.comp_detail {
    display: flex;
    flex-direction: row;
}

    .top_cnt_aln.comp_detail > div {
        flex-grow: 1;
        display: flex;
    }

    .top_cnt_aln.comp_detail .comp_name {
        justify-content: center;
    }

        .top_cnt_aln.comp_detail .comp_name:last-child {
            justify-content: end;
        }

        .top_cnt_aln.comp_detail .comp_name:first-child {
            justify-content: start;
        }

        .top_cnt_aln.comp_detail .comp_name .cll_name,
        .top_cnt_aln.comp_detail .lia .cll_name {
            margin-right: 0px;
        }

#txtCaptcha {
    text-transform: uppercase;
}

.emi_id_card > .txtlabel {
    float: left;
}

.emi_id_card .k-picker-wrap {
    width: 209px;
    margin-left: 2px;
}

.tablecontentdiv.doc_gdrfa #showhideSuccessDiv,
.tablecontentdiv.doc_gdrfa #showhideErrorDiv {
    width: calc(100% - 35px);
}

.tablecontentdiv.add_new_emp #showhideErrorDiv,
.tablecontentdiv.add_new_emp .successpagebox {
    width: 97%;
    margin: 23px 24px;
    margin-bottom: 0;
}

.registration_content .btn_space {
    margin-top: 13px;
}

#divPartialAddress .map_content .mapdetails.input-effect {
    width: 100% !important;
    margin-right: 0px !important;
    margin-top: 4px !important;
}

.docx_list_pg .toprowtb {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .docx_list_pg .toprowtb .no_found_record {
        margin-left: 130px;
    }

.mb_num {
    margin-right: 2%;
}
/*GDRFA End*/
/*Maintenance certificate popup Start*/
#MaintenanceListWindow #buildingMaintenaceNew #MaintenaceListContent.main_certi .k-grid-content {
    min-height: 76.5%;
}

#MaintenanceListWindow .srh_dd_option {
    width: 200px !important;
}

.top_options_en {
    margin-right: 100px;
    margin-top: 10px;
}

.top_en_mrg {
    display: flex;
    align-items: center;
    margin-top: 4px;
    margin-right: 100px;
}

.dt_pkr .k-picker-wrap,
.dt_pkr .k-picker-wrap {
    width: 209px !important;
    margin-left: 2px;
}

.dt_pkr input:hover,
.dt_pkr input:hover {
    cursor: pointer !important;
}

.dt_pkr,
.dt_pkr {
    width: auto !important;
}

.frm_dt,
.frm_dt {
    margin-right: 8px;
}
/*Maintenance certificate popup End*/
/*Document Verification work Start*/
.doc_ver_lan .txt_box_cap {
    margin-top: 5px;
    margin-bottom: 3px;
    width: 97%;
}

.mrg_top {
    margin-top: 0px !important;
}
/*Document Verification work End*/
/*Add by Yokesh End*/
.passport[data-isgdrfad-doc="true"] span.star.upload {
    visibility: hidden;
}

.emirates[data-isgdrfad-doc="true"] span.star.upload {
    visibility: hidden;
}

.visa[data-isgdrfad-doc="true"] span.star.upload {
    visibility: hidden;
}

.ptoofficial[data-isgdrfad-doc="true"] .remove.floatl {
    display: none;
}

.ptoofficial[data-isgdrfad-doc="true"] div#divMainContent span.star {
    display: none;
}

.ptoofficial[data-isgdrfad-doc="true"] input#files {
    pointer-events: none;
    cursor: default;
}

.passport[data-isgdrfad-doc="true"] table#tblScanUploadDocInfo,
.emirates[data-isgdrfad-doc="true"] table#tblScanUploadDocInfo,
.visa[data-isgdrfad-doc="true"] table#tblScanUploadDocInfo {
    border: none !important;
}

.passport[data-isgdrfad-doc="true"] table#tblScanUploadDocInfo,
.emirates[data-isgdrfad-doc="true"] table#tblScanUploadDocInfo,
.visa[data-isgdrfad-doc="true"] table#tblScanUploadDocInfo {
    border: none;
}

.emirates[data-isgdrfad-doc="true"] span.cardNum.star {
    visibility: hidden;
}

.star_remove {
    float: left;
    margin-bottom: 0;
}
/*css add by vignesh Start*/
.pop_view_container .pop_view_div.pop_view_elips .doc_top_bg .doc_txt {
    /*white-space: nowrap;*/
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
    width: 38%;
}

/*css add by vignesh End*/

/*"tick" background image change start.......20220312....sivakumar.R*/

span.k-icon.k-i-tick {
    background-image: url('images/tick_icon.png');
    width: 15px;
    height: 15px;
    background-size: cover;
    background-position: center;
}

/*......."tick" background image change start*/

#menu-images {
    width: 1803px !important;
}
/*Add by Yokesh Start*/
/*Payment Advice Start*/
#btnOnlinePayment.disabld_btns_onlinepayment {
    background-image: url(images/icon_receivepayment.jpg) !important;
    cursor: not-allowed !important;
    opacity: 0.7;
}

.payment_advice_popup,
.request_success_popup {
    display: none;
    box-sizing: border-box;
}

    .payment_advice_popup.show,
    .request_success_popup.show {
        display: block !important;
    }

    .payment_advice_popup .k-overlay,
    .request_success_popup .k-overlay {
        background-color: var(--color-BgOverLayColor);
        box-sizing: border-box;
    }

    .payment_advice_popup .common-success-popup.suggest-popup-ancestor,
    .request_success_popup .common-success-popup.suggest-popup-ancestor {
        display: block;
        padding: 0px;
        width: 400px;
        height: auto;
        position: fixed;
        background: var(--color-BgOrgWhite);
        border-radius: 4px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        box-shadow: 0 5px 26px 0 var(--color-DropBoxShadowx), 0 20px 28px 0 var(--color-ShadowBlack);
        z-index: 99999999;
        text-align: center;
        color: var(--color-TextOrgWhite);
        box-sizing: border-box;
    }

    .payment_advice_popup .common-success-popup .suggest-popup-parent,
    .request_success_popup .common-success-popup .suggest-popup-parent {
        position: relative;
        float: left;
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        box-sizing: border-box;
    }

    .payment_advice_popup .common-success-popup .suggest-popup-container {
        position: absolute;
        top: 50%;
        left: 50%;
        -moz-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,50%);
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%, -50%);
        width: 635px;
        box-shadow: 1px 6px 15px 1px var(--color-ShadowBlack);
        margin: auto;
        z-index: 1001;
        background-color: var(--color-BgOrgWhite);
        border-radius: 4px;
        align-self: center;
        box-sizing: border-box;
    }

    .payment_advice_popup .common-success-popup .section-popup-icon {
        position: relative;
        text-align: center;
        padding: 10px 0;
        margin: -56px 0px 0px;
        min-width: 89px;
        float: left;
        width: 100%;
        box-sizing: border-box;
    }

    .payment_advice_popup .common-success-popup .section-popup-icon-base,
    .request_success_popup .common-success-popup .section-popup-icon-base {
        width: 90px;
        height: 90px;
        box-sizing: border-box;
        margin: 0 auto;
        border-radius: 50%;
    }

    .payment_advice_popup .common-success-popup .common-success-icon,
    .request_success_popup .common-success-popup .common-success-icon {
        background-image: url('../../Themes/Greeno/ltr/assets/css/Anugularjspage/Images/success.png');
        background-size: 90px;
        width: 90px;
        height: 90px;
        background-repeat: no-repeat;
        box-sizing: border-box;
    }

    .payment_advice_popup .common-success-popup .Suggest-editable-content {
        box-sizing: border-box;
        margin-bottom: 0px;
        border-radius: 4px;
        height: auto;
        color: var(--color-TextBlack);
        font-size: 18px;
        display: flex;
        justify-content: center;
        align-items: center;
        float: left;
        width: 100%;
        padding: 10px 31px 0px;
        min-height: 90px;
    }

    .payment_advice_popup .common-success-popup .success-popup-content,
    .request_success_popup .common-success-popup .success-popup-content {
        text-align: center;
        color: var(--color-TextBlack);
        font-size: 18px;
        box-sizing: border-box;
    }

        .payment_advice_popup .common-success-popup .success-popup-content p,
        .request_success_popup .common-success-popup .success-popup-content p {
            margin: 0px;
            line-height: 28px;
            box-sizing: border-box;
        }

            .payment_advice_popup .common-success-popup .success-popup-content p .pay_generate_number {
                font-weight: bold;
                color: var(--color-TextRedErrorAlert);
                box-sizing: border-box;
            }

    .payment_advice_popup .common-success-popup .common-success-popup-btn {
        background-color: var(--color-BgGreenSuccessAlert);
        text-align: center;
        display: block;
        padding: 2px 40px;
        color: var(--color-TextOrgWhite);
        left: 35px;
        font-size: 18px;
        border-radius: 4px;
        border-color: transparent;
        margin: 30px;
        font-weight: 500;
        font-family: inherit;
        box-sizing: border-box;
    }

    .payment_advice_popup .pay_button,
    .request_success_popup .pay_button {
        float: left;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
    }

    .request_success_popup .common-success-popup .section-popup-icon {
        position: relative;
        text-align: center;
        padding: 10px 0 5px;
        margin: -56px 0px 0px;
        min-width: 89px;
        float: left;
        width: 100%;
        box-sizing: border-box;
    }

    .request_success_popup .common-success-popup .suggest-popup-container {
        position: absolute;
        top: 50%;
        left: 50%;
        -moz-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,50%);
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%, -50%);
        width: 450px;
        box-shadow: 1px 6px 15px 1px var(--color-ShadowBlack);
        margin: auto;
        z-index: 1001;
        background-color: var(--color-BgOrgWhite);
        border-radius: 4px;
        align-self: center;
        box-sizing: border-box;
    }

    .request_success_popup .common-success-popup .common-success-popup-btn {
        background-color: var(--color-BgGreenSuccessAlert);
        text-align: center;
        display: block;
        padding: 2px 175px;
        color: var(--color-TextOrgWhite);
        left: 35px;
        font-size: 18px;
        border-radius: 4px;
        border-color: transparent;
        margin: 0px 30px 25px;
        font-weight: 500;
        font-family: inherit;
        box-sizing: border-box;
    }

    .request_success_popup .common-success-popup .Suggest-editable-content {
        box-sizing: border-box;
        margin-bottom: 0px;
        border-radius: 4px;
        height: auto;
        color: var(--color-TextBlack);
        font-size: 18px;
        display: flex;
        justify-content: center;
        align-items: center;
        float: left;
        width: 100%;
        padding: 0px 31px 15px;
        min-height: 90px;
    }
/*Payment Advice End*/
.companyprofile.frm_rmv_margin.frm_res_width .cmp_fax_container .tel_no,
.companyprofile.frm_rmv_margin.frm_res_width .trn_container_cmp {
    width: 32%;
}

.com_width_alter {
    width: 78%;
}

.per_width_alter {
    width: 74%;
}

.tel_no.emp_width_alter,
.tel_no.ar_emp_width_alter {
    width: 80%;
}

.tablecontentdiv.tabel_map_align.comp_prof {
    padding-bottom: 10px;
}

.locate_type .frm_lft.frm_addr_h {
    width: 100%;
}

.addrFrmContent.locate_type {
    margin-bottom: 0px;
    position: relative;
}

.locate_type .CompanyAddressBlock .mapload {
    margin: 0px;
}

    .locate_type .CompanyAddressBlock .mapload #new_g_map {
        margin-top: 10px;
    }

.addrFrmContent.locate_type > .frm_child {
    width: 49%;
}

    .addrFrmContent.locate_type > .frm_child .lblspan {
        margin-top: 0px;
    }

.locate_type > .CompanyAddressBlock .frm_nt_err {
    position: absolute;
    right: 0px;
    top: 25px;
}

.tab_container.contact_dtl_tabs .tab_content .email_box .e_type {
    margin-right: 1.5%;
}
/*Tooltip design start*/
.tooltipster-base.tooltipster-sidetip.tooltip_info.tooltipster-fade.tooltipster-show.tooltipster-bottom {
    padding-top: 7px;
    height: auto !important;
    width: auto !important;
    max-width: 535px;
}

.tooltip_info.tooltipster-sidetip .tooltipster-box {
    background-color: var(--color-BgOrgWhite);
    box-shadow: 0px 5px 10px var(--color-DropBoxShadowx);
    border-radius: 6px;
    border: 1px solid var(--color-BodTertiaryGray);
    padding: 9px 7px;
    padding-right: 14px;
}

.tooltip_info.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
    margin-top: 8px;
}

.tooltip_info.tooltipster-sidetip .tooltipster-content {
    padding: 0px;
}

.tooltip_info .tooltipster-content > div {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-column-gap: 7px;
}

.tooltip_info img {
    height: 45px;
    float: left;
    margin-right: 6px;
    margin-left: 7px;
}

    .tooltip_info img + .tooltip_string span {
        color: var(--color-TextBlack);
        font-family: var(--font-3);
        font-size: 16.6px;
        font-weight: 400;
        letter-spacing: normal;
    }

.tooltipster-sidetip.tooltip_info.tooltipster-bottom .tooltipster-arrow {
    width: 25px;
    height: 20px;
    bottom: 79%;
}

    .tooltipster-sidetip.tooltip_info.tooltipster-bottom .tooltipster-arrow .tooltipster-arrow-uncropped .tooltipster-arrow-border {
        border: 12px solid;
        border-color: transparent;
        border-bottom-color: var(--color-BodTertiaryGray);
        left: 0px;
        top: 0px;
    }

    .tooltipster-sidetip.tooltip_info.tooltipster-bottom .tooltipster-arrow .tooltipster-arrow-uncropped .tooltipster-arrow-background {
        border: 12px solid transparent;
        border-bottom-color: var(--color-BodOrgWhite);
        top: 1px;
    }

.tooltip_info.tooltipster-sidetip.tooltipster-top .tooltipster-box {
    margin-bottom: 7px;
}

.tooltipster-base.tooltipster-sidetip.tooltip_info.tooltipster-fade.tooltipster-show.tooltipster-top {
    /*padding-bottom: 7px;*/
    height: auto !important;
    width: auto !important;
    max-width: 535px;
}

.tooltipster-sidetip.tooltip_info.tooltipster-top .tooltipster-arrow {
    width: 25px;
    height: 20px;
    top: 79%;
}

    .tooltipster-sidetip.tooltip_info.tooltipster-top .tooltipster-arrow .tooltipster-arrow-uncropped .tooltipster-arrow-border {
        border: 12px solid;
        border-color: transparent;
        border-top-color: var(--color-BodTertiaryGray);
        left: 0px;
        top: 6px;
    }

    .tooltipster-sidetip.tooltip_info.tooltipster-top .tooltipster-arrow .tooltipster-arrow-uncropped .tooltipster-arrow-background {
        border: 12px solid transparent;
        border-top-color: var(--color-BodOrgWhite);
        top: 4px;
    }

.controlInformerCnt {
    display: none;
}

    .controlInformerCnt .tooltip_string {
        height: 100%;
        display: flex;
        flex-direction: column;
    }

        .controlInformerCnt .tooltip_string .example_no {
            font-family: var(--font-1);
            font-size: 15px;
            opacity: 0.7;
            margin-top: 5px;
        }
/*Tooltip design end*/
/*Global settings alignment start*/
.gridlblspan.grd_align {
    grid-template-columns: 10% 18% 22% 27% 27%;
}

    .gridlblspan.grd_align #EnableGlobalEmirates {
        margin-top: 0px;
    }

.lblspan.EnableDisplay.grd_align {
    margin-top: 15px;
}

.EnableFlex .lblspan.EnableDisplay.grd_align > .frm_align_text {
    left: 0px;
}
/*Global settings alignment end*/
/*Company profile details page start*/
.nat_dd_arw .multi_select_btn_small {
    margin-left: 45.7%;
}

.other_person_pg .map_content.mrg_top .frm_lat_lng_div .frm_lat_txt {
    margin-right: 2%;
    width: 49%;
}

.other_person_pg .map_content.mrg_top .frm_lat_lng_div .frm_longt_txt {
    margin-left: 0px !important;
}

.width_ans {
    width: 30%;
}

.line_hgt {
    line-height: 33px;
}
/*Company profile details page end*/
/*Add by Yokesh end*/
/***view css changes start***/
.iviewer_common {
    position: static !important;
    margin: 0 3px;
}

.ViewerDiv .viewer_div {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    flex-wrap: wrap;
}

div#previewPane .viewer {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    flex-wrap: wrap;
    position: relative;
    z-index: 999;
}

/***view css changes end***/
/*Anupriya by select button css start 20220408*/
.floatl.GDRFA.select_btn {
    float: left;
    clear: left;
    padding: 13px 0px 10px 0;
}
/* End 20220408*/
/*Add by Yokesh start*/
/*Reason shortcut master & OtherNOCaddedit add document table start*/
#divIndDocReq.Table_RowColumn table.adminlist tbody tr td {
    border-bottom: none;
    border-top: none;
}

    #divIndDocReq.Table_RowColumn table.adminlist tbody tr td.NewNoOfMan {
        background-color: var(--color-BgOrgWhite);
        border-bottom: none;
        border-top: none;
        text-align: center;
    }

#divIndDocReq.Table_RowColumn table.adminlist tbody tr:nth-child(odd) > td {
    background-color: var(--color-BgOrgWhite);
}

#divIndDocReq.Table_RowColumn table.adminlist tbody tr:nth-child(even) > td {
    background-color: var(--color-BgOrgOffWhite);
    border-top: 1px solid var(--color-BodOrgOffWhite);
    border-bottom: 1px solid var(--color-BodOrgOffWhite);
}
    /*#divIndDocReq.Table_RowColumn table.adminlist tbody tr:nth-child(even) > td:first-child {
    background-color: var(--color-BgOrgWhite);
    border-bottom: none;
    border-top: none;
}*/
    #divIndDocReq.Table_RowColumn table.adminlist tbody tr:nth-child(even) > td.rowSpanCls.NewNoOfMan,
    #divIndDocReq.Table_RowColumn table.adminlist tbody tr:nth-child(even) > td.showMandatory.mandatorystyle {
        background-color: var(--color-BgOrgWhite);
        border-bottom: none;
        border-top: none;
    }

#divIndDocReq.Table_RowColumn table.adminlist tbody tr:first-child td {
    border-top: 1px solid var(--color-BodOrgOffWhite);
}

#divIndDocReq.Table_RowColumn table.adminlist tbody tr:last-child td {
    border-bottom: none;
}

#divIndDocReq.Table_RowColumn table.adminlist tbody .docuSequOrder {
    padding: 0px !important;
    text-align: center;
}

#divIndDocReq.Table_RowColumn table.adminlist thead .left.center_left {
    text-align: center;
}
/*Reason shortcut master & OtherNOCaddedit add document table end*/
/*OtherNOCaddedit SERVICE section start*/
.ONOC_Service_section #ONOCServices {
    float: left;
    width: 100%;
    padding-left: 1px;
    border: 1px solid var(--color-BodOrgOffWhite);
    overflow-x: hidden;
    margin-bottom: 10px;
    box-sizing: border-box;
}

    .ONOC_Service_section #ONOCServices .services_list {
        float: left;
        width: 100%;
        padding: 7px 0px;
        border-top: 1px solid var(--color-BodOrgOffWhite);
        padding-left: 10px;
        padding-top: 0px;
    }

        .ONOC_Service_section #ONOCServices .services_list:first-child {
            border-top: none;
        }

        .ONOC_Service_section #ONOCServices .services_list:nth-child(even) {
            background-color: var(--color-BgOrgOffWhite);
        }

        .ONOC_Service_section #ONOCServices .services_list .set_chk_txt1.Services {
            float: left;
            margin-right: 10px;
        }

        .ONOC_Service_section #ONOCServices .services_list .services_name {
            font-size: 12.5px;
            color: var(--color-TextBlack);
            float: left;
            line-height: 15px;
            min-width: 278px;
            margin-top: 7px;
        }

        .ONOC_Service_section #ONOCServices .services_list .product_list {
            float: left;
            margin-left: 22px;
        }

            .ONOC_Service_section #ONOCServices .services_list .product_list .set_chk_txt1.Products {
                float: left;
                margin-right: 6px;
            }

            .ONOC_Service_section #ONOCServices .services_list .product_list > .service_label {
                font-size: 12.5px;
                color: var(--color-TextBlack);
                float: left;
                margin-right: 20px;
                line-height: 14px;
                margin-top: 7px;
            }
/*OtherNOCaddedit SERVICE section end*/
.chkbx_field .set_chk_txt1.same_line_check input {
    margin-right: 3px;
    margin-bottom: 3px;
}

#divIndDocReq #GridReason tbody tr:nth-child(even) td:first-child {
    background-color: var(--color-BgOrgOffWhite);
}

.otpsettings .otp_checkbox .set_chk_txt1.same_line_check input {
    margin-right: 2px;
    margin-bottom: 5px;
}
/*PAYAD Fees details Popup start*/
.Fees_popup {
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
    z-index: 999;
}

    .Fees_popup * {
        box-sizing: border-box;
    }

    .Fees_popup .Fe_overlay {
        display: block;
        z-index: 9;
        opacity: 0.5;
        background-color: var(--color-BgOverLayColor);
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.Fees_dtl {
    width: 1400px;
    border-radius: 8px;
    box-shadow: 0 5px 10px 0 var(--color-DropBoxShadowx), 0 5px 10px 0 var(--color-ShadowBlack);
    z-index: 10;
}

.Fees_popup .Top_region {
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 20px;
    padding-bottom: 14px;
    background-color: var(--color-BgPrimaryBlue);
    color: var(--color-TextOrgWhite);
    border-bottom: 1px solid var(--color-BodTextSecondaryCharcoalGray);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    position: relative;
}

    .Fees_popup .Top_region .Popup_Title {
        font-size: 21px;
        font-family: var(--font-1);
        font-weight: 500;
    }

    .Fees_popup .Top_region .cls_icn {
        cursor: pointer;
        font-family: var(--font-5);
        font-size: 24px;
    }

.Fees_popup .Main_cntn {
    float: left;
    width: 100%;
    padding: 10px 0px;
    background-color: var(--color-BgOrgWhite);
}

    .Fees_popup .Main_cntn .Main_dtl {
        float: left;
        padding: 0px 20px;
    }

.Fees_popup .Bold_txt {
    float: left;
    display: block;
    color: var(--color-TextBlack);
    font-size: 23px;
    font-family: var(--font-2);
    margin: 8px 0px;
}

.Fees_popup .renew_yrs {
    float: left;
    width: 100%;
}

.Fees_popup .no_of_years {
    font-family: var(--font-1);
    font-size: 18px;
    font-weight: 500;
}

.Fees_popup .renew_yrs .years_enter {
    text-align: center;
    border: 1px solid var(--color-BodTextSecondaryCharcoalGray);
    border-radius: 8px;
    height: 50px;
    width: 100px;
    font-family: var(--font-1);
    font-size: 18px;
    outline: none;
    margin: 0px 10px;
}

.Fees_popup .Fe_table {
    float: left;
    width: 100%;
    padding: 0px 20px;
    position: relative;
    min-height: 275px;
    max-height: 441px;
    overflow: auto;
}

    .Fees_popup .Fe_table tr {
        height: 55px;
    }

    .Fees_popup .Fe_table .Fe_head {
        position: sticky;
        top: 0px;
        z-index: 1;
    }

        .Fees_popup .Fe_table .Fe_head .hider {
            float: left;
            width: 100%;
            height: 15px;
            position: absolute;
            top: 0px;
            background-color: var(--color-BgOrgWhite);
            z-index: -1;
        }

    .Fees_popup .Fe_table table {
        width: 100%;
        border-collapse: unset;
        border-spacing: 0px;
    }

    .Fees_popup .Fe_table .Fe_head .Clm_tlt {
        font-family: var(--font-1);
        font-weight: 700;
        font-size: 19px;
    }

    .Fees_popup .Fe_table th,
    .Fees_popup .Fe_table td {
        border: 1px solid;
    }

        .Fees_popup .Fe_table th div, .Fe_table td div {
            text-align: center;
        }

        .Fees_popup .Fe_table td .Charges_year {
            text-align: right;
            padding-right: 22px;
        }

        .Fees_popup .Fe_table td .Total_charge {
            text-align: right;
            padding-right: 22px;
        }

        .Fees_popup .Fe_table td .Activity_list {
            text-align: left;
            padding: 0px 15px;
        }

    .Fees_popup .Fe_table .Fe_body {
        width: 100%;
        height: 100%;
    }

        .Fees_popup .Fe_table .Fe_body .Frst_rw {
            height: 110px;
        }

    .Fees_popup .Fe_table::-webkit-scrollbar {
        width: 5px;
    }

    .Fees_popup .Fe_table::-webkit-scrollbar-track {
        background-color: var(--color-BgOrgWhite);
    }

    .Fees_popup .Fe_table::-webkit-scrollbar-thumb {
        background-color: var(--color-BgTertiaryGray);
        border-radius: 50px;
    }

    .Fees_popup .Fe_table .Fe_body .Clm_tlt {
        font-family: var(--font-1);
        font-size: 18px;
        font-weight: 500;
    }

    .Fees_popup .Fe_table td .Empty_bx .Clm_tlt {
        padding-right: 0px;
        text-align: center;
        font-size: 30px;
        vertical-align: super;
    }

    .Fees_popup .Fe_table .Fe_head tr:first-child th:first-child {
        border-top-left-radius: 8px;
    }

    .Fees_popup .Fe_table .Fe_head tr:first-child th:last-child {
        border-top-right-radius: 8px;
    }

    .Fees_popup .Fe_table .Fe_body tr:last-child td:first-child {
        border-bottom-left-radius: 8px;
    }

    .Fees_popup .Fe_table .Fe_body tr:last-child td:last-child {
        border-bottom-right-radius: 8px;
    }

    .Fees_popup .Fe_table .Fe_head th {
        border-right: none;
        border-bottom: none;
        background-color: var(--color-BgOrgOffWhite);
    }

        .Fees_popup .Fe_table .Fe_head th:last-child {
            border-right: 1px solid;
        }

    .Fees_popup .Fe_table .Fe_body td {
        border-right: none;
        border-bottom: none;
    }
        /*.Fees_popup .Fe_table .Fe_body tr:first-child td {
    border-top: none;
}*/
        .Fees_popup .Fe_table .Fe_body td:last-child {
            border-right: 1px solid;
        }

    .Fees_popup .Fe_table .Fe_body tr:last-child td {
        border-bottom: 1px solid;
    }

    .Fees_popup .Fe_table .Fe_body .Pro_fe {
        text-align: left;
        padding: 0px 20px;
    }

    .Fees_popup .Fe_table * {
        border-color: var(--color-BodTextSecondaryCharcoalGray) !important;
    }

.Fees_popup .Main_cntn .process_fe {
    font-family: var(--font-1);
    font-weight: 700;
    font-size: 18px;
}

.Fees_popup .Main_cntn .Total_amt {
    float: left;
    height: 50px;
    width: 100%;
    padding: 0px 20px;
}

.Fees_popup .Total_amt .amt_Label {
    float: left;
    width: 90%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: end;
    padding-right: 22px;
}

.Fees_popup .Total_amt .chrg_amt {
    float: left;
    width: 10%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: end;
    padding-right: 34px;
}

.Fees_popup .Bottom_region {
    float: left;
    width: 100%;
    padding: 0px 20px;
    padding-bottom: 18px;
    background-color: var(--color-BgOrgWhite);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    grid-gap: 15px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

    .Fees_popup .Bottom_region .Btn {
        width: 100px;
        height: 30px;
        font-family: var(--font-1);
        font-weight: 500;
        font-size: 16px;
        color: var(--color-TextOrgWhite);
        border: none;
        border-radius: 3px;
        cursor: pointer;
    }

    .Fees_popup .Bottom_region .grn_btn {
        background-color: forestvar(--color-BgGreenSuccessAlert);
    }

    .Fees_popup .Bottom_region .red_btn {
        background-color: var(--color-BgRedErrorText);
    }

.tooltip_region {
    transition-duration: 350ms;
    animation-duration: 350ms;
    background-color: var(--color-BgOrgOffWhite);
    border: none;
    color: var(--color-TextBlack);
    font-size: 16px;
    font-weight: 500;
    padding: 6px 10px !important;
    box-shadow: 0 1px 8px 0 var(--color-ShadowBlack);
    height: auto;
    width: auto;
    border-radius: 4px;
    position: absolute;
    top: -27px;
    right: 2px;
    cursor: default;
    opacity: 0;
}

.Fees_popup .Top_region .cls_icn:hover + .tooltip_region {
    opacity: 1;
}

.tooltip_cntn {
    font-size: 16px;
    padding: 0;
    line-height: normal;
    color: var(--color-TextBlack);
    font-family: var(--font-1) !important;
    font-weight: 600;
}

.tooltip_arw_region {
    display: block;
    text-align: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 20px;
    left: 0px;
    z-index: 1;
}

    .tooltip_arw_region:before {
        content: '';
        border-bottom: none;
        bottom: -10px;
        height: 0;
        width: 0;
        position: absolute;
        top: 12px;
        left: 24px;
        margin: 0 auto;
        border-left: 8px solid transparent !important;
        border-right: 8px solid transparent !important;
        border-top: 8px solid var(--color-BodTertiaryGray);
    }

.tooltip_arw {
    border-color: var(--color-BodOrgOffWhite);
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 7px solid;
    border-top-color: var(--color-BodOrgOffWhite);
    border-bottom-color: var(--color-BodOrgOffWhite);
    display: block;
    position: absolute;
    left: 26px;
    top: 11px;
}

.Fees_popup .Process_fe {
    float: left;
    width: calc(100% - 40px);
    border: 1px solid var(--color-BodTextSecondaryCharcoalGray);
    margin: 0px 20px;
    padding: 0px 20px;
    height: 55px;
    border-radius: 8px;
    /*display: none;*/
}

    .Fees_popup .Process_fe .Clm_tlt {
        font-family: var(--font-1);
        font-size: 18px;
        font-weight: 500;
    }

    .Fees_popup .Process_fe .process_txt {
        float: left;
        width: 91%;
        height: 100%;
        display: flex;
        align-items: center;
        grid-gap: 5px;
    }

    .Fees_popup .Process_fe .process_amt {
        float: left;
        width: 9%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding-right: 15px;
        border-left: 1px solid var(--color-BodTextSecondaryCharcoalGray);
    }
/*PAYAD Fees details Popup end*/

/*Issue Fine History Table date & time wrap issue start*/
table.adminlist tbody tr td.dte-tme {
    white-space: nowrap;
}
/*Issue Fine History Table date & time wrap issue end*/
/*Event Security Guard GDRFA-D OTP popup (error border) start*/
#OTP_Verification .input_block md-input-container.md-block.customChanges input.adderror {
    border-color: var(--color-BodRedErrorText);
}
/*Event Security Guard GDRFA-D OTP popup (error border) end*/
/*Intimation tooltip popup start*/
md-toast._md {
    position: fixed;
    top: 0px;
    right: 0px;
}

.md-toast-open-top md-toast .md-toast-content .md-toast-text,
.md-toast-animating md-toast .md-toast-content .md-toast-text {
    font-family: var(--font-3);
    text-align: center;
}

.md-toast-open-top md-toast .md-toast-content,
.md-toast-animating md-toast .md-toast-content {
    width: fit-content;
    justify-content: center;
}

.md-toast-open-top md-toast,
.md-toast-animating md-toast {
    display: flex;
    justify-content: end;
}

md-toast.warnning .md-toast-content {
    background: var(--color-BgOrgOffWhite);
    font-size: 16px;
    font-family: var(--font-3);
}

md-toast.success .md-toast-content {
    background: forestvar(--color-BgGreenSuccessAlert);
    font-size: 16px;
    font-family: var(--font-3);
}

md-toast.error .md-toast-content {
    background: var(--color-BgRedErrorText);
    font-size: 16px;
    font-family: var(--font-3);
}

.md-toast-open-top md-toast .md-toast-content .md-toast-text,
.md-toast-animating md-toast .md-toast-content .md-toast-text {
    font-family: var(--font-3);
    text-align: center;
}
/*Intimation tooltip popup end*/
/*Security Guard Contract auth icon fixing start*/
.iconmauthperson {
    background-image: linear-gradient(360deg, var(--color-BgOrgOffWhite), var(--color-BgOrgWhite), var(--color-BgOrgOffWhite));
    background-repeat: no-repeat;
    display: inline-block;
    width: auto;
    height: 47px;
    float: left;
    border: none;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 13px;
    padding: 0px 8px;
}

    .iconmauthperson:before {
        content: url('images/auth_person.png');
    }

    .iconmauthperson:hover {
        background-image: linear-gradient(360deg, var(--color-BgOrgOffWhite), var(--color-BgOrgWhite));
    }

.icon_usedsms {
    background-image: linear-gradient(360deg, var(--color-BgOrgOffWhite), var(--color-BgOrgWhite), var(--color-BgOrgOffWhite));
    background-repeat: no-repeat;
    display: inline-block;
    width: auto;
    height: 47px;
    float: left;
    border: none;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 13px;
    padding: 1px 8px;
}

    .icon_usedsms:before {
        content: url('images/icon_enablesms.png');
    }

    .icon_usedsms:hover {
        background-image: linear-gradient(360deg, var(--color-BgOrgOffWhite), var(--color-BgOrgWhite));
    }
/*Security Guard Contract auth icon fixing end*/
/*Security System Design service master setting start*/
#validateaudit {
    margin-top: 20px;
}

    #validateaudit .nrml_chk_txt,
    #validateaudit .divIsVerifyOnAuditBL,
    #validateaudit .divIsVerifyOnAuditBL .nrml_chk_txt {
        margin-left: 0px;
    }

    #validateaudit .divServiceValidity .set_txt_box_bg.audit_days {
        margin-right: 15px;
    }

    #validateaudit .divServiceValidity .lblspan:last-child {
        margin-top: 0px;
    }
/*Security System Design service master setting end*/
/*Add by Yokesh end*/

.iconmdeactivate {
    background-image: url(images/icon_cancel.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 95px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
    background-position: center;
    background-color: var(--color-BgTertiaryGray);
}

    .iconmdeactivate:hover {
        background-image: url(images/icon_cancel_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 95px;
        height: 47px;
        background-color: var(--color-BgTertiaryGray);
    }

.iconmrequestcancel {
    background-image: url(images/icon_cancel_request.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 180px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
    background-position: center;
    background-color: var(--color-BgTertiaryGray);
}

    .iconmrequestcancel:hover {
        background-image: url(images/icon_cancel_request_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 180px;
        height: 47px;
        background-color: var(--color-BgTertiaryGray);
    }

.disabld_btns_requestcancel {
    cursor: not-allowed !important;
    opacity: 0.7;
}

/*========Event security Guard otp popup css vignesh Start==========*/
.common_otp .verify-cntn .input_block md-input-container.md-block.customChanges input {
    border-radius: 8px;
}

.common_otp .verify-cntn .verify_btn_resend {
    padding: 0px;
}

.common_otp.gdrfa-mobile-otp .otp_verfiy_popup .otp_popup .popup_region {
    overflow-x: hidden;
}

.common_otp #OTP_Verification .input_block md-input-container.md-block.customChanges input {
    height: 50px;
    border-radius: 8px;
    font-size: 23px;
    font-weight: 400;
    padding: 12px 12px 11px 12px !important;
    border: 1px solid var(--color-BodTextSecondaryCharcoalGray);
    width: 100%;
    color: var(--color-TextBlack);
    transition: .3s cubic-bezier(.25m.8,.5,1);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.common_otp.gdrfa-mobile-otp .otp_verfiy_popup .popup_region .popup_header {
    padding: 2px 15px 0px 9px;
    width: 100%;
}

.common_otp .verify-cntn .verify_btn_resend.enablebtn {
    padding: 0;
}

.common_otp #OTP_Verification .verify-cntn .verify_btn {
    height: 50px;
}

.common_otp .text_dark {
    font-weight: 700;
}

body .common_otp.gdrfa-mobile-otp .popup_region .popup_content {
    width: auto;
}

.common_otp .popup_region .popup_header .close_btn {
    padding-right: 20px;
}

.common_otp.gdrfa-mobile-otp .otp_verfiy_popup .popup_region .popup_header .popup_title .title_name {
    padding-left: 0px;
}

md-dialog.md-transition-in {
    overflow: initial;
}
/*========Event security Guard otp popup css End==========*/
.common_otp.gdrfa-mobile-otp #OTP_Verification .input_block md-input-container.md-block.customChanges input.adderror {
    border-color: var(--color-BodRedErrorAlert) !important;
}

/*.tooltipster-sidetip .tooltipster-content, .tooltipster-default .tooltipster-content {
    font-size: 16px !important;
    color: var(--color-TextBlack);
    font-family: var(--font-3) !important;
}

.tooltipster-default {
    width: auto !important;
    max-width: 265px;
    background-color: var(--color-BgOrgOffWhite) !important;
    font-size: 14px !important;
    font-weight: 500;
    padding: 6px 10px !important;
    box-shadow: 0 1px 8px 0 var(--color-ShadowBlack);
}*/

.common_otp.gdrfa-mobile-otp #OTP_Verification .input_block md-input-container.md-block.customChanges input.adderror {
    border-color: var(--color-BodRedErrorAlert) !important;
}
/*========Event security Guard otp popup css End==========*/

.iconmdeactivate:hover {
    background-image: url(images/icon_cancel_mo.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 95px;
    height: 47px;
    background-color: var(--color-BgTertiaryGray);
}

.iconmrequestcancel {
    background-image: url(images/icon_cancel_request.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 180px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
    background-position: center;
    background-color: var(--color-BgTertiaryGray);
}

    .iconmrequestcancel:hover {
        background-image: url(images/icon_cancel_request_mo.jpg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 180px;
        height: 47px;
        background-color: var(--color-BgTertiaryGray);
    }

.disabld_btns_requestcancel {
    cursor: not-allowed !important;
    opacity: 0.7;
}

/*For login access Yokesh start*/
.iconmmarkasunread {
    background-image: linear-gradient(360deg, var(--color-BgOrgOffWhite), var(--color-BgOrgWhite), var(--color-BgOrgOffWhite));
    background-repeat: no-repeat;
    width: auto;
    height: 47px;
    float: left;
    border: none;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 16px;
    padding: 3px 8px;
}

    .iconmmarkasunread:before {
        content: url('images/icon_markasunread.png');
    }

    .iconmmarkasunread:hover {
        background-image: linear-gradient(360deg, var(--color-BgOrgOffWhite), var(--color-BgOrgWhite));
        width: auto;
        display: flex;
    }
/*For login access Yokesh end*/
/*added by vigneshbalaji menu freeze letter space*/
.navbar-collapse.collapse {
    letter-spacing: normal;
}
/*added by Varatharajan 14/06/2023*/
#frm_lft_border {
    margin-top: 5px;
    padding: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    height: 35px;
    float: left;
    width: auto;
}

#lbl_approval {
    width: 39%;
    display: flex;
    position: relative;
    top: 6px;
    margin-top: 5px;
}

.frm_lft_border .frm_lft_auto {
    position: relative;
    margin: 0px;
    width: auto;
    height: 32px;
    float: left;
    display: block;
    overflow: hidden;
}

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

    .frm_lft_border .indivia_lic .nrml_chk_txt {
        float: left;
    }

    .frm_lft_border .indivia_lic .individual_lic_renew {
        float: left;
    }

.frm_lft_border .personal_lic {
    float: left;
    margin: 0px 0px 0px;
}

.frm_lft_border .frm_lft {
    float: left;
    width: auto;
}

.txtlabel_manual {
    color: var(--color-TextPrimaryBlue);
    font-size: 13PX;
    display: block;
    margin: 0 5px 3px 0;
    letter-spacing: 0px;
    width: 100%;
    font-family: var(--font-1);
    margin-right: 40px;
}

.frm_lft_border .lblspan {
    width: 100%;
    height: auto;
    margin-top: 0px;
}

/*added by Varatharajan 17/06/2023*/
.testcasedetails_parent .Kendo_data.reasonInnerRow {
    float: left;
    width: 100%
}

.testcasedetails_parent div#RService {
    width: 100% !important;
}

.testcasedetails_parent div#Rectificremarks {
    width: 100% !important;
}

.testcasedetails_parent #recReasonremark {
    float: left;
    width: 100%;
    display: flex;
    grid-gap: 10px;
    margin-left: 5px;
}

.testcasedetails_parent #recReasonremark_left_align {
    float: left;
    width: 50%;
    margin-left: 5px;
}

.testcasedetails_parent #recReasonremark_right_align .Kendo_data.remarksInnerRow.gridService {
    float: left;
    width: 100% !important;
    position: unset !important;
}

.testcasedetails_parent #recReasonremark_right_align {
    float: left;
    width: 48%;
}

/*added by Varatharajan 19/06/2023*/
.SetnewStyle .Selecteddetails {
    margin-top: 0px !important;
}

.testcasedetail_header #RectificationChk span.chkTxt_red {
    position: absolute !important;
    margin-top: 2px !important;
}

.testcasedetail_header #RectificationChk {
    margin-right: 98px !important;
}

.testcasedetail_header #VerificationChk span.chkTxt_green {
    position: absolute !important;
    margin-top: 2px !important;
}

.testcasedetail_header #VerificationChk {
    margin-right: 80px !important;
}

/*.k-grid-content{
    height:auto;
    max-height:90px;
}*/

/*added by vignesh 20230603*/
#rec_reason table.adminlist thead th, #rec_remarks table.adminlist thead th {
    text-align: left;
}

#rec_reason {
    display: flex;
    width: 49.5%;
    clear: left;
    float: left;
    padding-right: 18px;
}

#rec_remarks {
    display: flex;
    width: 49.5%;
}
/*added by vignesh 20230603 End*/

/*modify by vigneshbalaji 20231107 persondown up and down Vulnerability*/
.personmove_up {
    background-image: url(images/move_up.png);
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 12px;
    margin: 0 auto;
    cursor: pointer;
    float: left;
    width: auto;
    padding: 0px 0px 0px 20px;
    white-space: nowrap;
    text-align: left;
}

.personmove_down {
    background-image: url(images/move_down.png);
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 12px;
    width: 84px;
    margin: 0 auto;
    cursor: pointer;
    float: left;
    width: auto;
    padding: 0px 0px 0px 20px;
    white-space: nowrap;
    text-align: left;
}
/*End*/
/*Todo Vasanthakumar 20230706 for Request Cancel Menu Icon*/
.iconm_cancel {
    background-image: url('images/icon_Request_Cancel.jpg');
    background-repeat: no-repeat;
    display: inline-block;
    width: 119px;
    height: 47px;
    float: left;
    border: none;
    padding-top: 25px;
    font-family: var(--font-1);
    font-size: small;
    color: var(--color-TextBlack);
    margin: 0px 2px 0px 0px;
    cursor: pointer;
}

    .iconm_cancel:hover {
        background-image: url('../../App_Themes/Standard-ltr/images/icon_Request_Cancel.jpg');
        background-repeat: no-repeat;
        display: inline-block;
        width: 119px;
        height: 47px;
    }
/*End*/
/*End*/

/*CSS Added by Yokesh start*/
.audit_commer .reasonValList.drpdwn_open .input-group-btn img,
.audit_commer .remarksList.drpdwn_open .input-group-btn img {
    transform: rotateX(180deg);
}
/*CSS Added by Yokesh end*/
/*End*/

/*Vignesh company reg payment popup css Start*/
#Fees_popup2.Fees_popup .Fe_table .Fe_body .Clm_tlt.changereceipt {
    font-size: 15px;
    font-weight: 600;
    font-family: var(--font-1);
}

.tooltip_region.cls {
    width: auto !important;
}

.Fees_popup#Fees_popup2 .Main_cntn .Total_amt {
    float: left;
    height: 50px;
    width: 100%;
    padding: 0px 0px !important;
}

.Fees_popup#Fees_popup2 .Fe_table td .Refnodate {
    text-align: right;
    padding-right: 22px;
}

.Fees_popup#Fees_popup2 .Top_region {
    float: left;
    width: inherit !important;
    display: flex;
}

.Fees_popup#Fees_popup2 .Process_fe {
    float: left;
    width: calc(100% - 40px);
    border: 1px solid var(--color-BodTextSecondaryCharcoalGray);
    margin: 0px 20px;
    padding: 0px 20px;
    height: 55px;
    border-radius: 8px;
    /* display: none !important;*/
}

#Fees_popup2.Fees_popup.show {
    display: flex !important;
}

#Fees_popup2.Fees_popup .Fe_table td .Activity_list {
    float: left;
}

#Fees_popup2.Fees_popup .Fe_table .Fe_head .Clm_tlt {
    top: 12px;
    POSITION: relative;
}

#Fees_popup2.Fees_popup .Fe_table * {
    border-color: var(--color-BodTextSecondaryCharcoalGray) !important;
    color: var(--color-TextBlack);
}

#Fees_popup2 .fees_amt {
    display: flex;
    justify-content: left;
    flex-direction: column;
    flex-wrap: wrap;
    clear: left;
    background: var(--color-BgOrgWhite);
    padding-top: 0px;
}

    #Fees_popup2 .fees_amt .process.roundFees {
        color: var(--color-TextBlack);
        font-size: 20px;
        font-family: var(--font-1);
        font-weight: 500;
    }

    #Fees_popup2 .fees_amt .Clm_tlt {
        font-size: 18px;
        font-family: var(--font-1);
        font-weight: 500;
    }

#Fees_popup2.Fees_popup .amt_Label {
    color: var(--color-TextBlack);
    font-size: 20px;
    font-family: var(--font-1);
    font-weight: 500;
}

#Fees_popup2.Fees_popup .Fe_table td .Total_charge {
    text-align: center;
}

#Fees_popup2.Fees_popup .Bottom_region .grn_btn {
    background-color: var(--color-BgGreenSuccessAlert);
    align-items: center;
    display: flex;
    justify-content: center;
    height: 40px;
}

#Fees_popup2.Fees_popup .Bottom_region .grn_red {
    background-color: var(--color-BgRedErrorText);
    align-items: center;
    display: flex;
    justify-content: center;
    height: 40px;
}

#Fees_popup2 .tooltip_region {
    min-width: initial !important;
}

#Fees_popup2.Fees_popup .Main_cntn {
    padding-bottom: 0;
}

#Fees_popup2.Fees_popup .Bottom_region {
    padding-top: 15px;
}

#Fees_popup2.Fees_popup .Fe_body {
    display: flex;
    width: 100%;
    height: auto;
    flex-direction: column;
    min-height: 55px;
    overflow: auto;
    max-height: 275px;
}

#Fees_popup2.Fees_popup .Fe_table {
    max-height: initial;
    overflow: auto;
    min-height: initial;
}

.scrollable-y.scrollable-show, .scrollable-y:focus, .scrollable-y:hover, .scrollable-show-all .scrollable-y {
    overflow-y: auto;
}

#Fees_popup2.Fees_popup .process_feeses {
    color: var(--color-TextBlack);
    font-size: 20px;
    font-family: var(--font-1);
    font-weight: 500;
}

#Fees_popup2.Fees_popup .chrg_amt {
    display: flex;
    justify-content: center;
}

#Fees_popup2.Fees_popup .Total_amt .chrg_amt {
    padding-right: 55px;
}

#Fees_popup2 .years_enter.no_of_years.onlynumbe.eng_txt {
    min-height: 50px;
    text-align: center;
    padding: 12px !important;
    height: 46px;
    color: var(--color-TextBlack);
    cursor: not-allowed;
}
/*vignesh company reg payment popup css End*/

/*Vulnerbility issue fixing Yokesh - 23/Aug/2023 start*/
.person_dtl_pg + .tablecontentdiv .former_nation .multi_select_btn_small {
    margin-left: calc(45% + 14px);
}
/*Vulnerbility issue fixing Yokesh - 23/Aug/2023 end*/
/*To do added Vulnerbility issue fixing by css vignesh 20230907 start*/
.choice_icons_li_div .txt_box_bg textarea {
    display: flex;
}

.k-timepicker.k-input.k-input-solid.k-input-md.k-rounded-md {
    display: flex;
    align-items: center;
}

.acc_arrow_gap .tc_settings_lbl {
    position: absolute;
    top: 0px;
    right: 0;
}
/*.footer {
    margin: 30px 0px 0px 0px;
}*/
/*.container {
    width: 99.5%;
    float: none;
}*/
/*.space1 {
    height: 12px;
}*/
/*To do added Vulnerbility issue fixing by css vignesh 20230907 End*/
/*Added by varatharajan on 26-9-2023*/
/*#myform .multi_select_btn_small {
    margin-left: 23.2%;*/ /*modify by vigneshbalaji on 20231007*/
/*margin-right: 23.1%;
}*/
/*Added by varatharajan on 4-10-2023 for checkbox padding issue*/
.acc_arrow {
    margin: 0px 0px;
}

#fldAdvSearch .toprowtb .toprightrow1 .show_all {
    line-height: 30px;
}

#fldAdvSearch .toprowtb .toprightrow1 .searchadvbtn, #fldAdvSearch .toprowtb .toprightrow1 .searchadvbtnup {
    margin-top: 8px !important;
}

.multi_select_btn_big {
    margin: 5px 0 0 95.1%;
}

td > .searchadvbtnup {
    margin-top: 10px;
}

/*Added on 20231010 for dropdown arrow issue*/

.change_back_clr .new_edit_contentdiv #personal .text_align_arabic .multi_select_btn_small {
    margin-left: 45.8% !important;
}
/*End*/
@-moz-document url-prefix() {
    .doc_ver_lan .doc_search {
        margin-top: 14px;
    }
}
/*Added by varatharajan on 20231024 for SSU login arrow align issue*/
#divDashbord .db_right_div .db_r_commun_div a img {
    padding-left: 5px;
}
/*css add by sathish kumar 20240124 start*/
.Feesname_txt .displaytxt {
    margin-top: 5px;
}

.fltrt input[type=text] {
    padding-right: 0px;
}
/*css add by sathish kumar 20240124 end*/

.k-menu:not(.k-context-menu) > .k-item {
    color: var(--color-TextTextSecondaryCharcoleGray) !important;
    border-width: 0 1px 0 0;
    border-style: solid;
}