/*Color 1: var(--theme-color1)
Color 2: var(--theme-color2)*/

body {
    background: var(--body-bgcolor);
    color: var(--body-textcolor);
}

select:focus, select.form-control:focus {
    border: 1px solid var(--control-bordercolor-focus) !important;
}


input.btn, .PNLPopup .PNLBtnOK, .PNLPopup .PNLBtnCancel {
    background-color: var(--btn-bgcolor);
    border: 1px solid var(--btn-bgcolor);
    color: var(--btn-textcolor);
}

.btnPlus {
    /*background: var(--theme-color2) var(--btnmultiAdd-bg-image-url) no-repeat 50% 50%;*/
}

    input.btn:hover, input.btn:focus, .PNLPopup .PNLBtnOK:hover, .PNLPopup .PNLBtnOK:focus, .PNLPopup .PNLBtnCancel:hover, .PNLPopup .PNLBtnCancel:focus, div.multimain:hover, div.multimain:focus {
        border: 1px solid var(--btn-bgcolor-hover) !important;
        background-color: var(--btn-bgcolor-hover) !important;
        color: var(--btn-textcolor-hover) !important;
    }

input.btnfocused {
    background-color: var(--btnfocus-bgcolor);
    border: 1px solid var(--btnfocus-bgcolor);
    color: var(--btnfocus-textcolor);
}

input.fmtxtbx:focus, textarea:focus, .search:focus {
    border: 1px solid var(--control-bordercolor-focus) !important;
}

.Anchorbtn {
    background-color: var(--btn-bgcolor);
    border: 1px solid var(--btn-bgcolor);
    color: var(--btn-textcolor) !important;
}

    .Anchorbtn:hover, .Anchorbtn:focus {
        border: 1px solid var(--btn-bgcolor-hover) !important;
        background-color: var(--btn-bgcolor-hover) !important;
        color: var(--btn-textcolor-hover) !important;
    }

div.multimain {
    background-color: var(--btn-bgcolor);
    border: 1px solid var(--btn-bgcolor);
    
}

    div.multimain:hover, div.multimain:focus {
        border: 1px solid var(--btn-bgcolor-hover);
        background-color: var(--btn-bgcolor-hover);
    }

.btnmultiAdd {
    background-color: var(--btn-bgcolor);
    border: 1px solid var(--btn-bgcolor);
    color: var(--btn-textcolor) !important;
}
    .btnmultiAdd:hover, .btnmultiAdd:focus {
        border: 1px solid var(--btn-bgcolor-hover);
        background-color: var(--btn-bgcolor-hover);
        color: var(--btn-textcolor-hover) !important;
    }


.divloginbar {
    background-color: var(--logintopbarcolor);
}


/************ Master Page Css **********/

.wrappermastertopbar {
      background-color: var(--theme-color1); color:#fff;
}
.mastertopbar {
    background-color: var(--theme-color1); color:#fff;
}

.masterSpanSupport,.masterSpanSupport a {
    color: #d8d8d8;
}

.fmhead,.vtitle
{
    /*background-color:#000;
    border-bottom: 2px solid var(--theme-color2) !important;*/
    
}

.mastermenudiv {
    background-color: #CFCAD0;
    border-bottom: 2px solid var(--theme-color2) !important;
}

.mastermenutab {
    background-color: var(--theme-color2);
    color: #fff !important;
}


.page-wrapper > .container-fluid, .page-wrapper > .container-lg, .page-wrapper > .container-md, .page-wrapper > .container-sm, .page-wrapper > .container-xl, .page-wrapper > .container-xxl {
    background-color: var(--center-div-bgcolor);
    -webkit-box-shadow: var(--center-div-box-shadow);
    -moz-box-shadow: var(--center-div-box-shadow);
    box-shadow: var(--center-div-box-shadow);
}

.mastermenutabalternate {
    background-color: var(--theme-color1);
    color: #fff !important;
}

.masterpopupheaddiv {
   border-bottom:2px solid var(--theme-color2) !important;
}

#divInerPageHead {
    background-color: #000;
}

table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #CDD1DE; border:solid 1px #CDD1DE;
}

/************ Master Page Css End **********/

/****Multi Select *****/

.ui-multiselect:focus {
    border: 1px solid var(--control-bordercolor-focus) !important;
}
/******* Multiselect End  *****/

div.dashTit hr {
    border: 0px solid var(--internalicon-textcolor);
}

.popupheaderfm {
    border-bottom: 2px solid var(--popupheaderfm-border-color) !important;
}

.PopupHeader {
    border-bottom: 2px solid red !important;
}
.menu_sub_column > h5 {
    border-bottom: 2px solid var(--popupheaderfm-border-color) !important;
}

.tdGreen {
    background-color:#60d3a8;
}

.tdRed {
    background-color:#dc948d;
}

.tdYellow {
    background-color: #ffdc5b;
}

.aclick img,.aclick1 img {
    background-color: var(--theme-color1); 
    border-radius:3px;
}

.photoform ,.tblComment tr td img {
     background-color: var(--theme-color1); 
}

