input, select{
    border-radius:2.5pt;
}

html
{
    letter-spacing: 0.3px;
}

.webdesk
{
    font-size: 9.0pt;
    text-wrap: none;
    padding: 0 5px;
}

.url
{
    text-decoration: underline;
    color: #0000ff;
}

.toolbar
{
    padding-left: 5px;
    text-align: right;
    text-wrap: none;
}

.webdeskname
{
    font-size: 8pt;
    color: #005F8F;
}

.webdeskitem
{
    font-size: 8.0pt;
    color: #000000;
    font-weight: normal;
    cursor: pointer
}

.quickhelp
{
    font-size: 9pt;
    background-color: #ffffff;
    /*color: #000000;*/
    color: #005F8F;
    border: solid 1px gray;
}

.curtain
{
    font-size: 9pt;
    text-decoration: none;
    color: #005F8F;
    text-shadow: none;
}

.bigtext
{
    font-size: 10.0pt;
    font-weight: normal;
    color: #000000;
}

.fieldlabel
{
    font-size: 10pt;
    font-weight: normal;
    color: #000000;
}

.fieldlabel2
{
    font-size: 9pt;
    font-weight: bold;
    color: #000000;
}

.fieldlabelreqd
{
    font-size: 9pt;
    color: #ff0000;
}

.fieldtext
{
    font-size: 9pt;
    font-weight: normal;
    color: #505050;
}

.fieldvalue
{
    font-size: 9pt;
    font-weight: normal;
    color: #000000;
    border-style: solid;
    border-color: #a0a0a0;
    border-width: 1px;
}

.fieldvalueerror
{
    font-size: 9pt;
    font-weight: normal;
    color: #ffffff;
    background-color: #b00000;
    border-style: solid;
    border-color: #a0a0a0;
    border-width: 1px;
}

.fieldvalue2
{
    font-size: 9pt;
    font-weight: normal;
    color: #000000;
}

.textreadonly
{
    font-size: 9pt;
    font-weight: normal;
    color: #a0a0a0;
}

.fieldvalueReadOnly
{
    font-size: 10pt;
    font-weight: normal;
    color: #000000;
    border-style: solid;
    border-color: #a0a0a0;
    border-width: 1px;
    padding: 2px 3px 2px 3px;
}

.fieldLabelCell
{
    padding-right: 2.5pt;
    text-align:right;
}

.fieldValueCell
{
    padding-right: 2.5pt;
    text-align:left;
}

.topLeftBorderFieldValue
{
    font-size: 8.0pt;
    font-weight: normal;
    border-top-style: none;
    border-left-style: none;
    border-top-width: 1px;
    border-left-width: 1px;
    border-color: #000000;
}

.topRightBorderFieldValue
{
    font-size: 8.0pt;
    font-weight: normal;
    border-top-style: none;
    border-right-style: none;
    border-top-width: 1px;
    border-right-width: 1px;
    border-color: #000000;
}

.bottomLeftBorderFieldValue
{
    font-size: 8.0pt;
    font-weight: normal;
    border-bottom-style: none;
    border-left-style: none;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-color: #000000;
}

.bottomRightBorderFieldValue
{
    font-size: 8.0pt;
    font-weight: normal;
    border-bottom-style: none;
    border-right-style: none;
    border-bottom-width: 1px;
    border-right-width: 1px;
    border-color: #000000;
}

.rightBorderFieldValue
{
    font-size: 8.0pt;
    font-weight: normal;
    border-right-style: none;
    border-right-width: 1px;
    border-color: #000000;
}

.leftBorderFieldValue
{
    font-size: 8.0pt;
    font-weight: normal;
    border-left-style: none;
    border-left-width: 1px;
    border-color: #000000;
}

.leftRightBorderFieldValue
{
    font-size: 8.0pt;
    font-weight: normal;
    border-left-style: none;
    border-right-style: none;
    border-left-width: 1px;
    border-right-width: 1px;
    border-color: #000000;
}

.topBorderFieldValue
{
    font-size: 8.0pt;
    font-weight: normal;
    border-top-style: none;
    border-top-width: 1px;
    border-color: #000000;
}

.bottomBorderFieldValue
{
    font-size: 8.0pt;
    font-weight: normal;
    border-bottom-style: none;
    border-bottom-width: 1px;
    border-color: #000000;
}

.topBottomBorderFieldValue
{
    font-size: 8.0pt;
    font-weight: normal;
    border-top-style: none;
    border-top-width: 1px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-color: #000000;
}

.fieldvaluechanged
{
    font-size: 9.0pt;
    font-weight: normal;
    color: #ff0000;
    border-style: solid;
    border-color: #a0a0a0;
    border-width: 1px;
}

.fieldvaluechanged2
{
    font-size: 9.0pt;
    font-weight: normal;
    color: #ff0000;
}

.breadcrumb
{
    background-color: #F7F7F7;
    color: #2e2eb0;
    font-size: 9pt;
    font-weight: bold;
}

.studentNavigator
{
    color: #2e2eb0;
    font-size: 9pt;
    font-weight: normal;
}

.rightcrumb
{
    color: #fd4488;
    font-size: 9pt;
    font-weight: bold;
}

.leftmenutext
{
    font-size: 8.0pt;
    font-weight: normal;
    color: #000000;
}

BODY
{
    font-size: 9pt;
    font-family: Roboto, Verdana, Arial, Helvetica, sans-serif;
    margin: 0;
}

.categorybody
{
    background-color: #eeeeee;
    margin: 0;
    font-size: 9pt;
    font-family: Roboto, Verdana, Arial, Helvetica, sans-serif;
}

.categorybody2
{
    font: 10pt Roboto, Verdana, Arial, Helvetica, sans-serif;
    /*background-color: #FCFCFC;*/
    background-color: #ECEFF3;

    margin: 0;
}

.categorytab
{
    cursor: pointer;
}

