textarea
{
    resize: none;
}

strong
{
    color: #000;
}

a:hover {
    cursor: pointer;
}

.color-green
{
    color: #008000;
}

.color-red
{
    color: #FF0000;
}

.color-blue
{
    color: #39C;
}

.bold
{
    font-weight: bold;
}

.nobr
{
    white-space: nowrap;
}

#deselectAll
{
    display: none;
}

.no-margin-bottom
{
    margin-bottom: 0 !important;
}

.no-padding-top
{
    padding-top: 0 !important;
}

.padding-top-20px
{
    padding-top: 20px !important;
}

.selected-a
{
    font-weight: bold;
    color: #cc0000;
}

.margin-top10
{
    margin-top: 10px !important;
}

.margin-bottom-10px
{
    margin-bottom: 10px !important;
}

.margin-top20
{
    margin-top: 20px;
}

.margin-top50
{
    margin-top: 50px;
}

.margin-top100
{
    margin-top: 100px;
}

.margin-bottom50
{
    margin-bottom: 50px;
}

.margin-left-10px
{
    margin-left: 10px;
}

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

.purple-background
{
    background-color: #B543C9;
}

.green-background
{
    background-color: #56C943;
}

ul.grid > li .grid-name
{
    margin-right: 15px;
    padding-left:33px;
    font-size:1.2em !important;
}

ul.grid > li .grid-name img
{
    position:absolute;
    left:7px;
}

ul.grid > li .keywords
{
    padding-left: 33px;
}

ul.grid > li
{
    height:90px;
}

/* overwrite existed styles */
.dashboard-icon
{
    padding-left:  0px !important;
    background-image: none !important;
}
.PhotoWithPath img,
.package-block img,
.dashboard-icon img {
    max-width: 90px;
    max-height: 90px;
}

.hidden
{
    display: none;
}

.keywords li
{
    white-space: normal !important;
}

.notice-div
{
    font-style: italic; color: #3399CC;
}

.notice-text
{
    width: 100%;
    max-width: 100%;
    height: 35px;
    display: none;
    box-sizing: border-box;
}

.info-container-green li, .info-container-red li
{
    text-align: center !important;
    font-weight: bold !important;
    font-size: 14px !important;
}

.info-container-green li
{
    color: #009900 !important;
}

.info-container-red li
{
    color: #cc0000 !important;
}

.expiredSoon, .wrongIp {
	color: #cc0000 !important;
}

.headerSortUp .sort-up
{
    background-position: -30px 1px;
}

.headerSortDown .sort-down
{
    background-position: -30px bottom;
}

.datepicker,
.modal-datepicker
{
    width: 100px;
}

.full-width
{
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}

.field_item_table .full-width {
    min-width: 300px;
}
.price-tables table.table:empty {
    display: none;
}

.ie7 .full-width {
    width: 93% !important;
}
.ie7 select.full-width {
    width: 100% !important;
}

.loader
{
    display: none;
    text-align: center;
}

.cmyk-span
{
    color: red;
    text-transform: uppercase;
}

.invisible-hidden
{
    visibility: hidden;
    display: none;
}

.custom_price
{
    width: 40px;
}

.dashboardClientFullname
{
    font-size: 14px;
}

.dashboardClientText
{
    font-size: 11px;
}

.dashboardClientText
{
    font-size: 11px;
}

#filter-container .form {
    padding: 15px;
}

#filter-container .form.configurable-form {
    padding: 15px 60px 15px 15px;
    position: relative;
}
#filter-container form > div[data-fieldsets] > div[data-fields] > * {
    display: inline-block;
    vertical-align: top;
    margin: 0 10px;
}

.configurable-form button.form-configuration {
    position: absolute;
    top: 0;
    right: 0;
    background: none;
    box-shadow: none;
    color: #666666;
    font-size: 2em;
    border: none;
}

.search-filter-form p,/** @TODO: Remove */
#filter-container p
{
    display: inline-block;
    margin: 0 15px;
    text-align: center;
}
.search-div
{
    text-align: center;
}

.order-package-content
{
    clear: both;
}

.package-index .order-package-content ul.connectedSortable a
{
    cursor: move;
}


.datepick-popup
{
    z-index: 999999 !important;
}

.client-status
{
    width:40%;
    margin: 0 auto;
}

#order_fields input, #order_fields select
{
    width: 100%;
}

#calculation_details,
#order_informations {
    background-color: #fffdcd;
}

