/* GENERICS */
html, body {
    overscroll-behavior: none;
}

.k-window-titlebar{
    padding-right: 0px;
    padding-left: 0px;    
}

.k-window-title{
    margin-left: 10px;
}

.km-view-title{
    line-height: 1em !important;
    padding: 0.3em;
    min-height: 3em;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.k-window-actions .k-button{
    margin-right: 10px;
}

.km-listinset {
    margin: 0.05em !important;
}

.m01-header-subtitle-span{
	font-size: x-small;
    top: 1.5em;
    left: 0;
    width: 100%;
    text-align: center;
    display: block;	
}

.m01-generic-settings-div {
    background-color: #242736;
    color: white;
    font-size: small;
    padding-bottom: 0.5em;
}

.m01-generic-settings-title-span {
    text-align: center;
    padding-top: 1em;
    font-weight: bold;
    font-size: large;
    display: block;
    margin-bottom: 0.5em;
}

.m01-generic-settings-section-span {
    margin-left: 1em;
}

.k-list-content .k-list-item {
    font-size: large !important;
}

.m01-generic-listview .delete {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 0;
    margin: 0;
    line-height: 2.5em;
}

.m01-secondary-button {
    background-color: #242736 !important;
    border-color: #242736 !important;
    color: #FFF !important;
}

.m01-listview-sublinia img {
    width: 20px;
    height: 20px;
    vertical-align: middle;
}

.m01-listview-sublinia-green-label{
    padding: 0.4em;
    background-color: #EEFFEE;
    border-radius: 10px;
    color: #619a77 !important;
    margin-left: -0.4em;
}

.m01-listview-sublinia-yellow-label{
    padding: 0.4em;
    background-color: #fcfddf;
    border-radius: 10px;
    color: #6d6e38 !important;
    margin-left: -0.4em;
}

.m01-listview-sublinia-red-label{
    padding: 0.4em;
    background-color: #fed6d6;
    border-radius: 10px;
    color: #af4d4d !important;
    margin-left: -0.4em;
}

.m01-listview-sublinia-red-span {
	padding: 4px;
    font-size: small;
    border-radius: 10px;
	color: red;
	background-color: #FFDEDE;
}

.m01-listview-sublinia-green-span {
	padding: 4px;
    font-size: small;
    background-color: #74f674;
    border-radius: 10px;
}

.m01-listview-sublinia-purple-span {
	padding: 4px;
    font-size: small;
    background-color: #f67ce3;
    border-radius: 10px;
}

.m01-listview-sublinia-yellow-span {
	padding: 4px;
    font-size: small;
    border-radius: 10px;
	color: #63601E;
	background-color: #F3EC54;
}

.m01-listview-sublinia {
    font-size: small;
}

.m01-listview-linia-with-sublinia {
    padding-bottom: 0px !important;
}

.m01-generic-error-message-ul {
    background-color: #ff4350;
}

.m01-generic-error-message-ul li {
    color: white !important;
}

.m01-generic-info-message-ul {
    background-color: #f0f9ff;
}

.m01-generic-info-message-ul li {
    color: #50607f !important;
}

.m01-generic-info-message2-ul {
    background-color: #f0fff3;
}

.m01-generic-info-message2-ul li {
    color: #507f57 !important;
}

.m01-generic-blue-underline-span {
    border-bottom: 0.2em solid #31ccea;
}

.m01-generic-green-underline-span {
    border-bottom: 0.2em solid #31ea53 !important;
}

.m01-generic-purple-underline-span {
    border-bottom: 0.2em solid #ea31a9;
}

.m01-generic-line-through-span {
    text-decoration: line-through;
}


.m01-img {
    float: left;
    margin-right: 2.5%;
    width: auto;
    max-width: 80%;
    max-height: 120px;
}

.m01-img-07001 {
    float: left;
    margin-right: 2.5%;
    max-width: 95px;
    max-height: 90px;
}

.m01-img-info-view {
    margin-right: 2.5%;
    max-width: 100%;
}

.km-primary {
    color: #fff !important;
}

li.k-item-k-focused.k-state-selected {
    background-color: green !important;
    border-color: green !important;
}

/* MENU */
.km-menu:after,
.km-menu:before {
    content: "\e078";
}

.km-upload:after,
.km-upload:before {
    content: "\e0a3";
}

.km-done:after,
.km-done:before {
    content: "\e030";
}

.km-info:after,
.km-info:before {
    content: "\e313";
}

.km-cargando:after,
.km-cargando:before {
    content: "\e0f7";
}

.km-filter:after,
.km-filter:before {
    content: "\e06c";
}

.km-unfilter:after,
.km-unfilter:before {
    content: "\e06d";
}

.km-sub:after,
.km-sub:before {
    content: "\e03a";
}

.km-order_items:after,
.km-order_items:before {
    content: "\e0d1";
}

.km-asterisc:after,
.km-asterisc:before {
    content: "\e082";
}

.km-general:after,
.km-general:before {
    content: "\e106";
}

.km-novedades:after,
.km-novedades:before {
    content: "\e08d";
}

.km-bloqueados:after,
.km-bloqueados:before {
    content: "\e0ff";
}

.km-ordered:after,
.km-ordered:before {
    content: "\e306";
}

#favorites .km-favorites:after,
#favorites .km-favorites:before {
    content: "\2665" !important;
    font-family: "system-ui";
}

.km-orden-nombre:after,
.km-orden-nombre:before {
    content: "\e060";
}

.km-orden-familia:after,
.km-orden-familia:before {
    content: "\e20b";
}

.km-copy:after,
.km-copy:before {
    content: "\e65d";
}

.km-visto:after,
.km-visto:before {
    content: "\e037";
}

.km-settings:hover,
.km-action:hover {
    cursor: pointer;
}

/* HOME-VIEW */
#home-view-initial-view{
    font-size: x-large;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    height: 10em;
}

#home-listview-ul li {
    padding: 0.5em;
    line-height: 2em;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
    margin: 0.3em;
}

