/* Add here all your CSS customizations */

body {
    font-family: "Titillium Web", "Helvetica Neue", Helvetica,Arial, sans-serif;
    font-size: 15px;
}

#header .header-nav-main nav > ul > li > a {
    font-size: 14px;
}


/*
* Container and general things.
 */
@media (min-width: 992px) {
	html.side-header .main .container.magazeno-table {
		padding: 0 10px;
	}
}
@media (min-width: 768px) {
	.container.magazeno-table {
		max-width: none;
		padding-right: 5px;
		padding-left: 5px;
	}
}
.center-block {
    margin: auto;
    display: block;
}
#footer .footer-copyright p {
    color: #808080;
}

.btn i.icons {
    vertical-align: middle;
}
/*
* Container and general things.
 */






/* round corners in menu */
html #header .header-nav-main nav > ul > li.dropdown.dropdown-full-color a,
html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary a,
html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary a,
html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary a {
    border-radius: 4px;
}
/* menu additional colors */
@media (min-width: 992px) {
    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-orange > a.active,
    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-orange > a:hover {
        background: orange;
        color: white;
    }
    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-orange a {
        color: orange;
    }
}

/* logged in user tile */
html.side-header #header .header-nav-main nav > ul > li.dropdown:hover > .dropdown-menu {
	min-width: 300px;
	border-right: 5px solid #0088cc;
	border-radius: 4px;
	top: 38px;
	left: 0;
}
html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-alternative > a {
	color: #7d7d7d;
}
html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-alternative:hover > a {
	color: white;
	background-color: #7d7d7d;
}
#header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-signin.logged .user-avatar strong {
    padding-top: 0px;
}
.img-thumbnail.d-block {
    margin-top: 4px;
}
/* END logged in user tile */




/*
* TABS
 */

/* green icons and main departments tabs */
.green-icon {
	color: green;
}
.orange-icon {
	color: orange;
}
html body .tabs.tabs-depts .nav-tabs li .nav-link {
	padding-left: 1px;
	padding-right: 1px;
}

/* not white but grey bkg when focus */
.tabs .nav-tabs.nav-justified .nav-link:focus {
    background-color: #F4F4F4;
}

/* vertical center buttons */
.category-buttons .buttons-container {
    padding: 12px 0;
}

/* short buttons */
.short-btns {
    text-align: right;
}
.short-btn {
    margin-bottom: .3rem !important;
}

/* updating table loader */
.loader {
    display: none;
    padding: 10px 0;
}
.loader .loader-icon {
    height: 20px;
    transform: scale(.6);
}

/* loading overlay in tabs */
.table-container {
	position: relative;
    display: none;
}
.tab-content .loading-overlay-showing {
	visibility: hidden;
}
button.dept-load-btn {
	display: block;
	margin: auto;
	margin-top: 40px;
	margin-bottom: 40px !important;
}
/* loading overlay in tabs */

/*
* TABS
 */




/* DataTables */
.productsTable { /*problem with scroll Firefox: https://datatables.net/forums/discussion/26811/problem-with-firefox-scrollx-and-borders */
    border-collapse: collapse;
    cursor: default;
}
.productsTable {
    width: calc(100% - 2px) !important; /* Firefox fix */
}
.productsTable th {
    text-align: center;
}
.table-striped>tbody>tr.selected  {
    background-color: #eaeaea;
}
.productsTable td {
    padding: 4px 8px !important;
}
.dataTables_wrapper div.dt-buttons {
    margin-bottom: 7px;
}

.select-info {
    margin: 0 10px;
}
.dataTables_filter {
    float: right;
}
.dataTables_wrapper .dataTables_filter label {
    width: 100%;
}

.dataTables_length {
    float: left;
    padding-top: 22px;
    padding-right: 40px;
}
.dataTables_info {
    float: left;
}
.dataTables_wrapper:after {
    content: "";
    clear: both;
    display: block;
}
.input-sm {
    font-size: 1em;
    padding: 0 10px;
    margin: 0 3px;
}

/* buttons over table */
.dt-buttons a.btn.btn-default {
    margin-bottom: 5px;
}
/* pagination buttons: */
.dataTables_paginate a.btn.btn-default {
    margin: 3px;
}
.dataTables_paginate a.btn.btn-default.current {
    color: white;
    background-color: #006ea6 !important;
    background-image: none !important;
    border-color: #006699 #006699 #004466 !important;
    box-shadow: 0 0 0 0.2rem rgba(0, 136, 204, 0.5) !important;
}
/* buttons over table */