.description-textarea,
#LoyaltyPointForm_description,
#order_informations {
    resize: vertical;
    min-height: 100px;
}

.order-uneditable #order_fields input,
.order-uneditable #order_fields select,
.order-uneditable #order_fields textarea {
    border: 0px solid #000000;
    background: none;
}

.order-uneditable #order_fields select {
-moz-appearance: toolbarbutton;
}

.order-uneditable #addproject,
.order-uneditable #pickfiles,
.order-uneditable #attachedFiles .delete,
.order-uneditable .edit_wiz,
.order-uneditable .order-trader-calculation,
.order-uneditable .order-pricelist-calculation,
.order-uneditable .cost-calculation,
.order-uneditable .block-price-calculation
{
    display: none;
}

.no-bottom-border
{
    border-bottom: 0 !important;
}

.no-bottom-padding
{
    padding-bottom: 0 !important;
}

#OrderTableView .keywords
{
    margin:.3em 0;
}

#OrderTableView .Price
{
    text-align: right;
}

.text-center
{
    text-align: center !important;
}

.margin-right20px
{
    margin-right: 20px;
}

#skin-name strong
{
    color:#00B7F3;
}

.package-orders-table
{
    width: 100%;
}

.order-status-icon
{
    vertical-align: middle;
    width: 32px;
    height: 32px;
    margin-right: 5px;
}

/* order form */
.size_form
{
    margin-bottom: 1.6667em;
}

.size_form input
{
    width: 90px !important;
}

.red-text
{
    color: red;
}

.green-text
{
    color: green;
}

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

.text-left
{
    text-align: left !important;
}

.padding-left5px
{
    padding-left: 5px !important;
}

.padding-left10px
{
    padding-left: 10px !important;
}

.padding-left20px
{
    padding-left: 20px !important;
}

.padding-left30px
{
    padding-left: 30px !important;
}

.width-100px
{
    width: 100px;
}

.width-auto
{
    width: auto !important;
}

.width25proc
{
    width: 25% !important;
}

.height-25px
{
    height: 25px;
}

.height-40px
{
    height: 40px;
}

.height-50px
{
    height: 50px;
}

.height-100px
{
    height: 100px;
}

.display-block
{
    display: block !important;
}

.text-decoration-none
{
    text-decoration: none !important;
}

.font-weight-normal
{
    font-weight: normal !important;
}

.scroll-box-200px-height
{
    overflow: auto;
    max-height: 200px;
}

#order_form .content-columns:last-child {
/* 	margin-top:-1.667em; */
}
.to-book-package-td
{
	background-color: #d4d4d4 !important;
	text-align: center !important;
	font-size: 17px;
	font-weight:bold;
	cursor: pointer;
}

.to-book-package-td-checked
{
	background-color: #b4b4b4 !important;
}

/*#pricelist-content .price
{
	margin-left:1.5em;
    padding: 0.5em 0 0 0;
}*/

#pricelist-content .price h3
{
    margin:.5em 0;
}

#pricelist-content .price input.small
{
	width:50px;
}

.tab-pricelist .delete-pricelist-button-container {
    float: right;
    position: relative;
    z-index: 10;
}

.order-error-list
{
	display: none;
}

.order-error-list .message
{
	margin-bottom: 10px;
}

.planning > li > span, .planning > li > a
{
	white-space: nowrap;
}
#page-locked,
#page-authorized {
    margin: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);

    max-height: 90vh;
    overflow: overlay;
}
#page-authorized {
    display: none;
}
#page-locked {
}
.printer-interface section {
    width:50vw;
}

.printer-interface .wizard-bg {
	background: none !important;
}

.printer-interface .wizard-bg section {
	margin-top: 0px !important;
	position: relative;
}

#worklog-form {
	display: none;
}

.order-status-changed-info
{
	font-size: 23px;
	color: #3399CC;
	font-weight: bold;
	margin-bottom: 20px;
	line-height: 32px;
}

#save-message {
    display: none;
}

.permission-table-header
{
    text-transform: uppercase;
    font-weight: bold !important;
    vertical-align: middle !important;
    padding: 5px!important;
}
.permission-table-header {
    position: sticky;
    top: 0;
}

.description:not(th)
{
    color: #999;
    font-style: italic;
    font-weight: normal;
}

a.deletePriceTable, a.delete
{
    cursor: pointer;
}

.invoice-cost-table {
    width: 550px;
}

.vertical-align-middle
{
    vertical-align: middle !important;
}

