/* Minification failed. Returning unminified contents.
(636,2): run-time error CSS1031: Expected selector, found '/'
(636,2): run-time error CSS1025: Expected comma or open brace, found '/'
(3096,26): run-time error CSS1030: Expected identifier, found '.'
(3096,53): run-time error CSS1031: Expected selector, found ')'
(3096,53): run-time error CSS1025: Expected comma or open brace, found ')'
 */
/*
    8/12/2016 MTF
        Added class jqibox to css with z-index of 99999 - ensures that prompt with always appear on top of kendo window

    10/14/2016 MTF
        Changed tabstrip item border top to 1px so that the loading animation is on.

    11/7/2016 PTM
        Added classes to properly display grid record counts. (.grid-label-hidden and .jci-grid-label)

    11/11/2016 PTM
        Commented out .k-checkbox-label:after checkboxes css in dialogs fixed themselves.

    11/18/2016 PTM
        Added a couple classes for dropdownlist (ddl) filtering.

    01/23/2017 PTM
        Added class jci-tab-label for tab labeling.

    02/28/2017 PTM
        Added/Modified styling for save grid dialogs.
    
    03/03/2017 PTM
        Removed a style that hid a TON of kendo icons.

    04/18/2017 PTM
        Modified validation-summary-errors to have a bottom black line border.

    05/25/2017 MTF
        Removed height property of JCIEntryFormScrollableArea

    06/27/2017 MTF
        Replaced height property removed on 5/25/2017

    07/28/2017 PTM
        Added styling for JCIModalWindowEntryFormArea - used on new ViewModelElement entry form.

    09/18/2017 PTM
        Uncommented styling for grid sort icons and added some new styling for that.

    01/12/2017 PTM
        Added styling for .jci-tabstrip-prev-btn-grid and .jci-tabstrip-next-btn-grid

    01/22/2017 PTM
        Modified styling for .jci-tabstrip-prev-btn-grid and .jci-tabstrip-next-btn-grid to appear OK on narrow screens.

    02/06/2018 MTF
        Adjusted hyperlink button css to fix issues when wrapping 

    03/02/2018 MTF
        Styling changes in conjunction with pinning / unpinning cabinet

    11/6/2018 MTF
        Altered the sizing of hierarchy cell in grids

    02/19/2019 DBM
        Unified focus styling of all jciButtons.

    2/22/2019 MTF
        Expand height of dialog title headers

    05/14/2019 DBM
        Commented out some grid styles that I moved to Grid.cshtml to make
        them override the kendo styles the preferred way, instead of with
        !important.

    5/16/2019
        Fixing Text color across controls -> black instead of gray from theme

    10/11/2019 MTF
        Styling changes to better / more consistently fill screen without programmically resizing

    10/11/2019 MTF
        Got rid of the PanelBarFooter div in Views\Shared\_CabinetPanel.cshtml, so I eliminated it here as well

    12/20/2019 MTF
        Got rid of commented code.
        Combined like styles in a bunch of places

    03/12/2020 JYL
        increase .k-grid tbody tr by 2 px for new locked column grids to match height

    09/22/2021 JYL
        increase .k-grid tbody tr to 25 px

    03/26/2025 MTF  
        sizing and styling of view editor form
*/

html {
    height:100%;
    width:100%;
}

body {
    font-size: .85em;
    font-family: "Segoe UI", "Segoe WP", Verdana, Helvetica, Sans-Serif !important;
    color: #232323;
    color: White;
    background-color: #C0E3EE;
    /*background-image: url("../Images/JCI_Logos/JCI2013.png");*/

    /*
    background-image: url("../Images/JCI_Logos/jci_background.png");
    background-color: Navy;
    */
    /*background-image: url("images/jci_logos/jci_background_fractal.png");
    background-color: palevioletred;*/

    /*background-image: url("images/jci_logos/jci_background_bw.png");*/
    /*background-image: url("images/jci_logos/jci_background_pencil.png");*/
    /*background-image: url("images/jci_logos/jci_background_busy.png");*/
    
    /*background-position: center top;*/
    
    margin:0px;
    height:inherit;
    width:inherit;
    overflow:hidden;
    min-width:320px;
}

form {
    font-size: 12px;
}

label {
    font-size: 12px;
    padding-right: 2em;
}

/* fades other field labels when a dropdownlist is selected */
.jci-ddl-label-unfocused {
    opacity: 0.5;
}

/* improves emphasis on dropdownlist filtered result */
.k-list>.k-state-focused {
    box-shadow: inset 0 0 3px 50px #1984c8!important;
    border: 1px solid #1a87cd;
}

.cabinetLabel {
    font-weight:bold;
    color:#232323;
    display:block;
    float:left;
    margin-top:5px;
    margin-left:2px;
    margin-right:2px;
    padding-left:2px;
    padding-right:2px;
    font-family: inherit;
    font-size: 14px;
}

header, footer, nav, section {
    display: block;
}

.CabinetWrapper {
    padding: 7px 2px 7px 2px;
    font-size: 14px;
    min-width: 221px;
    display: flex;
    flex-direction: row;
    height: auto;
}

.PanelBarWrapper
{
    font-size: 13px;
}

.JobCostBanner {
    position:fixed;
    height: 36px;
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    z-index: 990;
    margin-top:5px;
    margin-bottom:5px;
    background-color:white;
    /*padding: 5px, 0px, 5px, 0px;*/
    /*
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;

    border-right:solid;
    border-right-color: gray;
    border-bottom: solid;
    border-bottom-color:gray;
    */
    width: 100%;
    display: block;
    top:0px;
    /*opacity: 0.6;*/
    /*
    min-width: 800px;
    
    min-height: 150px;
    max-height: 150px;
    */
        
}

.JCIBannerLeft {
    float:left;
    margin-top: 1px;
    padding: 1px 0px 1px 0px;
    height: 32px;
    table-layout: fixed;
}
.JCIBannerRight {
    float:right;
    margin-top: 1px;
    padding: 1px 0px 1px 0px;
    height: 29px;
    table-layout: fixed;
}
a.jciBannerButton {
    display: table-cell;
    font-size: 14px;
    border-radius: 0px;
    padding: 3px 15px 1px 14px;
    height:28px;
    cursor: default;
    color: black;
    float: left;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    line-height:2em;
    transition: background-color 300ms linear;
    -webkit-transition: background-color 300ms linear; 
    background-color: #ffffff !important; 
}
a.jciBannerButton:hover {
    background-color: #dbeeff !important;
    color: black !important;
}

a.jciToggleButtonClass {
    padding-right: 5px !important;
    padding-left: 4px !important;
}

.JobCostCabinetToggle {
    float:left;

}

.JCICabinetToggleButton {
    margin-top:-3px;
    margin-left:5px;
    margin-right:3px;
}
a.JCICabinetToggleButton:hover {
    background-color: #dbeeff !important;
    color: black !important;
}
.JobCostUserSettings {
    float:right;
    padding: 0px 7px 1px 2px;
    height:26px;
    width: 69px;
    table-layout: fixed;
}
a.jciUserSettingsButton {
    display: table-cell;
    font-size: 12px;
    border-radius: 0px;
    margin: 1px 2px 0px 2px;
    height:27px;
    width:100%;
    cursor: default;
    color: black;
    float: left;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    line-height:2em;
    transition: background-color 300ms linear;
    -webkit-transition: background-color 300ms linear; 
    background-color: #ffffff !important; 
}
a.jciUserSettingsButton:hover
{
    background-color: #dbeeff !important;
    color: black !important;
}
.JobCostLogout {
    float:right;
    padding: 0px 7px 1px 2px;
    height:26px;
    width:69px;
    table-layout: fixed;
}
a.jciLogoutButton {
    display: table-cell;
    font-size: 12px;
    border-radius: 0px;
    margin: 1px 2px 0px 2px;
    height:27px;
    width:100%;
    cursor: default;
    color: black;
    float: left;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    line-height:2em;
    transition: background-color 300ms linear;
    -webkit-transition: background-color 300ms linear; 
    background-color: #ffffff !important; 
}
a.jciLogoutButton:hover
{
    background-color: #dbeeff !important;
    color: black !important;
}
/* Infinite spinning forward */
@-webkit-keyframes infinite-spinning {
  from { -webkit-transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes infinite-spinning {
  from { -moz-transform: rotate(0deg); }
  to { -moz-transform: rotate(360deg); }
}
@keyframes infinite-spinning {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* Infinite spinning backward */
@-webkit-keyframes infinite-spinning-backwards {
  from { -webkit-transform: rotate(360deg); }
  to { -webkit-transform: rotate(0deg); }
}
@-moz-keyframes infinite-spinning-backwards {
  from { -moz-transform: rotate(360deg); }
  to { -moz-transform: rotate(0deg); }
}
@keyframes infinite-spinning-backwards {
  from { transform: rotate(360deg); }
  to { transform: rotate(0deg); }
}


/* original code
.JobCostBannerHeadingTopGear {
    position: fixed;
    left: 32px;
    top: 13px;
    height: 55px;
    width: 55px;
    background-image: url("../Images/JCI_Logos/TopGear.png");
    background-size: 55px;
    background-repeat: no-repeat;
    -webkit-animation: infinite-spinning-backwards 20s infinite linear;
    -moz-animation: infinite-spinning-backwards 20s infinite linear;
    animation: infinite-spinning-backwards 20s infinite linear;
}
.JobCostBannerHeadingBottomGear {
    position: fixed;
    top: 63px;
    left: 5px;
    height: 65px;
    width: 65px;
    background-image: url("../Images/JCI_Logos/BottomGear.png");
    background-size: 65px;
    background-repeat: no-repeat;
    -webkit-animation: infinite-spinning 20s infinite linear;
    -moz-animation: infinite-spinning 20s infinite linear;
    animation: infinite-spinning 20s infinite linear;
}
*/
/* JobCost Spinning Gears */
.JobCostBannerHeadingTopGear {
    /*position: fixed;*/
    top: -1px;
    position: relative;
    left: 13px;
    height: 17px;
    width: 17px;
    background-size: 17px;
    background-image: url("../Images/JCI_Logos/TopGear.png");
    background-repeat: no-repeat;
    -webkit-animation: infinite-spinning-backwards 20s infinite linear;
    -moz-animation: infinite-spinning-backwards 20s infinite linear;
    animation: infinite-spinning-backwards 20s infinite linear;
}
.JobCostBannerHeadingBottomGear {
    /*position: fixed;*/
    position: relative;
    left: 5px;
    top: -3px;
    height: 20px;
    width: 20px;
    background-size: 20px;
    background-image: url("../Images/JCI_Logos/BottomGear.png");
    background-repeat: no-repeat;
    -webkit-animation: infinite-spinning 20s infinite linear;
    -moz-animation: infinite-spinning 20s infinite linear;
    animation: infinite-spinning 20s infinite linear;
}

/* Main Page Headings */
.JobCostBannerHeading {
    /*position: fixed;*/
    position: relative;
    left: 32px;
    top:-32px;
    font-weight: 500;
    color: navy;
    color-rendering: optimizeQuality;
    display: inline;
    float: right;
}

#JCI_J, #JCI_C, #JCI_I, #JCI_accounting, #jciCabinetAutoHideButton {
    min-width:0px;
}

#jciCabinetAutoHideButton {
    height: 30px !important;
    float:left;
    overflow-y:hidden;
}

#JCI_ob, #JCI_ost, #JCI_nc {
    min-width:0px;
    margin-right:6px;
}

