/* ===========================================================================
   ppatch.css - Stylesheet specific to the P-Patch website.

   Created 2014-06-26 by Dave Parker (davep@wadeware.net)
  =========================================================================== */

/*for accesebility*/
h1, h2, h3, h4, h5 {
    color: #004B75 !important;
}
a[href$="/Account/Register"].btn-success {
    background-color: #1F5F1F !important;
}

.text-required {
    color: #8B0000; /* ~10:1 */
}



/*WESTON UPDATE   datepicker by default has 29 Axe violations.   Overide those colors here; reduces violations to 0.*/ 
.datepicker table tr td.day
{
    background: blue;
    color:yellow;
}

.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
     background: yellow;
     color: blue;
}
.text-when-alert-green {
    color: #005A8C;
}


a {
    color: #004B75;
}
.text-muted {
    color: #6a6a6a;
}
.btn-link {
    color: #2e6ba1 !important;
}

.pp-main-content h4 {
    margin-top: 5px;
    margin-bottom: 5px;
}

.pp-page {
    padding: 10px;
}

.pp-page h2 {
    text-transform: uppercase;
}

.pp-page .panel {
    background-color: transparent;
}

.pp-page.pp-inactive {
    background-color: rgb(235, 235, 235);
}

.pp-page .row {
    margin-right: -10px;
}

.pp-page > #titleRow.row > div {
    padding-right: 10px;
}

.pp-body .form-horizontal label.control-label {
    padding-right: 0;
}

.pp-acting-as-other #dashboardsNav .pp-show-staff-dashboard-nav {
    color: rgb(153, 0, 0);
}

.pp-acting-as-other #leftMainRight,
.pp-acting-as-other #deptBreadcrumbsContainer {
    background-color: rgb(252, 217, 203);
}

.pp-acting-as-other #leftMainRight #leftNav li {
    background-color: transparent;   
}

.pp-acting-as-other-alert {
    background-color: rgb(252, 217, 203);
    padding-top: 5px;
    padding-bottom: 5px;
    color: rgb(153, 0, 0);
}
/*WESTON  bootstrap default does not provide enough contrast*/
.alert-danger {
    color: #a94442;
    background-color: #FFFFFF; /*white*/
    border-color: #ebccd1;
}

.pp-alert.alert {
    margin-top: 15px;
}

.breadcrumb {
    background-color: transparent !important;
    margin-bottom: 0 !important; 
    padding: 0 !important;
    color: black;
    /*font-size: 16px;*/
}

.breadcrumb li {
    font-weight: bold;
    margin-right:10px;
}

    .breadcrumb li.active {
        font-weight: bold;
       /* color: #6a6a6a !important;*/
    }

.breadcrumb > li + li:before {
  color: #000 !important;
}

.pp-dashboard-nav {
    /*padding: 5px 15px 5px 5px;*/
    /*font-size: 16px;*/
    color: rgb(83, 83, 83);
}

.pp-dashboard-nav > div.row {
    padding-top: 8px;
}

.pp-dashboard-nav strong {
    color: rgb(153, 153, 153);
}

.pp-dashboard-nav a {
    font-weight: bold;
}

.pp-dashboard-nav a:hover {
    color: #123651;
    text-decoration: none;
}

textarea.resizeable {
    resize: vertical;
}


#my-plots-header,
#adminIntListRenewals .pp-rounded-box .pp-box-header {
    margin-top: 5px;
    margin-bottom: 5px;
}

table.pp-table thead > tr > th {
    padding-top: 0;
    padding-bottom: 0;
}

.table-extra-condensed > thead > tr > th,
.table-extra-condensed > tbody > tr > th,
.table-extra-condensed > tfoot > tr > th,
.table-extra-condensed > thead > tr > td,
.table-extra-condensed > tbody > tr > td,
.table-extra-condensed > tfoot > tr > td {
    padding: 2px 3px 2px 3px;
    font-size: .9em;
    line-height: 1.4em;
}

/*.fixed-table-body thead th .th-inner {
    padding: 8px 0 8px 3px !important;
}*/

.fixed-table-body thead th .th-inner span.caret {
    margin-left: 3px;
    margin-right: 2px;
}

.fixed-table-body .table-extra-condensed thead th .th-inner {
    padding: 0 3px 2px 3px;
    font-size: .9em;
    line-height: 1.4em;
}

table.pp-table tbody > tr > td.ellipsis {
    /* ReSharper disable once CssBrowserCompatibility */
    text-overflow: ellipsis;
}

table.pp-table,
table#my-plots,
table#myGardens {
    line-height: 1rem;
    margin-top: 0;
    margin-bottom: 10px;
}

table.pp-table th,
table#my-plots th,
table#myGardens th {
    border-bottom: none;
}

