/* ========== debug.css ========== */

.show-in-debug-mode {
    display: none;
}
.show-debug .show-in-debug-mode {
    display: block;
}
.form-template {
    display: none;
    color: white;
    background-color: red;
    opacity: 0.5;
}


/* ========== formcomponent.css ========== */

.form-table .hide-in_form {
    display: none;
}

.form-table .btn-xs .glyphicons {
    vertical-align: text-top;
}

.form-table,
.form-table table {
    table-layout: fixed;
    width: 100%;
}
.form-table .layout-helper td {
    border: none !important;
    padding: 0px !important;
    margin: 0px !important;
    height: 1px !important;
}

FORM .form-meta {
    color: silver;
    font-size: 10px;
    clear: both;
    text-align: left;
}
FORM .form-meta .btn,
FORM .form-meta .btn:hover {
    color: silver;
    font-size: 10px;
    clear: both;
    background-color: transparent;
    cursor: default;
    padding: 0px;
    vertical-align: inherit;
}
FORM .form-meta li {
    padding: 0px !important;
    margin: 0px !important;
}
FORM .form-meta .meta-container {
    display: none;
}
FORM .form-meta.show-meta .meta-container {
    display: block;
}
FORM .form-debug {
    padding: 10px;
    background-color: #FFA465;
}
FORM .form-debug INPUT {
    width: 100%;
}

FORM .show-in-debug-mode {
    display: none;
}
.show-debug FORM .show-in-debug-mode {
    display: block;
}
.show-debug FORM .show-in-debug-mode a {
    color: #cccccc;
}

#action-dialog-body TABLE.form-table .first {
    width: 30%;
}

TABLE.form-table .add_button_container td,
TABLE.form-table .remove_button_container td {
    text-align: right;
}

form .formcomponentdata > TD {
    background-color: transparent;
    transition: background-color 0.2s ease-in-out 0s;;
}
form .formcomponentdata.confirm_success > TD {
    background-color: #dff0d8;
    transition: background-color 1s ease-in-out 0s;
}
form .formcomponentdata.confirm_error > TD {
    background-color: red;
    transition: background-color 1s ease-in-out 0s;
}
.bs3 form .table > tbody > tr > td {
    border-top: none;
}

.bs3 .table.form-table tr > td {
    padding: 4px;
}

.form-table.bs3 .form-control {
    height: auto;
    padding: 3px;
    font-size: 12px;
}


/* ========== formcomponent.attacheddocuments.css ========== */

.form-imageslotcandidates.attacheddocuments .imagegroup-infobox {
    display: none;
}

.form-imageslotcandidates.attacheddocuments .attacheddocuments_headline {
    font-size: 16px;
}

.form-imageslotcandidates.attacheddocuments .taggroup_buttons {
    float: right;
}

/* ========== formcomponent.autocomplete.css ========== */

.form-table .entry-as-tag {
    display: inline-block;
    
    background-color: #e7e7e7;
    border: 1px solid #d7d7d7;
    border-radius: 7px;
    color: #666666;
}
.form-table .entry-as-tag I {
    padding-left: 3px;
    vertical-align: text-top;
}
.form-table .entry-as-tag .btn-remove {
     background-color: inherit;
    border: medium none;
    color: #d9534f;
    padding: 0;
    vertical-align: top;
    width: 20px;
}
.form-table .entry-as-tag .btn-remove I {
    vertical-align: text-top;
}

.ui-menu-item.ui-state-focus {
    font-weight: normal;
}

/* ========== formcomponent.checkbox.css ========== */

TABLE.form-table .form-checkbox LABEL {
    width: auto;
    text-align: left;
    font-weight: normal;
    white-space: nowrap;
    margin-right: 5px;   
    font-size: 12px;
}
TABLE.form-table .form-checkbox .full LABEL {
    float: none;
    display: inline;
}

.bs3 .form-checkbox .first.full > span:first-of-type {
  margin-left: 15px; 
}

/* reset bootstrap layout */
.bs3 .form-checkbox.checkbox {
    display: table-row;
}
.bs3 .form-checkbox.checkbox input[type="checkbox"] {
    float: none;
    margin-left: 0px;
}


/* ========== formcomponent.container_taggroup.css ========== */

.bs3 .container_taggroup .alert {
    margin-bottom: 3px;
}

/* ========== formcomponent.datetime.css ========== */

#ui-datepicker-div {
    z-index: 999999 !important;
    font-size: 12px;
}
.ui-datepicker .ui-datepicker-title select {
    color: black;
}

/* ========== formcomponent.document-droppable.css ========== */

.document-droppable.dnd_file_dragover,
.formcomponentdata.document-droppable.document-droppable-active {
    background-color: #eeeeee;
    border: 1px dashed black;
}

.formcomponentdata.document-droppable.document-droppable-active.drop-hover {
    background-color: #a1a1a1;
}

.sortable-helper {
    border: 1px dashed #dddddd;
    background-color: red;
    opacity: 0.3;
    cursor: move;
    
    position: absolute;
    z-index: 999999;
}


/* ========== formcomponent.documentvariant.css ========== */

.form-documentvariant .first {
    
}
.form-documentvariant .last {
    /* background-color: white; */
    padding: 5px
}

.form-documentvariant IMG.current_variant {
    width: auto;
    height: auto;
    max-height: 250px;
    max-width: 220px;
    
    border: 1px solid silver;
}

.form-documentvariant .image_container {
    width: 220px;
    float: left;
}
.form-documentvariant .variant_option .image_container {
    width: 33%;
}

.form-documentvariant .image_container .input {
    margin-left: 5px;
}
.form-documentvariant IMG.variant {
    width: auto;
    height: auto;
    max-width: 90%;
    max-height: 200px;
    
    margin: 5px;
    
    border: 1px solid silver;
}

.form-documentvariant .variant_option.selected {
    /* border: 1px solid darkcyan; */
}

.form-documentvariant .variant_option {
    padding-top: 5px;
    padding-bottom: 5px;
    
    margin-bottom: 5px;
    
    /* border: 1px solid silver; */
    
    clear: both;
    width: 100%;
    float: right;
    
    border: 1px solid transparent;
}

.form-documentvariant .variant_option:hover {
    /* background-color: white; */
    border: 1px solid silver;
}
.form-documentvariant.closed .variant_option:hover {
    border: 1px solid transparent;
}


.form-documentvariant .variant_option input {
    margin-right: 5px;
}

.form-documentvariant.closed .variant_option {
    display: none;
}

.form-documentvariant.closed .variant_option.selected {
    /* display: block; */
}
.form-documentvariant.closed .variant_option.selected .image_container {
    display: none;
}

.form-documentvariant .action {
    display: none;
}
.form-documentvariant.closed .action {
    display: inline;
}
.form-documentvariant.closed .action A {
    color: black;
}

.form-documentvariant .filedata {
    
}

.form-documentvariant .filedata th {
    background: none;
    border: none;
    text-align: right;
}
.form-documentvariant .filedata tr:hover th {
    background: none;
}


/* ========== formcomponent.formtemplate.css ========== */

.form-table .form-template_handler {
    border: 1px solid silver;
}

.form-table .form-template_handler .template_button_container {
    margin-top: 5px;
}
.form-table .form-template_handler .create_new_template {
    float: right;
}
.dialog_layer .prepare-form-template .select-mode {
    text-align: center;
}
.dialog_layer .prepare-form-template .template-value {
    color: #737373;
}
.dialog_layer.bs3 .prepare-form-template td {
    padding: 4px;
}
.dialog_layer.bs3 input[type="radio"][disabled] {
    opacity: 0.5;
}


/* ========== formcomponent.galleryimage.css ========== */

.form-taggroups.GalleryImage,
.form-taggroups.container_gallerydocumentdata {
    display: none;
}

.form-taggroups .galleryimage-value td.first, 
.form-taggroups .galleryimage-value td.content, 
.form-taggroups .galleryimage-value td.last {
    padding: 0px;
    margin: 0px;
    border: none;
}

.form-taggroups.GalleryImage {
    font-size: 10px !important;
}

.form-taggroups.GalleryImage .image-container {
    height: 100px !important; 
    width: 100px !important;
}

/* for debugging */
.form-galleryimage-preview > td > div {
    height: 50px;
    overflow: auto;
}
.form-taggroups .container_galleryimage {
    border: 1px solid red;
}

.form-taggroups .container_galleryimage .taggroup_elements {
}

.form-taggroups .container_galleryimage .gallerimage-debuginfo li {
    float: left;
    margin-right: 5px;
}


/* ========== formcomponent.galleryimage_preview.css ========== */

.form-galleryimage-preview .image-container,
.form-galleryimage-preview .text-container {
    max-height: 400px;
}
.form-galleryimage-preview .text-container {
    overflow: auto;
}

.form-galleryimage-preview .galleryimage-preview-container {
}


.galleryimages-full .button-container {
    position: absolute;
    top: 0px;
    right: 0px;    
}
.full-galleryimage-preview .form-galleryimage-preview .galleryimage-preview-container,
.form-galleryimage-preview .galleryimages-full img,
.form-galleryimage-preview .galleryimages-full .button-container {
    display: none;
}
.form-galleryimage-preview .galleryimage-preview-container,
.full-galleryimage-preview .form-galleryimage-preview .galleryimages-full img,
.full-galleryimage-preview .form-galleryimage-preview .galleryimages-full .button-container {
    display: inline-block;
}

.thumbnail-galleryimage-preview .form-galleryimage-preview .show-if-full {
    display: none;
}
     .full-galleryimage-preview .form-galleryimage-preview .show-if-thumbnail {
    display: none;
}
.thumbnail-galleryimage-preview .form-galleryimage-preview .show-if-thumbnail {
    display: inline-block;
}
     .full-galleryimage-preview .form-galleryimage-preview .show-if-full {
    display: inline-block;
}

.thumbnail-galleryimage-preview .form-galleryimage-preview .show-if-full {
    display: none;
}

/* show the full preview buttuns if the thumbnail view is activated */
.thumbnail-galleryimage-preview .container_gallery .form-galleryimage-preview .galleryimages-full .galleryimage-full > *,
.thumbnail-galleryimage-preview .container_gallery .galleryimage-full .text-container > *{
    display: none;
}
.thumbnail-galleryimage-preview .container_gallery .form-galleryimage-preview .galleryimages-full .galleryimage-full .text-container,
.thumbnail-galleryimage-preview .container_gallery .galleryimage-full .text-container .candidate-buttons {
    display: block;
}
.thumbnail-galleryimage-preview .container_gallery .form-gallerypreview .galleryimage-full {
    height: auto;
}

/* end */

.form-galleryimage-preview .button-action-container {
    margin-top: 5px;
    text-align: left;
}

.form-galleryimage-preview .galleryimages-thumbnails {
}
.form-galleryimage-preview,
.container_gallery .galleryimage-data > td {
}
.form-galleryimage-preview .galleryimages-full {
    position: relative;
}
.form-galleryimage-preview .galleryimages-full .img-thumbnail {
    max-height: 100%;
    max-width: 60%;
    width: auto;
    float: left;
    
    border-radius: 10px;
    border: none;
}

.form-galleryimage-preview .galleryimages-full .text-container {
    overflow: hidden;
    height: 100%;
    text-align: left;
    padding-left: 10px;
    padding-top: 20px;
}

.form-galleryimage-preview .galleryimages-full .show-details-button {
    position: absolute;
    bottom: 30px;
    right: 5px;
}

.form-galleryimage-preview .galleryimages-full .text-container .background {
    position: absolute;
    top: 0px;
    bottom: 0px;
    width: 100%;
    height: 200%;
    
    background-color: white;
    opacity: 0.8;
}
.form-galleryimage-preview .galleryimages-full .text-container h1 {
    font-size: 16px;
}
.form-galleryimage-preview .galleryimages-full .text-container h2 {
    font-size: 16px;
}
.form-galleryimage-preview .galleryimages-full .text-container h3 {
    font-size: 12px;
}
.form-galleryimage-preview .galleryimages-full .text-container h1,  
.form-galleryimage-preview .galleryimages-full .text-container h2,
.form-galleryimage-preview .galleryimages-full .text-container h3 {
    margin-top: 3px;
    margin-bottom: 5px;
}
.form-galleryimage-preview .galleryimages-full .text-container .image-caption {
    text-align: left;
    margin: 5px;
}
.form-galleryimage-preview .galleryimages-full .text-container .image-caption p {
    padding: 0px;
    margin: 0px;
}
.form-galleryimage-preview .galleryimages-full .image-container {
    height: 400px;
}
.form-galleryimage-preview .galleryimages-full .image-container IMG {
    max-height: 100%;
    max-width: 100%;
    height: auto;
    width: auto;
}
.form-galleryimage-preview .galleryimage-thumbnail {
    position: relative;
    
    height: 135px;
    width: 135px;  
    
    float: left;
    
    border: 1px solid #dddddd;
    border-radius: 4px;
    
    transition: border 0.1s ease-in;
    
    margin-right: 1px;
    margin-bottom: 1px;
}
.form-galleryimage-preview .galleryimage-thumbnail.galleryimage-error {

}
.form-galleryimage-preview .galleryimage-thumbnail.galleryimage-error button.show-if-not-deleted {
    position: absolute;
    top: 0px;
    right: 0px;
}
.form-galleryimage-preview .galleryimage-thumbnail.galleryimage-error .alert {
    padding: 5px;
    margin-top: 15px;
}
.form-galleryimage-preview .galleryimage-thumbnail .image-container IMG {

    height: auto;
    max-height: 100%;
    max-width: 100%;
    width: auto;
    
    padding: 0px;
    
    border: none;
    
    position: absolute;
    margin: auto;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}