.k-rpanel-right {
    min-width:0px;
    margin-left:4px;
    overflow:hidden!important;
}

.JobCostBannerSubheading {
    position: fixed;
    left: 90px;
    top: 100px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;

    /*color: #fff;*/
    text-align: center;
    letter-spacing: 1px;
    margin: 0px 0px 20px 0px;
    text-shadow: 1px 3px 2px rgba(0,0,0,0.2);
}
.JobCostBannerCompanyName {
    position: relative;
    font-weight: 500;
    color: navy;
    color-rendering: optimizeQuality;
    padding: 0px 4px 0px 4px;
    margin-top: 5px;
}
.JobCostBannerMenu {
    position: fixed;
    top: 6px;
    left: 250px;
    font-size: 10px !important;
    z-index: 95;
}

/* Main Page Footer */
footer {
   position:fixed;
   float: right;
   text-align: right;
   left:0px;
   bottom:0px;
   height:20px;
   width:100%;
   background-color: grey;
   opacity: 0.85;
   z-index: 96;
}

.mainPageFooter {
   position:fixed;
   float: right;
   text-align: right;
   left:0px;
   bottom:0px;
   height:20px;
   width:100%;
   background-color: grey;
   opacity: 0.85;
   z-index: 96;
}

/*Impromtu Messages*/
.lead.jqititle
{
    color: black;
}

.context-menu-list
{
    color: black;
    font-size:14px;
}

/* Menu Panel (not sure this is used anymore */
.menuPanel {
    position:fixed;
    top: 135px;
    left: 0px;
    float: left;
    width: 135px;
    font-size: 10px !important;
    height: auto;
    background-color: White;
    color: black !important;
    border-right: solid;
    border-bottom: solid;
    border-color: gray;
    /*border-radius: 15px;*/
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    padding: 5px 5px 5px 5px;
    margin: 5px 5px 5px 0px;
    z-index: 97;
}

.mainContentContainer
{
    position:absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:5px;
    background-color:white;
    /*width:100%;
    height:100%;*/
    overflow-y:hidden;
    overflow-x:hidden;
    display:block;
    margin-top:46px;
    /*max-height:96%;*/
}


/* Main Dashboard and Data Frame */
.mainPanel {
    left: 0px;
    opacity: 0.98;
    /*color: blue;*/
    background-color:white;
    margin: 10px 5px 5px 0px;
    padding: 10px 0px 5px 0px;
    border-radius: 0px;
    /*
    border-right:solid;
    border-right-color: gray;
    border-bottom: solid;
    border-bottom-color:gray;
    */
    width: 100%;
    height: 100%;
    /*max-height: 600px;*/
    /*display:inline-block;*/
    display:inline-block;
    
    overflow-y: hidden;
    overflow-x: hidden;
}

#LogoutPanel {
    padding-left:20px;
}

.logoutPanel {
    left: 0px;
    opacity: 0.98;
    /*color: blue;*/
    background-color:white;
    margin: 10px 5px 5px 0px;
    padding: 10px 0px 5px 20px;
    border-radius: 0px;
    /*
    border-right:solid;
    border-right-color: gray;
    border-bottom: solid;
    border-bottom-color:gray;
    */
    width: 100%;
    height: 100%;
    /*max-height: 600px;*/
    /*display:inline-block;*/
    display:inline-block;
    
    overflow-y: hidden;
    overflow-x: hidden;
}