/* Favourite orders
----------------------------------------------*/

.favourite-order-span
{
    display: inline-block;
    width: 16px;
    height: 16px;
    background-size: 16px 16px;
    cursor: pointer;
}

.favourite-order-inactive
{
    background-image: url("/images/icons/fugue/star-empty.png");
}

.favourite-order-active
{
    background-image: url("/images/icons/fugue/star.png");
}

.favourite-order-loader
{
    display: inline-block;
    width: 16px;
    height: 16px;
    background-size: 16px 16px;
    cursor: pointer;
    background-image: url("/images/loader.gif") !important;
}

/******************** Add Wizard Button ********************/
.add-wizard-button
{
    display: inline-block;
    border: 1px solid;
    border-color: #9a7ada #8254cb #76549c;
    background: #9b82d3 none repeat-x left top;
    -webkit-background-size: 100% 100%;
       -moz-background-size: 100% 100%;
         -o-background-size: 100% 100%;
            background-size: 100% 100%;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #9b82d3 4%, #7448a5 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#9b82d3 4%,#7448a5 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#9b82d3 4%,#7448a5 100%);

    color: white;
    -webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
       -moz-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
       -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
            box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
    font-size: 1.167em;
    padding: 0.286em 0.5em 0.357em;
    line-height: 1.429em;
    cursor: pointer;
    font-weight: bold;
}

.add-wizard-button.with-menu > span {
    display: inline-block;
/*     margin: -0.286em -0.5em -0.357em; */
/*     padding: 0.286em 0.5em 0.357em; */
/*     width: 100%; */
    height: auto;
}

.add-wizard-button:not(.disabled).with-menu .menu:hover,
.add-wizard-button:not(.disabled) > span:hover
{
/*    border-color: #9a7ada #8254cb #76549c;
    background: #057fdb none repeat-x left top;
    background: -moz-linear-gradient(
        top,
        white,
        #9b82d3 4%,
        #7448a5
        );
    background: -webkit-gradient(
        linear,
        left top, left bottom,
        from(white),
        to(#8754c1),
        color-stop(0.03, #ae92ed)
        );*/
}

.add-wizard-button:not(.disabled).with-menu .menu:hover,
.add-wizard-button:hover,
.add-wizard-button:active {
    color: white;
    border-color: #9a7ada #8254cb #76549c;
    background: #3dbfed none repeat-x top;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #ae92ed 4%, #c7a2f2 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#ae92ed 4%,#c7a2f2 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#ae92ed 4%,#c7a2f2 100%);
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
        box-shadow: none;
}
.add-wizard-button.with-menu .menu > ul {
    width: 210px;
}

.wizard-result-template > * {
    display: inline-block;
    vertical-align: top;
}
.wizard-result-template .owner_id:not(:empty) a,
.wizard-result-template .owner_id:not(:empty) {
    color: red;
}

.big-blue{
	text-align: center;
	font-size: 25px;
	line-height: 32px;
	color: #3399CC;
}

/* preloader */
#progressAndWait
{
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 999999999;
    opacity: .5;
    filter: alpha(opacity = 50);
    background: black url('/images/refresh_progress.gif') center center no-repeat;
    overflow: hidden;
}

ul.floating-tags .tag-info
{
    padding-left: 2em;
    background-image: url(/images/icons/fugue/information-blue.png);
}

.text-centered
{
	text-align: center !important;
}

.form .help
{
    color: #999;
    font-style: italic;
}

.form .message:not(#order_message) {
    margin-bottom: 0;
    box-shadow: none;
}

table.package-summary
{
    text-align: right;
    width: 100%;
}

.package-summary td
{
    border: none !important;
}

.package-summary .amount
{
    width: 200px;
}

.package-summary .summary {
    color: #cc3333;
}

.package-summary strong {
    font-weight: bold;
    color: #cc3333;
}

.modal-footer-loader
{
    margin-bottom: -10px;
    margin-right: 10px;
}

.search-filter-form .ui-datepicker-trigger
{
	margin: 0 0 -3px 0.2em;
}

#hint
{
    background: white;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    -webkit-background-clip: padding-box;
    border-radius: 0.5em;
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
    padding: 1em;
    line-height: 1.5em;
    text-align: center;
    color: #333333;
    width: 120px;
    position: relative;
    margin-top: 20px;
}

#hint ul
{
    text-align: left;
}

.inactive-category
{
	font-style: italic;
}

