.HtmlClass:lang(en) {
    direction: ltr !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.HtmlClass:lang(fr) {
    direction: ltr !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.HtmlClass:lang(ar) {
    direction: rtl;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

html {
    height: 100%;
}

PanelCurveStyle_Header body {
    min-height: 100%;
    background-color: white; /* Added by Fadi 12/08/2017 */
}

.divAccordeonSectionContents {
    background-color: white;
    width: 100%;
}

.bodyStyle { /* Added by Fadi o12/08/2017 */
    min-height: 100vh; /* Modified by Antonio 6/17/2019 -- was 100%  michella on 30-oct-2024*/
    background-color: white;
    padding-right: 0px !important;
}

/*Added by pamela to be used for alphabetical control*/
#azindex {
    background: #75B9D0;
    float: left;
    width: auto;
}

* html #azindex {
    width: auto;
}

#index {
    font: bold 100% Calibri;
    margin: 0;
    padding: 0;
}
.select-editable input {
    position: absolute;
    top: 0px;
    text-indent: 4px;
    width: 50%;
    height: 18px;
    padding: 3px;
    border: none;
}

.select-editable select:focus, .select-editable input:focus {
    outline: none;
}

#index li {
        height: 1em;
        list-style-type: none;
        margin: 0.15em 0.3em;
        /*margin: 0.65em 0.3em;*/
        padding: 0;
        width: 3em;
    }

#index a:link, #index a:visited {
        background: #fff;
        color: navy;
        display: block;
        height: 1em;
        text-align: center;
        text-decoration: underline;
        width: 3em;
    }

#index a:hover {
        background: #fff;
        color: #0C2A72;
        text-decoration: none;
    }

/*Added by chahid on 3-FEB-2016*/
.uc_search_id_class {
    border-style: solid; /*It was Solid*/
    border-width: 1Px; /*It was 1*/
    border-color: RGB(11,41,114); /*R:218, G: 73, B: 75*/ /*It was #DA494B*/
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    height: 60px;
    width: 100%;
    z-index: 1;
    position: relative;
    /*box-shadow: 10px 10px 5px buttonshadow;*/
    overflow: hidden;
}

.PanelWithoutBorder { /* Added by Fadi on 12/12/2017 */
    box-shadow: none !important;
    border: none !important;
    background-color: white !important;
}
.img_toolbar {
    height: 19px;
    margin-left: 8px;
}
/*Added by chahid on 24/11/2015*/
.uc_main_id_class {
    border-style: solid; /*It was Solid*/
    border-width: 2px; /*It was 1*/
    border-color: RGB(11,41,114); /*R:218, G: 73, B: 75*/ /*It was #DA494B*/
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    height: 160px;
    width: 100%;
    /*z-index: 1;*/
    position: absolute;
    box-shadow: 10px 10px 5px buttonshadow;
    overflow: hidden;
}

.uc_main_id_class:hover {
        -moz-transition: width 0.8s; /* Firefox 4 */
        -webkit-transition: width 0.8s; /* Safari and Chrome */
        -o-transition: width 0.8s; /* Opera */
        -ms-transition: width 0.8s; /* IE9 (maybe) */
        -moz-transform: translateY(-130px);
        -ms-transform: translateY(-130px);
        -o-transform: translateY(-130px);
        -webkit-transform: translateY(-130px);
        transform: translateY(0px);
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px;
        border-bottom-left-radius: 8px;
        transition: width 0.8s;
        height: 160px;
        /*  width: 270px;  Commented by Mayssam on 17-6-2020*/
        z-index: 99999;
    }

.uc_id_class {
    border-style: solid; /*It was Solid*/
    border-width: 2px; /*It was 1*/
    border-color: RGB(11,41,114); /*R:218, G: 73, B: 75*/ /*It was #DA494B*/
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    overflow: hidden;
    height: 50px;
    width: 100px;
    position: absolute;
    top: 0px;
    left: 0px;
}

.uc_id_class:hover {
        -moz-transform: translateY(-130px);
        -ms-transform: translateY(-130px);
        -o-transform: translateY(-130px);
        -webkit-transform: translateY(-130px);
        transform: translateY(-130px);
        transition: width 0.8s;
        -moz-transition: width 0.8s; /* Firefox 4 */
        -webkit-transition: width 0.8s; /* Safari and Chrome */
        -o-transition: width 0.8s; /* Opera */
        -ms-transition: width 0.8s; /* IE9 (maybe) */
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px;
        border-bottom-left-radius: 8px;
        width: 250px; /*Mayssam on 11-6-2020*/
        top: 50px;
        z-index: 99999;
        height: 110px; /*Changed by Mayssam on 18-6-2020*/
        overflow-y: auto; /*Changed by Mayssam on 18-6-2020*/
    }
/*end Added by chahid on 24/11/2015*/

/*Added by chahid on 11/9/2015*/
.td_align_right {
    text-align: right;
}

.td_align_center {
    text-align: center;
}

.td_align_left {
    text-align: left;
    margin-left: 0px;
}
/*Added by mayssam on 14-2-2020*/
.td_align_left:lang(ar) {
        text-align: right !important;
    }

.td_align_right:lang(ar) {
    text-align: left;
}
/*Added by chahid on 8/9/2015*/

.textBoxStylerounded_NoBorderInAutoMultiUC{
    border: 0px none #ECF5FF;
    background-color: #ECF5FF;
    font-family: Calibri;
    font-size: 10pt;
    color: navy !important;
    margin-left: 0px;
    margin-top: 0px;
    height: 22px;
    border-radius: 0px;
}
.textBoxStylerounded_NoBorder { /* Edited by Fadi on 12/08/2017 */
    border: none;
    font-family: Calibri;
    font-size: 10pt;
    color: #234070;
    margin-left: 0px;
    margin-top: 0px;
    height: 22px;
}
.Table_Style {
    width: 100%;
    table-layout: fixed;
    padding: 0px;
}

option {
    background: white !important;
}

select option:hover {
    background: #225fab !important;
}

.onbtn_focus {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: Bold;
    background-color: #4b7ebd; /*RGB(34,95,171);*/
    text-align: center;
    vertical-align: middle;
    color: White;
}



/*Added by Elio*/

.LittleRoundedButton {
    border-style: solid;
    border-color: RGB( 115, 99, 87);
    border-width: thin;
    padding: 2px;
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
    border-bottom-left-radius: 40px;
    background-color: RGB(237,28,36); /* red*/
    font-family: Tahoma;
    font-size: 8pt;
    line-height: 17px;
    font-weight: Bold;
    color: white;
    width: 23px;
    height: 23px;
    cursor: pointer;
}

.separator {
    height: 1px !important;
    background-color: white;
    border-style: solid;
    border-width: 1px;
    border-color: white;
    color: black; /* Added by Fadi */
    font-weight: bold; /* Added by Fadi */
    font-size: 3em; /* Added by Fadi */
}


.modalPopup {
    background-color: #FFFFFF;
    border-style: none;
    padding-top: 0px;
    padding-left: 0px;
    width: 100%;
}

.selectedTab {
    font-family: Calibri;
    font-size: 8px;
    font-weight: bold;
    color: Navy;
    border-bottom-style: none;
    border-bottom-color: transparent;
    border-bottom-width: 0px;
}

.MenuItemStyle {
    padding: 5px 5px 5px 5px;
    border-style: solid;
    border-width: 1px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
}
.PopupPanelCurveStyle { 
    border-width: 2px; /*It was 1*/
    border-color: #b1b1b1; /*R:218, G: 73, B: 75*/ /*It was #DA494B*/
    box-shadow: 4px 0px 4px 2px rgba(0,0,0,0.3);
    padding: 5px;
}

.PopupPanelCurveStyle_N { /* Edited by Fadi on 12/08/2017 */
    background-color: white;
    border: 2px solid #234070;
    border-radius: 10px;
    box-shadow: 4px 0px 4px 2px rgba(0,0,0,0.3);
    overflow: hidden;
    padding: 0px;
}

.PopupPanelCurveStyle_Shadow {
    position: absolute;
    box-shadow: 2px 0px 8px 2px rgba(0,0,0,0.5);
    border-radius: 10px;
    z-index: 1;
}





.GridtextBoxStyle {
    font-family: Calibri;
    font-size: 10pt;
    color: navy;
    margin-left: 0px;
    margin-top: 0px;
    border-style: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    height: 22px;
}

.textBoxStyle_login {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10.5pt;
    color: navy;
    text-align: left;
    margin-left: 0px;
    border-style: none;
    height: 30px;
    width: 110px;
    vertical-align: middle;
}

    .textBoxStyle_login:focus {
        text-indent: 1px !important;
        border: 1px solid #4fbcff !important;
        box-shadow: 0 0 6px 1px #4fbcff !important;
    }

.labelHeaderTitle {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 26.25pt;
    font-weight: Bold;
    color: white;
}


.FooterLabelStyle {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14.25pt;
    color: #A8988A; /*168, 152, 138*/
}

.PanelCurveStyle { /* Edited by Fadi on 12/08/2017 */
    background-color: #234070;
    border-style: dashed; /*It was Solid*/
    border-width: 4px; /*It was 1*/
    border-color: #b1b1b1; /*168, G: 152, B: 138*/ /*It was #9DA9C6*/
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
}


.TitleOption {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16pt;
    font-weight: bold;
    margin-left: 0px;
    margin-right: 10px; /*Added by Mayssam on 24-2-2020*/
    color: white;
    white-space: nowrap;
    text-align: center;
}


.labelStyleTitle {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16pt;
    font-weight: bold;
    margin-left: 0px;
    margin-right: 10px; /*Added by Mayssam on 24-2-2020*/
    white-space: nowrap;
    text-align: center;
    color: #0C0E77;
}

.TotalStyle {
    font-family: Calibri !important;
    font-size: 16pt !important;
    vertical-align: middle;
    color: #234070;
    margin-left: 0px;
    font-weight: bold;
    overflow-wrap: break-word;
}

.SubTotalStyle {
    font-family: Calibri !important;
    font-size: 12pt !important;
    vertical-align: middle;
    color: #234070;
    margin-left: 0px;
    font-weight: bold;
    overflow-wrap: break-word;
}

.DisabledBackColor {
    /*212,208,200*/
    background-color: #D4D0C8;
}

.MenuCurveStyle {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}


.DropDownCurveStyle_noBorder {
    border-style: none;
    border-radius: 0px;
    padding: 3px;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    -ms-appearance: none !important;
    -o-appearance: none !important;
    background-position: 88px;
    background-repeat: no-repeat;
    text-indent: 0.01px;
    font-family: Calibri;
    font-size: 9pt;
    color: navy;
    height: 22px;
}

.DropDownStyle {
    font-family: Calibri;
    font-size: 9pt;
    color: navy;
    border-top-style: ridge;
    border-bottom-width: thin;
    text-align: left;
    border-left-style: ridge;
    border-right-style: ridge;
    border-bottom-style: ridge;
    margin-left: 0px;
}


.PanelSelectedCurveStyle {
    border-style: dashed;
    border-width: 4px;
    border-color: red;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}

.ButtonStyle {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: Bold;
    text-align: center;
    vertical-align: middle;
    color: White;
    border-style: none;
    cursor: pointer;
    background-color: #234070 !important;
    padding: 0 !important;
    box-shadow: none !important;
    -webkit-border-radius: 4px;
    border-radius: 4px !important;
    line-height: 17px !important;
    width: 100%;
}


.LinkButtonStyle {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11.5pt;
    background-color: transparent;
    text-align: center;
    vertical-align: middle;
    color: RGB( 11, 41, 114);
    border-style: none;
    cursor: pointer;
    text-decoration: underline;
    margin-left: 0px;
}

.GridSelectedRowStyle {
    background-color: #999999;
    font-weight: bold;
    font-family: Arial;
    font-size: 9pt;
}
.GridViewAlternatingRowStyle {
    background-color: #EBEDF3;
    font-family: Calibri;
    font-size: 10pt;
    font-weight: normal;
    height: 10px;
}
.GridFooterStyle {
    color: Black;
    background-color: #CCCCCC;
}

.GridHeaderStyle {
    background-color: #F2F2F2;
}

/*Added by cynthia for the neew design of socrate web */
.labelsStyle_N_WithNoClick {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    vertical-align: middle;
    color: #234070;
    margin-left: 0px;
}

.labelsStyle_N_WhiteColor {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    vertical-align: middle;
    color: White;
    margin-left: 0px;
}

.labelsStyle_N { /* Edited by Fadi on 12/08/2017 */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    vertical-align: middle;
    color: #234070;
    margin-left: 0px;
}

.labelsStyle_N:disabled {
    background-color: #EBEDF3;
}

.labelsStyle_N_NoBorder { /* Edited by Fadi on 12/08/2017 */
    border: none;
    font-family: Calibri; /*Arial, Helvetica, sans-serif*/
    font-size: 10pt;
    color: #234070;
    margin-left: 0px;
    margin-top: 0px;
    height: 22px;
}

.labelsStyle_N_White {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    vertical-align: middle;
    color: white;
    margin-left: 0px;
}
.labelsStyle_N_BGtransparent {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    vertical-align: middle;
    color: #234070;
    background-color:transparent !important;
    margin-left: 0px;
}
.MandatoryLabel { /* Edited by Fadi on 12/08/2017 */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    /*font-weight: bold;*/
    vertical-align: middle;
    color: #234070;
    margin-left: 0px;
}

    .MandatoryLabel:after {
        content: "*";
        color: red;
    }

.labelsStyle_N_disabled {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 10pt !important;
    font-weight: bold !important;
    vertical-align: middle !important;
    color: #A8988A !important;
    cursor: not-allowed !important;
}

.labelsStyle_Header { /* Added by Fadi on 12/08/2017 */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12pt;
    font-weight: bold;
    color: white;
    margin-left: 10px; /* Added by Antonio on 12/20/2017 */
    margin-right: 10px; /*Added by Mayssam on 24-2-2020*/
    min-height: 25px;
    vertical-align: middle;
}


/* Added by Pamela on 25/01/2018 in order to disable a label by javascript */
.labelsStyle_Header_disabled {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12pt;
    font-weight: bold;
    margin-left: 10px; /* Added by Antonio on 12/20/2017 */
    min-height: 25px;
    vertical-align: middle;
    color: #A8988A;
    cursor: not-allowed;
}

.DropDownStyle_N {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: navy;
    border-top-style: none;
    text-align: left;
    border-left-style: none;
    border-right-style: none;
    border-bottom-style: none;
    margin-left: 0px;
    width: 226px;
    height: 31px;
}

