/* Current sections - PAGE BACKGROUND, PAGE BANNER, MODULE-SPECIFIC, GENERAL, GENERIC, Data-grid */
/* PAGE BACKGROUND */
/* html/body height:100% rules moved to app.css - see Docs/LayoutStructure.md */

/* Dead: #tblMain (legacy table-based markup, no <tr> child exists in Blazor) - removed, see
   Docs/LayoutStructure.md */

cellpadding deprecated for padding
cellspacing deprecated for border-spacing
#tblHeaderMain {
    padding: 0;
    border-spacing: 0;
    width: 100%;
}

valign deprecated for vertical-align
#imgTblData {
    width: 40px;
    vertical-align: top;
}
/* Corrects the display of telerik reports when not in print preview mode */
.trv-report-page {
    margin: auto;
}
/*FMS RELEASE 2 STYLINGS*/
@font-face {
    font-family: Lato-Regular;
    src: url(../fonts/Lato/Lato-Regular.ttf);
}

@font-face {
    font-family: Lato-Thin;
    src: url(../fonts/Lato/Lato-Thin.ttf);
}

@font-face {
    font-family: Lato-Light;
    src: url(../fonts/Lato/Lato-Light.ttf);
}

@font-face {
    font-family: Rock;
    src: url(../fonts/Rockwell/ROCK.ttf);
}

/* Font-family rules for .checkboxLabel/.dropdownLabel/.ModalPanel/h2/#MainContentContainer/
   .k-grid/.ControlTitle/.k-window/textarea+select popup group/report-viewer datetime input, plus
   .k-calendar (!important), moved to app.css - see Docs/LayoutStructure.md. */
div.k-grid .k-grid-table td {
    border-left: none;
}

/* .tblMain_MainSite div#MainContentContainer, #MainContent, .MainTableContainer (base +
   AllowOverflow/PivotContainer variants) moved to app.css - see Docs/LayoutStructure.md.
   .ModalContainer/.WithFooter/.WithHeader/.WithSubFilter variants were retired (no remaining
   consumers in the current Blazor page set). */
div#WebSettingsContainer {
    position: relative;
    height: inherit;
}
.ModalFormContainer {
    height: 100%;
}

#LoginTop .Rockwell {
    font-size: 22px;
    text-align: center;
}
/*ID Prov Page*/
.IDprovSelectContainer {
    width: 100%;
    height: 100%;
}

div#TenantContainer {
    display: flex;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.Tenanthalf {
    width: 50%;
    background: rgba(255,255,255,.8);
    color: #162e51;
    min-width: 400px;
}

    .Tenanthalf.HelloHalf {
        background: rgba(0,94,162,.8);
        color: white;
        display: flex;
        flex-direction: row-reverse;
    }

.TenantHelloContainer {
    margin: auto;
    margin-right: 100px;
    text-align: right;
    justify-content: right;
}

.TenantHello {
    font-family: Rock;
    font-weight: bold;
    font-size: 64px;
}

.TenantOrg {
    font-size: 20px;
    padding-left: 20px;
}

.Tenanthalf #Copyright {
    color: #162e51;
    font-size: 16px;
    position: absolute;
    bottom: 5px;
}

.ButtonHalf {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.TenantButtonContainer {
    justify-content: center;
    margin: 0;
    width: 90%;
    text-align: center;
    padding: 20px;
    display: flex;
    height: calc(100% - 115px);
}

    .TenantButtonContainer.DeployedPersonnelTenants {
        display: block;
    }

.TenantButtonCenteringContainer {
    justify-content: center;
    margin: auto;
    width: 90%;
    vertical-align: middle;
    overflow: auto;
    max-height: 100%;
}

.Tenanthalf .k-button {
    border-color: #cbced0;
    border-radius: 50px;
    border-width: 2px;
    width: 90%;
    height: 90px;
    line-height: 90px;
    margin: 10px;
}

    .Tenanthalf .k-button:hover {
        background: #ccdfec;
        border-color: #005ea2;
    }

    .Tenanthalf .k-button .k-button-text {
        color: #162e51;
        font-size: 20px;
        display: inline-block;
        float: left;
        vertical-align: top;
        padding-left: 86px;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 68%;
        white-space: nowrap;
    }

    .Tenanthalf .k-button:hover .k-button-text {
        color: #005ea2;
    }

    .Tenanthalf .k-button .k-button-icon {
        height: 66px;
        width: 66px;
        background-size: cover;
        background-position: center;
        float: left;
        margin: auto;
        margin-top: 6px;
        margin-left: 25px;
    }

.tenant-btn {
    border-color: #cbced0;
    border-radius: 50px;
    border-width: 2px;
    border-style: solid;
    width: 90%;
    height: 90px;
    line-height: 90px;
    margin: 10px;
    background: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    padding: 0;
}

    .tenant-btn:hover {
        background: #ccdfec;
        border-color: #005ea2;
    }

    .tenant-btn span {
        color: #162e51;
        font-size: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        min-width: 300px;
        text-align: left;
        padding-left: 20px;
    }

    .tenant-btn:hover span {
        color: #005ea2;
    }

.tenant-btn-icon {
    height: 66px;
    width: 66px;
    object-fit: cover;
    margin: 6px 0 6px 25px;
    flex-shrink: 0;
}
/*Login Page*/
.LoginContentMainClass {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
}

#LoginTop {
    display: flex;
    justify-content: center;
    height: 80px;
    width: 350px;
}

    #LoginTop > div {
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        align-content: center;
        flex-direction: row;
        font-size: 24px;
    }

#LoginContentContainer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 350px;
    margin: 3px 0 0 0;
    z-index: 1;
}

#LoginInputContainer {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
    margin-top: 30px;
}

    #LoginInputContainer .validator {
        color: white !important;
        position: absolute;
        font-size: 18px;
        right: -10px;
        top: 38px;
    }

#ValCntr {
    position: relative;
}

    #LoginInputContainer > input, #ValCntr > input,
    ul.rmVertical.rmGroup.rmLevel1,
    ul.rmVertical.rmGroup.rmLevel2,
    div.RadMenu .rmSlide .rmLink, #tblMenu > div.RadMenu > ul > li,
    .rmRootGroup, .k-combobox .k-input-inner,
    .InlineEditTable .k-datepicker div.k-today,
    .InlineEditForm .k-datepicker div.k-today,
    .PageInfoItem .k-datepicker .k-textbox,
    .PageInfoItem .k-datepicker div.k-today,
    .PageInfoItem .k-datepicker .rcCalPopup,
    .k-combobox .k-input-button, .k-popup,
    /*Kendo Panelbar*/
    div.RadPanelBar,
    .rpLink, span.rpLink.rpRootLink,
    .k-grid, .k-grid .k-pager-nav,
    .scrollPanel .k-grid th.k-header,
    .PermissionLevelsForm .scrollPanel,
    .RolesForm .scrollPanel,
    .PermissionsContainer .k-grid th.k-header,
    .k-grid .k-table-row > td > [type="text"],
    .k-grid .k-table-row > td > .k-textbox .k-input,
    .MessageTable .k-grid tr.k-table-row > td.k-hierarchy-cell > button.k-i-expand,
    .MessageTable .k-grid tr.k-table-alt-row > td.k-hierarchy-cell > button.k-i-expand,
    .MessageArea .k-grid tr.k-table-row > td.k-hierarchy-cell > button.k-i-expand,
    .MessageArea .k-grid tr.k-table-alt-row > td.k-hierarchy-cell > button.k-i-expand,
    .MessageTable .k-grid tr.k-table-row > td.k-hierarchy-cell > button.k-i-collapse,
    .MessageTable .k-grid tr.k-table-alt-row > td.k-hierarchy-cell > button.k-i-collapse,
    .MessageArea .k-grid tr.k-table-row > td.k-hierarchy-cell > button.k-i-collapse,
    .MessageArea .k-grid tr.k-table-alt-row > td.k-hierarchy-cell > button.k-i-collapse,
    .k-grid .k-command-cell,
    div.k-tabstrip-top .k-tabstrip-items,
    .k-tabstrip .k-tabstrip-items .k-link,
    #MainContentContainer .k-tabstrip .k-tabstrip-items .k-link,
    .k-calendar-monthview, div.k-calendar .rcMain,
    div.k-calendar .k-calendar-header, .k-popup .k-time-selector,
    #RightNav .UpcomingEventsContainer .k-table > tbody > tr.k-table-row > td,
    #RightNav .UpcomingEventsContainer .k-table > tbody > tr.k-table-alt-row > td,
    #RightNav .UpcomingEventsContainer .k-table > tbody > tr.k-grouping-row:first-of-type > td,
    div.k-popup, div.RadDropDownList > .rddlInner,
    .PersonalEditForm div.RadDropDownList > .rddlInner,
    .k-datepicker .k-textbox > input,
    .TimeEditForm .k-datepicker div.k-today,
    .TimeEditForm .k-datepicker div.k-today > a,
    div.k-popup textarea, div.k-grid-edit-form select,
    div.k-grid-edit-form textarea, div.k-popup select,
    tr.PersonalEditForm textarea, div.k-popup textarea,
    div.k-grid-edit-form select,
    div.k-grid-edit-form textarea,
    div.k-popup select, tr.PersonalEditForm textarea,
    table#tblMessageEditMain .k-editor,
    .PasswordTxtBox,
    .rpgFilterWindowContainer .riContSpinButtons input,
    .rpgFilterWindowContainer input,
    .PersonalEditForm td span.k-textbox
    .k-input,
    .PersonalEditForm td .k-textbox .k-input,
    .InlineEditForm td span.k-textbox .k-input,
    .InlineEditForm td .k-textbox .k-input,
    td div.EditContainer div.flexChild span.k-textbox .k-input,
    .k-grid .PersonalEditForm tbody tr:last-child > td,
    .k-grid .InlineEditForm tbody tr:last-child > td,
    .k-grid .errorRowTable tbody tr:last-child > td,
    .InlineEditForm .k-datepicker .k-textbox > input,
    .InlineEditForm .k-datepicker .k-textbox > input.k-disabled,
    .PersonalEditForm .k-datepicker .k-textbox > input,
    .PersonalEditForm .k-datepicker .k-textbox > input.k-disabled,
    .k-grid div.k-popup tbody tr:last-child > td,
    span.k-input-button a.k-spinner-increase,
    span.k-input-button a.k-spinner-decrease,
    .UnitAssigmentColumnRight .k-grid tbody tr:last-child > td,
    .UnitAssigmentColumnRight .k-grid tr > td,
    .ClickableText > input[type="submit"],
    div.RadPanelBar li.rpItem div.rpHeaderTemplate,
    div.RadPanelBar.CrewsPanelBar li.rpItem span.rpLink.rpRootLink,
    .k-card-group, .k-card,
    .k-editor a, div.rfdSelectBox,
    div.reDropDownBody,
    div#reportViewer1 .trv-content.k-widget,
    div#reportViewer1 span.k-select,
    div#reportViewer1 .k-menu,
    div#reportViewer1 .k-menu .k-state-hover > .k-link,
    div#reportViewer1 ul.trv-menu-large.k-widget.k-reset.k-header.k-menu.k-menu-horizontal,
    div#reportViewer1 .k-button.k-icon-button, div.k-calendar-container .k-header,
    div.k-calendar td.k-today,
    div.k-calendar .k-content td.k-state-selected,
    div.k-calendar td.k-state-focused.k-state-selected,
    #tblMenu > div.RadMenu > ul,
    .k-calendar-monthview td,
    div.k-calendar-container .k-calendar,
    #tblHeaderMain,
    .PersonalEditForm.EmergencyPersonnel {
        /*You need border:none with inputs first before custom styling w/ borders*/
        border: none;
    }

body > .k-header .k-header,
table.ButtonTable td.EditButtonContainer,
div.k-calendar td.k-state-hover,
div#reportViewer1 .k-card,
div#reportViewer1 .k-card-header,
.HiddenBtn {
    border: none !important;
}

div.k-grid .k-detail-row > .k-table-td:not(.k-group-cell),
div.k-grid .k-master-row:has(+.k-table-group-row) > .k-table-td:not(.k-group-cell), .k-grid .k-master-row:has(+.k-detail-row) > .k-table-td:not(.k-group-cell) {
    border-block-end-width: 0px;
}

.rpFirst > span.rpLink.rpRootLink,
.k-grid .k-table-row:first-child > td,
.k-grid .k-grouping-header:first-of-type > td,
#RightNav .k-grid .k-table-row:first-child > td,
#RightNav .k-table > tbody > tr.k-table-row.k-detail-row .k-detail-row > td,
.k-datepicker .k-disabled > input,
.UnitAssigmentColumnRight tr.k-grid-norecords,
div.RadPanelBar li.rpItem.rpFirst div.rpHeaderTemplate,
div.RadPanelBar.CrewsPanelBar.NoTop li.rpItem.rpFirst span.rpLink.rpRootLink,
.k-grid.GridDraggedRows tbody tr:last-child > td {
    border-top: none;
}

.k-popup.CheckBoxDDown .k-list-item:first-of-type,
.disabled-gridpanel .k-grid tbody tr:last-child > td,
.scrollPanel .k-grid tbody tr:last-child > td,
.PermissionsContainer .k-grid tbody tr:last-child > td,
.k-grid div.k-grid-content tbody tr.k-grid-norecords > td,
.MessageTable .k-grid tr.k-pager > td,
.MessageTable .k-grid tr.k-pager:hover > td,
.MessageTable .k-grid tr.k-table-row > td,
.MessageTable .k-grid tr.k-table-alt-row > td,
.MessageTable .k-grid tr.k-table-row > td.k-hierarchy-cell,
.MessageTable .k-grid tr.k-table-alt-row > td.k-hierarchy-cell,
.MessageArea .k-grid tr.k-table-row > td.k-hierarchy-cell,
.MessageArea .k-grid tr.k-table-alt-row > td.k-hierarchy-cell,
.GroupsContainer .securityTableContainer .k-grid-content,
#MainContentContainer .PageInfo .k-tabstrip,
#RightNav .k-grid tbody tr:last-child > td,
.k-datepicker .k-textbox,
.InlineEditTable .k-datepicker div.k-today,
.PopupBody .PersonalEditForm .k-datepicker div.k-today,
.k-datepicker.NoButtonBorder div.k-today,
.k-grid .PersonalEditForm .k-datepicker .k-textbox,
.k-grid .PersonalEditForm .k-datepicker,
.k-grid .InlineEditForm .k-datepicker .k-textbox,
.k-grid .InlineEditForm .k-datepicker,
.k-grid .PersonalEditForm .k-datepicker.ShortDateTime .k-textbox,
.k-grid .PersonalEditForm .k-datepicker.ShortDateTime,
.k-grid .InlineEditForm .k-datepicker.ShortDateTime .k-textbox,
.k-grid .InlineEditForm .k-datepicker.ShortDateTime,
.k-grid .PersonalEditForm .k-datepicker.ShortDate .k-textbox,
.k-grid .PersonalEditForm .k-datepicker.ShortDate,
.k-grid .InlineEditForm .k-datepicker.ShortDate .k-textbox,
.k-grid .InlineEditForm .k-datepicker.ShortDate,
div.GridContextMenu .k-datepicker div.k-today,
div.RadPanelBar li.rpItem div.rpHeaderTemplate.LastPanel.LastPanelExpanded,
ul.reToolBar:last-child,
div#reportViewer1 .k-widget.k-datepicker,
.k-grid.GridDraggedRows tbody tr:last-child > td,
.MessageTable .k-grid tr.k-table-row:hover > td,
.MessageTable .k-grid tr.k-table-alt-row:hover > td {
    border-bottom: none;
}

#LoginInputContainer > input,
#ValCntr > input {
    height: 40px;
    /*You need border:none with inputs first before custom styling w/ borders*/
    border-bottom-style: solid;
    border-width: 0 0 2px 0;
    border-radius: 5px 5px 0 0;
    padding: 0;
    margin: 25px 0 0 0;
    text-indent: 15px;
    width: 300px;
    font-family: Lato-Regular;
    color: #ffffff;
    font-size: 18px;
}

    #LoginInputContainer > input::placeholder,
    #ValCntr > input::placeholder {
        color: #ffffff;
    }

    #LoginInputContainer > input:-webkit-autofill,
    #LoginInputContainer > input:-webkit-autofill:hover,
    #LoginInputContainer > input:-webkit-autofill:focus,
    #LoginInputContainer > input:-webkit-autofill:active,
    #ValCntr > input:-webkit-autofill,
    #ValCntr > input:-webkit-autofill:hover,
    #ValCntr > input:-webkit-autofill:focus,
    #ValCntr > input:-webkit-autofill:active {
        transition: background-color 5000s ease-in-out 0s;
        color: #fff;
        -webkit-text-fill-color: #ffffff;
    }

#LoginInputContainer > textarea,
#ValCntr > textarea {
    height: 50px;
    margin: 25px 0 0 0;
    width: 300px;
    font-family: Lato-Regular;
    border-bottom-style: solid;
    border-width: 0 0 2px 0;
    color: #ffffff;
    padding: 10px 0 0 10px;
}

#LoginBtnContainer {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: center;
    margin: 30px 0 0 0;
}

    #LoginBtnContainer > input {
        height: 45px;
        width: 175px;
        border-radius: 45px;
        margin: 0 0 25px 0;
        color: #ffffff;
        font-size: 20px;
    }

#CredVal {
    display: flex;
    justify-content: center;
}

    #CredVal > span {
        color: Red;
        font-size: 12px;
        margin: 20px 0 0 0;
        width: 250px;
    }

#Copyright {
    display: flex;
    justify-content: center;
    font-size: 12px;
    color: #ffffff;
    text-align: center;
    margin: 0 0 25px 0;
    white-space: nowrap;
}

#DefaultFooter > .rights {
    display: flex;
    justify-content: center;
    font-size: 12px;
    padding: 0 0 20px 0;
}
/*Navigation Menu*/
#tblMenu > div.RadMenu > ul.rmRootGroup > li > span,
.rmRootLink {
    height: 50px;
    padding: 0px 25px !important;
}

span.rmLink.rmRootLink.rmExpand.rmExpandDown::after {
    content: "\205F";
    background-image: url(../Images/arrow-down-white-8x8.png);
    background-repeat: no-repeat;
    padding-right: 5px;
    margin-left: 10px;
    margin-top: 16px;
}

.rmExpanded > span.rmLink.rmRootLink.rmExpand.rmExpandDown::after {
    background-image: url(../Images/arrow-up-white-8x8.png);
}

div.RadMenu .rmSlide {
    box-shadow: 0px 2px 7px grey;
}

    /*Universal to all skins*/
    body,
    div.RadMenu .rmSlide,
    div.RadMenu .rmSlide .rmLink,
    .k-combobox.ShortComboBox .k-input-inner,
    .PageInfoItem .k-textbox input.EmptyMessage,
    .PageInfoItem .k-textbox input.FilterTextBox,
    .PageInfoItem .k-combobox .k-input-inner,
    .PageInfoItem .k-input,
    .PageInfoItem .rcCalPopupOpen .k-input,
    .PageInfoItem .rcCalPopupOpen .k-input.k-invalid,
    .PageInfoItem .k-datepicker .k-textbox > input:focus-visible,
    .ControlTitle .k-combobox .k-input-inner, .ControlTitle .k-input,
    .k-grid .k-table-row > td > [type="text"],
    .k-grid .k-table-row > td > .k-textbox .k-input,
    .MessageTable .k-grid tr.k-table-row > td.k-hierarchy-cell > button.k-i-collapse,
    .MessageTable .k-grid tr.k-table-alt-row > td.k-hierarchy-cell > button.k-i-collapse,
    .MessageArea .k-grid tr.k-table-row > td.k-hierarchy-cell > button.k-i-collapse,
    .MessageArea .k-grid tr.k-table-alt-row > td.k-hierarchy-cell > button.k-i-collapse,
    .k-pager .k-combobox .k-input-inner,
    .imagePreview,
    .k-calendar-monthview,
    .k-popup.k-popup,
    div.RadDropDownList > .rddlInner,
    .PersonalEditForm div.RadDropDownList > .rddlInner,
    .PersonalEditForm .k-datepicker div.k-today,
    .PersonalEditForm td .k-textbox,
    .k-datepicker .k-textbox, /*date picker*/
    .k-datepicker.k-datetimepicker div.k-today,
    .k-datepicker div.k-today,
    div.k-popup textarea:disabled,
    div.k-grid-edit-form textarea:disabled,
    .InlineEditForm td .k-textbox,
    td span.k-textbox,
    .TimeEditForm td .k-datetimepicker .k-textbox > input,
    div.k-grid-edit-form span.k-input-inner,
    tr.k-table-row span.k-input-inner,
    div.RadMenu span.k-textbox > .k-input,
    div.RadMenu .k-textbox > .k-input,
    .UnitAssigmentColumnRight .k-grid .k-table-row,
    .UnitAssigmentColumnRight .k-grid .k-table-alt-row,
    .RadListBox,
    div.rfdSelectBox,
    div.reDropDownBody,
    div#reportViewer1 span.k-picker-wrap.k-state-default,
    .GridDraggedRows tr > td:nth-child(1),
    .HidePager.GridDraggedRows tr > td:nth-child(2),
    .GridDraggedRows tr.UnitPositionRow > td:nth-child(3),
    .GridDraggedRows tr.RankRow > td:nth-child(2),
    .HidePager.GridDraggedRows tr.RankRow > td:nth-child(3),
    .k-list,
    .RolesForm .k-combobox .k-input-inner,
    .PersonalEditForm .k-combobox .k-input-inner,
    #SideNav .k-combobox.LateReasonDropdown .k-input-inner,
    .k-popup,
    .k-grid tbody,
    div.k-grouping-header.GroupingPanel,
    div.k-calendar tbody,
    div.k-popup,
    .k-grid-edit-form .k-datepicker .k-disabled > input,
    .k-grid-edit-form .k-combobox .k-input-inner.k-disabled:hover,
    .k-table-row .k-combobox .k-input-inner.k-disabled:hover,
    div.RadAjax .raColor,
    #DefaultContentContainer,
    div.GridContextMenu span.k-input-inner.k-readonly,
    .DeployedPersonnelPage.Tenanthalf {
        background-color: white;
    }

        /*Universal to all skins*/
        #LoginBtnContainer > input,
        .k-combobox, .k-popup .k-list,
        button.FakeSaveButton,
        input[type="button"],
        .k-grid input[type="button"],
        input[type="submit"],
        button.rgHCMFilter,
        button.rgHCMClear,
        #RightNav .k-grid td.k-sorted,
        .k-pager .k-combobox .k-input-inner .k-input-button,
        .k-pager .k-combobox .k-input-inner button.k-input-button:hover,
        #RightNav .k-grid tbody,
        button.rbDisabled.ToggleOff:hover,
        #MainContentContainer .k-tabstrip.HeaderRadStrip .k-item,
        .k-grid-edit-form .k-datepicker .k-disabled,
        .InlineEditForm .k-datepicker .k-disabled > input,
        .PersonalEditForm .k-datepicker .k-disabled > input,
        .RadMenu_Context .k-datepicker.rcCalPopupOpen .rcCalPopup,
        .RadMenu_Context .k-textbox a.rcCalPopup:hover,
        .k-grid .PersonalEditForm tbody,
        .k-grid .InlineEditForm tbody,
        .k-grid .errorRowTable tbody,
        .UnitAssigmentColumnRight .k-grid tbody,
        div.rwDialog button[type="button"],
        div#reportViewer1 .k-widget.k-tooltip-validation,
        .Tenanthalf .k-button,
        .backgroundPreview,
        .TimeEditForm .k-datepicker div.k-today,
        .TimeEditForm td .k-datetimepicker .k-textbox,
        input[type="submit"]:disabled:hover,
        button.FakeSaveButton:disabled:hover,
        .InlineEditForm td.EditButtonContainer input[type="submit"]:disabled:hover,
        div.EditButtonContainer input[type="button"]:disabled:hover,
        .modalForm input[type="button"]:disabled:hover,
        .modalForm input[type="submit"]:disabled:hover,
        input[type="button"]:disabled:hover,
        .k-grid input[type="button"]:disabled:hover,
        div.GridContextMenu .k-textbox,
        div.GridContextMenu .k-datepicker div.k-today,
        td.ClickableText > input[type="submit"]:hover,
        div.k-calendar-container.k-popup.k-group.k-reset,
        div.k-calendar .k-header .k-link:hover,
        #SideNavContents::-webkit-scrollbar-track,
        .k-popup > div::-webkit-scrollbar-track,
        .rpSlide::-webkit-scrollbar-track,
        .scrollContainer::-webkit-scrollbar-track,
        .scrollContainerActivePersonnel::-webkit-scrollbar-track,
        .MessageArea::-webkit-scrollbar-track,
        select::-webkit-scrollbar-track,
        .k-list-scroller::-webkit-scrollbar-track,
        .rddlList::-webkit-scrollbar-track,
        textarea::-webkit-scrollbar-track,
        .rlbGroup::-webkit-scrollbar-track,
        td.rpgHorizontalScroll > div::-webkit-scrollbar-track,
        .rpgVerticalScrollDiv::-webkit-scrollbar-track,
        .MainTableContainer::-webkit-scrollbar-track,
        .TabTable::-webkit-scrollbar-track,
        .k-tabstrip-content::-webkit-scrollbar-track,
        .k-grid-content::-webkit-scrollbar-track,
        .trv-page-container::-webkit-scrollbar-track,
        .CheckBoxesContainer::-webkit-scrollbar-track,
        .RolesGridContainer::-webkit-scrollbar-track,
        #SideNavContents::-webkit-scrollbar-thumb,
        .k-popup > div::-webkit-scrollbar-thumb,
        .rpSlide::-webkit-scrollbar-thumb,
        .scrollContainer::-webkit-scrollbar-thumb,
        .scrollContainerActivePersonnel::-webkit-scrollbar-thumb,
        .MessageArea::-webkit-scrollbar-thumb,
        select::-webkit-scrollbar-thumb,
        .k-list-scroller::-webkit-scrollbar-thumb,
        .rddlList::-webkit-scrollbar-thumb,
        textarea::-webkit-scrollbar-thumb,
        .rlbGroup::-webkit-scrollbar-thumb,
        td.rpgHorizontalScroll > div::-webkit-scrollbar-thumb,
        .rpgVerticalScrollDiv::-webkit-scrollbar-thumb,
        .MainTableContainer::-webkit-scrollbar-thumb,
        .TabTable::-webkit-scrollbar-thumb,
        .k-tabstrip-content::-webkit-scrollbar-thumb,
        .k-grid-content::-webkit-scrollbar-thumb,
        .trv-page-container::-webkit-scrollbar-thumb,
        .CheckBoxesContainer::-webkit-scrollbar-thumb,
        .RolesGridContainer::-webkit-scrollbar-thumb,
        .InlineEditForm td span.k-textbox .k-input.textboxReadOnly,
        .InlineEditForm td .k-textbox .k-input.textboxReadOnly,
        .rpgFilterWindowContainer .riContSpinButtons input,
        .rpgFilterWindowContainer input,
        .PersonalEditForm td span.k-textbox .k-input.textboxReadOnly,
        .PersonalEditForm td .k-textbox .k-input.textboxReadOnly,
        td span.k-textbox .k-input.textboxReadOnly,
        td .k-textbox .k-input.textboxReadOnly,
        div#reportViewer1 .k-input-button,
        div#reportViewer1 .k-button-solid-primary {
            background-color: transparent;
        }
