/* Minification failed. Returning unminified contents.
(28,21): run-time error CSS1030: Expected identifier, found '.'
(28,36): run-time error CSS1031: Expected selector, found ')'
(28,36): run-time error CSS1025: Expected comma or open brace, found ')'
(33,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-xl'
(34,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-xl'
(39,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-lg'
(40,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-lg'
(44,28): run-time error CSS1039: Token not allowed after unary operator: '-color-cpprt-primary'
(48,28): run-time error CSS1039: Token not allowed after unary operator: '-color-district-primary'
(52,28): run-time error CSS1039: Token not allowed after unary operator: '-color-fast-primary'
(66,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color-rgb'
(1020,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1021,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1022,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1023,28): run-time error CSS1039: Token not allowed after unary operator: '-color-cps-primary'
(1030,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1031,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1032,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1040,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-light'
(1047,17): run-time error CSS1039: Token not allowed after unary operator: '-color-blue'
(1058,17): run-time error CSS1039: Token not allowed after unary operator: '-color-fast-primary'
(1062,17): run-time error CSS1039: Token not allowed after unary operator: '-color-grey'
(1076,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1077,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1078,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1079,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1083,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1084,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1085,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1086,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1089,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1090,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1091,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1092,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1109,28): run-time error CSS1039: Token not allowed after unary operator: '-color-hover'
(1116,17): run-time error CSS1039: Token not allowed after unary operator: '-color-headings'
(1132,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(1134,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text'
(1144,28): run-time error CSS1039: Token not allowed after unary operator: '-color-hover'
(1149,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text'
(1155,19): run-time error CSS1039: Token not allowed after unary operator: '-svg-toggle'
(1161,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text'
(1177,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(1181,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text'
(1201,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text'
(1206,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(1212,28): run-time error CSS1039: Token not allowed after unary operator: '-color-hover'
(1213,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text'
(1217,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text'
(1218,28): run-time error CSS1039: Token not allowed after unary operator: '-color-bg'
(1220,28): run-time error CSS1039: Token not allowed after unary operator: '-svg-toggle-select'
(1224,28): run-time error CSS1039: Token not allowed after unary operator: '-color-select-bg'
(1233,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1234,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1235,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1236,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1237,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1238,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1239,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1240,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1241,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1242,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1243,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1244,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1246,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1247,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1248,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1249,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1250,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1251,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1253,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1254,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
 */
.signin-logo {
    height: 1.45rem;
    width: 1.45rem;
}
.master-page {
    overflow: hidden;
}

.floating-account-form {
    width: 440px;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    padding: 1rem;
    -ms-flex-direction: column;
    flex-direction: column;
    pointer-events: auto;
    background-color: rgba(59, 148, 219, .8);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 1.1rem;
    outline: 0;
}

/*
This exists to change the background to match the navbar color when on a rounded subpage so we can see the color behind the curve, but not if on a non-sub page like home or users
*/
.master-page:has(div.submaster-page) {
    background-color: var(--color-cps-primary);
}

.submaster-page > div {
    border-top-left-radius : var(--bs-border-radius-xl);
    border-top-right-radius : var(--bs-border-radius-xl);
}

.form-content {
    background-image: url(../../Content/images/CPS-BackgroundFade.png);
    border-top-left-radius : var(--bs-border-radius-lg);
    border-top-right-radius : var(--bs-border-radius-lg);
}

.cpprt-master {
    background-color: var(--color-cpprt-primary);
}

.district-master {
    background-color: var(--color-district-primary);
}

.fast-master {
    background-color: var(--color-fast-primary);
}


/*Telerik Controls*/
.form-control-telerik.RadComboBox_Bootstrap {
  width: 100% !important;
}

.form-control-telerik.RadComboBox_Bootstrap.is-invalid td{
  border-color:red;
}

.floating-label {
    color:rgba(var(--bs-body-color-rgb), 0.65);
}
body {
    margin: 0;
    padding: 0;
    height: 100%;
    background-image: url(../../Content/images/CPS-BackgroundFade.png);
    background-position: top;
    background-repeat: repeat-x
}