table.pp-table th.data-column,
/*table.pp-table td.data-column,*/
table#my-plots td,
table#myGardens td.data-column {
    text-align: center;    
}

table#my-plots td.plot-gardenname {
    text-align: left;
}

table.pp-table th.item-column,
/*table.pp-table td.item-column,*/
table#myGardens td.item-column {
    text-align: left;    
}

table.pp-table th.button-1-column
{
    width: 6%;
}

table.pp-table th.button-2-column
{
    width: 13%;
}

table.pp-table td.button-column,
table#myGardens td.button-column {
    text-align: center;    
}

table.pp-table th.id-column,
table.pp-table td.id-column {
    width: 8%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;   
}

table.pp-table .button-column.button-column-3 {
    width: 70px;
    min-width: 70px;    
}

table#my-plots .plot-gardenname
table#myGardens .gardenname {
    text-align: left !important;
}

.fixed-table-body table.pp-table thead th.column-group .th-inner {
    border-left: 1px solid rgb(153, 153,153); 
}

.fixed-table-body table.pp-table tbody td.column-group {
    border-left: 1px solid rgb(153, 153,153); 
}

.fixed-table-body table.pp-table tbody tr:first-child td {
    border-top: 1px solid rgb(153, 153,153); 
    padding-top:30px; /*Fix for table first row buttons not clickable*/
}

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

.pp-content-line {
    margin-top: 5px;
}

.pp-first-content-line {
    margin-top: 20px;
}

.pp-field-label {
    color: rgb(103, 103, 103);
}

.pp-field-value {
    color: black;
}

.pp-box {
    border: 1px solid rgb(153, 153, 153);
    max-height: 152px;
    overflow-x: hidden;
    overflow-y: auto;
    margin-bottom: 6px;
}

.pp-rounded-box {
    border: 1px solid rgb(153, 153, 153);
    -ms-border-radius: 6px;
    border-radius: 6px;
    padding-top: 0;
    padding-bottom: 2.0833%;
    padding-left: 4.1667% !important;
    padding-right:  4.1667% !important;
    margin-top: 10px;
}

#gardenDetailSiteLeaders.pp-rounded-box {
    padding-left: 15px !important;
    padding-right:  15px !important;
}

.pp-box-border-right {
    border-right: 1px solid rgb(153, 153, 153);
}

.pp-properties {
    padding-top: 10px;
    padding-bottom: 10px;
}

.pp-properties .row.pp-properties-row {
    border-bottom: none;
}

.pp-properties .row.pp-properties-row.pp-properties-section {
    margin-top: 10px;
}

.pp-properties .row.pp-properties-row > div:first-child {
    font-weight: bold;
}

.pp-properties .row.pp-properties-row > div:last-child {
    overflow: hidden;
}

.pad-5 {
    padding: 5px;
}

.pad-10 {
    padding: 10px;
}

.margin-top-10 {
    margin-top: 10px;
}
.margin-top-20 {
    margin-top: 20px;
}

table.pp-table tr.pp-row-success {
    /*background-color: rgb(155, 227, 155);*/
}

table#renewalsReportTable tr.pp-row-success > td.pp-renewals-status {
    background-color: #dff0d8;
}

table#renewalsReportTable tr.pp-row-info > td.pp-renewals-status {
    background-color: #d9edf7;
}

table#renewalsReportTable tr.pp-row-warning > td.pp-renewals-status {
    background-color: #fcf8e3;
}

table#renewalsReportTable tr.pp-row-danger > td.pp-renewals-status {
    background-color: #f2dede;
}

table#renewalsReportTable tr.pp-row-blocked > td.pp-renewals-status {
    color: red;
    font-weight: bold;
}

/*.pp-table-add-button {
    margin-bottom: -10px;
}*/

/* ======================================================================== */
/* Bootstrap Extensions and overrides                                       */

input[type=radio].form-control {
    width: 1em;
}

.radio.pp-payment-type {
    margin-top: 0;
}

.radio.pp-payment-type > label > span {
    float: left;
    padding-top: 12px;
}

.col-md-half, .col-md-5-and-a-half, .col-md-11-and-a-half {
    width: 2.08333333%;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}


@media (min-width: 992px) {
    .col-md-half, .col-md-5-and-a-half, .col-md-11-and-a-half {
        float: left;
    }
}

.col-md-offset-half {
    margin-left: 2.08333333%;
}

.col-md-5-and-a-half {
    width: 47%;
}

.col-md-11-and-a-half {
    width: 95.8333333%;
}

.pp-dashboard-layout .col-md-offset-1 {
    margin-left: 2%;
}

