:root{
	--bs-emphasis-color-rgb: 0,0,0;
	--bs-table-striped-bg:#000;
	
	--bs-secondary-rgb:0,0,0;
	--bs-bg-opacity:0.1;
	--joadyTable-bg-rgb: 52,58,64;

	--bs-btn-bg-rgb:26,26,26;
	--bs-bg-opacity: 0.5;
/*	--bs-modal-zindex: #{$zindex-modal};
	--bs-modal-width: #{$modal-md};
	--bs-modal-padding: #{$modal-inner-padding};
	--bs-modal-margin: #{$modal-dialog-margin};
	--bs-modal-color: #{$modal-content-color};
	--bs-modal-bg: #{$modal-content-bg};
	--bs-modal-border-color: #{$modal-content-border-color};
	--bs-modal-border-width: #{$modal-content-border-width};
	--bs-modal-border-radius: #{$modal-content-border-radius};
	--bs-modal-box-shadow: #{$modal-content-box-shadow-xs};
	--bs-modal-inner-border-radius: #{$modal-content-inner-border-radius};
	--bs-modal-header-padding-x: #{$modal-header-padding-x};
	--bs-modal-header-padding-y: #{$modal-header-padding-y};
	--bs-modal-header-padding: #{$modal-header-padding}; // Todo in v6: Split this padding into x and y
	--bs-modal-header-border-color: #{$modal-header-border-color};
	--bs-modal-header-border-width: #{$modal-header-border-width};
	--bs-modal-title-line-height: #{$modal-title-line-height};
	--bs-modal-footer-gap: #{$modal-footer-margin-between};
	--bs-modal-footer-bg: #{$modal-footer-bg};
	--bs-modal-footer-border-color: #{$modal-footer-border-color};
	--bs-modal-footer-border-width: #{$modal-footer-border-width};
*/

	--bs-color-main: rgb(10, 10, 10);
	--bs-body-bg:  #f2f2f2;
	--bs-modal-color:--bs-dark-rgb;
	--bs-modal-bg:  #f2f2f2;
	--bs-filter-drop: drop-shadow(0px 4px 6px #343a40);
	
	--bs-bgcolor-supersupersuperlight: rgb(239, 239, 239);
	--bs-bgcolor-supersuperlight: rgb(209, 209, 209);
	--bs-bgcolor-superlight: rgb(175, 175, 175);
	--bs-bgcolor-light: rgb(140, 140, 140);
	--bs-bgcolor-medium: rgb(70, 69, 69);
	--bs-bgcolor-dark: rgb(35, 35, 35);
	
}
.bg-primary{
	--bs-bg-opacity: 0.5;
	background-color: rgb(var(--bs-bgcolor-dark)) !important;
}

body{
	letter-spacing: 0px;
	color: #000;
}
b, strong {
  font-weight: 700;
}

table {
  border-collapse: collapse;
}
label{
	font-weight: 700;
}

a {
	color: rgba(0,0,0,1);
}
a:hover{
color: rgba(0,0,0,0.75);
}
table thead tr {
  margin-left: 20px;
}

table tbody tr {
  border: 1px solid #ccc;
}

.btn{
	padding:10px 20px;
}
.btn-xs {
	padding: 0px 7px;
	font-size: 0.7rem;
}
.btn-submit{
	margin-top: 1rem;
}

.input-group-text {
	
}


/*
#############################################
FORM DEFAULTS 
#############################################
*/
.form-select,
.form-control{
	border-radius: .25em;
}
.form-select:focus,
.form-control:focus{
	box-shadow: none;
	outline: 1px solid rgba(26, 26, 26, 0.25);
}
.form-control::placeholder{
	color: rgba(0,0,0,0.3); 
}
/*
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
	border-top-left-radius: .25em;
	border-bottom-left-radius: .25em;
}*/


.filter {
	padding:10px;
	background:rgba(var(--joadyTable-bg-rgb), 0.1) !important;
	margin:20px 0;
}
.filter .btn {
	padding: 5px 10px;
	margin-top: 5px;
}
.filter .btn:hover,
.filter .btn {
	padding: 5px 10px;
	margin-top: 5px;
	border-color: #7C7C7D;
}

.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
  color: var(--bs-btn-active-color);
  background-color: rgba(var(--bs-btn-bg-rgb),0.5);
  border-color: #7C7C7D;
}
.btn-check:checked + .btn-status-new, :not(.btn-check) + .btn-status-new:active, .btn-status-new:first-child:active, .btn-status-new.active, .btn-status-new.show
.btn-status-new > .btn-new:checked {
	color: var(--bs-btn-color);
	background-color:var(--bs-white);
}
.btn-check:checked + .btn-status-eval, :not(.btn-check) + .btn-status-eval:active, .btn-status-eval:first-child:active, .btn-status-eval.active, .btn-status-eval.show
.btn-status-eval > .btn-check:checked {
	background-color:var(--bs-warning);
}
.btn-check:checked + .btn-status-selected, :not(.btn-check) + .btn-status-selected:active, .btn-status-selected:first-child:active, .btn-status-selected.active, .btn-status-selected.show
.btn-status-selected > .btn-check:checked {
	background-color: var(--bs-success);
}
.btn-check:checked + .btn-status-declined, :not(.btn-check) + .btn-status-declined:active, .btn-status-declined:first-child:active, .btn-status-declined.active, .btn-status-declined.show
.btn-status-declined > .btn-check:checked {
	background-color: var(--bs-danger);
}

