/* =============================================================================
   Links
   ========================================================================== */

   a { color: #0077c8; text-decoration: none; }
   a:visited {color: #003865;}
   a:hover { color: #6c757c; }
   a:focus { outline: thin dotted; }
   
   /* Improve readability when focused and hovered in all browsers: h5bp.com/h */
   a:hover, a:active { outline: 0; }
   
   /* Used to disable jquery ui dialog popup close button on title bar */
   .no-close .ui-dialog-titlebar-close { display: none; }
   
   /*
   ----------------------------------------------------------*/
   body {
       background: #ECF5FD; 
       font-size:.75em; 
       font-family: Monserrat, Verdana, Helvetica, Sans-Serif; 
       margin:0; 
       padding:0; 
       color:#696969;
   }
   
   p, ul { margin-bottom:5px; }
   
   #wrapper {
       background-color:#FFFFFF; 
       min-width:950px;
       width: 80%; 
       margin: 0 auto; 
       position:relative; 
   }
   
   .container {min-width: 100%;width: 100%;margin: 0 auto;}
   
   /* BASE FONT FAMILY NAD SIZES   
   ----------------------------------------------------------*/
   h1, h2, h3, h4, h5, h6  {font-size:1.5em; color:#003865; }
   h1 { font-size:2em;padding-bottom:0;margin-bottom:0; }
   h2 { padding:0 0 10px 0; }
   h3 { font-size:1.2em; }
   h4 { font-size:1.1em; }
   h5, h6 { font-size:1em; }
   /* this rule styles <h2> tags that are the 
   first child of the left and right table columns */
   .rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 {margin-top:0;}
   
   
   .DI_Header { padding-top: 10px; font-size: 250%; padding-bottom: 20px; }
   #SiteMapPath1 { font-size: 65%; padding-bottom: 5px; padding-top:6px; }
   
   
   /* PRIMARY LAYOUT ELEMENTS   
   ----------------------------------------------------------*/
   #whitebox { margin: 0; }
   
   #udfcontrol-inner-div {
       vertical-align: top !important;
   }
   
   .custom-field-section {
       text-align:left;
       padding:2px;
       display: inline !important;
       vertical-align: top !important;
       width:200px;
       float:left;
       margin-left: 3px;
       
   }
#Application_Extensions_NAICS {
   max-width: 700px;
}


   .page { margin-left:auto; margin-right:auto;}
   
   #limelogodiv {
      background-color: white; 
      height: 50px;
      border: 2px solid #d5d7d9 !important;
}



   .grid_2 {
        background-color: white; 
        border-radius: .5rem;
        width: 3rem;
        height: 3rem;
        display: flex;
        align-items: center;
        justify-content: center;
        max-width: 3.25rem;
    }
   
   #header {
       background-color:#003865;
       margin: 0px;
       display: flex;
        align-items: center;
        height: 60px;
        border: none;
       flex-direction: row;
   }

    div:has(>.downloadAuditTool) {
        margin-top: 2em;
        margin-bottom: 2em;
         border: none;
         height:fit-content;
        justify-content: space-between;
        display: flex;
        vertical-align: middle;
   }
    

   .downloadAuditTool { /*! background: url(Images/logo-audit-tool.png) no-repeat; */ left:20px; width: 300px; padding-bottom: 6px;padding-top: 6px;vertical-align: middle;}
   .downloadAuditTool a { color: white;text-decoration: underline !important; padding-left: 30px; vertical-align: middle;}
   .downloadAuditTool a:hover { color: lightblue !important; }
   
   #smp { font-size:50%; float:right; margin-bottom:8px; margin-right: 40px; clear: right; }
   #smp a { text-decoration: none; }
   
   .headerTitle { font-size: 160%; color:#545454; text-shadow: 0px 1px 0px #FFFFFF; margin-top:10px; }
   
   #header h1 {padding:0;margin:0;color:#000;border:none;font-family:Arial, Helvetica, sans-serif;font-size:1.7em;}
   #title {
           display:block;
           width:170px;
           float:left;
           /*margin:-8px 0 0 15px;*/
           margin-left:15px;
           }
   #programlist {font-size:1.1em;display:block;text-align:right;color:#000;width:200px;position:absolute;
                 top:-22px;right:345px;font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
   #menucontainer {float:right; padding-right:20px;}
   #submenucontainer { float:right; padding-right:35px; padding-top:6px; clear: right;}
   
   
   
   #footer p { font-size: 60%; text-align: right; }
   
   /* -------------------------------------------------------------------------------------------------------------------------------------- 
       MENUS
   ----------------------------------------------------------------------------------------------------------------------------------------*/
   
   
   /* HEADER MENU   
   ----------------------------------------------------------*/
   
   #logindisplay { font-size: 95%; display: flex;color:#e6e6e6; width:700px; /*! position:absolute; */ 
                   top:2px; right:15px; font-weight: normal;font-family: Arial, Helvetica, sans-serif; 
