/* Empty. Add your own CSS if you like */
.profile {
    width: 150px;
    height: 150px;
    background-size: cover;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 50px;
}

.logo {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -80px;
    margin-left: -100px;
}

.logo-footer {
    font-size: 10pt;
}

.no-results {
    color: gray;
    font-size: 20px;
    padding: 100px;
    text-align: center;
}

.empty-data {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -87px;
    margin-left: -100px;
}

.bar-icon {
    font-size:22px !important;
    margin-right: 5px;
    margin-left: 5px;
}

.holded {
    background-color: lightgray;
    /*box-shadow:
                1px 1px #387ef5,
                2px 2px #387ef5,
                3px 3px #387ef5;
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);*/
}

.centered-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -16px;
    margin-left: -16px;
}

.spinner svg {
  width: 32px;
  height: 32px;
  stroke: #387ef5;
  fill: #387ef5;
}

.animate-repeat {
  line-height:30px;
  list-style:none;
  box-sizing:border-box;
}

.animate-repeat.ng-move,
.animate-repeat.ng-enter,
.animate-repeat.ng-leave {
  transition:all linear 0.1s;
}

.animate-repeat.ng-leave.ng-leave-active,
.animate-repeat.ng-move,
.animate-repeat.ng-enter {
  opacity:0;
  max-height:0;
}

.animate-repeat.ng-leave,
.animate-repeat.ng-move.ng-move-active,
.animate-repeat.ng-enter.ng-enter-active {
  opacity:1;
  max-height:30px;
}