div.JCIScrollableArea, div.JCIScrollableAreaWithFooter, div.JCIScrollableAreaWithTabStripWithFooter, div.JCIEntryFormScrollableArea, div.JCIModalWindowEntryFormArea {
    width: inherit;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

div.JCIScrollableAreaWithTabStripWithFooter {
    margin-bottom: 56px;
}

div.JCIFlexibleArea {
    width: inherit;
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.cabinetPanel
{
    height:100% !important;
    background-color:white;
}

div.JCIEntryFormScrollableArea, div.JCIModalWindowEntryFormArea {
    flex: 1;
}


*/
/* Styles for basic forms
-----------------------------------------------------------*/
fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

/*
textarea {
    min-height: 75px;
}
*/
.editor-label {
    margin: 1em 0 0 0;
}

.editor-field {
    margin: 0.5em 0 0 0;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #f00;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #f00;
    background-color: #fee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #f00;
    border-bottom: 1px solid black;
}

.validation-summary-valid {
    display: none;
}

/* Kendo UI display classes with JCI customizations */
div.k-pane .scrollableArea
{
    overflow-y: scroll;
    overflow-x: hidden;
}

.k-pane .scrollableArea
{
    overflow-y: scroll;
    overflow-x: hidden;
}

div.k-tabstrip
{
    background: none transparent;
    border-width: 0;
}
 
div.k-tabstrip .k-tabstrip-items
{
    padding: 0px 0px 0px 1px;
}

/*div.k-tabstrip .k-content
{
    margin: 1px 0px 0px 0px;
    overflow-y: hidden;
}*/

.jci-tab-label
{
    display: inline-block;
}

#JCICabinetPane
{
    width:268px;
    min-width:252px;
    float:left;
    z-index:996;
    background-color:transparent;
    height:100%;
    /*padding:37px 0px 40px 0px;*/
    overflow-y:hidden;
    overflow-x:hidden;
    border-right-style: solid !important;
    border-right-color: lightgray !important;
    border-right-width: 1px !important;
}

.k-rpanel-toggle
{
    position:absolute;
    top:0;
    left:0;
}


/*
.k-rpanel-left
{
    min-width: 235px;
    padding-top:0px;
}

.k-rpanel-left.k-rpanel-expanded
{
    padding-top:35px;
}*/
/*
#tabstrip { 
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: auto;
    height: auto;
}

k-widget k-tabstrip k-header k-state-active
{
    height: auto !important;
}
*/
/* 
.k-tabstrip .k-content {
    position: absolute;
    top: 41px;
    bottom: 0;
}
*/
/*
.k-tabstrip {
    height: 100% !important;
}


.k-tabstrip-items {
padding: .3em .3em 0;
font-size: 10px;
}

.k-tabstrip-items .k-state-default {
padding: .3em .3em 0;
font-size: 10px;
}

.k-tabstrip-items .k-state-active {
padding: .3em .3em 0;
font-size: 10px;
}
*/

.k-grid {
    font-size: 12px !important; 
    margin-left: .1em;
    height: 100%;
}
/*.k-grid-content {
    height: 100% !important;
}*/
.k-grid-header-wrap th {
    font-size: 12px !important;
    /*padding: .5em .4em .4em .1em !important;*/
    /* This interferes with the grid header spacing when sort icons are applied.
        padding: .5em .4em .4em .1em !important;*/
}
.k-grid tbody tr {
    height: 25px !important;
}
.k-grid td {
    padding: 0.1em 0.1em !important;
    white-space: nowrap !important;
    font-size:14px;
}
.k-grid-content .k-image {
    float: right;
    margin-left: 5px !important;
}
.grid-label-hidden {
    display:none;
    opacity: 0;
    width: 0px;
}
.jci-grid-label {
    margin-right: 0.5em;
    float:right;
}
.k-button-icontext.k-grid-delete
{
    padding: 1px 0px 0px !important;
    height: 25px;
    min-width: 65px !important;
}
.k-button-icontext.k-grid-edit
{
    padding: 1px 0px 0px !important;
    height: 25px;
    min-width: 50px !important;
}

.k-sprite {
    float: right;
    margin-left: 6px !important;
}


/*.k-tabstrip>.k-content 
{
    padding: .3em .3em !important;
    border-width: 1px 0px 0px 0px;
}*/

.k-tabstrip-items
{
    font-size: 12px !important;
    max-height:26px;
    height:26px;
}

.k-tabstrip-items .k-state-default
{
    height:26px;
    overflow:hidden!important;
}

.k-tabstrip-items .k-item
{
    height:25px;
}

/*.k-tabstrip-items .k-tab-on-top
{
    height:26px;
}*/

.k-tabstrip-items .k-item {
    border-color: lightgray;
    border-bottom-color: gray;
}

.k-tabstrip-items .k-item .k-sprite
{
    margin-right: 4px;
    margin-left: -1px !important;
}

.k-tabstrip-top > .k-tabstrip-items-wrapper {
    border-bottom-color: gray;
}

.k-tabstrip-top > .k-tabstrip-items-wrapper .k-item.k-state-active {
    border-color: gray;
    border-bottom-color: transparent;
}

.k-tabstrip-items .k-loading
{
    border-top-width:1px!important;
}

.jci-grid-filter-icon {
    float:left!important;
}

.jci-grid-column-label {
    float:left!important;
    padding-right:0px!important;
    margin-right:0px!important;
}

.k-grid-header th.k-header {
    position: relative;
}

/*
These style overrides are placed in Grid.cshtml instead. Putting them there
    makes them "closer" to the html elements they're modifying. CSS gives
    priority to the "closest" style settings and that method of overriding
    is preferred over !important. 

    Hey, dumbass, what about everywhere else they are being used?
*/
.k-grid-header th > .k-link > .k-icon {
    position: absolute;
    top: 8px;
    left: -8px;
}

.k-grid-header .k-sort-order {
    position: absolute;
    top: 5px;
    left: 12px;
}

.jci-grid-table-header-sorted {
    margin-left: 14px!important;
}

.jci-grid-table-header-sorted-multi {
    margin-left: 22px!important;
}

.jci-tabstrip-prev-btn-grid {
    /*.k-tabstrip>.k-button.k-bare*/
    position:absolute;
    top: .27em;
    z-index: 2;
    user-select: none;
    /*.k-button.k-bare*/
    border-color: inherit;
    color: inherit!important;
    background: 0 0!important;
    box-shadow: none!important;
    opacity: .7;
    margin-top: -4px;
    margin-left: -5px;
    padding: 0;
    width: 40px;
}

.jci-tabstrip-next-btn-grid {
    /*.k-tabstrip>.k-button.k-bare*/
    position:absolute;
    top: .27em;
    z-index: 2;
    user-select: none;
    /*.k-button.k-bare*/
    border-color: inherit;
    color: inherit!important;
    background: 0 0!important;
    box-shadow: none!important;
    opacity: .7;
    margin-top: -4px;
    margin-right: -5px;
    padding: 0;
    width: 42px;
}

.jci-tabstrip-prev-btn-entryform {
    height:29px;
    width:36px;
    padding:0;
    border-style:solid!important;
    border-width:1px!important;
    margin-top:-6px;
    margin-left:-5px;
}

.jci-tabstrip-next-btn-entryform {
    height:29px;
    width:36px;
    padding:0;
    border-style:solid!important;
    border-width:1px!important;
    margin-top:-6px;
    margin-right:-4px;
}

/*.k-reset k-tabstrip-items
{
    height: 24px;
    font-size: 150% !important;
}*/

/* JCI Controls */
.jciGridButtonBar {
    display: block;
    background-color: #f3f3f4;
    border: none;
    padding: 2px 2px 2px 2px;
    /*width: inherit;*/
    table-layout: fixed;
    height: 32px;
}

.jciTaskButtonBar {
    display: flex;
    background-color: #f3f3f4;
    border: none;
    padding: 2px 2px 2px 2px;
    width: inherit;
    table-layout: inherit;
    height: 32px;
}
.saveloadButton span {
    padding-bottom:3px;
}
.jciGridImportButton {
    display: none!important;
}

.jciGridSaveTable td, .jciGridSaveTable tr, .jciGridSaveTable tbody {
    border-collapse:collapse;
    border-width: 0px;
}

.jciGridSaveInput {
    width: 425px!important;
}

input::-webkit-input-placeholder {
   color: black;
}
input:-moz-placeholder {
   color: black;  
}
input::-moz-placeholder {
   color: black;  
}
input:-ms-input-placeholder {  
   color: black;  
}
a.jciButton {
    display: block;
    /*height: 18px;*/
    font-size: 14px!important;
    border-radius: 0px;
    border: groove 1px #FFFFFF;
    margin: 1px 2px 2px 2px;
    cursor: default;
    color: white;
    float: left;
    text-align: center;
    line-height:17px;
    padding: 5px;
    text-decoration: none;
    transition: background-color 300ms linear;
    -webkit-transition: background-color 300ms linear; 
    margin-top: 1px!important;
}
.greenButton a.jciButton, .blueButton a.jciButton, .purpleButton a.jciButton, 
.clearButton a.jciButton, .redButton a.jciButton, .darkRedButton a.jciButton, 
.tealButton a.jciButton, .yellowButton a.jciButton, .blackButton a.jciButton, 
.orangeButton a.jciButton, .grayButton a.jciButton, .whiteButton a.jciButton,
.editFormButton a.jciButton,
.blueButtonDiv a.hyperlinkButton {
    transition-duration: 0s;
}
a.jciButton:hover, .hyperlinkButton:hover {
    transition-duration: 0s;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.24), 0 1px 1px 0 rgba(0,0,0,0.19);
    text-decoration: none;
}
.greenButton a.jciButton
{
    background-color: #057116;
}
.greenButton a.jciButton:hover
{
    background-color: #0BD12B;
}
.greenButton a.jciButton:focus, .blueButton a.jciButton:focus, .purpleButton a.jciButton:focus,
.clearButton a.jciButton:focus, .redButton a.jciButton:focus, .darkRedButton a.jciButton:focus,
.tealButton a.jciButton:focus, .yellowButton a.jciButton:focus, .blackButton a.jciButton:focus,
.orangeButton a.jciButton:focus, .grayButton a.jciButton:focus, .whiteButton a.jciButton:focus,
.editFormButton a.jciButton:focus,
.blueButtonDiv a.hyperlinkButton:focus {
    /*outline: 5px solid light !important;*/
    box-shadow: 0 0 2px 1px #1984c8;
    border-color: #1a87cd;
}
.blueButton a.jciButton, .editFormButton a.jciButton {
    background-color: #0800B9 !important;
}
.blueButton a.jciButton:hover, .editFormButton a.jciButton:hover {
    background-color: #1ba1e2 !important;
    /*background-color: #11027F !important; */
}
.purpleButton a.jciButton {
    background-color: #580E87 !important;
}
.purpleButton a.jciButton:hover
{
    background-color: #AD39F6 !important;
    /*background-color: #11027F !important; */
}
.clearButton a.jciButton
{
    background-color: transparent;
}
.clearButton a.jciButton:hover
{
    background-color: white !important;
}
.editFormButton a.jciButton, .redButton a.jciButton, .clearButton a.jciButton {
    float: right;
}
.redButton a.jciButton {
    background-color: #A8190B !important;
}
.redButton a.jciButton:hover
{
    background-color: #FF1700 !important;
}
.darkRedButton a.jciButton
{
    background-color: #800000 !important;
}
.darkRedButton a.jciButton:hover
{
    background-color: #cc0000 !important;
}
.tealButton a.jciButton
{
    background-color: #006666 !important;
}
.tealButton a.jciButton:hover
{
    background-color: #00cccc !important;
}
.yellowButton a.jciButton
{
    background-color: #BFBF11 !important;
}

.yellowButton a.jciButton:hover
{
    background-color: #E5E500 !important;
}
.blackButton a.jciButton
{
    background-color: black !important;
    color: white !important;
}
.blackButton a.jciButton:hover
{
    background-color: #707070 !important;
    color: white !important;
}
.orangeButton a.jciButton
{
    background-color: #EF660B !important;
}
.orangeButton a.jciButton:hover
{
    background-color: #FFA030 !important;
}
.grayButton a.jciButton
{
    background-color: #444444 !important;
    color: white !important;
}
.grayButton a.jciButton:hover
{
    background-color: #8A8A8A !important;
    color: white !important;
}
.whiteButton a.jciButton
{
    background-color: #FFFFFF !important;
    color:black!important;
}
.whiteButton a.jciButton:hover
{
    background-color: #DBEEFF !important;
    color:black!important;
}
logoutButton {
    float: left!important;
}
.saveloadButton a.jciButton
{
    background-color: #FFFFFF !important;
}
.saveloadButton a.jciButton:hover
{
    background-color: #DBEEFF !important;
}
a.jciButton > span.k-icon, a.jciBannerButton > span.k-icon, button.jci-cabinet-panel-button > span.k-icon {
    margin-top: -4px;
    height: 16px;
    width: 16px;
}
a.hyperlinkButton {
    display: block;
    height: 18px;
    border-radius: 0px;
    border: groove 1px #FFFFFF;
    margin: 0px;
    cursor: default;
    color: white;
    float: left;
    text-align: center;
    padding: 4px 5px 2px 5px;
    text-decoration: none;
    transition: background-color 300ms linear;
    -webkit-transition: background-color 300ms linear; 
}
.blueButtonDiv a.hyperlinkButton {
    background-color: #0800B9 !important;
    font-size: 12px !important;
    margin-top: 2px !important;
    margin-right: 4px !important;
}
.blueButtonDiv a.hyperlinkButton:hover
{
    background-color: #1ba1e2 !important;
    /*background-color: #11027F !important; */
}

/* jGrowl Styles */
.msgError {
    border: 1px solid darkred;
    background: pink !important;
    color: darkred;
}

button.k-button .k-grid-edit
{
    min-width: 0px !important;
}

.k-grid col.k-hierarchy-col {
    width: 30px !important;
    max-width: 30px !important;
}

.k-grid td.k-hierarchy-cell {
    width: 30px !important;
    max-width: 30px !important;
}

/* Security dialog text size settings   */
.k-header a {
    font-size:13px;
    margin-top:-2px;
}

.k-selectable td {
    font-size:13px;
}

.titleUserGroupMembership {
    font-size: 120%;
    font-weight: 600;
}

#frmUserGroupMembership, #frmFolderCabinetMembership,
#frmGroupCabinetAccess, #frmCabinetFolderMembership,
#frmGroupFolderAccess, #frmFolderViewMembership,
#frmGroupUserMembership {
    font-size: 110%;
}

/*.k-checkbox-label:after {
    margin-left:-14px !important;
    margin-top:-1px !important;
}*/

.jqibox {
    z-index:99999 !important;
}

.k-panelbar .k-link>.k-sprite {
    margin-top: 4px !important;
}

.jci-cabinet-panel-button {
    margin-left:auto;
    margin-right:3px;
    float:right;
    display:block;
    width:30px;
    min-width: 0px !important;
}

.jci-cabinet-panel-pin {
    height:100%;
}

.CabinetDropdownWrapper {
    flex:1;
    overflow:hidden;
    min-width:111px;
    max-width:144px;
    height:30px;
    margin-right:4px;
}

span.k-window-title {
    line-height:1.5 !important;
}

