/* input(4043,22): run-time error CSS1062: Expected semicolon or closing curly-brace, found '+' */
/*! wwwroot/Site/Site.css */
/*  
    WebOptimizer intercepts the request for Site.css and dynamically returns 
    a bundled version specified by the AddScssBundle call in Program.Bundle.cs.
    
    Files that are included in the CSS bundle (in order):
    - wwwroot / Site / Site.css (this file)
    - wwwroot / Site / Vars.css
    - wwwroot / Site / SourceCss / *.css (.css files)

    Note: You can change the order by explicitly identifying a file earlier in the matching list in Program.Bundle.cs.

    Important: Only the most generic site-wide styles and css vars should be included here. Styles for modules defined under /Site 
    should be collocated under /Site. Styles specific to individual pages or areas should be collocated with the page or area. 
    
    See Also:
    - docs/Topics/Web/BundlingAndMinification.md
    - docs/Topics/Web/CollocatingJsAndCss.md for details
*/


/*! wwwroot/Site/SourceCss/00-site-variables.css */

/* Site-level CSS Color Variables */
:root {
    --btots-light-blue: #bcd2ee;
    --btots-medium-blue: #375d81;
    --btots-dark-blue: #183152;
    --btots-aqua: #BAFEBA; /* This is more of a sea-green, but it was used for the aqua class*/
    --btots-blue: #9EDFFE;
    --btots-royal-blue: #3963D1;
    --btots-bright-blue: #034AF3;
    --btots-orange: #F2BC8D;
    --btots-pink: #FEADAD;
    --btots-yellow: #E2E872;
    --btots-purple: #C8A8E8;
    --btots-ash-gray: #BFBBAE;
    --btots-gold: #FFD324;
    --btots-pastel-yellow: #FFF6BF;
    --btots-pastel-pink: #FEE1ED;
    --btots-red: #CB0000;
    --btots-silver: #E9EDF1;
    --light-border: #CFCFCF;
}

/* Site-level span variables */
:root {
    --span-1: 10px;
    --span-2: 30px;
    --span-3: 50px;
    --span-4: 70px;
    --span-5: 90px;
    --span-6: 110px;
    --span-7: 130px;
    --span-8: 150px;
    --span-9: 170px;
    --span-10: 190px;
    --span-11: 210px;
    --span-12: 230px;
    --span-13: 250px;
    --span-14: 270px;
    --span-15: 290px;
    --span-16: 310px;
    --span-17: 330px;
    --span-18: 350px;
    --span-19: 370px;
    --span-20: 390px;
    --span-21: 410px;
    --span-22: 430px;
    --span-23: 450px;
    --span-24: 470px;
    --span-25: 490px;
    --span-26: 510px;
    --span-27: 530px;
    --span-28: 550px;
    --span-29: 570px;
    --span-30: 590px;
    --span-31: 610px;
    --span-32: 630px;
    --span-33: 650px;
    --span-34: 670px;
    --span-35: 690px;
    --span-36: 710px;
    --span-37: 730px;
    --span-38: 750px;
    --span-39: 770px;
    --span-40: 790px;
    --span-41: 810px;
    --span-42: 830px;
    --span-43: 850px;
    --span-44: 870px;
    --span-45: 890px;
    --span-46: 910px;
    --span-47: 930px;
    --span-48: 950px;
}
/*! wwwroot/Site/SourceCss/01-blueprint-overrides.css */

/* force vertical scroll bar */
html { 
    overflow-y: scroll; 
} 

body {
    background-color: var(--btots-light-blue);
    font-size: 10pt;
    margin: 0 auto 0 auto;
}

h1, h2, h3, h4, h5, h6 {
    margin-bottom: 0.25em;
}

p {
    margin: 0 0 .5em;
}

/* 
 *  Replacement for the above p style.
 *  Many p tags are used in the program where it is not semantically appropriate.
 *  I have replaced many of them with divs using this style.
*/
.margin-bottom {
    margin-bottom: .5em;
}

.span-margin {
    margin-right: 10px;
}

.letter-style p {
    margin: 0 0 1.25em;
}

p img.left {
    float: left;
    margin: 1.5em 1.5em 1.5em 0;
    padding: 0;
}

p img.right {
    float: right;
    margin: 1.5em 0 1.5em 1.5em;
}

a {
    color: var(--btots-bright-blue);
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.nowrap {
    white-space: nowrap
}

ul, ol {
    margin: 0 0.5em 0.5em 0;
    padding-left: 1.5em;
}

table.no-bottom-margin {
    margin-bottom: 0;
}

th label {
    font-weight: bold;
}

thead th {
    background: #DCE9F5;
}

.smaller {
    font-size: .7em;
}

.large-legend {
    font-size: 135%;
}

.normal {
    font-weight: normal;
}

/* Use this class on any .span / container to see the grid. */
body.showgrid #main, body.showgrid #childTabs, body.showgrid #personTabs, body.showgrid fieldset, body.showgrid .ui-dialog {
    background-position: 9px top;
    background-image: url(/Lib/01-blueprint-css/grid.png);
    background-repeat: repeat;
}
body.showgrid .ui-dialog {
    background-position: 12px top;
}

/* grids for the folder controls */
body.showgrid #childTabs, body.showgrid #personTabs {
    background-position: 9px top;
}

input[type=text], input[type=password], input.text, input.title, textarea, select,
.ui-widget input, .ui-widget select, .ui-widget textarea {
    font-family: "Helvetica Neue",Arial,Helvetica,sans-serif;
    font-size: 1.1em;
}

/* Override the blueprint .span values to fix size of Chosen DropDownList */
/* Use these classes to set the width of a column. */
select.span-1 { width: 10px; }
select.span-2 { width: 30px; }
select.span-3 { width: 50px; }
select.span-4 { width: 70px; }
select.span-5 { width: 90px; }
select.span-6 { width: 110px; }
select.span-7 { width: 130px; }
select.span-8 { width: 150px; }
select.span-9 { width: 170px; }
select.span-10 { width: 190px; }
select.span-11 { width: 210px; }
select.span-12 { width: 230px; }
select.span-13 { width: 250px; }
select.span-14 { width: 270px; }
select.span-15 { width: 290px; }
select.span-16 { width: 310px; }
select.span-17 { width: 330px; }
select.span-18 { width: 350px; }
select.span-19 { width: 370px; }
select.span-20 { width: 390px; }
select.span-21 { width: 410px; }
select.span-22 { width: 430px; }
select.span-23 { width: 450px; }
select.span-24 { width: 470px; }
select.span-25 { width: 490px; }
select.span-26 { width: 510px; }
select.span-27 { width: 530px; }
select.span-28 { width: 550px; }
select.span-29 { width: 570px; }
select.span-30 { width: 590px; }
select.span-31 { width: 610px; }
select.span-32 { width: 630px; }
select.span-33 { width: 650px; }
select.span-34 { width: 670px; }
select.span-35 { width: 690px; }
select.span-36 { width: 710px; }
select.span-37 { width: 730px; }
select.span-38 { width: 750px; }
select.span-39 { width: 770px; }
select.span-40 { width: 790px; }
select.span-41 { width: 810px; }
select.span-42 { width: 830px; }
select.span-43 { width: 850px; }
select.span-44 { width: 870px; }
select.span-45 { width: 890px; }
select.span-46 { width: 910px; }
select.span-47 { width: 930px; }
select.span-48 { width: 950px; }

/*! wwwroot/Site/SourceCss/02-base.css */
/* 
    base styles are those styles that meet the following criteria:
    - are used throughout the site, not on a single page
    - aren't using ID selectors (i.e., '#') as these should be page or partial specific styles.
*/

/******************************************
        Heading Styles
*******************************************/
h1, h2, h3, h4, h5, h6 {
    font-size: 1.5em;
    color: #000;
    font-family: "Helvetica Neue",Arial,Helvetica,sans-serif;
}

h1 {
    font-size: 2em;
    line-height: 1;
}

h2 {
    padding: 0 0 10px 0;
}

h3 {
    font-size: 1.2em;
    line-height: 1;
}

h4 {
    font-size: 1.1em;
    line-height: 1.25;
}

h5, h6 {
    font-size: 1em;
    font-weight: bold;
}

.no-margin {
    margin: 0;
}


.rotate180 {
    padding: .5rem .25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}

.float-left, input.float-left {
    float: left;
}

.float-right, input.float-right {
    float: right;
}

.float-center, input.float-center {
    margin-left: auto;
    margin-right: auto;
    float: none;
}

/* Common Heights to align controls vertically (lc = label & control, e.g., lc-1 = 1 label & control) */
.height-lc-1 {
    height: 43px;
    margin-bottom: 0.5em;
}

.clear-left {
    clear: left;
}

.clear-right {
    clear: right
}

.text-center {
    text-align: center;
}

.outline {
    outline: 1px solid #AAA;
}

.outline-red {
    outline: 1px solid red;
}

/* Flex Box Helpers */

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

.flex-columns .align-bottom {
    margin-top: auto;
}

.flex-rows {
    display: flex;
    flex-direction: row;
}

.flex-rows .align-right {
    margin-left: auto;
}

.flex-rows.align-center {
    justify-content: center;
    gap: 10px;
}

.flex-1 {
    flex: 1;
}

.flex-gap-10 {
    gap: 10px;
}

/* Typical light borders */
.border-light { border: 1px solid var(--light-border);  }
.border-top-light { border-top: 1px solid var(--light-border); }
.border-right-light { border-right: 1px solid var(--light-border); }
.border-bottom-light { border-bottom: 1px solid var(--light-border); }
.border-left-light { border-left: 1px solid var(--light-border); }


/* ActionLink enhancement to replace new-window class */
a[target="_blank"]:not(.ui-state-default, .ui-primary-state-default) {
    background: url("/Images/Icons/new-window.gif") no-repeat scroll right center transparent;
    padding-right: 14px!important;
}

a.no-new-window-icon[target="_blank"] {
    background: none;
    padding-right: 0px;
}

.align-right {
    text-align: right;
}

.align-left {
    text-align: left;
}

.align-center {
    text-align: center;
}

.red-text {
    color: Red;
}

.clear {
    clear: both;
}

.float-right {
    float: right;
}

.float-left {
    float: left;
}

.do-not-release {
    font-style: italic;
    color: red;
    font-size: 90%;
    font-variant: small-caps;
    font-weight: bold;
}


#footer {
    padding: 5px;
    margin: 0;
    color: var(--btots-light-blue);
}

#footer a {
    color: var(--btots-light-blue);
    text-decoration: none;
}

#footer a:hover {
    color: var(--btots-light-blue);
    text-decoration: underline;
}

#footer-container {
    font-size: 9pt;
    padding: 5px 10px;
    background-color: var(--btots-medium-blue);
    border: solid 1px var(--btots-dark-blue);
    float: none;
    height: 28px;
    background-image: url(/Images/header-background.gif);
    background-repeat: repeat-y;
    background-position: left;
}

.mainNavMenuItem .has-dropdown {
    cursor: default;
    background: url("/Images/MenuTriangleBlue.png");
    background-repeat: no-repeat;
    background-position: top 17px right 7px;
}

.mainNavMenuItem .has-dropdown-hover {
    cursor: default;
    background: url("/Images/MenuTriangleWhite.png");
    background-repeat: no-repeat;
    background-position: top 17px right 7px;
}

    .mainNavMenuItem .has-dropdown a, .mainNavMenuItem .has-dropdown-hover a {
        cursor: pointer;
    }

input::-moz-focus-inner, button::-moz-focus-inner {
    border: 0;
}

/* #region Main Popup Menus */

#mainNavMenuAbout /* Specific location/width for the Welcome menu */ {
    left: -75px;
    width: 225px;
}

#mainNavMenuSwitch /* Specific location/width for the Switch User menu */ {
    left: 0px;
    width: 175px;
}

#mainNavMenuUser /* Specific location/width for the User menu */ {
    right: 0px;
    width: 175px;
}

#mainNavMenuChild /* Specific location/width for the Child menu */ {
    left: 0px;
    width: 160px;
}

#mainNavMenuPerson /* Specific location/width for the Person menu */ {
    left: 0px;
    width: 140px;
}

#mainNavMenuEmployee /* Specific location/width for the Person menu */ {
    left: 0px;
    width: 160px;
}


#mainNavMenuTools /* Specific location/width for the Tools menu */ {
    left: -100px;
    width: 240px;
}

.accountManageDropDown {
    left: -116px;
    width: 174px;
}

#mainNavMenuState /* Specific location/width for the State menu */ {
    left: -20px;
    width: 175px;
}

#mainNavMenuReport /* Specific location/width for the Report menu */ {
    left: 0;
    width: 90px;
}

.mainNavMenuItem {
    position: relative; /* Position the menu items relative to the position of the menu container */
}

    .mainNavMenuItem li div.hr {
        height: 7px;
        margin: 0
    }

#notify div.error {
    color: Black;
    background: #FBE3E4;
    background: rgba(251,227,228,0.95);
    border: solid 1px var(--btots-red);
}

#notify div.notice {
    color: #514721;
    background: var(--btots-pastel-yellow);
    background: rgba(255,246,191,0.95);
    border: solid 1px var(--btots-gold);
}

#notify div.success {
    color: #264409;
    background: #E6EFC2;
    background: rgba(230,239,194,0.95);
    border: solid 1px #264409;
}

#quick-links {
    float: right;
    padding-top: 4px;
}

#quick-links a:hover {
    color: var(--btots-light-blue);
}

#quick-links a {
    color: white;
    text-decoration: none;
    padding-bottom: 2px;
    margin-right: 20px;
}

#quick-links label, #quick-links span.label-ro {
    padding-bottom: 2px;
}

#quick-links a.lastlink {
    margin-right: 0;
}

#quick-links label.in-line-help, #quick-links span.label-ro.in-line-help {
    border-bottom: 1px dashed white;
}

.quick-links-margin-top {
    margin-top: 1px;
}

.search-box {
    background-position: right center;
    background-image: url(/Images/Icons/find.png);
    background-repeat: no-repeat;
}

/* Allow the loading icon to show while loading */
.search-box.ui-autocomplete-loading {
    background: white url('/Images/spinnersmall.gif') right center no-repeat;
}

#menu-container, .actionDropDownContainer {
    padding-bottom: 3px;
    float: right;
    font-size: 10.5pt;
}

#menu-container ul, .actionDropDownContainer ul {
    padding: 0;
    margin: 0;
}

#menu-container ul li {
    display: inline;
    list-style: none;
    margin: 0;
}

#menu-container ul li a {
    padding: 10px 10px 3px 10px;
    margin: 0;
    font-weight: bold;
    text-decoration: none;
    line-height: 30px;
    background-color: var(--btots-light-blue);
    color: var(--btots-bright-blue);
    border-bottom: solid 4px var(--btots-light-blue);
    -moz-border-radius: 0px 0px 3px 3px;
    border-radius: 0px 0px 3px 3px;
    -webkit-border-radius: 0px 0px 3px 3px;
}

#menu-container ul li a.has-dropdown {
    padding-right: 17px;
}

#menu-container .active {
    background-color: #FFFFFF;
    border-bottom: solid 3px white;
}

#menu-container .active:hover {
    text-decoration: none;
    background-color: var(--btots-royal-blue);
    border-bottom: solid 4px var(--btots-royal-blue);
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
}

#menu-container ul li.menuHover a, .actionDropDownContainer ul li.menuHover a {
    background-color: var(--btots-royal-blue);
    border-bottom: solid 4px var(--btots-royal-blue);
    color: #fff;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
}

#menu-container ul li .sub-menu {
    position: absolute; /* Position the sub-menus absolutely, relative to the menu container */
    top: 22px;
    background-color: #FFF; /* This is the background fill color for the popup menu */
    border-top: solid 7px var(--btots-royal-blue); /* These draw the border around the popup menu */
    border-left: solid 7px var(--btots-royal-blue);
    border-right: solid 7px var(--btots-royal-blue);
    border-bottom: solid 7px var(--btots-royal-blue);
    color: #000;
    -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.3);
    box-shadow: 4px 4px 4px rgba(0,0,0,0.3);
    -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.3);
    -moz-border-radius: 0px 0px 3px 3px;
    border-radius: 0px 0px 3px 3px;
    -webkit-border-radius: 0px 0px 3px 3px;
    z-index: 1000;
    display: none; /* Hide to start */
}

#menu-container ul li .sub-menu ul li {
    list-style: none;
    display: block; /* this causes each list item (menu) to be displayed on its own row */
    padding: 0 5px;
}

#menu-container ul li .sub-menu ul li a {
    border-bottom: none; /* This removes the white highlight for each menu item */
    font-weight: normal;
    background-color: Transparent; /* This sets the list item (menu) background the same as the fill */
    color: var(--btots-bright-blue);
    font-size: 0.85em;
    line-height: 25px;
    padding: 0 5px;
}

#menu-container ul li .sub-menu ul li a:hover {
        text-decoration: underline;
}

/* Action Drop Down Container */
.actionDropDownContainer ul li {
    list-style: none;
    margin: 0;
}

.actionDropDownContainer ul li a {
    text-decoration: none;
    font-weight: bold;
    color: var(--btots-bright-blue);
    margin: 0;
    padding: 3px 3px 0px 3px;
}

.actionDropDownContainer ul li a.new-window {
    padding-right: 14px;
}

.actionDropDownContainer ul li .sub-menu {
    position: absolute; /* Position the sub-menus absolutely, relative to the menu container */
    background-color: #FFF; /* This is the background fill color for the popup menu */
    border-top: solid 7px var(--btots-royal-blue); /* These draw the border around the popup menu */
    border-left: solid 7px var(--btots-royal-blue);
    border-right: solid 7px var(--btots-royal-blue);
    border-bottom: solid 7px var(--btots-royal-blue);
    color: #000;
    -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.3);
    box-shadow: 4px 4px 4px rgba(0,0,0,0.3);
    -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.3);
    -moz-border-radius: 0px 0px 3px 3px;
    border-radius: 0px 0px 3px 3px;
    -webkit-border-radius: 0px 0px 3px 3px;
    z-index: 1000;
    display: none; /* Hide to start */
}

.actionDropDownContainer ul li .sub-menu ul li {
    list-style: none;
    display: block; /* this causes each list item (menu) to be displayed on its own row */
    padding: 0 5px;
}