/* APP-UPDATING-MODAL-VIEW */
#app-updating-modal-view .km-content {
    background-color: #ff4350;
    color: #FFFFFF;
    text-align: center;
    padding-top: 20%;
}

#app-updating-modal-view span {
    font-size: x-large;
}

/* APP-CACHE-REQUIRED-VIEW */
#app-cache-required-view .km-content {
    background-color: #2e2e2e;
    color: #FFFFFF;
    text-align: center;
    padding-top: 20%;
}

#app-cache-required-view span {
    font-size: x-large;
}

/* MAIN-DOWNLOAD-RESPONSE-VIEW */
#main-download-response-progress-bar {
    width: 100% !important;
}

/* MAIN-ABOUT-VIEW */
#about-new-version-span {
    background-color: red;
    color: white;
    font-size: x-small;
    padding: 4px;
    border-radius: 10px;
}

/* COMBINED */
#orders-tablet-ul li, 
#orders-ul li, 
#stocks-ul li, 
#stock-items-ul li, 
#orders-tablet-items-ul li, 
#order-items-ul li, 
#list-items-view-ul li,
#stock-items-ul li, 
#depots-ul li, 
#charges-report-customers-ul li,
#charges-report-payment-method-ul li,
#charges-insert-pending-invoices-ul li,
#orders-07076-ul li,
#orders-07076-items-ul li {
    padding: 0.5em;
    line-height: 1em;
}

#depot-items-ul li,
#checked-depot-items-ul li,
#depot-items-view-notes-ul li,
#depot-items-view-upload-ul li,
#depot-items-view-checked-message-ul li,
#charges-report-customers-ul li,
#charges-report-payment-method-ul li,
#shippings-ul li,
#main-about-ul li{
    padding: .5em .7em !important;
}

#orders-tablet-ul li, 
#orders-ul li, 
#stocks-ul li, 
#depots-ul li,
#shippings-ul li,
#orders-07076-ul li {
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
    margin: 0.3em;
}

#order-editable-item-codigo-input, 
#stock-editable-item-codigo-input, 
#info-codigo-input, 
#depot-insert-item-codigo-input,
#order-editable-item-units-input,
#stock-editable-item-unidades-input,
#order-editable-item-lot-input{
    width: 95%;
}

#order-editable-item-last-order-ul li {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    font-size: small;
}

/* STOCKS-EITABLE-HEADER-VIEW */
#stocks-editable-header-view .k-datepicker,
#stocks-editable-header-view .k-timepicker,
#stocks-editable-header-view .k-textarea,
#stocks-editable-header-view .k-textbox,
#stocks-editable-header-view .k-combobox,
#stock-editable-item-view .k-datepicker,
#stock-editable-item-view .k-timepicker,
#stock-editable-item-view .k-textarea,
#stock-editable-item-view .k-textbox,
#stock-editable-item-view .k-combobox,
#stock-editable-item-view .k-numerictextbox {
    border: 0px !important;
}

/* STOCK-EDITABLE-ITEM-VIEW */
#stock-editable-item-last-inventario-waiting-ul {
    display: none;
    background-color: green;
    color: white !important;
    text-align: center;
}

#stock-editable-item-last-inventario-ul li {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    font-size: small;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    box-shadow: 2px 2px 2px rgb(13 9 9 / 11%);
    border-radius: 2%;
    border: 0px solid #c0c0c0a3;
    margin: 0.5em;
    align-items: center;
}

/* ORDERS-EDITABLE-HEADER-VIEW */
#orders-editable-header-view .k-datepicker,
#orders-editable-header-view .k-timepicker,
#orders-editable-header-view .k-textarea,
#orders-editable-header-view .k-textbox,
#orders-editable-header-view .k-combobox {
    border: 0px !important;
}

/* ORDERS-EDITABLE-ITEM-VIEW */
#order-editable-item-last-order-waiting-ul {
    background-color: green;
    color: white !important;
    text-align: center;
}

/* INFO-VIEW */
.info-result-more-variable-li {
    padding-top: 0.5em !important;
    padding-bottom: 0.5em !important;
}

.info-result-more-variable-img {
    text-align: center;
}

#orders-07076-editable-header-view .k-textbox,
#orders-07076-editable-header-view .k-datepicker,
#orders-07076-editable-header-view .k-timepicker,
#orders-07076-editable-header-view .k-textarea {
    border: 0px !important;    
}

/* ORDERS-07076-LISTBOX-VIEW */
#orders-07076-listbox-view .km-button {
    height: auto !important;
    line-height: inherit !important;
}

#orders-07076-listbox-view .orders-07076-listbox-search-bar-div {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

#orders-07076-listbox-search-form{
    padding: 0.2em;
}
#orders-07076-listbox-search-form .km-filter-wrap{
    padding-right: 2em;
    display: flex;
    padding-left: 0.5em;
    margin: 0em;
}

#orders-07076-listbox-search-form .orders-07076-listbox-search-active{
    background-color: yellow !important;
}

#orders-tablet-listbox-format-button,
#orders-07076-listbox-units-button,
#orders-07076-listbox-format-button,
#orders-07076-listbox-sort-button,
#orders-07076-listbox-locked-button {
    padding: 0.1em;
    margin-right: 0.2em;
}

#orders-tablet-listbox-format-button img,
#orders-07076-listbox-format-button img {
    width: 30px;
    height: 30px;
}

/*ORDERS-07076-LISTBOX-PRODUCT-WINDOW*/
/*ORDERS-07076-LISTBOX-CUSTOMER-WINDOW*/
#orders-07076-listbox-customer-window .customer-window-img-div,
#orders-07076-window .product-window-img-div {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
}

#orders-07076-window .product-window-info-div,
#orders-07076-window .product-window-units-price-div,
#orders-07076-window .product-window-last-div,
#orders-07076-window .product-window-costs-div,
#orders-07076-listbox-customer-window .customer-window-info-div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: wrap;
    text-align: left;
    margin-top: 0.2em;
    margin-bottom: 0.5em;
    padding: 1em;
    box-shadow: 2px 2px 2px rgb(13 9 9 / 19%);
    border-radius: 2%;
    border: 1px solid #c0c0c0a3;
}