.k-input, .k-widget, .k-multi-select-wrap, .k-textbox > input, input.k-textbox, input.k-textbox:hover, textarea.k-textbox, textarea.k-textbox:hover, .k-panelbar > li.k-state-default > .k-link, .k-tabstrip-items .k-state-default .k-link,
.k-panelbar .k-content, .k-panelbar .k-item, .k-panelbar .k-panel, .k-list-container, .k-nav-current.k-state-hover, span.k-window-title, span.k-input, .k-dropdown .k-input, .k-dropdown .k-state-focused,.k-grid-header .k-header > .k-link,
.jci-header, .k-item.k-state-hover, .k-dropdown .k-state-focused .k-input, .k-dropdown .k-state-hover .k-input {
    color: black;
}

.k-link.k-state-selected, .k-panelbar > li.k-state-default > .k-link.k-state-selected, .k-panelbar > li > .k-state-selected, .k-state-selected > .k-link, .k-link.k-header.k-state-selected, .k-panelbar .k-item .k-link.k-state-selected,
.k-list > .k-state-focused {
    color: white;
}

.k-panelbar > li.k-state-default > .k-link.k-state-hover, .k-panelbar .k-group .k-link.k-state-hover {
    color: black;
}

.jci-application-pane, .jci-edit-view-window {
    width:100%;
    height:100%;
    overflow:hidden;
    display:flex;
    flex-direction:row;
}

.jci-folder-cabinet-pane {
    height: inherit;
    max-width: 268px;
}

.jci-application-content-pane {
    height:inherit;
    width:auto;
    overflow:inherit;
    flex:1;
}

/*
    Ensures that grid will fill the available vertical area
*/
.jci-application-content-pane > div.k-tabstrip-wrapper, .jci-flex-stretch-vertical > div.k-tabstrip-wrapper, .jci-edit-view-window > div.k-tabstrip-wrapper {
    height: 100%;
}

.jci-edit-view-window > div.k-tabstrip-wrapper {
    width: 100%;
}


.jci-fill {
    height:100%;
    width:100%;
    margin:0px;
}