.actionDropDownContainer ul li .sub-menu ul li a {
    border-bottom: none; /* This removes the white highlight for each menu item */
    font-weight: normal;
    background-color: Transparent; /* This sets the list item (menu) background the same as the fill */
    color: var(--btots-bright-blue);
    font-size: 0.85em;
    line-height: 25px;
}

.actionDropDownContainer ul li .sub-menu ul li a:hover {
    text-decoration: underline;
}

.plain-table {
    border: 1px solid black;
}

.plain-table tr {
    width: 300px;
}

.plain-table td {
    text-align: center;
    border: 1px solid black;
}

.plain-table td.align-left {
    text-align: left;
}

.alt-key {
    font-size: 9pt;
    font-weight: bold;
    color: green;
    background: url("/Images/Icons/alt-key.png") no-repeat scroll left center transparent;
    padding-left: 29px;
    display: none;
}

.bold {
    font-weight: bold;
}

.italic {
    font-style: italic
}

table.bordered {
    border: 2px solid black;
    border-collapse: collapse;
}

table.bordered td {
    border-top: none;
    border-left: none;
    border-bottom: 1px solid black;
    border-right: 1px solid black;
}

table.bordered th {
    border-bottom: 2px solid;
    border-right: 1px solid;
}

table.bordered td.first, table.bordered th.first {
    border-right: 2px solid;
}

.default-date {
    background-position: right center;
    background-image: url(/Images/Icons/default-date.png);
    background-repeat: no-repeat;
}

/*add delete icon for non submit button*/
input.delete[type="button"],
input.delete[type="button"]:focus {
    background-image: url("/Images/Icons/trash_bin.png");
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 18px;
}

.field-definiton-table-wide {
    width: 750px;
}

div.fullSizePopUp-display {
    max-width: 950px;
    max-height: 460px;
    overflow: auto;
    margin-bottom: 0.5em;
}

.help-sidebar {
    border: 1px solid var(--btots-light-blue);
    margin: 0 9px -1px -1px;
    background: none repeat scroll 0 0 #EBF1FA;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    padding-right: -20px;
}

.help-sidebar h3 {
    margin-top: 5px;
    border-bottom: 1px solid var(--btots-light-blue);
    margin-bottom: 5px;
    padding: 0 5px 5px 5px;
    color: #6599D8;
}

.help-sidebar p {
    padding: 0 5px 5px 5px;
}

.help-sidebar h4 {
    padding: 0 5px 0px 5px;
    font-weight: bold;
    color: #555;
}

div.help-sidebar {
    margin-right: -1px;
}

div.help-sidebar hr {
    background-color: var(--btots-light-blue);
}

.help-sidebar .sidebar-item {
    padding-left: 5px;
    padding-bottom: 5px;
}

/* Things marked as highlight should overwrite other class styles, this needs to remain at the bottom SM 6/30/12 (or just use the !important modifier.) */
.highlight {
    background: #ffff9f !important;
}

.margin-push-1 {
    margin-bottom: 8px;
}

a.new-window {
    background: url("/Images/Icons/new-window.gif") no-repeat scroll right center transparent;
    padding-right: 14px;
}

span.nowrap {
    white-space: nowrap;
}

.panel {
    border: 1px solid #E5E7C6;
    margin: 0 -10px;
    padding: 10px;
    background: none repeat scroll 0 0 #F5F6EA;
    position: relative;
}

/*used by log links*/
a.script, a.script:visited, a.script:hover, a.script:link, input[type="submit"].script, input[type="submit"].script:focus {
    background-position: left center;
    background-image: url("/Images/Icons/audit_log_sm.png");
    background-repeat: no-repeat;
    padding-left: 18px;
}

/*used by preview buttons*/
a.preview, a.preview:visited, a.preview:hover, a.preview:link, input[type="submit"].preview, input[type="submit"].preview:focus {
    background-position: left center;
    background-image: url("/Images/Icons/preview.png");
    background-repeat: no-repeat;
    padding-left: 18px;
}

.req-asterisk {
    padding-left: 2px;
}

.text-center {
    text-align: center;
}

table.text-center td, table.text-center th {
    text-align: center;
}

.smaller-font {
    font-size: 80%;
}

.underline {
    text-decoration: underline;
}

legend span.wrap-text {
    white-space: normal;
}

/* fonts */
@font-face {
    font-family: text-security-disc;
    src: url("/lib/text-security-disc/text-security-disc.woff");
    /* https://stackoverflow.com/a/71095586 */
}


a:visited {
    color: var(--btots-bright-blue);
}

/*! wwwroot/Site/SourceCss/03-easy-grid.css */
/* 
    Easy Grid
    Simplified usage of display:grid to match the Blueprint 48 grid for column widths

    The styles are defined for up to 8 columns and 8 rows

    Cell locations are specified with row and col styles (e.g., 'row-1 col-2' meaning row 1, column 2)

    Column and row spans are also defined (e.g., 'colspan-3', 'rowspan-2')

    Example:
    <div class="easy-grid col1-span-24 col2-span-12 col3-span12">
        <div class="row-1 col-1">1</div>
        <div class="row-1 col-2">2</div>
        <div class="row-1 col-3">3</div>
        <div class="row-2 col-1">4</div>
        <div class="row-2 col-2 colspan-2">5</div>
    </div>
*/

/* Base Grid Setup */
.easy-grid {
    display: grid;
    gap: 0 10px; /* default gap is setup for use with fieldsets due to most common use case in BTOTS, add a 'gap-1' for use with div child elements */
    grid-template-columns: var(--col1, ) var(--col2, ) var(--col3, ) var(--col4, ) var(--col5, ) var(--col, ) var(--col7, ) var(--col8, );
    grid-template-rows: var(--row1, ) var(--row2, ) var(--row3, ) var(--row4, ) var(--row5, ) var(--row, ) var(--row7, ) var(--row8, );
}

/* Row and Column Gap */
.easy-grid.gap-4px { gap: 4px; }
.easy-grid.gap-6px { gap: 6px; }
.easy-grid.gap-1 { gap: 10px; }
.easy-grid.gap-2 { gap: 20px; }
.easy-grid.gap-3 { gap: 30px; }

/* Grid Row Gap*/
.easy-grid.row-gap-4px { grid-row-gap: 4px; }
.easy-grid.row-gap-6px { grid-row-gap: 6px; }
.easy-grid.row-gap-1   { grid-row-gap: 10px; }
.easy-grid.row-gap-2   { grid-row-gap: 20px; }
.easy-grid.row-gap-3   { grid-row-gap: 30px; }

/* Grid Column Gap*/
.easy-grid.column-gap-4px { grid-column-gap: 4px; }
.easy-grid.column-gap-6px { grid-column-gap: 6px; }
.easy-grid.column-gap-1   { grid-column-gap: 10px; }
.easy-grid.column-gap-2   { grid-column-gap: 20px; }
.easy-grid.column-gap-3   { grid-column-gap: 30px; }

/* Column span width settings */
.easy-grid.col1-span-1 { --col1: var(--span-1);}
.easy-grid.col1-span-2 { --col1: var(--span-2);}
.easy-grid.col1-span-3 { --col1: var(--span-3);}
.easy-grid.col1-span-4 { --col1: var(--span-4);}
.easy-grid.col1-span-5 { --col1: var(--span-5);}
.easy-grid.col1-span-6 { --col1: var(--span-6);}
.easy-grid.col1-span-7 { --col1: var(--span-7);}
.easy-grid.col1-span-8 { --col1: var(--span-8);}
.easy-grid.col1-span-9 { --col1: var(--span-9);}
.easy-grid.col1-span-10 { --col1: var(--span-10);}
.easy-grid.col1-span-11 { --col1: var(--span-11);}
.easy-grid.col1-span-12 { --col1: var(--span-12);}
.easy-grid.col1-span-13 { --col1: var(--span-13);}
.easy-grid.col1-span-14 { --col1: var(--span-14);}
.easy-grid.col1-span-15 { --col1: var(--span-15);}
.easy-grid.col1-span-16 { --col1: var(--span-16);}
.easy-grid.col1-span-17 { --col1: var(--span-17);}
.easy-grid.col1-span-18 { --col1: var(--span-18);}
.easy-grid.col1-span-19 { --col1: var(--span-19);}
.easy-grid.col1-span-20 { --col1: var(--span-20);}
.easy-grid.col1-span-21 { --col1: var(--span-21);}
.easy-grid.col1-span-22 { --col1: var(--span-22);}
.easy-grid.col1-span-23 { --col1: var(--span-23);}
.easy-grid.col1-span-24 { --col1: var(--span-24);}
.easy-grid.col1-span-25 { --col1: var(--span-25);}
.easy-grid.col1-span-26 { --col1: var(--span-26);}
.easy-grid.col1-span-27 { --col1: var(--span-27);}
.easy-grid.col1-span-28 { --col1: var(--span-28);}
.easy-grid.col1-span-29 { --col1: var(--span-29);}
.easy-grid.col1-span-30 { --col1: var(--span-30);}
.easy-grid.col1-span-31 { --col1: var(--span-31);}
.easy-grid.col1-span-32 { --col1: var(--span-32);}
.easy-grid.col1-span-33 { --col1: var(--span-33);}
.easy-grid.col1-span-34 { --col1: var(--span-34);}
.easy-grid.col1-span-35 { --col1: var(--span-35);}
.easy-grid.col1-span-36 { --col1: var(--span-36);}
.easy-grid.col1-span-37 { --col1: var(--span-37);}
.easy-grid.col1-span-38 { --col1: var(--span-38);}
.easy-grid.col1-span-39 { --col1: var(--span-39);}
.easy-grid.col1-span-40 { --col1: var(--span-40);}
.easy-grid.col1-span-41 { --col1: var(--span-41);}
.easy-grid.col1-span-42 { --col1: var(--span-42);}
.easy-grid.col1-span-43 { --col1: var(--span-43);}
.easy-grid.col1-span-44 { --col1: var(--span-44);}
.easy-grid.col1-span-45 { --col1: var(--span-45);}
.easy-grid.col1-span-46 { --col1: var(--span-46);}
.easy-grid.col1-span-47 { --col1: var(--span-47);}
.easy-grid.col1-span-48 { --col1: var(--span-48);}
.easy-grid.col1-span-1fr { --col1: 1fr;}
.easy-grid.col1-span-2fr { --col1: 2fr;}
.easy-grid.col1-span-3fr { --col1: 3fr;}
.easy-grid.col1-span-4fr { --col1: 4fr;}
.easy-grid.col1-span-auto { --col1: auto;}

.easy-grid.col2-span-1 { --col2: var(--span-1);}
.easy-grid.col2-span-2 { --col2: var(--span-2);}
.easy-grid.col2-span-3 { --col2: var(--span-3);}
.easy-grid.col2-span-4 { --col2: var(--span-4);}
.easy-grid.col2-span-5 { --col2: var(--span-5);}
.easy-grid.col2-span-6 { --col2: var(--span-6);}
.easy-grid.col2-span-7 { --col2: var(--span-7);}
.easy-grid.col2-span-8 { --col2: var(--span-8);}
.easy-grid.col2-span-9 { --col2: var(--span-9);}
.easy-grid.col2-span-10 { --col2: var(--span-10);}
.easy-grid.col2-span-11 { --col2: var(--span-11);}
.easy-grid.col2-span-12 { --col2: var(--span-12);}
.easy-grid.col2-span-13 { --col2: var(--span-13);}
.easy-grid.col2-span-14 { --col2: var(--span-14);}
.easy-grid.col2-span-15 { --col2: var(--span-15);}
.easy-grid.col2-span-16 { --col2: var(--span-16);}
.easy-grid.col2-span-17 { --col2: var(--span-17);}
.easy-grid.col2-span-18 { --col2: var(--span-18);}
.easy-grid.col2-span-19 { --col2: var(--span-19);}
.easy-grid.col2-span-20 { --col2: var(--span-20);}
.easy-grid.col2-span-21 { --col2: var(--span-21);}
.easy-grid.col2-span-22 { --col2: var(--span-22);}
.easy-grid.col2-span-23 { --col2: var(--span-23);}
.easy-grid.col2-span-24 { --col2: var(--span-24);}
.easy-grid.col2-span-25 { --col2: var(--span-25);}
.easy-grid.col2-span-26 { --col2: var(--span-26);}
.easy-grid.col2-span-27 { --col2: var(--span-27);}
.easy-grid.col2-span-28 { --col2: var(--span-28);}
.easy-grid.col2-span-29 { --col2: var(--span-29);}
.easy-grid.col2-span-30 { --col2: var(--span-30);}
.easy-grid.col2-span-31 { --col2: var(--span-31);}
.easy-grid.col2-span-32 { --col2: var(--span-32);}
.easy-grid.col2-span-33 { --col2: var(--span-33);}
.easy-grid.col2-span-34 { --col2: var(--span-34);}
.easy-grid.col2-span-35 { --col2: var(--span-35);}
.easy-grid.col2-span-36 { --col2: var(--span-36);}
.easy-grid.col2-span-37 { --col2: var(--span-37);}
.easy-grid.col2-span-38 { --col2: var(--span-38);}
.easy-grid.col2-span-39 { --col2: var(--span-39);}
.easy-grid.col2-span-40 { --col2: var(--span-40);}
.easy-grid.col2-span-41 { --col2: var(--span-41);}
.easy-grid.col2-span-42 { --col2: var(--span-42);}
.easy-grid.col2-span-43 { --col2: var(--span-43);}
.easy-grid.col2-span-44 { --col2: var(--span-44);}
.easy-grid.col2-span-45 { --col2: var(--span-45);}
.easy-grid.col2-span-46 { --col2: var(--span-46);}
.easy-grid.col2-span-47 { --col2: var(--span-47);}
.easy-grid.col2-span-48 { --col2: var(--span-48);}
.easy-grid.col2-span-1fr { --col2: 1fr;}
.easy-grid.col2-span-2fr { --col2: 2fr;}
.easy-grid.col2-span-3fr { --col2: 3fr;}
.easy-grid.col2-span-4fr { --col2: 4fr;}
.easy-grid.col2-span-auto { --col2: auto; }

.easy-grid.col3-span-1 { --col3: var(--span-1);}
.easy-grid.col3-span-2 { --col3: var(--span-2);}
.easy-grid.col3-span-3 { --col3: var(--span-3);}
.easy-grid.col3-span-4 { --col3: var(--span-4);}
.easy-grid.col3-span-5 { --col3: var(--span-5);}
.easy-grid.col3-span-6 { --col3: var(--span-6);}
.easy-grid.col3-span-7 { --col3: var(--span-7);}
.easy-grid.col3-span-8 { --col3: var(--span-8);}
.easy-grid.col3-span-9 { --col3: var(--span-9);}
.easy-grid.col3-span-10 { --col3: var(--span-10);}
.easy-grid.col3-span-11 { --col3: var(--span-11);}
.easy-grid.col3-span-12 { --col3: var(--span-12);}
.easy-grid.col3-span-13 { --col3: var(--span-13);}
.easy-grid.col3-span-14 { --col3: var(--span-14);}
.easy-grid.col3-span-15 { --col3: var(--span-15);}
.easy-grid.col3-span-16 { --col3: var(--span-16);}
.easy-grid.col3-span-17 { --col3: var(--span-17);}
.easy-grid.col3-span-18 { --col3: var(--span-18);}
.easy-grid.col3-span-19 { --col3: var(--span-19);}
.easy-grid.col3-span-20 { --col3: var(--span-20);}
.easy-grid.col3-span-21 { --col3: var(--span-21);}
.easy-grid.col3-span-22 { --col3: var(--span-22);}
.easy-grid.col3-span-23 { --col3: var(--span-23);}
.easy-grid.col3-span-24 { --col3: var(--span-24);}
.easy-grid.col3-span-25 { --col3: var(--span-25);}
.easy-grid.col3-span-26 { --col3: var(--span-26);}
.easy-grid.col3-span-27 { --col3: var(--span-27);}
.easy-grid.col3-span-28 { --col3: var(--span-28);}
.easy-grid.col3-span-29 { --col3: var(--span-29);}
.easy-grid.col3-span-30 { --col3: var(--span-30);}
.easy-grid.col3-span-31 { --col3: var(--span-31);}
.easy-grid.col3-span-32 { --col3: var(--span-32);}
.easy-grid.col3-span-33 { --col3: var(--span-33);}
.easy-grid.col3-span-34 { --col3: var(--span-34);}
.easy-grid.col3-span-35 { --col3: var(--span-35);}
.easy-grid.col3-span-36 { --col3: var(--span-36);}
.easy-grid.col3-span-37 { --col3: var(--span-37);}
.easy-grid.col3-span-38 { --col3: var(--span-38);}
.easy-grid.col3-span-39 { --col3: var(--span-39);}
.easy-grid.col3-span-40 { --col3: var(--span-40);}
.easy-grid.col3-span-41 { --col3: var(--span-41);}
.easy-grid.col3-span-42 { --col3: var(--span-42);}
.easy-grid.col3-span-43 { --col3: var(--span-43);}
.easy-grid.col3-span-44 { --col3: var(--span-44);}
.easy-grid.col3-span-45 { --col3: var(--span-45);}
.easy-grid.col3-span-46 { --col3: var(--span-46);}
.easy-grid.col3-span-47 { --col3: var(--span-47);}
.easy-grid.col3-span-48 { --col3: var(--span-48);}
.easy-grid.col3-span-1fr { --col3: 1fr;}
.easy-grid.col3-span-2fr { --col3: 2fr;}
.easy-grid.col3-span-3fr { --col3: 3fr;}
.easy-grid.col3-span-4fr { --col3: 4fr;}
.easy-grid.col3-span-auto { --col3: auto;}