#dialog-copy-wizard-form .inactive-product,
.inactive-product
{
	color: #959595;
}

#ui-datepicker-div
{
	z-index: 999999 !important;
}

.simple-list-selected-li
{
    background: #E0E0E0 !important;
}

@keyframes hideContent {
    0%   { opacity: 1; }
    50%  { opacity: 0; }
    100%  { height: 0; opacity: 0; border:0; margin-bottom: 0;}
}

.link {
    cursor: pointer;
}

.link .orders .treeview:before {
    top: -1.667em;
}

.wizard,
.package {
    transition: box-shadow 0.5s, width 0.5s, border 0.5s;
}
article.selected {
    width: 99%;
    margin-left: auto;
    margin-right: auto;
}
article.selected .status,
article.selected {
    border: 1px solid rgba(127, 127, 0, 0.5);
}
article.selected:hover,
#to-book-form article.selected:hover {
    box-shadow: 0 0 20px rgba(127, 127, 0, 0.5);
}
#productForm article:hover,
#to-book-form article:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}
#to-book-form article.selected.success {
    box-shadow: 0 0 20px rgba(0, 127, 0, 0.5);
    border: 1px solid rgba(0, 127, 0, 0.5);
}
#to-book-form article.selected.success .link > hr,
#to-book-form article.selected.success .link > div {
    overflow-y: hidden;
    animation-duration: 2s;
    animation-name: hideContent;
    animation-fill-mode: forwards;
}
.sortable {
    position: relative;
}

.sortable .sortable-placeholder,
.droppable.drop-hover {
    box-shadow: 0 0 20px rgba(0, 255, 0, 0.5);
}

.task .floating-tags
{
    width: 17em;
}

#control-bar #steps {
    display: inline-block;
    vertical-align: top;
}

.menu .icon_save
{
    background-image: url(/images/icons/fugue/tick-circle.png);
}

.menu .icon_draft
{
    background-image: url(/images/icons/orderStatus/16/inproces.png);
}

.menu .icon_realization
{
    background-image: url(/images/icons/orderStatus/16/realization.png);
}

.menu .icon_bindery
{
    background-image: url(/images/icons/orderStatus/16/bindery.png);

}

.menu .icon_ready
{
    background-image: url(/images/icons/orderStatus/16/ready.png);

}

.menu .icon_invoice
{
    background-image: url(/images/icons/orderStatus/16/invoice-user.png);
}

.menu .icon_deleted
{
    background-image: url(/images/icons/fugue/cross-circle.png);
}

.menu .icon_new
{
    background-image: url(/images/icons/orderStatus/16/new.png);
}


#control-bar #add_reminder_btn,
#control-bar #duplicate_order_btn,
#control-bar #save_order_btn,
#control-bar #invoicing {
    vertical-align: top;
}

.with-menu
{
    margin: 0 5px 0 5px;
    z-index: 90;
}

.with-menu .menu {
    text-align: left;
}

.with-menu h1 {
    font-family: Arial;
    font-weight: bold;
    margin: 0;
    font-size: 1em;
}

#transitions.button-menu .with-menu h1 {
  display: flex;
  flex-direction: row;
  column-gap: 8px;
}

.with-menu h1 img {
    width: auto;
    height: 20px;
    margin-bottom: -5px;
}

.menu
{
    font-size: 12px;
}

#new_field_category_form .block-content ul.radio_list {
    height: 1em;
    display: block;
;
}
#new_field_category_form .block-content ul.radio_list li {
    margin-right: 1.5em;
    float:left;
}

.client-users-container span
{
    font-size: 14px;
}

.package-modal-loader-img
{
    width: 32px;
    height: 32px;
    margin-right: 7px;
    position: relative;
    vertical-align: middle;
    margin-top: -5px;
}

.date-span
{
    width: 90px;
}

.table tbody th.right, .table tbody td.right, .table tfoot th.right, .table tfoot td.right {
    text-align: right;
}

.table-navigation {
    height: 2em;
}
.table-navigation p.info {
    padding-top:10px;
    float:left;
}
.table-navigation p.limit {
    float:right;
}
.table-navigation span {
    text-align: center;
    display: block;
}
/*.formFilter p {
    float:left;
    margin-right: 2em;
    margin-bottom: 0;
}
.formFilter p img.ui-datepicker-trigger {
    position: relative;
    right: 2em;
    top: 3px;
}*/
#dialog-edit-package .colx3-left {
    padding-right: 11px;
}
.small-files-list.twitter-news li {
    background: url(/images/twitter_big.png) no-repeat;
}
.small-files-list.twitter-news li a {
    display: inline;
    color: #3399cc;
}
.result-block ul.twitter-news li {
    white-space: normal;
}