.RoundedButton {
    padding: 5px 5px 5px 5px;
    border: none;
    background-color: Transparent;
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
    border-bottom-left-radius: 40px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13pt; /*13pt;*/
    color: Navy;
    width: 90px;
    height: 90px;
    cursor: pointer;
}
/*End by cynthia*/

.DropDownStyle_login {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10.5pt;
    color: navy;
    border-top-style: none;
    text-align: left;
    border-left-style: none;
    border-right-style: none;
    border-bottom-style: none;
    margin-left: 0px;
    width: 226px;
    height: 31px;
    vertical-align: middle;
}

.verticalLabel {
    -moz-transform: rotate(-90.0deg); /* FF3.5+ it was 270*/
    -ms-transform: rotate(-90.0deg); /* IE9+ */
    -o-transform: rotate(-90.0deg); /* Opera 10.5 */
    -webkit-transform: rotate(-90.0deg); /* Safari 3.1+, Chrome */
    transform: rotate(-90.0deg); /* Standard */
}

.panelclickable {
    cursor: pointer;
}
.ItalicStyle {
    font-style: italic;
}

.panel_showallborder {
    border-bottom-style: solid;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-width: 2px;
    border-color: RGB(230,230,230);
    cursor: pointer;
}

.panel_ShowLeftRightBottom {
    border-bottom-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-width: 2px;
    border-color: RGB(230,230,230);
    cursor: pointer;
}

.panel_ShowLeftRight {
    border-right-style: solid;
    border-left-style: solid;
    border-width: 2px;
    border-color: RGB(230,230,230);
    cursor: pointer;
}


#horigrab {
    background-color: red;
}

.Style_ForAutocompleteUcFile {
    margin: 0px !important;
    color: navy;
    border-style: none;
    cursor: default;
    overflow: auto;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt;
    text-align: left;
    list-style-type: none;
    padding: 0px;
    background-color: white;
    margin-left: 0px;
    height: 230px !important;
    width: 800px !important;
}

.grayText {
    color: #998675;
    font-style: italic;
}
/* End AutoComplete item */
.textBoxGridStyle {
    font-family: Calibri;
    font-size: 10pt;
    color: navy;
    margin-left: 0px;
    margin-top: 0px;
    border-style: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 22px;
    color: white;
}

.PanelCurveStyle_Header { /* Added by Fadi on 12/08/2017 */
    background-color: #234070;
    border-style: solid;
    border-width: 1px;
    border-color: #b1b1b1;
    padding-top: 6px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.5), 0 3px 1px -2px rgba(0,0,0,0.5), 0 1px 5px 0 rgba(0,0,0,0.5);
    border-top-left-radius: 7px; /* was 10px / Edited by Antonio on 12/27/2017 */
    border-top-right-radius: 7px; /* was 10px / Edited by Antonio on 12/27/2017 */
    height: 30px; /* Added by Antonio on 12/27/2017 */
}
/* Added by Pamela on 29/01/2018 */
.CollapsiblePanelCurveStyle_Header {
    border: none;
    background-color: #F2F2F2;
    cursor: pointer;
    resize: none;
    text-align: left;
}

    .CollapsiblePanelCurveStyle_Header:disabled {
        border: none;
        cursor: pointer;
        resize: none;
    }

.CollapsiblelabelHeaderTitle {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    color: #234070 !important;
    margin-left: 10px;
    min-height: 25px;
    vertical-align: middle;
    padding-top: 6px;
    resize: none;
    float: left;
}
/*end by Pamela*/
.PanelCurveStyle_N { /* Edited by Fadi on 12/08/2017 */
    background-color: white;
    border-style: solid;
    border-width: 1px;
    border-color: #b1b1b1;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    /*MICHELLA ON 3-JUNE-2026*/
    /*border-color: #b1b1b1;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);*/
    border-color: #dddada !important;
    border-radius: 10px !important;
    box-shadow: none !important;
}

.ToolbarStyle { /* Added by Fadi on 12/13/2017 */
    width: 100%;
    height: 50px;
    min-width: 95%;
    /*margin: 0 0 0 3.5%;*/ /*Removed by Pamela as per management request*/
    border: 1px solid #b1b1b1;
    background: #ffffff;
    box-shadow: -1px 1px 4px 1px rgba(0,0,0,0.14);
}


.PanelCurveStyle_withoutshadow { /* Edited by Fadi on 12/08/2017 */
    background-color: white;
    border-style: solid;
    border-width: 1px;
    border-color: #b1b1b1;
    box-shadow: none;
}

/*AutoComplete flyout */
.autocomplete_completionListElement {
    margin: 0px !important;
    background-color: white;
    color: navy;
    border: buttonshadow;
    border-width: 1px;
    border-style: solid;
    cursor: default;
    overflow: scroll;
    height: 200px;
    font-family: Tahoma;
    font-size: 9pt;
    text-align: left;
}

/* AutoComplete item */
.autocomplete_listItem {
    background-color: white;
    color: navy;
    padding: 0px;
}

/* Added by Fadi on 11-27-2017 */


.AutoCompleteAdvancedSearch {
    width: 14px;
    height: 14px;
    float: left;
    outline: none;
    color: navy;
}

    .AutoCompleteAdvancedSearch:focus {
        box-shadow: 0 0 6px 1px #4fbcff;
        border: 1px solid #4fbcff;
    }

    .AutoCompleteAdvancedSearch:hover {
        width: 16px;
        height: 16px;
        float: left;
        padding-top: 0px;
        outline: none;
        color: navy;
    }

/* End by Fadi */

/*Njt */

.TableHeaderStyle {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: Bold;
    color: navy;
    margin-left: 0px;
    background-color: transparent !important;
}


.TableBodyStyle {
    font-family: Calibri;
    font-size: 10pt;
    color: navy;
    margin-left: 0px;
    background-color: transparent !important;
}

.TableRowStyle {
    background-color: transparent !important;
    border: 1px solid #A8988A;
    border-spacing: 0;
}
/** From jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, draggable.css, menu.css, progressbar.css, resizable.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css*/

/* Layout helpers for jquery-ui.css"
----------------------------------*/
.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-clearfix {
    min-height: 0; /* support: IE7 */
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
    z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    display: inline-block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding: .5em .5em .5em .7em;
    min-height: 0; /* support: IE7 */
    font-size: 100%;
}

.ui-accordion .ui-accordion-icons {
    /*padding-left: 2.2em;*/
    padding: .5em .5em .5em .7em;
}

    .ui-accordion .ui-accordion-icons .ui-accordion-icons {
        /*padding-left: 2.2em;*/
        padding: .5em .5em .5em .7em;
    }

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px;
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto;
}
/*chahid ON 7-JAN-2016*/
.ui-autocomplete {
    /*cynthia*/
    max-height: 165px;
    overflow-y: auto;
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
    border: solid;
    border-width: 1px;
    border-color: #A8988A;
    background-color: white;
    max-width: 500px; /*CHAHID ON 7-JAN-2016 */
    z-index: 9999999999999;
}
    /*chahid ON 7-JAN-2016*/
    .ui-autocomplete .highlight {
        background-color: silver;
        border-radius: 0px;
        color: #234070; /*georges on 17 march 2023 before color : navy*/
    }

.ui-autocomplete-loading {
    background: url('../Images/loading_search.gif') no-repeat 93% center;
    background-color: white;
}
/*END chahid ON 7-JAN-2016*/


.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}

    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .2em 0;
    }

    .ui-datepicker .ui-datepicker-prev,
    .ui-datepicker .ui-datepicker-next {
        position: absolute;
        top: 2px;
        width: 1.8em;
        height: 1.8em;
    }

    .ui-datepicker .ui-datepicker-prev-hover,
    .ui-datepicker .ui-datepicker-next-hover {
        top: 1px;
    }

    .ui-datepicker .ui-datepicker-prev {
        left: 2px;
    }

    .ui-datepicker .ui-datepicker-next {
        right: 2px;
    }

    .ui-datepicker .ui-datepicker-prev-hover {
        left: 1px;
    }

    .ui-datepicker .ui-datepicker-next-hover {
        right: 1px;
    }

    .ui-datepicker .ui-datepicker-prev span,
    .ui-datepicker .ui-datepicker-next span {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -8px;
        top: 50%;
        margin-top: -8px;
    }

    .ui-datepicker .ui-datepicker-title {
        margin: 0 2.3em;
        line-height: 1.8em;
        text-align: center;
    }

    .ui-datepicker select.ui-datepicker-month,
    .ui-datepicker select.ui-datepicker-year {
        width: 45%;
    }

    .ui-datepicker table {
        width: 100%;
        font-size: .9em;
        border-collapse: collapse;
        margin: 0 0 .4em;
    }

    .ui-datepicker th {
        padding: .7em .3em;
        text-align: center;
        font-weight: bold;
        border: 0;
    }

    .ui-datepicker td {
        border: 0;
        padding: 1px;
    }

        .ui-datepicker td span,
        .ui-datepicker td a {
            display: block;
            padding: .2em;
            text-align: right;
            text-decoration: none;
        }

    .ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        margin: .7em 0 0 0;
        padding: 0 .2em;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }

        .ui-datepicker .ui-datepicker-buttonpane button {
            float: right;
            margin: .5em .2em .4em;
            cursor: pointer;
            padding: .2em .6em .3em .6em;
            width: auto;
            overflow: visible;
        }

            .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
                float: left;
            }

    /* with multiple calendars */
    .ui-datepicker.ui-datepicker-multi {
        width: auto;
    }

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

    .ui-datepicker-multi .ui-datepicker-group table {
        width: 95%;
        margin: 0 auto .4em;
    }

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}

    .ui-datepicker-rtl .ui-datepicker-prev {
        right: 2px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next {
        left: 2px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-prev:hover {
        right: 1px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next:hover {
        left: 1px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-buttonpane {
        clear: right;
    }

        .ui-datepicker-rtl .ui-datepicker-buttonpane button {
            float: left;
        }

            .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
            .ui-datepicker-rtl .ui-datepicker-group {
                float: right;
            }

    .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
    .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px;
    }

.ui-dialog {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0;
}

    .ui-dialog .ui-dialog-titlebar {
        padding: .4em 1em;
        position: relative;
    }

    .ui-dialog .ui-dialog-title {
        float: left;
        margin: .1em 0;
        white-space: nowrap;
        width: 90%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .ui-dialog .ui-dialog-titlebar-close {
        position: absolute;
        right: .3em;
        top: 50%;
        width: 20px;
        margin: -10px 0 0 0;
        padding: 1px;
        height: 20px;
    }

    .ui-dialog .ui-dialog-content {
        position: relative;
        border: 0;
        padding: .5em 1em;
        background: none;
        overflow: auto;
    }

    .ui-dialog .ui-dialog-buttonpane {
        text-align: left;
        border-width: 1px 0 0 0;
        background-image: none;
        margin-top: .5em;
        padding: .3em 1em .5em .4em;
    }

        .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
            float: right;
        }

        .ui-dialog .ui-dialog-buttonpane button {
            margin: .5em .4em .5em 0;
            cursor: pointer;
        }

    .ui-dialog .ui-resizable-se {
        width: 12px;
        height: 12px;
        right: -5px;
        bottom: -5px;
        background-position: 16px 16px;
    }

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

.ui-draggable-handle {
    -ms-touch-action: none !important;
    touch-action: none !important;
    height: auto !important;
}

.AutoHeight {
    height: auto !important;
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    /*display: block; pamela*/
    outline: none;
}

    .ui-menu .ui-menu {
        position: absolute;
    }

    .ui-menu .ui-menu-item {
        position: relative;
        margin: 0;
        padding: 3px 1em 3px .4em;
        cursor: pointer;
        min-height: 0; /* support: IE7 */
        /* support: IE10, see #8844 */
        list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
    }

    .ui-menu .ui-menu-divider {
        margin: 5px 0;
        height: 0;
        font-size: 0;
        line-height: 0;
        border-width: 0px 0 0 0;
    }

    .ui-menu .ui-state-focus,
    .ui-menu .ui-state-active {
        margin: -1px;
    }

/* icon support */
.ui-menu-icons {
    position: relative;
}

ui-menu-icons .ui-menu-item {
    padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
    left: auto;
    right: 0;
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden;
}

    .ui-progressbar .ui-progressbar-value {
        margin: -1px;
        height: 100%;
    }

    .ui-progressbar .ui-progressbar-overlay {
        height: 100%;
        filter: alpha(opacity=25); /* support: IE8 */
        opacity: 0.25;
    }

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none;
}

.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}

.ui-selectable {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black;
}

.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

    .ui-selectmenu-menu .ui-menu {
        overflow: auto;
        /* Support: IE7 */
        overflow-x: hidden;
        padding-bottom: 1px;
    }

        .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
            font-size: 1em;
            font-weight: bold;
            line-height: 1.5;
            padding: 2px 0.4em;
            margin: 0.5em 0 0 0;
            height: auto;
            border: 0;
        }

.ui-selectmenu-open {
    display: block;
}

.ui-selectmenu-button {
    display: inline-block;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    cursor: pointer;
}

    .ui-selectmenu-button span.ui-icon {
        right: 0.5em;
        left: auto;
        margin-top: -8px;
        position: absolute;
        top: 50%;
    }

    .ui-selectmenu-button span.ui-selectmenu-text {
        text-align: left;
        padding: 0.4em 2.1em 0.4em 1em;
        display: block;
        line-height: 1.4;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.ui-slider {
    position: relative;
    text-align: left;
}

    .ui-slider .ui-slider-handle {
        position: absolute;
        z-index: 2;
        width: 1.2em;
        height: 1.2em;
        cursor: default;
        -ms-touch-action: none;
        touch-action: none;
    }

    .ui-slider .ui-slider-range {
        position: absolute;
        z-index: 1;
        font-size: .7em;
        display: block;
        border: 0;
        background-position: 0 0;
    }

    /* support: IE8 - See #6727 */
    .ui-slider.ui-state-disabled .ui-slider-handle,
    .ui-slider.ui-state-disabled .ui-slider-range {
        filter: inherit;
    }

.ui-slider-horizontal {
    height: .8em;
}

    .ui-slider-horizontal .ui-slider-handle {
        top: -.3em;
        margin-left: -.6em;
    }

    .ui-slider-horizontal .ui-slider-range {
        top: 0;
        height: 100%;
    }

    .ui-slider-horizontal .ui-slider-range-min {
        left: 0;
    }

    .ui-slider-horizontal .ui-slider-range-max {
        right: 0;
    }

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}

    .ui-slider-vertical .ui-slider-handle {
        left: -.3em;
        margin-left: 0;
        margin-bottom: -.6em;
    }

    .ui-slider-vertical .ui-slider-range {
        left: 0;
        width: 100%;
    }

    .ui-slider-vertical .ui-slider-range-min {
        bottom: 0;
    }

    .ui-slider-vertical .ui-slider-range-max {
        top: 0;
    }