.easy-grid.col4-span-1 { --col4: var(--span-1); }
.easy-grid.col4-span-2 { --col4: var(--span-2); }
.easy-grid.col4-span-3 { --col4: var(--span-3); }
.easy-grid.col4-span-4 { --col4: var(--span-4); }
.easy-grid.col4-span-5 { --col4: var(--span-5); }
.easy-grid.col4-span-6 { --col4: var(--span-6); }
.easy-grid.col4-span-7 { --col4: var(--span-7); }
.easy-grid.col4-span-8 { --col4: var(--span-8); }
.easy-grid.col4-span-9 { --col4: var(--span-9); }
.easy-grid.col4-span-10 { --col4: var(--span-10); }
.easy-grid.col4-span-11 { --col4: var(--span-11); }
.easy-grid.col4-span-12 { --col4: var(--span-12); }
.easy-grid.col4-span-13 { --col4: var(--span-13); }
.easy-grid.col4-span-14 { --col4: var(--span-14); }
.easy-grid.col4-span-15 { --col4: var(--span-15); }
.easy-grid.col4-span-16 { --col4: var(--span-16); }
.easy-grid.col4-span-17 { --col4: var(--span-17); }
.easy-grid.col4-span-18 { --col4: var(--span-18); }
.easy-grid.col4-span-19 { --col4: var(--span-19); }
.easy-grid.col4-span-20 { --col4: var(--span-20); }
.easy-grid.col4-span-21 { --col4: var(--span-21); }
.easy-grid.col4-span-22 { --col4: var(--span-22); }
.easy-grid.col4-span-23 { --col4: var(--span-23); }
.easy-grid.col4-span-24 { --col4: var(--span-24); }
.easy-grid.col4-span-25 { --col4: var(--span-25); }
.easy-grid.col4-span-26 { --col4: var(--span-26); }
.easy-grid.col4-span-27 { --col4: var(--span-27); }
.easy-grid.col4-span-28 { --col4: var(--span-28); }
.easy-grid.col4-span-29 { --col4: var(--span-29); }
.easy-grid.col4-span-30 { --col4: var(--span-30); }
.easy-grid.col4-span-31 { --col4: var(--span-31); }
.easy-grid.col4-span-32 { --col4: var(--span-32); }
.easy-grid.col4-span-33 { --col4: var(--span-33); }
.easy-grid.col4-span-34 { --col4: var(--span-34); }
.easy-grid.col4-span-35 { --col4: var(--span-35); }
.easy-grid.col4-span-36 { --col4: var(--span-36); }
.easy-grid.col4-span-37 { --col4: var(--span-37); }
.easy-grid.col4-span-38 { --col4: var(--span-38); }
.easy-grid.col4-span-39 { --col4: var(--span-39); }
.easy-grid.col4-span-40 { --col4: var(--span-40); }
.easy-grid.col4-span-41 { --col4: var(--span-41); }
.easy-grid.col4-span-42 { --col4: var(--span-42); }
.easy-grid.col4-span-43 { --col4: var(--span-43); }
.easy-grid.col4-span-44 { --col4: var(--span-44); }
.easy-grid.col4-span-45 { --col4: var(--span-45); }
.easy-grid.col4-span-46 { --col4: var(--span-46); }
.easy-grid.col4-span-47 { --col4: var(--span-47); }
.easy-grid.col4-span-48 { --col4: var(--span-48); }
.easy-grid.col4-span-1fr { --col4: 1fr; }
.easy-grid.col4-span-2fr { --col4: 2fr; }
.easy-grid.col4-span-3fr { --col4: 3fr; }
.easy-grid.col4-span-4fr { --col4: 4fr; }
.easy-grid.col4-span-auto { --col4: auto; }

.easy-grid.col5-span-1 { --col5: var(--span-1); }
.easy-grid.col5-span-2 { --col5: var(--span-2); }
.easy-grid.col5-span-3 { --col5: var(--span-3); }
.easy-grid.col5-span-4 { --col5: var(--span-4); }
.easy-grid.col5-span-5 { --col5: var(--span-5); }
.easy-grid.col5-span-6 { --col5: var(--span-6); }
.easy-grid.col5-span-7 { --col5: var(--span-7); }
.easy-grid.col5-span-8 { --col5: var(--span-8); }
.easy-grid.col5-span-9 { --col5: var(--span-9); }
.easy-grid.col5-span-10 { --col5: var(--span-10); }
.easy-grid.col5-span-11 { --col5: var(--span-11); }
.easy-grid.col5-span-12 { --col5: var(--span-12); }
.easy-grid.col5-span-13 { --col5: var(--span-13); }
.easy-grid.col5-span-14 { --col5: var(--span-14); }
.easy-grid.col5-span-15 { --col5: var(--span-15); }
.easy-grid.col5-span-16 { --col5: var(--span-16); }
.easy-grid.col5-span-17 { --col5: var(--span-17); }
.easy-grid.col5-span-18 { --col5: var(--span-18); }
.easy-grid.col5-span-19 { --col5: var(--span-19); }
.easy-grid.col5-span-20 { --col5: var(--span-20); }
.easy-grid.col5-span-21 { --col5: var(--span-21); }
.easy-grid.col5-span-22 { --col5: var(--span-22); }
.easy-grid.col5-span-23 { --col5: var(--span-23); }
.easy-grid.col5-span-24 { --col5: var(--span-24); }
.easy-grid.col5-span-25 { --col5: var(--span-25); }
.easy-grid.col5-span-26 { --col5: var(--span-26); }
.easy-grid.col5-span-27 { --col5: var(--span-27); }
.easy-grid.col5-span-28 { --col5: var(--span-28); }
.easy-grid.col5-span-29 { --col5: var(--span-29); }
.easy-grid.col5-span-30 { --col5: var(--span-30); }
.easy-grid.col5-span-31 { --col5: var(--span-31); }
.easy-grid.col5-span-32 { --col5: var(--span-32); }
.easy-grid.col5-span-33 { --col5: var(--span-33); }
.easy-grid.col5-span-34 { --col5: var(--span-34); }
.easy-grid.col5-span-35 { --col5: var(--span-35); }
.easy-grid.col5-span-36 { --col5: var(--span-36); }
.easy-grid.col5-span-37 { --col5: var(--span-37); }
.easy-grid.col5-span-38 { --col5: var(--span-38); }
.easy-grid.col5-span-39 { --col5: var(--span-39); }
.easy-grid.col5-span-40 { --col5: var(--span-40); }
.easy-grid.col5-span-41 { --col5: var(--span-41); }
.easy-grid.col5-span-42 { --col5: var(--span-42); }
.easy-grid.col5-span-43 { --col5: var(--span-43); }
.easy-grid.col5-span-44 { --col5: var(--span-44); }
.easy-grid.col5-span-45 { --col5: var(--span-45); }
.easy-grid.col5-span-46 { --col5: var(--span-46); }
.easy-grid.col5-span-47 { --col5: var(--span-47); }
.easy-grid.col5-span-48 { --col5: var(--span-48); }
.easy-grid.col5-span-1fr { --col5: 1fr; }
.easy-grid.col5-span-2fr { --col5: 2fr; }
.easy-grid.col5-span-3fr { --col5: 3fr; }
.easy-grid.col5-span-4fr { --col5: 4fr; }
.easy-grid.col5-span-auto { --col5: auto; }

.easy-grid.col6-span-1 { --col6: var(--span-1); }
.easy-grid.col6-span-2 { --col6: var(--span-2); }
.easy-grid.col6-span-3 { --col6: var(--span-3); }
.easy-grid.col6-span-4 { --col6: var(--span-4); }
.easy-grid.col6-span-5 { --col6: var(--span-5); }
.easy-grid.col6-span-6 { --col6: var(--span-6); }
.easy-grid.col6-span-7 { --col6: var(--span-7); }
.easy-grid.col6-span-8 { --col6: var(--span-8); }
.easy-grid.col6-span-9 { --col6: var(--span-9); }
.easy-grid.col6-span-10 { --col6: var(--span-10); }
.easy-grid.col6-span-11 { --col6: var(--span-11); }
.easy-grid.col6-span-12 { --col6: var(--span-12); }
.easy-grid.col6-span-13 { --col6: var(--span-13); }
.easy-grid.col6-span-14 { --col6: var(--span-14); }
.easy-grid.col6-span-15 { --col6: var(--span-15); }
.easy-grid.col6-span-16 { --col6: var(--span-16); }
.easy-grid.col6-span-17 { --col6: var(--span-17); }
.easy-grid.col6-span-18 { --col6: var(--span-18); }
.easy-grid.col6-span-19 { --col6: var(--span-19); }
.easy-grid.col6-span-20 { --col6: var(--span-20); }
.easy-grid.col6-span-21 { --col6: var(--span-21); }
.easy-grid.col6-span-22 { --col6: var(--span-22); }
.easy-grid.col6-span-23 { --col6: var(--span-23); }
.easy-grid.col6-span-24 { --col6: var(--span-24); }
.easy-grid.col6-span-25 { --col6: var(--span-25); }
.easy-grid.col6-span-26 { --col6: var(--span-26); }
.easy-grid.col6-span-27 { --col6: var(--span-27); }
.easy-grid.col6-span-28 { --col6: var(--span-28); }
.easy-grid.col6-span-29 { --col6: var(--span-29); }
.easy-grid.col6-span-30 { --col6: var(--span-30); }
.easy-grid.col6-span-31 { --col6: var(--span-31); }
.easy-grid.col6-span-32 { --col6: var(--span-32); }
.easy-grid.col6-span-33 { --col6: var(--span-33); }
.easy-grid.col6-span-34 { --col6: var(--span-34); }
.easy-grid.col6-span-35 { --col6: var(--span-35); }
.easy-grid.col6-span-36 { --col6: var(--span-36); }
.easy-grid.col6-span-37 { --col6: var(--span-37); }
.easy-grid.col6-span-38 { --col6: var(--span-38); }
.easy-grid.col6-span-39 { --col6: var(--span-39); }
.easy-grid.col6-span-40 { --col6: var(--span-40); }
.easy-grid.col6-span-41 { --col6: var(--span-41); }
.easy-grid.col6-span-42 { --col6: var(--span-42); }
.easy-grid.col6-span-43 { --col6: var(--span-43); }
.easy-grid.col6-span-44 { --col6: var(--span-44); }
.easy-grid.col6-span-45 { --col6: var(--span-45); }
.easy-grid.col6-span-46 { --col6: var(--span-46); }
.easy-grid.col6-span-47 { --col6: var(--span-47); }
.easy-grid.col6-span-48 { --col6: var(--span-48); }
.easy-grid.col6-span-1fr { --col6: 1fr; }
.easy-grid.col6-span-2fr { --col6: 2fr; }
.easy-grid.col6-span-3fr { --col6: 3fr; }
.easy-grid.col6-span-4fr { --col6: 4fr; }
.easy-grid.col6-span-auto { --col6: auto; }

.easy-grid.col7-span-1 { --col7: var(--span-1); }
.easy-grid.col7-span-2 { --col7: var(--span-2); }
.easy-grid.col7-span-3 { --col7: var(--span-3); }
.easy-grid.col7-span-4 { --col7: var(--span-4); }
.easy-grid.col7-span-5 { --col7: var(--span-5); }
.easy-grid.col7-span-6 { --col7: var(--span-6); }
.easy-grid.col7-span-7 { --col7: var(--span-7); }
.easy-grid.col7-span-8 { --col7: var(--span-8); }
.easy-grid.col7-span-9 { --col7: var(--span-9); }
.easy-grid.col7-span-10 { --col7: var(--span-10); }
.easy-grid.col7-span-11 { --col7: var(--span-11); }
.easy-grid.col7-span-12 { --col7: var(--span-12); }
.easy-grid.col7-span-13 { --col7: var(--span-13); }
.easy-grid.col7-span-14 { --col7: var(--span-14); }
.easy-grid.col7-span-15 { --col7: var(--span-15); }
.easy-grid.col7-span-16 { --col7: var(--span-16); }
.easy-grid.col7-span-17 { --col7: var(--span-17); }
.easy-grid.col7-span-18 { --col7: var(--span-18); }
.easy-grid.col7-span-19 { --col7: var(--span-19); }
.easy-grid.col7-span-20 { --col7: var(--span-20); }
.easy-grid.col7-span-21 { --col7: var(--span-21); }
.easy-grid.col7-span-22 { --col7: var(--span-22); }
.easy-grid.col7-span-23 { --col7: var(--span-23); }
.easy-grid.col7-span-24 { --col7: var(--span-24); }
.easy-grid.col7-span-25 { --col7: var(--span-25); }
.easy-grid.col7-span-26 { --col7: var(--span-26); }
.easy-grid.col7-span-27 { --col7: var(--span-27); }
.easy-grid.col7-span-28 { --col7: var(--span-28); }
.easy-grid.col7-span-29 { --col7: var(--span-29); }
.easy-grid.col7-span-30 { --col7: var(--span-30); }
.easy-grid.col7-span-31 { --col7: var(--span-31); }
.easy-grid.col7-span-32 { --col7: var(--span-32); }
.easy-grid.col7-span-33 { --col7: var(--span-33); }
.easy-grid.col7-span-34 { --col7: var(--span-34); }
.easy-grid.col7-span-35 { --col7: var(--span-35); }
.easy-grid.col7-span-36 { --col7: var(--span-36); }
.easy-grid.col7-span-37 { --col7: var(--span-37); }
.easy-grid.col7-span-38 { --col7: var(--span-38); }
.easy-grid.col7-span-39 { --col7: var(--span-39); }
.easy-grid.col7-span-40 { --col7: var(--span-40); }
.easy-grid.col7-span-41 { --col7: var(--span-41); }
.easy-grid.col7-span-42 { --col7: var(--span-42); }
.easy-grid.col7-span-43 { --col7: var(--span-43); }
.easy-grid.col7-span-44 { --col7: var(--span-44); }
.easy-grid.col7-span-45 { --col7: var(--span-45); }
.easy-grid.col7-span-46 { --col7: var(--span-46); }
.easy-grid.col7-span-47 { --col7: var(--span-47); }
.easy-grid.col7-span-48 { --col7: var(--span-48); }
.easy-grid.col7-span-1fr { --col7: 1fr; }
.easy-grid.col7-span-2fr { --col7: 2fr; }
.easy-grid.col7-span-3fr { --col7: 3fr; }
.easy-grid.col7-span-4fr { --col7: 4fr; }
.easy-grid.col7-span-auto { --col7: auto; }

.easy-grid.col8-span-1 { --col8: var(--span-1); }
.easy-grid.col8-span-2 { --col8: var(--span-2); }
.easy-grid.col8-span-3 { --col8: var(--span-3); }
.easy-grid.col8-span-4 { --col8: var(--span-4); }
.easy-grid.col8-span-5 { --col8: var(--span-5); }
.easy-grid.col8-span-6 { --col8: var(--span-6); }
.easy-grid.col8-span-7 { --col8: var(--span-7); }
.easy-grid.col8-span-8 { --col8: var(--span-8); }
.easy-grid.col8-span-9 { --col8: var(--span-9); }
.easy-grid.col8-span-10 { --col8: var(--span-10); }
.easy-grid.col8-span-11 { --col8: var(--span-11); }
.easy-grid.col8-span-12 { --col8: var(--span-12); }
.easy-grid.col8-span-13 { --col8: var(--span-13); }
.easy-grid.col8-span-14 { --col8: var(--span-14); }
.easy-grid.col8-span-15 { --col8: var(--span-15); }
.easy-grid.col8-span-16 { --col8: var(--span-16); }
.easy-grid.col8-span-17 { --col8: var(--span-17); }
.easy-grid.col8-span-18 { --col8: var(--span-18); }
.easy-grid.col8-span-19 { --col8: var(--span-19); }
.easy-grid.col8-span-20 { --col8: var(--span-20); }
.easy-grid.col8-span-21 { --col8: var(--span-21); }
.easy-grid.col8-span-22 { --col8: var(--span-22); }
.easy-grid.col8-span-23 { --col8: var(--span-23); }
.easy-grid.col8-span-24 { --col8: var(--span-24); }
.easy-grid.col8-span-25 { --col8: var(--span-25); }
.easy-grid.col8-span-26 { --col8: var(--span-26); }
.easy-grid.col8-span-27 { --col8: var(--span-27); }
.easy-grid.col8-span-28 { --col8: var(--span-28); }
.easy-grid.col8-span-29 { --col8: var(--span-29); }
.easy-grid.col8-span-30 { --col8: var(--span-30); }
.easy-grid.col8-span-31 { --col8: var(--span-31); }
.easy-grid.col8-span-32 { --col8: var(--span-32); }
.easy-grid.col8-span-33 { --col8: var(--span-33); }
.easy-grid.col8-span-34 { --col8: var(--span-34); }
.easy-grid.col8-span-35 { --col8: var(--span-35); }
.easy-grid.col8-span-36 { --col8: var(--span-36); }
.easy-grid.col8-span-37 { --col8: var(--span-37); }
.easy-grid.col8-span-38 { --col8: var(--span-38); }
.easy-grid.col8-span-39 { --col8: var(--span-39); }
.easy-grid.col8-span-40 { --col8: var(--span-40); }
.easy-grid.col8-span-41 { --col8: var(--span-41); }
.easy-grid.col8-span-42 { --col8: var(--span-42); }
.easy-grid.col8-span-43 { --col8: var(--span-43); }
.easy-grid.col8-span-44 { --col8: var(--span-44); }
.easy-grid.col8-span-45 { --col8: var(--span-45); }
.easy-grid.col8-span-46 { --col8: var(--span-46); }
.easy-grid.col8-span-47 { --col8: var(--span-47); }
.easy-grid.col8-span-48 { --col8: var(--span-48); }
.easy-grid.col9-span-1fr { --col8: 1fr; }
.easy-grid.col9-span-2fr { --col8: 2fr; }
.easy-grid.col9-span-3fr { --col8: 3fr; }
.easy-grid.col9-span-4fr { --col8: 4fr; }
.easy-grid.col9-span-auto { --col8: auto; }

/* Row span height settings */
.easy-grid.row1-span-1 { --row1: var(--span-1); }
.easy-grid.row1-span-2 { --row1: var(--span-2); }
.easy-grid.row1-span-3 { --row1: var(--span-3); }
.easy-grid.row1-span-4 { --row1: var(--span-4); }
.easy-grid.row1-span-1fr { --row1: 1fr; }
.easy-grid.row1-span-2fr { --row1: 2fr; }
.easy-grid.row1-span-3fr { --row1: 3fr; }
.easy-grid.row1-span-4fr { --row1: 4fr; }
.easy-grid.row1-span-auto { --row1: auto; }

.easy-grid.row2-span-1 { --row2: var(--span-1); }
.easy-grid.row2-span-2 { --row2: var(--span-2); }
.easy-grid.row2-span-3 { --row2: var(--span-3); }
.easy-grid.row2-span-4 { --row1: var(--span-4); }
.easy-grid.row2-span-1fr { --row2: 1fr; }
.easy-grid.row2-span-2fr { --row2: 2fr; }
.easy-grid.row2-span-3fr { --row2: 3fr; }
.easy-grid.row2-span-4fr { --row2: 4fr; }
.easy-grid.row2-span-auto { --row2: auto; }