/*Universal to all skins*/
.InlineEditTable .k-datepicker div.k-today,
.InlineEditForm .k-datepicker div.k-today,
.PageInfoItem .k-datepicker .k-textbox,
.PageInfoItem .k-datepicker div.k-today,
.PageInfoItem .k-datepicker .rcCalPopup,
input#file-upload-button {
    background-color: transparent !important;
}

div.k-calendar-container .k-calendar,
.MessageArea .k-grid th.k-header,
.MessageTable .k-grid tbody tr:last-child > td,
.MessageArea .k-grid tbody tr:last-child > td,
.MessageTable .k-grid tr:last-child > td.k-hierarchy-cell > button.k-i-expand,
.MessageTable .k-grid tr:last-child > td.k-hierarchy-cell > button.k-i-expand,
.MessageArea .k-grid tr:last-child > td.k-hierarchy-cell > button.k-i-expand,
.MessageArea .k-grid tr:last-child > td.k-hierarchy-cell > button.k-i-expand,
div.k-calendar .rcRow:last-child td, div.k-calendar .rcRow:last-child th,
.PersonalEditForm div.RadDropDownList > .rddlInner,
tr.PersonalEditForm textarea,
.PasswordTxtBox,
.PersonalEditForm .k-datepicker .k-textbox > input,
.PersonalEditForm .k-datepicker .k-textbox > input.k-disabled {
    border-bottom: 2px solid #b6b7da
}

div.RadMenu .rmSlide .rmSlide {
    box-shadow: 4px 5px 7px -3px grey;
}

ul.rmVertical.rmGroup.rmLevel1 {
    padding: 0px;
}

ul.rmVertical.rmGroup.rmLevel2 {
    padding: 0px;
}

div.RadMenu .rmSlide .rmLink {
    font-size: 13px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 25px;
}

div.RadMenu .rmSlide .rmLast .rmLink {
    border-bottom: 1px solid transparent;
}

#tblMenu > div.RadMenu > ul {
    height: 56px;
    background-image: none;
    display: flex;
    align-items: center;
}

    #tblMenu > div.RadMenu > ul > li {
        display: flex;
        align-items: center;
        margin: 0px;
        color: #ffffff;
        height: 100%;
    }

    #tblMenu > div.RadMenu > ul.rmRootGroup > li {
        text-transform: uppercase;
    }

.rmRootGroup {
    background-image: none !important;
    color: #ffffff !important;
}

.rmGroup {
    text-transform: capitalize;
}

.rmLink {
    display: flex !important;
    background-image: none !important;
    background-color: inherit;
}

.rmItem > span,
.rmItem > a {
    display: flex;
    align-items: center;
    margin: 0;
    background-image: none !important;
    color: #ffffff;
    padding: 0;
    padding: 0 10px;
}

#tblMenu > div.RadMenu > ul.rmRootGroup > li > span:hover,
.rmRootLink:hover,
.rmExpanded > .rmRootLink {
    background-image: none !important;
    color: #ffffff !important;
    height: 56px;
    padding: 0px 25px !important;
}

/* Blazor: TelerikMenu (rendered as .k-menu) replaces the legacy RadMenu (div.RadMenu > ul)
   inside #tblMenu. Its styling was moved to app.css - see the "Main nav menu" section there. */
/*title area*/
.PageInfo,
.PageInfo h2 {
    padding: 0px 15px;
    font-size: 18px;
    text-align: center;
    height: 48px;
    line-height: 48px;
}

.PageSubInfo {
    padding: 4px 15px 7px;
}

.PageSubInfo {
    display: inline-block !important;
    width: 100px;
}

.InlineAjaxPanel {
    display: inline-block !important;
}

.PageInfoItem,
.PageSubInfoItem {
    display: inline-block;
}

.PageSubInfoItem {
    font-size: 13px;
}

.PageTitle {
    float: left;
}

    .PageTitle.StaticTitleWidth {
        float: left;
        text-align: left;
    }

.ErrorTitle {
    color: Maroon;
    font-style: italic;
    padding-left: 10px;
}

.k-popup .ErrorTitle {
    padding-left: 35px;
}

.WithExport {
    margin-right: 10px;
}

    .WithExport span.rddlInner {
        margin-left: 5px !important;
    }

.PageExport, .PageCheckbox {
    float: right;
    margin-right: 25px;
    font-size: 12px;
}

.checkBoxHolderColumn {
    vertical-align: top;
    padding-top: 14px;
}

.checkBoxRow {
    font-weight: bold;
}

    .checkBoxRow.checkboxOnly div {
        display: inline-block !important;
    }

.checkboxHolder {
    font-size: 11px;
    font-weight: bold;
    position: absolute;
}

    .checkBoxRow label,
    .checkboxHolder label {
        line-height: 22px;
        vertical-align: top;
    }

.PageButton input[type="submit"] {
    width: 86px;
}

.PageCheckbox input[type="checkbox"] {
    margin-left: 0px;
    margin-right: 6px;
    position: relative;
    top: 4px;
    height: 15px;
    width: 15px;
}

.PageInfoItem.PageDropDown {
    float: right;
}

    .PageInfoItem.PageDropDown.NoProxy {
        position: relative;
        top: -2px;
    }

    .PageInfoItem.PageDropDown.PageDate {
        padding-right: 10px;
    }

.PageInfoItem .ShortRadPicker {
    width: 150px;
}

.PageTable {
    width: 100%;
}

    .PageTable.controltitle-table {
        padding-top: 20px;
    }
    /*/*Makes tabstrip sticky*/
    .PageTable.TabTable {
        height: calc(100% - 108px);
    }

        .PageTable.TabTable.TabsWithFixedSaveBtn {
            height: calc(100% - 160px);
        }

.TabTable .k-tabstrip {
    position: sticky;
    height: 41px;
}

.TabTable .k-tabstrip-content {
    height: calc(100% - 41px);
    overflow-y: auto;
}
/*Right Side Area*/
.hide-grid-header .k-grid-header {
    display: none;
}

/*Main Page*/
.hdnBtn > input,
input.hdnBtn {
    display: none !important;
}

/* Dead: #tblMain.tblMain_Login and .imgCompanyBG (legacy pre-auth login-page markup, no longer
   rendered anywhere in FMS.Web.Core) - removed, see Docs/LayoutStructure.md.
   #tblMain.tblMain_MainSite, #NavContainer, #SideNav(+Contents), #PortalName, #RightNav,
   #TopRightControls, #RightNavContents, #TopLeftControls moved to app.css - see
   Docs/LayoutStructure.md.
   Dead: .hiddenTab, .hiddenRow, .HiddenFrm #RightNav/#SideNav (confirmed unused anywhere) -
   removed. */

/*Company Abbreviation if no company image is present*/
.txtCompAbbrev {
    text-align: center;
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 0 0 20px 0;
    font-size: 30px;
}

.k-combobox .k-input-inner {
    /*You need border:none with inputs first before custom styling w/ borders*/
    /*    border-bottom-style: solid;
    border-width: 0 0 2px 0;
    border-radius: 3px 3px 0 0;*/
    /*height: 26px;*/
    /*width: 200px;*/
    margin: 0px;
    padding: 0;
    font-family: Lato-Regular;
    font-size: 13px;
    text-indent: 10px;
    /*margin-bottom: 0px;*/
    /*   border-bottom-color: #b6b7da;*/
}
/*Personnel Admin - Crews*/
div[headerstyle-cssclass="rcboPCrews"] .k-input-inner {
    width: 275px;
}

td:has(div[headerstyle-cssclass="rcboPCrews"]) {
    width: 275px;
}

td:has(div[headerstyle-cssclass="rcboCTypes"]) {
    width: 250px;
}

.k-grid .k-table-row > td > .k-textbox input[headerstyle-cssclass="HideOnInsert"].k-input.k-disabled {
    display: none;
}

.k-combobox .k-input-inner input {
    width: calc(100% - 30px);
}

.k-grid th.k-header.FixedDate,
td.FixedDate,
.k-grid th.k-header.FixedTime,
td.FixedTime {
    width: 125px;
    min-width: 80px;
}

.PersonnelPanelContainer .k-grid th.k-header.FixedTime,
.PersonnelPanelContainer .k-grid td.FixedTime,
.PersonnelPanelContainer .k-grid td.FixedTime .k-textbox {
    width: 50px;
    min-width: 50px;
    overflow: hidden;
}

.UnitAssignmentsContainer td.FixedDate {
    width: 80px;
}
/*For home page */
.HomeContainer .k-grid th.k-header.FixedDate,
.HomeContainer td.FixedDate,
.HomeContainer .k-grid th.k-header.FixedTime,
.HomeContainer td.FixedTime {
    width: 20%;
    min-width: 80px;
}
/*For Station Ops Service History */
.LastStationOpPanel .k-grid th.k-header.FixedDate,
.LastStationOpPanel td.FixedDate,
.LastStationOpPanel .k-grid th.k-header.FixedTime,
.LastStationOpPanel td.FixedTime {
    width: 17%;
    min-width: 80px;
}
/*For Adjustments */
.AdjustmentsContainer .k-grid th.k-header.FixedDate,
.AdjustmentsContainer td.FixedDate,
.AdjustmentsContainer .k-grid th.k-header.FixedTime,
.AdjustmentsContainer td.FixedTime {
    width: 15%;
    min-width: 80px;
}

td.ColumnNoWrap {
    white-space: nowrap;
}

.InlineEditorCol.EditorComboBox .k-combobox {
    position: relative;
}

/*.InlineEditorCol.EditorComboBox span.k-input-inner {
    position: absolute;
    top: -7px;
    right: -45px;
    width: 60px;
    margin: 0px;
    opacity: 0;
    cursor: pointer;
}
*/
.RolesForm .k-combobox .k-input-inner,
.PersonalEditForm .k-combobox .k-input-inner {
    margin-bottom: 0px;
}

    .PersonalEditForm .k-combobox .k-input-inner.k-disabled {
        pointer-events: none;
    }

.k-combobox.LongComboBox .k-input-inner {
    width: 350px;
}

.k-combobox.ActivityComboBox .k-input-inner {
    width: 325px;
}

.PersonalEditForm .dropdownContainer.combobox-215 {
    width: 215px;
}

.combobox-215 .k-combobox .k-input-inner {
    width: 215px;
}

.k-combobox.RelationshipDropdown .k-input-inner {
    width: 150px;
    margin-bottom: 0px;
}

.QuickEdit .k-combobox.RelationshipDropdown .k-input-inner {
    width: 110px;
    margin-bottom: 0px;
}

.k-grid .InlineEditForm .dayColumn .k-combobox,
.k-combobox.DayComboBox .k-input-inner {
    width: 110px;
}

.k-combobox.ShortComboBox .k-input-inner {
    width: 80px;
}

.k-grid .InlineEditForm .k-combobox.SkinComboBox,
.k-combobox.SkinComboBox .k-input-inner {
    width: 150px;
}

.PageInfoItem .k-combobox.TopFilterShort .k-input-inner {
    width: 160px;
}

.PageInfoItem .k-combobox.TopFilterShorter .k-input-inner {
    width: 140px;
}

/*.PageInfoItem .k-textbox input.EmptyMessage,
.PageInfoItem .k-textbox input.FilterTextBox,
.PageInfoItem .k-combobox .k-input-inner,
.ControlTitle .k-combobox .k-input-inner {
    border-radius: 4px;
    width: 235px;
    margin: 0px;
    padding-bottom: 1px;
}*/

.PageInfoItem .k-textbox input.EmptyMessage,
.PageInfoItem .k-textbox input.FilterTextBox {
    font-size: 13px;
    padding: 4px 10px 3px;
}

.PageInfoItem .k-textbox input.EmptyMessage {
    color: rgba(21,20,74,.7);
}

/*.k-combobox.CrewContainer .k-input-inner,
.PageInfoItem .k-combobox.DutyContainer .k-input-inner,
.ControlTitle .k-combobox.DutyContainer .k-input-inner {
    width: 285px;
}*/

.PageInfoItem.SecurityDropdown {
    width: 200px;
    padding: 0px 24px 0px;
}

.PageInfoItem.SecurityDropdown {
    position: relative;
    top: -2px;
    padding-top: 5px;
}

    .PageInfoItem.SecurityDropdown .k-combobox .k-input-inner {
        width: 200px;
    }

.PageInfoItem .rcCalPopupOpen .k-input,
.PageInfoItem .rcCalPopupOpen .k-input.k-invalid,
.PageInfoItem .k-datepicker .k-textbox > input:focus-visible {
    border-radius: 4px;
}

.PageInfoItem .k-combobox {
    width: 235px;
    margin-right: 12px;
    margin-top: 0px;
}

.PageInfoItem .k-combobox.DutyContainer {
    width: 285px;
    margin-right: 12px;
    margin-top: 0px;
}

.UnitAssignmentsContainer .PageInfoItem .k-combobox.CrewContainer {
    width: 285px;
    margin-right: 4px;
    margin-top: 0px;
}

.PageInfoItem {
    position: relative;
    top: -2px;
}

div.ControlTitle.PageInfoItem {
    display: inline-block !important;
    top: 0px;
}

label.subLabel,
span.subLabel {
    font-size: 12px;
    font-weight: bold;
    padding-right: 5px;
}

span.subLabelTo {
    padding-left: 8px;
}

span.subLabelValue {
    font-size: 13px;
    padding-right: 25px;
}

span.subLabel.DateLabel {
    padding-right: 10px;
}

.PageInfo span.subLabel {
    position: relative;
    top: -1px;
}

.editFormCheckBox {
    position: relative;
    top: 1px;
    padding-right: 35px;
}

#SideNav .k-input-inner {
    background: transparent;
}

#SideNav .k-button.k-icon-button .k-button-icon.k-svg-icon > svg,
#SideNav .k-input-value-text {
    color: #ffffff;
}

#SideNav .k-dropdownlist .k-button {
    border: none;
    box-shadow: none;
    background: transparent;
}

#SideNav .k-input-inner:hover,
#SideNav .k-button:hover {
    background-color: transparent;
}
#SideNav .k-combobox {
    margin-top: 1px;
}

.k-tabstrip-content .k-combobox {
    margin-top: 0px;
}

.k-combobox .k-input,
div.RadDropDownList .rddlFakeInput {
    padding-top: 4px;
}

.InlineEditTable .k-combobox .k-input {
    padding-top: 2px
}

#SideNav .k-combobox .k-input {
    padding-top: 4px;
    color: white;
}

.CheckBoxesContainer {
    max-height: calc(100vh - 450px);
    min-height: 80px;
    overflow: auto;
    margin-top: 10px;
}

    .CheckBoxesContainer.GroupCheckBoxes {
        max-height: calc(100vh - 355px);
        min-height: 80px;
        overflow: auto;
        margin-top: 10px;
    }

.checkBoxButtons {
    padding: 5px;
}

.checkBoxButtons {
    text-align: center;
}

    .checkBoxButtons input[type="button"] {
        margin-top: 10px;
    }

.lblRolesSelected {
    font-size: 14px;
    font-weight: bold;
    position: relative;
    right: 5px;
}

.RoleRadioButtons {
    width: 200px;
    margin: auto;
}

.rgHCMShow,
.rgHCMAnd,
.RBLabel,
.dropdownLabel,
.textLabel > span,
.PersonalEditForm td > span,
#LeftEntry td > span,
#RightEntry td > span,
td > div > span {
    font-size: 11px;
    margin: 2px 10px;
    font-weight: bold;
}

#LeftEntry td > span,
#RightEntry td > span {
    margin-right: 0px;
}

.NoRightMargin {
    margin-right: 0px;
}

.disabledLabel > span {
    opacity: 1;
}

.WebSettings .dropdownLabel {
    margin: 3px 10px;
    white-space: nowrap;
}

    .WebSettings .dropdownLabel.RadioButtonMargin {
        margin-left: 0px;
        margin-bottom: 8px;
        margin-top: 40px;
    }

.RBLabel {
    margin: 15px 10px 10px;
}

button.FakeSaveButton,
input[type="button"],
.k-grid input[type="button"],
input[type="submit"],
button.rgHCMFilter,
button.rgHCMClear {
    border-radius: 20px !important;
    width: 100px;
    padding: 3px 5px;
    margin: auto;
    margin-top: 15px;
    margin-bottom: 25px;
    display: block;
    cursor: pointer;
}

div#reportViewer1 .k-input-button {
    display: flex;
    border-radius: 0 !important;
    width: 40px;
}

button.FakeSaveButton {
    margin-bottom: 15px;
}

button.FakeSaveButton:disabled,
input[type="button"]:disabled,
.k-grid input[type="button"]:disabled,
input[type="submit"]:disabled,
button.rgHCMFilter:disabled,
button.rgHCMClear:disabled {
    opacity: 0.7;
    cursor: default;
}

#SideNav input.SideNavBtn[type="submit"],
#SideNav input.SideNavBtn[type="button"] {
    color: white;
    margin-top: 15px;
    margin-bottom: 0px;
    width: 90px;
}

#SideNav #tblPersonnelEntry .currentStatusDiv {
    text-align: center;
    margin-bottom: 10px;
}

.centerDiv {
    display: flex;
    width: 200px;
    margin: auto;
    justify-content: center;
}

    .centerDiv > div:first-of-type input {
        margin-right: 20px;
    }

table#RightEntry {
    left: -2px;
    position: relative;
}

.currentStatusLabel {
    display: none;
    font-weight: normal;
}

#SideNav .currentStatusLabel {
    font-size: 12px;
    display: block;
}
/*Dropdown Slider*/
.k-popup {
    font-size: 12px;
    box-shadow: 0px 2px 7px grey;
}

    .k-popup.CheckBoxDDown {
        padding-top: 40px;
    }

        .k-popup.CheckBoxDDown .k-list-item:first-of-type {
            position: fixed;
        }

        .k-popup.CheckBoxDDown td > div > span {
            margin: 0px;
        }

        .k-popup.CheckBoxDDown input[type="checkbox"] {
            margin: 0px;
        }

        .k-popup.CheckBoxDDown label {
            position: relative;
            top: -3px;
            font-size: 12px;
            padding-left: 5px;
        }

        .k-popup.CheckBoxDDown.stateDisabled {
            opacity: .5;
            background-color: #f2f2f2;
            pointer-events: none;
        }

    .k-popup > div {
        overflow-y: auto;
        overflow-x: hidden;
    }

    .k-popup .k-list-scroller {
        max-height: 400px;
    }

    .k-popup .k-list-item,
    div.k-popup .k-list-item {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .k-popup .k-hover {
        padding-top: 10px;
        padding-bottom: 10px;
    }
/*Dropdown icons*/
#SideNav .k-combobox .k-input-button {
    color: white;
    padding-top: 3px;
}

.p-i-arrow-60-down:before {
    content: "\e015" !important;
}

.RadMenu .rmVertical span.rmExpand:before {
    content: "\e014";
}

span.rpLink.rpRootLink {
    padding: 13px;
    padding-left: 25px;
}

span.rpLink > span.rpExpandHandle {
    top: 11px;
    padding-right: 25px;
}

.CrewsPanelBar span.rpLink > span.rpExpandHandle {
    display: none;
}

div.RadPanelBar .rpExpandHandle .p-icon::before {
    font-size: 26px;
}
/*Grid*/
.k-grid {
    padding: 0px 10px 16px;
}

    .disabled-gridpanel .k-grid tbody {
    opacity: 0.7;
}

.k-grid.HidePager .k-pager .k-pager-sizes {
    visibility: hidden;
}

.AllowHeaderWrap .k-grid th.k-header {
    white-space: normal;
    line-height: 13px;
}

.k-grid th.k-header {
    padding-bottom: 4px;
    color: #737292;
    font-size: 11px;
    font-weight: bold;
    padding-top: 16px;
    white-space: nowrap;
}

.scrollPanel {
    border-top: 2px solid #8f91c6;
}


.ReadOnlyForm .EditOnlyCol {
    display: none;
}

.PermissionsContainer .k-grouping-header input {
    display: none;
}

.PermissionsContainer .ShortRoles div.k-grid-content {
    max-height: calc(50vh - 250px) !important;
}