/*After bootstrap 4 upgrade,need stop padding left and right within cells of the user list table, so padding set here
    and also increase font size a bit
*/
table.pp-table tbody tr td {
    vertical-align: middle;
    padding-left: 1px;
    padding-right: 1px;
    font-size: 1.3em; /* Slightly increases font size relative to the parent */
}

.glyphicon-flip-horizontal {
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    /* Opera, Chrome, and Safari */
}

.pp-incomplete {
    color: rgb(153, 153, 153) !important;
}

.pp-incomplete:hover {
    cursor: pointer;
}

.delete-btn {
    color: red;
}

.activate-btn {
    color: green;
}

.pp-page .glyphicon.glyphicon-chevron-left,
.pp-partial .glyphicon.glyphicon-chevron-left {
    left: auto;
    top: 1px;
}

.pp-page .glyphicon.glyphicon-chevron-right,
.pp-partial .glyphicon.glyphicon-chevron-right {
    top: auto;
    right: 1px;
}

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.loading-modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: #ffffff 
                url('../images/loading.gif') 
                50% 50% 
                no-repeat;
    -ms-opacity: 0.80;
    opacity: 0.80;
    background: rgba( 255, 255, 255, .8 ) 
                url('../images/loading.gif') 
                50% 50% 
                no-repeat;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 80);
    -webkit-filter: alpha(opacity = 80);
    -moz-filter: alpha(opacity = 80);
    -o-filter: alpha(opacity = 80);
    filter: alpha(opacity = 80);
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .loading-modal {
    display: block;
}

.radio-inline {
    padding-top: 6px;
}

.button-column div button,
.button-column div a {
    padding: 0 0 0 5px !important;
}

.button-column div button.edit-btn {
    padding: 0 0 0 0 !important;
}

.fixed-table-container {
    border: 1px solid rgb(153,153,153) !important;
}

.pp-disabled {
    color: rgb(153,153,153);
}

.model-error, .pp-error {
    color: #e00000;
}

.error-border {
    border-color: #e00000;
}

.pp-success {
    color: green;
}

.pp-bg-error {
    background-color: rgb(242, 222, 222);
    color: red;
}

.pp-bg-warning {
    background-color: rgb(252, 248, 227);
    color: rgb(138, 109, 59);
}

.form-group select.form-control option[value='0'] {
    color: rgb(195, 195, 195);
    font-style: italic;
}

form.form-inline .modal-body > .row .control-label {
    clear: both;
    margin-top: 0;
    margin-bottom: 3px;
    margin-left: 10px;
    display: inline-block;
}

.form-group-inline input.form-control.form-control-md-6 {
    width: 49%;
    margin-left: 12px;
}

.form-group-inline div input.form-control.form-control-md-6:first-child {
    width: 48%;
    margin-left: inherit;
}

form.form-inline .modal-body > .row ~ .row .control-label {
    margin-top: 15px;
}

form.form-inline div.form-control-div {
    margin-left: 10px;
}

/* Can either put margin on .row elem itself or on a parent to get all rows within */
.pp-margin-reset .row,
.row.pp-margin-reset {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.pp-center {
    text-align: center !important;
}

.pp-table .fixed-table-body thead th.pp-my-charges-header .th-inner {
    line-height: inherit !important;
}

.pp-summary-amount {
    font-size: 1.4em;
    font-weight: bold;
    margin-top: 15px;
}

.form-control-div {
    padding-top: 7px;
}

.form-control-div .form-control {
    padding-top: 0;
}

.field-validation-error {
    /*color: red;*/
    color: #a94442;   /*WESTON  to make Axe happy with higher contrast*/ 
}

.form-group-inline .form-control {
    width: auto;
    float: left;
    margin-left: 10px;
}

.form-group-inline .form-control:first-child {
    margin-left: 0;
}

.pp-row-disabled {
    background-color: rgb(221, 221, 221);
    color: rgb(153, 153, 153);
}

input.form-control[type=checkbox] {
    width: auto;
}

#gfrRequest input[type=checkbox] {
    margin-top: 0;
}

.pp-instruction {
    margin-bottom: 15px;
    font-size: 1.2em;
    font-weight: normal;
}

#volunteerHours .pp-date-inputs {
    display: inline;
    width: 40%;
}

#pp-volunteer-hours-dlg .form-horizontal .form-group {
    margin-left: 15px;
    margin-right: 15px;
}

.pp-site-leader-gardeners .pp-box {
    max-height: 275px;
}

div.popover-content {
    line-height: 1.5em !important;
    width: auto;
}

.form-group em.text-help {
    display: block;
    float: none;
    clear: both;
    margin-left: 10px;
}

.pp-disabled {
    color: rgb(153, 153, 153);
}

.staff-requests .pp-box {
    max-height: none;
    overflow-y: visible;
    overflow-x: visible;
}