/*
.form-galleryimage-preview .galleryimage-thumbnail .image-container IMG.landscape {
    height: 100%;
}
.form-galleryimage-preview .galleryimage-thumbnail .image-container IMG.portrait {
    width: 100%;
}
*/
.form-galleryimage-preview .galleryimage-thumbnail.active,
.form-galleryimage-preview .galleryimage-thumbnail.story_document.active {
    border: 1px solid #3a87ad;
    background-color: #3a87ad;
}
.form-galleryimage-preview .galleryimage-thumbnail IMG {
}
.form-galleryimage-preview .galleryimage-thumbnail.active IMG {
    transition: none;
}
.form-galleryimage-preview .deleted IMG,
.form-galleryimage-preview .deleted .text-container {
    opacity: 0.5;
}
.form-galleryimage-preview .galleryimage-thumbnail .image-container {
    display: table-cell;
    height: 150px;
    max-width: 148px;
    width: 148px;
    vertical-align: middle;
    text-align: center;
}
.form-gallerypreview .galleryimage-full {
    height: 400px;
    margin-bottom: 5px;
}
.form-galleryimage-preview .galleryimage-full .button-container .btn-favorite I {
    color: yellow;
    text-shadow: 1px 1px 1px black;
}

.form-galleryimage-preview .deleted     .show-if-not-deleted,
.form-galleryimage-preview              .show-if-deleted,
.form-galleryimage-preview .deleted .btn.show-if-not-deleted,
.form-galleryimage-preview          .btn.show-if-deleted{
    display: none;
}
.form-galleryimage-preview .deleted     .show-if-deleted,
.form-galleryimage-preview .deleted .btn.show-if-deleted {
    display: inline-block;
}

.form-gallerypreview .toolbar {
    text-align: center;
    height: 30px;
}
.form-gallerypreview .toolbar.main {
    text-align: left;
}
.form-gallerypreview .toolbar.bottom {
}
.form-gallerypreview .toolbar .right {
    float: right;
}
.form-gallerypreview .toolbar .left {
    float: left;
}
.form-gallerypreview .toolbar .selection-info {
    display: inline;
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
}
/* hide/show gallery preview if available or info message */
.container_gallery.container-is-empty .images-found,
.container_gallery.container-is-empty .galleryimage-data,
.container_gallery                    .no-images-found {
    display: none;
}
.container_gallery                    .images-found,
.container_gallery.container-is-empty .no-images-found {
    display: block;
    clear: left;
}
.container_gallery                    .galleryimage-data {
    display: table-row;
}
form-galleryimage-preview .no-images-found > div {
    float: left;
    margin-right: 10px;
}

.form-galleryimage-preview .galleryimage-full.story_document .img-thumbnail {
    max-height: 100%;
    width: auto;
    height: 250px;
}
.form-galleryimage-preview .galleryimage-full.story_document .story-preview {
    height: 150px;
    overflow: auto;
    text-align: left;
}

.form-galleryimage-preview .galleryimage-full .story-preview {
    display: none;
}
.full-galleryimage-preview .form-galleryimage-preview .galleryimage-full .story-preview {
    display: block;
}
.form-galleryimage-preview .galleryimage-full .story-preview h1 {
    font-size: 14px;
    font-weight: bold;
}
.form-galleryimage-preview .galleryimage-full .story-preview h2 {
    font-size: 12px;
    color: darkred;
}
.form-galleryimage-preview .galleryimage-full .story-preview .lead {
    font-size: 12px;
    font-style: italic;
}
.form-galleryimage-preview .galleryimage-full .story-preview .body {
    font-size: 12px;
}
.form-galleryimage-preview .galleryimage-thumbnail.story_document {
    border: 3px solid #3a87ad;
}

.form-galleryimage-preview .galleryimage-thumbnail.story_document .story-preview {
    padding: 2px;
    position: absolute;
    text-align: justify;
    width: 100%;
    background-color: white;
}
.form-galleryimage-preview .galleryimage-thumbnail .story-preview h1,
.form-galleryimage-preview .galleryimage-thumbnail .story-preview h2 {
    font-size: 12px;
    font-weight: normal;
    margin-top: 1px;
    margin-bottom: 1px;
}
.form-galleryimage-preview .galleryimage-thumbnail .story-preview h2 {
    color: darkred;
}
.form-galleryimage-preview .galleryimage-thumbnail.story_document .image-container {
    display: inline-block;
    height: 75px;
    overflow: hidden;
}

.form-galleryimage-preview .container-action-buttons {
    position: absolute;
    top: 0px;
    right: 0px;
}
.form-galleryimage-preview .container-action-buttons.container-action-buttons-delete {
    position: absolute;
    top: auto;
    bottom: 1px;
    right: 1px;
}
.form-galleryimage-preview .galleryimages-full .container-action-buttons.container-action-buttons-delete {
    position: absolute;
    top: 0px;
    bottom: auto;
    left: 0px;
}


/* ========== formcomponent.gallerypreview.css ========== */

.bs3 .form-gallerypreview .form-galleryimage-preview {
    border-top: 5px solid #dddddd;
}
.bs3 .form-gallerypreview .form-galleryimage-preview.form-galleryimage-preview-toolbar {
    border: none;
}



/* ========== formcomponent.helper.alternativevalues.css ========== */

.bs3 FORM .alternative-values-container .this-document,
     FORM .alternative-values-container .this-document {
    opacity: 0.5;
}
FORM .alternative-values-container .duplicate {
    opacity: 0.5;
}
.bs3 FORM .alternative-values-container .is-parent-story,
     FORM .alternative-values-container .is-parent-story {
    font-weight: bold;
}
.bs3 .open > .dropdown-menu.value-container {
    left: auto;
    right: 0px;
}
FORM .alternative-values-container I {
    border-radius: 0;
    vertical-align: top;
}

FORM .alternative-values-container .label {
    color: #005b82;
    padding: 3px 20px;
    display: block;
    text-align: left;
}
.bs3 FORM .alternative-values-container > button {
    font-size: 10px
}
.bs3 FORM .alternative-values-container img {
    max-height: 50px;
    max-width: 50px;
}


/* ========== formcomponent.helper.autorecovery.css ========== */


.form-table .formcomponentdata.recovered .first,
.form-table .formcomponentdata.recovered input,
.form-table .formcomponentdata.recovered select,
.form-table .formcomponentdata.recovered textarea {
    color: red;
}

/* ========== formcomponent.helper.choosedocumentvariant.css ========== */

/*
variant selection
*/
FORM .variant-selection {
    position: fixed;
    z-index: 10;
    
    top: 30px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    min-height: 400px;
    min-width: 800px;
    
    display: none;
}
FORM .variant-selection .background {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    
    border-radius: 20px;
    border: 3px solid white;
    background-color: black;
    opacity: 0.8;
}
FORM .variant-selection .toolbar {
    position: absolute;
    top: 5px;
    right: 30px;
    
    z-index: 5;
}
FORM .variant-selection .preview {
    position: absolute;
    top: 45px;
    bottom: 150px;
    text-align: center;
    background-color: black;
    border: 3px solid white;
}
FORM .variant-selection .preview-content {
    height: 100%;
    display: block;
}
FORM .variant-selection .preview-content img {
    cursor: zoom-in;
    max-height: 100%;
}
FORM .variant-selection .thumbnails {
    height: 140px;
    position: absolute;
    bottom: 7px;
    left: 20px;
    right: 20px;
    overflow: auto;
    
    padding: 5px 10px;
}
FORM .variant-selection .thumbnails .template {
    display: none;
}
FORM .variant-selection .thumbnails .btn {
    width: 120px;
    height: 120px;
    position: relative;
    overflow: hidden;
}
FORM .variant-selection .thumbnails .btn img {
    max-height: 100%;
}
FORM .variant-selection .thumbnails .btn .variant-label {
    position: absolute;
    text-shadow: white 1px 1px 1px;
    left: 3px;
    bottom: 0px;
}
FORM .variant-selection .thumbnails .btn.btn-success .variant-label {
    text-shadow: black 1px 1px 1px;
}


/* ========== formcomponent.helper.contentx.css ========== */

.perspective-storyeditor .show-if-placed_in_indesign {
    display: none;
}
.perspective-storyeditor .placed_in_indesign .show-if-placed_in_indesign,
.perspective-storyeditor .not_placed_in_indesign .placed_in_indesign .show-if-placed_in_indesign{
    display: inline-block;
}
.perspective-storyeditor .not_placed_in_indesign .show-if-placed_in_indesign,
.perspective-storyeditor .placed_in_indesign .not_placed_in_indesign .show-if-placed_in_indesign{
    display: none;
}


/* ========== formcomponent.helper.validationvalues.css ========== */

FORM .does-not-match-validation-value .first {
    font-style: italic;
}
FORM .does-not-match-validation-value .first I.danger {
    color: red;
}


/* ========== formcomponent.imagegroup.css ========== */

.container_imagegroup .check_value {
    color: red;
}


/* ========== formcomponent.imagegrouppreview.css ========== */

.container_imagegroup .form-galleryimage-preview .galleryimages-full img,
.container_imagegroup .form-galleryimage-preview .galleryimages-full .button-container {
    display: inline-block;
}

/* hide/show gallery preview if available or info message */
.container_imagegroup.container-is-empty .images-found,
.container_imagegroup.container-is-empty .galleryimage-data,
.container_imagegroup                    .no-images-found {
    display: none;
}
.container_imagegroup                    .images-found,
.container_imagegroup.container-is-empty .no-images-found {
    display: block;
}

/* one image is placed in id but not favorite is selected */
.container_imagegroup.container-is-empty .has_images_placed_in_indesign .images-found {
    display: block;
}
.container_imagegroup.container-is-empty .form-imagegrouppreview.has_images_placed_in_indesign .galleryimages-full {
    height: 250px;
}
.container_imagegroup.container-is-empty .has_images_placed_in_indesign .no-images-found .img-thumbnail {
    font-size: 50px;
}
.form-imagegrouppreview .form-galleryimage-preview .galleryimages-full .img-thumbnail {
    max-height: 250px;
    height: auto;
    max-width: 60%;
    width: auto;
    
    transition: none;
    float: left;
}

.form-imagegrouppreview .form-galleryimage-preview .galleryimages-full .img-thumbnail.img-missing-variant {
    opacity: 0.4;
}
/*
.form-imagegrouppreview .form-galleryimage-preview .galleryimages-full .img-thumbnail.img-missing-variant-layer {
    position: absolute;
    top: 10px;
    left: 10px;
    max-width: 40%;
}
*/

.form-imagegrouppreview .form-galleryimage-preview .galleryimages-full .placed_in_indesign-icon {
    border-bottom: 1px solid #ddd;
    color: black;
    font-size: 16px;
    margin-bottom: 10px;
    padding-bottom: 5px;
    width: 100%;
}
.form-imagegrouppreview .form-galleryimage-preview .galleryimages-full .placed_in_indesign-icon i {
    background-size: 24px auto;
    height: 24px;
    line-height: 24px;
    width: 24px;
    vertical-align: bottom;
}

.container_imagegroup                    .no-images-found .img-thumbnail {
    width: auto;
    height: auto;
    font-size: 200px;
    color: #dddddd;
    float: left;
    overflow: hidden;
}
.container_imagegroup                    .no-images-found .alert {
    float: left;
    margin-left: 50px;
    margin-top: 50px;
    text-align: center;
    width: 300px;
}

/* multiple favorites */
.form-imagegrouppreview.multiple-favorites .galleryimages-full {
    height: 280px;
}

