md-tooltip {
    font-size:14px;
    opacity:0.8;
}

md-tooltip .md-content {
    background-color: #373737;
}
.q-task-state {
    border-radius: 4px;
    color:#ffffff;
    width:60px;
    padding:4px 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
    display:inline-block;
    font-size:13px;
    cursor:help;
}

.q-task-state.starting {
    background-color: #00BCD4;
}

.q-task-state.running {
    background-color: #F9A825;
}

.q-task-state.success {
    background-color: #43A047;
}

.q-task-state.failure {
    background-color: #EF5350;
}

.q-task-state.unknown {
    background-color: #455A64;
}
.q-file-display {
    border-radius: 50%;
    color:#FFF;
    background-color:#00BCD4;
    padding:5px;
}

.q-file-display.q-folder {
    background-color: #9399a0;
}
@-webkit-keyframes show_apps {
    from {
        -webkit-transform: translateY(-4%);
        transform: translateY(-4%);
        opacity:0;
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}
@keyframes show_apps {
    from {
        -webkit-transform: translateY(-4%);
        transform: translateY(-4%);
        opacity:0;
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

.q-app-nebula {
    background-color: #373737;
    color:#FFF;
    font-size:12px;
    text-align:center;
    width:360px;
    padding:20px;
    -webkit-animation: show_apps 0.3s cubic-bezier(.55, 0, .1, 1);
    animation: show_apps 0.3s cubic-bezier(.55, 0, .1, 1);
}

.q-app-title {
    font-size:20px;
    margin-bottom:20px;
}

.q-app-nebula a {
    color:#FFF;
    text-decoration: none;
    padding:10px;
    display:block;
    background-color: rgba(255,255,255,0.05);
    border-radius:2px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.q-app-nebula a:hover {
    background-color: rgba(255,255,255,0.1);
}

.q-app-nebula .q-app {
    padding:6px;
}

.q-app-nebula-icon {
    font-size:45px;
    padding:10px;
}
.q-toast-success .md-toast-text {
    font-weight: 700;
    color:#66BB6A;
}

.q-toast-failure .md-toast-text {
    font-weight: 700;
    color:#EF5350;
}

md-toast.md-center {
    left: 50%;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
}
.q-upload-progress {
    padding:20px;
    position:absolute;
    bottom:20px;
    right:20px;
    min-width:320px;
    font-size:12px;
    background-color:#373737;
    color:#FFF;
}

q-upload-progress {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity:1;
    visibility: visible;
}

q-upload-progress.hidden {
    opacity:0;
    visibility: hidden;
}

.q-upload-progress .q-upload-title {
    font-size:18px;
    margin-bottom:20px;
}

.q-upload-progress md-progress-linear {
    margin-bottom:5px !important;
}

.q-upload-list {
    overflow-y:auto;
    max-height:400px;
    padding:10px;
}
.q-payment-state {
    border-radius: 4px;
    color:#ffffff;
    width:60px;
    padding:4px 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
    display:inline-block;
    font-size:13px;
    cursor:help;
}

.q-payment-state.pending {
    background-color: #F9A825;
}

.q-payment-state.success {
    background-color: #43A047;
}

.q-payment-state.failure {
    background-color: #EF5350;
}
.q-app-promo {
    text-align: center;
    color:#FFFFFF;
    padding-bottom:10px;
}

.q-app-promo-title {
    margin-bottom:10px;
}

.q-app-promo a {
    text-decoration: none;
    font-size:45px;
    margin:4px;
}

.q-app-promo a, .q-app-promo a:visited {
    color:#FFFFFF;
}