* {
  box-sizing: border-box;
}

body {
  font-family: Arial, Helvetica, sans-serif;
}

/* Style the header */
header {
  background-color: #76bbd0;
  text-align: center;
  font-size: 35px;
  color: white;
}

/* Container for flexboxes */
section {
  display: -webkit-flex;
  display: flex;
}

/* Style the navigation menu */
nav {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background: #ccc;
  padding: 20px;
}

/* Style the list inside the menu */
nav ul {
  list-style-type: none;
  padding: 0;
}

/* Style the content */
article {
  -webkit-flex: 3;
  -ms-flex: 3;
  flex: 3;
  background-color: #f1f1f1;
  padding: 30px;
}

/* Style the footer */
footer {
  background-color: #639cd9;
  padding: 10px;
  text-align: center;
  color: white;
}
.navbar{
    background-color: #639cd9;
    margin:0;
    padding:0 10px !important;
}
.navbar-brand img{
    height:70px;
}
.nav-link{
    font-size:20px;
}
.form-label{
    margin:10px 0 !important;
}
.table-overflow{
    overflow-x: scroll;
}
.table-overflow table td, .table-overflow table th{
    min-width:150px;
}

.table-striped#revenueT tbody tr:nth-of-type(odd){
}
.table-striped#expenseT tbody tr:nth-of-type(odd){
}
.table-striped#expenseT, .table-striped#revenueT{
    border-collapse: unset !important;
}

button.btnAdd{
    background-color: #044ebf;
    color: #fff;
    padding: 0 4px;
}
#income{
    background-color: rgba(0, 176, 135, 0.13) !important;
}
#expense{
    background-color: rgba(255, 173, 173, 0.25);
}
#profit{
    background-color: rgba(204, 204, 204, 0.54);
}
#percentage{
    background-color: rgba(184, 229, 255, 0.64);
}
.container-fluid main{
    min-height: 800px;
}
.modal-dialog-centered{
    max-width: 900px !important;
}
.modal-dialog-centered#expense_modal{
    max-width: 80% !important;
    height:98% !important;
}
.modal .mb-3{
    margin-bottom:0 !important;
}
#cashflowT table td.right{
    text-align: right;
    font-weight: bold;
}
#cashflowT table tr#endAccounting td, #cashflowT table tr#startAccounting td {
    font-weight: unset !important;
    background-color: #f1f1f1;
}
#cashflowT table td:first-child, #cashflowT table th:first-child {
  position: sticky;
  left: 0;
  background-color: #f1f1f1;
  font-size:90%;
  min-width: 250px;
}
.green{
    color:green;
}
.right{
    text-align: right;
}
.center{
    text-align: center;
}
#totalHeader{
    background-color: #3c3c3c;
    color:#fff;
    text-align: center;
    font-size:25px;
}
.table-sm>:not(caption)>*>*{
    padding:.25rem .55rem !important;
}
#login-form input{
padding:5px;
}
#login-form{
    background-color: #ccc;
width: 300px;
padding:10px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
#loginSubmit{
    padding:10px;
    font-size:18px;
}
#timesheet table td:first-child, #timesheet table th:first-child {
  position: sticky;
  left: 0;
  background-color: #f1f1f1;
  font-size:90%;
  min-width: 250px;
}
textarea#worknote{
    max-width: 100%;
    padding:3px;
}
#homecards .card-body{
    padding:0;
}
#homecards .card-title{
    padding:10px;
    margin:0;
     height:160px !important;
}
#homecards .card-text{
    padding:10px;
}
#homecards .col-sm-2{
    width: 20% !important;
}
.completed{
    color:#068353;
    font-weight: bold;
}
/* Responsive layout - makes the menu and the content (inside the section) sit on top of each other instead of next to each other */