body {
    font-family: Tahoma !important;
}

body {
    font-size: 12px;
    margin: 0px;
    padding: 0px;
    background: #f7f7f7;
}



select, textarea, input:not(input[type="submit"]) {
    border-radius: 3px;
    padding: 4px;
    font-size: 12px !important;
    border: 1px solid #dddddd;
    margin-bottom: 4px;
}
    /*select:focus, textarea:focus, input:not(input[type="submit"]):focus {
        border-color: #86b7fe;
        outline: 0;
        box-shadow: 0 0 0 .20rem rgba(13, 110, 253, .25);
    }*/
/*added by AI*/
.model_processing {
    position: fixed;
    /*z-index: 999;*/
    /*height: 100%;*/
    /*width: 100%;*/
    top: 0;
}

/*added by AI*/
.model_processing_center {
    z-index: 1000;
    margin: 300px auto;
    padding: 10px;
    width: 100px;
    height: 100px;
    opacity: 1;
    -moz-opacity: 1;
}

#aspnetForm > table > tbody > tr > td > table:nth-child(2) > tbody > tr > td:nth-child(2) > table {
    margin-left: 0px;
}

.logo {
    height: 40px;
}
label{
    font-size:12px;
}
#panel, #flip {
    padding: 10px;
    text-align: left;
    background-color: #e5eecc;
    border: solid 1px #c3c3c3;
}

.tdsignout {
    color: #006DB2 !important;
}

#panel {
    padding: 50px;
    left: 20px;
    top: 20px;
    display: none;
}

.Box {
    width: 120px;
}

.BoxBorder {
    border-bottom: 1px solid #E5E5E5;
    border-top: 1px solid #E5E5E5;
}

.Money {
    text-align: right;
}



.modalPopup {
    background-color: #333333;
    border-width: 0px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    width: 250px;
}

.main-container div + table td + td[valign="top"] > table, .main-container div + table td + td[valign="top"] > table table {
    width: 100% !important;
    border-spacing: 0;
    color: #000000;
}

.Hoverr {
    text-decoration: none;
}

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

.Popupextender {
    color: Black;
    font-size: 20px;
}

.flyOutDivCloseX {
    background-color: #666666;
    color: #FFFFFF;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    border: outset thin #FFFFFF;
    padding: 5px;
}

wireFrame {
    display: none;
    overflow: hidden;
    z-index: 2;
    background-color: #FFFFFF;
    border: solid 1px #D0D0D0;
}

.csFileUpload {
    background-color: White;
    color: Black;
    border: 1px solid #000000;
    font: Verdana 8px;
    padding: 1px 4px;
}

CloseButtonStyle {
    background-color: #666666;
    color: #FFFFFF;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    border: outset thin #FFFFFF;
    padding: 5px;
}

.toolbar {
    font-size: 12px;
    padding: 6px;
    height: 21px;
    width: 550px;
    background-repeat: repeat-x;
}

    .toolbar:hover {
        color: #1B538E;
    }

.toolbarDyn {
    font-size: 12px;
    padding: 6px;
    background-image: url('Images/Menu.gif');
    height: 21px;
    width: 190px;
    background-repeat: repeat-x;
    color: #1B538E;
}

input[type="checkbox"] {
    margin: 4px 0;
}
/*[AZ - 30-06-2017 - Date Picker format]*/
input[type="text"] {
    font-size: 12px;
}

input[type="text"], input[type="password"], input[type="file"] {
    padding-top: 2px;
    padding-left: 4px;
    padding-right: 4px;
    margin: 0px 0 0 0;
}

.TextAlign {
    text-align: right;
}

.TextAlign_Bold {
    text-align: right;
    font-weight: bold;
}

.Header {
    background-image: url(images/header.gif);
    background-repeat: no-repeat;
    height: 72px;
}

.HtmlButtons {
    background-image: url(images/Title_Bk_2.gif);
    color: white;
    background-color: transparent;
    border-top-width: 1px;
    font-weight: bold;
    border-left-width: 1px;
    border-bottom-width: 1px;
    font-size: 12px;
    border-right-width: 1px;
    height: 19px;
    border-style: none;
    cursor: hand;
}

.HtmlButtonsfind {
    background-image: url('images/Title_Bk_2.gif');
    color: white;
    background-color: transparent;
    border-top-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 1px;
    font-weight: bold;
    font-size: 12px;
    border-right-width: 1px;
    height: 19px;
    width: 53px;
    border-color: White;
    border-width: 0px;
    cursor: hand;
}

.LABEL_Status {
    color: Red;
    font-size: 12px;
    margin-bottom: 0px;
}

.LABEL_WHITEBOLD {
    color: White;
    font-size: 12px;
    margin-bottom: 0px;
}

.LABEL_BOLD {
    color: Black;
    font-size: 12px;
    margin-bottom: 0px;
    font-weight: bold;
}

.footer {
    position: fixed;
    height: 20px;
    width: 160px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-color: Yellow;
    text-align: center;
    vertical-align: middle;
    font-size: 12px;
    font-weight: bold;
}

.Style_Visibility_False {
    visibility: hidden;
}

.Style_Panels_False {
    display: none;
}

.ButtonCursor {
    cursor: hand;
}

.HideColumns {
    display: none;
}

.PanelHeading {
    font-size: 18;
    color: #4e0101;
    padding-left: 5px;
    font-weight: bold;
}

.HtmlButtonsNew {
    background-image: url(images/btn_gray_bg.gif);
    color: #4e0101;
    background-color: transparent;
    border-top-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 1px;
    font-weight: bold;
    font-size: 12px;
    border-right-width: 1px;
    height: 21px;
    width: 75px;
    border-color: black;
    border-width: 0px;
    cursor: hand;
}

    .HtmlButtonsNew:HOVER {
        background-image: url(images/btn_gray_bg.gif);
        color: black;
        background-color: transparent;
        border-top-width: 1px;
        border-left-width: 1px;
        border-bottom-width: 1px;
        font-weight: bold;
        font-size: 12px;
        border-right-width: 1px;
        height: 21px;
        width: 75px;
        border-color: black;
        border-width: 0px;
        cursor: hand;
    }