/* table manually goes up by 50px and custom buttons should be above */
.category-buttons {
	z-index: 10;
	position: relative;
	width: calc(100% - 165px);
}
.category-buttons ~ div:not(.loading-overlay) {
	margin-top: -65px;
}
/* search input: */
.dataTables_wrapper .dataTables_filter input {
	margin-left: 0 !important;
}
.dataTables_wrapper .dataTables_filter {
    margin-top: -9px;
    margin-bottom: 8px;
}
/* table manually goes up by 50px and custom buttons should be above */


/* controls below the table */
.dataTables_wrapper div.dataTables_info {
    clear: none;
    padding-top: 30px;
}
.dataTables_wrapper .dataTables_paginate {
    padding-top: 18px !important;
}
.dataTables_length {
    padding-right: 20px;
    padding-top: 20px;
}
.dataTables_length select {
    display: inline;
    width: auto;
    padding: 0px;
    margin: 0 5px;
    line-height: 1.85;
    min-height: 2.4rem;
}
/* controls below the table */


/* images */
tbody tr td:first-child {
    padding: 2px !important;
    text-align: center;
    background: white;
}
tbody tr td:first-child img {
    width: 111px;
    max-height: 72px;
}
/* images */

/* column width and settings */
.productsTable td p {
    display: block;
    width: 230px;
}
/* column width and settings */


/* table layout */
.productsTable>tbody>tr>td {
    vertical-align: middle;
}

table.dataTable.hover tbody tr:hover,
table.dataTable.display tbody tr:hover {
    background-color: #f4fafd !important;
}
.productsTable td p {
    line-height: 1.2em;
    margin: 0;
}
.productsTable span.line1 {
    white-space: nowrap;
}
.productsTable span.line3,
.productsTable span.rsvd {
    font-size: 0.75em;
    white-space: nowrap;
}
.productsTable span.rsvd {
    border: 1px solid rgba(0,0,0,0);
    padding: 0 3px;
}
.productsTable span.rsvd:hover {
    border: 1px solid #777;
    border-radius: 3px;
    cursor: pointer;
}
.popup-product-top span.line3,
.productsTable span.line2 {
    font-size: 0.9em;
    white-space: nowrap;
}
.popup-product-top span.line1 {
    font-size: 1.2em;
    white-space: nowrap;
}

.productsTable small {
    display: block;
    margin: auto;
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(148, 148, 148, 0.05);
}

/* make zero and minus products less visible */
tbody tr.zero-stock:not(:hover),
tbody tr.zero-stock:not(:hover) p {
    color: #a7a5a5;
}

/* hide hidden input only for print */
span.onlyPrint {
    display: none;
}

/* spaces between X-s */
.productsTable span.line1 span {
    padding: 0 3px;
    font-size: 0.75em;
}
.dataTables_wrapper div.dataTables_info {
    font-size: 100%;
}
.dataTables_wrapper .dataTables_scroll {
    border-top: 1px solid #bdbdbd;
    border-bottom: 1px solid #bdbdbd;
}
/* spaces between X-s */

td.discountColumn {
    padding: 2px !important;
}

/* TABLE PRINT */
.dt-print-view h1 {
    font-size: 1.8em;
    text-align: center;
}
.tablePrint {
    font-size: inherit;
    margin-bottom: 0 !important;
}
.tablePrint tr td:nth-child(2) {
    width: auto;
}
.tablePrint tr td:nth-child(1) {
    width: 500px;
}
.tablePrint span.onlyPrint {
    display: inline;
}
.tablePrint .tableInput input {
    display: none;
}
.tablePrint td {
    text-align: center;
}
.tablePrint.productsTable td p {
    margin: auto !important;
}
.tablePrint ~ div.tfoot {
    font-size: 1.2em;
    text-align: right;
    padding: 10px 0;
}
.tablePrint ~ div.tfoot > .footWeight,
.tablePrint ~ div.tfoot > .footShipping {
    padding-right: 30px;
}
.tablePrint ~ div.tfoot > .footShipping {
    padding-left: 30px;
}