#orders-07076-window .product-window-info-div h4, 
#orders-07076-window .product-window-info-div h5, 
#orders-07076-window .product-window-info-div h6,
#orders-07076-window .product-window-last-div h4,
#orders-07076-window .product-window-last-div h5,
#orders-07076-window .product-window-last-div h6,
#orders-07076-window .product-window-notes-div h4,
#orders-07076-window .product-window-notes-div h5,
#orders-07076-window .product-window-notes-div h6,
#orders-07076-listbox-units-window .units-window-notes-div h4,
#orders-07076-listbox-units-window .units-window-notes-div h5,
#orders-07076-listbox-units-window .units-window-notes-div h6 {
    margin: 0.2em;
}

#orders-07076-window .product-window-last-div {
    background-color: #e2f2c5;
}

#orders-07076-window .product-window-buttons-div {
    display: flex;
    flex-direction: row;
    margin-bottom: 1em;
    justify-content: space-between;
}

#orders-tablet-window .product-window-buttons-div .m01-toggle-button span,
#orders-07076-window .product-window-buttons-div .m01-toggle-button span,
#orders-07076-listbox-units-window .m01-toggle-button span {
    border-bottom: 0.2em solid #31ccea;
}

#orders-tablet-window .product-window-costs-div,
#orders-07076-window .product-window-costs-div {
    background-color: #f2eac5;
}

#orders-tablet-window .product-window-buttons-div button,
#orders-07076-window .product-window-buttons-div button {
    margin-left: 0.5em;
}

#orders-07076-window .product-window-notes-div,
#orders-07076-listbox-customer-window .customer-window-notes-div {
    padding: 1em;
    box-shadow: 2px 2px 2px rgb(13 9 9 / 19%);
    border-radius: 2%;
    border: 1px solid #c0c0c0a3;
    margin-bottom: 1em;
    background-color: #ffff69;
    text-align: left;
    min-height: 6em;
}

#orders-07076-window .product-window-notes-div .k-textarea,
#orders-07076-listbox-customer-window .customer-window-notes-div .k-textarea {
    background-color: transparent !important;
}

#orders-07076-window .product-window-notes-div .k-textarea {
    min-height: 4em;
}

#orders-07076-listbox-units-window .units-window-notes-div {
    padding: 1em;
    box-shadow: 2px 2px 2px rgb(13 9 9 / 19%);
    border-radius: 2%;
    border: 1px solid #c0c0c0a3;
    margin-bottom: 1em;
    background-color: #ffffff;
    text-align: left;
}

#orders-07076-listbox-units-window .units-window-notes-div.units-window-notes-div-has-text {
    background-color: #ffff69;
}

#orders-07076-listbox-units-window .units-window-notes-div .k-textarea {
    background-color: transparent !important;
}

#orders-07076-window .product-window-bottom-buttons-div,
#orders-07076-listbox-customer-window .customer-window-buttons-div {
    display: flex;
    flex-direction: column;
}

#orders-07076-window .product-window-units-div:hover,
#orders-07076-window .product-window-price-div:hover {
    cursor: pointer;
}

#orders-07076-listbox-customer-window .customer-window-buttons-div button {
    margin-bottom: 0.5em;
}

#orders-tablet-listbox-uw-format-button .k-image, 
#orders-07076-listbox-uw-format-button .k-image{
    width: 100%;
}

.m01-07076_01-list-item {
    float: left;
    position: relative;
    padding: 0;
    width: 32.73%;
    height: 226px;
    box-shadow: 2px 2px 2px rgb(13 9 9 / 19%);
    margin: 0.25em;
    border-radius: 2%;
    border: 1px solid #c0c0c0a3;
    padding: 0.5em;
    background-color: #ffffff;
}

.m01-tablet_01-list-item-rutero, 
.m01-07076_01-list-item-rutero {
    box-shadow: 0px 0px 2px 3px rgba(48, 248, 3, 0.59) !important;
}

.m01-07076_01-list-item-red {
    box-shadow: 0px 0px 2px 3px rgb(255, 25, 0) !important;
}

.m01-07076-overlay-div {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: nowrap;
    height: 100%;
    z-index: 1000;
    position: relative;
    justify-content: space-between;
    min-width: 70%;
    width: 100%;
}

.m01-07076-favorite-button {
   /* position: absolute; */
   /* top: 0.1em;
    right: 0.1em; */
    z-index: 10001;
    border: 0;
    background: rgba(255, 255, 255, 1);
    color: #8a8a8a;
    border-radius: 999px;
    width: 1.8em;
    /* height: 1.8em; */
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    cursor: pointer;
    /* box-shadow: 0 1px 3px rgb(13 9 9 / 19%); */
    transform: scale(1.2);
    /* margin-right: 0.2em; */
}

.m01-07076-favorite-button span {
    font-size: 1.3em;
    line-height: 1;
    font-family: "system-ui";
}

.m01-07076-favorite-button-active {
    color: #ff4350;
}

.m01-07076-favorite-button-fly {
    position: fixed;
    z-index: 100000;
    border: 0;
    background: rgba(255, 255, 255, 0.95);
    color: #ff4350;
    border-radius: 999px;
    width: 1.8em;
    height: 1.8em;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    pointer-events: none;
    box-shadow: 0 4px 12px rgb(13 9 9 / 25%);
    transform: translate3d(0, 0, 0) scale(2);
    opacity: 0.95;
    transition: transform 2s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.6s ease;
}

.m01-07076-favorite-button-fly span {
    font-size: 1.3em;
    line-height: 1;
    font-family: "system-ui";
}

.m01-07076-favorite-button-fly-active {
    transform: translate3d(var(--m01-favorite-fly-x, 0px), var(--m01-favorite-fly-y, -10px), 0) scale(0.75);
    opacity: 0;
}

