/* FILE UPLOAD */

.progress-wrapper-file-upload {
    width:100%;
}
.progress-wrapper-file-upload .progress {
    background-color:green;
    width:0%;
    padding:5px 0px 5px 0px;
}

.s-badge-size-l {
	font-size: 0.9rem;
}

.s-icon-size-l {
	font-size: 3rem;
}

.s-icon-size-m {
	font-size: 1.3rem;
}

.s-icon-size-s {
	font-size: 1.0rem;
}

.s-color-waiting {
	color: #F22738;
}
.s-color-editing {
	color: #F28322;
}
.s-color-finishing {
	color: #F2CC0F;
}
.s-color-done {
	color: #1FA641;
}

.s-bgcolor-waiting {
	background: #F22738;
}
.s-bgcolor-editing {
	background: #F28322;
}
.s-bgcolor-finishing {
	background: #F2CC0F;
}
.s-bgcolor-done {
	background: #1FA641;
}

.s-min-width-50{
	min-width: 50px;
}
.s-min-width-60{
	min-width: 60px;
}
.s-min-width-70{
	min-width: 70px;
}
.s-min-width-80{
	min-width: 80px;
}
.s-min-width-90{
	min-width: 90px;
}
.s-min-width-100{
	min-width: 100px;
}
.s-min-width-110{
	min-width: 110px;
}
.s-min-width-120{
	min-width: 120px;
}
.s-min-width-130{
	min-width: 130px;
}
.s-min-width-140{
	min-width: 140px;
}
.s-min-width-150{
	min-width: 150px;
}
.s-min-width-160{
	min-width: 160px;
}
.s-min-width-170{
	min-width: 170px;
}
.s-min-width-180{
	min-width: 180px;
}
.s-min-width-190{
	min-width: 190px;
}
.s-min-width-200{
	min-width: 200px;
}

.s-minimum-width{
	width:1%;
}

.s-help{
	display: none;
}

.s-controlling{
	display: none;
}

.CodeMirror{
	border: 1px solid #d9dbde
}

.tooltip.show {
  opacity: 1;
}
.tooltip-inner {
    background-color: #626976;
    box-shadow: 0px 0px 2px black;
}
.tooltip.bs-tooltip-right .tooltip-arrow::before {
    border-right-color: #626976 !important;
}
.tooltip.bs-tooltip-left .tooltip-arrow::before {
    border-left-color: #626976 !important;
}
.tooltip.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: #626976 !important;
}
.tooltip.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: #626976 !important;
}
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .bs-tooltip-top .tooltip-arrow::before {
    border-top-color: #626976;
}

.controlling-action-column{
	padding-top: 0.25rem !important; 
	padding-right: 0.25rem !important; 
	padding-left:0rem !important; 
	width:30px !important;
}

.controlling-action-placeholder{
	padding-right: 0.75rem;
}





/* DARK MODE STUFF */

.theme-dark .markdown>table>thead, .theme-dark .table>thead {
    background-color: #2f4f4f8a;
}

.theme-dark .markdown>table thead th, .theme-dark .table thead th {
    color: #bbb !important;
}

.theme-dark .markdown>table thead th, .theme-dark .table thead th > a{
    color: #bbb !important;
}

.theme-dark .markdown>table, .theme-dark .table {
    border-color: #666;
}

.theme-dark .footer {
    color: #888;
}

.theme-dark .card {
    border: 1px solid #666;
}

.theme-dark .card-header {
    border-bottom: 1px solid #666;
}

.theme-dark .dropdown-menu {
    border: 1px #666 solid;
}

.theme-dark .dropdown-divider {
    border-top: 1px #666 solid;
}

.theme-dark .dropdown-item.active, .theme-dark .dropdown-item:active {
    color: #fff;
}

.theme-dark .form-check-input:not(:checked), .theme-dark .form-control, .theme-dark .form-file-text, .theme-dark .form-imagecheck-figure:before, .theme-dark .form-select, .theme-dark .form-selectgroup-check, .theme-dark .form-selectgroup-label {
    border-color: #888;
}

.theme-dark .dropdown-item:focus, .theme-dark .dropdown-item:hover {
    background-color: #2f4f4f8a;
}

.theme-dark .btn-action.show, .theme-dark .btn-action:hover {
    background: #666;
    color: white;
}

.theme-dark .form-hint {
    color: #888;
}

.s-text-light {
  --tblr-text-opacity: 1;
  color: #aaa !important;
}
.theme-dark .s-text-light {
  color: #888 !important;
}

.theme-dark .text-muted {
    color: #888!important;
}

.theme-dark .btn {
    border-color: #666;
}

.theme-dark .btn-link {
    color: #888;
}

.s-link {
  color: #000;
}
.s-link:hover, .s-link:focus {
  color: #000;
}
.theme-dark .s-link:hover, .theme-dark .s-link:focus {
  color: #fff;
}

.theme-dark .s-link {
  color: #fff;
}

.theme-dark .breadcrumb a {
    color: #888;
}

.theme-dark .link-secondary {
    color: #888;
}

.s-svg{
	fill: #000;
	stroke: #fff;
}
.theme-dark .s-svg{
	fill: #fff;
	stroke: #000;
}

.svg-donut-ring{
	stroke: #eee;
}

.theme-dark .svg-donut-ring{
	stroke: #666;
}

@media (min-width: 768px) {
	.s-formrow {
	    --tblr-gutter-x: 1rem;
	    --tblr-gutter-y: 0;
	    display: flex;
	    flex-wrap: wrap;
	    margin-top: calc(-1 * var(--tblr-gutter-y));
	    margin-right: calc(-.5 * var(--tblr-gutter-x));
	    margin-left: calc(-.5 * var(--tblr-gutter-x));
	}
}