PHP File Manager

Editing File: main.css

*:focus, *:active, *:hover, a:focus, a:active, a:hover {
    outline: none !important;
}

html, body {
    height: 100%;
}

html.disabled-scrolling, body.disabled-scrolling {
    overflow: hidden;
}

body {
    font-family: 'Roboto', sans-serif;
}

body > .row-fluid, #main-wrapper, #main-wrapper > .row-fluid, #main-wrapper > .row-fluid .inner {
    height: 100%;
}

#main-wrapper > .row-fluid .inner {
    height: calc(100% - 60px);
}

textarea {
    resize: vertical;
    min-height: 34px;
}

.highlighted {
    background: #D84444;
    color: #FFF;
}

.break-text {
    word-wrap: break-word;
}

.push-top {
    margin-top: 15px;
}

.input-group {
    width: 100%;
}

.form-control, .uneditable-input {
    border: 1px #DDD solid;
    box-shadow: none;
    border-radius: 1px;
}

.form-control:focus, .uneditable-input:focus {
    border-color: #AAA;
    box-shadow: none;
    outline: none;
}

.red-label {
    color: #D84444;
}

.green-label {
    color: #699569;
}

.form-control[type="text"], 
.form-control[type="number"], 
.form-control[type="password"],
.form-control[type="tel"],
.form-control[type="email"],
.form-control[type="date"],
.form-control[type="password"],
textarea.form-control { 
    -webkit-appearance: none
}

.postcode-field {
    text-transform: uppercase;
    min-width: 125px;
}

.btn {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.btn .glyphicon {
    margin-right: 6px;
}

.btn .glyphicon + .glyphicon {
    margin-right: 0;
}

.btn.btn-inverse {
    background: #403F3F;
    border-color: #292929;
    color: #FFF;
}

.btn.btn-inverse:hover {
    background: #212121;
    border-color: #111;
}

.alert-icon {
    position: relative;
    padding-left: 46px;
}

.alert-icon .icon {
    position: absolute;
    height: 100%;
    width: 16px;
    left: 15px;
    top: 0;
}

.alert-icon .icon-helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    position: relative;
}

.alert-icon .icon-helper img {
    position: absolute;
    top: 50%;
    margin-top: -8px;
}

#navigation {
    background: #F4F4F4;
    border-right: 1px #DDD solid;
    position: fixed;
    /*width: 194px;*/
    width: 205px;
    height: 100%;
    overflow-y: auto;
    padding: 0;
    top: 0;
    left: 0;
    z-index: 50;
    box-shadow: inset -1px 0 rgba(255, 255, 255, 0.4);
}

#navigation .logo-link {
    display: block;
    margin: 22px 10px;
    text-align: center;
}

#navigation .logo-link img {
    max-width: 100%;
    max-height: 135px;
}

#navigation ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#navigation > ul > li > a {
    font-weight: bold;
}

#navigation li a {
    display: block;
    padding: 5px 18px;
    color: #666
}

#navigation li a:hover, #navigation li a:focus {
    text-decoration: none;
    background: #EEE;
}

#navigation li a img {
    vertical-align: middle;
    position: relative;
    top: -1px;
    left: -4px;
}

#navigation li a .label {
    position: relative;
    float: right;
    top: 2px;
    right: -14px;
}

#navigation li + li a {
    border-top: 1px #E3E3E3 solid;
}

#navigation > ul > li > ul a {
    padding-left: 30px;
}

#navigation + #main-wrapper {
    width: calc(100% - 195px);
    margin-left: 195px;
}

#main-wrapper > .row-fluid > .inner {
    padding: 25px 15px;
}

#main-wrapper .inner > h2 {
    margin-top: 0;
}

.bordered-heading {
    border-bottom: 1px #EEE solid;
    padding-bottom: 8px;
}

h4.bordered-heading {
    padding-bottom: 4px;
}

.index-stat-box {
    background: #F8F8F8;
    border: 1px #EDEDED solid;
    border-bottom-width: 2px;
    text-align: center;
    padding: 20px 8px;
    border-radius: 3px;
}

.index-stat-box h4, .index-stat-box p {
    margin: 0;
}

.index-stat-box .stat-icon {
    display: block;
    padding-bottom: 6px;
}

.index-stat-box h4 {
    padding-top: 10px;
}

.index-stat-box .index-change {
    position: relative;
    padding-left: 15px;
}

.index-stat-box .index-change:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
}

.index-stat-box .index-change.change-none {
    color: #777;
}

.index-stat-box .index-change.change-none:before {
    height: 3px;
    width: 9px;
    background: #777;
}

.index-stat-box .index-change.change-increase {
    color: #50CF4E;
}

.index-stat-box .index-change.change-increase:before, .index-stat-box .index-change.change-decrease:before {
    border: 6px transparent solid;
    height: 0;
    width: 0;
    left: -3px;
}

.index-stat-box .index-change.change-increase:before {
    border-bottom-color: #50CF4E;
    top: 1px;
}

.index-stat-box .index-change.change-decrease {
    color: #D84444;
}

.index-stat-box .index-change.change-decrease:before {
    border-top-color: #D84444;
    top: 7px;
}

.overview-block {
    padding: 15px 0;
}

.overview-block h4 {
    margin: 0 0 10px;
}

.creation-list li {
    font-size: 18px;
    margin-bottom: 10px;
}

.progress.progress-no-margin {
    margin: 0;
}

#item-process-queue {
    margin-bottom: 20px;
}

#item-process-queue .item-rows-header .item-cell-header {
    font-weight: bold;
    padding-bottom: 7px;
    padding-top: 15px;
}

.item-info-row + .process-item-row {
    margin-top: 12px;
}

.process-item-row .item-row-inner {
    border: 1px #DDD solid;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.05);
    border-radius: 3px;
}

.process-item-row .item-row-inner:hover, .process-item-row.row-open .item-row-inner {
    cursor: pointer;
    background: #FBFBFB;
}

.process-item-row .priority-cell {
    padding-left: 22px;
}

.process-item-row .priority-cell .glyphicon {
    float: left;
    margin: 2px 0 0 8px;
    color: #BCBCBC;
}

.process-item-row .priority-cell .glyphicon + .priority-star {
    margin-left: 7px;
}

.process-item-row.row-open .priority-cell .glyphicon:before {
    content: "\e114";
}

.process-item-row .priority-star {
    vertical-align: text-top;
}

.item-info-row {
    display: none;
}

.process-item-row .item-cell {
    padding-top: 14px;
    padding-bottom: 14px;
}

.process-item-row .item-cell .label {
    font-size: 14px;
    margin-right: 10px;
}

.item-info-inner {
    position: relative;
    border: 1px #DEDEDE solid;
    margin: 12px 30px 0;
    padding: 24px;
    border-radius: 3px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.item-info-inner h3 {
    margin: 0 0 10px;
    border-bottom: 1px #EEE solid;
    padding-bottom: 10px;
}

#reviews-table .process-item-row {
    margin-bottom: 12px;
}

#review-modal .large-delivery-label {
    font-size: 22px;
    line-height: 26px;
    display: block;
    margin-bottom: 16px;
}

#review-modal .delivery-type {
    margin-bottom: 5px;
}

