@import "../bower_components/bootstrap/dist/css/bootstrap.min.css";
body {
  padding-top: 70px;
}

.myComponent a {
    cursor: pointer;
}

.myComponent a.remove {
    opacity: .5;
}

.myComponent a.remove:hover {
    color: red;
    transition: opacity .1s ease-in ;
    opacity: 1;
}

.myComponent ul,
.myComponent footer {
    border-top: 1px solid #ccc;
    margin-top:1em;
    padding-top:1em;
}
.myComponent .btn-success {
    margin-left: 7px;
}

.myComponent .form-add-new .form-control {
    width: 100%;
}

.myComponent .form-add-new .input-group .form-control {
    min-width: 150px;
}
.myComponent ul .form-control {
    background-color: inherit;
    border: none;
    box-shadow: none;
}
.myComponent ul .form-control:focus {
    background-color: #fff;
    border: 1px solid #66afe9;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}