/* Font Bold */
@font-face {
  font-family: 'GravurFontBold';
  src: url('fonts/GravurLLWeb-CondBold.woff') format('woff');
}

/* Font Light */
@font-face {
  font-family: 'GravurFontLight';
  src: url('fonts/GravurLLWeb-CondThin.woff') format('woff');
}

/* Font Regular */
@font-face {
  font-family: 'GravurFont';
  src: url('fonts/GravurLLWeb-CondRegular.woff') format('woff');
}

body, p {
  font-family: 'GravurFont';
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'GravurFontBold';
}

/* Background */
.content-wrapper {
  background: transparent;
}

body {
  background: #f4f6f9;
}

/* Brand link */
.layout-fixed .brand-link {
  align-items: center;
  border-bottom: transparent;
  display: flex;
}

/* Sidebar */
.nav-sidebar .nav-header,
.nav-sidebar .nav-header:not(:first-of-type) {
  font-size: 1.1rem;
  padding: .5rem .5rem 1rem;
  text-underline-offset: .4rem;
}

.nav-flat.nav-sidebar > .nav-item .nav-treeview .nav-item > .nav-link,
.nav-flat.nav-sidebar > .nav-item > .nav-treeview .nav-item > .nav-link {
	border-left: .5rem solid;
}

/* Modify horizontal rule */
hr {
  border-top: 1px solid #7df1df;
}

/* Increase the size of Card titles */
.card-title:not(.card-map) {
  font-size: 1.5rem;
  font-weight: 400;
}

.card-title.card-map {
  font-size: 1.25rem;
  font-weight: 400;
}

.card {
  border: 1px solid #7df1df;
  border-radius: 0;
}

.card-body {
  padding: 0 1.25rem 1.25rem 1.25rem;
}

/* Keep paired boxes in analysis rows the same height */
.equal-height-row > [class*="col-"] {
  display: flex !important;
}

.equal-height-row > [class*="col-"] > * {
  display: flex !important;
  flex: 1 1 auto;
  width: 100%;
}

.equal-height-row > [class*="col-"] .card {
  display: flex !important;
  flex-direction: column;
  flex: 1 1 auto !important;
  height: 100% !important;
  width: 100%;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.equal-height-row {
  margin-top: 15px;
  margin-bottom: 15px;
}

/* Style the tab cards */
.card-tabs {
  border: 1px solid #6883fe;
}

.card-tabs hr {
  border-top: 1px solid #6883fe;
}

.nav-pills .nav-link:not(.active):hover {
  color: #6883fe;
}

.nav-pills .nav-link.active {
  background-color: #6883fe;
  border-radius: 0;
}

/* Confirm button */
.btn-confirm,
.shiny-download-link,
.modal-footer .btn {
  background-color: #00cafe;
  border-color: transparent;
  border-radius: 0;
  color: white;
}

/* Add view button */
.btn-default {
  background-color: #66dffe;
  border-color: transparent;
  border-radius: 0;
  color: white;
}

.btn-default:hover {
  background-color: #00cafe;
  border-color: transparent;
  border-radius: 0;
  color: white
}

/* Report download button */
.shiny-download-link:hover,
.modal-footer .btn:hover {
  background-color: #66dffe;
  border-color: transparent;
  border-radius: 0;
  color: white;
}

/* Upload button */
.input-group .btn {
  border-radius: 0;
}

.input-group .btn-default {
  background-color: #b966c4;
  border-color: transparent;
  color: white;
}

.input-group .form-control {
  background: transparent;
  border-color: #b966c4;
  border-radius: 0;
}

.form-group .progress-bar {
  background-color: #b966c4;
}

.progress {
  background-color: #26e7ca;
}

/* Percentage button */
.input-group .input-group-text {
  background: #b966c4;
  border-color: #b966c4;
  border-radius: 0;
  color: white;
}

/* Selectize input */
.selectize-input {
  border: 1px solid #b966c4;
  border-radius: 0;
}

.selectize-input.focus {
  border-color: #7df1df;
  border-radius: 0;
  box-shadow: none;
}

.selectize-control.multi .selectize-input > div {
  background: transparent;
  border: 1px solid #1e2839;
  border-radius: 0;
  color: #1e2839;
}

.shiny-input-number {
  border: 1px solid #b966c4;
  border-radius: 0;
}

.shiny-input-select {
  border: 1px solid #b966c4;
  border-radius: 0;
}

.shiny-input-text {
  border: 1px solid #b966c4;
  border-radius: 0;
}

.selectize-control.multi .selectize-input > div.active {
  background: #ffac9a;
  border: 1px solid #1e2839;
  color: #1e2839;
}

.selectize-dropdown .selected {
  background-color: #b966c4;
}

/* Question button */
.q-btn {
  background-color: #ff7556;
  border: 0;
  border-radius: 0;
  color: white;
  font-size: .75rem;
  padding: 0 5px;
}

/* DataTable line colors */
.rt-thead .rt-th {
  border-bottom: 2px solid #7df1df;
}

.rt-filter {
  border: 1px solid #7df1df;
  border-radius: 0;
}

.rt-td-filter {
  border-bottom: 1px solid #7df1df;
  border-radius: 0;
}

.rt-tbody .rt-td {
  border-bottom: 1px solid #7df1df;
  border-top: 0;
}

.rt-tbody .rt-tr:hover {
  background-color: #7df1df;
}

table.dataTable.table-hover > tbody > tr:hover > * {
  box-shadow: none !important;
}

.rt-search {
  border-color: #7df1df;
  border-radius: 0;
}

.page-item.disabled .page-link {
  border-color: #7df1df;
  border-radius: 0;
}

/* Modal */
.modal-content {
  border-radius: 0;
}

.modal-header {
  border-bottom: transparent;
}

.modal-body {
  padding-top: 0;
}

.modal-footer {
  border-top: transparent;
}

/* Paragraph spacing */
.card-body > p:last-child {
  margin-bottom: 0;
}

/* Paragraph red text */
.txt-red {
  color: red;
}

/* Paragraph warning text */
.txt-warning {
  color: red;
  font-weight: bold;
}

/* Fading for text */
.fading {
  animation: fade 2s infinite alternate;
}

@keyframes fade {
  from { opacity: 0 }
}

/* Sweet alert */
.sweet-alert.visible {
  border-radius: 0;
}

.sweet-alert .confirm {
  -webkit-border-radius: 0;
  border-radius: 0;
}

/* Leaflet */
.leaflet-touch .leaflet-bar {
  border: none;
}

.leaflet-touch .leaflet-bar a:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.leaflet-touch .leaflet-bar a:last-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.leaflet-touch .leaflet-control-layers {
  border: none;
}

.leaflet-control-layers {
  border-radius: 0;
}

.leaflet .info {
  box-shadow: none;
  border-radius: 0;
}

/* Badges */
.badge {
  font-size: 90%;
  border-radius: 0;
}

/* Toast */
.toast {
  background: #1e2839;
  border: 0;
  border-bottom: 0;
  border-radius: 0;
  box-shadow: none;
  color: #7df1df;
}

.toast-header {
  background-color: transparent;
  border-radius: 0;
  color: #7df1df;
}

/* MARK: Alert
*/
.alert {
  border-radius: 0;
}

/* MARK: Form controls
*/
.bootstrap-select.form-control {
  border: 1px solid #b966c4;
  border-radius: 0;
}