.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none;
}


.ui-tabs {
    position: relative; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
    padding: .2em;
}

    .ui-tabs .ui-tabs-nav {
        margin: 0;
        padding: .2em .2em 0;
    }

        .ui-tabs .ui-tabs-nav li {
            list-style: none;
            float: left;
            position: relative;
            top: 0;
            margin: 1px .2em 0 0;
            border-bottom-width: 0;
            padding: 0;
            white-space: nowrap;
        }

        .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
            float: left;
            padding: .5em 1em;
            text-decoration: none;
        }

        .ui-tabs .ui-tabs-nav li.ui-tabs-active {
            margin-bottom: -1px;
            padding-bottom: 1px;
        }

            .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
            .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
            .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
                cursor: text;
            }

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none;
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    box-shadow: 0 0 5px #aaa;
    /*-webkit-box-shadow: 0 0 5px #aaa;
-moz-box-shadow: 0 0 5px #aaa;
-ms-box-shadow: 0 0 5px #aaa;
-o-box-shadow: 0 0 5px #aaa;*/
}

/* Component containers
----------------------------------*/

.ui-widget {
    font-family: Tahoma;
    color: navy;
    font-size: 10pt;
    text-decoration: none;
}



.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
    color: navy; /*Edited by fadi to change autocomplete color (before: #c7740) */
    text-decoration: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border: 1px solid #fbd850;
    background: #ffffff; /*url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x*/
    font-weight: bold;
    color: #eb8f00;
}

    .ui-state-active a,
    .ui-state-active a:link,
    .ui-state-active a:visited {
        color: #eb8f00;
        text-decoration: none;
    }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    /*border: 1px solid #fed22f;*/
    color: #363636;
}

    .ui-state-highlight a,
    .ui-widget-content .ui-state-highlight a,
    .ui-widget-headee {
    }

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
    color: navy; /*Edited by fadi to change autocomplete color (before: #c7740) */
    text-decoration: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border: 1px solid #fbd850;
    background: #ffffff; /*url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x*/
    font-weight: bold;
    color: #eb8f00;
}

    .ui-state-active a,
    .ui-state-active a:link,
    .ui-state-active a:visited {
        color: navy; /*Edited by fadi to change autocomplete color (before: #c7740) */
        text-decoration: none;
    }

/* Interaction Cues
---------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    /*border: 1px solid #fed22f;*/
    color: #363636;
}

    .ui-state-highlight a,
    .ui-widget-content .ui-state-highlight a,
    .ui-widget-header .ui-state-highlight a {
        color: #363636;
    }

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    /*border: 1px solid #cd0a0a;*/
    color: #ffffff;
}

    .ui-state-error a,
    .ui-widget-content .ui-state-error a,
    .ui-widget-header .ui-state-error a {
        color: #ffffff;
    }

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #ffffff;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70); /* support: IE8 */
    font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: 5 !important;
    filter: Alpha(Opacity=35); /* support: IE8 */
    background-image: none;
}

    .ui-state-disabled .ui-icon {
        filter: Alpha(Opacity=35); /* support: IE8 - See #6059 */
    }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    width: 16px;
    height: 16px;
}

/* positioning */
.ui-icon-blank {
    background-position: 16px 16px;
}

.ui-icon-carat-1-n {
    background-position: 0 0;
}

.ui-icon-carat-1-ne {
    background-position: -16px 0;
}

.ui-icon-carat-1-e {
    background-position: -32px 0;
}

.ui-icon-carat-1-se {
    background-position: -48px 0;
}

.ui-icon-carat-1-s {
    background-position: -64px 0;
}

.ui-icon-carat-1-sw {
    background-position: -80px 0;
}

.ui-icon-carat-1-w {
    background-position: -96px 0;
}

.ui-icon-carat-1-nw {
    background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0;
}

.ui-icon-triangle-1-n {
    background-position: 0 -18px;
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
    background-position: -65px -18px;
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}

.ui-icon-arrow-4 {
    background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}

.ui-icon-extlink {
    background-position: -32px -80px;
}

.ui-icon-newwin {
    background-position: -48px -80px;
}

.ui-icon-refresh {
    background-position: -64px -80px;
}

.ui-icon-shuffle {
    background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}

.ui-icon-folder-open {
    background-position: -16px -96px;
}

.ui-icon-document {
    background-position: -32px -96px;
}

.ui-icon-document-b {
    background-position: -48px -96px;
}

.ui-icon-note {
    background-position: -64px -96px;
}

.ui-icon-mail-closed {
    background-position: -80px -96px;
}

.ui-icon-mail-open {
    background-position: -96px -96px;
}

.ui-icon-suitcase {
    background-position: -112px -96px;
}

.ui-icon-comment {
    background-position: -128px -96px;
}

.ui-icon-person {
    background-position: -144px -96px;
}

.ui-icon-print {
    background-position: -160px -96px;
}

.ui-icon-trash {
    background-position: -176px -96px;
}

.ui-icon-locked {
    background-position: -192px -96px;
}

.ui-icon-unlocked {
    background-position: -208px -96px;
}

.ui-icon-bookmark {
    background-position: -224px -96px;
}

.ui-icon-tag {
    background-position: -240px -96px;
}

.ui-icon-home {
    background-position: 0 -112px;
}

.ui-icon-flag {
    background-position: -16px -112px;
}

.ui-icon-calendar {
    background-position: -32px -112px;
}

.ui-icon-cart {
    background-position: -48px -112px;
}

.ui-icon-pencil {
    background-position: -64px -112px;
}

.ui-icon-clock {
    background-position: -80px -112px;
}

.ui-icon-disk {
    background-position: -96px -112px;
}

.ui-icon-calculator {
    background-position: -112px -112px;
}

.ui-icon-zoomin {
    background-position: -128px -112px;
}

.ui-icon-zoomout {
    background-position: -144px -112px;
}

.ui-icon-search {
    background-position: -160px -112px;
}

.ui-icon-wrench {
    background-position: -176px -112px;
}

.ui-icon-gear {
    background-position: -192px -112px;
}

.ui-icon-heart {
    background-position: -208px -112px;
}

.ui-icon-star {
    background-position: -224px -112px;
}

.ui-icon-link {
    background-position: -240px -112px;
}

.ui-icon-cancel {
    background-position: 0 -128px;
}

.ui-icon-plus {
    background-position: -16px -128px;
}

.ui-icon-plusthick {
    background-position: -32px -128px;
}

.ui-icon-minus {
    background-position: -48px -128px;
}

.ui-icon-minusthick {
    background-position: -64px -128px;
}

.ui-icon-close {
    background-position: -80px -128px;
}

.ui-icon-closethick {
    background-position: -96px -128px;
}

.ui-icon-key {
    background-position: -112px -128px;
}

.ui-icon-lightbulb {
    background-position: -128px -128px;
}

.ui-icon-scissors {
    background-position: -144px -128px;
}

.ui-icon-clipboard {
    background-position: -160px -128px;
}

.ui-icon-copy {
    background-position: -176px -128px;
}

.ui-icon-contact {
    background-position: -192px -128px;
}

.ui-icon-image {
    background-position: -208px -128px;
}

.ui-icon-video {
    background-position: -224px -128px;
}

.ui-icon-script {
    background-position: -240px -128px;
}

.ui-icon-alert {
    background-position: 0 -144px;
}

.ui-icon-info {
    background-position: -16px -144px;
}

.ui-icon-notice {
    background-position: -32px -144px;
}

.ui-icon-help {
    background-position: -48px -144px;
}

.ui-icon-check {
    background-position: -64px -144px;
}

.ui-icon-bullet {
    background-position: -80px -144px;
}

.ui-icon-radio-on {
    background-position: -96px -144px;
}

.ui-icon-radio-off {
    background-position: -112px -144px;
}

.ui-icon-pin-w {
    background-position: -128px -144px;
}

.ui-icon-pin-s {
    background-position: -144px -144px;
}

.ui-icon-play {
    background-position: 0 -160px;
}

.ui-icon-pause {
    background-position: -16px -160px;
}

.ui-icon-seek-next {
    background-position: -32px -160px;
}

.ui-icon-seek-prev {
    background-position: -48px -160px;
}

.ui-icon-seek-end {
    background-position: -64px -160px;
}

.ui-icon-seek-start {
    background-position: -80px -160px;
}
/* ui-icon-seek-first is deprecated, use ui-icon-seek-star instead */
.ui-icon-seek-first {
    background-position: -80px -160px;
}

.ui-icon-stop {
    background-position: -96px -160px;
}

.ui-icon-eject {
    background-position: -112px -160px;
}

.ui-icon-volume-off {
    background-position: -128px -160px;
}

.ui-icon-volume-on {
    background-position: -144px -160px;
}

.ui-icon-power {
    background-position: 0 -176px;
}

.ui-icon-signal-diag {
    background-position: -16px -176px;
}

.ui-icon-signal {
    background-position: -32px -176px;
}

.ui-icon-battery-0 {
    background-position: -48px -176px;
}

.ui-icon-battery-1 {
    background-position: -64px -176px;
}

.ui-icon-battery-2 {
    background-position: -80px -176px;
}

.ui-icon-battery-3 {
    background-position: -96px -176px;
}

.ui-icon-circle-plus {
    background-position: 0 -192px;
}

.ui-icon-circle-minus {
    background-position: -16px -192px;
}

.ui-icon-circle-close {
    background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}

.ui-icon-circle-check {
    background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 4px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 4px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 4px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
    background: #666666 url("images/ui-bg_diagonals-thick_20_666666_40x40.png") 50% 50% repeat;
    opacity: .5;
    filter: Alpha(Opacity=50); /* support: IE8 */
}

.ui-widget-shadow {
    margin: -5px 0 0 -5px;
    padding: 5px;
    background: #000000 url("images/ui-bg_flat_10_000000_40x100.png") 50% 50% repeat-x;
    opacity: .2;
    filter: Alpha(Opacity=20); /* support: IE8 */
    border-radius: 5px;
}

.IE8Fix {
    z-index: 100;
}

#Buttons_Div {
    z-index: 1;
    left: 0px;
    top: 0px;
    position: absolute;
    height: 19px;
    width: 989px;
}

/*Added by pamela tp customize focus styles on each web control*/
.onfocus { /* Edited by Fadi on 12/08/2017 */
    /*text-indent: 5px;*/
    outline: none;
    box-shadow: 0 0 6px 1px #4fbcff;
    border: 1px solid #4fbcff;
    font-size: 10pt;
    margin-left: 0px;
    height: 22px;
    color: navy;
    border-radius: 0px;
    resize: none;
    font-weight: bold;
    font-family: Calibri;
}

.Divisionfocus { /* Edited by Fadi on 12/08/2017 */
    text-indent: 5px;
    outline: none;
    box-shadow: 0 0 6px 1px #4fbcff;
    border: 1px solid #4fbcff;
    font-size: 10pt;
    margin-left: 0px;
    height: auto;
    color: navy;
    border-radius: 0px;
    resize: none;
    font-weight: bold;
    font-family: Calibri;
}
.onfocus_cbo { /* Edited by Fadi on 12/08/2017 */
    outline: none;
    box-shadow: 0 0 6px 1px #4fbcff;
    border: 1px solid #4fbcff;
    border-radius: 0px;
    background-position: 88px;
    background-repeat: no-repeat;
    text-indent: 0.01px;
    font-family: Calibri;
    font-size: 10pt;
    height: 26px;
    color: navy;
    font-weight: bold;
}

/*End by Pamela*/

/*Added by chahid on 10/9/2015*/
.td_checkbox_style {
    text-align: left;
}

.RoundedButtonSmall {
    border-color: RGB( 115, 99, 87);
    border-width: thin;
    padding: 2px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4Px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    font-size: 8pt;
    line-height: 17px;
    font-weight: Bold;
    color: white;
    width: 23px;
    height: 23px;
    cursor: pointer;
}

.tableBackground {
    background-color: silver;
    opacity: 0.7;
}

/*Added by pamela on 6/4/2016 used in transaction documents*/
.SubHeaderPanel_N {
    border-style: solid;
    border-width: 1px;
    border-style: none;
    border-color: RGB( 11, 41, 114);
    background-color: white; /* #0C2A72**/
}

.ShowTabsDescription {
    color: RGB( 11, 41, 114);
    background-color: white;
    display: none;
}

.ItemImageStyle {
    min-width: 20px;
    min-height: 19px;
}

.ArrowImageStyle {
    min-width: 13px;
    min-height: 13px;
    vertical-align: middle;
    float: right;
    width: 13px;
    height: 13px;
    margin-top: 9px;
}

/*End by pamela*/

/*Added by chahid on 3/8/2016*/
.columnvisibilityNone {
    display: none;
}
/*end*/
/*Added by chahid on 10/9/2015*/
/*Optimize the order of styles and scripts (1)
•Android: -webkit- 
•Chrome: -webkit- 
•iOS: -webkit- 
•Safari: -webkit-
•Firefox: -moz- 
•Internet Explorer: -ms- 
•Opera: -o- 
*/
.hiddencol {
    display: none;
}

.CurveStyle_Msgbox {
    border-style: solid;
    border-radius: 10px;
    box-shadow: 15px 15px 5px buttonshadow;
    overflow: hidden;
    border-color: #215faa;
    border-width: 0.5px;
}
/*Pamela on 21/11/2016:File upload css style */
.file-upload {
    display: inline-block;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    font-family: Calibri;
    border: 1px solid #ffffff;
    background: #ffffff;
    color: navy;
    border-radius: 6px;
    -moz-border-radius: 6px;
    cursor: pointer;
    text-shadow: #000 1px 1px 2px;
    -webkit-border-radius: 6px;
}
    /* The button size */
    .file-upload input {
        top: 0;
        left: 0;
        margin: 0;
        font-size: 10pt;
        font-weight: bold;
        color: navy;
        opacity: 0;
        filter: alpha(opacity=0);
    }


/* Style the tab content */
.tabcontent {
    display: none;
    border: 0px solid #ccc;
    border-top: none;
}
/*end added by Trainee on 2016-12-28*/