.whitebox:hover {
    /*background-color: var(--theme-color2);
    color: var(--dahsboard-whitebox-textcolor-hover) !important;
    border-color: var(--theme-color2) !important;*/
}
    .whitebox:hover .dashVal a, .whitebox:hover .dashVal {
        /*color: var(--dahsboard-whitebox-textcolor-hover);*/
    }
    
    .cd-timeline-img.cd-location {
    background: var(--theme-color2) !important;
}

#cd-timeline::before
{
   background: var(--theme-color2) !important;
    
}

.themecolor1
{
    color: var(--theme-color1) !important;
}

.themebackground1
{
    background-color: var(--theme-color1) !important;
}

.themecolor2
{
    color: var(--theme-color2) !important;
}

.themebackground2
{
    background-color: var(--theme-color2) !important;
}


 

 /*********Black Theme */

/*@media not print {*/



    .buttonbar, .divQuickLinks .mainnav_link, .btnExport i, .internalicon {
        filter: alpha(opacity=70);
        opacity: 0.7;
    }
        .buttonbar i, .divQuickLinks .mainnav_link i, .btnExport i,.internalicon {
            color: var(--internalicon-textcolor);
        }

        .buttonbar img, .divQuickLinks .mainnav_link img, .imginternalicon {
            filter: var(--internalicon-filter);
        }

.clsnoimage {
    filter: alpha(opacity=70);
    opacity: 0.7;
    filter: var(--internalicon-filter);
    background-color:none !important;
}

input .fmtxtbx, select, textarea, .form-control, .ui-widget-content, .ui-multiselect, input[type=search], select, textarea, input[type="text"], input[type="password"], .ui-timepicker-standard {
    background-color: var(--control-bgcolor) !important;
    border-color: var(--control-bordercolor) !important;
    color: var(--control-textcolor) !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}



        input.fmtxtbx:hover, textarea:hover, .search:hover, ul.token-input-list-facebook:hover, .ui-multiselect:hover, select:hover {
            border: 1px solid var(--control-bordercolor-hover) !important;
        }


.ui-state-hover {
    background-color: var(--ui-hover-bgcolor) !important;
    border: solid 1px var(--ui-hover-bgcolor) !important;
}

    .ui-multiselect {
    background-color: var(--control-bgcolor) !important;
    border-color: var(--control-bordercolor) !important;
    color: var(--control-textcolor) !important;
}

    .ui-multiselect:focus {
        border: 1px solid var(--control-bordercolor-focus) !important;
    }

    .ui-state-active {
        background-color: var(--control-bgcolor) !important;
        border: 1px solid var(--control-bordercolor-focus) !important;

    }




    .fmdGrid, .mGrid {
        border: solid 0px var(--table-bordercolor);
    }

    table.mGrid tr:nth-child(odd) td {
        /*background-color: var(--li-hover-bgcolor) !important;*/
    }

table.mGrid tr.alt td {
    background-color: var(--table-tr-mGrid-td-alt-bgcolor);
}

    .mGrid tr:hover td, table.mGrid tr.alt:hover td {
        background-color: var(--table-tr-mGrid-hover-bgcolor) !important;
    }

    .mGrid tr.pgr:hover td {
        background-color: var(--table-bgcolor) !important;
    }

        .fmdGrid, .mGrid {
            background-color: var(--table-bgcolor);
        }

            .fmdGrid td, .mGrid td, .thover td, table.tblCollapse td {
                background-color: var(--table-td-bgcolor);
                border-color:var(--table-td-bordercolor);
            }

.ui-widget-header a {
    color: var(--internalicon-textcolor) !important;
    font-weight: normal;
}

    .fmdGrid tr.tbg td, .fmdGrid th, .mGrid tr.tbg td, .mGrid th, .tbg td, .thover th {
        background-color: var(--table-th-bgcolor) !important;
        border-color:var(--table-th-bordercolor) !important;
        color: var(--table-th-textcolor) !important;
    }

    .fmdGrid .pgr td, .mGrid .pgr td {
        /*border-bottom: solid 1px #777;*/
    }

.tabCriteria {
    background-color: var(--table-bgcolor) !important;
    border: solid 1px var(--table-bordercolor) !important;
    color: var(--table-td-textcolor) !important;
}

    legend, .accordionFilterHeader, .ui-multiselect-checkboxes label {
        color: var(--body-textcolor);
    }

    

    input.btn, .PNLPopup .PNLBtnOK, .PNLPopup .PNLBtnCancel, .Anchorbtn, div.multimain, .btnmultiAdd {
        color: var(--btn-textcolor) !important;
    }


    .divDocument {
        background-color: var(--divDocument-bgcolor) !important;
        border-color: var(--divDocument-bordercolor) !important;
        color: var(--divDocument-textcolor) !important;
        box-shadow: var(--dropdown-menu-shadow);
        -webkit-box-shadow: var(--dropdown-menu-shadow);
        -moz-box-shadow: var(--dropdown-menu-shadow);
    }

     .ui-widget-header {
        background-color: var(--ui-widget-header) !important;
    }



    .mGridInner th {
        background-color: var(--table-th-mGridInner-bgcolor) !important;
        border: 1px solid var(--table-th-mGridInner-bordercolor);
    }

    a, a:visited, a:link, .spananchor {
        text-decoration: none;
        outline: none !important;
        color: var(--anchor-text-color);
    }


        a:hover, .spananchor:hover {
            color: var(--anchor-text-color);
        }

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