/*! flex-direction: column; */
/*! align-items: end; */
/*! border: solid red; */
justify-content: space-between;
}
   #logindisplay a:link, #logindisplay a:visited { color:white; font-weight: bold; text-decoration:none; }
   #logindisplay a:hover { color: lightblue; }
   
   #userMenu	            {  right: 120px; top: 0px; /*! border: 2px solid; *//*! position: inherit; */}
   #userMenu ul			{ list-style: none; }
   
   #userMenu li			{ display: inline; }
   
   #helpMenu	            { /*! position: absolute; */ width: 55px; right: 50px; top: 4px; display:none; /*! border: 2px solid; */}
   #helpMenu ul			{ list-style: none; }
   
   #helpMenu li			{ display: inline; }
   
   #helpMenu li.support            { width:13px; height: 13px; position: relative; text-indent: -9999px;
                                   padding: 0; top:4px; }						  
   #helpMenu li.support a	        { background: url(Images/header-support-help.png) no-repeat; 
                                   background-position: -16px 0px; width: 13px; height: 13px; position: absolute; }
   #helpMenu li.support a:hover    { background-position: -16px -15px; }
   
   #helpMenu li.help               {  width:13px; height: 13px; position: relative; text-indent: -9999px;
                                   padding: 0; left: 25px; top: 4px;}
   #helpMenu li.help a	            { background: url(Images/header-support-help.png) no-repeat; 
                                   background-position: 0px 0px; width: 13px; height: 13px; position: absolute; }
   #helpMenu li.help a:hover 	    { background-position: 0px -15px; }
   
   
   
   
   /* MAIN MENU   
   ----------------------------------------------------------*/
   ul#menu { padding:0;position:relative;margin:0 0 0 15px; width: 100%; height: 50px; }
   ul#menu li {  font-size: 110%; display:block; position: relative; list-style:none; float:left; margin:8px 0px; }
   ul#menu li a {padding:6px 6px; font-weight:bold; text-decoration:none; color:#003865; display:block;}
   ul#menu li a:hover, ul#menu li.hover a {text-decoration:none;color:#0077C8;}
   ul#menu li a:active {text-decoration:none;color:#FFFFFF;}
   ul#menu li.selected {background:#f2a900 url(Images/bg-nav-corner-sprite.png) no-repeat 0 -150px;}
   ul#menu li.selected a {color:#000; background-color:#FFFFFF;}
   ul#menu li.current a {background-color:#ECF5FD; color:#0077C8;border-radius: 5px;height:20px;padding-top: 8px;
       padding-bottom: 8px;
       padding-right: 20px;
       padding-left: 20px;}
   ul#menu li.first a {
   background-image: url(Images/nav-home.png);
   background-repeat: no-repeat;
   background-position: top center;
   background-color: none;
   width: 32px;
   height: 20px;
   position: relative;
   top: 2px;
   text-indent: -9999px;
   }
   
   ul#menu li.first a:hover, ul#menu li.hover a  {
   /*background-image: url(Images/nav-home.png);
   background-repeat: no-repeat; 
   background-position: 10px -55px; */
   background-color: none;
   width: 32px;
   height: 27px;
   position: relative;
   top: 2px;
   text-indent: -9999px;
   cursor: pointer;
   }
   
   ul#menu li a {
   outline: none;
   text-align: center;
   z-index: 10;
   display: block;
   float: left;
   overflow: hidden;
   margin: auto 8px;
   cursor: pointer;
   }  
   
ul #menu, #h1Projects, li a:active {
    color:#faa900 !important;
 }
    
   ul#menu li.back {
   background: url(Images/header-nav-notch.png) no-repeat;
   background-position: center bottom;
   width: 9px;
   height: 20px;
   z-index: 8;
   position: absolute;
   top: 46px;
   margin: 0px;
   cursor: pointer;
   }
   ul#menu li.back {display: none;}
   
   /* SUBMENU   
   ----------------------------------------------------------*/
   ul#submenu {padding:0;position:relative;margin:0 0 0 15px ;text-align:right;}
   ul#submenu li
   {
       border: 1px solid #646767;
      border-radius: 5px 5px 0 0; 
       display: block;
       list-style: none;
       background-color: #ecf5fd;
       float: left;
       margin: 0;
   }

   ul#submenu li:hover {
       border: 1px solid #0077c8;
       border-radius: 5px 5px 0 0; 
   }
   
   ul#submenu li a { 
       font-size: 100%; 
       text-decoration:none; 
       color:rgb(77, 77, 77); 
       padding:10px 15px; display:block; 	
   }
   
   ul#submenu li a:hover { 
       color:#0077c8; 
       background-color: white;
       border-radius: 5px 5px 0 0; 
   }
    
    ul#submenu li.hover { 
       border: 1px, 1px, 1px, 1px !important;
       border-color: #0077c8 !important;
   }

   ul#submenu li.selected a {
       background-color: #0077c8;
       font-weight: 300;
       color: white;
   }
   
   ul#submenu li.selected a {color:#fff;}
   
   
   /* -------------------------------------------------------------------------------------------------------------------------------------- 
       FORM LAYOUT ELEMENTS
   ----------------------------------------------------------------------------------------------------------------------------------------*/
   
   
   fieldset {background-color:#fafbfc; margin:20px 0; /*! padding:20px; */ }
   fieldset p {margin:2px 12px 10px 10px;}
   fieldset label {display:block;color: #003865;font-weight: 300;}
   fieldset label.inline {display:inline;}
   fieldset.MuiOutlinedInput-notchedOutline {
       background-color: unset;
       border-style: solid !important;
       border-width: 1px !important;
   }
   
   .fieldsetPadding {padding: 20px;}
     
   .t-input{
    font-size:12px !important;
}
   input[type="submit"] {
       
       background:#0077c8; 
       color:#fff; 
       font-weight: 400; 
       font-size: 14px; 
       cursor:pointer; 
       height: 30px; 
       padding: 0 10px; 
       -webkit-border-radius:5px;
       -moz-border-radius:5px; 
       -o-border-radius:5px;
       -ms-border-radius:5px; 
       border-radius:5px; 
       text-shadow: none;
   }
   
   .searchable { float: left; }
   
   
   #UserName, #Password {
       width: 300px; 
       font-size: 1.2em;  
       border: 1px solid #ccc; 
       background-color: white; 
       height: 2.5em; 
       -webkit-border-radius: 5px; 
       -moz-border-radius: 5px; 
       border-radius: 5px; 
       padding-left: 10px; 
   }
   
   #query  {
       width: 300px; 
       font-size: 1em;  
       border: 1px solid #ccc; 
       background-color: white; 
       height: 2em; 
       -webkit-border-radius: 5px; 
       -moz-border-radius: 5px; 
       border-radius: 5px; 
       text-indent: 5px; 
   }
   
   .field-validation-error {color:#8a3477;padding:0px 0px 0px 20px;font-size:1.1em; font-weight: bold; }
   .input-validation-error {border:1px solid #8a3477 !important; background-color:#ffeeee !important; }
   .validation-summary-errors {font-weight:bold;color:#ff0000;}
   
   .highlight-copycode {
       text-decoration: none;
       cursor: pointer;
   }
   
   .highlight-copycode_h {
       text-decoration: underline;
       cursor: pointer;
   }
   
   /* -------------------------------------------------------------------------------------------------------------------------------------- 
       BUTTONS
   ----------------------------------------------------------------------------------------------------------------------------------------*/
   
   
   button, #useAjaxsubmit {
       background:#0077C8; 
       border:0px 
       font-weight: 500; 
       font-size: 14px; 
       cursor:pointer; 
       height: 30px; 
       padding: 0 10px; 
       -webkit-border-radius:5px;
       -moz-border-radius:5px; 
       -o-border-radius:5px;
       -ms-border-radius:5px; 
       border-radius:5px; 
       color: white; 
   }

   .QAQC_BUTT {
      background-color: #0077c8 !important;border:1px solid lightgray !important;font-weight:normal !important;}

   .t-button {
       border:1px solid #003865;
       background: #D9EDF9;
       color:#08223f;
       font-weight: 900;
       font-size: 15px;
       cursor:pointer;
       height: 20px;
       padding: 0 12px;
       -webkit-border-radius:2px;
       -moz-border-radius:2x;
       -o-border-radius:2px;
       -ms-border-radius:2px;
       border-radius:2px;
   }
   
   .CancelButton {
       background: #d2f79c url('Images/button-greenlight.png') repeat-x; 
   }
   
   .loginButton {
       margin-top: 10px;
       padding: 10px 20px 25px!important;
   }
   
   #Audit_Extensions_Lost_Proposal_Reason {
       width: 250px;
   }

    #ButtonAdd, #ButtonDelete, #ButtonCopy, #ButtonEdit, #menu_copy, #menu_delete, #menu_edit, #menu_add {
        border: 1px solid whitesmoke;
        background: #0077c8;
        font-weight: bold;
        color: white;
        text-shadow: none;
    }

    #ButtonEdit, .menu_edit  {
        border-top-right-radius:0px !important;
       border-top-left-radius: 5px;
       border-bottom-left-radius: 5px;
       border-bottom-right-radius: 0px!important;
        color: white;
     }
     
     #ButtonDelete, .menu_delete {
        border-radius: 0,3px, 3px, 0;
     }