/*added by chahid pamela on 2016-5-9*/
.tabButton {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13pt;
    font-weight: bold;
    white-space: nowrap;
    cursor: pointer;
    border-style: none;
    background-color: transparent;
    float: left;
    height: 25px;
    color: white;
    margin-right: 2px;
}

    .tabButton:hover {
        text-decoration: underline;
        text-decoration-color: white;
    }

    .tabButton:focus {
        white-space: nowrap;
        cursor: pointer;
        border-style: none;
        background-color: White;
        color: #0C2A72;
        border-radius: 10px 10px 0 0;
        float: left;
        height: 25px;
        margin-right: 2px;
        font-weight: bold;
    }

    .tabButton:active {
        white-space: nowrap;
        cursor: pointer;
        border-style: none;
        background-color: White;
        color: #0C2A72;
        border-radius: 10px 10px 0 0;
        float: left;
        height: 25px;
        margin-right: 2px;
        font-weight: bold;
    }

    .tabButton:target {
        white-space: nowrap;
        cursor: pointer;
        border-style: none;
        background-color: White;
        color: #0C2A72;
        border-radius: 10px 10px 0 0;
        float: left;
        height: 25px;
        margin-right: 2px;
        font-weight: bold;
    }

.tabButtonClicked {
    white-space: nowrap;
    cursor: pointer;
    border-style: none;
    background-color: White;
    color: #0C2A72;
    border-radius: 10px 10px 0 0;
    float: left;
    height: 25px;
    margin-right: 2px;
    font-weight: bold;
}
.LiteralStyle_N_inGrid { /* Edited by Fadi on 12/08/2017 */
    background-color: #EBEDF3; /* #e0e9f5;ghost white*/
    font-family: Calibri;
    font-size: 10pt;
    color: navy;
    margin-top: 0em;
    margin-left: 0em;
    text-indent: 0em;
    text-indent: 5px;
    border-style: none;
    border-radius: 0px;
    overflow: auto;
    width: 100%;
}

.GridLiteralStyle_withNoBackground { /* Edited by Fadi on 12/08/2017 */
    font-family: Calibri;
    background-color: transparent;
    font-size: 10pt;
    color: #234070;
    margin-top: 0em;
    margin-left: 0em;
    text-indent: 0em;
    text-indent: 5px;
    border-style: none;
    border-radius: 0px;
    overflow: auto;
    height: 20px;
    width: 100% !important;
}

.GridLiteralStyle_withBlueBackground {
    font-family: Calibri;
    font-size: 10pt;
    margin-top: 0em;
    margin-left: 0em;
    text-indent: 0em;
    text-indent: 5px;
    border-style: none;
    border-radius: 0px;
    overflow: auto;
    height: 20px;
    width: 100% !important;
    background-color: #234070 !important;
}

.GridLiteralStyle_withNavyColorTitles { /* Edited by Fadi on 12/08/2017 */
    font-family: Calibri;
    background-color: transparent;
    font-size: 10pt;
    margin-top: 0em;
    margin-left: 0em;
    text-indent: 0em;
    text-indent: 5px;
    border-style: none;
    border-radius: 0px;
    overflow: auto;
    height: 20px;
    width: 100%;
    color: navy !important;
}
.LiteralStyle_withNoBackground { /* Edited by Fadi on 12/08/2017 */
    font-family: Calibri;
    background-color: transparent;
    font-size: 10pt;
    color: navy;
    margin-top: 0em;
    margin-left: 0em;
    text-indent: 0em;
    text-indent: 5px;
    border-style: none;
    border-radius: 0px;
    overflow: auto;
    height: 44px;
    width: 100%;
}
/*end added by chahid on 2016-5-9*/
.btn_toolbar {
    cursor: pointer;
    text-align: left;
    border-style: none;
    padding: 2px;
    background-color: transparent;
    width: 100%;
    height: 29px;
    background-image: url(../Images/icon-enabled-copy.gif);
}

    .btn_toolbar:hover {
        background-image: url(../Images/icon-rollover-copy.gif) !important;
    }


/*Added by pamela on 23/8/2017 :used in phmem/phmrg*/
.ajax__html_editor_extender_buttoncontainer {
    display: none !important;
    padding: 0px 0px 0px 0px !important;
    margin: 0px 0px 0px 0px !important;
}

.ajax__html_editor_extender_texteditor {
    padding: 0px 0px 0px 0px !important;
    margin: 0px 0px 0px 0px !important;
    border: 1px solid #A8988A !important;
    text-indent: 5px !important;
    font-family: Calibri !important;
    font-size: 10pt !important;
    color: navy !important;
    border-radius: 4px !important;
    height: 95% !important;
}

    .ajax__html_editor_extender_texteditor :focus {
        outline: none !important;
        box-shadow: 0 0 19px #41c1e6 !important;
        font-family: Calibri !important;
        font-size: 10pt !important;
        border-width: 1px !important;
        border-style: solid !important;
        color: navy !important;
        border-radius: 4px !important;
        resize: none !important;
    }

.descriptionTextBox {
    background-color: #f8f8ff !important;
    font-family: Calibri !important;
    font-size: 10pt !important;
    color: navy !important;
    text-indent: 1em !important;
    border: 1px solid #A8988A !important;
    border-radius: 4px !important;
    overflow-y: auto !important;
    height: 100% !important;
    width: 100% !important;
    resize: none !important;
    padding: 0px 0px 0px 0px !important;
    margin: 0px 0px 0px 0px !important;
}
/*End by Pamela*/


/* Added by Fadi: Spinner*/


/* Overlays */
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-button {
    padding: .4em 1em;
    display: block;
    position: relative;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* Support: IE <= 11 */
    overflow: visible;
}

    .ui-button,
    .ui-button:link,
    .ui-button:visited,
    .ui-button:hover,
    .ui-button:active {
        text-decoration: none;
    }


/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
    width: 2em;
    box-sizing: border-box;
    text-indent: -9999px;
    white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
    text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
    padding: 0;
    width: 2.1em;
    height: 2.1em;
    text-indent: -9999px;
    white-space: nowrap;
}

input.ui-button.ui-icon-notext .ui-icon {
    width: auto;
    height: auto;
    text-indent: 0;
    white-space: normal;
    padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {
    /* Support: IE8 only, Android < 4.4 only */
    width: 75%;
    width: calc( 100% - 2.4em );
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
    border-top-style: solid;
}

.SpinnerDisabled {
    border: 1px solid #909090;
    border-radius: 0px;
    background: #EBEDF3;
}

.ui-spinner {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle;
}

.ui-spinner-input {
    border: none;
    background: none;
    color: navy;
    vertical-align: middle;
    padding-left: 5px;
    outline: none;
}


.ui-spinner-button {
    width: 1.6em;
    height: 50%;
    font-size: 1.05em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
    border-top-style: none;
    border-bottom-style: none;
    border-right-style: none;
}

.ui-spinner-up {
    top: 0;
}

.ui-spinner-down {
    bottom: 0;
}

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url("../Images/SpinnerImages/ui-icons_444444_256x240.png");
}

.ui-widget-header .ui-icon {
    background-image: url("../Images/SpinnerImages/ui-icons_444444_256x240.png");
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
    background-image: url("../Images/SpinnerImages/ui-icons_555555_256x240.png");
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
    background-image: url("../Images/SpinnerImages/ui-icons_ffffff_256x240.png");
}

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
    background-image: url("../Images/SpinnerImages/ui-icons_777620_256x240.png");
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url("../Images/SpinnerImages/ui-icons_cc0000_256x240.png");
}

.ui-button .ui-icon {
    background-image: url("../Images/SpinnerImages/ui-icons_777777_256x240.png");
}


/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    font-weight: normal;
    color: #454545;
    border: 1px solid #A8988A;
    background-color: #BEBABA;
    font-weight: normal;
}

    .ui-state-default a,
    .ui-state-default a:link,
    .ui-state-default a:visited,
    a.ui-button,
    a:link.ui-button,
    a:visited.ui-button,
    .ui-button {
        color: #454545;
        text-decoration: none;
    }

        .ui-state-hover,
        .ui-widget-content .ui-state-hover,
        .ui-widget-header .ui-state-hover,
        .ui-state-focus,
        .ui-widget-content .ui-state-focus,
        .ui-widget-header .ui-state-focus,
        .ui-button:hover,
        .ui-button:focus {
            /*background-color: #D8E4F8;*/ /*Commented By William*/
        }

.ui-visual-focus {
    box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    background: #92bee5;
    font-weight: normal;
    color: #ffffff;
    padding: -5px;
}

    .ui-icon-background,
    .ui-state-active .ui-icon-background {
        border: #003eff;
        background-color: #ffffff;
    }

    .ui-state-active a,
    .ui-state-active a:link,
    .ui-state-active a:visited {
        color: #ffffff;
        text-decoration: none;
    }


/* End by Fadi */
.button_autocomplete {
    width: 24px;
    height: 24px;
    float: right;
    padding-left: .2em;
    padding-top: 1px;
    padding-bottom: 1px;
}

/* Toolbar Styles */
.ToolbarNoBorder {
    width: 100%;
    background-color: transparent;
    height: inherit; /*Added by Antonio*/
    border: none;
    cursor: pointer;
}

.ToolbarButtonLeft { /* Added by Fadi on 12/13/2017 */
    width: 60px;
    background-color: transparent;
    height: inherit; /*Added by Antonio*/
    float: left;
    border: none;
    /*border-right: 1px solid #cccccc;*/ /*Removed by Pamela as per management request*/
    cursor: pointer;
    justify-content: center;
}

    .ToolbarButtonLeft:lang(ar) { /*Added by Mayssam on 17-2-2020*/
        /*border-left: 1px solid #cccccc !important;*/ /*Removed by Pamela as per management request*/
        border-right: none !important;
    }

.ToolbarButtonRight { /* Added by Fadi on 12/13/2017 */
    width: 60px;
    background-color: transparent;
    height: inherit; /*Added by Antonio*/
    float: right;
    border: none;
    cursor: pointer;
}
    /*Added by Mayssam on 17-2-2020*/
    .ToolbarButtonRight:lang(ar) {
        /*border-right: 1px solid #cccccc !important;*/ /*Removed by Pamela as per management request*/
        border-left: none !important;
    }

.ToolbarNoBorder:disabled {
    opacity: 0.2;
    background-color: transparent;
    border: none;
    cursor: not-allowed;
}

.ToolbarButtonLeft:disabled, .ToolbarButtonLeft:disabled:hover { /* Added by Fadi on 12/13/2017 */
    opacity: 0.2;
    background-color: transparent;
    /*border-right: 1px solid black;*/ /*Removed by Pamela as per management request*/
    cursor: not-allowed;
}
    /*Added by Mayssam on 17-2-2020*/
    .ToolbarButtonLeft:disabled:lang(ar) {
        opacity: 0.2 !important;
    }

.ToolbarButtonRight:disabled, .ToolbarButtonRight:disabled:hover { /* Added by Fadi on 12/13/2017 */
    opacity: 0.2;
    background-color: transparent;
    cursor: not-allowed;
}

.ToolbarButtonLeft:hover, .ToolbarButtonRight:hover { /* Added by Fadi on 12/13/2017 */
    background-color: #deeeff;
}

.ToolbarIcon { /* Added by Fadi on 12/13/2017 */
    background-color: transparent;
    padding: 2px 10px 2px 10px;
    height: 20px;
    outline: none;
}

.ToolbarLabel { /* Added by Fadi on 12/13/2017 */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt; /*Edited 10 to 8 by Antonio*/
    font-weight: bold;
    color: #234070;
    margin-left: 0px;
    margin-top: 2px;
    width: 100%;
    text-align: center;
    white-space: normal;
    overflow-wrap: break-word;
}

.sticky { /* Added by Fadi on 12/13/2017 */
    position: fixed;
    top: 0;
    min-width: 945px;
    z-index: 999999999;
    box-shadow: 0px 3px 18px 0px rgba(0,0,0,0.3);
}
/* Added by Antonio on 12/19/2017 */


/*Added by Antonio 7-2-2019 to adjust height incase 2 lines is required as in mobile version*/
#Pnl_title.PanelCurveStyle_Header {
    height: auto !important;
}

#Pnl_Master_title.PanelCurveStyle_Header {
    height: auto !important;
}

/* Added by chahid on 12/26/2017 */
.labelsStyle_Normal_notBold { /* Edited by Fadi on 12/08/2017 */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: normal;
    vertical-align: middle;
    color: #234070;
    margin-left: 0px;
}

.td_background_white {
    background-color: white;
}


/*Added by Antonio 5-2-2018*/
.WhiteBackground {
    background-color: white !important;
}

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

/*Ended by Antonio 5-2-2018*/

/*Added by Pamela on 28/3/2018:in-range order to set style for ck inline editor version 4*/
.cke_editable.cke_editable_inline.cke_focus {
    width: 50% !important;
    top: 33% !important;
    position: fixed !important; /*Pamela on 24/5/2018:Position :should be fixed and not absolute user is not obliged to scroll up to see the division of the content displayed*/
    left: 25% !important;
    right: 25% !important;
    bottom: 50% !important;
    height: 33% !important;
    outline: none !important;
    box-shadow: 0 0 6px 1px #4fbcff !important;
    border: 1px solid #4fbcff !important;
    font-size: 10pt !important;
    margin-left: 0px !important;
    color: navy !important;
    border-radius: 0px !important;
    resize: none !important;
    font-family: Calibri !important;
    z-index: 99 !important;
}
/*End by Pamela*/

/*Added by Antonio 8-6-2018*/
.GridViewStyle_AccOptions {
    height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
}
/*End by Antonio*/

/***** Chadi Kallab *****/
.divAccordeonSection {
}

.divAccordeonSectionHeader {
    border-style: solid;
    border-width: 1px;
    border-color: #b1b1b1;
    padding-top: 6px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.5), 0 3px 1px -2px rgba(0,0,0,0.5), 0 1px 5px 0 rgba(0,0,0,0.5);
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    height: 30px;
    padding-left: 10px;
    float: left;
    background-color: #3865ac;
    font-weight: bold;
    color: white;
}

/*Mayssam on 16-9-2020*/
.divAccordeonSectionHeaderSel {
    font-weight: bold;
}

.divAccordeonSectionHeader span {
    padding-right: 5px;
}

.divAccordeonSectionHeader img {
    height: 20px;
    width: 20px;
    vertical-align: middle;
    text-align: center;
    float: right;
}


