/* Layout styles */
.nav-margin {
	margin-right: 60px;
}

.user-initials {
  font-weight: bold;
}
.bg-black {
    background-color: #000 !important;
}
.sidebar {
    display: block;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    width: 150px;
    padding-top: 20px;
    z-index: 1001;
}
.content {
    margin-left: 150px;
    padding-right: 15px;
}
@media (max-width: 768px) {
    .navbar-toggler {
        display: block !important;
    }
    .sidebar {
	display: none;
	/*position: relative;*/
	/*width: 100%;*/
    }
    .content {
	margin-left: 0 !important;
    }
}

/* Content styles */
h1, h2, h3, h4, h5, .btn {
  font-weight: bold !important;
}
h2 {
  margin-bottom: 30px !important;
}
a {
  text-decoration: none !important;
}
.btn-light {
  border: 1px solid #333 !important;
}
button:disabled, input[type='submit']:disabled {
  cursor: not-allowed;
  pointer-events: all !important;
}
select, input[type='checkbox'] {
  cursor: pointer !important;
  pointer-events: all !important;
}
select, .selectize-control, .selectize-dropdown, input[type='text'], input[type='email'], input[type='password'], input[type='file'] {
  border: 1px solid #333 !important;
}
.search-box {
  display: inline-block !important;
  width: 90% !important;
}
progress {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  height: 20px;
  border: 1px solid #000;
  border-readius: 5px;
  margin-top: 15px;
}
.error {
  background-color: rgb(255, 182, 193);
  width: 100%;
  margin-top: 15px;
  padding: 10px;
  display: none;
}
/*.dropdown-menu {
  border-left: 1px solid #222;
  border-right: 1px solid #222;
  border-bottom: 1px solid #222;
}*/
table {
  margin-top: 15px;
  /*table-layout: fixed;*/
  width: max-content;
  /*max-width: 100%;*/
}
table th {
  background-color: blue !important;
  border: none !important;
  color: white !important;
  font-weight: bold !important;
  text-align: center;
  vertical-align: middle;
  padding-left: 5px;
  padding-right: 5px;
  white-space: nowrap;
}
table tr {
  /*border: 1px solid #333;*/
  text-align: center;
}
table td {
  /*border: 1px solid #333;*/
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  padding-left: 5px;
  padding-right: 5px;

}
.nav-pills .nav-link {
  border: 1px solid #000;
  font-weight: bold !important;
}
.nav-pills .active {
  background-color: #000 !IMPORTANT;
}

/* General styles */
#overlay {
  display: block;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.35);
}
#close-sidebar {
  display: block;
  background-color: #fff;
  position: fixed;
  top: 15px;
  left: 210px;
  /*width: 50px;*/
  /*height: 50px;*/
  font-size: 16px;
  font-weight: bold;
  z-index: 1001;
}
.successbox {
  background-image: url(../images/success.png);
  background-repeat: no-repeat;
  background-position: 15px;
  margin: 10px 0;
  padding: 6px 5px 6px 60px;
  min-height: 28px;
  background-color: #d9e6c3;
  border: 1px solid #77ab13;
  color: #000;
  text-align: left;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}

/* Transactions page styles */
.bank-account-container {
  display: inline-block;
  margin-right: 15px;
  width: 30%;
}
@media (max-width: 800px) {
  .bank-account-container {
    width: 100%;
  }
}
.bank-account-box {
  display: block;
  padding: 10px;
  /*width: 200px;*/
  background-color: #ddd;
  border: 1px solid #333;
  color: #000;
}
.bank-account-box.active {
  background-color: blue;
  color: #fff;
  border: none;
}
.balance-box {
  display: block;
  margin-bottom: 20px;
  background-color: #eee;
  padding: 10px;
  /*width: 200px;*/
}
.transactions-list { 
  border: 1px solid #000;
}
.col-w-5 {
  width: 5%;
}

.col-w-10 {
  width: 10%;
}
.col-w-15 {
  width: 15%;
}
.col-w-20 {
  width: 20%;
}
.col-w-25 {
  width: 25%;
}
.row-categorise td {
  text-align: left !important;
}
.categorise-submit {
  text-align: right !important;
}
.categorise-submit .btn {
  margin-left: 10px;
}
.all-set {
  margin-top: 40px;
  font-weight: bold;
  font-size: 40px;
}

/* Import Transactions page */
#select-columns .row {
  padding-top: 5px;
  padding-bottom: 5px;
}

/* Styles for journal entries */
.col-no {
  width: 5%;
}
.col-toggle {
  width: 3%;
}

/* Reports Page */
.reports-list {
}
.reports-list li {
  display: block;
  margin-top: 10px;
}
.reports-list li a {
  text-decoration: none;
  color: #000;
}
.is-balanced {
  border-top: 3px solid #000;
  border-bottom: 3px solid #000;
  padding-top: 3px;
}