.item-info-inner .bordered-heading {
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.item-info-inner .no-concerns-label {
    font-size: 16px;
}

.item-info-inner .item-details {
    position: relative;
    padding: 30px 15px;
    margin: 0 15px;
}

.item-info-inner .item-name, .item-info-inner .match-item-name {
    font-size: 16px;
    line-height: 20px;
    text-align: center;
}

.item-info-inner .item-name {
    margin-bottom: 16px;
}

.item-info-inner .match-item-name {
    position: relative;
    border-top: 1px #EEE solid;
    padding-top: 14px;
    margin: 0 0 12px;
}

.item-info-inner .item-matching-results {
}

.item-info-inner .select-item-placeholder {
    margin: 5px 0 10px;
}

.item-info-inner .match-item-name:before {
    position: absolute;
    content: "matches";
    background: #FFF;
    color: #B7B7B7;
    display: inline-block;
    font-style: italic;
    left: 50%;
    font-size: 12px;
    margin-left: -31px;
    padding: 0 7px;
    top: -10px;
    z-index: 3;
}

.item-info-inner .engraving-block + .engraving-block {
    margin-top: 18px;
}

.item-info-inner .engraving-options {
    margin: 5px 0 10px;
    border: 1px #EEE solid;
    padding: 10px 12px;
}

.item-info-inner .engraving-options .engraving-block:last-child {
    margin-bottom: 0;
}

.item-info-inner .engraving-block p {
    text-align: left;
    margin: 0 0 3px;
}

.item-wrapper .form-control.focused-field {
    border-color: #09C;
    -moz-box-shadow: 0 0 8px #84DBF8;
    -webkit-box-shadow: 0 0 8px #84DBF8;
    box-shadow: 0 0 8px #84DBF8;
}

.item-wrapper .form-control.focused-field:hover {
    cursor: pointer;
}

#review-modal .ui-datepicker-inline {
    margin: 5px auto 20px;
}

.extracted-options .item-option {
    padding: 6px 11px;
    background: #F7F7F7;
    border: 1px #EEE solid;
}

.extracted-options .item-option + .item-option {
    border-top: none;
}

.extracted-options .item-option strong {
    display: block;
}

.item-info-inner .item-row + .item-row .item-details {
    border-top: 1px #EEE solid;
}

.item-info-inner .no-concerns-label .glyphicon {
    margin-right: 5px;
}

.item-info-inner .review-block + .review-block {
    margin-top: 35px;
}

.item-info-inner .item-image img {
    max-width: 100%;
}

.item-info-inner .btn-toolbar {
    margin-top: 18px;
}

.item-info-inner .print-label {
    margin-bottom: 8px;
}

.item-info-inner .save-order-info {
    position: absolute;
    top: 16px;
    right: 24px;
    z-index: 2;
}

/*.alt .item-details, .alt .item-details .match-item-name:before {
    background: #F7F7F7;
}*/

.option-label + .option-label {
    margin-top: 7px;
}

.option-label p {
    margin-bottom: 2px;
    font-weight: bold;
}

.option-label span {
    font-size: 18px;
    line-height: 24px;
}

.uppercased {
    text-transform: uppercase;
}

.one-engraving-selection {
    display: none;
}

#product-engraving-options, #product-extra-options, #product-gift-options {
    border-top: 1px #EEE solid;
    margin-top: 30px;
    padding-top: 20px;
}

.large-central-heading {
    font-weight: 400;
    text-align: center;
    margin: 60px 0;
}

.edit-list-dropdown {
    margin-bottom: 5px;
}

.imported-order-notice, .positioned-small-heading {
    position: relative;
    top: -5px;
    left: 9px;
}

h3.recurring-order-notice {
    margin: 0;
}

h3.recurring-order-notice .label {
    display: block;
    padding: 10px;
}

.select-input-combo input.form-control, .select-input-combo select.form-control {
    width: 50%;
}

.select-input-combo.orders-searchbar select.form-control {
    width: 15%;
    min-width: 74px;
}

.select-input-combo.orders-searchbar input.form-control {
    width: 85%;
}

.hidden-block {
    display: none;
}

.toggle-section {
    background: #F4F4F4;
    border: 1px #DDD solid;
    padding: 10px 14px;
    margin-bottom: 15px;
    border-radius: 2px;
}

.toggle-section .toggle-section-icon {
    display: inline-block;
    float: right;
    position: relative;
    color: #9F9F9F;
    top: 6px;
    font-size: 13px;
}

.toggle-section .toggle-section-icon:before {
    content: "\e114";
}

.toggle-section.section-open .toggle-section-icon:before {
    content: "\e113";
}

.toggle-section:hover {
    cursor: pointer;
    background: #F8F8F8;
}

.toggle-section span {
    diplay: block;
    font-size: 18px;
    position: relative;
}

.loading-section .toggle-section span:after, .loading-indicator {
    content: " ";
    display: block;
    position: absolute;
    background-image: url(/assets/images/section-loading.gif);
    height: 18px;
    width: 18px;
    z-index: 5;
    top: 4px;
    right: -25px;
}

.loading-indicator {
    position: static;
    display: inline-block;
}

.toggle-section strong {
    display: block;
    float: right;
    margin-top: 2px;
}

.toggleable-section .inner-padding {
    padding: 0 10px 5px;
}

.product-list tr + tr {
    border-top: 1px #EEE solid;
}

.product-list td {
    padding: 5px 0;
}

.product-list .current-quantity {
    color: #777;
    display: block;
    float: right;
    padding-right: 10px;
}

.page-navigation {
    padding: 0 0 10px;
    margin-bottom: 15px;
    border-bottom: 1px #EEE solid;
}

.page-navigation + h3 {
    margin: 0 0 20px;
}

#products-gallery.inner-padding {
    padding: 0 0 15px;
}

#products-gallery .navigate-categories {
    border-bottom: 1px #EEE solid;
    margin-bottom: 10px;
    padding-bottom: 8px;
    display: none;
}

#products-gallery .product-search {
    border-bottom: 1px #EEE solid;
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px #EEE solid;
    position: relative;
}

.text-search-list {
    position: absolute;
    top: 35px;
    left: 0;
    z-index: 6;
    border: 1px #EEE solid;
    background: #FFF;
    list-style: none;
    margin: 0;
    padding: 0;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.07);
}

.text-search-list li {
    padding: 9px 12px;
}

.text-search-list li + li {
    border-top: 1px #EEE solid;
}

.text-search-list li:hover {
    background: #F8F8F8;
    cursor: pointer;
}

.category-wrap {
    
}

.category-wrap .category-wrap {
    display: none;
}

.category-wrap .category-image {
    position: relative;
    margin: 0 0 10px;
    text-align: center;
}

.category-wrap .category-image img {
    max-width: 148px;
    max-height: 148px;
}

.category-wrap .category-image:hover {
    cursor: pointer;
}

.category-wrap .category-image span {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 5px;
    text-align: center;
    background: #000;
    background: rgba(0, 0, 0, 0.3);
    color: #FFF;
    text-shadow: 0 1px #000;
    font-weight: bold;
    transition: background ease-in 120ms;
}

.category-wrap .category-image:hover span {
    background: rgba(0, 0, 0, 0.6);
}

.category-wrap .product-info-wrap, .category-wrap .product-options-wrap {
    display: none;
}

.category-wrap .product-info-wrap {
    margin: 3px 0;
}

#navigated-category {
    padding: 0 0 0 12px;
    font-size: 13px;
}

input[type="checkbox"].cell-checkbox {
    margin: 0;
}

#map-delivery-location {
    /*min-width: 640px;*/
    max-width: 100%;
}

#home-stats-chart, #home-orders-chart {
    width: 100%;
    height: 440px;
}

.calendar {
    text-align: center;
    margin-bottom: 20px;
}