.easy-grid.row3-span-1 { --row3: var(--span-1); }
.easy-grid.row3-span-2 { --row3: var(--span-2); }
.easy-grid.row3-span-3 { --row3: var(--span-3); }
.easy-grid.row3-span-4 { --row1: var(--span-4); }
.easy-grid.row3-span-1fr { --row3: 1fr; }
.easy-grid.row3-span-2fr { --row3: 2fr; }
.easy-grid.row3-span-3fr { --row3: 3fr; }
.easy-grid.row3-span-4fr { --row3: 4fr; }
.easy-grid.row3-span-auto { --row3: auto; }

.easy-grid.row4-span-1 { --row4: var(--span-1); }
.easy-grid.row4-span-2 { --row4: var(--span-2); }
.easy-grid.row4-span-3 { --row4: var(--span-3); }
.easy-grid.row4-span-4 { --row1: var(--span-4); }
.easy-grid.row4-span-1fr { --row4: 1fr; }
.easy-grid.row4-span-2fr { --row4: 2fr; }
.easy-grid.row4-span-3fr { --row4: 3fr; }
.easy-grid.row4-span-4fr { --row4: 4fr; }
.easy-grid.row4-span-auto { --row4: auto; }

.easy-grid.row5-span-1 { --row5: var(--span-1); }
.easy-grid.row5-span-2 { --row5: var(--span-2); }
.easy-grid.row5-span-3 { --row5: var(--span-3); }
.easy-grid.row5-span-4 { --row1: var(--span-4); }
.easy-grid.row5-span-1fr { --row5: 1fr; }
.easy-grid.row5-span-2fr { --row5: 2fr; }
.easy-grid.row5-span-3fr { --row5: 3fr; }
.easy-grid.row5-span-4fr { --row5: 4fr; }
.easy-grid.row5-span-auto { --row5: auto; }

.easy-grid.row6-span-1 { --row6: var(--span-1); }
.easy-grid.row6-span-2 { --row6: var(--span-2); }
.easy-grid.row6-span-3 { --row6: var(--span-3); }
.easy-grid.row6-span-4 { --row1: var(--span-4); }
.easy-grid.row6-span-1fr { --row6: 1fr; }
.easy-grid.row6-span-2fr { --row6: 2fr; }
.easy-grid.row6-span-3fr { --row6: 3fr; }
.easy-grid.row6-span-4fr { --row6: 4fr; }
.easy-grid.row6-span-auto { --row6: auto; }

.easy-grid.row7-span-1 { --row7: var(--span-1); }
.easy-grid.row7-span-2 { --row7: var(--span-2); }
.easy-grid.row7-span-3 { --row7: var(--span-3); }
.easy-grid.row7-span-4 { --row1: var(--span-4); }
.easy-grid.row7-span-1fr { --row7: 1fr; }
.easy-grid.row7-span-2fr { --row7: 2fr; }
.easy-grid.row7-span-3fr { --row7: 3fr; }
.easy-grid.row7-span-4fr { --row7: 4fr; }
.easy-grid.row7-span-auto { --row7: auto; }

.easy-grid.row8-span-1 { --row8: var(--span-1); }
.easy-grid.row8-span-2 { --row8: var(--span-2); }
.easy-grid.row8-span-3 { --row8: var(--span-3); }
.easy-grid.row8-span-4 { --row1: var(--span-4); }
.easy-grid.row8-span-1fr { --row8: 1fr; }
.easy-grid.row8-span-2fr { --row8: 2fr; }
.easy-grid.row8-span-3fr { --row8: 3fr; }
.easy-grid.row8-span-4fr { --row8: 4fr; }
.easy-grid.row8-span-auto { --row8: auto; }

/* Row Cell Placement */
.easy-grid .row-1 { grid-row: 1; }
.easy-grid .row-2 { grid-row: 2; }
.easy-grid .row-3 { grid-row: 3; }
.easy-grid .row-4 { grid-row: 4; }
.easy-grid .row-5 { grid-row: 5; }
.easy-grid .row-6 { grid-row: 6; }
.easy-grid .row-7 { grid-row: 7; }
.easy-grid .row-8 { grid-row: 8; }

/* Column Cell Placement */
.easy-grid .col-1 { grid-column: 1; }
.easy-grid .col-2 { grid-column: 2; }
.easy-grid .col-3 { grid-column: 3; }
.easy-grid .col-4 { grid-column: 4; }
.easy-grid .col-5 { grid-column: 5; }
.easy-grid .col-6 { grid-column: 6; }
.easy-grid .col-7 { grid-column: 7; }
.easy-grid .col-8 { grid-column: 8; }


/* Row Spans*/
.easy-grid .row-1.rowspan-2 { grid-row: 1 / 3; }
.easy-grid .row-1.rowspan-3 { grid-row: 1 / 4; }
.easy-grid .row-1.rowspan-4 { grid-row: 1 / 5; }
.easy-grid .row-1.rowspan-5 { grid-row: 1 / 6; }
.easy-grid .row-1.rowspan-6 { grid-row: 1 / 7; }
.easy-grid .row-1.rowspan-7 { grid-row: 1 / 8; }
.easy-grid .row-1.rowspan-8 { grid-row: 1 / 9; }

.easy-grid .row-2.rowspan-2 { grid-row: 2 / 4; }
.easy-grid .row-2.rowspan-3 { grid-row: 2 / 5; }
.easy-grid .row-2.rowspan-4 { grid-row: 2 / 6; }
.easy-grid .row-2.rowspan-5 { grid-row: 2 / 7; }
.easy-grid .row-2.rowspan-6 { grid-row: 2 / 8; }
.easy-grid .row-2.rowspan-7 { grid-row: 2 / 9; }

.easy-grid .row-3.rowspan-2 { grid-row: 3 / 5; }
.easy-grid .row-3.rowspan-3 { grid-row: 3 / 6; }
.easy-grid .row-3.rowspan-4 { grid-row: 3 / 7; }
.easy-grid .row-3.rowspan-5 { grid-row: 3 / 8; }
.easy-grid .row-3.rowspan-6 { grid-row: 3 / 9; }

.easy-grid .row-4.rowspan-2 { grid-row: 4 / 6; }
.easy-grid .row-4.rowspan-3 { grid-row: 4 / 7; }
.easy-grid .row-4.rowspan-4 { grid-row: 4 / 8; }
.easy-grid .row-4.rowspan-5 { grid-row: 4 / 9; }

.easy-grid .row-5.rowspan-2 { grid-row: 5 / 7; }
.easy-grid .row-5.rowspan-3 { grid-row: 5 / 8; }
.easy-grid .row-5.rowspan-4 { grid-row: 5 / 9; }

.easy-grid .row-6.rowspan-2 { grid-row: 6 / 8; }
.easy-grid .row-6.rowspan-3 { grid-row: 6 / 9; }

.easy-grid .row-7.rowspan-2 { grid-row: 7 / 9; }

/* Column Spans*/
.easy-grid .col-1.colspan-2 { grid-column: 1 / 3; }
.easy-grid .col-1.colspan-3 { grid-column: 1 / 4; }
.easy-grid .col-1.colspan-4 { grid-column: 1 / 5; }
.easy-grid .col-1.colspan-5 { grid-column: 1 / 6; }
.easy-grid .col-1.colspan-6 { grid-column: 1 / 7; }
.easy-grid .col-1.colspan-7 { grid-column: 1 / 8; }
.easy-grid .col-1.colspan-8 { grid-column: 1 / 9; }

.easy-grid .col-2.colspan-2 { grid-column: 2 / 4; }
.easy-grid .col-2.colspan-3 { grid-column: 2 / 5; }
.easy-grid .col-2.colspan-4 { grid-column: 2 / 6; }
.easy-grid .col-2.colspan-5 { grid-column: 2 / 7; }
.easy-grid .col-2.colspan-6 { grid-column: 2 / 8; }
.easy-grid .col-2.colspan-7 { grid-column: 2 / 9; }

.easy-grid .col-3.colspan-2 { grid-column: 3 / 5; }
.easy-grid .col-3.colspan-3 { grid-column: 3 / 6; }
.easy-grid .col-3.colspan-4 { grid-column: 3 / 7; }
.easy-grid .col-3.colspan-5 { grid-column: 3 / 8; }
.easy-grid .col-3.colspan-6 { grid-column: 3 / 9; }

.easy-grid .col-4.colspan-2 { grid-column: 4 / 6; }
.easy-grid .col-4.colspan-3 { grid-column: 4 / 7; }
.easy-grid .col-4.colspan-4 { grid-column: 4 / 8; }
.easy-grid .col-4.colspan-5 { grid-column: 4 / 9; }

.easy-grid .col-5.colspan-2 { grid-column: 5 / 7; }
.easy-grid .col-5.colspan-3 { grid-column: 5 / 8; }
.easy-grid .col-5.colspan-4 { grid-column: 5 / 9; }

.easy-grid .col-6.colspan-2 { grid-column: 6 / 8; }
.easy-grid .col-6.colspan-3 { grid-column: 6 / 9; }
  
.easy-grid .col-7.colspan-2 { grid-column: 7 / 9; }


/* GRID BORDER SUPPORT
    The following border utility styles are intended for specific layout scenarios where a grid requires visible borders. If the content 
    represents tabular data, use a standard <table> element instead. These styles should only be applied when a table structure is not appropriate.

    Implementation Details: The borders are simulated using background colors: a 1 px gap between grid cells allows the grid container’s background 
        color to show through, creating the visual border. Each child <div> uses a white background to define the visible cell area.
    
    Important: You must use the colX-span-Xfr or colX-span-auto classes to define column widths (e.g., col1-span-1fr, col2-span-auto).
        If these are omitted, an extra-thick black border will appear on the right edge of the grid.
        This occurs because the total number of columns must be specified to correctly align the cell padding.

    Limitations
    - Row completion: You must add empty child <div> elements to fill any missing cells on the last row.
        Otherwise, the black grid background will show through incomplete cells
    - Output order: Child elements must be rendered in column-major order (e.g., row-1 col-1, row-1 col-2, row-1 col-3, row-2 col-1, row-2 col-2, …).
        This is required because the :nth-child selectors controlling padding rely on that order.
    - Span handling: When using column or row spans, the :nth-child-based padding logic will not work correctly.
        In these cases, apply manual padding controls using the manual-padding class along with one or more of: left-cell, top-cell, right-cell, and bottom-cell.
*/

/* Full Border Styles */
.easy-grid.borders { gap: 1px; background-color: black; border: 1px solid black; }
.easy-grid.borders > div { background-color: white; padding: 10px; }