.fullWidth {
    width: 100%;
    min-width: 100%
}

.minHeight150 {
    min-height: 150px
}

.minHeight200 {
    min-height: 200px
}

.backgroundWhite {
    background-color: #fff
}

.backgroundGreen {
    background-color: #6ad27d
}

.backgroundDarkBlue {
    background-color: #059
}

.backgroundDarkGrey {
    background-color: #777
}

.lightGreen {
    color: #c0ffcc
}

.lightBlue {
    color: #abd8fc
}

.lightGrey {
    color: #aaa
}

table .heading {
    width: 100%;
    border: 0
}

td {
    text-align: left
}

td.centered {
  text-align: center
}

.FormTitle {
    text-align: left;
    color: #000;
    letter-spacing: 1pt;
    font-weight: 700;
    font-size: 12pt;
    height: 40px
}

.FormTitle td {
    vertical-align: middle
}

.FormTitleSubItem {
    text-align: left;
    color: #000;
    letter-spacing: 1pt;
    font-weight: 700;
    font-size: 10pt;
    height: 30px
}

.FormSectionRow {
    background-position: bottom;
    text-align: left;
    color: #000;
    font-weight: 700;
    height: 35px;
    font-size: 8pt;
    background-image: url(../../Content/images/cps-formheadingbackground-lightgrey.png);
    background-repeat: repeat-x;
    padding-left: 20px;
    padding-bottom: 5px
}

.input {
    border-width: 1px;
    border-style: solid;
    border-color: #676767
}

input[type="checkbox"] {
    margin-right: 4px;
}

.textarea {
    border-width: 1px;
    border-style: solid;
    border-color: #676767;
    width: 141px;
    height: 86px;
    overflow: auto;
    padding-left: 3px
}

.LogoHeaderTop {
    background: #009 url(../../Content/images/CPS-2-Header-LogoTop.png) no-repeat left top;
    height: 66px;
    text-align: right;
    vertical-align: bottom
}

.LogoHeaderBottom {
    background: #000 url(../../Content/images/CPS-2-Header-LogoBottom.png) no-repeat left top;
    height: 34px;
    text-align: right;
    vertical-align: bottom
}

.ContentAreaWhiteBox {
    text-align: left
}

.ContentAreaWhiteBox1200 {
    text-align: left;
    width: 1200px;
    padding: 5px 10px 15px 5px
}

.ContentAreaWhiteBox1250 {
    text-align: left;
    width: 1250px;
    padding: 5px 10px 15px 5px
}

.ContentAreaFooterToolBar {
    width: 1200px;
    padding: 5px 10px 15px 5px;
    text-align: center
}

.ContentAreaHeaderTop {
    width: 300px;
    font-size: 8pt;
    font-weight: 700;
    color: #fff;
    text-align: right;
    margin-top: 5px;
    margin-left: 0;
    margin-bottom: 0;
    margin-right: 5px;
    max-height: 66px
}

.ContentAreaHeaderBottom {
    width: 300px;
    font-size: 8pt;
    color: #fff;
    text-align: right;
    margin-top: 5px;
    margin-left: 0;
    margin-bottom: 0;
    margin-right: 5px;
    max-height: 34px
}

.ProjectContentAreaTitleBar {
    background: url(../../Content/images/CPS-TitleBox-Grey-CPPRT.png) no-repeat left bottom;
    margin: 10px;
    padding-bottom: 10px
}

.ProjectContentAreaSideMenu {
    background: url(../../Content/images/CPS-MenuBox-Grey.png) no-repeat right bottom;
    padding-top: 5px;
    padding-bottom: 5px;
    min-height: 100px
}

.ProjectContentAreaTitleBar h1 {
    width: 790px;
    font-size: 10pt;
    font-weight: 700;
    padding-bottom: 0;
    color: #fff;
    margin-top: 10px;
    margin-left: 20px;
    margin-bottom: 10px;
    margin-right: 10px;
    border-bottom-color: #aaa;
    border-bottom-style: solid;
    border-bottom-width: 1px
}

