/* Current sections - PAGE BACKGROUND, PAGE BANNER, MODULE-SPECIFIC, GENERAL, GENERIC, Data-grid */
/* PAGE BACKGROUND */
html {
    height:100%; 
}
#tblMain {
    text-align: left;
    height:100%; 
    width:100%; 
}
#tblMain > tr:first-child {
    width:1124px;
}
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);
}
body {
    height: inherit; /*html*/
    font-family: Lato-Regular, Lato-Thin, Lato-Light; /*, 'Segoe UI', Tahoma, Verdana, sans-serif*/
    background-size: cover; 
    margin: 0;
}
body > form {
    height:inherit;
    width:100%;
}
body > form.modalForm {
    overflow: hidden;
}
.tblMain_MainSite div#MainContentContainer {
    width: calc(100% - 530px);
    min-width: 950px;
}
.ModalFormContainer {
    height: 100%;
}
.MainTableContainer {
    height: calc(100% - 107px);
    width: 100%;
    overflow-y: auto;
    overflow-x: auto;
}
.MainTableContainer.AllowOverflow {
    overflow-x: auto;
}
.MainTableContainer.ModalContainer {
    height: calc(100% - 56px);
    overflow-y: auto;
    overflow-x: hidden;
}
.MainTableContainer.WithFooter {
    height: calc(100% - 138px);
}
.MainTableContainer.WithHeader {
    height: calc(100% - 143px);
}
.MainTableContainer.WithSubFilter {
    height: calc(100% - 158px);
}
.SiteTitle {
    display:none;
}
.TextWhite {
    color: #ffffff;
}
.TextBold {
    font-weight:bold;   
}
.TextNormal {
    font-weight:normal;
}
.Opacity {
    opacity:.9;
}
.TextLighter {
    font-weight:lighter;
    font-family:Lato-Thin;
}
.FlexStyling {
    display:flex;
}
.Rockwell {
    font-family: Rock;
}
#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;
    text-align: center;
    padding: 20px;
    display: flex;
    height: calc(100% - 115px);
}
.TenantButtonContainer.DeployedPersonnelTenants {
    display: block;
}
.TenantButtonCenteringContainer {
    justify-content: center;
    margin: auto;
    vertical-align: middle;
    overflow: auto;
    max-height: 100%;
}
.Tenanthalf button.RadButton {
    border-color: #cbced0;
    border-radius: 50px;
    border-width: 2px;
    width: 90%;
    height: 90px;
    line-height: 90px;
    margin: 10px;
}
.Tenanthalf button.RadButton:hover {
    background: #ccdfec;
    border-color: #005ea2;
}
.Tenanthalf .RadButton .rbText {
    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 button.RadButton:hover .rbText {
    color: #005ea2;
}
.Tenanthalf .RadButton .rbIcon {
    height: 66px;
    width: 66px;
    background-size: cover;
    background-position: center;
    float: left;
    margin: auto;
    margin-top: 6px;
    margin-left: 25px;
}
/*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;   
}
#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,
div.RadComboBox .rcbInner,
.InlineEditTable div.RadPicker div.rcSelect,
.InlineEditForm div.RadPicker div.rcSelect,
.PageInfoItem div.RadPicker .RadInput,
.PageInfoItem div.RadPicker div.rcSelect,
.PageInfoItem div.RadPicker .rcCalPopup,
div.RadComboBox .rcbActionButton,
div.RadComboBoxDropDown,
/*Kendo Panelbar*/
div.RadPanelBar,
.rpLink,
span.rpLink.rpRootLink,
div.RadGrid,
div.RadGrid .rgPagerCell,
.scrollPanel div.RadGrid th.rgHeader,
.PermissionLevelsForm .scrollPanel,
.RolesForm .scrollPanel,
.PermissionsContainer div.RadGrid th.rgHeader,
div.RadGrid .rgEditRow > td > [type="text"],
div.RadGrid .rgEditRow > td > .RadInput .riTextBox,
.MessageTable div.RadGrid tr.rgRow > td.rgExpandCol > button.rgExpand,
.MessageTable div.RadGrid tr.rgAltRow > td.rgExpandCol > button.rgExpand,
.MessageArea div.RadGrid tr.rgRow > td.rgExpandCol > button.rgExpand,
.MessageArea div.RadGrid tr.rgAltRow > td.rgExpandCol > button.rgExpand,
.MessageTable div.RadGrid tr.rgRow > td.rgExpandCol > button.rgCollapse,
.MessageTable div.RadGrid tr.rgAltRow > td.rgExpandCol > button.rgCollapse,
.MessageArea div.RadGrid tr.rgRow > td.rgExpandCol > button.rgCollapse,
.MessageArea div.RadGrid tr.rgAltRow > td.rgExpandCol > button.rgCollapse,
div.RadGrid .rgCommandCell,
div.rtsTop .rtsLevel1,
div.RadTabStrip .rtsLevel1 .rtsLink,
#MainContentContainer div.RadTabStrip .rtsLevel1 .rtsLink,
div.RadAjaxPanel table.rgDetailTable,
table.RadCalendarMonthView,
div.RadCalendar .rcMain,
div.RadCalendar .rcTitlebar,
div.RadCalendarPopup .RadCalendarTimeView,
#RightNav .UpcomingEventsContainer .rgMasterTable > tbody > tr.rgRow > td,
#RightNav .UpcomingEventsContainer .rgMasterTable > tbody > tr.rgAltRow > td,
div.rddlPopup,
div.RadDropDownList > .rddlInner,
.PersonalEditForm div.RadDropDownList > .rddlInner,
div.RadPicker .RadInput > input,
.TimeEditForm div.RadPicker div.rcSelect,
.TimeEditForm div.RadPicker div.rcSelect > a,
div.RadWindow textarea,
div.RadWindow select,
div.rgEditPopup textarea,
div.rgEditForm select,
div.rgEditForm textarea,
div.rgEditPopup select,
tr.PersonalEditForm textarea,
div.rgEditPopup textarea,
div.rgEditForm select,
div.rgEditForm textarea,
div.rgEditPopup select,
tr.PersonalEditForm textarea,
table#tblMessageEditMain .RadEditor,
.PasswordTxtBox,
.PersonalEditForm td span.RadInput .riTextBox,
.PersonalEditForm td div.RadInput .riTextBox,
.InlineEditForm td span.RadInput .riTextBox,
.InlineEditForm td div.RadInput .riTextBox,
td div.EditContainer div.flexChild span.RadInput .riTextBox,
div.RadGrid .PersonalEditForm tbody tr:last-child > td,
div.RadGrid .InlineEditForm tbody tr:last-child > td,
div.RadGrid .errorRowTable tbody tr:last-child > td,
.InlineEditForm div.RadPicker .RadInput > input,
.InlineEditForm div.RadPicker .RadInput > input.riDisabled,
.PersonalEditForm div.RadPicker .RadInput > input,
.PersonalEditForm div.RadPicker .RadInput > input.riDisabled,
div.RadGrid div.rgEditPopup tbody tr:last-child > td,
div.RadWindow .rwContent,
span.riSelect a.riUp,
span.riSelect a.riDown,
.UnitAssigmentColumnRight div.RadGrid tbody tr:last-child > td,
.UnitAssigmentColumnRight div.RadGrid tr > td,
.ClickableText > input[type="submit"],
div.RadPanelBar li.rpItem div.rpHeaderTemplate,
div.RadPanelBar.CrewsPanelBar li.rpItem span.rpLink.rpRootLink,
div.RadDockZone,
div.RadDock,
.RadEditor 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,
.RadCalendarMonthView td,
div.k-calendar-container .k-calendar,
cellpadding deprecated for padding
cellspacing deprecated for border-spacing
#tblHeaderMain,
.PersonalEditForm.EmergencyPersonnel {
    /*You need border:none with inputs first before custom styling w/ borders*/
    border: none;
}

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

.rpFirst > span.rpLink.rpRootLink,
div.RadGrid .rgRow:first-child > td,
div.RadGrid .rgGroupHeader:first-of-type > td,
#RightNav div.RadGrid .rgRow:first-child > td,
div.RadPicker .RadInputDisabled > input,
.UnitAssigmentColumnRight tr.rgNoRecords,
div.RadPanelBar li.rpItem.rpFirst div.rpHeaderTemplate,
div.RadPanelBar.CrewsPanelBar.NoTop li.rpItem.rpFirst span.rpLink.rpRootLink,
div.RadGrid.GridDraggedRows tbody tr:last-child > td {
    border-top: none;
}

div.RadComboBoxDropDown.CheckBoxDDown .rcbItem:first-of-type,
.disabled-gridpanel div.RadGrid tbody tr:last-child > td,
.scrollPanel div.RadGrid tbody tr:last-child > td,
.PermissionsContainer div.RadGrid tbody tr:last-child > td,
div.RadGrid div.rgDataDiv tbody tr.rgNoRecords > td,
.MessageTable div.RadGrid tr.rgPager > td,
.MessageTable div.RadGrid tr.rgPager:hover > td,
.MessageTable div.RadGrid tr.rgRow > td,
.MessageTable div.RadGrid tr.rgAltRow > td,
.MessageTable div.RadGrid tr.rgRow > td.rgExpandCol,
.MessageTable div.RadGrid tr.rgAltRow > td.rgExpandCol,
.MessageArea div.RadGrid tr.rgRow > td.rgExpandCol,
.MessageArea div.RadGrid tr.rgAltRow > td.rgExpandCol,
.GroupsContainer .securityTableContainer .rgDataDiv,
#MainContentContainer .PageInfo div.RadTabStrip,
#RightNav div.RadGrid tbody tr:last-child > td,
div.RadPicker .RadInput,
.InlineEditTable div.RadPicker div.rcSelect,
.PopupBody .PersonalEditForm div.RadPicker div.rcSelect,
div.RadPicker.NoButtonBorder div.rcSelect,
div.RadGrid .PersonalEditForm div.RadPicker .RadInput,
div.RadGrid .PersonalEditForm div.RadPicker,
div.RadGrid .InlineEditForm div.RadPicker .RadInput,
div.RadGrid .InlineEditForm div.RadPicker,
div.RadGrid .PersonalEditForm div.RadPicker.ShortDateTime .RadInput,
div.RadGrid .PersonalEditForm div.RadPicker.ShortDateTime,
div.RadGrid .InlineEditForm div.RadPicker.ShortDateTime .RadInput,
div.RadGrid .InlineEditForm div.RadPicker.ShortDateTime,
div.RadGrid .PersonalEditForm div.RadPicker.ShortDate .RadInput,
div.RadGrid .PersonalEditForm div.RadPicker.ShortDate,
div.RadGrid .InlineEditForm div.RadPicker.ShortDate .RadInput,
div.RadGrid .InlineEditForm div.RadPicker.ShortDate,
div.GridContextMenu div.RadPicker div.rcSelect,
.BonusLeaveArea.DonutDiv,
div.RadPanelBar li.rpItem div.rpHeaderTemplate.LastPanel.LastPanelExpanded,
ul.reToolBar:last-child,
div#reportViewer1 .k-widget.k-datepicker,
div.RadGrid.GridDraggedRows tbody tr:last-child > td,
.MessageTable div.RadGrid tr.rgRow:hover > td,
.MessageTable div.RadGrid tr.rgAltRow: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;
}
#LoginBtnContainer > #microsoftLink.IDButtons,
#LoginBtnContainer > #googleLink.IDButtons {
    width: 250px !important;
}
#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,
div.RadComboBox.ShortComboBox .rcbInner,
.PageInfoItem .RadInput input.EmptyMessage,
.PageInfoItem .RadInput input.FilterTextBox,
.PageInfoItem div.RadComboBox .rcbInner,
.PageInfoItem .riTextBox.riEnabled,
.PageInfoItem .rcCalPopupOpen .riTextBox.riEnabled,
.PageInfoItem .rcCalPopupOpen .riTextBox.riError,
.PageInfoItem div.RadPicker .RadInput > input:focus-visible,
.ControlTitle div.RadComboBox .rcbInner, .ControlTitle .riTextBox.riEnabled,
div.RadGrid .rgEditRow > td > [type="text"],
div.RadGrid .rgEditRow > td > .RadInput .riTextBox,
.MessageTable div.RadGrid tr.rgRow > td.rgExpandCol > button.rgCollapse,
.MessageTable div.RadGrid tr.rgAltRow > td.rgExpandCol > button.rgCollapse,
.MessageArea div.RadGrid tr.rgRow > td.rgExpandCol > button.rgCollapse,
.MessageArea div.RadGrid tr.rgAltRow > td.rgExpandCol > button.rgCollapse,
.rgPager div.RadComboBox .rcbInner,
.imagePreview,
table.RadCalendarMonthView,
div.RadCalendarPopup.RadCalendarPopupShadows,
div.RadDropDownList > .rddlInner,
.PersonalEditForm div.RadDropDownList > .rddlInner,
.PersonalEditForm div.RadPicker div.rcSelect,
.PersonalEditForm td .RadInput,
div.RadPicker .RadInput, /*date picker*/
div.RadPicker.RadDateTimePicker div.rcSelect,
div.RadPicker div.rcSelect,
div.rgEditPopup textarea:disabled,
div.rgEditForm textarea:disabled,
.InlineEditForm td .RadInput,
td span.RadInput,
.TimeEditForm td .RadDateTimePicker .RadInput > input,
div.rgEditForm span.rcbInner,
tr.rgEditRow span.rcbInner,
div.RadMenu span.RadInput > .riTextBox,
div.RadMenu div.RadInput > .riTextBox,
.UnitAssigmentColumnRight div.RadGrid .rgRow,
.UnitAssigmentColumnRight div.RadGrid .rgAltRow,
.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),
.rcbList,
.RolesForm div.RadComboBox .rcbInner,
.PersonalEditForm div.RadComboBox .rcbInner,
#SideNav div.RadComboBox.LateReasonDropdown .rcbInner,
.rcbSlide,
div.RadGrid tbody,
div.rgGroupPanel.GroupingPanel,
div.RadCalendar tbody,
div.rddlPopup,
.rgEditForm div.RadPicker .RadInputDisabled > input,
.rgEditForm div.RadComboBox .rcbInner.rcbDisabled:hover,
.rgEditRow div.RadComboBox .rcbInner.rcbDisabled:hover,
div.RadAjax .raColor,
#DefaultContentContainer,
div.GridContextMenu span.rcbInner.rcbReadOnly,
.DeployedPersonnelPage.Tenanthalf {
    background-color: white;
}