.accordion-body,
.accordion-button.collapsed {
  color: var(--bs-accordion-active-color);
  background-color: var(--bs-accordion-active-bg);
  /*box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);*/
}
.accordion-button:not(.collapsed),
.accordion-collapse.show .accordion-body {
  color: var(--bs-accordion-active-color);
  background-color:rgb(209, 209, 209,0.5);
}
.accordion-body{
	background-color:rgb(209, 209, 209,0.5);
	padding-top:0;	
}
.accordion-button:not(.collapsed){
	font-weight: 700;
}

.accordion-button:focus {
	box-shadow: none;
}
/*
.joadyTable .btn{
	padding:5px 10px;
	color:#FFF;
}

.joadyTable .joadyTableHeader {
	font-weight: 700;
	background: rgba(var(--joadyTable-bg-rgb), 0.7) !important;
	color: #FFF;
	padding: 20px;
	margin-bottom: 20px;
}
.joadyTable .joadyTableBody .row{
	padding: 0px 10px;
	border-bottom: 2px solid transparent;
}

.joadyTable .joadyTableBody .rowheader {
	padding: 10px;
}

.joadyTable .joadyTableBody .row:nth-child(even) div.col-md-6{
	 background-color: rgba(var(--joadyTable-bg-rgb), 0.3) !important;
	 
}
.joadyTable .joadyTableBody .row:nth-child(odd) div.col-md-6{
	 background-color: rgba(var(--joadyTable-bg-rgb), 0.1) !important;
}
.joadyTable .joadyTableBody .row .col-md-6 {
	padding-top: 10px;
}
.joadyTable h6 {
	padding-top: 10px;
	font-size: 1.3rem;
	font-weight: 400;
	letter-spacing: 1px;
	text-transform: none;
	margin-bottom:0;
}
.joadyTable .input-group-text {
	padding: 0.5rem;
	min-width: 16px;
}
.joadyTable .form-control,
.joadyTable .form-select {
	padding: 0.5rem;
}
.joadyTable .badge.bg-primary,
.joadyTable .btn-primary {
	background-color: rgba(var(--bs-btn-bg-rgb),0.5);
}
.joadyTable .btn-xs{
	padding: 0.28rem 0.65em;
}

.joadyTable h6 strong {
	font-weight: 700;
}

.joadyTable .evaluation_status {
	min-width: 130px;
}
*/
.card {
	border:0;
	background-color:var(--bs-bgcolor-supersuperlight);
}
.card-body {
 color: var(--bs-color-main);
}
.modal-backdrop {
	z-index: 3000;
}

.modal {
	z-index: 4000;
}
.modal h4{
	text-transform: unset;
}