#delivery-address-summary.loading-summary, #invoice-address-summary.loading-summary {
    min-height: 80px;
    background: url(/assets/images/section-loading.gif) center center no-repeat;
}

#delivery-address-summary.loading-summary > *, #invoice-address-summary.loading-summary > * {
    display: none;
}

#basket-list ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#basket-list li {
    position: relative;
    background: #FBFBFB;
    border: 1px #E4E4E4 solid;
    padding: 8px 50px 8px 10px;
    margin: 0 0 8px;
}

#basket-list .remove-item, #basket-list .remove-item:focus {
    display: inline-block;
    position: absolute;
    color: #D84444;
    padding: 1px 4px;
    font-size: 12px;
    text-decoration: none;
    border-radius: 2px;
    top: 5px;
    right: 4px;
}

#basket-list .remove-item:hover {
    background: #D84444;
    color: #FFF;
    text-decoration: none;
}

#quick-basket-list {
    margin-bottom: 20px;
}

#basket-items-input {
    height: 44px;
}

.edit-contact-details {
    padding-top: 10px;
}

#customer-order-history .history-block {
    position: relative;
    background: #F3F3F3;
    border: 1px #DDD solid;
    margin: 0 0 15px;
    padding: 10px;
    text-align: center;
    border-radius: 2px;
}

#customer-order-history .history-block p {
    margin-bottom: 0;
}

#customer-order-history .history-block .btn {
    margin-top: 7px;
}

#customer-order-history .history-block .btn.btn-loading, #customer-order-history .history-block .loading-indicator {
    display: none;
}

#customer-order-history .history-block .btn.btn-loading + .loading-indicator {
    display: inline-block;
    position: relative;
    margin-top: 6px;
    left: 0;
    top: 5px;
}

#customer-notes .row {
    border-top: 1px #EEE solid;
    padding: 12px 0 6px;
}

#customer-notes .row .note-creator {
    margin-bottom: 5px;
    font-size: 12px;
}

#customer-notes .row .note-content {
    line-height: 12px;
}

.input-lookup { 
    padding-right: 33px;
    background-repeat: no-repeat;
    background-position: 97% 50%;
}

.cannot-use {
    border-color: #D84444;
    background-image: url(/assets/images/icons/exclamation.png);
}

.can-use {
    border-color: #36AF36;
    background-image: url(/assets/images/icons/tick.png);
}

.is-invalid {
    border-color: #e78f08;
}

#discount-code {
    text-transform: uppercase;
}

#discount-code-info {
    background: url(/assets/images/icons/offer_tag.png) 15px center no-repeat;
    margin: 6px 0 0;
    padding: 13px 16px 13px 40px;
    border: 1px #D69448 solid;
}

#recurring-orders .date-slot {
    margin: 0 0 2px;
    padding: 4px;
    font-size: 16px;
}

#recurring-orders .every-date {
    text-align: center;
}

#recurring-orders .date-slot input[type="checkbox"] {
    margin-top: 6px;
}

.date-input-wrapper input[name="changed_date"], .date-input-wrapper input[name="changed_time"] {
    float: left;
}

.date-input-wrapper input[name="changed_date"] {
    width: 55%;
    min-width: 105px;
    border-right: none;
}

.date-input-wrapper input[name="changed_time"] {
    width: 45%;
    min-width: 70px;
}

.input-append select + input {
    margin-left: -1px;
}

#delivery-prefs > .delivery-row:first-child .next-day-above {
    display: none;
}

.delivery-row {
    padding: 10px 0 5px;
}

.delivery-row + .delivery-row {
    border-top: 1px #EEE solid;
    margin-top: 5px;
}

.delivery-dupe-row {
    border-top: 1px #EEE solid;
    text-align: center;
    padding: 10px 0;
    margin-top: 15px;
}

#items-table option:disabled {
    opacity: 0.4;
}

#items-table td.remove-item-cell {
    line-height: 25px;
}

#items-table td.remove-item-cell a {
    vertical-align: middle;
}

#product-instructions {
    border: 1px #EEE solid;
    padding: 12px 15px;
}

#product-instructions:hover {
    cursor: text;
}

#product-instructions em {
    display: block;
    color: #777;
}

#product-instructions em:hover {
    cursor: pointer;
    text-decoration: underline;
}

#products-table tr.option-row td:first-child, #products-table tr.sub-category-row th:first-child, #products-table tr.shift-cell td:first-child {
    padding-left: 32px;
}

#products-table .folder-icon {
    margin: -3px 4px 0 0;
}

#products-table .category-item-icon {
    margin: -1px 4px 0 0;
}

#tabbed-dates {
    padding-bottom: 20px;
}

#tabbed-dates p {
    padding-bottom: 3px;
    margin: 10px 0 1px;
    border-bottom: 1px #EEE solid;
}

#tabbed-dates .tab-date {
    display: block;
    float: left;
    background: #EEE;
    height: 14px;
    width: 14px;
    margin: 3px 3px 0 0;
    border-radius: 10px;
    border: 1px transparent solid;
}

#tabbed-dates .tab-date:hover, #tabbed-dates .tab-date.is-viewing-report {
    background: #DDD;
    border-color: #adadad;
}

#tabbed-dates .tab-date.has-report {
    background: #B6E2B6;
}

#tabbed-dates .tab-date.has-report:hover, #tabbed-dates .tab-date.has-report.is-viewing-report {
    border-color: #699569;
}

#tabbed-dates .tab-date.has-report.has-no-end-report {
    background: #e78f08;
}

#tabbed-dates .tab-date.has-report.has-no-end-report:hover, #tabbed-dates .tab-date.has-report.has-no-end-report.is-viewing-report {
    border-color: #9b4300;
}

#tabbed-dates .back-date-tab, #tabbed-dates .future-date-tab {
    display: none;
}

#tabbed-dates .tab-date.is-viewing-report, #tabbed-dates .tab-date.has-report.is-viewing-report, #tabbed-dates .tab-date.has-report.has-no-end-report.is-viewing-report {
    background: #FFF;
    border-width: 2px;
}

#tabbed-dates .show-hidden-months {
    display: block;
    text-align: center;
    padding: 10px;
}

.report-wrapper {
    border: 1px #EEE solid;
    margin-bottom: 20px;
}

.report-wrapper h4 {
    text-align: center;
    border-bottom: 1px #EEE solid;
    margin: 0;
    padding: 13px 0;
}

.report-wrapper table {
    margin: 0;
}

.report-wrapper table td, .report-wrapper table th {
    vertical-align: middle !important;
}

.report-wrapper table td {
    font-size: 18px;
}

.report-wrapper table tr.diff-hover td {
    background: #F2F2F2;
}

#file-report-date {
    margin: 25px 0;
}

.money-count-input {
    width: 80px;
    text-align: center;
}

.money-count-input.text-right {
    text-align: right;
    padding-right: 10px;
}

#customers-map {
    border: 1px #DDD solid;
    background: #E5E3DF;
}

#trays-map img {
    max-width: none;
}

#customers-list {
    margin: 0;
    padding: 0;
    list-style: none;
    max-height: 100%;
    height: 100%;
    overflow-y: auto;
}

#orders-table .order-number .key-identifier img {
    margin-top: -2px;
}

#orderbook-table tbody tr:hover {
    cursor: pointer;
}

table#orderbook-table tr:hover td {
    background: #EEE;
}

