@-moz-keyframes animation-spin {
    100% {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes animation-spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes animation-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.has-header {
    padding-top: 70px;
}

/* File Button */
.btn-file {
    position: relative;
    overflow: hidden;
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

/* Radio button */
.btn-radio {
    display: inline-block;
}

.btn-radio input {
    opacity: 0;
    height: 0;
    width: 0;
}

.btn-radio input:checked + label.btn {
    background-color: #286090;
    border-color: #204d74;
}

.image-upload-preview {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    width: 120px;
    height: 120px;
}

/* Table */
.table.table-fixed {
    table-layout: fixed;
}

.table.table-fixed td {
    text-overflow: ellipsis;
    overflow: hidden;
}

.table.table-horizontal-scroll {
    overflow: auto;
    display: block;
}
/* List Group */
.list-group-horizontal-border .list-group-item {
    border-left: none;
    border-right: none;
}

/* Progress bar */
.progress.progress-xs {
    height: 10px !important;
}

/* Progress bar */
.progress.progress-ultra-xs {
    height: 3px !important;
}

.dropdown-intro input[type=checkbox] {
    height: 12px;
    vertical-align: middle;
    margin: 0;
}

.scrollable-menu {
    height: auto;
    max-height: 300px;
    overflow-x: hidden
}

.deploying-list-item-proto {
    display: none;
}

.no-pad-left {
    padding-left: 0;
}
/* Disable Border Radius*/
/* buttons */
.btn-default,
.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger,
    /* form */
.form-control,
    /* other */
.panel,
.well,
.alert,
.modal-content,
.navbar-nav > li > .dropdown-menu,
.list-group-item:first-child,
.list-group-item:last-child,
.panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child,
.panel-group .panel {
    border-radius: 0;
}

/* box-shadow */
.well,
.form-control,
.modal-content,
.input-group-btn {
    /* 0 1px 1px rgba(0,0,0,.2) */
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
}

.panel-title a {
    position: relative;
}
.f32 .en {
    background-position: 0 -2912px;
}

.f16 .en {
    background-position: 0 -1456px;
}
/* Text helpers */
.text-light {
    color: #fff;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.paddingless {
    padding: 0px;
}

.marginless {
    margin: 0px;
}

.no-wrap {
    white-space: nowrap
}

.break-words {
    word-break: break-all;
}
.formError .formErrorContent {
    border: none;
    border-radius: 0;
    box-shadow: none;
    background: #EB1D1D;
}
.login .logo-holder {
    text-align: center;
    overflow: hidden;
}

.login .logo {
    height: 80px;
    margin: 20px 20px 20px 0;
}
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);

body, html {
    min-height: 100%;
    min-width: 100%;

    color: #525252;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

body {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#006070+1,1493b3+51,5da1b3+100 */
    background: #006070; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #006070 1%, #1493b3 51%, #5da1b3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(1%, #006070), color-stop(51%, #1493b3), color-stop(100%, #5da1b3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, #006070 1%, #1493b3 51%, #5da1b3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, #006070 1%, #1493b3 51%, #5da1b3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, #006070 1%, #1493b3 51%, #5da1b3 100%); /* IE10+ */
    background: linear-gradient(135deg, #006070 1%, #1493b3 51%, #5da1b3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006070', endColorstr='#5da1b3', GradientType=1); /* IE6-9 fallback on horizontal gradient */
}

#main-content {
    min-height: 600px;
}

td.maxed {
    word-wrap: break-word;
    max-width: 150px;
}

/*=====================================
    Header Bar
=====================================*/
.header-bar-logo {
    padding: 5px;
}

.header-bar-logo .logo {
    padding: 0 5px;
}

.header-bar-logo a {
    text-decoration: none;
}

/*=====================================
    Sidebar
=====================================*/
.sidebar .list-group-item {
    transition: all 0.4s;
}

/*=====================================
    Buttons
=====================================*/
.btn {
    transition: all 0.4s;
}

/*=====================================
    jQuery Validation Engine + Selectize ( and TinyMCE ) fix
=====================================*/
select.selectized, .mce-tinymce.mce-container ~ textarea, .invisible-field {
    display: block !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    opacity: 0 !important;
    border: 0 !important;
}

/*=====================================
    Tree List
=====================================*/
.tree-leaf > div .move-handle {
    position: absolute;
    top: 10px;
    left: 16px;
    color: #fff;
}

.tree-list ul {
    padding: 0px;
    background-color: #F5F5F5;
}

.tree-list ul, .tree-leaf {
    list-style-type: none;
    color: #2A2727;
    border: 1px solid #F5F5F5;
}

.tree-list li, ul#sortableListsBase li {
    padding-left: 50px;
    margin: 5px;
    border: 1px solid #DADDE0;
    background-color: #337AB7;
    position: relative;
}

.tree-leaf > div {
    padding: 7px;
    background-color: #FFF;
    border: 1px transparent;
}

.tree-leaf .clickable, .tree-leaf .move-handle {
    cursor: pointer;
}

.limited-span {
    display: inline-block;
    max-width: 70%;
    word-wrap: break-word;
}

.sortableListsCurrent {
    list-style: none;
}

.package-icon {
    margin-top: 5px;
    min-width: 20%;
}

#sortableListsHint {
    background-color: rgb(195, 234, 252);
    border: 1px solid rgb(171, 216, 255);
}

#sortableListsPlaceholder {
    background-color: #E4E4E4;
}

