/*
	jet black (tiefschwarz) - RAL 9005: #0e0e10, rgba(14, 14, 16, 1.0);
	mango: #FF8040, rgba(255, 130, 67, 1.0);
	gray: #a1a1a1, rgba(161, 161, 161, 1.0)
*/

/*
@media (prefers-color-scheme: light) {}
@media (prefers-color-scheme: dark) {}
*/

/* debug */
* {
  //border: 1px solid gray;
}

// customize some Bootstrap variables
$primary: #FF8040;
$jet-black: #0e0e10;



$body-color: #9f9f9f;
$list-group: #232323;
$list-group-bg: $list-group;
$list-group-hover-bg: darken($list-group, 10%);
$list-group-active-bg: $list-group;
$list-group-action-active-bg: $list-group;

@import '~bootstrap';
@import 'dropzone/dist/dropzone';
@import 'cropperjs';
@import './components/sidebar';


html, body {
  margin: 0;
  padding: 0;
  //background: linear-gradient(90deg, rgba(14,14,16,1) 0%, rgba(255,128,64,1) 35%, rgba(14,14,16,1) 100%);
  background: #0e0e10;
}


// Dropzone
.dropzone .dz-preview {
  background: transparent !important;
  margin: 0 !important;
}

.dropzone-container {
  width: 160px;
  height: 160px;
}

.dropzone-preview-filename {
  word-wrap: anywhere;
  display: none;
}

.dropzone-preview-image {
  flex-basis: 0;
  min-width: 150px;
  max-width: 150px;
  min-height: 150px;
  max-height: 150px;
}

.dz-image {
  background: transparent !important;
}


#main_content {
  overflow-y: auto;
  height: calc(100vh - 190px); // 74px header, 64px header
}

.form-signin {
  width: 100%;
  max-width: 330px;
  padding: 15px;
  margin: 50px auto auto;
}

.form-signin .checkbox {
  font-weight: 400;
}

.form-signin .form-control {
  position: relative;
  box-sizing: border-box;
  height: auto;
  padding: 10px;
  font-size: 16px;
}

.form-signin .form-control:focus {
  z-index: 2;
}

.form-signin input {
  border-radius: 0;
}

.form-signin input[id="registration_form_username"] {
  margin-bottom: -1px;
  border-radius: 0.375rem 0.375rem 0 0;
}

.form-signin input[id="registration_form_password_second"] {
  margin-bottom: 10px;
  border-radius: 0 0 0.375rem 0.375rem;
}

.quote-box {
  border-left: 1px solid #ff8844;
  color: #ff8844;
}

.project-image {
  width: 200px;
  margin: 15px;
}