#orderbook-placeholder td, table#orderbook-table tr#orderbook-placeholder:hover td {
    background: #FFF url(/assets/images/loading-trans.gif) center 50px no-repeat;
    font-size: 22px;
    text-align: center;
    padding: 130px 0 45px;
}

#orderbook-table .page-split td, #orderbook-table .page-split:hover td {
    background: #EEE;
    font-weight: bold;
}

#load-more-orders {
    display: none;
}

#load-more-orders td {
    background: #FFF;
    text-align: center;
    padding: 13px 0;
    font-weight: bold;
}

.underlined-tooltip {
    border-bottom: 1px #ABABAB dotted;
}

#orders-key {
    list-style: none;
    margin: 6px 0;
    float: right;
    padding: 0;
    font-size: 12px;
    color: #555;
}

#orders-key li {
    float: left;
}

#orders-key li + li {
    margin-left: 10px;
}

#orders-key li img {
    margin-top: -3px;
}

#orders-table tbody tr td.order-priority:empty {
    margin: 0;
    padding: 0;
    width: 0;
}

.special-note {
    background: #F4F4F4;
    border: 1px #DDD solid;
    padding: 10px 14px;
    border-radius: 2px;
}

.alert.alert-pink {
    background: #FFF1F8;
    border-color: #FCE2FC;
}

.gift-wrapped-notice {
    margin: 10px 0;
    background: #FFF url(/assets/images/gift-wrapped.png) center 9px no-repeat;
    background-size: 120px;
    text-align: center;
    border: 1px #D84444 solid;
    color: #D84444;
    overflow: hidden;
    
    border-radius: 2px;
    box-shadow: 0 2px 5px #DDD;
}

.gift-wrapped-notice span {
    display: block;
    background: rgba(255, 255, 255, 0.89);
    font-size: 22px;
    line-height: 130%;
    padding: 8px;
    margin: 20px 0;
    
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.09);
}

.order-addresses .glyphicon {
    float: left;
    margin-left: -22px;
}

.order-addresses p {
    padding-left: 22px;
}

#order-locked-notice {
    background: url(/assets/images/padlock-icon.png) 16px center no-repeat, url(/assets/images/warning-bg.png) repeat, #FCF8E3;
    border: 1px #FAEBCC solid;
    margin-bottom: 14px;
    border-radius: 4px;
}

#order-locked-notice h3 {
    margin: 0 0 3px;
}

#order-locked-notice .notice-inner {
    padding: 10px 78px 10px 69px;
    position: relative;
}

#order-locked-notice button {
    position: absolute;
    display: block;
    background: #FAEBCC;
    border: 1px #DCCDAE solid;
    border-radius: 3px;
    margin: 0;
    padding: 3px 8px;
    top: 50%;
    margin-top: -13px;
    right: 12px;
}

#time-taken {
    display: block;
    font-size: 12px;
    color: #666;
    margin: -4px 0 6px;
}

#order-items-table tr.alt td, #product-options-table tr.alt td {
    background-color: #f9f9f9;
}

.side-progress {
    list-style: none;
    margin: 0 0 0 35px;
    padding: 0;
    border-left: 5px #D84444 solid
}

.side-progress li {
    position: relative;
    margin: 0;
}

.side-progress .radio input[type="radio"] {
    margin-left: -50px;
}

.side-progress li + li {
    border-top: 1px #EEE solid;
}

.side-progress li label {
    padding: 8px 10px 8px 20px;
    margin: 0;
}

.side-progress li.unreached label:hover {
    cursor: pointer;
}

.side-progress li.current {
    color: #C83434;
}

.side-progress li.unreached {
    color: #999;
}

.side-progress li.unreached label:hover {
    color: #000;
}

.side-progress li.current:after {
    content: " ";
    position: absolute;
    border: 7px transparent solid;
    border-left-color: #D84444;
    top: 13px;
    left: 0;
    z-index: 3;
}

.side-progress li strong {
    display: block;
    font-size: 16px;
    line-height: 20px;
}

.side-progress li span {
    font-size: 12px;
    line-height: 16px;
    font-weight: normal;
    color: #777;
}

.side-progress li em.changed-by {
    font-weight: bold;
    font-style: normal;
}

.side-progress li.passed, .side-progress li.passed label:hover {
    color: #5F905F;
}

.side-progress.inline-bar li {
    float: left
}

.side-progress.inline-bar {
    margin: 0;
}

.side-progress.inline-bar li label {
    padding: 0 10px 0 25px;
}

.side-progress.inline-bar li strong {
    font-size: 12px;
}

.side-progress.inline-bar li + li {
    border: none;
}

.side-progress.inline-bar .radio input[type="radio"] {
    margin: 3px 0 0 -18px;
}

.side-progress.inline-bar li.current:after {
    border-width: 6px;
    top: 3px;
    left: 11px;
}

#progress-modal .side-progress {
    margin-left: 55px;
}

#progress-modal .side-progress li {
    padding-top: 0;
    padding-bottom: 0;
}

#progress-modal .side-progress li label {
    padding-top: 18px;
    padding-bottom: 18px;
}

#progress-modal .side-progress li + li {
    border-top-color: #F5F5F5
}

#progress-modal .side-progress li.unreached:hover {
    background: #FAFAFA;
    cursor: pointer;
}

#progress-modal .side-progress li.unreached:hover, #progress-modal .side-progress li.unreached:hover + li {
    border-top-color: #DDD;
}

#progress-modal .side-progress .radio input[type="radio"] {
    margin-left: -60px;
}

#progress-modal .side-progress li.current:after {
    top: 50%;
    margin-top: -12px;
    left: -40px;
    border-width: 12px;
}

/* ORDER PROGRESS BAR */
.order-progress-bar {
    margin: 2px 0 0;
    height: 16px;
}

table tr.highlight-row td {
    background: #FFDF7F !important;
}

.location-row + .location-row {
    border-top: 1px #EEE solid;
}

.location-row:nth-child(odd) a {
    background-color: #FBFBFB;
}

.location-row a, .location-row strong.lined, .location-row span.lined {
    display: block;
}

.location-row a, .location-row a:focus, .location-row a:hover {
    text-decoration: none;
    padding: 10px;
}

.location-row a:hover {
    background: #EEE;
}

.location-row strong.lined {
    color: #333;
}

.location-row span.lined {
    color: #777;
}

.location-row span.find-orders {
    color: #D84444;
}

.location-row span.find-orders:hover {
    text-decoration: underline;
}

#trays-list .location-row .label {
    display: none;
}

#trays-list  .location-row.location-unknown .label, #customers-list .location-row .label {
    display: inline-block;
    float: right;
    margin: 3px 0 0 3px;
}

#customer-popup { 
    width: 340px;
    padding: 5px 10px;
}

table td.text-right {
    text-align: right;
}

.line-split-block {
    border-bottom: 1px #EEE solid;
    padding-bottom: 12px;
    margin-bottom: 1px;
}

table.trim-text td {
    max-width: 105px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

table.trim-text td.larger-trim {
    max-width: 280px;
}

table.text-top-images td img {
    vertical-align: text-top;
}

#bake-info .box-count {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

#bake-info .box-count p {
    margin-bottom: 2px;
    color: #888;
}

#bake-info .box-count .count {
    font-size: 24px;
}

#bake-info .box-count + .box-count {
    border-left: 1px #EEE solid;
}

#bakers-tool .bake-day {
    display: block;
    background: #FFF;
    border: 1px #EEE solid;
    padding: 7px;
    text-align: center;
    margin: 0 0 10px;
    border-radius: 4px;
    height: 56px;
}