.HtmlButtonsbnf {
    color: #4e0101;
    background-image: url(images/btn_wheet_bg.gif);
    border: solid 0 #774804;
    font-weight: bold;
    font-size: 12px;
    height: 21px;
    width: 75px;
    cursor: hand;
}

    .HtmlButtonsbnf:HOVER {
        color: #4e0101;
        background-image: url(images/btn_wheet_bg.gif);
        font-weight: bold;
        font-size: 12px;
        height: 21px;
        width: 75px;
        cursor: hand;
    }

.MsgtableBorder {
    border: 3px solid #808080;
}

    .MsgtableBorder td {
        border: 0;
    }

.HtmlButtonsAgnRO {
    color: white;
    background-image: url(images/btn_green_bg.gif);
    border: solid 0 #774804;
    font-weight: bold;
    font-size: 12px;
    height: 21px;
    width: 75px;
    cursor: hand;
}

.toolbarGreen {
    font-size: 12px;
    padding: 6px;
    background-image: url('Images/menu_green_bg.gif');
    height: 25px;
    width: 550px;
    background-repeat: repeat-x;
    color: White;
}

    .toolbarGreen:hover {
        font-size: 12px;
        padding: 6px;
        background-image: url('Images/menu_green_bg.gif');
        height: 25px;
        width: 550px;
        background-repeat: repeat-x;
        color: White;
    }

.toolbarGreenDyn {
    font-size: 12px;
    padding: 6px;
    background-image: url('Images/menu_green_bg.gif');
    height: 25px;
    width: 150px;
    background-repeat: repeat-x;
    color: White;
}

.ValidateStyle {
    border: solid 1px Red;
}

.ValidateStyleNumeric {
    border: solid 1px Red;
    text-align: right;
}

.ValidateMessageStyle {
    color: Red;
}

.clsError {
    color: Red;
}

.clsInfo {
    color: Black;
}

.clsSuccess {
    color: Green;
}

.clsWarning {
    color: Orange;
}

.Scrollable {
    padding-top: 0px;
    position: relative;
    vertical-align: middle;
    line-height: 12px;
    text-align: center;
}

.ajax__tab_xp .ajax__tab_header {
    font-size: 12px;
    background: url(<%=WebResource("AjaxControlToolkit.Tabs.tab-line.gif")%>) repeat-x bottom;
}

.ajax__tab_xp .ajax__tab_outer {
    padding-right: 4px;
    background: url(<%=WebResource("AjaxControlToolkit.Tabs.tab-right.gif")%>) no-repeat right;
    height: 21px;
}

.ajax__tab_xp .ajax__tab_inner {
    padding-left: 3px;
    background: url(<%=WebResource("AjaxControlToolkit.Tabs.tab-left.gif")%>) no-repeat;
}

.ajax__tab_xp .ajax__tab_tab {
    height: 13px;
    padding: 4px;
    margin: 0px;
    background: url(<%=WebResource("AjaxControlToolkit.Tabs.tab.gif")%>) repeat-x;
}

.ajax__tab_xp .ajax__tab_hover .ajax__tab_outer {
    cursor: pointer;
    background: url(<%=WebResource("AjaxControlToolkit.Tabs.tab-hover-right.gif")%>) no-repeat right;
}

.ajax__tab_xp .ajax__tab_hover .ajax__tab_inner {
    cursor: pointer;
    background: url(<%=WebResource("AjaxControlToolkit.Tabs.tab-hover-left.gif")%>) no-repeat;
}

.ajax__tab_xp .ajax__tab_hover .ajax__tab_tab {
    cursor: pointer;
    background: url(<%=WebResource("AjaxControlToolkit.Tabs.tab-hover.gif")%>) repeat-x;
}

.ajax__tab_xp .ajax__tab_active .ajax__tab_outer {
    background: url(<%=WebResource("AjaxControlToolkit.Tabs.tab-active-right.gif")%>) no-repeat right;
}

.ajax__tab_xp .ajax__tab_active .ajax__tab_inner {
    background: url(<%=WebResource("AjaxControlToolkit.Tabs.tab-active-left.gif")%>) no-repeat;
}

.ajax__tab_xp .ajax__tab_active .ajax__tab_tab {
    background: url(<%=WebResource("AjaxControlToolkit.Tabs.tab-active.gif")%>) repeat-x;
}

.ajax__tab_xp .ajax__tab_disabled {
    color: #A0A0A0;
}

.ajax__tab_xp .ajax__tab_body {
    font-size: 10pt;
    border: 1px solid #999999;
    border-top: 0;
    padding: 8px;
    background-color: #ffffff;
}

.report-header {
    background-color: #2486c7 !important;
    border: 1px transparent !important;
    border-radius: 5px;
    box-shadow: 0 2px 3px 0 #a3a3a3;
    color: #404040 !important;
    float: left;
    font-weight: bold;
    height: 19px;
    margin-bottom: 6px;
    padding: 1px;
    width: 100%;
}


.GroupHeading1 {
    color: Black;
    font-size: 12px;
    font-weight: bold;
    padding-top: 3px;
    padding-bottom: 3px;
}

.ReportContent {
    color: Black;
    font-size: 9px;
}

.ReportRow {
    color: Black;
    font-size: 12px;
    height: 20px;
}

.ReportSummary {
    color: Black;
    font-size: 9px;
    font-style: italic;
    font-weight: bold;
    padding-top: 4px;
    padding-bottom: 4px;
}

