/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 02.11.2020, 17:02:18
    Author     : toge3
*/

body {
        font-family: 'Titillium Web' !important;
    font-weight: 400 !important;
}

*:not(input):not(textarea):not(select) {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

/* titillium-web-200 - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 200;
  src: url('fonts/titillium-web-v8-latin-200.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web ExtraLight'), local('TitilliumWeb-ExtraLight'),
       url('fonts/titillium-web-v8-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/titillium-web-v8-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/titillium-web-v8-latin-200.woff') format('woff'), /* Modern Browsers */
       url('fonts/titillium-web-v8-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/titillium-web-v8-latin-200.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}

/* titillium-web-300 - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/titillium-web-v8-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web Light'), local('TitilliumWeb-Light'),
       url('fonts/titillium-web-v8-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/titillium-web-v8-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/titillium-web-v8-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/titillium-web-v8-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/titillium-web-v8-latin-300.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}

/* titillium-web-regular - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/titillium-web-v8-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web Regular'), local('TitilliumWeb-Regular'),
       url('fonts/titillium-web-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/titillium-web-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/titillium-web-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/titillium-web-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/titillium-web-v8-latin-regular.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}

/* titillium-web-600 - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/titillium-web-v8-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web SemiBold'), local('TitilliumWeb-SemiBold'),
       url('fonts/titillium-web-v8-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/titillium-web-v8-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/titillium-web-v8-latin-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/titillium-web-v8-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/titillium-web-v8-latin-600.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}

#menu .page .page__background {
    background-color:#fff !important;
}
#menu .list-item, .ons-page, .itemSearchResult, .itemDetail, .itemCurrent {
    font-family: 'Titillium Web' !important;
    font-weight: 400 !important;
}

.itemCurrent, .itemCurrent .list, .itemCurrent .list-item {
    background-color:#012831;
    border:0px!important;
    border-width:0px!important;
}

.itemCurrent .itemSearchResult {
    color:#fff !important;
}

.itemCurrent .ons-icon {
    color:#fff !important;
    font-size:20px;
    margin:auto;
}

#menu .list-item__center {
    padding:15px;
}

.lv-menu-icon {
    margin-right:5px;
    width: 30px;
}

.page-header .center {
    text-align:center;
}

.scan-input {
    width:80%;
    background-color:#fff;
    padding:15px;  
}
.itemSearchResult {
    cursor: pointer;
}
.itemSearchResultCustomer,.itemSearchResultSku {
    font-size:12px;
}

.orderAdress,.itemSearchResultSku {
    font-size:14px;
}

.itemSearchResultName {
    font-size:16px;
    font-weight:600;
}

.loadingIndicator {
    margin:auto;
    width:50px;
    padding:25px;
    font-size:32px;
    opacity:0.3;
}
.barContainer, .barContainer .center {
    padding:0px;
    margin:0px;
    min-height: 5px;
    margin-bottom:5px;
}
.horizontal-bar-chart {
  width:100%;
  height:5px;
  overflow: hidden;
  display: grid;
}

.bar-part-1 {
  background: #48bb78;
}

.bar-part-2 {
  background: #007069;
}

.bar-part-3 {
  background: #ddd;
}
.controlElements {
    background-color:#efefef;
    margin-bottom:5px;
}

.button {
    margin-bottom:5px;
    margin-top:5px;
    background-color:#48bb78;
    margin-right:5px;
}

.delete {
    background-color:#b92c28 !important;
}

.controlElements .button {
    margin-bottom:5px;
    margin-top:5px;
    background-color:#48bb78;
    margin-right:5px;
}
.controlElements .ons-input {
    width:100%;
}
.controlElements .text-input {
    height:50px;
    line-height: 50px;
    background-color:#fff;
    padding:10px;
    width:100%;
}
.inputForm {
    font-family: 'Titillium Web' !important;
    font-weight: 400 !important;
}
.inputForm .text-input {
    background-color:#efefef;
    height:50px;
    line-height: 50px;
    padding:10px;
    width:100%;
}
.addButton {
    font-family: 'Titillium Web' !important;
    font-weight: 400 !important;
    background-color:#012831;
    font-size: 14px;
}

.backbutton {
    margin-right:15px;
    font-family: 'Titillium Web' !important;
    font-weight: 400 !important;
    background-color:#012831;
    font-size: 14px;
    padding: 0px 10px 0px 10px;
    height:30px;
}

.backbutton .ons-icon {
    font-size:14px;
    height:auto;
}
#infoToast, #successToast, #warnToast {
    z-index: 1000000 !important;
}
.toast {
    height: 400px;
    max-width: 500px;
    margin:auto;
    top:10px;
    opacity:0.9;
}
.toastContent {
    margin: auto;
    height: 200px;
    margin-top:25%;
}
.toastIcon {
    font-size:48px;
}
.toastMessage {
    font-size:28px; 
}
.toast__message {
    text-align:center;
    margin:0px!important;
}

.toast .ons-icon {
    margin-right:15px;
}

#warnToast .toast {
    background-color:#FF9233;
}

#successToast .toast {
    background-color:#007069;
}

.ct-series-a .ct-line {
  /* Set the colour of this series line */
  stroke: #012831;
}

.ct-series-a .ct-area {
  /* Set the colour of this series line */
  fill: #012831;
}

.modalContent {
    max-width:600px;
    margin:auto;
    overflow:auto !important;
    overflow-y: auto !important;
    height:700px;
}

.modalContent .list {
    font-family: 'Titillium Web' !important;
    font-weight: 400 !important;
}

.closeModal {
    font-size: 18px;
    cursor:pointer;
}

#orderPickQuantityModalQuantity .text-input {
    font-size:36px;
    text-align:center;
}

.list-view-header {
    font-weight: 600;
}

@media (max-width: 1000px) {
    #toolbarListButton {
        display: none !important;
    }
}