#bakers-tool .bake-day:hover, #bakers-tool .bake-day:focus {
    text-decoration: none;
}

#bakers-tool .bake-day#current-date {
    background: #D84444;
    color: #FFF;
    border-color: #C00;
}

#bakers-tool .bake-day.today {
    line-height: 40px;
}

#bakers-tool .bake-day#print-checklist {
    background: #7FCC7F;
    color: #FFF;
    border-color: #36AF36;
}

#bakers-tool .item-box {
    background: #F3F3F3;
    border: 1px #E9E9E9 solid;
    text-align: center;
    padding: 8px 10px;
    margin-bottom: 10px;
    border-radius: 3px;
}

#bakers-tool .item-box p {
    margin-bottom: 0;
}

#bakers-tool .qty-count {
    font-size: 20px;
    margin: 2px 0;
}

#bakers-tool .orders-info {
    margin-top: 12px;
    padding-top: 13px;
    border-top: 1px #EEE solid;
}

#bakers-tool .table-order-cell > .row > div {
    padding: 20px 35px;
}

#bakers-tool .item-option {
    color: #777;
    display: block;
    margin: 0 0 6px;
}

#bakers-tool table.table > tbody > tr > td {
    background: none;
}

#bake-orders-table td p {
    word-wrap: break-word;
    white-space: normal;
}

#bakers-tool table.table > tbody > tr.alt > td {
    background: #F9F9F9;
}

#bakers-tool table.table > tbody > tr.order-complete > td {
    background: #E0F3E0;
}

a.deleted-link, a.deleted-link:hover, a.deleted-link:active, a.deleted-link:focus, a.deleted-link:active {
    position: relative;
    text-decoration: none;
    font-style: italic;
    color: #999;
    cursor: text;
    border-bottom: 1px #777 dotted;
}

a.deleted-link:hover {
    cursor: help;
}

.row.row-clear-margin {
    margin-left: 0;
    margin-right: 0;
}

.no-gutter {
    padding-left: 0;
    padding-right: 0;
}

.no-left-gutter {
    padding-left: 0;
}

.no-right-gutter {
    padding-right: 0;
}

.pagination, #results-per-page {
    margin: 0 0 20px;
}

.data-log pre {
    max-height: 400px;
    overflow: auto;
}

.table > tbody tr > td[valign="middle"], .table > tbody > tr > th[valign="middle"], .table > thead > tr > th[valign="middle"] {
    vertical-align: middle;
}

.double-input .form-control {
    width: 50%;
    border-right-width: 0px;
}

.double-input .form-control:focus {
    border-right-width: 1px;
}

#data-viewer {
    display: none;
    background: #FFF;
    position: fixed;
    height: 100%;
    width: 768px;
    left: 50%;
    margin-left: -384px;
    top: 0;
    z-index: 60;
    
    border-right: 1px #DDD solid;
    border-left: 1px #DDD solid;
    
    box-shadow: 0 1px 12px rgba(0, 0, 0, 0.08);
    max-height: 100%;
    overflow-y: auto;
}

#data-viewer.loading, #engraving-editor.loading {
    background-image: url(/assets/images/section-loading.gif);
    background-position: center center;
    background-repeat: no-repeat;
}

#data-viewer.loading *, #engraving-editor.loading * {
    display: none;
}

#data-viewer .inner {
    padding: 40px 20px 20px;
    position: relative;
}

#data-viewer .close {
    position: absolute;
    top: 6px;
    right: 20px;
    z-index: 500;
}

#data-viewer .inner > h2 {
    margin-top: 0;
}

#simple-view #map-delivery-location {
    margin-bottom: 30px;
}

#common-settings {
    padding-top: 30px;
}

#common-settings .nav-pills {
    padding: 0 20px;
    margin-bottom: 30px;
}

#order-statuses-progress {
    list-style: none;
    padding: 0;
    margin: 0 0 20px;
}

#order-statuses-progress li {
    height: 38px;
    line-height: 37px;
    margin: 0 0 2px;
    background: #F4F4F4;
    border: 1px #DFDFDF solid;
    padding: 0 12px;
}

#order-statuses-progress li.move-row:hover {
    background: #FAFAFA;
    cursor: -webkit-grab; 
    cursor: -moz-grab;
    cursor: grab;
}

#order-statuses-progress li.move-row:active {
    background: #FAFAFA;
    cursor: -webkit-grabbing; 
    cursor: -moz-grabbing;
    cursor: grabbing;
}

#order-statuses-progress li.freeze-row .glyphicon {
    display: none;
}

#order-stauses-progress li.sortable-drop-area {
    background: #FFF;
}

.order-paid-cell {
    text-align: center;
}

.order-paid-cell span {
    display: block;
    padding: 2px 6px;
    text-transform: uppercase;
    font-size: 11px;
    border-radius: 2px;
    color: #FFF;
}

.order-paid-cell.paid-yes span {
    background: #8EB58E;
}

.order-paid-cell.paid-no span {
    background: #E34848;
}

.order-paid-cell.paid-part span {
    background: #EAB25F;
}

.payments-grid.bottom-border {
    border-bottom: 1px #EEE solid;
    padding: 0 0 15px;
    margin-bottom: 15px;
}

.payments-grid .grid-block {
    text-align: center;
    padding: 0;
}

.payments-grid .grid-block + .grid-block {
    border-left: 1px #EEE solid;
}

.payments-grid .grid-block .number-amount {
    display: block;
    font-size: 26px;
}

.payments-grid .grid-block .number-amount small {
    color: #5F905F;
}

.payments-grid .grid-block .amount-label {
    font-size: 14px;
}

.radio-tabs {
    margin-bottom: 15px;
}

.radio-tabs .tab-button {
    display: block;
    text-align: center;
    font-weight: normal;
}

.radio-tabs .tab-button:hover {
    cursor: pointer;
}

.radio-tabs .tab-button .tab-label, .radio-tabs .tab-button input {
    display: block;
    margin: 0 auto;
}

.radio-tabs .tab-button img {
    margin-bottom: 5px;
}

.radio-tabs .tab-button input {
    margin-top: 5px;
}

#order-priority .radio-tab {
    margin: 10px 0 5px;
}

#order-priority label .tab-button {
    background: #F2F2F2;
    padding-bottom: 10px;
    padding-top: 10px;
}

#top-right-buttons {
    position: absolute;
    top: 23px;
    right: 30px;
    z-index: 4;
}

#page-notes {
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 90000;
    background: #FFF;
    border: 1px #DDD solid;
    border-radius: 2px;
    max-height: 80%;
    width: 670px;
}

#page-notes.panel-closed {
    right: -670px;
}

#page-notes .notes-list {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 360px;
}

#toggle-page-notes {
    position: absolute;
    display: block;
    background: #FFF;
    border: 1px #DDD solid;
    border-right: none;
    position: absolute;
    padding: 5px;
    border-radius: 2px;
    top: 13px;
    left: -27px;
}

#toggle-page-notes img {
    margin-top: -3px;
}

#page-notes .inner {
    padding: 10px;
}

#page-notes .note-solved {
    color: #3A8839;
}

#page-notes .inner p {
    margin: 0;
}

#page-notes form {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px #EEE solid;
}

#page-notes textarea {
    resize: none;
    display: block;
    margin-bottom: 5px;
}

#import-data {
    margin-top: 10px;
}

#import-data .file-inner {
    border-top: 1px #EEE solid;
}

#import-data .no-csv-selected {
    text-align: center;
    margin: 50px 0 0;
}