.flow-drop {
    font-size: 13px;
    text-align: center;
    color: #666;
    font-weight: bold;
    background-color: #eee;
    border: 2px dashed #aaa;
    z-index: 9999;
}

.flow-drop .content-holder {
    padding: 50px;
}

.flow-dragover {
    color: #555;
    background-color: #ddd;
    border: 1px solid #999;
}

.sp-replacer .sp-preview {
    width: 100%;
}

.deploy-in-progress {
    opacity: 0.5;
    pointer-events: none;
}

/* Deployment icons */
.deploy-succeeded:after, .deploy-failed:after, .deploy-in-progress:after {
    font-family: "Glyphicons Halflings";
    position: absolute;
    right: 8px;
}

.deploy-failed:after {
    content: "\e014";
    color: darkred;
}

.deploy-succeeded:after {
    content: "\e013";
    color: lightgreen;
}

.deploy-in-progress:after {
    content: "\e031";
    color: dimgray;
    -webkit-animation: animation-spin 2s linear infinite;
    -moz-animation: animation-spin 2s linear infinite;
    animation: animation-spin 2s linear infinite;
}

.dev-feature {
    display: none;
}

.dev-features-enabled .dev-feature {
    display: block;
}

.spinning {
    -webkit-animation: animation-spin 2s linear infinite;
    -moz-animation: animation-spin 2s linear infinite;
    animation: animation-spin 2s linear infinite;
}

#inject_data > div:not(:last-child) {
    display: flex;
    flex-direction: row;
    gap: 10px;
    margin-bottom: 10px;
}

#inject_data > div:last-child {
    margin-top: 10px;
}

#inject_data > div > *:first-child{
    flex: 0 0 200px;
    min-width: 200px;
}

#inject_data > div > input[type="text"], #inject_data > div > select{
    flex: 1;
}


.selectize-input, .selectize-dropdown, .selectize-dropdown.form-control {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    border-radius: 0;
}

.selectize-input.focus {
    border-radius: 0;
}

.selectize-control.multi .selectize-input > div {
    padding: 1px 6px;
    background: #337AB7;
    color: #FFFFFF;
}

.selectize-control.multi .selectize-input.disabled > div, .selectize-control.multi .selectize-input.disabled > div.active {
    color: #FFFFFF;
    background: #B8BABB;
    border: 0 solid rgba(77, 77, 77, 0);
}