body 
            {   
                background:#ffffff  repeat; 
            }  
                  
     
           
     
     
          
          
          
     
     
          .GlobalFooterMsg {
            color: #000000;  
      }
      
     
        
     
     
     
      
       
     
      
       #container-main { 
                                 
            }
 

                   
          
                .breadcrumb div {
            background: none repeat scroll 0 0 #002596;   
        }
          
                .breadcrumb div {
             border: 1px solid #ffffff;
        }
          
         
     


     

      

            
      
        .homePagePanelBorderColour {
            background-color: #ffffff; 
	    border: 1px solid #b2b2b2;    
        }	


                                   table.browse tbody td {
              /*text-align: left;*/
              background: #ffffff; 
              /*border: 1px solid #002596;*/
                          }
          table.dataTable.display tbody tr.even, table.dataTable.display tbody tr.even>.sorting_1, table.dataTable.display tbody tr.even>.sorting_2, table.dataTable.display tbody tr.even>.sorting_3 {
              background: #ffffff; 
          }
        

         
                   table.browse tbody tr.odd td { 
               background-color: #ffffff;
               /*border: 1px solid #ffffff;*/
                          }
           table.dataTable.display tbody tr.odd, table.dataTable.display tbody tr.odd>.sorting_1, table.dataTable.display tbody tr.odd>.sorting_2, table.dataTable.display tbody tr.odd>.sorting_3 {
               background: #ffffff;
           }
         


            * html table.browse thead th.sorting {
            background-color: #002596;
            /*border: 1px solid #002596;*/
        }
        
        .ui-widget-header2{
             background: #002596;
              border: 1px solid #002596;
        }
        li.ui-state-default{
             
        }
        
         * html table.browse thead th.sorting_desc {
            background-color: #002596;
            
        }
        
         * html table.browse thead th.sorting_asc {
            background-color: #002596;
        }
        
         table.browse thead th.sorting_asc {
           background-color: #002596;
           /*border: 1px solid #002596;*/
        }
        
         table.browse thead th.sorting,table.browse thead th.sorting_disabled {
            background-color: #002596;
            /*border: 1px solid #002596;*/
        }
         table.browse thead th.sorting_desc {
            background-color: #002596;
            /*border: 1px solid #002596;*/
        }
        
        .fieldElementTitle{
             background-color: #002596;
            border: 1px solid #002596;
              text-align: left;
          
           color:#ffffff;
           border-top:none; 
           padding: 2px 5px;
           font-weight: bold;
           }
           
         .fieldElementValue{
              border: 1px solid #002596;
              padding: 2px 5px;
             }
        
        
         table.browse thead th, table.browse tfoot th,  table.browse tr th{
           /*text-align: left;*/
           background: #002596;
           /*color: @headerCellsColor;*/
           color:#ffffff;
           border-top:none; 
       }
    
              .btnStandard { 
             
        }
      
     
     
     
          
     

      

     
     
     
            .btnCancel { 
        }
     
     
           
     
          
         .btnStandardLogin { 
                    background: -webkit-linear-gradient(top , #207cca, #207cca) !important;
                    background: -moz-linear-gradient(top , #207cca, #207cca) !important;
                    background: -ms-linear-gradient(top , #207cca, #207cca) !important;
                    background: -o-linear-gradient(top , #207cca, #207cca) !important;
                    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#207cca', endColorstr='#207cca')!important; 
                    border: 1px solid #207cca !important;
                    border-radius: 0 0 0 0 !important;
                    color: #ffffff !important; 
                   
                }
                .btnStandardLogin:hover { 
                    background: -webkit-linear-gradient(top , #207cca, #207cca) !important;
                    background: -moz-linear-gradient(top , #207cca, #207cca) !important;
                    background: -ms-linear-gradient(top , #207cca, #207cca) !important;
                    background: -o-linear-gradient(top , #207cca, #207cca) !important;  
                    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#207cca', endColorstr='#207cca')!important; 
                    border: 1px solid #207cca !important;
                    border-radius: 0 0 0 0 !important;
                    color: #ffffff !important;  
                    filter: alpha(opacity=80);
                    opacity: 0.8; /* For IE8 and earlier */  
                    -khtml-opacity: 0.8;/* Safari 1.x (pre WebKit!) */
                     
                }
       
       div.dataTables_wrapper 
   {
        overflow-y:hidden;
        overflow-x:auto;
        width:100%;
    }
    
            .LabelsAndBubbles { 
                
                                     height:55px;
                 
            }
            
            
            .BubblesAndDate {
                                        height:0px;
                  
            }
            #CspCircle, #CasCircle {
                width: 50px;
                height: 50px;
                 border-radius: 50px;
                border: 2px solid #ffffff;
                background:#ffffff;
                position: relative; 
                                     top:-55px;
                 
              
               margin: auto;
            }
            
            
            #PspCircle, #PasCircle {
                width: 50px;
                height: 50px;
                border-radius: 50px;
                border: 2px solid #ffffff;
                background:#002596;
                position: relative;
                                    top:-55px;
                  
               
               margin: auto;
            }
            
            #FspCircle, #FasCircle {
                width: 50px;
                height: 50px;
                border-radius: 50px;
                border: 2px solid #ffffff;
                background:#002596;
                position: relative;
                                    top:-55px;
                  
                
               margin: auto;
                
            }
            
             #TATOverDueSpCircle, #TATOverDueAsCircle {
                width: 50px;
                height: 50px;
                border-radius: 50px;
                border: 2px solid #ffffff;
                background:#000000;
                position: relative; 
                                     top:-55px;
                 

               margin: auto;

            } 
            
            
            .spTimeLine, .asTimeLine {
                width: 100%;
                background: #000000;
                height: 5px;
            }
            .bnTimeLine {
                width: 100%;
                background: #000000;
                height: 5px;
            }
            
            .largeInputText
            {
                width:200px;
            }
            .smallInputText
            {
                width:50px;
            }
            .tinyInputText
            {
                width:25px;
            }
            
    
    .JobUpdateUnSelectedColour
    {
        background-color:#002596;
    }
    div.JobUpdateUnSelectedColour
    {
        background-color:#002596;
    }
    
    .JobUpdateTab1ButtonColour
    {
        background-color:#000000;
    }
    
    .JobUpdateTab2ButtonColour
    {
        background-color:#000000;
    }
    
    .JobUpdateTab3ButtonColour
    {
        background-color:#000000;
    }
    
    .JobUpdateTab4ButtonColour
    {
        background-color:#000000;
    }
    
    .JobUpdateTab5ButtonColour
    {
        background-color:#000000;
    }
            
    table.browse th.sorting, table.browse th.sorting_desc, table.browse th.sorting_asc
    {
        padding-right:20px;
    }    
            .box-panel-shadow.alertBoxpanel .box-header.alertHeader {
            background: #002596 !important;
        }
        .alertSlide2 h3 span {
            color: #002596 !important;
            border-bottom: 2px solid #002596 !important;
        }
        .alertSlide2 h3 span .count {
            background: #002596 !important;
        }
                .box-panel-shadow.alertBoxpanel .box-header.alertHeader {
            color: #ffffff !important;
        }
        .alertSlide2 h3 span .count {
            color: #ffffff !important;
        }
        .box-panel-shadow .box-header {
        background: #002596;
        color: #ffffff;
                display: flex!important;
        align-items: center;
    }
    table.dataTable.nowrap th, table.dataTable.nowrap td {
        font-size: 14px !important;
    }
    
        .sidebar-menu .treeview.menu-open {
        background-color: #002596 !important;
        color: #fff !important;
    }
    .sidebar-menu .treeview {
        background-color: #002596 !important;
        color: #fff !important;
    }
    .sidebar-menu>li.active>a{
        background-color: #000000 !important;
        color: #ffffff !important;
    }
     .sidebar-menu>li:hover>a{
        background-color: #000000 !important;
        color: #ffffff !important;
    }
     .treeview-menu>li>a:hover {
         background: #000000 !important;
         color: #ffffff !important;
     }
              .main-sidebar .slimScrollBar {
         background: #ffffff !important;
         }
       .sidebar-menu .treeview.menu-open .treeview-menu {
     background-color: #000000 !important;
 }
 
 .sidebar-menu li>a
 {
    color: #ffffff !important;
 }





    .ticket-status ul li:last-child {
        color: #ffffff !important;  
        background: #002596 !important;        
    }
     
        ul.intranet-tabs li {               
        color: #002596;                      
    }
    ul.intranet-tabs li a{         
        border: 1px solid #002596;
        background: #fff;
        color: #002596;
       
    }    
   
    ul.intranet-tabs li.active a, ul.intranet-tabs li a:hover{
        border: 1px solid #000000;
        background: #000000;
        color: #fff;
    }
    
            .main-header .sidebar-toggle, .push-main-header a {
        background-color: #0768c2;
    }
    
    .filter_text .text_filter, .table-column-filter::placeholder
    {
        color: #ffffff;
    }
    
    #TotalsRow td
    {
        color:#002596;
        background-color:#002596;
    }
    
    .fields-holder label{
        color: #Verdana;
                font-size: 15px;
            }
    
    .fields-holder .et-info-field
    {
                font-family: Verdana;
                        font-size: 15px!important;
            }

          .info-field {
         color: #000000;
     }
     
        .paneleditlink {
        color: #000000 !important;
    }
    .paneleditimage {
        fill: #ffffff;
        margin-right: 5px;
        float: left;
    }
    
    #sidr_group_summary2 tr td
    {
                                color:#333;
    }

    #sidr_categories_summary tr td
    {
                cursor: Pointer;
        color:#4aa555;
    }

    #sidr_categories_summary th
    {
           }
    
    #container-main .jobDetailsMainClass {
        float: left;
        margin-right: 10px;
        width: 950px;
        margin-right: 0;
        margin-top: 3px;
        border: 1px solid #b2b2b2;
        padding: 15px 14px;
        border-radius: 10px;
    }
    
    #dashboard-jobs-form-total-div p, #estimatedashboard-jobs-form-total-div p,  #agentdashboard-jobs-form-total-div p,  #openjobsdashboard-jobs-form-total-div p{
        line-height: 15px !important;
        border-bottom: 2px solid #b2b2b2 !important;
        border-top: 2px solid #b2b2b2 !important;
        border-left: none !important;
        border-right: none !important;
    }
    
    #container-main .cmImgGroup 
     {
        float: left;
        margin-right: 10px;
        width: 948px;
        margin-right: 0;
        margin-top: -7px;
        border: 1px solid #b2b2b2;
        padding: 10px 0px;
        border-radius: 10px;
        padding-bottom:40px;
        border-top: 0px;
        border-top-left-radius:0px;
        border-top-right-radius:0px;
    }
    
    .login_screen {
        background-image: url("/images/login/member-login-box2.png");
        background-repeat: no-repeat;
        width:490px;
        height:380px;
        color:#fff;
        background-color:#b2b2b2;
      }      
     
    
    .activBtn, .activBtn:hover{
        background: #002596 !important;
        border: 1px solid #002596 !important;
    }
    
    /* portal title back button */
    .titleButton,.titleButton:hover{
        float: right;
        margin-right: 30px;
        color:#002596 !important;
        border: 1px solid #002596 !important;
    }
    
    #jobDetailList { 
                background: #0000B4;
        color: #FFFFFF;    
                margin-top: 4px; padding: 0px;
        margin-bottom: 15px;

    }
    
    #juRightSidePanel
    {
        position: fixed;
        right: 40px;
        border: 1px solid #b2b2b2;
        width: 446px;
        height: auto;
        top:0px;      
        background:#002596;       
    } 
    
        .HotSpotTitleHeadingColor{
        font-size:15px;
        color:#000000 !important;
        text-align: center; 
        margin-top: 10px;
        text-transform: uppercase;
        font-weight: bold;
    }
    
    .HotSpotValueColor{
        color:#FF0000;
        font-weight: bold;
        font-size:16px; 
        padding-right: 5px;
    }
    
    .SidePanelPolicyTitleClass{
        width: 115px;
        color:#ffffff;
        top:14px;
        background-color:#002596;
        margin-left:15px;
    }
    
    .SidePanelPolicyDetailsTitleClass{
        margin-bottom: 2px;
        width: 135px;
        color:#ffffff;
        background-color:#002596;
        top:12px;
        margin-left:15px;
    }
    .bambooNoticeBoardFieldsetClass{
        padding-bottom:5px;    
        color: #000000;
    }
    .bambooNoticeBoardFieldseth3Class{
        color:#000000 !important;
    }
    .homePanelHeadingColourClass{  
        color:#000000 !important;
    }
    .siderMenuTabTextBgColorClass{
        
    }
    .siderMenuTabTextBgColorClass1{
        background: #002596;
        width: 150px;
        padding: 11px;
        color: #ffffff; 
        text-align: center;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        box-shadow: 0px -2px 2px 0px #0000004a;
    }
    .siderMenuTabTextBgColorClass2{  
        background: #002596;
        width: 125px;
        padding: 11px;
        color: #ffffff; 
        text-align: center;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        box-shadow: 0px -2px 2px 0px #0000004a;
    }
    .siderMenuTabTextBgColorClass3{ 
        background: #002596;
                color: #ffffff; 
                    }
    
    #JobNetworkClientForm fieldset
    {
     padding: 0px 10px 10px 10px;   
     border: 1px solid #c2c2c2;
    }
    
        .box-header.intranetBoxHeader{           
            background: #002596 !important;
            color: #ffffff !important;
    }

    .box-header.twitterFeedsHeader{
            background: #002596 !important;
            color: #ffffff !important;
    }
    
    .payslips-body, .document-repositor, .latest-news-body, .blog-body, .grid-stack-item-content.box-panel-shadow {  
        background: #fff !important;
    }
        
            .ui-dialog-titlebar, .apDialogX.view-group-child-tiles.ui-dialog .ui-dialog-titlebar{  
            background: #3967d6 !important;  
            color: #fff !important;        
    }      
         input:checked + .ele_switch_slider
     {
        background-color: #002596 !important;
     }
    
        .sitemap-list .icon{  
                background: #002596 !important;
    }
    .sitemap-list a.view {  
        border: 1px solid #002596 !important;
        color: #002596 !important;
        background-color: #ffffff !important;
    }
    .sitemap-list:before {  
         background: #002596 !important;
    }
    .sitemap-list .data h4{  
         color: #002596 !important;
    }
    .sitemap-list .icon:after
    {  
            border-top: 150px solid #002596;
    }
    .sitemap-list a.view:hover, .sitemap-list.sitemap-active a.view{  
         background: #002596 !important;
         text-decoration: none !important;  
         color: #ffffff !important;
         border: 1px solid #ffffff !important;
    }
    .sitemap-list:hover, .sitemap-list.sitemap-active{  
        border: 1px solid #002596 !important;
    }
        
       
    .popover-content .search-popover .filter-btn{  
        background: #0080ff !important;
    }
    .payslip-box-in a:hover .icon {
        background: #1482f2 !important;
    }
    .payslip-box-in a:hover .data h4, .payslip-box-in a:hover .data .payslip-m .year, .payslip-box-in a:hover .loadmore { 
        color: #1482f2 !important;
    }
    .payslip-box-in a:active .icon .svg-icon,
    .payslip-box-in a:hover .icon .svg-icon
    {
        fill: #555555;
    }
    .filter-btn #search_concept{  
        color: #ffffff !important;        
    } 
    .search-popover button .caret {
        border-top: 7px solid #ffffff !important;
    }
            .qtipHelpImg {
        background: #2D77E7;
        border-radius: 50px;
    }
    .helpTxtLegenbtm {
        border-bottom: 1px solid #2D77E7;
    }
    .helpTxtLegentop {
        border-top: 1px solid #2D77E7;
    }
    .qtip-tip {
        color: #2D77E7 !important;
    }
    .qtip-tipped {
        border: 4px solid #2D77E7 !important;
    }
        .latest-news-content h4 a, .latest-news-content h4 a:hover, .latest-news-content h4 a:focus {
        color: #4aa851;
    }
    .list-news ul li a, .list-news ul li a:hover {
        color: #4aa851;
    }
    #forumposts h2 {
        color: #4aa851;
    }
        .wizard-top-bg ul.wiz-nav-tabs>li.active>a .text {
        color: #fa9c22;
        border: 5px solid #fa9c22;
    }
        .wizard-top-bg ul.wiz-nav-tabs.with-circle > li.active > a p {
        color: #fa9c22;
    }
    .wizard-top-bg ul.wiz-nav-tabs > li.active > a .text::before, .wizard-top-bg ul.wiz-nav-tabs > li.active > a .text::after {
        background-color: #fa9c22;
    }
    .wizard-top-bg ul.wiz-nav-tabs>li a .text {
        color: #fa9c22;
        border: 5px solid #fa9c22;
    }
    .wizard-top-bg ul.wiz-nav-tabs > li a .text::before, .wizard-top-bg ul.wiz-nav-tabs > li a .text::after {
        background-color: #fa9c22;
    }
    .wizard-top-bg ul.wiz-nav-tabs > li a:hover .text::before, .wizard-top-bg ul.wiz-nav-tabs > li a:hover .text::after {
        background-color: #fa9c22;
    }
    .wizard-top-bg ul.wiz-nav-tabs > li a:hover .text {
        color: #fa9c22;
        border: 5px solid #fa9c22;
    }
    .wizard-top-bg ul.wiz-nav-tabs > li a:focus {
        background: transparent;
    }
    .wizard-top-bg ul.wiz-nav-tabs>li:first-child a .text:before, 
    .wizard-top-bg ul.wiz-nav-tabs>li:last-child a .text:after, 
    .wizard-top-bg ul.wiz-nav-tabs>li:first-child .complate>a .text:before,
    .wizard-top-bg ul.wiz-nav-tabs>li:first-child a .tabicon:before,
    .wizard-top-bg ul.wiz-nav-tabs>li:last-child a .tabicon:after {
        background: transparent;
    }
        .newFormTitle-bg, .NewFormHeader h3 {
        background:  #207cca !important;     
        color: #ffffff !important;        
    }
        .survey-title, #TotalSurveyProgressID {
        color: #404041;
    }
    .survey-section {
        background: #6A8FA3 !important;
    }
    .divCatSection .has-no-parent .gen-item-text {
        color: #ffff00 !important;
    }
    .survey-section .item-top-line2 {
        color: #ffffff;
    }
    