.radio_space li {
    padding:.5em 0;
}
.product_type {
    margin-bottom:1em;
}
.product_type li {
    width:20%;
    display: inline-block;
}
.ueflag {
    background: url("/images/ueflag.png") no-repeat 0 0;
    background-size: 30px;
    padding: 3px 3em;
}

.user-loyalty-points {
    padding: 8px 0px 0px 5%;
    display: inline-block;
}

#search-result li a span {
    display:block;
}
#search-result li a span.search-name {
    padding: 0px 0px 3px 0px;
}
#search-result li a span.additional-info {
    color: #777777;
    font-size: 0.9em;
}
#OrderPackageTableView p {
    padding-top: .5em;
    margin: 0;
}
.fullsize-textarea {
    width:100%;
    height:300px;
}
#content-area .CodeMirror-gutters {
    background-color: transparent;
}

#import-products-list li.product {
    background: url(/images/corner.png) right bottom no-repeat;
    display: inline-block;
    height: 100px;
    font-family: "Trebuchet MS","Lucida Sans Unicode","Lucida Sans",Arial,Helvetica,sans-serif;
    font-size: 1.4em;
    font-weight: bold;
    margin-top: 0.75em;
    padding: 14px 19px;
    vertical-align: top;
}

#import-products-list li.product a {
    display: block;
    height: inherit;
    padding: 0px 5px;
    width: 313px;
    background: rgba(240,240,240, 0.05);
    position: relative;
    transition: all 0.6s;
}

#import-products-list li.product.checked a {
    background: rgba(240,240,240, 0.5);
}

#import-products-list li.product a .name {
    display: inline;
    margin: 22px 0 0 0;
    word-break: break-all;
}

#import-products-list li.product a small {
    text-transform: none;
    display: inline-block;
    padding: 3px 0;
}

#import-products-list li.product a img {
    float: left;
    width: 120px;
    height: 85px;
    margin: 7px 10px 0 0;
}

#import-products-list li.product a .checkbox {
    position: absolute;
    bottom: 0px;
    right: 0px;
    padding: 4px;
    background: rgb(245,245,245);
}

#import-products-list li.product a .checkbox input {
    cursor: pointer;
}

#importBtn .button-loader {
    margin-left: 10px;
}

ul.floating-tags .transport-numbers-list li {
    font-size: 1em;
    margin: 0px;
    padding: 0px;
    font-weight: 600;
}

#package-index .task .floating-tags {
    margin: 0 0 15px 0;
}

.additional-loader {
    width: 18px;
    height: 18px;
    margin-right: 5px;
}

.short-number {
    width: 45px;
}

.product-bleeds span {
    display: block;
    margin: 0 0 0 0px;
    position: relative;
}

.product-bleeds .middle-row > *{
    width: 33%;
    float: left;
}

.product-bleeds .top-row,
.product-bleeds .bottom-row {
    text-align: center;
}

.product-bleeds .middle-row:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.product-bleeds .bleeds-right {
    text-align: left;
    left: 10px;
}

.product-bleeds .bleeds-left {
    text-align: right;
    right: 10px;
}

.product-bleeds .bleeds-top {
    bottom: 10px;
}

.product-bleeds .bleeds-bottom {
    top: 10px;
}

.product-bleeds .bleeds-bottom label {
    margin-top: 0.5em;
}

.product-bleeds .bleeds-right,
.product-bleeds .bleeds-left {
    margin: 20px 0 0;
}

.product-bleeds .bleeds-sheet {
    height: 100px;
    border: 1px solid #2A2C2E;
    background: #EEEEEE;
}

.product-bleeds .bleeds-sheet .bleeds {
    border: 1px dashed #2A2C2E;
    margin: 9px 0 0 5%;
    width: 90%;
    height: 81px;
    background: #FFF;
}

.size-limit-by-sheet {
    display: block;
    margin: 10px;
}

.size-limit {
    display: block;
    width: 40%;
    float: left;
    margin: 10px;
}

.custom-width > span,
.custom-height > span {
    display: inline-block;
    font-size: 0.8em;
    margin: 0.3em 0 0.3em 3px;
    color: #3399cc;
}

