@import url(https://dbecdn.blob.core.windows.net/css/materialdesignicons/6.5.95/css/materialdesignicons.min.css);
@import url(https://dbecdn.blob.core.windows.net/css/fonts/roboto/roboto.css);
@import url(https://dbecdn.blob.core.windows.net/css/materialdesignicons/6.5.95/css/materialdesignicons.min.css);
@import url(https://dbecdn.blob.core.windows.net/css/fonts/roboto/roboto.css);
@import url(https://dbecdn.blob.core.windows.net/css/materialdesignicons/6.5.95/css/materialdesignicons.min.css);
db-chiclet .db-chiclet{border:1px solid #6497af;border-radius:5px;font-size:1.2rem;text-align:center;color:#7f7f7f;padding:4px 8px;margin:2px;display:inline-block;width:max-content}db-chiclet .db-chiclet .clear-icon{display:inline-block}db-chiclet .db-chiclet .clear-icon:hover::before{color:#6497af}db-chiclet .db-chiclet .clear-icon::before{transition:all .3s ease-in-out 0s;content:"󰅙";font-family:"Material Design Icons",sans-serif;color:#2d2926;font-size:1.6rem;z-index:2;cursor:pointer}
.blocker {
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  width: 100%; height: 100%;
  overflow: auto;
  z-index: 1;
  padding: 20px;
  box-sizing: border-box;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.75);
  text-align: center;
}
.blocker:before{
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.05em;
}
.blocker.behind {
  background-color: transparent;
}
.modal {
  display: none;
  vertical-align: middle;
  position: relative;
  z-index: 2;
  max-width: 500px;
  box-sizing: border-box;
  width: 90%;
  background: #fff;
  padding: 15px 30px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 10px #000;
  -moz-box-shadow: 0 0 10px #000;
  -o-box-shadow: 0 0 10px #000;
  -ms-box-shadow: 0 0 10px #000;
  box-shadow: 0 0 10px #000;
  text-align: left;
}

.modal a.close-modal {
  position: absolute;
  top: -12.5px;
  right: -12.5px;
  display: block;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==);

}

.modal-spinner {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  padding: 12px 16px;
  border-radius: 5px;
  background-color: #111;
  height: 20px;
}

.modal-spinner > div {
  border-radius: 100px;
  background-color: #fff;
  height: 20px;
  width: 2px;
  margin: 0 1px;
  display: inline-block;

  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.modal-spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.modal-spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.modal-spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.5) }
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.5);
    -webkit-transform: scaleY(0.5);
  }  20% {
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}

.modal .modal-dialog .modal-content .modal-header button.close span::after,.modal .modal-dialog .modal-content .modal-header a.close span::after{font-family:"Material Design Icons",sans-serif;display:inline-block;transition:all .3s ease-in-out 0s}.modal{padding:0;max-width:none;width:auto;vertical-align:top}.modal.small .modal-dialog{width:800px}.modal.medium .modal-dialog{width:900px}.modal.large .modal-dialog{width:1000px}.modal .modal-dialog .filters .searchbox-wrapper{top:0;width:auto;display:inline-block}.modal .modal-dialog .filters .searchbox-wrapper::after{transition:all .3s ease-in-out 0s;font-size:2rem;font-family:"Material Design Icons",sans-serif;color:#6497af;content:"󰍉";position:absolute;top:3px;right:5px}.modal .modal-dialog .filters .searchbox-wrapper input{position:relative;border:2px solid #6497af;transition:all .3s ease-in-out 0s;border-radius:3px;height:26px;font-size:1.2rem;color:#2d2926;padding:0 20px 0 5px;box-sizing:border-box}.modal .modal-dialog .filters .searchbox-wrapper input:focus{border-color:#2d2926}.modal .modal-dialog .filters .searchbox-wrapper.focused::after{color:#2d2926}.modal .modal-dialog .modal-content{border-radius:4px;border:1px solid #e9ebea;padding:0 15px 0 15px}.modal .modal-dialog .modal-content .modal-header{padding:7px 0 11px 0}.modal .modal-dialog .modal-content .modal-header .modal-title{font-family:Roboto,sans-serif;margin:0;font-weight:400;font-size:1.8rem;color:#6497af;position:relative;display:inline-block}.modal .modal-dialog .modal-content .modal-header button.close,.modal .modal-dialog .modal-content .modal-header a.close{margin-top:0;float:right;font-size:21px;font-weight:700;line-height:1;color:#6497af;text-shadow:none;opacity:1;outline:0}.modal .modal-dialog .modal-content .modal-header button.close span::after,.modal .modal-dialog .modal-content .modal-header a.close span::after{position:relative;border:2px solid;content:"󰅖";padding:.5px 2px;font-size:2.1rem;border-radius:3px}.modal .modal-dialog .modal-content .modal-header button.close span:hover::after,.modal .modal-dialog .modal-content .modal-header a.close span:hover::after{color:#2d2926 !important;border-color:#2d2926 !important}.modal .modal-dialog .modal-content .modal-header button.close:focus,.modal .modal-dialog .modal-content .modal-header a.close:focus{outline:0}.modal .modal-dialog .modal-content .modal-header .filters{position:absolute;top:8px;right:50px}.modal .modal-dialog .modal-content .modal-body{padding:15px 0}.modal .modal-dialog .item-modal-content{display:inline-block}.jquery-modal.blocker{z-index:1001}
db-admin-nav nav{font-family:"Roboto",sans-serif;position:fixed;width:236px;background-color:#2d2926;min-height:100vh;top:0;left:0;z-index:1000;text-align:center}db-admin-nav nav.unstick{position:absolute}db-admin-nav nav .distributor-logo img{width:100%;max-width:140px;height:auto;margin-top:20px;margin-bottom:30px}db-admin-nav nav p{color:#fff}db-admin-nav nav .buttons-wrapper{position:absolute;bottom:33px;text-align:center;width:100%}db-admin-nav nav .buttons-wrapper .button-wrapper:first-child{margin-bottom:10px}db-admin-nav nav .buttons-wrapper .button-wrapper .nav-btn{display:inline-block;font-size:12px;background-color:#2d2927;color:#bbb5b5;font-weight:700;padding:4px 11px !important;border:1px solid #454545 !important}db-admin-nav nav .buttons-wrapper .button-wrapper .nav-btn:hover{background-color:#000;color:#bbb5b5}db-admin-nav nav ul{padding:0;margin:0;text-align:left}db-admin-nav nav ul li{list-style:none}db-admin-nav nav ul li a{box-sizing:border-box;font-weight:500;position:relative;padding:11px 12px 0 37px;font-size:12px;display:inline-block;color:#bbb5b5;width:100%}db-admin-nav nav ul li a:focus{color:#bbb5b5}db-admin-nav nav ul li a:hover,db-admin-nav nav ul li a:active{text-decoration:none;color:#fff}db-admin-nav nav ul li a span{padding-bottom:9px;display:inline-block;width:100%;border-bottom:1px solid #454545}db-admin-nav nav ul li a i:not(.colorbug){position:absolute;top:9px;left:11px;font-size:1.6rem}db-admin-nav nav ul li.has-children{transition:all .25s ease-in-out}db-admin-nav nav ul li.has-children a span{position:relative}db-admin-nav nav ul li.has-children a span::after{font-family:"Material Design Icons",sans-serif;content:"󰍟";font-size:2.3rem;right:0;top:-4px;position:absolute}db-admin-nav nav ul li.has-children ul.sub li:last-child a{padding-bottom:12px}db-admin-nav nav ul li.has-children.open{background-color:#000}db-admin-nav nav ul li.has-children.open:hover>a{color:#bbb5b5}db-admin-nav nav ul li.has-children.open:hover>a:hover,db-admin-nav nav ul li.has-children.open:hover>a:active{color:#fff}db-admin-nav nav ul li.has-children.open a span::after{content:"󰍝"}db-admin-nav nav ul li.has-children.selected:hover>a:hover,db-admin-nav nav ul li.has-children.selected:hover>a:active{color:#fff}db-admin-nav nav ul li ul.sub{display:none;overflow:hidden;transition:all .25s ease-in-out}db-admin-nav nav ul li ul.sub li a{font-weight:400;padding:9px 12px 0 37px}db-admin-nav nav ul li ul.sub li.selected a{color:#fff}db-admin-nav .fa-shopping-cart{font-size:1.9rem !important;top:9px !important;left:7px !important}db-admin-nav .md-nav{font-size:1.9rem !important;top:7px !important}db-admin-nav .md-nav.md-nav-shopping-cart::after{content:"";font-family:"Material Design Icons",sans-serif}