.job-booking-box-body a .icon .overlay{  
    background-color: #cc558b !important;
    }
.job-booking-box-body a .icon:hover .overlay p{
    color: #ffffff;
}
.job-booking-box-body a .icon
{
    background-color: #FFFFFF !important;
}
.job-booking-box-body a .icon p
{
    color: #545555;
}

.accordion-control .tg_but_class_8 {
    background: #515151;
    color: #ffffff;
}
.wizard-top-bg ul.wiz-nav-tabs.with-circle>li a p {
    color: #ffffff;
}
.wizard-top-bg ul.wiz-nav-tabs.with-circle>li a:hover p {
    color: #000000;
}

    .NewForm-content .btn-primary.radio-new.radiosforbuttons-ExistingClient{  
        background-color: #ffffff !important;
        color: #000000 !important; 
        border-bottom: 2px solid #ffffff !important;
    }
    .NewForm-content .btn-primary.radio-new.radiosforbuttons-ExistingClient.active{  
        background-color: #002596 !important;
        color: #ffffff !important; 
        border-bottom: 2px solid #002596 !important;
    }

    .NewForm-content .btn-primary.radio-new.radiosforbuttons-ExistingClient:hover{
        background-color: #002596 !important;
        color: #ffffff !important; 
        border-bottom: 2px solid #002596 !important;
    }

    .btn-primary.btn-new.radio-new.active, a.add-new-link:hover {
        background: #002596 !important;
        color: #ffffff !important;
        border-color: #002596 !important;
        border-bottom: 2px solid #002596 !important;
    }

    .btn-primary.btn-new.radio-new:hover {
        background: #002596 !important;
        color: #ffffff !important; 
        border-color: #002596 !important;
        border-bottom: 2px solid #002596 !important;
    }

    .btn-primary.btn-new.radio-new{  
        background: #ffffff !important;
        color: #000000 !important; 
    }

        .help a
    {
        border: 2px solid #002596 !important;       
        color: #002596 !important;      
        background: #fff !important;        
    }
    
    .help a:hover{
        border: 2px solid #002596 !important;
        background: #002596 !important;
        color: #fff !important;
    }
        
    ul.trainingTabs li a {
        color: #ffffff !important;
        border: 1px solid #f1f4f8 !important;
    }   
    ul.trainingTabs li.active a {
        background: #000000 !important;
        border:1px solid #000000 !important;
        color:#ffffff !important;
    }   
    ul.trainingTabs li a:hover{
        background: #000000 !important;
        border:1px solid #000000 !important;
        color:#ffffff !important;
    }
    
        
    .sgPrevSectionButton{  
        background: #2A94E5 !important;
        color:#ffffff !important;
    }
    .sgPrevSectionButton:hover{  
        background: #2A94E5 !important;
        color:#ffffff !important;
    }
    .sgNextSectionButton{  
        background: #2A94E5 !important;
        color:#ffffff !important;
    }
    .sgNextSectionButton:hover{  
        background: #2A94E5 !important;
        color:#ffffff !important;
    }
    
        
    .AMUploadFileButton
    {  
         color: #fff !important;
         background: #6c6c6d !important;
    }
    .AMUploadFileButton:hover
    {  
         color: #fff !important;
         background: #6c6c6d !important;
    }
    
    .surv-item.surv-information {
        background: #FFFFDB !important;
         color: #404041 !important;
    }
    
    .surveyCloseButton{  
         background: #ff0000 !important;
         color: #FFFFFF !important;
    }
    .surveyCloseButton:hover{  
        background: #ff0000 !important;
        color: #FFFFFF !important;
    }
    .surveyCompleteButton{  
        background: #4aa851 !important;
        color: #FFFFFF !important;
    }
    .surveyCompleteButton:hover{  
         background: #4aa851 !important;
         color: #FFFFFF !important;
    }
    .ui-datepicker .ui-datepicker-header{ 
        background: #002596 !important;
    }
    .top-home-icon{ 
        background: #2596 !important;
    }
    .search-bg{ 
        background: #002596 !important;
    }
    .navbar-nav>.user-logout .btn-logout
    { 
         background: #002596 url(../../../images/NewDesign/Logout.png) no-repeat 6px 6px !important;
    }
 .yourpanel.pink-bg a {
    background: #000000 !important;
    color: #ffffff !important;
}