#NotificationMessageTableView .MessagePlain {
    word-break: break-all;
}

/* caused by bad look of user Notifications */
.table .SendAt,
.table .CreatedAt,
.table th {
    white-space: nowrap;
}

/* Main navigation */
nav#main-nav > ul > li > a,
nav#main-nav > ul > li,
nav#main-nav {
    height: 69px;
}
nav#main-nav > ul {
    padding-top: 1px;
    display: flex;
    flex-direction: row;
    justify-content: left;
    height: 69px;
    margin-top: 0;
}
nav#main-nav > ul > li {
    padding: 0px 1px 0px 1px;
    margin: 0px 0px 0px 0px;
}
nav#main-nav > ul > li > a {
    padding-top: 10px;
}
nav#main-nav > ul > li.current {
    background: #232425;
    background: -moz-linear-gradient(top, #232425 0%, #000000 100%);
    background: -webkit-linear-gradient(top, #232425 0%,#000000 100%);
    background: linear-gradient(to bottom, #232425 0%,#000000 100%);/* or "to": #101112*/
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#232425', endColorstr='#101112',GradientType=0 );
    box-shadow: 0 0 10px #000000;
}

nav#main-nav > ul > li.current > a:hover {
    text-shadow: 0 0 10px rgb(255 255 255 / 30%);
}
nav#main-nav > ul > li.current > a {
    border-top-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 0;
    border-style: solid;
    border-image: -webkit-linear-gradient(#434445, transparent);
    border-image:    -moz-linear-gradient(#434445, transparent);
    border-image:      -o-linear-gradient(#434445, transparent);
    border-image: linear-gradient(#434445, transparent);
    border-image-slice: 1;
    box-sizing: border-box;
}

/* Tree-like structures */
.treeview,
.treeview ul {
  margin:0 0 0 1em; /* indentation */
  padding:0;
  list-style:none;
  position:relative;
}

.treeview ul {
    margin-left:.5em;
} /* (indentation/2) */

ul.treeview {
    display: inline-block;
    vertical-align: top;
}
.treeview:before,
.treeview ul:before,
.treeview li:before {
  color: #cccccc;
}
.treeview:before,
.treeview ul:before {
  content:"";
  display:block;
  width:0;
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  border-left:1px solid;
}

.treeview li {
  margin:0;
  padding:0 1.5em; /* indentation + .5em */
  line-height:2em; /* default list item's `line-height` */
  position:relative;
}

.treeview li:before {
  content:"";
  display:block;
  width:10px; /* same with indentation */
  height:0;
  border-top:1px solid;
  margin-top:-1px; /* border top width */
  position:absolute;
  top:1em; /* (line-height/2) */
  left:0;
}

.treeview li:last-child:before {
  background:white; /* same with body background */
  height:auto;
  top:1em; /* (line-height/2) */
  bottom:0;
}

.block-content > h1 {
}

.block-content > h1.info {
    color: #ffffff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#6dc3e6), to(#0c5fa3));
    background-image: -webkit-linear-gradient(#6dc3e6, #0c5fa3);
    background-image:    -moz-linear-gradient(#6dc3e6, #0c5fa3);
    background-image:      -o-linear-gradient(#6dc3e6, #0c5fa3);
    background-image:         linear-gradient(#6dc3e6, #0c5fa3);
}

.block-content > h1.danger {
    color: #ffffff;
    border-color: rgb(191, 54, 54) rgb(93, 0, 0) rgb(10, 0, 0);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), color-stop(0.03, #ca3535), to(#790000));
    background-image: -webkit-linear-gradient(top, #ffffff 0%, #ca3535 3%, #790000 100%);
    background-image:    -moz-linear-gradient(top, #ffffff 0%, #ca3535 3%, #790000 100%);
    background-image:         linear-gradient(to bottom, #ffffff 0%, #ca3535 3%, #790000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#790000',GradientType=0 );
}
.block-content > .block-controls + hr {
    margin-top: 0;
}

#order_form .meta,
.order-package-content .meta {
    float: right;
}
.meta li {
    list-style-type: none;
    padding: 3px;
}
#order_form .meta li,
.order-package-content .meta li {
    text-align: right;
}
.meta li .label,
.meta li .value {
    display: inline;
}

.meta li .label {
    color: inherit;
    font-weight: inherit;
    margin-bottom: inherit;
}

#sf_content {
    padding-bottom: 15px;
}

#tab-edit {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
}

#user-invitation-form,
#new-client-form {
    clear: both;
}

#dashboard {
    display: inline-flex;
    column-gap: 2%;
    row-gap: 3em;
    flex-direction: row;
    flex-wrap: wrap;
}
#dashboard > section {
    width: 48%;
    margin-bottom: 0;
}
#dashboard .order,
#dashboard .dashboardClientFullname {
    word-break: break-word;
    white-space: normal;
}
#dashboard .extended-list li {
    overflow: hidden;
}

@media screen and (max-width: 768px) {
    #dashboard section .extended-list li,
    #dashboard section .extended-list li a {
        flex-direction: column;
    }
    #dashboard section .extended-list li a img {
        max-width: fit-content;
    }
}

#shelves-form .product {
    display: inline-block;
}

.shortcodes td {
    vertical-align: middle;
    padding: 5px;
}
.local-shortcode .example {
    box-shadow: 0 0 3px inset;
    padding: 5px;
}

#attachedFiles .progress-bar,
#attachedFiles .filename {
    width: 49%;
    display: inline-block;
}
#attachedFiles .progress-bar {
    width: 100%;
}
#attachedFiles .file-li,
#attachedFiles .wizard-li {
    cursor: pointer;
}
#attachedFiles .filename {
    overflow: hidden;
    text-overflow: ellipsis;
}
#attachedFiles .selected {
    border-color: green;
    box-shadow: 0 0 3px green;
}
#attachedFiles .pagination {
    display: flex;
    justify-content: space-between;
}
#attachedFiles .pagination .current-page-selector {
    flex-grow: 1;
}
#attachedFiles .pagination .current {
  max-width: 100%;
  width: 100%;
}