#requestDetail .row {
    margin-top: 10px;
}

#requestDetail .buttons-row {
    margin-left: auto;
    margin-right: auto;
    width: 100%; /* Note: without this, the border-top spills over the left and right sides */
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px solid rgb(153, 153, 153)
}

#requestDetail .request-title {
    font-size: 1.2em;
}

#requestDetail .request-description {
    padding-bottom: 10px;
}

#requestorDetailsButton,
#requestorDetailsButton:hover {
    color: black;
    text-decoration: none;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 13px;
    font-size: .85em;
}

.glyphicon.glyphicon-remove.unassign-user {
    color: red;
}

.popover-content > div {
    white-space: nowrap;
}

.user-details:hover {
    cursor: pointer;
}

#volunteerHoursReportTableDiv .fixed-table-toolbar {
    display: none;
}

.pp-table-header-groups {
    width: 97.5%;
    margin-left: 10px;
}

.pp-table-header-groups .pp-table-header-groups-headings {
    border-bottom: 1px solid rgb(221,221,221);
}

.pp-table-header-groups .pp-table-header-groups-headings th.column-group {
    border-left: 1px solid rgb(153,153,153);
}

.pp-hours-quota-none {
    color: red;
    font-weight: bold;    
}

.pp-hours-quota-partial {
    color: goldenrod;
    font-weight: bold;    
}

.pp-hours-quota-met {
    color: green;
    font-weight: bold;    
}

#enterPayments div.pp-payment-type {
    color: rgb(105, 105, 105);
    padding-left: 5px;
    padding-right: 5px;
}

/* ==============================================
   _PersonDetailsPopop styles
   ============================================== */
.person-details-popup {
    font-size: 11.75px;
}

/* ==============================================
   _SiteLeadersTable styles
   ============================================== */
table#_siteLeadersTable {
    font-size: .9em;
}

.pp-page.pp-display .form-group.form-group-inline .col-md-1 label,
.pp-page.pp-display .form-group.form-group-inline .col-md-2 label,
.pp-page.pp-display .form-group.form-group-inline .col-md-3 label,
.pp-page.pp-display .form-group.form-group-inline .col-md-4 label,
.pp-page.pp-display .form-group.form-group-inline .col-md-5 label,
.pp-page.pp-display .form-group.form-group-inline .col-md-6 label,
.pp-page.pp-display .form-group.form-group-inline .col-md-7 label,
.pp-page.pp-display .form-group.form-group-inline .col-md-8 label,
.pp-page.pp-display .form-group.form-group-inline .col-md-9 label,
.pp-page.pp-display .form-group.form-group-inline .col-md-10 label,
.pp-page.pp-display .form-group.form-group-inline .col-md-11 label,
.pp-page.pp-display .form-group.form-group-inline .col-md-12 label {
    -moz-min-width: 100px;
    -ms-min-width: 100px;
    -o-min-width: 100px;
    -webkit-min-width: 100px;
    min-width: 100px;
    width: 100px;
}

.form-group.pp-rows-condensed .row,
.form-group.pp-rows-condensed .form-group {
    margin-bottom: 5px;
}

.pp-page dl.dl-horizontal dt,
.pp-page dl.dl-horizontal dd {
    margin-top: 10px;
}

.pp-page dl.dl-horizontal dt:first-child,
.pp-page dl.dl-horizontal dd:first-child {
    margin-top: 2px;
}

.pp-form-controls-inline .form-control {
    display: inline;
    width: auto;
    margin-left: 5px;
}

.pp-form-controls-inline > div > .form-control:first-child {
    margin-left: 0;
}

.pp-advanced-find-dlg .fields-wrapper .row {
    margin-right: 0;
}

.form-group.non-split .col-md-10 {
    padding-left: 10px;
}

.btn.btn-link-inline {
    padding-left: 0;
    padding-right: 0;
}

div.selectize-input > div.item {
    padding-bottom: 0 !important;
}

.panel-heading.panel-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

#sitemap img.pp-site-map {
    width: 100%;
}

.pp-table-heading {
    margin-top: 10px;
    font-size: 1.2em;
    font-weight: bold;
}
.pp-table-row {
    margin-top: 15px;
}

.nav.pp-tabs-narrow li > a {
    padding-left: 14px;
    padding-right: 14px;
}

a[data-bs-toggle=collapse]:hover {
    text-decoration: none;
}

.pp-hours-quota .popover {
    width: 250px;
}


/*
    CheckedItemsList Display & Editor Template support
*/
.pp-checked-items div.checkbox {
    min-height: 31px !important;
}

.pp-checked-items.pp-edit div.checkbox {
    padding-left: 10px;
    padding-top: 3px;
}

