body {
  background-color: #4b5b75;
}

h1 {
  color: #4b5b75;
  font-weight:500 !important;
}

.navbar {
  box-shadow: 0px 1px 5px 0px #4A4F52;
  background: linear-gradient(#373A3C,#2B2E30);
}

.btn {
  margin-bottom: 1%;
}

.btn-primary, .btn-primary:visited {
  background-color: #373A3C !important;
  color: #AAB1BD !important;
  border: none;
}

.btn-primary:hover {
  background-color: #272A2B !important;
  color: #AAB1BD !important;
  border: none;
}

.btn-primary:active {
  background-color: #272A2B !important;
  color: #AAB1BD !important;
  border: none;
}

.btn-default {
  padding: 0%;
  color: #4b5b75 !important;
}

.btn-default:hover {
  padding: 0%;
  color: #38465C !important;
}

.jumbotron {
  width: 95%;
  display:block;
  overflow:auto;
  position: absolute;
  top: 12%;
  left: 2.5%;
  position: absolute;
  padding-top: 2%;
  padding-right: 2%;
  z-index: 1;
  background-color: #AAB1BD;
}

h2 {
  position: absolute;;
  top: 20%;
}

.taco {
  margin-right: 12%;
}

.column-print-out {
  margin-left: 3%;
}

p {
  margin-top: 0;
  margin-bottom: 0;
}

.alert {
  width: 98%;
  margin: 1%;
  position:absolute;
  z-index: 1000 !important;
}

.alert-warning {
  background-color: #EDC37E;
}

.canvasBorder {
  background: linear-gradient(#373A3C,#2B2E30);
  border: 3px solid #D9D9DA;
  height: 88vh;
  width: 98%;
  margin-top: .5%;
  margin-left: auto;
  margin-right: auto;
  overflow: scroll;
  border-radius: 7px;
}

.jsPlumbBoundary {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: visible;
  background-color: inherit;
}

.jtk-connector {
  z-index:1;
  opacity: .5;
}

.switch {
  position: absolute;
  width: 160px;
  height: 34px;
}

.scroller {
  margin-top: .3%;
  margin-right: 12%;
  margin-left: 12%;
  width: 160px;
  height: 34px;
}

.slider-box {
  position: absolute;
  height: 10px;
  top: 50%;
  left: 0;
  right: 0;
  background-color: #4B5B75;
  border: 1px solid #D9D9DA;
  z-index: 0;
  border-radius: 4px;
}

.slider.round {
  position: absolute;
  border-radius: 20%;
  height: 18px;
  width: 30px;
  left: 65px;
  top:38.5%;
  background-color: #4B5B75;
  border: 1px solid #D9D9DA;
}

.zoom-button {
  color: #D9D9DA;
  position: absolute;
  top:20%;
  opacity: 1;
}

.zoom-button:active {
  opacity: .7;
}

#zoom-out {
  left: -21%;
}

#zoom-in {
  left: 104%;
}

.fa-arrows-h {
  position: absolute;
  z-index: 1;
  left: 25%;
  top: 2.5%;
  color: #303335;
}

.add-column-card {
  position: absolute;
  z-index: 5;
  top: 30%;
  left: 35%;
  width: 30% !important;
  box-shadow: 0px 0px 10px 2px black;
}

.form-check-input {
  color: green;
}

.hidden {
  display: none;
}

.fa-times {
  color: #D9D9DA;
  float: right;
}