.visoft__tab_xpie7 .ajax__tab_active .ajax__tab_tab {
    border-bottom: solid 2px var(--tab-focus-border-color) !important;
    opacity: 1;
    font-weight:bold;
}

    .visoft__tab_xpie7 .ajax__tab_body {
        
    }

.visoft__tab_xpie7 .ajax__tab_tab {
    font-size: 16px;
    margin-bottom: var(--ajax-tab-margin-bottom) !important;
    line-height: var(--ajax-tab-line-height);
    /*opacity: 0.8;*/
    border-bottom: solid 2px transparent;
}

.visoft__tab_xpie7 .ajax__tab_hover .ajax__tab_tab {
    opacity: 1;
    
}

    .visoft__tab_xpie7 .ajax__tab_header {
        border-bottom: 0px solid #777 !important;
    }

    .dropdown-menu {
        background-color: var(--popup-bgcolor);
        border: 1px solid var(--dropdown-menu-border-color) !important;
    }

        .direct-chat-text {
        background: var(--direct-chat-bgcolor);
        /*border: 1px solid var(--direct-chat-bgcolor);*/
    }

        .direct-chat-text:before {
            /*border-right-color: var(--direct-chat-bgcolor);*/
        }

.direct-chat-warning {
    background: var(--direct-chat-bgcolor-warning);
    border-color: var(--direct-chat-bgcolor-warning);
}

.direct-chat-warning .chattext
{
  color:#fff !important;
}
.direct-chat-warning:before {
    /*border-right-color: var(--direct-chat-bgcolor-warning);*/
    /*margin-right: 1px;*/
}

    .btnmultiAdd {
        background-image: var(--btnmultiAdd-bg-image-url);
    }

        .btnmultiAdd:focus, .btnmultiAdd:hover {
            background-image: var(--btnmultiAdd-bg-hover-image-url);
        }

.btnPlus {
    background-color: var(--control-bgcolor);
    border: 1px solid var(--control-bordercolor);
    color: #888 !important;
    font-weight: bold;
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    padding:5px !important;
}

    .btnPlus:focus, .btnPlus:hover {
        background-color: var(--ui-hover-bgcolor);
    }

    select:focus, input.fmtxtbx:focus, textarea:focus, .search:focus,  .Anchorbtn:hover, .Anchorbtn:focus, .btnmultiAdd:hover, .btnmultiAdd:focus, input.btn:hover, input.btn:focus, .PNLPopup .PNLBtnOK:hover, .PNLPopup .PNLBtnOK:focus, .PNLPopup .PNLBtnCancel:hover, .PNLPopup .PNLBtnCancel:focus, div.multimain:hover, div.multimain:focus
    .ui-multiselect:hover, .ui-multiselect:focus, table.thover {
        -moz-box-shadow: var(--control-box-shadow) !important;
        box-shadow: var(--control-box-shadow) !important;
        -webkit-box-shadow: var(--control-box-shadow) !important;
    }

.WindowsStyle .ajax__combobox_inputcontainer .ajax__combobox_textboxcontainer input:focus {
    border: 1px solid var(--control-bordercolor);
}
.Anchorbtn:hover, .Anchorbtn:focus, .btnmultiAdd:hover, .btnmultiAdd:focus, input.btn:hover, input.btn:focus, .PNLPopup .PNLBtnOK:hover, .PNLPopup .PNLBtnOK:focus, .PNLPopup .PNLBtnCancel:hover, .PNLPopup .PNLBtnCancel:focus, div.multimain:hover, div.multimain:focus {
    color: var(--btn-textcolor-hover) !important;
}

    .PNLPopup, .popuppanelfm {
        background-color: var(--popup-div-bgcolor) !important;
        border-color: var(--popup-div-bgcolor) !important;
    }

.modalBackground, .ui-widget-overlay {
    background-color: var(--popup-div-modalBackground-bgcolor) !important;
}

div.multimainheadermenu div.multicontainerheadermenu {
    background-color: var(--popup-div-bgcolor);
}

    .divhighlight {
        background-color: var(--divhighlight-bgcolor);
    }

    .fmhead, .vtitle, .masterpopupheaddiv {
        /*color: #fff;*/
    }

    .multicontainerheadermenumaster .triangle, .menu_sub .triangle {
        border-bottom-color: #000 !important;
    }

div.multimainheadermenu div.multicontainerheadermenu {
    border: solid 1px var(--card-bordercolor);
}

.menu_sub {
    background-color: var(--popup-bgcolor);
    border: solid 1px var(--dropdown-menu-border-color);
    color: var(--body-textcolor);
    -moz-box-shadow: var(--dahsboard-whitebox-boxshadow);
    -webkit-box-shadow: var(--dahsboard-whitebox-boxshadow);
    box-shadow: var(--dahsboard-whitebox-boxshadow);
}

    .menu_sub_column > h5 {
        color: var(--body-textcolor) !important;
    }

    .divQuickLinks .menu_sub_column {
        /*border-right: 1px solid #C6CED2;*/
    }

div .multimain {
    background-image: var(--multimain-bgimage-url);
}

    div.multimain:focus, div.multimain:hover {
        background-image: var(--multimain-bgimage-url-hover);
    }

