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;

}