.PermissionsContainer div.k-grid-content {
    max-height: calc(100vh - 360px) !important;
}

.ReadOnlyPermissionGrid input[type="checkbox"],
.RolesForm .ReadOnlyPermissionGrid input[type="checkbox"] {
    display: none;
}

.RolesForm .ReadOnlyPermissionGrid .GroupHeaderLeft {
    padding-left: 0px;
}

.AssignmentMainContent div.k-grid-content {
    max-height: 385px !important;
}

.k-grid th.k-header.filteringColumn {
    position: relative;
    z-index: 2000;
}

.k-header:hover,
.GridReorderTop,
.GridReorderBottom,
.PermissionGridContainer .k-grid th.k-header.filteringColumn {
    z-index: 200;
}

body > .k-header .k-header {
    z-index: 200;
}

.MessageArea .k-grid th.k-header {
    font-size: 14px;
}

.k-grid .k-table-row,
.k-grid .k-table-alt-row,
.k-grid .k-table-row {
    height: calc(1.42857143em + 6px);
}
div.k-grid  .k-grouping-row.k-table-row.k-table-group-row,
.InlineEditTable .k-grid .k-table-row {
    height: 36px
}

.k-grid .k-table-row > td > [type="text"],
.k-grid .k-table-row > td > .k-textbox .k-input {
    border-radius: 3px 3px 0px 0px;
}

.k-grid .k-table-row:hover,
.k-grid .k-table-alt-row:hover {
    position: relative
}

    #RightNav div.k-grid .k-table-row > td:before,
    div.k-grid .k-grid-edit-row > td:before,
    .k-grid .k-table-row:hover > td:first-child:before,
    .k-grid .k-table-alt-row:hover > td:first-child:before {
        content: " ";
        height: 100%;
        width: 2px;
        float: left;
        position: absolute;
        left: 0px;
        top: 0px;
    }

.k-grid tbody tr:hover:last-child > td:first-child:before {
    height: calc(100% - 2px);
}

th.k-header > a {
    color: #737292;
    font-size: 11px;
    font-weight: bold;
}

.MessageArea th.k-header > a {
    color: black;
    font-size: 14px;
}

th.k-header.k-sorted {
    padding-right: 0px;
}

.k-grid .k-i-sort-asc-sm:before {
    position: relative;
    top: 1px;
    font-size: 15px;
}

.k-grid .k-i-sort-desc-sm:before {
    position: relative;
    top: 1px;
    font-size: 15px;
}

.k-grid .k-grouping-header .k-i-sort-asc-sm:before {
    position: relative;
    top: -1px;
    font-size: 16px;
}

.k-grid .k-grouping-header.k-i-sort-desc-sm:before {
    position: relative;
    top: -1px;
    font-size: 16px;
}

.k-grid .k-table-row > td,
.k-grid .k-table-alt-row > td,
.k-grid .k-table-row > td {
    font-size: 11px;
    padding-top: 1px;
    padding-bottom: 0px;
}

.k-grid .InlineEditorCol {
    width: 52px;
}

.k-grid .EditIcon {
    line-height: 0px;
}

    .k-grid .EditIcon input {
        height: 16px;
    }

        .k-grid .EditIcon input[title="Delete"] {
            opacity: .7;
        }

    .k-grid .EditIcon.SignUpBtn {
        height: 25px;
    }

        .k-grid .EditIcon.SignUpBtn > input {
            opacity: .7;
        }

    .k-grid .EditIcon input[title="Edit"] {
        height: 25px;
        opacity: .7;
    }

    .k-grid .EditIcon.dropDownCol input[title="Edit"] {
        padding-left: 5px;
    }

    .k-grid .EditIcon.SignUpBtn > input:hover,
    .k-grid .EditIcon.SignUpBtn:hover,
    .k-grid .EditIcon input[title="Delete"]:hover,
    .k-grid .EditIcon input[title="Edit"]:hover {
        opacity: 1;
    }

    .k-grid .EditIcon input[title="Update"],
    .k-grid .EditIcon input[title="Insert"],
    .k-grid .InlineSaveBtn {
        padding-right: 3px;
    }

.UnwrappedBtn {
    position: relative;
    top: -2px;
}

.PivotGridWindow button.rpgActionButton:disabled,
.k-grid button[title="Add New is Disabled"] {
    cursor: default;
    pointer-events: none;
    opacity: .7;
}

.k-grid .InlineSaveBtn,
.k-grid .InlineCancelBtn {
    position: relative;
    right: 9px;
    top: -1px;
}

#btnAddPanel {
    width: 130px;
}

.k-grid .EditIcon input[title="Update"]:hover,
.k-grid .EditIcon input[title="Insert"]:hover,
.k-grid .k-table-row > td input.InlineSaveBtn:hover {
    filter: brightness(1.4) hue-rotate(270deg) contrast(1.5);
}

.k-grid .EditIcon input[title="Cancel"]:hover,
.k-grid .k-table-row > td input.InlineCancelBtn:hover {
    filter: brightness(1.3) hue-rotate(115deg) contrast(1.5);
}

.k-grid .EditIcon input[title="Edit"]:hover {
    opacity: 1;
}

.DeclineBtn {
    color: red;
}

.AlertSymbol {
    color: red;
    padding-left: 3px;
    height: 13px;
    position: relative;
    top: 3px;
}

.MessageTable .k-grid tr > td.k-hierarchy-cell,
.MessageArea .k-grid tr > td.k-hierarchy-cell {
    border-top: 1px solid white;
}

.MessageArea tr.k-grid-norecords .k-group-cell {
    display: none;
}

.UpcomingEventsContainer tr.k-grid-norecords .k-group-cell {
    display: none;
}

.MessageTable .k-grid tr > td {
    border-bottom: 1px solid white;
}

.MessageTable .k-grid thead tr > td {
    border-top: none !important;
    border-bottom: none !important;
}

.MessageTable .k-grid tr.k-table-row > td.k-hierarchy-cell,
.MessageTable .k-grid tr.k-table-alt-row > td.k-hierarchy-cell,
.MessageArea .k-grid tr.k-table-row > td.k-hierarchy-cell,
.MessageArea .k-grid tr.k-table-alt-row > td.k-hierarchy-cell {
    padding: 0px;
}

    .MessageTable .k-grid tr.k-table-row > td.k-hierarchy-cell > button.k-i-expand,
    .MessageTable .k-grid tr.k-table-alt-row > td.k-hierarchy-cell > button.k-i-expand,
    .MessageArea .k-grid tr.k-table-row > td.k-hierarchy-cell > button.k-i-expand,
    .MessageArea .k-grid tr.k-table-alt-row > td.k-hierarchy-cell > button.k-i-expand {
        height: 100%;
        padding: 7px;
        padding-left: 10px;
        padding-bottom: 6px;
        width: 100%;
    }

    .MessageTable .k-grid tr.k-table-row > td.k-hierarchy-cell > button.k-i-collapse,
    .MessageTable .k-grid tr.k-table-alt-row > td.k-hierarchy-cell > button.k-i-collapse,
    .MessageArea .k-grid tr.k-table-row > td.k-hierarchy-cell > button.k-i-collapse,
    .MessageArea .k-grid tr.k-table-alt-row > td.k-hierarchy-cell > button.k-i-collapse {
        height: 100%;
        padding: 6px;
        padding-left: 10px;
        padding-bottom: 7px;
        width: 100%;
    }

.k-grid .k-i-collapse:before {
    content: "\e121";
}

.k-grid .k-i-expand:before {
    content: "\e11e";
}

.MainPanel .k-grid .k-grouping-header > td {
    font-weight: normal;
    font-size: 15px;
}

.MainPanel .k-grid span.k-group-indicator {
    font-size: 15px;
    margin: 0px;
    font-weight: normal;
}

.MainPanel .k-grid .k-group-cell .t-button {
    padding: 2px;
}

.t-button.k-grid-save-command {
    margin-left: 3px;
}

.k-grid td.numberColumn {
    text-align: right;
    padding-right: 25px;
}

.k-grid th.FixedWidthColumnHeader.k-header {
    text-align: right;
    padding-right: 19px;
}

td.numberColumn.FixedWidthColumn {
    width: 130px;
}

div.IndividualStaffingGrid .k-grouping-header > td {
    padding: 0px !important;
}

.GroupHeaderRight {
    float: right;
    font-weight: normal;
    font-size: 13px;
    width: 130px;
    text-align: right;
    padding-right: 25px;
    padding-left: 13px;
}

.GroupHeaderLeft {
    font-weight: normal;
    font-size: 15px;
    margin: 0px;
}

.RolesForm .GroupHeaderLeft {
    padding-left: 24px;
}
/*Group Panel*/
td.HideCheckBox {
    display: none;
}

.HideCommandRow tr.rgCommandRow {
    display: none;
}

tr.rgCommandRow {
    position: relative;
    top: 23px;
}

.DutyDatesMainContent .k-datetimepicker {
    width: 225px;
}

.DutyDatesMainContent.InlineEditTable .k-datepicker .k-textbox,
.DutyDatesMainContent.InlineEditTable .k-grid .k-table-row > td > [type="text"] {
    width: 100%;
}

.k-grid .k-command-cell {
    padding: 4px 0px;
}

    .k-grid .k-command-cell > div {
        height: 15px;
    }

div.k-grouping-header.GroupingPanel {
    color: #737292;
    font-size: 13px;
    text-align: center;
    padding: 1px;
    border-radius: 5px;
    margin: 0px 50px;
    position: relative;
    top: 2px;
}

    div.k-grouping-header.GroupingPanel.WithSortButton {
        margin-left: 87px;
    }

.NoEdit div.k-grouping-header.GroupingPanel {
    margin: 20px 0px 0px;
}

.NoAdd div.k-grouping-header.GroupingPanel {
    margin: 0px 75px 0px 0px;
}

div.k-grouping-header.GroupingPanel:before {
    content: " ";
    background-image: url(../Images/ic_sort_by_alpha_black_24dp_2x.png);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position-y: center;
    width: 26px;
    height: 32px;
    align-content: start;
    float: left;
    padding-right: 2px;
    margin-left: 2px;
    border-right: 2px solid rgba(0,0,0,.5);
    opacity: .4;
    position: relative;
    top: -2px;
}

.k-grid .k-command-cell .t-button {
    margin-left: 5px;
}

.k-grid .k-grid-excel,
.k-grid .k-grid-add,
.k-grid .k-grid-refresh {
    padding: 4px;
}

.k-grid span.t-font-icon.k-icon.k-grid-excel,
.k-grid span.t-font-icon.k-icon.k-grid-add,
.k-grid span.t-font-icon.k-icon.k-grid-refresh {
    color: white;
}

.k-grid .t-font-icon.k-grid-save-command:before {
    font-size: 12px;
    position: relative;
    top: 1px;
    opacity: .9;
}

.k-grid .t-font-icon.k-grid-save-command:hover:before {
    opacity: 1;
}

.k-grid .k-grid-add:before,
.k-grid .k-grid-refresh:before {
    font-size: 20px;
}

.k-grid span.t-text.k-button-text {
    display: none;
}

.deleteIcon > input {
    height: 18px;
    opacity: 0.5;
    position: relative;
    top: 1px;
}

    .deleteIcon > input:hover {
        opacity: 1;
    }

.SecurityTimeEntryPanelCon {
    display: flex;
    margin: 15px 0 30px;
}

.SecurityTimeEntryPanel {
    font-family: Lato-Regular;
    margin: 15px 5px 0 0;
}

.SecurityTimeEntryPanelSub {
    margin: 10px 0 0 25px !important;
}

.ScheduleLabel {
    font-size: 13px;
}

.zeroHourContainer {
    display: flex;
    justify-content: center;
    margin: 15px 0 0 0;
}

    .zeroHourContainer.ExportLabelContainer {
        margin: 30px;
        margin-top: 10px;
    }

.RequireUnitToggle {
    display: flex;
    margin: 5px 0 0 25px !important;
    position: inherit !important;
    width: unset !important;
}

.spacerCon {
    height: 20px;
}
/*Table*/
.SecurityContainer {
    display: flex;
    height: calc(100% - 106px);
    overflow: hidden;
}

.FormContainer {
    width: calc(100% - 250px);
    position: relative;
}

#SecurityGridSubtitle {
    position: absolute;
    bottom: 40px;
    padding-left: 25px;
    font-size: 12px;
}

.UserContainer,
#UAimgContainer {
    float: left;
}

.UnitAssignmentsContainer .leftColumn {
    border-right: none;
}

.UserContainer {
    width: 250px;
}

.rightColumn {
    float: right;
    width: calc(100% - 249px);
}

.ControlTitle {
    text-align: center;
    padding: 8px 0px;
}

.WebSettings .ControlTitle {
    padding: 0px;
    line-height: 40px;
    height: 40px;
}

.ControlTitle.PageInfoItem {
    width: 100%;
}

.NoTitle .ControlTitle {
    display: none;
}

.ControlTitle {
    padding: 11px;
    text-align: left;
    padding-left: 25px;
}

.ControlTitle > span {
    font-size: 14px;
    font-weight: normal;
}

#RightNav .ControlTitle > span {
    font-size: 16px;
}

/*Radio Buttons*/
span.k-button-text,
td > label {
    font-size: 12px;
    position: relative;
    top: 0px;
}

td > input[type="radio" i] {
    margin-left: 0px;
}

.RBContainer {
    border-bottom: 1px solid #b6b7da;
    padding-bottom: 10px;
    margin-bottom: 7px;
}
/*Need to check this - added white for the calendar control, need impact assesment*/
div.k-popup.k-calendar-container .k-calendar {
    border-bottom: none;
}
div.k-calendar .k-button .k-button-text {
    color: white;
    position: relative;
    top: 0px;
    padding: 0px;
}

.k-button .k-button-text {
    vertical-align: bottom !important;
    padding: 3px 0;
}

.k-button-text {
    padding: 3px 0;
}

div.k-calendar .k-button::before {
    background: transparent;
}

div.k-calendar .k-button:hover::before {
    background: white;
}

.k-calendar-tbody {
    width: 256px;
}

.k-calendar-table {
    width: 100%;
}
/*.k-calendar, .k-calendar.k-calendar-md {
    --INTERNAL--kendo-calendar-view-width: calc( 8 * 32px );
    --INTERNAL--kendo-calendar-cell-padding-x: var( --kendo-calendar-md-cell-padding-x, var(--kendo-spacing-1) );
    --INTERNAL--kendo-calendar-cell-padding-y: var( --kendo-calendar-md-cell-padding-y, var(--kendo-spacing-1) );
    font-size: var(--kendo-font-size);
    line-height: var(--kendo-line-height)
}*/

.RadioButtonContainer .k-button .k-button-text {
    position: relative;
    top: -1px;
}

div.rbVerticalList > .rbRadioButton {
    padding: 0px
}

.RadioButtonTitle {
    padding-bottom: 4px;
}
/*Pager*/
.k-grid .k-pager-nav {
    padding: 5px 0px 0px 0px;
}

    .k-grid .k-pager-nav .k-button {
        padding: 0px 0px 1px;
        margin: 4px 1px;
    }

    .k-grid .k-pager-nav .rgPageFirst .k-icon:before {
        content: "\e00f";
    }

    .k-grid .k-pager-nav .rgPageLast .k-icon:before {
        content: "\e00d";
    }

.k-pager-nav .p-i-arrow-60-down:before {
    content: "\e006" !important;
}

.k-grid .k-pager-nav .k-pager-info {
    font-size: 11px;
    color: #737292;
    padding: 5px;
    margin-top: 3px;
}

.k-pager .k-combobox .k-input-inner {
    width: 50px;
    border-radius: 4px;
    margin: 0px;
    height: 24px;
}

    .k-pager .k-combobox .k-input-inner .k-input-button {
        padding-top: 0px;
        padding-right: 2px;
        border: 2px solid transparent;
        padding-left: 2px;
        border-radius: 0px 3px 3px 0px;
        top: -1.5px;
        right: -2px;
        padding-bottom: 0px;
        cursor: pointer;
        height: 24px;
    }

.k-combobox .k-input-button .p-icon {
    cursor: pointer;
}

.k-pager .k-combobox .k-input {
    padding-top: 2px;
    position: relative;
    left: -2px;
}

.k-grid .k-pager-nav .k-pager-info {
    font-size: 11px;
    margin-top: 3px;
}

    .k-grid .k-pager-nav .k-pager-info.hideGridInfo {
        display: none;
    }

.k-grid .k-pager-nav .k-pager-numbers a {
    color: #737292;
    font-size: 12px;
    position: relative;
    top: 3.5px;
    padding: 3px 8px;
    margin: 0px;
}

.k-grid .k-pager-nav .NextPrevAndNumeric .k-pager-sizes {
    padding: 0 20px;
}

.k-grid .k-pager-sizes > .k-combobox {
    width: 50px !important;
}

tr.k-grid-norecords > td > div {
    text-align: center;
    justify-content: center;
    margin: auto;
    font-size: 14px;
    padding: 3px;
}

.UpcomingEventsContainer tr.k-grid-norecords > td > div {
    width: 200px;
}

.ActivePersonnelGrid tr.k-grid-norecords > td > div {
    width: 269px;
    padding-top: 15px;
}

/* 1. Obliterate native structural hierarchy padding/indent spaces completely */
.ActivePersonnelGrid .k-hierarchy-col,
.ActivePersonnelGrid .k-hierarchy-cell {
    display: none !important;
}

/* 2. Flatten child containers so there is zero offset margin/padding from the left margin */
.ActivePersonnelGrid .k-detail-row .k-detail-cell {
    padding: 0 !important;
    border-left: none !important;
}

/* 3. Ensure child grids render cleanly edge-to-edge under the parent rows */
.ActivePersonnelGrid .k-detail-row .k-grid {
    margin: 0 !important;
    border: none !important;
}

/* 4. Match alignment if the child grid attempts to generate native padding */
.ActivePersonnelGridChild .k-hierarchy-col,
.ActivePersonnelGridChild .k-hierarchy-cell {
    display: none !important;
}

/* 5. Custom hand-built expand-column (replaces the hidden native hierarchy arrow) — keep the
      chevron button compact and centered so LEVEL 1/2 rows line up cleanly. */
.ActivePersonnelGrid .k-grid-td:first-child {
    padding: 0 !important;
    text-align: center;
}

    .ActivePersonnelGrid .k-grid-td:first-child .k-button {
        padding: 2px;
    }

/* 1. Hide the vertical scrollbar track from the data content container */
.ActivePersonnelGrid .k-grid-content {
    overflow-y: visible !important;
}

/* 2. Strip out the mandatory layout spacing/padding injected on the right of the header */
.ActivePersonnelGrid .k-grid-header {
    padding-right: 0 !important;
}

/* 3. Strip out layout spacing/padding on the right of the footer if pager is active */
.ActivePersonnelGrid .k-grid-footer {
    padding-right: 0 !important;
}

/* 4. Match alignment by fixing the trailing border wrapper width */
.ActivePersonnelGrid .k-grid-header-wrap {
    border-width: 0px !important;
}

/* Strip padding from the active row cell containing the button */
.ActivePersonnelGrid td.expand-col-target {
    padding: 1px 3px !important;
}
.ActivePersonnelGrid,
.ActivePersonnelGrid .k-grid-content,
.ActivePersonnelGrid table.k-grid-table.k-table {
    background: transparent;
}

/*Pager Positions*/
.rightColumn .k-grid .k-pager-nav .NextPrevAndNumeric .k-pager-sizes {
    display: none;
}

.k-grid .k-pager-nav .NextPrevAndNumeric .k-pager-sizes {
    padding: 0px;
    padding-left: 10px;
}

/*Required Field Validator*/
.InlineTextValidator {
    padding-left: 5px;
}

.InlineAbsoluteValidator {
    position: absolute;
    padding-left: 2px;
    padding-top: 5px;
}

.ImgUploadValidator {
    display: flex;
    margin: 20px 0 0 0;
}

.k-combobox.dropdownContainer,
.dropdownContainer {
    position: relative;
    width: 200px;
}

.PersonalEditForm .k-combobox.dropdownContainer,
.PersonalEditForm .dropdownContainer {
    width: auto;
}

.shortDropdownContainer {
    position: relative;
    width: auto;
}

.dropdownValidator {
    position: absolute;
    top: 7px;
    left: 202px;
}
/*RadTabStrip*/
.k-tabstrip {
    height: 100%;
    float: left;
}
    /*.k-tabstrip .k-link {
    color: white;
}*/
    .k-tabstrip .k-tabstrip-items {
        height: 100%;
    }

.TabTable .k-tabstrip {
    position: sticky;
    height: 41px;
}
/*Double rows for Category Maintenance*/
@media screen and (max-width: 2533px) {
    .TabTable.CategoryTabTable .k-tabstrip {
        height: 82px;
    }

    .TabTable.CategoryTabTable .k-tabstrip-content {
        height: calc(100% - 82px);
    }
}
/*Triple rows for Category Maintenance*/
@media screen and (max-width: 1542px) {
    .TabTable.CategoryTabTable .k-tabstrip {
        height: 123px;
    }

    .TabTable.CategoryTabTable .k-tabstrip-content {
        height: calc(100% - 123px);
    }
}

.TabTable.TabTable-Security .k-tabstrip-content input[type="button"] {
    margin-top: 5px;
    margin-bottom: 20px;
}

div.k-tabstrip-top .k-tabstrip-items {
    height: 100%;
    justify-content: center;
}

#MainContentContainer div.k-tabstrip-top .k-tabstrip-items .k-tabstrip-items {
    height: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

div.k-tabstrip-top .k-tabstrip-items .k-item {
    height: 100%;
    white-space: nowrap;
    height: 41px;
}

#RightNav div.k-tabstrip-top .k-tabstrip-items .k-item {
    height: 100%;
}


.dropdown-menu {
    display: none;
    position: absolute;
}

#LogOffForm {
    background-color: lightgrey;
}
/*RadTabStrip Main Content*/
#MainContentContainer .k-tabstrip {
    width: calc(100%);
    margin: 0px;
}

    #MainContentContainer .k-tabstrip.PersonnelTabStrip {
        width: calc(100% - 52px) !important;
        margin: 0px 26px;
    }

/* Mirrors legacy ucPersonnelEdit.ascx's fixed pixel-width fields; width constraint rule moved to
   app.css (see #PersonnelAdminContainer .k-tabstrip-content there). */

#MainContentContainer .k-tabstrip .k-tabstrip-items .k-link {
        padding: 4px 12px 6px;
    }

    #MainContentContainer .k-tabstrip.SwapTabStrip .k-tabstrip-items .k-link {
        padding: 9px 9px 5px;
    }

    #MainContentContainer .k-tabstrip li.k-item.k-active {
        height: 38px;
    }

    #MainContentContainer .k-tabstrip.SwapTabStrip .k-link {
        font-size: 13px;
    }

div.k-tabstrip-items-wrapper.k-hstack {
    padding-top: 6px;
}

div.k-tabstrip-content.k-active {
    padding: 0px;
    background-color: transparent;
    border: none;
}
/*Active Personnel Control*/
#RightNav .k-grid tr.k-grid-norecords > td {
    padding: 0px;
    font-size: 12px;
}

#RightNav .k-grid {
    padding: 0px;
}

#RightNav .k-table > tbody > tr > td.k-hierarchy-cell {
    display: none;
    width: 0px;
}

#RightNav .k-table > tbody > tr.k-table-row > td.k-hierarchy-cell,
#RightNav .k-table > tbody > tr.k-table-alt-row > td.k-hierarchy-cell {
    display: table-cell;
}

#RightNav .k-table > tbody > tr.k-table-row > td,
#RightNav .k-table > tbody > tr.k-table-alt-row > td {
    border-top: 2px solid #b6b7da;
}