/*Universal to all skins*/
#LoginBtnContainer > input,
.RadComboBox, .RadComboBoxDropDown .rcbList,
button.FakeSaveButton,
input[type="button"],
div.RadGrid input[type="button"],
input[type="submit"],
button.rgHCMFilter,
button.rgHCMClear,
#RightNav div.RadGrid td.rgSorted,
.rgPager div.RadComboBox .rcbInner .rcbActionButton,
.rgPager div.RadComboBox .rcbInner button.rcbActionButton:hover,
#RightNav div.RadGrid tbody,
.PageInfoItem.PageSwitch button,
button.rbDisabled.ToggleOff:hover,
#MainContentContainer div.RadTabStrip.HeaderRadStrip .rtsLI,
.rgEditForm div.RadPicker .RadInputDisabled,
.InlineEditForm div.RadPicker .RadInputDisabled > input,
.PersonalEditForm div.RadPicker .RadInputDisabled > input,
.RadMenu_Context div.RadPicker.rcCalPopupOpen .rcCalPopup,
.RadMenu_Context .RadInput a.rcCalPopup:hover,
div.RadGrid .PersonalEditForm tbody,
div.RadGrid .InlineEditForm tbody,
div.RadGrid .errorRowTable tbody,
.UnitAssigmentColumnRight div.RadGrid tbody,
div.rwDialog button[type="button"],
div#reportViewer1 .k-widget.k-tooltip-validation,
.Tenanthalf button.RadButton,
.backgroundPreview,
.TimeEditForm div.RadPicker div.rcSelect,
.TimeEditForm td .RadDateTimePicker .RadInput,
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,
div.RadGrid input[type="button"]:disabled:hover,
div.GridContextMenu .RadInput,
div.GridContextMenu div.RadPicker div.rcSelect,
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,
div.RadCalendarPopup > div::-webkit-scrollbar-track,
.rpSlide::-webkit-scrollbar-track,
.scrollContainer::-webkit-scrollbar-track,
.scrollContainerActivePersonnel::-webkit-scrollbar-track,
.MessageArea::-webkit-scrollbar-track,
select::-webkit-scrollbar-track,
.rcbScroll::-webkit-scrollbar-track,
.rddlList::-webkit-scrollbar-track,
textarea::-webkit-scrollbar-track,
.rlbGroup::-webkit-scrollbar-track,
.MainTableContainer::-webkit-scrollbar-track,
.TabTable::-webkit-scrollbar-track,
.RadMultiPage::-webkit-scrollbar-track,
.rgDataDiv::-webkit-scrollbar-track,
.trv-page-container::-webkit-scrollbar-track,
.CheckBoxesContainer::-webkit-scrollbar-track,
.RolesGridContainer::-webkit-scrollbar-track,
#SideNavContents::-webkit-scrollbar-thumb,
div.RadCalendarPopup > div::-webkit-scrollbar-thumb,
.rpSlide::-webkit-scrollbar-thumb,
.scrollContainer::-webkit-scrollbar-thumb,
.scrollContainerActivePersonnel::-webkit-scrollbar-thumb,
.MessageArea::-webkit-scrollbar-thumb,
select::-webkit-scrollbar-thumb,
.rcbScroll::-webkit-scrollbar-thumb,
.rddlList::-webkit-scrollbar-thumb,
textarea::-webkit-scrollbar-thumb,
.rlbGroup::-webkit-scrollbar-thumb,
.MainTableContainer::-webkit-scrollbar-thumb,
.TabTable::-webkit-scrollbar-thumb,
.RadMultiPage::-webkit-scrollbar-thumb,
.rgDataDiv::-webkit-scrollbar-thumb,
.trv-page-container::-webkit-scrollbar-thumb,
.CheckBoxesContainer::-webkit-scrollbar-thumb,
.RolesGridContainer::-webkit-scrollbar-thumb,
.InlineEditForm td span.RadInput .riTextBox.textboxReadOnly,
.InlineEditForm td div.RadInput .riTextBox.textboxReadOnly
.PersonalEditForm td span.RadInput .riTextBox.textboxReadOnly,
.PersonalEditForm td div.RadInput .riTextBox.textboxReadOnly,
td span.RadInput .riTextBox.textboxReadOnly,
td div.RadInput .riTextBox.textboxReadOnly,
div#reportViewer1 .k-input-button,
div#reportViewer1 .k-button-solid-primary {
    background-color: transparent;
}
/*Universal to all skins*/
.InlineEditTable div.RadPicker div.rcSelect,
.InlineEditForm div.RadPicker div.rcSelect,
.PageInfoItem div.RadPicker .RadInput,
.PageInfoItem div.RadPicker div.rcSelect,
.PageInfoItem div.RadPicker .rcCalPopup,
input#file-upload-button {
    background-color: transparent !important;
}

div.k-calendar-container .k-calendar,
.MessageArea .RadGrid th.rgHeader,
.MessageTable div.RadGrid tbody tr:last-child > td,
.MessageArea div.RadGrid tbody tr:last-child > td,
.MessageTable div.RadGrid tr:last-child > td.rgExpandCol > button.rgExpand,
.MessageTable div.RadGrid tr:last-child > td.rgExpandCol > button.rgExpand,
.MessageArea div.RadGrid tr:last-child > td.rgExpandCol > button.rgExpand,
.MessageArea div.RadGrid tr:last-child > td.rgExpandCol > button.rgExpand,
div.RadCalendar .rcRow:last-child td, div.RadCalendar .rcRow:last-child th,
.PersonalEditForm div.RadDropDownList > .rddlInner,
tr.PersonalEditForm textarea,
.PasswordTxtBox,
.PersonalEditForm div.RadPicker .RadInput > input,
.PersonalEditForm div.RadPicker .RadInput > input.riDisabled {
    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;
}
/*title area*/
.PageInfo {
    padding: 0px 15px;
    font-size: 18px;
    text-align: center;
    height: 48px;
    line-height: 48px;
}
.PageSubInfo {
    padding: 4px 15px 7px;
}
.PageSubInfo .RadAjaxPanel {
    display: inline-block !important;
    width: 100px;
}
.InlineAjaxPanel .RadAjaxPanel {
    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;
}
.rgEditPopup .ErrorTitle {
    padding-left: 35px;
}
.WithExport {
    margin-right: 10px;
}
.WithExport span.rddlInner {
    margin-left: 5px !important;
}
.PageExport, .PageCheckbox {
    float: right;
    margin-right: 10px;
    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.PageDropDown .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 div.RadTabStrip {
    position: sticky;
    height: 41px;
}
.TabTable div.RadMultiPage {
    height: calc(100% - 41px);
    overflow-y: auto;
}
/*Main Page*/
.hdnBtn > input,
input.hdnBtn {
    display: none !important;
}
#tblMain {
    display: none;
}
#tblMain.tblMain_Login {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    background-size: cover;
    background-color: lightgray;
}
.imgCompanyBG {
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    display: none;
}
#tblMain.tblMain_Login .imgCompanyBG {
    display: block;
}
#tblMain.tblMain_MainSite {
    display: flex;
    height: 100%;
    min-height: 670px; /*needed for height of time entry nav*/
}
#NavContainer {
    display:flex;
}
#SideNav {
    height: 100%;
    width: 250px;
}
#SideNav > #SideNavContents {
    overflow-y: auto;
    height: calc(100% - 58px);
}
#PortalName {
    height: 56px;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 800;
    text-align: center;
}
#RightNav {
    height: 100%;
    width: 280px;
    min-width: 280px;
}
.hiddenTab,
.hiddenRow,
.HiddenFrm #RightNav,
.HiddenFrm #SideNav {
    display: none !important;
}
.HiddenFrm  .MainTableContainer {
    height: calc(100% - 56px);
}
.HiddenFrm .tblMain_MainSite div#MainContentContainer {
    width: 100%;
}
#TopLeftControls {
    display: none;
}
#TopRightControls {
    height: 56px;
    border-left: 1px solid transparent;
    display: flex;
}
#RightNavContents {
    height: calc(100% - 56px); /*subtact height of toprightcontrols*/
}