.divAccordeonSectionButton {
    height: 30px;
    width: 100%;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    line-height: 27px;
    border: none;
    font-weight: bold;
    background-color: #225fab;
    color: white;
}

    .divAccordeonSectionButton:disabled {
        background-color: #998675;
    }

.hide {
    display: none;
}

.FrameStyleHide {
    background-color: transparent;
    height: 100%;
    width: 100%;
    border: none;
    display: none !important;
}

.FrameStyleShow {
    background-color: transparent;
    height: 100%;
    width: 100%;
    border: none;
    display: flex !important;
}


.treeViewNode {
    display: block;
    text-decoration: none;
}

    .treeViewNode:hover {
        background-color: lightgray;
    }

/*//Added For Scheduler*/
.NavigationStyle_N {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9.5pt;
    color: RGB( 11, 41, 114);
    margin-left: 0px;
}

.SchedulerbodyStyle {
    min-height: 100%;
    background-color: white;
}

.div_parent_iframe {
    display: none;
    left: 0px;
    right: 0px;
    top: 0px;
    position: fixed;
    height: 950px;
    width: 100%;
    z-index: 12;
    margin-bottom: 0px;
    background-color: rgba(222, 222, 222, 0.5);
    min-width: 700px;
    z-index: 99;
}

.Hyperlink {
    text-decoration: underline !important;
    cursor: pointer;
}

    .Hyperlink:disabled {
        color: #A8988A;
    }


/*//End by Pamela*/
.ToolbarStyle_simple { /* Added by Antonio on 12/17/2018 */
    width: 100%;
    height: 100%;
    min-width: 100%;
    border: 1px solid #b1b1b1;
    background: #ffffff;
    box-shadow: -1px 1px 4px 1px rgba(0,0,0,0.14);
}

.pagination { /* Added by Antonio on 27-12-2018 required for enabling click on page index in gridview when gridview is disabled */
    pointer-events: initial !important;
}

/*Added By  Developer1  On 19-03-2019 - Required for applying the tab style */
/* Style the tab */
.divTab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

    /* Style the buttons that are used to open the tab content */
    .divTab button {
        background-color: inherit;
        float: left;
        border: none;
        outline: none;
        cursor: pointer;
        padding: 14px 16px;
        transition: 0.3s;
        color: black !important;
    }

        /* Change background color of buttons on hover */
        .divTab button:hover {
            background-color: #ddd;
        }

        /* Create an active/current tablink class */
        .divtab button.active {
            background-color: #ccc;
        }

/* Style the tab content */
.divTabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}

.divTablink {
    background-color: #555;
    color: white;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    font-size: 17px;
    width: 25%;
}
/*End by Developer1   */
.PanelCurveStyle_Subheader { /* Added by Antonio on 5/2/2019 */
    background-color: #234070;
    border-style: solid;
    border-width: 1px;
    border-color: #b1b1b1;
    padding-top: 6px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.5), 0 3px 1px -2px rgba(0,0,0,0.5), 0 1px 5px 0 rgba(0,0,0,0.5);
    border-top-left-radius: 7px; /* was 10px / Edited by Antonio on 12/27/2017 */
    border-top-right-radius: 7px; /* was 10px / Edited by Antonio on 12/27/2017 */
    height: 30px;
}

.labelsStyle_Subheader { /* Added by Antonio on 5/2/2019 */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    color: white;
    margin-left: 10px; /* Added by Antonio on 12/20/2017 */
    min-height: 25px;
    vertical-align: middle;
}
/*<%--Added By  Developer1  08-05-2019--%>*/
.MyTabStyle .ajax__tab_header {
    font-family: "Helvetica Neue", Arial, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
    display: block;
}

    .MyTabStyle .ajax__tab_header .ajax__tab_outer {
        color: #fff;
        padding-left: 10px;
        margin-right: 3px;
        border: solid 1px #b1b1b1;
        height: 30px !important;
        font-weight: bold;
        background-color: #3865ac;
        padding-top: 6px;
        box-shadow: 0 2px 2px 0 rgba(0,0,0,0.5), 0 3px 1px -2px rgba(0,0,0,0.5), 0 1px 5px 0 rgba(0,0,0,0.5);
        border-top-left-radius: 7px;
        border-top-right-radius: 7px;
    }

    .MyTabStyle .ajax__tab_header .ajax__tab_inner {
        border-color: #666;
        color: #fff;
        padding: 3px 10px 2px 0px;
    }

.MyTabStyle .ajax__tab_hover .ajax__tab_outer {
    background-color: #234070;
}

.MyTabStyle .ajax__tab_hover .ajax__tab_inner {
    color: #fff;
}

.MyTabStyle .ajax__tab_active .ajax__tab_outer {
    border-bottom-color: #ffffff;
    background-color: #234070;
}

.MyTabStyle .ajax__tab_active .ajax__tab_inner {
    color: #ffffff;
    border-color: #333;
}

.MyTabStyle .ajax__tab_body {
    font-family: verdana,tahoma,helvetica;
    font-size: 10pt;
    background-color: #fff;
    border-top-width: 0;
    border: solid 1px #d7d7d7;
    border-top-color: #ffffff;
}

.ajax__tab_tab {
    color: #ffffff !important;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}
/*<%--End By  Developer1  15-04-2019--%>*/
/*antonio 29-5*/
.divAccordeonSectionButton_new {
    height: 27px;
    width: 100%;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    line-height: 27px;
    border: none;
    font-weight: bold;
    background-color: #225fab;
    color: white;
    border-radius: 5px;
}

    .divAccordeonSectionButton_new:disabled {
        background-color: #998675;
    }

.ToolbarIconInUL { /* Added by Antonio on 10/7/2019 */
    background-color: transparent;
    padding: 2px 5px 2px 5px; /* Modified by Antonio on 17/7/2019 */
    outline: none;
}

.ToolbarIconIn_UL {
    background-color: transparent;
}

.SeparatedPanelStyle { /* Added by Antonio on 17/7/2019 */
    border-right: 0.5px solid #234070;
    border-bottom: 0.5px solid #234070;
}

.ToolbarIconInUL_Disabled { /* Added by Antonio on 18/7/2019 */
    opacity: 0.2;
    background-color: transparent;
    border: none;
    cursor: not-allowed;
}

.div_onfocus { /* Added by Antonio on 18/7/2019 */
    box-shadow: 0 0 6px 1px #4fbcff;
    border: 1px solid #4fbcff;
}
/*end antonio 29-5*/
.ui-datepicker-header {
    background-color: #2160AC !important;
    border-color: #2160AC !important;
}

/*Added By  Developer1  27-03-2019*/
.ui-datepicker-local {
    width: 25em !important;
}
/*End By Developer1   */
/* Group: diagonal-stripe */
.diagonal-stripe-1 {
    font-family: Calibri;
    font-size: 9pt;
    color: #0B2972;
    text-decoration: none;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMCcgaGVpZ2h0PScxMCc+CiAgPHJlY3Qgd2lkdGg9JzEwJyBoZWlnaHQ9JzEwJyBmaWxsPSd3aGl0ZScvPgogIDxwYXRoIGQ9J00tMSwxIGwyLC0yCiAgICAgICAgICAgTTAsMTAgbDEwLC0xMAogICAgICAgICAgIE05LDExIGwyLC0yJyBzdHJva2U9J2JsYWNrJyBzdHJva2Utd2lkdGg9JzEnLz4KPC9zdmc+Cg==");
    background-repeat: repeat;
}

/* Pamela:Used in Scheduler/Calendar*/

.NormalLabel {
    text-indent: 5px;
    font-family: Calibri;
    font-size: 9pt;
    color: navy;
    height: 22px;
    width: 100%;
    border: none !important;
    background-color: transparent !important;
    text-decoration: none;
}

.StrikeLabel {
    text-indent: 5px;
    font-family: Calibri;
    font-size: 9pt;
    color: navy;
    height: 22px;
    width: 100%;
    border: none !important;
    background-color: transparent !important;
    text-decoration: line-through;
}


/* Pamela:Used in al stock transctions*/
.treeviewLabelStyle {
    font-family: Calibri;
    font-size: 10pt;
    vertical-align: middle;
    color: #234070;
    margin-left: 0px;
    cursor: pointer;
    text-decoration: underline;
}

    .treeviewLabelStyle:disabled {
        color: #A8988A;
    }
/*New styles added form text*/

.text-monospace {
    font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace
}

.text-justify {
    text-align: justify !important
}

.text-wrap {
    white-space: normal !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-prewrap {
    white-space: pre-wrap !important
}



.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-left {
    text-align: left !important
}

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

.text-center {
    text-align: center !important
}

@media (min-width:576px) {
    .text-sm-left {
        text-align: left !important
    }

    .text-sm-right {
        text-align: right !important
    }

    .text-sm-center {
        text-align: center !important
    }
}

@media (min-width:768px) {
    .text-md-left {
        text-align: left !important
    }

    .text-md-right {
        text-align: right !important
    }

    .text-md-center {
        text-align: center !important
    }
}

@media (min-width:992px) {
    .text-lg-left {
        text-align: left !important
    }

    .text-lg-right {
        text-align: right !important
    }

    .text-lg-center {
        text-align: center !important
    }
}

@media (min-width:1200px) {
    .text-xl-left {
        text-align: left !important
    }

    .text-xl-right {
        text-align: right !important
    }

    .text-xl-center {
        text-align: center !important
    }
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}
/*Added by mayssam on 03-04-2020*/
.convCurrencyAlign {
    margin-left: 2px;
    padding-right: 6px;
}

    /* Mayssam on 1-6-2020 change below style*/
    .convCurrencyAlign:lang(ar) {
        margin-right: 5px;
    }

.ToolbarButtonStyle {
    background-size: 18px !important;
    background-position-x: center !important;
    padding-top: 20px !important;
    margin-left: 12px !important;
    margin-top: 5px !important;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}
/*Added by Najatte on 1-April-2020*/
.ModalButtonStyle {
    background-size: 18px !important;
    background-position-x: center !important;
    padding-top: 20px !important;
    margin-left: 12px !important;
    margin-top: 5px !important;
    font-family: Calibri;
    font-size: 10pt;
    background-repeat: no-repeat !important;
}

.WrapTextinList {
    overflow-wrap: break-word;
}

.WizardDropdownClass {
    background-image: url(../images/NewIcons/Wizard_Round_En.png);
    width: 30px;
    height: 28px;
    background-size: 30px;
    background-repeat: no-repeat;
    padding: 2px 2px 30px 40px;
    vertical-align: inherit;
}

.RedColor {
    color: red !important;
}

.NavyColor {
    color: navy !important;
}

.BlueColor {
    color: #234070 !important;
}

.lbl_SeeMoreLabelStyle {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    /*font-weight: bold;*/
    vertical-align: middle;
    color: #234070;
    margin-left: 0px;
    /*text-decoration: underline;*/
    cursor: pointer;
}

    .lbl_SeeMoreLabelStyle:link, lbl_SeeMoreLabelStyle:visited {
        color: red;
        display: block;
        height: 1em;
        text-align: center;
        text-decoration: underline;
        width: 3em;
    }

    .lbl_SeeMoreLabelStyle:hover {
        text-decoration: underline;
        cursor: pointer;
    }

.list-group-item {
    position: relative;
    display: block;
    cursor: pointer;
}

    .list-group-item.active {
        color: #fff;
        cursor: pointer;
        background-color: #e8f4f8 !important; /*Commented by Pamela on 27-01-2020 it was #ececec !important;*/
        border: 1px solid #4fbcff
    }
/*Added by Pamela on 19-June-2020 to unify the stayle of popups*/
.HilightListRow {
    color: #fff;
    cursor: default;
    background-color: #e8f4f8 !important; /*Commented by Pamela on 27-01-2020 it was #ececec !important;*/
    border: 1px solid #4fbcff
}

.PopupStyle {
    background-color: white !important;
    border: 2px solid #234070 !important;
    border-radius: 10px !important;
    box-shadow: 4px 0px 4px 2px rgba(0,0,0,0.3) !important;
    overflow: hidden !important;
    padding: 0px !important;
}

.PopupContentStyle {
    background-color: white !important;
}

.PopupHeaderStyle {
    background-color: #234070;
    height: 25px !important;
    display: flex;
    align-items: center;
    /*added by Pamela To Standardize*/
    height: auto !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    padding-right: 0 !important;
}

@media (max-width: 576px) {
    .PopupStyle {
        max-width: 100% !important;
    }
}

@media (max-width: 768px) {
    .PopupStyle {
        max-width: 100% !important;
    }
}

@media (min-width: 992px) {
    .PopupStyle {
        max-width: 65% !important;
    }
}

.ListHeaderStyleFixed {
    background-color: #234070;
    border: none;
    padding-top: 6px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.5), 0 3px 1px -2px rgba(0,0,0,0.5), 0 1px 5px 0 rgba(0,0,0,0.5);
    border: 0;
    width: 100%;
    height: 25px;
    font-weight: bold !important;
}

.SectionHeaderStyle {
    background-color: #234070;
    border: none;
    padding-top: 6px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.5), 0 3px 1px -2px rgba(0,0,0,0.5), 0 1px 5px 0 rgba(0,0,0,0.5);
    border: 0;
    height: auto;
    width: 100%;
}

.CollapsedStyle {
    background-color: #234070;
    border: none;
    padding-top: 6px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.5), 0 3px 1px -2px rgba(0,0,0,0.5), 0 1px 5px 0 rgba(0,0,0,0.5);
    border: 0;
    height: auto;
    width: 100%;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}

.LeftIndexCollapsedStyle {
    background-color: white;
    border-style: none;
    box-shadow: none;
    padding-top: 6px;
    border: 0;
    height: 30px;
    width: 100%;
    border-bottom: #b1b1b1;
    border-bottom-style: solid;
    border-bottom-width: 0.5px;
}

.FrameStyle {
    background-color: transparent;
    height: 100%;
    width: 100%;
    border: none;
}

.sweet-alert p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    vertical-align: middle;
    color: #234070 !important;
    margin: 0;
    padding: 0;
}

.CenterDiv {
    display: flex;
    justify-content: center;
    align-items: center;
}

.ListUlStyle {
    overflow-x: auto;
    overflow-y: hidden;
    margin: 0px;
    padding-left: 0px;
    list-style-type: none
}
/*End  by Pamela on 19-June-2020 to unify the stayle of popups*/
.hiddencol {
    display: none;
}

