// Here you can add other styles
h2.pageTitle {
    font-weight: 400;
}
.main .container-fluid {
    min-width: 992px;
}

.hashText{
  font-family: monospace, monospace;
}

.invalid-feedback{
    font-size: 100%;
}

.alert-success{
    color: #6b8765;
    background-color: #b2eaa7;
    border-color: #b2eaa7;
    font-weight: 500;
    border-radius: 2px;
}

.alert-danger {
    color: #8f2d39;
    background-color: #ec909b;
    border-color: #ec909b;
    border-radius: 2px;
    font-weight: 500;
}

/* Loading Spinner */
.circonf {
    $size:2em;
    $speed: .7s;
    margin: 1em;
    display:inline-block;
    width:$size;
    height:$size;
    border-radius:50%;
    border:4px solid silver;
    animation: circ-anim $speed linear infinite; 
}
.circonf-1 {
    border-bottom-color: grey;
}
@keyframes circ-anim {
    from {
        transform: rotate(0);
    }
    to {
        transform: rotate(360deg);
    }
}
@keyframes color1 {
    0% {
        stroke: #D8334A;
    }
    10% {
        stroke: #FC6E51;
    }
    20% {
        stroke: #FFCE54;
    }
    30% {
        stroke: #A0D468;
    }
    40% {
        stroke: #A0CECB;
    }
    50% {
        stroke: #4FC1E9;
    }
    60% {
        stroke: #8067B7;
    }
    70% {
        stroke: #BAA286;
    }
    80% {
        stroke: #CCD1D9;
    }
    90% {
        stroke: #2ECC71;
    }
    100% {
        stroke: #D8334A;
    }
}