.imgCompanyLogo {
    width: 210px;
    margin: 0 0 0 20px;
    margin-top: 33px;
    margin-bottom: 10px;
}
.imgCompanyLogoPreview {
    width: 110px;
    margin: auto;
}
/*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;
}
div#UsernameContainer {
    color: white;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
}
div#TimeMessageContainer {
    text-align: center;
    font-size: 13px;
    margin-top: 3px;
}
div.RadComboBox .rcbInner {
    /*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: 12px;
    border-bottom-color: #b6b7da;
}
/*Personnel Admin - Crews*/
div[headerstyle-cssclass="rcboPCrews"] .rcbInner {
    width:275px;
}
td:has(div[headerstyle-cssclass="rcboPCrews"]) {
    width: 275px;
}
td:has(div[headerstyle-cssclass="rcboCTypes"]) {
    width:250px;
}
div.RadGrid .rgEditRow > td > .RadInput input[headerstyle-cssclass="HideOnInsert"].riTextBox.riDisabled {
    display:none;
}
div.RadComboBox .rcbInner input {
    width: calc(100% - 30px);
}
div.RadGrid th.rgHeader.FixedDate,
td.FixedDate,
div.RadGrid th.rgHeader.FixedTime,
td.FixedTime {
    width: 125px;
    min-width: 80px;
}
.PersonnelPanelContainer div.RadGrid th.rgHeader.FixedTime,
.PersonnelPanelContainer div.RadGrid td.FixedTime,
.PersonnelPanelContainer div.RadGrid td.FixedTime .RadInput {
    width: 50px;
    min-width: 50px;
    overflow: hidden;
}
.UnitAssignmentsContainer td.FixedDate {
    width: 80px;
}
/*For home page */
.HomeContainer div.RadGrid th.rgHeader.FixedDate,
.HomeContainer td.FixedDate,
.HomeContainer div.RadGrid th.rgHeader.FixedTime,
.HomeContainer td.FixedTime {
    width: 20%;
    min-width: 80px;
}
/*For Station Ops Service History */
.LastStationOpPanel div.RadGrid th.rgHeader.FixedDate,
.LastStationOpPanel td.FixedDate,
.LastStationOpPanel div.RadGrid th.rgHeader.FixedTime,
.LastStationOpPanel td.FixedTime {
    width: 17%;
    min-width: 80px;
}
/*For Adjustments */
.AdjustmentsContainer div.RadGrid th.rgHeader.FixedDate,
.AdjustmentsContainer td.FixedDate,
.AdjustmentsContainer div.RadGrid th.rgHeader.FixedTime,
.AdjustmentsContainer td.FixedTime {
    width: 15%;
    min-width: 80px;
}
td.ColumnNoWrap {
    white-space: nowrap;
}
.InlineEditorCol.EditorComboBox div.RadComboBox {
    position: relative;
}
.InlineEditorCol.EditorComboBox span.rcbInner {
    position: absolute;
    top: -7px;
    right: -45px;
    width: 60px;
    margin: 0px;
    opacity: 0;
    cursor: pointer;
}
.RolesForm div.RadComboBox .rcbInner,
.PersonalEditForm div.RadComboBox .rcbInner {
    margin-bottom: 0px;
}
.PersonalEditForm div.RadComboBox .rcbInner.rcbDisabled {
    pointer-events: none;
}
div.RadComboBox.LongComboBox .rcbInner {
    width: 350px;
}
div.RadComboBox.ActivityComboBox .rcbInner {
    width: 325px;
}
.PersonalEditForm .dropdownContainer.combobox-215 {
    width: 215px;
}
.combobox-215 div.RadComboBox .rcbInner {
    width: 215px;
}
div.RadComboBox.RelationshipDropdown .rcbInner {
    width: 150px;
    margin-bottom: 0px;
}
.QuickEdit div.RadComboBox.RelationshipDropdown .rcbInner {
    width: 110px;
    margin-bottom: 0px;
}
div.RadGrid .InlineEditForm .dayColumn div.RadComboBox,
div.RadComboBox.DayComboBox .rcbInner {
    width: 110px;
}
div.RadComboBox.ShortComboBox .rcbInner {
    width: 80px;
}
div.RadGrid .InlineEditForm div.RadComboBox.SkinComboBox,
div.RadComboBox.SkinComboBox .rcbInner {
    width: 150px;
}
.PageInfoItem div.RadComboBox.TopFilterShort .rcbInner {
    width: 160px;
}
.PageInfoItem div.RadComboBox.TopFilterShorter .rcbInner {
    width: 140px;
}
.PageInfoItem .RadInput input.EmptyMessage,
.PageInfoItem .RadInput input.FilterTextBox,
.PageInfoItem div.RadComboBox .rcbInner,
.ControlTitle div.RadComboBox .rcbInner {
    border-radius: 4px;
    width: 235px;
    margin: 0px;
    padding-bottom: 1px;
}
.PageInfoItem .RadInput input.EmptyMessage,
.PageInfoItem .RadInput input.FilterTextBox {
    font-size: 13px;
    padding: 4px 10px 3px;
}
.PageInfoItem .RadInput input.EmptyMessage {
    color: rgba(21,20,74,.7);
}
div.RadComboBox.CrewContainer .rcbInner,
.PageInfoItem div.RadComboBox.DutyContainer .rcbInner,
.ControlTitle div.RadComboBox.DutyContainer .rcbInner {
    width: 285px;
}
.PageInfoItem.SecurityDropdown {
    width: 200px;
    padding: 0px 24px 0px;
}
.PageInfoItem.SecurityDropdown div.RadAjaxPanel {
    position: relative;
    top: -2px;
    padding-top: 5px;
}
.PageInfoItem.SecurityDropdown div.RadComboBox .rcbInner {
    width: 200px;
}
.ControlTitle .riTextBox.riEnabled,
.PageInfoItem .riTextBox.riEnabled {
    border-radius: 4px;
}
.PageInfoItem .rcCalPopupOpen .riTextBox.riEnabled,
.PageInfoItem .rcCalPopupOpen .riTextBox.riError,
.PageInfoItem div.RadPicker .RadInput > input:focus-visible {
    border-radius: 4px;
}
.PageInfoItem div.RadComboBox {
    width: 235px;
    margin-right: 12px;
    margin-top: 0px;
}
.PageInfoItem div.RadComboBox.DutyContainer {
    width: 285px;
    margin-right: 12px;
    margin-top: 0px;
}
.UnitAssignmentsContainer .PageInfoItem div.RadComboBox.CrewContainer {
    width: 285px;
    margin-right: 4px;
    margin-top: 0px;
}
.PageInfoItem div.RadAjaxPanel {
    position: relative;
    top: -2px;
}
div.ControlTitle.PageInfoItem .RadAjaxPanel {
    display: inline-block !important;
    top: 0px;
}
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 .rcbInner {
    color: #ffffff;
}
div.RadComboBox  {
    margin-top: 2px;
}
#SideNav div.RadComboBox {
    margin-top: 1px;
}
.rmpView div.RadComboBox {
    margin-top: 1px;
}
div.RadComboBox .rcbInput,
div.RadDropDownList .rddlFakeInput {
    padding-top: 4px;
}
.InlineEditTable div.RadComboBox .rcbInput {
    padding-top: 2px
}
#SideNav div.RadComboBox .rcbInput {
    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 .RadAjaxPanel {
    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,
.InlineEditForm td > 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;
}
div#SideTimeTracker {
    margin: 19px;
    padding-top: 7px;
}
button.FakeSaveButton,
input[type="button"],
div.RadGrid 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;
}
.webSettingSaveContainer input[type="submit"] {
    margin: 12px 5px;
}
button.FakeSaveButton:disabled,
input[type="button"]:disabled,
div.RadGrid 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 .RadAjaxPanel {
    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*/
.rcbSlide {
    font-size: 12px;
    box-shadow: 0px 2px 7px grey;
}
div.RadComboBoxDropDown.CheckBoxDDown {
    padding-top: 40px;
}
div.RadComboBoxDropDown.CheckBoxDDown .rcbItem:first-of-type {
    position: fixed;   
}
div.RadComboBoxDropDown.CheckBoxDDown td > div > span {
    margin: 0px;
}
div.RadComboBoxDropDown.CheckBoxDDown input[type="checkbox"] {
    margin: 0px;
}
div.RadComboBoxDropDown.CheckBoxDDown label {
    position: relative;
    top: -3px;
    font-size: 12px;
    padding-left: 5px;
}
div.RadComboBoxDropDown.CheckBoxDDown.stateDisabled {
    opacity: .5;
    background-color: #f2f2f2;
    pointer-events: none;
}
div.RadCalendarPopup > div {
    max-height: 300px;
    width: auto !important;
    overflow: auto;
    box-shadow: 0px 2px 7px grey;
}
div.RadComboBoxDropDown .rcbScroll {
    max-height: 400px;
}
div.RadComboBoxDropDown .rcbItem,
div.rddlPopup .rddlItem {
    padding-top: 10px;
    padding-bottom: 10px;
}
div.RadComboBoxDropDown .rcbHovered {
    padding-top: 10px;
    padding-bottom: 10px;
}
/*Dropdown icons*/
#SideNav div.RadComboBox .rcbActionButton {
    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*/
div.RadGrid {
    padding: 0px 25px 16px;
}
div.RadGrid.NoLeftRightPadding {
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}
.disabled-gridpanel div.RadGrid tbody {
    opacity: 0.7;
}
div.RadGrid.HidePager .rgPager .rgAdvPart {
    visibility: hidden;
}      
.AllowHeaderWrap div.RadGrid th.rgHeader {
    white-space: normal;
    line-height: 13px;
}
div.RadGrid th.rgHeader {
    padding-bottom: 4px;
    color: #737292;
    font-size: 11px;
    font-weight: bold;
    padding-right: 3px;
    padding-top: 16px;
    white-space: nowrap;
}
.scrollPanel {
    border-top: 2px solid #8f91c6;
}
.SelfAdjustContainer {
    padding: 15px 0px;
    text-align: center;
}
.SelfAdjustContainer span.subLabel {
    padding-right: 2px;
    margin-left: 10px;
}
.SelfAdjustContainer span.subLabelValue {
    padding-right: 2px;
    margin-right: 8px;
}
.ReadOnlyForm .EditOnlyCol {
    display: none;
}
.PermissionsContainer .rgGroupHeader input {
    display: none;
}
div.rgDataDiv {
    border-top: 2px solid black;
    border-bottom: 2px solid black;
    max-height: 270px !important;
    height: fit-content !important;
}
.MembersMainContent div.rgDataDiv,
.RolesForm div.rgDataDiv {
    max-height: 385px !important;
}
.RolesForm .ShortPermissionGrid div.rgDataDiv {
    max-height: 335px !important;
}
.PermissionsContainer .ShortRoles div.rgDataDiv {
    max-height: calc(50vh - 250px) !important;
}
.PermissionsContainer div.rgDataDiv {
    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.rgDataDiv {
    max-height: 385px !important;
}
div.RadGrid th.rgHeader.actionColumn {
    padding-left: 7px;
    padding-right: 7px;
}
div.RadGrid th.rgHeader.filteringColumn {
    position: relative;
    z-index: 2000;
}
.rgHeaderOver,
.GridReorderTop,
.GridReorderBottom,
.PermissionGridContainer div.RadGrid th.rgHeader.filteringColumn {
    z-index: 200;
}
body > .rgHeader .rgHeader {
    z-index: 200;
}
.MessageArea .RadGrid th.rgHeader {
    font-size: 14px;
}
div.RadGrid .rgRow,
div.RadGrid .rgAltRow,
div.RadGrid .rgEditRow {
    height: calc(1.42857143em + 6px);
}
.InlineEditTable div.RadGrid .rgEditRow {
    height: 36px
}
div.RadGrid .rgEditRow > td > [type="text"],
div.RadGrid .rgEditRow > td > .RadInput .riTextBox {
    border-radius: 3px 3px 0px 0px;
}
div.RadGrid .rgRow:hover,
div.RadGrid .rgAltRow:hover {
    position: relative
}
div.RadGrid .rgRow:hover > td:first-child:before, 
div.RadGrid .rgAltRow:hover > td:first-child:before {
    content: " ";
    height: 100%;
    width: 2px;
    float: left;
    position: absolute;
    left: 0px;
    top: 0px;
}
div.RadGrid tbody tr:hover:last-child > td:first-child:before {
    height: calc(100% - 2px);
}
th.rgHeader > a {
    color: #737292;
    font-size: 11px;
    font-weight: bold;
}
.MessageArea th.rgHeader > a {
    color: black;
    font-size: 14px;
}
th.rgHeader.rgSorted {
    padding-right: 0px;
}
div.RadGrid .rgSortAscIcon:before {
    position: relative;
    top: 1px;
    font-size: 15px;
}
div.RadGrid .rgSortDescIcon:before {
    position: relative;
    top: 1px;
    font-size: 15px;
}
div.RadGrid .rgGroupPanel .rgSortAscIcon:before {
    position: relative;
    top: -1px;
    font-size: 16px;
}
div.RadGrid .rgGroupPanel.rgSortDescIcon:before {
    position: relative;
    top: -1px;
    font-size: 16px;
}
div.RadGrid .rgRow > td,
div.RadGrid .rgAltRow > td,
div.RadGrid .rgEditRow > td {
    font-size: 11px;
    padding-top: 1px;
    padding-bottom: 0px;
}
table.MessageTable div.RadGrid tr > td.rgSorted,
div.RadGrid td.rgSorted {
    background-color: #e5f3f8;
}
.MessageTable .RadGrid .rgRow:hover td.rgSorted,
.MessageTable div.RadGrid .rgAltRow:hover td.rgSorted,
div.RadGrid .rgRow:hover td.rgSorted,
div.RadGrid .rgAltRow:hover td.rgSorted {
    background-color: #cbdee5;
}
div.RadGrid .InlineEditorCol {
    width: 52px;
}
div.RadGrid .EditIcon {
    line-height: 0px;
}
div.RadGrid .EditIcon input {
    height: 16px;   
}
div.RadGrid .EditIcon input[title="Delete"] {
    opacity: .7;
}
div.RadGrid .EditIcon.SignUpBtn {
    height: 25px;
}
div.RadGrid .EditIcon.SignUpBtn > input {
    opacity: .7;
}
div.RadGrid .EditIcon input[title="Edit"] {
    height: 25px;
    opacity: .7;
}
div.RadGrid .EditIcon.dropDownCol input[title="Edit"] {
    padding-left: 5px;
}
div.RadGrid .EditIcon.SignUpBtn > input:hover,
div.RadGrid .EditIcon.SignUpBtn:hover,
div.RadGrid .EditIcon input[title="Delete"]:hover,
div.RadGrid .EditIcon input[title="Edit"]:hover {
    opacity: 1;
}
div.RadGrid .EditIcon input[title="Update"],
div.RadGrid .EditIcon input[title="Insert"],
div.RadGrid .InlineSaveBtn {
    padding-right: 3px;
}
.UnwrappedBtn {
    position: relative;
    top: -2px;
}
div.RadGrid button[title="Add New is Disabled"] {
    cursor: default;
    pointer-events: none;
    opacity: .7;
}
div.RadGrid .InlineSaveBtn,
div.RadGrid .InlineCancelBtn {
    position: relative;
    right: 9px;
    top: -1px;
}
#btnAddPanel {
    width: 130px;
}
div.RadGrid .EditIcon input[title="Update"]:hover,
div.RadGrid .EditIcon input[title="Insert"]:hover,
div.RadGrid .rgEditRow > td input.InlineSaveBtn:hover {
    filter: brightness(1.4) hue-rotate(270deg) contrast(1.5);
}
div.RadGrid .EditIcon input[title="Cancel"]:hover,
div.RadGrid .rgEditRow > td input.InlineCancelBtn:hover {
    filter: brightness(1.3) hue-rotate(115deg) contrast(1.5);
}
div.RadGrid .EditIcon input[title="Edit"]:hover {
    opacity: 1;
}
.DeclineBtn {
    color: red;
}
.AlertSymbol {
    color: red;
    padding-left: 3px;
    height: 13px;
    position: relative;
    top: 3px;
}
.MessageTable div.RadGrid tr > td.rgExpandCol,
.MessageArea div.RadGrid tr > td.rgExpandCol {
    border-top: 1px solid white;
}
.MessageArea tr.rgNoRecords .rgGroupCol {
    display: none;
}
.UpcomingEventsContainer tr.rgNoRecords .rgGroupCol {
    display: none;
}
.MessageTable div.RadGrid tr > td {
    border-bottom: 1px solid white;
}
.MessageTable div.RadGrid thead tr > td {
    border-top: none !important;
    border-bottom: none !important;
}
.MessageTable div.RadGrid tr.rgRow > td.rgExpandCol,
.MessageTable div.RadGrid tr.rgAltRow > td.rgExpandCol,
.MessageArea div.RadGrid tr.rgRow > td.rgExpandCol,
.MessageArea div.RadGrid tr.rgAltRow > td.rgExpandCol {
    padding: 0px;
}
.MessageTable div.RadGrid tr.rgRow > td.rgExpandCol > button.rgExpand,
.MessageTable div.RadGrid tr.rgAltRow > td.rgExpandCol > button.rgExpand,
.MessageArea div.RadGrid tr.rgRow > td.rgExpandCol > button.rgExpand,
.MessageArea div.RadGrid tr.rgAltRow > td.rgExpandCol > button.rgExpand {
    height: 100%;
    padding: 7px;
    padding-left: 10px;
    padding-bottom: 6px;
    width: 100%;
}
.MessageTable div.RadGrid tr.rgRow > td.rgExpandCol > button.rgCollapse,
.MessageTable div.RadGrid tr.rgAltRow > td.rgExpandCol > button.rgCollapse,
.MessageArea div.RadGrid tr.rgRow > td.rgExpandCol > button.rgCollapse,
.MessageArea div.RadGrid tr.rgAltRow > td.rgExpandCol > button.rgCollapse {
    height: 100%;
    padding: 6px;
    padding-left: 10px;
    padding-bottom: 7px;
    width: 100%;
}
div.RadGrid .rgCollapseIcon:before {
    content: "\e121";
}
div.RadGrid .rgExpandIcon:before {
    content: "\e11e";
}
.MainPanel div.RadGrid .rgGroupHeader > td {
    font-weight: normal;
    font-size: 15px;
}
.MainPanel div.RadGrid span.rgGroupHeaderText {
    font-size: 15px;
    margin: 0px;
    font-weight: normal;
}
.MainPanel div.RadGrid .rgGroupCol .t-button {
    padding: 2px;
}
.t-button.rgSave {
    margin-left: 3px;
}
div.IndividualStaffingGrid tr.rgFooter td {
    font-size: 14px;
    padding-right: 25px !important;
    padding-left: 13px;
    text-align: right;
}
div.RadGrid td.numberColumn {
    text-align: right;
    padding-right: 25px;
}
div.RadGrid th.FixedWidthColumnHeader.rgHeader {
    text-align: right;
    padding-right: 19px;
}
td.numberColumn.FixedWidthColumn {
    width: 130px;
}
div.IndividualStaffingGrid .rgGroupHeader > 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;
}
.NoGrouping tr.rgCommandRow {
    position: static;
}
.NoGrouping div.RadGrid .rgCommandCell {
    padding-bottom: 15px;
}
.DutyDatesMainContent .RadDateTimePicker {
    width: 225px;
}
.DutyDatesMainContent.InlineEditTable div.RadPicker .RadInput,
.DutyDatesMainContent.InlineEditTable div.RadGrid .rgEditRow > td > [type="text"] {
    width: 100%;
}
div.RadGrid .rgCommandCell {
    padding: 4px 0px;
}
div.RadGrid .rgCommandCell > div {
    height: 15px;
}
div.rgGroupPanel.GroupingPanel {
    color: #737292;
    font-size: 13px;
    text-align: center;
    padding: 1px;
    border-radius: 5px;
    margin: 0px 50px;
    position: relative;
    top: 2px;
}
div.rgGroupPanel.GroupingPanel.WithSortButton {
    margin-left: 87px;
}
.NoEdit div.rgGroupPanel.GroupingPanel {
    margin: 20px 0px 0px;
}
.NoAdd div.rgGroupPanel.GroupingPanel {
    margin: 0px 75px 0px 0px;
}
div.rgGroupPanel.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;
}
div.RadGrid .rgCommandCellRight .t-button {
    margin-left: 5px;
}
div.RadGrid .rgExpXLS,
div.RadGrid .rgAdd,
div.RadGrid .rgRefresh {
    padding: 4px;
}
div.RadGrid span.t-font-icon.rgIcon.rgExpXLSIcon,
div.RadGrid span.t-font-icon.rgIcon.rgAddIcon,
div.RadGrid span.t-font-icon.rgIcon.rgRefreshIcon {
    color: white;
}
.RadGrid .SortOrder-Header.Disabled .t-button.rgSave {
    pointer-events: none;
}
.SortOrder-Header .rgOptions {
    display: none;
}
.RadGrid .t-font-icon.rgSaveIcon:before {
    font-size: 12px;
    position: relative;
    top: 1px;
    opacity:.9;
}
.RadGrid .t-font-icon.rgSaveIcon:hover:before {
    opacity: 1;
}
.RadGrid .SortOrder-Header.Disabled .t-font-icon.rgSaveIcon:before {
    opacity: .4;
}
div.RadGrid .rgAddIcon:before,
div.RadGrid .rgRefreshIcon:before {
    font-size: 20px;
}
div.RadGrid span.t-text.rgButtonText {
    display: none;
}
.deleteIcon > input {
    height: 18px;
    opacity: 0.5;
    position: relative;
    top: 1px;
}
.deleteIcon > input:hover {
    opacity: 1;
}
.SecurityTimeEntryPanelCon {
    display:flex;
    margin:15px 0 0 0;
}
.SecurityTimeEntryPanel {
    font-family: Lato-Regular;
    margin: 15px 5px 0 0;
}
.SecurityTimeEntryPanelSub {
    margin:10px 0 0 25px !important;
}
.ScheduleLabel {
    font-size: 13px;
}
#SecuritySettingsSplit {
    display: flex;
}
#SecuritySettingsSplit {
    display:flex;
}
.zeroHourContainer {
    display:flex;
    justify-content:center;
    margin:15px 0 0 0;
}
.zeroHourContainer.ExportLabelContainer {
    margin: 30px;
    margin-top: 20px;
}
.RequireUnitToggle {
    display:flex;
    margin: 5px 0 0 25px !important;
    position: inherit !important;
    width: unset !important;
}
.splitPanelBehavior {
    height:150px;
}
.spacerCon {
    height:20px;
}
/*Table*/
.SecurityContainer {
    display: flex;
    height: calc(100% - 106px);
    overflow: hidden;
}
.securityTableContainer .rgDataDiv {
    height: calc(100% - 150px) !important;
    min-height: calc(100% - 150px) !important;
    border-bottom: 2px solid black;
    border-top: 2px solid black;
}
.GroupsContainer .securityTableContainer .rgDataDiv {
    height: calc(100% - 56px) !important;
    min-height: calc(100% - 56px) !important;
}
.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.RadWindowControls {
    height: 27px;
    line-height: 25px;
    padding: 0px 15px;
    margin-bottom: 15px
}
.rgEditPopup .ControlTitle.RadWindowControls {
    padding: 2px 15px;
    margin-bottom: 0px;
}
.ControlTitle.PageInfoItem {
    width: 100%;
}
.ControlTitle.PageInfoItem .ControlTitleRight {
    float: right;
    padding-right: 25px;
}
.NoTitle .ControlTitle {
    display: none;
}
#RightNavContents {
    position: relative;
    left: -1px;
}
#RightNav .ControlTitle {
    padding: 14px;
    text-align: left;
    padding-left: 25px;
}
.ControlTitle > span {
    font-size: 14px;
    font-weight: normal;
}
#RightNav .ControlTitle > span {
    font-size: 16px;
}
/*Radio Buttons*/
span.rbText,
td > label {
    font-size: 12px;
    position: relative;
    top: -4.5px;
}
td > input[type="radio" i] {
    margin-left: 0px;
}
.RBContainer {
    border-bottom: 1px solid #b6b7da;
    padding-bottom: 10px;
    margin-bottom: 7px;
}
.RadButton .rbText {
    vertical-align: bottom !important;
}
.RadioButtonContainer .RadButton .rbText {
    position: relative;
    top: -2px;
}
div.rbVerticalList > .rbRadioButton {
    padding: 0px
}
.RadioButtonTitle {
    padding-bottom: 4px;
}
/*Pager*/
div.RadGrid .rgPagerCell {
    padding: 5px 0px 0px 0px;
}
div.RadGrid .rgPagerCell .rgActionButton {
    padding: 0px 0px 1px;
    margin: 4px 1px;
}
div.RadGrid .rgPagerCell .rgPageFirst .rgIcon:before {
    content: "\e00f";
}
div.RadGrid .rgPagerCell .rgPageLast .rgIcon:before {
    content: "\e00d";
}
.rgPagerCell .p-i-arrow-60-down:before {
    content: "\e006" !important;
}
div.RadGrid .rgPagerCell .rgPagerLabel {
    font-size: 11px;
    color: #737292;
    padding: 5px;
    margin-top: 3px;
}
.rgPager div.RadComboBox .rcbInner {
    width: 50px;
    border-radius: 4px;
    margin: 0px;
    height: 24px;
}
.rgPager div.RadComboBox .rcbInner .rcbActionButton {
    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;
}
div.RadComboBox .rcbActionButton .p-icon {
    cursor: pointer;
}
.rgPager div.RadComboBox .rcbInput {
    padding-top: 2px;
    position: relative;
    left: -2px;
}
div.RadGrid .rgPagerCell .rgInfoPart {
    font-size: 11px;
    margin-top: 3px;
}
div.RadGrid .rgPagerCell .rgInfoPart.hideGridInfo {
    display: none;
}
div.RadGrid .rgPagerCell .rgNumPart a {
    color: #737292;
    font-size: 12px;
    position: relative;
    top: 3.5px;
    padding: 3px 8px;
    margin: 0px;
}
div.RadGrid .rgPagerCell .NextPrevAndNumeric .rgAdvPart {
    padding: 0 20px;
}
div.RadGrid .rgAdvPart > .RadComboBox {
    width: 50px !important;
}
tr.rgNoRecords > td > div {
    text-align: center;
    justify-content: center;
    margin: auto;
    font-size: 14px;
    padding: 3px;
}
.UpcomingEventsContainer tr.rgNoRecords > td > div {
    width: 200px;
}
.ActivePersonnelGrid tr.rgNoRecords > td > div {
    width: 269px;
    padding-top: 15px;
}
/*Pager Positions*/
.rightColumn div.RadGrid .rgPagerCell .NextPrevAndNumeric .rgAdvPart {
    display: none;
}
div.RadGrid .rgPagerCell .NextPrevAndNumeric .rgAdvPart {
    padding: 0px;
    padding-left: 10px;
}