.tablePrint ~ div.js-deal-controls .textarea-buttons {
    display: none !important;
}
.tablePrint ~ div.js-deal-controls .form-control-buttons {
    width: 100% !important;
}

.tablePrint ~ div.js-deal-controls .icon-battery-color.fa-battery-empty,
.tablePrint ~ div.js-deal-controls .icon-battery-color.fa-battery-half,
.tablePrint ~ div.js-deal-controls .icon-battery-color.fa-battery-full {
    color: inherit;
}

/* WYDAŁ + SPRAWDZIŁ */
.tablePrint ~ div.js-deal-controls  .only-for-print {
    display: block !important;
}
/* WYDAŁ + SPRAWDZIŁ */
/* TABLE PRINT */



/* table layout */



/* ORDER TABLE */
/* ----------------------- */
table.dataTable#orderTable tr td:nth-child(2) {
    width: 261px;
}
table.dataTable#orderTable tbody td:nth-child(9),
table.dataTable#orderTable tbody td:nth-child(10) {
    padding: 8px 3px;
}
.tableInputPercent {
    width: 100%;
    min-width: 40px;
    display: block;
}
.tableInputPrice {
    width: 100%;
    min-width: 100px;
    display: block;
}
.tableInput input {
    width: 80%;
    display: inline;
    padding: .375rem .3rem;
}

a.miniImage {
    position: relative;
}
a.miniImage span.deptInfo {
    position: absolute;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.7);
    color: orangered;
}
.tabs-depts a.miniImage span.deptInfo {
    font-size: 0.8em;
    line-height: 1.5em;
}

/* --- BUTTONS ---*/
.dataTables_wrapper div.dt-buttons {
    width: 100%;
}

/* save to DB btn */
a.save-to-db,
button.save-to-db {
    float: right;
    margin-right: 3px;
    position: relative;
}
/* save to DB popover */
span.popover-header {
    display: block;
    /*color: darkgreen;*/
    /*color: red;*/
    /*color: orange;*/
    background: none;
    text-align: center;
    font-weight: 500;
    padding: 0;
}
.popover-body {
    text-align: center;
}
.popover > .arrow {
    background: none;
}
/* --- BUTTONS ---*/


/* --- FOOTER SUMMARY ---*/
.deal-tabs-content tfoot {
    font-size: 1.05em;
    float: right;
    padding: 10px;
}
.deal-tabs-content tfoot .footWeight,
.deal-tabs-content tfoot .footShipping {
    padding-right: 30px;
}
.deal-tabs-content tfoot .footShipping {
    padding-left: 30px;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody,
table.dataTable thead th, table.dataTable thead td,
table.dataTable.no-footer {
    border-bottom: none !important;
}
table.dataTable.productsTable {
    border-bottom: 1px solid #dee2e6 !important;
}
.form-control-buttons {
    width: 85%;
    display: inline-block;
    margin-bottom: 17px;
}
.textarea-buttons {
    width: calc(15% - 4px);
    display: inline-block;
    vertical-align: top;
}
.btn-summary {
    vertical-align: top;
    display: block;
    padding-left: 0;
    padding-right: 0;
    min-width: 20px;
    min-height: 20px;
    height: 55px;
    margin-bottom: 5px;
    padding: 15px 0;
}
.datepicker table td {
    font-size: 1rem;
}
.datepicker table thead tr th {
    font-size: 0.9rem;
}

/* deal status button */
.dropup .dropdown-menu {
    width: 100%;
    position: absolute;
    will-change: transform;
    top: 0px;
    left: 0px;
    transform: translate3d(0px, -136px, 0px);
}
a.h-red:hover,
button.h-red {
    background-color: #f9a8a8;
}
a.h-orange:hover,
button.h-orange  {
    background-color: #f9d5a8;
}
a.h-green:hover,
button.h-green {
    background-color: #b8f9a8;
}
.icon-battery-color.fa-battery-empty {
    color: red;
}
.icon-battery-color.fa-battery-half {
    color: orange;
}
.icon-battery-color.fa-battery-full {
    color: green;
}
/* deal status button */

/* deal actions buttons */
.btn-group-vertical.actions {
    width: 100%;
}
.btn-group-vertical.actions button {
    text-align: left;
    height: 43px;
}

.actions button:focus,
.actions button:hover {
    background-color: white !important;
}
.actions button.action-selected {
    background-color: #d7f1ff !important;
}
/* deal actions buttons */

.fa-width {
    width: 42px;
}
.fa-width i {
    margin: auto;
}

.gap {
    height: 5px;
}

/* --- Envelope - email to client --- */
.email-icon:hover {
    cursor: pointer;
}
.email-icon:hover i {
    color: green;
}
/* --- Envelope - email to client --- */

/* --- FOOTER SUMMARY ---*/

/* ----------------------- */

/* DataTables */




/* Add to sell POPUP */
.popup-price-top {
    text-align: center;
    font-size: 1.2em;
    margin-top: 8px;
    margin-bottom: 0;
}
.popup-price-top.only-one {
    text-align: center;
    font-size: 1.2em;
    margin-top: 30px;
}
.popup-price-top-2,
.popup-price-top-3 {
    text-align: center;
    font-size: .8em;
    margin-bottom: 0;
}
.popup-price-top > span,
.popup-price-top-2 > span,
.popup-price-top-3 > span {
    font-weight: bold;
}
.popup-product-top > p {
    margin: 5px 0;
}
.row.border {
    border: 1px solid #DBDBDB;
    border-radius: 10px;
    margin: 0 10px;
}
.input-group-product {
    width: 100%;
}
.input-group-product .input-group-text {
    width: 70px;
    background-color: #f9f9f9;
    font-size: 0.8em;
    text-align: center;
    float: left;
}
.form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
    float: left;
    max-width: 50%;
    width: 50%;
}
.form-group.summary {
    margin: 0.5em 0;
}
.fleft {
    float: left;
}
.nopadding {
    padding: 0;
}