.jci-flex-vertical, .jci-tabstrip, .jci-outer-update-wrapper, .jci-inner-update-wrapper, .jci-inner-update-wrapper > form {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.jci-flex-stretch-vertical, .jci-grid {
    height:auto;
    width:inherit;
    overflow:inherit;
    flex:1;
}

.jci-tabstrip {
    margin:0px;
    padding: 0px 0px 0px 0px;
}

.jci-tabstrip > div.k-content {
    height:100%;
    /*margin:1px 0px 0px 0px;*/
    padding:0px;
    overflow-y:hidden;
    border-width: 0px;
}

.jci-grid-wrapper {

}
/*#region File Changelog*/
/*
11/2/2016 MTF
    Adding styling for .k-numeric-wrap .k-input -- now all JCINumeric & JCIInteger & JCIPercent will style the text the same way
12/08/2016 PTM
    Widened datetimepicker so that you can actually see the time along with the date
12/13/2016 MTF
    Added new classes for styling of jci-transaction-footer. Used on AP to display invoice totals
12/15/2016 MTF
    Adjusted font sizes of jci-transaction-footer label
12/19/2016 PTM
    Added styling for jci-window-close, .jci-logical-wrap, and .jci-logical-notification for Active/Controlled fields (Account entry form)
12/21/2016 MF
    Added styling for AP totalling -- footer-row .right
01/17/2017 MTFf
    Added top border to transaction footer
01/18/2017 PTM
    Added styling for the import dialog's contents
02/03/2017 PTM
    Added more styling for the import dialog to show more information in the file format part.
2/8/2017 MTF
    Updated styling of field validation
    Styling Footer
02/15/2017 PTM
    Added more styling for the import dialog for progress bar, file format, counters, match warning, and messaging.
02/16/2017 PTM
    Added more styling for the import dialog View Log and Download Log buttons.
    Modified the import status panel styling to accomodate new row on the view.
02/21/2017 PTM
    Added styling for the import dialog so that resizing doesn't make it appear too distorted.
02/22/2017 PTM
    Added styling for the import preview table.
02/28/2017 PTM
    Added styling for new import dialog fields.
03/23/2017 MTF
    Broke up import-preview-table styling so as not to affect other td / tr classes
04/03/2017 PTM
    Added styling for the 'View Log' import window to not wrap (it can be maximized)
04/12/2017 PTM
    Added styling for maximized/restored import dialog.
04/13/2017 PTM
    Added styling for non-image import status notifications.
04/25/2017 PTM
    Added styling for Abort After part of import dialog.
06/14/2017 PTM
    Added styling for Import entry form enhancements.
06/19/2017 PTM
    Modified styling for jci-loading-img.
06/28/2017 PTM
    Added styling for form row highlighting.
07/25/2017 MTF
    Added new transaction-grid class based on note-editor in order to avoid issues when highlighting on transaction views. Simplified div definition as well
07/28/2017 PTM
    Added styling for form editor dialog, view model element entry form, and caption labels.
08/01/2017 PTM
    Added styling for import detail progress bar.
08/15/2017 PTM
    Modified styling for form editor dropdown & Journal screen detail rows.
08/17/2017 MTF
    Added styling for footer-row-group
10/20/2017 PTM
    Added styling for report-prompt-error for use on CR viewer parameter prompt.
10/25/2017 PTM
    Added styling for transaction grids highlighting.
01/05/2017 PTMside
    Added styling for the form editor dialog to space it out more around the middle dividing line.
02/21/2018 PTM
    Added styling for the pre-import lookup check modal dialog list of errors.
02/22/2018 PTM
    Added styling for task import upload file removal.
02/26/2018 PTM
    Modified import-result styling to be more compact since uploaded files persist & take up more room now.
2/28/2018 MTF
    Styling for no-toolbar editor moved here
03/08/2018 PTM
    Added styling for fixed detail grid buttons, column headers, and no scrollbars for the import entry form.
03/13/2018 PTM
    Modified fixed-import styling so that the fixed buttons & column headers have a min width of 375px.
03/22/2018 PTM
    Added styling for import-match-disclaimer class.
04/03/2018 PTM
    Modified styling for task import dialog to accomodate new detail records counter, consistently size the dropdownlist/status 
    panel/uploader, and to keep elements in the entry form part more uniform.
05/08/2018 PTM
    Removed a handful of classes that had empty style definitions.
    Modified jci-file-chooser-error-display to work better with new task import dialog display settings.
    Modified import-status-panel to be consistent width with other task import dialog elements.
    Modified jci-import-warn classes to be more consistent name-wise and to appear OK in task import warning dialog.
07/05/2018 PTM
    Removed jci-logical-notification class.

08/01/2018 MTF
    Added combobox styling to dropdown styling

02/26/2019 MTF
    Adjusted padding on entry-form on folder view dialog

3/20/2019 MTF
    Added styling for new class .jci-deleted-transaction-row = strike-through

10/19/2019 MTF
    New class styling

11/11/2019 JYL
    Increased the width, Min-width, and Max-width in .entry-row-group by 2px to fit the HyperLink Buttons with required label

12/17/2019 JYL
    Added styling displayText for display templat Display Text that will get rid of the borders

12/20/2019 JYL
    Undo adding displayText

12/20/2019 MTF
    Styling for: .entry-form.folder-view-form 
    Auto height for transaction form grids (div.jci-transaction-grid > div.k-grid-content )
    Removal of Kendo borders when using Html.DisplayFor (.displayText)

1/10/2020 MTF
    Changed .jci-footer padding just a little bit to display nice when running in a dialog.

01/21/2020 JYL
    Added css for .k-widget.k-tooltip-validation

01/23/2020 JYL
    Modify css for .k-widget.k-tooltip-validation

02/17/2020 JYL
    Modified css for .entry-form input[type="checkbox"].k-checkbox, .entry-form .jci-logical .entry-form input[type="checkbox"].k-checkbox,
        and .entry-form .entry-row .entry-form input[type="checkbox"].k-checkbox
            by commenting out left and width in order to make the check boxes appear as a check box
    added css for .k-checkbox::before to make the check mark in the checkbox bigger

05/05/2020 JYL
    Add styling for class radio-button-editor to have labels on the right of the radio buttons in the Report Selection View

05/11/2020 JYL
    Add css to remove border, bold black, and fix opacity for TimeCard uneditable fields that are sums

05/19/2020 JYL
    Add a black border for the dropdown lists
    Make jci-transaction-footer-label font color black and bold
    Narrower footer row

04/09/2021 JYL
    Add new styling for auto refresh switch label
    Add new styling to narrow the jci messages

06/10/2021 JYL
    Changed width of Auto Refresh switch label

07/02/2021 JYL
    Add new styling for message for AP Check Create
    Add new styling so dropdowns for dialogs are wider

07/07/2021 JYL
    Update Kendo Text Box css

10/11/2021 JYL
    Fix Kendo window title being cut off

05/13/2022 JYL
    Fix Masked Text Box length after Telerik Class updates

09/14/2022 JYL
    Add preview css

11/01/2022 JYL
    Add new Timecard styles

12/18/2023 JYL
    Add new wide entry row group style

01/08/2024 JYL
    Make .entry-row-group-wide wider
    Change class name of the borders for drop down lists after telerik changed the class names

02/01/2024 JYL
    Add styling to the new Multiselector editor for report parameters

02/29/2024 JYL
    New style for Crystal Report parameter dialog for wider dropdowns

03/26/2024 JYL
    new style for timecard

11/19/2024 MTF
    Removed max width for CR parameter dialog wide dropdowns

06/20/2025 JYL
    Add new css styling for Filter/Sort on Add/Edit View

07/28/2025 JYL
    Change width for pay period/timecard type dropdowns

10/01/2025 JYL
    New styling for timecard piece work

10/21/2025 JYL
    New styling for User fields
*/
/*#endregion*/

.jci-entry-form-outer-wrapper {
    height:100%;
    width:100%;
    overflow:hidden;
}

.entry-form {
    height: auto;
    display: inline;
    float: left;
    margin-left: 2px;
    margin-right: 2px;
    margin-bottom: 3px;
    min-width: 300px;  
    width: 100%;
    overflow: auto;
}

.entry-form.folder-view-form {
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    width:100%;
    overflow-y: unset;
    /*max-width: 675px;
    width: auto;*/
}

.entry-row-group-group {
    height: auto;
    overflow: hidden;
}

.entry-row-group {
    height: auto;
    width: 365px;
    min-width: 365px;
    max-width: 365px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
}

.entry-row-group.viewdefinition-group {
    width: 524px;
    min-width: 524px;
    max-width: 524px;
}

.entry-row-group-viewdefinition {
    height: auto;
    width: 510px;
    min-width: 510px;
    max-width: 510px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
}

.entry-row {
    height: 29px; /* 28px */
    min-height: 29px; /* 28px */
    max-height: 29px; /* 28px */
    min-width: 180px;
    white-space: nowrap;
    overflow: hidden;
    display: flex;
    flex-direction: row;
}

.entry-row-multiselect {
    min-height: 29px; /* 28px */
    min-width: 180px;
    white-space: nowrap;
    overflow: hidden;
    display: flex;
}

.note-editor {
    height: unset;
    min-height: unset;
    max-height: unset;
    height: auto !important;
    display: inline;
    float: left;
    width: auto;
    min-width: 294px;
    position: relative;
}

.entry-row.note-editor {
    white-space: unset;
}

.side-by-side {
    width: 363px;
    min-width: 363px;
    max-width: 363px;
    display: inline-block;
    margin-bottom: -3px;
}

.entry-row-highlight {
    background-color: lightgray;
}

.note-editor-highlight {
    background-color: lightgray;
    box-shadow: 0 5px 5px lightgray;
}

.detail-grid-highlight {
    background-color: lightgray;
    box-shadow: 0 5px 5px lightgray;
}

.note-entry-row {
    height:auto;
    min-width: 180px;
    white-space: nowrap;
    overflow: hidden;
}

.transaction-grid-entry-row {
    
}

.transaction-grid-entry-input {
    height: 0px;
    opacity:0;
}

.jci-transaction-footer {
    float: left;
    /*margin-left: 2px;
    margin-right: 2px;*/
    min-width: 363px;  
    width: 100%;
    overflow: hidden;
    height: auto;
    display: inline;
    border-top: 1px solid black;
}

.jci-transaction-footer label {
    text-align: right;
    margin: 1px 4px 1px 2px;    
    width: 125px;
    max-width: 125px;
    min-width: 125px;
    float: left;
    white-space: nowrap;
    padding-right: 4px;
    font-size: 13px;
}

.footer-row-group {
	height: auto;
	width: 300px;
	min-width: 300px;
	max-width: 300px;
	display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
    margin-bottom: -3px;
}

.footer-row {
    height: 21px;
    min-height: 21px;
    max-height: 21px;
    min-width: 180px;
    white-space: nowrap;
    overflow: hidden;
}

.footer-row.right {
    position:relative;
    top:0px;
    left:96px; /* aligns label with side by side labels */
    /*left:38px;*/ /* aligns label with "Last Modified" */
}

.jci-transaction-footer-label {
    color: black;
    font-weight: bold;
}

.jci-transaction-footer-label label {
    float: right;
    width: 30%;
    min-width: 180px;
    margin: 2px 2px 2px 2px;
    white-space: nowrap;
}

.jci-footer {
    float: left;
    margin-right: 2px;
    min-width: 363px;  
    width: 100%;
    overflow: hidden;
    min-height: 19px;
    max-height: 39px;
    height: auto;
    font-size: 10px;
    display: inline;
    background-color: #E6E6E6;
    border-top: 1px solid black;
    padding-bottom:1px;

    /*display: inline;
    float: left;
    margin-left: 2px;
    margin-right: 2px;
    min-width: 300px;  
    width: 100%;
    overflow: hidden;
    height: auto;
    min-height: 18px;
    max-height: 36px;
    font-size: 8px;*/
}

.jci-footer-row {
    height:18px;
    min-height:18px;
    max-height:18px;    
    white-space: nowrap;
    overflow: hidden;
    font-size: 10px;
    margin-bottom: -2px;
    display: inline-block;
    width: 363px;
    min-width: 363px;
    max-width: 363px;

    /*width: 363px;
    min-width: 363px;
    max-width: 363px;
    display: inline-block;
    margin-bottom: -3px;

    width: 363px;
    min-width: 363px;
    max-width: 363px;
    display: inline-block;
    margin-bottom: -3px;*/
}

.jci-footer label {
    text-align: right;
    margin: 2px 4px 2px 2px;    
    width: 65px;
    max-width: 65px;
    min-width: 65px;
    float: left;
    white-space: nowrap;
    padding-right: 4px;
    text-overflow: ellipsis;
    font-size: 10px;
    /*
        width: 125px;
        min-width: 125px;
        max-width: 125px;
    */
}

.jci-footer label.jci-entered-modified-label {
    text-align: left;
    width: auto;
    min-width: 0px;
    max-width: 130px;
    margin: 2px 0px 2px 2px;
    text-overflow: ellipsis;
    /*
        max-width: 100px;
    */
}

.jci-footer-hidden {
    height: 0px !important;
}

.note-editor.folder-view  {  
    height: auto;
    float: left;
    width: auto;
    min-width:294px;
}


.transaction-grid {
    position: relative;
    height: auto;
    display: inline;
    float: left;
    width: 100%;
    min-width:294px;
    min-height: 72px;
}

.transaction-grid label {
    text-align: right;
    margin: 6px 4px 2px 2px;    
    width: 125px;
    max-width: 125px;
    min-width: 125px;
    float: left;
    white-space: nowrap;
    padding-right: 4px;
}

div.jci-transaction-grid > div.k-grid-content {
    height: auto !important;
}

.folder-view-note-editor  {  
    height: auto;
    min-width: 676px !important;
    white-space: nowrap;
    overflow: hidden;
}

.entry-form label {
    text-align: right;
    margin: 6px 4px 2px 2px;    
    width: 125px;
    max-width: 125px;
    min-width: 125px;
    float: left;
    white-space: nowrap;
    padding-right: 4px;
}

.radio-button-editor label {
    text-align: left;
    margin: 0px 4px 2px 2px;
    width: 125px;
    max-width: 125px;
    min-width: 125px;
    float: none;
    white-space: nowrap;
    padding-right: 4px;
}

.note-editor label {
    text-align: left;
    margin: 6px 4px 2px 2px;    
    width: 125px;
    max-width: 125px;
    min-width: 125px;
    float: left;
    white-space: nowrap;
    padding-right: 4px;
}

.entry-form .jci-logical label {
    float: left;
    position: relative;
}

.entry-form .k-checkbox-label {
    margin-top:7px;
    width:2px;
    min-width:2px;
    max-width:2px;
}

.entry-form label.jci-approval-label {
    text-align: left;
    width:auto;
    min-width:1px;
    max-width:200px;
}

.entry-form label.entry-form-required-marker {
    margin: 0px 0px 0px -8px;
    width: auto;
    min-width: 0px;
    max-width: initial;
    padding-right: -2px;
    color: red;
}

.entry-form.entry-form-currency-marker {
    margin: 0px 0px 0px -7px;
    width: auto;
    min-width: 0px;
    max-width: initial;
    padding-right: -1px;
    color: black;
}

.entry-form span.field-validation-error {
    text-align: left;
    width: 100px;
    min-width: 100px;
    max-width: 100px;
    /*float: left;*/
    white-space: nowrap;
}

.folder-view-note-editor span.field-validation-error{
    text-align: left;
    width: 100px;
    min-width: 100px;
    max-width: 100px;
    white-space: nowrap;
    float:left;
    display:inline-block;
}

/*.jciEntryRowInput {
    float: left;
    margin: 2px 2px 2px 2px;
    white-space: nowrap;
    width: 55%;
    min-width: 180px;
}*/


/*.entry-form input.jciEntryRowInput {
    float: left;
    margin: 2px 2px 2px 2px;
    white-space: nowrap
}*/

.entry-form span.k-dropdown, .entry-form span.k-combobox, .entry-form span.k-textbox, .entry-form input.k-textbox, .entry-form span.k-datepicker, .entry-form span.k-datetimepicker, .entry-form span.k-numerictextbox, .entry-form span.jciDisplayText, .entry-form span.k-picker, .entry-form span.k-multiselect {
    /*float: left;*/
    margin: 1px;
    white-space: nowrap;
    flex: 1;
    margin-right: 4px;
}

.entry-form span.k-dropdown, .entry-form span.k-combobox, .entry-form span.k-textbox, .entry-form input.k-textbox, .entry-form span.jciDisplayText, .entry-form span.jciEntryRowBigInt, .entry-form span.k-picker, .entry-form span.k-multiselect {
    /*width: 55%;
    min-width: 180px;*/
    /*max-width: 62%;*/
}
/*
.displayText {
    float: left;
    margin: 2px 2px 2px 2px;
    white-space: nowrap;
    width: 55%;
    min-width: 180px;
    border-style: none;
    color: black;
}
*/
.entry-form span.k-widget.k-combobox.k-editor-widget {
    width: unset;
    min-width: unset;
}

.jciEntryRowCopy {
    position: relative;
    margin-left: -25px;
    margin-right: 9px;
    margin-top: 6px;
    color: #9ea8b9;
    background-color: white;
    display: none;
    z-index:999;
}

.jciEntryRowCopy:hover {
    display: inline-block;
    color: black;
    cursor:pointer;
}

.jciEntryRowCopy:hover:active {
    color:#ceced2;
    background-color:transparent;
    cursor:pointer;
}

.jciEntryRowInput.k-datepicker, .jciEntryRowInput.k-numerictextbox {

}


.jciEntryRowTextBox span.jciEntryRowInput.k-state-disabled, .jciEntryRowTextBox input.jciEntryRowInput.k-state-disabled, .jciEntryRowTextBox span.jciEntryRowInput.k-no-click,
.jciEntryRowTextBox span.jciEntryRowInput.k-disabled, .jciEntryRowTextBox input.jciEntryRowInput.k-disabled, .jciEntryRowTextBox span.jciEntryRowInput.k-no-click,
.jciEntryRowDisplayText span.displayText.k-disabled, .jciEntryRowDisplayText input.displayText {
    pointer-events: unset !important;
    /*cursor: auto !important;*/
}



.jciEntryRowTextBox input.jciEntryRowInput:hover + .jciEntryRowCopy, .jciEntryRowTextBox span.jciEntryRowInput:hover ~ .jciEntryRowCopy,
.jciEntryRowDisplayText input.displayText:hover + .jciEntryRowCopy, .jciEntryRowDisplayText span.displayText:hover ~ .jciEntryRowCopy {
    display: inline-block;
}

.entry-form span.k-datepicker, span.k-numerictextbox, .entry-form span.pay-period-dropdown {
    width: 125px;
}
.entry-form span.pay-period-dropdown, .entry-form span.quarter-dropdown {
    max-width: 125px;
}
.entry-form span.timecard-type-dropdown {
    max-width: 275px;
}
.entry-form span.jciNarrowComboBox{
    max-width: 150px;
}

.entry-form span.k-datetimepicker {
    width: 175px;
}

.entry-form span.jciDisplayText {
    padding-top: 4px;
}

.entry-form input[type="checkbox"].k-checkbox {
    /*left: 10px;*/
    /*width: auto;*/
    margin: 6px 0px 0px 2px;
    padding-left: 0px;
}

.entry-form .jci-logical input[type="checkbox"].k-checkbox{
    /*left: 119px;*/
    /*width: auto;*/
    margin-left: 2px;
    padding-left: 0px;
    position: relative;
}

.entry-form .entry-row jci-logical input[type="checkbox"].k-checkbox {
    /*left: 119px;*/
    /*width: auto;*/
    margin-left: 2px;
    padding-left: 0px;
    position: relative;
}

.k-checkbox::before {
    width: 14px;
    height: 14px;
    font-size: 14px;
}

.caption-label {
    margin-top: 6px;
}

.form-editor-chooser {
    margin-top: 16px;
    height:50px!important;
    min-height: 25px!important;
    max-height:50px!important;
}

.form-editor-label {
    line-height:22px;
}

.form-editor-spacer {
    margin-bottom: 5px;
}

.view-model-element-edit-flex {
    height:100%!important;
}

.view-model-element-edit-footer {
    position: fixed;
    bottom: 0px;
    width: 95%;
}

.jci-logical-wrap {
    display: inline-block;
}

.jci-window-close {
    position: absolute;
    bottom: 8px;
    left: 45%;
}

.note-entry-row table.k-editor {
    float: left;
    width: auto;
    min-width: 180px;
    max-width: 90%;
    margin: 2px 2px 2px 2px;
    white-space: nowrap;
}

.folder-view-note-editor table.k-editor  {  
    height: 290px;
    width:auto;
    min-width: 540px;
    max-width: 540px;
    margin: 2px 2px 2px 2px;
    white-space: nowrap;
}

.button-group
{
    float: right;
}

.k-numeric-wrap .k-input {
    text-align:right;
    padding-right:5px !important;
}

.report-hide {
    display: none;
}

.report-prompt-error {
    color: red;
    font-style: italic;
}

/* Import View Zone */
.import-header {
    resize: horizontal;
    min-width: 700px;
}

.import-content {
    resize: horizontal;
    min-height: 520px;
    min-width: 700px;
    padding: 2px!important;
}

.file-chooser {
    margin-right: 2%;
}

.jci-file-chooser-error-display {
    color: darkred;
    overflow-x: auto;
    line-height: 22px;
    margin-bottom: -8px;
}

.import-wrapper {
    display: flex;
    margin-right:4px;
}

.import-buttonbar-hidden {
    display: none;
}

.import-bar {
    /*padding: 2px 2px 2px 2px;*/
    padding-top: 4px;
    height: 32px;
}

.import-progress-label {
    display: inline-block;
    text-align: center;
}

.import-firstRow {
    margin-top: 5px;
}

.import-left {
    flex: 0 0 40%;
    margin-right:10px;
}

.import-left-maxed {
    flex: 0 1 270px;
    margin-right:10px;
}

.import-right {
    flex: 1;
}

.import-editor-mask {
    background-color: gray;
    opacity: .1;
}

.import-dropDownList {
    width: 100%!important;
    max-width: 270px;
    margin-left: -2px;
}

.import-match-warn, .import-trans-warn {
    margin-bottom: 0px!important;
    margin-top: 7px;
}

.import-hide {
    display: none;
}

.jci-file-chooser {
    width: 100%;
    margin-left: 2px;
    max-width: 270px;
}

.import-preview-btn {
    margin-top: 5px;
    margin-left: 12px;
    height:26px;
}

.import-preview-table tr {
    resize:none;
    border-spacing:0px;
    border-collapse:collapse;
    display:table-row; width:auto;
    border:1px solid darkgrey;
}

.import-preview-table td {
    resize:none;
    border-spacing:0px;
    border-collapse:collapse;
    display:table-cell; width:auto;
    border:1px solid darkgrey;
}

.import-status-panel {
    position: absolute;
    bottom: 10px;
    left: 0px;
    width: 268px;
    height: 170px;
    background-color: #EEE;
    margin-left: 6px;
    border: #ceced2 1px solid;
    border-radius: 5px;
}

.import-abort {
    height: 32px!important;
    min-height: 32px!important;
    max-height: 32px!important;
}

.import-abort-numeric {
    width:35px!important;
    height:100%;
}

.import-abort-wrap {
    width:58px!important;
}

.import-abort-wrap input {
    text-align:center!important;
    width:50px!important;
}

.import-abort-text {
    text-align: right;
    position: absolute;    
    margin-top: 6px!important;
    margin-left: 8px!important;
}

.import-status-numeric {
    width:58px!important;
}

.import-status-counters {
    width: 50px!important;
    text-align: center!important;
}

.import-status-table {
    min-width: 210px!important;
    margin-left: 30px!important;
    margin-right: 0px!important;
    padding-right: 0px!important;
    padding-left: 0px!important;
    text-align: center;
}

.import-status-errors {
    color: red;
}

.import-last label {
    margin-top: 0px!important;
}

.import-spacer {
    margin-left: 2px;
}

.import-spacer-vert {
    margin-top: 6px;
}

.import-spacer-vert-status {
    margin-top: 3px;
}

.import-error-btn {
    margin-left: 99px;
}

.import-warn-icon {
    margin-bottom: 5px;
}

.import-remove-upload {
    margin-bottom: 10%;
}

.import-remove-short {
    float: right!important;
}

.import-remove-long {
    margin-left: -5%;
}

.jci-import-warn-box {
    width: 100%;
    max-height: 110px;
    height: 125px;
    resize: none;
    overflow-y: scroll;
    overflow-x: hidden;
    font-size: small;
    border: solid 1px black;
    margin-top: 5px;
    font-family: "Segoe UI", "Segoe WP", Verdana, Helvetica, Sans-Serif;
}

.jci-import-warn-box ul {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 20px;
}

.jci-import-warn-note {
    font-size: smaller;
    color: darkred;
}

.jci-import-warn-skip-box {
    vertical-align: text-top;
}

.jci-import-warn-skip-label {
    font-size: 13px;
}

.jci-import-fixed-toolbar-buttons {
    top:115px;
    position:fixed;
    width:100%;
    z-index: 1;
    min-width: 375px;
}

.jci-import-fixed-column-headers {
    top:150px;
    left:273px;
    position:fixed;
    width:auto;
    z-index: 1;
    min-width: 375px;
}

.jci-import-fixed-no-scrollbar {
    overflow-x: hidden;
}

.import-em {
    width:125px;
    height: 16px;
}

.import-fileDetail {
    padding-top: 18px;
}

.import-iframe {
    opacity: 0.8;
    height: 380px!important;
}

.import-iframe-maxed {
    opacity: 0.8;
}

.import-legend {
    padding-left: 0px;
    list-style: none;
}

.import-legend li {
    float: left;
    margin-right: 5px;
}

.import-legend span {
    border: 1px solid #ccc; 
    float: left;
    width: 15px; 
    height: 10px; 
    margin: 2px;
}

.import-legend .import-colType-ISN {
    background-color: blue;
}

.import-legend .import-colType-MAT {
    background-color: green;
}

.import-legend .import-colType-DNI {
    background-color: red;
}

.import-temp {
    display: none;
}

.import-log-tab {
    margin-left: 20px;
}

.import-log-window {
    white-space: nowrap;
    overflow: scroll;
    height: 100%;
}

/* Import Notification Templates */
.import-spacer-xl {
    margin-right: 10px;
}

.import-status-icon {
    display: inline-block;
    vertical-align: middle;
    font-size: xx-large;
}

.import-result {
    color: #fff;
    width: inherit;
    height: 60px;
    padding: 0 30px;
    line-height: 25px;
}

.import-success {   
    background: rgba(0%,60%,0%,.7);
    color: #fff;
}

.import-failure {
    background: rgba(60%,0%,0%,.7);
    color: #fff;
}

.import-failure h3, .import-success h3 {
    font-size: 1.5em;
    font-weight: normal;
    display: inline-block;
    vertical-align: middle;
}

.import-DoNotImport {
    background-color: red;
}

.import-AutoAssignPrimaryKey {
    background-color: blue;
}

.import-MatchExistingColumn {
    background-color: green;
}

.import-detail-excel-label {
    text-align:center;
    display: block;
}

.import-match-disclaimer {
    margin-left: 5%;
    margin-bottom: -1%;
    font-style: italic;
    min-width: 180px;
    white-space: nowrap;
    overflow: hidden;
}

.import-load-inactive {
    display: none;
}

.import-load-wrap {
    width: 100%;
    display: inline-flex;
}

.import-load-label {
    float: right;
    font-size: medium;
    padding-right: 5px;
}

.import-load-bar {
    width: 95%;
    float:left;
}

/* Used for Import Load All Details Button Indicator */
.jci-loading-img {
    height: 50px;
    width: 50px;
    position: absolute;
    background-repeat: no-repeat;
    -webkit-animation: ui-load-spin 3s infinite;
    animation: ui-load-spin 3s infinite;
}

@-webkit-keyframes ui-load-spin {
    50% {-webkit-transform: rotate(720deg);}
}

@keyframes ui-load-spin {
    100% {transform: rotate(360deg);}
}

/* Journal Entry Form */
.jci-journal-credit {
    color: red;
}

.jci-journal-debit {
    color: green;
}

.jci-editor {
    margin-right:4px;
}

.jci-editor-notoolbar table.k-widget.k-editor.k-header tr {
    height:0px !important;
    border-width:0px !important;
    padding:0px !important;
}

.jci-editor-notoolbar table.k-widget.k-editor.k-header tr td.k-editor-toolbar-wrap {
    height:0px !important;
    border-width:0px !important;
    padding:0px !important;
}

.jci-deleted-transaction-row {
    text-decoration: line-through !important;
}

.jci-hidden, .jci-ask-to-save {
    display: none;
}

/*
.entry-form {
    height: 500px;
}

.entry-form ._25 {
    width: 21%;
    display: inline;
    float: left;
    margin-left: 2%;
    margin-right: 2%;
}
.entry-form ._50 {
    width: 46%;
    display: inline;
    float: left;
    margin-left: 2%;
    margin-right: 2%;
}
.entry-form ._75 {
    width: 71%;
    display: inline;
    float: left;
    margin-left: 2%;
    margin-right: 2%;
}
.entry-form ._100 {
    width: 96%;
    display: inline;
    float: left;
    margin-left: 2%;
    margin-right: 2%;
}
.entry-form label {
    text-align: right;
    margin: 2px 2px 2px 2px;    
    width: 20px;
    max-width: 20px;
    min-width: 20px;

}
.entry-form input.k-textbox {
    float: right;
    left: 0px;
    width: 80%;
    margin-left: 100px;
}
.entry-form textarea {
    border: 1px solid #B3B3B3;
    width: 100%;
    -moz-border-radius: 3px;
}
.entry-form select {
    border: 1px solid #B3B3B3;
    width: 100%;
    -moz-border-radius: 3px;
}
*/

.k-widget.k-tooltip-validation {
    border-color: red;
    background-color: red;
    width: 25px!important;
    min-width: 25px!important;
    box-sizing: border-box;
    text-align: left;
}

.entry-row-group-narrower {
    height: auto;
    width: 320px;
    min-width: 320px;
    max-width: 320px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
}

.entry-row-group-narrower label {
    text-align: right;
    margin: 6px 4px 2px 2px;
    width: 100px;
    max-width: 100px;
    min-width: 100px;
    float: left;
    white-space: nowrap;
    padding-right: 4px;
}

.entry-row-group-wide {
    height: auto;
    width: 733.3px;
    min-width: 733.3px;
    max-width: 733.3px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
}

.entry-row-group-crystal-report-wide {
    height: auto;
    width: 550px;
    min-width: 550px;
    max-width: 550px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
}

.entry-row-group-crystal-report-wide span.k-picker{
    /*max-width: 70%;*/
}

.entry-row-group-timecardhour {
    height: auto;
    width: 262px;
    min-width: 262px;
    max-width: 262px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
}

.entry-row-group-timecard {
    height: auto;
    width: 170px;
    min-width: 170px;
    max-width: 170px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
}

.entry-row-group-timecard-rate-total {
    height: auto;
    width: 139px;
    min-width: 139px;
    max-width: 139px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
}

.entry-row-group-timecard-um {
    height: auto;
    width: 45px;
    min-width: 45px;
    max-width: 45px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
}

.entry-row-group-timecard-datetotal {
    height: auto;
    width: 146px;
    min-width: 146px;
    max-width: 146px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
}

.entry-row-group-timecard-payperiodtotal {
    height: auto;
    width: 365px;
    min-width: 365px;
    max-width: 365px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
}

.entry-row-group-timecard-totalgross {
    height: auto;
    width: 282px;
    min-width: 282px;
    max-width: 282px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
}

.entry-row-group-timecard-rate-total label {
    text-align: right;
    margin: 6px 4px 2px 0px;
    width: 5px;
    max-width: 5px;
    min-width: 5px;
    float: left;
    white-space: nowrap;
    padding-right: 4px;
}

.entry-row-group-timecard-um p {
    text-align: right;
    margin: 6px 4px 2px 0px;
    width: 40px;
    max-width: 40px;
    min-width: 40px;
    float: left;
    white-space: nowrap;
    padding-right: 4px;
}

.entry-row-group-timecard-datetotal label {
    text-align: right;
    margin: 6px 4px 2px 0px;
    width: 20px;
    max-width: 20px;
    min-width: 20px;
    float: left;
    white-space: nowrap;
    padding-right: 4px;
}

.entry-row-group-timecard-payperiodtotal label {
    text-align: right;
    margin: 6px 4px 2px 2px;
    width: 50px;
    max-width: 50px;
    min-width: 50px;
    float: left;
    white-space: nowrap;
    padding-right: 4px;
}

.entry-row-narrower-label label {
    text-align: right;
    margin: 6px 4px 2px 2px;
    width: 100px;
    max-width: 100px;
    min-width: 100px;
    float: left;
    white-space: nowrap;
    padding-right: 4px;
}

.entry-row-group-timecard-totalgross label {
    text-align: right;
    margin: 6px 4px 2px 0px;
    width: 147px;
    max-width: 147px;
    min-width: 147px;
    float: left;
    white-space: nowrap;
    padding-right: 4px;
}

.entry-total-number span {
    color: black;
    font-weight: bold;
    opacity: 1;
    border: 0;
    text-align: right;
}

.entry-total-number input {

    text-align: right;
}

.entry-total-number span.k-state-disabled {
    opacity: 1;
}
.entry-total-number span.k-numerictextbox .k-numeric-wrap,
.k-numerictextbox .k-select {
    border: none;
}

.k-animation-container {
    /*padding-left: 50px;*/
    border-color: purple;
}

div:not(.k-calendar-container):not([role="tooltip"])[data-role="popup"].k-popup.k-group.k-reset {
    border-left-color: black;
    border-right-color: black;
    border-left-width: thick !important;
    border-right-width: thick !important;
}

.k-list-item.k-focus {
    background-color: #1984c8;
    color: #fff;
}

div:not(.k-calendar-container):not([role="tooltip"]).k-popup.k-group.k-reset.k-state-border-down {
    border-top-color: black;
    border-top-width: thick;
    /*border-left-color: black;
    border-right-color: black;
    border-left-width: thick;
    border-right-width: thick;*/
}

div:not(.k-calendar-container):not([role="tooltip"]).k-popup.k-group.k-reset.k-state-border-up {
    border-bottom-width: thick;
    border-bottom-color: black;
    border-top: none;
    /*border-left-color: black;
    border-right-color: black;
    border-left-width: thick;
    border-right-width: thick;*/
}

.toast-top-narrow-width {
    top: 0;
    right: 0;
    width: 100%;
}

#toast-top-narrow-width > div {
    width: 96%;
    margin: auto;
}

