.bd-placeholder-img {
	font-size: 1.125rem;
	text-anchor: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

 

@media (min-width: 768px) {
	.bd-placeholder-img-lg {
		font-size: 3.5rem;
	}
}


.fs-6 {
	padding-top: .90rem !important;
}


.progress {
	background-color: #02172c;
}

.progress-bar {
	color: #18083f;
	background-color: #0d6efd;
}

hr {
	color: #000000;
}

.control_buttons > .btn {
	width: 30%;
}



/* Example dark mode styles */

/* Set background color to black */
body {
	background: linear-gradient( 320deg, rgba(15, 17, 15, 1) 45%, #081328 100% );
}

/* Set text color to white */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a {
	color: #e9e9e9;
}

th, label, .label, .muted {
	color: #a5a3a3;
}

a {
	color: #76a5eb;
	text-decoration: none;
	border-bottom: 1px solid #76a5eb;
	padding-bottom: 2px;
}

.btn-success {
	color: #fff;
	background-color: #0f482d;
	border-color: #0f482d;
}

.btn-danger {
	color: #fff;
	background-color: #7e1f28;
	border-color: #7e1f28;
}

.btn-warning {
	color: #fff;
	background-color: #926f09;
	border-color: #926f09;
}


.up {
	color: #2abd77;
}

.down {
	color: #dd3747;
}

.same {
	color: #ab9eff;
}



/* Override Bootstrap's default background and text colors for specific components */
.navbar {
	background-color: #222222;
}

	.navbar .navbar-brand {
		color: #ffffff;
	}

	.navbar .nav-link {
		color: #ffffff;
	}

/* Customize other Bootstrap components as needed */
/* For example, buttons, forms, cards, etc. */

.hide {
	display: none;
}

.idle {
	color:#ff0000;
}

.paused {
	color: #dd3747;
}

.finish {
	color: #ffd800;
}

.folding {
	color: #2abd77;
}

.progress {	 
	height: .55rem;
	font-size: .55rem;	 
}

.icon-list {
  padding-left: 0;
  list-style: none;
}
.icon-list li {
  display: flex;
  align-items: flex-start;
  margin-bottom: .25rem;
}
.icon-list li::before {
  display: block;
  flex-shrink: 0;
  width: 1.5em;
  height: 1.5em;
  margin-right: .5rem;
  content: "";
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23212529' viewBox='0 0 16 16'%3E%3Cpath d='M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0zM4.5 7.5a.5.5 0 0 0 0 1h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5H4.5z'/%3E%3C/svg%3E") no-repeat center center / 100% auto;
}

.tcenter {
	text-align:center;
}

.tright {
	text-align: right;
}

.scase {
	text-transform:capitalize;
}

.ucase {
	text-transform: uppercase;
}

.btn-small {
	border: 1px solid transparent;
	padding: 0.175rem 0.35rem;
	font-size: .80em;
	border-radius: 0.25rem;
	text-transform:uppercase;
}

table > tbody > tr > th, table > tbody > tr > td {
	font-size: .80em;
	letter-spacing: .06em;
	padding: 6px;
	border-radius: 4px;
}

#user_group > table > tbody > tr > th {
	text-align:right;
}

#user_group > table > tbody > tr > th, #user_group > table > tbody > tr > td {
	font-size: .80em;
	letter-spacing: .06em;
	padding: 2px;
	padding-left: 6px;
	background: none;
	font-weight: normal;
}

table {
	width: 100%;
	border-collapse: collapse;
}

th,
td {
	border: 1px solid #222;
	border-top: none;
	border-bottom: none;
	border-right: none;
	padding: 8px;
	text-align: left;
}

th {
	background-color: #1b1725;
}

/*.gpu-ppd-table th, .gpu-ppd-table td {
	border-left: 1px solid #0d6efd !important;
}*/


#folding_units {
	min-height: 212px;
}
.slot_container {
	min-height: 236px;
}


.slot_timer {
	border-left: 4px solid #0d6efd !important;
	border-right: 4px solid #0d6efd !important;
	border-radius: 4px;
	background: rgb(20, 4, 48, 0.10)
}


.device_window {
	padding-top: 10px;
	text-align: right;
	float: right;
	font-size: .90em;
	color: #b9b9b9
}

.dev_hide {
	display:none;
}


.chart_hide {
	height:0px;
	overflow:auto;
}

.dev_show, .chart_show {
  
}

.slot_performance p, .slot_performance {
	font-size:.90em;
}

.legal_stuff {
	color: #9c9c9c;
	max-width: 50%;
}

.project-info-bar, .device_window {
	font-size: .90em;
}

.progress_display_style {
	color: #bdbdbd;
}

.eta_display_sytle {
	color: #76a5eb;
}

/* Dark Mode for Input Boxes */
input[type="text"].form-control {
	background-color: #333; /* Dark background color */
	color: #fff; /* Light text color */
	border-color: #555; /* Border color */
}

/* Additional styles to change placeholder text color */
::placeholder {
	color: #ccc; /* Lighter placeholder text color */
}



.stats-table {
	width: 100%;
}

	.stats-table:nth-child(n) > tbody > tr:nth-child(n) > td:nth-child(1) {
		width: 40%;
		font-size: 20px;
		color: #cfcfcf;
		letter-spacing: 1px;
		 
	}

		.stats-table:nth-child(n) > tbody > tr:nth-child(n) > td:nth-child(1) > b  {
			font-weight: 400;
		}


	.stats-table:nth-child(n) > tbody > tr:nth-child(n) > td:nth-child(2) {
		width: 60%;
		font-size: .90em;
		letter-spacing: 2px;
		text-align: right;
	 
	}

	.stats-table:nth-child(n) > tbody > tr {
		 border-bottom:solid 1px #222;
	}

#folding_league > div.row > div:nth-child(1) > table:nth-child(2) > tbody > tr:nth-child(1) > th

.stats-table > tbody > tr > th, #primary-datatable-1 > thead > tr > th {
	font-weight: normal;
	font-size: .90em;
}

#rank_table > tr:nth-child(n) > td:nth-child(11) {
	color: #666;
	font-size: 10px;
	padding-top: 10px;
	padding-bottom: 6px;
}



#rank_table > tr:nth-child(even) {
	background-color: #16121e; /* White background color for even rows */
}

#rank_table > tr > td {
color:#adadad;
}

.text-small {
	font-size: .70em;
}




/* Webkit (Chrome, Safari, newer versions of Opera) */
::-webkit-scrollbar {
	width: 4px; /* Set the width of the scrollbar */
}

::-webkit-scrollbar-thumb {
	background-color: #0b47a0; /* Dark background color for the thumb */
	border-radius: 4px; /* Rounded corners for the thumb */
}

::-webkit-scrollbar-track {
	background-color: #000000; /* Light background color for the track */
}

/* Firefox */
html {
	scrollbar-width: thin; /* Specify a thin scrollbar */
}

/* Firefox, again, for the thumb and track */
html {
	scrollbar-color: #333 #0d6efd; /* Dark background color for the thumb and light for the track */
}