/*Njt on 13-July-2020: ---->>> add this style class for message modal*/
.ModalButtonMsgStyle {
    font-family: Calibri;
    font-weight: Bold;
    font-size: 10pt;
    background-color: #234070 !important;
    text-align: center !important;
    vertical-align: middle;
    color: White !important;
    border-style: none !important;
    cursor: pointer;
    background-size: 18px !important;
    background-position-x: center !important;
    padding: 5px 7px 5px 7px !important;
    margin: 5px 5px 5px 5px !important;
    width: 100%;
    padding: 0 !important;
    height: 40px;
    -webkit-border-radius: 4px;
    border-radius: 4px !important;
    line-height: 17px !important;
    box-shadow: none !important;
}

    .ModalButtonMsgStyle:focus {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: Bold;
        background-color: #4b7ebd; /*RGB(34,95,171);*/
        text-align: center;
        vertical-align: middle;
        color: White;
    }

    .ModalButtonMsgStyle:hover {
        padding: 2px;
        line-height: 17px;
        font-weight: Bold;
        color: white;
        background-color: #225fab;
        border: none;
        cursor: pointer;
    }


/*Mayssam on 8-5-2020: add below styles*/
.ajaxStyles {
    background-position-y: bottom !important;
    padding-bottom: 42px !important;
}

.LighterFont {
    font-weight: lighter;
}

.OnBlurClass {
    text-indent: 1px !important;
    border: 1px solid #909090 !important;
    box-shadow: none !important;
}



.OnFocusClass {
    text-indent: 1px !important;
    border: 1px solid #4fbcff !important;
    box-shadow: 0 0 6px 1px #4fbcff !important;
}

.FontBold {
    font-weight: bold;
}

.whiteColor {
    color: white;
}

.HilightTextinList {
    color: #234070;
    display: inline-block;
    cursor: pointer;
    background-color: yellow;
}

.CollapsedStyleForModal {
    background-color: #234070;
    border: none;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.5), 0 3px 1px -2px rgba(0,0,0,0.5), 0 1px 5px 0 rgba(0,0,0,0.5);
    border: 0;
    height: 25px;
    width: 100%;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}

.PopupHeaderStyle_NormalWindow {
    background-color: #234070;
    height: 35px;
    display: flex;
    align-items: center;
}

.LabelFooterStyle {
    font-family: Calibri;
    font-size: 12pt;
    font-weight: bold;
    color: white;
    vertical-align: middle;
    text-align: center
}

    .LabelFooterStyle:disabled {
        background-color: #EBEDF3;
    }

.OptionMenustyle {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    vertical-align: middle;
    color: #234070;
    margin-left: 0px;
}

    .OptionMenustyle:after {
        content: "";
        display: block;
        width: 100%;
        border: 0.5px solid #A8988A;
    }
/*Mayssam on 10-9-2020 Add below styles*/
.SideBar {
    height: auto;
    width: 0;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: transparent;
    overflow-x: hidden;
    transition: 0.5s;
}
    /*Mayssam on 17-9-2020*/
    .SideBar:lang(ar) {
        right: 0;
    }
/*Mayssam on 17-9-2020*/
.sideBarBox {
    height: 100vh;
    width: 20px; /*Mayssam on 28-9-2020*/
    position: fixed;
    left: 0;
}
    /*Mayssam on 17-9-2020*/
    .sideBarBox:lang(ar) {
        right: 0;
    }

.EditImageStyle {
    background-image: url(../images/ToolbarIcons/Edit_En.png);
    background-color: transparent !important;
    background-size: 20px;
    background-repeat: no-repeat;
    padding: 2px 2px 2px 2px;
    vertical-align: middle;
    background-position: center;
}

.EditImageStyle_Disabled {
    background-image: url(../images/ToolbarIcons/Edit_Dis.png);
    background-color: transparent !important;
    background-size: 20px;
    background-repeat: no-repeat;
    padding: 2px 2px 2px 2px;
    vertical-align: middle;
    background-position: center;
}
/*Mayssam on 16-9-2020*/
.MainSideBar {
    transition: margin-left .5s;
}
/*Begin Mayssam on 28-9-2020*/
.SideBarRight {
    height: auto;
    width: 0;
    position: absolute;
    z-index: 1;
    right: 0;
    background-color: transparent;
    overflow-x: hidden;
    transition: 0.5s;
}

    .SideBarRight:lang(ar) {
        right: 0;
    }

.sideBarBoxRight {
    height: 100vh;
    width: 20px;
    position: fixed;
    right: 0;
}

    .sideBarBoxRight:lang(ar) {
        right: 0;
    }
/*End Mayssam on 28-9-2020*/
.CSSCloseIcon {
    max-width: 100%;
    height: auto;
    background-color: transparent !important;
    background-size: 25px;
    background-repeat: no-repeat;
    padding: 2px 2px 2px 2px;
    vertical-align: middle;
    background-position: center;
    background-image: url(../Images/ToolbarIcons/Cancel_En.png);
    content: url(../Images/ToolbarIcons/Cancel_En.png);
    width: 30px;
    height: 28px;
}

.CSSCancelIcon {
    max-width: 100%;
    height: auto;
    background-image: url(../images/ToolbarIcons/Cancel_En.png);
    content: url(../images/ToolbarIcons/Cancel_En.png);
    background-color: transparent !important;
    background-size: 25px;
    background-repeat: no-repeat;
    padding: 2px 2px 2px 2px;
    vertical-align: middle;
    background-position: center;
    width: 28px; /*width: 30px;*/
    height: 28px;
}

    .CSSCancelIcon :disabled {
        cursor: not-allowed;
        content: url(../images/ToolbarIcons/Cancel_Dis.png);
    }

.CSSCancelIcon_Disabled {
    max-width: 100%;
    height: auto;
    cursor: not-allowed;
    content: url(../images/ToolbarIcons/Cancel_Dis.png);
    background-color: transparent !important;
    background-size: 25px;
    background-repeat: no-repeat;
    padding: 2px 2px 2px 2px;
    vertical-align: middle;
    background-position: center;
    width: 28px; /*width: 30px;*/
    height: 28px;
}

.CSSSaveIcon {
    max-width: 100%;
    height: auto;
    background-color: transparent !important;
    background-size: 25px;
    background-repeat: no-repeat;
    padding: 2px 2px 2px 2px;
    vertical-align: middle;
    background-position: center;
    background-image: url(../Images/NewIcons/Save_Green_Icon.png);
}

    .CSSSaveIcon :disabled {
        cursor: not-allowed;
        background-image: url(../images/ToolbarIcons/save_Dis.png);
    }

.CSSSaveIcon_Disabled {
    max-width: 100%;
    height: auto;
    background-color: transparent !important;
    background-size: 25px;
    background-repeat: no-repeat;
    padding: 2px 2px 2px 2px;
    vertical-align: middle;
    background-position: center;
    cursor: not-allowed;
    background-image: url(../Images/ToolbarIcons/save_Dis.png);
}

.CSSInsertIcon {
    max-width: 100%;
    height: auto;
    background-color: transparent !important;
    background-size: 25px;
    background-repeat: no-repeat;
    padding: 2px 2px 2px 2px;
    vertical-align: middle;
    background-position: center;
    background-image: url(../Images/ToolbarIcons/New_En.png);
}

    .CSSInsertIcon :disabled {
        cursor: not-allowed;
        background-image: url(../images/ToolbarIcons/New_Dis.png);
    }

.CssInsertWhiteIcon {
    max-width: 100%;
    height: auto;
    background-color: transparent !important;
    background-size: 25px;
    background-repeat: no-repeat;
    padding: 2px 2px 2px 2px;
    vertical-align: middle;
    background-position: center;
    content: url(../images/ToolbarIcons/New_White_En.png);
    background-image: url(../Images/ToolbarIcons/New_White_En.png);
}

.CssInsertWhiteIcon_Disabled {
    cursor: not-allowed;
    max-width: 100%;
    height: auto;
    background-color: transparent !important;
    background-size: 25px;
    background-repeat: no-repeat;
    padding: 2px 2px 2px 2px;
    vertical-align: middle;
    background-position: center;
    background-image: url(../Images/ToolbarIcons/New_Dis.png) !important;
    content: url(../images/ToolbarIcons/New_Dis.png);
}

.CssInsertWhiteIcon:disabled {
    cursor: not-allowed;
    background-image: url(../Images/ToolbarIcons/New_Dis.png);
    content: url(../images/ToolbarIcons/New_Dis.png);
}

.CSSInsertIcon_Disabled {
    max-width: 100%;
    height: auto;
    background-color: transparent !important;
    background-size: 25px;
    background-repeat: no-repeat;
    padding: 2px 2px 2px 2px;
    vertical-align: middle;
    background-position: center;
    cursor: not-allowed;
    background-image: url(../Images/ToolbarIcons/New_Dis.png);
}

.CSSDeleteIcon {
    max-width: 100%;
    height: auto;
    background-color: transparent !important;
    background-size: 25px;
    background-repeat: no-repeat;
    padding: 2px 2px 2px 2px;
    vertical-align: middle;
    background-position: center;
    background-image: url(../Images/ToolbarIcons/Delete_En.png);
}

    .CSSDeleteIcon :disabled {
        cursor: not-allowed;
        background-image: url(../images/ToolbarIcons/Delete_Dis.png);
    }

.CSSDeleteIcon_Disabled {
    max-width: 100%;
    height: auto;
    background-color: transparent !important;
    background-size: 25px;
    background-repeat: no-repeat;
    padding: 2px 2px 2px 2px;
    vertical-align: middle;
    background-position: center;
    cursor: not-allowed;
    background-image: url(../Images/ToolbarIcons/Delete_Dis.png);
}

.CSSOKIcon {
    max-width: 100%;
    height: auto;
    background-color: transparent !important;
    background-size: 25px;
    background-repeat: no-repeat;
    padding: 2px 2px 2px 2px;
    vertical-align: middle;
    background-position: center;
    background-image: url(../Images/NewIcons/Refresh_Data_en_ico.png) !important;
}

    .CSSOKIcon :disabled {
        cursor: not-allowed;
        background-image: url(../images/NewIcons/Refresh_Data_dis_ico.png) !important;
    }

.CSSOKIcon_Disabled {
    max-width: 100%;
    height: auto;
    background-color: transparent !important;
    background-size: 25px;
    background-repeat: no-repeat;
    padding: 2px 2px 2px 2px;
    vertical-align: middle;
    background-position: center;
    cursor: not-allowed;
    background-image: url(../Images/NewIcons/Refresh_Data_dis_ico.png) !important;
}

.CSSCancelDataIcon {
    max-width: 100%;
    height: auto;
    background-image: url(../images/ToolbarIcons/CancelData_En.png);
    content: url(../images/ToolbarIcons/CancelData_En.png);
    background-color: transparent !important;
    background-size: 30px;
    background-repeat: no-repeat;
    padding: 2px 2px 2px 2px;
    vertical-align: middle;
    background-position: center;
    width: 30px;
    height: 28px;
}

    .CSSCancelDataIcon :disabled {
        cursor: not-allowed;
        background-image: url(../images/ToolbarIcons/CancelData_Dis.png);
    }

.CSSCancelDataIcon_Disabled {
    max-width: 100%;
    height: auto;
    cursor: not-allowed;
    background-image: url(../images/ToolbarIcons/CancelData_Dis.png);
    content: url(../images/ToolbarIcons/CancelData_Dis.png);
    background-color: transparent !important;
    background-size: 30px;
    background-repeat: no-repeat;
    padding: 2px 2px 2px 2px;
    vertical-align: middle;
    background-position: center;
    width: 30px;
    height: 28px;
}

.CSSRefreshIcon {
    max-width: 100%;
    height: auto;
    background-color: transparent !important;
    background-size: 25px;
    background-repeat: no-repeat;
    padding: 2px 2px 2px 2px;
    vertical-align: middle;
    background-position: center;
    background-image: url(../Images/NewIcons/Refresh_en_ico_White.png);
}

    .CSSRefreshIcon :disabled {
        cursor: not-allowed;
        background-image: url(../images/NewIcons/Refresh_dis_ico.png);
    }

.CSSRefreshIcon_Disabled {
    max-width: 100%;
    height: auto;
    background-color: transparent !important;
    background-size: 25px;
    background-repeat: no-repeat;
    padding: 2px 2px 2px 2px;
    vertical-align: middle;
    background-position: center;
    cursor: not-allowed;
    background-image: url(../Images/NewIcons/Refresh_dis_ico.png);
}

.BlueMaturity {
    background: url('../Images/NewIcons/Maturity_En_icon.png') !important;
    background-repeat: no-repeat !important;
    margin: 0px !important;
    margin-left: 0px !important;
    background-size: 18px !important;
    background-position-x: center !important;
}

.RedMaturity {
    background: url('../Images/NewIcons/Maturity_Red_icon.png') !important;
    background-repeat: no-repeat !important;
    margin: 0px !important;
    margin-left: 0px !important;
    background-size: 18px !important;
    background-position-x: center !important;
}

::selection {
    color: white;
    background-color: navy !important;
}

.my-balloon {
    border: solid 4px #5baec0 !important;
    padding: 2px !important;
    background-color: #FFFFE0 !important;
    color: #666 !important;
    min-width: 20px !important;
    padding: 5px !important;
    border-radius: 6px !important;
    border: solid 1px #777 !important;
    opacity: 1 !important;
    text-align: left !important;
    font-size: 10pt !important;
    z-index: 999999 !important;
}

.ClickableFont {
    font-weight: lighter;
    text-decoration: underline;
    color: #0274be !important;
    font-weight: 300;
    cursor: pointer;
}
.NonClickableFont {
    font-weight: lighter;
    text-decoration: none;
    color: #234070;
    font-weight: 300;
    cursor: default;
}

.BoldStyle {
    font-weight: bold !important;
}

.HyperlinkColor {
    color: #0274be;
}
/*Added by Pamela on 2-April-2020:in order to maximize  uc_print */
.panel-fullscreen {
    display: block;
    z-index: 9999;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    overflow: auto;
}

.CssListHeaderOutsideSectionText {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    vertical-align: middle;
    color: #234070;
    margin-left: 0px;
    overflow-wrap: break-word;
}

.panelbackground {
    background-color: rgba(222, 222, 222, 0.5);
}

.GreyPanelBackground {
    background-color: rgba(222, 222, 222, 0.5);
    left: 0px;
    right: 0px;
    top: 0px;
    position: fixed;
    height: 100%;
    width: 100%;
}



.ImageParent {
    width: 100%;
    height: 100%;
    margin: auto;
    z-index: 99;
    cursor: pointer !important;
}

    .ImageParent:hover {
        transform: scale(1.5, 1.5);
        z-index: 99 !important;
    }