.GroupSummary {
    color: Black;
    font-size: 10px;
    font-style: italic;
    font-weight: bold;
    padding-top: 4px;
    padding-bottom: 4px;
}

.tableborder {
    /*border: solid 1px #EFF3FF;*/
    border: 0px;
    width: 100%;
    /*white-space: nowrap;*/
}

.AmountText {
    text-align: right;
}

.ReportSection1 {
    font-size: 10px;
    font-weight: normal;
    background-color: Transparent;
    padding-top: 4px;
    padding-bottom: 4px;
}

.ReportSection2 {
    font-size: 10px;
    font-weight: normal;
    font-style: italic;
    padding-top: 4px;
    padding-bottom: 4px;
}

.btnNoBG {
    background-color: #EFf3FF;
    color: Black;
    border: 1px;
    font-size: 12px;
    border: 1px solid gray;
}


.HidePrintValues {
    display: none;
}

.TextBox {
    font-size: 12px;
    border: solid 1px #7F9DB9;
}

#dvDetail.table.td {
    padding-bottom: 1px;
}

.AlternateColor {
    background-color: #E2E6FE;
    font-size: 12px;
    height: 20px;
}

.HidePrintValues {
    display: none;
}

.AntiHidePrintValues {
    display: inline;
}

.HiddenCMD {
    display: none;
}

.AgentPanelHeading {
    font-size: 15;
    color: white;
    padding-left: 5px;
    font-weight: bold;
}

.DataGrid {
    font-size: 10px;
}

    .DataGrid table {
        font-size: 10px;
    }

    .DataGrid td {
        border-bottom: solid 1 #C3CEDB;
        color: Black;
        font-size: 10px;
    }

.RecordNo {
    text-align: right;
    font-size: 12px;
}

.GeneralFont {
}


.AuthGridMainTable {
    border: Solid 1px;
    width: 100%;
}

.AppHeader {
    background-color: #ECECEC;
}

.FormRowStyle {
    background-color: White;
    border: Solid 1px;
    color: Black;
}

.FormDataStyle {
    padding-left: 10px;
    border: solid 1px;
}

.AuthDataStyle {
    border: solid 1px;
}

.TotalField {
    color: Black;
    font-size: 10px;
    font-style: italic;
    font-weight: bold;
    padding-top: 2px;
    padding-bottom: 2px;
    border-top: solid 1px;
    border-bottom: double 1px;
}

.failureNotification {
    font-size: 12px;
    color: Red;
}

.clear {
    clear: both;
}

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

.btnBG_Green {
    font-size: 9pt;
    font-weight: bold;
    text-align: left;
    background-color: Transparent;
    background-image: url('Images/btnBG.png');
    width: 95px;
    height: 25px;
    color: #FFFFD7;
    border: 0;
    background-repeat: no-repeat;
}

.HeadingGreen {
    font-size: 10pt;
    font-weight: bold;
    color: #339966;
    text-align: left;
}

.tl {
    background-image: url('Images/tl.png');
    background-repeat: no-repeat;
}

.tr {
    background-image: url('Images/tr.png');
    background-repeat: no-repeat;
}

.br {
    background-image: url('Images/br.png');
    background-repeat: no-repeat;
}

/*===============New Css===================*/

.openerp {
    padding: 0;
    margin: 0;
    font-size: 12px;
    background: transparent !important;
}

    .openerp.openerp_webclient_container {
        height: 100%;
    }

    .openerp :-moz-placeholder {
        color: #afafb6 !important;
        font-style: italic !important;
    }

    .openerp ::-webkit-input-placeholder {
        color: #afafb6 !important;
        font-style: italic !important;
    }

    .openerp :-ms-input-placeholder {
        color: #afafb6 !important;
        font-style: italic !important;
    }

    .openerp .oe_application {
        height: 100%;
        width: 100%;
    }

        .openerp .oe_application > div {
            height: 100%;
        }

        .openerp .oe_application .oe_form_sheetbg {
            position: relative;
            z-index: 0;
        }




    .openerp .oe_form_sheet {
        min-height: 330px;
    }

    .openerp .oe_form_sheet_width {
        margin: 0 auto;
    }

/*======================MASTER PAGE============*/

.container {
    color: #B2D3E4;
    font-size: 12px;
    line-height: 1.3;
    background-color: #006db2;
    border-bottom: 1px solid hsl(0deg 0% 100% / 10%);
    padding: 7.5px 15px !important;
}

/* Ahmad Raza [01-06-2020] */
tt {
    padding-left: 10px;
    font-size: 12px;
    padding-left: 5px;
    font-weight: normal;
    color: white;
    height: 17px;
}

.tdcolor {
    padding-left: 10px;
    font-size: 12px;
    background-color: #FFFFFF;
    width: 150px;
}

A {
    font-size: 11px;
    font-weight: normal;
    color: black;
    text-decoration: none;
}

    A:hover {
        text-decoration: underline;
        color: #000000;
        font-size: 11px;
        cursor: pointer;
    }

textarea#ctl00_CPB_txtRef2 {
    /*background: #f3f3f3;*/
    padding: 5px;
}

A:visited {
    font-size: 15px;
    font-weight: normal;
    /*color: white;*/
    text-decoration: none;
}


.clswaterMark {
    font-size: 4px;
    font-style: italic;
}

/*ERROR MESSAGE*/
.Box {
    width: 120px;
}

.BoxBorder {
    border-bottom: 1px solid #E5E5E5;
    border-top: 1px solid #E5E5E5;
}