#import-data .no-csv-selected p {
    font-size: 28px;
    line-height: 32px;
    margin: 0 0 4px;
}

#import-data .no-csv-selected span {
    color: #777;
}

#import-data .csv-contents {
    margin-top: 10px;
}

.modal-content {
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.22);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.22);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.22);
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.push-page-bottom {
    display: block;
    height: 0;
    width: 100%;
    clear: both;
    margin: 20px 0 0;
}

/* NEW ORDER PAGE */
#order-page .progress-details {
    text-align: center;
}

#order-page .progress-details p {
    font-size: 16px;
    line-height: 20px;
    margin: 10px 0;
}

#order-page .order-page-sidebar {
    border-left:  1px #EEE solid;
    padding-bottom: 14px;
}

#order-page .order-page-sidebar h4 {
    margin-top: 25px;
}

#order-page .order-page-sidebar .btn-block {
    padding-left: 12px;
    padding-right: 12px;
    text-align: left;
}

#order-page .order-page-sidebar .last-sent {
    display: block;
    text-align: center;
    padding: 11px 0 16px;
    font-size: 12px;
    line-height: 16px;
    color: #737373;
}

#order-page .order-page-sidebar .ordered-date {
    text-align: center;
    padding: 10px;
    margin: 0 0 10px;
    background: #F4F4F4;
}

#order-page .order-page-sidebar .order-referral {
    border: 1px #EEE solid;
    padding: 10px;
    margin: 10px 0 0;
    text-align: center;
}

#order-page .order-fulfilment .alert {
    margin: 10px 0;
}

.address-info-block {
    background: #F6F6F6;
    border: 1px #EEE solid;
    border-radius: 2px;
    padding: 18px;
    margin-bottom: 10px;
}

.address-info-block p {
    margin: 0;
    padding: 2px 0 2px 24px;
}

.address-info-block address {
    margin: 0;
}

.address-info-block address + address {
    margin-top: 5px;
}

.address-info-block .glyphicon {
    float: left;
    margin: 1px 0 0 -22px;
}

.address-info-block.letter-block {
    padding: 0;
    background: url(/assets/images/letter-border.png) repeat;
}

.address-info-block.letter-block .letter-inner {
    background: #FFF;
    border: 1px #EEE solid;
    margin: 7px;
    padding: 10px 13px;
}

#order-page .calendar-block {
    text-align: center;
    position: relative;
    margin: 0 auto 15px;
    max-width: 300px;
}

#order-page .calendar-block .calendar-header {
    background: #D84444;
    border-bottom: 2px #A73B3B solid;
    color: #FFF;
    text-shadow: 0 -1px #AAA;
    padding: 10px 0;
    font-size: 16px;
    line-height: 20px;
}

#order-page .calendar-block .calendar-date {
    padding: 18px 0 0;
    border: 1px #EEE solid;
    border-top: none;
    border-radius: 0 0 2px 2px;
}

#order-page .calendar-block:after {
    content: "";
    display: block;
    position: absolute;
    background: #FFF;
    border: 1px #EEE solid;
    border-top: none;
    bottom: -3px;
    left: 0;
    width: 100%;
    height: 3px;
    border-radius: 0 0 2px 2px;
}

#order-page .calendar-block .calendar-date span {
    display: block;
}

#order-page .calendar-block .change-details {
    border-top: 1px #EEE solid;
    padding: 11px 0;
    margin-top: 20px;
}

#order-page .calendar-block .auto-selected-date {
    background: #FCF8E3;
    border: 1px #EEE solid;
    border-bottom-color: #FAEBCC;
    border-top: none;
    color: #8A6D3B;
    padding: 7px 0;
    font-weight: bold;
    text-transform: uppercase;
}

#order-page .calendar-block .calendar-date .numeric-date {
    font-size: 30px;
}

#order-page .calendar-block .calendar-date .calendar-month {
    color: #666;
}

#order-page .calendar-block .delivery-label {
    padding: 4px 0 0;
}

#order-page .order-tracking {
    padding: 7px 0;
    border-bottom: 1px #EEE solid;
    text-align: center;
    margin-bottom: 10px;
}

#order-page .order-tracking *, #order-page .courier-dates * {
    vertical-align: middle;
}

#order-page .order-tracking a {
    font-size: 18px;
    margin-left: 3px;
}

#order-page .courier-dates {
    text-align: center;
    margin: 0;
    padding: 2px 0;
}

#order-page .courier-dates.courier-pickup span {
    padding-left: 3px;
}

#order-page .courier-dates.courier-arrival span {
    padding-right: 3px;
}

#order-page .courier-dates + .courier-dates {
    margin-bottom: 10px;
}

#order-page .delivery-info {
    position: relative;
    border: 1px #EEE solid;
    text-align: center;
    padding: 10px 12px;
    max-width: 340px;
    margin: 0 auto;
}

#order-page .delivery-info:before, #order-page .delivery-info:after {
    content: "";
    position: absolute;
    border: 12px transparent solid;
    border-bottom-color: #EEE;
    top: -25px;
    left: 50%;
    margin-left: -12px;
    height: 0;
}

#order-page .delivery-info:after {
    border-bottom-color: #FFF;
    top: -24px;
}

#delivery-date-picker .ui-datepicker-inline {
    margin: 0 auto 10px;
    width: 100%;
}

#delivery-modal .input-group, .charges-unchangeable {
    margin: 10px 0;
}

#delivery-modal .charges-unchangeable {
    display: block;
}

.notes-info-row {
    border-top: 1px #EEE solid;
    margin-top: 15px;
    padding-top: 10px;
}

.notes-wrapper {
    border-bottom: 1px #EEE solid;
    margin-bottom: 15px;
    padding-bottom: 17px;
}

.note-slip {
    border: 1px #F1F1F1 solid;
    padding: 12px;
    margin: 0 0 10px;
}

.note-slip p {
    margin: 0;
}

em + #change-internal-note, em + .change-internal-note {
    margin-left: 10px;
}

p + #change-internal-note {
    display: inline-block;
    margin-top: 4px;
}

.note-slip form {
    display: none;
}

.note-slip textarea {
    margin-bottom: 10px;
}

#order-page .payments-grid .grid-block {
    border: none;
    padding: 10px;
    margin: 0;
}

#order-page .payments-grid .grid-block:nth-child(odd) {
    border-right: 1px #EEE solid;
}

#order-page .payments-grid .grid-block button {
    margin: 15px 0;
}

#payments-modal .input-group {
    margin: 0 0 12px;
}

#payments-modal #input-paid-amount {
    font-size: 42px;
    height: 74px;
    line-height: normal;
    padding: 10px 16px;
    text-align: right;
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    appearance: textfield;
}

#payments-modal .input-group-addon {
    font-size: 34px;
}

#payments-modal .tab-button {
    margin-bottom: 20px;
}

#payments-modal .payment-date {
    text-align: center;
    padding: 10px 0 15px;
}

/* LABEL CREATOR */
#engraving-editor {
    display: none;
    position: fixed;
    background: #FFF;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 8500;
    overflow-x: hidden;
    overflow-y: auto;
}

#engraving-editor .close-editor, #engraving-editor .close-editor:focus {
    position: absolute;
    font-size: 36px;
    color: #A7A7A7;
    right: 10px;
    top: -4px;
    z-index: 10;
    text-decoration: none;
}

#engraving-editor .close-editor:hover {
    text-decoration: none;
    color: #848383;
}