.gbSpreadsheetHeader
{
    font-weight: bold;
    /*color: #FFFFFF;*/
    background-color: #edd6ba;
    /*vertical-align: top;*/

    /*background: linear-gradient(to bottom, #F5F5F5 0%, #446cb3 90%);*/
    color: #000;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
    font-size: 9pt;
}

.fieldsettitle
{
    font-size: 9.0pt;
    color: #2e2eb0;
}

.fieldsetborder
{
    border: 1pt solid #aaaaaa
}

.fieldsarea
{
    /*background-color: #e4e4ed;*/
}

.listbody
{
    background-color: #eeeeee;
    margin: 0;
}

.fieldsareanextyear
{
    background-color: #e4e4ed;
}

.footer
{
    width:95%;
    text-align: right;
    margin: 25pt auto 0;
    color: #888888;
    border-top: solid 1px #CACACA;
}

.list
{
    font-size: 10pt;
    margin-left: 1pt;
    margin-right: 1pt;
    border-collapse:collapse;
    border-spacing: 0;
}

.listDataTable
{
    font-size: 10pt;
    margin-left: 5pt;
    margin-right: 5pt;
    border-collapse: separate;
    border-spacing: 1px;
}

.list td
{
    padding: 1pt 3pt;
    border: 1pt solid hsl(210deg 69.54% 85.9%);
}
.listRowNoData
{
    text-align: center;
    height: 50px;
    font-weight: bold;
}

tr.listheading td:first-child,.listheadingfrozen td:first-child
{
    border-top-left-radius: 2.5pt;
}


tr.listheading td:last-child,.listheadingfrozen td:last-child
{
    border-top-right-radius: 2.5pt;
}


.listheading td, .listheadingfrozen td
{
    border: none;
}

.listheading
{
    font-weight: bold;
    color: #FFFFFF;
    background-color: #2c6eba;
    /*vertical-align: top;*/
}
/* This works for the first row */
/* If you are doing a second row in a header, you will need to set top: (9pt * rownumber) + 1 for it to work correctly in a style attribute next to it */
.listheadingfrozen td
{
    font-weight: bold;
    color: #FFFFFF;
    background-color: #2c6eba;
    position: sticky;
    top: 0;
}.listheadingfrozen th
{
    font-weight: bold;
    color: #FFFFFF;
    background-color: #2c6eba;
    position: sticky;
    top: 0;
}

tr.listheadingfrozen td
{
    padding: .25em .3em .25em .3em;
}

.listheadingfrozen2 td
{
    position: sticky;
    top: 0;
}

tr.listheading td
{
    padding: .25em .3em .25em .3em;
}

.listheading a {color: white;}

.cellLeft
{
    text-align: left;
}
.cellRight
{
    text-align: right;
}
.cellCenter
{
    text-align: center;
}
.cellError
{
    background-color: #F25D50;
}

.listheadingwhite
{
    font-weight: bold;
    font-size: 8pt;
    color: #000000;
    background-color: #ffffff;
}

.listheading2
{
    background-color: #aaaae1;
}

.listrowerror
{
    font-size: 10pt;
    color: #000000;
    font-style: normal;
    background-color: #ffa0a0;
}

.listrowwarning
{
    font-size: 10pt;
    color: #000000;
    font-style: normal;
    background-color: #FFFF00;
}

.listrowselected
{
    font-size: 10pt;
    color: #000000;
    font-style: normal;
    background-color: #00FF00;
}

.listRowHighlight
{
    color: #ffffff;
    background-color: #2da329;
    font-size: 10pt;
    font-style: normal;
}

.listRowDisabled
{
    color : #000000;
    font-size: 9pt;
    background-color:#D3D3D3;
    font-style: italic;
    opacity: 0.9;
}

.listrowsummary
{
    font-size: 10pt;
    color: #000000;
    font-style: normal;
    background-color: #dae2f1;
}

.listrowsummary:hover
{
    background-color: #deedff;
}

.listroweven
{
    font-size: 10pt;
    background-color: #FFFBFE;
}
.listroweven:hover
{
    background-color: hsl(213 100% 89% / 1);
}
.listrowodd
{
    font-size: 10pt;
    background-color:#eaf2fa;
}
.listrowodd:hover
{
    background-color: hsl(213 100% 89% / 1);
}
.listroweven2
{
    font-size: 10pt;
    background-color: #ffffff;
}
.listrowodd2
{
    font-size: 10pt;
    background-color: #F6F6F6;
}

.listrownodata
{
    text-align: center;
    height: 50px;
    font-weight: bold;
}


.studentbarlistroweven
{
    font-size: 10pt;
    background-color: #FCFCFC;
}
.studentbarlistrowodd
{
    font-size: 10pt;
    background-color: #FCFCFC;
}

.listrowbold
{
    font-size: 10pt;
    color: #000000;
    font-weight: bold;
    background-color: #ffbbbb;
}

.logonDistrictName
{
    font-size: 14pt;
    color: #400040;
    font-style: italic;
    font-weight: bold;
}

.clock
{
    font-size: 9pt;
    color: #000000;
    font-style: normal;
}

.datetimebar
{
    font-size: 10pt;
    color: #8000b0;
    font-style: italic;
}

.calendarMonth
{
    background-color: #eeeeee;
}

.calendarHeading
{
    background-color: #babaf1;
    font-size: 8pt;
    color: #8000b0;
    font-style: normal;
}

.calendarBackgrd
{
    background-color: #FFF;
}

.calendarDays
{
    background-color: #eeeeee;
    font-size: 8pt;
    color: #000000;
    font-style: normal;
}
/* -------- Start New Calendar -------- */
.calendarMonthTable
{
    width: 168px;
    border: solid 1px #EEEEEE;
    border-collapse: collapse;
    box-shadow: rgba(0,0,0,0.3) 1px 1px 3px 0
}

.calendarMonthTitleCell
{
    text-align: center;
    text-transform: uppercase;
}