.Blkbutton {
    padding: .13em .6em;
    box-shadow: 0 2px 1px rgba(0,0,0,0.3),0 1px 0 rgba(255,255,255,0.4) inset;
    background-color: #333;
    color: #fff;
    border: 1px solid #000 !important;
    border-radius: 3px;
    text-decoration: none;
    position: relative;
    top: 1px;
}

    .Blkbutton:hover {
        padding: .13em .6em;
        box-shadow: 0 2px 1px rgba(0,0,0,0.3),0 1px 0 rgba(255,255,255,0.4) inset;
        background-color: #333;
        color: #fff;
        border: 1px solid #000 !important;
        border-radius: 3px;
        text-decoration: none;
        text-shadow: 0.1em 0.1em 0.2em orange;
        position: relative;
        top: 1px;
    }

.success-message {
    border-radius: 0;
    box-shadow: none;
    background: none;
    border: 1px solid green;
    color: green;
    padding: 5px 10px;
}

#close {
    float: right;
    padding: 6px 10px;
    color: red;
}

#Closeme {
    position: inherit;
    top: 49px;
    width: calc(100% - 2px);
}

.error-message {
    border-radius: 0;
    box-shadow: none;
    background: none;
    border: 1px solid red;
    color: red;
    padding: 5px 10px;
}
/*ERROR MESSAGE END*/

table.Grid_New {
    min-width: 825px;
}

.Grid_New td, .Grid_New th {
    border: 0 !important;
}

.Grid_New td {
    background: #ffffff;
    padding: 7.5px 10px !important;
}

.Grid_New tr:hover td {
    background-color: #eaeaea !important;
}

.Grid_New th {
    padding: 9.5px 10px !important;
    text-align: left !important;
    background-color: transparent !important;
    color: #006db2 !important;
    font-size: 12px;
}

.noborder {
    border: 0;
    border-radius: .5rem;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 20, 0.15), 0 2px 6px rgba(0, 0, 20, 0.1);
    /*max-width:500px;*/
}

.clear {
    clear: both;
}

.GridHeader_new > th, .report-header_new > td, .Grid_New th, .GridHeader td {
    border: medium none !important;
    padding: 8px 7.75px !important;
    /*text-align: left !important;*/
    /*border-bottom: 1px solid #006db2 !important !important;*/
    background: #E5E6E7 !important;
    color: black !important;
    height: auto !important;
    /*font-weight: bold;*/
    /*white-space:nowrap;*/
}

tr.report-header_new > td > a {
    color: #ffffff !important;
    font-size: 14px;
    font-weight: bold;
}

.edit_new {
    width: 500px;
    overflow: hidden;
}

.outer-table {
    border: medium none;
}

.grid_tittle1 {
    width: 50px;
}

.grid_tittle2 {
    width: 150px;
}

.grid_tittle3 {
    width: 250px;
}

.grid_tittle4 {
    width: 200px;
}


.grid_tittle5 {
    width: 60px;
}

.user_form {
    border: 1px tranparent;
}

.GridFooter {
    float: left;
    width: 100%;
    text-align: right;
}

/*New Grid END*/
.container a {
    color: #B2D3E4;
    font-size: 12px;
}

.SubMenu > a {
    display: block;
    width: 100%;
    color: #B2D3E4;
    padding-left: 13px;
}


.SubSubMenu > a {
    display: block;
    width: 100%;
    color: #669ec1;
}


.Search_Text {
    font-size: smaller;
    color: Gray;
    font-style: italic;
}

/*.modal {
    position: absolute;
    z-index: 999;
    height: 100%;
    width: 100%;
    top: 0;
    background-color: Black;
    filter: alpha(opacity=60);
    opacity: 0.6;
    -moz-opacity: 0.8;
}*/

.center {
    z-index: 1000;
    margin: 300px auto;
    padding: 10px;
    width: 100px;
    height: 100px;
    background-color: White;
    border-radius: 10px;
    filter: alpha(opacity=100);
    opacity: 1;
    -moz-opacity: 1;
}

    .center img {
        height: 100px;
        width: 100px;
    }

/*MY 17-11-16 error messsage*/
.ErrorControl {
    background-color: #FBE3E4 !important;
    border: solid 1px Red !important;
}

.loader {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
    width: 100px;
    height: 100px;
    z-index: 9999;
    background-color: gray !important;
    background: url('../images/loading_animation.gif') 50% 50% no-repeat rgb(249,249,249);
}

#disablePage {
    background: rgb(249, 249, 249) url("../images/loading_animation.gif") no-repeat scroll 50% 50%;
    /* Do not display it on entry */
    display: block;
    /* Display it on the layer with index 1001.Make sure this is the highest z-index value  used by layers on that page */
    z-index: 1001;
    /* make it cover the whole screen */
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: lightgray;
    opacity: .5;
    filter: alpha(opacity=.5);
}
/*SHAFI 22-12-2016*/
.autocomplete_completionListElement {
    border: solid 1px #444444;
    margin: 0px;
    padding: 2px;
    height: 200px;
    overflow: auto;
    background-color: #FFFFFF;
    list-style-type: circle;
}

/* AutoComplete highlighted item */
.autocomplete_highlightedListItem {
    background-color: #ffff99;
    color: black;
    padding: 1px;
}

/* AutoComplete item */
.autocomplete_listItem {
    background-color: ButtonFace;
    color: windowtext;
    padding: 1px;
    border-width: 1px;
    border-style: dotted;
    border-color: Gray;
}

.txtReadOnly {
    background-color: #F2F3F4;
    background-color: whitesmoke;
    border-style: groove;
}

.Sub_Heading {
    color: #000080;
    font-variant-caps: all-small-caps;
    font-weight: bold;
    font-size: 20px;
    line-height: 2;
}

.BoxBack {
    background-color: #CFE4F3;
}

.GridAlternateRow_M {
    background-color: #ffcccc;
    border: 1px transparent !important;
    border-radius: 5px;
    box-shadow: 0 2px 3px 0 #a3a3a3;
    float: left;
    margin-bottom: 4px;
    width: 100%;
    color: Black;
    height: auto !important;
    font-size: 12px;
    font-weight: normal;
    min-height: 18px;
}