/*Required Field Validator*/
.InlineTextValidator {
    padding-left: 5px;
}
.InlineAbsoluteValidator {
    position: absolute;
    padding-left: 2px;
    padding-top: 5px;
}
.dropdownContainer.FileUploadContainer {
    font-size: 14px;
    padding: 10px 10px 5px 10px;
    width: fit-content;
    width: -moz-fit-content;
}
.imagePreview {
    text-align: center;
    height: 220px;
    display: flex;
    align-items: center;
}
.backgroundPreview {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 258px;
    width: 530px;
    overflow: hidden;
}
.imgLoginPreview {
    height: 258px;
}
.backgroundPreview.Ratio1610 {
    height: 291px;
}
.backgroundPreview.Ratio1610 .imgLoginPreview {
    height: 291px;
}
.backgroundPreview.Ratio32 {
    height: 313px;
}
.backgroundPreview.Ratio32 .imgLoginPreview {
    height: 313px;
}
.backgroundPreview.Ratio43 {
    height: 357px;
}
.backgroundPreview.Ratio43 .imgLoginPreview {
    height: 357px;
}
.dropdownContainer.FileUploadContainer input[type="submit"] {
    margin:0 0 10px 0;
    height:30px;
    width:150px;
}
.ImageNameContainer {
    display:flex;
    width:200px;
}
.specialWidth {
    width:130px;
}
.ImgUploadValidator {
    display:flex;
    margin:20px 0 0 0;
}
.webSetFileLabel {
    margin: 2px 10px;
    font-size: 11px;
    font-weight: bold;
}
div.RadComboBox.dropdownContainer,
.dropdownContainer {
    position: relative;
    width: 200px;
}
.PersonalEditForm div.RadComboBox.dropdownContainer,
.PersonalEditForm .dropdownContainer {
    width: auto;
}
.shortDropdownContainer {
    position: relative;
    width: auto;
}
.dropdownValidator {
    position: absolute;
    top: 7px;
    left: 202px;
}
/*RadTabStrip*/
div.RadTabStrip {
    height: 100%;
    float: left;
}
/*div.RadTabStrip .rtsTxt {
    color: white;
}*/
div.RadTabStrip .rtsUL {
    height:100%;
}
.TabTable div.RadTabStrip {
    position: sticky;
    height: 41px;
}
@media screen and (max-width: 2210px) {
    .TabTable.CategoryTabTable div.RadTabStrip {
        height: 82px;
    }
    .TabTable.CategoryTabTable div.RadMultiPage {
        height: calc(100% - 82px);
    }
}
.TabTable.TabTable-Security div.RadMultiPage input[type="button"] {
    margin-top: 5px;
    margin-bottom: 20px;
}
div.rtsTop .rtsLevel1 {
    height: 100%;
}
#MainContentContainer div.rtsTop .rtsLevel1 .rtsUL {
    height: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
div.rtsTop .rtsLevel1 .rtsLI {
    height: 100%;
    white-space: nowrap;
    height: 41px;
}
#RightNav div.rtsTop .rtsLevel1 .rtsLI {
    height: 100%;
}
div.RadTabStrip .rtsLevel1 .rtsLink {
    padding: 12px;
    height:100%;
}
div.RadTabStrip img.rtsImg {
    height: 30px;
    margin: 0px;
}
#InfoLogout {
    flex-grow: 1;
    display: flex;
    position: relative;
}
#InfoContainer {
    display: inline-block;
    width: 52px;
    /*height: 50px;*/
    height:100%;
    border-right: 2px solid white;
}
#InfoIcon {
    background-image: url("../Images/about_2940539-white.png");
    width: 28px;
    height: 28px;
    background-position: center;
    background-size: cover;
    margin: 13px;
}
.dropdown-menu {
    display: none;
    position:absolute;
}
#LogOffForm {
    background-color:lightgrey;
}
#LogOffContainer {
    display: inline-block;
    height:100%;
    margin: auto;
    width:100%;
    font-size: 17px;
    text-align: center;
}
#LogOffContainer a {
    text-decoration: none;
    color: white;
    width: 100%;
    display: block;
    height: 100%;
    padding-top: 16px;
}
#MobileLogOffContainer {
    display: none;
}
#MobileLogOffContainer a {
    text-decoration: none;
    color: white;
}
/*RadTabStrip Main Content*/
#MainContentContainer div.RadTabStrip {
    width: calc(100% - 56px);
    margin: 0px 28px;
}
#MainContentContainer .PageTable.TabTable div.RadTabStrip {
    width: calc(100%);
    margin: 0px;
}
#MainContentContainer div.RadTabStrip.PersonnelTabStrip {
    width: calc(100% - 52px) !important;
    margin: 0px 26px;
}
#MainContentContainer div.RadTabStrip .rtsLevel1 .rtsLink {
    padding: 9px 12px 5px;
}
#MainContentContainer div.RadTabStrip.SwapTabStrip .rtsLevel1 .rtsLink {
    padding: 9px 9px 5px;
}
#MainContentContainer div.RadTabStrip li.rtsLI.rtsSelected {
    height: 38px;
}
#MainContentContainer div.RadTabStrip.SwapTabStrip .rtsTxt {
    font-size: 13px;
}
/*Active Personnel Control*/
#RightNav div.RadGrid tr.rgNoRecords > td {
    padding: 0px;
    font-size: 12px;
}
#RightNav div.RadGrid {
    padding: 0px;
}
#RightNav .rgMasterTable > tbody > tr > td.rgExpandCol {
    display: none;
    width: 0px;
}
#RightNav .rgMasterTable > tbody > tr.rgRow > td.rgExpandCol,
#RightNav .rgMasterTable > tbody > tr.rgAltRow > td.rgExpandCol {
    display: table-cell;
}
#RightNav .rgMasterTable > tbody > tr.rgRow > td,
#RightNav .rgMasterTable > tbody > tr.rgAltRow > td {
    border-top: 2px solid #b6b7da;
}
td.RightAlignColumn {
    text-align: right;
    font-weight: bold;
    width: 55px;
}
td.RightAlignSubColumn {
    text-align: right;
    width: 85px;
}
td.LeftAlignColumn {
    font-weight: bold;
}
td.FixAlignColumn {
    display:none;
}
#RightNav .rgExpandIcon:before {
    content: "\e015";
}
#RightNav .rgCollapseIcon:before {
    content: "\e013";
}
#RightNav .rgDetailTable .rgExpandIcon:before {
    content: "\e11e";
}
#RightNav .rgDetailTable .rgCollapseIcon:before {
    content: "\e121";
}
.nestedGroup {
    font-size: 10px;
    font-style: italic;
    margin: 1px 10px 7px;
}
.nestedGroup .InlineCancelBtn {
    float: right;
    height: 16px
}
/*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;
}
.rgDetailTable td.rgExpandCol > button {
    padding-left: 1px;
}
/*Calendar Popup*/
table.RadCalendarMonthView {
    font-size: 13px;
    padding: 0px;
}
.RadCalendarMonthView td {
    padding: 3px 3px 1px !important;
}
table.RadCalendarMonthView #rcMView_Feb,
table.RadCalendarMonthView #rcMView_Apr,
table.RadCalendarMonthView #rcMView_Jun,
table.RadCalendarMonthView #rcMView_Aug,
table.RadCalendarMonthView #rcMView_Oct,
table.RadCalendarMonthView #rcMView_Dec {
    padding-right: 2px;
}
table.RadCalendarMonthView .rcButtons {
    color: white;
    padding-bottom: 3px !important;
}
/*Calendar*/
#RightNav div.RadCalendar {
    padding: 15px 5px;
}

div.RadCalendar .rcTitlebar {
    color: white;
    padding: 2px 5px;
    font-size: 12px;
}
div.RadCalendar tr.rcWeek {
    color: white;
    font-size: 12px;
}
div.RadCalendar tr.rcWeek > th {
    text-align: center;
    padding: 4px;
}
div.RadCalendar tr.rcWeek > th:first-child {
    padding-left: 9px;
}
div.RadCalendar .rcRow a, div.RadCalendar .rcRow span {
    font-size: 12px;
    text-align: center;
    border-radius: 0px;
}
div .RadCalendar .rcRow td {
    text-align: center;
    padding-top: 1px;
    padding-bottom: 1px; 
}
.RadCalendarMonthView td.rcSelected a,
div .RadCalendar td.rcSelected a {
    color: white;
    text-align: center;
}
div.RadCalendar .rcOtherMonth a {
    opacity: 1;
    color: #8f90ba;
}
div.RadCalendar .rcRow .rcWeekend a {
    opacity: 1;
    color: #57587e;
}
div.RadCalendar .rcRow:first-child td, div.RadCalendar .rcRow:first-child th {
    padding-top: 5px;
}
div.RadCalendar .rcRow:last-child td, div.RadCalendar .rcRow:last-child th {
    padding-bottom: 5px;
}
div.RadCalendarPopup .rcRow td:first-child {
    border-left: 2px solid #b6b7da;
}
div.RadCalendarPopup .rcRow td:last-child {
    border-right: 2px solid #b6b7da;
}
.centerContent {
    margin: auto;
    width: fit-content;
}
div.RadCalendar .t-font-icon:before {
    font-size: 14px;
    position: relative;
    top: 1px;
}
/*Time Picker*/
div.RadCalendarPopup.RadCalendarPopupShadows {
    font-size: 12px;
}
div.RadCalendarPopup th {
    color: white;
    font-size: 11px;
}
div.RadCalendarPopup .RadCalendarTimeView td.rcSelected {
    color: white;
}
div.RadCalendarPopup .RadCalendarTimeView {
    box-shadow: 0px 3px 5px grey;
}
/*Upcoming Events */
.UpcomingEventsContainer {
    margin: 10px;
}

#RightNav .UpcomingEventsContainer .rgMasterTable > tbody > tr.rgRow:hover > td:first-child:before,
#RightNav .UpcomingEventsContainer .rgMasterTable > tbody > tr.rgAltRow: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;
}
div.RadGrid.UpcomingEventsContainer .rgGroupHeader > td {
    padding-left: 3px;
    font-size: 12px;
}
div.RadGrid.UpcomingEventsContainer .rgGroupHeader > td > b {
    font-size: 14px;
    text-transform: uppercase;
}
/*Default Page*/
.DefaultContainer {
    width: 100%;
}
.HomeContainer {
    height: calc(100% - 56px);
}
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.rgIcon.rgOptionsIcon {
    display: none;
}
/*Exports*/
div.ExportDropdown {
    width: 140px;
}
div.RadDropDownList {
    width: auto;
}
div.RadWindow div.RadDropDownList.ExportDropdown > span.rddlInner,
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.rddlPopup .rddlItem {
    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;
}
.PageInfo div.RadAjaxPanel {
    display: inline !important;
}
.LeaveValidator,
.PageInfo div.RadAjaxPanel > .subLabelValidator {
    position: relative;
    top: 5px;
}
.PageInfoItem.PageSwitch button {
    padding: 0px 2px;
    width: 125px;
}
.PageInfoItem.PageSwitch.LongButton button {
    width: 175px;
}
.PageInfoItem.PageSwitch.ShortSwitch button {
    width: 80px;
}
.dropdownContainer.PageInfoItem.PageSwitch.ShortSwitch button {
    width: 100px;
    margin-top: 1.1px;
    padding: 1px 2px;
}
.RequireUnitToggle .RadAjaxPanel button {
    margin-left: 2px;
}
.PageInfoItem.PageSwitch button:first-of-type {
    border-radius: 50px 0px 0px 50px;
    position: relative;
    left: 2px;
}
.PageInfoItem.PageSwitch div.RadAjaxPanel:last-of-type button {
    border-radius: 0px 50px 50px 0px;
    position: relative;
    left: -2px;
}
.dropdownContainer.RadioButtonContainer.PageInfoItem.PageSwitch.ShortSwitch > button:last-of-type {
    border-radius: 0px 50px 50px 0px;
    position: relative;
    left: -2px;
}
.dropdownContainer.RadioButtonContainer.PageInfoItem.PageSwitch.ShortSwitch > button.rbDisabled:last-of-type {
    border-left: none;
}
.dropdownContainer.RadioButtonContainer.PageInfoItem.PageSwitch.ShortSwitch > button.rbDisabled:first-of-type {
    border-right: none;
}
#MainContentContainer div.RadTabStrip.HeaderRadStrip .rtsLI {
    border-radius: 0px 50px 50px 0px;
    padding: 0px 2px;
    width: 100px;
    height: 23px;
}
#MainContentContainer div.RadTabStrip.HeaderRadStrip .rtsLI:first-of-type {
    border-radius: 50px 0px 0px 50px;
}
#MainContentContainer div.RadTabStrip.HeaderRadStrip .rtsLI.rtsSelected {
    color: white;
    height: 21px;
}
#MainContentContainer div.RadTabStrip.HeaderRadStrip .rtsSelected .rtsTxt,
.ToggleOn > span.rbText {
    color: white;
}
#MainContentContainer div.RadTabStrip.HeaderRadStrip .rtsUL {
    margin: 0px;
    font-size: 12px;
}
#MainContentContainer div.RadTabStrip.HeaderRadStrip .rtsLevel1 .rtsTxt {
    padding: 3px 0px;
}
#MainContentContainer div.RadTabStrip.HeaderRadStrip .rtsLevel1 .rtsLink {
    padding: 0px;
}
#MainContentContainer div.RadTabStrip.HeaderRadStrip .rtsTxt,
.ToggleOff > span.rbText {
    font-size: 12px;
}
/*Date Picker*/
div.RadPicker .RadInput {
    font-size: 13px;
}
.InlineEditTable div.RadPicker .RadInput,
.InlineEditTable div.RadGrid .rgEditRow > td > [type="text"] {
    height: 26px;
    width: 90%;
}
/*For inlined required fields*/
.InlineEditTable div.RadGrid .rgEditRow > td > span {
    margin-left: 5px; 
}
div.RadPicker .RadInput > input {
    border-top: 2px solid white;
}
div.RadPicker .RadInputDisabled > input {
    border-right: none;
    opacity: 0.7;
    border-radius: 3px 3px 0px 0px;
}
table#tblOperational {
    padding-top: 10px;
}
div.RadPicker.rcCalPopupOpen .rcCalPopup,
div.RadPicker.rcTimePopupOpen .rcTimePopup,
a.rcCalPopup:hover,
a.rcTimePopup:hover,
.PersonalEditForm div.RadPicker.rcCalPopupOpen .rcCalPopup,
.PersonalEditForm div.RadPicker.rcTimePopupOpen .rcTimePopup,
.PersonalEditForm a.rcCalPopup:hover,
.PersonalEditForm a.rcTimePopup:hover,
.PopupBody .PersonalEditForm div.RadPicker.rcCalPopupOpen .rcCalPopup,
.PopupBody .PersonalEditForm div.RadPicker.rcTimePopupOpen .rcTimePopup,
.PopupBody .PersonalEditForm a.rcCalPopup:hover,
.PopupBody .PersonalEditForm a.rcTimePopup:hover {
    background: rgba(243,243,249,.4);
}
div.RadPicker.RadDateTimePicker div.rcSelect {
    top: 2px;
}
.PersonalEditForm div.RadPicker div.rcSelect {
    top: 0px;
}
.TimeEditForm div.RadPicker div.rcSelect {
    top: 1px;
    box-sizing: border-box;
}
.PopupBody .PersonalEditForm div.RadPicker div.rcSelect {
    height: 26px;
}
div.RadPicker .RadInputDisabled div.rcSelect {
    display: none;
}
.rcSelect > a {
    border-color: white;
    border-left: transparent;
}
div.RadInputError::after {
    margin-top: 5px;
    color: red;
    font-size: 18px;
}
/*Checkbox*/
input[type="checkbox"] {
    margin-left: 0px;
    margin-right: 8px;
}
.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.RadWindow textarea,
div.RadWindow select,
div.rgEditPopup textarea,
div.rgEditForm select,
div.rgEditForm textarea,
div.rgEditPopup select,
tr.PersonalEditForm textarea {
    border-top: 2px solid #a2a3ce;
    border-bottom: 2px solid #a2a3ce;
    font-size: 12px;
    font-family: Lato-Regular, Lato-Thin, Lato-Light;
    border-radius: 0px;
}
div.rgEditPopup textarea:disabled,
div.rgEditForm 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.RadWindow select,
div.rgEditPopup select {
    color: #737292;
}
div.PadListBox .rlbItem {
    padding: 4px 15px;
}
select > option {
    padding-left: 10px;
}
/*Edit Form*/
.SaveButtonTable {
    margin: auto;
}
.PersonalEditForm {
    width: 100%;
}
.InlineEditForm,
.errorRowTable {
    width: 100%;
}
.PopupBody .InlineEditForm {
    border-left: none;
}
.centerErrors { 
    justify-content: center;
}
.RoleLabelCheckbox label {
    position: relative;
    top: -2px;
}
span.RoleLabelCheckbox {
    position: relative;
    top: 2px;
    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;
}
.PersonalEditForm,
.InlineEditForm {
    padding: 0px 20px 10px;
}
.RolesForm .InlineEditForm {
    padding: 0px 25px 15px;
}
.RolesSave {
    position: absolute;
    width: 100%;
    bottom: 0;
}
div#EditPermissionContainer {
    padding: 4px;
    padding-top: 15px;
}
.PersonalEditForm,
.InlineEditForm.NoErrorTable {
    padding: 0px 20px 15px;
}

