@primary-color: #00398a;

.primary-color {
    color: @primary-color !important;
}

.primary-background {
    background-color: @primary-color;
}

.white {
    color: white !important;
}

.bar .button.button-clear {
    color: @primary-color !important;
}

.arrival-col {
    color: #fd2424;
}

.departure-col {
    color: red;
}

input {
    color: #8c8c8c !important;
}

.spinner {
    &.primary-color {
        stroke: @primary-color;
        fill: @primary-color;
    }
}

.list-search {
    margin: 0 0 25px;
}

button {
    &.action {
        background-color: transparent;
        color: @primary-color !important;
        border-color: @primary-color !important;
    }

    &.action {
        &:hover {
            background-color: @primary-color !important;
            color: white !important;
        }
    }
}

.pull-right {
    float: right;
}

/*.popup {
    margin-top: -200px;
}*/

.chroma-list {
    .card {
        &.ng-enter {
            animation: fadeInRight 0.3s;
        }

        &.ng-leave {
            animation: fadeOutLeft 0.3s;
        }

        &.ng-enter-stagger {
            animation-delay: 25ms;
            animation-duration: 0;
        }
    }

    .chroma-list-item {
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
        padding: 15px;
        border-color: #F3F1F1;

        &.ng-enter {
            animation: fadeInRight 0.3s;
        }

        &.ng-leave {
            animation: fadeOutLeft 0.3s;
        }

        &.ng-enter-stagger {
            animation-delay: 25ms;
            animation-duration: 0;
        }
    }
}

.errors {
    margin-top: 25px;
    background-color: white;
    padding: 10px;
    border: 1px solid red;
    color: red;
}

.card .item:last-child, .list-inset .item:last-child, .padding > .list .item:last-child {
    border-radius: 0;
}


.no-animate {
   -webkit-transition: none !important;
   transition: none !important;
}