.ProjectContentAreaTitleBar h2 {
    font-size: 8pt;
    font-weight: lighter;
    color: #aaa;
    margin-top: 5px;
    margin-left: 25px;
    margin-bottom: 5px;
    margin-right: 10px
}

.ProjectContentAreaTitleBar h3 {
    font-size: 8pt;
    font-weight: 700;
    margin-bottom: 0;
    margin-left: 5px;
    margin-right: 0;
    margin-top: 0
}

.ProjectContentAreaSideMenu h1 {
    width: 160px;
    font-size: 12pt;
    font-weight: 700;
    padding-bottom: 0;
    color: #fff;
    margin-top: 10px;
    margin-left: 20px;
    margin-bottom: 10px;
    margin-right: 10px;
    border-bottom-color: #aaa;
    border-bottom-style: solid;
    border-bottom-width: 1px
}

.ProjectContentAreaSideMenu h2 {
    font-size: 8pt;
    font-weight: lighter;
    color: #aaa;
    margin-top: 5px;
    margin-left: 25px;
    margin-bottom: 5px;
    margin-right: 10px
}

.ProjectContentAreaSideMenu h3 {
    font-size: 8pt;
    font-weight: 700;
    margin-bottom: 0;
    margin-left: 5px;
    margin-right: 0;
    margin-top: 0
}

.FASTContentAreaTitleBar {
    background: url(../../Content/images/CPS-TitleBox-DarkBlue-FAST.png) no-repeat left bottom
}

.FASTContentAreaSideMenu {
    background: url(../../Content/images/CPS-MenuBox-DarkBlue.png) no-repeat right bottom;
    padding-top: 5px;
    padding-bottom: 5px;
    min-height: 100px
}

.FASTContentAreaTitleBar h1 {
    width: 800px;
    font-size: 12pt;
    font-weight: 700;
    padding-bottom: 0;
    color: #fff;
    margin-top: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
    border-bottom-color: #aaa;
    border-bottom-style: solid;
    border-bottom-width: 1px
}

.FASTContentAreaTitleBar h2 {
    font-size: 8pt;
    font-weight: lighter;
    color: #aaa;
    margin-top: 5px;
    margin-left: 25px;
    margin-bottom: 5px;
    margin-right: 10px
}

.FASTContentAreaTitleBar h3 {
    font-size: 8pt;
    font-weight: 700;
    margin-bottom: 0;
    margin-left: 5px;
    margin-right: 0;
    margin-top: 0
}

.FASTContentAreaSideMenu h1 {
    width: 160px;
    font-size: 12pt;
    font-weight: 700;
    padding-bottom: 0;
    color: #fff;
    margin-top: 10px;
    margin-left: 20px;
    margin-bottom: 10px;
    margin-right: 10px;
    border-bottom-color: #aaa;
    border-bottom-style: solid;
    border-bottom-width: 1px
}

.FASTContentAreaSideMenu h2 {
    font-size: 8pt;
    font-weight: lighter;
    color: #aaa;
    margin-top: 5px;
    margin-left: 25px;
    margin-bottom: 5px;
    margin-right: 10px
}

.FASTContentAreaSideMenu h3 {
    font-size: 8pt;
    font-weight: 700;
    margin-bottom: 0;
    margin-left: 5px;
    margin-right: 0;
    margin-top: 0
}

.MasterContentAreaTitleBar {
    background: url(../../Content/images/CPS-TitleBox-DarkBlue-CPPRT.png) no-repeat left bottom
}

.MasterContentAreaTitleBar h1 {
    width: 800px;
    font-size: 12pt;
    font-weight: 700;
    padding-bottom: 0;
    color: #fff;
    margin-top: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
    border-bottom-color: #aaa;
    border-bottom-style: solid;
    border-bottom-width: 1px
}

.MasterContentAreaTitleBar h2 {
    font-size: 8pt;
    font-weight: lighter;
    color: #aaa;
    margin-top: 5px;
    margin-left: 15px;
    margin-bottom: 5px;
    margin-right: 10px
}

.MasterContentAreaTitleBar h3 {
    font-size: 8pt;
    font-weight: 700;
    margin-bottom: 0;
    margin-left: 5px;
    margin-right: 0;
    margin-top: 0
}