ul.multimenu {
    background-color: var(--dahsboard-whitebox-bgcolor);
    -webkit-box-shadow: var(--dahsboard-whitebox-boxshadow);
    -moz-box-shadow: var(--dahsboard-whitebox-boxshadow);
    box-shadow: var(--dahsboard-whitebox-boxshadow);
    border: 1px solid var(--dahsboard-whitebox-bordercolor);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

    ul.multimenu li a {
        color: var(--center-div-textcolor);
    }
    div.multimain div.multicontainer {
        background-color: var(--center-div-bgcolor);
        color: var(--center-div-textcolor);
    }

    html ul.multimenu li a:hover {
        background-color: var(--li-hover-bgcolor) !important;
       
    }

ul.token-input-list-facebook {
    background-color: var(--control-bgcolor) !important;
    border-color: var(--control-bordercolor) !important;
}

        ul.token-input-list-facebook li input {
            background-color: var(--control-bgcolor) !important;
            border-color: var(--control-bordercolor) !important;
        }

    a:hover {
        text-decoration: underline;
    }

    

        #sitemap li {
            /*background: var(--sitemap-li-bgcolor) !important;*/
        }

            #sitemap li a.expanded, #sitemap li a.collapsed {
                color: var(--body-textcolor);
                font-weight:bold;
            }

            #sitemap li li {
                background: var(--center-div-bgcolor) !important;
            }

                #sitemap li li a {
                    /*color: var(--theme-color2);*/
                }

                    #sitemap li li a:hover {
                        /*color: var(--theme-color2);*/
                        text-decoration: underline;
                    }

            #sitemap li span.expanded {
                background: var(--accordionFilterHeader-bg-image-url) no-repeat 0 0;
                background-size:10px;
            }

            #sitemap li span, #sitemap li span.collapsed {
                background: var(--accordionFilterHeaderSelected-bg-image-url) no-repeat 0 0;
                background-size: 10px;
            }

    .bul {
        background-image: url(../images/left-arrow-white.png);
    }


.tipsy-inner {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    background-color: var(--tipsy-bgcolor);
    color: var(--tipsy-textcolor);
}

    .tipsy {
        opacity: 1 !important;
        filter: alpha(opacity=100) !important;
    }

    .tipsy-arrow-n {
        border-bottom-color: var(--tipsy-bgcolor);
    }

    .tipsy-arrow-s {
        border-top-color: var(--tipsy-bgcolor);
    }

    .tipsy-arrow-e {
        border-left-color: var(--tipsy-bgcolor);
    }

    .tipsy-arrow-w {
        border-right-color: var(--tipsy-bgcolor);
    }

    .accordionHeaderSelected, .accordionFilterHeaderSelected {
        background-image: var(--accordionFilterHeaderSelected-bg-image-url);
    }

    .accordionHeader, .accordionFilterHeader {
        background-image: var(--accordionFilterHeader-bg-image-url);
    }

.popupclosebtn {
    /*background-image: var(--popupclosebtn-bg-image-url);*/
    background-image: url(../Images/icons/control_icon_popup_close.svg);
}

    .whitebox {
        background-color: var(--dahsboard-whitebox-bgcolor) !important;
        color: var(--dahsboard-whitebox-textcolor) !important;
        border-color: var(--dahsboard-whitebox-bordercolor) !important;
        -webkit-box-shadow: var(--dahsboard-whitebox-boxshadow) !important;
        -moz-box-shadow: var(--dahsboard-whitebox-boxshadow) !important;
        box-shadow: var(--dahsboard-whitebox-boxshadow) !important;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius:5px;
    }

    div.dashTit hr {
        background: none !important;
    }


div.highlight, .panel-danger > .panel-heading {
    /*border-color: #E01B4C !important;*/
    box-shadow: var(--dahsboard-whitebox-boxshadow) !important;
    -webkit-box-shadow: var(--dahsboard-whitebox-boxshadow) !important;
    -moz-box-shadow: var(--dahsboard-whitebox-boxshadow) !important;
}



    div.highlight .dashVal a, .dashVal, .panel-danger > .panel-heading .dashVal a, .dashVal {
        color: #F03D25 !important;
    }

.colorred {
    color: #F03D25 !important;
}

.colorgreen {
    color: #29946c !important;
}

.filtercolorred {
    filter: invert(40%) sepia(64%) saturate(5910%) hue-rotate(348deg) brightness(96%) contrast(95%);
}

.filtercolorgreen {
    filter: invert(54%) sepia(11%) saturate(2409%) hue-rotate(106deg) brightness(87%) contrast(88%);
}

.dashboardbox .panel-danger > .panel-heading .divcorner a {
    color: var(--dahsboard-whitebox-textcolor) !important;
    margin-right:0px !important;
}


    .whitebox .dashVal a, .whitebox .dashVal {
        color: var(--dahsboard-whitebox-textcolor);
    }

    .whitebox:hover {
        /*background-color: var(--theme-color2) !important;*/
    }

        .whitebox:hover div.dashTit hr {
            /*background-color: var(--dahsboard-whitebox-textcolor-hover) !important;*/
        }

        .whitebox:hover, .whitebox:hover .dashVal a, .whitebox:hover .dashVal {
            /*color: var(--dahsboard-whitebox-textcolor-hover) !important;*/
        }

    .graphdashboard {
        background-color: var(--dahsboard-whitebox-bgcolor) !important;
        color: var(--dahsboard-whitebox-textcolor) !important;
        border: solid 1px var(--dahsboard-whitebox-bordercolor) !important;
        -webkit-box-shadow: var(--dahsboard-whitebox-boxshadow) !important;
        -moz-box-shadow: var(--dahsboard-whitebox-boxshadow) !important;
        box-shadow: var(--dahsboard-whitebox-boxshadow) !important;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        margin:10px;
    }

        

    

    .tblCollapse {
        color: #ccc;
    }

    .WindowsStyle .ajax__combobox_inputcontainer .ajax__combobox_buttoncontainer button {
        
    }