.rgMasterTable div.rgEditForm table.errorRowTable {
    padding: 0px 20px 10px;
    display: flex;
}
#SideNav tr.labelRow > td {
    padding-top: 0px;
}
tr.labelRow > td {
    padding-top: 10px;
}
tr.labelRow.noPadding > td {
    padding-top: 3px;
}
.PersonalEditForm td {
    padding-right: 20px;
    vertical-align: text-top;
}
.PersonalEditForm.WebSettings td {
    padding-right: 0px;
}
.webSettingSaveContainer {
    height: 50px;
}
.webSettingSaveContainer table {
    margin: auto;
}
.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.RadInput.RadInputDisabled {
    background: #f8f8fb;
}
.PersonalEditForm td .RadInput,
.InlineEditForm td .RadInput,
td span.RadInput {
    margin: 0px;
    border-radius: 3px 3px 0px 0px;
    margin-top: 1px;
}
td span.RadInput {
    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 .RadDateTimePicker .RadInput {
    margin-top: 0px;
}
.TimeEditForm td .RadDateTimePicker .RadInput > input {
    height: 27.6px;
    border-radius: 3px 3px 0px 0px;
}
#tblGeneral .PersonalEditForm td .RadInput{
    width: 200px;
}
.PopupBody #tblGeneral {
    position: relative;
    left: 28px;
    padding-bottom: 5px;
}
.PersonalEditForm td.disabled .RadInput, .InlineEditForm td.disabled .RadInput {
    background: rgba(255,255,255,.7);
}
.PersonalEditForm td span.RadInput .riTextBox,
.PersonalEditForm td div.RadInput .riTextBox,
.InlineEditForm td span.RadInput .riTextBox,
.InlineEditForm td div.RadInput .riTextBox,
td div.EditContainer div.flexChild span.RadInput .riTextBox {
    font-weight: normal;
    font-size: 12px;
    margin-top: 1px;
    padding: 5px 10px 3px;
}
.InlineEditForm td div.RadInput .riTextBox {
    margin-top:0px;
}
.PersonalEditForm td span.RadInput .riTextBox.textboxReadOnly,
.PersonalEditForm td div.RadInput .riTextBox.textboxReadOnly {
    background: #f8f8fb;
    color: #7e7d9e;
    border-radius: 3px 3px 0px 0px;
}
td span.RadInput .riTextBox.textboxReadOnly,
td div.RadInput .riTextBox.textboxReadOnly,
.InlineEditForm td span.RadInput .riTextBox.textboxReadOnly,
.InlineEditForm td div.RadInput .riTextBox.textboxReadOnly {
    background: #f8f8fb;
    border-radius: 3px 3px 0px 0px;
}
.DurationColumnLeft .inlineValidator {
    padding-left: 8px !important;
}
.inlineValidator {
    margin: 0px !important;
}
.invisibleCustomValidator {
    display: none;
}
.visibleErrorDesc {
    line-height: 25px;
    vertical-align: top;
}
.PersonalEditForm td > span,
.InlineEditForm td > span {
    margin-right: 0px;
}
.SelfAdjustContainer .RadAjaxPanel,
.inlineRow .RadAjaxPanel,
.FormLabel .RadAjaxPanel,
.labelRow .RadAjaxPanel {
    display: inline !important;
}
.SelfAdjustInnerContainer {
    width: fit-content;
    width: -moz-fit-content;
    margin: auto;
    display: inline-block;
}

.errorRow ul {
    margin: 5px 0px;
    padding: 0px;
    padding-left: 15px;
    text-align: left;
}
td.fixTimeEntryBox  {
    padding: 0px;
}
td.fixTimeEntryBox .RadComboBox {
    padding-left: 20px;
    padding-right: 20px;
}
td.fixTimeEntryBox > span {
    padding-left: 20px;
    padding-right: 0px;
}
div.RadGrid .PersonalEditForm div.RadComboBox,
div.RadGrid .InlineEditForm div.RadComboBox {
    width: 200px;
    margin-top: 1px;
}
div.RadGrid .PersonalEditForm div.RadComboBox .rcbInner,
div.RadGrid .InlineEditForm div.RadComboBox .rcbInner,
div.RadGrid .rgEditRow div.RadComboBox .rcbInner {
    margin-bottom: 0px;
}
.InlineEditTable div.RadGrid .rgEditRow div.RadComboBox {
    margin-top: 1px;
}
.InlineEditTable div.RadGrid .rgEditRow div.RadComboBox .rcbInner {
    margin-bottom: 1px;
    height: 24px;
}
div.RadGrid .PersonalEditForm div.RadPicker .RadInput,
div.RadGrid .PersonalEditForm div.RadPicker,
div.RadGrid .InlineEditForm div.RadPicker .RadInput,
div.RadGrid .InlineEditForm div.RadPicker {
    width: 200px;
}
div.RadGrid .PersonalEditForm div.RadPicker.ShortDateTime .RadInput,
div.RadGrid .PersonalEditForm div.RadPicker.ShortDateTime,
div.RadGrid .InlineEditForm div.RadPicker.ShortDateTime .RadInput,
div.RadGrid .InlineEditForm div.RadPicker.ShortDateTime {
    width: 175px;
}
div.RadGrid .PersonalEditForm div.RadPicker.ShortDate .RadInput,
div.RadGrid .PersonalEditForm div.RadPicker.ShortDate,
div.RadGrid .InlineEditForm div.RadPicker.ShortDate .RadInput,
div.RadGrid .InlineEditForm div.RadPicker.ShortDate {
    width: 120px;
}
.ShortPageDate div.RadPicker {
    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 div.RadPicker .RadInput > input.riDisabled {
    border-right: none;
}

.PersonalEditForm div.RadPicker .RadInput > input.riDisabled {
    border-right: none;
    opacity: 0.7;
    pointer-events: none;
}

.InlineEditForm td .RadInput.RadInputDisabled {
    background: rgba(255,255,255,.7);
    pointer-events: none;
}
.RadInput .riTextBox:disabled,
div.RadDropDownList .rddlDisabled,
div.RadComboBox .rcbDisabled {
    opacity: .7;
    pointer-events: none;
}
.PersonalEditForm td .RadInput.RadInputDisabled {
    opacity: 0.7;
    pointer-events: none;
}
.PersonalEditForm td .RadPicker .RadInput.RadInputDisabled {
    opacity: 0.8;
    pointer-events: none;
}
.PersonalEditForm div.RadPicker .RadInputDisabled div.rcSelect,
.InlineEditForm div.RadPicker .RadInputDisabled div.rcSelect {
    pointer-events: none;
}

.InlineEditForm .RadInputDisabled a {
    opacity: 0.7;
    pointer-events: none;
}
.InlineEditForm .RadInputDisabled .riTextBox {
    opacity: 0.7;
    pointer-events: none;
}
.PersonalEditForm .RadInputDisabled a,
.PersonalEditForm .RadInputDisabled .riTextBox {
    opacity: 1;
    border-bottom-color: #b6b7da;
    pointer-events: none;
}
div.RadComboBox .rcbDisabled .rcbInput {
    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;
}
.rgEditRow {
    position: relative;
}
.rgEditRow + tr > td {
    padding: 0px;
}

div.RadGrid .rgEditRow > td:first-child:before {
    content: " ";
    height: 100%;
    width: 2.6px;
    float: left;
    position: absolute;
    left: 0px;
    top: 0px;
}
/*Special Text Fields*/
.PhoneField, 
.ZipField {
    letter-spacing: 1px;
}
td.PhoneContainer div.RadInput {
    width: 117px;
}
div.PhoneContainer div.RadInput {
    width: 150px;
}
td.SortOrderContainer div.RadInput {
    width: 85px;
}
td.ZipContainer div.RadInput {
    width: 100px;
}
div.StateDropdown .rcbInner { 
    width: 63px;
}
div.LicenseStateDropdown .rcbInner {
    width: 95px;
}
div.MeetingDescriptionBox .rcbInner {
    width: 100%;
}
/*Edit Popup*/
div.rgEditPopup .rgHeader {
    color: white;
    padding: 7px 15px;
}

div.rgEditForm span.rcbInner,
tr.rgEditRow span.rcbInner {
    font-weight: normal;
}

.rgEditForm .rgHeader > 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;
}
.rgEditForm .rgHeader > div {
    height: 5px;
}
/*RadWindow*/

div.RadWindow {
    padding: 0;
}
div.RadWindow .rwTitleBar {
    color: white;
    margin: 0;
}
div.RadWindow .rwTitleWrapper {
    padding: 0px 5px;
    line-height: 30px;
    height: 30px;
}
div.RadWindow .rwTitle {
    padding: 0 0 0 7px;
}
div.RadWindow .rwListItem {
    margin: 0 0 0 2px;
    padding: 0px 5px;
}
div.RadWindow .rwCommands {
    top: 0px;
    height: 100%;
    margin: 0px;
}
div.RadWindow .rwCommandButton {
    line-height: 20px;
    padding-top: 6px;
}
div.rwNormalWindow {
    border: 1px solid black;
}
/*Containers*/
.EditContainer {
    padding: 15px 15px;
    margin: auto;
}
.flexColumn {
    display: flex;
    flex-direction: column;
}
.SecuritySettingsColumn .ControlTitle {
    padding: 11px 0px;
}
.PermissionsContainer .flexColumn {
    width: 100%;
}
.PermissionsContainer .SecuritySettingsColumn {
    width: 70%;
}
.flexContainer {
    display: flex;
    justify-content: center;
    width: -moz-available;
}
/*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;
}
.imageFlexContainer {
    display: flex;
    padding: 20px;
    height: calc(100% - 80px);
}
.imageFlexContainer .dropdownContainer {
    height: calc(100% - 18px)
}
.dropdownContainer.combobox-235 {
    width: 235px;
}
.WebSettingLeft, .WebSettingRight {
    width: 50%;
}
.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 .rmpView div.RadComboBox,
#tblOperationalInsert .dropdownContainer,
#tblAdminInsert .rmpView div.RadComboBox,
#tblAdminInsert .dropdownContainer,
#tblOperational .rmpView div.RadComboBox,
#tblOperational .dropdownContainer,
#tblGeneral .rmpView div.RadComboBox,
#tblGeneral .dropdownContainer,
#tblOwnership .rmpView div.RadComboBox,
#tblOwnership .dropdownContainer,
#tblMaintenance .rmpView div.RadComboBox,
#tblMaintenance .dropdownContainer,
#tblAdmin .rmpView div.RadComboBox,
#tblAdmin .dropdownContainer {
    width: 200px;
}
#tblAdminInsert .dropdownContainer.StateDropdown,
#tblAdminInsert div.StateDropdown .rcbInner,
#tblAdmin .dropdownContainer.StateDropdown,
#tblAdmin div.StateDropdown .rcbInner {
    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;
}
div.RadInput .riUp:before,
div.RadInput .riDown:before {
    font-size: 15px;
    padding-left: 3px;
}
span.riSelect a.riUp {
    position: relative;
    top: 1px;
    color: black;
}
span.riSelect a.riDown {
    position: relative;
    top: -2px;
    color: black;
}
.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;
}
.settingTable {
    padding: 5px 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;
}
.ButtonBlockContainer {
    margin: 10px;
}
.flexChild {
    margin: auto;
    margin-top: 0px;
    margin-bottom: 0px;
}
.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;
}
.durationData,
.durationData div.RadInput{
    width:150px !important;
}
.UHrcboVehicle > span.rcbInner {
    width:335px;
}
.UHEndDate,
.PAHExitDate{
    display:flex;
    padding:22px 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;
}

div.RadGrid input.cancelButton,
input.cancelButton,
.LogoutBtn {
    margin-left: 15px;
}
/*Scroll Containers*/
#RightNavContents div.RadMultiPage,
#RightNavContents div.RadAjaxPanel,
#RightNavContents div.RadAjaxPanel > div {
    height: 100%;
}
.scrollContainer,
.scrollContainerActivePersonnel {
    overflow: auto;
    height: calc(100% - 56px);
}
#RightNavContents .scrollContainer div.RadAjaxPanel,
#RightNavContents .scrollContainer div.RadAjaxPanel > div {
    height: fit-content;
}
/* Filters */
div.GridContextMenu label.rgHCMAnd {
    display: none;
}
div.GridContextMenu .rgFilterMenu .RadComboBox:nth-of-type(2),
div.GridContextMenu .rgFilterMenu .RadComboBox:nth-of-type(3),
div.GridContextMenu .rgFilterMenu .RadComboBox:nth-of-type(4),
div.GridContextMenu .rgFilterMenu .RadComboBox:nth-of-type(5) {
    display: none;
}
div.GridContextMenu .rgFilterMenu .RadPicker:nth-of-type(5),
div.GridContextMenu .rgFilterMenu .RadInput:nth-of-type(2),
div.GridContextMenu .rgFilterMenu .RadInput:nth-of-type(3) {
    display: none;
}
div.GridContextMenu input.skipCheckBox:last-of-type {
    visibility: hidden;
}
div.GridContextMenu .riTextBox {
    font-size: 14px;
}
div.GridContextMenu .riTextBox.riEmpty {
    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.rgIcon.rgOptionsIcon,
.actionColumn span.t-font-icon.rgIcon.rgOptionsIcon {
    display: none;
}
th.actionColumn.LinkBtnColumnHeader.rgHeader {
    text-align: center;
}
td.LinkBtnColumn {
    text-align: center;
}
td.LinkBtnColumn > a {
    padding: 4px;
}
.InlineEditorCol span.t-font-icon.rgIcon.rgOptionsIcon {
    display: none;
}
div.RadGrid .rgOptionsIcon:before {
    content: "\e12b";
}
div.GridContextMenu .rgFilterMenu 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.rcbInner.rcbReadOnly {
    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.RadInput > .riTextBox,
div.RadMenu div.RadInput > .riTextBox {
    border-radius: 4px;
}
div.RadMenu .RadInput {
    width: 100% !important;
}
div.RadMenu div.RadPicker {
    width: 100% !important;
}
div.rmContent > div.RadPicker:last-of-type {
    display: none;
}
div.GridContextMenu .rgFilterMenu .rgHCMClear,
div.GridContextMenu .rgFilterMenu .rgHCMFilter {
    border-width: 2px;
    font-size: 13px;
    padding: 2px;
    width: 81px;
    display: inline;
    margin: 10px 5px 15px;
}
div.GridContextMenu .rgFilterMenu .rgHCMClear:after {
    content: "Clear";
}
div.GridContextMenu .rgFilterMenu .rgHCMClear > .rgButtonText {
    display: none;
}
div.GridContextMenu .rgFilterMenu .rgHCMClear {
    float: right;
}
div.GridContextMenu .rgFilterMenu .rgHCMFilter {
    float: left;
}
div.GridContextMenu .rcbInner {
    width: 100%;
}
div.GridContextMenu div.RadPicker .RadInput > input:focus-visible {
    border-bottom-color: #959bca !important;
}
/*Leave Styling*/
#DonutLabelContainer .LeaveBalanceColumn div {
    padding: 5px 15px;
    padding-bottom: 0px;
    line-height: 12px;
}
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 div.RadComboBox .rcbInner {
    width: 300px;
}
.LeaveBalanceColumn {
    line-height: 11px;
}
.LeaveLabel {
    font-weight: normal;
    margin: 0px;
    font-size: 11px;
}
#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 .rgMasterTable {
    width: auto !important;
}
.UnitAssigmentTable div.RadGrid .InlineEditorCol {
    width: 25px;
}
.UnitAssigmentColumnLeft div.RadGrid {
    padding: 0px 20px;
}
.UnitAssigmentColumnRight div.RadGrid {
    margin: 0px 0px 16px 30px;
    padding: 0px;
    display: inline-block;
}
.UnitAssigmentColumnRight div.RadGrid tbody {
    display: block;
    columns: 3;
}
.UnitAssigmentColumnRight div.RadGrid .rgRow,
.UnitAssigmentColumnRight div.RadGrid .rgAltRow {
    white-space: nowrap;
}
.UnitAssigmentColumnRight .rgRow[style*="display: table-row"],
.UnitAssigmentColumnRight .rgAltRow[style*="display: table-row"] {
    display: block !important;
}
.UnitAssigmentColumnRight .RadGrid .rgRow,
.UnitAssigmentColumnRight .RadGrid .rgAltRow,
.UnitAssigmentColumnRight .RadGrid td {
    break-after: avoid-column;
    break-before: avoid-column;
    break-inside: avoid-column;
}
.UnitAssigmentColumnRight tr.rgGroupHeader {
    break-before: avoid-column;
    break-after: avoid-column;
    break-inside: avoid-column;
}
.UnitAssigmentColumnRight tr.rgGroupHeader.breakColumn {
    break-before: column;
    break-after: avoid-column;
}
.UnitAssigmentColumnRight tr.rgGroupHeader,
.UnitAssigmentColumnRight tr {
    width: 250px;
    display: block;
}
.UnitAssigmentColumnRight tr {
    border-top: 1px solid #94989f
}
.UnitAssigmentColumnRight tr.rgNoRecords {
    display: none;
}
.UnitAssigmentColumnRight tr.rgGroupHeader {
    border-top: 2px solid #94989f;
}
.UnitAssigmentColumnRight div.RadGrid tbody tr:last-child > td,
.UnitAssigmentColumnRight div.RadGrid tr > td {
    padding-top: 7px;
}
/*EndRegion Unit Assignment*/
/*Footer Styling*/
.rgFooter {
    color: white;
}
/*Donut Styling*/
.StationOpPanel .LeaveAdminContainer {
    min-height: 340px;
}
.LeaveAdminContainer {
    display: flex;
    height: calc(100% - 107px);
    width: 100%;
}
.LeaveAdminContainer #DutyAssignmentContainer {
    top: 0px;
    height: calc(100% - 40px);
}
.LeaveAdminContainer div.rgGroupPanel.GroupingPanel .rgGroupItem {
    font-size: 13px;
}
.LeaveAdminContainer div.rgGroupPanel.GroupingPanel {
    font-size: 10px;
    line-height: 28px;
    padding: 2px 1px 1px;
}
#LeaveDropdownDiv {
    padding-top: 10px;
}
#LeaveDropdownDiv div.RadComboBox {
    white-space: normal;
    width: calc(100% - 56px);
    padding: 5px 25px;
}
#LeaveDropdownDiv div.RadComboBox .rcbInner {
    width: 100%;
}
#LeaveDropdownDiv div.RadComboBox .rcbInner.rcbDisabled:hover,
#LeaveDropdownDiv div.RadComboBox .rcbInner.rcbDisabled {
    pointer-events: none;
}
#LeaveDropdownDiv .subLabel {
    padding: 35px;
    padding-right: 0px;
}
.StationOpPanel .DaysDisplay {
    float: right;
    line-height: 24px;
}
.StationOpPanel .LeaveAdminLeft {
    min-width: 475px;
}
.LeaveAdminRight {
    flex-grow: 1;
}
.LeaveAdminLeftBottom {
    position: relative;
    top: -40px;
}
#DonutContainer {
    position: relative;
    top: -25px;
}
.StationOpPanel #DonutLabelContainer {
    padding-top: 18px;
    padding-left: 10px;
}
#DonutLabelContainer {
    width: 100%;
}
.LeaveSelectorColumn > div {
    display: block;
    float: right;
    padding-right: 25px;
    padding-top: 15px;
}
#DonutLabelContainer .RadAjaxPanel,
#DonutLabelContainer input,
#DonutContainer .RadAjaxPanel,
#DonutContainer input {
    display: inline-block !important;
}
.DonutLabel {
    text-align: center;
}
.RadHtmlChart text,
.DonutTitle {
    font-weight: bold !important;
    font-size: 12px !important;
    text-transform: uppercase;
    position: relative;
    top: -27px;
}
.DonutSubtitle {
    position: relative;
    top: -148px;
    right: 1px;
    font-size: 18px;
}
.StationOpPanel .DonutSubtitle {
    top: -155px;
}
.DonutDiv {
    padding: 3px 0px 6px;
}
.DonutDiv > div {
    display: inline-block !important;
}
.DonutDiv .RadAjaxPanel {
    float: right;
    padding-right: 5px;
}
.DonutDiv span {
    margin: 2px 5px;
    font-size: 11px;
    font-weight: normal;
}
.DonutDiv > span {
    margin-right: 15px;
}
.colorSwatch {
    height: 14px;
    width: 14px;
    position: relative;
    top: 3px;
}
.colorSwatch.Red {
    background: #e74c3c;
}
.colorSwatch.lGreen {
    background: #2ecc71;
}
.colorSwatch.dGreen {
    background: #2e8540;
}
#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;
}
/*Logout Popup*/
div#TimeoutModalPopup {
    width: 600px;
}
/* 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: 25px 25px 0px;
}
.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;
}
.ck-UnitActive-container {
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    height:65px;
}
.ck-VehicleActive-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 22px;
}
.RadWindowFormLabel {
    padding-left: 15px;
}
.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-right: 25px;
}
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;
}
div.RadDockZone {
    padding: 0px;
}

div.RadDock .rdTitleWrapper {
  display: none;
}
.InputWidth100 input {
    width: 100px !important;
}
.InputWidth145 input {
    width: 145px !important;
}
.Controls input {
    display: inline-block;
    margin: 15px 10px 25px;
}
/*RadEditor*/
div.RadEditor {
    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.RadWindow span.rwIcon {
    display: none;
}
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;
}
/*Dialog*/
div.Controls {
    text-align: center;
}
div.RadWindow .rwDialogContent {
    padding-bottom: 0px;
    padding-left: 45px;
}
.rwDialogContent {
    line-height: 70px;
}
.rwDialog div.rwDialogButtons {
    text-align: center;
    padding-top: 0px;
}
div.rwDialog button[type="button"] {
    border-radius: 20px;
    width: 115px;
    padding: 3px 5px;
    margin: auto;
    margin-top: 15px;
    margin-bottom: 25px;
    cursor: pointer;
}
/*Report Viewer */
div#reportViewer1 {
    width: auto !important;
    height: calc(100% - 106px) !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,
