/* Fix from https://github.com/darklow/django-suit-ckeditor/issues/1 */

.form-horizontal .inline-related .cke_top,
.form-horizontal .inline-related .cke_bottom {
    display: block;
}

.form-horizontal .inline-related .cke .cke_button_label,
.form-horizontal .inline-related .cke .cke_voice_label {
    display: none;
}

.form-horizontal .inline-related .cke .cke_toolbar_break {
    display: block;
}

/* Fix problem with SortableStackedInline arrow buttons being overlapped
 * by the h2.legend with the Show button when collapsing the inline.
 */
.inline-related h2.legend {
    width: 50%;
}

.form-horizontal textarea {
    width: 655px;
    box-sizing: border-box;
}

.inner-right-column {
    position: relative;
    z-index: 1;
}

.controls > input:not(.vTimeField):not(.vDateField):not([type=checkbox]) {
    width: 642px;
}

.tabular.inline-related .form-row td > input[type=text],
.tabular.inline-related .form-row td > select {
    width: 100%;
}

.tabular.inline-related .form-row td > p.file-upload > a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    direction: rtl;  /* Truncate left side. */
    width: 340px;
}

.tabular.inline-related .form-row td > p.file-upload > br {
    display: none;
}

#content-main {
    max-height: none !important;
}

.photo-list-thumbnail {
    height: auto;
    max-height: 100px;
}

.photo-list-thumbnail:hover {
    max-height: 400px;
}

/* set all filter_horizontal to selects to be the same size as the from select */
[id$='_to'][id^='id_'] {
    height: 99px !important;
}

/* fixes for resource grid image fields */
.js-related-lookup.related-lookup.lookup {
    text-indent: 0;
}

.dynamic-resource_grid_items .js-filer-dropzone.filer-dropzone.filer-dropzone-mobile {
    height: 250px !important;
}

.dynamic-resource_grid_items .filerFile {
    text-align: center !important;
}

.dynamic-resource_grid_items .filerFile img {
    margin-right: 0 !important;
    margin-left: 10px;
}

.dynamic-resource_grid_items .filerFile .description_text {
    display: block !important;
    text-align: center !important;
}

.dynamic-resource_grid_items .js-related-lookup.related-lookup.related-lookup-change.lookup[id^=id_resource_grid_items][id$=image_lookup],
.dynamic-resource_grid_items .filerClearer {
    float: none !important;
    margin-left: 20px !important;
}

.dynamic-resource_grid_items .js-related-lookup.related-lookup.lookup[id^=id_resource_grid_items][id$=image_lookup] {
    float: none !important;
    margin-left: 5px !important;
}

.dynamic-resource_grid_items .filer-dropzone.filer-dropzone-mobile .dz-message {
    margin-top: 150px !important;
}

.dynamic-resource_grid_items [id^=id_resource_grid_items][id$=image_lookup] {
    float: none !important;
}

/* add simple styling to delete confirmation page */
.delete-box {
    height: 50%;
    box-shadow: 0 0 0 1px rgba(0,0,0,0.07);
    padding: 30px 0 10px 30px;
    width: calc(100% - 30px);
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px;
    background-color: #F6F7F8;
}

.form-horizontal textarea {
    width: 234px;
}

.vForeignKeyRawIdAdminField {
    max-width: 80px;
}

.controls > input:not(.vTimeField):not(.vDateField):not([type=checkbox]) {
    width: 220px;
}

.save-box {
    padding-bottom: 5px;
    padding-top: 15px;
}

.image-info.image-info-detail .image-preview-container {
    margin: 10px;
}

.image-info.image-info-detail {
    background: #f6f7f8;
    box-shadow: 0 0 0 1px rgba(0,0,0,0.07);
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px;
}

.image-preview-container .image-preview {
    margin-bottom: 5px;
}

.popup .image-info-detail {
    padding: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}

.inner-right-column.fixed {
    top: 10px !important;
}

.inner-right-column {
    top: 0 !important;
}

.row-fluid {
    width: calc(100% - 100px);
}

.hide-actions {
    display: none;
}

/* The following three selectors fix calendar and clock icons not displaying because
they are appended and the selectors usually include "div:not(.input-append)"  */

.datetimeshortcuts
.date-icon,
.controls>.datetimeshortcuts
.date-icon,
.controls>.datetime>.datetimeshortcuts
.date-icon,
.datetimeshortcuts
.clock-icon,
.controls>.datetimeshortcuts
.clock-icon,
.controls>.datetime>.datetimeshortcuts
.clock-icon {
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    width: 14px;
    height: 14px;
    background-image: url('/static/suit/bootstrap/img/glyphicons-halflings.png?bd6965151b3d&8e436ef0d79d');
    background-position: 0 -96px;
    background-repeat: no-repeat;
    opacity: .75;
    margin: 0;
    background-color: #F6F7F8;
    display: inline-block;
    vertical-align: middle;
}

.datetimeshortcuts
.date-icon,
.controls>.datetimeshortcuts
.date-icon,
.controls>.datetime>.datetimeshortcuts
.date-icon {
    background-position: -192px -120px;
}

.datetimeshortcuts
.clock-icon,
.controls>.datetimeshortcuts
.clock-icon,
.controls>.datetime>.datetimeshortcuts
.clock-icon {
    background-position: -48px -24px;
}