/* Inner Border Styles */
.easy-grid.inner-borders-2col { gap: 1px; background-color: black; }
.easy-grid.inner-borders-2col > div { background-color: white; padding: 10px; }
fieldset .easy-grid.inner-borders-2col > div { background-color: #f7f7f7; }
.easy-grid.inner-borders-2col > div:nth-child(-n + 2) { padding-top: 0; }
.easy-grid.inner-borders-2col > div:nth-child(2n + 1) { padding-left: 0; }
.easy-grid.inner-borders-2col > div:nth-child(2n) { padding-right: 0; }
.easy-grid.inner-borders-2col > div:nth-last-child(-n + 2) { padding-bottom: 0; }

.easy-grid.inner-borders-3col { gap: 1px; background-color: black; }
.easy-grid.inner-borders-3col > div { background-color: white; padding: 10px; }
fieldset .easy-grid.inner-borders-3col > div { background-color: #f7f7f7; }
.easy-grid.inner-borders-3col > div:nth-child(-n + 3) { padding-top: 0; }
.easy-grid.inner-borders-3col > div:nth-child(3n + 1) { padding-left: 0; }
.easy-grid.inner-borders-3col > div:nth-child(3n) { padding-right: 0; }
.easy-grid.inner-borders-3col > div:nth-last-child(-n + 3) { padding-bottom: 0; }

.easy-grid.inner-borders-4col { gap: 1px; background-color: black; }
.easy-grid.inner-borders-4col > div { background-color: white; padding: 10px; }
fieldset .easy-grid.inner-borders-4col > div { background-color: #f7f7f7; }
.easy-grid.inner-borders-4col > div:nth-child(-n + 4) { padding-top: 0; }
.easy-grid.inner-borders-4col > div:nth-child(4n + 1) { padding-left: 0; }
.easy-grid.inner-borders-4col > div:nth-child(4n) { padding-right: 0; }
.easy-grid.inner-borders-4col > div:nth-last-child(-n + 4) { padding-bottom: 0; }

.easy-grid.inner-borders-5col { gap: 1px; background-color: black; }
.easy-grid.inner-borders-5col > div { background-color: white; padding: 10px; }
fieldset .easy-grid.inner-borders-5col > div { background-color: #f7f7f7; }
.easy-grid.inner-borders-5col > div:nth-child(-n + 5) { padding-top: 0; }
.easy-grid.inner-borders-5col > div:nth-child(5n + 1) { padding-left: 0; }
.easy-grid.inner-borders-5col > div:nth-child(5n) { padding-right: 0; }
.easy-grid.inner-borders-5col > div:nth-last-child(-n + 5) { padding-bottom: 0; }

.easy-grid.inner-borders-6col { gap: 1px; background-color: black; }
.easy-grid.inner-borders-6col > div { background-color: white; padding: 10px; }
fieldset .easy-grid.inner-borders-6col > div { background-color: #f7f7f7; }
.easy-grid.inner-borders-6col > div:nth-child(-n + 6) { padding-top: 0; }
.easy-grid.inner-borders-6col > div:nth-child(6n + 1) { padding-left: 0; }
.easy-grid.inner-borders-6col > div:nth-child(6n) { padding-right: 0; }
.easy-grid.inner-borders-6col > div:nth-last-child(-n + 6) { padding-bottom: 0; }

.easy-grid.inner-borders-7col { gap: 1px; background-color: black; }
.easy-grid.inner-borders-7col > div { background-color: white; padding: 10px; }
fieldset .easy-grid.inner-borders-7col > div { background-color: #f7f7f7; }
.easy-grid.inner-borders-7col > div:nth-child(-n + 7) { padding-top: 0; }
.easy-grid.inner-borders-7col > div:nth-child(7n + 1) { padding-left: 0; }
.easy-grid.inner-borders-7col > div:nth-child(7n) { padding-right: 0; }
.easy-grid.inner-borders-7col > div:nth-last-child(-n + 7) { padding-bottom: 0; }

.easy-grid.inner-borders-8col { gap: 1px; background-color: black; }
.easy-grid.inner-borders-8col > div { background-color: white; padding: 10px; }
fieldset .easy-grid.inner-borders-8col > div { background-color: #f7f7f7; }
.easy-grid.inner-borders-8col > div:nth-child(-n + 8) { padding-top: 0; }
.easy-grid.inner-borders-8col > div:nth-child(8n + 1) { padding-left: 0; }
.easy-grid.inner-borders-8col > div:nth-child(8n) { padding-right: 0; }
.easy-grid.inner-borders-8col > div:nth-last-child(-n + 8) { padding-bottom: 0; }

/* Manual Padding overrides -  for when you are using row or column spans that 
   mess up the nth-child options (just add 'manual-padding' and then one of the cell ones (e.g., left-cell) */
.easy-grid.inner-borders-2col > div.manual-padding, .easy-grid.inner-borders-3col > div.manual-padding, .easy-grid.inner-borders-4col > div.manual-padding, .easy-grid.inner-borders-5col > div.manual-padding, .easy-grid.inner-borders-6col > div.manual-padding, .easy-grid.inner-borders-7col > div.manual-padding, .easy-grid.inner-borders-8col > div.manual-padding {
    padding: 10px; 
}
.easy-grid.inner-borders-2col > div.top-cell, .easy-grid.inner-borders-3col > div.top-cell, .easy-grid.inner-borders-4col > div.top-cell, .easy-grid.inner-borders-5col > div.top-cell, .easy-grid.inner-borders-6col > div.top-cell, .easy-grid.inner-borders-7col > div.top-cell, .easy-grid.inner-borders-8col > div.top-cell { 
    padding-top: 0; 
}
.easy-grid.inner-borders-2col > div.right-cell, .easy-grid.inner-borders-3col > div.right-cell, .easy-grid.inner-borders-4col > div.right-cell, .easy-grid.inner-borders-5col > div.right-cell, .easy-grid.inner-borders-6col > div.right-cell, .easy-grid.inner-borders-7col > div.right-cell, .easy-grid.inner-borders-8col > div.right-cell { 
    padding-right: 0; 
}
.easy-grid.inner-borders-2col > div.bottom-cell, .easy-grid.inner-borders-3col > div.bottom-cell, .easy-grid.inner-borders-4col > div.bottom-cell, .easy-grid.inner-borders-5col > div.bottom-cell, .easy-grid.inner-borders-6col > div.bottom-cell, .easy-grid.inner-borders-7col > div.bottom-cell, .easy-grid.inner-borders-8col > div.bottom-cell { 
    padding-bottom: 0; 
}
.easy-grid.inner-borders-2col > div.left-cell, .easy-grid.inner-borders-3col > div.left-cell, .easy-grid.inner-borders-4col > div.left-cell, .easy-grid.inner-borders-5col > div.left-cell, .easy-grid.inner-borders-6col > div.left-cell, .easy-grid.inner-borders-7col > div.left-cell, .easy-grid.inner-borders-8col > div.left-cell { 
    padding-left: 0; 
}

/* Add alternate border colors (via background color) */
.easy-grid.light-borders { background-color: var(--light-border); }
/*! wwwroot/Site/SourceCss/03-forms.css */
/*
    Base styles for html forms. Many of these styles
    extend the /Lib/01-blueprint-css/04-forms.css styles
*/

input.title, label.title, span.label-ro.title, select.title {
    font-size: 1.5em;
}

input.pin, label.pin, span.label-ro.pin {
    font-size: 2em;
}

input.pin {
    font-family: text-security-disc;
}

.sql-code {
    font-family: monospace;
}

label.large, span.label-ro.large {
    font-size: 1.25em;
}

/* Style for gray text on label after disabled input */
input:disabled+label, input:disabled+input+label {
    color: var(--btots-ash-gray);
}

input[type="submit"][disabled], input.disabled, input[type="submit"][disabled]:active, input[type="button"][disabled], input[type="button"][disabled]:active, button[type="submit"][disabled], button[type="button"][disabled] {
    color: #999999;
    border-color: #CCCCCC;
    background-color: #FCFCFC;
}

input[type="text"][disabled], input.disabled, input[type="text"][disabled]:active, input[disabled='true'] {
    color: #E4E5E5;
    border-color: #E4E5E5;
}

input.large {
    font-size: 1.25em;
    line-height: normal;
}

input select {
    margin-top: 2px;
}

input[type=checkbox], input[type=radio], input.checkbox, input.radio, .read-only-checkbox, .read-only-radio {
    position: relative;
    top: .15em;
}

/* the checkboxes are 16x16 pixels, but radio buttons are 12x12, so this makes them centered aligned which looks better*/
input[type=radio], input.radio, .read-only-radio {
    padding: 0 2px;
}

/* Text Area Styles */
textarea {
    font-family: "Helvetica Neue",Arial,Helvetica,sans-serif;
    width: 100%;
    box-sizing: border-box;
    resize: none; /* If resizing is needed, use .resize classes below */
}

.value-text-area {
    box-sizing: border-box;
    margin: 0;
}

textarea.resize {
    resize: both;
}

textarea.resize-vertical {
    resize: vertical;
}

textarea.resize-horizontal {
    resize: horizontal;
}


td.error, table.tablesorter tbody td.error {
    color: var(--btots-red);
    border: inherit;
    -moz-border-radius: inherit;
    border-radius: inherit;
    -webkit-border-radius: inherit;
}

td.success {
    border: inherit;
    -moz-border-radius: inherit;
    border-radius: inherit;
    -webkit-border-radius: inherit;
    padding: inherit;
    margin-bottom: inherit;
}

/* Label Focus for Radio and Checkbox Input Elements */
/* Solution that only works when label is followed by input. */
input[type="radio"]:focus + label,
input[type="checkbox"]:focus + label {
    background-color: #faecd1;
}

/* Solution when label is before the input button. This is dependent on the ":has" pseudo class, which may not be supported by all browsers. */
label:has(+ input:focus:is([type="radio"], [type="checkbox"])) {
    background-color: #faecd1;
}

/* Solution when label and input button are separated by a hidden input or anything else. The "highlight-container" class must be added to a parent. */
.highlight-container:focus-within label {
    background-color: #faecd1;
}

input[role=textbox]:disabled {
    border-color: #E9EDF1;
    background-color: #fff;
}

/*! wwwroot/Site/SourceCss/04-jquery-ui-overrides.css */
/*!
 * jQuery UI CSS Framework Overrides - things that we needed to adjust for our BTOTS styles
 */

/* Layout helpers
----------------------------------*/
/* TODO: The following was used with version 1.8.21. Version 1.13.3 changed the rule. Check if the following is still needed. */
/*.ui-helper-hidden-accessible {
    position: absolute;
    left: -99999999px;
}*/

/*!
 * jQuery UI Autocomplete
 */
.ui-autocomplete-loading {
    background: white url('/Images/spinnersmall.gif') right center no-repeat;
}

.no-close .ui-dialog-titlebar-close {
    display: none;
}

/*
 * jQuery UI Menu
 */
/* TODO: The folling may not be needed anymore. */
/*.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
    margin: -1px;
}*/

/*!
 * jQuery UI Button
 */
.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    text-decoration: none !important;
    cursor: pointer;
    text-align: center;
    zoom: 1;
    overflow: visible;
    padding: 2px 10px;
    line-height: inherit;
}
/* the overflow property removes extra width in IE */
.ui-button-icon-only {
    width: 1.5em;
}
/* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only {
    width: 1.7em;
}
/* button elements seem to need a little more width */

/*button text element */
.ui-button .ui-button-text {
    display: block;
    line-height: 1.35;
}

.ui-button-text-only .ui-button-text {
    padding: 0em 1em;
}

.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
    padding: 0em;
    text-indent: -9999999px;
}

/*!
 * jQuery UI Datepicker
 */
.ui-datepicker .ui-state-default {
    padding: 2px;
}

.ui-datepicker a.ui-state-default:focus {
    border: 2px solid #EAB85A;
    padding: 1px;
}

/*!
 * jQuery UI Dialog
 */
.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: 10px 10px 0 10px;
    margin-bottom: 6px;
    background: none; /*overflow: auto;*/
    zoom: 1;
}

/*!
 * jQuery UI Resizable
 */
.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    z-index: 99999;
    display: block;
}

/*!
 * jQuery UI Tabs
 */
.ui-tabs {
    position: relative; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
    padding: 9px;
    zoom: 1;
}

.ui-tabs .ui-tabs-nav {
    margin: -7px -7px 8px;
    padding: .1em .15em 0;
    font-size: 1.1em;
}

.ui-tabs .ui-tabs-nav li a {
    float: left;
    padding: .25em .4em;
    text-decoration: none;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: .25em .4em;
    text-decoration: none;
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border: 0;
    padding: 0;
    background: none;
}

/* Component containers
----------------------------------*/
.ui-widget-content {
    border: 1px solid #aaaaaa;
    background: #ffffff url(/Lib/jquery-ui/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
    color: #222222;
}

.ui-widget-header {
    border: 1px solid #aaaaaa;
    background: #cccccc url(/Lib/jquery-ui/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
    color: #222222;
    font-weight: bold;
}

.ui-widget-header a {
    color: #222222;
}

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default {
    border: 1px solid #838383;
    background: #e6e6e6 url(/Lib/jquery-ui/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #444444;
    padding: 2px 10px;
}

a.ui-state-default, a.ui-state-default:link, a.ui-state-default:visited {
    color: #444444;
    font-size: 10pt;
    text-decoration: none;
    white-space: nowrap;
    padding: 2px 10px;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #555555;
    text-decoration: none;
}

input.ui-state-default, button.ui-state-default {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    padding-left: 9px;
    padding-right: 9px;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus {
    border: 1px solid #999999;
    background: #dadada url(/Lib/jquery-ui/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #212121;
}

.ui-state-hover a {
    color: black;
    text-decoration: none;
}

.ui-state-hover a:hover {
    color: black;
    text-decoration: none;
    outline: none;
    padding: 0 9px;
}

a.ui-state-default:hover, .ui-state-default:hover {
    color: black;
    text-decoration: none;
    border: 1px solid #999999;
    background-color: #DADADA;
    background-image: none;
}

input.ui-state-default:focus, button.ui-state-default:focus {
    text-decoration: none;
    border: 2px solid #EAB85A;
    padding: 3px 8px;
    outline: none;
}

a.ui-state-default:focus {
    text-decoration: none;
    outline: none;
    border: 2px solid #EAB85A;
    padding: 1px 9px;
}

.ui-state-active, .ui-widget-content .ui-state-active {
    border: 1px solid #aaaaaa;
    background: #ffffff url(/Lib/jquery-ui/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #212121;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #212121;
    text-decoration: none;
}

/* Interaction states - primary action button.	
----------------------------------*/
a.ui-primary-state-default, .ui-primary-state-default, .ui-primary-widget-content .ui-primary-state-default, .ui-primary-widget-header .ui-primary-state-default, .ui-primary-state-default:focus {
    border: 1px solid #45930b;
    background: #4ca20b url(/Lib/jquery-ui/images/ui-bg_highlight-soft_60_4ca20b_1x100.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #ffffff;
    padding: 2px 10px;
}

a.ui-primary-state-default, a.ui-primary-state-default:link, a.ui-primary-state-default:visited {
    font-size: 10pt;
    color: #ffffff;
    text-decoration: none;
    white-space: nowrap;
    padding: 2px 10px;
}

.ui-primary-state-default a, .ui-primary-state-default a:link, .ui-primary-state-default a:visited {
    color: #ffffff;
    text-decoration: none;
}

input.ui-primary-state-default, button.ui-primary-state-default {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    padding-left: 9px;
    padding-right: 9px;
}

.ui-primary-state-hover, .ui-primary-widget-content .ui-primary-state-hover, .ui-primary-widget-header .ui-primary-state-hover, .ui-primary-state-focus, .ui-primary-widget-content .ui-primary-state-focus, .ui-primary-widget-header .ui-primary-state-focus {
    border: 1px solid #8bd83b;
    background: #4eb305 url(/Lib/jquery-ui/images/ui-bg_highlight-soft_50_4eb305_1x100.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #ffffff;
}

.ui-primary-state-hover a {
    text-decoration: none;
}

a.ui-primary-state-default:hover, .ui-primary-state-hover a:hover {
    color: white;
    text-decoration: none;
    outline: none;
}

.ui-primary-state-default:hover {
    color: #ffffff;
    text-decoration: none;
    border: 1px solid #45930b;
    background-color: #3f9004;
    background-image: none
}

input.ui-primary-state-default:focus {
    text-decoration: none;
    border: 2px solid #EAB85A;
    padding: 3px 8px;
    outline: none;
}

a.ui-primary-state-default:focus {
    text-decoration: none;
    outline: none;
    border: 2px solid #EAB85A;
    padding: 1px 9px;
}

.ui-primary-state-active, .ui-primary-widget-content .ui-primary-state-active, .ui-primary-widget-header .ui-primary-state-active {
    border: 1px solid #72b42d;
    background: #285c00 url(/Lib/jquery-ui/images/ui-bg_highlight-hard_30_285c00_1x100.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #ffffff;
}

.ui-primary-state-active a, .ui-primary-state-active a:link, .ui-primary-state-active a:visited {
    color: #ffffff;
    text-decoration: none;
}

.ui-primary-widget :active {
    outline: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #fcefa1;
    background: #fbf9ee url(/Lib/jquery-ui/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
    color: #363636;
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
    color: #363636;
}

.ui-widget-content a {
    color: var(--btots-bright-blue);
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #fef1ec url(/Lib/jquery-ui/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
    color: #cd0a0a;
}

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
    color: #cd0a0a;
}

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
    color: #cd0a0a;
}

a.ui-state-disabled {
    border: 1px solid #838383;
    font-size: 10pt;
    color: #444444;
    text-decoration: none;
    white-space: nowrap;
}

/* Icons
----------------------------------*/
.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url("/Lib/jquery-ui/images/ui-icons_444444_256x240.png");
}

.ui-widget-header .ui-icon {
    background-image: url("/Lib/jquery-ui/images/ui-icons_444444_256x240.png");
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
    background-image: url("/Lib/jquery-ui/images/ui-icons_555555_256x240.png");
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
    background-image: url("/Lib/jquery-ui/images/ui-icons_ffffff_256x240.png");
}

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
    background-image: url("/Lib/jquery-ui/images/ui-icons_777620_256x240.png");
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url("/Lib/jquery-ui/images/ui-icons_cc0000_256x240.png");
}

.ui-button .ui-icon {
    background-image: url("/Lib/jquery-ui/images/ui-icons_777777_256x240.png");
}

/* Overlays */
.ui-widget-overlay {
    background: #aaaaaa url(/Lib/jquery-ui/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .35;
    filter: Alpha(Opacity=35);
}

.ui-widget-shadow {
    margin: -8px 0 0 -8px;
    padding: 8px;
    background: #aaaaaa url(/Lib/jquery-ui/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .30;
    filter: Alpha(Opacity=30);
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

/* Override items in this file. ********************************************************************************/
/* Make the dialog headers more noticable */
.ui-dialog-titlebar {
    border: 1px solid var(--btots-medium-blue);
    background: var(--btots-medium-blue) url("/Images/titlebar-background.gif");
    color: #FFF;
    font-weight: bold;
}

.ui-dialog-title {
    color: #FFF;
}

.ui-dialog .ui-state-hover {
    border: 1px solid #999999;
    background: #FFF;
    font-weight: normal;
    color: #212121;
}

.ui-draggable .ui-dialog-content {
    cursor: default !important;
}

.ui-dialog .ui-dialog-titlebar-help {
    position:absolute;
    right: 2.3em;
    top: 50%;
    width: 20px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px;
}

/* Fix datepicker */
table.ui-datepicker-calendar a.ui-state-default {
    padding: 2px 0.2em;
}

table.ui-datepicker-calendar span.ui-state-default {
    padding: 2px 0.2em;
}

table.ui-datepicker-calendar td.ui-datepicker-current-day a.ui-state-active {
    background-color: var(--btots-medium-blue);
    background-image: none;
    color: white;
}

table.ui-datepicker-calendar td.ui-datepicker-current-day a.ui-state-active:hover {
    background-color: var(--btots-dark-blue);
}

table.ui-datepicker-calendar td.ui-datepicker-today a{
    border: 1px solid var(--btots-bright-blue);
}
/********************************************************
				Nested Tab Styles
*********************************************************/


.nested-tab, .ui-widget.ui-widget-content.nested-tab {
    border: none;
    padding: 0px;
}

.nested-tab ul {
    -moz-border-radius: 4px 4px 0 0;
}

.nested-tab ul.ui-tabs-nav {
    margin: 0 0 6px 0;
}

.nested-tab ul.ui-widget-header {
    background-image: none;
    background-color: #eeeeee;
}


/********************************************************
				Notification Styles
*********************************************************/

/* jQuery Notification Widget styles  - http://www.erichynds.com/blog/a-jquery-ui-growl-ubuntu-notification-widget */
.ui-notify {
    width: 560px;
    position: fixed;
    top: 4px;
    left: 50%;
    margin-left: -480px;
    z-index: 1900;
}

.ui-notify-message {
    padding: 3px 6px;
    margin-bottom: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

    .ui-notify-message h1 {
        font-size: 14px;
        margin: 0;
        padding: 0
    }

    .ui-notify-message p {
        margin: 3px 0;
        padding: 0;
        line-height: 18px
    }

    .ui-notify-message:last-child {
        margin-bottom: 0
    }

.ui-notify-message-style {
    color: White;
    background: #000;
    background: rgba(0,0,0,0.8);
    -moz-box-shadow: 0 0 6px #000;
    -webkit-box-shadow: 0 0 6px #000;
    box-shadow: 0 0 6px #000;
}

.ui-notify-cross {
    float: right;
    cursor: pointer;
    text-decoration: none;
    padding: 0 1px 1px 0;
    margin-top: 2px;
}

    .ui-notify-cross:active {
        position: relative;
        top: 1px
    }

#notify div.error {
    color: Black;
    background: #FBE3E4;
    background: rgba(251,227,228,0.95);
    border: solid 1px var(--btots-red);
}

#notify div.notice {
    color: #514721;
    background: var(--btots-pastel-yellow);
    background: rgba(255,246,191,0.95);
    border: solid 1px var(--btots-gold);
}

#notify div.success {
    color: #264409;
    background: #E6EFC2;
    background: rgba(230,239,194,0.95);
    border: solid 1px #264409;
}

/* jquery ui css Fixes */
.ui-autocomplete-input {
    width: 240px;
}

.ui-button .ui-button-text {
    display: block;
    line-height: 1.35;
}

.ui-button-text-only .ui-button-text {
    padding: 0em 1em;
}

.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
    padding: 0;
    text-indent: -9999999px;
}

.ui-button-icon-only {
    width: 1.5em;
}
/* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only {
    width: 1.7em;
}
/* button elements seem to need a little more width */

li.ui-menu-item a {
    color: black;
}
/* make the autocomplete items black (same as UFD) */
/*! wwwroot/Site/SourceCss/05-chosen-overrides.css */
/*!
 * Chosen DropDownList Plugin Overrides
 */

/* This changes the drop-down icon to look like the legacy (Ufd) icon. */
.chosen-container-single .chosen-single {
    padding: 1px 0 1px 7px;
    border-radius: 0px;
    line-height: 18px;
    height: 22px;
}

.chosen-container-single .chosen-single div {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 18px;
    height: 22px;
}

.chosen-container-single .chosen-single div b {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url("/Images/ufd-icon.gif");
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: auto;
    border: 1px solid #B5B8C8;
}

.chosen-container-single .chosen-single div b:hover {
    background-position: -18px 0px;
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
    background-image: url("/Images/ufd-icon.gif");
    background-size: auto;
    background-position: -36px 0px;
}

.chosen-rtl.chosen-container-single .chosen-single div b {
    background-image: url("/Images/ufd-icon.gif");
    background-position: 0px 0px;
    background-size: auto;
}

.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
    background-image: url("/Images/ufd-icon.gif");
    background-position: 0px 0px;
    background-size: auto;
}

.chosen-disabled {
    pointer-events: none;
    opacity: 0.5;
}

.chosen-container-active .chosen-single,
.chosen-container-active .chosen-choices,
.chosen-container-active .chosen-drop {
    border-color: #eab85a;
}

.chosen-container-active.chosen-dropup .chosen-single,
.chosen-container-active.chosen-dropup .chosen-choices,
.chosen-container-active.chosen-dropup .chosen-drop {
    border-color: #eab85a;
}

.chosen-container-single .chosen-search input[type="text"] {
    margin-top: 5px;
}

/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
    height: auto;
}

.chosen-container-multi .chosen-choices li.search-choice {
    margin: 2px 5px 2px 0;
    padding: 2px 20px 2px 5px;
    line-height: 10px;
    font-size: 0.75rem;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    padding: 1.5px 0;
}

.chosen-container-single .chosen-single .search-choice-close {
    right: 22px;
    top: 1px;
}

.chosen-container .search-choice-close {
    right: 1px;
}
/*! wwwroot/Site/SourceCss/06-common-controls.css */

/******************************************
    Loading Spinner Styles
*******************************************/

.loading img {
    height: 32px;
    width: 32px;
    display: block;
    margin: auto;
}

.loading.hidden {
    display: none;
}

div.loading {
    background-color: #fafafa;
    border: 1px solid #ccc;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    width: 100px;
    padding-top: 20px;
    height: 80px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-size: 9pt;
    font-style: italic;
    color: #666666;
}

div.loading img {
    padding-bottom: 4px;
}

/******************************************
    PopupForm Styles
*******************************************/

div.loading-popup {
    width: 60px;
    padding-top: 6px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-size: 9pt;
    font-style: italic;
    color: #666666;
}

.ui-dialog-titlebar button {
    background-color: transparent;
    border-color: transparent;
}

.ui-dialog-titlebar .ui-icon-closethick, .ui-dialog-titlebar .ui-icon-help {
    background-image: url(/Lib/jquery-ui/images/ui-icons_ffffff_256x240.png)
}

