.navbar {
	padding-left: 1rem;
	padding-right: 1rem;
    background-color: #fffefa;
    border-bottom: #143a48;
    border-bottom-style: solid;
    border-bottom-width: 2px;
}

.footbar {
    padding-left: 1rem;
	padding-right: 1rem;
    border-top: #143a48;
    border-top-style: solid;
    border-top-width: 2px;
}

body {
	padding-top:40px;
    background-color: #fffefa;
    color: #143a48;
    margin-bottom: 60px;
}

.navbar-brand {
	padding-top: 0;
	padding-bottom: 0;
}

.home-card {
    min-width: 385px;
}

@media (max-width: 767px) {
    .carousel-inner {
        height: 8em;
    }    
  }
@media (min-width: 768px) {
  .carousel-inner {
      height: 6em;
  }    
}

.btn-outline-login {
	color:#fffefa;
	background-color:transparent;
	background-image:none;
	border-color:#fffefa
}

.btn-outline-login:hover,.btn-outline-login.hover {
	color:#1887e9;
	background-color:#fffefa;
	border-color:#fffefa
}

.btn-outline-login:not(:disabled):not(.disabled).active,.btn-outline-login:not(:disabled):not(.disabled):active,.show>.btn-outline-login.dropdown-toggle {
	color:#1887e9;
	background-color:#fffefa;
	border-color:#fffefa
}

.btn-outline-login:focus {
	box-shadow:0 0 0 .1rem
}

.btn-outline-login2 {
	color:#1887e9;
	background-color:transparent;
	background-image:none;
	border-color:#1887e9
}

.btn-outline-login2:hover,.btn-outline-login2.hover {
	color:#fffefa;
	background-color:#1887e9;
	border-color:#1887e9
}

.btn-outline-login2:not(:disabled):not(.disabled).active,.btn-outline-login2:not(:disabled):not(.disabled):active,.show>.btn-outline-login2.dropdown-toggle {
	color:#fffefa;
	background-color:#1887e9;
	border-color:#1887e9
}

.btn-outline-login2:focus {
	box-shadow:0 0 0 .1rem
}

.btn-opaque {
	color:#fffefa;
	background-color:#1887e9;
	background-image:none;
	border-color:transparent
}

.btn-opaque:hover,.btn-opaque.hover {
	color:#1887e9;
	background-color:#fffefa;
	border-color:#1887e9
}

.btn-opaque:not(:disabled):not(.disabled).active,.btn-opaque:not(:disabled):not(.disabled):active,.show>.btn-opaque.dropdown-toggle {
	color:#fffefa;
	background-color:#1887e9;
	border-color:#1887e9
}

.btn-opaque:focus {
	box-shadow:0 0 0 .1rem
}

.btn-opaque2 {
	color:#fffefa;
	background-color:#143a48;
	background-image:none;
	border-color:transparent
}

.btn-opaque2:hover,.btn-opaque2.hover {
	color:#143a48;
	background-color:#fffefa;
	border-color:#143a48
}

.btn-opaque2:not(:disabled):not(.disabled).active,.btn-opaque2:not(:disabled):not(.disabled):active,.show>.btn-opaque2.dropdown-toggle {
	color:#fffefa;
	background-color:#143a48;
	border-color:#143a48
}

.btn-opaque2:focus {
	box-shadow:0 0 0 .1rem
}

.alert-custom {
	background-color:#fffefa;
	border-color:#1887e9;
	border-width:medium;
}

.table-fullwidth {
	width:100%
}

.table-striped>tbody>tr:nth-child(odd)>td, 
.table-striped>tbody>tr:nth-child(odd)>th {
   background-color:	#1887e91e
 }

ul.list-group.list-group-striped li:nth-of-type(even){
    background: #7c67b41c;
}

table.dataframe, .dataframe th, .dataframe td {
border: none;
border-bottom: 1px solid #c8c8c8;
border-collapse: collapse;
padding: 5px;
margin-bottom: 20px
}

.home-next-to-128 {
	height: 128px;
	padding-top: 25px;
  }

.custom-select {
	max-width:400px;
}

.select-search {
	width: 100%;
	min-width: 200px;
	max-width: 400px;
}

.form-range::-webkit-slider-thumb {
	background: #1887e9
  }
  
.form-range::-moz-range-thumb {
	background: #1887e9
  }
  
.form-range::-ms-thumb {
	background: #1887e9
  }