.modal .btn{
	color: var(--bs-btn-color);
}
.modal-header{
	background-color:var(--bs-bgcolor-supersuperlight);
}
.modal-body{
	background-color: var(--bs-bgcolor-supersupersuperlight);
}
.modal .btn.close{
	font-size: 1.5rem;
}
.modal-content{
	background-color: var(--bs-body-bg); 
	text-align:left;
}
.modal-content fieldset legend {
	text-transform: uppercase;
	letter-spacing: 3px;
	font-size: 1rem;
	font-weight: 600;
}

/*
.application-detail-table tbody tr{
	border:0;
}
.application-detail-table tbody td{
	padding: 5px 10px;
}


#############################################
STATUS COLORS
#############################################


.status_NEW {
	background-color: #FFF !important;
	color: var(--bs-heading-color);
}
.status_EVAL {
	background-color: var(--bs-warning) !important;
	color: #FFF;
}
.status_DECLINED {
	background-color: var(--bs-danger) !important;
	color: #FFF;
}

.status_SELECTED {
	background-color: var(--bs-success) !important;
	color: #FFF;
}
.job_edit table tbody tr {
	border: 0;
}
*/
/*
.eduadmin-tooltip{
	--bs-tooltip-bg: #000;
	--bs-tooltip-color: #FFF;
}

tr.ui-selecting {
  background: var(--nord4);
}

tr.ui-selected {
  background: var(--nord4);
  color: var(--nord2);
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
	  background: var(--nord4);
	  border:0;
}

.loading{
	position: relative;
}

.hidden {
  display: none;
}
.ingredient_headline{
	font-size: 1.1rem;
}*/
/*
.modal-header{
	background: #343a40;
}
.modal-header h5 {
	color: var(--nord4);
}	
.modal-header .close {
	color: var(--nord4);
	text-shadow: 0;
	opacity: 1;
}
.modal-body .alert{
	margin-top: 0;
}
*/
/*
.keywords_select {
	width: calc( 100% - 50px);
	border-radius: 0;
}
.form-group{
	margin-bottom: 1.5rem;	
}


.emojionearea, .emojionearea.form-control {
	border-radius:0px;
	border: 1px solid #ced4da;
	height: calc(2.25rem + 2px);
	padding: .375rem .75rem;
	font-size: 1rem;
	box-shadow: none;
}
#keywordModal .btn-success {
	height: calc(2.25rem + 2px);
	padding: .375rem .75rem;
	font-size: 1rem;
}
.keyword_edit_form .row{
	margin-bottom: 5px;
}
*/
.alert{
	margin-top: 30px;
}

.navbrand{
	color: var(--bs-navbar-color);
	background-color: var(--bs-navbar-bgcolor);
}
.navbrand object svg {
	-webkit-filter: invert(100%); /* safari 6.0 - 9.0 */
	filter: invert(100%);
}	
h1{
	margin-bottom: 0;
}
.navbar,
.navbar .dropdown-menu {
	z-index:2000;
	background-color: var(--bs-bgcolor-dark) !important;
}

.dropdown-menu .dropdown-item {
	font-size: 1.0rem;
}

/*
.navbar-nav{
	flex-direction: inherit;
}
.navbar-nav .nav-item {
	padding-left: 10px;
	display: inline;
	vertical-align: middle;
}
.navbar-nav .nav-item .dropdown-toggle {
	padding:.5rem 0;
}

.navbar-dark .navbar-nav .nav-link {
	text-transform: uppercase;
    color: var(--nord4);
}*/
/*
.badge-light {
	background: var(--nord4);
}
.navbar-nav .dropdown-menu{
	position: absolute;
}
*/

/*
.nav-link {
	color: #FFF;

}
.nav-link.recipeicon .svg-inline--fa {
	vertical-align:-1px;
}


.recipeiconobject{
	margin-bottom: -3px;
}


.nav-link.recipeicon .recipeiconobject{
	margin-bottom: -3px;
}
.nav-link.recipeicon .recipeiconobject #Layer_1{

	fill: var(--nord4);
}

textarea,
input[type] {
	border-radius: 0;
	background-color: #FFF;
}
input[type="checkbox"] {
	-ms-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
	padding: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}*/