.help-link-popup {
    position: absolute;
    display: none;
    color: black;
    background-color: White;
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #385D8A;
    left: -22px;
    top: 18px;
    background-image: none;
    width: 65px;
    padding: 8px;
    text-align: center;
    font-size: 10pt;
    font-weight: normal;
    z-index: 1005;
    text-indent: 0px;
}

.help-link-popup a:hover {
    padding: 0;
    text-decoration: underline;
    color: Blue;
}

/******************************************
    MonthYearPicker Styles
*******************************************/
.mth-picker-ro {
    width: 124px;
    float: left;
}

select.mth-picker-mth {
    width: 80px;
}

select.mth-picker-year {
    width: 85px;
}

/******************************************
        Tab Styles
*******************************************/
.tabs {
    margin: 0 -10px 0;
    position: relative;
    min-height: 250px;
}

.ui-tabs .ui-tabs-nav li a {
    padding: .25em .40em;
}

fieldset.legend, fieldset .legend {
    font-size: 8.5pt;
    color: #333;
    padding-bottom: 2px;
}

fieldset .ns-legend {
    font-size: 8.5pt;
    color: #333;
    margin-bottom: 2px;
    padding-top: 2px;
}

fieldset .legend legend, fieldset.legend legend {
    font-size: 10pt;
    color: #555;
}

/*.nested-tab {
    min-height: 175px;
}*/

/******************************************
        Read Only Styles
*******************************************/
.value-label {
    font-size: 1.1em;
    background-color: #EBEBEB;
    border: solid 1px #B2B2B2;
    padding: 0 2px;
    overflow: auto;
}

.value-label.large {
    font-size: 1.2em;
}

/******************************************
        Horizontal Rule Styles
*******************************************/

.hr {
    background-image: url("/Images/horizontal-rule.png");
    background-position: left center;
    background-repeat: repeat-x;
    margin-bottom: 3px;
    margin-top: 3px;
    height: 1.5em;
    clear: both;
}

    .hr.clear-left-only {
        clear: left;
    }

.hr-compact {
    background-image: url("/Images/horizontal-rule.png");
    background-position: left center;
    background-repeat: repeat-x;
    margin-bottom: 3px;
    margin-top: 3px;
    height: 0.2em;
    clear: both;
}

.hr-text {
    background-color: white;
    padding: 0 3px 0 0;
    font-weight: bold;
    color: #333333;
    font-size: 105%;
}

.hr-text-no-padding {
    background-color: #FAFAFA;
    padding: 0 0;
    font-weight: bold;
    color: #333333;
    font-size: 105%;
}

.hr-padded-text {
    margin-left: 10px;
}

.panel-hr .hr-text {
    background-color: #F7F7F7;
}

.sidebar-hr .hr-text {
    background-color: #F5F6EA;
}

fieldset .hr-text {
    background-color: #F7F7F7;
}
/*! wwwroot/Site/SourceCss/07-layouts.css */
/***********************Master Pages Layouts***************************/

#left-nav {
    color: Green;
    float: left;
    width: 157px;
    border: solid 1px green;
    margin: 2px;
    padding: 6px;
}

#content {
    color: Red;
    float: left;
    width: 715px;
    border: solid 1px red;
    margin: 2px;
    padding: 6px 0 6px 6px;
}



#main {
    padding: 10px 9px;
    border-left: solid 1px var(--btots-dark-blue);
    border-right: solid 1px var(--btots-dark-blue);
    background-color: #ffffff;
    _height: 1px; /* only IE6 applies CSS properties starting with an underscrore */
}




#header-container {
    background-color: var(--btots-medium-blue);
    margin-bottom: 0px;
    padding: 0;
    margin: 0;
}

#header {
    width: 970px;
    height: 42px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(/Images/header-background.gif);
    background-repeat: repeat-y;
    background-position: left;
}

#header h1 {
    font-weight: bold;
    padding: 0;
    margin: 0;
    color: #fff;
    border: none;
    line-height: 2em;
    font-family: MS Sans Serif, Sans-Serif;
    font-size: 32px !important;
}

#separator {
    height: 28px;
    background-color: var(--btots-dark-blue);
    color: White;
}

.page {
    width: 970px;
    margin: 0 auto;
}

#mainFolder {
    padding: 10px 9px;
    _height: 1px; /* only IE6 applies CSS properties starting with an underscrore */
}

/* A container should group all your columns. */
.container {
    width: 950px;
    margin: 0 auto;
}

.container-horizontal {
    margin: 0 auto;
}

#footer-container {
    font-size: 9pt;
    padding: 5px 10px;
    background-color: var(--btots-medium-blue);
    border: solid 1px var(--btots-dark-blue);
    float: none;
    height: 28px;
    background-image: url(/Images/header-background.gif);
    background-repeat: repeat-y;
    background-position: left;
}

#version-footer {
    padding-top: 3px;
    font-size: 80%;
    color: #666666;
    font-style: italic;
    float: right;
    padding-right: 2px;
}

#portal-header-text {
    font-weight: bold;
    font-style: italic;
    color: White;
    font-size: 28px;
}


#quick-links {
    float: right;
    padding-top: 4px;
}

a.help-title {
    color: White;
    font-size: large;
    text-decoration: none;
}

#dev-footer {
    padding-top: 3px;
    font-size: 80%;
    color: #666666;
    background-color: var(--btots-light-blue);
}

#dev-footer a {
    text-decoration: none;
    border-bottom: 1px dotted #666666;
    color: #666666;
}

#dev-footer a:hover {
    text-decoration: none;
    color: black;
}

#dev-footer .break {
    padding: 0 10px;
}

/* #region Primary Layout Elements */

.error-log-page {
    width: auto;
    margin: 0 20px;
}


.error-log-page .container {
    width: auto;
    margin: 0 20px;
}


.overflow-auto {
    overflow: auto;
}

#footer {
    padding: 5px;
    margin: 0;
    color: var(--btots-light-blue);
}

#footer a {
    color: var(--btots-light-blue);
    text-decoration: none;
}

#footer a:hover {
    color: var(--btots-light-blue);
    text-decoration: underline;
}

#main h2, #mainFolder h2 {
    margin: 0;
    padding: 0;
}

/*! wwwroot/Site/SourceCss/07-validation.css */

/**************************************************************
						Validation Tooltip
**************************************************************/

.validation-tooltip-container {
    display:inline;
    position:relative;
}

.validation-tooltip-container:has(.field-validation-valid) {
    display: none;
}

.validation-summary-errors.fit-and-center {
    display: inline-block;
}

.validation-summary-container {
    width: 100%;
    text-align: center;
}

.in-line-help .field-validation-error {
    color: black;
}

input[type=text].input-validation-error, input[type=password].input-validation-error, input.text.input-validation-error, input.title.input-validation-error, textarea.input-validation-error, select.input-validation-error, .input-validation-error {
    background-color: #ffeeee;
}

.chosen-single.input-validation-error, .input-validation-error {
    background-color: #ffeeee;
}

.error-message, .warning-message {
    border-bottom: none;
}

.error-message img, .warning-message img {
    margin-bottom: -2px;
}

.error-popup {
    background-color: var(--btots-pastel-pink);
    border: solid 1px var(--btots-red);
    left: 15px;
}

.warning-popup {
    background-color: var(--btots-pastel-yellow);
    border: solid 1px var(--btots-gold);
    left: 15px;
}



/**************************************************************
					Validation Summary
**************************************************************/

.validation-summary-errors {
    font-weight: normal;
    color: black;
    padding: .25em 0.5em;
    margin-bottom: 0.5em;
    border: 1px solid var(--btots-red);
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}

.validation-summary-errors.validation-centered {
    display: inline-block;
}

.validation-summary-errors ul {
    margin: 0;
    padding: 0 0 0 1.25em;
}

.validation-summary-errors .err-details {
    font-size: 85%;
    font-style: italic;
}

.validation-summary-errors a.err-details {
    color: var(--btots-red);
    font-size: 70%;
    font-style: italic;
    text-decoration: none;
}

.watermarked {
    color: #a9a9a9;
    font-style: normal;
}

/*******************************************************
				Error & Warning Dialog
*******************************************************/

.error-dialog-list {
    border: 1px solid #777;
    overflow: auto;
    padding: 5px;
    background-color: #F7F7F7;
}