/* action buttons */
.form-imagegrouppreview.multiple-favorites-selected .galleryimage-full .button-action-container {
    visibility: hidden;
    height: 22px;
    overflow: hidden;
}
.form-imagegrouppreview.multiple-favorites-selected .galleryimage-full:hover .button-action-container {
    visibility: visible;
    position: absolute;
    z-index: 2;
}
.form-imagegrouppreview.multiple-favorites .form-galleryimage-preview .button-action-container {
    margin-top: 0px;
}
/* preview layout */
.form-imagegrouppreview.multiple-favorites .galleryimage-full {
    position: absolute;
    width: 100%;
    transition: left ease-in-out 0.5s, opacity ease-in-out 0.5s;
}
.form-imagegrouppreview.multiple-favorites-selected .galleryimage-full {
    text-align: left;
    left: 80%;
}

.form-imagegrouppreview.multiple-favorites-selected .galleryimage-full .btn {
    visibility: hidden;
}
.form-imagegrouppreview.multiple-favorites-selected .galleryimage-full:hover .button-action-container .btn {
    visibility: visible;
}
.form-imagegrouppreview.multiple-favorites-selected .galleryimage-full:hover,
.form-imagegrouppreview.multiple-favorites-selected .galleryimage-full.slot0:hover,
.form-imagegrouppreview.multiple-favorites-selected .galleryimage-full.slot1:hover,
.form-imagegrouppreview.multiple-favorites-selected .galleryimage-full.slot2:hover,
.form-imagegrouppreview.multiple-favorites-selected .galleryimage-full.slot3:hover {
    /*
    z-index: 2;
    background-color: white;
    left: 0px;
    width: 100%;
    */
}
.form-imagegrouppreview.multiple-favorites-selected .galleryimage-full.slot0 {
    background-color: white;
    left: 0px;
    width: 100%
}
.form-imagegrouppreview.multiple-favorites-selected .galleryimage-full.slot1 {
    background-color: white;
    left: 20%;
    width: 80%
}
.form-imagegrouppreview.multiple-favorites-selected .galleryimage-full.slot2 {
    background-color: white;
    left: 40%;
    width: 60%
}
.form-imagegrouppreview.multiple-favorites-selected .galleryimage-full.slot3 {
    background-color: white;
    left: 60%;
    width: 40%
}
.form-imagegrouppreview .galleryimage-full {
    height: 275px;
}
.form-imagegrouppreview .candidate-buttons {
    position: absolute;
    bottom: 0px;
    right: 0px;
    
    padding: 3px;
}
.form-imagegrouppreview .indesign_selection {
}
.form-imagegrouppreview.has_images_placed_in_indesign .galleryimages-full {
    height: 380px;
}
.form-imagegrouppreview.has_images_placed_in_indesign .galleryimage-full {
    height: 130px;
    bottom: 0px;
}
.form-imagegrouppreview.has_images_placed_in_indesign .form-galleryimage-preview .galleryimage-full .img-thumbnail {
    height: 100px;
}
.form-imagegrouppreview.has_images_placed_in_indesign .galleryimage-full.indesign_selection {
    height: 250px;
    top: 0px;
    position: relative;
}
.form-imagegrouppreview.has_images_placed_in_indesign .form-galleryimage-preview .galleryimage-full.placed_in_indesign.indesign_selection .img-thumbnail {
    height: 220px;
}
.form-imagegrouppreview.has_images_placed_in_indesign .form-galleryimage-preview .galleryimages-full .text-container {
    height: 100px;
}
.form-imagegrouppreview.has_images_placed_in_indesign .form-galleryimage-preview .galleryimage-full.indesign_selection .text-container {
    height: 200px;
}
.container_imagegroup .form-galleryimage-preview .galleryimages-full .indesign_selection .button-container {
    display: none;
}


/* ========== formcomponent.imageslotcandidates.css ========== */

.form-imageslotcandidates {
    
}
.form-imageslotcandidates .candidate-headline {
}
.form-imageslotcandidates .candidate-tools BUTTON {
    padding: 1px 5px 2px;
    height: 22px;
}
.form-imageslotcandidates .candidate-tools {
    text-align: right;
}
.form-imageslotcandidates .candidate-tools .btn-group {
    text-align: left;
}
.form-imageslotcandidates .candidates {
    display: inline-block;
    border: 1px transparent solid;
    padding: 0px;
    margin: 0px;
    min-height: 130px;
}
.form-imageslotcandidates.more .candidates {
    max-height: 350px;
    overflow: auto;
}
.form-imageslotcandidates.attacheddocuments .candidates {
    max-height: none;
}
.document_mode_multiple .form-imageslotcandidates .candidates {
    max-height: none;
    width: 100%;
}
.form-imageslotcandidates.more .candidates {
    width: 100%;
}
.form-imageslotcandidates .candidate h1,
.form-imageslotcandidates .candidate h2 {
    margin-top: 0px;
    margin-bottom: 10px;
}
.form-imageslotcandidates .candidate h1 {
    font-size: 14px;
}
.form-imageslotcandidates .candidate h2 {
    font-size: 12px;
}
.form-imageslotcandidates .candidate {
    display: inline-block;
        
    position: relative;
    float: left;
}

.form-imageslotcandidates .candidate.ui-placeholder {

}
.form-imageslotcandidates.less .candidate.ui-placeholder {
    width: 100px;
    height: 125px;
}
.form-imageslotcandidates.more .candidate.ui-placeholder {
    width: auto;
    height: 130px;
}
.form-imageslotcandidates .candidate.dnd-candidate .img-tools {
    visibility: hidden;
}

.form-imageslotcandidates.less.candidates-available .candidates .candidate {
    height: 130px;
    width: 130px;
    margin: 5px;
    
    border-radius: 5px;
    
    border: 1px solid #dddddd;
}
.form-imageslotcandidates.less.candidates-available .container-action-buttons .btn-group > button .btn-label {
    display: none;
}

.form-imageslotcandidates.more .candidate {
    height: 155px;
    width: 100%;
    padding-top: 10px;
    padding-top: 10px;

    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 10px;

    border: 1px solid #dddddd;
    border-radius: 5px;
    
    display: block;
    
    text-align: left;
}
.form-imageslotcandidates.more .candidate.has_preview_thumbnail {
    height: 255px;
}
.form-imageslotcandidates .candidates .fakerow {
    display: none;
}

.form-imageslotcandidates .btn.more-and-less,
.bs3 .form-imageslotcandidates .btn.more-and-less {
    display: none;
    float: right;
    padding-bottom: 3px;
}
.form-imageslotcandidates.candidates-available .btn.more-and-less,
.bs3 .form-imageslotcandidates.candidates-available .btn.more-and-less {
    display: block;
}

.form-imageslotcandidates.more .less,
.form-imageslotcandidates.less .more,
.bs3 .form-imageslotcandidates.more .less,
.bs3 .form-imageslotcandidates.less .more {
    display: none;
}

.form-imageslotcandidates.attacheddocuments .imageslot-action {
    display: none;
}

.form-imageslotcandidates .trashinfo {
    position: absolute;
    top: 5px;
    bottom: 5px;
    text-align: center;
    opacity: 0.9;
}
.form-imageslotcandidates.less .img-preview img {
    height: auto;
    max-height: 100%;
    max-width: 100%;
    width: auto;
    padding: 0px;
    border: none;

    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    top: 0px;
    margin: auto;    
}
.form-imageslotcandidates.less .flag-container {
    position: absolute;
    bottom: 0px;
}
.form-imageslotcandidates.less .flag-container img {
    height: auto;
    max-height: 14px;
    max-width: 14px;
    width: auto;

    position: relative;
}

.form-imageslotcandidates .img-preview .placeholder_html {
    color: #666666;
    font-size: 50px;
}
.form-imageslotcandidates .img-preview .placeholder_html i {
    left: 10px;
    position: absolute;
    top: 10px;
}
.form-imageslotcandidates .img-preview.placeholder {
    height: 95px;
    overflow: hidden;
}
.form-imageslotcandidates .img-preview {
    vertical-align: middle;
    height: 100%;
    text-align: left;
    position: relative;
}
.form-imageslotcandidates.less .img-preview {
    width: 100%;
}
.form-imageslotcandidates.less .favorite .img-preview {
}

.form-imageslotcandidates .img-preview.is-in-trash {
    min-width: 150px;
}
.form-imageslotcandidates .candidate.placed_in_indesign {
    border: 3px solid #005b82;
}
.form-imageslotcandidates .candidate.placed_in_indesign.img-preview.more {
    left: 41px;
}
.form-imageslotcandidates .img-preview.has-variants .show-variants {
    position: absolute;
    display: none;
}
.form-imageslotcandidates.more .img-preview.has-variants .show-variants {
    left: 10px;
    top: 220px;
}
.form-imageslotcandidates .img-preview .placed_in_indesign-icon {
    position: absolute;
    top: 110px;
    left: 10px;
}
.document_mode_multiple .form-imageslotcandidates .img-preview .placed_in_indesign-icon {
    position: absolute;
    top: 110px;
    right: 10px;
    left: auto;
}
.form-imageslotcandidates .placed_in_indesign-icon i {
    background-size: 24px auto;
    height: 24px;
    line-height: 24px;
    width: 24px;
    vertical-align: middle;
}


.form-imageslotcandidates .img-preview.has-variants .glyphicons {
    text-shadow: 1px 1px 2px white;
}
.bs3 .form-imageslotcandidates .img-tools {
    position: absolute;
    z-index: 1;
    width: 28px;
    float: left;
    padding-right: 2px;
    z-index: 1;
}
.form-imageslotcandidates .img-tools.less {
    position: absolute;
    z-index: 1;
    width: auto;
    top: 0px;
    left: 0px;
}
.form-imageslotcandidates .galleryimage-full {
    display: none;
}
.form-imageslotcandidates .img-preview.more {
    position: relative;
    text-align: center;
}
.form-imageslotcandidates.more .img-preview img {
    max-height: 100%;
    width: auto;
}
.form-imageslotcandidates .img-preview .tools {
    position: absolute;
    top: 0px;
    left: 0px;
}

.form-imageslotcandidates .img-tools-container {
    height: 100%;
}

.form-imageslotcandidates .img-tools .btn-default {
    
}
.form-imageslotcandidates .img-tools .btn-default I {
    vertical-align: top;
}
.form-imageslotcandidates .more .img-tools BUTTON {
    padding: 7px 9px 7px 7px;
}
.form-imageslotcandidates .text-preview {
    overflow: hidden;
    height: 100%;
    padding-top: 20px;
}

.form-imageslotcandidates .text-preview .btn {
    margin-bottom: 4px;
    padding-left: 5px;
}
.form-imageslotcandidates .text-preview .btn .glyphicons {
    color: #002f41;
}
.form-imageslotcandidates .candidate-buttons {
    background-color: white;
    bottom: 0;
    padding: 3px;
    position: absolute;
    right: 0;
}
.form-imageslotcandidates .candidate-meta {
    padding-bottom: 12px;
}
.form-imageslotcandidates .candidate-meta {
    padding-bottom: 12px;
}
/* headline */
.form-imageslotcandidates .text-preview h1 {
    font-size: 12px;
    margin-bottom: 5px;
    margin-top: 3px;
}
/* title */
.form-imageslotcandidates .text-preview h2 {
    font-size: 10px;
    margin-bottom: 3px;
    margin-top: 0px;
}
/* filename */
.form-imageslotcandidates .img-preview h3,
.form-imageslotcandidates .text-preview h3 {
    font-size: 12px;
    color: dimgrey;
    margin-bottom: 5px;
    margin-top: 3px;
}
.form-imageslotcandidates .candidates .candidate-move {
    cursor: move;
    font-size: larger;
}
.form-imageslotcandidates .candidate.dnd-candidate .candidate-move {
    cursor: grabbing;
}
.form-imageslotcandidates .candidate.dnd-add-candidate .candidate-move {
    cursor: copy;
}

.form-imageslotcandidates .candidate          .is-not-favorite,
.form-imageslotcandidates .candidate.favorite .is-favorite {
    display: inline;
}
.form-imageslotcandidates .candidate          .is-favorite,
.form-imageslotcandidates .candidate.favorite .is-not-favorite {
    display: none;
}

.form-imageslotcandidates .candidate BUTTON:hover I.is-favorite {
    display: inline;
}
.form-imageslotcandidates .candidate BUTTON:hover I.is-not-favorite {
    display: none;
}