.overview-panel div:not(.yourpanel.pink-bg) a {
    background: #207cca !important;
    color: #ffffff !important;
}

#GotoDocuments .doc-repository li:not(.active) {
    background-color: #207cca !important;
}
#GotoDocuments .doc-repository li:not(.active) div.data h4 {
    color: #ffffff !important;
}
#GotoDocuments .doc-repository li:not(.active) {
    border: 1px solid #207cca !important;
}
#GotoDocuments .doc-repository li:not(.active) div.icon {
    background: #207cca !important;
}
#GotoDocuments .doc-repository li:not(.active) div.icon:after {
    border-top: 50px solid #207cca !important;
}
#GotoDocuments .doc-repository li:not(.active) div.icon i {
    color: #ffffff !important;
}

#GotoDocuments .doc-repository li:not(.active):hover {
    background-color: #000000 !important;
}
#GotoDocuments .doc-repository li:not(.active):hover div.data h4 {
    color: #ffffff !important;
}
#GotoDocuments .doc-repository li:not(.active):hover {
    border: 1px solid #000000 !important;
}
#GotoDocuments .doc-repository li:not(.active):hover div.icon {
    background: #000000 !important;
}
#GotoDocuments .doc-repository li:not(.active):hover div.icon:after {
    border-top: 50px solid #000000 !important;
}
#GotoDocuments .doc-repository li:not(.active):hover div.icon i {
    color: #ffffff !important;
}