.m01-07076-overlay-div-no-img {
    justify-content: center;
}

.m01-07076-top-div {
    display: flex;
    width: 100%;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 0.2em;
}

.m01-07076-overlay-bottom-div{
    display: flex;
    flex-direction: column;
    width: 100%;
}

.m01-07076-div-with-img {
    text-align: center;
    position: absolute;
    display: flex;
    justify-content: center;
    width: 100%;
    align-items: center;
}

.m01-07076_01-img {
    width: auto;
    max-width: 90%;
    max-height: 205px;
}

.m01-07076-bottom-info-div {
    width: 100%;
}

.m01-07076-bottom-info-div .m01-listview-sublinia {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 0.3em;
}

.m01-07076-bottom-info-div .m01-listview-sublinia h5 {
    margin-top: 0em;
    margin-bottom: 0em;
    font-size: small;
}

.m01-07076-bottom-info-name-div {
    font-size: small;
    background-color: #ffffffbf;
    padding: 1px;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

.m01-07076-bottom-info-name-div-no-img {
    font-size: medium;
}

.m01-07076-bottom-info-name-div h4{
    margin-top: 0px;
    margin-bottom: 0px;
}

.m01-07076-info-left-top2 {
    left: 4px;
    top: 4px;
    background-color: #ffffffc2;
}

.m01-07076-info-right-top {
    right: 0;
    background-color: white;
}

#orders-07076-listbox-view-ul {
    background-color: silver; 
}

.window_image_07076 {
    max-width: 90%;
    max-height: 500px;
}

.m01-label {
    padding-bottom: 2em !important;
    padding-top: .5em !important;
}

.m01-input-units {
    width: 60px;
    text-align: right;
    font-size: 24px;
    margin-top: 15px;
    margin-left: 5px;
}

.m01-input {
    width: 160px;
    text-align: right;
    font-size: 24px;
    vertical-align: middle;
    height: 42px;
    margin-left: 6px;
}

.m01-button-select-lot {
    width: 99%;
    font-size: 18px;
    color: white !important;
    background-color: #f3b644 !important;
    border-color: #f3b644 !important;
}

.m01-button-lot {
    width: 99%;
    font-size: 18px;
    color: white !important;
    background-color: #abd1a2 !important;
    border-color: #abd1a2 !important;
}

.m01-button-add-lot,
.m01-button-remove-lot {
    font-size: 18px;
    padding-right: 0 !important;
}

#orders-07076-listbox-tabstrip{
    touch-action: none;
}

#orders-07076-listbox-tabstrip .m01-tabstrip-no-icon-text .km-icon {
    display: none;
}

#orders-07076-listbox-tabstrip .orders-07076-listbox-right-drawer-button {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1em;
}

#orders-07076-listbox-right-drawer-libre1-initial,
#orders-07076-listbox-right-drawer-libre2-initial,
#orders-07076-listbox-right-drawer-libre3-initial {
    font-size: x-large;
}

#orders-07076-listbox-pager{
    margin-right: 100px;
}

#orders-07076-listbox-pager span.k-icon.k-i-arrow-e {
    opacity: 1;
}

#orders-07076-listbox-pager span.k-icon.k-i-arrow-w {
    opacity: 1;
}

#orders-07076-listbox-pager .k-link.k-pager-nav {
    border-color: #b3b3b4;
}

#depot-items-info-window-revise-stock-notes-input {
    width: 400px;
    height: 100px;
    font-size: 18px;
}

#orders-07076-editable-header-customer-fieldset span,
#orders-07076-editable-header-supplier-fieldset span,
#orders-07076-editable-header-warehouse-fieldset span {
    box-sizing: border-box !important;
    border: 0px !important;
}

.m01-orders-07076-listbox-view-icon {
    width: 25px;
    height: 25px;
}

.m01-tablet-units,
.m01-07076-units {
    font-size: xx-large;
    font-weight: bold;
    color: #ff4350;
    font-style: italic;
    text-align: right;
    cursor: pointer;
}

.m01-tablet-units{
    display: flex;
    align-items: center;
}

.m01-07076-units-no-img {
    position: absolute;
    right: 0px;
    height: 100%;
    margin-top: 0.5em;
    display: flex;
    align-content: center;
    align-items: center;
}

.m01-07076-units img {
    width: 30px;
    height: 30px;
    bottom: 0px;
    right: 0px;
}

.m01-07076-units-shadow {
    background-color: yellow;
}

.m01-orders-07076-listbox-view-stock-span {
    background-color: #9c9fa245;
    padding: 1px 3px 1px 3px;
    border-radius: 12%;
}

.m01-orders-07076-listbox-view-stock-span-negative {
    background-color: red;
    padding: 1px 3px 1px 3px;
    border-radius: 12%;
    font-weight: bold !important;
    font-size: large !important;
    color: white !important;
}

.depot-items-info-window-div {
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
}

#orders-tablet-listbox-left-drawer .km-scroll-container,
#orders-07076-listbox-left-drawer .km-scroll-container{
	height: auto;	
}

.k-grid th.k-header,
.k-grid-header {
    background: #f7949b !important;
    color: #32364c;
}

.km-checkbox:checked+.km-checkbox-label {
    color: #32364c !important;
}

#orders-07076-listbox-pager a.k-link.k-pager-nav.k-pager-last {
    float: right;
}

#depot-items-ul li {
    color: #ff4350;
}

.depot-items-linia1 {
    display: block;
}

.depot-items-linia2 {
    color: #619a77 !important;
    font-size: 18px;
    font-weight: bold;
}

.depot-items-linia2-no-stock {
    color: #f89494 !important;
    font-size: 18px;
    font-weight: bold;
    color: red;
}

.depot-items-linia2-no-stock-span{
	padding: 4px;
    font-size: small;
    border-radius: 10px;
	color: red;
	background-color: #FFDEDE;
}