.error-dialog-list ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.error-dialog-list li.error-icon, .error-dialog-list li.warning-icon {
    background-repeat: no-repeat;
    background-position: 3px 8px;
    padding-left: 22px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.error-dialog-list li.error-icon:hover, .error-dialog-list li.warning-icon:hover {
    background-color: #DCE9F5;
}

.error-dialog-list li.error-icon {
    background-image: url(/Images/Icons/error.png);
}

.error-dialog-list li.warning-icon {
    background-image: url(/Images/Icons/warning.png);
}

/*! wwwroot/Site/SourceCss/08-popup-bubble.css */

/**************************************************************
						Pop Up Bubble
**************************************************************/

.in-line-help {
    border-bottom: 1px dashed blue;
}

.in-line-help[disabled='true'] {
    border-bottom: 1px dashed var(--btots-ash-gray);
}

.in-line-help {
    position: relative;
    cursor: default;
}

.help-text {
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    position: absolute;
    display: none; /* keeps the popup hidden if no JS available */
    padding: 4px;
    z-index: 1905;
    font-size: 10pt;
    font-weight: normal;
    color: #000000;
}

.help-popup {
    background-color: #BCD7FF;
    /*background: #A3C5FF url(../wwwroot/Site/SourceCss/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; */
    border: 1px solid #385D8A;
    left: 25px;
}

.popup-log-link {
    margin-left: 4px;
}

.popup-log-link-empty {
    margin-left: 4px;
}

a.script.popup-log-link-empty:link {
    padding-left: 8px;
}

.popup-log-link-empty:hover {
    text-decoration: none;
}

.secure-image {
    margin-left: 10px;
    margin-top: -1px;
}

.popup-confirm-buttons a {
    margin: 0.5em 0 0 10px;
}


/*! wwwroot/Site/SourceCss/09-child-party-picker.css */
body {
}

li.pkr {
    margin: 0px 3px !important
}

li.pkr div strong {
    padding: 0px 3px !important
}

/**
  Party Picker Styles (Html Helper PartyPicker)
 **/
span.pkr {
    height: 22px;
    background-color: #B5B8C8;  /* http://blog.toolman.geek.nz/2009/12/annoying-ie6-bug-of-day.html */
    border: 1px solid #B5B8C8;
    display: inline-block;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    margin-right: 10px;
}

span.pkr.last {
    margin-right: 0;
}

span.pkr.focus {
    background-color: #EAB85A;
    border-color: #EAB85A;
}

span.pkr input {
    float: left;
    height: 20px;
    border: 0 none;
    line-height: 20px !important;
    padding: 1px 3px;
}

span.pkr button {
    float: left;
    border: 0;
    margin: 0;
    padding: 0;
    width: 17px;
    height: 22px;
    position: relative;
    margin-left: 1px;  /* for divider */ 
    background: url(/Images/pkr-icon.gif) no-repeat 0px 0px;
}

.pkr .ui-menu-item-wrapper {
    padding-right: 0;
}

.pkr .ui-menu-item-wrapper.ui-state-active {
    padding-right: 0;
    margin-right: 0;
    border-right-width: 0;
}


.pkr .ui-menu-item-wrapper {
    padding-right: 0;
}

span.pkr button:hover {
    background-position: -18px 0px;
}

span.pkr button.mouseDown {
    background-position: -36px 0px;
}

span.pkr button.detail {
    background-position: -72px 0px;
}

span.pkr button.detail:hover {
    background-position: -90px 0px;
}

span.pkr button.mouseDown.detail {
    background-position: -108px 0px;
}

span.pkr button:disabled {
    background-position: -54px 0px !important;
}

div.pkr-msg {
    font-style: italic;
    color: blue;
    font-size: 90%;
}

span.pkr-line2 {
    font-size: 90%;
    padding-left: 5px;
    color: #444;
    display: block;
}

.pkr-type {
    font-size: 90%;
    padding-left: 5px;
    color: #444;
    float: right;
}

li.pkr.ui-menu-item div {
    line-height: 16px;
    text-decoration: none;
}

li.pkr div.ui-state-active span.pkr-line2 {
    color: white;
    display: block;
}

ul.ui-autocomplete, ul.ui-autocomplete li div {
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    /*border-radius: 0px;*/
}

li.pkr.ui-menu-item:has(div.ui-state-active) {
    background-color: highlight;
    background-image: none;
    color: highlighttext;
}

.pkr div.ui-state-active {
    background-color: highlight;
    background-image: none;
    color: highlighttext;
}

/*! wwwroot/Site/SourceCss/10-icon-buttons.css */
/******************************************
    Icon buttons and links
*******************************************/

/* Next */
a.next, a.next:visited, a.next:hover, a.next:link, input[type="submit"].next, button.next, button.next:focus, button.next:hover {
    background-position: right center;
    background-image: url("/Images/Icons/arrow_right.png");
    background-repeat: no-repeat;
    padding-right: 20px;
}

a.next:focus, input[type="submit"].next:focus, button.next:focus {
    padding-right: 20px;
}

/* Audit Log */
a.audit_log, a.audit_log:visited, a.audit_log:hover, a.audit_log:link, input[type="submit"].audit_log, button.audit_log, button.audit_log:hover {
    background-position: left center;
    background-image: url("/Images/Icons/audit_log.png");
    background-repeat: no-repeat;
    padding-left: 16px;
}

a.audit_log:focus, input[type="submit"].audit_log:focus, button.audit_log:focus {
    padding-left: 16px;
}

/* Lock */
a.lock, a.lock:visited, a.lock:hover, a.lock:link, input[type="submit"].lock, button.lock, button.lock:hover {
    background-position: left center;
    background-image: url("/Images/Icons/lock_closed.png");
    background-repeat: no-repeat;
    padding-left: 17px;
}

a.lock:focus, input[type="submit"].lock:focus, button.lock:focus {
    padding-left: 17px;
}

/* Lock Open */
a.lock-open, a.lock-open:visited, a.lock-open:hover, a.lock-open:link, input[type="submit"].lock-open, button.lock-open, button.ui-state-default.lock-open, button.lock-open:hover {
    background-position: left center;
    background-image: url("/Images/Icons/lock_open.png");
    background-repeat: no-repeat;
    padding-left: 20px;
}

a.lock-open:focus, input[type="submit"].lock-open:focus, button.lock-open:focus {
    padding-left: 20px;
}

/* Lock Closed */
a.lock-closed, a.lock-closed:visited, a.lock-closed:hover, a.lock-closed:link, input[type="submit"].lock-closed, button.lock-closed, button.ui-state-default.lock-closed, button.lock-closed:hover {
    background-position: left center;
    background-image: url("/Images/Icons/lock_closed.png");
    background-repeat: no-repeat;
    padding-left: 20px;
}

a.lock-closed:focus, input[type="submit"].lock-closed:focus, button.lock-closed:focus {
    padding-left: 20px;
}

/* Delete */
a.delete, a.delete:visited, a.delete:hover, a.delete:link, input[type="submit"].delete, button.delete, button.ui-state-default.delete, button.delete:hover, button.delete:focus, .subMenu table tbody tr td a.delete, a.delete:hover {
    background-position: left center;
    background-image: url("/Images/Icons/trash_bin.png");
    background-repeat: no-repeat;
    padding-left: 20px;
}

a.delete:focus, input[type="submit"].delete:focus, button.delete:focus {
    padding-left: 20px;
}

/* Stop */
a.stop, a.stop:visited, a.stop:hover, a.stop:link, input[type="submit"].stop, button.stop, button.stop:hover {
    background-position: left center;
    background-image: url("/Images/Icons/stop.png");
    background-repeat: no-repeat;
    padding-left: 17px;
}

a.stop:focus, input[type="submit"].stop:focus, button.stop:focus {
    padding-left: 17px;
}

/* Add */
a.add, a.add:visited, a.add:hover, a.add:link, input[type="submit"].add, input[type="button"].add, button.add, button.ui-state-default.add, button.add:hover {
    background-position: left center;
    background-image: url("/Images/Icons/plus.png");
    background-repeat: no-repeat;
    padding-left: 20px;
}

a.add:focus, input[type="submit"].add:focus, button.add:focus {
    padding-left: 20px;
}

/* Minus */
a.minus, a.minus:visited, a.minus:hover, a.minus:link, input[type="submit"].minus, input[type="button"].minus, button.minus, button.minus:hover {
    background-position: left center;
    background-image: url("/Images/Icons/minus.png");
    background-repeat: no-repeat;
    padding-left: 20px;
}

a.minus:focus, input[type="submit"].minus:focus, button.minus:focus {
    padding-left: 20px;
}

/* Print */
a.print, a.print:visited, a.print:hover, a.print:link, input[type="submit"].print, button.print, button.print:hover, button.print:focus, button.print.ui-state-default {
    background-position: left center;
    background-image: url("/Images/Icons/print.png");
    background-repeat: no-repeat;
    padding-left: 20px;
}

a.print:focus, input[type="submit"].print:focus, button.print:focus {
    padding-left: 20px;
}

/* Contact Log Phone */
a.contact-log-phone, a.contact-log-phone:visited, a.contact-log-phone:hover, a.contact-log-phone:link, input[type="submit"].contact-log-phone, button.contact-log-phone, button.contact-log-phone:hover, button.contact-log-phone:focus, .subMenu table tbody tr td.contact-log-phone {
    background-position: left center;
    background-image: url("/Images/Icons/contact_log_phone.png");
    background-repeat: no-repeat;
    padding-left: 15px;
}

/* Contact Log Mail */
    a.contact-log-mail, a.contact-log-mail:visited, a.contact-log-mail:hover, a.contact-log-mail:link, input[type="submit"].contact-log-mail, button.contact-log-mail, button.contact-log-mail:hover, button.contact-log-mail:focus, .subMenu table tbody tr td.contact-log-mail {
        background-position: left center;
        background-image: url("/Images/Icons/contact_log_mail.png");
        background-repeat: no-repeat;
        padding-left: 20px;
    }

/* Contact Log Person */
a.contact-log-person, a.contact-log-person:visited, a.contact-log-person:hover, a.contact-log-person:link, input[type="submit"].contact-log-person, button.contact-log-person, button.contact-log-person:hover, button.contact-log-person:focus, .subMenu table tbody tr td.contact-log-person {
    background-position: left center;
    background-image: url("/Images/Icons/person_sm.png");
    background-repeat: no-repeat;
    padding-left: 15px;
}

/* PDF */
a.pdf, a.pdf:visited, a.pdf:hover, a.pdf:link, input[type="submit"].pdf, button.pdf, button.pdf:hover, .subMenu table tbody tr td.pdf {
    background-position: left center;
    background-image: url("/Images/Icons/pdf.png");
    background-repeat: no-repeat;
    padding-left: 20px;
}

a.pdf:focus, input[type="submit"].pdf:focus, button.pdf:focus {
    padding-left: 20px;
}

/* PDF Blank */
a.pdf-blank, a.pdf-blank:visited, a.pdf-blank:hover, a.pdf-blank:link, input[type="submit"].pdf-blank, button.pdf-blank, button.pdf-blank:hover, .subMenu table tbody tr td.pdf-blank {
    background-position: left center;
    background-image: url("/Images/Icons/pdf-blank.png");
    background-repeat: no-repeat;
    padding-left: 20px;
}

a.pdf-blank:focus, input[type="submit"].pdf-blank:focus, button.pdf-blank:focus {
    padding-left: 20px;
}

/* PDF Partial */
a.pdf-partial, a.pdf-partial:visited, a.pdf-partial:hover, a.pdf-partial:link, input[type="submit"].pdf-partial, button.pdf-partial, button.pdf-partial:hover, .subMenu table tbody tr td.pdf-partial {
    background-position: left center;
    background-image: url("/Images/Icons/pdf-partial.png");
    background-repeat: no-repeat;
    padding-left: 20px;
}

a.pdf-partial:focus, input[type="submit"].pdf-partial:focus, button.pdf-partial:focus {
    padding-left: 20px;
}

/* PDF Signed */
a.pdf-signed, a.pdf-signed:visited, a.pdf-signed:hover, a.pdf-signed:link, input[type="submit"].pdf-signed, button.pdf-signed, button.pdf-signed:hover, .subMenu table tbody tr td.pdf-signed {
    background-position: left center;
    background-image: url("/Images/Icons/pdf-signed.png");
    background-repeat: no-repeat;
    padding-left: 20px;
}

a.pdf-signed:focus, input[type="submit"].pdf-signed:focus, button.pdf-signed:focus {
    padding-left: 20px;
}

/* PDF Add */
a.pdf-add, a.pdf-add:visited, a.pdf-add:hover, a.pdf-add:link, input[type="submit"].pdf-add, button.pdf-add, button.pdf-add:hover, .subMenu table tbody tr td a.pdf-add {
    background-position: left center;
    background-image: url("/Images/Icons/pdf-add.png");
    background-repeat: no-repeat;
    padding-left: 20px;
}

a.pdf-add:focus, input[type="submit"].pdf-add:focus, button.pdf-add:focus {
    padding-left: 20px;
}

/* Save */
a.save, a.save:visited, a.save:hover, a.save:link, input[type="submit"].save, input[type="button"].save, button.save, button.ui-state-default.save, button.save:hover, button.save:focus {
    background-position: 3px center;
    background-image: url("/Images/Icons/disk.png");
    background-repeat: no-repeat;
    padding-left: 20px;
}

a.save:focus, input[type="submit"].save:focus, button.save:focus {
    padding-left: 20px;
}

/* Finish */
a.finish, a.finish:visited, a.finish:hover, a.finish:link, input[type="submit"].finish, button.finish, button.finish:focus, button.finish:hover {
    background-position: left center;
    background-image: url("/Images/Icons/checkmark_green_outlined.png");
    background-repeat: no-repeat;
    padding-left: 20px;
}

a.finish:focus, input[type="submit"].finish:focus, button.finish:focus {
    padding-left: 20px;
}

/* Finish Later */
a.finishlater, a.finishlater:visited, a.finishlater:hover, a.finishlater:link, input[type="submit"].finishlater, button.finishlater, button.ui-state-default.finishlater, button.finishlater:hover {
    background-position: left center;
    background-image: url("/Images/Icons/more icons/save.png");
    background-repeat: no-repeat;
    padding-left: 20px;
}

a.finishlater:focus, input[type="submit"].finishlater:focus, button.finishlater:focus {
    padding-left: 20px;
}

/* Open */
a.open, a.open:visited, a.open:hover, a.open:link, input[type="submit"].open, input[type="submit"].open, button.open, button.open:hover {
    background-position: left center;
    background-image: url("/Images/Icons/folder_open.png");
    background-repeat: no-repeat;
    padding-left: 20px;
}

a.open:focus, input[type="submit"].open:focus, button.open:focus {
    padding-left: 20px;
}

/* Find */
a.find, a.find:visited, a.find:hover, a.find:link, input[type="submit"].find, button.find, button.find:hover {
    background-position: 3px center;
    background-image: url("/Images/Icons/find.png");
    background-repeat: no-repeat;
    padding-left: 20px;
}

a.find:focus, input[type="submit"].find:focus, button.find:focus {
    padding-left: 20px;
}

/* Prev */
a.prev, a.prev:visited, a.prev:hover, a.prev:link, input[type="submit"].prev, button.prev, button.prev:hover {
    background-position: left center;
    background-image: url("/Images/Icons/arrow_left.png");
    background-repeat: no-repeat;
    padding-left: 20px;
}

a.prev:focus, input[type="submit"].prev:focus, button.prev:focus {
    padding-left: 20px;
}

/* Move Left */
a.move-left, a.move-left:visited, a.move-left:hover, a.move-left:link, input[type="submit"].move-left, button.move-left, button.move-left:hover {
    background-position: left center;
    background-image: url("/Images/Icons/move_left.png");
    background-repeat: no-repeat;
    padding-left: 16px;
}

a.move-left:focus, input[type="submit"].move-left:focus, button.move-left:focus {
    padding-left: 16px;
}

/* Move Left All */
a.move-left-all, a.move-left-all:visited, a.move-left-all:hover, a.move-left-all:link, input[type="submit"].move-left-all, button.move-left-all, button.move-left-all:hover {
    background-position: left center;
    background-image: url("/Images/Icons/move_left_all.png");
    background-repeat: no-repeat;
    padding-left: 16px;
}

a.move-left-all:focus, input[type="submit"].move-left-all:focus, button.move-left-all:focus {
    padding-left: 16px;
}

/* Move Right */
a.move-right, a.move-right:visited, a.move-right:hover, a.move-right:link, input[type="submit"].move-right, button.move-right, button.move-right:hover {
    background-position: right center;
    background-image: url("/Images/Icons/move_right.png");
    background-repeat: no-repeat;
    padding-right: 16px;
}

a.move-right:focus, input[type="submit"].move-right:focus, button.move-right:focus {
    padding-right: 16px;
}

/* Move Right All */
a.move-right-all, a.move-right-all:visited, a.move-right-all:hover, a.move-right-all:link, input[type="submit"].move-right-all, button.move-right-all, button.move-right-all:hover {
    background-position: right center;
    background-image: url("/Images/Icons/move_right_all.png");
    background-repeat: no-repeat;
    padding-right: 16px;
}

a.move-right-all:focus, input[type="submit"].move-right-all:focus, button.move-right-all:focus {
    padding-right: 16px;
}

/* Move Left All Only */
a.move-left-all-only, input[type="submit"].move-left-all-only, input[type="button"].move-left-all-only, button.move-left-all-only, button.move-left-all-only:hover {
    background-position: center center;
    background-image: url("/Images/Icons/move_left_all.png");
    background-repeat: no-repeat;
    padding-left: 16px;
}

a.move-left-all-only:focus, input[type="button"].move-left-all-only:focus, button.move-left-all-only:focus {
    padding-left: 16px;
}

/* Move Right All Only */
a.move-right-all-only, input[type="submit"].move-right-all-only, input[type="button"].move-right-all-only, button.move-right-all-only, button.move-right-all-only:hover {
    background-position: center center;
    background-image: url("/Images/Icons/move_right_all.png");
    background-repeat: no-repeat;
    padding-left: 16px;
}

a.move-right-all-only:focus, input[type="button"].move-right-all-only:focus, button.move-right-all-only:focus {
    padding-left: 16px;
}

/* Undo */
a.undo, a.undo:visited, a.undo:hover, a.undo:link, input[type="submit"].undo, button.undo, button.undo:hover, button.undo:focus, button.ui-state-default.undo, button.ui-primary-state-default.undo {
    background-position: left center;
    background-image: url("/Images/Icons/undo.png");
    background-repeat: no-repeat;
    padding-left: 17px;
}

a.undo:focus, input[type="submit"].undo:focus, button.undo:focus {
    padding-left: 17px;
}

/* Edit */
a.edit, a.edit:visited, a.edit:hover, a.edit:link, input[type="submit"].edit, button.edit, button.edit:hover {
    background-position: left center;
    background-image: url("/Images/Icons/pencil-small.gif");
    background-repeat: no-repeat;
    padding-left: 17px;
}

a.edit:focus, input[type="submit"].edit:focus, button.edit:focus {
    padding-left: 17px;
}

/* Signature */
a.signature, a.signature:visited, a.signature:hover, a.signature:link, input[type="submit"].signature, button.signature, button.signature:hover {
    background-position: left center;
    background-image: url("/Images/Icons/signature.gif");
    background-repeat: no-repeat;
    padding-left: 16px;
}

a.signature:focus, input[type="submit"].signature:focus, button.signature:focus {
    padding-left: 16px;
}

/* Switch */
a.switch, a.switch:visited, a.switch:hover, a.switch:link, input[type="submit"].switch, button.switch, button.switch:hover {
    background-position: left center;
    background-image: url("/Images/Icons/switch.gif");
    background-repeat: no-repeat;
    padding-left: 16px;
}

a.switch:focus, input[type="submit"].switch:focus, button.switch:focus {
    padding-left: 16px;
}

/* Again */
a.again, a.again:visited, a.again:hover, a.again:link, input[type="submit"].again, button.again, button.again:hover {
    background-position: left center;
    background-image: url("/Images/Icons/x2.png");
    background-repeat: no-repeat;
    padding-left: 16px;
}

a.again:focus, input[type="submit"].again:focus, button.again:focus {
    padding-left: 16px;
}

/* Extend */
a.extend, a.extend:visited, a.extend:hover, a.extend:link, input[type="submit"].extend, button.extend, button.extend:hover {
    background-position: left center;
    background-image: url("/Images/Icons/extend.gif");
    background-repeat: no-repeat;
    padding-left: 16px;
}

a.extend:focus, input[type="submit"].extend:focus, button.extend:focus {
    padding-left: 16px;
}

/* Suppress */
a.suppress {
    background-position: left center;
    background-image: url("/Images/Icons/cancel.png");
    background-repeat: no-repeat;
    padding-left: 16px;
}

/* Cancel */
a.cancel, a.cancel:visited, a.cancel:link, input[type="submit"].cancel, button.cancel, button.cancel:hover {
    background-position: left center;
    background-image: url("/Images/Icons/x_gray.png");
    background-repeat: no-repeat;
    padding-left: 16px;
}

/* Move over the cancel icon a bit so it looks better */
a.ui-button.cancel, a.ui-button.cancel:hover, a.ui-button.cancel:focus {
    background-position-x: 4px;
    padding-left: 21px;
}

a.cancel:focus, input[type="submit"].cancel:focus, button.cancel:focus {
    padding-left: 16px;
}

a.cancel:hover, a.cancel:focus, button.cancel:hover, button.cancel:focus {
    background-position: left center;
    background-image: url("/Images/Icons/x_red.png");
    background-repeat: no-repeat;
}

/* Video */
a.video, a.video:visited, a.video:hover, a.video:link, input[type="submit"].video, button.video, button.video:hover, .subMenu table tbody tr td.video {
    background-position: left center;
    background-image: url("/Images/Icons/you_tube_video.png");
    background-repeat: no-repeat;
    padding-left: 20px;
}

/* Person */
a.person, a.person:visited, a.person:hover, a.person:link, input[type="submit"].person, button.person, button.person:hover {
    background-position: left center;
    background-image: url("/Images/Icons/person.png");
    background-repeat: no-repeat;
    padding-left: 20px;
}

a.person:focus, input[type="submit"].person:focus, button.person:focus {
    padding-left: 20px;
}

/* Organization */
a.organization, a.organization:visited, a.organization:hover, a.organization:link, input[type="submit"].organization, button.organization, button.organization:hover {
    background-position: 2px center;
    background-image: url("/Images/Icons/organization.png");
    background-repeat: no-repeat;
    padding-left: 22px;
}

a.organization:focus, input[type="submit"].organization:focus, button.organization:focus {
    padding-left: 21px;
}

/* Question */
a.question, a.question:visited, a.question:hover, a.question:link, input[type="submit"].question, button.question, button.question:hover {
    background-position: left center;
    background-image: url("/Images/Icons/question_mark_blue.png");
    background-repeat: no-repeat;
    padding-left: 20px;
}

a.question:focus, input[type="submit"].question:focus, button.question:focus {
    padding-left: 20px;
}

/* Information */
a.information, a.information:visited, a.information:hover, a.information:link, input[type="submit"].information, button.information, button.information:hover {
    background-position: left center;
    background-image: url("/Images/Icons/information.png");
    background-repeat: no-repeat;
    padding-left: 20px;
}

a.information:focus, input[type="submit"].information:focus, button.information:focus {
    padding-left: 20px;
}

/* Refresh */
a.refresh, a.refresh:visited, a.refresh:hover, a.refresh:link, input[type="submit"].refresh, button.refresh, button.refresh:hover, button.refresh:focus {
    background-position: left center;
    background-image: url("/Images/Icons/refresh.png");
    background-repeat: no-repeat;
    padding-left: 17px;
}

a.refresh.ui-primary-state-default, a.refresh.ui-primary-state-default:visited, a.refresh.ui-primary-state-default:hover, a.refresh.ui-primary-state-default:link, input[type="submit"].refresh.ui-primary-state-default, button.refresh.ui-primary-state-default, button.refresh.ui-primary-state-default:hover, button.refresh.ui-primary-state-default:focus {
    background-image: url("/Images/Icons/refresh-white.png");
    background-repeat: no-repeat;
    background-position: left center;
}


a.refresh:focus, input[type="submit"].refresh:focus, button.refresh:focus {
    padding-left: 17px;
}

/* Chart */
a.chart, a.chart:visited, a.chart:hover, a.chart:link, input[type="submit"].chart, button.chart, button.chart:hover {
    background-position: 3px center;
    background-image: url("/Images/Icons/more icons/3d bar chart.png");
    background-repeat: no-repeat;
    padding-left: 20px;
}

a.chart:focus, input[type="submit"].chart:focus, button.chart:focus {
    padding-left: 20px;
}
/*! wwwroot/Site/SourceCss/11-table.css */

th, td, caption {
    padding: 0;
}


/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 {
    margin-top: 0;
}

th.horizontal-text {
    writing-mode: vertical-lr;
    transform: rotate(180deg);
    vertical-align: top; /* After rotation this is a bottom align */
}

/* regular table highlight  */
table tr.highlight td {
    background-color: #FFFF9F;
}

table tr.highlight:hover td {
    background-color: #FFFF00;
}

table.table-fixed {
    table-layout: fixed;
}

table.table-fixed td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/******************************************
        Table Zebra Styles
*******************************************/
table.zebra, table.zebra-2row, table.zebra-manual {
    border: none;
}

table.zebra th, table.zebra-2row th, table.zebra-manual th {
    border-bottom: 1px solid white;
    border-right: 1px solid white;
    padding: 2px 4px;
}

table.zebra tr td, table.zebra-2row tr td, table.zebra-manual tr td {
    padding: 2px 4px;
}

table.zebra tr.alt td, table.zebra-2row tr.alt td, table.zebra-manual tr.alt td, table.zebra-manual tr.alt th {
    background-color: #F0F0F6;
    padding: 2px 4px;
}

table.zebra tr.over:hover td, table.zebra tr.over:hover th {
    background-color: #DCE9F5;
}

table.zebra tr.highlight td, table.zebra-2row tr.highlight td, table.zebra-manual tr.highlight td {
    background-color: #FFFF9F;
}

table.zebra tr.highlight:hover td, table.zebra-2row tr.highlight:hover td {
    background-color: #FFFF00;
}

/******************************************
        Table Sorter Styles
*******************************************/
table.tablesorter {
    font-family: arial;
    background-color: #CDCDCD;
    margin: 5px 0pt 10px;
    /*width: 100%;  Removed for style changes on fieldsets/hr tags around tables*/
    text-align: left;
}

table.tablesorter thead tr th, table.tablesorter tfoot tr th {
    background-color: #DCE9F5;
    border: 1px solid #FFF;
    padding: 2px 4px;
}

table.tablesorter thead tr .tablesorter-header {
    background-image: url(/Images/Icons/tb_sorter.gif);
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
}

table.tablesorter tbody td {
    color: black;
    padding: 4px;
    background-color: #FFF;
    vertical-align: top;
}

table.tablesorter tbody tr.odd td {
    background-color: #F0F0F6;
}

table.tablesorter thead tr .tablesorter-headerAsc {
    background-image: url(/Images/Icons/tb_sorter_asc.gif);
}

table.tablesorter thead tr .tablesorter-headerDesc {
    background-image: url(/Images/Icons/tb_sorter_desc.gif);
}

table.tablesorter thead tr .tablesorter-headerAsc, table.tablesorter thead tr .tablesorter-headerDesc {
    background-color: #8dbdd8;
}

table.tablesorter tbody tr.over:hover td {
    background-color: #DCE9F5;
}

table.tablesorter tbody tr.highlight td {
    background-color: #FFFF9F;
}

table.tablesorter tbody tr.highlight:hover td {
    background-color: #FFFF00;
}

fieldset.table-fieldset {
    border-right: 0px solid #FFFFFF;
    border-bottom: 0px solid #FFFFFF;
    background-color: inherit;
}

table.tablesorter tbody td.table-no-items {
    padding-left: 5px;
}

table.infotable td {
    padding: 4px;
}

.icon-col {
    width: 12px;
}

/* even-row does not exist; therefore, using the default background-color */
.odd-row {
    background-color: #F0F0F6;
}

/*! wwwroot/Site/SourceCss/12-wizard.css */
fieldset.continue-previous div {
    height: 235px;
    overflow: auto;
    margin-right: -7px;
    margin-bottom: -7px;
}

fieldset.continue-previous ul {
    margin-left: 20px;
    padding-left: 0;
    margin-top: 0.5em;
}

fieldset.continue-previous ul li {
    margin-bottom: 0.25em;
}

/************************************************
				    Side Bar
************************************************/

.breadcrumbs {
    font-size: 80%;
    margin-top: -5px;+
    font-style: italic;
    margin-bottom: 0.5em;
}

.sidebar-header {
    margin-top: 10px;
    border-bottom: 2px solid var(--btots-dark-blue);
    margin-bottom: 10px;
}

.wizard-sidebar {
    border: 1px solid #E5E7C6;
    margin: 0 9px -1px -1px;
    background: none repeat scroll 0 0 #F5F6EA;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    padding-right: -20px;
}

div.wizard-sidebar {
    margin-right: 9px;
    margin-bottom: 10px;
}

.wizard-sidebar.last {
    margin-right: -1px;
}

.wizard-sidebar h3 {
    margin-top: 5px;
    border-bottom: 1px solid #AAAAAA;
    margin-bottom: 10px;
    padding: 0 5px 5px 5px;
    font-size: 1.2em;
}

.wizard-sidebar p, .wizard-sidebar div.pad {
    margin: 0;
    padding: 0 5px 5px 9px;
}

.wizard-sidebar table {
    margin-bottom: 0px;
    padding-left: 5px;
}

.wizard-sidebar ul {
    margin: 5px 5px 5px 9px;
    padding: 0;
}

.wizard-sidebar ul li {
    text-decoration: none;
    list-style: none;
    margin: 0 0 10px 0;
    padding: 0;
    line-height: 1.2em;
}

.wizard-sidebar ol {
    margin: 5px 5px 10px 5px;
    padding: 0;
}

.wizard-sidebar ol li {
    text-decoration: none;
    margin: 0 0 5px 20px;
    padding: 0;
    border-bottom: 1px solid #E5E7C6;
}

.wizard-sidebar ol li.last {
    border-bottom: none;
}

.wizard-sidebar ol li.selected {
    font-weight: bold;
}

.child-actions {
    font-size: 95%;
}


/************************************************
				Vertical Tabs
************************************************/


div.vertical-tabs {
    margin: 0 9px 10px -1px;
    background-color: #E6E6E6;
    border: 1px solid #AAAAAA;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}

div.vertical-tabs h3 {
    margin-top: 5px;
    margin-bottom: 0;
    padding: 0 5px 5px 5px;
    border-bottom: 1px solid #AAAAAA;
    font-size: 1.2em;
}

/* Normal Status (not hover or selected) */
div.vertical-tabs ol, div.vertical-tabs ul {
    margin: 5px;
    padding: 0;
}

div.vertical-tabs ol li, div.vertical-tabs ul li {
    text-decoration: none;
    padding: 3px 3px 3px 5px;
    border-left: 1px solid #E6E6E6;
}

div.vertical-tabs ol li {
    margin: 0 0 0 25px;
    background-color: #E6E6E6;
    border-bottom: 1px solid #CCCCCC;
}

div.vertical-tabs ul li {
    list-style: none;
    margin: 0 0 0 2px;
    border-bottom: 1px solid #D6D6D6;
}

div.vertical-tabs li.last {
    border-bottom: 1px solid #E6E6E6; /* same color as background rather than none to avoid hover height changes */
}

/* Hover */

div.vertical-tabs li:hover {
    background-color: #F1F1F1;
    cursor: pointer;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}

div.vertical-tabs .non-clickable:hover {
    cursor: default;
    background-color: #E6E6E6;
    }

a.wizard-link, a.wizard-link:visited {
    color: Black;
    text-decoration: none;
}

div.vertical-tabs ul li.valid-wizard-step {
    background-position: left center;
    background-image: url("/Images/Icons/checkmark_green.png");
    background-repeat: no-repeat;
    padding-left: 20px;
}

div.vertical-tabs ul li.valid-warning-wizard-step {
    background-position: left center;
    background-image: url("/Images/Icons/checkmark_yellow.png");
    background-repeat: no-repeat;
    padding-left: 20px;
}

div.vertical-tabs ul li.invalid-wizard-step {
    background-position: left center;
    background-image: url("/Images/Icons/x_red.png");
    background-repeat: no-repeat;
    padding-left: 20px;
}

div.vertical-tabs ul li.redo-wizard-step {
    background-position: left center;
    background-image: url("/Images/Icons/undo.png");
    background-repeat: no-repeat;
    padding-left: 20px;
}

div.vertical-tabs ul li.unvisited-wizard-step {
    background-position: left center;
    background-image: url("/Images/Icons/checkmark_empty.png");
    background-repeat: no-repeat;
    padding-left: 20px;
}

div.vertical-tabs ul li.valid-wizard-step-selected {
    background-position: left center;
    background-image: url("/Images/Icons/checkmark_green.png");
    background-repeat: no-repeat;
    padding-left: 20px;
}

div.vertical-tabs ul li.valid-warning-wizard-step-selected {
    background-position: left center;
    background-image: url("/Images/Icons/checkmark_yellow.png");
    background-repeat: no-repeat;
    padding-left: 20px;
}

div.vertical-tabs ul li.invalid-wizard-step-selected {
    background-position: left center;
    background-image: url("/Images/Icons/x_red.png");
    background-repeat: no-repeat;
    padding-left: 20px;
}

div.vertical-tabs ul li.redo-wizard-step-selected {
    background-position: left center;
    background-image: url("/Images/Icons/undo.png");
    background-repeat: no-repeat;
    padding-left: 20px;
}

/* Selected */
div.vertical-tabs ol li.selected, div.vertical-tabs ul li.selected {
    margin-right: -6px;
    margin-top: -1px; /* remove the top border height */
    background-color: #FFFFFF;
    border-top: 1px solid #AAAAAA;
    border-bottom: 1px solid #AAAAAA;
    border-left: 1px solid #AAAAAA;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    padding-right: 9px;
}

div.vertical-tabs .selected:hover {
    background-color: #FFFFFF;
}

.ns-wizard-label {
    margin-left: 22px;
    margin-top: -8px;
    font-size: 90%;
}


.wizard-buttons a, .wizard-buttons input, .wizard-buttons button {
    margin-left: 12px;
    float: right;
}

.wizard-buttons a, .wizard-buttons input:not(:disabled), .wizard-buttons button:not(:disabled) {
    cursor: pointer;
}

.wizard-buttons {
    border-top: 1px dashed #dedede;
    padding-top: 8px;
    margin-top: 0.5em;
    clear: both;
}

/*! wwwroot/Site/SourceCss/13-privacy-fade.css */
/*******************************************************
				Screen fade
*******************************************************/

#id-screen-timeout {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 2000;
    background: #000000;
}

#id-screen-timeout div {
    padding: 10px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 200px;
    width: 260px;
    background-color: #333;
    color: #AAAAAA;
    font-size: 16pt;
    font-weight: bold;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
/*! wwwroot/Site/SourceCss/14-dialog.css */

.popup-content:has(select) {
    /* This lets dropdowns overflow the dialog instead of make it scroll */
    overflow: visible !important;
}
/*! wwwroot/Site/SourceCss/15-folder.css */
/************************************************
				Identifiers
************************************************/
.child-id-panel-inset {
    margin-left: 9px;
    margin-bottom: 8px;
}

.identifier-margin, .panel.identifier-margin {
    margin-bottom: 6px;
}

.padding-2, .panel.padding-2 {
    padding: 2px;
}

.child-id-line2 {
    margin-top: -10px;
}

.padding-bottom-10 {
    padding-bottom: 10px;
}

.cspd-id-label {
    padding-bottom: 5px;
    padding-top: 5px;
}

.child-aliases {
    margin-top: 5px;
}

.user-account-identifier {
    border: 1px solid #e5e7c6;
    background-color: #f5f6ea;
    padding: 4px;
    width: 621px;
    border-radius: 4px;
}

.user-account-identifier h2, .user-account-identifier h3 {
    clear: left;
    float: left;
}

.user-account-identifier h4 {
    clear: right;
    float: right;
    padding-top: 3px;
}
/*! wwwroot/Site/SourceCss/16-printed-forms.css */
.signature-button-panel {
    /*position: absolute;
    top: 440px;
    right: 0;
    width: 100%;*/
    padding-top: 8px;
    border-top: 1px solid #DDD;
}

.signature-pad {
    background-color: white;
    border: black solid 1px;
}

.signature-svg {
    display: block;
    margin: 0 auto;
    padding: 15px 0px 0px 0px;
}

.signature-pdf {
    margin: 0px 30px 20px 0px;
}

.signature-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

/* Need a max width so a single signature doesn't span the whole page. */
.signature-item {
    max-width: 50%;
}

.date-label {
    float: left;
    margin-bottom: .5em;
    margin-right: .5em;
}

/* #region Printed Forms menus */

.printedFormsMenuRoot /* This is the default (non-hover) root menu style */ {
    color: var(--btots-bright-blue);
    text-decoration: none;
    padding-left: 6px;
    cursor: default;
    background-image: url("/Images/Icons/pdf-signed-outlined.gif");
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 18px;
    padding-right: 6px;
}


.printedFormsMenuRoot.menuHover /* This is the root menu hover style */ {
    background-color: var(--btots-royal-blue);
    border-bottom: solid 4px var(--btots-royal-blue);
    color: #FFFFFF;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
}

.printedFormsMenuContainer {
    position: relative; /* This sets the location of the sub-menus to be relative to the location of the main menu item */
}

.printedFormsMenuPositionIFSP {
    margin-right: 0;
}

.printedFormsMenuPositionIFSP div.subMenu /* Specific location/width for the IFSP printed forms menu */ {
    left: -213px;
    width: 300px;
}

.printedFormsMenuPositionConsentForEA div.subMenu /* Specific location/width for the Consent for EA printed forms menu */ {
    left: -222px;
    width: 330px;
}

.printedFormsMenuPositionTeleInterventionConsent div.subMenu /* Specific location/width for the Consent for Tele-intervention forms menu */ {
    left: -222px;
    width: 330px;
}

.printedFormsMenuPositionServiceVisit div.subMenu /* Specific location/width for the Service Visit Kept/Canceled printed forms menu */ {
    left: -243px;
    width: 330px;
}

.printedFormsMenuPositionHmguReferralConsent div.subMenu /* Specific location/width for the HMGU Referral Release printed forms menu */ {
    left: -222px;
    width: 430px;
}

.printedFormsMenuPositionSDRelease div.subMenu /* Specific location/width for the SD Release printed forms menu */ {
    left: -222px;
    width: 430px;
}

.printedFormsMenuPositionTransitionConferenceCompleted div.subMenu /* Specific location/width for the Transition Conference Completed printed forms menu */ {
    left: 0px;
    width: 400px;
}

.printedFormsMenuPositionTransitionConferenceDeclined div.subMenu /* Specific location/width for the Transition Conference Declined printed forms menu */ {
    left: 0px;
    width: 400px;
}

.printedFormsMenuPositionLeaSeaDeclineReferral div.subMenu /* Specific location/width for the SEA/LEA Decline Referral printed forms menu */ {
    left: -222px;
    width: 330px;
}

.printedFormsMenuPositionConsentForPipPhotoRelease div.subMenu {
    left: -222px;
    width: 330px;
}


.printedFormsMenuContainer div.subMenu /* This is the styling for the div that contains all of the sub-menu items */ {
    position: absolute; /* Position the sub-menus absolutely, relative to the menu container */
    background-color: #FFFFFF; /* This is the background fill color for the popup menu */
    border-top: solid 3px var(--btots-royal-blue); /* These draw the border around the popup menu */
    border-left: solid 3px var(--btots-royal-blue);
    border-right: solid 3px var(--btots-royal-blue);
    border-bottom: solid 3px var(--btots-royal-blue);
    color: #000000;
    -moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
    box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
    -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
    -moz-border-radius: 0px 0px 2px 2px;
    border-radius: 0px 0px 2px 2px;
    -webkit-border-radius: 0px 0px 2px 2px;
    z-index: 1000;
    padding: 0 6px;
    display: none; /* Hide to start */
}

.printedFormsMenuContainer div table tbody tr td.first {
    border-top: none;
}

.printedFormsMenuContainer div table tbody tr td.other {
    border-bottom: none;
}

/* #endregion */

/*!/wwwroot/Site/SourceCss/17-lists.css */
li.check {
    margin-bottom: 0.75em;
    list-style-image: url(/Images/Icons/checkmark_green.png);
}

li.failed {
    margin-bottom: 0.75em;
    list-style-image: url(/Images/Icons/x_red.png);
}

.checkmark-empty {
    background-position: left center;
    background-image: url("/Images/Icons/checkmark_empty.png");
    background-repeat: no-repeat;
    padding-left: 18px;
}

/* Checkmark List Used with Html.AnimateCheckmarkLists method  */

ol.checkmark-list, ul.checkmark-list {
    margin: 0.5em 0;
    padding-left: 25px;
}

ol.checkmark-list li, ul.checkmark-list li {
    margin-bottom: 0.75em;
    list-style-image: url(/Images/Icons/checkmark_green.png);
}

ol.checkmark-list li.checkmark-empty, ul.checkmark-list li.checkmark-empty {
    margin-bottom: 0.75em;
    list-style-image: url(/Images/Icons/checkmark_empty.png);
    background: none;
    padding-left: 0;
}

ol.checkmark-list li.checkmark-failed, ul.checkmark-list li.checkmark-failed {
    list-style-image: url(/Images/Icons/x_red.png);
}

ol.checkmark-list li.checkmark-warning, ul.checkmark-list li.checkmark-warning {
    list-style-image: url(/Images/Icons/warning.png);
}

ul.filter-list li {
    float: left;
    width: 44em;
}

ul.less-padding {
    padding-left: 1.5em;
}

ul li ul li {
    list-style-type: circle;
}
/*! /wwwroot/Site/SourceCss/18-child-quick-links.css */

/* #region Child Quick Links menus */

.childQuickLinksMenuRoot /* This is the default (non-hover) root menu style */ {
    color: var(--btots-bright-blue);
    text-decoration: none;
    padding: 0px 15px 0px 5px;
    background-position: 77px 8px;
}

.childQuickLinksMenuRoot.menuHover /* This is the root menu hover style */ {
    background-color: var(--btots-royal-blue);
    border-bottom: solid 4px var(--btots-royal-blue);
    color: #FFFFFF;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
}

.childQuickLinksMenuContainer {
    position: relative; /* This sets the location of the sub-menus to be relative to the location of the main menu item */
    margin: 0px 0px 0px 5px; /* This sets the padding around the div that holds the menu */
    padding: 0px 4px 0px 4px;
}

.childQuickLinksMenuFindChildPosition div.subMenu /* Specific location/width for the find child Quick Links menu */ {
    left: -210px;
    width: 250px;
}

.childQuickLinksMenuAlertsPosition div.subMenu /* Specific location/width for the Quick Links menu for the Alerts */ {
    left: -230px;
    width: 250px;
}

.childQuickLinksMenuContainer div.subMenu /* This is the styling for the div that contains all of the sub-menu items */ {
    position: absolute; /* Position the sub-menus absolutely, relative to the menu container */
    background-color: #FFFFFF; /* This is the background fill color for the popup menu */
    border-top: solid 3px var(--btots-royal-blue); /* These draw the border around the popup menu */
    border-left: solid 3px var(--btots-royal-blue);
    border-right: solid 3px var(--btots-royal-blue);
    border-bottom: solid 3px var(--btots-royal-blue);
    color: #000000;
    -moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
    box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
    -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
    -moz-border-radius: 0px 0px 2px 2px;
    border-radius: 0px 0px 2px 2px;
    -webkit-border-radius: 0px 0px 2px 2px;
    z-index: 1005; /* This index needs to be greater than 1000 in order for the href links to be selected. I don't know why, but it is just the case. */
    display: none; /* Hide to start */
}

.childQuickLinksMenuContainer div.subMenu div ul {
    padding: 0px 0px 0px 20px; /* We are adding a 20px padding to the left to account for the
												-20 px text-indent used in the next style for the li */
}

.childQuickLinksMenuContainer div.subMenu div ul li /* This removes the bullet display from the list items */ {
    list-style: none;
    display: block;
    padding: 0 5px;
    text-indent: -20px; /* This is used to create a kind of reverse paragraph indent */
}

/* #endregion */
/*! /wwwroot/Site/SourceCss/19-login.css */
#login-panel {
    margin-top: 1em;
}