td.k-table-td.RightAlignColumn {
    text-align: right;
    font-weight: bold;
    width: 55px;
}

td.k-table-td.LeftAlignColumn {
    font-weight: bold;
}

td.FixAlignColumn {
    display: none;
}

#RightNav .k-grid-content {
    border: none;
    max-height: none !important;
    overflow-y: auto;
}

#RightNav .k-grid .k-grouping-row .k-table-td,
#RightNav .k-table-td.k-table-group-td.k-group-cell {
    background-color: transparent;
}

#RightNav .UpcomingEventsContainer .k-table > tbody > tr.k-table-row > td:before,
#RightNav .k-grid-norecords td:before,
#RightNav .k-table-td.k-table-group-td.k-group-cell:before {
    display: none;
}
#RightNav .k-button.k-icon-button .k-button-icon.k-svg-icon > svg {
    color: var(--Body_Text_Color);
}
#RightNav .k-calendar .k-button.k-icon-button .k-button-icon.k-svg-icon > svg {
    color: white;
}
#RightNav .span.telerik-blazor.k-icon.k-svg-icon {
    padding-left: 2px;
}

#RightNav p.k-reset {
    padding: 8px 3px;
    font-weight: normal;
}
    .nestedGroup .InlineCancelBtn {
        float: right;
        height: 16px;
        border: none;
    }
/*Override font for Messages (default with no styling)*/
.MessagesFontOverride {
    font-size: 16px;
}

.MessageArea .nestedGroup {
    margin: 5px 10px;
}

.leftColumnNested {
    margin: 0px 5px 0px 0px;
    font-weight: bold;
}

.k-detail-table td.k-hierarchy-cell > button {
    padding-left: 1px;
}
/*Calendar Popup*/
.k-calendar-monthview {
    font-size: 13px;
    padding: 0px;
}

    .k-calendar-monthview td {
        padding: 3px 3px 1px !important;
    }

    .k-calendar-monthview #rcMView_Feb,
    .k-calendar-monthview #rcMView_Apr,
    .k-calendar-monthview #rcMView_Jun,
    .k-calendar-monthview #rcMView_Aug,
    .k-calendar-monthview #rcMView_Oct,
    .k-calendar-monthview #rcMView_Dec {
        padding-right: 2px;
    }

    .k-calendar-monthview .k-actions {
        color: white;
        padding-bottom: 3px !important;
    }
/*Calendar*/
#RightNav div.k-calendar {
    margin: 15px 5px;
}

div.k-calendar .k-calendar-header {
    color: white;
    padding: 2px 5px;
    font-size: 12px;
}

div.k-calendar .k-calendar-th,
div.k-calendar tr.k-calendar-weekdays {
    color: white;
    font-size: 12px;
    text-transform: none;
}

    div.k-calendar tr.k-calendar-weekdays > th {
        text-align: center;
        padding: 4px;
    }

        div.k-calendar tr.k-calendar-weekdays > th:first-child {
            padding-left: 9px;
        }

div.k-calendar .rcRow a, div.k-calendar .rcRow span {
    font-size: 12px;
    text-align: center;
    border-radius: 0px;
}

div .k-calendar .rcRow td {
    text-align: center;
    padding-top: 1px;
    padding-bottom: 1px;
}

.k-calendar-monthview td.k-selected a,
div .k-calendar td.k-selected a {
    color: white;
    text-align: center;
}

div.k-calendar .rcOtherMonth a {
    opacity: 1;
    color: #8f90ba;
}

div.k-calendar .rcRow .rcWeekend a {
    opacity: 1;
    color: #57587e;
}

div.k-calendar .rcRow:first-child td, div.k-calendar .rcRow:first-child th {
    padding-top: 5px;
}

div.k-calendar .rcRow:last-child td, div.k-calendar .rcRow:last-child th {
    padding-bottom: 5px;
}

.k-popup .rcRow td:first-child {
    border-left: 2px solid #b6b7da;
}

.k-popup .rcRow td:last-child {
    border-right: 2px solid #b6b7da;
}

.centerContent {
    margin: auto;
    width: fit-content;
}

div.k-calendar .k-button.k-icon-button .k-button-icon.k-svg-icon > svg {
    color: white;
}

div.k-calendar .t-font-icon:before {
    font-size: 14px;
    position: relative;
    top: 1px;
}
/*Time Picker*/
.k-popup.k-popup {
    font-size: 12px;
}

.k-popup th {
    color: white;
    font-size: 11px;
}

.k-popup .k-time-selector td.k-selected {
    color: white;
}

.k-popup .k-time-selector {
    box-shadow: 0px 3px 5px grey;
}
/*Upcoming Events */
.UpcomingEventsContainer {
    margin: 10px;
}

#RightNav .UpcomingEventsContainer .k-table > tbody > tr.k-table-row:hover > td:first-child:before,
#RightNav .UpcomingEventsContainer .k-table > tbody > tr.k-table-alt-row:hover > td:first-child:before {
    content: none;
}

.UpcomingEventsContainer .nestedGroup {
    font-style: normal;
    margin: 1px 0px 7px;
}

    .UpcomingEventsContainer .nestedGroup .bottomColumnNested {
        font-weight: bold;
        white-space: normal;
    }

.UpcomingEventsContainer .k-grouping-row > td {
    font-size: 12px;
}

    .UpcomingEventsContainer .k-grouping-row > td b {
        padding-right: 5px;
        font-size: 14px;
    }
/*Default Page*/
.DefaultContainer {
    width: 100%;
}

.HomeContainer {
    height: calc(100% - 4px);
}

div.DefaultContainer .rpRootGroup {
    display: table;
    width: 100%;
    border-bottom: 2px solid #a2a3ce;
}

div.DefaultContainer .rpTemplate {
    display: inherit;
}

div.DefaultContainer .MessageArea {
    overflow: auto;
    display: inherit;
    transition: all 0.2s linear;
}

div.DefaultContainer .p-i-arrow-chevron-down:before {
    content: "\e013";
}

div.DefaultContainer .p-i-arrow-chevron-up:before {
    content: "\e015";
}

.DefaultContainer span.t-font-icon.k-icon.k-grid-header-menu {
    display: none;
}
/*Exports*/
div.ExportDropdown {
    width: 140px;
}

div.RadDropDownList {
    width: auto;
}

    div.RadDropDownList.ExportDropdown > span.rddlInner {
        color: white;
        border-radius: 4px;
        width: 60px;
        height: 30px;
        position: relative;
        top: -2px;
        margin: 0px;
        border-bottom: 0px;
    }

div.ExportDropdown > span.rddlInner::after {
    content: "Export";
    color: white;
    position: absolute;
    top: 5px;
    right: 37px;
}

.hiddenValidator,
.HiddenBtn,
.hiddenDiv,
div.ExportDropdown span.rddlFakeInput {
    visibility: hidden;
}

.HiddenBtn {
    width: 0px !important;
    padding: 0px !important;
    margin: 0px !important;
    height: 0px !important;
}

div.RadDropDownList.ExportDropdown .p-icon:before {
    position: relative;
    right: 4px;
    top: 0px;
}

div.ExportDropdown span.rddlSelect {
    padding: 6px 4px;
}
/*Grid Edit Dropdown*/
div.EditDropdown:before {
    content: "\e032";
    font-size: 20px;
    position: relative;
    top: -4px;
    cursor: pointer;
}

div.EditDropdown {
    width: 15px;
}

.EditDropdown span.rddlInner {
    visibility: hidden;
    width: 20px;
    padding: 0px;
    margin: 0px;
}

div.rddlSlide {
    font-size: 12px;
    box-shadow: 0px 3px 5px grey;
    z-index: 70000;
}

div.k-popup .k-list-item {
    cursor: pointer;
}
/*Normal Dropdown*/
div.RadDropDownList > .rddlInner {
    margin: 0px;
    font-weight: normal;
    width: 30px;
    border-radius: 3px 3px 0px 0px;
    font-size: 13px;
    margin-top: 2px;
    height: 26px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.PersonalEditForm div.RadDropDownList > .rddlInner {
    margin: 0px;
    font-weight: normal;
    width: 30px;
    border-radius: 3px 3px 0px 0px;
    font-size: 13px;
    margin-top: 2px;
    height: 26px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.ClickableText div.RadDropDownList > .rddlInner {
    width: 95px;
}
/*Page Switch*/
div.PageSwitch {
    /*top: 24%;*/
    position: relative;
}

div.dropdownContainer.PageSwitch {
    top: 0%;
    position: relative;
    white-space: nowrap;
}

div.PageViews {
    top: 22%;
    position: relative;
    right: 75px;
}

.LeaveValidator,
.PageInfo > .subLabelValidator {
    position: relative;
    top: 5px;
}

div.PageSwitch .k-button.k-button-primary {
    box-shadow: none;
}

.PageSwitch button {
    padding: 0px 2px;
    width: 125px;
}

.PageSwitch.LongButton button {
    width: 175px;
}

.PageSwitch.ShortSwitch button {
    width: 80px;
}

.dropdownContainer.PageSwitch.ShortSwitch button {
    width: 100px;
    margin-top: 1.1px;
    padding: 1px 2px;
}

.RequireUnitToggle button {
    margin-left: 2px;
}

.PageSwitch button:first-of-type {
    border-radius: 50px 0px 0px 50px;
    position: relative;
    left: 2px;
}

.dropdownContainer.RadioButtonContainer.PageSwitch.ShortSwitch > button:last-of-type {
    border-radius: 0px 50px 50px 0px;
    position: relative;
    left: -2px;
}

.dropdownContainer.RadioButtonContainer.PageSwitch.ShortSwitch > button.rbDisabled:last-of-type {
    border-left: none;
}

.dropdownContainer.RadioButtonContainer.PageSwitch.ShortSwitch > button.rbDisabled:first-of-type {
    border-right: none;
}

#MainContentContainer .k-tabstrip.HeaderRadStrip .k-item {
    border-radius: 0px 50px 50px 0px;
    padding: 0px 2px;
    width: 100px;
    height: 23px;
}

    #MainContentContainer .k-tabstrip.HeaderRadStrip .k-item:first-of-type {
        border-radius: 50px 0px 0px 50px;
    }

#MainContentContainer .k-tabstrip-items-wrapper .k-tabstrip-item,
#MainContentContainer .k-tabstrip-top > .k-tabstrip-items-wrapper .k-tabstrip-item.k-active {
    border: none;
    border-bottom: 3px solid transparent;
    background-color: transparent;
    box-shadow: none;
}

#MainContentContainer .k-tabstrip.HeaderRadStrip .k-item.k-active {
    color: white;
    height: 21px;
}

#MainContentContainer .k-tabstrip.HeaderRadStrip .k-active .k-link,
.ToggleOn > span.k-button-text {
    color: white;
}

#MainContentContainer .k-tabstrip.HeaderRadStrip .k-tabstrip-items {
    margin: 0px;
    font-size: 12px;
}

    #MainContentContainer .k-tabstrip.HeaderRadStrip .k-tabstrip-items .k-link {
        padding: 3px 0px;
    }

    #MainContentContainer .k-tabstrip.HeaderRadStrip .k-tabstrip-items .k-link {
        padding: 0px;
    }

#MainContentContainer .k-tabstrip.HeaderRadStrip .k-link,
.ToggleOff > span.k-button-text {
    font-size: 12px;
}
/*Date Picker*/
.k-datepicker .k-textbox {
    font-size: 13px;
}

.InlineEditTable .k-datepicker .k-textbox,
.InlineEditTable .k-grid .k-table-row > td > [type="text"] {
    height: 26px;
    width: 90%;
}
/*For inlined required fields*/
.InlineEditTable .k-grid .k-table-row > td > span {
    margin-left: 5px;
}

.k-datepicker .k-textbox > input {
    border-top: 2px solid white;
}

.k-datepicker .k-disabled > input {
    border-right: none;
    opacity: 0.7;
    border-radius: 3px 3px 0px 0px;
}

table#tblOperational {
    padding-top: 10px;
}

.k-datepicker.rcCalPopupOpen .rcCalPopup,
.k-datepicker.rcTimePopupOpen .rcTimePopup,
a.rcCalPopup:hover,
a.rcTimePopup:hover,
.PersonalEditForm .k-datepicker.rcCalPopupOpen .rcCalPopup,
.PersonalEditForm .k-datepicker.rcTimePopupOpen .rcTimePopup,
.PersonalEditForm a.rcCalPopup:hover,
.PersonalEditForm a.rcTimePopup:hover,
.PopupBody .PersonalEditForm .k-datepicker.rcCalPopupOpen .rcCalPopup,
.PopupBody .PersonalEditForm .k-datepicker.rcTimePopupOpen .rcTimePopup,
.PopupBody .PersonalEditForm a.rcCalPopup:hover,
.PopupBody .PersonalEditForm a.rcTimePopup:hover {
    background: rgba(243,243,249,.4);
}

.k-datepicker.k-datetimepicker div.k-today {
    top: 2px;
}

.PersonalEditForm .k-datepicker div.k-today {
    top: 0px;
}

.TimeEditForm .k-datepicker div.k-today {
    top: 1px;
    box-sizing: border-box;
}

.PopupBody .PersonalEditForm .k-datepicker div.k-today {
    height: 26px;
}

.k-datepicker .k-disabled div.k-today {
    display: none;
}

.k-today > a {
    border-color: white;
    border-left: transparent;
}

div.k-invalid::after {
    margin-top: 5px;
    color: red;
    font-size: 18px;
}
/*Checkbox*/
input[type="checkbox"] {
    margin-left: 0px;
    margin-right: 6px;
}

.checkBox > label {
    font-size: 13px;
    font-weight: normal;
    line-height: normal;
    vertical-align: top;
    position: relative;
    top: 3px;
}

.SecurityChecklist {
    margin: auto;
    padding: 5px;
}

    .SecurityChecklist td {
        padding: 3px;
    }

        .SecurityChecklist td > label,
        .SecurityChecklist td > span > label {
            font-size: 14px;
            position: relative;
            top: -2px;
        }
/*Text Area & List Box*/
textarea {
    resize: none;
    padding-left: 10px;
}

div.k-popup textarea,
div.k-grid-edit-form select,
div.k-grid-edit-form textarea,
div.k-popup select,
tr.PersonalEditForm textarea {
    border-top: 2px solid #a2a3ce;
    border-bottom: 2px solid #a2a3ce;
    font-size: 12px;
    border-radius: 0px;
}

    div.k-popup textarea:disabled,
    div.k-grid-edit-form textarea:disabled {
        opacity: 0.7;
    }

tr.PersonalEditForm textarea {
    border-top: 2px solid #b6b7da;
}

tr.PersonalEditForm textarea {
    width: 650px;
}

    tr.PersonalEditForm textarea:disabled {
        opacity: 0.7;
    }

div.RadListBox .rlbItem,
div.k-popup select {
    color: #737292;
}

div.PadListBox .rlbItem {
    padding: 4px 15px;
}

select > option {
    padding-left: 10px;
}
/*Edit Form*/
.SaveButtonTable {
    margin: auto;
    padding-top: 10px;
    padding-bottom: 10px;
}
.SaveButtonTable.AddIPBtnTable {
    padding: 0px;
}
.SaveButtonTable.RolesSaveContainer {
    padding: 0px;
    margin-top: 5px;
    margin-bottom: 5px;

}
.SaveButtonTable.SecurityBtnTable {
    padding-top: 0px;
    padding-bottom: 25px;
}
.SaveButtonTable.AddBtnTable {
    padding-top: 10px;
    padding-bottom: 25px;
}
.AddBtnTable .k-button,
.SaveButtonTable.AddIPBtnTable .k-button {
    padding: 3px 40px;
}
.PersonalEditForm {
    width: 100%;
}

.InlineEditForm,
.errorRowTable {
    width: 100%;
}

.PopupBody .InlineEditForm {
    border-left: none;
}

.centerErrors {
    justify-content: center;
}

.RoleLabelCheckbox label {
    position: relative;
    top: 1px;
}

span.RoleLabelCheckbox {
    position: relative;
    top: 1px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.RolesForm .RoleLabelCheckbox {
    float: left;
}

.RoleTextBox {
    margin-right: 9px;
}

.RoleMainContent.InlineEditForm,
.AssignmentMainContent.InlineEditForm {
    border-left: none;
}

    .AssignmentMainContent.InlineEditForm td {
        padding-right: 0px;
    }

    .AssignmentMainContent.InlineEditForm .MessagesRow td {
        padding: 0px 2px;
    }

#tblMessageEditMain {
    padding: 20px 0px;
}


.RolesForm .InlineEditForm {
    padding: 0px 25px 15px;
}

.RolesSave {
    position: absolute;
    width: 100%;
    bottom: 0;
}


.k-table div.k-grid-edit-form table.errorRowTable {
    padding: 0px 20px 10px;
    display: flex;
}

#SideNav tr.labelRow > td {
    padding-top: 0px;
}



.InlineEditForm.CenteredEditForm tbody {
    display: block;
    width: fit-content;
    margin: auto;
}

.InlineEditForm td {
    padding-right: 20px;
}

    .InlineEditForm td.LastTD {
        padding-right: 0px;
    }

.PersonalEditForm.EmergencyPersonnel td {
    padding-right: 0px;
    vertical-align: text-top;
}

td .EditContainer span.k-textbox.k-disabled {
    background: #f8f8fb;
}

.PersonalEditForm td .k-textbox,
.InlineEditForm td .k-textbox,
td span.k-textbox {
    margin: 0px;
    border-radius: 3px 3px 0px 0px;
    margin-top: 1px;
}

td span.k-textbox {
    margin-top: 2px;
}

.PasswordTxtBox {
    border-radius: 3px 3px 0px 0px;
    padding: 5px 10px;
    font-size: 12px;
    margin-top: 1px;
    box-sizing: border-box;
    height: 27.74px;
}

.TimeEditForm td .k-datetimepicker .k-textbox {
    margin-top: 0px;
}

    .TimeEditForm td .k-datetimepicker .k-textbox > input {
        height: 27.6px;
        border-radius: 3px 3px 0px 0px;
    }

#tblGeneral .PersonalEditForm td .k-textbox {
    width: 200px;
}

.PopupBody #tblGeneral {
    position: relative;
    left: 28px;
    padding-bottom: 5px;
}

.PersonalEditForm td.disabled .k-textbox, .InlineEditForm td.disabled .k-textbox {
    background: rgba(255,255,255,.7);
}

.rpgFilterWindowContainer .riContSpinButtons input,
.rpgFilterWindowContainer input,
.PersonalEditForm td span.k-textbox .k-input,
.PersonalEditForm td .k-textbox .k-input,
.InlineEditForm td span.k-textbox .k-input,
.InlineEditForm td .k-textbox .k-input,
td div.EditContainer div.flexChild span.k-textbox .k-input {
    font-weight: normal;
    font-size: 12px;
    margin-top: 1px;
    padding: 5px 10px 3px;
}

.InlineEditForm td .k-textbox .k-input {
    margin-top: 0px;
}

.PersonalEditForm td span.k-textbox .k-input.textboxReadOnly,
.PersonalEditForm td .k-textbox .k-input.textboxReadOnly {
    background: #f8f8fb;
    color: #7e7d9e;
    border-radius: 3px 3px 0px 0px;
}

td span.k-textbox .k-input.textboxReadOnly,
td .k-textbox .k-input.textboxReadOnly,
.InlineEditForm td span.k-textbox .k-input.textboxReadOnly,
.InlineEditForm td .k-textbox .k-input.textboxReadOnly {
    background: #f8f8fb;
    border-radius: 3px 3px 0px 0px;
}


.inlineValidator {
    margin: 0px !important;
}

.invisibleCustomValidator {
    display: none;
}

.visibleErrorDesc {
    line-height: 25px;
    vertical-align: top;
}

.PersonalEditForm td > span,
.InlineEditForm td > span {
    margin-right: 0px;
}

.inlineRow,
.FormLabel,
.labelRow {
    display: inline !important;
}

.errorRow ul {
    margin: 5px 0px;
    padding: 0px;
    padding-left: 15px;
    text-align: left;
}

td.fixTimeEntryBox {
    padding: 0px;
}

    td.fixTimeEntryBox .k-combobox {
        padding-left: 20px;
        padding-right: 20px;
    }

    td.fixTimeEntryBox > span {
        padding-left: 20px;
        padding-right: 0px;
    }

.k-grid .PersonalEditForm .k-combobox,
.k-grid .InlineEditForm .k-combobox {
    width: 200px;
    margin-top: 1px;
}

    .k-grid .PersonalEditForm .k-combobox .k-input-inner,
    .k-grid .InlineEditForm .k-combobox .k-input-inner,
    .k-grid .k-table-row .k-combobox .k-input-inner {
        margin-bottom: 0px;
    }

.InlineEditTable .k-grid .k-table-row .k-combobox {
    margin-top: 1px;
}

    .InlineEditTable .k-grid .k-table-row .k-combobox .k-input-inner {
        margin-bottom: 1px;
        height: 24px;
    }

.k-grid .PersonalEditForm .k-datepicker .k-textbox,
.k-grid .PersonalEditForm .k-datepicker,
.k-grid .InlineEditForm .k-datepicker .k-textbox,
.k-grid .InlineEditForm .k-datepicker {
    width: 200px;
}

    .k-grid .PersonalEditForm .k-datepicker.ShortDateTime .k-textbox,
    .k-grid .PersonalEditForm .k-datepicker.ShortDateTime,
    .k-grid .InlineEditForm .k-datepicker.ShortDateTime .k-textbox,
    .k-grid .InlineEditForm .k-datepicker.ShortDateTime {
        width: 175px;
    }

    .k-grid .PersonalEditForm .k-datepicker.ShortDate .k-textbox,
    .k-grid .PersonalEditForm .k-datepicker.ShortDate,
    .k-grid .InlineEditForm .k-datepicker.ShortDate .k-textbox,
    .k-grid .InlineEditForm .k-datepicker.ShortDate {
        width: 120px;
    }

.ShortPageDate .k-datepicker {
    width: 125px;
}

.TimeEditForm tr.dataRow > td {
    height: 33px;
    vertical-align: top;
}

    .TimeEditForm tr.dataRow > td label {
        font-size: 12px;
        vertical-align: top;
        line-height: 21px;
    }

tr.checkboxDataRow {
    font-weight: bold;
}

    tr.checkboxDataRow > td {
        padding-top: 14px;
    }

.TimeEditForm tr.dataRow.checkboxDataRow > td label {
    line-height: 24px;
    font-size: 11px;
}

.TimeEditForm .LongNotesBox {
    width: calc(100% - 13px);
}

    .TimeEditForm .LongNotesBox.ThreeColumn {
        width: calc(100% - 32px);
    }

.InlineEditForm td:last-of-type,
.InlineEditForm.TimeEditForm td:last-of-type {
    padding-right: 0px;
}

table.ButtonTable {
    width: 100%;
}

    table.ButtonTable.NoBorder {
        border-left: none;
    }

    table.ButtonTable tbody {
        display: flex;
        margin: auto;
        width: auto;
        justify-content: center;
    }

    table.ButtonTable td.EditButtonContainer input[type="submit"],
    table.ButtonTable td.EditButtonContainer input[type="button"] {
        margin-bottom: 15px;
    }

.InlineEditForm .k-datepicker .k-textbox > input.k-disabled {
    border-right: none;
}

.PersonalEditForm .k-datepicker .k-textbox > input.k-disabled {
    border-right: none;
    opacity: 0.7;
    pointer-events: none;
}

.InlineEditForm td .k-textbox.k-disabled {
    background: rgba(255,255,255,.7);
    pointer-events: none;
}

.k-textbox .k-input:disabled,
div.RadDropDownList .rddlDisabled,
.k-combobox .k-disabled {
    opacity: .7;
    pointer-events: none;
}