.form-imageslotcandidates .candidate.favorite .is-favorite,
.form-imageslotcandidates .candidate BUTTON:hover I.is-favorite {
    color: yellow;
    text-shadow: 1px 1px 1px black;
}

.form-imageslotcandidates .progress.progress-save {
    margin-bottom: 0px;
    display: none;
    height: 20px;
    width: 300px;
    position: absolute;
    right: 100px;
    top: -15px;
    z-index: 2;    
}

.form-imageslotcandidates .slot-label {
    font-size: 12px;
}

.topbar-container .slot-dropzones .dnd_sub_target.create_new_imagegroup {
    color: green;
    opacity: 0.8;
    padding-left: 20px;    
}

.topbar-container .slot-dropzones .dnd_sub_target.create_new_imagegroup.drag-over {
    opacity: 1;
}


.form-imageslotcandidates .container-action-buttons {
    position: absolute;
    top: 0px;
    right: 0px;
}
.bs3 .form-imageslotcandidates.more .container-action-buttons .dropdown-menu { 
    left: auto;
    right: 0px;
}

.bs3 .document_mode_single .btn.more-and-less.hide-if-document_mode_single,
.bs3 .document_mode_single .hide-if-document_mode_single,
.bs3 .document_mode_candidatelist .hide-if-document_mode_candidatelist,
.bs3 .document_mode_multiple .hide-if-document_mode_multiple,
.form-imageslotcandidates.is-empty .btn.more-and-less.hide-if-empty,
.form-imageslotcandidates.is-empty .hide-if-empty {
    display: none;
    visibility: hidden;
}

.form-imageslotcandidates .imagegroup-infobox {
    display: none;
}

.document_mode_multiple .form-imageslotcandidates .imagegroup-infobox.hide-if-document_mode_multiple,
.form-imageslotcandidates .imagegroup-infobox {
    display: none;
}
.document_mode_multiple .form-imageslotcandidates .content {
    text-align: center;
}
.form-imageslotcandidates.not-empty .imagegroup-infobox {
    display: block;
}
.form-imageslotcandidates.not-empty .imagegroup-infobox > div {
    border-top: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    
    border-radius: 10px 10px 0px 0px;
    
    margin-top: 5px;
    padding: 5px;
}
.document_mode_candidatelist .form-imageslotcandidates .candidates-box {
    border-bottom: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    
    padding: 2px;
    
    overflow: auto;
}
.document_mode_candidatelist .form-imageslotcandidates.less .candidates-box {
    overflow: visible;
}

.form-imageslotcandidates .imagegroup-infobox .alert {
    margin-bottom: 5px;
    padding: 5px 15px;
}

.form-imageslotcandidates .meta {
    float: right;
    color: #e0e0e0;
}

.document_mode_multiple .form-imageslotcandidates.less.candidates-available .candidates .candidate {
    height: 215px;
    width: 30%;    
}

.document_mode_multiple .form-imageslotcandidates.candidates-available .candidate.is_mandatory_documentref {
    border: 2px solid #005b82;
}

/* Hide default delete button for imagegroup tags*/
.taggroup-Image .taggroup_header > button {
    display: none;
}
/* hide candidate tools, this has been duplicated and moved with js code to 
   the top of the taggroup */
.form-imageslotcandidates .candidate-tools {
    display: none;
}


/* ========== formcomponent.linkedstorygroup.css ========== */

.taggroup-LinkedStoryGroup .form-gallerypreview .galleryimage-full {
    height: 155px;
}


/* ========== formcomponent.multidbobject.css ========== */

FORM .form-objectfilter TD {
    border-bottom: 2px dashed #d0d2d7;
    height: 30px;
}

/* ========== formcomponent.radio.css ========== */


.bs3 .form-radio LABEL {
    display: inline-block;
    margin-right: 5px; 
    font-weight: normal;
    white-space: nowrap;
    font-size: 12px;
}
.bs3 .form-radio .first.full label:first-of-type {
    margin-left: 15px; 
}

.form-table .radio-line LABEL {
    float: none;
    text-align: left;
    white-space: nowrap;
}
.form-table .form-radio LABEL .warning {
    color: red;
}

/* reset bootstrap layout */
.bs3 .form-radio.radio {
    display: table-row;
}
.bs3 .form-radio.radio input[type="radio"] {
    float: none;
    margin-left: 0px;
}


/* ========== formcomponent.select.css ========== */

.bs3 select optgroup {
    font-weight: bold;
}
.bs3 select optgroup option {
    font-weight: normal;
}


/* ========== formcomponent.showcomments.css ========== */

.form-showcomments .comments {
    max-height: 400px;
    overflow: auto;
}


/* ========== formcomponent.storyobject.css ========== */

.storypreviewtext dl {
	margin-left:20px;
}

.storypreviewtext dt {
	margin-top:0.5em;
}

.storypreviewtext h1 {

	margin-top:10px !important;
	margin-left:20px !important;
}

.storyobject-table .storyobject-toolbar .first,
.storyobject-table .storyobject-toolbar .last {
    border-top: 1px solid black;
}

.storyobject IMG.current_variant {
    width: auto;
    height: auto;
    max-height: 50px;
    max-width: 200px;
    
    border: 1px solid silver;
}
.storyobject.full IMG.current_variant,
.storyobject IMG.current_variant:hover {
    max-height: 250px;
}
.storyobject IMG.current_variant:hover {
    z-index: 99999;
    position: absolute;
}
.storyobject.full IMG.current_variant:hover {
    position: inherit;
}

.storyobject .image_container {
    width: 220px;
    float: left;
    min-height: 55px;
    margin-top: 10px;
}

.storyobject .storypreviewtext {
    overflow: hidden;
    line-height: normal;
}
.storyobject.full .storypreviewtext {
    height: auto;
}
.storyobject .storypreviewtext h1 {
    font-weight: bold;
    margin-bottom: 3px;
}
.storyobjects-sortme .storyobject .storypreviewtext h1 {
    font-size: 12px;
}
.storyobject .storypreviewtext h2 {
    font-weight: bold;
    margin-bottom: 2px;
}
.storyobject .storypreviewtext .originaltitle.hasfiles {
    /* font-weight: normal; */
    opacity: 0.5;
    font-size: 12px;
}

.storyobject .storypreviewtext em {
    font-style: italic;
}
.storyobject .storypreviewtext strong {
    font-weight: bold;
}
.storyobject A.action {
    color: black;
    float: right;
    margin-left: 0px;
}
.storyobject A.undelete {
    display: none;
}
.storyobject-error {
    color: red;
}
.storyobject .glyphicons.zoom-in {
    cursor: pointer;
}
.mark_for_delete.storyobject .storypreviewtext {
    overflow: hidden;
    color: lightgray;
}
.mark_for_delete.storyobject A.edit {
    display: none;
}
.mark_for_delete.storyobject A.addbody {
    display: none;
}
.mark_for_delete.storyobject A.delete {
    display: none;
}
.mark_for_delete.storyobject A.undelete {
    display: block;
}
.mark_for_delete.storyobject.full IMG.current_variant {
    max-height: 50px;
    opacity: 0.1;
}
.storyobjectform .formcomponentdata.mark_for_delete {
    display: none;
}

.storyobjects Table.storyobject-table {
    width: 100%;
    border-collapse: inherit;
    table-layout: fixed;
}

.storyobjects Table.storyobject-table .sort_action {
    color: white;
}

.storyobjects .storyobjectseparator .separator {
    height: 30px;
}

.storyobjects .head {
    border-bottom: 1px solid black;
    padding: 15px;
    font-style: italic;
}
.storyobjects .slot {
    background-color: black;
    color: whitesmoke;
}
.storyobjects .storyobjects-sortme .storyobject {
    cursor: move;
    
    border: 1px dashed silver;
    margin: 3px;
    padding: 5px;
    
    overflow: hidden;
    
    height: 225px;
    
    width: 225px;
    float: left;
}
.storyobjects .storyobjects-sortme .storyobject .glyphicons {
    float: left;
    padding: 2px;
}
.storyobjects .storyobjects-sortme .storyobject .storypreviewtext {

}
.storyobjects .storyobjects-sortme .storyobject.with_image .storypreviewtext {
    display: inline;
}
.storyobjects .storyobjects-sortme .slot {
    float:left;
    width: 100%;
    
    padding: 5px;    
    margin-top: 10px;
}
.storyobjects .sort_action {
    float: right;
}

.form-table tr.hide_during_sort {
    display: none;
}


.storyobjects .storyobjects-sortme IMG.variant {
    width: auto;
    height: auto;
    max-height: 200px;
    max-width: 200px;
    
    border: 1px solid silver;   
    
    float: left;
    margin-right: 5px;
}

.storyobjects .sort_action {
    color: black;
}

.storyobjects .sort_description {
    min-height: 50px;
}

.storyobjects .addslot {
    text-align: right;
    width: 100%;
    background-color: black;
    padding-top: 3px;
    padding-bottom: 3px;
    
    margin-top: 20px;
}
.storyobjects .addslot .addslotlink {
    color: white;
    margin-right: 5px;
}
.storyobjects .storyobjects-sortme {
    overflow: hidden;
}

/* ========== formcomponent.taggroup.css ========== */

.form-taggroups .taggroups_header {
    border-bottom: 1px solid #dddddd;
    font-size: 20px;
    margin-bottom: 0;
    margin-top: 5px;
    height: 25px;
}
.form-taggroups .taggroups_header h1 {
    float: left;
    font-size: 20px;
    margin-bottom: 5px;
    margin-top: 3px;
}

.form-taggroups .taggroups_header .taggroup_buttons {
    float: right;
}
.taggroup {
}

.taggroup > .content {
    padding: 10px;
}
.taggroup .taggroup_header {
    height: 25px;
}
.taggroup .taggroup_header h1 {
    float: left;
    font-size: larger;
    
    margin-bottom: 5px;
    margin-top: 3px;
}
.taggroup .taggroup_header h1 sub {
    opacity: 0.5;
}
.taggroup .taggroup_header button {
    float: right;
    margin-left: 5px;
    padding: 2px 5px;
}
.taggroup .taggroup_header .taggroup_buttons {
    float: right;
}
.taggroup .btn-group {
    text-align: left;
}
.taggroup .btn-group .meta {
    text-align: right;
    padding: 3px 10px;
}
.taggroup .taggroup_header h1 button {
    float: none;
    margin-left: 2px;
    padding: 2px 3px;
}
.taggroup .taggroup_elements {
    border: 1px solid #dddddd;
    border-radius: 10px;
    padding: 3px;
}
.taggroup .taggroup_footer {
    float: right;
}
.taggroup .taggroup_footer_buttons {
    text-align: right;
}
.form-taggroups .taggroup_add_button_spacer .btn {
    float: right;
}
.bs3 .taggroup .table {
    margin-bottom: 0px;
}

.taggroup .taggrouplabel {
    display: none;
}

.taggroup BUTTON.taggroup_restore {
    display: none;
}
.taggroup.trashed .taggroup_footer,
.taggroup.trashed .taggroup_elements,
.taggroup.trashed BUTTON {
    display: none;
}
.taggroup.trashed BUTTON.taggroup_restore {
    display: inherit;
}
.taggroup.trashed .taggroup_header h1 {
    text-decoration: line-through;
    color: silver;
}

.bs3 .taggroup_elements .table > tbody > tr:first-child > th, 
.bs3 .taggroup_elements .table > tbody > tr:first-child > td {
    border-top: none;
}

.taggroup_header.ui-sortable-handle {
    cursor: grab;
}
.taggroup.ui-sortable-helper {
    background-color: white;
    border: 1px solid black;
}
.taggroup.ui-sortable-helper .taggroup_elements {
    opacity: 0.5;
}

.taggroup.ui-sortable-helper a {
    display: none;
}
.taggroup.ui-sortable-helper button {
    display: none;
}

.js_sortable_taggroup_container .sortable_tag > .first span {
    visibility: hidden;
}

.js_sortable_taggroup_container .sortable_tag.first_entry > .first span {
    visibility: visible;
}

.js_sortable_taggroup_container .sortable_tag {
    position: relative;
}

.js_sortable_taggroup_container .sortable_tag .sortable_tag_handle {
    cursor: grab;
    height: 0;
    left: -20px;
    position: relative;
    top: 4px;
    visibility: hidden;
}

.js_sortable_taggroup_container .sortable_tag:hover .sortable_tag_handle {
    visibility: visible;
}

/* ========== formcomponent.taggroup.image.css ========== */



/* ========== formcomponent.taggroups.image.css ========== */

.form-taggroups.Image .taggroup_elements td {
    padding-top: 2px;
    padding-bottom: 2px;
    border: none;
}