.calendarHeadingRow
{
    font-size: .75em;
    line-height: 14px;
    font-weight: bold;
    text-shadow: rgba(0, 0, 0, 0.4) 1px 1px 1px;

    background-color: #5CBE01;
    color: #FFFFFF;
    height: 18px;
}

.calendarHeadingCell
{
    width: 24px;
    border: solid 1px #EEEEEE;
}

.calendarDaysRow
{
    background-color: #FFFFFF;
    font-size: .75em;
    color: #000000;
    font-style: normal;
    height: 18px;
}
.calendarDayCell
{
    width: 24px;
    border: solid 1px #EEEEEE;
    border-top: none;
}
/* -------- End New Calendar -------- */

.pageHistory
{
    color: #2c6eb9;
    font-size: 8pt;
    font-weight: bold;
}

.popupbox
{
    border: #000 3px solid;
    background-color: #eeeeee;
    font-size: 8.0pt;
    font-weight: normal;
    color: #000000;
}

.studentTab
{
    font-family: Roboto, Arial, Verdana, sans-serif;
    background-color: #5a6bb3;
    font-weight: bold;
    color: #ffffff;
    font-size: 10.0pt;
    border-style: solid;
    border-left-width: 1pt;
    border-right-width: 0;
    border-top-width: 1pt;
    border-bottom-width: 1pt;

    border-color: #e4e4ed;
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
    text-decoration: none;

    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    -moz-border-top-left-radius: 6px;
    -moz-border-top-right-radius: 6px;
}

.studentTabOver
{
    font-family: Roboto, Arial, Verdana, sans-serif;
    background-color: #2E2DAB;
    font-weight: bold;
    color: #ffffff;
    font-size: 10.0pt;
    border-style: solid;
    border-left-width: 1pt;
    border-right-width: 0;
    border-top-width: 1pt;
    border-bottom-width: 1pt;

    border-color: #e4e4ed;
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
    text-decoration: none;

    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    -moz-border-top-left-radius: 6px;
    -moz-border-top-right-radius: 6px;
}

.studentTabSelected
{
    font-family: Roboto, Arial, Verdana, sans-serif;
    background-color: #0000ff;
    font-weight: bold;
    color: #ffffff;
    font-size: 10.0pt;
    border-style: solid;
    border-left-width: 1pt;
    border-right-width: 0;
    border-top-width: 1pt;
    border-bottom-width: 1pt;
    border-color: #ffffff;
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
    text-decoration: none;

    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    -moz-border-top-left-radius: 6px;
    -moz-border-top-right-radius: 6px;
}

