* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.bd-navbar {
    min-height: 4rem;
    background-color: #bc7e33;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 5%), inset 0 -1px 0 rgb(0 0 0 / 10%);
}

:root {
  /* --main-color: #4ad0cc; */
	--main-color: #bc7e33; 
  --secondary-color: #d7e3ef;
  --box-shadow: 0 0 7px 0 var(--secondary-color);
  --main-color-hover: #94642b; 
}

body {
  font-size: 1rem;
  color: #777; /* #303030; */
  overflow-x: hidden;
  background: #eee; /* #f8f9fa; */
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; 
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
    monospace;
}


a {
  text-decoration: none;
  color: var(--main-color);
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

a:hover {
  color: var(--main-color-hover);
}

.content {
  padding: 20px;
}

.header {
  padding: 10px;
  background: #edf2f4;
  border-bottom: 1px solid #999;
}
.header a {
  color: #0072ff;
  text-decoration: none;
  margin-left: 20px;
  margin-right: 5px;
}
.header a:hover {
  color: #8a0f53;
}
.header small {
  color: #666;
}
.header .active {
  color: #2c7613;
}

.container, .container-fluid {
	max-width: 100% !important;
	padding-right: 0px !important;
	padding-left: 0px !important;
}

button {
  color: #333;
  background: white;
  background-color: #f4f4f4;
  outline: none;
}

button:disabled {
  color: #999;
}

button:not(:disabled):active {
  background-color: #ddd;
}

button:focus {
  border-color: #666;
}

h4 {
  color: orangered;
}

.modal .modal-dialog {
  max-width: 90% !important;
}
input {
  text-transform: uppercase;
}