#GotoDocuments .doc-repository li.active {
    background-color: #000000 !important;
}
#GotoDocuments .doc-repository li.active div.data h4 {
    color: #ffffff !important;
}
#GotoDocuments .doc-repository li.active {
    border: 1px solid #000000 !important;
}
#GotoDocuments .doc-repository li.active div.icon {
    background: #000000 !important;
}
#GotoDocuments .doc-repository li.active div.icon:after {
    border-top: 50px solid #000000 !important;
}
#GotoDocuments .doc-repository li.active div.icon i {
    color: #ffffff !important;
}
.doc-rep-dropdown h3 {
    background: #207cca !important;
}
.doc-rep-dropdown .panel-heading a {
    color: #ffffff !important;
}
        .TourTip {
        border: 4px solid #002596 !important;
        border-radius: 7px !important;
        color: #666 !important;
        background-color: #ffffff;
    }
        .guidethickelement {
        border: 10px solid #002596 !important;
    }
    .guidethinelement {
        border: 2px solid #002596 !important;
    }
    .stepmsgtitle {
        border-bottom: 1px solid #002596;
    }
        .top-back-page {  
        background: #002596 !important;
    }
    .Micon-chat{  
        background: #002596 !important;
    }
    .user.user-menu .dropdown-menu li.user-body a{
        background: #002596;
        color: #ffffff; 
    }
    .user.user-menu .dropdown-menu li.user-body a:hover{
       background: #000000 !important;
       color: #ffffff !important;
    }
        .nav li.user-menu>a:hover,
    .nav li.user-menu.open>a{   
        background-color: #002596 !important;
    }
    .nav>li>a:focus, .nav>li>a:hover {
        background-color: #002596 !important;
    }
    .navbar-nav>.user-menu p
    { 
        color: #000000;
    }
