body {
  color: #151515;
}

.content header {
  padding: 30px 0 0 50px;
}
.content header h1 {
  font-weight: bold;
  color: #151515;
}

#content {
  padding: 30px 50px;
}

.nav li {
  width: 100%;
  height: 50px;
  line-height: 50px;
}
.nav li.active, .nav li:hover {
  background-color: #386db4;
  font-weight: bold;
  color: #fff !important;
  text-decoration: none !important;
}
.nav li a {
  font-size: 13px;
  display: block;
  width: 77%;
  margin: 0 auto;
}
.nav li a.active, .nav li a:hover {
  font-weight: bold;
  color: #fff !important;
  text-decoration: none !important;
}

.btn:not(.toggle):not(.toggle-on):not(.toggle-off):not(.toggle-handle) {
  border-radius: 20px;
  height: 27px;
  line-height: 27px;
  color: #fff;
  padding: 0 10px;
  text-transform: uppercase;
  font-size: 10px;
}
.btn:not(.toggle):not(.toggle-on):not(.toggle-off):not(.toggle-handle).btn-blue {
  background: #386db4;
}
.btn:not(.toggle):not(.toggle-on):not(.toggle-off):not(.toggle-handle).btn-blue a {
  text-decoration: none;
}
.btn:not(.toggle):not(.toggle-on):not(.toggle-off):not(.toggle-handle).btn-blue a:hover {
  color: #212529;
}
.btn:not(.toggle):not(.toggle-on):not(.toggle-off):not(.toggle-handle).btn-gray {
  background: #cccccc;
  border: 1px solid #151515;
  color: #151515;
}
.btn:not(.toggle):not(.toggle-on):not(.toggle-off):not(.toggle-handle).btn-danger {
  background: #dc3545 !important;
}
.btn:not(.toggle):not(.toggle-on):not(.toggle-off):not(.toggle-handle):hover {
  filter: brightness(85%);
}
.btn:not(.toggle):not(.toggle-on):not(.toggle-off):not(.toggle-handle) a {
  text-decoration: none;
  color: inherit;
}

.email-icon {
  position: absolute;
  margin-left: 5px;
  font-size: 20px;
  color: #386db4;
}
.email-icon:hover {
  cursor: pointer;
  filter: brightness(85%);
}

.euro-sign {
  position: absolute;
  margin-left: 5px;
  margin-top: 6px;
  font-weight: bold;
}

input.amount {
  padding-left: 15px !important;
}

#login-msg {
  margin-bottom: 30px;
}
#login-msg h1 {
  font-size: 2em;
  font-weight: bold;
}

.data-form legend {
  font-weight: bold;
  border-bottom: 1px solid #151515;
  width: 100%;
  font-size: 13px;
}
.data-form table {
  margin: 20px 0;
}
.data-form table tr {
  width: 100%;
  display: inline-block;
  font-size: 13px;
}
.data-form table tr td:first-child {
  width: 200px;
}
.data-form table tr td:nth-child(2) {
  /* width:70%;*/
}
.data-form table tr td input, .data-form table tr td select, .data-form table tr td textarea {
  /* width:100%;*/
}
.data-form table input:not([type=checkbox]), .data-form table select, .data-form table textarea {
  padding: 0 0 0 10px;
  font-size: 13px;
  width: 420px;
  margin: 2px 0;
}
.data-form table input:not([type=checkbox]).small, .data-form table select.small, .data-form table textarea.small {
  width: 120px;
}
.data-form table input:not([type=checkbox]).medium, .data-form table select.medium, .data-form table textarea.medium {
  width: 300px;
}

.data-table {
  border: 1px solid #151515;
  width: 100%;
}
.data-table th {
  background: #386db4;
  color: #fff;
  font-size: 11px;
  padding: 10px 10px;
  border: 1px solid #151515;
  border-bottom: 0;
  border-top: 0;
}
.data-table th:first-child {
  border-left: 0;
}
.data-table th:last-child {
  border-right: 0;
}
.data-table tr:hover td {
  color: #fff;
  background: #8c9fba;
}
.data-table td {
  text-align: left;
  font-size: 11px;
  padding: 5px 10px;
  background: #fff;
  border: 1px solid #151515;
  border-top: 0;
}
.data-table td.clickable {
  cursor: pointer;
}
.data-table td:first-child {
  border-left: 0;
}
.data-table td button {
  position: relative;
  margin-top: 5px;
  display: block;
  width: 100px;
}
.data-table td .btn-primary {
  background: #386db4;
  color: #fff;
}

.btn-success {
  color: #fff;
  background-color: #28a745 !important;
  border-color: #28a745;
}

.filters {
  margin-bottom: 20px;
  font-size: 13px;
}
.filters input {
  height: 27px;
  border-radius: 27px;
}
.filters button {
  position: relative;
}
.filters .sub-filters .btn:hover, .filters .sub-filters .btn.active {
  background: #386db4;
  color: #fff;
  border: 1px solid #386db4;
  filter: brightness(100%);
}
.filters .sub-filters .btn:focus {
  outline: none;
  box-shadow: none;
}
.filters .sub-filters .date-filter input {
  font-size: 11px;
}
.filters .sub-filters .toggle-filter .btn {
  cursor: pointer;
  line-height: 25px;
}
.filters .sub-filters .toggle-filter .btn.active {
  background: #386db4;
  outline: none;
  box-shadow: none;
}
.filters .sub-filters .toggle-filter .btn:focus, .filters .sub-filters .toggle-filter .btn.focus {
  outline: none;
  box-shadow: none;
}

.daterangepicker .drp-buttons .btn {
  position: relative;
  background: #386db4;
  color: #fff;
  border: 1px solid #386db4;
  filter: brightness(100%);
}

#invoice-tool .email {
  background: #fff;
  color: #151515;
  padding: 5px;
  border: 1px solid lightgray;
  font-size: 12px;
  width: 100%;
  cursor: pointer;
}
#invoice-tool .email.active, #invoice-tool .email:hover {
  background: #386db4;
  color: #fff;
}

.pagination {
  font-size: 13px;
}
.pagination .page-item .page-link {
  color: #386db4;
}
.pagination .page-item.active .page-link {
  background-color: #386db4;
  border-color: #386db4;
  color: #fff;
}

.ui-menu-item {
  font-size: 13px;
}
.ui-menu-item .ui-menu-item-wrapper {
  font-size: 13px;
}

.modal {
  font-size: 13px;
}
.modal .modal-title {
  font-weight: bold;
}
.modal input {
  font-size: 13px;
}
.modal #remove-contact-name {
  margin: 20px 0;
  font-weight: bold;
}
.modal #edit-contact-table, .modal #new-contact-table {
  font-size: 13px !important;
}
.modal #edit-contact-table tr td:nth-child(1), .modal #new-contact-table tr td:nth-child(1) {
  padding-left: 20px;
}
.modal #edit-contact-table tr input, .modal #edit-contact-table tr select, .modal #new-contact-table tr input, .modal #new-contact-table tr select {
  padding: 0 0 0 10px !important;
  font-size: 13px !important;
}

#file-list {
  width: 100%;
  font-size: 13px;
  margin-top: 20px;
}
#file-list a {
  text-decoration: underline;
  color: #151515;
  line-height: 18px;
}

#file-type {
  position: absolute;
  font-size: 13px;
  left: 160px;
  padding: 3px 30px 3px 5px;
}

#exact-form input:not([type=checkbox]):not([type=radio]), #exact-form select {
  font-size: 13px;
  width: 100%;
}