.depot-items-linia2-format2-eq-no-stock {
    color: #f89494 !important;
    font-size: 18px;
    font-weight: bold;
    color: red;
}

#depot-items-info-window-id-span{
	padding: 4px;
    border-radius: 10px;
    border: 1px solid #DDDDDD;
}

#depot-items-info-window-location-span{
	padding: 4px;
    background-color: #EEFFEE;
    border-radius: 10px;
}

.depot-items-linia2-location-span{
	padding: 4px;
    font-size: small;
    background-color: #EEFFEE;
    border-radius: 10px;
}

.depot-items-linia2-stock-span{
	padding: 4px;
    font-size: small;
    background-color: #EEFFEE;
    border-radius: 10px;
}

.depot-items-linia2-format2-eq-span{
	padding: 4px;
    font-size: small;
    background-color: #EEFFEE;
    border-radius: 10px;
}

.depot-items-linia2-weight-span{
	padding: 4px;
    font-size: small;
    background-color: #EEFFEE;
    border-radius: 10px;
    margin-left: 5px;	
}

.depot-items-linia2-format-span{
    font-size: small;
}

.checked-depot-items-linia2-format-span{
    font-size: small;
}

.checked-depot-items-linia2-location-span{
	padding: 4px;
    font-size: small;
    color: gray;
    background-color: #FDFDFD;
    font-weight: normal;
    border: 1px solid #DDDDDD;
    border-radius: 10px;
}

.checked-depot-items-linia2-format2-eq-span{
	padding: 4px;
    font-size: small;
    color: gray;
    background-color: #FDFDFD;
    font-weight: normal;
    border: 1px solid #DDDDDD;
    border-radius: 10px;
}

.checked-depot-items-linia2-lot-span{
	padding: 4px;
    font-size: small;
    color: gray;
    background-color: #FDFDFD;
    font-weight: normal;
    border: 1px solid #DDDDDD;
    border-radius: 10px;
}

.checked-depot-items-linia2-weight-span{
	padding: 4px;
    font-size: small;
    color: gray;
    background-color: #FDFDFD;
    font-weight: normal;
    border: 1px solid #DDDDDD;
    border-radius: 10px;
    margin-left: 5px;	
}

#depot-items-revise-stock-button{
	font-size: small;
}

/* DEPOT-ITEMS-VIEW */
#depot-items-info-window-image {
    max-width: 75%;
    max-height: 350px;
}

.m01-button-depots {
    font-size: 18px;
}

#depot-insert-header-customer-select-list h5 {
    display: inline !important;
}

.info-line-button {
    background-color: #ff4350 !important;
    color: #fff !important;
    border-color: #fff !important;
    border-radius: 20px !important;
    font-size: larger !important;
}

.no-units {
    color: #ff4350 !important;
    font-weight: bold;
}

.different-units {
    color: #faa21A !important;
    font-weight: bold;
}

/*TABLET*/
.m01-tablet_01-loading {
    position: absolute;
    height: 10em;
    width: 100%;
}

.m01-tablet_01-list-item {
    position: relative;
    height: 75px;
    box-shadow: 0 1px 2px 0 rgba(60,64,67,.3), 0 1px 3px 1px rgba(60,64,67,.15);
    margin: 0.25em;
    border-radius: 10px;
    /*border: 1px solid #c0c0c0a3;*/
    padding: 0.5em;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.m01-tablet-div-with-img {
    text-align: center;
    line-height: 1900%;
    height: 205px;
}

.m01-tablet_01-img {
    margin-right: 2.5%;
    width: auto;
    max-width: 90%;
    max-height: 205px;
}

.m01-tablet-bottom-info-div, .m01-orders-bottom-info-div {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    gap: 0.5em;
    height: 1em;
}

.m01-orders-bottom-info-div {
    margin-top: 0.5em;
}

.m01-tablet-name-div {
    color: #ff4350;
    font-size: medium;
    line-height: 1em;
}

.m01-tablet-info-uni {
    font-size: large;
    font-weight: bold;
}

.m01-tablet-info-caja {
    font-size: large;
    font-weight: bold;
    color: #ff4350 !important;
}

.m01-tablet-info-left-top {
    position: absolute;
    left: 4px;
    top: 35px;
    background-color: white;
}

.m01-tablet-info-left-top2 {
    position: absolute;
    left: 4px;
    top: 4px;
    background-color: #ffffffc2;
    font-size: x-large;
}

.m01-tablet-info-right-top {
    position: absolute;
    right: 0;
    background-color: white;
}

#window_image_tablet {
    max-width: 90%;
    max-height: 500px;
}

.m01-tablet-label {
    padding-bottom: 2em !important;
    padding-top: .5em !important;
}

.m01-tablet-input-uc {
    width: 40px;
    text-align: right;
    font-size: 24px;
    position: absolute;
    top: 5px;
    right: 60px;
    margin-top: 5px;
}

/* ORDERS-TABLET */

#orders-tablet-listbox-customer-window .customer-window-info-div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: wrap;
    text-align: left;
    margin-top: 0.2em;
    margin-bottom: 0.5em;
    padding: 1em;
    box-shadow: 2px 2px 2px rgb(13 9 9 / 19%);
    border-radius: 2%;
    border: 1px solid #c0c0c0a3;
}

#orders-tablet-window .product-window-bottom-buttons-div,
#orders-tablet-listbox-customer-window .customer-window-buttons-div {
    display: flex;
    flex-direction: column;
}

#orders-tablet-window .product-window-notes-div .k-textarea,
#orders-tablet-listbox-customer-window .customer-window-notes-div .k-textarea {
    background-color: transparent !important;
}

#orders-tablet-window .product-window-units-div:hover,
#orders-tablet-window .product-window-price-div:hover,
#orders-tablet-window .product-window-lot-div:hover,
#orders-tablet-window .product-window-weight-div:hover {
    cursor: pointer;
}

