/* Css Document */

/*The Header*/

@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');

body, html {
  margin: 0;
  height:100%;
}
body {
	font-family: 'Roboto Condensed', sans-serif;
	background: #f7f7f7;
	/*overflow: hidden;*/
}
/*Set up Brand Colors*/

:root {
  --dark: #20607F;
  --primary: #ff6600;
  --secondary: #29B1E3;
  --info: #2C9DD2;
  --light: #f7f7f7;
  --filter: #EAF9FF;
  --orange: #ff6600;
}
a {
  color: var(--info);
}

.btn-primary {
  color: #fff;
  background-color: var(--orange);
  border-color: var(--orange);
}

.btn-primary:hover {
  color: var(--orange);
  background-color: var(--white);
  border-color: var(--orange);
}

.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: var(--orange);
  border-color: var(--orange);
  box-shadow: 0 0 0 0.2rem rgba(255, 102, 0, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: var(--orange);
  border-color: var(--orange);
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: var(--orange);
  border-color: var(--orange);
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 102, 0, 0.5);
}


.btn-secondary {
  color: #ffffff;
  background-color: var(--secondary);
  border-color:  var(--secondary);
}

.btn-secondary:hover {
  color:  var(--secondary);
  background-color: var(--white);
  border-color:  var(--secondary);
}

.btn-secondary:focus, .btn-secondary.focus {
  color: #ffffff;
  background-color: var(--secondary);
  border-color:  var(--secondary);
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}

.btn-secondary.disabled, .btn-secondary:disabled {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
  color: #ffffff;
  background-color: var(--secondary);
  border-color:  var(--secondary);
}

.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}

.dropdown-item.active, .dropdown-item:active {
    background-color: var(--info);
}

.btn-filter {
  color: var(--dark);
  background-color: var(--filter);
  border-color: var(--filter);
}

.btn-filter:hover {
  color: var(--dark);
  background-color: var(--white);
  border-color: var(--filter);
}

.btn-filter:focus, .btn-filter.focus {
  color: var(--dark);
  background-color: var(--filter);
  border-color: var(--filter);
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}

.btn-filter.disabled, .btn-filter:disabled {
  color: var(--dark);
  background-color: var(--filter);
  border-color: var(--filter);
}

.btn-filter:not(:disabled):not(.disabled):active, .btn-filter:not(:disabled):not(.disabled).active,
.show > .btn-filter.dropdown-toggle {
  color: var(--dark);
  background-color: var(--filter);
  border-color: var(--filter);
}

.btn-filter:not(:disabled):not(.disabled):active:focus, .btn-filter:not(:disabled):not(.disabled).active:focus,
.show > .btn-filter.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}








/*Cards
.card.card-settings {
    background: #eee;
	border-color: #eee;
}
.card {
    margin-bottom: .75rem;
}
.card-collapse .card-header:after {
    font-family: 'icomoon';  
    content: "\e925";
    float: right; 
}
.card-collapse .card-header.collapsed:after {
    content: "\e925";
}*/

/*Form Items
label {
    color: var(--dark);
    font-weight: bold;
}
*/

/*The Tables
.table th, .table td {
    padding: 0.50rem;
    border-top: 1px solid #eeeeee;
}
.table thead th {
    border-bottom: 2px solid #eeeeee;
    background-color: #eeeeee;
    color: var(--dark);
}*/