﻿/*
    Quick form
*/
.quickform-summary { cursor: pointer; padding: 20px; border: 1px solid #D6D6D6; border-radius: 3px; background-color: #F3F3F3; }
.quickform-summary h1 { margin: 0; padding: 0; }
.quickform-summary .summary-title { font-size: 15px; margin-top: 5px; margin-bottom:5px;}
.quickform-summary .summary-column { float:left; font-size:11px; }
.quickform-summary .summary-column.third {width: 33.3333%; }
.quickform-summary .summary-column.quarter {width: 25%; }
.quickform-summary .summary-column .summary-column-padder { padding: 3px; }
.quickform-summary.has-validation-error { border-color: #b90f0f; background-color: #F8E7E7; }
.publication-prefab-item { display: none; }
.publication-item {margin-top:10px;}
.publication-item .new-barcode-needed { color: darkgoldenrod; }
.publication-item .use-publication-barcode {color: darkgreen; }
.album-quick-form-container h1.collapse-header { cursor: pointer; }
.album-quick-form-container .expand-or-collapse-icon { display:inline-block; width: 10px; height:12px; background: url('../../../Images/Static/FlexxWare-base/expand-black.png') 50% 50% no-repeat; }
.album-quick-form-container .expand-or-collapse-icon.expand { transform: rotate(90deg); }
.album-quick-form-container .expand-or-collapse-icon.collapse { transform: rotate(-90deg); }

footer #footer-option-bar.quickform-footer-bar .footer-option-bar-button-container .additional-buttons { float:right; }


/*
    Quick copy list
*/

/*.quick-copy-list table tr td {background-color: #FFF;}
.quick-copy-list table tr.publication-even td {background-color: #F9F9F9; }

.quick-copy-list table tr.publication-row td .field input { font-weight: bold; }
.quick-copy-list table tr.copy-row td { padding-top:5px;}
.quick-copy-list table tr.copy-row td label { font-weight:normal; }
.entity-list .list-table table.space-saving-table tbody tr td { padding-left:5px;padding-right:5px; line-height: 27px; }
.entity-list .list-table table.space-saving-table tbody tr.hide-field-labels .field label {display:none;}*/

.quick-copy-list-container .options-bar { margin-bottom: 0; }
.quick-copy-list .outer-scrollable-container { position: relative; }
.quick-copy-list .scrollable-container { overflow-x: scroll; margin-left: 538px; }
.quick-copy-list .scrollable-container .row-header { position: absolute; *position: relative; margin-left: -650px; border-bottom-style: solid; }
.quick-copy-list .scrollable-container .row-header + .row-header + .row-header + .row-header { border-right: 2px solid #000; }
/*.quick-copy-list .scrollable-container .row-header.album-id { width:56px; margin-left:-650px; color: #888; }*/
.quick-copy-list .scrollable-container .row-header.hero { width: 132px; margin-left: -540px; }
.quick-copy-list .scrollable-container .row-header.album-title { width: 200px; margin-left: -404px; }
.quick-copy-list .scrollable-container .row-header.series { width: 146px; margin-left: -200px; }
.quick-copy-list .scrollable-container .row-header.series-part { width: 42px; margin-left: -50px; }
/*.quick-copy-list .scrollable-container .row-header.publication-id { width: 56px; margin-left: -60px; color: #888; }*/

.quick-copy-list table { /*border-collapse: collapse; */ font-size: 11px; width: 100%; table-layout: fixed; *margin-left: 650px; }
.quick-copy-list table th { border-bottom: 1px solid #D6D6D6; vertical-align: bottom; line-height: 1.2; }
.quick-copy-list table th,
.quick-copy-list table td { padding: 2px; }
.quick-copy-list table td { vertical-align: top; line-height: 23px; border-bottom: 1px dashed #D6D6D6; }
.quick-copy-list table td { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.quick-copy-list table td.align-center { text-align: center; }

.quick-copy-list table tr.first-edition td,
.quick-copy-list table tr.first-edition td input { color: #e4312a; }
.quick-copy-list table tr.row-focus { font-weight: bold; }
.quick-copy-list table tr.row-changed td:not([data-ignore-dirty-field]) { background-color: #f3bc00; }
.quick-copy-list table tr.row-saved td:not([data-ignore-dirty-field]) { background-color: #82ff86; }
.quick-copy-list table tr.row-failed td:not([data-ignore-dirty-field]) { background-color: #ffafaf; }

.quick-copy-list table tr td.cell-saving { background-color: #f3bc00; }
.quick-copy-list table tr td.cell-saved { background-color: #82ff86; }
.quick-copy-list table tr td.cell-failed { background-color: #ffafaf; }

.quick-copy-list .field { margin: 0; }
.quick-copy-list .field button { width: 20px; height: 20px; padding: 0; margin: 0; line-height: normal; float: right; }
.quick-copy-list .field input:not([type="checkbox"]) { width: 100%; }
.quick-copy-list input { line-height: 19px; font-size: 11px; border: 1px solid #AAA; }
.quick-copy-list input:focus { border-color: #000; }
.quick-copy-list .field .delete { width: 21px; height: 21px; }
.quick-copy-list .field.validation-error input { border-color: red; }

.quick-copy-list td[data-column="customer_availability"] .field .list-source input { vertical-align: unset; margin: 0 2px; }
.quick-copy-list td[data-column="customer_availability"] .field .list-source label { vertical-align: inherit; margin: 0; }


.quick-copy-list .print-barcode-label { 
    display:inline-block; 
    vertical-align:top; 
    width: 34px; height:20px; 
    background-repeat: no-repeat; 
    background-position: center; 
    background-size:contain;
}
.quick-copy-list .print-barcode-label.barcode-equals-isbn { background-image: url('/Images/Static/Applications/Stripshop/isbn-logo.png'); }
.quick-copy-list .print-barcode-label.barcode-unprinted { background-image: url('/Images/Static/Applications/Stripshop/barcode-unprinted.png'); }
.quick-copy-list .print-barcode-label.barcode-printed { background-image: url('/Images/Static/Applications/Stripshop/barcode.png'); }


.log-container tr:hover { background-color: #ffffb1 !important; cursor: pointer; }
.log-container tr:nth-child(even) { background: #ffffe9; }
.log-container tr td { padding-bottom: 2px; border-bottom: 1px dotted #e4312a; vertical-align: top; }


.generated-barcode-checker .mutation-item {
    border: 1px solid #CCC;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 15px;
}


.generated-barcode { font-family: monospace; font-size: 110%; letter-spacing: 1px; background-color: #F9F9F9; padding: 2px 5px; }



.swretail-logo {
    display: inline-block;
    vertical-align: middle;
    background-image: url('/Images/Static/Applications/Stripshop/swretail-logo.png');
    background-size: contain;
    /*width: 248px; height: 110px;*/
    background-repeat: no-repeat;
    background-position: center;
}
.swretail-logo.unavailable { filter: grayscale(1); opacity: 0.5; }
.field label a .swretail-logo { height:10px; width: 20px; }
.generated-barcode-checker .mutation-item a .swretail-logo { height: 15px; width: 30px; }
.quick-copy-list-container a .swretail-logo { height: 20px; width: 20px; }