#orders-tablet-window .product-window-notes-div,
#orders-tablet-listbox-customer-window .customer-window-notes-div {
    padding: 1em;
    box-shadow: 2px 2px 2px rgb(13 9 9 / 19%);
    border-radius: 2%;
    border: 1px solid #c0c0c0a3;
    margin-bottom: 1em;
    background-color: #ffff69;
    text-align: left;
}

#orders-tablet-window .product-window-info-div,
#orders-tablet-window .product-window-units-price-div,
#orders-tablet-window .product-window-lot-weight-div,
#orders-tablet-window .product-window-last-div,
#orders-tablet-window .product-window-costs-div,
#orders-tablet-listbox-customer-window .customer-window-info-div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: wrap;
    text-align: left;
    margin-top: 0.2em;
    margin-bottom: 0.5em;
    padding: 1em;
    box-shadow: 2px 2px 2px rgb(13 9 9 / 19%);
    border-radius: 2%;
    border: 1px solid #c0c0c0a3;
}

#orders-tablet-window .product-window-info-div h4, 
#orders-tablet-window .product-window-info-div h5, 
#orders-tablet-window .product-window-info-div h6,
#orders-tablet-window .product-window-last-div h4,
#orders-tablet-window .product-window-last-div h5,
#orders-tablet-window .product-window-last-div h6,
#orders-tablet-window .product-window-notes-div h4,
#orders-tablet-window .product-window-notes-div h5,
#orders-tablet-window .product-window-notes-div h6 {
    margin: 0.2em;
}

#orders-tablet-editable-header-view .k-textbox,
#orders-tablet-editable-header-view .k-datepicker,
#orders-tablet-editable-header-view .k-timepicker,
#orders-tablet-editable-header-view .k-textarea {
    border: 0px !important;    
}

#orders-tablet-window .product-window-last-div {
    background-color: #e2f2c5;
}

#orders-tablet-window .product-window-buttons-div {
    display: flex;
    flex-direction: row;
    margin-bottom: 1em;
    justify-content: space-between;
}

#orders-tablet-listbox-view .km-button {
    height: auto !important;
    line-height: inherit !important;    
}

#orders-tablet-listbox-more-info-div,
#orders-07076-listbox-more-info-div {
    width: 100%;
}

#orders-tablet-listbox-search{
    display: flex;
    padding: 3px;   
}

#orders-tablet-listbox-sort-button {
    display: flex;
    flex-direction: column;
    padding: 0.1em;
    width: 3em;
}

#orders-tablet-listbox-sort-button .k-button-text{
    font-size: x-small;
}

.orders-tablet-search-button-yellow{
    background-color: yellow;
}

#orders-tablet-listbox-add-filter-button, 
#orders-tablet-unfilter-button{
    padding: 0.1em;
}

/* #orders-tablet-format-button{
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.m01-orders-tablet-format-units-button{
    background-image: url('../img/icon-units-512.png');
}

.m01-orders-tablet-format-box-button{
    background-image: url('../img/icon-units-512.png');
} */

#orders-tablet-listbox-view-ul {
    border: 0px;
}

#orders-tablet-listbox-view-ul .k-state-selected {
	background-color: inherit;
}

#orders-tablet-listbox-view-ul .orders-tablet-listbox-history-items-info-span {
    font-size: small;
    background-color: #e2f2c5;
    gap: 0.5em;
    display: flex;
    border-radius: 0.5em;
}

#orders-tablet-listbox-uc-button {
    position: absolute;
    right: 5px;
    top: 7px;
}

#orders-tablet-listbox-pager span.k-icon.k-i-arrow-e {
    opacity: 1;
}

#orders-tablet-listbox-pager span.k-icon.k-i-arrow-w {
    opacity: 1;
}

#orders-tablet-listbox-pager .k-link.k-pager-nav {
    border-color: #b3b3b4;
}

#order-tablet-listbox-notes-input {
    width: 400px;
    height: 100px;
    font-size: 18px;
}

#orders-tablet-listbox-view-format-span {
    color: yellow;
    font-weight: bold;
}

#orders-tablet-editable-header-customer-fieldset span,
#orders-tablet-editable-header-supplier-fieldset span,
#orders-tablet-editable-header-warehouse-fieldset span {
    box-sizing: border-box !important;
    border: 0px !important;
}

.m01-orders-tablet-listbox-view-icon {
    width: 25px;
    height: 25px;
}

.m01-tablet-units-shadow {
    background-color: yellow;
}

.m01-tablet-units-span{
    font-size: large;
    font-weight: bold;
}

.m01-orders-tablet-listbox-view-price-span {
    background-color: #00aaff6b;
    padding: 1px 3px 1px 3px;
    border-radius: 12%;
}

.m01-orders-tablet-listbox-view-custom-price-span {
    background-color: #8bddab;
    padding: 1px 3px 1px 3px;
    border-radius: 12%;
}

.m01-orders-tablet-listbox-view-custom-dto-span {
    background-color: #eda547;
    padding: 1px 3px 1px 3px;
    border-radius: 12%;
}


.m01-orders-tablet-listbox-view-stock-span-negative {
    background-color: #ef8b8b;
    padding: 1px 3px 1px 3px;
    border-radius: 12%;
}

.m01-orders-tablet-listbox-view-info-supplier-span {
    background-color: #be8ef2;
    padding: 1px 3px 1px 3px;
    border-radius: 12%;
}

.m01-orders-tablet-listbox-view-format2_conversion-span {
    float: right;
    margin-right: 60px;
}

.m01-tablet-buscador {
    display: inline-block;
}

.m01-tablet-listbox-grid-thead {
    font-size: .72em;
}

#order-tablet-listbox-item-info-grid td,
#order-tablet-listbox-last-sale-info-grid td,
#order-tablet-listbox-tarifas-grid td,
#order-tablet-listbox-history-comparison-grid td {
    padding: .4em .6em !important;
}

.m01-tablet-line-weight {
    font-size: 14px;
    color: #32364c;
}

#orders-tablet-listbox-causes-of-return-label {
    width: 95%;
    margin-top: 10px;
}

