body {
    color: black;
    overflow-x: hidden;
    font-size: 12px;
    font-family: "Galano Grotesque", CenturyGothic, AppleGothic, sans-serif; /*new*/
}

#yearDisplay {
    float: right;
    width: 10%;
    border: 3px solid black;
    margin-bottom: .5em;
    padding: .2em .2em .2em .2em;
    border-radius: 5px;
    text-align:center;
}

h4 {
    font-family: "Galano Grotesque SemiBold", CenturyGothic, AppleGothic, sans-serif;
}

.modal-header {
    background: #330B6D;
    color: white;
}

.tdSpacerHoriz {
    width: 10%;
    line-height: .5em;
}

.tdSpacerVert {
    width: 10%;
}

#ardaNavLogo{
    background-size:cover;
    max-width:90%;
    height:auto;
}

#logoListItem {
    margin-bottom: 0;
}

.unitTableHeader {
    text-align: center;
    font-weight: 600;
    font-size: 1.1em;
    text-decoration: underline;
    width: 20%;
}

.unitTableHeaderFirst {
    text-align: center;
    font-weight: 600;
    font-size: 1.1em;
    text-decoration: underline;
    width: 55%;
}

.singleRowSpacer {
    width: 20%;
}

a {
    color: #330B6D;
}

.chartTitle {
    text-align: center;
    font-weight: 600;
    margin-bottom: 0;
}

.nav-item {
    margin-bottom: .5em;
}

#avgUnitCallout {
    width: 60%;
    font-weight: 600;
    padding: .5em;
}

.tdContent {
    width: 45%;
}

.filterBtn {
    padding: .5em;
    font-size: 1em;
}

.filterBtnText {
    text-align: center;
    font-weight: 600;
    margin-bottom: 0;
}

.loginBtn {
    border-color: white !important;
    background: #330B6D;
    color: white !important;
    /*width: 100%;*/
    font-weight: 600;
    border-radius: 4px;
    font-size: 0.9em;
    padding: 10px;
}

.btn.btn-primary {
    /*width: 125px;*/
    width: 100%;
}

.btn {
    border-color: white !important;
    background: #330B6D;
    color: white;
    width: 100%;
    font-weight: 600;
    font-size: 0.9em;
    padding: 1em;
}

    .btn:hover {
        background: #D2C8FF;
        color: #000000;
    }

.callouts {
    border-radius: 5px 5px 5px 5px;
    text-align: center;
    background-color: #6E50FF; /*pale blue*/
    color: white;
    font-weight: 600;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    margin: 0.5em 0;
}

.dc-chart rect.bar:hover {
    fill-opacity: 1;
}

.dc-chart rect.bar {
    cursor: default;
}

.dc-chart .grid-line, dc-chart .axis .grid-line {
    display: none;
}

.dc-chart .pie-label-group {
    visibility: hidden;
}

/*table properties*/
/*JS charts related CSS do not touch please*/
.dc-chart g.row text {
    fill: black;
    font-size: 0.9em;
    cursor: pointer;
}

.dc-chart g.row rect {
    fill: #D2C8FF;
    fill-opacity: 1;
}

#salesChannel g.axis {
    display: none;
}

#salesChannel{
    pointer-events:none;
}

#rentalPrograms g.axis {
    display: none;
}

#rentalPrograms{
    pointer-events:none;
}

#rentalPublicize g.axis {
    display: none;
}

#rentalPublicize {
    pointer-events: none;
}

#occupancyDistribution g.axis {
    display: none;
}

#occupancyDistribution {
    pointer-events: none;
}

#occupancyBreakout g.axis {
    display: none;
}

#occupancyBreakout {
    pointer-events: none;
}

#maintenanceDistribution g.axis {
    display: none;
}

#maintenanceDistribution {
    pointer-events: none;
}

#maintenanceCurrent {
    pointer-events: none;
}

/*svg g g.axis {
    display: none;
}*/

.calloutNumber {
    font-size: 2em;
    font-weight: 600;
}

.unitTableLabel {
    text-align: center;
    font-weight: 600;
    width: 55%;
}

.unitTableNumbers {
    text-align: center;
    font-weight: 600;
    width: 20%;
}

.smallVertSpacer {
    width: 5%;
}

.bedIcon {
    width: 60px; /*138px x 106.484px*/
    height: 80px;
    /*border: 1px solid red;*/
    object-fit: contain;
}

text {
    color: black;
}

.triangle-up {
    width: 0;
    height: 0;
    font-size: 2em;
    border-left: 0.4em solid transparent;
    border-right: 0.4em solid transparent; /*.35em*/
    border-bottom: 0.7em solid green;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: .1em /*new*/
}

.triangle-down {
    width: 0;
    height: 0;
    font-size: 2em; /*new*/
    border-left: 0.4em solid transparent;
    border-right: 0.4em solid transparent; /*.35em*/
    border-top: 0.7em solid red;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: .1em /*new*/
}

.filterButton {
    padding: 1em;
    border: 3px solid black;
    border-style: hidden;
    border-radius: 5px 5px 5px 5px;
    text-align: center;
    color: white;
    /*background: #D0991033;*/
    background: #330B6D;
    vertical-align: middle;
}

.btnLogo{
    background:white;
    padding:0;
}

.btnLogo:hover {
    background: white;
    padding: 0;
}

.btnLock {
    border-color: white !important;
    background: #808080;
    color: white !important;
    width: 100%;
    font-weight: 600;
    font-size: 0.9em;
    padding: 1em;
}

.newBadge {
    position: absolute;
    top: 0px;
    right: 5px;
    color: #61CAE1;
    font-size: .9em;
}