#dpi-calculator .input-group {
    box-shadow: none;
}
#dpi-calculator .input-group * {
    padding: 0 5px 0 0;
    text-align: right;
}
#dpi-calculator .input-group .input-group-addon {
    background: none;
}

#order-properties .content-right .columns {
/*     display: grid; */
/*     grid-template-columns: min-content minmax(min-content, 1fr) minmax(min-content, max-content); */
    display: flex;
    flex-direction: row;
    align-items: stretch;
    width: 100%;
}
#order-properties .content-right .columns > div:nth-child(2) {
    flex: 1;
}

#reminder ul.message li {
    text-transform: none;
}

ul.condition-and li {
    position: relative;
}

ul.condition-and li:not(:first-child):before {
    content: '&';
    position: absolute;
    left: -0.2em;
    top: -0.5em;
}

#dashboard .block-content .loader {
    padding-bottom: 1.667em;
}

#dashboard td {
    vertical-align: top;
}

.mnumi-modal .deprecated *,
.mnumi-modal .deprecated,
#sf_content .deprecated *,
#sf_content .deprecated {
    color: #b90000;
    border-color: #b90000;
    position: relative;
}

.list-tasks .tasks {
    line-height: 1.25em;
}
.list-tasks .tasks li {
    color: #333333;
    margin-top: 0.133em;
    padding-left: 0;
}
.list-tasks .tasks li.current {
    text-decoration: underline;
}
.list-tasks .tasks li a {
    color: #333333;
    display: block;
    padding-left: 10px;
}
.list-tasks .tasks li a:hover {
    background: white;
}
.task-packaging .list-tasks .tasks li a:hover {
    background: #d1e5ef;
}
.list-tasks .tasks li b {
    font-weight: normal;
    color: #3399cc;
}
.task-packaging .current {
    text-decoration: underline;
}
.task-packaging details {
    padding: 0;
}
.task-packaging .legend {
    position: static;
}
.details-col .legend::marker,
.task-packaging .legend::marker {
  content: '';
}

.details-col {
    position: relative;
}
.details-col .task-preview {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    transform: translate(100%, 0);
}

.side-tabs li.error > a {
    border-color: #CC0000;
}
.wizard {
    position: relative;
}
article.wizard .status {
    position: absolute;
    top: 0;
    right: 100.1%;
    box-shadow: inherit;
}
article.wizard .status:after {
    content: ' ';
    background-color: #ffffff;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 100%;
    box-shadow: 1px 16px 0 #ffffff;
}

article.selected .status:after {
    box-shadow: 2px 16px 0 #ffffff;
}
.sortable .handler {
    cursor: move;
    display: inline-block;

    background: center -14px url(/images/draggable.png) no-repeat;
    width: 20px;
    height: 20px;
}