#orders-tablet-listbox-couses-of-return-a {
    color: #32364c;
    text-transform: uppercase;
    font-weight: bold;
}

.orders-tablet-width {
    width: 95%;
}

.m01-tablet-menu-title {
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #ff4350;
}

/* CHARGES */
#charges-insert-customer-li span {
    box-sizing: border-box !important;
    border: 0px !important;
}

#charges-insert-payment-method-li span {
    box-sizing: border-box !important;
    border: 0px !important;
}

#charges-insert-pending-input {
    box-sizing: border-box !important;
    border: 0px !important;
    color: red;
    text-align: center;
}

#charges-insert-pending-invoices-ul li label{
    line-height: 1em;
    padding-left: 2em;
    margin-left: 0.5em;
}

#charges-insert-pending-invoices-ul li label h5{
    display: flex;
    justify-content: space-between;   
    margin-right: 1%;
}

#charges-report-customers-ul .amount-span, #charges-report-payment-method-ul .amount-span {
    float: right;
}

/* DEPOT-ITEMS-VIEW */
.depot-items-view-right-options-button-yellow {
	background-color: yellow !important;
    color: black !important;
}

#depot-items-view-checked-message-ul {
    text-align: center;
}

#depot-items-view-checked-message-ul li {
    border-top-width: 1px !important;
    border-top-color: #32364c;
    border-bottom-color: #32364c;
}

.depot-items-linia2-no-stock {
    color: grey !important;
    font-size: 18px;
    font-weight: bold;
}

#depot-items-ul li,
#checked-depot-items-ul li,
#depot-items-view-notes-ul li,
#depot-items-view-upload-ul li,
#depot-items-view-checked-message-ul li,
#routes-ul li,
#charges-insert-pending-invoices-ul li {
    padding: .5em .7em !important;
}

/* DEPOTS */
.info-line-button {
    background-color: #ff4350 !important;
    color: #fff !important;
    border-color: #fff !important;
    border-radius: 20px !important;
    font-size: larger !important;
}

.no-units {
    color: #ff4350 !important;
    font-weight: bold;
}

.different-units {
    color: #faa21A !important;
    font-weight: bold;
}

#depots-ul li .m01-listview-sublinia-yellow-label, 
#depots-ul li .m01-listview-sublinia-green-label, 
#depots-ul li .m01-listview-sublinia-red-label {
    margin-left: 0px;
    padding: 0px;
}

.m01-depot-view-yellow-card-a {
    background-color: #fcfddf;
}

.m01-depot-view-green-card-a {
    background-color: #EEFFEE;
}

.m01-depot-view-red-card-a {
    background-color: #fed6d6;
}

/* CHARGES */
#charges-view .km-group-title {
    padding: 0.2em 0.5em 0.2em 0.5em;
}

#charges-view .km-group-title div {
    display: flex;
    align-items: center;
}

#charges-view #charges-ul .km-list li {
    padding: 0em;
}

#charges-view #charges-ul .km-list li .charges-sent-table{
    padding: 0.2em 0.5em 0.2em 0.5em;
    background-image: linear-gradient(to right, rgba(171, 171, 171, 0.82) 1%, #ffffff, #ffffff);
}

#charges-view #charges-ul .km-list li .charges-not-sent-table{
    padding: 0.2em 0.5em 0.2em 0.5em;
    background-image: linear-gradient(to right, rgb(136 212 225 / 82%) 1%, #ffffff, #ffffff);
}


#charges-view #charges-ul table {
    width: 100%;
}

#charges-view #charges-ul table .charges-view-customer-td{
    font-size: medium;
}

#charges-view #charges-ul table .charges-view-importe-td{
    text-align: right;
}

#charges-view #charges-ul table .charges-view-sent-td{
    text-align: right;
}

#charges-view #charges-ul table .charges-view-date-td{
    text-align: left;
}

#charges-view #charges-ul table .charges-view-invoice-td{
    text-align: left;
}

#charges-view #charges-ul table .charges-view-sublinea-tr{
    font-size: small;
    font-weight: 200;
}

#charges-insert-customer-li span {
    box-sizing: border-box !important;
    border: 0px !important;
}

#charges-insert-payment-method-li span {
    box-sizing: border-box !important;
    border: 0px !important;
}

#charges-pending-view .charges-pending-view-pending-span{
    justify-content: right;
    display: flex;
    color: red;
    font-weight: bold;
    flex-direction: row-reverse;
    padding: 0em 0.5em 0em 0.5em;
}

#charges-pending-view .km-group-title{
    font-size: medium;
}

#charges-pending-view-listview table {
    width: 100%;
}

#charges-pending-view-listview .charges-pending-view-money-h6 {
    display: flex;
    justify-content: space-between;
}

#charges-pending-view-listview .km-group-container .km-group-title .km-text{
    display: flex;
    justify-content: space-between;
}

#charges-pending-view-listview .km-list li{
    padding: 0.1em 0.7em;
}

#charges-pending-view-listview .charges-pending-view-table{
    font-size: small;
    font-weight: 200;
}

#charges-pending-view-listview .charges-pending-view-pagado-span b{
    color: green;
}

#charges-pending-view-listview .charges-pending-view-pendiente-span b{
    color: red;
}

#charges-pending-view-listview .charges-pending-view-fecha-td{
    width: 40%;
}

#charges-pending-view-listview .charges-pending-view-factura-td{
    width: 40%;
    text-align: left;
}

#charges-pending-view-listview .charges-pending-view-importe-td{
    width: 20%;
    text-align: right;
}

/* SHIPPINGS */
#shippings-view-search-form .m01-filter-wrap-close:before {
	content: '\e031' !important;
	font-size: 1.4em;
}

#shippings-view-search-form .km-filter-wrap>input{
	padding-left: 3em;
}

#shippings-view-search-form .m01-filter-wrap-filtered{
	border: 3px solid yellow;
}