.MasterContentAreaSideMenu {
    background: url(../../Content/images/CPS-MenuBox-DarkBlue.png) no-repeat right bottom;
    padding-top: 5px;
    padding-bottom: 5px;
    min-height: 100px
}

.MasterContentAreaSideMenu h1 {
    width: 160px;
    font-size: 12pt;
    font-weight: 700;
    padding-bottom: 0;
    color: #fff;
    margin-top: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
    border-bottom-color: #aaa;
    border-bottom-style: solid;
    border-bottom-width: 1px
}

.MasterContentAreaSideMenu h2 {
    font-size: 8pt;
    font-weight: lighter;
    color: #aaa;
    margin-top: 5px;
    margin-left: 15px;
    margin-bottom: 5px;
    margin-right: 10px
}

.MasterContentAreaSideMenu h3 {
    font-size: 8pt;
    font-weight: 700;
    margin-bottom: 0;
    margin-left: 5px;
    margin-right: 0;
    margin-top: 0
}

.FormHeadingRow {
    background-position: bottom;
    color: #fff;
    letter-spacing: 1pt;
    font-weight: 700;
    height: 30px;
    font-size: 10pt;
    background-image: url(../../Content/images/cps-formheadingbackground-midblue.png);
    background-repeat: repeat-x
}

.FormHeadingRow td {
    padding: 0 0 0 10px;
    text-align: left;
    vertical-align: middle
}

.FormFieldRow-Blue {
    background-color: #efeffc;
    height: 50px;
    font-size: 8pt;
    vertical-align: top;
    padding-top: 10px;
    padding: 10px 0 0 0;
    text-align: center
}

.FormFieldRow-White {
    background-color: #fff;
    height: 50px;
    font-size: 8pt;
    vertical-align: top;
    padding-top: 10px;
    padding: 10px 0 0 0;
    text-align: center
}

.FormFieldRow-SmallWhiteCopy {
    background-color: #fff;
    height: 25px;
    font-size: 8pt;
    vertical-align: top;
    padding-top: 10px;
    padding: 0;
    text-align: center
}

.FormFieldRow-SmallWhiteCopy td {
    vertical-align: middle
}

.FormFieldRow-SmallBlueCopy {
    background-color: #efeffc;
    height: 25px;
    font-size: 8pt;
    vertical-align: top;
    padding-top: 10px;
    padding: 0;
    text-align: center
}

.FormFieldRow-SmallBlueCopy td {
    vertical-align: middle
}

.FormTitleSubItemLink {
    text-align: left;
    color: #00c;
    letter-spacing: 1pt;
    font-weight: 700;
    font-size: 10pt;
    height: 50px;
    text-decoration: none;
    vertical-align: middle
}

.cal_Theme1 .ajax__calendar_container {
    background-color: #e2e2e2;
    border: solid 1px #ccc
}

.cal_Theme1 .ajax__calendar_header {
    background-color: #fff;
    margin-bottom: 4px
}

.cal_Theme1 .ajax__calendar_next, .cal_Theme1 .ajax__calendar_prev, .cal_Theme1 .ajax__calendar_title {
    color: #004080;
    padding-top: 3px
}

.cal_Theme1 .ajax__calendar_body {
    background-color: #e9e9e9;
    border: solid 1px #ccc
}

.cal_Theme1 .ajax__calendar_dayname {
    text-align: center;
    font-weight: 700;
    margin-bottom: 4px;
    margin-top: 2px
}

.cal_Theme1 .ajax__calendar_day {
    text-align: center
}

.cal_Theme1 .ajax__calendar_active, .cal_Theme1 .ajax__calendar_hover .ajax__calendar_day, .cal_Theme1 .ajax__calendar_hover .ajax__calendar_month, .cal_Theme1 .ajax__calendar_hover .ajax__calendar_year {
    color: #004080;
    font-weight: 700;
    background-color: #fff
}

.cal_Theme1 .ajax__calendar_today {
    font-weight: 700
}

.cal_Theme1 .ajax__calendar_hover .ajax__calendar_title, .cal_Theme1 .ajax__calendar_hover .ajax__calendar_today, .cal_Theme1 .ajax__calendar_other {
    color: #bbb
}