/* PAN-2943 Do not display possibility to add new pricelists
 * for static prices until this will be properly tested */
.tabs-content-fixedprice .static-prices-container .add-pricelist {
    display: none;
}

#authorize-modal-content {
    font-size: 16px;
}

#authorize-modal-content #authorize-verification-uri,
#authorize-modal-content #authorize-user-code {
    display: block;
    text-align: center;
    font-size: 20px;
    margin: 20px 0;
}

#authorize-modal-content #authorize-verification-uri {
    word-break: break-word;
}

#authorize-modal-content #authorize-user-code {
    border: 1px solid black;
    padding: 5px;
}

.input-group {
    margin: 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    width: 100%;
/*     border: 1px solid white; */
    box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.5);
}
.input-group > div{
    border: 0;
/*     vertical-align: middle; */
}
.input-group input[type=number] {
/*     border: 0; */
/*     display: block; */
/*     padding: 5px; */
    text-align: right;
    line-height: 1.333em;
    padding: 0.333em 0.5em;
    padding-right: 0 !important;
}
.input-group .input-group-addon {
    background: -webkit-gradient( linear, left top, left bottom, from(#f8f8f8), to(#e7e7e7) );
    border: 0 !important;
/*     padding: 0.3em; */
    white-space: nowrap;
}
.pagination .input-group input[type=number],
.controls-buttons .input-group input[type=number] {
    max-width: 100px;
}

/** easy pack styling fixes */
/* vilages list search results are under map - fix */
.easypack-widget .search-widget {
    z-index: 100;
}

.action-menu-right {
    display: flex;
    flex-direction: row;
    position: relative;
    z-index: 98;
}
#steps .order-status-menu-button .menu:hover ul
{
    left: -160px;
    top: 29px;
    width: 195px;
    font-size: 11px;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    padding: 0;
}
#steps .order-status-menu-button ul li {
/*     padding: 0.5em 0.833em 0.5em 35px; */
}

#notifications .jGrowl-notification.alert {
    min-height: 12px;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}
#notifications .jGrowl-notification.alert .jGrowl-header {
    order: -1;
    width: 100%;
    flex: 1 0 100%;
}
#notifications .jGrowl-notification.alert .jGrowl-message {
    order: 2;
    width: 85%;
}
#notifications .jGrowl-notification.alert .jGrowl-close {
    order: 3;
    width: 15%;
    background-image: none;
    align-self: flex-start;
}
#notifications .jGrowl-notification.alert.error .jGrowl-message {
    color: red;
    font-weight: bold;
}

.loading.bi {
    white-space: nowrap;
    overflow: hidden;
}
.loading.bi:before {
    overflow: hidden;
    -webkit-transition: 3s;
    transition: 3s;
    -webkit-animation: marquee 3s linear infinite;
    animation: marquee 3s linear infinite;
}

.list-field-hide-add-remove-btns button[data-action="remove"],
.list-field-hide-add-remove-btns button[data-action="add"] {
    display: none !important;
}

div.columnmanager-visibilitycontrol {
    width: auto;
}

@keyframes marquee {
    0% { transform: translate(100%, 0); -webkit-transform: translateX(100%); }
    100% { transform: translate(-100%, 0); -webkit-transform: translateX(-100%); }
}

#workflows-edit-modal .modal-content > div {
    border: 1px solid black;
}

.mnumi-modal .block-content.no_border {
    box-shadow: none;
}

@media screen and (max-width: 768px) {
    #tab-edit {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 20px;
    }

    #sf_content .container_12 > section,
    #dashboard > section {
        width: 98%;
        margin-bottom: 0;
    }
    #sf_content #order_form .container_12 > section {
        width: auto;
    }

    .mn-modal,
    .mn-modal .modal-window {
        max-width: 100%;
    }
    #invoice-form .columns .colx3-left,
    #invoice-form .columns .colx3-center,
    #invoice-form .columns .colx3-right,
    .mn-modal .modal-window .colx3-left {
        width: auto;
        float: none;
    }

    #status-infos #current-user span {
        display: none;
    }
}
/* hotfix for displaying wysiwyg content */
.tox .tox-editor-container .tox-sidebar-wrap {
    min-height: 200px;
}

.help pre {
    display: inline;
}
.mnumi-modal .modal-content input:not([type="checkbox"]):not([name="tax_id"]) {
  width: 100%;
}

#workflows-edit-modal .modal-content {
    padding: 0;
}

.block-controls .pagination {
    float: right;
}