.ajax__combobox_itemlist {
    box-shadow: var(--dahsboard-whitebox-boxshadow);
    -webkit-box-shadow: var(--dahsboard-whitebox-boxshadow);
    -moz-box-shadow: var(--dahsboard-whitebox-boxshadow);
    background-color: var(--control-bgcolor) !important;
    border: solid 1px var(--control-bordercolor-focus) !important;
    color: var(--control-textcolor) !important;
}

    ul.menulink li a {
        border: solid 1px #000;
        background-color: #000;
    }

        ul.menulink li a:hover {
            background-color: #000;
            border: solid 1px #000;
        }

    #flip div.multicontainerheadermenu {
        border: solid 1px #000 !important;
    }

    .gridicon {
        color: var(--gridicon-textcolor) !important;
    }

.cd-timeline-content {
    background-color: var(--divhighlight-bgcolor) !important;
}

    .cd-timeline-content::before {
        border-right-color: var(--divhighlight-bgcolor) !important;
    }

        .cd-timeline-content h2 {
            /*color: #fff !important;*/
        }

    .cd-timeline-img {
        /*box-shadow: 0 0 0 4px #666, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05) !important;*/
    }

    tr.bgselect, tr.bgselect td {
        background-color: var(--table-td-bgselect-bgcolor) !important;
        color: var(--table-td-bgselect-textcolor) !important;
    }

        tr.bgselect td a, tr.bgselect td .spananchor {
            color: var(--table-td-bgselect-textcolor) !important;
            text-decoration: underline;
        }


    .panel-info, .panel-danger {
        background-color: var(--dahsboard-whitebox-bgcolor) !important;
        color: var(--dahsboard-whitebox-textcolor) !important;
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        border-width: 0px;
    }

        .panel-info > .panel-heading {
            background-color: var(--dahsboard-whitebox-bgcolor) !important;
            border: 1px solid var(--dahsboard-whitebox-bordercolor);
            color: var(--dahsboard-whitebox-textcolor) !important;
            -webkit-box-shadow: var(--dahsboard-whitebox-boxshadow) !important;
            -moz-box-shadow: var(--dahsboard-whitebox-boxshadow) !important;
            box-shadow: var(--dahsboard-whitebox-boxshadow) !important;
            border-radius: 5px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
        }



        .panel-info, .panel-danger, .panel-danger > .panel-heading {
            border-radius: 5px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            background-color: var(--dahsboard-whitebox-bgcolor);
            color: var(--dahsboard-whitebox-textcolor) !important;
            
        }

            .panel-danger > .panel-heading {
                border: solid 1px var(--dahsboard-whitebox-bordercolor);
            }

.dashVal a, .dashVal {
    color: var(--dahsboard-whitebox-textcolor) !important;
    margin-right:10px;
}

.dashboardbox .dashVal i
{
    font-size:20px;
}



.panel11Selected {
    border: 1px solid #E01B4C !important;
}

        .themeinfo {
        /* background-color: #fff !important;
        filter: alpha(opacity=60);
        opacity: 0.6;
        color:#000 !important;*/
        filter: alpha(opacity=90);
        opacity: 0.9;
    }

    .card {
        background-color: var(--card-bgcolor) !important;
        border: 1px solid var(--card-bordercolor) !important;
    }

    .card-header {
        background-color: transparent !important;
        border-bottom-color: transparent !important;
    }

    .card-title a {
        color: #000 !important;
    }

    .ui-autocomplete, .ui-menu ui-widget, .ui-widget-content, .ui-corner-all {
        color: var(--ui-widget-content-textcolor) !important;
    }

    .menucards .card {
        width: 100%;
        background-color: var(--menucards-bgcolor) !important;
        border: solid 1px var(--menucards-bordercolor) !important;
        border-radius: 5px !important;
        -webkit-border-radius: 5px !important;
        -moz-border-radius: 5px !important;
    }

    .menucards ul li:hover {
        background-color: var(--li-hover-bgcolor) !important;
    }

    .dropdown-item:focus, .dropdown-item:hover {
        background-color: var(--li-hover-bgcolor);
    }


.ui-state-hover a, .ui-state-hover a:hover {
    color: var(--anchor-text-color) !important;
}

.fc-content
{
    border-style:solid !important;
}
.fc-button-prev, .fc-button-next, .fc-button-today {
    background-color: var(--table-th-bgcolor) !important;
    border-color: var(--table-th-bordercolor) !important;
}
.fc-grid table, .fc .fc-grid td {
    border-color: var(--table-td-bordercolor) !important;
    background-color: var(--table-td-bgcolor);
}