div.edit-photo{
    background-color: #4f4f4f !important;
}
button.tg-sub-table-button, .toplinks a, #StockMenu button, #menu button
{
    background-color: #4f4f4f !important;
    color: #ffffff !important;
}
button.tg-sub-table-button-active
{
    background-color: #002596 !important;
    color: #ffffff !important;
}
.toplinks a:hover, .toplinks a.active, #StockMenu .active-stock-menu-btn, #StockMenu button.active, #StockMenu button:hover, .tg-sub-table-button:hover{
    background-color: #002596 !important;
    color: #ffffff !important;
}
.main-sidebar{
    background-color: #002596 !important;
}

.DesignStudioPage a.DS_list{
    width: 100%;
    height: 128px;
    position: relative;
    padding: 0;
    border-radius: 5px;
    box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.05);
    display: flex;
    justify-content: start;
    align-items: center;
    background: #f9f9f9 !important;
    border:1px solid #f9f9f9;
    margin-bottom: 30px;
}

.DesignStudioPage a.DS_list:hover{
    background: #47a654 !important;
}
.DesignStudioPage a.DS_list .DS_icon{
    background: #FFF;
    width: 140px;
    height: 128px;
    line-height: 128px;
    border-radius: 5px 0 0 5px;
    text-align: center;
}
.DesignStudioPage a.DS_list .DS_title h4{
    margin-left: 20px;
    font-weight: 600;
        color: #555 !important;;
    font-size: 16px;
}
.DesignStudioPage a.DS_list:hover .DS_title h4{
    color: #ffffff !important;
}


