:root {
    --table-dark-blue: rgba(39, 65, 79, 0.95);
    --table-active-row: #c3dadd;
    --table-row-n2: #f8f8f8;
    --table-row-2n-1: #efefef;
    --table-row-hover: #e3e3e3;
    --block-area-bg: #e6e6e6;
    --block-area-border: 1px solid #d5d5d5;
    --popup-dark-bg: #eee;
    --block-area-toned-bg: rgba(156, 182, 187, 0.25);
    --block-area-toned-border: 1px solid rgba(156, 182, 187, 0.30);
    --block-subtitle-color: rgba(39, 65, 79, 1);
}

.blocks .flex{
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    /*justify-content: space-between;*/
    flex-grow: 1;
}

.blocks .left,
.blocks .right {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    height: 100%;
    flex-direction: column;
    -webkit-flex-direction: column;
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    align-content: start;
    -webkit-align-content: flex-start;
    flex-grow: 1;
}
.blocks .left {
    width: 59%;
}
.blocks .right {
    width: 40%;
}
.blocks .media {
    width: 100%;
    margin: 0 0 5px 0;
}

.blocks .title {
    display: inline-block;
    color: rgba(39, 65, 79, 1);
    font-weight: 500;
    font-size: 14px;
    margin: 0 20px 12px 0;
}

.blocks .flex-block .title{
    display: block;
    margin: 0 0 12px 0;
}

.blocks .flex-block.rsp-method .title:nth-of-type(2) {
    margin-top: 12px;
}

.blocks .flex-block.media .title,
.indigo-print.blocks .flex-block.rsp-recomm .title {
    width: auto;
    margin: 0 40px 12px 0;
    float: left;
}

.blocks .search-group {
    display: block;
    float: left;
    margin-top: -4px;
    margin-bottom: 8px;
}

.bus-chk {
    margin-right: 7px;
}

.blocks .media-filter {
    width: 200px;
    margin-right: 10px;
}
.blocks .items-count {
    margin-right: 15px;
}

.blocks .left-below,
.blocks .right-above,
.blocks .right-below,
.blocks .left-above {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    width: 100%;
}
.blocks .left-below {
    /*height: 100%;*/
}

.blocks .right-above {
    flex-grow: 0;
}
.blocks .right-below {
    flex-grow: 1;
}

.blocks .flex-block {
    background-color: var(--block-area-bg);
    border: var(--block-area-border);
    margin: 0 5px 5px 0;
    flex-grow: 1;
    padding: 11px;
}
.blocks .flex-block.no-rm {
    margin-right: 0;
}

.blocks .flex-block.toned {
    background-color: var(--block-area-toned-bg);
    border: var(--block-area-toned-border);
}

.blocks .flex-block .grouper {
    display: inline-block;
    border-bottom: 1px solid rgba(156, 182, 187, 0.35);
    padding-bottom: 3px;
    margin-bottom: 3px;
    width: 100%;
}
.blocks .flex-block.info-area .large {
    display: inline-block;
    font-size: 14px;
    font-weight: 300;
    color: #333;
    margin-right: 1px;
    float: right;
}

.blocks .finish-size-flip {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 5px;
    margin-top: 3px;
    opacity: 1;
    background-color: #ccc;
    border-radius: 50%;
    cursor: pointer;
    margin-left: 4px;
    vertical-align: middle;
}
.blocks .finish-size-flip:hover{
    opacity: 0.7;
}
.blocks .finish-size-flip img {
    width: 100%;
}

.blocks .preset-sizes {
    margin-right: 10px;
}
.blocks .finish-size {
    margin-left: 5px;
}

.blocks .table-container {
    background-color: #dddddd;
    width: 100%;
    height: 300px;
    display: block;
    float: left;
}

.blocks .flex-block .title-group {
    width: 100%;
    display: block;
    float: left;
}

.blocks.indigo-print  .table-container {
    height: 220px;
    overflow: hidden;
}

.blocks .layout-position {
    background-color: #e1e1e1;
    text-align: center;
    /*height: 500px;*/
    width: 100%;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}

.blocks .layout-position.fibre-visible.width {
    background: repeating-linear-gradient( to bottom,
    rgba(197, 231, 236, 0.35),
    rgba(197, 231, 236, 0.35) 15px,
    rgba(180, 211, 216, 0.45) 15px,
    rgba(180, 211, 216, 0.45) 30px );
}
.blocks .layout-position.fibre-visible.height {
    background: repeating-linear-gradient( to right,
    rgba(197, 231, 236, 0.35),
    rgba(197, 231, 236, 0.35) 15px,
    rgba(180, 211, 216, 0.45) 15px,
    rgba(180, 211, 216, 0.45) 30px );
}



.blocks .layout-position .title {
    text-align: left;
}

.blocks .line-unit {
    display: inline-block;
    width: 100%;
    margin: 0 0 2px 0;
    min-height: 18px;
}
.blocks .line-unit:last-of-type {
    margin: 0;
}

.checkbox,
.blocks .checkbox,
.blocks .gutter-checkbox,
.blocks .margin-checkbox,
.blocks .impo-type{
    margin-right: 5px;
}
.blocks .gutter,
.blocks .margin{
    margin-left: 5px;
}
.blocks .gutter[data-type="hor"],
.blocks .margin[data-type="hor"]{
    margin-right: 10px;
}
.blocks label.first,
.blocks .first-in-line{
    margin-right: 15px;
}
.blocks .gutter-locker,
.blocks .margin-locker{
    margin-top: -4px;
    vertical-align: middle;
}

.blocks .impo-type-line {
    margin-bottom: 8px;
    text-align: left;
    padding-bottom: 8px;
    border-bottom: 1px solid #d4d4d4;
}

