body {
    background-color: #E6F1DE;
    background-blend-mode: lighten;
    font-family: 'Saira';
}

.p {
    font-family: 'Saira';
}

.login-div {
    text-align: center;
    justify-content: center;

}

.logo-drawing {
    width: 15%;
    height: auto;
    margin-top: 20%;
}

.logo-word {
    text-align: center;
    justify-items: center;
    margin-top: 5%;
    width: 30%;
}

.prompt {
    width: 100%;
    margin-top: 25px;
    margin-bottom: 25px;
}

form{
    margin-left: 24%;
    margin-right: 24%;

}

.input-group-text {
    border: none;
    background-color: white;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.form-control {
    height: 40px;
    border: none;
    padding-left: 0px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #B0BAC9;
    opacity: 0.5; /* Firefox */
    font-size: 14px;
}

.alert {
    color:#DD3730;
    background-color: none;
    border: none;
    font-size: 70%;
    text-align: left;
    padding: 0%;
    margin-bottom:12%;
}

.button {
    margin-bottom: 30px;
    color:white;
    height: 40px;
    width: 100%;
    background-image:linear-gradient(to bottom, #7FB655 100%, #679941 100%);
    border: none;
    border-radius:8px;
}

.button:hover {
    background-image:linear-gradient(to bottom, #679941 100%, #679941 100%);
}

.login-div:hover .logo-drawing {
    animation-name: bounce;
    animation-duration: 1.4s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

#footer{
    text-align: center;
}

@keyframes bounce {
    0%   { transform: scale(1,1)      translateY(0); }
    10%  { transform: scale(1.05,.95)   translateY(0); }
    25%  { transform: scale(1,1)   translateY(-20px); }
    40%  { transform: scale(.98,1.02)   translateY(-30px); }
    55%  { transform: scale(1,1)   translateY(-20px); }
    70%  { transform: scale(1.02,.98) translateY(0); }
    80%  { transform: scale(1,1)      translateY(-10px); }
    90%  { transform: scale(1,1)      translateY(0); }
    100% { transform: scale(1,1)      translateY(0); }
}

.booth {
  fill: none;
  stroke: #60c466;
  stroke-width: 3px;
  cursor: not-allowed;
}

.booth_circle {
  stroke-width: 4px;
  stroke: #01890a;
  fill: white;
}
.booth_edge {
  stroke: black;
  stroke-width: 5px;
}
.booth_bn {
  font-size: 50px;
  fill: #888;
}
.bi {
  font-size: 25px;
}
.d3_icon {
  cursor: pointer;
}
.d3_icon > body,
.selected_on_mouse > body,
.placed_icon > body {
  background: none;
}

line.selected_on_mouse {
  stroke-width: 1px;
  stroke: #888;
}
text.selected_on_mouse {
  font-size:15px;
  stroke: #888;
}
.target_booth {
  fill: #fcc1a6;
  cursor: pointer;
}
div.symbols > div {
  cursor: pointer;
  margin: auto;
}
text.added_text {
  font-size: 18px;
}
/* svg .bi {
  font-size: 55px;
  width: 55px;
  height: 55px;
} */
.obs {
  stroke: black;
  stroke-width: 4px;
  fill: white;
}

foreignObject.placed_icon,
foreignObject.selected_on_mouse {
  width: 80px;
  height: 80px;
}
foreignObject.placed_icon .bi,
foreignObject.selected_on_mouse .bi {
  font-size: 50px;
}

text.added_text.placed_icon,
text.added_text.selected_on_mouse {
  font-size: 30px;
}