.pp-checked-items.pp-display div.checkbox .glyphicon-ok {
    top: 3px;
}

.pp-checked-items.pp-edit div.checkbox input[type=checkbox].form-control {
    height: auto;
    margin-bottom: 5px;
    min-height: 0;
    clear: both;
    float: left;
}

.pp-checked-items.pp-edit div.checkbox input[type=checkbox] {
    margin-top: -4px;
    margin-right: 10px;
    margin-bottom: 0;
}


.pp-checked-items div.checkbox .control-label {
    display: inline-block;
    max-width: 250px;
    padding-top: 0;
    margin-left: 10px;
    overflow: hidden;
    /*white-space: nowrap;*/
    text-overflow: ellipsis;
    text-align: left;
}

.pp-checked-items.pp-display div.checkbox .glyphicon {
    clear: both;
    float: left;
}

/*
    Address Display & Editor Template support
*/
.pp-address .pp-address-subsequent-line .form-control-static {
    padding-top: 0;
}

span.help-inline {
  color: #595959 !important;
}

#surveyComplete .form-group {
    width: 98%;
    margin-left: 10px;
    border-bottom: solid 1px rgb(153, 153, 153);
    padding-bottom: 10px;
}

#surveyComplete .form-horizontal .radio,
#surveyComplete .form-horizontal .check-box {
    min-height: 0;
    padding-top: 0;
}

#surveyComplete .form-horizontal input[type=radio],
#surveyComplete .form-horizontal input[type=check-box] {
    margin-top: 2px;
}

#surveyComplete .form-horizontal .checkbox .control-label {
    white-space: normal;
    text-align: left;
}

#surveyComplete .pp-checked-items.pp-edit div.checkbox input[type=checkbox].form-control {
    min-height: 17px;
}

#applicationSurveyQuestions .text-help,
#payMyBill .text-help {
    color: #333;
    font-size: 0.9em;
}

#applicationSurveyQuestions .pp-checked-items.pp-edit.pp-checkboxes > .row,
#applicationSurveyQuestions .pp-checked-items.pp-edit.pp-checkboxes > .row > div > .row {
    margin-bottom: 0;
}

/* ========================================================
    'My Profile' page styles
   ======================================================== */
#profileInternal [data-action=pp-show-modal] {
    margin-left: 10px;
}

#profileInternal [data-action=pp-show-modal]:first-child {
    margin-left: 0;
}

#profilePermissions .pp-profile-display .control-label,
#profilePermissions .pp-profile-edit .control-label {
    font-weight: bold;
    text-align: left;
    padding-top: 0;    
}

#profilePermissions .pp-profile-display p.text-help,
#profilePermissions .pp-profile-edit p.text-help {
    font-weight: normal;
}

#profilePermissions .pp-profile-display .pp-permission-check,
#profilePermissions .pp-profile-edit .pp-permission-check {
    padding-right: 0;
}

#profilePermissions .pp-profile-edit .pp-permission-check {
    padding-left: 28px;
}

/* ========================================================
    Special panel defintions for P-Patch uses
   ======================================================== */

/*
    panel-garden
*/
.panel-garden {
  border-color: brown;
}
.panel-garden > .panel-heading {
  color: #fff;
  background-color: brown;
  border-color: brown;
}

.panel-garden > .panel-heading > h2 {
  color: #fff;
}

.panel-garden > .panel-heading + .panel-collapse .panel-body {
  border-top-color: brown;
}
.panel-garden > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: brown;
}

/*
    panel-plot
*/
.panel-plot {
  border-color: green;
}
.panel-plot > .panel-heading {
  color: #fff;
  background-color: green;
  border-color: green;
}

.panel-plot > .panel-heading > h2 {
  color: #fff;
}

.panel-plot > .panel-heading + .panel-collapse .panel-body {
  border-top-color: green;
}
.panel-plot > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #528547;
}

/*
    panel-user
*/
.panel-user {
  border-color: #428bca;
}
.panel-user > .panel-heading {
  color: #fff;
  background-color: #428bca;
  border-color: #428bca;
}

.panel-user > .panel-heading > h2 {
  color: #fff;
}

.panel-user > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #428bca;
}
.panel-user > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #428bca;
}

/* ========================================================
    _LoginPartial styles
   ======================================================== */
#ppLoginPartial > .row {
    margin-left: 0;
}

#ppLoginPartial > .row.pp-account {
    margin-left: -15px;
}

#ppLoginPartial > .row.pp-account > div > .row {
    margin-left: 0;
}

#ppLoginPartial .pp-signed-in-as {
    font-size: .85em;
    color: #6a6a6a;
    margin-top: 9px;
}

#ppLoginPartial .pp-username {
    padding-top: 4px;
    padding-bottom: 4px;    
}