.ControlTitle.RadWindowControls {
    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;
    font-family: Lato-Regular, Lato-Thin, Lato-Light;
}
#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.RadInput .riTextBox:focus-visible,
.InlineEditForm td span.RadInput .riTextBox:focus-visible,
.InlineEditForm td div.RadInput .riTextBox:focus-visible,
.PersonalEditForm td span.RadInput .riTextBox:focus-visible,
.PersonalEditForm td div.RadInput .riTextBox:focus-visible,
div.RadGrid .rgEditRow > td > input:focus-visible,
div.RadGrid .rgEditRow > td > .RadInput .riTextBox:focus-visible,
div.RadPicker .RadInput > input:focus-visible,
div.RadPicker.rcCalPopupOpen .riTextBox,
.InlineEditForm div.RadPicker.rcCalPopupOpen .RadInput > input,
.PersonalEditForm div.RadPicker.rcCalPopupOpen .RadInput > input,
div.RadPicker.rcCalPopupOpen .rcSelect,
div.RadPicker.rcMYPopupOpen .riTextBox,
div.RadPicker.rcMYPopupOpen .rcSelect,
div.RadPicker.rcTimePopupOpen .riTextBox,
div.RadPicker.rcTimePopupOpen .rcSelect {
    outline: none;
}
.InlineEditForm select:focus-visible,
.InlineEditForm textarea:focus-visible,
div.rgEditPopup select:focus-visible,
div.rgEditPopup 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*/
#SideNavContents::-webkit-scrollbar,
div.RadCalendarPopup > div::-webkit-scrollbar,
.rpSlide::-webkit-scrollbar,
.scrollContainer::-webkit-scrollbar,
.scrollContainerActivePersonnel::-webkit-scrollbar,
.MessageArea::-webkit-scrollbar,
select::-webkit-scrollbar,
.rcbScroll::-webkit-scrollbar,
.rddlList::-webkit-scrollbar,
textarea::-webkit-scrollbar,
.rlbGroup::-webkit-scrollbar,
.MainTableContainer::-webkit-scrollbar,
.TabTable::-webkit-scrollbar,
.RadMultiPage::-webkit-scrollbar,
.rgDataDiv::-webkit-scrollbar,
.trv-page-container::-webkit-scrollbar,
.CheckBoxesContainer::-webkit-scrollbar,
.RolesGridContainer::-webkit-scrollbar {
    width: 16px;
}
#SideNavContents::-webkit-scrollbar-track,
div.RadCalendarPopup > div::-webkit-scrollbar-track,
.rpSlide::-webkit-scrollbar-track,
.scrollContainer::-webkit-scrollbar-track,
.scrollContainerActivePersonnel::-webkit-scrollbar-track,
.MessageArea::-webkit-scrollbar-track,
select::-webkit-scrollbar-track,
.rcbScroll::-webkit-scrollbar-track,
.rddlList::-webkit-scrollbar-track,
textarea::-webkit-scrollbar-track,
.rlbGroup::-webkit-scrollbar-track,
.MainTableContainer::-webkit-scrollbar-track,
.TabTable::-webkit-scrollbar-track,
.RadMultiPage::-webkit-scrollbar-track,
.rgDataDiv::-webkit-scrollbar-track,
.trv-page-container::-webkit-scrollbar-track,
.CheckBoxesContainer::-webkit-scrollbar-track,
.RolesGridContainer::-webkit-scrollbar-track {
    border-radius: 30px;
    border: 4px solid transparent;
}
#SideNavContents::-webkit-scrollbar-thumb,
div.RadCalendarPopup > div::-webkit-scrollbar-thumb,
.rpSlide::-webkit-scrollbar-thumb,
.scrollContainer::-webkit-scrollbar-thumb,
.scrollContainerActivePersonnel::-webkit-scrollbar-thumb,
.MessageArea::-webkit-scrollbar-thumb,
select::-webkit-scrollbar-thumb,
.rcbScroll::-webkit-scrollbar-thumb,
.rddlList::-webkit-scrollbar-thumb,
textarea::-webkit-scrollbar-thumb,
.rlbGroup::-webkit-scrollbar-thumb,
.MainTableContainer::-webkit-scrollbar-thumb,
.TabTable::-webkit-scrollbar-thumb,
.RadMultiPage::-webkit-scrollbar-thumb,
.rgDataDiv::-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;
}
#defaultHtml, #DefaultBody {
    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*/
#InfoContainer {
    cursor: pointer;
}
#Info {
    text-align: center;
    padding: 30px;
}
#Info .CopyRight,
#Info .appVersion{
    padding: 0 0 10px 0;
    font-size:14px;
}
#Info .appVersion {
    font-size:16px;
}
#Info .Row {
    font-family: Lato-Regular;
    font-weight: bold;
}
#Info .Rights {
    font-size: 12px;       
}
#Info #BusysolLogo {
    width: 125px;
}
#prodWrap {
    display:flex;
    font-size:18px;
    margin: 0 0 10px 0;
}
#prodName {
    align-self:center;
    margin:0 0 0 10px;
}
#Info .Close {
    font-size: 28px;
    font-weight: bold;
    position: absolute;
    top: 0;
    right: 10px;
    cursor: pointer;
}
/*#endregion Info*/
/*#region DeployedPersonnel*/
.DeployedPersonnelPage .PanelHeaderLabel:before {
    visibility: hidden;
    padding: 0px;
}
.DeployedPersonnelPage div.RadGrid .rgOptionsIcon {
    visibility: hidden;
    display: none;
}
.DeployedPersonnelPage span.subLabelValue {
    padding-right: 10px;
}
.DeployedPersonnelPage.ControlTitle.RadWindowControls {
    margin-bottom: 0px;
}
.DeployedPersonnelPage.Tenanthalf {
    width: 0px;
    color: #162e51;
    min-width: 0px;
    position: fixed;
    top: 0px;
    right: 0px;
    z-index: 0;
    display: none;
}
.DeployedPersonnelPage.Tenanthalf.Show {
    width: 50%;
    min-width: 400px;
    position: fixed;
    left: 25%;
    top: 25%;
    z-index: 1001;
    display: flex;
}
.DeployedPersonnelPage .OrgSelect {
    font-size: 22px;
    padding-top: 20px;
}
.DeployedPersonnelPage .PageTitle {
    white-space: nowrap;
}
.DeployedPersonnelPage div.RadGrid {
    padding: 16px 25px;
}
.MainTableContainer.DeployedPersonnelPage {
    height: calc(100% - 76px);
    overflow-y: auto;
}
/*#endregion StaffingProfile*/
/*#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 .rcbDisabled,
.MainTableContainer input[type="submit"]:disabled,
#ModalPopup .rcbDisabled,
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 .rgMasterTable {
    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*/