.PersonalEditForm td .k-textbox.k-disabled {
    opacity: 0.7;
    pointer-events: none;
}

.PersonalEditForm td .k-datepicker .k-textbox.k-disabled {
    opacity: 0.8;
    pointer-events: none;
}

.PersonalEditForm .k-datepicker .k-disabled div.k-today,
.InlineEditForm .k-datepicker .k-disabled div.k-today {
    pointer-events: none;
}

.InlineEditForm .k-disabled a {
    opacity: 0.7;
    pointer-events: none;
}

.InlineEditForm .k-disabled .k-input {
    opacity: 0.7;
    pointer-events: none;
}

.PersonalEditForm .k-disabled a,
.PersonalEditForm .k-disabled .k-input {
    opacity: 1;
    border-bottom-color: #b6b7da;
    pointer-events: none;
}

.k-combobox .k-disabled .k-input {
    opacity: .9;
    pointer-events: none;
}

.PersonalEditForm td.EditButtonContainer,
.PersonalEditForm td .EditButtonContainer,
.InlineEditForm td.EditButtonContainer,
.InlineEditForm td .EditButtonContainer {
    padding-top: 2px;
}

    .InlineEditForm td.EditButtonContainer input[type="button"],
    .InlineEditForm td.EditButtonContainer input[type="submit"],
    .InlineEditForm td .EditButtonContainer input[type="button"],
    .InlineEditForm td .EditButtonContainer input[type="submit"] {
        margin-top: 0px;
        margin-bottom: 0px;
        width: 90px;
    }

        .InlineEditForm td.EditButtonContainer input[type="button"]:hover,
        .InlineEditForm td.EditButtonContainer input[type="submit"]:hover,
        .InlineEditForm td .EditButtonContainer input[type="button"]:hover,
        .InlineEditForm td .EditButtonContainer input[type="submit"]:hover {
            margin-top: 0px;
            margin-bottom: 0px;
            width: 90px;
        }

td.EditButtonContainer.leftFloat {
    margin-top: 15px;
}

.errorRow {
    font-size: 12px;
}

.k-table-row {
    position: relative;
}

    .k-table-row + tr > td {
        padding: 0px;
    }

/*Special Text Fields*/
.PhoneField,
.ZipField {
    letter-spacing: 1px;
}

td.PhoneContainer .k-textbox {
    width: 117px;
}

div.PhoneContainer .k-textbox {
    width: 150px;
}

td.SortOrderContainer .k-textbox {
    width: 85px;
}

td.ZipContainer .k-textbox {
    width: 100px;
}

div.StateDropdown .k-input-inner {
    width: 63px;
}

div.LicenseStateDropdown .k-input-inner {
    width: 95px;
}

div.MeetingDescriptionBox .k-input-inner {
    width: 100%;
}
/*Edit Popup*/
div.k-popup .k-header {
    color: white;
    padding: 7px 15px;
}

div.k-grid-edit-form span.k-input-inner,
tr.k-table-row span.k-input-inner {
    font-weight: normal;
}

.k-grid-edit-form .k-header > div img {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: block;
    overflow: hidden;
    padding-left: 50px;
    width: 50px;
    height: 50px;
    background: url(../Images/BUTTON-exit-60x60.png) no-repeat;
    background-size: cover;
    position: relative;
    top: -14px;
    left: 20px;
}

.k-grid-edit-form .k-header > div {
    height: 5px;
}
/*Containers*/
.EditContainer {
    padding: 15px 15px;
    margin: auto;
}

.flexColumn {
    display: flex;
    flex-direction: column;
}

.SecuritySettingsColumn .ControlTitle {
    padding: 9px 25px;
}
.PermissionsContainer {
    height: calc(100% - 50px);
}
.PermissionsContainer .flexColumn {
    width: 100%;
}

.PermissionsContainer .SecuritySettingsColumn {
    width: 40%;
}

.flexContainer {
    display: flex;
    justify-content: center;
    width: 100%;
}
/*containers with only a few items in them*/
.flexContainerWithLess {
    justify-content: left;
}

.RolesForm .flexContainer {
    margin: 20px;
}

.WebSettings .flexContainer {
    padding: 15px 0px;
}

.WebSettings .Defaults {
    font-size: 14px;
    text-align: center;
    padding: 10px 0px;
}

.dropdownContainer.combobox-235 {
    width: 235px;
}

.GroupsContainer {
    width: 100%;
    flex-grow: 1;
    overflow-y: hidden;
    display: flex;
    flex-direction: column;
}

    .GroupsContainer .flexContainer {
        width: 100%;
    }

    .GroupsContainer .PageInfoItem.PageDropDown {
        float: none;
    }

#tblOperationalInsert .flexContainer,
#tblAdminInsert .flexContainer,
#tblGeneral .flexContainer,
#tblOperational .flexContainer,
#tblOwnership .flexContainer,
#tblMaintenance .flexContainer,
#tblAdmin .flexContainer {
    justify-content: center;
    padding: 0px 20px 13px;
}

#tblGeneral .UnitAlignment,
#tblGeneral .VehicleAlignment {
    display: flex;
    padding: 0px 20px 13px;
}

#tblOperationalInsert .k-tabstrip-content .k-combobox,
#tblOperationalInsert .dropdownContainer,
#tblAdminInsert .k-tabstrip-content .k-combobox,
#tblAdminInsert .dropdownContainer,
#tblOperational .k-tabstrip-content .k-combobox,
#tblOperational .dropdownContainer,
#tblGeneral .k-tabstrip-content .k-combobox,
#tblGeneral .dropdownContainer,
#tblOwnership .k-tabstrip-content .k-combobox,
#tblOwnership .dropdownContainer,
#tblMaintenance .k-tabstrip-content .k-combobox,
#tblMaintenance .dropdownContainer,
#tblAdmin .k-tabstrip-content .k-combobox,
#tblAdmin .dropdownContainer {
    width: 200px;
}

    #tblAdminInsert .dropdownContainer.StateDropdown,
    #tblAdminInsert div.StateDropdown .k-input-inner,
    #tblAdmin .dropdownContainer.StateDropdown,
    #tblAdmin div.StateDropdown .k-input-inner {
        width: 73px;
    }

    #tblOperationalInsert .dropdownContainer.RadioButtonContainer.PageInfoItem.PageSwitch.ShortSwitch,
    #tblAdminInsert .dropdownContainer.RadioButtonContainer.PageInfoItem.PageSwitch.ShortSwitch,
    #tblGeneral .dropdownContainer.RadioButtonContainer.PageInfoItem.PageSwitch.ShortSwitch,
    #tblOperational .dropdownContainer.RadioButtonContainer.PageInfoItem.PageSwitch.ShortSwitch,
    #tblOwnership .dropdownContainer.RadioButtonContainer.PageInfoItem.PageSwitch.ShortSwitch,
    #tblMaintenance .dropdownContainer.RadioButtonContainer.PageInfoItem.PageSwitch.ShortSwitch,
    #tblAdmin .dropdownContainer.RadioButtonContainer.PageInfoItem.PageSwitch.ShortSwitch {
        width: 206px;
        position: relative;
        left: -1.5px;
    }

    #tblMaintenance .dropdownContainer.RadioButtonContainer.PageInfoItem.PageSwitch.ShortSwitch {
        width: 206px;
        position: relative;
        left: 1.5px;
    }

.Tabtable > tbody > tr > td {
    padding: 0px;
}

.Tabtable {
    position: relative;
    top: -1px;
}

.Personnel .flexContainer {
    width: 900px;
    padding: 0px 0px 13px;
    padding-left: 15px; /* needed because flex container has a margin of 15*/
}

.EmergencyPersonnel .flexContainer {
    padding: 0px 21px 11px;
}

.QuickEdit .EmergencyPersonnel .flexContainer {
    padding: 0px 10px 11px;
}

table#tblPersonal,
table#tblPersonalInsert,
table#tblGeneral,
table#tblOperational,
table#tblOperationalInsert,
table#tblOwnership,
table#tblMaintenance,
table#tblAdmin,
table#tblAdminInsert {
    padding: 20px 0px 15px;
    margin: auto;
}

table#tblPersonalInsert {
    padding-left: 10px;
}

table#tblEmergencyInsert {
    padding-left: 3px;
}

table#tblEmergency,
table#tableEmergencyInsert {
    margin: auto;
    border-collapse: collapse;
}

table#tblEmergency {
    margin-top: 20px;
}

table#tblStationInfo {
    margin: auto;
    border-collapse: collapse;
}

.StationOpPanel.StationInfo {
    padding-top: 20px;
}

table#tblOperationalInsert,
table#tblAdminInsert {
    margin-left: 30px;
    padding-bottom: 0px;
}

.EmergencyPersonnel td.rightContainer {
    border-left: 2px solid #b6b7da;
}

.PersonalEditForm .Operational .flexChild {
    margin-left: 22px;
    margin-right: 22px;
    margin-top: 0px;
    margin-bottom: 0px;
}

    .PersonalEditForm .Operational .flexChild.Notes {
        width: 100%;
    }

.PersonalEditForm .flexChild {
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.PersonalEditForm.fixedFlexWidths .flexChild {
    width: 200px;
}

.PersonalEditForm .flexChild.childGroup {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.PersonalEditForm.EmergencyPersonnel .flexChild {
    margin-left: 14px;
}

.PersonalEditForm input[type="button"],
.PersonalEditForm input[type="submit"] {
    width: 180px;
    padding: 4px 5px;
}

.GroupBtnContainer input[type="button"],
.GroupBtnContainer input[type="submit"]
.UserContainer input[type="button"],
.UserContainer input[type="submit"] {
    width: 180px;
    padding: 4px 5px;
}

.tblSavePersonal .PersonalEditForm input[type="button"] {
    position: relative;
    right: 3px;
}

.tblSaveInsertPersonal .PersonalEditForm input[type="button"] {
    position: relative;
    right: 0px;
}

.AdminButton .PersonalEditForm input[type="button"] {
    position: relative;
    right: 2px;
}

.tblSaveInsertUnit .PersonalEditForm input[type="button"] {
    position: relative;
    left: 1px;
}
/*Personnel Admin History*/
/*Unit History*/
.tblUnitHistoryEdit .UHDuration,
.tblHistory .PAHDuration {
    display: flex;
    padding: 5px 0 0 0;
}

.UHDuration > .lblDuration,
.PAHDuration > .lblDuration {
    width: 100%;
}

.durationStartDate,
.durationEntryDate {
    margin-right: 10px !important;
    padding-bottom: 3px;
    padding-top: 5px;
}

.durationData,
.durationData .k-textbox {
    width: 150px !important;
}

.UHrcboVehicle > span.k-input-inner {
    width: 335px;
}
.UHEndDate,
.PAHExitDate {
    display: flex;
    padding: 20px 0 0 0;
}
.UHButtons,
.PAHButtons {
    display: flex;
    justify-content: center;
    margin: 0 0 10px 0;
}

.UHEndDate button[value='No End Date'],
.PAHExitDate button[value='No Exit Date'] {
    padding: 5px 0 0 0;
}
/*validator*/
.valsumTextDescription {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.lblOutputVehicleType,
.lblOutputEditVehicleType,
.lblOutputDesc,
.lblOutputUnitType,
.lblOutputEditDesc,
.lblOutputEditUnitType {
    display: none;
    color: red;
    font-size: 18px;
}

.lblOutput {
    display: none;
    color: red;
    font-size: 18px;
}

.EditButtonContainer {
    float: right;
    display: flex;
}

    .EditButtonContainer.leftFloat {
        float: left;
    }

div.EditButtonContainer input[type="button"] {
    margin-top: 0px;
    width: 90px;
}

.k-grid input.cancelButton,
input.cancelButton,
.LogoutBtn {
    margin-left: 15px;
}
/*Scroll Containers*/
#RightNavContents .k-tabstrip-content,
#RightNavContents > div {
    height: 100%;
}

.scrollContainer,
.scrollContainerActivePersonnel {
    overflow: auto;
    height: calc(100% - 56px);
}
/* ActivePersonnelGrid.razor renders a single wrapping div (.ActivePersonnelGridContainer)
   containing the .ControlTitle header and the .scrollContainerActivePersonnel grid area,
   so only that one child matches the "#RightNavContents > div { height: 100% }" rule above.
   Lay it out as a column so the header keeps its natural height and the grid fills the rest. */
.ActivePersonnelGridContainer {
    display: flex;
    flex-direction: column;
    height: 100%;
}

    .ActivePersonnelGridContainer .scrollContainerActivePersonnel {
        flex: 1 1 auto;
        height: auto;
        min-height: 0;
    }

#RightNavContents .scrollContainer,
#RightNavContents .scrollContainer > div {
    height: fit-content;
}
/* UpcomingEventsGrid.razor renders a single wrapping div (.UpcomingEventsGridContainer)
   containing the .ControlTitle header and the .scrollContainer event area, so only that one
   child matches the "#RightNavContents > div { height: 100% }" rule above. Lay it out as a
   column so the header keeps its natural height and the scrollable content fills the rest,
   mirroring the .ActivePersonnelGridContainer fix above. */
.UpcomingEventsGridContainer {
    display: flex;
    flex-direction: column;
    height: 100%;
}

    .UpcomingEventsGridContainer .scrollContainer {
        flex: 1 1 auto;
        height: auto;
        min-height: 0;
    }
/* Filters */
div.GridContextMenu label.rgHCMAnd {
    display: none;
}

div.GridContextMenu .k-grid-filter-menu .k-combobox:nth-of-type(2),
div.GridContextMenu .k-grid-filter-menu .k-combobox:nth-of-type(3),
div.GridContextMenu .k-grid-filter-menu .k-combobox:nth-of-type(4),
div.GridContextMenu .k-grid-filter-menu .k-combobox:nth-of-type(5) {
    display: none;
}

div.GridContextMenu .k-grid-filter-menu .k-datepicker:nth-of-type(5),
div.GridContextMenu .k-grid-filter-menu .k-textbox:nth-of-type(2),
div.GridContextMenu .k-grid-filter-menu .k-textbox:nth-of-type(3) {
    display: none;
}

div.GridContextMenu input.skipCheckBox:last-of-type {
    visibility: hidden;
}

div.GridContextMenu .k-input {
    font-size: 14px;
}

    div.GridContextMenu .k-input.k-empty {
        color: #807f9b;
    }

div.GridContextMenu .rgFilterListMenu .RadListBox {
    width: 100%;
    max-height: 272px;
    height: 100% !important;
}

    div.GridContextMenu .rgFilterListMenu .RadListBox > .rlbGroup {
        max-height: 272px;
    }

.modalForm div.GridContextMenu .rgFilterListMenu .RadListBox > .rlbGroup {
    max-height: 200px;
}

.NoFilters span.t-font-icon.k-icon.k-grid-header-menu,
.actionColumn span.t-font-icon.k-icon.k-grid-header-menu {
    display: none;
}

td.LinkBtnColumn {
    text-align: center;
}

    td.LinkBtnColumn > a {
        padding: 4px;
    }

.InlineEditorCol span.t-font-icon.k-icon.k-grid-header-menu {
    display: none;
}

div.GridContextMenu .k-grid-filter-menu div.rmContent,
div.GridContextMenu .rgFilterListMenu div.rmContent {
    padding: 0px 21px;
    margin: auto;
    width: 235px;
}

div.GridContextMenu .rgFilterListMenu div.rmContent {
    padding-top: 15px;
    padding-bottom: 15px;
}

div.GridContextMenu span.k-input-inner.k-readonly {
    margin-bottom: 2px;
}

span.rmLeftImage.rmIcon.rgHCMFilterIcon {
    display: none;
}

li.rmItem.rgHCMSortAsc,
li.rmItem.rgHCMSortDesc,
li.rmItem.rgHCMUnsort,
li.rmItem.rgHCMGroup,
li.rmItem.rgHCMUngroup,
li.rmItem.rgHCMCols,
.RadMenu .rmVertical > li.rmItem.rmSeparator {
    display: none;
}

div.RadMenu span.k-textbox > .k-input,
div.RadMenu .k-textbox > .k-input {
    border-radius: 4px;
}

div.RadMenu .k-textbox {
    width: 100% !important;
}

div.RadMenu .k-datepicker {
    width: 100% !important;
}

div.rmContent > .k-datepicker:last-of-type {
    display: none;
}

div.GridContextMenu .k-grid-filter-menu .rgHCMClear,
div.GridContextMenu .k-grid-filter-menu .rgHCMFilter {
    border-width: 2px;
    font-size: 13px;
    padding: 2px;
    width: 81px;
    display: inline;
    margin: 10px 5px 15px;
}

    div.GridContextMenu .k-grid-filter-menu .rgHCMClear:after {
        content: "Clear";
    }

    div.GridContextMenu .k-grid-filter-menu .rgHCMClear > .k-button-text {
        display: none;
    }

div.GridContextMenu .k-grid-filter-menu .rgHCMClear {
    float: right;
}

div.GridContextMenu .k-grid-filter-menu .rgHCMFilter {
    float: left;
}

div.GridContextMenu .k-input-inner {
    width: 100%;
}
/*div.GridContextMenu .k-datepicker:not(.rcCalPopupOpen) .k-textbox > input:focus-visible 
{ 
    border-bottom-color: #959bca !important;
}*/
/*Leave Styling*/
td.LeaveSelectorColumn div {
    height: 20px;
}

td.LeaveSelectorColumn > div > div {
    height: 0px;
    position: relative;
    top: -20px;
    padding-top: 6px;
}

td.LeaveSelectorColumn span.subLabel {
    font-size: 12px;
    font-weight: bold;
    padding-right: 5px;
    position: relative;
    top: 5px;
}

td.LeaveSelectorColumn .k-combobox .k-input-inner {
    width: 300px;
}

#LeaveSaveDiv input {
    margin-top: 20px;
    width: 300px;
    margin-bottom: 0px;
}

div#LeaveLabelDiv div {
    display: inline !important;
}

/*#DutyAssignmentContainer {
    position: relative;
    top: -10px;
    height: calc(100vh - 138px);
}*/
/*Region Unit Assignment*/
.flexContainer.UnitAssignmentsContainer {
    flex-direction: row;
    flex-wrap: wrap;
    height: calc(100% - 155px);
}

    .flexContainer.UnitAssignmentsContainer .MainTableContainer {
        display: flex;
        height: 100%;
        overflow-y: hidden;
    }

.UnitAssigmentColumn {
    vertical-align: top;
}
/*svg fills - unit assignment*/
.filledpin,
.leftCarot {
    display: none;
}

.filledpin {
    padding: 5px 0 0 0;
    transform: rotate(90deg);
}

    .filledpin:hover,
    .rightCarot:hover,
    .leftCarot:hover {
        cursor: pointer;
    }

.leftCarot,
.rightCarot {
    width: 20px;
}

#APMain {
    display: flex;
    z-index: 1000;
    position: relative;
}

#APContainer {
    display: flex;
    flex-direction: column;
    margin: 30px 0 0 0;
}

#UAimgContainer {
    width: 20px;
}

.UnitAssigmentColumnLeft {
    overflow-y: auto;
    overflow-x: hidden; /*hide scrollbar*/
    flex: 0 0 auto; /*might need to change*/
}

.UnitAssigmentColumnRight {
    flex: 1 0 calc(40% - 65px);
    overflow-y: auto;
}

    .UnitAssigmentColumnRight .k-table {
        width: auto !important;
    }

.UnitAssigmentTable .k-grid .InlineEditorCol {
    width: 25px;
}

.UnitAssigmentColumnLeft .k-grid {
    padding: 0px 20px;
}

.UnitAssigmentColumnRight .k-grid {
    margin: 0px 0px 16px 30px;
    padding: 0px;
    display: inline-block;
}

    .UnitAssigmentColumnRight .k-grid tbody {
        display: block;
        columns: 3;
    }

    .UnitAssigmentColumnRight .k-grid .k-table-row,
    .UnitAssigmentColumnRight .k-grid .k-table-alt-row {
        white-space: nowrap;
    }

.UnitAssigmentColumnRight .k-table-row[style*="display: table-row"],
.UnitAssigmentColumnRight .k-table-alt-row[style*="display: table-row"] {
    display: block !important;
}

.UnitAssigmentColumnRight .k-grid .k-table-row,
.UnitAssigmentColumnRight .k-grid .k-table-alt-row,
.UnitAssigmentColumnRight .k-grid td {
    break-after: avoid-column;
    break-before: avoid-column;
    break-inside: avoid-column;
}

.UnitAssigmentColumnRight tr.k-grouping-header {
    break-before: avoid-column;
    break-after: avoid-column;
    break-inside: avoid-column;
}

    .UnitAssigmentColumnRight tr.k-grouping-header.breakColumn {
        break-before: column;
        break-after: avoid-column;
    }

.UnitAssigmentColumnRight tr.k-grouping-header,
.UnitAssigmentColumnRight tr {
    width: 250px;
    display: block;
}

.UnitAssigmentColumnRight tr {
    border-top: 1px solid #94989f
}

    .UnitAssigmentColumnRight tr.k-grid-norecords {
        display: none;
    }

    .UnitAssigmentColumnRight tr.k-grouping-header {
        border-top: 2px solid #94989f;
    }

.UnitAssigmentColumnRight .k-grid tbody tr:last-child > td,
.UnitAssigmentColumnRight .k-grid tr > td {
    padding-top: 7px;
}
/*EndRegion Unit Assignment*/
/*Donut Styling*/
/*.StationOpPanel .LeaveAdminContainer {
    min-height: 340px;
}



    .LeaveAdminContainer #DutyAssignmentContainer {
        top: 0px;
        height: calc(100% - 40px);
    }*/
/*.LeaveAdminContainer div.k-grouping-header.GroupingPanel .rgGroupItem {
    font-size: 13px;
}
.LeaveAdminContainer div.k-grouping-header.GroupingPanel {
    font-size: 10px;
    line-height: 28px;
    padding: 2px 1px 1px;
}*/
/*
#LeaveDropdownDiv {
    padding-top: 10px;
}

        #LeaveDropdownDiv .k-combobox .k-input-inner {
            width: 100%;
        }

            #LeaveDropdownDiv .k-combobox .k-input-inner.k-disabled:hover,
            #LeaveDropdownDiv .k-combobox .k-input-inner.k-disabled {
                pointer-events: none;
            }

*/

.StationOpPanel .LeaveAdminLeft {
    min-width: 475px;
}

.LeaveAdminRight {
    flex-grow: 1;
}

.LeaveAdminLeftBottom {
    position: relative;
    top: 0px;
}

.LeaveSelectorColumn > div {
    display: block;
    float: right;
    padding-right: 25px;
    padding-top: 15px;
}

#NoLeaveDiv {
    text-align: center;
    font-size: 12px;
    padding-top: 15px;
}
/*ModalBackground*/
div.GridModal,
div.TelerikModalOverlay,
div.GridModal_Web20,
div.ModalPopupBG,
div#filterModal,
div#sizeFilterModal,
div#exportModal {
    background-image: linear-gradient(#7c83bf, #484c6d) !important;
    opacity: 0.7 !important;
}

div.GridModal,
div.GridModal_Silver,
div.GridModal_Blue,
div.GridModal_Red,
div.GridModal_Gray,
div.GridModal_Lavender,
div.GridModal_Web20,
div#exportModal,
div#exportMsgContainer,
div#deleteMsgContainer {
    display: none;
}

div#exportModal,
div#filterModal,
div#sizeFilterModal {
    top: 0px;
    right: 0px;
    position: fixed;
}

    div#exportModal.Show,
    div#filterModal.Show,
    div#sizeFilterModal.Show {
        height: 100%;
        width: 100%;
        z-index: 1000;
    }

    div#exportModal.Show {
        display: block;
        z-index: 1001;
    }