.stickyHeader {
    position: sticky !important;
    top: -2px !important;
    z-index: auto !important;
}

.dropdown-menu.show {
    display: block !important;
    direction: ltr !important;
}

.cke_editable:focus .cke_table-faked-selection {
    /* We have to use !important here, as td might specify it's own background, thus table selection
	would not be visible. */
    background: transparent !important;
    background: white !important;
    color: white;
}

.cke_table-faked-selection {
    /* We have to use !important here, as td might specify it's own background, thus table selection
	would not be visible. */
    background: transparent !important;
    color: white;
}

/* Added by Georgio on 04/02/2022 */
.ProcessFlowPanelCurveStyle_N {
    background-color: #234070;
    border: 2px solid #234070;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    box-shadow: 4px 0px 4px 2px rgba(0,0,0,0.3);
    overflow: hidden;
    padding: 0px;
}

/*Begin Added by Pamela where i removed styles from inside AutoFile */
@media (max-width: 576px) {
    .DeepSearchStyle {
        max-width: 100% !important;
    }

    .AdvancedSearchStyle {
        max-width: 100% !important;
    }
}

@media (max-width: 768px) {
    .DeepSearchStyle {
        max-width: 100% !important;
    }

    .AdvancedSearchStyle {
        max-width: 100% !important;
    }
}

@media (min-width: 992px) {
    .DeepSearchStyle {
        max-width: 45% !important;
    }

    .AdvancedSearchStyle {
        max-width: 30% !important;
    }
}

.ActionFrameStyle {
    position: absolute !important;
    top: 0px !important;
    left: 0px !important;
}
/*End Added by Pamela where i removed styles from inside AutoFile  */
/*Begin styles added by the trainees to have border in javascrip list*/
.ListUlStyle li:nth-child(even), .GridLiteralStyle_withNoBackground li:nth-child(even) {
    background: #efefef;
}

.ListUlStyle li, .GridLiteralStyle_withNoBackground li {
    border-bottom: lightgrey;
}
/*End styles added by the trainees to have border in javascrip list*/


.OptionMenustyleWithIcon {
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    vertical-align: middle;
    color: #234070;
    margin-left: 0px;
}

    .OptionMenustyleWithIcon:after {
        display: block !important;
        width: 83% !important;
        border: 0.5px solid #A8988A;
        content: "";
    }


/*Begin william on 30-6-2023 to manage tabs*/
/* CSS styles for the active/opened tab */
.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
    background-color: #234070;
    color: white;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    margin-right: 2px;
}

.ui-tabs-nav li {
    margin-right: 0px;
}

.ui-tabs .ui-tabs-nav li:not(.ui-tabs-active) a {
    background-color: #bfbaba;
    color: white;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    margin-right: 2px;
}

#SocOptionsTab div,
#SocOptionsTab ul {
    padding: 0;
    background-color: white;
    border: white;
}


.ui-tabs .ui-tabs-nav li:hover {
    cursor: pointer;
}

/* CSS styles for the active/close button */
.ui-tabs .ui-tabs-nav li.ui-tabs-active .SocOptionsclose {
    color: white;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 0px solid white;
    background: white;
    font-weight: normal;
    color: white;
}

/* CSS styles to keep tabs in one row and adjust their size */
.ui-tabs .ui-tabs-nav {
}

#SocOptionsTab div,
#SocOptionsTab ul {
    padding: 0;
}

/* CSS styles for the close button */
.SocOptionsclose {
    position: absolute;
    top: 0px;
    right: 5px;
    cursor: pointer;
    color: #777;
    font-weight: bold;
    font-size: 12px;
    opacity: 1; /*0.5  Michella on 4-jul-2025*/
        transition: opacity 0.3s;
}

    .SocOptionsclose:hover {
        opacity: 1 !important; /*Michella on 4-jul-2025*/
        border: 1px solid white !important; /*Michella on 4-jul-2025*/
        border-radius: 500px !important; /*Michella on 4-jul-2025*/
        background-color: grey !important; /*Michella on 4-jul-2025*/
        color: white !important; /*Michella on 4-jul-2025*/
    }

/* CSS styles for the cursor */
.ui-tabs .ui-tabs-nav li:hover {
    cursor: pointer;
}

ui-tabs-tab ui-corner-top ui-state-default ui-tab {
    border-top-right-radius: 10px !important;
    border-top-left-radius: 10px !important;
}

.ui-state-hover {
    /*Commented by William*/
    /* border-top-right-radius: 10px !important;
    border-top-left-radius: 10px !important;*/
    /*Commented by William*/
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap;
}

.ui-widget-header .ui-state-default {
    border: none;
}

.ui-tab {
    margin-right: 1px !important;
}

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

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border: 0px solid #fbd850;
    background: #234070;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.ui-state-default .ui-corner-top .ui-tabs-active .ui-state-active {
    margin-top: 0;
    margin-bottom: 0;
}

/* CSS styles for the active/close button */

/*End william on 30-6-2023 to manage tabs*/

/*Begin Managing drop down */
.dropdown-item.disabled, .dropdown-item:disabled {
    color: #6c757d !important;
}

.dropdown-item {
    font-weight: bold !important;
    color: #234070 !important;
}
/*Added by Pamela to add sub menun in drop down menu bootstrap*/
/*Added by Georgio on 21-02-2022*/
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: auto !important;
    right: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 2px solid #234070;
    box-shadow: 4px 0px 4px 2px rgba(0,0,0,0.3);
    border-radius: 0.25rem;
    cursor: pointer; /*georges 28 march 2023*/
}
/*End Added by Georgio on 21-02-2022*/

.dropdown-submenu {
    position: relative;
    cursor: pointer; /*georges 28 march 2023*/
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
        position: absolute;
        right: 100%;
        left: auto !important;
        -webkit-border-radius: 0 6px 6px 6px;
        -moz-border-radius: 0 6px 6px 6px;
        border-radius: 0 6px 6px 6px;
    }

        .dropdown-submenu > .dropdown-menu:lang(ar) {
            right: 30% !important;
        }

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

    .dropdown-submenu:after {
        content: "";
        display: block;
        width: 70%;
        margin: auto;
        border: 0.5px solid #A8988A;
    }

    .dropdown-submenu > a:after { /*georges on 29 march 2023 rotate arrow change color left arrow*/
        display: block;
        content: "";
        float: left;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: #cccccc;
        transform: rotate(-180deg);
        border-right: 6px solid transparent;
        border-left: 6px solid #d2d2d2; /* Change the arrow color here */
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        vertical-align: middle;
        margin-right: 5px;
        margin-left: -10px;
        margin-top: 3px;
    }

    .dropdown-submenu:hover > a:after {
        border-left-color: #ffffff;
    }

    .dropdown-submenu.pull-left {
        float: none;
    }

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

.ASPTreeviewStyle {
    overflow-x: auto;
    overflow-y: hidden;
    margin: 0px;
    padding-left: 0px;
    list-style-type: none;
    font-family: Calibri;
    background-color: transparent;
    font-size: 10pt;
    margin-top: 0em;
    margin-left: 0em;
    text-indent: 0em;
    text-indent: 5px;
    border-style: none;
    border-radius: 0px;
    overflow: auto;
    width: 100% !important;
    font-weight: lighter;
    text-decoration: underline;
    color: #234070 !important;
    font-weight: 300;
    cursor: pointer;
}
/*End by Pamela*/
/*Used to hilight the Row in autocomplete when moving up and down*/
.ui-state-focus {
    background-color: #D8E4F8 !important;
}

.autocomplete-link {
    font-weight: lighter !important;
/*//Michella on 08-Nov-2024*/
    text-decoration: none !important;
    color: #234070 !important;
    /*//text-decoration: underline !important;*/
    /*//color: #0274be !important;*/
/*//Michella on 08-Nov-2024*/
    font-weight: 300 !important;
    cursor: pointer !important;
    text-indent: 1px !important;
    font-family: Calibri !important;
    font-size: 10pt !important;
    height: 22px !important;
    width: 100% !important;
    border: none !important;
    background-color: transparent !important;
}
/*End Managing drop down */
/*Added  by Pamela to be used in Process Flow*/
.ProcessLinkButtonStyleHide {
    display: none !important;
    text-align: center !important;
    vertical-align: middle !important;
    position: absolute !important;
    font-weight: bold !important;
}

.ProcessLinkButtonStyleShow {
    display: block !important;
    text-align: center !important;
    vertical-align: middle !important;
    position: absolute !important;
    font-weight: bold !important;
}
/*End  by Pamela to be used in Process Flow*/
.SectionIconImage {
    width: 10px !important;
    height: 5px !important;
    float: left !important;
}


.GridRowStyle {
    color: navy;
    margin-left: 0px;
    margin-top: 0px;
    border-style: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    border-left-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-top-style: none;
    border-bottom: inset 1px #ececec;
    background-color: white;
    font-family: Calibri;
    font-size: 10pt;
    font-weight: normal;
    height: 10px;
}

.GridViewRowonfocus {
    outline: none;
    border: 1px solid #4fbcff;
    font-size: 10pt;
    margin-left: 0px;
    height: 22px;
    color: navy;
    border-radius: 0px;
    resize: none;
    font-weight: bold;
    font-family: Calibri;
    /*box-shadow: 0 0 6px 1px #4fbcff;*/
}

.CSSResetIcon {
    max-width: 100%;
    height: auto;
    background-color: transparent !important;
    background-size: 28px;
    background-repeat: no-repeat;
    padding: 2px 2px 2px 2px;
    vertical-align: middle;
    background-position: center;
    background-image: url(../Images/NewIcons/Reset_En_Ico.png) !important;
}

    .CSSResetIcon :disabled {
        cursor: not-allowed;
        background-image: url(../images/NewIcons/Reset_Dis_Ico.png) !important;
    }

.CSSResetIcon_Disabled {
    max-width: 100%;
    height: auto;
    background-color: transparent !important;
    background-size: 28px;
    background-repeat: no-repeat;
    padding: 2px 2px 2px 2px;
    vertical-align: middle;
    background-position: center;
    cursor: not-allowed;
    background-image: url(../Images/NewIcons/Reset_Dis_Ico.png) !important;
}
/*Added by  william 20 19-3/2024*/
.DebitCeilingCyStyle {
    margin-left: 0px;
    -webkit-appearance: none !important;
    font-family: Calibri;
    width: 100%;
    padding: 0px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: white;
    background-clip: padding-box;
    border: 1px solid gray !important;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    height: 25px;
    font-size: 10pt !important;
    color: #234070;
    outline: none !important;
}

    .DebitCeilingCyStyle::placeholder {
        color: #234070;
    }

    .DebitCeilingCyStyle:disabled {
        background-color: white !important;
        opacity: 1 !important;
        border: 0.5px solid #ced4da !important;
    }


.textBoxStyle_NoBorder_InList {
    font-family: Calibri;
    font-size: 10pt;
    color: navy;
    margin-left: 0px;
    margin-top: 0px;
    border-radius: 0px;
    height: 22px;
}

    .textBoxStyle_NoBorder_InList:focus {
        box-shadow: 0 0 6px 2px #4fbcff;
        border: 1px solid #4fbcff;
    }

    .textBoxStyle_NoBorder_InList:disabled {
        background-color: transparent !important;
        opacity: 1 !important;
        border: 0px solid #ced4da !important;
    }

.GreyBackground {
    background-color: #EBEDF3 !important;
}

.btnBackground_white {
    background-color: white !important;
}

.txtBackground_white {
    background-color: white !important;
}

.pnlBackground_white {
    background-color: white !important;
}


.GreyBackground {
    background-color: #EBEDF3 !important;
}

.btnBackground_white {
    background-color: white !important;
}

.txtBackground_white {
    background-color: white !important;
}

.pnlBackground_white {
    background-color: white !important;
}
.AutoMultiImg {
    height: 15px;
    width: 15px;
    background-color: transparent !important;
    background-size:20px;
    background-repeat: no-repeat;
    padding: 0;
    margin: 0; /* remove margin */
    vertical-align: middle;
    background-position: center;
    background-image: url(../Images/NewIcons/Deleteline_Dis_Icon.png);
}
/*william starting :Restoring old design */
.CurveButtonInList_old {
    font-family: Calibri;
    font-weight: Bold;
    font-size: 10pt;
    background-color: #234070 !important;
    text-align: center !important;
    vertical-align: middle;
    color: White !important;
    border-style: none !important;
    cursor: pointer;
    background-size: 18px !important;
    background-position-x: center !important;
    padding: 5px 7px 5px 7px !important;
    margin: 5px 5px 5px 5px !important;
    width: 100%;
    padding: 0 !important;
    height: 22px;
    -webkit-border-radius: 4px;
    border-radius: 4px !important;
    line-height: 17px !important;
    box-shadow: none !important;
}
.textBoxStylerounded_old { /* Edited by Fadi on 12/08/2017 */
    border: 1px solid #909090;
    font-family: Calibri;
    font-size: 10pt;
    color: navy !important;
    margin-left: 0px;
    margin-top: 0px;
    height: 22px;
    border-radius: 0px;
}
.textBoxStylerounded_old:disabled {
    background-color: #EBEDF3;
}
.select-editable_old {
    position: relative;
    background-color: white;
    border: 1px solid #909090;
    border-radius: 0px;
    width: 100%;
    height: 24px;
}