table#tblScheduleEdit {
    padding-top: 20px;
    border-left: none;
}
.FrequencyTable .Defaults {
    width: 925px;
    padding: 15px 0px; 
}
.FrequencyTable div.RadDropDownList > .rddlInner {
    width: 95px;
}
.RadRadioButtonList span.rbText {
    top: 0px;
    font-weight: bold;
}
.FrequencyTable td {
    vertical-align: top;
}
.NoVerticalAlign {
    vertical-align: inherit !important;
}
.NoVerticalAlignMonthly {
    padding: 5px 0 0 0;
}
.FrequencyTable div.rbVerticalList > .rbRadioButton {
    padding: 7px 0px;
    white-space: nowrap;
}
.rgEditRow .RadInput .riSelect,
.FrequencyTable .RadInput .riSelect {
    position: absolute;
    right: 1px;
    top: 1px;
    bottom: 3px;
    margin: 0px;
}
tr.FreqRow > td {
    padding-top: 15px;
}
#lblStartDate {
    padding-right: 15px;
}
tr.DurationRow > td,
tr.DailyFreqRow > td {
    padding-top: 12px;
}
td.DailyFreqColumnLeft {
    width: 10%;
    padding-right: 12px;
}
td.DailyFreqColumnLeft .DailyFreqColumnLabel {
    line-height: 36px;
}
div.RadDropDownList.rddlOccurFreq {
    margin-left: 15px;
}
.ScheduleContainer .SaveButtonTable {
    padding-top: 15px;
}
.ScheduleContainer input[type="submit"],
.ScheduleContainer input[type="button"] {
    width: 180px;
    display: inline;
    margin: 15px 15px
}
.ScheduleContainer .RadAjaxPanel {
    display: inline !important;
}
.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;
}
.rgEditForm input[type="button"].cmdScheduleBtn {
    margin: 0px;
}
.inlineEditLabel {
    font-weight: bold;
}
/*#region Skin Colors*/
#SideNav, 
#SideNav > #SideNavContents {
    background-color: var(--LeftSidebar_Text_ScrollbarBackground_Color);
}
.PageInfo,
.checkBoxRow label,
.checkboxHolder label,
div.RadComboBox .rcbInner,
.PageInfoItem .RadInput input.EmptyMessage,
.PageInfoItem .RadInput input.FilterTextBox,
.PageInfoItem div.RadComboBox .rcbInner,
.ControlTitle div.RadComboBox .rcbInner,
#SideNav div.RadComboBox.LateReasonDropdown .rcbInner,
#SideNav div.RadComboBox.LateReasonDropdown .rcbInput,
#SideNav div.RadComboBox.LateReasonDropdown .rcbActionButton,
div.RadComboBox .rcbInput,
div.RadDropDownList .rddlFakeInput,
.rgHCMShow,
.rgHCMAnd,
.RBLabel,
.dropdownLabel,
.ScheduleLabel,
.textLabel > span,
.InlineEditForm td > span,
.PersonalEditForm td > span,
#LeftEntry td > span,
#RightEntry td > span,
td > div > span,
div.RadInput,
#SideNav td > span.dropdownLabel,
#SideNav td > span.RadInput,
div#reportViewer1 .k-button,
button.FakeSaveButton,
input[type="button"],
div.RadGrid input[type="button"],
input[type="submit"],
button.rgHCMFilter,
button.rgHCMClear,
div.RadComboBox .rcbActionButton,
.rpLink > .rpText,
.rpLink span.p-icon,
div.RadPanelBar .rpExpandHandle .p-icon::before,
div.RadGrid .rgEditRow > td > [type="text"],
div.RadGrid .rgEditRow > td > .RadInput .riTextBox,
th.rgHeader.rgSorted > a,
div.RadGrid .rgRow > td,
div.RadGrid .rgAltRow > td,
div.RadGrid .rgEditRow > td,
tr.rgGroupHeader,
#SecurityGridSubtitle,
.ControlTitle,
span.rbText,
td > label,
.RadButton .rbToggleCheckboxChecked, .RadButton .rbToggleCheckboxFilled, .RadButton .rbToggleRadioChecked,
.RadioButtonTitle,
span.t-font-icon.rgIcon,
div.RadGrid .rgPagerCell .rgInfoPart,
div.RadGrid .rgPagerCell .rgNumPart a.rgCurrentPage,
#MainContentContainer div.RadTabStrip .rtsSelected .rtsTxt,
.nestedGroup,
table.RadCalendarMonthView,
div.RadCalendar .rcRow a, div.RadCalendar .rcRow span,
div.EditDropdown:hover,
div.RadPicker .RadInput,
.rcSelect > a,
div.RadWindow textarea,
div.RadWindow select,
div.rgEditPopup textarea,
div.rgEditForm select,
div.rgEditForm textarea,
div.rgEditPopup select,
tr.PersonalEditForm textarea,
.WebSettings .Defaults,
div.RadGrid .rgSorted .rgOptionsIcon:before,
.RadHtmlChart text,
.DonutTitle,
.RadListBox .rlbItem.rlbSelected,
.RadEditor a,
div.reResize,
div.RadWindow .rwDialog,
div.rwDialog button[type="button"],
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 .RadGrid th.rgHeader,
div.rpHeaderTemplate > div,
.PersonalEditForm .RadInputDisabled a,
.PersonalEditForm .RadInputDisabled .riTextBox,
div.RadGrid th.rgHeader,
th.rgHeader > a,
div.rgGroupPanel.GroupingPanel,
div.RadGrid .rgPagerCell .rgPagerLabel,
div.RadGrid .rgPagerCell .rgNumPart a,
#MainContentContainer div.RadTabStrip .rtsTxt,
div.RadListBox .rlbItem,
div.RadWindow select,
div.rgEditPopup select {
    color: var(--LeftSidebar_Text_ScrollbarBackground_Color);
}
.rightCarot,
.leftCarot,
.filledpin {
    fill: var(--LeftSidebar_Text_ScrollbarBackground_Color);
}
.PageInfoItem .RadInput input.EmptyMessage {
    color: rgba(50,58,69,.7);
}
div.rgEditPopup select:-internal-list-box option:checked,
div#reportViewer1 .k-menu .k-state-hover > .k-link {
    color: var(--LeftSidebar_Text_ScrollbarBackground_Color) !important;
}
table.RadCalendarMonthView #rcMView_Feb,
table.RadCalendarMonthView #rcMView_Apr,
table.RadCalendarMonthView #rcMView_Jun,
table.RadCalendarMonthView #rcMView_Aug,
table.RadCalendarMonthView #rcMView_Oct,
table.RadCalendarMonthView #rcMView_Dec {
    border-color: var(--LeftSidebar_Text_ScrollbarBackground_Color);
}
div.RadGrid th.rgHeader,
div.RadGrid 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);
}
#MobileLogOffContainer,
#LoginTop,
#LogOffTop,
#DefaultTop,
#PortalName,
#SideNav input.SideNavBtn[type="submit"]:hover,
#SideNav input.SideNavBtn[type="button"]:hover,
table.RadCalendarMonthView .rcButtons,
div.RadCalendar .rcTitlebar,
div .RadCalendar td.rcSelected a,
div.k-calendar-container .k-header,
#LoginBtnContainer > input:hover,
.RadCalendarMonthView td.rcSelected a,
div.RadCalendarPopup .RadCalendarTimeView td.rcSelected,
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 td.k-state-selected .k-link {
    background-color: var(--Login_LogOff_Top_Color);
}
.rgFooter,
div.RadCalendar .rcTitlebar {
    background-color: var(--Calendar_Color);
}

.k-calendar .k-content td.k-today .k-link,
div.RadGrid .rgOptionsIcon:hover:before,
div.RadGrid .rgSorted .rgOptionsIcon:hover:before,
div.RadGrid .FilteredColumnHeader .rgOptionsIcon:before,
div.RadGrid .FilteredColumnHeader .rgSorted .rgOptionsIcon:before {
    color: var(--Login_LogOff_Top_Color);
}
div.RadGrid .rgExpXLS,
div.RadGrid .rgAdd,
div.RadGrid .rgRefresh,
div.RadWindow div.RadDropDownList.ExportDropdown > span.rddlInner,
div.RadDropDownList.ExportDropdown > span.rddlInner,
div.rgEditPopup .rgHeader,
div.rgEditPopup tbody,
div.PopupHeader,
div.RadWindow .rwTitleBar,
.PageInfoItem.PageSwitch button.rbDisabled.ToggleOn:hover,
#MainContentContainer div.RadTabStrip.HeaderRadStrip .rtsLI.rtsSelected,
.PageInfoItem.PageSwitch button.ToggleOn {
    background-color: var(--Button_Toggle_Selected_TitleBar_Border_Color);
}
#tblMenu > div.RadMenu > ul,
.rmItem > span,
.rmItem > a,
#TopRightControls,
#TopLeftControls {
    background-color: var(--Top_Color);
}
div.rddlSlide,
div.RadCalendarPopup.RadCalendarPopupShadows,
.rcbSlide,
.RadMenu .rmVertical span.rmExpand:before,
div.RadMenu .rmSlide .rmLink {
    color: var(--Dropdown_Text_Color);
}
.PageInfoItem.PageSwitch button.rbDisabled.ToggleOn:hover,
#MainContentContainer div.RadTabStrip.HeaderRadStrip .rtsLI.rtsSelected,
.PageInfoItem.PageSwitch button.ToggleOn {
    background-color: var(--Button_Toggle_Selected_TitleBar_Border_Color);
}
.rmRootGroup {
    background-color: var(--Top_Color) !important;
}
.PageCheckbox input[type="checkbox"],
input[type="checkbox"] {
    accent-color: var(--Button_Toggle_Selected_TitleBar_Border_Color);
}
.PageInfoItem .RadInput input.EmptyMessage,
.PageInfoItem .RadInput input.FilterTextBox,
.PageInfoItem div.RadComboBox .rcbInner,
.ControlTitle div.RadComboBox .rcbInner,
.ControlTitle .riTextBox.riEnabled,
.PageInfoItem .riTextBox.riEnabled,
div#reportViewer1 .k-button,
button.FakeSaveButton,
input[type="button"],
div.RadGrid input[type="button"],
input[type="submit"],
button.rgHCMFilter,
button.rgHCMClear,
.PageInfoItem.PageSwitch button,
#MainContentContainer div.RadTabStrip.HeaderRadStrip .rtsLI, 
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,
.PageInfoItem.PageSwitch button.rbDisabled.ToggleOn: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);
}
div#reportViewer1 .k-widget {
    border-color: var(--Border_Color);
}
#MainContentContainer div.RadTabStrip li.rtsLI.rtsSelected {
    border-bottom: 4px solid var(--Button_Toggle_Selected_TitleBar_Border_Color);
}
div#reportViewer1 .trv-menu-large > li.trv-menu-toggleable.k-selected > .k-menu-link > .k-icon,
span.subLabel,
div.EditDropdown,
#MainContentContainer div.RadTabStrip.HeaderRadStrip .rtsTxt,
.ToggleOff > span.rbText,
.ClickableText > input[type="submit"],
.ErrorPageLabelContainer {
    color: var(--LeftSidebar_Text_ScrollbarBackground_Color);
}
div.RadCalendarPopup th,
div.RadCalendar thead {
    background: var(--Calendar_Weeks_Color);
}
span.riSelect a.riUp:hover,
span.riSelect a.riDown:hover {
    color: var(--Calendar_Days_Color);
}
div.RadWindow .rwListItem:hover,
div.RadGrid .rgExpXLS:hover,
div.RadGrid .rgAdd:hover,
div.RadGrid .rgRefresh:hover,
div.RadDropDownList.ExportDropdown > span.rddlInner.rddlFocused,
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,
.PageInfoItem.PageSwitch button.ToggleOn:hover {
    background-color: var(--Top_Color);
}
.PageInfoItem.PageSwitch button.ToggleOn:hover {
    border-color: var(--Top_Color);
}
.PageInfoItem .rcCalPopupOpen .riTextBox.riEnabled,
.PageInfoItem .rcCalPopupOpen .riTextBox.riError,
.PageInfoItem div.RadPicker .RadInput > input:focus-visible {
    border: 2px solid var(--Top_Color) !important;
}
#NavContainer div.rtsTop .rtsLevel1 .rtsLI.rtsSelected,
#RightNav div.rtsTop .rtsLevel1 .rtsLI.rtsSelected,
#RightNav div.rtsTop .rtsLevel1 .rtsLI:hover,
#tblMenu > div.RadMenu > ul.rmRootGroup > li > span:hover,
#InfoContainer:hover,
#LogOffContainer:hover,
.rmRootLink:hover,
.rmExpanded > .rmRootLink {
    background-color: var(--TopNav_Hover_Color);
}
.rpLink,
div.RadGrid .rgPagerCell .rgNumPart a.rgCurrentPage,
.webSettingSaveContainer,
.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 .rgMasterTable > tbody > tr.rgRow,
#RightNav .rgMasterTable > tbody > tr.rgAltRow {
    background-color: var(--Header_Footer_Border_LeftSidebarText_Color);
}
div.rgEditPopup select:-internal-list-box option:checked,
.RolesForm .InlineEditForm {
    background-color: var(--Header_Footer_Border_LeftSidebarText_Color) !important;
}
div.rgGroupPanel.GroupingPanel,
.rgPager div.RadComboBox .rcbInner {
    border: 2px solid var(--Header_Footer_Border_LeftSidebarText_Color);
}
div.RadGrid .rgRow > td,
div.RadGrid .rgAltRow > td,
div.RadGrid .rgEditRow > td,
.MessageTable div.RadGrid tr.rgRow > td,
.MessageTable div.RadGrid tr.rgAltRow > td,
.MessageArea div.RadGrid tr.rgRow > td,
.MessageArea div.RadGrid tr.rgAltRow > td,
.MessageTable div.RadGrid tr.rgRow > td.rgExpandCol,
.MessageTable div.RadGrid tr.rgAltRow > td.rgExpandCol,
.MessageArea div.RadGrid tr.rgRow > td.rgExpandCol,
.MessageArea div.RadGrid tr.rgAltRow > td.rgExpandCol,
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,
div.RadGrid .rgGroupHeader > td,
#RightNav div.RadGrid .rgRow > td,
#RightNav div.RadGrid .rgAltRow > td,
div.RadPanelBar.CrewsPanelBar.WithTop li.rpItem.rpFirst div.rpHeaderTemplate,
div.rgEditPopup textarea,
div.rgEditForm select,
div.rgEditForm textarea,
div.rgEditPopup select,
#RightNav .rgMasterTable > tbody > tr.rgRow > td,
#RightNav .rgMasterTable > tbody > tr.rgAltRow > td {
    border-top: 2px solid var(--Header_Footer_Border_LeftSidebarText_Color);
}
#PortalName,
.ControlTitle,
.SideNavTitle,
#MainContentContainer .PageTable.TabTable div.RadTabStrip,
#MainContentContainer .PopupBody div.RadTabStrip,
div.RadDropDownList > .rddlInner,
.DonutDiv,
.LastStationOpPanel,
div.RadPanelBar li.rpItem div.rpHeaderTemplate.LastPanel,
.WebSettings .Defaults,
div.RadGrid .rgEditRow > td > [type="text"],
div.RadGrid .rgEditRow > td > .RadInput .riTextBox,
div.RadPicker .RadInput > input,
div.rgEditPopup textarea,
div.rgEditForm select,
div.rgEditForm textarea,
div.rgEditPopup select,
.lblDuration,
.InlineEditForm td span.RadInput .riTextBox,
.InlineEditForm td div.RadInput .riTextBox,
.InlineEditForm div.RadPicker .RadInput > input,
.InlineEditForm div.RadPicker .RadInput > input.riDisabled,
div.DefaultContainer .rpRootGroup,
.MessageArea .RadGrid th.rgHeader,
.MessageTable div.RadGrid tbody tr:last-child > td,
.MessageArea div.RadGrid tbody tr:last-child > td,
.MessageTable div.RadGrid tr:last-child > td.rgExpandCol > button.rgExpand,
.MessageTable div.RadGrid tr:last-child > td.rgExpandCol > button.rgExpand,
.MessageArea div.RadGrid tr:last-child > td.rgExpandCol > button.rgExpand,
.MessageArea div.RadGrid tr:last-child > td.rgExpandCol > button.rgExpand,
div.RadCalendar .rcRow:last-child td, div.RadCalendar .rcRow:last-child th,
.PasswordTxtBox,
.PersonalEditForm div.RadPicker .RadInput > input,
div.k-calendar-container .k-calendar,
.SS_splitstyling {
    border-bottom: 2px solid var(--Header_Footer_Border_LeftSidebarText_Color);
}
#RightNavContents,
#ApplicationErrorContainerRight {
    border-left: 3px solid var(--Header_Footer_Border_LeftSidebarText_Color);
}
.PermissionsContainer .SecuritySettingsColumn,
.UserContainer,
.leftColumn,
#UAimgContainer,
.WebSettingLeft,
.LeaveAdminLeft,
div.RadCalendarPopup .rcRow td:last-child {
    border-right: 2px solid var(--Header_Footer_Border_LeftSidebarText_Color);
}
div#TimeMessageContainer,
#SideNav td > span,
#SideNav .currentStatusLabel {
    color: var(--Header_Footer_Border_LeftSidebarText_Color);
}
.PageSubInfo,
.InlineEditTable div.RadGrid .rgEditRow,
.MainPanel div.RadGrid .rgGroupHeader > td,
div.RadGrid .rgPagerCell .rgNumPart a:hover,
table.RadCalendarMonthView a:hover,
.PersonalEditForm div.RadDropDownList > .rddlInner.rddlDisabled,
.PasswordTxtBox,
.PersonalEditForm td .RadInput.RadInputDisabled,
.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,
div.RadGrid 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 .rgFilterMenu 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.rtsTop .rtsLevel1 .rtsUL,
#ctl00_MainContent_GenErrPanel,
.UnitAssigmentColumnRight tr.rgGroupHeader,
div.RadComboBox .rcbInner,
input[type="submit"]:hover,
.PersonalEditForm.WebSettings div.RadComboBox .rcbInner,
.PersonalEditForm div.RadComboBox .rcbInner.rcbDisabled,
div.RadComboBox .rcbInner.rcbDisabled:hover,
div.RadGrid th.rgHeader.filteringColumn,
.MessageArea th.rgHeader.rgSorted,
.InlineEditTable div.RadGrid .rgEditRow > td.rgSorted,
.ControlTitle,
div.DefaultContainer .rpItem.rpFirst,
button.ToggleOff:hover,
div.RadPicker .RadInputDisabled > input,
tr.PersonalEditForm textarea:disabled,
.PersonalEditForm.WebSettings td span.RadInput .riTextBox,
.PersonalEditForm.WebSettings td div.RadInput .riTextBox,
div#TimeoutModalPopup,
div.rwDialog button[type="button"]:hover {
    background-color: var(--FieldsBackground_DropDown_SectionBars_Border_Color);
}