#toast-container.toast-top-narrow-width > div {
    width: 200px;
    margin: auto;
}

.jci-auto-refresh-off-switch {
    float: right;
}

.jci-auto-refresh-off-switch label {
    /*text-align: right;
    margin: 6px 4px 2px 2px;
    color:black;*/
    text-align: right;
    margin: 6px 4px 2px 2px;    
    width: 75px;
    max-width: 75px;
    min-width: 75px;
    float: left;
    white-space: nowrap;
    padding-right: 4px;
    color:black;
    overflow:hidden;
}

.jci-ap-check-create-message label {
    font-weight: bold;
    font-size: 16px;
    color: black;
}

.jci-ap-check-create-message {
    text-indent: 140px;
}

.jci-dialog-wider-dropdown span.k-dropdown  {
    width: 65%
}

.k-window-titlebar > .k-spacer {
    display:none;
}

.field-validation-error {
    color: white;
}

span.k-maskedtextbox.jciEntryRowInput, .jciEntryRowTextBox > span.k-maskedtextbox {
    width: auto;
    margin:2px 2px 2px 2px;
}

form div.JCIFlexibleArea div.JCIEntryFormScrollableArea {
    padding-top: 2px;
}

div.previewDiv table.k-editor {
    height: 155px;
}

div.previewDiv .k-content {
    height: 125px !important;
}
div.userfieldDiv {
    display:none;
}
div.userfieldDiv:has( div.entry-row:not(.jci-hidden)) {
    display:block;
}
.login-form {
    height: auto;
    display: inline;
    float: left;
    margin-left: 2px;
    margin-right: 2px;
    min-width: 300px;  
    width: 100%;
    overflow: auto;
    font-size: 10px;
    margin-bottom: 4px;
}