.form-taggroups.Image .form-image_caption .candidates .candidate {
    min-height: 100px;
}
.form-taggroups.Image .form-image_caption .candidate.ui-placeholder {
    min-width: 100px;
    min-height: 10px;
}
.form-taggroups.Image .preview-container img {
    max-width: 120px;
    max-height: 150px;
}


/* ========== formcomponent.text.css ========== */

.form-table .form-text .first,
.form-table .form-text .last,
.form-table .form-select .first,
.form-table .form-select .last {
    vertical-align: middle;
}

img.external_preview{
    width: 100px;
    max-height: 300px;
    margin: 5px;
    border: 3px solid lightgray;
}
img.external_preview2{
    width: 200px;
    max-height: 300px;
    margin: 5px;
    border: 3px solid lightgray;
}
#external_preview_box
{
    max-height: 350px;
    overflow-y: scroll;
}
.form-table .charcount_container {
    float: right;
}
.form-table .charcount_container,
.form-table .custom_content {
    margin-top: 3px;
}
.form-table .custom_content > div {
    margin-bottom: 3px;
}
.form-table .custom_content:empty {
    display: none;
}
.form-table .custom_content .uri_list i {
    vertical-align: bottom;
    background-size: 18px auto;
    border-radius: 0;
    height: 18px;
    width: 18px;
}
.form-table .custom_content .uri_list i.glyphicons {
    vertical-align: text-top;
}
.form-table .custom_content .uri_list .btn {
    max-width: 95%;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
}


/* ========== formcomponent.textarea.comment.css ========== */

.form-table .form-textarea.add_comment .comment_container {
    border: 1px dotted #cccccc;
    background-color: white;
    border-radius: 10px;
    padding: 5px 10px;
    margin-left: 50px;
}
.form-table .form-textarea.add_comment textarea {
    border-color: transparent;
}
.form-table .form-textarea.add_comment textarea:focus {
    background-color: white;
}
.form-table .form-textarea.add_comment textarea.changed  {
    background-color: white !important;
}


/* ========== formcomponent.textarea.css ========== */

.form-table .form-textarea textarea {
    resize: vertical;
}


/* ========== formcomponent.thesaurus.css ========== */


TABLE.form-table TABLE.thesaurus .thesaurus-content {
    padding: 0px;
}
TABLE.form-table TABLE.thesaurus TD.thesaurus_assistant{
    width: 75px;
    padding-left: 10px;
}


/* ========== formcomponent.wysiwyg.css ========== */

.formcomponentdata.readonly .mce-toolbar-grp {
    display: none;
}

.show_overset {
    float: right;
    display:none;
}
.maxCharExceed .show_overset {
    float: right;
    display:inline;
}

.maxCharExceed .mce-edit-area {
    border: 1px solid #8B0000 !important;    
}
.formcomponentdata .mce-path,
.formcomponentdata .dcx_mce-textlen {
    padding: 4px;
}
.formcomponentdata .dcx_mce-textlen {
    border-right: 1px solid #9e9e9e;
}
.mce-statusbar.max .dcx_mce-textlen {
    color: darkred;
}

.mce-btn button {
    height: 28px;
}

.mce-tinymce .mce-toolbar-grp {
    opacity: 1;
}
.mce-tinymce .mce-toolbar-grp.activeNavigation > div {
    background-color: #f0f0ee;
    border: 1px solid #cccccc;
    padding: 1px;
    padding-bottom: 3px;
    position: fixed;
    top: 81px;
}
.mce-tinymce .mce-toolbar-grp.scrolling > div {
    opacity: 0.3;
}
.storyeditor-formcontainer .mce-tinymce .mce-statusbar.activeNavigation > div {
    background-color: white;
    bottom: 10px;
    font-weight: bold;
    opacity: 0.9;
    padding: 1px;
    position: fixed;
}
.mce-tinymce .mce-statusbar .mce-wordcount {
    font-weight: normal;
    margin-bottom: 0px;
    padding: 5px;
}
.mce-tinymce .mce-statusbar.activeNavigation .mce-wordcount {
    position: relative;
    float: right;
    margin-left: 40px;
}
.mce-tinymce .mce-statusbar.activeNavigation .mceResize {
    display: none;
}
.form-textarea .mce-tinymce {
    box-sizing: inherit;
}
.tiny_media_overlay_box .img-responsive .portrait
{
    max-height: 241px;
}

.mce-branding.mce-label {
    display: none;
}


/* ========== dcx-2011-forms.css ========== */

/*	====== Colors =================================
	$text:				#333333;
	$textBlue:			#478ceb;
	$textChanged:		darken(#478ceb, 15);
	$bg:				#d0d2d7;
	$bgDark:			darken($bg, 5);
	$formBorder:		darken($bg, 20);
	$formBorderFocus:	darken($bg, 60);
	$tabBgGradFrom:		#fafafb;
	$tabBgGradTo:		$bg;
	============================================== */



/* @group ====== FORMS */
.form-spacer TD,
.form-separator TD {
    font-weight: bold;
}
.form-text INPUT,
.form-textarea TEXTAREA {
  width: 100%;
  padding: 2px 0; 
 }

.form-text.form-dbobjectinfo INPUT {
  width: 66%;
}
.form-text.form-dbobjectinfo INPUT.key {
  width: 30%;
}

.form-text.form-handleworkflowtags INPUT {
    width: 60%;
}
.form-text.form-handleworkflowtags SELECT {
    width: 19%;
}
 
.form-text.form-titleandstorytemplate INPUT {
    width: 75%;
}
.form-text.form-titleandstorytemplate SELECT {
    width: 22%;
}

.form-textarea.documentbody TEXTAREA {
  min-height: 100px;
}
 
.form-hidden {
    display: none !important;
}

 .form-table INPUT.disabled,
 .form-table INPUT[disabled],
 .form-table TEXTAREA.disabled,
 .form-table TEXTAREA[disabled],
 .form-table SELECT.disabled,
 .form-table SELECT[disabled] {
     background-color: #c0c0c0;
 }

.form-table .form-checkbox LABEL {
   min-width: 100px;
}

.form-radio SPAN INPUT {
    display: block;
    float: left;
    margin: 1px 4px 0 0; }

.form-radio.form_select_template LABEL {
    text-align: left;
    float: none;
}
TABLE.form-table .form-ldapwithrole.form-text INPUT.display_value {
    width: 50%;
    min-width: 200px;
    float: left;
}
TABLE.form-table .form-ldapwithrole SELECT.role_value {
    float: left;
}

.form-table .hide_form_content .buttons A,
.form-table .hide_form_content .content > * {
    display: none;
}
.form-table .hide_form_content.form-textarea_wysiwyg .content > * {
    display: block;
}

.form-table .hide_form_content.form-textarea_wysiwyg.hide_form_content_after_init .content > * {
    display: none;
}
.form-table .show_form_content.form-textarea_wysiwyg.hide_form_content_after_init .content > * {
    display: block;
}



.form-table .hide_form_content .buttons > *{
    display: none;
}

.form-table .hide_form_content A.unhide_button {
    display: inline;
}
.form-table A.unhide_button {
    display: none;
}


/* @group ------ FORMS: Element::Button */
TD INPUT[type='button'], TD INPUT[type='submit'] {
    padding: 0 10px;
    min-width: 36px;
    height: 20px;
	border: 1px solid #b8b8b8;
	font-size: 11px;
	color: #5f605c;
	outline: none;
    margin: 3px 0 3px 0;
 }

TD INPUT[type='button']:hover, TD INPUT[type='submit']:hover {
    color: #1e6db7 !important;
    border: 1px solid #b8b8b8;
    background-color:#a6d5fb;
}
/* @end */

/* @group ------ FORMS: Element:: Autocomplete */
.assistant.yui-ac-container {
    text-align: left;
}
.yui-skin-sam .form-text .yui-ac-input {
	position: relative;
	width: 99%;
}
.yui-skin-sam .form-text .yui-ac-container {
	width: 200px;
}

TABLE.form-table TR.suggestions DIV.suggestion {
    float: left;
    margin-right: 5px;
}

TABLE.form-table TR.suggestions DIV.suggestion_actions {
    float: left;
    margin-left: 5px;
}

TABLE.form-table TR.suggestions DIV.suggestion_actions A {
    margin-right: 10px;
}

TABLE.form-table TR.suggestions .suggestion_values .suggestion {
	float: left;
	background-color: #e7e7e7;
	margin: 0 6px 0 0;
	padding: 0 2px 0 6px;
	border: 1px solid #d7d7d7;
	font-size: 10px;
	font-weight: bold;
	line-height: 1;
	color: #666666;
	border-radius: 7px;
	/* background-image: url('../images/icon-tag-delete-grey.png'); */
	background-repeat: no-repeat;
	background-position: right -1px;
	cursor: pointer;
}
TABLE.form-table TR.suggestions .suggestion_values .suggestion:hover { border-color: #999999; }
TABLE.form-table TR.suggestions .suggestion_values .suggestion SPAN:hover { color: #333333; }

TABLE.form-table TR.suggestions .suggestion_values .suggestion .suggestion-wrapper { float: left; padding-top: 2px;}

TABLE.form-table TR.suggestions .suggestion_values .suggestion IMG.delete {
	float: right;
	margin-left: 5px;
	opacity: .33;
}
TABLE.form-table TR.suggestions .suggestion_values .suggestion IMG.delete:hover { opacity: 1;}


/* @end */



.yui-skin-sam .yui-dialog .form-table .form-date INPUT[type="text"] {
	display: inline;
    float: none;
}


TABLE.form-table {
    margin: 0 0 4px;
    font-size: 11px;
    line-height: 13px;
    border-collapse: separate !important;
    border-spacing: 1px 0; }
    
TABLE.form-table TD, TABLE.form-table TH {
    padding: 2px;
    /* border-bottom: 1px solid #F3F5F6; */
    word-wrap: break-word;
    text-align: left;
    vertical-align: top; }

TABLE.form-table TD {
    width: auto;
}

TABLE.form-table TD.buttons {
    width: 42px;
}
TABLE.form-table TD.buttons A {
    text-decoration: none;
}

TABLE.form-table TH {
    background-color: #dce4eb;
    border-bottom: 1px solid #F3F5F6; }
      
TABLE.form-table .headline TH {
    background-color: #d0d2d7;
    font-weight: bold;
    text-shadow: #ffffff 0px 1px 1px;
    border-top: 2px solid #fafafb;
    -webkit-box-shadow: 0px -2px 12px #c2c5cb;
    -moz-box-shadow: 0px -2px 12px #c2c5cb;
    box-shadow: 0px -2px 12px #c2c5cb;
    font-size: 13px;
    line-height: 13px; 
}

TABLE.form-table .separator TD {
    border-top: 2px solid #d0d2d7;
    line-height: 1px; 
    height: 25px;
}

TABLE.form-table .form-separator TD {
    border-bottom: 2px solid #d0d2d7;
    line-height: 1px;
}
    
TABLE.form-table .first { /* should be form-labels */
    width: 25%;
    line-height: 10px;
}
TABLE.form-table .first.full {
    width: 100%;
}
BODY.popup TABLE.form-table .first {
    min-width: 120px;
}


UL.form_errors LI,
TABLE.form-table TD.error {
    color: red;
    background-color: lightGoldenRodYellow;
    border: 1px solid red;
    font-size: 14px;
    padding: 3px;
}

UL.form_errors LI.locked_by_me {
    color: blue;
    border: 1px solid blue;
}
UL.form_errors LI A {
    color: #333333;
}
TABLE.form-table TD.error SPAN.warning{
    color: orange;
}
TABLE.form-table SPAN.warning{
    color: Tomato;
}


/* @group ------ FORMS: Element::Status */

/*
proof of concept
TABLE.form-table td INPUT,
TABLE.form-table td SELECT,
TABLE.form-table td TEXTAREA{
    transition: all 0.3s ease-in-out 0s;
    font-size: inherit;
}
TABLE.form-table td INPUT:focus,
TABLE.form-table td SELECT:focus,
TABLE.form-table td TEXTAREA:focus{
    transition: all 0.3s ease-in-out 0s;
    font-size: larger;
    padding: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
}
*/
TABLE.form-table INPUT.changed,
TABLE.form-table SELECT.changed,
TABLE.form-table TEXTAREA.changed {
  background-color: #FDFBD9 !important; }

TABLE.form-table  TEXTAREA.changed.is_remembered_value,
TABLE.form-table  SELECT.changed.is_remembered_value,
TABLE.form-table  INPUT.changed.is_remembered_value {
    /* change style of remembered values */
}

TABLE.form-table INPUT.maxCharExceed,
TABLE.form-table SELECT.maxCharExceed,
TABLE.form-table TEXTAREA.maxCharExceed 
{
    border: 2px solid #8B0000 !important;    
}

TD.form-remove_button {
    width: 42px;
}

TD.form-is_empty_value.form-remove_button,
TD.form-is_empty_value {
    width: 50px;
}

TABLE.form-table .required_chars {
    color: darkgreen;
    vertical-align: top;
}
TABLE.form-table .charcount.max {
    color: darkred;
    vertical-align: top;
}

FORM .addformcomponent,
FORM .removeformcomponent {
    cursor: pointer;
}

/* @end */


/* @end */

/* @group ...... FORM-Line:DropBox */

.dropbox .image-wrapper .input {
    overflow: hidden;
}
.dropbox .image-wrapper LABEL.main {
	display: none;
}

/* @group SelectDocumentFileVariant */

#SelectDocumentFileVariant {
    position: absolute;
    z-index: 99999;

    top: 20px;
    left: 50px;
    right: 50px;
    bottom: 20px;

    color: white;
    background-color: black;

    border: 1px solid white;
    border-radius: 10px 10px 10px 10px;

    overflow: auto;
}
#SelectDocumentFileVariant .header {
    background-color: white;
    color: black;
    text-align: center;
    padding: 8px;
    font-size: 14px;
}
#SelectDocumentFileVariant .header .close {
    border: 1px solid silver;
    float: right;
}
#SelectDocumentFileVariant .header .close span {
    background: url("../images/button-thickbox-close.png") no-repeat scroll center center transparent;
    display: block;
    height: 16px;
    line-height: 1;
    width: 16px;
}
#SelectDocumentFileVariant .inner {
    height: 580px;
    width: 100%;

    position: absolute;
    top: 50%;

    margin-top: -300px;
}
#SelectDocumentFileVariant .preview .meta {
    float: left; 
    width: 300px; 
    text-align: left; 
    padding: 50px 10px 10px;
    position: absolute;
}
#SelectDocumentFileVariant .preview .meta th {
    width: 120px;
}
#SelectDocumentFileVariant .preview .meta td {
    width: 180px;
}
#SelectDocumentFileVariant .preview .image_container {
    float: right;
    padding: 40px 50px 0 0;
}        
#SelectDocumentFileVariant .list {
    clear: both;
    padding-top: 20px;
    overflow: auto;
}
#SelectDocumentFileVariant IMG.image {
    height: 300px;
    width: auto;
}

