/*
	Document : base.css
	Created on : Feb 3rd, 2021
	Author : Mick Whiffin
	Description :
		Style Sheet for Blastramp

*/
body {
  font-family: 'Roboto', sans-serif;
  margin: 0;
  font-size: 0.8rem;
  /* background-color: var(--color-gray-lighten-5); */
  background-color: var(--color-gray-lighten-3);
  /* background-color: var(--color-bg-light); */
  --color-primary:#18189e;
  --color-primary-lighten:#5E60CE;
  --color-primary-lighten-1:#2abebe;
  --color-primary-light:#dee4ff;
  --color-primary-dark:rgb(0, 27, 150);
  --color-primary-dark-shadow:rgb(0, 27, 150, 0.03);
  --color-primary-background: #567397;
  --color-secondary: #00e0cc;
  /* --color-primary-border-active: #BB86FC; */
  --color-primary-border-active: #a700c9;
  --color-gray-darken:  #333333;
  --color-gray:  #666666;
  --color-gray-lighten-1: #AAAAAA;
  --color-gray-lighten-2: #DFDFDF;
  --color-gray-lighten-3: #EFEFEF;
  --color-gray-lighten-4: rgba(246,246,252);
  /*
  --color-gray-lighten-5: rgba(245,245,253);
  */
  --color-gray-lighten-5:#f8f7fa;
  --color-gray-lighten-6: rgba(233,237,250);
  --color-bg-light: #EDE7E3;
  --color-bg-primary: white;

  --color-error: #b90000;
  --color-error-background: #e48f8f;
  --color-success: #118f00;
  --color-success-background: #e0ffe1;
  --color-info: var(--color-primary);
  --color-info-background: var(--color-primary-light);
  --color-warning: #ff9c07;
  --color-warning-background: #fff4e5;

  /* --color-chart-blue-darkest: #004586;
  --color-chart-blue-dark: #1B96C6;
  --color-chart-blue-light: #BBDEF0;
  --color-chart-red: #FF420E;
  --color-chart-salmon: #EF767A;
  --color-chart-green: #49DCB1;
  --color-chart-orange: #EEB868;
  --color-chart-bright-purple: #eda2da; */

  --color-chart-blue-darkest: #7400B8;
  --color-chart-blue-dark: #6930C3;
  --color-chart-blue-light: #5E60CE;
  --color-chart-red: #5390D9;
  --color-chart-salmon: #4EA8DE;
  --color-chart-green: #48BFE3;
  --color-chart-orange: #56CFE1;
  --color-chart-bright-purple: #64DFDF;  
}
.blastramp-info {
  background-color: var(--color-primary-lighten);
}
a {
  color: var(--color-primary);
  text-decoration: none;
}

/* a:hover {
  color: var(--color-gray);
  text-decoration: underline;
}
a:active {
  color: #000000;
} */
a.tooltip {
  opacity: 100;
}
.theadCard {
  background-color: var(--color-gray-lighten-2);
}
/* table */
table, div.table {
  border-collapse:separate;
  font-size: 10pt;
  border-radius: 5px;
  margin-left: auto;
  margin-right: auto;
  width: 99%;
  margin-top: 10px;
  margin-bottom: 10px;
  caption-side: top;
}
tfoot td {
  border-top: 1px solid var(--color-gray-lighten-2);
  border-bottom: 1px solid var(--color-gray-lighten-2);
  padding-bottom: 10px;
}
fieldset {
  margin: 10px;
  padding: 10px;
}

.saved {
  background-color: #F8F8F8;
}

legend {
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 10px;
}
input, button, textarea {
  border: 1px solid var(--color-gray-lighten-1);
  border-radius: 5px;
  height: 2rem;
  color: var(--color-gray);
}
input[type="text"]:read-only,
select[disabled] {
  background-color: #ccc;
  /* border: 1px solid #ccc; */
  color: #666;
  cursor: not-allowed;
  opacity: 0.7;
}
select {
  border: 1px solid var(--color-gray-lighten-1);
  border-radius: 5px;
  height: 2rem;
  color: var(--color-gray);
  background-color: white;
  margin: 0 5px;
}
select[multiple] {
  height: auto;
}
/* fix for firefox ugly selects */
@-moz-document url-prefix() {
  select {
  -moz-appearance: none;
  background: url(data:image/gif;base64,R0lGODlhCwALAJEAAAAAAP///xUVFf///yH5BAEAAAMALAAAAAALAAsAAAIPnI+py+0/hJzz0IruwjsVADs=);
  background-repeat: no-repeat;
  background-position: 96% 30%;  }
}
form {
  margin-block-end: 0;
}
/* form input[type=text], form select {
  margin: 0 5px;
  width: 200px;
} */

/* logo */
img.main-logo {
  width: 20rem;
  height: fit-content;
}
input[type=checkbox] {
  vertical-align: middle;
  margin: 0 5px;
}
.dataTables_wrapper, .form-table_wrapper {
  /* padding-top: 0.4rem; */
  /* border-top: 1px solid var(--color-gray-lighten-2); */
  border-radius: 5px;
  padding: 0.5rem;
  background-color: white;
  border: 1px solid white;
  /* box-shadow: 1px 2px 4px 3px var(--color-primary-dark-shadow); */
  /* padding-bottom: 1rem; */
}
table.container__table.dataTable thead th {
  padding: 0.4rem;
  vertical-align: middle;
}
/* .dataTables_wrapper input,
.dataTables_wrapper select {
  margin-bottom: 0.4rem;
} */
/* .dataTables_wrapper input[type=checkbox] {
  height: 1rem;
} */
.dataTables_filter {
  margin-bottom: 0.4rem;  
}
.btn-group button.btn-br-outline-secondary {
  border-color: var(--color-primary-background);
  color: var(--color-primary);
}
span.outline-success {
  background-color: var(--color-success-background);
  color: var(--color-success);  
}
span.outline-error {
  background-color: var(--color-error-background);
  color: var(--color-error);  
}
span.outline-warning {
  background-color: var(--color-warning-background);
  color: var(--color-warning);  
}
span.outline-info {
  background-color: var(--color-info-background);
  color: var(--color-info);
}
span.outline-default {
  background-color: var(--color-gray-lighten-3);
  color: var(--color-gray);
}
.container__table.table-striped>tbody>tr:nth-of-type(odd) {
  --bs-table-accent-bg: var(--bs-table-striped-bg);
  --bs-table-striped-bg: var(--color-gray-lighten-4);  
  /* color: var(--bs-table-striped-color); */
}
.table-hover tbody tr:hover td {
  background-color: var(--color-primary-light);
  background-image: none;
}

.form-table_wrapper .form-table {
  background-color: white;
  border-radius: 3px;
}

.c form label {
  width: 200px;
  margin-left: 10px;
  font-weight: bold;
}
.c form input {
  margin: 3px;
}
.c form {
  background-color: white;
  margin: 5px 5px 15px 5px;
  box-shadow: 1px 2px 4px 3px rgba(100, 100, 100, 0.05);
  border-radius: 5px;  
}
.c form.no-border {
  border: none;
  box-shadow: none;
}