.GridAlternateRow_G {
    background-color: #cce6ff;
    border: 1px transparent !important;
    border-radius: 5px;
    box-shadow: 0 2px 3px 0 #a3a3a3;
    float: left;
    margin-bottom: 4px;
    width: 100%;
    color: Black;
    height: auto !important;
    font-size: 12px;
    font-weight: normal;
    min-height: 18px;
}

.GridAlternateRow_G1 {
    background-color: #ffdd99;
    border: 1px transparent !important;
    border-radius: 5px;
    box-shadow: 0 2px 3px 0 #a3a3a3;
    float: left;
    margin-bottom: 4px;
    width: 100%;
    color: Black;
    height: auto !important;
    font-size: 12px;
    font-weight: normal;
    min-height: 18px;
}

.GridRow_new_G {
    border-bottom: 1px none transparent;
    border-radius: 5px;
    border-top: 1px none transparent;
    box-shadow: 0 2px 5px 0 #c4c4c4;
    float: left;
    margin-bottom: 4px;
    width: 100%;
    color: #000000;
    font-size: 12px;
    font-weight: normal;
    min-height: 18px;
    height: auto !important;
    border-top: 1px solid rgb(242, 242, 242);
    background-color: #f5d3aa;
}

.GridRow_new_M {
    border-bottom: 1px none transparent;
    border-radius: 5px;
    border-top: 1px none transparent;
    box-shadow: 0 2px 5px 0 #c4c4c4;
    float: left;
    margin-bottom: 4px;
    width: 100%;
    color: #000000;
    font-size: 12px;
    font-weight: normal;
    min-height: 18px;
    height: auto !important;
    border-top: 1px solid rgb(242, 242, 242);
    background-color: #cada8c;
}

.GridAlternateRow_Main {
    background-color: #ceefa2;
    border: 1px transparent !important;
    border-radius: 5px;
    box-shadow: 0 2px 3px 0 #a3a3a3;
    float: left;
    margin-bottom: 4px;
    width: 100%;
    color: Black;
    height: auto !important;
    font-size: 12px;
    font-weight: normal;
    min-height: 18px;
}


.GridAlternateRowM_M {
    background-color: #ceefa2;
    border: 1px transparent !important;
    border-radius: 5px;
    box-shadow: 0 2px 3px 0 #a3a3a3;
    float: left;
    margin-bottom: 4px;
    width: 100%;
    color: Black;
    height: auto !important;
    font-size: 12px;
    font-weight: normal;
    min-height: 18px;
}

.GridAlternateRowM_G {
    background-color: #efea61;
    border: 1px transparent !important;
    border-radius: 5px;
    box-shadow: 0 2px 3px 0 #a3a3a3;
    float: left;
    margin-bottom: 4px;
    width: 100%;
    color: Black;
    height: auto !important;
    font-size: 12px;
    font-weight: normal;
    min-height: 18px;
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 28px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
}

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/materialicons/v97/flUhRq6tzZclQEJ-Vdg-IuiaDsNZ.ttf) format('truetype');
}

.main_container_wrap td > table td > table td[valign="top"] > table {
    width: 100% !important;
}

.ReportHeader {
    font-size: 14px;
    font-weight: bold;
    padding: 10px 15px;
    border-bottom: 1px solid #dddddd;
    color: #000080;
}

a#ctl00_CPB_lbFirst_1, a#ctl00_CPB_lbPrevious_1, a#ctl00_CPB_lbNext_1, a#ctl00_CPB_lbLast_1 {
    text-decoration: none;
}

.GridRow_new, .GridAlternateRow_new, .Grid_New tbody > tr, .GridRow, .GridAlternateRow {
    border-bottom: 1px solid #dddddd !important;
}

    .GridRow_new:nth-child(odd), .GridAlternateRow_new:nth-child(odd), .Grid_New tbody > tr:nth-child(odd) td {
        background: #f3f3f3 !important;
    }

    .GridRow_new:hover, .GridAlternateRow_new:hover, .Grid_New tbody > tr:nth-child(odd):hover td, .GridRow:hover, .GridAlternateRow:hover {
        background-color: #dddddd !important;
    }

.GridHeader_new td {
    text-decoration: none;
    color: black !important;
    font-size: 14px;
    /*font-weight: bold !important;*/
}

.align_right {
    text-align: right;
}

/*-----------------------------------------------Main Grid font size 12px orignal size---------------------------------------------*/
table.noborder tr:not(:nth-child(1)) td, .Grid_New td, .GridRow_new td, .GridAlternateRow_new td, .GridRow td, .GridAlternateRow td {
    /*padding: 5px 7.75px !important;*/
    /*text-align: left;*/
    padding-top: 3px;
    padding-left: 7px;
    padding-right: 7px;
    /*color: #000000 !important;*/ /*Commented by AI  -----24-August 2022*/
    font-weight: normal !important;
    border-top-color: #dddddd;
    font-size: 12px !important;
    /*white-space:nowrap;*/
}

    .GridRow_new td table td {
        padding: 0 !important;
        /*white-space:nowrap;*/
    }

    table.noborder tr:not(:nth-child(1)) td table tr td, .Grid_New td table tr td {
        padding: 0 !important;
    }

.Grid_New th {
    border-bottom: 1px solid #006db2 !important;
}

table.noborder tr:not(:nth-child(1)) tr td {
    padding: 4px;
}

.report-section_new td {
    border-color: #f3f3f3;
}

.report-section_new:nth-child(odd) {
    background: #fbfbfb !important;
}

.report-section_new:hover {
    background: #f3f3f3 !important;
}

table.main_container_wrap, .openerp.openerp_webclient_container > table {
    border-spacing: 0 !important;
    width: 100%;
}