#SelectDocumentFileVariant .variants IMG.thumbnail {
    height: 150px;
}

#SelectDocumentFileVariant .variants {
    height: 200px;
    overflow: auto;

    padding-top: 10px;

    border-top: 1px solid black;
}

#SelectDocumentFileVariant .variants td {


}

#SelectDocumentFileVariant .variants td .container {
    border: 2px solid silver;

    margin-right: 10px;
    padding: 4px;
    min-width: 160px;
    border-radius: 10px 10px 10px 10px;
}
#SelectDocumentFileVariant .variants .variant.selected .container {
    border: 2px solid blue;
}        
#SelectDocumentFileVariant .variants .variant.checked .container {
    background-color: white;
    color: black;
}        
#SelectDocumentFileVariant .variants td .container img {
    padding-bottom: 10px;
}

/* Stupid YUI forces body text-align:center; in reset-fonts-grids.css; uglifies jQuery UI autocomplete */
li.ui-menu-item {
    text-align: left;
}

/* Fix jQuery UI autocomplete items in advanced search being floated */
#search-criteria .documentquery-row li li.ui-menu-item {
    float: none;
}

/* @end */


/* ========== dcx-forms.css ========== */

.show { display: block;}
.hide { display: none !important;}

.formmask {
	padding: 10px 0 0 0;
	margin: -1px 0 0 0;
	background-color:#cdced7;
	background-image: url('skin/dcx/dcx-bg-white.png');
	background-position: 0 0;
	background-repeat: repeat-x;
	border-top: 1px solid #bbbbcc;
}

.section {
	margin: 0 10px 20px;
	padding: 5px 10px 3px;
	border: 1px solid #dadbdd;
	border-radius: 4px;
	background-color: #e4e6ea;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #f4f5f7;
	border-bottom: 1px solid #f4f5f7;
}

/* @group =========== FORMS: Basics */


.form_entry INPUT {
	color: #322119;
	font-size: 11px;
}

/* @group ========= FORMs */
#action-dialog {
	overflow: visible;
}
#action-dialog-body FIELDSET {
	border: 1px solid #cccccc;
	text-align: left;
	padding: 5px;
}
#action-dialog-body LEGEND {
	color: #666666;
	padding: 0 10px;
}
#action-dialog-body LABEL {
	color: #666666;
	width: 120px;
	margin: 0 10px 0 0;
}
#action-dialog-body .form-wide LABEL { width: 180px; }

#action-dialog-body .form-extra-wide LABEL { 
    width: 300px; 
    text-align: left;
}

#action-dialog-body .form-element {
	width: 200px;
	float: left;
}
#action-dialog-body .yui-ac-container .yui-ac-content {
	width: 208px !important;
}
#action-dialog-body .form-element INPUT {
	width: 200px;
	padding: 4px 4px;
    float: left;
}
#action-dialog-body .form-element INPUT[type='checkbox'] {
	width: auto;
}
#action-dialog-body .form-element SELECT {
	width: 208px;
}
#action-dialog-body .form-element LI.checkbox {
	padding-left: 144px;
	width: auto;
}
#action-dialog-body LI.checkbox.form_entry .input.checkbox LABEL {
	width: auto;
}
#action-dialog-body LI.checkbox .form-element,
#action-dialog-body LI.checkbox .form-element INPUT {
	width: auto;
}
#action-dialog-body .form-element LI.checkbox LABEL {
	width: 188px;
	text-align: left;
	margin-left: 10px;
	line-height: 11px;
}
#action-dialog-body .form_entry TEXTAREA {
    width: 380px;
}
.yui-skin-sam .yui-dialog #action-dialog-body li {
    width:auto;
}
.yui-skin-sam .yui-dialog li {
margin:10px auto;
width:400px;
}
/* @group ......FORM:Thickbox::Edit User-Tag */
#action-dialog-body .shared-wrapper {
	margin-top: 0;
}
#action-dialog-body .shared-wrapper UL {
	margin: 0 0 0 110px;
	clear: both;
}
#action-dialog-body .additional-shared-wrapper {
	margin: 0 0 0 110px;
	clear: both;
}
#action-dialog-body .shared-wrapper LI,
#action-dialog-body .additional-shared-wrapper LI.checkbox {
	margin: 0;
	padding: 0;
	font-size: 11px;
	min-height: 0;
}
#action-dialog-body .additional-shared-wrapper LI {
	width: auto;
}
#action-dialog-body .additional-shared-wrapper .textfield {
	margin: 0 0 24px 0;
}
#action-dialog-body .shared-wrapper LI INPUT[type='checkbox'],
#action-dialog-body .additional-shared-wrapper LI INPUT[type='checkbox'] {
	margin: 4px 0 0;
	padding: 0;
	float: left;
}
#action-dialog-body .shared-wrapper LI LABEL,
#action-dialog-body .additional-shared-wrapper .checkbox LABEL {
	float: left;
	margin: 4px 0 0 8px;
	padding: 0;
}

#action-dialog-body .form-entry.autocomplete {
	margin: 0 0 5px 0;
}
#action-dialog-body #usersearch_assistant LI {
	margin: 0;
}

/* @end */

/* @end */

INPUT.mini {
	font-size: 8px;
}
.button.light {
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	color: #5f6050;
}
.button.light:hover {
	border-top: 1px solid #5ba9f0;
	border-left: 1px solid #5ba9f0;
	border-bottom: 1px solid #258ceb;
	border-right: 1px solid #258ceb;
	color: #134879;
}
.button.mini {
	height: 15px;
    border-radius: 3px;
	font-size: 11px;
	margin: 2px 4px 2px 0;
	padding: 0px 8px;
}
.button.light.mini {
	background-image: url('../images/button-light-mini-bg.png');
	background-position: 0 0;
	background-repeat: repeat-x;
}
.button.light.mini:hover {
	background-image: url('../images/button-light-mini-bg.png');
	background-position: 0 -15px;
	background-repeat: repeat-x;
}

.button.normal {
	height: 25px;
    border-radius: 3px;
	font-size: 11px;
	margin: 2px 4px 2px 0;
	padding: 0px 8px;
}



.editable {
	background-image: url('../images/icon-edit-fields.png');
	background-position: right 3px;
	background-repeat: no-repeat;
}
.editable TEXTAREA {
	width: 100%;
	font-size: 11px;
	line-height: 12px;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}
#element-in-work.editable {
	background: none;
}

/* @group ::::::::: FORM:UL-Form-Lines */

.form-pubinfo .form-lines,
.form-tasks .form-lines {
	margin: 0 0 10px 0;
	padding: 2px 8px 0 4px;
	background-color: #e9ebef;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	border-radius: 4px;
}


/* @end */





/* @group ...... FORM-Line */
.form_entry {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 12px;
	line-height: 14px;
	clear: both;
	color: #313b67;
	min-height: 20px;
}
#pane-list .form_entry * {
	font-size: 12px;
	line-height: 14px;
}
#pane-details .formcomponent-small * {
	font-size: 11px;
	line-height: 12px;
}
.form_entry.story-status {
	margin-top: -6px;
	margin-bottom: 1px;
}

.form_entry.half-width {
	width: 320px;
	float: left;
	clear: none !important;
}
.form_entry.first-in-line {
	clear: both !important;
}
.form_entry .error {
    color: red;
}
.form_entry .warning {
    color: #F58516;
}
.form_entry.radio,
.form_entry.checkbox,
.form_entry.datetime,
.form_entry.text {
}
.form_entry.datetime {
	position: relative;
}
.form_entry.select,
.form_entry.file {
}
/* @end */


/* @group ...... FORM-Line:LABEL */
.form_entry LABEL {
	display: block;
	float: left;
	width: 120px; 
	margin: 5px 5px 2px 0;
	padding: 0;
	color: #3d5f86;
	text-align: right;
}

.form_entry DIV.input LABEL {
	float: none;
	display: block;
	width: auto;
	margin: 0px;
	padding: 0;
	text-align: left;
}

.form_entry.text.static LABEL {
	margin: 2px 5px 2px 0;
}

.form_entry.textarea LABEL {
	margin: 1px 5px 2px 0;
}
.form_entry.large LABEL {
    font-weight: bold;
    font-size: 18px;
}

.form_entry.radio .input LABEL,
.form_entry.checkbox .input LABEL {
    width: auto;
    text-align: left;
    float: none;
}
.form_entry .label {
	display: block;
	padding: 0;
	color: #3d5f86;
}
.formcomponent-small LABEL,
.form_edit_story LABEL {
	display: block;
	float: none;
	text-align: left;
	margin: 0 0 1px 0;
	padding: 0 0 0 3px;
}
.formcomponent-small LABEL {
	margin-bottom: 0;
	padding-left: 1px;
}
#pane-list .form_edit_story LABEL { 
	margin: 0 0 -2px 0;
	padding: 0;
	font-size: 9px; 
}


/* @end */




/* @group ...... FORM-Line:Form-Element-Wrapper */

.form_entry DIV.input {
    padding: 0;
    margin: 0;
    float: left;
    width: 332px; /* width: 492px; */
    text-align: left;
    font-size: 12px;
}

#action-dialog .form_entry DIV.input {
    width: auto;
}

#pane-list .form_edit_story DIV.input { width: 100%; }
#pane-details .form_entry DIV.input { width: auto; }
#pane-list .form_edit_story DIV.input.autocomplete .yui-ac-input { position: static; }

.form_entry DIV.input.autocomplete {
    float: none;
    margin: 0 0 3px 0;
}

.form_engine LABEL.secondary-ac {
	clear: left;
	float: left;
}
.form_engine DIV.input.autocomplete {
	float: left;
}


.form_entry.half-width DIV.input { width: 172px; }
.form_entry.textarea_wysiwyg_base LABEL { display: none;}
.form_entry.textarea_wysiwyg_base DIV.input { width: 100% /* 488px; */ }
.form_entry.static DIV.input {
	padding: 2px 0 2px 2px;
	background-color: #f9f9ff;
}

.form_entry.newlinelist_base {
	clear: left !important;
}

.form_entry.keyword_list {
    width: 140px;
    float: left;
    clear: none;
}