#KendoUserMenu:hover, #menu_copy:hover, #menu_delete:hover, #menu_edit:hover, #menu_add:hover {
        border: 1px solid white;
        background: lightblue;
        font-weight: bold;
        color: white !important;
        text-shadow: none;
    }
#menu_edit .k-item, .k-state-default, {
     background:#0077c8 !important;
      color: white !important; 
}
.k-state-disabled .k-link {
   color:#313232;
   background-color:#d8d8d8;
}
.k-state-disabled.k-last .k-link {
   font-weight: bold !important;
}
.k-state-disabled.k-first .k-link {
   font-weight: bold;
}

/* Arrow buttons on a table - AND apparently a dropdown in Reports */
.k-item, .k-state-disabled, .k-state-default, .k-first {
      background: lightgray;
}

   .k-menu-horizontal {
      background: none !important;
      border: none;
}
    #menu_edit disabled {
        background:whitesmoke;   
     }
/* not sure this is doing anything 
     #menu_edit .k-link disabled {
        color:white !important;
     }*/

   /* -------------------------------------------------------------------------------------------------------------------------------------- 
       PANEL
   ----------------------------------------------------------------------------------------------------------------------------------------*/
   
   
   legend {
      background-image: linear-gradient(#A1d8FF,#a4cafe);
      border: solid thin #0077c8;
      font-size: 1.3em;
      font-weight:300;
      width: 94%;
      height: 27px;
      display:block;
      padding: 12px 2% 6px 4%;
      margin: 0px;top: 0px;
      position: relative;
      max-width: 94%;
      color: black;
      -webkit-border-radius:5px 5px 0em 0em;-moz-border-radius:5px 5px 0em 0em;-o-border-radius:5px 5px 0em 0em;-ms-border-radius:5px 5px 0em 0em;border-radius: 5px;
/*! overflow: visible; */
}
   
    legend.collapsible {
        background-color: #ECF5FD;
       background-image:url('Images/legend_arrow_down.png');
        background-repeat: no-repeat;
        background-position: right;   
    } 
   
   legend.collapsed {
       background-image:url('Images/legend_arrow_up.png'); 
       background-color: #ECF5FD;
       background-repeat:no-repeat;
       background-position: right; 
   }
   
   .t-grouping-row td {
       background:#adadad url('Images/title-bar.jpg') repeat-x; 
       font-size:1.3em; 
       font-weight:600; 
       width: 96%; 
       height: 27px; 
       padding:6px 2% 0px 2%; 
       margin: 0px; 
       top: 0px; 
       position: relative; 
       color:#333333;
       text-shadow: 0px 1px 0px #ffffff;     
   }
   
   .t-grouping-row p {
       background-color: none;    
       background: none;
   }
   
   
   /* MISC 
   
   
   ----------------------------------------------------------*/
   

.k-state-selected, .k-list > .k-state-selected, .k-list > .k-state-focused, .k-panelbar > .k-state-selected, .k-panel > .k-state-selected, .k-button:active, .k-ghost-splitbar-vertical, .k-ghost-splitbar-horizontal, .k-draghandle.k-state-selected:hover {
  color: #fff;
  background-color: #0077c8;
  border-color: #0077c8;
}
 
  
.clear {clear:both;}
   .error {color:Red;}
   
   #download-di { font-family: bree-serif; font-size: 70%; }
   #main-content {
       background: #fafbfc repeat-x;
       box-shadow: 0px 2px 4px #394254;
       padding-bottom: 40px;
       padding-top: 40px;
       background-position: bottom !important;
   }
   
   #pageWrapper {
       background: white url(Images/background-page-wrapper-footer.jpg) repeat-x;
       background-position: bottom !important;
       box-shadow: 0px 2px 4px #394254;
   }
   
   #query  {
       height: 25px; 
       font-size: 14pt; 
       width: 500px; 
   }
   
   #showAll {
       padding: 5px;
       font-size: 12pt;
   }
   
   .multi-line { width: 90%; height: 5em; }
   
   .t-edit-form-container {
       width: 350px;
       margin: 1em;
   }
       
   .t-edit-form-container .editor-label, .t-edit-form-container .editor-field {
       padding-bottom: 1em;
       float: left;
   }
       
   .t-edit-form-container .editor-label {
       width: 30%;
       text-align: right;
       padding-right: 3%;
       clear: left;
   }
       
   .t-edit-form-container .editor-field {
       width: 60%;
   }
   
   .t-edit-form-container #ContactType {
       display: none;
   }
   
   div.t-edit-form-container {
       width: 90%;
       font-size: 10px;
   }
   
   #ApplicationsGridPopUp 
   {
       left: 100px!important;
       margin: 0 auto!important;
       width: 80%;
       font-size: 10px;
       top: 374px;
   }
   
   .block_field
   {
       margin:15px;
       min-width: 200px;
   }
   
   .floating_field {
       float:left;
       margin:5px 10px;
       min-width: 200px;
   }
   
   .floating_fieldset {
       float:left;
       margin:5px 10px;
       width: 500px;
   }
   
   .floating_fieldset_b {
       float:left;
       margin:5px 10px;
       width: 250px;
   }
   
   
   #logo {
       font-weight: bold;
       font-size: 24px !important;   
       display:block;
       text-align:left;
       color:#000;
       width:400px;
       position:absolute;
       padding-top:10px;
       top:-22px;
       left:6px;
       font-weight:bold; 
       font-family:Arial, Helvetica, sans-serif;
   }
   
   #required label:after {   
       padding-left:3px; 
       content:url(Images/required_field.png);
   }
   
   .required label:after {   
       padding-left:3px; 
       content:url(Images/required_field.png);
   }
   
   .bottomFrame {
       position: absolute;
       top: 170px;    
       left: -20px;
       width: 95.5%;
   }
   
   
   /* MESSAGE BOXES FOR OPERATIONS  
   ----------------------------------------------------------*/
   
   div.warning, .validation-summary-errors, .errors {
       padding: 1% 5%; 
       margin-bottom: 1em; 
       border: 2px solid #f2a900;
       background: #FFEDD0; 
       color: #E57200; 
       font-size: 1.2em;
       font-weight: bold;
       text-align: center;
       -webkit-border-radius:5px;
       -moz-border-radius:5px; 
       -o-border-radius:5px;
       -ms-border-radius:5px; 
       border-radius:5px;
   }
   
   .validation-custom-errors {
       padding: 1% 5%; 
       margin-bottom: 1em;
       margin-left: 4%;
       margin-right: 5%;
       border: 2px solid #ddd;
       background: #f8c4ec; 
       color: #BF587A; 
       font-size: 1.2em;
       font-weight: bold;
       text-align: left;
       border-color: #8a3477;
       -webkit-border-radius:5px;
       -moz-border-radius:5px; 
       -o-border-radius:5px;
       -ms-border-radius:5px; 
       border-radius:5px;
   }
   
   .validation-custom-errors-red {
       padding: 1% 5%; 
       margin-bottom: 1em;
       margin-left: 4%;
       margin-right: 5%;
       border: 2px solid #EBBABA;
       background: #FFD2D3; 
       color: #605859; 
       font-size: 1.2em;
       text-align: left;
       -webkit-border-radius:5px;
       -moz-border-radius:5px; 
       -o-border-radius:5px;
       -ms-border-radius:5px; 
       border-radius:5px;
   }
   
   .title-errors-red {
       color: #CB3E0B; 
       font-weight: bold;
   }
   
   
   .notice { color: #00529B; }
   .success { color: #4F8A10; }
   .alert { color: #9F6000; }
   .error { color: #D8000C; }
   
   a.t-button {
    border-color: whitesmoke;
   background-color:#0077c8;
    color: black;
    text-decoration: none;
   font-weight:normal;
   line-height:unset;
}
.t-button, t-delete, t-add, t-edit {
   background-color:lightblue !important;
}
.t-button:not(.t-button-icon){
   color:white;
   background-color:#0077c8 !important;
}
   
   td.hidden-link a { display: none; }
   
   #BusinessRulesExceptions_summary_table td {
    font-size: 1.1em;
   font-weight: 700;
   width: 80%;
   color: #313232;
   padding-left: 15px;
   padding-top: 2px;
   padding-bottom: 2px;
   border: 2px solid orange !important;
   margin-bottom: 5px;
   border-radius: 1px;
   background-color: #faa900 !important;
 }

   #Vendors_summary_table {
      background-color: #003865 !important; 
      font-size:1.1em; 
      font-weight:700; 
      width:80%; 
      color:white; 
      padding-left: 15px; 
      padding-top: 15px;
      padding-bottom: 15px;
      padding-right: 15px;
      border: none; 
      margin-bottom: 5px;}

   /* TELERIK  
   ----------------------------------------------------------*/
   
   .t-input, .t-widget .text-box, .t-button {
       font-size: 11px;
   }
#FloorsGrid {
  max-width: 525px;
}
#RoomsGrid {
   max-width: 525px;
}
.t-window-titlebar.t-header, .t-window-actions.t-header {background-color:#003865;}

   #AuditProjectStrip-1, #AuditProjectStrip-2 {margin-left: -.25px;}
  
   .option.selected {background-color:#a7e4fc !important;}
  
   .t-input {color: #003865}
   .text-box, .Project_ProjectNumber, .t-input { width: 90%; height: 25px; padding: 0px 5px; border-radius: 5px; }
   .t-picker-wrap .t-select { right: -10px!important; }
   .multi-line { height: 75px !important; }
   input.t-input { height: 18px; padding: 0px 2px; margin-right: 5px !important; font-size: 10px; }
   #auditformid input.t-input { margin-right: 0px !important; }
   #ApplicationsGridform input.t-input { margin-right: 0px !important; }
    
   .t-alt {
       background-color:#ebeff1;	
      /*! text-wrap:nowrap; */
   }
tr.t-alt {
   background-color: #ecf5fd;
}
.t-master-row {
   text-wrap:nowrap;
}
.t-calendar a.t-nav-fast{
   color: darkblue;
}
.t-grid td {border-right: 1px solid #003865; padding-left: 6px;}

#rooms-inner-div td:first-child{
     padding-left:0px !important;
     padding-right: 0px !important;
  
}
#FloorsGrid td:first-child{
  padding-left: 0px !important;
  padding-right: 0px !important;
}
#scopeindexgrid-div td:first-child{
   padding-left: 0px;
   padding-right: 0px;
}
   
   .t-grid-filter { padding: 0em .2em; }
   
   .t-header, .t-grid-header { border-color:#FFFFFF; background:#ffffff;}

.t-state-focused {background:none !important;}

   .t-widget, .t-dropdown, .t-header > {background: purple !important;}
   
   #TabStrip {border-style: none;}
   
   .t-tabstrip .t-tabstrip-items {background-color:white; padding: 0;}
   
   .t-tabstrip-items li a.t-link { font-size: 110%; padding: 10px 10px; }
   #tab-strip > .t-header ul#submenu { border-color: white; background: none; 
}
   .t-tabstrip-items li.t-state-default  {
       font-weight: normal;
       background-color: #ecf5fd !important;
       border-style: solid;
       border-width: 1px;
       border-radius: 4px, 4px, 0, 0 !important;
       margin: .0em .0em 0em 0em;
   }
   
   .t-tabstrip-items li.t-state-default .t-link {
       color: #646767;
   }
   
   .t-tabstrip-items li.t-state-active  {
       font-weight: normal;  
       background-image: none; 
       background-color: #0077C8 !important;    
       border-radius: 4px,4px,0,0;
       margin:unset;
   }
   
   .t-tabstrip-items li.t-state-active a {
        color:  #fff !important;   
   }

   .t-tabstrip-items li.t-state-hover  {
       font-weight: normal; 
       background-color: white !important;
       background-image: none; 
   }
.t-tabstrip-items li.t-state-active li.t-state-hover {
   background-color:#0077c8;
}   

   .t-tabstrip-items li.t-state-hover a  {
       color: #0077c8 !important;      
       border-color: #0077c8
   }
   
   #TabStrip > .t-content, .clearfix {
       margin: 0px;
       padding: 0px;
       overflow: auto;
   }
   
   #TabStrip > .t-content fieldset {
       margin: 4px;
       border: 0px;
        
   }

   th.t-header .t-link{color:#000}
   
   .t-grid-header { border-color:#1e2327; background:#42494f url('Images/nav-sub.jpg') repeat-x;}
   
   .t-grid-header .t-header, .t-grid-header .t-last-header {
       /* padding: .8em .6em; */
       border-width: 0 1px 1px 0;
       border-style: solid;
       font-weight: normal;
       text-decoration-color: white !important;
       white-space: nowrap;
       overflow: hidden;
       text-overflow: ellipsis;
       background-color: #dae2e8;
     
   }
   .t-grid-header th .t-link{
      background-color: #dae2e8;
      color: #000000;
}
   
   .t-toolbar, .t-grouping-header, .t-widget .t-pager-wrapper, .t-grid-footer, .t-widget .t-status {
       border-color: #d4dbe0;
       background-color: #d4dbe0;
   }
.t-toolbar, .t-grid-toolbar, .t-grid-top {
   background-color: white;
}
/*.toolbar, .t-grid-toolbar, t-grid-top hover {
   color: white !important;
} */

   #insertNewLineItemMaterialLaborButtonId {
      color:white;
      background-color:#0077c8 !important;}
   
   /* Add Edit Nav  
   ----------------------------------------------------------*/
   
   .fg-buttonsetd {
       position: absolute;
   }
   .fg-buttonset tr td {
       display:inline;
   }
   
   .fg-toolbar {
       position: relative;
       z-index: 100;
       right: 0px;
       top: 0px;
       padding-bottom: 20px;
   }
   
   
   /* -------------------------------------------------------------------------------------------------------------------------------------- 
   Overriding toolbar-new.css
   ----------------------------------------------------------------------------------------------------------------------------------------*/
   .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
       border: 1px solid #003865;
       background: #0077c8;
       font-weight: bold;
       color: white;
       text-shadow: none;
   }
   
   .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { 
       font-weight: bold; 
   }

   #add_new_lineitem {
      background:#0077C8;
      border: 0px font-weight: 500;
      font-size: 14px;
      cursor: pointer;
      height: 30px;
      padding: 0 10px;
      -webkit-border-radius:5px;
      -moz-border-radius: 5px;
      -o-border-radius: 5px;
      -ms-border-radius: 5px;
      border-radius:5px;
      border-color:gray;
      color: white;}

   .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { 
       opacity: 100; 
       filter:Alpha(Opacity=100); 
   }
   
   .t-calendar .t-content .t-link {
       text-align: center;
   }
   
   .t-calendar th {
       background: #7fbfe2 url('Images/button-bluelight.jpg') repeat-x; 
       color:#08223f;  
       text-align: center; 
       text-shadow: 0px 1px 0px #d0edfa; 
   }
   
   .t-state-selected {
       /* background-image: url('Images/button-purple.jpg'); */
       background-repeat: repeat-x;
       background-color: #E5E3E3 !important;
       font-weight: bold;
       font-weight: normal;
       color: black;
       /* text-shadow: 0px 1px 0px #3b1055; */
   }
   
   .t-state-hover {
       border: 0px solid #98A9BE;
       /* background-image: url('Images/button-blue.jpg'); */ 
       background-repeat: repeat-x; 
       background-color: #E5E3E3 !important; 
       font-weight: normal; 
       color: black !important;
       /* text-shadow: 0px 1px 0px #113046; */ 
   }
   
   /*  .t-state-hover a {  color: white !important; }
   
   .t-state-hover strong { color: white; } 
   .t-state-selected strong { color: white; } */ 
   
   .k-grid-content strong { font-size: 1.4em; }
   
   #dashboard-iframe { min-height: 750px; }
   
   .t-calendar .t-state-focus {
       border-width: 0px;
       padding: 0;
       background-image: url('Images/button-purple.jpg'); 
       background-repeat: repeat-x; 
       background-color: #88429b !important; 
       font-weight: bold; 
       color: white !important; 
       font-weight: normal; 
       text-shadow: 0px 1px 0px #3b1055;
   }
   
   .t-state-focus, .t-state-focus a { color: white !important; }
   
   #submitfile {
       background:#69ae2a url('Images/button-green.jpg') repeat-x; 
       border:1px solid green; 
       color:#255303; 
       font-weight: 900; 
       font-size: 14px; 
       cursor:pointer; 
       height: 30px; 
       padding: 0 10px; 
       -webkit-border-radius:5px;
       -moz-border-radius:5px; 
       -o-border-radius:5px;
       -ms-border-radius:5px; 
       border-radius:5px; 
       text-shadow: 0px 1px 0px #d2f79c;
   }
   
   #postedFile  {
       border: 1px solid #75787B;
       background: #D7D6D5;
       font-weight: 600;
       color: black;
       font-size: 14px;
       cursor:pointer;
       height: 24px;
       padding: 2px 8px;
       -webkit-border-radius:5px;
       -moz-border-radius:5px;
       -o-border-radius:5px;
       -ms-border-radius:5px;
       border-radius:5px;
       vertical-align:bottom;
   }
   
   #UploadImportFileCampaigns { margin: 10px 0px;}
   
   .aspNetDisabled  {
       border:1px solid green; 
       color:#255303; 
       -webkit-border-radius:5px;
       -moz-border-radius:5px; 
       -o-border-radius:5px;
       -ms-border-radius:5px; 
       border-radius:5px; 
   }
   
   #ctl00_ctl00_MainContentRootPlaceHolder_MainContentPlaceHolder_rvDisplay_ctl04_ctl03_ddValue { width: 620px;}
   
   
   /* -------------------------------------------------------------------------------------------------------------------------------------- 
   Workflow Status User Control
   ----------------------------------------------------------------------------------------------------------------------------------------*/
   
   
   .scroller-container	
   {
       background: url(Images/slideTabbg.png);
       /*
        * If not using image make sure width
        * is still divisible by 3. (Assuming
        * 3 tabs are to be visible.)
        */
       width:384px;
       height:300px;
       overflow:hidden;
       margin:0;
       padding:0;
   }
   .selector
   {
       background: url(Images/selector.png);
       background-repeat:no-repeat;
   }			
   .hovering
   {
       background: url(Images/selector.png);
       background-repeat:no-repeat;
       opacity: 0.5;	
   }						
   .scroller-container .scroller-header
   {
       position: relative;
       top: 5px;
       left: 0px;	
       z-index: 10;	
       overflow:hidden;	
   }
   .scroller-container .scroller-header .scroller-header-panel
   {
       position: relative;	
       left:0px;
       display:none;
       overflow:hidden;
   }
   .scroller-container .scroller-header-tab
   {
       display: inline-block;
       position: relative;	
       height: 77px;		
       margin: 0px;
       padding:0px;		
       overflow:hidden;		
   }
   .scroller-container .scroller-body
   {
       width: 360px;
       height:206px;
       left: 10px;
       position: relative;		
   }			
   .scroller-container .scroller-body .scroller-panel
   {
       position: relative;	
       left:0px;			
       height: 206px;	
       display:none;	
       overflow:hidden;
   }
   .scroller-container .scroller-body .scroller-panel .tab-content
   {
       width:360px;
       height: 200px;
       margin-right:20px;
       text-align: justify;
       float:left;	
       overflow:auto;					
   }	
   .tab-content ul {
       list-style:none;
       margin: 5px;
       padding:0;
   }
   .tab-content ul li {
       padding: 5px;
       color:#557482;
       border-bottom:1px dotted #ccc;
   }
   .tab-content ul li.last {
       border-bottom:none !important;
   }
   
   ul.workflowstatuses
   {
       display: inline;
       text-align: center;
       white-space:nowrap;
   }
   
   ul.workflowstatuses li
   {
       display: inline;
       padding-right: 3px;
       padding-left: 1px;
       padding-bottom:1px;
   }
   
   ul.workflowstatuses li img
   {
       vertical-align:middle;
       width:17px;
       height:16px
   }
   
   /* -------------------------------------------------------------------------------------------------------------------------------------- 
   ECM Seeker
   ----------------------------------------------------------------------------------------------------------------------------------------*/
   
   div.mask
   {
       position:absolute;
       z-index:9000;
       background-color:#000;
   }
   
   div.ecm_seeker
   {
       background-color:white;
       border:1px solid black;
       width:800px;
       height:450px;
       overflow:hidden;
       font-family: 'Helvetica';
       font-size: 14px;
       color: #444444;
       z-index:9999;
   }
   
   div.inner_ecm_seeker
   {
       width:790px;
       height:430px;
       overflow:auto;
       color:black;
       margin-top:15px;
       margin-left:5px;
   }
   
   .ecm_seeker_header
   {
       width:250px;
       background-color:#3173b9;
   }
   
   .ecm_seeker_header_close
   {
       float:right;
       margin:5px 5px 5px 0;
       cursor:pointer;
   }
   
   div.ecm_seeker.fancy
   {
       background:url('Images/ecm_seeker.bubble.png.html') no-repeat transparent;
       width:600px;
       height:300px;
   }
   
   div.ecm_seeker.fancy div
   {
       height:250px;
       width:550px;
       overflow:auto;
       color:black;
       margin-top:24px;
       margin-left:24px;
   }
   
   #wrapper{
       margin: 10px;
   }
   
   div.panelafter h2, div.panelpricing h2, div.panelbefore h2, div.panelhvacinteraction h2 {	
       padding: 6px 0px;
       font-weight: bold;
       color: White;
   }
   
   div.panelbefore h3 {
       width: 100%;
       text-align: center;
       font-weight:bold;
       color: white;
       background-color: #52AC8F;
       padding-top: 5px;
       padding-bottom: 5px;
       margin-bottom: 5px;}
   
   div.panelafter h3 {
       width: 100%;
       text-align: center;
       font-weight:bold;
       color: white;
       background-color: #5593B9;
       padding-top: 5px;
       padding-bottom: 5px;
       margin-bottom: 5px;}
   }
   
   
   
   
   #filterbuttons{
       float: left;
       width: 748px;
       padding: 5px 0px 5px 15px;
   }
   
   #filterbuttons input{
       font-size: 16px;
   }
   
   /* panels */
   #filters{
       float: left;
       clear: both;
       width: 750px;
       
       margin: 0px 0px 5px 0px;
       padding: 0px 0px 0px 0px;	
   }
   
   #filters .filters{
       display: block;
       clear: both;
   }
   
   .filter{
       float: left;
       padding:5px;
   }
   
   #filters p{
       font-size: 16px;
       padding: 0px 15px 0px 15px;
   }
   
   div#filters input{
       border: 1px solid #aaaaaa;
       height:24px;
       padding: 0px !important;
       font-size: 16px;
   }
   
   div#filters select{
       border: 1px solid #aaaaaa;
       height:24px;
       width: 125px;
       padding: 0px !important;
       font-size: 16px;
   }
   
   div#paging{
       float: left;
       width: 100%;
       height: 27px;	
       
       margin: 0px 0px 10px 0px;
       padding: 3px 0px 0px 0px;
   }
   
   
   
   
   #pagingprev,
   #pagingmid,
   #pagingnext{
       float: left;
   }
   
   #pagingprev{
       padding: 0px 0px 0px 5px;
   }
   
   div#paging #buttons{
       float: left;
       width: auto;
       height: 32px;
       padding: 2px 0px 0px 0px;
       margin: 0px 0px 0px 10px;
       padding-right: 20px;
       /*border: 1px solid #aaaaaa;*/
   }
   
   div#paging #buttons span{
       cursor: pointer;
       color: blue;
       font-size: 22px;
       padding: 2px 0px 0px 0px;
       margin: 0px 0px 0px 10px;
   }
   
   div#paging #buttons  span.current{
       font-weight: bold;
       color: red;
   }
   
   div#paging #info{
       float: right;
       width: auto;
       height: 32px;
       font-size: 22px;
       padding: 2px 0px 0px 0px;
       margin: 0px 0px 0px 10px;
       padding-right:10px;
       /*border: 1px solid #aaaaaa;*/
   }
   
   div#paging .text{
       float: left;
       font-size: 16px;
       padding-top: 7px;
       padding-left: 15px;
       margin: 0px 10px 0px 0px;
   }
   
   .pager-button {
       padding-left:5px;
       padding-right:5px;
   }
   
   /* table layout */
   table.ecms{
       border-collapse: collapse;
       margin-top: 20px;
       margin-bottom: 30px;
       border: 1px solid #cccccc;
       width: 750px;
   }
   
   #selected_ecm tbody tr.selected{
       background-color: #ffe4c4;
       border: 1px solid #cccccc;
   }
   
   table.ecms_selected{
       border-collapse: collapse;
       margin-top: 20px;
       margin-bottom: 30px;
       border: 0px solid #cccccc;
       width: 750px;
   }
   
   table.ecms tr.selected{
       background-color: #3d74fd;
   }
   
   table.ecms tr{
       background-color: transparent;
   }
   
   table.ecms td,
   table.ecms th{
       border: 1px solid #cccccc;
       padding: 5px 10px 5px 10px;
   }
   
   table.ecms th{
       background-color: #efefef;
   }
   
   table.ecms td
   {
       cursor:pointer;
   }
   
   
   tbody.ecm{
       float: left;
       width: 750px;
       border: 1px solid #cccccc;
       background-color: #efefef;
       margin: 0px 0px 15px 0px;
   }
   
   td.aemcode, th.aemcode, td.wattage, th.wattage{
       white-space:nowrap;
   }
   
   th.t-last-header.t-header > a.t-link {
   color: white;
   }
   
   .t-window-content
   {
      height: auto !important;
   }
   
   /*---------------------------------------------------------*/
   /* New Kendo Styling                                       */
   /*---------------------------------------------------------*/
   
   div.righttoolbargridcontainer
   {
       float:right;
       padding-bottom: 18px;
   }
   
   /* Style build-in commands */
   div.k-grid .k-grid-edit,
   div.k-grid .k-grid-delete,
   div.k-grid .k-grid-cancel,
   div.k-grid .k-grid-update  {
       width:20px;
       height:20px;
       text-align:left;
       text-indent:-444px;
       min-width:0;
       border:1px solid #265683; 
       color:#08223f; 
       cursor:pointer; 
       padding: 0px 9px;
       -webkit-border-radius:2px;
       -moz-border-radius:2x; 
       -o-border-radius:2px;
       -ms-border-radius:2px; 
       border-radius:2px; 
       text-shadow: 0px 1px 0px #61b4d7;
       background-repeat: no-repeat;
   }
   
   div.k-grid .k-grid-edit {        
       background-image: url(kendo/icons/edit.png);
   }
   
   div.k-grid .k-grid-delete {
       background-image: url(kendo/icons/cancel.png);
   }
   
   div.k-grid .k-grid-cancel {
       background-image: url(kendo/icons/cancel.png);
   }
   
   div.k-grid .k-grid-update {
       background-image: url(kendo/icons/ok.png);
   }
   
   .k-autocomplete.k-header {
       width: 100% !important;
   }
   
   .ul-list {
       list-style: none;
   }
   
   .li-list {
       border: 1px solid #bbb !important;
       color: #333 !important;
       text-shadow: none !important;
       margin: 5px !important;
       padding: 5px !important;
       background: #eee !important;
   }
   
   .icon-list {
       display: inline-block !important;
   }
   
   .item-delete {
       float: right;
   }
   
   .k-grid-content { 
       overflow-y: scroll !important; 
   }
   
   .t-grid-content { 
       overflow-y: scroll !important;
   }
   
   input[type="button"] {
       cursor: pointer;
   }
   
   
   
    /* BELOW CSS WAS WRITTEN TO SUPPORT UPDATED LOOK OF THE SCOPES MODAL */
   
   #ProjectScopesGridPopUp {
       max-height: 96% !important;
       max-width: 96% !important;
       min-width: 96% !important;
       position: fixed;
       top: 2% !important;
       left: 2% !important;
       margin: 0px !important;
       padding: 0px !important;
       overflow: scroll;
   }
   
   #ProjectScopesGridform > .t-edit-form-container {
       width: 98%;
       margin: 0px !important;
       position: relative;
       left: 1%;
   }
   
   #ProjectScopesGridform > .t-edit-form-container > #project-information-fieldset > #project-information-div {
       width: calc(100% - 20px);
       padding: 10px;
       font-size: 1.2em;
   }
   
   #ProjectScopesGridform > .t-edit-form-container > #project-information-fieldset > #project-information-div > .project-information-div-detail > span {
       margin-right: 10px;
       font-weight: bold;
   }
   
   .error-list {
       margin-left: 15px;
   }
   .error, .alert {
       background: #fbe3e4;
       color: #8a1f11;
       border-color: #fbc2c4;
       -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
       -o-border-radius: 5px;
       -ms-border-radius: 5px;
       border-radius: 5px;
   }
   
   
   /* Stage 01 */
   
   .stage01 {
       background-color: #f6f5f5;
   }
   
       .stage01 legend {
           background-color: #F4EEE2;
           color: #72481D;
       }
   
   .stage01 legend::after {
       content: ' - Calculation Pending';
   }
   
   .stage01 span {
       background: linear-gradient(-45deg, #f2eee3, #e4e1db, #e1dbd7, #f4f3f2);
       background-size: 400% 400%;
       animation: gradient 2s ease infinite;
       color: rgba(0, 0, 0, 0);
   }
   
       .stage01 label, .stage01 h3 {
           color: #6F4C3D;
           font-weight: bolder;
       }
   
   /* Stage 02 */
   .stage02 {
       background-color: #F6F5F5;
   }
   
       .stage02 legend {
           background-color: #F4E2E4;
           color: #81595C;
       }
   
   .stage02 legend::after {
       content: ' - Hang tight support will be in touch with a resolution';
   }
   
   .stage02 span {
       background: linear-gradient(-45deg, #c9bec1, #efe3e4,#efe3e4);
       background-size: 400% 400%;
       animation: gradient 2s ease infinite;
       color: rgba(0, 0, 0, 0);
   }
   
   .stage02 label, .stage02 h3 {
       color: #785b5c;
       font-weight: bolder;
   }
   
   /* Stage 03 */
   
   .stage03 {
       background-color: #f6f5f5;
   }
   
       .stage03 legend {
           background-color: #F0C7CB;
           color: #790C15;
       }
   
   .stage03 legend::after {
       content: ' - Please report this issue to support';
   }
   
   .stage03 span {
       background: linear-gradient(-45deg, #f6f5f5, #d4c8c8, #d9cee3, #e7dfe0);
       background-size: 400% 400%;
       animation: gradient 2s ease infinite;
       color: rgba(0, 0, 0, 0);
   }
   
   .stage03 label, .stage03 h3 {
       color: #9e352e;
       font-weight: bolder;
   }
   
   
   @keyframes gradient {
       0% {
           background-position: 0% 50%;
       }
   
       50% {
           background-position: 100% 50%;
       }
   
       100% {
           background-position: 0% 50%;
       }
   }
   
   .dropdown-disabled,
   .CalculationSourceDropDownDisabled {
       pointer-events: none;
       background-color:rgb(246, 246, 246);
   }
   /* new fixes 5-22-25. Project Scope table padding, White text link when selected. FIXED calendar white text  */