.blocks .impo-type-line .item {
    margin-right: 10px;
}
.blocks .impo-type-line .button--link.rotate {
    float: unset;
    margin-left: 10px;
}



.blocks .impo-info {
    margin-bottom: 10px;
    width: 100%;
    text-align: left;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}
.blocks.sheet-media .impo-info {
    margin-bottom: 20px;
}
.blocks .impo-info .item {
    margin-right: 10px;
}
.blocks .impo-info .value{
    margin-left: 3px;
}

/* IMPOSITION  */
.blocks .layout-container {
    width: calc(100% - 0px);
    height: calc(100% - 40px);
}
.impo .overflow-holder{
    position: relative;
    width: 100%;
    height: calc(100% - 0px);
    overflow-y: auto;
}
.impo .layout-sheet {
    background-color: #333;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
}
.impo .layout-imposition {
    /*border: thin solid #aaa;*/
    background-color: #fff;
    display: none;
    transform: translateY(-50%) translateX(-50%);
    top: 50%;
    left: 50%;
    position: absolute;
}

.impo .layout-imposition .fs-container {
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.impo.decenter .layout-imposition .fs-container {
    left: 0;
    top: 0;
    transform: none;
}
.impo.decenter-vertical .layout-imposition {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}


.impo .layout-imposition .fs-item {
    background-color: #ffd6e4;
    position: absolute;
    top: 0;
    left: 0;
}
.impo .layout-imposition .fs-item-gutter-free {
    background-color: #ccc;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    position: relative;
    box-sizing: border-box;
    top: 0;
    left: 0;
    text-align: center;
}
.impo .layout-imposition .fs-item.last-hor .fs-item-gutter-free {
    border-right: none;
}
.impo .layout-imposition .fs-item.last-ver .fs-item-gutter-free {
    border-bottom: none;
}

.impo .layout-imposition .fs-letter {
    width: 40%;
    height: 40%;
    display: block;
    transform: translateY(-50%) translateX(-50%);
    position: relative;
    left: 50%;
    top: 50%;
    opacity: 0.7;
}
.impo .layout-imposition .fs-letter.hide {
    display: none;
}
.popup-foot .error-area {
    display: inline-block;
    float: left;
    color: #cd0a0a;
    margin: 6px 0 0 30px;
}

.blocks .flex-block .x-large {
    font-size: 16px;
}

.blocks .indigo-preset-color-choices {
    float: left;
    margin-right: 15px;
}

.blocks .print-selection-result-area {
    display: flex;
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    width: 100%;
    margin-top: 5px;
    float: left;
}
.blocks .print-selection-result-area .result-short {
    display: flex;
    padding: 2px;
    align-items: center;
    -webkit-align-items: center;
    font-size: 16px;
    color: #333;
    font-weight: 400;
    margin-right: 7px;
    letter-spacing: 0.2rem;
}
.blocks .print-selection-result-area .result-long {
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    padding: 2px;
}
.blocks .print-selection-result-area .result-long > * {

}
.blocks .custom-color-link {
    margin-top: 2px;
}

.blocks .indigo-preset-print-formats,
.blocks .print-sizes {
    margin-right: 13px;
    height: 20px;
    margin-top: 2px;
}
.blocks .formats-container {
    display: flex;
}
.blocks .size-input-group {
    display: flex;
}
.blocks .size-input-group .unit {
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    align-items: center;
    -webkit-align-items: center;
}
.blocks .size-input-group .unit:nth-of-type(2) {
    padding: 0 4px;
}
.blocks .size-input-group .unit label:first-of-type {
    margin-bottom: 8px;
}
.blocks .size-input-group .unit .fibre-input {
    margin-right: 5px;
}
.blocks .formats-top-line {
    display: flex;
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    /*width: 100%;*/
    margin-bottom: 8px;
}

.blocks.indigo-print .flex-block {
    flex-grow: 1;
}
.blocks.indigo-print .flex-block.print-colors {
    max-width: 190px;
}
.blocks.indigo-print .flex-block.rsp-method {
    flex-grow: 0;
    flex-shrink: 0;
}
.blocks.indigo-print .flex-block.qty-copies {
    max-width: 80px;
}
.blocks.indigo-print .flex-block.sheets-block {
    max-width: 1100px;
}
.blocks .button--link.reset-filter {
    float: unset;
}

/* custom-color-choice indigo print colors */

.popup .body.indigo-print-colors {
    display: flex;
    width: 100%;
}
.popup .body.indigo-print-colors .indigo-color-select{
    display: flex;
    width: 50%;
    flex-direction: column;
}
.popup .body.indigo-print-colors .indigo-color-select .title{
    width: 100%;
    font-size: 15px;
    margin-bottom: 12px;
    font-weight: 700;
}
.popup .body.indigo-print-colors .indigo-color-select .container{
    display: flex;
    width: 100%;
    flex-direction: column;
    -webkit-flex-direction: column;
}
.popup .body.indigo-print-colors .indigo-color-select .color-group{
    width: 100%;
    box-sizing: border-box;
    cursor: pointer;
    border-bottom: 1px solid #e3e3e3;
    align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

.popup .body.indigo-print-colors .indigo-color-select .color-group .item{
    text-align: left;
    width: 100%;
    padding: 6px 0 6px 10px;
    display: inline-block;
}
.popup .body.indigo-print-colors .indigo-color-select .color-group .item.is-white {
    width: auto;
}
.popup .body.indigo-print-colors .indigo-color-select .color-group .white-line{
    display: inline-block;
    padding: 6px 0 6px 10px;
}
.popup .body.indigo-print-colors .indigo-color-select .color-group.selected {
    background-color: #fff8d2;
}
.popup .body.indigo-print-colors .indigo-color-select .color-group:hover:not(.selected) {
    background-color: #fafafa;
}

/* end */