/* @end */
/* @group ..... FORM:Line:INPUT.text */

.form_entry INPUT[type='text'] {
	width: 320px;
	padding: 2px 0;
	background-color: #ffffff;
	border: 2px solid #b7c8cb;
	border-width: 2px 1px 1px 1px;
	border-color: #b7c8cb #b7c8cb #d9dfe2 #b7c8cb;
}
.form_entry.autocomplete INPUT {
    position: relative;
}
.form_entry INPUT[type='text']:focus {
	border-color: #739399;
	color: #000000;
}
.form_entry.half-width INPUT[type='text'] { width: 160px; }


#pane-list .form_entry INPUT[type='text'] { 
	width: 100%;
	margin-left: -2px;
}

#pane-details .form_entry INPUT[type='text'] { width: 220px; }

#pane-details .formcomponent-small .form_entry INPUT[type="text"]{
	width: 100%;
	max-width: 320px;
}
#pane-list .form_edit_story INPUT[type="text"] {
	width: 100%;
}

#pane-details .formcomponent-small .autocomplete INPUT[type="text"] {
	position: relative;
	display: block;
	width: 172px;
}

.form_entry.form_source_TagDef_Headline INPUT[type='text'] {
	font-size: 16px;
	font-weight: bold;
}
#pane-list .form_edit_story .geolocation INPUT[type="text"] {
	width: 210px;
}

#pane-list .form_edit_story .geolocation INPUT[type="image"] {
	background-color: #b8c8cb;
	background: -webkit-gradient(linear, left top, left bottom, from(#dce4e6), to(#b8c8cb));
	background: -moz-linear-gradient(top,  #dce4e6,  #b8c8cb);
	margin: 0 0 -8px 5px;
	height: 18px;
	padding: 2px 8px;
	border: 1px solid #97adb1;
	border-radius: 8px;
}
#pane-list .form_edit_story .geolocation INPUT[type="image"]:hover {
	background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#bcbcbc));
	background: -moz-linear-gradient(top, #f3f3f3,  #bcbcbc);
}

#pane-list .story-headline INPUT {
	font-family: 'Arial Black', Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 24px;
	line-height: 24px;
}

/* @end */


/* @group ..... FORM:Line:INPUT.textarea */

.form_entry TEXTAREA {
	/* width: 480px; */
        width: 100%;
	padding: 2px 4px;
	background-color: #ffffff;
	border: 2px solid #b7c8cb;
	height: 60px;
}
.form_entry.half-width TEXTAREA {
	width: 160px;
}
#pane-details .form_entry textarea {
       width: 100%;
}
.form_entry.documentbody TEXTAREA {
	height: 140px;
}
.form_entry.textarea_wysiwyg_base .yui-editor-container {
	border: 2px solid #b7c8cb;
}
.form_entry .textarea .ui-resizable-se {
    bottom: 17px;
}
.form_entry.radio INPUT,
.form_entry.datetime INPUT,
.form_entry.text INPUT {
	color: #313b67;
	font-size: 12px;
}
.form_entry.half-width.select SELECT {
	width: 160px;
}


.form_entry.select SELECT {
	border: 1px solid #d1d7e2;
	padding: 2px 4px;
	color: #313b67;
	background-color: #ffffff;
}

.formcomponent-small .form_entry.select SELECT {
	width: 172px;
}


.form_entry.button {
	float: left;
	clear: none;
}
.form_entry.button INPUT[type='button'] {
	margin: 1px 0 0 10px;
	padding: 4px 16px;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	color: #5f6050;
	background-image: url('../images/button-light-normal-bg.png');
	background-position: 0 0;
	background-repeat: repeat-x;
	border-radius: 4px;
	cursor: pointer;
	text-shadow: 1px 1px 2px #ffffff;
}
.form_entry.button INPUT[type='button']:hover {
	background-image: url('../images/button-light-normal-bg.png');
	background-position: 0 -25px;
	border-top: 1px solid #5ba9f0;
	border-left: 1px solid #5ba9f0;
	border-bottom: 1px solid #258ceb;
	border-right: 1px solid #258ceb;
	color: #134879;
}


.form_entry.textarea.small .input TEXTAREA {
	width: 200px;
	min-height: 50px;
        height: 50px;
}



.form_entry.large .input INPUT {
    font-weight: bold;
}

.form_entry .charcount {
    color: #666677;
	margin: 3px 0 2px 1px;
}


/* @end */


/* @group ...... FORM-Line:specific Form-Elements */

/* Story-Editor:Headline */
.form_entry.form_source_TagDef_Headline LABEL {
	font-size: 16px;
	margin-top: 6px;
}
.form_entry.form_source_TagDef_Headline INPUT[type='text'] {
	font-size: 16px;
	font-weight: bold;
}


/* @end */

/* @end */

/* Hacks! -kai */
.formmask INPUT[name='formmask[FormMask][save]'] { margin-left: 140px !important; }
.form_source_TagDef_GeoPoint { float: left; }
.form_source_TagDef_GeoPoint DIV.input { width: 166px; }
.form_source_TagDef_GeoPoint DIV.input INPUT { width: 160px; }
.form_source_TagDef_GeoPoint + .form_entry { float: left; margin-left: 10px;}


/* @end */

.form_entry .assistant .yui-ac-content LI {
	color: #313b67;
}
.form_entry .assistant .yui-ac-content LI.yui-ac-highlight {
	color: #FFFFFF;
}
.formmask .button {
	font-size: 12px;
}


.form_entry.checkbox .input INPUT {
    float: left;
}
.form_entry.checkbox .input.autocomplete INPUT {
    float: none;
}

.form_entry .input .documentlist {
    width: 155px;
    height: 170px;
    float:left;
}
.form_entry .input .documentlist IMG.thumbnail{
    max-width: 150px;
    max-height: 150px;
    width: auto;
    height: auto;
}

.form_entry.document_id_list .input {
    border: 1px solid #d1d7e2;
    max-height: 80px;
    overflow:auto;
}
.form_entry.document_id_list .input UL {
    max-height: 50px;
    overflow: auto;
}
.form_entry.document_id_list .input UL LI {
    margin: 1px 0 !important;
}

.form_entry.document_id_list .input UL LI SPAN{
    text-decoration: underline;
}

.form_entry.document_id_list .input UL LI:hover {
    font-weight: bold;
}

#pane-details .form_entry.datetime INPUT.display,
.form_entry.datetime INPUT.display {
    width: 90px;
}
#pane-details .formcomponent-small .datetime INPUT.display {
    width: 90px;
}
.formcomponent-small .timestamp .icon {
	vertical-align: -4px;
}

.form_entry DIV.assistant.yui-ac-container {
    width: 200px;
}
#pane-list .form_entry DIV.assistant.yui-ac-container {
    width: 400px;
}
.label_required {
    font-weight: bold;
}

.form_entry .clearer {
    clear: both;
}

.form_entry.text INPUT.yui-ac-input,
.yui-skin-sam #action-dialog .yui-ac-input {
    position: static;
}

BODY.popup .form_entry.radio INPUT,
BODY.popup .form_entry.datetime INPUT,
BODY.popup .form_entry.text INPUT {
	font-size: 11px;
}
.form_entry.datetime INPUT {
    border: 1px dotted #999999;
    padding: 1px 3px;
    margin: 0 0 4px 0;
    color: #666666;
}
.form_entry.radio INPUT {
    width: auto;
    float: left;
}
.form_entry.radio .input LABEL {
    margin-left: 2px;
    margin-right: 2px;
}

.button INPUT {
	border: 1px solid #d1d7e2;
	padding: 4px 16px;
	color: #313b67;
	background-image: url('../images/button-bg.png');
	background-color: #e4e7ec;
	border-radius: 12px;
	margin: 12px 0 12px 128px;
}

.form_entry.keyword_list .clearer {
    clear: none;
}
.form_entry.keyword_list.textarea .input TEXTAREA {
    width: 200px;
    min-height: 50px;
    height: 50px;
}
.form_entry.keyword_selection {
    clear: none;
    margin-top: 20px;
    padding-left: 350px;
}

UL.form_errors,
UL.form_messages {
    margin-left: 10px;
    margin-right: 10px;
}
UL.form_errors LI {
    border: 1px dashed red;
    font-size: 14px;
}

#pane-dnd {
    visibility: hidden;
    /* visibility: visible !important; */
    font-size: 11px;
}
.is-dragging #pane-dnd {
    visibility: visible;
}

#pane-dnd {
    position: absolute;
    
    top: 10px;
    bottom: 10px;
    right: 0px;
    
    z-index: 5;
    
    background: url('../images/bg-black-90.png') repeat scroll 0 0 transparent;
    
    border-color: rgba(255,255,255,0.1);
    border-radius: 6px 0px 0px 6px;
    border-style: solid;
    border-width: 6px 0 6px 6px;
}
#pane-dnd .dnd-panel {
    float: left;
}
#pane-dnd .dnd-left-pane {
    /* max-width: 240px; */
    background: url('../images/bg-white-5.png') repeat scroll 0 0 transparent;
    border-right: 1px solid #000;
}
#pane-dnd .dnd-right-pane {
    max-width: 408px;
}
#pane-dnd #dnd_tab_action_taskstatus {
    min-width: 200px;
}

#pane-dnd h3.dnd_target_headline {
    clear: both;
	padding: 2px 0;
    color: #acacac;
    text-shadow: 1px 1px 2px #111111;
    font-size: 11px;
    font-weight: bold;
	background: #424242;
	background: -moz-linear-gradient(top, #424242 0%, #333333 48%, #2b2b2b 51%, #141414 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#424242), color-stop(48%,#333333), color-stop(51%,#2b2b2b), color-stop(100%,#141414));
	background: -webkit-linear-gradient(top, #424242 0%,#333333 48%,#2b2b2b 51%,#141414 100%);
	background: -o-linear-gradient(top, #424242 0%,#333333 48%,#2b2b2b 51%,#141414 100%);
	background: -ms-linear-gradient(top, #424242 0%,#333333 48%,#2b2b2b 51%,#141414 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#424242', endColorstr='#141414',GradientType=0 );
	background: linear-gradient(top, #424242 0%,#333333 48%,#2b2b2b 51%,#141414 100%);
	border-top: 1px solid #555555;
	border-bottom: 1px solid #111111;
	border-right: 1px solid #222222;	
}

#pane-dnd .dnd_target_cloud {
	padding: 6px;
}

#pane-dnd #dnd_target_cloud_tags {
    /* max-height: 200px; */
    overflow: hidden;    
}
#pane-dnd #dnd_target_cloud_tags LI {
    padding: 3px 10px;
    font-size: 11px !important;
    font-weight: normal;
	border-radius: 8px;
}
#pane-dnd .dnd-contextmenu LI,
#pane-dnd .dnd_target_cloud LI,
#pane-dnd .entry .actions LI {
    float: left;
    background-color: #34353a;
    color:  #ffffff;
    text-shadow: #2f4861 1px 1px 1px;
    font-weight: bold;
    margin-bottom: 3px;
    margin-right: 5px;
    
    padding: 2px;
    
	border-radius: 3px;
}
#pane-dnd .dnd-contextmenu LI:hover,
#pane-dnd .dnd_target_cloud LI:hover,
.is-dragging #pane-dnd .dnd_target_cloud .drop-target.drag-over,
#pane-dnd #dnd_tab_targets .drop-target UL.actions LI.drag-over,
#pane-dnd #dnd_tab_targets .drop-target UL.actions LI:hover,
#pane-dnd .dnd-left-pane UL.dnd_container.dnd_target_assign LI.dnd-entry.doc_activated:hover,
#pane-dnd .dnd-left-pane UL.dnd_container.dnd_target_assign LI.dnd-entry.doc_activated.drag-over {
    background-color: #1b6795;
}
#pane-dnd .entry .actions LI { margin-right: 0; }
#pane-dnd .entry .actions LI + LI { margin-left: 6px; }

#pane-dnd .dnd-left-pane UL.dnd_container.dnd_scrollbars.dnd_target_assign {
    width: 260px;
    
    max-height: 400px;
    height: auto;
}
#pane-dnd .dnd-left-pane UL.dnd_container.dnd_target_assign LI.dnd-entry {
	background-image: url('../images/sprite-icons-dnd.png');
	background-position: 0 -98px;
	background-repeat: no-repeat;
    padding-left: 20px;
}
#pane-dnd .dnd-left-pane UL.dnd_container.dnd_target_assign LI.dnd-entry.doc_activated {
	background-position: 0 -138px;
    background-color: #2a485b;
}
#pane-dnd .dnd-left-pane UL.dnd_container.dnd_target_assign LI.dnd-entry:hover{
	background-position: 0 -138px;
}