#ppLoginPartial .pp-account {
    padding-top: 4px;
    margin-right: -14px;
    padding-left: 0;
}

#ppLoginPartial .pp-online {
    padding-top: 10px;
    padding-bottom: 0;    
}

#ppLoginPartial .pp-online div.col-sm-12 {
    padding-left: 15px;
}

#ppLoginPartial .pp-login div.col-sm-12 {
    padding-left: 2px;
}

#ppLoginPartial div.col-sm-12 {
    padding-left: 4px;
}

#ppLoginPartial form {
    padding-left: 2px;
    margin-top: 0;
}
#ppLoginPartial .pp-account a {
    color: #6a6a6a;
    font-family: Arial, Helvetica;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}

#ppLoginPartial .pp-account a:hover,
#seagovNav a:hover {
	color: #555555;
}

/* a quick fixup for other parts of the left-nav */
#leftMainRight #leftCol > .row {
    margin-right: -14px;
}

/* ========================================================
    bootbox custom styling
   ======================================================== */

[role=dialog] .modal-body {
    padding-bottom: 0;
}

[role=dialog] .modal-body h5 {
    font-size: 17.4px;
}

[role=dialog] .modal-body ul {
    margin-top: 20px;
    margin-bottom: 20px;
}

[role=dialog] .modal-body ul > li {
    font-weight: bold;
    margin-top: 7px;
}

[role=dialog] .modal-body p.pp-prompt {
    margin-top: 25px;
    margin-bottom: 0;
}

[role=dialog] .modal-footer {
    margin-top: 0;
}

[role=dialog] .modal-body .no-bold ul > li {
    font-weight: normal;
}

/* 
    bootbox dlg-* styling
*/
[role=dialog].dlg-primary .modal-header h4,
[role=dialog].dlg-primary .bootbox-close-button,
[role=dialog].dlg-success .modal-header h4,
[role=dialog].dlg-success .bootbox-close-button,
[role=dialog].dlg-info .modal-header h4,
[role=dialog].dlg-info .bootbox-close-button,
[role=dialog].dlg-warning .modal-header h4,
[role=dialog].dlg-warning .bootbox-close-button,
[role=dialog].dlg-danger .modal-header h4,
[role=dialog].dlg-danger .bootbox-close-button {
    color: #ffffff;
    font-weight: bold;
}

/* 
    bootbox dlg-primary styling
*/
[role=dialog].dlg-primary .modal-header {
    background-color: #428bca;
}

[role=dialog].dlg-primary .modal-body,
[role=dialog].dlg-primary .modal-footer {
    background-color: #fff;
}

/* 
    bootbox dlg-success styling
*/
[role=dialog].dlg-success .modal-header {
    background-color: #3c763d;
}

[role=dialog].dlg-success .modal-body,
[role=dialog].dlg-success .modal-footer {
    background-color: #dff0d8;
}

/* 
    bootbox dlg-info styling
*/
[role=dialog].dlg-info .modal-header {
    background-color: #31708f;
}

[role=dialog].dlg-info .modal-body,
[role=dialog].dlg-info .modal-footer {
    background-color: #d9edf7;
}

/* 
    bootbox dlg-warning styling
*/
[role=dialog].dlg-warning .modal-header {
    background-color: #8a6d3b;
}

[role=dialog].dlg-warning .modal-body,
[role=dialog].dlg-warning .modal-footer {
    background-color: #fcf8e3;
}

/* 
    bootbox dlg-danger styling
*/
[role=dialog].dlg-danger .modal-header {
    background-color: #a94442;
}

[role=dialog].dlg-danger .modal-body,
[role=dialog].dlg-danger .modal-footer {
    background-color: #f2dede;
}

/*.pp-page .nav-tabs >  a.active,
.pp-page .nav-tabs > li > a.active:hover,
.pp-page .nav-tabs > li > a.active:focus {
    color: #fff;*/
    /* cursor: default;*/ /*LedgerEntryTypeId;*/
    /*background-color: rgb(0, 125, 195);*/
    /*background-color: rgb(0, 0, 0);*/ /*WESTON to pass Axe*/
    /*border: 1px solid #ddd;
  border-bottom-color: transparent;*/
/*}*/

.pp-page .nav-tabs > a.active,
.pp-page .nav-tabs > a.active:hover,
.pp-page .nav-tabs > a.active:focus {
    color: #fff !important;
    background-color: rgb(0, 0, 0) !important; /* WESTON to pass Axe */
}

.nav > a {
    position: relative;
    display: block;
    padding: 10px 15px;
}


.text-flip-horiz {
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    -ms-filter: fliph; /*IE*/
    filter: fliph; /*IE*/
}

/* ========================================================
    Misc specific tables support
   ======================================================== */