.errorInput .form-control,
.errorInput .input-group-addon,
.errorInput .btn-default {
    border: 1px solid red;
}

/* popup summary inputs */
label.control-label.popup-summary {
    text-align: center;
    float: none;
    padding: 0;
    width: 100%;
    max-width: 100%;
}
label.control-label.popup-summary ~ div {
    display: inline;
}
#calculationPopup .form-group {
    margin-bottom: 0.3rem;
}
/* popup summary inputs */


/* Add new product length */
button.mfp-new-product {
    overflow: visible;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation;
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    left: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    font-style: normal;
    font-size: 28px;
    color: #838383;
}
button.mfp-new-product:hover {
    opacity: 1;
}
/* Add to sell POPUP */



/* MAP POPUP */
#map {
    height: 300px;
}
.shipping-buttons button {
    width: 100%;
}
#shippingCostForm > div {
    display: inline-block;
    padding: 0 2px;
}
#pricePerKmInput {
    padding-left: 4px;
    padding-right: 4px;
}
/* MAP POPUP */


/* RESERVATION HISTORY POPUP */
table.frame-table {
    width: 100%;
}
table.frame-table,
.frame-table th,
.frame-table td {
    background: none !important;
    padding: 5px;
    text-align: center;
    line-height: 1.3em;
}
table.frame-table tr td {
    font-size: 0.95em;
    border: 1px solid #dee2e6;
}
table.frame-table tbody tr:hover {
    cursor: pointer;
    background-color: #f4fafd !important;
}
/* RESERVATION HISTORY POPUP */


/* DELIVERY / SHIPPING PLANING POPUP */
#deliveryPlanningPopup .difficulty-btns {
    width: 100%;
}
#deliveryPlanningPopup .difficulty-btns > button {
    width: 20%;
    margin: auto;
}
/* DELIVERY / SHIPPING PLANING POPUP */


/* START colored line for different products */
.tabs-depts .productsTable td {
    position: relative;
}
span.line2 > span[class^="l-"] {
    display: none; /* do not display it on other places */
}
.tabs-depts .productsTable span.line2 > span[class^="l-"] {
    display: block;
    position: absolute;
    width: 2px;
    height: 35px;
    top: 15px;
    left: -2px;
}
span.l-modrzew {
    background-color: violet;
}
span.l-thermo-oil {
    background-color: black;
}
span.l-modrzew-szczot {
    background-color: gray;
}
span.l-swierk-skand {
    background-color: green;
}
span.l-swierk {
    background-color: orange;
}
span.l-sosna-skand {
    background-color: red;
}
/* END colored line for different products */