.main_wrapper {
	margin-top: 30px;
	margin-bottom: 60px;	
}

/** LOGIN **/

#admin_login {
	background-color: var(--bs-bgcolor-dark) !important;
}

#admin_login .btn-block{
	width: 100%;
	background-color: var(--bs-bgcolor-superlight) !important;
}

#admin_login .svg-inline--fa {
	vertical-align:-1px;
}
#admin_login h1 {
	width: 100%;
	padding: 10px;
	font-weight: 300;
	margin-bottom: 10px;
}

.navbar{
	padding-top:10px;
	padding-bottom: 10px;
	filter: drop-shadow(0px 4px 6px #343a40);
}

/*
 * Programmes LIST
 
.table.table-striped tr.inactive{
	opacity: 0.5;
}
.program_edit .row{
	margin-top: 20px;
}
.program_edit .row.wrongend input.end,
.program_edit .row.duplicate input{
	border: 1px solidvar(--nord11);
}
#programmes-table tr.inactive {
	opacity: 0.5;
}
#user-table .btn-xs,
#programmes-table .btn-xs{
	padding: 0.28rem 0.65em;	
}
*/
.user-edit-ul {
	padding:0;
	margin:0;
}
.user-edit-ul li {
	list-style: none;
	padding:10px;
	margin:0;
 }

/*
 * CKEDITOR
 */
.ck-editor__editable_inline {
	min-height: 400px;
}

/*
 * APPLICATIONS

#applications-table tr.inactive {
	opacity: 0.5;
}
#applications-table tr.inactive .result_form,
#applications-table tr.inactive .result_remarks_form,
#applications-table tr.inactive .stars
{
	display: none;
}

.application_result_remarks{
	font-size: 1.0rem;
}
 */
.dataTable tr.odd {
	background: rgb(243, 243, 243);
}
.dataTable tr.inactive {
	opacity: 0.5;
}

.dataTable tr:hover {
	background: #FFF;
}

.dataTable tbody td {
	  vertical-align: top;
}
table.dataTable.no-footer {
  border-bottom: 0;
}




/*
 * Sidebar


.sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 100; 
  padding: 48px 0 0;
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
}

.sidebar-sticky {
  position: relative;
  top: 0;
  height: calc(100vh - 48px);
  padding-top: .5rem;
  overflow-x: hidden;
  overflow-y: auto;
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
  .sidebar-sticky {
    position: -webkit-sticky;
    position: sticky;
  }
}

.sidebar .nav-link {
  font-weight: 500;
  color: #333;
}

.sidebar .nav-link .feather {
  margin-right: 4px;
  color: #999;
}

.sidebar .nav-link.active {
  color: var(--nord4);
}

.sidebar .nav-link:hover .feather,
.sidebar .nav-link.active .feather {
  color: inherit;
}

.sidebar-heading {
  font-size: .75rem;
  text-transform: uppercase;
}
 */
/*
 * Content
 */

[role="main"] {
  padding-top: 20px; /* Space for fixed navbar */
}

@media (min-width: 768px) {
  [role="main"] {
    padding-top: 20px; /* Space for fixed navbar */
  }
}

/*
 * Navbar


.navbar-brand {
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-size: 1rem;
  background-color: rgba(0, 0, 0, .25);
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .25);
} 

.navbar .form-control {
  padding: .75rem 1rem;
  border-width: 0;
  border-radius: 0;
}*/
/*
.form-control-dark {
  color: #fff;
  background-color: rgba(255, 255, 255, .1);
  border-color: rgba(255, 255, 255, .1);
}

.form-control-dark:focus {
  border-color: transparent;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, .25);
}
*/
/*
.svg-inline--fa {
	height: 0.8em;
	width: 0.8em;
	vertical-align: -.10em
	
}
*/
/*OVERWRITE BOOTSTRAP GRID
@media (max-width: 768px) {

	.col-md-3 {
    	-ms-flex: 0 0 25%;
		flex: 0 0 50%;
		max-width: 50%;

	}


	.recipe_edit .table-sm td{
		width: 100%;
		display: block;
	}


}
*/