#ctl00_CPB_UpdatePanel1 > table + table > tbody > tr > td[colspan="2"] > table {
    width: auto !important;
    float: right;
    margin-right: 30px;
}

#ctl00_CPB_UpdatePanel1 > div + table + table[width="825px"] table[width="100%"] {
    float: right !important;
    width: auto !important;
    margin-top: 30px;
}


table#ctl00_CPB_grd_Department {
    display: table !important;
}

    table#ctl00_CPB_grd_Department td {
        /*padding: 7.75px !important;*/ /*Commented BY AI for table  11 Agust 2022*/
    }

select {
    height: auto !important;
}

.vertical-align-top {
    vertical-align: top;
}

#ctl00_CPB_CmdFind1, #ctl00_CPB_cmdSearch {
    /*margin: 0;*/
    /*padding: 0px;*/ /*Commented BY AI*/
    /*transform: translateY(5px);*/
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    width: auto;
}

.control-icons td p {
    margin: 0 0 0 5px;
}

.control-icons input[type="image"] {
    margin: 0;
}

.control-icons {
    width: 126px;
    max-width: 126px;
    padding-left: 50px;
}

    .control-icons .Box .BoxBorder {
        display: flex;
        align-items: center;
        margin-left: 60px !important;
    }

    .control-icons #Saveshow .BoxBorder p {
        margin-bottom: 2px;
    }

    .control-icons img {
        padding: 4px;
        cursor: pointer;
    }

    .control-icons td, .control-icons td a, .control-icons td span {
        display: flex;
        align-items: center;
    }

hr {
    border: 0;
    border-top: 1px solid #dddddd;
}

span.newStyle8 {
    font-size: 15px;
    letter-spacing: 0;
    color: #000080;
    display: block;
    margin-bottom: 10px;
    font-weight: bold;
    font-family: Tahoma !important;
    padding-left: 11px;
}

.horizontal-table span.newStyle8 {
    padding-left: 0px;
}

.horizontal-table {
    padding: 10px 15px;
}

    .horizontal-table input {
        margin-right: 10px;
    }

    .horizontal-table tr:first-child td img {
        vertical-align: middle;
    }

    .horizontal-table tr td {
        text-align: left;
    }

    .horizontal-table .control-icons {
        display: block;
        margin-right: -15px;
        float: right;
    }

#ctl00_CPB_Panel1 {
    width: 100% !important;
}

.footer-area {
    display: block;
    margin-top: 20px;
}

    .footer-area td {
        color: #006db2;
    }

.items-total td, .items-total td span {
    color: #006db2 !important;
    border-color: #dddddd !important;
    font-size: 12px !important;
}

textarea#ctl00_CPB_txtRef3 {
    padding: 5px;
}

textarea#ctl00_CPB_txtTT_Comment {
    padding: 5px;
}

.horizontal-table input[type="checkbox"] {
    margin-left: 0;
}

#ctl00_CPB_Panel2 {
    overflow: scroll;
}

#ctl00_CPB_Panel3 {
    overflow: scroll;
}

.d-block {
    display: block !important;
}

.GridHeader_new a {
    font-size: 14px;
}

    .GridHeader_new a:hover {
        text-decoration: none;
        cursor: default;
    }

.badge {
    --bs-badge-padding-x: 0.65em;
    --bs-badge-padding-y: 0.35em;
    --bs-badge-font-size: 0.75em;
    --bs-badge-font-weight: 700;
    --bs-badge-color: #fff;
    --bs-badge-border-radius: 0.375rem;
    display: inline-block;
    padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
    font-size: var(--bs-badge-font-size);
    font-weight: var(--bs-badge-font-weight);
    line-height: 1;
    color: var(--bs-badge-color);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: var(--bs-badge-border-radius);
}


/*Add by Anwaar [16-JAN-2024] start*/
.badge-danger {
    background-color: #FF1616;
    color: white !IMPORTANT;
    font-weight: normal !important;
    font-size: 11px !important
}

.badge-success {
    background-color: #7ed321;
    color: white !IMPORTANT;
    font-weight: normal !important;
    font-size: 11px !important
}
/*Add by Anwaar [16-JAN-2024] END*/
.badge-waiting {
    background-color: blue;
    color: white !IMPORTANT;
    font-weight: normal !important;
    font-size: 11px !important
}

.badge-brown {
    background-color: brown;
    color: white !IMPORTANT;
    font-weight: normal !important;
    font-size: 11px !important
}

.badge-blue {
    background-color: blue;
    color: white !IMPORTANT;
    font-weight: normal !important;
    font-size: 11px !important
}

.Info-message {
    border-radius: 0;
    box-shadow: none;
    background: none;
    border: 1px solid hotpink;
    color: hotpink;
    padding: 5px 10px;
}

.custom-dropdown {
    width: 100%;
    padding: 10px;
    font-size: 16px;
    color: #333;
    background-color: transparent;
    border: none;
    border-bottom: 2px solid #ccc;
    border-radius: 0;
    outline: none;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" width="30" height="30"><polygon points="18,6 6,18 18,18" fill="gray"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 16px;
    cursor: pointer;
    transition: color 0.3s ease, border-bottom-color 0.3s ease;
}

    .custom-dropdown:hover {
        color: #555;
        border-bottom-color: #aaa;
    }

    .custom-dropdown:focus {
        color: blue;
        border-bottom-color: blue;
        background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" width="30" height="30"><polygon points="18,6 6,18 18,18" fill="blue"/></svg>');
    }

    .custom-dropdown option {
        background-color: #fff;
        color: #333;
    }

