/* VARS */
:root {
  --c-main: #ffffff;
  --c-main-light: #ffffff;
  --c-main-dark: #ffffff;
  --c-main-font: #313136;
  --c-main-out: #616161;

  /* --c-trans-light: #00000015; */
  --c-trans-light: #00000015;
}
/* ALL */
body {
  --bs-body-bg: var(--c-main);
  --bs-body-color: var(--c-main-font);
  /* For table in Modals */
  --bs-emphasis-color: var(--c-main-font);
  --bs-border-color: var(--c-main-out);
}

/* BOOTSTRAP */
.btn-close:focus {
  box-shadow: 0 0 10px var(--c-main-dark);
}
.btn-primary {
  background-color: var(--c-main-dark);
  border-color: var(--c-main-out);
}
.btn-primary:hover, .btn:active, .btn:first-child:active, .btn.active, .btn.show {
  background-color: var(--c-trans-light);
  border-color: var(--c-main-font);
}
.dropdown-item.active, .dropdown-item:active {
  background-color: var(--c-main-dark);
  border-color: var(--c-main-dark);
}
.form-control:focus, .form-select:focus {
  border-color: var(--c-main-out);
  box-shadow: 0 0 10px var(--c-main-dark);
}
.form-control::-moz-placeholder, .form-control::placeholder {
  color: var(--c-main-out);
}
a {
  color: var(--c-main-font);
}

/* Transparant icon button */
.shade-hover:hover {
  background-color: var(--c-trans-light);
  cursor: pointer;
}

/* For Settings, WorkSpaces, Down buttons */
.big-btn {
  font-size: 25px;
}

/* Place for Search or Tab */
.file-place {
  min-height: 50px;
  align-content: center;
}