.modalForm input[type="button"]:hover {
    background-color: var(--Modal_InputHover_Background_Color);
}
.MessageArea div.RadGrid tr.rgNoRecords > td.rgExpandCol,
.MessageTable div.RadGrid tr > td,
.MessageArea div.RadGrid tr > td,
.MessageTable div.RadGrid tr.rgPager:hover > td {
    border-top: 1px solid var(--FieldsBackground_DropDown_SectionBars_Border_Color);
}
.MessageTable div.RadGrid tr:hover > td {
    border-bottom: 1px solid var(--Login_LogOff_Top_Color);
    border-top: 1px solid var(--Login_LogOff_Top_Color);
}
.MessageTable div.RadGrid tr:hover > td.rgExpandCol {
    border-bottom: 1px solid var(--Login_LogOff_Top_Color);
    border-top: 1px solid white;
}

.MessageTable div.RadGrid tr.rgRow:hover > td,
.MessageTable div.RadGrid tr.rgAltRow:hover > td {
    border-top: 1px solid var(--Header_Footer_Border_LeftSidebarText_Color);
}
.imagePreview,
.backgroundPreview,
.dropdownContainer.containerWithBorder {
    border-top: 2px solid var(--FieldsBackground_DropDown_SectionBars_Border_Color);
}
.backgroundPreview,
.imagePreview,
#MainContentContainer div.RadTabStrip {
    border-bottom: 2px solid var(--FieldsBackground_DropDown_SectionBars_Border_Color);
}
div.RadCalendarPopup td {
    border-color: var(--FieldsBackground_DropDown_SectionBars_Border_Color);
}

.MainTableContainer.Expandable,
div.RadMenu .rmSlide .rmLink:hover,
div.RadComboBoxDropDown .rcbHovered,
div.RadCalendarPopup .RadCalendarTimeView td.rcHover,
.PersonalEditForm div.RadDropDownList > .rddlInner.rddlFocused,
.PersonalEditForm div.RadDropDownList > .rddlInner.rddlHovered,
.InlineEditForm,
.errorRowTable,
.PersonalEditForm.WebSettings td .RadInput,
table.ButtonTable,
table.ButtonTable tbody,
div.rgEditPopup tbody,
div.RadWindow,
div.GridContextMenu .rgFilterMenu .rgHCMClear:hover,
div.GridContextMenu .rgFilterMenu .rgHCMFilter:hover,
div.RadPanelBar li.rpItem div.rpHeaderTemplate,
div.RadPanelBar.CrewsPanelBar li.rpItem span.rpLink.rpRootLink,
div.ModalPopup,
li.rddlItem.rddlItemSelected,
body > form.modalForm,
#RightNav,
.PasswordTxtBox:hover,
.PersonalEditForm.WebSettings td span.RadInput .riTextBox:hover,
.PersonalEditForm.WebSettings td div.RadInput .riTextBox:hover,
.PersonalEditForm.WebSettings div.RadComboBox .rcbInner:hover,
div.RadComboBox .rcbInner:hover,
div.RadComboBox .rcbInner.rcbExpanded,
div.RadGrid .rgRow:hover,
div.RadGrid .rgAltRow:hover,
.MessageTable div.RadGrid .rgRow:hover > td,
.MessageTable div.RadGrid .rgAltRow:hover > td,
#RightNav .ControlTitle,
div.RadCalendar .rcRow a:hover,
div.RadCalendar .rcRow span:hover,
#RightNav .UpcomingEventsContainer .rgMasterTable > tbody > tr.rgRow,
#RightNav .UpcomingEventsContainer .rgMasterTable > tbody > tr.rgAltRow,
.GroupsContainer .PageInfo,
div.rddlPopup .rddlItem:hover,
#APContainer,
#RightNav .ControlTitle, 
#APContainer, 
#APMain,
#Info {
    background-color: var(--FieldsBorder_MenuBorder_RightSidebar_Info_Color);
}
div.rgEditPopup {
    background-color: var(--ModalEditPopup_Background_Color);
}
th.rgHeader.rgSorted {
    background-color: var(--Sort_Header_Color);
}
#RightNav div.RadGrid .rgDetailTable .rgRow:hover,
#RightNav div.RadGrid .rgDetailTable .rgAltRow: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.rgEditPopup {
    border: 3px solid var(--FieldsBorder_MenuBorder_RightSidebar_Info_Color);
}
div.RadCalendar tr.rcWeek > th,
div.RadPicker .RadInput > input,
.EditContainer div.RadPicker .RadInput > 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 div.RadPicker .RadInput > input {
    border-right: 3px solid var(--FieldsBorder_MenuBorder_RightSidebar_Info_Color);
}
div.RadMenu .rmSlide .rmLink,
div.RadComboBoxDropDown .rcbItem,
div.rddlPopup .rddlItem,
div.RadComboBoxDropDown .rcbHovered {
    border-bottom: 1px solid var(--FieldsBorder_MenuBorder_RightSidebar_Info_Color);
}
div.RadWindow {
    border-color: var(--FieldsBorder_MenuBorder_RightSidebar_Info_Color);
}
div.RadPicker.rcCalPopupOpen .riTextBox,
div.RadPicker.rcTimePopupOpen .riTextBox {
    border-color: var(--FieldsBorder_MenuBorder_RightSidebar_Info_Color);
    border-top-color: white;
}
div.RadPicker.rcCalPopupOpen .rcCalPopup,
div.RadPicker.rcTimePopupOpen .rcTimePopup,
a.rcCalPopup:hover,
a.rcTimePopup:hover,
.PersonalEditForm div.RadPicker.rcCalPopupOpen .rcCalPopup,
.PersonalEditForm div.RadPicker.rcTimePopupOpen .rcTimePopup,
.PersonalEditForm a.rcCalPopup:hover,
.PersonalEditForm a.rcTimePopup:hover,
.PopupBody .PersonalEditForm div.RadPicker.rcCalPopupOpen .rcCalPopup,
.PopupBody .PersonalEditForm div.RadPicker.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 div.RadPicker .RadInputDisabled div.rcSelect,
.InlineEditForm div.RadPicker .RadInputDisabled div.rcSelect,
div.GridContextMenu span.rcbInner.rcbReadOnly.rcbHovered,
div.GridContextMenu span.rcbInner.rcbReadOnly.rcbFocused,
.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 .RadComboBox .rcbInner:hover,
.PopupBody div.RadComboBox .rcbInner.rcbExpanded,
#SideNav div.RadComboBox.LateReasonDropdown .rcbInner.rcbExpanded,
.MessageTable div.RadGrid .rgRow > td,
.MessageTable div.RadGrid .rgAltRow > td,
.MessageArea div.RadGrid .rgRow > td,
.MessageArea div.RadGrid .rgAltRow > td,
.MessageArea .RadGrid .rgRow:hover td.rgSorted,
.MessageArea div.RadGrid .rgAltRow:hover td.rgSorted,
.rgEditForm div.RadComboBox .rcbInner:hover,
.rgEditForm div.RadComboBox .rcbInner.rcbExpanded,
.rgEditRow div.RadComboBox .rcbInner:hover,
.rgEditRow div.RadComboBox .rcbInner.rcbExpanded {
    background-color: var(--SectionBackground_Border_Color);
}
.PersonalEditForm div.RadPicker .RadInput > input {
    border-right: 3px solid var(--SectionBackground_Border_Color);
}
.InlineEditForm .RadInputDisabled a,
.PersonalEditForm .RadInputDisabled a,
.PersonalEditForm .RadInputDisabled .riTextBox,
.InlineEditForm .RadInputDisabled .riTextBox {
    border-color: var(--SectionBackground_Border_Color);
}
div#reportViewer1 .k-textbox,
div.rgEditForm span.rcbInner,
tr.rgEditRow span.rcbInner,
.EditContainer .RadListBox .rlbGroup {
    border-color: var(--Header_Footer_Border_LeftSidebarText_Color);
}
#SideNav div.RadComboBox.LateReasonDropdown .rcbInner,
.PersonalEditForm td span.RadInput .riTextBox.textboxReadOnly,
.PersonalEditForm td div.RadInput .riTextBox.textboxReadOnly,
.InlineEditForm td span.RadInput .riTextBox.textboxReadOnly,
.InlineEditForm td div.RadInput .riTextBox.textboxReadOnly,
td span.RadInput .riTextBox.textboxReadOnly,
td div.RadInput .riTextBox.textboxReadOnly,
td div.EditContainer div.flexChild span.RadInput .riTextBox,
.PersonalEditForm .RadInputDisabled a,
.PersonalEditForm .RadInputDisabled .riTextBox {
    border-bottom-color: var(--Header_Footer_Border_LeftSidebarText_Color);
}
div.RadPicker div.rcSelect,
.RBContainer,
.PersonalEditForm div.RadPicker div.rcSelect {
    border-bottom: 1px solid var(--Header_Footer_Border_LeftSidebarText_Color);
}
div.RadAjax .raColor {
    border-color: var(--Sidebars_Border_Color);
}
.RadListBox .rlbGroup,
div.RadEditor {
    border: var(--Border_Color) solid;
}
.PageInfo,
.PageSubInfo,
div.RadComboBox .rcbInner,
.ControlTitle.RadWindowControls,

.RolesForm .InlineEditForm {
    border-bottom: 2px solid var(--Border_Color);
}
.PersonalEditForm div.RadPicker .RadInput > input.riDisabled,
.PersonalEditForm div.RadComboBox .rcbInner,
.PersonalEditForm div.RadDropDownList > .rddlInner,
.InlineEditTable div.RadGrid .rgEditRow > td > .RadInput .riTextBox,
.InlineEditTable div.RadGrid .rgEditRow > td > [type="text"],
.InlineEditTable div.RadGrid .rgEditRow div.RadComboBox .rcbInner,
.InlineEditTable div.RadPicker .RadInput > input,
.PersonalEditForm td span.RadInput .riTextBox,
tr.PersonalEditForm textarea,
.PersonalEditForm.WebSettings td div.RadInput .riTextBox,
.PersonalEditForm td div.RadInput .riTextBox {
    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);
}
div.RadComboBoxDropDown.CheckBoxDDown .rcbScroll,
span.rpLink.rpRootLink,
.webSettingSaveContainer {
    border-top: 2px solid var(--Border_Color);
}
#SideNavContents::-webkit-scrollbar-track,
div.RadCalendarPopup > div::-webkit-scrollbar-track,
.rpSlide::-webkit-scrollbar-track,
.scrollContainer::-webkit-scrollbar-track,
.scrollContainerActivePersonnel::-webkit-scrollbar-track,
.MessageArea::-webkit-scrollbar-track,
select::-webkit-scrollbar-track,
.rcbScroll::-webkit-scrollbar-track,
.rddlList::-webkit-scrollbar-track,
textarea::-webkit-scrollbar-track,
.rlbGroup::-webkit-scrollbar-track,
.MainTableContainer::-webkit-scrollbar-track,
.TabTable::-webkit-scrollbar-track,
.RadMultiPage::-webkit-scrollbar-track,
.rgDataDiv::-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 .rcbInner,
#LoginInputContainer > input,
#ValCntr > input,
#LoginInputContainer > textarea,
#ValCntr > textarea {
    background-color: var(--LeftSidebar_FieldsBackground_Color);
    border-bottom-color: var(--LeftSidebar_FieldsBorder_Color);
}
#LoginBtnContainer > input,
#SideNav input.SideNavBtn[type="submit"],
#SideNav input.SideNavBtn[type="button"] {
    border: 2px solid var(--LeftSidebar_FieldsBorder_Color);
}
div#SideTimeTracker {
    border-top: 2px solid var(--LeftSidebar_FieldsBorder_Color);
}
div.RadCalendarPopup .rcRow td:first-child,
.EmergencyPersonnel td.rightContainer {
    border-left: 2px solid var(--Header_Footer_Border_LeftSidebarText_Color);
}
#SideNavContents::-webkit-scrollbar-thumb,
div.RadCalendarPopup > div::-webkit-scrollbar-thumb,
.rpSlide::-webkit-scrollbar-thumb,
.scrollContainer::-webkit-scrollbar-thumb,
.scrollContainerActivePersonnel::-webkit-scrollbar-thumb,
.MessageArea::-webkit-scrollbar-thumb,
select::-webkit-scrollbar-thumb,
.rcbScroll::-webkit-scrollbar-thumb,
.rddlList::-webkit-scrollbar-thumb,
textarea::-webkit-scrollbar-thumb,
.rlbGroup::-webkit-scrollbar-thumb,
.MainTableContainer::-webkit-scrollbar-thumb,
.TabTable::-webkit-scrollbar-thumb,
.RadMultiPage::-webkit-scrollbar-thumb,
.rgDataDiv::-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.RadGrid .rgOptionsIcon:before {
    color: var(--LeftSidebar_FieldsBorder_Color);
}
.scrollPanel {
    border-top: 2px solid #bdbdbd;
}
.RadListBox .rlbGroup, 
div.RadEditor {
    border: #bdbdbd;
}
div.RadMenu span.RadInput > .riTextBox,
div.RadMenu div.RadInput > .riTextBox {
    border: 2px solid #bdbdbd;
}
#SideNav .rcbInner:hover,
#SideNav .rcbInner.rcbExpanded {
    background-color: var(--Sidebar_Dropdown_Hover_Color);
}
.nestedGroup .InlineCancelBtn,
div.RadGrid .EditIcon.SignUpBtn > input,
div.RadGrid .EditIcon input[title="Edit"],
div.RadGrid .EditIcon input[title="Delete"],
div.RadGrid .rgEditRow > td [type="image"] {
    filter: var(--Button_Filter);
}
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;
}
div.GridModal,
div.TelerikModalOverlay,
div.GridModal_Web20,
div.ModalPopupBG,
div#filterModal,
div#exportModal,
div#sizeFilterModal {
    background-image: linear-gradient(var(--Modal_Gradient_Color_Top), var(--Modal_Gradient_Color_Bottom)) !important;
}
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 div.RadComboBox.LateReasonDropdown .rcbInner.rcbExpanded,
.InlineEditForm select:focus-visible,
.InlineEditForm textarea:focus-visible,
div.rgEditPopup select:focus-visible,
div.rgEditPopup textarea:focus-visible,
tr.PersonalEditForm textarea:focus-visible,
.rgEditForm div.RadDropDownList > .rddlInner.rddlFocused,
.rgEditForm div.RadComboBox .rcbInner.rcbFocused,
.PersonalEditForm div.RadComboBox .rcbInner.rcbFocused,
.PersonalEditForm div.RadDropDownList .rddlInner.rddlFocused,
.rgEditForm div.RadComboBox .rcbInner.rcbExpanded,
.rgEditRow div.RadComboBox .rcbInner.rcbExpanded,
.PersonalEditForm div.RadComboBox .rcbInner.rcbExpanded {
    border-color: var(--Login_LogOff_Top_Color) !important;
}
div.RadGrid .rgRow:hover > td:first-child:before, 
div.RadGrid .rgAltRow:hover > td:first-child:before,
div.RadGrid .rgEditRow > td:first-child:before {
    background-color: var(--Login_LogOff_Top_Color);
}
.InlineEditForm,
.errorRowTable,
table.ButtonTable {
    border-left: 3px solid var(--Login_LogOff_Top_Color);
}
.PersonalEditForm {
    border-left: 2px solid var(--Login_LogOff_Top_Color);
}
.PopupBody.WithBorder .InlineEditForm {
    border-left: solid var(--Login_LogOff_Top_Color);
}
.PasswordTxtBox:focus-visible,
td span.RadInput .riTextBox:focus-visible,
.InlineEditForm td span.RadInput .riTextBox:focus-visible,
.InlineEditForm td div.RadInput .riTextBox:focus-visible,
.PersonalEditForm td span.RadInput .riTextBox:focus-visible,
.PersonalEditForm td div.RadInput .riTextBox:focus-visible,
div.RadGrid .rgEditRow > td > input:focus-visible,
div.RadGrid .rgEditRow > td > .RadInput .riTextBox:focus-visible,
div.RadPicker .RadInput > input:focus-visible,
div.RadPicker.rcCalPopupOpen .riTextBox,
.InlineEditForm div.RadPicker.rcCalPopupOpen .RadInput > input,
.PersonalEditForm div.RadPicker.rcCalPopupOpen .RadInput > input,
div.RadPicker.rcCalPopupOpen .rcSelect,
div.RadPicker.rcMYPopupOpen .riTextBox,
div.RadPicker.rcMYPopupOpen .rcSelect,
div.RadPicker.rcTimePopupOpen .riTextBox,
div.RadPicker.rcTimePopupOpen .rcSelect {
    border-bottom-color: var(--Login_LogOff_Top_Color) !important;
}
/*#endregion Skin Colors*/