.fc .fc-grid th {
    color: #000 !important;
    background-color: var(--table-th-bgcolor) !important;
    border: 1px solid var(--table-th-bordercolor) !important;
}

.fc .fc-grid td {
    color: var(--table-td-textcolor) !important;
}

    .ui-state-highlight {
        background-color: #a28c8c !important;
    }

.main_wrapper, .container-fluid-footer, .foot_desc, .logout_wrapper, .wrapper {
    background-color: var(--center-div-bgcolor) !important;
    color: var(--center-div-textcolor);
}

.user_login {
    background-color: var(--body-bgcolor) !important;
    color: var(--body-textcolor);
    
}
#divMessageBanner, .ParentdivMessageBanner {
    opacity: 0.8 !important;
    color: #fff !important;
    background-color: var(--login-divMessageBanner-bg-color) !important;
    
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus, input:-webkit-autofill:active, input:-webkit-autofill:focus, input:-webkit-autofill:active,
input:-internal-autofill-selected, input:-internal-autofill-selected:focus, select:-webkit-autofill:active, select:-internal-autofill-selected, select:-internal-autofill-selected:focus {
    -webkit-text-fill-color: var(--control-textcolor) !important;
    -webkit-box-shadow: 0 0 0px 40rem var(--control-bgcolor) inset !important;
    -moz-box-shadow: 0 0 0px 40rem var(--control-bgcolor) inset !important;
    box-shadow: 0 0 0px 40rem var(--control-bgcolor) inset !important;
    filter: unset !important;
}



.innovia_logo {
    content: var(--loginpage-Momenta-image-url) !important;
}

.main_wrapper {
    background: var(--loginpage-bg-image-url);
    background: url(../images/login_page_factory_drawing.svg?version=20231207);
    
}

    .fmdGrid td.highlight, .mGrid td.highlight {
        background-color: var(--table-tr-mGrid-td-highlight-bgcolor) !important;
        border-color: var(--table-tr-mGrid-td-highlight-bordercolor) !important;
    }


.controlError, tr.controlError td {
    background-color: var(--table-td-bgselect-bgcolor) !important;
    color: var(--table-td-bgselect-textcolor) !important;
}

    .controlError a, tr.controlError td a {
        color: var(--table-td-bgselect-textcolor) !important;
        text-decoration: underline;
    }

    /*}*/



.anchAI {
    border: 1px solid var(--btn-bgcolor);
    color: var(--btn-textcolor);
    background-color: var(--btn-bgcolor);
}

    .anchAI:hover {
        background-color: var(--btn-bgcolor-hover);
        border-color: var(--btn-bgcolor-hover);
        color: var(--btn-textcolor-hover) !important;
        
    }

.divAICard {
    background-color: var(--divAI-bgcolor) !important;
    color: var(--divAI-textcolor) !important;
}

    .divcollapsibleactive, .divAICard:hover {
        background-color: var(--divAI-hover-bgcolor) !important;
        color: var(--divAI-hover-textcolor) !important;
    }


.divcollapsiblecontent {
    background-color: var(--divcollapsiblecontent-bgcolor) !important;
    color: var(--divcollapsiblecontent-textcolor) !important;
}
    .divcollapsiblecontent table.mGrid tr.tbg td {
        background-color: var(--divcollapsiblecontent-table-header-bgcolor) !important;
        border: solid 1px var(--divcollapsiblecontent-table-header-bgcolor) !important;
        color: var(--divcollapsiblecontent-table-header-textcolor) !important;
    }
    .divcollapsiblecontent table.mGrid tr td {
        color: var(--divcollapsiblecontent-table-td-textcolor) !important;
    }

.fc-event, .fc-agenda .fc-event-time, .fc-event a {
    border-color: var(--theme-color2);
    background-color: var(--theme-color2);
}


.ui-state-highlight, .ui-widget-content .ui-state-highlight {
    border-color: var(--theme-color2) !important;
    background-color: var(--theme-color2) !important;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

.tdGreen {
    background-color: #60d3a8 !important;
    color: #000 !important;
}

.tdRed {
    background-color: #dc948d !important;
    color: #000 !important;
}

.tdYellow {
    background-color: #ffdc5b !important;
    color: #000 !important;
}

.themebackgrounddull {
    background-color: #999 !important;
}

/*  Gantt Chart CSS Start*/
.fn-gantt .spacer {
    background-color: var(--div-bgcolor3) !important;
}

.gantt, .gantt2 {
    border: solid 1px var(--div-bordercolor3) !important;
}

.fn-gantt .row1 {
    border-top: solid 1px var(--div-bordercolor3) !important;
    background-color: var(--div-bgcolor3) !important;
}
.fn-gantt .leftPanel {
    border-right: solid 1px var(--div-bordercolor3) !important;
    background-color: var(--div-bgcolor3) !important;
}
.fn-gantt .leftPanel .name, .fn-gantt .leftPanel .desc {
    border-top: solid 0px var(--div-bordercolor3) !important;
    border-bottom: solid 0px var(--div-bordercolor3) !important;
    background-color: var(--div-bgcolor3) !important;
    color: var(--control-textcolor) !important;
}

.fn-gantt .rightPanel .month, .fn-gantt .rightPanel .year {
    color: var(--control-textcolor) !important;
    border-left: solid 1px var(--div-bordercolor3) !important;
    border-bottom: solid 1px var(--div-bordercolor3) !important;
    background-color: var(--div-bgcolor3) !important;
}

.fn-gantt .day, .fn-gantt .date {
    color: var(--control-textcolor) !important;
    background-color: var(--div-bgcolor3);
    border-right: 0px solid var(--div-bordercolor3) !important;
    border-bottom: 1px solid var(--div-bordercolor3) !important;
}

.fn-gantt .sa, .fn-gantt .sn {
    background-color: var(--div-bgcolor4);
}

.fn-gantt .dataPanel {
    background-image: var(--fn-gantt-grid-image-url) !important;
}

.fn-gantt .navigate {
    background-color: var(--div-bgcolor4);
    border: 1px solid var(--div-bordercolor4) !important;
}

.fn-gantt .bar .fn-label {
    color: var(--control-textcolor);
}

.fn-gantt .rightPanel {
    background-color: var(--div-bgcolor1) !important;
}
/*  Gantt Chart CSS End*/

.divcontactdirectory {
    border: 1px solid var(--divhighlight-bgcolor);
    background-color: var(--divhighlight-bgcolor);
}

.menuicon {
    color: var(--menuicon-textcolor) !important;
   
}

.menuiconsub {
    filter: var(--menuiconsub-filter);
}

    .favstariconcolor {
    color: var(--faviconcolor);
}

.pagination li.current .internalicon {
    color: var(--faviconcolor) !important;
    opacity: 1;
    filter: alpha(opacity=100);
}

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
    background-color: transparent;
    border-color: transparent;
}