div#deleteMsgContainer.Show,
div#exportMsgContainer.Show {
    display: block;
    z-index: 1002;
    position: absolute;
    top: 100px;
    margin: auto;
    text-align: center;
    width: 100%;
    color: white;
    font-size: 24px;
}

div.RadAjax .raColor {
    color: #333;
}

[id$="_AnalysisToggle"] .raColor.raTransp {
    background: transparent !important;
}
/*Logout Popup*/
div#TimeoutModalPopup {
    width: 600px;
}

#mainSOTable2 {
    margin: 0 auto;
}
/* RadListBox */
.RadListBox {
    color: gray;
    font-size: 13px;
}

    .RadListBox.disabled-listbox {
        color: gray;
        font-size: 13px;
        background-color: rgba(255,255,255,.7);
    }

    .RadListBox .rlbGroup {
        max-width: 100% !important;
        overflow-x: hidden !important;
        border: #8f91c6 solid;
        border-width: 2px 0 !important;
    }

div.RadListBox .rlbDisabled {
    opacity: 0.7;
}
/* Roster/Attendance Modal */
input.cmdCloseOut {
    margin: 5px;
    width: 150px;
}

.MembersMainContent {
    padding: 20px 25px 0px;
}
    .ButtonColumn button {
        width: 100px;
        border: 2px solid var(--Button_Toggle_Selected_TitleBar_Border_Color);
        background: var(--Body_Field_Button_Color);
        color: var(--Body_Text_Color);
        border-radius: 45px;
        padding: 1px;
    }
    .ButtonColumn button:hover {
        border: 2px solid var(--Button_Toggle_Selected_TitleBar_Border_Color);
        background: var(--Body_Field_Button_Hover_Color);
        color: var(--Body_Text_Color);
    }
.AttendanceMainContent {
    padding: 0 25px;
}

.AssignmentMainContent {
    padding: 20px 25px 0px;
}

#MeetingLabel {
    font-size: 18px;
}

.FormLabelRight #chkBox {
    margin-left: 50px;
}

.FormLabel {
    font-size: 16px;
    padding-bottom: 5px;
}

    .FormLabel label {
        font-size: 12px;
    }

    .FormLabel input[type="checkbox"] {
        margin-left: 35px;
        position: relative;
        top: 2px;
    }

    .FormLabel.ckCertify input[type="checkbox"] {
        margin-left: 0px;
    }

.leave-signedin-container {
    display: block;
}

.ClickableText {
    text-align: right;
}

    .ClickableText > input[type="submit"] {
        font-size: 11px;
        font-weight: normal;
        text-decoration: underline;
        display: inline;
        width: auto;
        margin: 0px 5px;
    }
/*Header Template*/
div.RadPanelBar li.rpItem div.rpHeaderTemplate,
div.RadPanelBar.CrewsPanelBar li.rpItem span.rpLink.rpRootLink {
    padding: 0px 15px;
    height: 38px;
    line-height: 38px;
    margin-bottom: 0px;
}

div.rpHeaderTemplate > div {
    display: inline-block;
}

div.PanelHeaderSubLabel,
div.PanelHeaderButton {
    float: right;
}

div.PanelHeaderButton {
    top: 17%;
    position: relative;
}

    div.PanelHeaderButton input[type="button"] {
        margin: 0px;
    }

div.PanelHeaderSubLabel {
    font-size: 12px;
    padding-left: 10px;
}

div.PanelHeaderLabel,
span.PanelHeaderLabel .rpText {
    font-weight: bold;
    font-size: 15px;
}

/*.PanelHeaderLabel:before {*/
    /*content: "+";*/
    /*font-size: 32px;
    font-weight: normal;
    padding-right: 20px;
    float: left;
    width: 18px;
}*/

.LastPanelExpanded .PanelHeaderLabel:before,
.rpExpanded .PanelHeaderLabel:before,
.rpExpanded.PanelHeaderLabel:before {
    content: "\2013";
}
/*Modal Styling*/
div.PopupHeader {
    height: 30px;
}

    div.PopupHeader > span {
        height: 30px;
        display: inline-block;
        line-height: 30px;
        color: white;
        padding-left: 20px;
        min-width: 450px;
    }

.PopupHeader button {
    padding-right: 10px;
}

.k-card-group {
    padding: 0px;
}

.k-card .k-card-header {
    display: none;
}

.InputWidth100 input {
    width: 100px !important;
}

.InputWidth145 input {
    width: 145px !important;
}

.Controls input {
    display: inline-block;
    margin: 15px 10px 25px;
}
/*TelerikEditor (.k-editor)*/
.k-editor {
    color: transparent;
    text-align: center;
    margin: auto;
    width: 100% !important;
    border: #8f91c6 solid;
    border-width: 2px 0px;
}

div.rfdSelectBox,
div.reDropDownBody {
    box-shadow: 0px 3px 5px grey;
}

ul.reToolBar {
    padding: 6px;
    text-align: center;
    border-radius: 0px;
    width: 100%;
}

    ul.reToolBar > li {
        text-align: left;
        padding: 0px 1px
    }

a.reFormatBlock {
    width: 78px;
}

div.reContent {
    border-width: 2px 0px;
}

    div.reContent > iframe {
        padding-left: 5px !important;
        width: calc(100% - 5px) !important;
    }

textarea.reTextArea {
    padding: 5px;
}

.reRow > div {
    display: inline-block;
}

div.reModes {
    float: none;
    padding: 5px;
    display: inline-block;
}

div.reResize {
    float: right;
}
/*Report Viewer */
div#reportViewer1 {
    width: auto !important;
    height: calc(100% - 52px) !important;
}

div.k-tooltip-validation {
    z-index: 99;
}

div#reportViewer1 .k-button-solid-primary:focus {
    box-shadow: none
}

div#reportViewer1 .k-widget.k-tooltip-validation {
    border-color: transparent;
    padding-left: 0px;
}

    div#reportViewer1 .k-widget.k-tooltip-validation .k-warning {
        display: none;
    }

div#reportViewer1 .k-widget {
    border-width: 0px;
    border-bottom-width: 2px;
}

div#reportViewer1 .k-textbox {
    box-shadow: none;
    border-width: 2px;
}

div#reportViewer1 .k-widget,
div#reportViewer1 .k-textbox,
div#reportViewer1 .k-input {
    border-color: #8587c1;
}

.PageInfo,
.PageSubInfo {
    border-bottom: 2px solid #8587c1;
}

span.rpLink.rpRootLink {
    border-top: 2px solid #8587c1;
}

div#reportViewer1 .k-widget .k-disabled,
div#reportViewer1 .k-widget .k-state-disabled {
    opacity: .5;
}

div#reportViewer1 .k-button-solid-primary {
    border-radius: 20px !important;
    width: 100px;
}

div#reportViewer1 .k-icon.k-i-calendar {
    height: 100%;
    position: absolute;
    width: 100%;
    left: 0px;
}

div#reportViewer1 .trv-parameter-title {
    padding-bottom: 8px;
}

div#reportViewer1 input.trv-parameter-editor-datetime.k-input {
    font-size: 13px;
}

#LoginInputContainer input:focus-visible {
    outline: 1px solid white;
}

div#reportViewer1 .trv-parameters-area-content:focus-visible,
div#reportViewer1 .k-widget:focus-visible,
div#reportViewer1 .trv-error-message:focus-visible {
    outline: none;
}

div#reportViewer1 span.k-picker-wrap.k-state-default {
    border-radius: 4px;
    box-shadow: none;
}

div#reportViewer1 .trv-content-wrapper li {
    box-shadow: none !important;
}

div#reportViewer1 div.trv-content .k-splitbar,
div#reportViewer1 .k-splitbar.k-state-default.k-splitbar-horizontal.k-splitbar-draggable-horizontal {
    box-shadow: none;
}

div#reportViewer1 .trv-parameters-area .trv-parameter-container {
    text-align: center;
    padding-top: 10px;
}

    div#reportViewer1 .trv-parameters-area .trv-parameter-container .trv-parameter-error {
        display: none;
    }

div#reportViewer1 input.k-textbox {
    font-size: 12px;
}

div#reportViewer1 .k-menu:not(.k-context-menu) > .k-item:focus {
    box-shadow: none;
}

div#reportViewer1 a.k-link.k-menu-link {
    padding: 7px 12px !important;
}

div#reportViewer1 .trv-report-pager.k-item.k-menu-item.k-state-default {
    margin: auto;
}

div#reportViewer1 .k-link.k-menu-link {
    font-size: 13px !important;
}

div#reportViewer1 li.k-item.k-menu-item.k-state-default.k-state-hover {
    background-image: none;
}

div#reportViewer1 li.k-item.k-menu-item.k-state-default.k-state-focused {
    box-shadow: none;
}

div#reportViewer1 .k-menu .k-state-hover > .k-link {
    background-image: none;
}

div#reportViewer1 li.k-item.k-menu-item.k-state-default.k-state-selected > .k-link {
    background: #b3b5dc;
}

div#reportViewer1 li.k-item.k-menu-item.k-state-default.k-state-disabled {
    opacity: .6 !important;
}

div#reportViewer1 ul.trv-menu-large.k-widget.k-reset.k-header.k-menu.k-menu-horizontal {
    text-align: center;
    display: flex;
    justify-content: center;
}

    div#reportViewer1 ul.trv-menu-large.k-widget.k-reset.k-header.k-menu.k-menu-horizontal > li {
        display: list-item;
    }

div#reportViewer1 .trv-parameters-area-footer {
    top: 155px;
    left: 95px;
}

div#reportViewer1 .trv-parameters-area.preview .trv-parameters-area-content {
    overflow: hidden;
}

div#reportViewer1 .k-button {
    height: 26px;
    line-height: 16px;
    font-size: 14px;
    margin: 0 5px;
    position: relative;
}

div.k-calendar .k-calendar-decadeview,
div.k-calendar .k-calendar-monthview,
div.k-calendar .k-calendar-yearview {
    padding: 0px;
    border-top: 2px solid white;
}

.k-calendar .k-focus.k-selected > a.k-link {
    color: white;
}

div.k-calendar-container.k-popup.k-group.k-reset {
    border: white;
    box-shadow: none;
}

div.k-calendar-container .k-header {
    color: white;
    padding: 2px 5px;
    font-size: 12px;
    background-image: none;
}

div.k-calendar .k-link.k-nav-fast,
div.k-calendar .k-header .k-link {
    color: white;
    font-size: 13px;
    margin: 0px;
}

div.k-calendar .k-link.k-nav-fast {
    margin: 2px;
}

div#reportViewer1 .k-menu .k-item:hover,
div#reportViewer1 .k-menu-group .k-item > .k-link:hover {
    background: #b3b5dc;
}

div.k-calendar td.k-selected .k-link,
div.k-calendar td.k-state-selected .k-link {
    color: #fff;
}

div.k-calendar .k-content th {
    text-align: center;
    color: white;
    font-size: 14px;
}

div.k-calendar td {
    border-radius: 0px;
    font-size: 14px;
}

    div.k-calendar td.k-today {
        box-shadow: none !important;
    }

    div.k-calendar .k-content td.k-state-selected,
    div.k-calendar td.k-state-focused.k-state-selected {
        background-image: none;
        color: white !important;
        box-shadow: none;
    }

    div.k-calendar td.k-state-hover {
        background-image: none;
        box-shadow: none !important;
    }

div.k-calendar .k-content td.k-selected .k-link,
div.k-calendar .k-content td.k-selected.k-today .k-link {
    color: white !important;
}

div.k-calendar .k-content td .k-link {
    text-align: center;
    padding: 6px 0px;
}

div.k-calendar td.k-focus .k-link, div.k-calendar td.k-state-focused .k-link {
    box-shadow: none;
}

div.k-calendar .k-content td.k-other-month a.k-link {
    color: #8f90ba;
}

div.k-calendar .k-footer .k-link {
    font-size: 13px;
}
/*Error Page*/
#ErrorContainer {
    padding-top: 50px;
}

#ErrorTable {
    margin: auto;
    max-width: 90%;
}

#ApplicationErrorContainerLeft {
    text-align: right;
    vertical-align: top;
    padding-top: 10px;
    min-width: 250px;
}

#ApplicationErrorContainerRight {
    padding-top: 10px;
}

#ApplicationErrorContainerLeft > div {
    margin: 0px 30px;
}

#ApplicationErrorContainerRight > div {
    margin: 0px 30px;
    /*    max-width: 80%;*/
}

#ErrorPageTitle {
    font-weight: bold;
    font-size: 24px;
    padding-bottom: 5px;
    padding-top: 5px;
}

#ErrorPageDetails {
    font-size: 11px;
}

.ErrorPageLabelContainer {
    font-size: 11px;
    font-weight: bold;
}

#copyrightContainer {
    font-size: 10px;
}

p.ErrorDescription {
    margin-top: 5px;
    margin-bottom: 25px;
}

#ErrorPageButtonContainer {
    text-align: center;
}

    #ErrorPageButtonContainer input[type="submit"] {
        display: inline-block;
        margin: 5px;
    }

img#AccessDeniedIMG {
    height: 135px;
}
/*Focus Color*/
button.k-button:focus:hover,
button.k-primary:focus {
    box-shadow: none;
}

.PasswordTxtBox:focus-visible,
td span.k-textbox .k-input:focus-visible,
.InlineEditForm td span.k-textbox .k-input:focus-visible,
.InlineEditForm td .k-textbox .k-input:focus-visible,
.rpgFilterWindowContainer input:focus-visible,
.rpgFilterWindowContainer .riContSpinButtons input:focus-visible,
.PersonalEditForm td span.k-textbox .k-input:focus-visible,
.PersonalEditForm td .k-textbox .k-input:focus-visible,
.k-grid .k-table-row > td > input:focus-visible,
.k-grid .k-table-row > td > .k-textbox .k-input:focus-visible,
.k-datepicker .k-textbox > input:focus-visible,
.k-datepicker.rcCalPopupOpen .k-input,
.InlineEditForm .k-datepicker.rcCalPopupOpen .k-textbox > input,
.PersonalEditForm .k-datepicker.rcCalPopupOpen .k-textbox > input,
.k-datepicker.rcCalPopupOpen .k-today,
.k-datepicker.rcMYPopupOpen .k-input,
.k-datepicker.rcMYPopupOpen .k-today,
.k-datepicker.rcTimePopupOpen .k-input,
.k-datepicker.rcTimePopupOpen .k-today {
    outline: none;
}

.InlineEditForm select:focus-visible,
.InlineEditForm textarea:focus-visible,
div.k-popup select:focus-visible,
div.k-popup textarea:focus-visible,
tr.PersonalEditForm textarea:focus-visible {
    outline: none;
}

.ZeroHourLogOff {
    top: 1px;
    right: 17px;
    position: absolute;
    padding-right: 10px;
    height: 30px;
    line-height: 28px;
    padding-left: 10px;
    border-left: 0px solid white;
}

    .ZeroHourLogOff a {
        color: white;
    }
/*Scrollbar*/
td.rpgHorizontalScroll > div::-webkit-scrollbar,
.rpgVerticalScrollDiv::-webkit-scrollbar,
#SideNavContents::-webkit-scrollbar,
.k-popup > div::-webkit-scrollbar,
.rpSlide::-webkit-scrollbar,
.scrollContainer::-webkit-scrollbar,
.scrollContainerActivePersonnel::-webkit-scrollbar,
.MessageArea::-webkit-scrollbar,
select::-webkit-scrollbar,
.k-list-scroller::-webkit-scrollbar,
.rddlList::-webkit-scrollbar,
textarea::-webkit-scrollbar,
.rlbGroup::-webkit-scrollbar,
.MainTableContainer::-webkit-scrollbar,
.TabTable::-webkit-scrollbar,
.k-tabstrip-content::-webkit-scrollbar,
.k-grid-content::-webkit-scrollbar,
.trv-page-container::-webkit-scrollbar,
.CheckBoxesContainer::-webkit-scrollbar,
.RolesGridContainer::-webkit-scrollbar {
    width: 16px;
}

td.rpgHorizontalScrol > div::-webkit-scrollbar-track,
.rpgVerticalScrollDiv::-webkit-scrollbar-track,
#SideNavContents::-webkit-scrollbar-track,
.k-popup > div::-webkit-scrollbar-track,
.rpSlide::-webkit-scrollbar-track,
.scrollContainer::-webkit-scrollbar-track,
.scrollContainerActivePersonnel::-webkit-scrollbar-track,
.MessageArea::-webkit-scrollbar-track,
select::-webkit-scrollbar-track,
.k-list-scroller::-webkit-scrollbar-track,
.rddlList::-webkit-scrollbar-track,
textarea::-webkit-scrollbar-track,
.rlbGroup::-webkit-scrollbar-track,
.MainTableContainer::-webkit-scrollbar-track,
.TabTable::-webkit-scrollbar-track,
.k-tabstrip-content::-webkit-scrollbar-track,
.k-grid-content::-webkit-scrollbar-track,
.trv-page-container::-webkit-scrollbar-track,
.CheckBoxesContainer::-webkit-scrollbar-track,
.RolesGridContainer::-webkit-scrollbar-track {
    border-radius: 30px;
    border: 4px solid transparent;
}

td.rpgHorizontalScroll > div::-webkit-scrollbar-thumb,
.rpgVerticalScrollDiv::-webkit-scrollbar-thumb,
#SideNavContents::-webkit-scrollbar-thumb,
.k-popup > div::-webkit-scrollbar-thumb,
.rpSlide::-webkit-scrollbar-thumb,
.scrollContainer::-webkit-scrollbar-thumb,
.scrollContainerActivePersonnel::-webkit-scrollbar-thumb,
.MessageArea::-webkit-scrollbar-thumb,
select::-webkit-scrollbar-thumb,
.k-list-scroller::-webkit-scrollbar-thumb,
.rddlList::-webkit-scrollbar-thumb,
textarea::-webkit-scrollbar-thumb,
.rlbGroup::-webkit-scrollbar-thumb,
.MainTableContainer::-webkit-scrollbar-thumb,
.TabTable::-webkit-scrollbar-thumb,
.k-tabstrip-content::-webkit-scrollbar-thumb,
.k-grid-content::-webkit-scrollbar-thumb,
.trv-page-container::-webkit-scrollbar-thumb,
.CheckBoxesContainer::-webkit-scrollbar-thumb,
.RolesGridContainer::-webkit-scrollbar-thumb {
    border-radius: 30px;
    border: 4px solid transparent;
}
/*#region LogOff*/
#ltLogoffMsgContainer,
#ltDefaultMsgContainer {
    display: flex;
    justify-content: center;
    font-size: 18px;
    color: #ffffff;
    text-align: center;
    margin: 25px;
}

#tblLogOff {
    display: flex;
    justify-content: center;
    height: 100%;
}

.LogOffContentMainClass {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
}

#LogOffTop {
    display: flex;
    justify-content: center;
    height: 80px;
    width: 350px;
}

#DefaultTop {
    display: flex;
    justify-content: center;
    height: 80px;
}

    #LogOffTop > div,
    #DefaultTop > div {
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        align-content: center;
        flex-direction: row;
        font-size: 24px;
    }

    #LogOffTop .Rockwell,
    #DefaultTop .Rockwell {
        font-size: 30px;
    }

#LogOffContentContainer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 350px;
    margin: 3px 0 0 0;
    z-index: 1;
}

#DefaultContentContainer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 100%;
    color: #000000;
    min-height: 650px;
}

#excitingLabel {
    margin: 20px 0 0 20px;
    font-size: 28px;
}

#excitingContent {
    display: flex;
    width: 500px;
    margin: 50px 20px 0 50px;
    padding: 2px;
}

#lblDefaultPortalName {
    font-size: 18px;
    padding: 2px;
}

.DefCopyright {
    color: #000000 !important;
    margin: 0 !important;
}

#tblDefault,
.DefaultContentMainClass {
    height: 100%;
    display: flex;
    flex-direction: column;
    min-width: 1450px;
}

#legalContainer {
    display: flex;
    justify-content: right;
    margin: 5px 0 0 0;
}

.legal {
    font-size: 15px;
    padding: 0 10px 20px 0;
    text-decoration: none;
}

#demoContainer {
    border: 1px solid black;
    border-radius: 20px;
    width: 150px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 40px 0 20px 20px;
}

    #demoContainer a {
        text-decoration: none;
    }

        #demoContainer a:hover {
            text-decoration: underline;
        }

#legalContainer a:hover {
    text-decoration: underline;
}

html, body {
    height: 100%;
    margin: 0;
}

#ltDefaultMsgContainer {
    display: flex;
    flex-direction: column;
    width: 200px;
    height: 50px;
    justify-content: center;
    margin: 25px 25px 15px 25px !important;
    border: 1px solid black;
    border-radius: 25px;
    color: #000000;
}

#contentCarouselMain {
    display: flex;
    justify-content: center;
    flex-direction: row;
    margin: 100px 0 0 0;
}

.footerBorder {
    height: 15px;
}

#ltDefaultMsgContainer a {
    text-decoration: none;
    margin: 20px;
}

    #ltDefaultMsgContainer a:hover {
        text-decoration: underline;
    }
/*carousel*/
/* examples image carousel */
.carousel img:not(.img-controls) {
    width: 750px;
}

.carousel-img-item {
    opacity: 0;
    transition: opacity 2s;
}

.mobile-img-item .carousel-img {
    max-width: 300px;
    max-height: 600px;
    top: -30px;
    position: absolute;
    left: 250px;
}

.carousel-img-irregular-size {
    height: 260px;
    object-fit: contain;
    border-right: none;
}

.visible {
    opacity: 1 !important;
    transition: opacity 2s;
}

.paired-section,
#contentCarouselMain {
    display: flex;
}

.carousel {
    width: 750px;
    height: 500px;
    height: fit-content;
    position: relative;
    left: 0;
    margin: 0;
}

.img-controls {
    position: absolute;
    height: 20px;
    top: 150px;
    z-index: 1;
    cursor: pointer;
    /* makes color white */
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(345deg) brightness(100%) contrast(104%);
    transition: color 0.4s;
    opacity: 0;
    transition: opacity .2s;
}

    .img-controls:hover {
        /*makes color light gray*/
        filter: invert(100%) sepia(0%) saturate(7394%) hue-rotate(118deg) brightness(128%) contrast(65%);
        transition: background 0.4s, color 0.4s;
    }

.ScheduleBtn {
    filter: invert(90%) sepia(0%) saturate(0%) hue-rotate(345deg) brightness(100%) contrast(104%);
    height: 18px;
    margin-left: 5px;
}

    .ScheduleBtn:hover {
        filter: invert(75%) sepia(0%) saturate(0%) hue-rotate(345deg) brightness(100%) contrast(104%);
    }

    .ScheduleBtn:disabled {
        display: none;
    }

.carousel:hover .img-controls {
    opacity: 1;
    transition: opacity .2s;
}

.carousel .carousel-back {
    left: 15px;
}

.carousel .carousel-forward {
    right: 10px;
}

.carousel-img-list {
    width: 200px;
    list-style: none;
    position: relative;
}

.carousel-img-item {
    width: 200px;
    position: absolute;
    top: 0;
    left: 0;
}

#img-dots {
    position: relative;
    top: 224px;
    left: 124px;
    width: 150px;
    height: 20px;
    display: flex;
    justify-content: flex-end;
    opacity: 0;
    transition: opacity .4s;
}

.img-dot {
    height: 13px;
    width: 13px;
    background-color: rgba(265,265,265,.7);
    border-radius: 50px;
    cursor: pointer;
    margin: 2px;
}

.carousel:hover #img-dots {
    opacity: 1;
    transition: opacity .4s;
}

.non-carousel-img {
    width: 450px;
    border: gray solid 1px;
}
/*#endregion LogOff, Default page*/
/*#region Info*/
/*#endregion Info*/
/*#region Eye*/
.eye {
    position: absolute;
    top: 3px;
    right: 3px;
    cursor: pointer;
    display: flex;
    width: 1.42857143em;
    height: 1.42857143em;
    background: url("/Images/Eye.svg") center no-repeat;
}

