﻿@-webkit-keyframes fadeOut {
    0%   {opacity: 1;}
    80%  {opacity: 0;}
    100% {opacity: 0;}
}
@keyframes fadeOut {
    0%   {opacity: 1;}
    80%  {opacity: 0;}
    100% {opacity: 0;}
}

select:disabled {
  cursor: not-allowed;
  background-color: #eee;
  opacity: 1;
}

table tr .right {
    text-align: right;
}

.error {
    color: #a94442;
    font-weight: bold;
}
form fieldset .error {
    margin-bottom: 20px;
}

/* Job styles */

#job-list tbody td {
    font-size: 0.8em;
}
#job-list .active td {
    font-weight: bold;
    background-color: rgb(213, 242, 255);
}

.pending.ng-enter {
    -webkit-animation: slideInLeft 1s;
    animation: slideInLeft 1s;
}
.pending.ng-leave {
    -webkit-animation: zoomOut 1s;
    animation: zoomOut 1s;
}
.active.ng-enter {
    -webkit-animation: zoomIn 2s;
    animation: zoomIn 2s;
}
.active.ng-leave {
    -webkit-animation: fadeOut 1s;
    animation: fadeOut 1s;
}

.finished {
    color: #B2B2B2;
}
.finished.ng-enter {
    -webkit-animation: lightSpeedIn 2s;
    animation: lightSpeedIn 2s;
}

.Cancelled {
    color: rgba(255, 156, 0, 0.70);
}
.Completed {
    color: rgba(0, 187, 10, 0.64);
}
.Failed {
    color: rgba(255, 0, 0, 0.50);
}

/* Alert Styles */

.ui-alert.ng-enter {
    -webkit-animation: fadeIn 0.5s;
    animation: fadeIn 0.5s;
}
.ui-alert.ng-leave {
    -webkit-animation: fadeOut 0.5s;
    animation: fadeOut 0.5s;
}


/* Bootstap Overrides */

.page-header, .page-header h1 {
    margin-top: 0;
}

.form-horizontal .control-label {
    text-align: left;
}
.form-horizontal .help-block {
    margin-bottom: 0;
}


/* Angular Overrides */

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}