div.tooltip div.tooltip-inner
{
    background-color:002596!important;
}

.tooltip-inner
{
    background-color:#002596!important;
    background:#002596!important;
   
}
 .tooltip-arrow 
{
     border-bottom-color:#002596!important;
     border-top-color:#002596!important;
   
}

.empHub-icon
{
    background-color:#002596!important;
}

.empHub-icon i
{
    color:#ffffff!important;
}
.empHub-name
{
    background-color:#002596!important;
}
.empHub-name p
{
        color:#ffffff!important;
            }
.empHub-icon {
        border: 2px solid #002596 !important;
    }
.empHub-name {
    border-bottom: 2px solid #002596 !important;
    border-left: 2px solid #002596 !important;
    border-right: 2px solid #002596 !important;
}


.main-header
{
         background-color:#ffffff!important;   
        
}




.gen-editor-link
{
        color: 207cca !important;
            margin-right: 000000px;
        cursor: pointer;
}

 .tooltipster-sidetip .tooltipster-box
 {
              background: #002596 !important;
                   color: #ffffff !important;
      }
  .tooltipster-arrow
 {
    color: #002596 !important;
 }
 .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border
 {
    border-top-color:#002596 !important;
 }
 .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background
 {
    border-top-color: #002596 !important;
 }
.linkedButtons .selectedLinkButton {
    background-color:#000000;
    color:#ffffff;
}