div.ajax__calendar_days table tr td {
    padding-right: 0px;
}

.Calendar .ajax__calendar_container {
    border: 1px solid #E0E0E0;
    background-color: #FAFAFA;
    width: 200px;
}

.Calendar .ajax__calendar_header {
    font-size: 14px;
    text-align: center;
    color: #9F9F9F;
    font-weight: normal;
    text-shadow: 0px 0px 2px #D3D3D3;
    height: 20px;
}

.Calendar .ajax__calendar_title,
.Calendar .ajax__calendar_next,
.Calendar .ajax__calendar_prev {
    color: #004080;
}

.Calendar .ajax__calendar_body {
    width: 200px;
    height: 125px;
    position: relative;
    margin: 10px;
}

.Calendar .ajax__calendar_dayname {
    font-size: 9px;
    text-align: center;
    color: #3B94DB;
    font-weight: bold;
    text-shadow: 0px 0px 2px #D3D3D3;
    text-align: center !important;
    background-color: #EDEDED;
    border: solid 1px #D3D3D3;
    text-transform: uppercase;
    margin: 1px;
    width: 22px;
}

.Calendar .ajax__calendar_day {
    font-size: 10px;
    text-align: center;
    font-weight: bold;
    text-shadow: 0px 0px 2px #D3D3D3;
    text-align: center !important;
    border: solid 1px #E0E0E0;
    text-transform: uppercase;
    margin: 1px;
    width: 22px !important;
    color: #474747;
    height: 15px;
}

.Calendar .ajax__calendar_hover .ajax__calendar_day,
.Calendar .ajax__calendar_hover .ajax__calendar_month,
.Calendar .ajax__calendar_hover .ajax__calendar_year,
.Calendar .ajax__calendar_active {
    color: red;
    font-weight: bold;
    background-color: #ffffff;
}

.Calendar .ajax__calendar_year {
    border: solid 1px #E0E0E0;
    font-size: 10px;
    text-align: center;
    font-weight: bold;
    text-shadow: 0px 0px 2px #D3D3D3;
    text-align: center !important;
    vertical-align: middle !important;
    margin: 1px;
    height: 40px;
}

.Calendar .ajax__calendar_month {
    border: solid 1px #E0E0E0;
    font-size: 10px;
    text-align: center;
    font-weight: bold;
    text-shadow: 0px 0px 2px #D3D3D3;
    text-align: center !important;
    vertical-align: middle !important;
    margin: 1px;
    height: 40px;
}

.Calendar .ajax__calendar_today {
    font-size: 10px;
    text-align: center;
    font-weight: bold;
    text-shadow: 0px 0px 2px #D3D3D3;
    text-align: center !important;
    text-transform: uppercase;
    margin: 1px;
    color: #6b6b6b;
}

.Calendar .ajax__calendar_other {
    background-color: #E0E0E0;
    margin: 1px;
    width: 17px;
}

.Calendar .ajax__calendar_hover .ajax__calendar_today,
.Calendar .ajax__calendar_hover .ajax__calendar_title {
}

.Calendar .ajax__calendar_footer {
    width: 175px;
    border: none;
    height: 20px;
    vertical-align: middle;
    color: #6B6B6B;
}

.Calendar .ajax__scroll_none {
    overflow: visible !important;
    z-index: 10000 !important;
}

img.PopupImg {
    vertical-align: middle;
    padding: 0px;
    margin: 0px;
    border: none;
}


hr.rounded {
    border-top: 3px solid #bbb;
    border-radius: 5px;
}

.radioButtonList input[type="radio"] {
    width: auto;
    float: left;
    margin: 7px 0 0 7px;
}

.radioButtonList label {
    width: auto;
    display: inline;
    padding-inline: 10px;
}

.styleRadios label {
    width: auto;
    display: inline;
    padding-inline: 10px;
}

.radioButtonListEmpty input[type="radio"] {
    float: left;
    margin: 5px 65px 0 65px;
}

.radioButtonInvalid input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    border-radius: 50%;
    box-shadow: 0 0 10px red;
    padding: 6px;
}