/* iOS Switch */
.ios-switch.on .handle,
.ios-switch.off .handle {
    -webkit-animation: expand-on none;
    animation: expand-on none;
    -webkit-animation: expand-off none;
    animation: expand-off none;
}
.switch.switch-primary .ios-switch .on-background {
    background: #0088cc;
}


/* Login page */
label.required {
     color: inherit;
     font-weight: normal;
     top: unset;
    font-size: unset;
}
/* Login page */



/*
 ***** Deals PAGE
 */
.easing {
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
.easing-fast {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

/* Deal BOX */
.text-right {
    text-align: right;
}
.text-left {
    text-align: left;
}
.text-center {
    text-align: center;
}
.no-padding {
    padding: 0;
}
.deal-box-tag {
    border: 1px solid #e36159;
    font-weight: 400;
    font-size: 0.8em;
    padding: 0.0em 0.8em;
    color: #e36159 !important;
    position: absolute;
    top: -23px;
    right: 40px;
    z-index: 1;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}
.deal-box-tag-left {
    font-weight: 600;
    font-size: 1.2em;
    right: unset;
    left: 40px;
}
.featured-box:hover {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.44);
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.44);
}
.deal-box .icon-featured.fa-shopping-cart {
    color: #a2a2a2 !important;
    margin-left: -10px;
    margin-top: -11px;
    background: none;
}
.deal-box:hover .icon-featured.fa-shopping-cart {
    transform: rotateZ(-15deg) translateY(-1px) translateX(-4px);
    color: #0088cc;
}
.featured-box .box-content {
    padding-top: 20px;
}
.divider.divider-top-deal-margins {
    margin-top: 0px;
    margin-bottom: 10px;
}
.divider.divider-bottom-deal-margins {
    margin-top: 25px;
    margin-bottom: 10px;
}
.divider-show-more {
    display: flow-root;
}
.deal-box h3 {
    margin:0;
    line-height: 25px;
}
.deal-box h4 {
    margin-top: 0;
    font-size: 1.2em;
}

.deal-box .show-more {
    cursor: pointer;
}
.deal-box .show-more.rotate180 {
    transform: rotate(180deg);
}
.deal-box .badge {
    font-weight: 600;
    font-size: 0.9em;
    border: 1px solid #0088cc;
}
.deal-box p {
    margin: 0;
}

/* Tags */
.deal-box .tag {
    margin: 3px 0;
    border: 1px solid #a7a7a7;
    background-color: #ffffff !important;
    color: #333 !important;
    font-weight: 400;
}
.deal-box .tag.tag-active {
    background-color: #0088cc !important;
    color: white !important;
    font-weight: 400;
    border: 1px solid #0088cc;
}

/* Colors: */
.deal-box-primary .box-content {
    border-top-color: #0088cc !important;
}
.deal-box-primary .badge-status,
.deal-box-primary .tag.tag-active {
    border: 1px solid #0088cc;
    background-color: #0088cc !important;
}
.deal-box-primary h4,
.deal-box-primary:hover .icon-featured.fa-shopping-cart,
.deal-box-primary .deal-box-tag {
    color: #0088cc !important;
}
.deal-box-primary .deal-box-tag {
    border: 1px solid #0088cc;
}

.deal-box-red .box-content {
    border-top-color: #e36159 !important;
}
.deal-box-red .badge-status,
.deal-box-red .tag.tag-active {
    border: 1px solid #e36159;
    background-color: #e36159 !important;
}
.deal-box-red h4,
.deal-box-red:hover .icon-featured.fa-shopping-cart,
.deal-box-red .deal-box-tag {
    color: #e36159 !important;
}
.deal-box-red .deal-box-tag {
    border: 1px solid #e36159;
}

.deal-box-green .box-content {
    border-top-color: green !important;
}
.deal-box-green .badge-status,
.deal-box-green .tag.tag-active {
    border: 1px solid green;
    background-color: green !important;
}
.deal-box-green h4,
.deal-box-green:hover .icon-featured.fa-shopping-cart,
.deal-box-green .deal-box-tag {
    color: green !important;
}
.deal-box-green .deal-box-tag {
    border: 1px solid green;
}