.content-header>h1 {
    color: #000000 !important;
}
.navbar-nav .top-time span
{
    color: #000000 !important;
}
.tg-edit-but {
    background-color: #207cca !important;
}
   .tg-edit-but span {
    color: #ffffff !important;
 }
   .tg-edit-but:hover {
    background-color: #000000 !important;
 }
   .tg-edit-but:hover span {
    color: #ffffff !important;
 }
   .tg-insert-but {
    background-color: #005fbf !important;
 }
   .tg-insert-but span {
    color: #ffffff !important;
 }
   .tg-insert-but:hover {
    background-color: #000000 !important;
 }
   .tg-insert-but:hover span {
    color: #ffffff !important;
 }
   .tg-delete-but {
    background-color: #ff4242 !important;
 }
   .tg-delete-but span {
    color: #ffffff !important;
 }
   .tg-delete-but:hover {
    background-color: #000000 !important;
 }
   .tg-delete-but:hover span {
    color: #ffffff !important;
 }
   .tg-copy-but {
     background-color: #000000 !important;
 }
   .tg-copy-but span {
     color: #ffffff !important;
 }
   .tg-copy-but:hover {
     background-color: #000000 !important;
 }
   .tg-copy-but:hover span {
     color: #ffffff !important;
 }
   .buttons-excel, .tg-export-template-but {
    background-color: #000000 !important;
 }
   .buttons-excel span, .tg-export-template-but span {
    color: #ffffff !important;
 }
   .buttons-excel:hover, .tg-export-template-but:hover {
    background-color: #000000 !important;
 }
   .buttons-excel:hover span, .tg-export-template-but:hover span {
    color: #ffffff !important;
 }
   .fg_save_btn {
    background-color: #002596 !important;
 }
   .fg_save_btn {
    color: #ffffff !important;
 }
   .fg_save_btn:hover {
    background-color: #000000 !important;
    opacity:1.0 !important;
 }
   .fg_save_btn:hover {
    color: #ffffff !important;
 }
 .fg_close_btn {
    background-color: #ff4242 !important;
}
.fg_close_btn {
    color: #ffffff !important;
}
.fg_close_btn:hover {
    background-color: #000000 !important;
    opacity:1.0 !important;
}
.fg_close_btn:hover {
    color: #ffffff !important;
}
 .resetelement.fieldIcon.FontAwsomeIcon {
    background-color: #002596 !important;
    color: #ffffff !important;
    border: solid 2px #002596;
 }
 .resetelement.fieldIcon.FontAwsomeIcon:hover {
     color: #002596 !important;
     background-color: #ffffff !important;
     border: solid 2px #ffffff;
 }
 .dataTables_wrapper .dataTables_paginate .paginate_button.current {
     border: 1px solid #002596 !important;
     color: #ffffff !important;
          background: linear-gradient(to bottom, #002596 0%, #002596 100%);
      }
 .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
     border: 1px solid #002596 !important;
     color: #ffffff !important;
              background: linear-gradient(to bottom, #002596 0%, #002596 100%);
      }
  .content-wrapper {
     background-color: #ffffff;
 }
   .main-footer {
        background-color: #ffffff;
            color: #002596;
     }
.ui-multiselect-menu .ui-widget-header {
    background: #002596 !important;
    border: 1px solid #002596 !important;
}
.ui-multiselect-menu .ui-widget-header input {
    border: 1px solid #002596 !important;
}
.ui-multiselect-menu .ui-helper-reset li a {
    color: #ffffff !important;
}
.ui-multiselect.ui-state-active {
    background: #002596 !important;
    color: #ffffff !important;
    border: 1px solid #002596 !important;
}
#date-range-filter .drBtn:not(.drBtnSelected) {
     background-color: #4f4f4f !important;
     color: #ffffff !important;
     border: 1px solid #ffffff !important;
 }