.headerDefaultColor
{
    background: linear-gradient(to bottom, #F5F5F5 0%, #9BBCE2 90%);
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}
.headerDefaultColorMasquerade
{
    /*background: linear-gradient(to bottom, #F5F5F5 10%, #000000 89%);*/
    background: linear-gradient(to bottom, #e2e2e2 10%, #565656 121%);
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}

.headerNextYearSchedulingColor
{
    background: linear-gradient(to bottom, #F5F5F5 0%, #FBA964 47%);
}
.headerPreviousYearSystemColor
{
    background: linear-gradient(to bottom, #efb4e7 0%, #272FBF 90%);
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}
.headerNextYearSystemColor
{
    background: linear-gradient(to bottom, #F5F5F5 0%, #18ea2a 90%);
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}

.headerSortable
{
    cursor:pointer;
}

.moduleRowNew
{
    font-size: 10pt;
    line-height: 17px;
    font-style: normal;
    background-color: hsl(212.1deg 61.57% 40%);
    height:24px;
    width:100%;
    text-align: left;
}

.moduleTabNew
{
    display: inline-block;
    height: 15px;
    padding: 2px 10px 3px 10px;
    color: #FFFFFF;
    cursor: pointer;
    background-color: hsl(212deg 61.57% 40%);;
}

.moduleTabNew:hover
{
    background-color: hsl(212deg 61.57% 30%);
    border-radius: 5pt;
}

.moduleTabSelectedNew
{
    display: inline-block;
    height: 15px;
    padding: 1px 10px 3px 10px;
    color: #FFFFFF;
    cursor: pointer;
    background-color: hsl(212deg 61.57% 30%);
    border-radius: 5pt;
}

.categoryRowNew
{
    font-size: 10pt;
    line-height: 17px;
    font-style: normal;
    background-color: hsl(213.6deg 65.22% 50%);
    font-weight: 400;
    height: 20px;
    width: 100%;
    text-align: left;
}

.categoryFrameTabNew
{
    display: inline-block;
    height: 15px;
    padding: 2px 10px;
    color: #ffffff;
    cursor: pointer;
    background-color: hsl(213.6deg 65.22% 50%);
    border-radius: 5pt;

    text-shadow: none;
}

.categoryFrameTabOverNew
{
    display: inline-block;
    height: 14px;
    padding: 2px 10px 3px 10px;
    color: #FFFFFF;
    cursor: pointer;
    background-color: hsl(213.6deg 65.22% 35%);
    border-radius: 5pt;
}

.categoryFrameTabSelectedNew
{
    display: inline-block;
    height: 14px;
    padding: 2px 10px 3px 10px;
    cursor: pointer;
    background-color: hsl(213.6deg 65.22% 35%);
    border-radius: 5pt;
    color: white;
}

.genesisButton:hover {
    background-color: #0077ff;
    border-color: #000050;
    color:#ffffff;
}
.genesisButton, .genesisButtonDisabled {
    font-family: Roboto, Arial, Verdana, sans-serif;

    color: #303030;
    background-color: hsl(212 52% 89% / 1);
    border-radius: 8px;
    border: solid .75pt #2a6bc6;
    font-size: 9.0pt;
    cursor: pointer;
    padding-right: 9pt;
    padding-top: 1pt;
    padding-bottom: 1pt;
    text-decoration: none;
    white-space: nowrap;

    height: 24px;
    background-position: 10px;
    /*padding-left: 32px;*/
    background-repeat: no-repeat;
    transition: background-color 150ms linear;

    font-weight: normal;
    /*border-style:solid;*/
    /*border-width:1pt;*/
    /*border-color:#2a6bc6 ;*/
    /*padding-left:10px;*/
    /*padding-right:10px;*/
    /*-moz-border-top-radius: 5pt;*/
    /*margin-left:.25em;*/
    /*margin-right:.25em;*/
    /*transition: background-color 150ms linear;*/
}

.genesisButtonDisabled {
    cursor:default;
    font-weight:bold;
    color: darkslategray;
}

.formButtonIcon:hover {
    background-color: #2c75d1;
    border-color: #2c75d1;
    color:#ffffff;
}
.formButtonIcon {
    font-family: Roboto, Arial, Verdana, sans-serif;
    color: #303030;
    background-color: hsl(212 52% 89% / 1);
    border-radius: 8px;
    border: solid .75pt #2a6bc6;
    font-size: 9.0pt;
    cursor: pointer;
    padding-right: 9pt;
    padding-top: 1pt;
    padding-bottom: 1pt;
    text-decoration: none;
    white-space: nowrap;

    /*background-color: #e9e9fe;*/
    font-weight: normal;
    margin-left: .25em;
    margin-right: .25em;
    background-position: 10px;

    height: 24px;
    padding-left: 32px;
    background-repeat: no-repeat;
    transition: background-color 150ms linear;
}

.mobileLogin
{
    font-size: 9.0pt;
    font-weight: normal;
    color: #000000;
}

.mobileField
{
    font-size: 9.0pt;
    font-weight: normal;
    color: #000000;
}

.mobileDistrictName
{
    font-size: 10pt;
    color: #400040;
    font-style: italic;
    font-weight: bold;
}

.mobileEven
{
    font-size: 9pt;
    color: #000000;
    font-style: normal;
    background-color: #f2e9d0;
}

.mobileOdd
{
    font-size: 9pt;
    color: #000000;
    font-style: normal;
    background-color: #eeeeee;
}

.formButton
{
    font-family: Roboto, Arial, Verdana, sans-serif;
    color: #303030;
    background-color: hsl(212 52% 89% / 1);
    border-radius: 8px;
    border: solid .75pt #2a6bc6;
    font-size: 9.0pt;
    cursor: pointer;
    padding-right: 9pt;
    padding-top: 1pt;
    padding-bottom: 1pt;
    text-decoration: none;
    white-space: nowrap;
}

.formButton:hover
{
    color: white;
    background-color: #64913D;
    border-radius: 8px;
    border: solid .75pt #000090;
    padding-left: 1em;
    padding-right: 1em;
    text-decoration: none;
}

.boxShadow
{
    box-shadow: 8px 8px 5px #bcbcbc;
}

.boxShadowSmall
{
    box-shadow: 3px 3px 1px #bcbcbc;
}

.boxShadowDark
{
    box-shadow: 8px 8px 5px #aaaaaa;
}

.newTab                
{
    margin: 1px 1px 0 0;
    display: inline-block;
    font-size: 9pt;
    font-weight: normal;
    padding: 2px 12px;
    background-color: hsl(212 62% 50%);
    border-bottom: 1pt solid hsl(212 62% 50%);
    color: #FFFFFF;
    border-top-left-radius: 5pt;
    border-top-right-radius: 5pt;
    cursor: pointer;
    text-decoration: none;
    white-space: nowrap;
    text-shadow: none;
}

.newTab:hover
{
    background-color: hsl(211.9deg 61.76% 38%);
}

.newTabSelected
{
    margin: 1px 1px 0 0;
    display: inline-block;
    font-size: 9pt;
    font-weight: normal;
    padding: 2px 12px;
    background-color: hsl(211.9deg 61.76% 38%);
    color: #ffffff;
    border-bottom: 1pt solid hsl(212 62% 38% / 1);
    cursor: pointer;
    text-decoration: none;
    border-top-left-radius: 5pt;
    border-top-right-radius: 5px;
    white-space: nowrap;
    text-shadow: none;
}

.newTab1
{
    margin: 1px 1px 0 0;
    display: inline-block;
    font-size: 9pt;
    font-weight: normal;
    padding: 2px 12px;
    background-color:hsl(212 62% 60%);

    color: #FFFFFF;
    border-top-left-radius: 5pt;
    border-top-right-radius: 5pt;
    border-left: 1pt solid #0183ae;
    border-bottom: 1pt solid #0183ae;
    cursor: pointer;
    text-decoration: none;
    white-space: nowrap;

    text-shadow: none;
}

.newTab1:hover
{
    background-color: hsl(212 62% 40%);
}

.newTab1Selected
{
    margin: 1px 1px 0 0;
    display: inline-block;
    font-size: 9pt;
    font-weight: normal;
    padding: 2px 12px;
    background-color: hsl(212 62% 40%);
    color: #ffffff;

    border-left: 1pt solid #40ac84;
    border-bottom: 1pt solid #40ac84;
    cursor: pointer;
    text-decoration: none;

    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    white-space: nowrap;

    text-shadow: none;
}

.newTab2
{
    margin: 1px 1px 0 0;
    display: inline-block;
    font-size: 9pt;
    font-weight: normal;
    padding: 2px 12px;
    background-color: hsl(212 62% 65%);
    color: #FFFFFF;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-left: 1pt solid #218fa3;
    border-bottom: 1pt solid #218fa3;
    cursor:pointer;
    text-decoration: none;
    white-space: nowrap;

    text-shadow: none;
}

.newTab2:hover
{
    background-color: hsl(212 62% 42%);
}

.newTab2Selected
{
    margin: 1px 1px 0 0;
    display: inline-block;
    font-size: 9pt;
    font-weight: normal;
    padding: 2px 12px;
    background-color: hsl(212 62% 42%);
    color: #ffffff;

    border-left: 1pt solid #218fa3;
    border-bottom: 1pt solid #218fa3;
    cursor:pointer;
    text-decoration: none;

    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    white-space: nowrap;

    text-shadow: none;
}

.newTab3
{
    margin: 1px 1px 0 0;
    display: inline-block;
    font-size: 9pt;
    font-weight: normal;
    padding: 2px 12px;
    background-color: #274e81;
    color: #FFFFFF;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-left: 1pt solid #7c62ca;
    border-bottom: 1pt solid #7c62ca;
    cursor: pointer;
    text-decoration: none;
    white-space: nowrap;

    text-shadow: none;
}

.newTab3:hover
{
    background-color: #b2e2fd;
}

.newTab3Selected
{
    margin: 1px 1px 0 0;
    display: inline-block;
    font-size: 9pt;
    font-weight: normal;
    padding: 2px 12px;
    background-color: #274e81;
    color: #ffffff;

    border-left: 1pt solid #7c62ca;
    border-bottom: 1pt solid #7c62ca;
    cursor: pointer;
    text-decoration: none;

    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    white-space: nowrap;

    text-shadow: none;
}

.wordWrapCell
{
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
    -ms-word-break: break-all;
}

.labelCell
{
    text-align: right;
}

.dataCell
{
    text-align: left;
}

.notecard
{
    padding: 1.3em;
    /*background-color: hsl(0 70% 98% / 1) ;*/
    /*background-color: hsl(270deg 40% 98%) ;*/
    /*background-color: hsl(37 60% 98% / 1) ;*/
    background-color: hsl(0 0% 97% / 1) ;
    margin: 0 auto;
    box-shadow: rgba(0, 0, 0, 0.3) 3px 3px 6px 0;
    border-radius: 2.5pt;
}

.notecardTitle
{
    font-size: 12pt;
    font-weight: bold;
    color: #202020;
    margin-bottom: 5px;
    border-bottom: solid #808080 1pt;
    text-align: left;
}

.loginWelcomeMessage
{
    padding: 10pt;
    background-color: white;
    margin: 0 auto;
    box-shadow: rgba(0,0,0,0.3) 4px 4px 12px 0;
}

.nowrap
{
    white-space: nowrap;
}

.alignLeft
{
    text-align: left;
    justify-content:flex-start;
}

.alignRight
{
    text-align: right;
    justify-content:flex-end;
}

.alignCenter
{
    text-align: center;
    justify-content:center;
}

.vAlignCenter
{
    display:flex;
    align-items:center;
    gap:3px;
}

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

/* BELOW: Style the tab - This is used in the mail box */
div.gray_tab {
    overflow: hidden;
    border: 1px solid #666;
    background-color: #707070;
}

/* Style the buttons inside the tab */
div.gray_tab button {
    /*background-color: inherit;*/
    /* IE not honoring the inherit style*/
    background-color: #707070;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 5px;
    transition: 0.3s;
    color: #fff;
}

/* Change background color of buttons on hover */
div.gray_tab button:hover {
    background-color: #bbb;
    color: #000;
}

/* Create an active/current tablink class */
div.gray_tab button.active {
    background-color: #ddd;
    color: #000;
}
/* ABOVE: Style the tab - This is used in the mail box */

/* Copied From Parents CSS*/
.logonDistrictName
{
    font-size: 14pt;
    color: #400040;
    font-style: italic;
    font-weight: bold;
    font-family: Roboto, Verdana, Arial, Helvetica, sans-serif;
}

.logonHeader
{
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    border-bottom: solid 1px rgb(54, 201, 242);
    background-color: #001C35;
    font-weight: 500;
    color: #25add3;
    height: 50px;
    width: 100%;
    text-align: center;
}

/* JQuery */
.ui-datepicker-trigger
{
    vertical-align: -22%;
}

/*Combo Box Items*/
.comboBoxSearchField
{
    position: relative;
    display: inline-block;
}
/*.comboBoxSearchField::before{*/
    /*position:absolute;*/
    /*content: url("../images/view.png");*/
    /*top: 2px;*/
    /*right: -1px;*/
    /*height: 20px;*/
    /*width: 20px;*/
/*}*/

.comboBoxSearchFieldDisabled
{
    position:relative;
    display:inline-block;
}
.comboBoxSearchFieldDisabled::before
{
    position:absolute;
    content: url("../images/select_arrow_down_16.png");
    opacity: .5;
    top: 2px;
    right: -3px;
    height: 25px;
    width: 25px;
}

.comboSelected{
    background-color: #b6c6d8;
}

.comboBoxResults{
    display:none;
    position:absolute;
    border: 1px solid black;
    z-index: 1000;
    background-color: white;
    overflow-y:scroll;
    overflow-x: hidden;
    height:200pt;
    -webkit-overflow-scrolling: touch;
}

td.clickable{
    cursor: pointer;
}

.list-row{
    background-color: #eaf2fa;
}
.list-row:nth-of-type(2n){
    background-color: #FFFBFE;
}
.list-row:hover{
    background-color: hsl(213 100% 89% / 1);
}
.list-row.selected{
    background-color: #c1fcd2;
}
.list-row.selected:hover{
    background-color: #aaedbe;
}

/* left property must be set for sticky to work */
/*.list-row td.sticky{*/
/*    background-color: #ffffff;*/
/*    position: sticky;*/
/*}*/
/*.list-row:nth-of-type(2n) td.sticky{*/
/*    background-color: #f6f6f6;*/
/*    position: sticky;*/
/*}*/
tr.listheading td.sticky
{
    padding: .25em .3em .25em .3em;
}
tr td.sticky
{
    background-color: inherit;
    position: sticky;
}

.formCheckbox{
    display:inline-block;
    width:15px;
    height:15px;
    border: 2px solid black;
    border-radius:5px;
    cursor:pointer;
    transition: border-color 0.2s ease-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    padding:2px;
}
.formCheckbox:hover{
    border-color: black;
}
/*.formCheckbox img{*/
/*    transition: visibility 0.2s ease-in;*/
/*}*/
.formCheckbox .hideImage{
    visibility:hidden;
}
.formCheckbox.checked{
    border-color: #84c51f;
}
.formCheckbox.disabled{
    background-color: lightgrey;
    cursor:not-allowed;
}

.formSelect{
    border: none;
    background-color: #fefefe;
    cursor: pointer;
    padding: 7px 10px;
    font-size: 1.1em;
    box-shadow: #80808057 1px 1px 4px;
    border-radius: 4px;
}

/*img.ui-datepicker-trigger {*/
/*    position: relative;*/
/*    left: -18px;*/
/*    top: 2px;*/
/*}*/

.raised{
    background-color: #d3d3d321;
    padding: 9px;
    border-radius: 10px;
    box-shadow: #d3d3d38c 3px 3px 7px;
    margin-bottom: 31px;
}
.formQuestion{
    font-size:.9em;
    margin: 10px 0 15px 5px;;
}
.formLabel{
    font-size:1em;
    font-weight:500;
}

.formTextInput{
    border: none;
    border-bottom: 2px solid lightgrey;
    padding: 5px;
    background-color: transparent;
    font-size: 1em;
    outline: none;
    transition: border-bottom-color 0.3s ease-out;
}
.formTextInput:focus{
    border-bottom: 2px solid black;
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
}

.formTextArea{
    border: none;
    box-shadow: 1px 1px 3px 2px #ebebeb;
}

/*!*iPad ScrollBar*!*/
/*::-webkit-scrollbar {*/
    /*-webkit-appearance: none;*/
    /*width: 7px;*/
    /*height: 7px;*/
/*}*/
/*::-webkit-scrollbar-thumb {*/
    /*border-radius: 4px;*/
    /*background-color: rgba(0,0,0,.5);*/
    /*-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);*/
/*}*/


.nav{
    display: inline-block;
    padding-left: 1pt;
    margin-top: 1pt;
    margin-bottom: 1.5pt;
}
.nav li{
    display: inline-block;
}
.nav ul{
    display: inline-block;
    padding-left: 0;
    margin:0;
}
nav li{
    display: inline-block;
}
nav.small ul li a{
    font-size:1em;
}

.alert{
    text-align: center;
    color:white;
    font-weight:bold;
    padding:3px;margin:3px 0;
}

.alert.errorMessage{
    background-color:rgb(255,69,50);
    border:2px solid red
}
.alert.warningMessage{
    background-color: rgb(255, 155, 53);
    border:2px solid orange
}

.sr-only{
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important;
}

.form-sub-group{
    margin-left:13px;
    padding-bottom: 2px;
    padding-top: 2px;
}
.form-item{
    /*display:inline-block;*/
    padding-left:10px;
    margin-bottom:5px;
    width:600px;
}
.two-thirds{
    display:inline-block;
    width:60%;
}
.one-third{
    text-align:right;
    display:inline-block;
    width:30%;
}
.one-fourth{
    text-align:right;
    display:inline-block;
    width:25%;
}
/*SelectMulti Control*/
.selectMultiControl
{
    position:relative;
    display: inline-flex;
    align-items: center;
    background-color:#ffffff;
    color:#0000a0;
    border:1pt solid #c0c0c0;
    font-size: 9pt;
    padding-left:5pt;
    padding-right:5pt;
    cursor:default;
    white-space: nowrap;
    overflow:hidden;
    height: 18px;
    border-radius:2.5pt;
}
.selectMultiControl::before{
    position:absolute;
    content: url("../images/newIcons/multiselect.svg");
    top: 1px;
    right: 3px;
    height: 20px;
    width: 20px;
    background-color: white;
}

.hidden{
    display:none;
}

.filter{
    margin:0 auto;
    border: none;
    border-bottom: 2px solid hsl(0, 0%, 62%);
    text-align: center;
    transition: border-color 0.25s linear;
    margin-bottom: 1px;
}
.filter:focus{
    outline: none;
    border-bottom: 2px solid hsl(0, 0%, 20%);
}

.icon{
    cursor: pointer;
}
.icon:hover{
    filter: brightness(80%);
}
.icon.selectedIcon{
    filter: brightness(60%);
}

.icon.highlight{
    border: 2pt solid white;
    border-radius:25%;
}
.icon.rotate90{
    transform: rotate(90deg);
}
.icon.rotate270{
    transform: rotate(270deg);
}

.icon.circleHighlight{
    border: 2pt solid white;
    border-radius:50%;
}

.icon16{
    width: 16px;
    cursor: pointer;
}
.icon16:hover{
    filter: brightness(80%);
}

.icon-dark{
    cursor: pointer;
}
.icon-dark:hover{
    filter: contrast(0.25);
}
.icon-dark.selectedIcon{
    filter: contrast(0.25);
}

.googleHub{
    position:fixed;
    bottom:10px;
    right:10px;
    /*border: 2px solid #cbcbcb;*/
    /*border-radius: 30px;*/
    height:48px;
}

.googleHubImage{
    cursor:pointer;
    transition: filter .7s ease-in-out, transform .7s ease-in-out;
}
.googleHub:hover .googleHubImage{
    transform: rotate(-360deg);
    filter: brightness(90%);
}

.googleHubBar{
    transition: width .7s ease-in-out;
    width:0;
    height: 43px;
    overflow: hidden;
    display:inline-block;
    background-color:#f9f9f9;
    border-radius: 30px;
}
.googleHub:hover .googleHubBar{
    width: 510px;
    /*border: 2px solid #f3df9f;*/
    border: 2.5px solid #ffc12b;
    padding: 0 10px
}

.googleBarIcon{
    display:inline-block;
    margin: 5px 10px 0 10px;
    position: relative;
}

.verticalAlignRow {
    display: flex;
    align-items: center;
}

.flexAlign
{
    display: inline-flex;
    align-items: center;
    gap: 5pt;
}

.flexAlignSmall
{
    display: inline-flex;
    align-items: center;
    gap: 2.5pt;
}

.flexAlign.left
{
    display: flex;
    align-items: center;
    justify-content: left;
}

.flexAlign.right
{
    display: flex;
    align-items: center;
    justify-content: right;
}

.flexAlign.center
{
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.twoColDisplay
{
    display: grid;
    grid-template-columns: auto 1fr;
}
.twoColDisplay.spaced
{
    grid-gap:5pt
}

.twoColDisplay.smallSpace
{
    grid-row-gap: 8px;
    grid-column-gap: 4px
}

.spanGridCols
{
    grid-column: 1/-1
}

div.ui-widget
{
    /*font-family: Roboto;*/
}

.notecardTab {
    font-size: 10pt;
    border-top-right-radius: 3pt;
    border-radius: 3pt;
    padding: 5px 15px;
    box-shadow: #00000066 1pt 1pt 2pt;
    /*background-color: #ffffff0f;*/
    background-color: white;
    cursor:pointer;
    white-space: nowrap;
}

.notecardTab:hover {
    box-shadow: inset #00000066 1pt 1pt 2pt;
    background-color: #0077ff3b;
}

.notecardTab.selected {
    box-shadow: inset #00000066 1pt 1pt 2pt;
    background-color: #0077ff3b;
}

.notecardScroll::-webkit-scrollbar {
    height: 5px;
}

/* Track */
.notecardScroll::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.notecardScroll::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
.notecardScroll::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.dropdown{
    position:relative;
    font-size: 11pt;
}

.dropdown > div:nth-child(1){
    cursor: pointer;
    border: 2px solid #afafaf;
    border-radius: 4px;
    background-color: #fbfbfb;
    padding: 4px 8px;
    color: #717171;
    text-shadow: 0px 0px black;
}

.dropdown > div:nth-child(2){
    position: absolute;
    display:none;
    z-index:100;
    border-radius:8px;
    background-color: white;
    white-space:nowrap;
    color:#717171;
    font-weight: bold;
    border: 2px solid #d4d4d4;
    font-size: 9.5pt;
}
.dropdown > div:nth-child(2) a{
    text-decoration:none;
    color:#717171;
}
.dropdown:hover > div:nth-child(2){
    display: block;
}
.dropdown > div:nth-child(2) > div{
    display: flex;
    gap: 8px;
    align-items: center;
    cursor:pointer;
    padding: 8px 4px;
    border:1px solid #e5e5e5;
    text-align: left;
}
.dropdown > div:nth-child(2) > div:hover{
    background-color:#deedff;
}
.dropdown > div:nth-child(2) > div > div{
    cursor:pointer;
}
.fontBold
{
    font-weight: bold;
}

/*Grids*/

.two-col-grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "first second";
}
.two-col-grid:nth-child(1){
    grid-area: first;
}
.two-col-grid:nth-child(2){
    grid-area: second;
}

.three-col-grid{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas: "first second third";
    grid-gap:5pt
}
.three-col-grid:nth-child(1){
    grid-area: first;
}
.three-col-grid:nth-child(2){
    grid-area: second;
}
.three-col-grid:nth-child(3){
    grid-area: third;
}
.genesisDialog
{
    background-color:#fcfdfd !important;
    font-size: 11pt;
}

.genesisImage.small{
    height:12px;
    width:12px;
}
.genesisImage{
    height:16px;
    width:16px;
}
.genesisImage.large{
    height:24px;
    width:24px
}
.genesisImage.xlarge{
    height:48px;
    width:48px
}

.greenFilter{
    filter: invert(29%) sepia(40%) saturate(2127%) hue-rotate(142deg) brightness(97%) contrast(102%);
}

.yellowFilter{
    filter: invert(100%) sepia(99%) saturate(1262%) hue-rotate(325deg) brightness(92%) contrast(100%);
}

.ui-datepicker-trigger{
    height:16px;
    width:16px
}



.calendarEventContainer.hide {
    width: 0vw
}
.calendarEventContainer{
    height: 100vh;
    width: 20vw;
    background-color: hsl(214deg 65% 97%);
    position: fixed;
    right: 0px;
    top: 0px;
    border-top-left-radius: 5pt;
    border-bottom-left-radius: 5pt;
    /* opacity: 0.82; */
    /* filter: blur(2px); */
    /* background: inherit; */
    box-shadow: -3px 0px 0px 0px hsl(212deg 62% 85%);
    z-index:100;
    transition: width 0.25s;
}

.fieldsTable
{
    border-collapse:collapse;
    border-spacing: 0;
    padding:7.5pt
}

.searchRowTitle
{
    padding-left:5pt;
}
.fieldsTable tbody:first-child tr:first-child td:first-child{
    border-top-left-radius: 5pt;
}
.fieldsTable tbody:first-child tr:first-child td:last-child{
    border-top-right-radius: 5pt;
}
.fieldsTable tbody:nth-last-child(2) tr:last-child td:first-child{
    border-bottom-left-radius: 5pt;
}
.fieldsTable tbody:nth-last-child(2) tr:last-child td:last-child{
    border-bottom-right-radius: 5pt;
}

tbody.searchRowGroup
{
    color: #000000;
}
tbody.searchRowGroup tr:first-child td
{
    padding-top: 3px;
}
tbody.searchRowGroup tr:last-child td
{
    padding-bottom: 3px;
}
tbody.searchRowGroup:nth-child(1)
{
    background-color: #eef4fb;
}
tbody.searchRowGroup:nth-child(2)
{
    background-color: #deeaf7;
}
tbody.searchRowGroup:nth-child(3)
{
    background-color: #cee0f3;
}
tbody.searchRowGroup:nth-child(4)
{
    background-color: #bdd5ef;
}
tbody.searchRowGroup:nth-child(5)
{
    background-color: #adcbeb;
}
tbody.searchRowGroup:nth-child(6)
{
    background-color: #9cc2e7;
}
tbody.searchRowGroup:nth-child(7)
{
    background-color: #8cb8e3;
}
tbody.searchRowGroup:nth-child(8)
{
    background-color: #7caedf;
}
tbody.searchRowGroup:nth-child(9)
{
    background-color: #7caedf;
}


.fieldRow1 td
{
    color: #000000;
}

.fieldRow1:nth-of-type(1) td
{
    padding-top: 3px;
}


.searchRow1Top
{
    color: #000000;
    background-color: #eef4fb;
    padding-top: 3px;
}
.searchRow1
{
    color: #000000;
    background-color: #eef4fb;
}
.searchRow1Bottom
{
    color: #000000;
    background-color: #eef4fb;
    padding-bottom: 3px;
}

.searchRow2Top
{
    color: #000000;
    background-color: #deeaf7;
    padding-top: 3px;
}
.searchRow2
{
    color: #000000;
    background-color: #deeaf7;
}
.searchRow2Bottom
{
    color: #000000;
    background-color: #deeaf7;
    padding-bottom: 3px;
}

.searchRow3Top
{
    color: #000000;
    background-color: #cee0f3;
    padding-top: 3px;
}
.searchRow3
{
    color: #000000;
    background-color: #cee0f3;
}
.searchRow3Bottom
{
    color: #000000;
    background-color: #cee0f3;
    padding-bottom: 3px;
}

.searchRow4Top
{
    color: #000000;
    background-color: #bdd5ef;
    padding-top: 3px;
}
.searchRow4
{
    color: #000000;
    background-color: #bdd5ef;
}
.searchRow4Bottom
{
    color: #000000;
    background-color: #bdd5ef;
    padding-bottom: 3px;
}

.searchRow5Top
{
    color: #000000;
    background-color: #adcbeb;
    padding-top: 3px;
}
.searchRow5
{
    color: #000000;
    background-color: #adcbeb;
}
.searchRow5Bottom
{
    color: #000000;
    background-color: #adcbeb;
    padding-bottom: 3px;
}

.searchRow6Top
{
    color: #000000;
    background-color: #9cc2e7;
    padding-top: 3px;
}
.searchRow6
{
    color: #000000;
    background-color: #9cc2e7;
}
.searchRow6Bottom
{
    color: #000000;
    background-color: #9cc2e7;
    padding-bottom: 3px;
}

.searchRow7Top
{
    color: #000000;
    background-color: #8cb8e3;
    padding-top: 3px;
}
.searchRow7
{
    color: #000000;
    background-color: #8cb8e3;
}
.searchRow7Bottom
{
    color: #000000;
    background-color: #8cb8e3;
    padding-bottom: 3px;
}

.searchRow8Top
{
    color: #000000;
    background-color: #7caedf;
    padding-top: 3px;
}
.searchRow8
{
    color: #000000;
    background-color: #7caedf;
}
.searchRow8Bottom
{
    color: #000000;
    background-color: #7caedf;
    padding-bottom: 3px;
}

.searchRow9Top
{
    color: #000000;
    background-color: #7caedf;
    padding-top: 3px;
}
.searchRow9
{
    color: #000000;
    background-color: #7caedf;
}
.searchRow9Bottom
{
    color: #000000;
    background-color: #7caedf;
    padding-bottom: 3px;
}

/*.fieldsTable tr.fieldRow:nth-last-child(1) td:last-child*/
/*{*/
/*    border-bottom-right-radius: 12.5pt;*/
/*}*/
/*.fieldsTable tr.fieldRow:nth-last-child(1) td:first-child*/
/*{*/
/*    border-bottom-left-radius: 2.5pt;*/
/*}*/

.layoutGrid
{
    font-size:0.9em;
    display: grid;
    grid-template-columns: 1fr auto;
    border-radius: 2pt;
    margin-bottom:10pt;
    padding:5pt 7.5pt;
    grid-template-rows:30px auto
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    src: local('Roboto'), local('Roboto'), url(Roboto-Italic.ttf) format('truetype');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    src: local('Roboto'), local('Roboto'), url(Roboto-Regular.ttf) format('truetype');
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(Roboto-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 800;
    src: local('Roboto Extrabold'), local('Roboto-Extrabold'), url(Roboto-ExtraBold.ttf) format('truetype');
}

.toast {
    text-align: center;
    background-color: rgba(0, 0, 0, 0.5);
    padding:2.5pt 5pt;
    color:white;
    border-radius: 5pt;
    z-index: 1000;
}
.genesisDialogNew
{
    background-color:#FAF8F5 !important;
    font-family: Helvetica, Arial, sans-serif;
    font-size:10pt;
}
/* Classes needed for FT Modal Dialog Boxes */
.ft_modalDialog_glassPane
{
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}

.ft_modalDialog_window
{
    position: absolute;
    background-color: #FAF8F5;
    border: 1px solid #888;
}
.ft_modalDialog_titleBar
{
    margin: 3pt;
    border: 1px solid #0c3567;
    border-radius: 3pt;
    background-color: #2c76d3;
    color: #ffffff;
    font-weight: 600;
    font-size: 11pt;
    height: 20pt;
    width:auto;
}

.ft_modalDialog_titleSpan
{
    float: left;
    margin: 2pt 0 0 5pt;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ft_modalDialog_buttonBar
{
    text-align: right;
    margin: 0 5pt 5pt 5pt;
}
.ft_modalDialog_button
{
    color: #19206D;
    background-color: #e0ead7;
    border-radius: 8px;
    border: solid .75pt #47a754;
    font-size: 9pt;
    cursor: pointer;
    padding: 1pt 9pt 1pt 9pt;
    text-decoration: none;
    white-space: nowrap;
    min-height: 20pt;
    margin: 0 5pt 0 0;
}
.ft_modalDialog_button:hover
{
    color: #ffffff;
    background-color: #47a754;
    border: solid .75pt #47a754;
}