.deal-box-orange .box-content {
    border-top-color: orange !important;
}
.deal-box-orange .badge-status,
.deal-box-orange .tag.tag-active {
    border: 1px solid orange;
    background-color: orange !important;
}
.deal-box-orange h4,
.deal-box-orange:hover .icon-featured.fa-shopping-cart,
.deal-box-orange .deal-box-tag {
    color: orange !important;
}
.deal-box-orange .deal-box-tag {
    border: 1px solid orange;
}

.deal-box-gray .box-content {
    border-top-color: gray !important;
}
.deal-box-gray .badge-status,
.deal-box-gray .tag.tag-active {
    border: 1px solid gray;
    background-color: gray !important;
}
.deal-box-gray h4,
.deal-box-gray:hover .icon-featured.fa-shopping-cart,
.deal-box-gray .deal-box-tag {
    color: gray !important;
}
.deal-box-gray .deal-box-tag {
    border: 1px solid gray;
}
/* Deal BOX */


/* Customer BOX */
.customer-box-primary .discount-value {
    padding-top: 12px;
}
.customer-box-primary .icon-featured.fa-user {
    background: none;
    margin: -10px;
    color: #a2a2a2 !important;
}
.customer-box-primary:hover .icon-featured.fa-user {
    color: #0088cc !important;
    transform: scale(1.3);
}
/* Customer BOX */


/* Deals page controls */
.switch-container {
    height: 42px;
    padding-top: 6px;
}

@media (max-width: 1100px) {
    .status-button {
        font-size: 0.8rem;
        padding: 0.5em;
    }
}
@media (max-width: 768px) {
    .search-button {
        margin: 10px auto;
    }
}
.btn-primary:not(:disabled):not(.disabled).active {
    z-index: 2;
}
/* Deals page controls */

/*
 ***** Deals PAGE
 */

 


/*
 ***** Calendar PAGE *****
 */

/**** Calendar Container ****/
.transport-container {
    width: 100%;
    overflow: auto;
}

/**** Transport table ****/
table.transport-table {
    width: fit-content;
}
table.calendar-table th.transport {
    text-align: center;
    max-width: 123px;
    width: 123px;
    min-width: 123px;
    overflow: hidden;
}

table.calendar-table .tile {
    position: relative;
    text-align: center;
    width: 25%;
}
table.calendar-table .tile:hover:not(.hover-disabled) {
    background-color: #f5f5f5;
    cursor: pointer;
}
table.calendar-table .tile .tile-header i {
    font-size: 0.85em;
}
table.calendar-table .tile .tile-header {
    font-size: 1.1em;
}

table.calendar-table .tile .tile-body {
    display: block;
}
table.calendar-table .tile .tile-body .is-paid {
    background-color: #ffffff;
    color: #333 !important;
    border: 1px solid #777;
}
table.calendar-table .tile .tile-body .is-paid.paid {
    background-color: green;
    border: 1px solid green;
    color: white !important;
}
table.calendar-table .tile .tile-body .is-paid.cod {
    background-color: orange;
    border: 1px solid orange;
    color: white !important;
}
table.calendar-table .tile .tile-body .weight {
    background-color: #ffffff;
    border: 1px solid #777;
    padding: 0.3em 0.5em;
    font-size: 13px;
}
table.calendar-table .tile .tile-body .weight strong {
    color: #777;
    background-color: white;
}

table.calendar-table .tile .difficulty-color {
    width: 4px;
    height: calc(100% + 1px);
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}
table.calendar-table .tile .difficulty-color.green {
    background-color: green;
}
table.calendar-table .tile .difficulty-color.yellow {
    background-color: yellow;
}
table.calendar-table .tile .difficulty-color.orange {
    background-color: orange;
}
table.calendar-table .tile .difficulty-color.orangered {
    background-color: #ea6f41;
}
table.calendar-table .tile .difficulty-color.red {
    background-color: red;
}
table.calendar-table .tile .difficulty-color.gray {
    background-color: gray;
}

table.calendar-table .sum-up {
    text-align: center;
}
table.calendar-table .shipping-direction-btn {
    max-width: 100%;
}


/**** Reception Table/Tiles ****/
table.calendar-table.reception-table {

}
table.calendar-table .reception-tile {
    padding: .3rem !important;
}
table.calendar-table .reception-tile .time {
    display: block;
    float: left;
    width: 20px;
    height: 47px;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    text-align: center;
} 
table.calendar-table .reception-tile .content {
    display: block;
    float: left;
    width: calc(100% - 30px);
} 