#date-range-filter .drBtn.drBtnSelected {
    background-color: #002596 !important;
    color: #fffffff !important;
    border: 1px solid #ffffff !important;
}
#GoChartsShow {
    background: #002596 !important;
    border: 1px solid #002596 !important;
    color: #ffffff !important;
}
#GoChartsShow:hover {
    background: #002596 !important;
    border: 1px solid #002596 !important;
    color: #ffffff !important;
}
div.dataTables_processing>div:last-child>div {
    background: #002596 !important;
}
table.ui-datepicker-calendar td a.ui-state-hover {
    background: #000000 !important;
    border: 1px solid #000000 !important;
    color: #ffffff !important;
}
table.ui-datepicker-calendar td a.ui-state-active {
    background: #000000 !important;
    border: 1px solid #000000 !important;
    color: #ffffff !important;
}
table.ui-datepicker-calendar td.ui-datepicker-today a {
    background: #207cca !important;
    border: 1px solid #207cca !important;
    color: #ffffff !important;
}
tr.row_selected td {
    background-color: #d0d4d7 !important;
    color: #000000 !important;
}
.sitemap-search input#SearchKey {
    color: #000000
}
.sitemap-search input#SearchKey::placeholder {
    color: #000000
}
#sys_admin_search_icon {
    color: #000000 !important;
}
.ui-tabs .ui-tabs-nav  {
    background: #ffffff !important;
}
.ui-tabs li.ui-tabs-tab {
    background: #002596 !important;
}
.ui-tabs li.ui-tabs-tab a {
    color: #ffffff !important;
}
.ui-tabs li.ui-tabs-tab.ui-state-active {
    background: #000000 !important;
}
.ui-tabs li.ui-tabs-tab.ui-state-active a {
    color: #ffffff !important;
}
.ui-tabs li.ui-tabs-tab.ui-state-hover {
    background: #000000 !important;
}
.ui-tabs li.ui-tabs-tab.ui-state-hover a {
    color: #ffffff !important;
}
.reset-chart-filter-but {
    background: #002596 !important;
    color: #ffffff !important;
}
.reset-chart-filter-but:hover {
    background: #002596 !important;
    color: #ffffff !important;
    opacity: 1;
}
.cg-toggle-item {
    background: #207cca !important;
    color: #ffffff !important;
}
.toplinks-red.collapse-drilldown a {
    background-color: #207cca !important;
    color: #ffffff !important;
}
.toplinks-red.collapse-drilldown a:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
}
#advanced-filter-menu input[type="checkbox"]:checked  {
    accent-color: #ffffff !important;
}
#advanced-filter-menu .tg_but_class_1 {
    background-color: #002596 !important;
    color: #ffffff !important;
}
#advanced-filter-menu .tg_but_class_3 {
    background-color: #ff4242 !important;
    color: #ffffff !important;
}
.fg-label {
    text-transform: capitalize !important;
}
.ui-dialog-title {
    text-transform: capitalize !important;
}
.fg-element .radio-new {
    text-transform: capitalize !important;
}
.fg_button {
    text-transform: capitalize !important;
}
.tg-table-main th {
    text-transform: capitalize !important;
}
#tableHeading {
    text-transform: capitalize !important;
}
.dt-button {
    text-transform: capitalize !important;
}
.filter-label {
    text-transform: capitalize !important;
}
.empHub-name {
    text-transform: capitalize !important;
}

.add-new-link, .table-link, a.info-field-url {
    color: #2e9afd !important;
}
.cgDateButton.drBtnSelected {
    color: #ffffff !important;
    background-color:#207cca !important;
    border: 1px solid #ffffff !important;
}
#forgot-pwd-step1 .radio.forgotusername {
    display:none !important;
}
#forgot-username-step1 .fp-user-step1-3 {
    display:none !important;
}
#forgot-pwd-step2 .radio.step2-3 {
    display:none !important;
}
.col-lg-12 .articlebutton {
    background: #002596 !important;
    border: 1px solid #002596 !important;
    color: #ffffff !important;
}
h2.articleheading {
    color: #000000 !important;
}
.latest-news-content h4 a {
    color: #000000 !important;
}
.list-news li.media a {
    color: #000000 !important;
}
.postlikes-page a i {
    background: #ffffff !important;
}
.postlikes-page .articledata i {
    color: #ffffff !important;
}
.postlikes-page span.count {
    color: #ffffff !important;
}
.postlikes-page-bottom a i {
    background: #ffffff !important;
}
.postlikes-page-bottom span.count {
    color: #ffffff !important;
}
.postlikes .count {
    color: #ffffff !important;
}
.postlikes a i {
    background: #ffffff !important;
}
input.newLoginPagePasswordField[name='mobileNumber'] {
    display:none !important;
}
.update-my-details-btn {
    display:none !important;
}
.headingWrapper .buttonLeft, .headingWrapper .buttonRight {
    background: #4aa851 !important;
}