.eyeoff {
    position: absolute;
    top: 3px;
    right: 3px;
    cursor: pointer;
    display: flex;
    width: 1.42857143em;
    height: 1.42857143em;
    background: url("/Images/EyeOff.svg") center no-repeat;
}
/*#endregion Eye*/
/*#region Disabled Controls*/
.DisableBtn > input,
.MainTableContainer .k-disabled,
.MainTableContainer input[type="submit"]:disabled,
#ModalPopup .k-disabled,
input[type="button"]:disabled,
#ModalPopup input[type="submit"]:disabled {
    pointer-events: none;
}

.DisableBtn > input {
    opacity: 0.5 !important;
}
/*#endregion Disabled Controls */
/*#region Dragged Rows*/
.UnitAssignmentsContainer .k-table {
    margin-top: 10px;
}

.GridDraggedRows tr > td,
.GridDraggedRows tr.UnitPositionRow > td:nth-child(1),
.GridDraggedRows tr.RankRow > td:nth-child(1),
.HidePager.GridDraggedRows tr.RankRow > td:nth-child(2) {
    display: none;
}

    .GridDraggedRows tr > td:nth-child(1),
    .HidePager.GridDraggedRows tr > td:nth-child(2),
    .GridDraggedRows tr.UnitPositionRow > td:nth-child(3),
    .GridDraggedRows tr.RankRow > td:nth-child(2),
    .HidePager.GridDraggedRows tr.RankRow > td:nth-child(3) {
        display: table-cell;
    }
/*#endregion Dragged Rows*/
.RadRadioButtonList span.k-button-text {
    top: 0px;
    font-weight: bold;
}

.NoVerticalAlign {
    vertical-align: inherit !important;
}

.NoVerticalAlignMonthly {
    padding: 5px 0 0 0;
}


.k-table-row .k-textbox .k-input-button {
    position: absolute;
    right: 1px;
    top: 1px;
    bottom: 3px;
    margin: 0px;
}

div.RadDropDownList.rddlOccurFreq {
    margin-left: 15px;
}

    .ScheduleContainer.ModalPanel .SaveButtonTable .k-button {
        width: 120px;
        margin: 0px 20px
    }
.standard-width-input {
    width: 180px;
}

.EndDateContainer {
    width: 200px;
    display: inline-block;
}

.UEndDateContainer,
.PAHExitDateContainer {
    width: 200px;
    display: flex;
}

.UEndDateCustVal,
.PAHExitDateCustVal {
    margin: 0 0 0 5px !important;
}

.FrequencyTable,
.checkbx,
span.checkbx {
    white-space: nowrap;
}

.k-grid-edit-form input[type="button"].cmdScheduleBtn {
    margin: 0px;
}

.inlineEditLabel {
    font-weight: bold;
    padding-left: 5px;
}
/*#region Pivot Grid*/
.AnalysisToggle {
    margin-top: 10px;
    width: 110px;
    height: 30px;
    border: none !important;
    margin-right: 10px;
}

    .AnalysisToggle .k-button-text {
        color: white;
        font-size: 13px;
        line-height: 10px;
    }

div.RadPivotGrid {
    font-size: 12px;
    border: none;
}

.rpgFilterZone {
    border-top: none;
}

table.rpgTable tr {
    position: relative;
}

.rpgContentZoneDiv table.rpgTable tr:hover > td:first-child:before {
    content: " ";
    height: 100%;
    width: 3px;
    float: left;
    position: absolute;
    left: 0px;
    top: 0px;
}

td.rpgContentZone {
    background: white;
}

div.RadPivotGrid td.rpgFilterZone,
div.RadPivotGrid .rpgDataZone,
div.RadPivotGrid .rpgColumnsZone {
    border-bottom-width: 2px;
}

div.RadPivotGrid .rpgColumnsZone {
    border-left-width: 1px;
}

.RadPivotGrid tr:first-child .rpgColumnHeader {
    white-space: nowrap;
}
/*.RadPivotGrid .rpgColumnHeader {
    min-width: 65px;
}*/
.rpgColumnHeaderZone .rpgTable {
    min-height: 50px;
}
/*td.rpgDataCell,
td.rpgColumnHeaderZone {
    min-width: 65px;
}*/

.rpgRowHeaderField.rpgRowHeader {
    white-space: nowrap;
}

.RadPivotGrid .rpgFieldItem {
    border-radius: 4px;
    border-width: 1px;
    background: white;
}

.PivotGridWindow {
    width: 620px !important;
    min-height: 220px !important;
}

.PivotGridWindow .rwContent {
    min-height: 190px !important;
}

[id$="_FilterDialog"].PivotGridWindow.rwNormalWindow {
    width: 900px !important;
}

[id$="_FilterDialog"] .rpgFilterWindowContainer {
    text-align: center;
}

.rpgFilterWindowContainer .k-combobox {
    padding: 0px 15px;
}

.rpgFilterWindowContainer .k-input-inner.k-readonly {
    margin: 0px;
}

.rpgFilterWindowContainer .k-input-inner.k-readonly {
    margin: 0px;
}

.rpgFilterWindowContainer input {
    margin: 15px 5px 0px 15px;
    height: 18px;
    position: relative;
    top: 1px;
    background: white;
}

.rpgFilterWindowContainer .riContSpinButtons {
    margin: 0 15px;
    margin-right: 8px;
}

    .rpgFilterWindowContainer .riContSpinButtons input {
        height: 28px;
        margin: 0px;
        padding: 0px 10px;
        background: white;
        border-radius: 3px 3px 0 0;
    }

.rpgFilterCheckBoxIgnoreCase input[type="checkbox"] {
    position: relative;
    top: 4px;
}

.PivotGridWindow .RadMenu {
    width: 300px;
}

    .PivotGridWindow .RadMenu .rmVertical span.rmExpand::before {
        color: white;
    }

.PivotGridWindow span.rmRootLink,
.PivotGridWindow span.rmRootLink:hover {
    height: 40px !important;
    border-top: 1px white solid;
}

.PivotGridWindow button.rpgActionButton {
    border-radius: 20px;
    width: 58px;
    height: 15px;
    line-height: 15px;
}
/*#endregion Pivot Grid*/
/*#region Skin Colors*/
.rpgDataZone,
.rpgColumnsZone,
.rpgFilterZone {
    border-color: var(--Border_Color);
}

#SideNav,
#SideNav > #SideNavContents {
    background-color: var(--LeftSidebar_Text_ScrollbarBackground_Color);
}

    div.k-grid,
    .rpgFilterCheckboxes label,
    .rpgDragItem a:first-of-type,
    .RadPivotGrid .rpgRowsZone .rpgFieldItem > a:first-of-type,
    .RadPivotGrid .rpgColumnsZone .rpgFieldItem > a:first-of-type,
    div#reportViewer1 .trv-menu-large > li.trv-menu-toggleable.k-selected > .k-menu-link > .k-icon,
    span.subLabel,
    div.EditDropdown,
    #MainContentContainer .k-tabstrip.HeaderRadStrip .k-link,
    .ToggleOff > span.k-button-text,
    .ClickableText > input[type="submit"],
    .ErrorPageLabelContainer,
    div.PivotGridWindow,
    .PageInfo,
    .checkBoxRow label,
    .checkboxHolder label,
    .k-combobox .k-input-inner,
    .PageInfoItem .k-textbox input.EmptyMessage,
    .PageInfoItem .k-textbox input.FilterTextBox,
    .PageInfoItem .k-combobox .k-input-inner,
    .ControlTitle .k-combobox .k-input-inner,
    #SideNav .k-combobox.LateReasonDropdown .k-input-inner,
    #SideNav .k-combobox.LateReasonDropdown .k-input,
    #SideNav .k-combobox.LateReasonDropdown .k-input-button,
    .k-combobox .k-input,
    .rgHCMShow,
    .rgHCMAnd,
    .RBLabel,
    .dropdownLabel,
    .ScheduleLabel,
    .textLabel > span,
    .PersonalEditForm td > span,
    #LeftEntry td > span,
    #RightEntry td > span,
    td > div > span,
    .k-textbox,
    #SideNav td > span.dropdownLabel,
    #SideNav td > span.k-textbox,
    div#reportViewer1 .k-button,
    button.FakeSaveButton,
    input[type="button"],
    .k-grid input[type="button"],
    input[type="submit"],
    button.rgHCMFilter,
    button.rgHCMClear,
    .k-combobox .k-input-button,
    .rpLink > .rpText,
    .rpLink span.p-icon,
    .k-grid .k-table-row > td > [type="text"],
    .k-grid .k-table-row > td > .k-textbox .k-input,
    th.k-header.k-sorted > a,
    .k-grid .k-table-row > td,
    .k-grid .k-table-alt-row > td,
    .k-grid .k-table-row > td,
    tr.k-grouping-header,
    #SecurityGridSubtitle,
    .ControlTitle,
    td > label,
    .k-button .k-selected, .k-button .k-selected, .k-button .k-selected,
    .RadioButtonTitle,
    span.t-font-icon.k-icon,
    .k-grid .k-pager-nav .k-pager-info,
    .k-grid .k-pager-nav .k-pager-numbers a.k-current-page,
    #MainContentContainer .k-tabstrip .k-active .k-link,
    .nestedGroup,
    .k-calendar-monthview,
    div.k-calendar .rcRow a, div.k-calendar .rcRow span,
    div.EditDropdown:hover,
    .k-datepicker .k-textbox,
    .k-today > a,
    div.k-popup textarea,
    div.k-grid-edit-form select,
    div.k-grid-edit-form textarea,
    div.k-popup select,
    tr.PersonalEditForm textarea,
    .WebSettings .Defaults,
    .k-grid .k-sorted .k-grid-header-menu:before,
    .RadHtmlChart text,
    .DonutTitle,
    .RadListBox .rlbItem.rlbSelected,
    .k-editor a,
    div.reResize,
    div#reportViewer1 .k-header,
    div#reportViewer1 .k-widget.k-tooltip-validation,
    div#reportViewer1 input.trv-parameter-editor-datetime.k-input,
    div#reportViewer1 span.k-picker-wrap.k-state-default,
    div#reportViewer1 a.k-link.k-menu-link,
    div.k-calendar .k-content td .k-link,
    div.k-calendar .k-footer .k-link,
    .webSetFileLabel,
    #ApplicationErrorContainerLeft,
    #ErrorPageDetails,
    .MessageArea .k-grid th.k-header,
    div.rpHeaderTemplate > div,
    .PersonalEditForm .k-disabled a,
    .PersonalEditForm .k-disabled .k-input,
    .k-grid th.k-header,
    th.k-header > a,
    div.k-grouping-header.GroupingPanel,
    .k-grid .k-pager-nav .k-pager-info,
    .k-grid .k-pager-nav .k-pager-numbers a,
    #MainContentContainer .k-tabstrip .k-link,
    div.k-popup select,
    .PivotGridWindow button.rpgActionButton
    {
        color: var(--LeftSidebar_Text_ScrollbarBackground_Color);
    }
/*Done for calendar control -- took  it out of*/
/*span.k-button-text {
    color: white
}*/

.rightCarot,
.leftCarot,
.filledpin {
    fill: var(--LeftSidebar_Text_ScrollbarBackground_Color);
}

.PageInfoItem .k-textbox input.EmptyMessage {
    color: rgba(50,58,69,.7);
}
/* this is throwing an error

    div.k-popup select:-internal-list-box option:checked,
div#reportViewer1 .k-menu .k-state-hover > .k-link {
    color: var(--LeftSidebar_Text_ScrollbarBackground_Color) !important;
}*/

.k-calendar-monthview #rcMView_Feb,
.k-calendar-monthview #rcMView_Apr,
.k-calendar-monthview #rcMView_Jun,
.k-calendar-monthview #rcMView_Aug,
.k-calendar-monthview #rcMView_Oct,
.k-calendar-monthview #rcMView_Dec {
    border-color: var(--LeftSidebar_Text_ScrollbarBackground_Color);
}

.k-button.k-button-flat.k-button-primary {
    color: white
}

.k-grid tbody tr:last-child > td {
    border-bottom: 2px solid var(--LeftSidebar_Text_ScrollbarBackground_Color);
}

ul.reToolBar {
    border-bottom: 1px solid var(--LeftSidebar_Text_ScrollbarBackground_Color);
}

div.reContent {
    border: solid var(--LeftSidebar_Text_ScrollbarBackground_Color);
}

#LoginContentContainer,
#LogOffContentContainer,
.footerBorder {
    background-color: var(--Login_LogOff_Footer_Color);
}

.legal,
#demoContainer a {
    color: var(--Login_LogOff_Footer_Color);
}

#RightNav div.k-grid .k-master-row:hover > td:before,
.k-grid .k-table-row:hover > td:first-child:before,
.k-grid .k-table-alt-row:hover > td:first-child:before,
.k-grid .k-table-row:hover > td:first-child:before,
.rpgContentZoneDiv table.rpgTable tr:hover > td:first-child:before,
#MobileLogOffContainer,
#LoginTop,
#LogOffTop,
#DefaultTop,
#SideNav input.SideNavBtn[type="submit"]:hover,
#SideNav input.SideNavBtn[type="button"]:hover,
.k-calendar-monthview .k-actions,
div.k-calendar .k-calendar-header,
div .k-calendar td.k-selected a,
div.k-calendar-container .k-header,
#LoginBtnContainer > input:hover,
.k-calendar-monthview td.k-selected a,
.k-popup .k-time-selector td.k-selected,
div.k-calendar .k-content td.k-state-selected,
div.k-calendar td.k-state-focused.k-state-selected,
div.k-calendar td.k-selected .k-link,
div.k-calendar .k-calendar-td.k-selected .k-link,
div.k-calendar td.k-state-selected .k-link  {
    background-color: var(--Login_LogOff_Top_Color);
}

.rgFooter,
div.k-calendar .k-calendar-header {
    background-color: var(--Calendar_Color);
}

div.RadPivotGrid .rpgSortAscIcon:before,
div.RadPivotGrid .rpgSortDescIcon:before,
div.RadPivotGrid .FilteredColumnHeader .rpgFilterIcon:before,
div.RadPivotGrid .rpgExpandIcon:before,
div.RadPivotGrid .rpgCollapseIcon:before,
.k-calendar .k-content td.k-today .k-link,
.k-grid .k-grid-header-menu:hover:before,
.k-grid .k-sorted .k-grid-header-menu:hover:before,
.k-grid .FilteredColumnHeader .k-grid-header-menu:before,
.k-grid .FilteredColumnHeader .k-sorted .k-grid-header-menu:before,
div.k-calendar .k-calendar-view .k-today {
    color: var(--Login_LogOff_Top_Color);
}

.AnalysisToggle,
.k-grid .k-grid-excel,
.k-grid .k-grid-add,
.k-grid .k-grid-refresh,
div.RadDropDownList.ExportDropdown > span.rddlInner,
div.k-popup .k-header,
div.k-popup tbody,
div.PopupHeader,
.PageSwitch button.rbDisabled.k-button .active:hover,
#MainContentContainer .k-tabstrip.HeaderRadStrip .k-item.k-active,
.PageSwitch button.k-button .active {
    background-color: var(--Button_Toggle_Selected_TitleBar_Border_Color);
}

#tblMenu > div.RadMenu > ul,
.rmItem > span,
.rmItem > a {
    background-color: var(--Top_Color);
}

.RadMenu .rmLevel1 .rmItem.rmDisabled .rmLink:hover,
.PivotGridWindow .rmLevel1 .rmItem.rmDisabled .rmLink,
div.rddlSlide,
.k-popup.k-popup,
.k-popup,
.RadMenu .rmVertical span.rmExpand:before,
div.RadMenu .rmSlide .rmLink {
    color: var(--Dropdown_Text_Color);
}

.rmRootGroup {
    background-color: var(--Top_Color) !important;
}
input[type="checkbox"] {
    accent-color: var(--Button_Toggle_Selected_TitleBar_Border_Color);
    border: 1px solid var(--Body_Text_Color);
}

.PivotGridWindow button.rpgActionButton,
.PageInfoItem .k-textbox input.EmptyMessage,
.PageInfoItem .k-textbox input.FilterTextBox,
/*.PageInfoItem .k-combobox .k-input-inner,
.ControlTitle .k-combobox .k-input-inner,*/
.ControlTitle .k-input,
.PageInfoItem .k-input,
div#reportViewer1 .k-button,
.SaveButtonTable button.k-button,
button.FakeSaveButton,
input[type="button"],
.k-grid input[type="button"],
input[type="submit"],
button.rgHCMFilter,
button.rgHCMClear,
.PageSwitch button.k-button,
#MainContentContainer .k-tabstrip.HeaderRadStrip .k-item,
div.rwDialog button[type="button"],
div#reportViewer1 span.k-picker-wrap.k-state-default {
    border: 2px solid var(--Button_Toggle_Selected_TitleBar_Border_Color);
}

div#reportViewer1 div.trv-content .k-splitbar,
div#reportViewer1 .k-splitbar.k-state-default.k-splitbar-horizontal.k-splitbar-draggable-horizontal {
    background-color: var(--Scrollbar_Color);
}

#trv-main-menu-export-command ul.k-group,
.PageSwitch button.rbDisabled.k-button-primary:hover,
div#reportViewer1 div.trv-content .k-splitbar,
div#reportViewer1 .k-splitbar.k-state-default.k-splitbar-horizontal.k-splitbar-draggable-horizontal,
div#reportViewer1 input.k-textbox,
div#reportViewer1 .k-menu .k-item,
div#reportViewer1 .k-menu.k-header {
    border-color: var(--Scrollbar_Color);
}

.rpgVerticalScroll,
.rpgHorizontalScroll,
td.rpgHorizontalScroll > div,
td.rpgVerticalScrollDiv,
td.rpgDataCell,
td.rpgRowsZone,
td.rpgRowHeaderZone,
th.rpgColumnHeader,
td.rpgColumnHeaderZone,
td.rpgRowHeaderField.rpgRowHeader,
td.rpgContentZone,
div#reportViewer1 .k-widget {
    border-color: var(--Border_Color);
}

#MainContentContainer .k-tabstrip-top > .k-tabstrip-items-wrapper .k-tabstrip-item.k-active {
    border-bottom-color: var(--Button_Toggle_Selected_TitleBar_Border_Color) !important;
}

.k-popup th,
div.k-calendar thead {
    background: var(--Calendar_Weeks_Color);
}

span.k-input-button a.k-spinner-increase:hover,
span.k-input-button a.k-spinner-decrease:hover {
    color: var(--Calendar_Days_Color);
}

.k-grid .k-grid-excel:hover,
.k-grid .k-grid-add:hover,
.k-grid .k-grid-refresh:hover,
div.RadDropDownList.ExportDropdown > span.rddlInner.rddlFocused,
.AnalysisToggle:hover,
div.RadDropDownList.ExportDropdown > span.rddlInner.rddlHovered,
div.k-calendar .k-content th,
#LoginInputContainer > input:-webkit-autofill,
#LoginInputContainer > input:-webkit-autofill:hover,
#LoginInputContainer > input:-webkit-autofill:focus,
#LoginInputContainer > input:-webkit-autofill:active,
#ValCntr > input:-webkit-autofill,
#ValCntr > input:-webkit-autofill:hover,
#ValCntr > input:-webkit-autofill:focus,
#ValCntr > input:-webkit-autofill:active,
.PageSwitch button.k-button-primary:hover {
    background-color: var(--Top_Color);
}

.PageSwitch button.k-button:hover,
.PageSwitch button.k-button-primary:hover {
    border-color: var(--Top_Color);
}

.PageInfoItem .rcCalPopupOpen .k-input,
.PageInfoItem .rcCalPopupOpen .k-input.k-invalid,
.PageInfoItem .k-datepicker .k-textbox > input:focus-visible {
    border: 2px solid var(--Top_Color) !important;
}

#NavContainer div.k-tabstrip-top .k-tabstrip-items .k-item.k-active,
#RightNav div.k-tabstrip-top .k-tabstrip-items .k-item.k-active,
#RightNav div.k-tabstrip-top .k-tabstrip-items .k-item:hover,
#tblMenu > div.RadMenu > ul.rmRootGroup > li > span:hover,
.rmRootLink:hover,
.rmExpanded > .rmRootLink {
    background-color: var(--TopNav_Hover_Color);
}

.rpLink,
.k-grid .k-pager-nav .k-pager-numbers a.k-current-page,
.RadListBox .rlbItem.rlbSelected,
div#reportViewer1 li.k-item.k-menu-item.k-state-default.k-state-hover,
div#reportViewer1 li.k-item.k-menu-item.k-state-default.k-state-focused,
div#reportViewer1 .k-menu .k-state-hover > .k-link,
.DefaultContainer,
.PageInfo,
.RolesSave,
/*#tblMain.tblMain_Login,*/
#RightNav .k-table > tbody > tr.k-table-row.k-master-row,
#RightNav .k-table > tbody > tr.k-table-alt-row.k-master-row {
    background-color: var(--Header_Footer_Border_LeftSidebarText_Color);
}

/*div.k-popup select:-internal-list-box option:checked,
.RolesForm .InlineEditForm {
    background-color: var(--Header_Footer_Border_LeftSidebarText_Color) !important;
}*/

div.k-grouping-header.GroupingPanel,
.k-pager .k-combobox .k-input-inner {
    border: 2px solid var(--Header_Footer_Border_LeftSidebarText_Color);
}

.MessageTable .k-grid tr.k-table-row > td,
.MessageTable .k-grid tr.k-table-alt-row > td,
.MessageArea .k-grid tr.k-table-row > td,
.MessageArea .k-grid tr.k-table-alt-row > td,
.MessageTable .k-grid tr.k-table-row > td.k-hierarchy-cell,
.MessageTable .k-grid tr.k-table-alt-row > td.k-hierarchy-cell,
.MessageArea .k-grid tr.k-table-row > td.k-hierarchy-cell,
.MessageArea .k-grid tr.k-table-alt-row > td.k-hierarchy-cell,
div.RadPanelBar li.rpItem div.rpHeaderTemplate,
div.RadPanelBar.CrewsPanelBar li.rpItem span.rpLink.rpRootLink {
    border-top: 1px solid var(--Header_Footer_Border_LeftSidebarText_Color);
}

#MobileLogOffContainer,
.k-grid .k-grouping-header > td,
#RightNav .UpcomingEventsContainer .k-table > tbody > tr.k-grouping-row > td,
div.RadPanelBar.CrewsPanelBar.WithTop li.rpItem.rpFirst div.rpHeaderTemplate,
div.k-popup textarea,
div.k-grid-edit-form select,
div.k-grid-edit-form textarea,
div.k-popup select,
#RightNav .k-table > tbody > tr.k-table-row > td,
#RightNav .k-table > tbody > tr.k-table-alt-row > td {
    border-top: 2px solid var(--Header_Footer_Border_LeftSidebarText_Color);
}