.divbreadcrumb a {
    color: var(--body-textcolor);
}

.divbreadcrumb .internalicon {
    opacity: 1;
    filter: alpha(opacity=100);
    color: var(--menuicon-textcolor) !important;
}

.panel11 {
    background-color: var(--dahsboard-whitebox-bgcolor);
    color: var(--dahsboard-whitebox-textcolor);
    border:solid 1px var(--dahsboard-whitebox-bordercolor);
    -webkit-box-shadow: var(--dahsboard-whitebox-boxshadow);
    -moz-box-shadow: var(--dahsboard-whitebox-boxshadow);
    box-shadow: var(--dahsboard-whitebox-boxshadow);
}

input[type="radio"] {
    appearance: none;
    width: 13px;
    height: 13px;
    border: 2px solid var(--radio-checkbox-border-color);
    border-radius: 50%;
    /*background-clip: content-box;*/
    margin-right: 7px !important;
    margin-left: 5px !important;
    vertical-align: middle;
    background-color: var(--control-bgcolor);
    padding:0px !important;
}

    input[type="radio"]:checked {
        accent-color: var(--radio-checkbox-background-color);
        background-color: var(--radio-checkbox-background-color);
        border-color: var(--radio-checkbox-background-color);
        background-image: var(--radio-bg-image-url);
        background-repeat: no-repeat;
        background-size: contain;
        /*border: 3px solid #444;
        width: 8px;
        height: 8px;*/
    }


input[type="checkbox"] {
    margin-right: 7px !important;
    margin-left: 5px !important;
    appearance: none;
    width: 13px;
    height: 13px;
    border: 2px solid var(--radio-checkbox-border-color);
    background-clip: content-box;
    padding: 0px !important;
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    background-color: var(--control-bgcolor);
}

    input[type="checkbox"]:checked {
        accent-color: var(--radio-checkbox-background-color);
        background-color: var(--radio-checkbox-background-color);
        border-color: var(--radio-checkbox-background-color);
        background-image: var(--checkbox-bg-image-url);
    }



    input[type="checkbox"].switch, span.switch input[type="checkbox"] {
        width: 39px;
        background-image: var(--chebox-switch-bg-image-url);
        background-position: left center;
        border-radius: 10px;
        transition: background-position .15s ease-in-out;
        height: 16px;
        background-color: var(--control-bgcolor);
        margin-left:0px !important;
    }

        input[type="checkbox"].switch:checked, span.switch input[type="checkbox"]:checked {
            accent-color: var(--radio-checkbox-background-color);
            background-color: var(--radio-checkbox-background-color);
            border-color: var(--radio-checkbox-border-color); /*var(--radio-checkbox-background-color)*/
            background-image: var(--chebox-switch-checked-bg-image-url);
            background-position: right center;
            border-width: 0px;
            width: 43px;
            height: var(--form-control-checkbox-height);
        }


select {
    background-image: url("../Images/icons/control_icon_dropdown_arrow.svg") !important;
    background-repeat: no-repeat !important;
    background-position: right .75rem center;
    background-size: 16px 12px;
    appearance: none;
    -webkit-appearance: none;
}

.SearchSelect {
    background-image: none !important;
    appearance: unset !important;
    
}
/*select option:checked {
    background: #ff9500 -webkit-linear-gradient(bottom, #ff9500 0%, #ff9500 100%);
}

select option:hover {
    background: #ff9500 -webkit-linear-gradient(bottom, #ff9500 0%, #ff9500 100%);
    color: #fff;
}

select option {
    padding: 8px;
}*/
.ui-icon-triangle-2-n-s {
    background-image: url(../Images/icons/control_icon_multiselect_arrow.svg) !important;
    background-size: 18px 18px;
    background-position: unset !important;
}