#engraving-editor .editor-inner {
    padding: 50px;
}

#engraving-editor .canvas-block {
    display: inline-block;
}

#engraving-editor .canvas-block + .canvas-block {
    margin-left: 1px;
}

#engraving-editor .canvas-block canvas {
    margin: 0;
    padding: 0;
    line-height: 1;
    position: relative;
    z-index: 10;
}

#engraving-editor .canvas-block canvas:hover, #engraving-editor #focused-letter canvas, #focused-letter ~ .canvas-block canvas {
    background: #EEE;
    cursor: pointer;
}

#engraving-editor #focused-letter canvas, #focused-letter ~ .canvas-block canvas.canvas-letter {
    z-index: 8;
}

#engraving-editor .canvases-inner {
    overflow: auto;
    padding: 20px 10px;
    border-top: 1px #EEE solid;
    border-bottom: 1px #EEE solid;
    white-space: nowrap;
    font-size: 0;
}

#engraving-editor .canvases-inner.png-bg {
    background: url(/assets/images/transparent.png) repeat;
}

#engraving-editor .canvases-inner.png-bg .canvas-block canvas:hover, #engraving-editor .canvases-inner.png-bg #focused-letter canvas, #engraving-editor .canvases-inner.png-bg #focused-letter ~ .canvas-block canvas {
    background: transparent;
    cursor: auto;
}

#engraving-editor .engraving-row + .engraving-row {
    margin-top: 80px;
}

#engraving-editor .canvas-block canvas {
    margin: 0;
    padding: 0;
}

#engraving-editor .font-tools {
}

#engraving-editor .font-tools p {
    margin: 0;
    padding: 5px 0 0;
    text-align: right;
    color: #8B8B8B;
}

#engraving-editor .font-tools .tools-inner {
    padding: 10px;
    background: #FAFAFA;
    border-radius: 0 0 3px 3px;
    text-align: center;
    border: 1px #EEE solid;
    border-top: none;
}

#engraving-editor .font-tools .bg-bullet {
    display: inline-block;
    background: #FFF;
    height: 27px;
    width: 27px;
    border-radius: 50%;
    margin: 2px 0 6px;
    border: 2px #DDD solid;
    transition: border-color ease-in 110ms;
}

#engraving-editor .font-tools .bg-bullet:hover, #engraving-editor .font-tools .bg-bullet.selected-type {
    cursor: pointer;
    border-color: #AAA;
}

#engraving-editor .font-tools .bg-bullet.type-png {
    background: url(/assets/images/transparent.png) repeat;
}

#engraving-editor .font-tools .bg-bullet + .bg-bullet {
    margin-left: 6px;
}

#ups-modal .modal-header, #interlink-modal .modal-header {
    padding: 25px 15px;
}

#ups-modal .modal-header {
    background: #351C15 url(/assets/images/third-party/ups-logo.gif) 15px 12px no-repeat;
}

#interlink-modal .modal-header {
    background: #2D4492 url(/assets/images/third-party/interlink-express-logo.gif) 15px 18px no-repeat;
}

#ups-modal .modal-header h4, #interlink-modal .modal-header h4 {
    visibility: hidden;
}

#ups-modal button.close, #interlink-modal button.close {
    color: #FFF;
    text-shadow: 0 1px #000;
    opacity: 0.8;
    font-size: 40px;
    font-weight: 400;
    margin-top: -10px;
}

.btn.btn-ups-rates, .btn.btn-ups-pickup {
    display: inline-block;
    font-family: Arial;
    padding: 0;
    font-size: 26px;
    width: 60px;
    height: 60px;
    background: #FFF;
    border: 2px #D84444 solid;
    color: #D84444;
    border-radius: 50%;
}

.btn.btn-ups-pickup {
    border-color: #09C;
    color: #09C;
    margin: 0 0 15px;
}

.btn.btn-ups-pickup span {
    margin: 0;
    font-size: 20px;
}

.btn.btn-ups-rates.disabled, .btn.btn-ups-rates[disabled], .btn.btn-ups-pickup.disabled, .btn.btn-ups-pickup[disabled] {
    background: #FFF url(/assets/images/loading-trans.gif) center center no-repeat;
    background-size: 40px;
    border-color: #FFF;
}

.btn.btn-ups-rates.disabled span, .btn.btn-ups-rates[disabled] span, .btn.btn-ups-pickup.disabled span, .btn.btn-ups-pickup[disabled] span {
    visibility: hidden;
}

.input-pickup-date {
    margin: 6px 0;
}

.modal-body .loading-placeholder {
    display: none;
}

.modal-body.modal-loading * {
    visibility: hidden;
}

.modal-body.modal-loading .loading-placeholder, .modal-body.modal-loading .loading-placeholder * {
    visibility: visible;
}

.modal-body.modal-loading .loading-placeholder {
    display: block;
    width: calc(100% - 30px);
    position: absolute;
    top: 50%;
    margin-top: -80px;
    text-align: center;
    left: 0;
    z-index: 4;
}

.modal-body.modal-loading .loading-placeholder h4 {
    margin: 16px 0 0;
}

.available-services, .find-rate {
    border-top: 1px #EEE solid;
}

.available-services {
    position: relative;
    max-height: 310px;
    overflow-y: auto;
}

.required-delivery-date {
    border: 2px #D84444 solid;
    color: #C53232;
    padding: 16px;
    margin: 10px 0 20px;
    text-align: center;
    font-weight: 16px;
    
    border-radius: 3px;
}

.required-delivery-date span {
    font-weight: bold;
}

#ups-modal.scroll-services .available-services:before, #interlink-modal.scroll-services .available-services:before {
    background: url(/assets/images/box-shadow.png) bottom repeat-x;
    content: "";
    position: fixed;
    height: 12px;
    width: 100%;
    margin-left: -15px;
    z-index: 4;
    opacity: 0.05;
}

.find-rate {
    position: relative;
    text-align: center;
}

#ups-modal.scroll-services .find-rate:before, #interlink-modal.scroll-services .find-rate:before {
    background: url(/assets/images/box-shadow-bottom.png) top repeat-x;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 12px;
    width: 100%;
    margin-top: -12px;
    z-index: 4;
    opacity: 0.05;
}

.service-block {
    display: block;
}

.service-cell {
    position: relative;
}

span.row {
    display: block;
}

.service-row + .service-row {
    border-top: 1px #EEE solid;
}

.service-row label {
    font-weight: normal;
    margin: 0;
    padding-top: 16px;
    padding-bottom: 16px;
}

.available-services .service-row:nth-child(even) label {
    background: #FCFCFC;
}

.available-services .service-row label:hover {
    background: #F7F7F7;
    cursor: pointer;
}

.service-row .select-service {
    text-align: center;
}

.service-row .service-label {
    font-weight: bold;
}

.service-row .pickup-date, .service-row .arrival-date {
    color: #777;
    text-align: center;
}

.service-row .pickup-date {
    background: url(/assets/images/grey-arrow.png) center right no-repeat;
    background-size: 17px;
}

.service-row.guaranteed-service .arrival-date {
    color: #3A8839;
}

.get-rates {
    margin-top: 16px;
}

.shipping-alerts .alert ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.rates-summary.has-rates {
    position: relative;
    border-top: 2px #D84444 solid;
    margin-top: 25px;
    text-align: center;
}

.rates-summary.has-rates:before, .rates-summary.has-rates:after {
    content: "";
    position: absolute;
    border: 12px transparent solid;
    border-bottom-color: #D84444;
    width: 0;
    top: -26px;
    left: 50%; 
    margin-left: -12px;
}