.select-editable select_old {
    position: absolute;
    top: 0px;
    left: 0px;
    border: none;
    width: 100%;
    height: 24px;
    margin: 0;
    border-bottom: 1px solid #909090;
}
.MultilinetextboxRounded_old {
    text-indent: 2px;
    font-family: Calibri;
    font-size: 10pt;
    color: navy;
    margin-left: 0px;
    margin-top: 0px;
    border-style: solid;
    border-width: 1px;
    border-color: #A8988A;
    height: 22px;
    border-radius: 0px;
    resize: none;
}
.textBoxStyle_NoBorder_old {
    font-family: Calibri;
    font-size: 10pt;
    color: navy;
    margin-left: 0px;
    margin-top: 0px;
    border-style: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    height: 22px;
    background-color: white;
}
.AutoCompleteDivStyleRounded_old {
    background-color: white;
    border: 1px solid #909090 !important; /* Edited by Fadi on 12/08/2017 */
    border-radius: 0px;
    margin-left: 0px;
    margin-top: 0px;
    height: 25px !important;
}
.AutoCompleteInput_old {
    text-indent: 1px;
    font-family: Calibri;
    font-size: 10pt;
    color: navy;
    height: 22px;
    width: 100%;
    border: none !important;
    background-color: transparent !important;
}
.DropDownCurveStyle_old { /* Edited by Fadi on 12/08/2017 */
    border: 1px solid #909090;
    border-radius: 0px;
    /*padding: 3px;*/
    /*-webkit-appearance: none;*/ /*Commented by fadi on 17/11/2017 to show arrow in combo box field*/
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    background-position: 88px;
    background-repeat: no-repeat;
    text-indent: 0.01px;
    font-family: Calibri;
    font-size: 9pt;
    color: navy;
    height: 22px;
    margin-bottom: 0px;
}
.DropDownCurveStyle_old :disabled {
        background-color: #EBEDF3;
}
.onblur_cbo_old {
    border: 1px solid #909090;
    border-radius: 0px;
    /*padding: 3px;*/
    /*-webkit-appearance: none;*/ /*Commented by fadi on 17/11/2017 to show arrow in combo box field*/
    background-position: 88px;
    background-repeat: no-repeat;
    text-indent: 0.01px;
    font-family: Calibri;
    font-size: 9pt;
    color: navy;
    height: 22px;
}
.onblur_old {
    /*text-indent: 5px;*/
    font-family: Calibri;
    font-size: 10pt;
    color: navy;
    margin-left: 0px;
    border-style: solid;
    border-width: 1px; /*It was 1*/
    border-color: #909090; /*168,152,138*/
    height: 22px;
    border-radius: 0px;
    resize: none;
}
.onbtn_blur_old {
    padding: 2px;
    line-height: 17px;
    font-weight: Bold;
    color: white;
    background-color: #225fab;
    border: none;
    cursor: pointer;
}

.textBoxStyle_old {
    font-family: Calibri;
    font-size: 10pt;
    color: navy;
    margin-left: 0px;
    margin-top: 0px;
    border-style: solid;
    border-width: 1px; /*It was 1*/
    border-color: #A8988A; /*168,152,138*/
    height: 22px;
}
.pnl_Multiline_old {
    border: 1px solid #909090;
    font-family: Calibri;
    font-size: 10pt;
    color: navy !important;
    margin-left: 0px;
    margin-top: 0px;
    border-radius: 0px;
    height: 50px;
    border-color: #A8988A
}

.pnl_Multiline_Disabled_old {
    border: 1px solid #909090;
    font-family: Calibri;
    font-size: 10pt;
    color: navy !important;
    margin-left: 0px;
    margin-top: 0px;
    height: 22px;
    border-radius: 0px;
    height: 50px;
    border-color: #A8988A;
    background-color: #EBEDF3;
}

.pnl_Multiline_old .AutoCompleteDivStyleRounded_old {
    overflow: hidden;
    border: none !important;
}

.pnl_Multiline_Disabled_old .AutoCompleteDivStyleRounded_old {
    overflow: hidden;
    border: none !important;
}
.BorderStyleNone_old {
    border-style: none !important;
    box-shadow: none !important;
}
.td_background_gray_old {
    background-color: #EBEDF3;
}
.NoneBorderStyle_old {
    border-style: none !important;
    text-align: right !important;
}

.LiteralStyle_N_WithBorder_GreyBackground_old {
    font-family: Calibri;
    font-size: 10pt;
    color: navy;
    margin-top: 0em;
    margin-left: 0em;
    text-indent: 0em;
    padding-left: 0em;
    border-style: solid;
    border-width: 1px;
    border-color: #909090;
    border-radius: 0px;
    overflow: auto;
    height: 44px;
    background-color: #EBEDF3 !important;
}
.LiteralStyle_N_WithBorder_WhiteBackground_old {
    font-family: Calibri;
    font-size: 10pt;
    color: navy;
    margin-top: 0em;
    margin-left: 0em;
    text-indent: 0em;
    padding-left: 0em;
    border-style: solid;
    border-width: 1px;
    border-color: #909090;
    border-radius: 0px;
    overflow: auto;
    height: 44px;
    background-color: white !important;
}
.DivAutoSearchStyle_Enabled_Old {
    font-family: Calibri;
    padding: 0px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: white;
    background-clip: padding-box;
    border: 1px solid gray !important;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    height: 25px;
    font-size: 10pt !important;
    color: #234070;
    outline: none !important;
}
.DivAutoSearchStyle_Disabled_Old {
    font-family: Calibri;
    padding: 0px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-clip: padding-box;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    height: 25px;
    font-size: 10pt !important;
    color: #234070;
    outline: none !important;
    background-color: white !important;
    opacity: 1 !important;
    border: 0.5px solid #ced4da !important;
    cursor: not-allowed;
}

/*Added by chahid on 3/11/2015*/
.CurveButton_old {
    padding: 2px;
    line-height: 17px;
    font-weight: Bold;
    color: white;
    background-color: #225fab;
    border: none;
    cursor: pointer;
}

.CurveButton_old:disabled {
    background-color: #998675;
}

.CurveButton_Disabled_old {
    padding: 2px;
    line-height: 17px;
    font-weight: Bold;
    color: white;
    background-color: rgb(235, 237, 243);
    border: none;
    cursor: pointer;
}

/*william Ending:Restoring old design */

/*william starting :Applying new  design */
.CurveButtonInList {
    font-family: Calibri;
    font-weight: Bold;
    font-size: 10pt;
    background-color: #234070 !important;
    text-align: center !important;
    vertical-align: middle;
    color: White !important;
    border-style: none !important;
    cursor: pointer;
    background-size: 18px !important;
    background-position-x: center !important;
    padding: 5px 7px 5px 7px !important;
    margin: 5px 5px 5px 5px !important;
    width: 100%;
    height:22px;
    padding: 0 !important;
    -webkit-border-radius: 4px;
    border-radius: 4px !important;
    line-height: 17px !important;
    box-shadow: none !important;
}
.textBoxStylerounded {
    font-family: Calibri;
    width: 100%;
    padding: 0px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: white !important;
    background-clip: padding-box;
    border: 1px solid gray !important;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    height: 22px;
    font-size: 10pt;
    color: #234070;
    outline: none !important;
}
.textBoxStylerounded::placeholder {
        color: #234070;
}

.textBoxStylerounded:focus {
        box-shadow: 0 0 6px 1px #4fbcff;
        border: 1px solid #4fbcff;
}
.textBoxStylerounded:disabled {
        background-color: white !important;
        opacity: 1 !important;
        border: 0.5px solid #ced4da !important;
	    cursor:not-allowed;
}
.select-editable {
    position: relative;
    background-color: white;
    /*border-bottom: 1px solid #909090;*/ /*Commented by william to apply new design */
    border-radius: 0px;
    width: 100%;
    height: 24px;
}

.select-editable select {
    position: absolute;
    top: 0px;
    left: 0px;
    border: none;
    width: 100%;
    height: 24px;
    margin: 0;
}
.MultilinetextboxRounded {
    text-indent: 2px;
    margin-left: 0px;
    margin-top: 0px;
    resize: none;
    font-family: Calibri;
    width: 100%;
    padding: 0px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: white;
    background-clip: padding-box;
    border: 1px solid gray !important;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    height: 25px;
    font-size: 10pt !important;
    color: #234070;
    outline: none !important;
}
.MultilinetextboxRounded::placeholder {
        color: #234070;
}
.MultilinetextboxRounded:focus {
        box-shadow: 0 0 6px 1px #4fbcff;
        border: 1px solid #4fbcff;
        z-index: 10;
}

.MultilinetextboxRounded:disabled {
        background-color: white !important;
        opacity: 1 !important;
        border: 0.5px solid #ced4da !important;
	    cursor:not-allowed;
}
.textBoxStyle_NoBorder {
    margin-left: 0px;
    margin-top: 0px;
    font-family: Calibri;
    width: 100%;
    padding: 0px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: white;
    background-clip: padding-box;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    height: 22px !important;
    font-size: 10pt !important;
    color: #234070;
    outline: none !important;
}

.textBoxStyle_NoBorder::placeholder {
        color: #234070;
}

.textBoxStyle_NoBorder:disabled {
        background-color: white !important;
        opacity: 1 !important;
	    cursor:not-allowed;
}
.AutoCompleteDivStyleRounded {
    font-family: Calibri;
    padding: 0px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: white;
    background-clip: padding-box;
    border: 1px solid gray !important;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    height: 25px !important;
    font-size: 10pt !important;
    color: #234070;
    outline: none !important;
}

.AutoCompleteDivStyleRounded:focus {
        box-shadow: 0 0 6px 2px #4fbcff;
        border: 1px solid #4fbcff;
}

.AutoCompleteDivStyleRounded:disabled {
        background-color: white !important;
        opacity: 1 !important;
        border: 0.5px solid #ced4da !important;
	    cursor:not-allowed;
}

.AutoCompleteDivStyleRounded .AutoCompleteInput:disabled {
        border: none !important;
        opacity: 1 !important;
}

.AutoCompleteDivStyleRounded .MultilinetextboxRounded {
        border: none !important;
}
.AutoCompleteInput {
    font-family: Calibri;
    width: 100%;
    padding: 0px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: white;
    background-clip: padding-box;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    height: 22px;
    font-size: 10pt !important;
    color: #234070;
    outline: none !important;
    border: none;
}

.AutoCompleteInput:disabled {
        background-color: white !important;
        opacity: 1 !important;
        border:none !important;
	    cursor:not-allowed;
}

.AutoCompleteInput::placeholder {
        color: #234070;
}
.DropDownCurveStyle {
    font-family: Calibri;
    width: 100%;
    padding: 0px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: white !important;
    background-clip: padding-box;
    border: 1px solid gray !important;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    height: 22px;
    font-size: 10pt !important;
    color: #234070;
    outline: none !important;
}

.DropDownCurveStyle::placeholder {
        color: #234070;
}

.DropDownCurveStyle:focus {
        box-shadow: 0 0 6px 1px #4fbcff;
        border: 1px solid #4fbcff;
}

    .DropDownCurveStyle:disabled {
        background-color: white !important;
        opacity: 1 !important;
        border: 0.5px solid #ced4da !important;
        cursor: not-allowed;
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        -ms-appearance: none !important;
        -o-appearance: none !important;
    }
.onblur_cbo {
}

.onblur {
}

.onbtn_blur {
}
.textBoxStyle {
    font-family: Calibri;
    width: 100%;
    padding: 0px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: white;
    background-clip: padding-box;
    border: 1px solid gray !important;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    height: 22px;
    font-size: 10pt !important;
    color: #234070;
    outline: none !important;
}

.textBoxStyle::placeholder {
        color: #234070;
}

.textBoxStyle:disabled {
        background-color: white !important;
        opacity: 1 !important;
        border: 0.5px solid #ced4da !important;
	    cursor:not-allowed;
}
.pnl_Multiline {
    font-family: Calibri;
    width: 100%;
    padding: 0px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: white !important;
    background-clip: padding-box;
    border: 1px solid gray !important;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    height: 50px;
    font-size: 10pt;
    color: #234070;
    outline: none !important;
}
.pnl_Multiline_Disabled {
    font-family: Calibri;
    width: 100%;
    padding: 0px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: white !important;
    background-clip: padding-box;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    height: 50px;
    font-size: 10pt;
    color: #234070;
    outline: none !important;
    border: 0.5px solid #ced4da !important;
}

.pnl_Multiline .AutoCompleteDivStyleRounded {
    overflow: hidden;
    border: none !important;
}
.pnl_Multiline_Disabled .AutoCompleteDivStyleRounded {
    overflow: hidden;
    border: none !important;
}
.BorderStyleNone {
    border-style: none !important;
    box-shadow: none !important;
    font-family: Calibri;
    width: 100%;
    padding: 0px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-clip: padding-box;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    font-size: 10pt !important;
    color: #234070;
    outline: none !important;
}

.BorderStyleNone::placeholder {
        color: #234070;
}
.td_background_gray {
    background-color: white !important;
    opacity: 1 !important;
    border: 0.5px solid #ced4da !important;
    border-radius: 0.25rem;
}
.NoneBorderStyle {
    border-style: none !important;
    text-align: right !important;
    font-family: Calibri;
    width: 100%;
    padding: 0px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-clip: padding-box;
    border: 1px solid gray !important;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    font-size: 10pt !important;
    color: #234070;
    outline: none !important;
}

.LiteralStyle_N_WithBorder_GreyBackground {
    font-family: Calibri;
    font-size: 10pt;
    color: navy;
    margin-top: 0em;
    margin-left: 0em;
    text-indent: 0em;
    padding-left: 0em;
    border: 0.5px solid #ced4da !important;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    overflow: auto;
    height: 44px;
    background-color: white !important;
}

.LiteralStyle_N_WithBorder_WhiteBackground {
    font-family: Calibri;
    font-size: 10pt;
    color: navy;
    margin-top: 0em;
    margin-left: 0em;
    text-indent: 0em;
    padding-left: 0em;
    border: 1px solid gray !important;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    overflow: auto;
    height: 44px;
    background-color: white !important;
    outline: none !important;
    background-color: white;
}
.DivAutoSearchStyle_Enabled {
    overflow: hidden;
    width: 100%;
    font-family: Calibri;
    padding: 0px;
    font-weight: 400;
    line-height: 1.5;
    background-color: white;
    background-clip: padding-box;
    border: 1px solid gray !important;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    height: 25px!important ;
    font-size: 10pt !important;
    color: #234070;
    outline: none !important;
}

.DivAutoSearchStyle_Disabled {
    overflow: hidden;
    width: 100%;
    height: 25px !important;
    background-color: white !important;
    opacity: 1 !important;
    border-width: 0.5px !important;
    border-style: solid;
    border-radius: 0.25rem;
    border-color: #ced4da !important;
}
.CurveButton {
    padding: 2px;
    line-height: 17px;
    font-weight: Bold;
    color: white;
    background-color: #234070;
    border: none;
    cursor: pointer;
    border-radius: 0.25rem;
}

.CurveButton:disabled {
    background-color: #ced4da;
}

.CurveButton_Disabled {
    padding: 2px;
    line-height: 17px;
    font-weight: Bold;
    color: white;
    background-color: white !important;/* #ced4da*/
    border: none;
    cursor: not-allowed !important;
    border-radius: 0.25rem;
    background-image: url('../images/NewIcons/Dropdown_menu_Dis_Icon.png') !important;
}

/*william Ending:Applying new  design */
/*MICHELLA ON 24-FEB-2025: adding new bootstrap library caused an issue in css so adjusted the class's propreties*/
.modal-backdrop.show {
    opacity: 0;
    width: 0
}
/*end michella*/