.divcontainer-fluid-inner-frpage {
    background-color: var(--fr-div-bgcolor) !important;
}

div.popuppanelfm .visoft__tab_xpie7 .ajax__tab_body,
div.popuppanelfm .ajax__tab_default .ajax__tab_header {
    padding-left: 10px;
    padding-right: 10px;
}

.dashboardbox {
    padding: var(--dashboardbox-padding);
    padding-left: 15px;
    padding-right: 15px;
}

    .dashboardbox .panel {
        margin-bottom: 5px;
    }

    .dashboardbox .panel-info > .panel-heading, .dashboardbox .panel-danger > .panel-heading {
        padding: 10px;
        min-height: var(--dashboardbox-panel-info-panel-heading-min-height);
    }

.dashboardbox div.dashboardheading 
{
    font-size:15px;
    margin-bottom:15px;
}

.dashboardbox .dashVal {
    font-size:25px;
}

.back {
    display: none;
}

.spanflip {
    display: none;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    filter: alpha(opacity=80);
    opacity: 0.8;
}


.graphdashboard .dashheader {
    display: block;
    padding-top: 4px;
    width: 100%;
    font-size: 13px;
    position: absolute;
    left: 0px;
    padding-bottom: 4px;
    text-indent: 5px;
    z-index: 2;
}

    .graphdashboard .dashheader .titletipsy {
        max-width: calc( 100% - 50px);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
    }

.graphdashboard .dashcontainer {
    padding-top: 30px;
    z-index: 1;
}



.graphdashboard .dashcontainertable {
    padding-bottom: 10px !important;
    padding-top: 40px !important;
}


    .graphdashboard .dashcontainertable tr td, .graphdashboard .dashcontainertable th {
        padding: 2px !important;
    }

.summary-card .card {
    -webkit-box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%);
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%);
    background-color: var(--menucards-bgcolor) !important;
    border: solid 1px var(--menucards-bordercolor) !important;
}

.sidebar-link-selected {
    background-color: var(--sidebarcolor-li-selected-bgcolor) !important;
}


.DivFixedHeaderReportGrid, .DivFixedHeaderReportGridwithoutHeight {
    border-bottom: solid 1px var(--table-td-bordercolor);
}

.ui-icon-circle-triangle-w {
    background-size: 100% !important;
    background-image: url(../images/icons/angle_double_left_arrow_icon.svg) !important;
    background-position: unset !important;
}
.ui-icon-circle-triangle-e {
    background-size: 100% !important;
    background-image: url(../images/icons/angle_double_right_arrow_icon.svg) !important;
    background-position: unset !important;
}

.ui-dialog-titlebar-close .ui-icon-closethick {
    background-image: url(../Images/icons/control_icon_popup_close.svg) !important;
    width: 18px !important;
    padding: 2px !important;
    height: 18px !important;
    background-size:100% !Important;
    
}

.ui-dialog-titlebar-close {
    border-width: 0px !important;
    filter: alpha(opacity=70);
    opacity: 0.7;
    padding:1px !important;
}
.ui-dialog-titlebar-close:hover {
    filter: alpha(opacity=100) !important;
    opacity: 1 !important;
    background-color: transparent !important;

    
}

#divMessageBanner
{
    font-size:16px;
    line-height:25px;
}

    #divMessageBanner p {
        margin-bottom: 0px;
    }

        #divMessageBanner .bannerheading {
        margin-bottom: 5px;
        font-weight:bold;
    }

    div.htmlbannerhorizontal span {
        display: inline-block;
        padding-right: 50px;
    }


.divSystemNotification {
    float: left;
    margin-left: 30px;
    font-size: 14px;
    background-color: var(--sidebarcolor);
    color: #fff;
    padding: 2px;
    border-radius: 5px;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 3px;
}

    .divSystemNotification a {
        color: #fff !important;
    }

.OurSyS_Logo {
    content: var(--oursys-logo-main-image-url) !important;
}

.OurSyS_Logo_Reverse {
    content: var(--oursys-logo-image-url) !important;
}


.projectCard {
    padding: 5px;
    background: var(--projectCard-bg-color);
    border-radius: 10px;
    height: 62vh;
    overflow: hidden;
}

    .projectCard::-webkit-scrollbar {
        display: none !important;
    }

.card-heading {
    padding-left: 1rem;
    margin: 0 0 5px 0;
    text-align: center;
    font-size: 1.35rem;
}

.project {
    border-radius: 10px;
    padding: 0.5rem;
    color: var(--control-textcolor);
    background-color: var(--project-bg-color);
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    font-size: 12px;
    padding-left: 1rem;
    margin-bottom: 1rem;
    position: relative;
    margin-right: 0.4rem;
}

.project-content > p {
    margin: 0 0 5px !important;
}

.project-content {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin-top: 1.25rem;
    width:100%;
}


.green {
    background-color: #60d3a8;
}


.red {
    background-color: #ff7f7f;
}

.blue {
    background-color: #06C0E9;
}

.orange {
    background-color: #FFA500;
}

.red_outline {
    margin-right: 4px;
    border-color: red;
    border: solid 2px red;
    background-color: transparent;
    padding: 0.5rem;
}

.drak_red {
    background-color: red;
}

.menuiconHead {
    filter: var(--menuiconHead-filter);
}