.login-header {
    height: 25px;
    min-height: 25px;
    max-height: 25px;
    min-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    padding-left: 112px
}

.login-text {
    color:black;
    font-size: 14px;
}

.login-row {
    height: 25px;
    min-height: 25px;
    max-height: 25px;
    min-width: 200px;
    white-space: nowrap;
    /*overflow: hidden;*/
    margin-bottom:5px;
}

.login-row-separator {
    line-height:10px;
}

.login-db-dropdown {
    font-size: 12px;
    margin-top: -12px;
}

.login-form label {
    text-align: right;
    margin: 6px 4px 2px 2px;    
    width: 100px;
    max-width: 100px;
    min-width: 100px;
    float: left;
    white-space: nowrap;
    padding-right: 4px;
}

.login-form label.login-form-required-marker {
    margin: 0px 0px 0px -8px;
    width: auto;
    min-width: 0px;
    max-width: initial;
    padding-right: -2px;
    color: red;
}

.login-form span.field-validation-error {
    text-align: left;
    width: 100px;
    min-width: 100px;
    max-width: 100px;
    float: left;
    white-space: nowrap;
}

.login-form input.k-textbox, .login-form span.k-textbox {
    float: left;
    width: 25%;
    min-width: 200px;
    margin: 2px 2px 2px 2px;
    white-space: nowrap;
    font-size: 125%;
}

