h1{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color:cadetblue;
    /* color: aquamarine; */
}



#site-nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 20rem;
    z-index: 999;
    background-color: cadetblue;
    text-align: center;
    padding: 10px;
    box-shadow: 0 7px 20px 0 rgb(0 0 0 / 20%), 0 4px 10px 0 rgb(0 0 0 / 20%);
}

.nav-button{
    padding: 5px 10px;
    background-color: #DAF7A6;
}


#site-nav ul{
    margin: 0;
    list-style: none;
}

#site-nav li{
    display: inline-block;
}

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

#PeriodSummaryTables{
    width: 50%;
    text-align: center;
    display: block;
    margin-left: 38%;
}



.project-item{
    margin: 0;
    list-style: none;
}
.project-section{
/* background-color: lightgray; */
margin-left:10%;
margin-right:10%;
background-color: #FBFFF2;
}

/* button{
    margin: 5px 0px 5px 0px !important;
} */

.loan-row{
    margin: 5px 0px 5px 0px !important;
}

.field-label{
    padding-left: 10px;
}

input[type="text"] {
    max-width: 150px;
}

input[type="number"] {
    max-width: 150px;
}

.form-control{
    display: inline-block !important;
}

input.form-control[type="date"]{
    max-width: 150px !important;
}

.form-select{
    max-width: 150px !important;
    display: inline-block !important;
}

.btn-primary{
    margin-top: 15px !important;
    margin-bottom: 5px !important;
    display: inline-block !important;
}

.btn-danger{
    display: inline-block !important;
}

.btn-loan-run{
    margin-bottom: 15px !important;
}

.btn-budget-run{
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

.income-row{
    background-color: #9FE2BF;
}

.expense-row{
    background-color: #F08080;
}

.incomeTH{
    padding: 10px;
}

.result-container{
    padding-left:17%; 
    margin-bottom:10px;
}

.even-row{
    background-color: #BCE4CD !important;
}
.odd-row{
    background-color: #D5F5E3 !important;
}

.month-even-row{
    background-color: #DBDEA3 !important;
}
.month-odd-row{
    background-color: #EEF0C6 !important;
}



.project-header{
    margin-left:10%;
    margin-right:10%;
    padding: 10px;
    background-color: cadetblue;
}
.project-p{
    padding: 0px 5%;
}

.forecast-question{
    margin: 0px 5%;
}

.radio-group{
    padding: 10px;;
}

.has-error{
    border: 2px solid #dc3545 !important;
}

.error-message{
    color: #dc3545;
    margin-top: 1rem;
}

/* .carousel-inner{
    width: 50% !important;
    margin-left: 25%;
} */
.slide{
    width: 50% !important;
    margin-left: 25%;
}

ul {
    margin-left: 0px !important;
    padding-inline-start: 0px !important;
}

form {
    margin-block-end: 0em !important;
}

.project-name-header{
    background-color: #DAF7A6;
}

.section-padding{
    padding: 10px;
    margin-left: 10%;
    margin-right:10%;
    /* background-color: lightgray; */
    background-color: #FBFFF2;
}
.section-padding-white{
    padding: 10px;
    margin-left: 10%;
    margin-right:10%;
}

.resume-section{
    margin-left: 10%;
    margin-right: 10%;
    background-color: #FBFFF2;

}

.welcome-section{
    padding: 10px;
    margin-left: 10%;
    margin-right:10%;
    background-color: #FBFFF2;
}

.nav-link{
    text-decoration: none;
}

h6{
    color:cadetblue;
}
/* 
h6{
    /* font-size: 72px; */
    /* background: -webkit-radial-gradient( center, 5em 40px, #DAF7A6ed,cadetblue); */
    /* background: -webkit-repeating-radial-gradient(top left, circle, cadetblue, #DAF7A6ed 10%, cadetblue 20%); */
    /* -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}  */

mark{
    background-color: #DAF7A6 !important;
    color: cadetblue;
}


.contact-section{
    margin-left: 25%;
    margin-right:25%;
    text-align: left;
    background-color: #FBFFF2;
}

.social-logo{
    padding: 5px;
}

.p-sub-message{
    margin-bottom: 0em !important;
}

.budget-name{
    margin-left: 5px;
}

.budget-label{
    font-weight:700;
}

.period-th{
    min-width: 100px;
    padding: 10px;
}

.collapsible {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 50%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
  }

  .active, .collapsible:hover {
    background-color: #ccc !important;
  }


  .collapsible:after {
    content: '\02795'; /* Unicode character for "plus" sign (+) */
    font-size: 13px;
    color: white;
    float: right;
    margin-left: 5px;
  }
  
  .active:after {
    content: "\2796"; /* Unicode character for "minus" sign (-) */
  }

  .budget-result-table{
      margin-left: 24%;
  }

  .ind-summary-table{
    margin-left: 16%;
}

.logo{
    padding:0px 5px;
}



@media only screen and (min-width: 1200px) {
    .app-logo{
        width: 18%;
        padding-bottom: 20px;
    }

}

@media only screen and (max-width: 1200px) {
    /* For mobile phones: */

    .app-logo{
        width: 40%;
        padding-bottom: 20px;
    }
}