/*
 ***** Calendar PAGE
 */





/*
 ***** Shipping PAGE
 */
.shipping-total-weight {
    position: absolute;
    left: 50%;
    bottom: 3px;
    padding-bottom: 10px;
}
.shipping-helper {
    position: relative;
    left: -50%;

    padding: 10px;
    background: rgba(255, 255, 255, 0.8);
    color: #333;
    font-size: 1.3em;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.shipping-helper > span {
    font-size: 1.5em;
}
.deal-weight {
    font-size: 1.2em;
}
/*
 ***** Shipping PAGE
 */





/*
 ***** Quick search
 */
.quick-search {
    position: absolute;
    z-index: 100;
    overflow-y: auto;
    background: #fff;
    height: 100%;
    width: 40%;
    position: fixed;
    -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, 0.07);
    box-shadow: 0 0 18px rgba(0, 0, 0, 0.07);
    left: -600px;
}
.quick-search.active {
    left: 255px;
}
/*
 ***** Quick search
 */




/* Cards */
.card {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
}

.card + .card {
    margin-top: 35.2px;
    margin-top: 2.2rem;
}

.card.card-admin {
    margin-bottom: 48px;
    margin-bottom: 3rem;
}

.card-header {
    background: #f6f6f6;
    border-radius: 5px 5px 0 0 !important;
    border-bottom: 1px solid #DADADA;
    padding: 18px;
    position: relative;
}

.card-header.bg-white {
    background: #fff;
    border-bottom: 0 none;
    border-right: 0 none;
}

.card-header.bg-primary {
    background: #CCC;
    color: #FFF;
    border-bottom: 0 none;
    border-right: 0 none;
}

.card-header.bg-success {
    background: #47a447;
    color: #FFF;
    border-bottom: 0 none;
    border-right: 0 none;
}

.card-header.bg-warning {
    background: #ed9c28;
    color: #FFF;
    border-bottom: 0 none;
    border-right: 0 none;
}

.card-header.bg-danger {
    background: #d2322d;
    color: #FFF;
    border-bottom: 0 none;
    border-right: 0 none;
}

.card-header.bg-info {
    background: #5bc0de;
    color: #FFF;
    border-bottom: 0 none;
    border-right: 0 none;
}

.card-header.bg-dark {
    background: #171717;
    color: #FFF;
    border-bottom: 0 none;
    border-right: 0 none;
}

.card-header.bg-white {
    background: #fff;
    border-bottom: 0 none;
    border-right: 0 none;
}

.card-actions {
    right: 15px;
    position: absolute;
    top: 15px;
}

.card-actions a,
.card-actions .card-action {
    background-color: transparent;
    border-radius: 2px;
    color: #B4B4B4;
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    width: 24px;
}

.card-actions a:hover,
.card-actions .card-action:hover {
    background-color: #eeeeee;
    color: #B4B4B4;
    text-decoration: none;
}

.card-actions a, .card-actions a:focus, .card-actions a:hover, .card-actions a:active, .card-actions a:visited,
.card-actions .card-action,
.card-actions .card-action:focus,
.card-actions .card-action:hover,
.card-actions .card-action:active,
.card-actions .card-action:visited {
    outline: none !important;
    text-decoration: none !important;
}

.card-title {
    color: #33353F;
    font-size: 20px;
    font-weight: 400;
    line-height: 20px;
    padding: 0;
    text-transform: none;
    margin: 0;
}

.card-subtitle {
    color: #808697;
    font-size: 12px;
    line-height: 1.2em;
    margin: 7px 0 0;
    padding: 0;
}

.card-body {
    background: #fdfdfd;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
}

.card-body-nopadding {
    padding: 0;
}

.card-header + .card-body {
    border-radius: 0 0 5px 5px;
}

.card-footer {
    border-radius: 0 0 5px 5px;
    margin-top: -5px;
    background: #FFF;
}

.card-footer::after {
    clear: both;
    content: "";
    display: block;
}

.card-footer .pager {
    margin: 0;
    padding: 5px 0;
}

.card-footer .pager::after {
    clear: both;
    content: "";
    display: block;
}