.rates-summary.has-rates:after {
    border-bottom-color: #FFF;
    top: -23px;
}

.rates-summary .rate-block {
    border: 1px #EEE solid;
    background: #F8F8F8;
    padding: 15px 5px;
    text-align: center;
    border-radius: 3px;
    margin: 20px 0 15px;
}

.rates-summary .rate-block p {
    margin-bottom: 3px;
}

.item-description-required {
    margin-bottom: 14px;
}

#save-shipment {
    margin-top: 14px;
}

#accept-rate[disabled], #accept-rate:disabled, #save-shipment[disabled], #save-shipment:disabled {
    background-image: url(/assets/images/green-spinner.gif);
    background-position: center center;
    background-repeat: no-repeat;
}

#accept-rate[disabled] span, #accept-rate:disabled span, #save-shipment[disabled] span, #save-shipment:disabled span {
    visibility: hidden;
}

.successful-booking {
    display: none;
    text-align: center;
    background: #FFF url(/assets/images/confirmed.png) center 20px no-repeat;
    background-size: 130px;
    padding-top: 185px;
}

.successful-booking.open {
    display: block;
}

.successful-booking.open + form {
    display: none;
}

.successful-booking .booking-info {
    border-top: 1px #EEE solid;
    padding-top: 10px;
}

.shipping-labels .shipping-label-wrapper {
    display: inline-block;
    float: none;
}

.shipping-labels .shipping-label {
    border: 1px #E1E1E1 solid;
    background: #F9F9F9 url(/assets/images/loading-trans.gif) center center no-repeat;
    background-size: 20px;
    min-height: 280px;
    margin-top: 20px;
    transition: background-size ease-in 100ms;
}

.shipping-labels .shipping-label.loaded-label:hover {
    cursor: pointer;
    border-color: #BBB;
    background-size: 110% 110% !important;
}

/* ENQUIRIES */
#enquiry-form .message-contents {
    border-top: 1px #EEE solid;
    border-bottom: 1px #EEE solid;
    padding: 20px;
    margin: 8px 0 18px;
}

/* PAGES EDITOR */
#pages-table .expand-pages, #pages-table .shrink-pages {
    padding: 0;
    background: url(/assets/images/icons/expand.png) center center no-repeat;
}

#pages-table .expand-pages:hover, #pages-table .shrink-pages:hover {
    cursor: pointer;
}

#pages-table .shrink-pages {
    background-image: url(/assets/images/icons/shrink.png);
}

#pages-table .sub-icon {
    margin: -3px 7px 0 -3px;
}

#web-preview {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 13000;
}

#web-preview iframe {
    border: none;
    height: 100%;
    width: 100%;
}

#close-web-preview {
    display: block;
    position: fixed;
    top: 15px;
    right: 0;
    padding: 8px 13px;
    font-size: 22px;
    line-height: 130%;
    text-decoration: none;
    background: #FFF;
    border: 1px rgba(0, 0, 0, 0.4) solid;
    border-right: none;
    z-index: 13001;
    color: #888;
    
    -moz-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.11);
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.11);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.11);
}

.numeric-step {
    position: relative;
    background: #EEE;
    height: 1px;
    margin: 25px 0;
}

.numeric-step > span {
    position: absolute;
    height: 30px;
    width: 30px;
    background: #F7F7F7;
    color: #7B7B7B;
    border: 1px #DDD solid;
    font-weight: bold;
    line-height: 28px;
    text-align: center;
    left: 20px;
    top: -14px;
    z-index: 4;
    
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

/* REVIEW ORDER */
#review-modal .item-row {
    background: #FCFCFC;
    border-top: 1px transparent dashed;
    border-bottom: 1px transparent dashed;
}

#review-modal .item-row:hover {
    background: #F7F7F7;
    cursor: pointer;
}

#review-modal .item-row.open-results {
    border-color: #CCC; 
}

#review-modal .item-matching-results .item-details {
    padding: 10px 15px;
}

#review-modal .item-name {
    margin: 0;
}

#review-modal .match-item-name {
    margin: 20px 0;
}

#review-modal .item-name, #review-modal .match-item-name {
    text-align: center;
}

#review-modal .item-match-details, #review-modal .select-item-placeholder select {
    display: none;
}

#review-modal .select-item-placeholder select {
    margin: 12px 0;
}

#review-modal .no-item-match + .select-item-placeholder select {
    display: block;
}

#review-modal .order-item-engravings, #review-modal .order-item-options, #review-modal .order-item-gift-options {
    display: none;
    border-top: 1px #EEE solid;
    padding-top: 12px;
    margin-top: 12px;
}

#review-modal .item-row.open-results + .item-match-details {
    display: block;
    padding-top: 10px;
}

#save-review {
    margin-top: 20px;
}

#stock-level-modal form {
    text-align: center;
}

#stock-level-modal #current-level {
    margin: 0 0 14px;
    padding: 6px 0 14px;
    border-bottom: 1px #EEE solid;
}

#stock-level-modal #new-level-input {
    margin: 12px 0 25px;
}

#permissions-table label {
    font-weight: normal;
    margin-bottom: 20px;
}

#permissions-table label strong {
    font-weight: bold;
}

.ui-datepicker { z-index: 9999 !important; }

/* css for timepicker */
.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 45%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.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 45% 10px 10px; }

.form-control::-webkit-input-placeholder { color: #A4A4A4; opacity: 1; }
.form-control:-moz-placeholder { color: #A4A4A4; opacity: 1; }
.form-control::-moz-placeholder { color: #A4A4A4; opacity: 1; }
.form-control:-ms-input-placeholder { color: #A4A4A4; opacity: 1; }

.tooltip-inner {
    background: #000;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding: 6px 8px;
    font-size: 12px;
    line-height: 16px;
    font-family: Helvetica, Arial, "lucida grande", tahoma, verdana, arial, sans-serif;
}

.tooltip, .tooltip.in {
    opacity: 1;
}

#sidebar-created-by, #sidebar-created-by:hover, #sidebar-created-by:focus {
    display: block;
    font-size: 11px;
    line-height: 120%;
    text-align: center;
    margin-top: 20px;
    padding: 12px 0 8px;
    color: #444;
    text-decoration: none;
    border-top: 1px #D6D6D6 solid;
    background: #EEE;
}

#sidebar-created-by img {
    margin: -4px 2px 0 0;
}

/* MEDIA FIXES */
@media (max-width: 767px) {
    
    body {
        padding: 0;
    }
    
    #order-page .delivery-info:before, #order-page .delivery-info:after {
        display: none;
    }
}

@media (max-width: 1024px) {
    
    #navigation {
        /*margin-left: -194px;*/
        margin-left: -205px;
    }
    
    #navigation + #main-wrapper {
        width: 100%;
        margin-left: 0;
    }
    
    #navigation-toggle {
        padding: 8px 5px 6px 10px;
        border: 1px #DBDBDB solid;
        border-left: none;
        background: none;
        border-radius: 0 5px 5px 0;
        position: relative;
        top: 8px;
    }
    
    #navigation-toggle .glyphicon {
        font-size: 18px;
        color: #C1C1C1;
    }
    
    #main-wrapper > .row-fluid > .inner {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (min-width: 1025px) {
    
    #navigation-toggle {
        display: none;
    }
}

@media print {
    
    a[href]:after {
        content: "";
    }
    
    abbr[title]:after {
        content: "";
    }
}

Cancel