.form-range::-webkit-slider-thumb:active {
    background-color: #c8c8c8
}
.form-range::-webkit-slider-thumb,
.form-range:focus::-webkit-slider-thumb, 
.form-range:focus::-moz-range-thumb,
.form-range:focus::-ms-thumb {
    box-shadow: #c8c8c8
}
/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
	text-align: center;
  }
  .marketing h2 {
	font-weight: 400;
  }
  .marketing .col-lg-4 p {
	margin-right: .75rem;
	margin-left: .75rem;
  }
  
  
  /* Featurettes
  ------------------------- */
  
  .featurette-divider {
	margin: 5rem 0; /* Space out the Bootstrap <hr> more */
  }
  
  /* Thin out the marketing headings */
  .featurette-heading {
	font-weight: 300;
	line-height: 1;
	letter-spacing: -.05rem;
  }

/* Sticky footer styles */
  html {
	position: relative;
	min-height: 100%;
  }
  
  .footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
	vertical-align: middle;
	/* Set the fixed height of the footer here */
	height: 120px;
	line-height: 20px; /* Vertically center the text there */
	background-color: rgba(255,255,255,0.95);
  }
  
  /* For the home page */
  .fill {
	  min-height: 100%;
  }

/* Sidebar on the user guide page */
  .sidebar-sticky {
	border-style:solid;
	border-radius:4px;
	border-color: #1887e91e;
 }

 .nv-lnk-side, .nv-lnk-side:visited {
	color:rgba(0, 0, 0, 0.95);
 }

 .nv-lnk-side:hover {
	color:rgba(0, 0, 0, 0.5);
 }

 .bd-btm-dsh {
	 border-bottom: dashed;
	 border-color: #1887e91e;
 }

 .nav-sub-link {
	 font-size: 0.9em;
	 padding-left: 2em;
	 padding-top: 0em;
	 padding-right: 0em;
	 padding-bottom: 0em;
 }

 .rating-checked {
	color: #1887e9;
  }

 .rating-unchecked {
	color: #143a4873;
 }

 .btn-disabled {
	border: none;
 }

/*
  .btn-plusminus-icon {
	color:#1887e9;
  }

  .btn-plusminus-icon:hover,.btn-plusminus-icon.hover {
	color:#9978fa
}
*/
/*
  .fa-circle-info {
	color:#1887e9;
  }
*/

  .font275 {
	font-size: 2.75rem;
  }

  .font225 {
	font-size: 2.25rem;
  }

  .btn:focus, .accordion-button:focus {
    outline: 0;
    box-shadow: 0 0 0 0.15rem #1887e9;
  }

  .accordion-button:not(.collapsed) {
    color: #000000;
    background-color: #1887e91e;
  }

  .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
  }

  .form-control:focus {
    border-color: #ced4da;
    outline: 0;
    box-shadow: 0 0 0 0.15rem #1887e91e;
  }

  .form-check-input:checked {
    background-color: #1887e9;
    border-color: transparent;
  }

  .form-check-input:focus {
    outline: 0;
    box-shadow: 0 0 0 0.15rem #1887e91e;
  }

.img-pickable-add {
	opacity:0.15;
}

.img-pickable-add:hover {
	opacity:0.1;
}

.img-pickable {
	opacity:0.8;
}

.img-pickable:hover {
	opacity:1;
}

.mute-back {
	background-color: #1887e91e;
}

.mute-back-hover:hover {
	background-color: #1887e91e;
}

.page-divider {
	height: 0.75rem;
	background-color: #143a48;	
  }


.cookie-consent{
	position: fixed;
  	bottom: 8px;
  	left: 20px;
  	width: 260px;
  	padding-top: 7px;
	padding-bottom: 7px;
  	height: 83px;
  	
  	line-height: 16px;
  	padding-left: 10px;
  	padding-right: 10px;
  	font-size: 13px;
  	background: #f0ecfdf3;
	border-width: thick;
	border-color: #1887e9;
  	z-index: 120;
  	cursor: pointer;
  	border-radius: 3px;
}
 
.unsaved-color{
	color:#c8c8c8
}

.saved-color{
	color:#c43535;
    color:#143a48;
}

.loader, .loader2, .loader3 {
    display: none;
}

.htmx-request .loader, .htmx-request .loader2, .htmx-request .loader3 {
    display: block;
}

.htmx-request.loader, .htmx-request.loader2, .htmx-request.loader3 {
    display: block;
}

/* Hide previously loaded content during HTMX request */
.htmx-request .loaded-content, .htmx-request .loaded-content2, .htmx-request .loaded-content3 {
    display: none;
}

.htmx-request.loaded-content, .htmx-request.loaded-content2, .htmx-request.loaded-content3 {
    display: none;
}

.skill-badge {
	color:#fffefa;
	background-color:#1887e9;
	background-image:none;
	border-color:transparent
}

.list-group-no-border {
	border:none;
}

.nav-link.active {
	background-color: #6c757d;
}

.nav-item {
	border-radius:5px;
}

.nav-item:focus {
	box-shadow:none
}