.centerRadio table {
    vertical-align: middle;
    height: 100%;
}

.centerRadio label {
    display: inline-block !important
}

.centerRadioMiddle table {
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
    height: 100%;
}

.centerRadioMiddle label {
    display: inline-block !important
}

.centerRadioTable {
    display: grid;
    justify-content: center;
}

.centerRadioTable table {
    align-self: center;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
}

.centerCheck input {
    vertical-align: middle;
    height: 100%;
}

.button {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    border-radius: 8px;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}

.buttonDelete {
    background-color: #E74D41; /* red */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    border-radius: 8px;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}

.buttonReset {
    background-color: #24ABE8; /* blue */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    border-radius: 8px;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}

.button2:hover {
    box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}

.style1 {
    text-align: center;
}

.riError {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 512 512'><style>svg{fill:%23700000}</style><path d='M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7 .2 40.1S486.3 480 472 480H40c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8 .2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24V296c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z'/></svg>");
    background-position: right 10px center;
    background-repeat: no-repeat;
    border-color: #dc3545;
}

.rgSortAsc {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' height='0.875em' viewBox='0 0 320 512'><path d='M182.6 137.4c-12.5-12.5-32.8-12.5-45.3 0l-128 128c-9.2 9.2-11.9 22.9-6.9 34.9s16.6 19.8 29.6 19.8H288c12.9 0 24.6-7.8 29.6-19.8s2.2-25.7-6.9-34.9l-128-128z'/></svg>") !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.rgSortDesc {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' height='0.875em' viewBox='0 0 320 512'><path d='M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z'/></svg>") !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.rgFilter {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 512 512'><path d='M3.9 54.9C10.5 40.9 24.5 32 40 32H472c15.5 0 29.5 8.9 36.1 22.9s4.6 30.5-5.2 42.5L320 320.9V448c0 12.1-6.8 23.2-17.7 28.6s-23.8 4.3-33.5-3l-64-48c-8.1-6-12.8-15.5-12.8-25.6V320.9L9 97.3C-.7 85.4-2.8 68.8 3.9 54.9z'/></svg>") !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.rgCollapse {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' height='0.625em' viewBox='0 0 448 512'><path d='M201.4 342.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 274.7 86.6 137.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z'/></svg>") !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.rgExpand {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' height='0.625em' viewBox='0 0 320 512'><path d='M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z'/></svg>") !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.rgUngroup {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' height='0.75em' viewBox='0 0 384 512'><path d='M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z'/></svg>") !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.rgNoRecords td {
    text-align: center !important;
    font-size: 1.25rem;
    font-weight: bold;
}

.riDisabledBackground {
    background-color: rgb(233, 236, 239) !important;
}

.trashButton {
    background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' height='1.25em' viewBox='0 0 448 512'><style>svg{fill:%2306252d}</style><path d='M135.2 17.7C140.6 6.8 151.7 0 163.8 0H284.2c12.1 0 23.2 6.8 28.6 17.7L320 32h96c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 96 0 81.7 0 64S14.3 32 32 32h96l7.2-14.3zM32 128H416V448c0 35.3-28.7 64-64 64H96c-35.3 0-64-28.7-64-64V128zm96 64c-8.8 0-16 7.2-16 16V432c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16zm96 0c-8.8 0-16 7.2-16 16V432c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16zm96 0c-8.8 0-16 7.2-16 16V432c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16z'/></svg>") no-repeat;
    background-position: center;
    cursor: pointer;
    border: none;
    height: fit-content;
    width: fit-content;
}

.boldList li {
    font-weight: bold;
}

.boldList li > *, .boldList li > * > * {
    font-weight: normal;
}

.checkLabel label {
    padding-inline: 10px;
    vertical-align: middle;
}

.checkList {
    padding-inline: 10px;
    vertical-align: middle;
}

.checkListBox {
    vertical-align: middle;
}

.checkLabel input[type='checkbox'] {
    vertical-align: middle;
    height: 100%;
}

.disabledField {
    background-color: #e9ecef;
    opacity: 1;
    pointer-events: none;
}

.BottomCalendar {
    top: -185px !important;
}

.reportRow {
    height: 100%;
    min-height: 100%;
    padding-bottom: 50px;
}

.reportCard {
    height: 100% !important;
    min-height: 100% !important;
}

.inline-h4 {
    font-size: 1.5rem;
    font-weight: 500;
}

.autoPopover:focus {
    outline: none;
}

.no-hover th:hover, th {
    box-shadow: none !important;
}

.editButton {
    background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' height='1.25em' viewBox='0 0 512 512'><style>svg{fill:%2306252d}</style><path d='M410.3 231l11.3-11.3-33.9-33.9-62.1-62.1L291.7 89.8l-11.3 11.3-22.6 22.6L58.6 322.9c-10.4 10.4-18 23.3-22.2 37.4L1 480.7c-2.5 8.4-.2 17.5 6.1 23.7s15.3 8.5 23.7 6.1l120.3-35.4c14.1-4.2 27-11.8 37.4-22.2L387.7 253.7 410.3 231zM160 399.4l-9.1 22.7c-4 3.1-8.5 5.4-13.3 6.9L59.4 452l23-78.1c1.4-4.9 3.8-9.4 6.9-13.3l22.7-9.1v32c0 8.8 7.2 16 16 16h32zM362.7 18.7L348.3 33.2 325.7 55.8 314.3 67.1l33.9 33.9 62.1 62.1 33.9 33.9 11.3-11.3 22.6-22.6 14.5-14.5c25-25 25-65.5 0-90.5L453.3 18.7c-25-25-65.5-25-90.5 0zm-47.4 168l-144 144c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6l144-144c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6z'/></svg>") no-repeat;
    background-position: center;
    cursor: pointer;
    border: none;
    height: fit-content;
    width: fit-content;
}

borderDivider {
    border-bottom: thick !important;
}

.hoverZoom i {
    transition: all 250ms ease;
}

.hoverZoom:hover i {
    transform: scale(1.5)
}

.border-top-eq {
    border-top-width: 2px;
    border-top-color: rgb(196, 203, 211);
}
.navbar {
    --bs-navbar-color: var(--bs-light);
    --bs-navbar-padding-y: 0;
    --bs-navbar-brand-padding-y: 0.75rem;
    background-color: var(--color-cps-primary);
}

.navbar .nav-tabs {
    align-self: stretch;
    align-items: end;
    gap: 1rem;
    --bs-navbar-nav-link-padding-x: 0.75rem;
    --bs-nav-link-font-size: 1.125rem;
    --bs-nav-link-font-weight: 600;
    border-bottom: 0;
}

.navbar .nav-tabs .nav-link {
    padding-top: 0.3rem;
    padding-bottom: 0.8rem;
    border-width: 2px;
    color: var(--bs-light);
    border-bottom-color: transparent;
    text-align: center;
    min-width: 5.5rem;
}

.navbar .nav-tabs .nav-link.active {
    color: var(--color-blue);
    font-weight: 700;
    border-color: transparent;
}

.navbar .nav-tabs .nav-link:hover:not(.active) {
    transition: transform 0.05s;
    transform: scale(1.025);
}

.nav-fast.active {
    color: var(--color-fast-primary) !important;
}

.nav-district.active {
    color: var(--color-grey) !important;
}

.navbar .nav-tabs .nav-link.dropdown-toggle:focus,
.navbar .nav-tabs .nav-link.dropdown-toggle:hover {
    border-color: transparent;
    transition: transform 0.1s;
    transform: scale(1.1);
}

.dropdown-menu {
    margin-top: 0.2rem;
}
.sidebar-cpprt {
    --color-headings: var(--color-blue-verylight);
    --color-text: var(--bs-light);
    --color-hover: var(--color-blue-navy);
    --color-select-bg: var(--color-blue-light);
}

.sidebar-district {
    --color-headings: var(--color-grey-light);
    --color-text: var(--bs-light);
    --color-hover: var(--color-grey-light);
    --color-select-bg: var(--color-grey-light);
}
.sidebar-fast {
    --color-headings: var(--bs-light);
    --color-text: var(--bs-light);
    --color-hover: var(--color-green-light);
    --color-select-bg: var(--color-green-light);
}
@keyframes hvr-pulse {
    25% {transform: scale(1.01);}
    75% {transform: scale(0.99);}
}
.hvr-pulse {
    display: inline-block;
    vertical-align: middle;
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.empty:not(:focus) {
    animation-name: hvr-pulse;
    animation-duration: 1.5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    background-color: var(--color-hover)
}

.sidebar {
    min-height: calc(100vh - 60px);
    width: 320px;
    z-index: 1100;
    color: var(--color-headings);
    background-color: transparent;
}

.sidebar-links {
    display: flex;
    flex-direction: column;
    width: 280px;
    padding-left: 0;
}

.sidebar-links-toggle {
    display: inline-flex;
    align-items: center;
    margin-top: .125rem;
    border: 0;
    border-radius: var(--bs-border-radius);
    font-weight: 600;
    color: var(--color-text);
    background-color: transparent;
}

.currentPage,
.sidebar-select:hover,
.sidebar-links-toggle:hover,
.sidebar-links-toggle:focus,
.sidebar-links-list a:hover,
.sidebar-links-list a:focus {
    background-color: var(--color-hover);
}

.sidebar-select:active,
.sidebar-links-toggle:active {
    color: var(--color-text) !important;
}

.sidebar-links-toggle::before {
    width: 1.25em;
    line-height: 0;
    content: var(--svg-toggle);
    transition: transform .35s ease;
    transform-origin: .5em 50%;
}

.sidebar-links-toggle[aria-expanded="true"] {
    color: var(--color-text);
}

.sidebar-links-toggle[aria-expanded="true"]::before {
    transform: rotate(90deg);
}

.sidebar-links-list {
    list-style: none;
    padding-left: 1.5rem !important;
    margin-bottom: 0;
}

.sidebar-links-list a {
    display: inline-flex;
    align-items: center;
    border-radius: var(--bs-border-radius);
    padding: .2rem .5rem;
    margin-bottom: 0.125rem;
    text-decoration: none;
    color: var(--color-text);
}

.sidebar-header,
.sidebar-header-inline {
    font-weight: 600;
    line-height: 1.25rem;
}

.sidebar-header {
    padding: .2rem .5rem;
    font-size: .875rem;
}

.sidebar-header-inline {
    padding: 0.5rem .5rem .0rem;
    font-size: .75rem;
}

.sidebar-link-lg {
    color: var(--color-text);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 300px;
    border-radius: var(--bs-border-radius);
    padding: 0.375rem 2.25rem 0.375rem 0.75rem;
}

.sidebar-link-lg:hover,
.sidebar-link-lg:focus {
    background-color: var(--color-hover);
    color: var(--color-text);
}

.sidebar-select {
    color: var(--color-text);
    background-color: var(--color-bg);
    border: none;
    background-image: var(--svg-toggle-select);
}

.sidebar-select:focus {
    background-color: var(--color-select-bg);
    box-shadow: none;
}
.scale-on-hover:hover,
.scale-on-hover:focus {
    transition: transform 0.1s;
    transform: scale(1.2);
}
:root {
    --color-blue-verylight: #abd8fc;
    --color-blue: #3b94db;
    --color-blue-dark: #005599;
    --color-blue-navy: #1769ac;
    --color-blue-light: #267bc1;
    --color-grey: var(--bs-gray-600);
    --color-grey-light: var(--bs-gray-500);
    --color-grey-dark: var(--bs-gray-700);
    --color-green: #459353;
    --color-green-light: #7fbd82;
    --color-green-dark: var(--bs-green);
    --color-teal: var(--bs-teal);

    --color-cps-primary: var(--color-blue);
    --color-cpprt-primary: var(--color-blue-dark);
    --color-cpprt-secondary: var(--color-blue);
    --color-fastclassic-green: #6ad27d;
    --color-fast-primary: var(--color-green);
    --color-district-primary: var(--color-grey);

    --svg-toggle: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgb%28248, 249, 250%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
    --svg-toggle-select: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgb%28248, 249, 250%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}