.SideNavTitle,
#MainContentContainer .PageTable.TabTable .k-tabstrip,
#MainContentContainer .PopupBody .k-tabstrip,
div.RadDropDownList > .rddlInner,
.DonutDiv,
.LastStationOpPanel,
.k-tabstrip-items-wrapper.k-hstack,
div.RadPanelBar li.rpItem div.rpHeaderTemplate.LastPanel,
.WebSettings .Defaults,
.k-grid .k-table-row > td > [type="text"],
.k-grid .k-table-row > td > .k-textbox .k-input,
.k-datepicker .k-textbox > input,
div.k-popup textarea,
div.k-grid-edit-form select,
div.k-grid-edit-form textarea,
div.k-popup select,
.lblDuration,
.InlineEditForm td span.k-textbox .k-input,
.InlineEditForm td .k-textbox .k-input,
.InlineEditForm .k-datepicker .k-textbox > input,
.InlineEditForm .k-datepicker .k-textbox > input.k-disabled,
div.DefaultContainer .rpRootGroup,
.MessageArea .k-grid th.k-header,
.MessageTable .k-grid tbody tr:last-child > td,
.MessageArea .k-grid tbody tr:last-child > td,
.MessageTable .k-grid tr:last-child > td.k-hierarchy-cell > button.k-i-expand,
.MessageTable .k-grid tr:last-child > td.k-hierarchy-cell > button.k-i-expand,
.MessageArea .k-grid tr:last-child > td.k-hierarchy-cell > button.k-i-expand,
.MessageArea .k-grid tr:last-child > td.k-hierarchy-cell > button.k-i-expand,
div.k-calendar,
.PasswordTxtBox,
.PersonalEditForm .k-datepicker .k-textbox > input,
div.k-calendar-container .k-calendar,
.SS_splitstyling {
    border-bottom: 2px solid var(--Header_Footer_Border_LeftSidebarText_Color);
}

#ApplicationErrorContainerRight {
    border-left: 2px solid var(--Header_Footer_Border_LeftSidebarText_Color);
}

.UserContainer,
.leftColumn,
#UAimgContainer,
.LeaveAdminLeft,
.k-popup .rcRow td:last-child {
    border-right: 2px solid var(--Header_Footer_Border_LeftSidebarText_Color);
}

#SideNav td > span,
#SideNav .currentStatusLabel {
    color: var(--Header_Footer_Border_LeftSidebarText_Color);
}

div.k-tabstrip-items-wrapper.k-hstack,
.PivotGridWindow button.rpgActionButton:hover,
.rpgDataZone,
.rpgColumnsZone,
.rpgFilterZone,
.PageSubInfo,
.MainPanel .k-grid .k-grouping-header > td,
.k-grid .k-pager-nav .k-pager-numbers a:hover,
.k-calendar-monthview a:hover,
.PersonalEditForm div.RadDropDownList > .rddlInner.rddlDisabled,
.PasswordTxtBox,
.PersonalEditForm td .k-textbox.k-disabled,
.InlineEditForm td.EditButtonContainer input[type="button"]:hover,
.InlineEditForm td.EditButtonContainer input[type="submit"]:hover,
.InlineEditForm td .EditButtonContainer input[type="button"]:hover,
.InlineEditForm td .EditButtonContainer input[type="submit"]:hover,
.k-grid input[type="button"]:hover,
input[type="button"]:hover,
button.FakeSaveButton:hover,
button.FakeSaveButton:hover,
div.EditButtonContainer input[type="button"]:hover,
.modalForm input[type="submit"]:hover,
div.GridContextMenu .k-grid-filter-menu div.rmContent,
div.GridContextMenu .rgFilterListMenu div.rmContent,
a.reToolIcon:hover,
a.reDropdown:hover,
div.reModes a:hover,
div#reportViewer1 .k-menu .k-item,
div#reportViewer1 .trv-nav.trv-toolbar,
div#reportViewer1 .k-menu.k-header,
div#reportViewer1 .k-button.k-button-solid-primary:hover,
#MainContentContainer .PageTable.TabTable div.k-tabstrip-top .k-tabstrip-items .k-tabstrip-items,
#ctl00_MainContent_GenErrPanel,
.UnitAssigmentColumnRight tr.k-grouping-header,
input[type="submit"]:hover,
.PersonalEditForm.WebSettings .k-combobox .k-input-inner,
.PersonalEditForm .k-combobox .k-input-inner.k-disabled,
.k-combobox .k-input-inner.k-disabled:hover,
.k-grid th.k-header.filteringColumn,
.MessageArea th.k-header.k-sorted,
.InlineEditTable .k-grid .k-table-row > td.k-sorted,
.ControlTitle,
div.DefaultContainer .rpItem.rpFirst,
button.ToggleOff:hover,
.k-datepicker .k-disabled > input,
tr.PersonalEditForm textarea:disabled,
.PersonalEditForm.WebSettings td span.k-textbox .k-input,
.PersonalEditForm.WebSettings td .k-textbox .k-input,
div#TimeoutModalPopup,
div.rwDialog button[type="button"]:hover {
    background-color: var(--FieldsBackground_DropDown_SectionBars_Border_Color);
}

.MessageArea .k-grid tr.k-grid-norecords > td.k-hierarchy-cell,
.MessageTable .k-grid tr > td,
.MessageArea .k-grid tr > td,
.MessageTable .k-grid tr.k-pager:hover > td {
    border-top: 1px solid var(--FieldsBackground_DropDown_SectionBars_Border_Color);
}

.MessageTable .k-grid tr:hover > td {
    border-bottom: 1px solid var(--Login_LogOff_Top_Color);
    border-top: 1px solid var(--Login_LogOff_Top_Color);
}

    .MessageTable .k-grid tr:hover > td.k-hierarchy-cell {
        border-bottom: 1px solid var(--Login_LogOff_Top_Color);
        border-top: 1px solid white;
    }

.MessageTable .k-grid tr.k-table-row:hover > td,
.MessageTable .k-grid tr.k-table-alt-row:hover > td {
    border-top: 1px solid var(--Header_Footer_Border_LeftSidebarText_Color);
    border-bottom: none;
}

.MessageTable .k-grid tbody tr:last-child > td {
    border-bottom: 2px solid var(--Header_Footer_Border_LeftSidebarText_Color) !important;
}

.MessageTable .k-grid tr.k-table-row:last-child > td.k-hierarchy-cell,
.MessageTable .k-grid tr.k-table-alt-row:last-child > td.k-hierarchy-cell {
    border-bottom: none !important;
}

.k-popup td {
    border-color: var(--FieldsBackground_DropDown_SectionBars_Border_Color);
}

.rpgContentZoneDiv table.rpgTable tr:hover,
.RadPivotGrid .rpgFieldItem:hover,
.MainTableContainer.Expandable,
div.RadMenu .rmSlide .rmLink:hover,
.k-popup .k-hover,
.k-popup .k-time-selector td.rcHover,
.PersonalEditForm div.RadDropDownList > .rddlInner.rddlFocused,
.PersonalEditForm div.RadDropDownList > .rddlInner.rddlHovered,
.InlineEditForm,
.errorRowTable,
.PersonalEditForm.WebSettings td .k-textbox,
table.ButtonTable,
table.ButtonTable tbody,
div.k-popup tbody,
div.GridContextMenu .k-grid-filter-menu .rgHCMClear:hover,
div.GridContextMenu .k-grid-filter-menu .rgHCMFilter:hover,
div.RadPanelBar li.rpItem div.rpHeaderTemplate,
div.RadPanelBar.CrewsPanelBar li.rpItem span.rpLink.rpRootLink,
div.ModalPopup,
li.k-list-item.k-selected,
body > form.modalForm,
#RightNav,
.PasswordTxtBox:hover,
.PersonalEditForm.WebSettings td span.k-textbox .k-input:hover,
.PersonalEditForm.WebSettings td .k-textbox .k-input:hover,
.PersonalEditForm.WebSettings .k-combobox .k-input-inner:hover,
.k-grid .k-grid-content .k-table-row:hover,
.k-grid .k-grid-content .k-table-alt-row:hover,
.MessageTable .k-grid .k-table-row:hover > td,
.MessageTable .k-grid .k-table-alt-row:hover > td,
#RightNav .ControlTitle,
div.k-calendar .rcRow a:hover,
div.k-calendar .rcRow span:hover,
#RightNav .UpcomingEventsContainer .k-table > tbody > tr.k-table-row,
#RightNav .UpcomingEventsContainer .k-table > tbody > tr.k-table-alt-row,
#RightNav .ActivePersonnelGridContainer .k-table > tbody > tr.k-detail-row tr.k-master-row,
#RightNav .ActivePersonnelGridContainer .k-table > tbody > tr.k-detail-row,
.GroupsContainer .PageInfo,
div.k-popup .k-list-item:hover,
#APContainer,
#RightNav .ControlTitle,
#APContainer,
#APMain,
#Info {
    background-color: var(--FieldsBorder_MenuBorder_RightSidebar_Info_Color);
}

div.k-popup {
    background-color: var(--Modal_Background_Color);
}

th.k-header.k-sorted {
    background-color: var(--Sort_Header_Color);
}

#RightNav .ActivePersonnelGridContainer .k-table > tbody > tr.k-detail-row tr.k-master-row:hover {
    background-color: var(--FieldsBackground_DropDown_SectionBars_Border_Color);
}

div.k-calendar td.k-state-hover {
    background: var(--FieldsBorder_MenuBorder_RightSidebar_Info_Color) !important;
}

div.ModalPopup {
    border: 2px solid var(--FieldsBorder_MenuBorder_RightSidebar_Info_Color);
}

div.k-popup {
    border: 3px solid var(--FieldsBorder_MenuBorder_RightSidebar_Info_Color);
}

div.k-calendar tr.k-calendar-weekdays > th,
.k-datepicker .k-textbox > input,
.EditContainer .k-datepicker .k-textbox > input {
    border-top: 2px solid var(--FieldsBorder_MenuBorder_RightSidebar_Info_Color);
}

div.RadMenu .rmSlide .rmSlide {
    border-left: 3px solid var(--FieldsBorder_MenuBorder_RightSidebar_Info_Color)
}

.PopupBody .PersonalEditForm .k-datepicker .k-textbox > input {
    border-right: 3px solid var(--FieldsBorder_MenuBorder_RightSidebar_Info_Color);
}

div.RadMenu .rmSlide .rmLink,
.k-popup .k-list-item,
div.k-popup .k-list-item,
.k-popup .k-hover {
    border-bottom: 1px solid var(--FieldsBorder_MenuBorder_RightSidebar_Info_Color);
}

.k-datepicker.rcCalPopupOpen .k-input,
.k-datepicker.rcTimePopupOpen .k-input {
    border-color: var(--FieldsBorder_MenuBorder_RightSidebar_Info_Color);
    border-top-color: white;
}

.k-datepicker.rcCalPopupOpen .rcCalPopup,
.k-datepicker.rcTimePopupOpen .rcTimePopup,
a.rcCalPopup:hover,
a.rcTimePopup:hover,
.PersonalEditForm .k-datepicker.rcCalPopupOpen .rcCalPopup,
.PersonalEditForm .k-datepicker.rcTimePopupOpen .rcTimePopup,
.PersonalEditForm a.rcCalPopup:hover,
.PersonalEditForm a.rcTimePopup:hover,
.PopupBody .PersonalEditForm .k-datepicker.rcCalPopupOpen .rcCalPopup,
.PopupBody .PersonalEditForm .k-datepicker.rcTimePopupOpen .rcTimePopup,
.PopupBody .PersonalEditForm a.rcCalPopup:hover,
.PopupBody .PersonalEditForm a.rcTimePopup:hover {
    background: rgba(241,241,241,.4);
}

div.RadDropDownList > .rddlInner.rddlFocused,
div.RadDropDownList > .rddlInner.rddlHovered,
.PopupBody .PersonalEditForm div.RadDropDownList > .rddlInner.rddlFocused,
.PopupBody .PersonalEditForm div.RadDropDownList > .rddlInner.rddlHovered,
.PersonalEditForm .k-datepicker .k-disabled div.k-today,
.InlineEditForm .k-datepicker .k-disabled div.k-today,
div.GridContextMenu span.k-input-inner.k-readonly.k-hover,
div.GridContextMenu span.k-input-inner.k-readonly.k-focus,
.RadListBox .rlbItem:hover,
.StationOpPanel,
div#reportViewer1 .k-header,
div#reportViewer1 .trv-parameter-header .k-header,
div#reportViewer1 .trv-parameters-area .trv-parameter-container,
div#reportViewer1 .trv-parameters-area.k-widget.k-pane.preview,
div.DefaultContainer .rpRootGroup,
.tblMain_MainSite div#MainContentContainer,
#tblMain.tblMain_MainSite,
.PopupBody .k-combobox .k-input-inner:hover,
.PopupBody .k-combobox .k-input-inner.k-state-expanded,
#SideNav .k-combobox.LateReasonDropdown .k-input-inner.k-state-expanded,
.MessageTable .k-grid .k-table-row > td,
.MessageTable .k-grid .k-table-alt-row > td,
.MessageArea .k-grid .k-table-row > td,
.MessageArea .k-grid .k-table-alt-row > td,
.MessageArea .k-grid .k-table-row:hover td.k-sorted,
.MessageArea .k-grid .k-table-alt-row:hover td.k-sorted {
    background-color: var(--SectionBackground_Border_Color);
}

.PersonalEditForm .k-datepicker .k-textbox > input {
    border-right: 3px solid var(--SectionBackground_Border_Color);
}

.InlineEditForm .k-disabled a,
.PersonalEditForm .k-disabled a,
.PersonalEditForm .k-disabled .k-input,
.InlineEditForm .k-disabled .k-input {
    border-color: var(--SectionBackground_Border_Color);
}

div#reportViewer1 .k-textbox,
div.k-grid-edit-form span.k-input-inner,
tr.k-table-row span.k-input-inner,
.EditContainer .RadListBox .rlbGroup {
    border-color: var(--Header_Footer_Border_LeftSidebarText_Color);
}

#SideNav .k-combobox.LateReasonDropdown .k-input-inner,
.PersonalEditForm td span.k-textbox .k-input.textboxReadOnly,
.PersonalEditForm td .k-textbox .k-input.textboxReadOnly,
.InlineEditForm td span.k-textbox .k-input.textboxReadOnly,
.InlineEditForm td .k-textbox .k-input.textboxReadOnly,
td span.k-textbox .k-input.textboxReadOnly,
td .k-textbox .k-input.textboxReadOnly,
td div.EditContainer div.flexChild span.k-textbox .k-input,
.PersonalEditForm .k-disabled a,
.PersonalEditForm .k-disabled .k-input {
    border-bottom-color: var(--Header_Footer_Border_LeftSidebarText_Color);
}

.k-datepicker div.k-today,
.RBContainer,
.PersonalEditForm .k-datepicker div.k-today {
    border-bottom: 1px solid var(--Header_Footer_Border_LeftSidebarText_Color);
}

div.RadAjax .raColor {
    border-color: var(--Sidebars_Border_Color);
}

.RadListBox .rlbGroup,
.k-editor {
    border: var(--Border_Color) solid;
}

.ControlTitle,
.PageInfo,
.PageSubInfo,
.RolesForm .InlineEditForm {
    border-bottom: 2px solid var(--Border_Color);
}

.PersonalEditForm .k-datepicker .k-textbox > input.k-disabled,
.PersonalEditForm .k-combobox .k-input-inner,
.PersonalEditForm div.RadDropDownList > .rddlInner,
.InlineEditTable .k-grid .k-table-row > td > .k-textbox .k-input,
.InlineEditTable .k-grid .k-table-row > td > [type="text"],
.InlineEditTable .k-grid .k-table-row .k-combobox .k-input-inner,
.InlineEditTable .k-datepicker .k-textbox > input,
.rpgFilterWindowContainer .riContSpinButtons input,
.rpgFilterWindowContainer input,
.PersonalEditForm td span.k-textbox .k-input,
tr.PersonalEditForm textarea,
.PersonalEditForm.WebSettings td .k-textbox .k-input,
.PersonalEditForm td .k-textbox .k-input {
    border-bottom: 2px solid var(--BorderBottom_Input_riTextBox);
}
tr.PersonalEditForm textarea {
    border-top: 2px solid var(--BorderBottom_Input_riTextBox);
}

.scrollPanel,
.RolesSave {
    border-top: 2px solid var(--Scrollbar_Color);
}

.k-popup.CheckBoxDDown .k-list-scroller,
span.rpLink.rpRootLink {
    border-top: 2px solid var(--Border_Color);
}

td.rpgHorizontalScroll > div > div::-webkit-scrollbar-track,
.rpgVerticalScrollDiv::-webkit-scrollbar-track,
#SideNavContents::-webkit-scrollbar-track,
.k-popup > div::-webkit-scrollbar-track,
.rpSlide::-webkit-scrollbar-track,
.scrollContainer::-webkit-scrollbar-track,
.scrollContainerActivePersonnel::-webkit-scrollbar-track,
.MessageArea::-webkit-scrollbar-track,
select::-webkit-scrollbar-track,
.k-list-scroller::-webkit-scrollbar-track,
.rddlList::-webkit-scrollbar-track,
textarea::-webkit-scrollbar-track,
.rlbGroup::-webkit-scrollbar-track,
.MainTableContainer::-webkit-scrollbar-track,
.TabTable::-webkit-scrollbar-track,
.k-tabstrip-content::-webkit-scrollbar-track,
.k-grid-content::-webkit-scrollbar-track,
.trv-page-container::-webkit-scrollbar-track,
.CheckBoxesContainer::-webkit-scrollbar-track,
.RolesGridContainer::-webkit-scrollbar-track {
    box-shadow: inset 0 0 10px 10px var(--LeftSidebar_Text_ScrollbarBackground_Color);
}

#SideNav .k-dropdownlist,
#LoginInputContainer > input,
#ValCntr > input,
#LoginInputContainer > textarea,
#ValCntr > textarea {
    background-color: var(--LeftSideNav_Field_Background_Color);
    border-bottom-color: var(--LeftSideNav_Border_Color);
    border-radius: 5px 5px 0px 0px;
    border-bottom-width: 2px;
}

#LoginBtnContainer > input,
#SideNav input.SideNavBtn[type="submit"],
#SideNav input.SideNavBtn[type="button"] {
    border: 2px solid var(--LeftSideNav_Border_Color);
}


.k-popup .rcRow td:first-child,
.EmergencyPersonnel td.rightContainer {
    border-left: 2px solid var(--Header_Footer_Border_LeftSidebarText_Color);
}

td.rpgHorizontalScroll > div::-webkit-scrollbar-thumb,
.rpgVerticalScrollDiv::-webkit-scrollbar-thumb,
#SideNavContents::-webkit-scrollbar-thumb,
.k-popup > div::-webkit-scrollbar-thumb,
.rpSlide::-webkit-scrollbar-thumb,
.scrollContainer::-webkit-scrollbar-thumb,
.scrollContainerActivePersonnel::-webkit-scrollbar-thumb,
.MessageArea::-webkit-scrollbar-thumb,
select::-webkit-scrollbar-thumb,
.k-list-scroller::-webkit-scrollbar-thumb,
.rddlList::-webkit-scrollbar-thumb,
textarea::-webkit-scrollbar-thumb,
.rlbGroup::-webkit-scrollbar-thumb,
.MainTableContainer::-webkit-scrollbar-thumb,
.TabTable::-webkit-scrollbar-thumb,
.k-tabstrip-content::-webkit-scrollbar-thumb,
.k-grid-content::-webkit-scrollbar-thumb,
.trv-page-container::-webkit-scrollbar-thumb,
.CheckBoxesContainer::-webkit-scrollbar-thumb,
.RolesGridContainer::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 10px 10px var(--Scrollbar_Color);
}

div.RadPivotGrid .rpgFilterIcon:before,
.k-grid .k-grid-header-menu:before {
    color: var(--LeftSideNav_Border_Color);
}

.scrollPanel {
    border-top: 2px solid #bdbdbd;
}

.RadListBox .rlbGroup,
.k-editor {
    border: #bdbdbd;
}

div.RadMenu span.k-textbox > .k-input,
div.RadMenu .k-textbox > .k-input {
    border: 2px solid #bdbdbd;
}

#SideNav .k-dropdownlist:hover,
#SideNav .k-dropdownlist.k-focus {
    background-color: var(--LeftSideNav_Field_Background_Hover_Color);
}

div#reportViewer1 .k-menu .k-item:hover,
div#reportViewer1 .k-menu-group .k-item > .k-link:hover,
div#reportViewer1 li.k-item.k-menu-item.k-state-default.k-state-selected > .k-link {
    background: #a3a3a3;
}

div#reportViewer1 .trv-menu-large > li.trv-menu-toggleable.k-selected > .k-menu-link > .k-icon {
    color: #337eb5;
}

img#AccessDeniedIMG {
    filter: var(--Application_Error_Filter);
}

div.k-calendar td.k-selected .k-link,
div.k-calendar td.k-state-selected .k-link {
    border-color: var(--Login_LogOff_Top_Color);
    color: #fff;
}

.k-calendar .k-content td.k-today .k-link {
    box-shadow: inset 0 0 3px 1px var(--Header_Footer_Border_LeftSidebarText_Color);
}

div.k-calendar td.k-hover .k-link,
div.k-calendar td.k-state-hover .k-link {
    background-color: #d7d7d7;
}

#SideNav .k-combobox.LateReasonDropdown .k-input-inner.k-state-expanded,
.InlineEditForm select:focus-visible,
.InlineEditForm textarea:focus-visible,
div.k-popup select:focus-visible,
div.k-popup textarea:focus-visible,
tr.PersonalEditForm textarea:focus-visible,
.k-grid-edit-form div.RadDropDownList > .rddlInner.rddlFocused,
.k-grid-edit-form .k-combobox .k-input-inner.k-focus,
.PersonalEditForm .k-combobox .k-input-inner.k-focus,
.PersonalEditForm div.RadDropDownList .rddlInner.rddlFocused,
.k-grid-edit-form .k-combobox .k-input-inner.k-state-expanded,
.k-table-row .k-combobox .k-input-inner.k-state-expanded,
.PersonalEditForm .k-combobox .k-input-inner.k-state-expanded {
    border-color: var(--Login_LogOff_Top_Color) !important;
}
.PasswordTxtBox:focus-visible,
td span.k-textbox .k-input:focus-visible,
.InlineEditForm td span.k-textbox .k-input:focus-visible,
.InlineEditForm td .k-textbox .k-input:focus-visible,
.rpgFilterWindowContainer .riContSpinButtons input:focus-visible,
.rpgFilterWindowContainer input:focus-visible,
.PersonalEditForm td span.k-textbox .k-input:focus-visible,
.PersonalEditForm td .k-textbox .k-input:focus-visible,
#MainContentContainer span.telerik-blazor.k-dropdownlist.k-picker.k-focus,
.k-grid .k-table-row > td > input:focus-visible,
.k-grid .k-table-row > td > .k-textbox .k-input:focus-visible,
.parent:not(.k-grid-filter-menu) .k-datepicker .k-textbox > input:focus-visible,
.parent:not(.k-grid-filter-menu) .k-datepicker.rcCalPopupOpen .k-input,
.InlineEditForm .k-datepicker.rcCalPopupOpen .k-textbox > input,
.PersonalEditForm .k-datepicker.rcCalPopupOpen .k-textbox > input,
.k-datepicker.rcCalPopupOpen .k-today,
.k-datepicker.rcMYPopupOpen .k-input,
.k-datepicker.rcMYPopupOpen .k-today,
.k-datepicker.rcTimePopupOpen .k-input,
.k-datepicker.rcTimePopupOpen .k-today,
div.k-grid .k-grid-edit-row span.k-textbox.k-input.telerik-blazor.k-focus {
    border-bottom-color: var(--Login_LogOff_Top_Color) !important;
}
/*#endregion Skin Colors*/
/* =====================================================================
   Security Settings & Role Settings (migrated from FMS.Web)
   ===================================================================== */
/* Zero-hour child element inside zeroHourContainer */
.zeroHourChild {
    flex: 1;
    padding: 0 10px;
}
/* RoleSettings.razor - main content container */

    .RoleMainContent .InlineEditForm {
        border-left: none;
    }
/* Role save buttons row */
.RolesSaveContainer {
    display: flex;
    align-items: center;
}
/* TimeEntryEdit.razor - component wrapper */
.TimeEntryEditContainer {
    padding: 10px 0;
}