table.pp-users-list > tbody > tr.pp-inactive,
#myGardens > tbody > tr.pp-inactive,
#myGardens > tbody > tr.pp-inactive a,
#plotsTable > tbody > tr.pp-inactive,
#plotsTable > tbody > tr.pp-inactive a {
    color: #999999;    
}
/*Added some missing lines March 2025  blue was not working*/
.plot-list-legend .plot-available,
#plotsTable > tbody > tr.plot-available,
#plotsTable > tbody > tr.plot-available a,
#plotsTable > tbody > tr.plot-available > td.pp-color-col,
#plotsTable > tbody > tr.plot-availabled > td .pp-person-detail,
#plotsTable > tbody > tr.plot-available > td .user-fullname,
#plotsTable > tbody > tr.plot-available > td .user-fullname > .pp-profile-link,
.button-column div button.btn-link.plot-available {
    color: rgb(1, 116, 206);
}

.plot-list-legend .plot-not-yet-accepted,
#plotsTable > tbody > tr.plot-not-yet-accepted > td.pp-color-col,
#plotsTable > tbody > tr.plot-not-yet-accepted > td .pp-person-detail ,
#plotsTable > tbody > tr.plot-not-yet-accepted > td .user-fullname,
#plotsTable > tbody > tr.plot-not-yet-accepted > td .user-fullname > .pp-profile-link,
.button-column div button.btn-link.plot-not-yet-accepted {
    color: green;
}

.plot-list-legend .plot-declined,
#plotsTable > tbody > tr.plot-declined > td.pp-color-col,
#plotsTable > tbody > tr.plot-declined > td .pp-person-detail ,
#plotsTable > tbody > tr.plot-declined > td .user-fullname ,
#plotsTable > tbody > tr.plot-declined > td .user-fullname > .pp-profile-link ,
.button-column div button.btn-link.plot-declined {
    color: red;
}

#plotsTable > tbody > tr.plot-steward > td .pp-person-detail ,
#plotsTable > tbody > tr.plot-steward > td .user-fullname ,
#plotsTable > tbody > tr.plot-steward > td .user-fullname > .pp-profile-link {
    color: rgb(88, 88, 88);
}

#plotsTable > tbody > tr.plot-steward > td .user-fullname ,
#plotsTable > tbody > tr.plot-steward > td .user-fullname > .pp-profile-link {
    font-style: italic;
}

/* ========================================================
    ......
   ======================================================== */
#activityHistoryTable thead th {
    text-align: center;
}

#activityHistoryTable tr.pp-history-activated {
    background-color:#dff0d8;
    font-weight: bold;
}

#activityHistoryTable tr.pp-history-deactivated {
    background-color: #f2dede;
    font-weight: bold;
}

#activityHistoryTable tr.pp-history-inactive-period {
    color: rgb(87, 87, 87);
    font-style: italic;
}

#activityHistoryTable tr.pp-history-active-period.pp-history-activated [data-field=action],
#activityHistoryTable tr.pp-history-active-period.pp-history-assigned [data-field=action],
#activityHistoryTable tr.pp-history-active-period.pp-history-added [data-field=action] {
    color: green;
}

#activityHistoryTable tr.pp-history-active-period.pp-history-deactivated [data-field=action],
#activityHistoryTable tr.pp-history-active-period.pp-history-unassigned [data-field=action],
#activityHistoryTable tr.pp-history-active-period.pp-history-removed [data-field=action] {
    color: #a94442;
}

/* ========================================================
    Add/Edit Plot Dialog
   ======================================================== */
ul.pp-co-gardeners > li {
    padding-top: 5px;
    padding-bottom: 5px;
}

ul.pp-co-gardeners > li .glyphicon-remove {
    color: red;    
}

ul.pp-co-gardeners > li .glyphicon-remove:hover {
    cursor: pointer;
    color: #ff0000; /* fallback color */
    color: rgba(255, 0, 0, 0.49);
}

#addEditPlotDialog form .modal-body input[type="radio"],
#addEditPlotDialog form .modal-body input[type="checkbox"] {
    margin-top: 0;
    margin-top: 1px \9;
    /* IE8-9 */
}

#addEditPlotDialog form .modal-body .form-group {
    margin-bottom: 6px;
}

/* ========================================================
    Assign Plot Dialog
   ======================================================== */
#pp-plot-assign-owner-dlg .fixed-table-body thead th .th-inner {
    height: 47px;
    text-align: center;
}

#pp-plot-assign-owner-dlg .fixed-table-container {
    padding-top: 47px;
}

#pp-plot-assign-owner-dlg .interest-list-panel {
    margin-bottom: 0;
}

#pp-plot-assign-owner-dlg .modal-body {
    padding-bottom: 0;
}