.m01-shippings-route {
	color: silver !important;
	font-weight: 300 !important;	
}

#shippings-view .offline-li {
    background-image: linear-gradient(to bottom, rgba(206, 208, 82, 0.32) 1%, #ffffff, #ffffff);
}

#shippings-view .sent-li {
    background-image: linear-gradient(to bottom, rgb(106 188 107 / 32%) 1%, #ffffff, #ffffff);
}

#shipping-editable-view-pending-invoices-ul li{
    padding: 0px;
    font-size: inherit;
}

#shipping-editable-view-pending-invoices-ul label{
    padding-left: 1.8em;
}

#shipping-editable-view-pending-invoices-ul h5 {
    display: flex;
    flex-flow: wrap;
}    

#shipping-editable-view-modal{
    top: -50%;
}

@media only screen and (max-width: 700px) {
    .m01-tablet-label {
        padding-bottom: 2em !important;
        padding-top: .5em !important;
    }
    #orders-tablet-listbox-pager span.k-icon.k-i-arrow-e {
        opacity: 1;
    }
    #orders-tablet-listbox-pager span.k-icon.k-i-arrow-w {
        opacity: 1;
    }
    #orders-tablet-listbox-pager .k-link.k-pager-nav {
        border-color: #b3b3b4;
    }
    #order-tablet-listbox-notes-input {
        width: 300px;
        height: 80px;
        font-size: 18px;
    }

    #orders-tablet-window .product-window-units-price-content-div {
        display: flex !important;
        flex-direction: column !important;
    }

    #orders-tablet-listbox-view-title-span {
        font-size: 14px;
    }
    .m01-tablet-nav-button {
        padding: 0 0.6em !important;
    }
    .m01-tablet-listbox-grid-thead {
        font-size: .62em;
    }
    .orders-tablet-windows-div {
        text-align: center;
        font-size: 16px;
        text-transform: uppercase;
    }
    .m01-orders-tablet-listbox-view-info-span {
        display: none;
    }
    #orders-tablet-listbox-causes-of-return-label {
        width: 90%;
        margin-top: 10px;
    }
    .orders-tablet-width {
        width: 90%;
    }
    #orders-tablet-listbox-more-info-div,
    #orders-07076-listbox-more-info-div {
        width: 95%;
    }
    #order-tablet-listbox-new-price-label {
        margin-top: 16px;
    }
    .orders-tablet-tbody {
        font-size: 14px;
    }
    .m01-tablet-bottom-info-name-div {
        position: absolute;
        top: 5px;
        left: 5px;
        padding: 1px;
        width: 84%;
        color: #ff4350;
        font-size: 1em;
        line-height: 1;
    }
    #orders-tablet-title-a {
        width: 75%;
        line-height: initial;
    }
    #orders-tablet-listbox-view-ul .orders-tablet-libstbox-only-tablet {
        display: none;
    }
    .m01-orders-tablet-listbox-view-format2_conversion-span{
        float: inherit !important;
        margin-right: 0px !important;
    }  

    .m01-07076_01-list-item {
        float: left;
        position: relative;
        width: 100%;
        height: 126px;
        border-style: ridge;
        border-width: thin;
        box-shadow: 2px 2px 2px rgb(13 9 9 / 19%);
        margin: 0.3%;
        border-radius: 2%;
        border: 1px solid #c0c0c0a3;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: nowrap;
    }
    .m01-07076-div-with-img {
        text-align: left;
        line-height: 0%;
        position: relative;
    }
    .m01-07076_01-img {
        max-height: 105px;
    }
    .m01-07076-bottom-info-div {
        width: 100%;
        background-color: white;
    }
    .m01-07076-info-left-top2 {
        background-color: white;
    }
    .m01-07076-info-right-top {
        right: 0;
        background-color: white;
    }
    .window_image_07076 {
        max-width: 90%;
        max-height: 200px;
    }
    #depot-items-info-window-image {
        max-width: 75%;
        max-height: 150px;
    }
    .m01-label {
        padding-bottom: 2em !important;
        padding-top: .5em !important;
    }
    .m01-input-units {
        width: 60px;
        text-align: right;
        font-size: 24px;
        margin-top: 15px;
        margin-left: 5px;
    }
    .m01-input {
        width: 130px;
        text-align: right;
        font-size: 24px;
        vertical-align: middle;
        height: 42px;
        margin-left: 5px;
    }
    .m01-button-depots {
        font-size: 15px;
    }
    .m01-button-select-lot {
        width: 99%;
        font-size: 18px;
        color: white !important;
        background-color: #f3b644 !important;
        border-color: #f3b644 !important;
    }
    .m01-button-lot {
        width: 99%;
        font-size: 18px;
        color: white !important;
        background-color: #abd1a2 !important;
        border-color: #abd1a2 !important;
    }
    .m01-button-add-lot,
    .m01-button-remove-lot {
        font-size: 18px;
        padding-right: 0 !important;
    }
    .depot-items-linia1 {
        display: block;
        width: 75%;
    }
    #orders-07076-listbox-pager span.k-icon.k-i-arrow-e {
        opacity: 1;
    }
    #orders-07076-listbox-pager span.k-icon.k-i-arrow-w {
        opacity: 1;
    }
    #orders-07076-listbox-pager .k-link.k-pager-nav {
        border-color: #b3b3b4;
    }
    #depot-items-info-window-revise-stock-notes-input {
        width: 300px;
        height: 80px;
        font-size: 18px;
    }
    #orders-07076-listbox-view-title-span {
        font-size: 14px;
    }
    .m01-07076-nav-button,
    .m01-tablet-nav-button {
        padding: 0 0.6em !important;
    }
 
    .depot-items-info-window-div {
        text-align: center;
        font-size: 16px;
        text-transform: uppercase;
    }
    #order-07076-listbox-new-price-label {
        margin-top: 16px;
    }

    #orders-07076-listbox-view-ul .m01-07076-overlay-bottom-div{
        height: 100%;
        justify-content: space-between;
    }
}