.login-form span.k-dropdown, .login-form span.k-picker {
    float: left;
    width: 25%;
    min-width: 200px;
    margin: 2px 2px 2px 2px;
    white-space: nowrap;
}

.button-group
{
    float: right;
}

.jciLoginButtonBar {
    display: block;
    background-color: White;
    border: none;
    padding: 2px 2px 2px 112px;
    margin-bottom: 2px;
    width: 50%;
    table-layout: fixed;
    height: 30px;
}


/*
    10/8/2019 MTF
        Moving the dashboard styling to its own sheet

    4/11/2023 SAC
        Removed unnessary fragments and fixed dashboard width to be responsive (Be sure to clear browser cache for css to take effect)
*/



.jci-dashboard-wrapper {
    height:100%;
    overflow:auto;
    display:flex;
    flex-direction:column;
}

.jci-dashboard {
    padding:5px;
    flex:1;
}

.jci-dashboard > div.jci-dashboard-item {
    float: left;
    width: 220px;
    height: 100px;
    margin: 5px;
    position: relative;
    overflow: hidden;
/*    background-image: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0.2)));
    background-image: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 100%);
    background-image: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 100%);
    background-image: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 100%);*/
    background-image: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 100%);
}

.jci-dashboard-item > span.icon {
    font-size: 48px;
    width: 100%;
    height: 100%;
    line-height: 100px;
    position: absolute;
    text-align: center;
    display: none;
    color: #ffffff;
}

.jci-dashboard-item > span.description {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    padding-left: 15px;
    top: 35px;
    font-size: 16px;
    display: block;
    color: #ffffff;
}

.jci-dashboard-item.executive_summary {
    background-color: #C10000;
}

.jci-dashboard-item.administrative_options {
    background-color: #910091;
}

.jci-dashboard-item.close_AP {
    background-color: #8cbf26;
}

.jci-dashboard-item.close_AR {
    background-color: #FF9C00;
}

.jci-dashboard-item.close_CM {
    background-color: #000000;
}

.jci-dashboard-item.close_GL {
    background-color: #1ba1e2;
}

.jci-dashboard-item.close_PR {
    background-color: #D8EE1B;
}

.jci-dashboard-item.view_reports {
    background-color: #38544B;
}

.jci-dashboard-item.user_settings {
    background-color: #941401;
}

.jci-dashboard-item.contact_support {
    background-color: #F80340;
}

.jci-dashboard-item.about_us {
    background-color: #05DD14;
}

.jci-dashboard-item.log_off {
    background-color: #FF0000;
}
/*
    12/20/2019 MTF
        Created to consolidate and grid CSS changes I am making

    05/08/2020 JYL
        Added jci-grid-sum to bold, color black, and align right for grid footer summary

    09/13/2024 JYL
        Add styling for the Grid switches

    03/26/2025 MTF
        styling for pager

    09/10/2025 JYL
        prevent overlap on sort arrow and column title in Configuration Option grid
*/

/* Adjusts the Grid column heading when there is a sort on the field */
.k-header .k-sorted > a.k-link, .k-header.k-sorted > a.k-link {
    padding-left: 14px;
}

/* Adjusts horizontal spacing of column header when there is a filter icon */
.k-header .k-filterable > a.k-link {
    margin-right: 0px;
    padding-right: 0px;
}

.k-header .k-filterable > a.k-grid-filter > span.k-icon {
    top:-2px;
}

/* Adjusts the vertical spacing of the sort arrow on a grid column header */
.k-header .k-sorted > a.k-link > span.k-icon {
    top: 7px;
}

/* Adjusts the vertical spacing of the sort arrow on a grid column header */
.k-header .k-sorted > a.k-link > span.k-sort-order {
    top: 6px;
}

/* Bolds, align right, and color black the footer of the grid*/
.k-grid-footer td.jci-grid-sum {
    color: black;
    text-align: right;
    font-weight: bold;
}

.jci-grid-sum {
    color: black;
    text-align: right;
    font-weight: bold;
}

.k-widget.k-grid.k-grid-display-block.k-grid-lockedcolumns {
    margin-left: -1px;
    border-width: 1px 1px 1px 0px;
}

.jci-grid-switch .k-switch-label-off, .jci-grid-switch .k-switch-label-on {
    font-size: 10px;
}

span.k-pager-sizes .k-dropdownlist {
    width: 63px;
}

.k-pager-input .k-textbox {
    width: 45px;
}
/*
    11/9/2017 MTF
        Changed this folder back to Style *space* Sheets
        Altered the url below to point to correct folder on deployed builds.
        Ended up adding another folder with the Sprites in it that will NOT be part of the build process so things run locally while debugging

    10/11/2019 MTF
        Removed the margin stuff here to correctly handle them in Site.css
*/

/*.k-icon.k-i-refresh,k-icon.k-i-refresh.k-i-green,.k-icon.k-i-plus.k-i-white,.k-icon.k-i-excel.k-i-white,.k-icon.k-i-refresh.k-i-white,.k-icon.k-i-close.k-i-white,.k-icon.k-i-report.k-i-white, .k-icon.k-i-check.k-i-white,.k-icon.k-i-undo.k-i-white, .k-icon.k-i-delete.k-i-white,.k-icon.k-i-copy.k-i-white, .k-icon.k-i-print.k-i-white,.k-icon.k-i-pdf.k-i-white,.k-icon.k-i-logout.k-i-white, .k-icon.k-i-login.k-i-white,.k-icon.k-i-settings.k-i-white, .k-icon.k-i-import.k-i-white,.k-icon.k-i-settings.k-i-black,.k-icon.k-i-logout.k-i-black,.k-icon.k-i-save.k-i-white
{
	/*background: url("../Sprites/GridSprites.png");*/
  /*  margin-top:-4px;
    height: 16px;
    width: 16px;
}*/

.k-icon.k-i-report/*,.k-icon.k-i-refresh*/ {
    background: url("../Content/JCI/Sprites/GridSprites.png");
    background-position: 0px -16px;
}

/*.k-icon.k-i-refresh {
    background-position: -32px -48px;
}*/

.k-i-green {
    color: green !important;
}

.k-i-white {
    color: white !important;
}

.k-i-black {
    color: black !important;
}

.k-i-filter {
    color: darkgray !important;
}



/*.k-icon.k-i-plus.k-i-white {
    background-position: -32px -16px;
}

.k-icon.k-i-report.k-i-white {
    background-position: 0px -16px;
}

.k-icon.k-i-excel.k-i-white {
    background-position: 0px 0px;
}

.k-icon.k-i-refresh.k-i-white {
    background-position: -48px 0px;
}

.k-icon.k-i-close.k-i-white {
    background-position: -16px -1px;
}

.k-icon.k-i-check.k-i-white {
    background-position: -16px -16px;
}

.k-icon.k-i-undo.k-i-white {
    background-position: -48px -16px;
}

.k-icon.k-i-delete.k-i-white {
    background-position: -32px 0px;
}

.k-icon.k-i-copy.k-i-white {
    background-position: 0px -32px;
}

.k-icon.k-i-print.k-i-white {
    background-position: -16px -32px;
}

.k-icon.k-i-pdf.k-i-white {
    background-position: 0px -48px;
}

.k-icon.k-i-import.k-i-white {
    background-position: 0px -64px;
}

.k-icon.k-i-logout.k-i-white {
     background-position: -32px -31px;
}

.k-icon.k-i-login.k-i-white {
     background-position: -48px -32px;
}

.k-icon.k-i-login.k-i-white {
     background-position: -48px -32px;
}

.k-icon.k-i-refresh {
    background-position: -32px -48px;
}

.k-icon.k-i-refresh.k-i-green {
    background-position: -32px -48px;
}

.k-icon.k-i-settings.k-i-white {
    background-position: -16px -48px;
}
.k-icon.k-i-settings.k-i-black {
    background-position: -64px -48px;
}

.k-icon.k-i-logout.k-i-black {
    background-position: -64px -31px;
}*/
/*
    1/19/2018 MTF
        Created to map new sprites

    2/6/2018 MTF
        Mapped new icons

    6/11/2025 JYL
        add min width so icon will not be cut off
*/


/* All sprites
    use PanelBarSprites.png
    20px x 20px
*/
.jci-icon-document, .jci-icon-entryform, .jci-icon-transactionform, .jci-icon-task, .jci-icon-grid, .jci-icon-paramgrid, .jci-icon-report, .jci-icon-dispatchboard, .jci-icon-dialog, .jci-icon-user, .jci-icon-group, .jci-icon-cabinet, .jci-icon-folder, .jci-icon-view {
    background: url("../Content/JCI/Sprites/PanelBarSprites.png") no-repeat;
    /*background: url("../Sprites/PanelBarSprites.png") no-repeat;*/
    width: 20px;
    height: 20px;
    min-width: 20px;
    /*margin-top: 2px !important;*/
}

/* SET Y-POSITION FOR ROWS */
/* top row in sheet*/
.jci-icon-user, .jci-icon-group, .jci-icon-cabinet, .jci-icon-folder {
    background-position-y: -5px;
}

/* 2nd row */
.jci-icon-view, .jci-icon-paramgrid {
    background-position-y: -35px;
}

/* 3rd row */
.jci-icon-grid, .jci-icon-report, .jci-icon-dispatchboard, .jci-icon-dialog {
    background-position-y: -65px;
}
/* botton row in sheet*/
.jci-icon-document, .jci-icon-entryform, .jci-icon-transactionform, .jci-icon-task {
    background-position-y: -95px;
}

/* SET X-POSITION FOR COLUMNS */
/* 1st column */
.jci-icon-document, .jci-icon-grid, .jci-icon-user, .jci-icon-view {
    background-position-x: -5px;
}
/* 2nd column */
.jci-icon-entryform, .jci-icon-report, .jci-icon-group, .jci-icon-paramgrid {
    background-position-x: -35px;
}
/* 3rd column */
.jci-icon-transactionform, .jci-icon-dispatchboard, .jci-icon-cabinet {
    background-position-x: -65px;
}
/* last column */
.jci-icon-task, .jci-icon-dialog, .jci-icon-folder {
    background-position-x: -95px;
}