.card-footer-btn-group {
    display: table;
    width: 100%;
    padding: 0;
    border-radius: 0 0 5px 5px !important;
    overflow: hidden;
}

.card-footer-btn-group a {
    background-color: #f5f5f5;
    display: table-cell;
    border-left: 1px solid #ddd;
    padding: 10px 15px;
    text-decoration: none;
}

.card-footer-btn-group a:hover {
    background-color: #f0f0f0;
    -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.1) inset;
}

.card-footer-btn-group a:first-child {
    border-left: none;
}

.card-body.bg-primary {
    background: #CCC;
    color: #FFF;
}

.card-body.bg-success {
    background: #47a447;
    color: #FFF;
}

.card-body.bg-warning {
    background: #ed9c28;
    color: #FFF;
}

.card-body.bg-danger {
    background: #d2322d;
    color: #FFF;
}

.card-body.bg-info {
    background: #5bc0de;
    color: #FFF;
}

.card-body.bg-dark {
    background: #171717;
    color: #FFF;
}

.card-featured {
    border-top: 3px solid #33353F;
}

.card-featured .card-header {
    border-radius: 0;
}

.card-featured-top {
    border-top: 3px solid #CCC;
}

.card-featured-right {
    border-right: 3px solid #CCC;
}

.card-featured-bottom {
    border-bottom: 3px solid #CCC;
}

.card-featured-left {
    border-left: 3px solid #CCC;
}

.card-featured-primary {
    border-color: #CCC;
}

.card-featured-primary .card-title {
    color: #CCC;
}

.card-featured-success {
    border-color: #47a447;
}

.card-featured-success .card-title {
    color: #47a447;
}

.card-featured-warning {
    border-color: #ed9c28;
}

.card-featured-warning .card-title {
    color: #ed9c28;
}

.card-featured-danger {
    border-color: #d2322d;
}

.card-featured-danger .card-title {
    color: #d2322d;
}

.card-featured-info {
    border-color: #5bc0de;
}

.card-featured-info .card-title {
    color: #5bc0de;
}

.card-featured-dark {
    border-color: #171717;
}

.card-featured-dark .card-title {
    color: #171717;
}

.card-highlight .card-header {
    background-color: #CCC;
    border-color: #CCC;
    color: #fff;
}

.card-highlight .card-title {
    color: #fff;
}

.card-highlight .card-subtitle {
    color: #fff;
    color: rgba(255, 255, 255, 0.7);
}

.card-highlight .card-actions a {
    background-color: rgba(0, 0, 0, 0.1);
    color: #fff;
}

.card-highlight .card-body {
    background-color: #CCC;
    color: #fff;
}

.card-highlight-title .card-header {
    background-color: #2BAAB1;
}

.card-highlight-title .card-title {
    color: #fff;
}

.card-highlight-title .card-subtitle {
    color: #fff;
    color: rgba(255, 255, 255, 0.7);
}

.card-highlight-title .card-actions a {
    background-color: rgba(0, 0, 0, 0.1);
    color: #fff;
}

.card-header-icon {
    margin: 0 auto;
    font-size: 44.8px;
    font-size: 2.8rem;
    width: 90px;
    height: 90px;
    line-height: 90px;
    text-align: center;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 55px;
}

.card-header-icon.bg-primary {
    background: #CCC;
    color: #FFF;
}

.card-header-icon.bg-success {
    background: #47a447;
    color: #FFF;
}

.card-header-icon.bg-warning {
    background: #ed9c28;
    color: #FFF;
}

.card-header-icon.bg-danger {
    background: #d2322d;
    color: #FFF;
}

.card-header-icon.bg-info {
    background: #5bc0de;
    color: #FFF;
}

.card-header-icon.bg-dark {
    background: #171717;
    color: #FFF;
}

.card-header-profile-picture img {
    display: block;
    margin: 0 auto;
    width: 100px;
    height: 100px;
    border: 4px solid #fff;
    border-radius: 50px;
}

.card-icon {
    color: #fff;
    font-size: 42px;
    float: left;
}

.card-icon ~ .card-title, .card-icon ~ .card-subtitle {
    margin-left: 64px;
}



/* Dropzone */
form.dropzone {
    border-radius: 10px;
}
.dz-preview {
    margin: 0 !important;
}
.dz-image {
    width: 100%;
}