.datepicker-textbox {
    width: 100%;
    padding: 10px;
    font-size: 16px;
    color: #333;
    background-color: transparent;
    border: none !important;
    border-bottom: 2px solid #ccc !important;
    border-radius: 0 !important;
    outline: none;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 16px;
    font-size: 14px;
    padding-right: 10px;
}

    .datepicker-textbox:focus {
        border-bottom-color: blue !important;
    }


.charts-grid {
    display: flex;
    flex-wrap: wrap; /* Allow wrapping instead of horizontal scroll */
    gap: 10px;
    padding: 10px;
    overflow-x: hidden; /* Prevent horizontal scrolling */
    box-sizing: border-box;
    justify-content: center; /* Optional: centers the grid */
}

.chart-container,
.chart-container1 {
    height: 300px;
    flex: 1 1 300px; /* Allows flexible resizing */
    max-width: 100%; /* Prevents overflow */
    padding: 5px;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.chart-title {
    text-align: center;
    font-size: 14px;
    color: #333;
    font-weight: bold;
    margin-bottom: 10px;
}
.bootstrap-datetimepicker-widget.dropdown-menu {
    width: 14em !important;
}
canvas {
    width: 90% !important;
    height: 80% !important;
}

input:invalid,
select:invalid {
    box-shadow: none !important;
    border-color: #ccc !important;
}
.charts-grid {
    display: flex;
    flex-wrap: wrap; /* Allow wrapping instead of horizontal scroll */
    gap: 90px;
    padding: 10px;
    overflow-x: hidden; /* Prevent horizontal scrolling */
    box-sizing: border-box;
    justify-content: center; /* Optional: centers the grid */
}

.chart-container,
.chart-container1 {
    height: 200px;
    flex: 1 1 150px; /* Allows flexible resizing */
    max-width: 300px; /* Prevents overflow */
    padding: 5px;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.chart-title {
    text-align: center;
    font-size: 12px;
    color: #333;
    font-weight: bold;
    margin-bottom: 10px;
}

canvas {
    width: 90% !important;
    height: 80% !important;
}


.checkbox-wrapper-2 .ikxBAC {
    appearance: none;
    background-color: #dfe1e4;
    border-radius: 72px;
    border-style: none;
    flex-shrink: 0;
    height: 20px;
    margin: 0;
    position: relative;
    width: 30px;
}

    .checkbox-wrapper-2 .ikxBAC::before {
        bottom: -6px;
        content: "";
        left: -6px;
        position: absolute;
        right: -6px;
        top: -6px;
    }

    .checkbox-wrapper-2 .ikxBAC,
    .checkbox-wrapper-2 .ikxBAC::after {
        transition: all 100ms ease-out;
    }

        .checkbox-wrapper-2 .ikxBAC::after {
            background-color: #fff;
            border-radius: 50%;
            content: "";
            height: 14px;
            left: 3px;
            position: absolute;
            top: 3px;
            width: 14px;
        }

.checkbox-wrapper-2 input[type=checkbox] {
    cursor: default;
}

.checkbox-wrapper-2 .ikxBAC:hover {
    background-color: #c9cbcd;
    transition-duration: 0s;
}

.checkbox-wrapper-2 .ikxBAC:checked {
    background-color: green;
}

    .checkbox-wrapper-2 .ikxBAC:checked::after {
        background-color: #fff;
        left: 13px;
    }

.checkbox-wrapper-2 :focus:not(.focus-visible) {
    outline: 0;
}

.checkbox-wrapper-2 .ikxBAC:checked:hover {
    background-color: green;
}
/*.charts-grid {
    display: flex;
    flex-wrap: nowrap;*/ /* Prevent wrapping, all charts in one row */
/*gap: 10px;*/ /* Space between each chart */
/*padding: 20px;
    overflow-x: auto;*/ /* Allow horizontal scrolling if needed */
/*box-sizing: border-box;
}


.chart-container {
    height: 300px;
    min-width: 300px; 
    padding: 5px;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.chart-container1 {
    height: 300px;
    min-width: 440px; 
    padding: 5px;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.chart-title {
    text-align: center;
    font-size: 14px;
    color: #333;
    font-weight: bold;
    margin-bottom: 10px;
}

canvas {
    width: 90% !important;
    height: 80% !important;
}*/

.input-validation-error {
    border-left: 4px solid red !important;
    padding-left: 8px !important;
    box-shadow: none !important;
}
.validation-container {
    position: relative;
}

.validation-message {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    background: #f8d7da;
    color: #721c24;
    padding: 4px 8px;
    border: 1px solid #f5c6cb;
    border-radius: 4px; 
    white-space: nowrap;
    z-index: 10;
    transition: opacity 0.2s;
}

textarea.input-validation-error:hover + .validation-message,
input.input-validation-error:hover + .validation-message,
select.input-validation-error:hover + .validation-message {
    visibility: visible;
    opacity: 1;
}
.form-element {
    width: 100%; /* Ensures it fills its container */
    height: calc(1.5em + 0.75rem + 1px); /* Aligns height with form-control */
    /*padding: 0.375rem 0.75rem;*/
    font-size: 1rem;
    box-sizing: border-box; /* Prevents overflow from padding */
}


.btn-purple {
    color: #fff;
    background-color: #6f42c1;
    border-color: #6f42c1;
}

    .btn-purple:hover {
        color: #fff;
        background-color: #5a32a3;
        border-color: #5a32a3;
    }

    .btn-purple:active,
    .btn-purple.active {
        color: #fff !important;
        background-color: #4b278a !important;
        border-color: #4b278a !important;
    }

    .btn-purple:focus,
    .btn-purple:focus-visible {
        color: #fff !important;
        background-color: #5a32a3 !important;
        border-color: #5a32a3 !important;
        box-shadow: 0 0 0 0.25rem rgba(111, 66, 193, 0.4);
    }

.btn-orange {
    color: #fff;
    background-color: #fd7e14;
    border-color: #fd7e14;
}

    .btn-orange:hover {
        color: #fff;
        background-color: #e96b05;
        border-color: #e96b05;
    }

    .btn-orange:active,
    .btn-orange.active {
        color: #fff !important;
        background-color: #d56100 !important;
        border-color: #d56100 !important;
    }

    .btn-orange:focus,
    .btn-orange:focus-visible {
        color: #fff !important;
        background-color: #e96b05 !important;
        border-color: #e96b05 !important;
        box-shadow: 0 0 0 0.25rem rgba(253, 126, 20, 0.4);
    }

.btn-brown {
    color: #fff;
    background-color: #795548;
    border-color: #795548;
}

    .btn-brown:hover {
        color: #fff;
        background-color: #6d4c41;
        border-color: #6d4c41;
    }

    .btn-brown:active,
    .btn-brown.active {
        color: #fff !important;
        background-color: #5d4037 !important;
        border-color: #5d4037 !important;
    }

    .btn-brown:focus,
    .btn-brown:focus-visible {
        color: #fff !important;
        background-color: #6d4c41 !important;
        border-color: #6d4c41 !important;
        box-shadow: 0 0 0 0.25rem rgba(121, 85, 72, 0.4);
    }

.btn-pink {
    color: #fff;
    background-color: #d63384;
    border-color: #d63384;
}

    .btn-pink:hover {
        color: #fff;
        background-color: #b62d6f;
        border-color: #b62d6f;
    }

    .btn-pink:active,
    .btn-pink.active {
        color: #fff !important;
        background-color: #ab296a !important;
        border-color: #ab296a !important;
    }

    .btn-pink:focus,
    .btn-pink:focus-visible {
        color: #fff !important;
        background-color: #b62d6f !important;
        border-color: #b62d6f !important;
        box-shadow: 0 0 0 0.25rem rgba(214, 51, 132, 0.4);
    }

.btn-slate {
    color: #fff;
    background-color: #3a5a78;
    border-color: #3a5a78;
}

    .btn-slate:hover {
        color: #fff;
        background-color: #324d66;
        border-color: #324d66;
    }

    .btn-slate:active,
    .btn-slate.active {
        color: #fff !important;
        background-color: #2a4157 !important;
        border-color: #2a4157 !important;
    }

    .btn-slate:focus,
    .btn-slate:focus-visible {
        color: #fff !important;
        background-color: #324d66 !important;
        border-color: #324d66 !important;
        box-shadow: 0 0 0 0.25rem rgba(58, 90, 120, 0.4);
    }

.btn-muted-green {
    color: #fff;
    background-color: #4c6b5c;
    border-color: #4c6b5c;
}

    .btn-muted-green:hover {
        color: #fff;
        background-color: #415c4f;
        border-color: #415c4f;
    }

    .btn-muted-green:active,
    .btn-muted-green.active {
        color: #fff !important;
        background-color: #364f44 !important;
        border-color: #364f44 !important;
    }

    .btn-muted-green:focus,
    .btn-muted-green:focus-visible {
        color: #fff !important;
        background-color: #415c4f !important;
        border-color: #415c4f !important;
        box-shadow: 0 0 0 0.25rem rgba(76, 107, 92, 0.4);
    }

.btn-charcoal-purple {
    color: #fff;
    background-color: #51445f;
    border-color: #51445f;
}

    .btn-charcoal-purple:hover {
        color: #fff;
        background-color: #453a52;
        border-color: #453a52;
    }

    .btn-charcoal-purple:active,
    .btn-charcoal-purple.active {
        color: #fff !important;
        background-color: #3b3146 !important;
        border-color: #3b3146 !important;
    }

    .btn-charcoal-purple:focus,
    .btn-charcoal-purple:focus-visible {
        color: #fff !important;
        background-color: #453a52 !important;
        border-color: #453a52 !important;
        box-shadow: 0 0 0 0.25rem rgba(81, 68, 95, 0.4);
    }

.btn-graphite {
    color: #fff;
    background-color: #495057;
    border-color: #495057;
}

    .btn-graphite:hover {
        color: #fff;
        background-color: #3f454b;
        border-color: #3f454b;
    }

    .btn-graphite:active,
    .btn-graphite.active {
        color: #fff !important;
        background-color: #343a40 !important;
        border-color: #343a40 !important;
    }

    .btn-graphite:focus,
    .btn-graphite:focus-visible {
        color: #fff !important;
        background-color: #3f454b !important;
        border-color: #3f454b !important;
        box-shadow: 0 0 0 0.25rem rgba(73, 80, 87, 0.4);
    }

.btn-warm-gray {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

    .btn-warm-gray:hover {
        color: #fff;
        background-color: #5c636a;
        border-color: #5c636a;
    }

    .btn-warm-gray:active,
    .btn-warm-gray.active {
        color: #fff !important;
        background-color: #545b62 !important;
        border-color: #545b62 !important;
    }

    .btn-warm-gray:focus,
    .btn-warm-gray:focus-visible {
        color: #fff !important;
        background-color: #5c636a !important;
        border-color: #5c636a !important;
        box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.4);
    }

.btn-steel-teal {
    color: #fff;
    background-color: #4f6d7a;
    border-color: #4f6d7a;
}

    .btn-steel-teal:hover {
        color: #fff;
        background-color: #445f6b;
        border-color: #445f6b;
    }

    .btn-steel-teal:active,
    .btn-steel-teal.active {
        color: #fff !important;
        background-color: #3a515c !important;
        border-color: #3a515c !important;
    }

    .btn-steel-teal:focus,
    .btn-steel-teal:focus-visible {
        color: #fff !important;
        background-color: #445f6b !important;
        border-color: #445f6b !important;
        box-shadow: 0 0 0 0.25rem rgba(79, 109, 122, 0.4);
    }