#pp-plot-assign-owner-dlg .modal-footer {
    margin-top: 0;
}


/* ========================================================
    Phone List Editor
   ======================================================== */

.pp-phone-edit > div > label.control-label {
    visibility: hidden;
}

.pp-phone-edit > div:first-child > label.control-label {
    visibility: visible;
}


/* ========================================================
    Other Stuff
   ======================================================== */

[data-hidden-part=confirmChargeFees] .pp-charges > ul > li > ul {
    list-style: none;
    margin-top: 0;
}

#profileGeneral .panel-body.pp-profile-display label.control-label,
#profileContact .panel-body.pp-profile-display label.control-label {
    padding-top: 7px;
}

table#lookupsList > thead > tr > th {
    padding-top: 10px; 
    padding-bottom: 10px;
}

.pp-ledger-history .pp-ledger {
    font-weight: bold;
}

    .pp-ledger-history .pp-ledger .pp-ledger-balance.pp-negative {
        color: #e00000;
    }

.pp-ledger-history .pp-ledger .pp-ledger-balance.pp-positive {
    color: green;
}

table#accountHistoryTable > tbody > tr > td button.revert-maxed {
    color: rgb(153,153, 153);
}

table#accountHistoryTable > tbody > tr > td button.revert-credit-btn {
    color: mediumvioletred;
}

td.pp-tooltip .tooltip .tooltip-inner {
    text-align: left;
    max-width: 500px;
}

    td.pp-tooltip .tooltip .tooltip-inner ul {
        margin-top: 0;
        margin-bottom: 8px;
        margin-left: -25px;
    }

div.pp-non-seattle {
    margin-top: 10px;
    margin-left: 0;
    padding-left: 0;
}

div.pp-non-seattle p {
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 0;
}

div.pp-non-seattle p.pp-note {
    font-weight: bold;
}

div.pp-non-seattle p.pp-addr {
    margin-top: 0;
    margin-left: 8px;
    font-style: italic;
}

.pp-user-notification {
    
}
/*changed column to 4 from 3 because added firstname before it*/ 
tr.pp-renewed td:nth-child(3) {
    color: green;
}

tr.pp-notrenewed {
    font-weight: bold;
}
/*changed column to 4 from 3 because added firstname before it*/ 
tr.pp-notrenewed td:nth-child(3) {
    color: red;
}

/*table.bootstrap-table {
    table-layout: fixed;
}*/

.th-inner {
    width: 100%;
    /*white-space: normal;
    word-wrap: break-word;*/
}

/* ========================================================
    Global Find Partial
   ======================================================== */
#ppGlobalFind > div.row {
    margin-left: 0;
    border-collapse: collapse;
}

#ppGlobalFind > div:first-child {
    margin-top: 10px;
    margin-bottom: 0;
    padding-bottom: 0;
}

#ppGlobalFind > div:last-child {
    margin-top: -10px;
}

/* ========================================================
    Privacy and Security Policy
   ======================================================== */
#ppPrivacyAndSecurity h3 {
    margin-top: 20px;
}

#ppPrivacyAndSecurity ul {
    margin-top: 10px;
}

#ppPrivacyAndSecurity ul > li {
    margin-top: 10px;
}

#ppPrivacyAndSecurity p.city-link {
    margin-top: 20px;
}

/* ========================================================
    Printing Support (media queries)
   ======================================================== */

@media print {
    .pp-body .container.containerBorder {
        width: 1270px !important;
    }

    .pp-donation-options .pp-donations-total {
        padding-right: 10px;
    }

    .pp-summary-amount .pp-summary-amount-right {
        padding-right: 20px;
    }

    .pp-view-bill .pp-print-bill-row p.text-help {
        margin-bottom: 0;
    }

    .pp-view-bill #myChargesTable input.pp-currency-input {
        visibility: hidden;
    }

    .col-md-9.pp-body-area {
        width: 100% !important;
        border: none;
    }

    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }

    .col-md-12 {
        width: 100%;
    }

    .col-md-11 {
        width: 91.66666666666666%;
    }

    .col-md-10 {
        width: 83.33333333333334%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-8 {
        width: 66.66666666666666%;
    }

    .col-md-7 {
        width: 58.333333333333336%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-5 {
        width: 41.66666666666667%;
    }

    .col-md-4 {
        width: 33.33333333333333%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-2 {
        width: 16.666666666666664%;
    }

    .col-md-1 {
        width: 8.333333333333332%;
    }
}

@media screen {
    .pp-donation-options .pp-donations-total {
        padding-right: 0;
    }
}
/*Upgrade to bootstrap 4 for modal window background*/ 
.modal-backdrop.show {
    filter: alpha(opacity=50);
    opacity: .5;
}