#pane-dnd .dnd-left-pane UL.dnd_container.dnd_scrollbars {
    overflow: auto;
    height: 100px;
}
#pane-dnd UL.dnd_container.dnd_target_cloud_document {
    height: auto;
    max-height: 248px;
    overflow: hidden;
}
#pane-dnd UL.dnd_container.dnd_target_cloud_document#dnd_target_cloud_tasks {
	max-height: 142px;
}

#pane-dnd .dnd-contextmenu {
    position: absolute;
    
    background-color: white;
    
	border-radius: 4px;
    
    border: 1px solid #CCCCCC;  
    
    width: 120px;
}
#pane-dnd .dnd_target_cloud.dnd_target_cloud_list LI.dnd-contextmenu {
    position: absolute;
    left: -156px;
    height: auto;
    visibility: hidden;
    overflow: visible;
    
    padding: 4px 4px 1px 4px;
    
    margin-top: -40px;
    
	border-radius: 4px;
    
    background: url('../images/bg-black-85.png') repeat scroll 0 0 transparent;
    border-color: transparent;
    border-radius: 4px 0px 4px 4px;
    border-style: solid;
    border-width: 1px;   
    
    min-height: 48px;
}
#pane-dnd .dnd-contextmenu UL {
}
#pane-dnd .dnd-contextmenu LI {
    height: 14px;
    
    padding-top: 4px;
    margin-right: 0px;
    
    overflow: visible;
    
    text-align: left;   
    float: none;
}
#pane-dnd #dnd_tab_contributor_contributor .dnd-contextmenu LI.add {
	background-image: url('../images/sprite-icons-dnd.png');
	background-repeat: no-repeat;
    background-position: 2px -179px;
    padding-left: 24px;
}
#pane-dnd #dnd_tab_contributor_contributor .dnd-contextmenu LI.add:hover { background-position: 2px -199px; }
#pane-dnd #dnd_tab_contributor_contributor .dnd-contextmenu LI.delete {
	background-image: url('../images/sprite-icons-dnd.png');
	background-repeat: no-repeat;
    background-position: 1px -298px;
    padding-left: 24px;
    color: #ff7766;
}
#pane-dnd #dnd_tab_contributor_contributor .dnd-contextmenu LI.delete:hover { background-position: 2px -319px; }
#pane-dnd .dnd_target_cloud.dnd_target_cloud_list LI.dnd-contextmenuspacer {
    background: url("../images/bg-dnd-contextmenu-pointer.png") no-repeat scroll -25px -20px transparent;
    position: absolute;
    right: -29px;
    width: 28px;
    height: 59px;
    margin: 0px;
    margin-top: -9px;
    padding: 0px;
    
    
}
/*
#pane-dnd #dnd_tab_action_taskstatus LI,
#pane-dnd #dnd_tab_action_taskstatus LI.taskstatus-done,
#pane-dnd #dnd_tab_action_taskstatus LI.taskstatus-in_progress,
#pane-dnd #dnd_tab_action_taskstatus LI.taskstatus-assigned {
	background-image: url('../images/sprite-icons-dnd.png');
	background-repeat: no-repeat;
    padding-left: 24px;
    position:  relative;
}

#pane-dnd #dnd_tab_action_taskstatus LI { background-position: 2px -179px; }
#pane-dnd #dnd_tab_action_taskstatus LI:hover { background-position: 2px -199px; }
#pane-dnd #dnd_tab_action_taskstatus LI.taskstatus-done { background-position: 2px -219px; }
#pane-dnd #dnd_tab_action_taskstatus LI.taskstatus-done:hover { background-position: 2px -239px; }
#pane-dnd #dnd_tab_action_taskstatus LI.taskstatus-in_progress { background-position: 2px -258px; }
#pane-dnd #dnd_tab_action_taskstatus LI.taskstatus-in_progress:hover { background-position: 2px -278px; }
#pane-dnd #dnd_tab_action_taskstatus LI.taskstatus-assigned { background-position: 2px -99px; }
#pane-dnd #dnd_tab_action_taskstatus LI.taskstatus-assigned:hover { background-position: 2px -139px; }
*/

#pane-dnd .scroll_spacer {
    visibility: hidden;
    float: left;
    
    height: 22px;
    width: 45px;   
}

#pane-dnd .scroll_up {
}
#pane-dnd .scroll_down {
    margin-top: 5px;
    height: 20px;
    width: 408px;
}
#pane-dnd .dnd-left-pane .scroll_down {
	width: auto;
}

#pane-dnd .scroll_up:hover,
#pane-dnd .scroll_down:hover {
    background-color: #CCCCCC;
}
#pane-dnd .dnd_target_cloud.dnd_target_cloud_list LI,
#pane-dnd .dnd_target_cloud.dnd_target_cloud_document LI {
    float: none;
    min-height: 16px;
    padding-top: 6px;
    padding-left: 5px;
    overflow: hidden;
    text-align: left;
    margin-right: 0px;
    position: relative;
}
#pane-dnd #dnd_target_cloud_tasks.dnd_target_cloud_document LI {
	background-image: url('../images/sprite-icons-dnd.png');
	background-position: 1px 2px;
	background-repeat: no-repeat;
    padding-left: 24px;
    height: 16px;
    line-height: 16px;
}
#pane-dnd #dnd_target_cloud_tasks.dnd_target_cloud_document LI:hover {
	background-position: 1px -18px;
}
#pane-dnd #dnd_target_cloud_story.dnd_target_cloud_document LI {
	background-image: url('../images/sprite-icons-dnd.png');
	background-position: 2px -39px;
	background-repeat: no-repeat;
    padding-left: 24px;
    height: 16px;
    line-height: 16px;
}
#pane-dnd #dnd_target_cloud_story.dnd_target_cloud_document LI:hover {
	background-position: 2px -59px;
}
#pane-dnd #dnd_tab_targets {
    max-height: 300px;
    overflow: auto;
}
#pane-dnd #dnd_tab_targets LI.entry {
    min-height: 80px;
    margin: 6px 6px 0;
    padding: 0 0 4px 0;
    float: none;
    clear: both;
    line-height: 12px;
}
#pane-dnd #dnd_tab_targets LI.entry + LI.entry {
    border-top: 1px solid #333539;
    margin-top: 10px;
    padding-top: 6px;
}
#pane-dnd #dnd_tab_targets LI .drop-target {
    background-color: white;
    text-align: left;
    width: 384px;
}

.is-dragging #pane-dnd #dnd_tab_targets .drop-target.drag-over {
    background-color: #cae3fa;
    border: 1px solid #258ceb;
}


#pane-dnd #dnd_tab_targets .drop-target .thumbnail {
    float:left;
    margin-right: 10px;
}
#pane-dnd #dnd_tab_targets .drop-target .thumbnail IMG{
    height: 45px;
    width: auto;
}
#pane-dnd #dnd_tab_targets .content_preview {
    float:none;
    height: 56px;
    width: auto;
    margin-bottom: 4px;
    overflow: hidden;
    text-align: left;
    color:white;
    font-size: 12px;
    line-height: 14px;
}
#pane-dnd #dnd_tab_targets .content_preview H3 {
    font-weight: bold;
    max-height: 24px;
    overflow: hidden;
}
#pane-dnd #dnd_tab_targets .drop-target UL.actions {
    display: block;
}
#pane-dnd #dnd_tab_targets .drop-target UL.actions LI {
    font-size: 11px;
    
    float: left;
    height: 20px;
    line-height: 20px;
    padding: 3px 10px;

    border-radius: 3px;
    width: 166px;
}



/* @group =========== FORMs:Tab (Formgenerator v2) */

.form-lines LI {
	margin: 10px 0;
}
.formcomponent-small .form-lines LI { margin: 2px 0 5px;}

.formcomponent-small DIV.input {
	float: none;
}

#pane-list DIV.infotext  {
	background-color: #f2f4f5;
	padding: 2px 0;
	color: #3d5f86;
	min-height: 1em;
        float:left;
        margin-top: 2px;
}

#pane-details .formcomponent-small DIV.infotext {
	background-color: #ffffff;
	border: 1px solid #e4e4ff;
	width: 100%;
	max-width: 320px;
	padding: 2px 0px;
	color: #3d5f86;
}
#pane-details .form-pubinfo.formcomponent-small DIV.infotext,
#pane-details .form-task.formcomponent-small DIV.infotext {
	background-color: #f3f5f6;
}
#pane-details .formcomponent-small .form_entry INPUT[readonly="readonly"]{
	background-color: #f3f5f6;border: 1px solid #e4e4ff;
	width: 100%;
	max-width: 320px;
	padding: 2px 0px;
	color: #3d5f86;
}

#pane-details .formcomponent-small DIV.autocomplete {
	float: left;
	width: 172px;
	clear: both;
}
#pane-details .formcomponent-small .secondary-ac {
	display: none;
}
.button-ac-add {
	float: left;
	margin: 1px 0 0 4px;
}

.formcomponent-small.readonly-module {
	background-color: #edeff4;
	margin: 5px 0;
	padding: 3px 10px 5px;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	border-radius: 4px;
}
.formcomponent-small.readonly-module .form_entry {
	min-height: 0;
}
.formcomponent-small.readonly-module LI {
	margin: 0;
}
.formcomponent-small.readonly-module LI LABEL {
	display: inline;
}
#pane-details .formcomponent-small.readonly-module LI .infotext {
	display: inline;
	background-color: transparent;
	border: 0;
}
#pane-details .formcomponent-small.readonly-module LI.task-subject,
#pane-details .formcomponent-small.readonly-module LI.pubinfo-channel {
	font-weight: bold;
}
#pane-details .formcomponent-small.readonly-module LI.task-subject LABEL,
#pane-details .formcomponent-small.readonly-module LI.pubinfo-channel LABEL {
	display: none;
}

/* @end */


/* @group =========== FORMs:Story-Editor (Formgenerator v2) */
#pane-list .story-status LI {
	background-color: #f2f3f5;
	padding: 3px 10px 0;
	min-height: 18px;
	width: 100px;
	text-align: center;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	border-radius: 4px;
}

#pane-list .story-status * { font-size: 11px; }
.story-status LI.left { margin-right: 20px; }
.story-status LI.right { margin-left: 20px; }

.story-status .label {
	display: none;
	font-size: 9px !important;
}
.story-status .status {
	border-radius: 4px;
}
.story-status .story-size {
	text-align: center;
}

.story-status .story-size .status {
	width: 70px;
	margin: 0 auto;
	background-color: #282828;
	color: #ffffff;
	font-weight: bold;
	padding: 1px 2px;
}
.story-status .story-size.status-green .status {
	background-color: #285828;
}

/* @end */


/* ========== jquery-ui-timepicker-addon.min.css ========== */

/*! jQuery Timepicker Addon - v1.6.3 - 2016-04-20
* http://trentrichardson.com/examples/timepicker
* Copyright (c) 2016 Trent Richardson; Licensed MIT */

.ui-timepicker-div .ui-widget-header{margin-bottom:8px}.ui-timepicker-div dl{text-align:left}.ui-timepicker-div dl dt{float:left;clear:left;padding:0 0 0 5px}.ui-timepicker-div dl dd{margin:0 10px 10px 40%}.ui-timepicker-div td{font-size:90%}.ui-tpicker-grid-label{background:0 0;border:0;margin:0;padding:0}.ui-timepicker-div .ui_tpicker_unit_hide{display:none}.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input{background:0 0;color:inherit;border:0;outline:0;border-bottom:solid 1px #555;width:95%}.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus{border-bottom-color:#aaa}.ui-timepicker-rtl{direction:rtl}.ui-timepicker-rtl dl{text-align:right;padding:0 5px 0 0}.ui-timepicker-rtl dl dt{float:right;clear:right}.ui-timepicker-rtl dl dd{margin:0 40% 10px 10px}.ui-timepicker-div.ui-timepicker-oneLine{padding-right:2px}.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time,.ui-timepicker-div.ui-timepicker-oneLine dt{display:none}.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label{display:block;padding-top:2px}.ui-timepicker-div.ui-timepicker-oneLine dl{text-align:right}.ui-timepicker-div.ui-timepicker-oneLine dl dd,.ui-timepicker-div.ui-timepicker-oneLine dl dd>div{display:inline-block;margin:0}.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before{content:':';display:inline-block}.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before{content:'.';display:inline-block}.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before{display:none}
/* bootstrap/simple ui hack */
.bs3 .form-radio.radio input[type="radio"] {
    margin-left: -20px;
}