#login-button, #reauthenticate-button {
    margin-right: -1px;
    padding-right: 65px;
    font-size: 11pt;
    background-image: url("/Images/Icons/utahid_logo_white.svg");
    background-size: 55px;
    background-repeat: no-repeat;
    background-position: center right 5px;
}

a.ui-state-default.utah-id-button {
    margin-right: -1px;
    padding-right: 65px;
    background-image: url("/Images/Icons/utahid_logo_black.svg");
    background-size: 55px;
    background-repeat: no-repeat;
    background-position: center right 5px;
}

a.ui-primary-state-default.utah-id-button {
    margin-right: -1px;
    padding-right: 65px;
    background-image: url("/Images/Icons/utahid_logo_white.svg");
    background-size: 55px;
    background-repeat: no-repeat;
    background-position: center right 5px;
}


/*! /wwwroot/Site/SourceCss/20-match.css */
.match-name {
    width: 25%;
}

.match-org-name {
    width: 50%;
}

/* Alternate fieldset padding to account for scroll bar on ajax version */
fieldset#match-fieldset {
    width: 588px;
    padding: 0;
}

fieldset#match-fieldset legend {
    margin-left: 9px;
}

#match-fieldset #match-div {
    padding: 0 9px 9px 9px;
}

#match-fieldset div.party-picker {
    max-height: 250px;
    overflow: auto;
}


/*! wwwroot/Site/SourceCss/21-number-mask.css */
.masked-number {
    cursor: pointer;
}

.masked-number:hover {
    text-decoration: underline dashed #0026ff;
}
/*! wwwroot/Site/SourceCss/99-btots-legacy.css */
/* -------------------------------------------------------------------
   This file contains all the styles that haven't been broken out and
    optimally placed in either /Site specific css or collocated.

    This file should be empty by the end of the BTOTS modernization

    DO NOT PUT NEW STYLES IN HERE!!!!
*/