body {
  font-family: source-sans-pro, sans-serif;
  /* font-family: -apple-system,system-ui,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; */
  font-weight: 400;
  font-style: normal;
  background: #cfcfd3 !important;
}

main#main { margin-bottom: 45px; }

input:focus,
select:focus,
textarea:focus,
button:focus, :focus {
    outline: none;
}
.no-border-bottom { border-bottom: 0 !important; }
.no-border-right { border-right: 0 !important; }
.no-border-left { border-left: 0 !important; }
.no-border-top { border-top: 0 !important; }
.no-border-radius { border-radius: 0 !important; }

.no-padding { padding: 0 !important; }
.no-padding-left { padding-left: 0 !important; }
.no-padding-right { padding-right: 0 !important; }
.no-padding-top { padding-top: 0 !important; }
.no-padding-bottom { padding-bottom: 0 !important; }
.float-left { float: left; }
.float-right { float: right; }
.inline-block { display: inline-block !important; }
.border-1px { border: 1px solid #cfcfd3 !important; }
.border-1px-left { border-left: 1px solid #cfcfd3 !important; }
.border-1px-right { border-right: 1px solid #cfcfd3 !important; }
.border-1px-top { border-top: 1px solid #cfcfd3 !important; }
.border-1px-bottom { border-bottom: 1px solid #cfcfd3 !important; }

.red {
  background-color: #ffa7a7 !important;
  /* border-left: 1px solid #ff6d6d !important;
  border-top: 1px solid #ff6d6d !important; */
  box-shadow: 0 0 0 1px #ff6d6d;
  margin: 0 0 1px 1px;
  border: 0 !important;
  /* border: 1px solid #ff6d6d !important; */
}

.green-9:nth-child(9) , .green-10:nth-child(10) {
  background-color: #a9d08e !important;
  /* border-left: 1px solid #548235 !important;
  border-top: 1px solid #548235 !important; */
  box-shadow: 0 0 0 1px #548235;
  margin: 0 0 1px 1px;
  border: 0 !important;
  /* border: 1px solid #548235 !important; */
}

.content {
  width: 100%;
  background: #fff;
  border-radius: 15px;
}

.externalcnt {
  width: 800px;
  padding: 35px;
  margin: 0 auto;
  background: #fff;
  border-radius: 15px;
  margin-bottom: 20px;
}

.externalcnt table {
}

.externalcnt table th {
	border-bottom: 2px solid #457978;
  font-size: 13px;
}

.externalcnt table td {
	font-size: 14px;
	padding: 10px 25px;
	border-bottom: 1px solid lightgrey;
}

.externalcnt table .align-center,
.content table .align-center,
.erpmodal .align-center,
.align-center
{
	text-align: center !important;
}

.externalcnt table .align-right ,
.content table .align-right ,
.erpmodal .align-right ,
.align-right
{
	text-align: right !important;
}

.navigation {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 300px;
  z-index: 1;
  background: #222;
}

.navigation .logoBlock {
  height: 150px;
  position: relative;
  border-bottom: 1px solid #313131;
}

.navigation .sessionInfo {
  position: relative;
  background: #1b1b1b;
  margin-bottom: 20px;
  color: #aaa;
  padding: 15px;
  border-bottom: 1px solid #313131;
  max-height: 55px;
  overflow: hidden;

  -webkit-box-shadow:inset -14px 0 0px -8px #cfcfd3;
	-moz-box-shadow:inset -14px 0 0px -8px #cfcfd3;
	 box-shadow:inset -14px 0 0px -8px #cfcfd3;
}

.navigation .sessionInfo span {
  display: inline-block;
  font-size: 12px;
}

.navigation li {
  display: block;
  border-bottom: 1px solid #313131;
  padding: 10px 0px;
}

.navigation li > a::before{
  content: '';
  margin-right: 5px;
}

.navigation li > a::before , .navigation li > strong::before {
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  background: #313131;
  min-width: 30px;
  text-align: center;
  padding: 5px;
  margin-right: 15px;
  border-radius: 3px;
}

.navigation li a#nav_home::before , .navigation li strong#cur_home::before { content: '\f015'; }
.navigation li a#nav_produkte::before , .navigation li strong#cur_produkte::before{ content: '\f5e4'; }
.navigation li a#nav_pre-orders::before , .navigation li strong#cur_pre-orders::before{ content: '\f5e4'; }
.navigation li a#nav_boxen::before , .navigation li strong#cur_boxen::before{ content: '\f49e'; }
.navigation li a#nav_bestellungen::before , .navigation li strong#cur_bestellungen::before{ content: '\f07a'; }
.navigation li a#nav_kunden::before , .navigation li strong#cur_kunden::before{ content: '\f500'; }
.navigation li a#nav_lieferungen::before , .navigation li strong#cur_lieferungen::before{ content: '\f0d1'; }
.navigation li a#nav_lieferanten::before , .navigation li strong#cur_lieferanten::before{ content: '\f494'; }
.navigation li a#nav_rechnungen::before , .navigation li strong#cur_rechnungen::before{ content: '\f658'; }

.navigation a.nav_abmelden {
}

.navigation a.nav_abmelden::before {
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  color: #aaa;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  background: #313131;
  min-width: 30px;
  text-align: center;
  padding: 5px;
  margin-left: 15px;
  border-radius: 3px;
  font-size: 14px;
  content: '\f011';
}

.navigation a.nav_abmelden:hover::before{ background: #d2d2d2; color: #000000ad }

.nav-content {
  /* width: 100%;
  padding: 15px; */
}

.nav-content ul {
  margin: 0px 15px;
  padding: 0px;
  font-family: source-sans-pro, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 15px;
}

.nav-content ul strong {
  color: white;
}

.nav-bottom {
  width: 100%;
  height: 50px;
  position: absolute;
  bottom: 25px;
  background: #1b1b1b;
  border-top: 1px solid #313131;
  border-bottom: 1px solid #313131;
  display: block;
  -webkit-box-shadow: inset -14px 0 0px -8px #cfcfd3;
  -moz-box-shadow: inset -14px 0 0px -8px #cfcfd3;
  box-shadow: inset -14px 0 0px -8px #cfcfd3;
  display: flex;
}

.nav-bottom a::before {
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  color: #aaa;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  background: #313131;
  min-width: 30px;
  text-align: center;
  padding: 5px;
  margin-right: 15px;
  border-radius: 3px;
  font-size: 14px;
}
.nav-bottom a:first-of-type::before {
  content: '\f013';
}

.nav-bottom a:last-of-type::before {
  content: '\f0c9';
}

.nav-bottom a {
  width: calc(55% - 7px);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #aaa;
  font-size: 12px;
  text-decoration: none;
}

.nav-bottom a:last-of-type {
  width: 45%;
  border-left: 1px solid #313131;
}

.nav-bottom a:hover {
  background: #121212;
  color: #aaa;
 }

 .nav-bottom a:last-of-type:hover {
 }

.pageHeader {
  height: 150px;
  max-height: 150px;
  min-height: 150px;
  overflow: hidden;
}
.ph-row { max-width: 1800px; }

#main .inside {
  padding: 0px 45px;
}

#main .inside .content {
  margin-top: 55px;
  margin-bottom: 45px;
}

/* #container {
  padding-top: 100px;
  padding-bottom: 100px;
  font-size: 12px;
} */

.logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

table { font-size: 14px; }
table.dataTable { font-size: 14px; }
.content table.dataTable tr.even { background-color: #eeeeee;}
table.dataTable tbody td { padding: 4px 10px; white-space: nowrap; }
table.dataTable { background: #eee; border: 1px solid #ccc; margin: 0;}
table.dataTable thead tr th, table.dataTable tfoot tr th { border-right: 1px solid #ccc; }
table.dataTable thead tr th:last-child, table.dataTable tfoot tr th { border-right: none; }
.dataTables_wrapper .dt-buttons { padding: 10px; }
.dataTables_wrapper .dt-buttons button { margin: 0; padding: 8px 12px; border-radius: 3px; }
/* .dataTables_wrapper .dataTables_filter { padding: 10px; border: 1px solid #ccc; border-radius: 5px 5px 0px 0px; margin-right: 1px; float: none; border-bottom: 0;} */
/* .dataTables_wrapper .dataTables_filter input { margin: 0; padding: 9px 12px; border-radius: 3px; border: 1px solid #ccc; margin-left: 10px; margin-top: -1px; } */

.mod_navigation .nav-content ul li::after{
  content: ' ';
  width: 20px;
  height: 20px;
  background: linear-gradient(to top left, #fff calc(50% - 1px), #aaa, #fff calc(50% + 1px) );
  margin-left: 24px;
}

.mod_navigation .nav-content a {
  color: #aaa;
  font-weight: 600;
  text-decoration: none;
}

.mod_navigation .nav-content a:hover {
  color: #eee;
}

.mod_navigation .nav-content .active {
  background: #292929;
  font-weight: 600;
  margin-left: -15px;
  padding-left: 15px;
}

.mod_navigation .nav-content strong.active::before {
  background: #d2d2d2;
  color: #000000ad;
  min-width: 39px;
  margin-left: -15px;
  border-radius: 0px 3px 3px 0px;
  text-align: right;
  padding-right: 11px;
}



.mod_navigation .nav-content .nav_abmelden { padding: 15px; background: #444; border-radius: 5px; float: right; }
.mod_navigation .nav-content .nav_abmelden:hover { background: #457978; color: #fff; }

.login input {
  padding: 8px 14px;
  border-radius: 5px;
  border: 1px solid #ccc;
  width: 60%;
  margin-bottom: 10px;
}

.login button[type="submit"] {
  width: 68%;
  padding: 8px 14px;
  border-radius: 5px;
  border: 1px solid #457978;
  font-size: 12px;
  background: #457978;
  color: white;
  cursor: pointer;
}

table#warenbestand tbody tr td:nth-child(2) { text-align: center; }
table#warenbestand tbody tr td:nth-child(4) { text-align: center; }
table#warenbestand tbody tr td:nth-child(6) { text-align: center; }
table#warenbestand tbody tr td:nth-child(9) { text-align: center; }
table#warenbestand tbody tr td:nth-child(10) { text-align: center; }


table.popmod { width: 100%; }
table.popmod th, table.popmod td { border: 1px solid #dddddd; text-align: left; padding: 8px; }
table.popmod span { color: grey; }
.modal select { margin: 2px; width: 100%; padding: 5px; }
.modal button { margin: 2px; width: 100%; padding: 5px; }
/* .modal label { display: block; width: 100%; padding: 5px; color: grey; font-size: 12px; } */
/* .modal input { display: block; width: 100%; padding: 5px 0px; margin-bottom: 5px; } */

.contentgrid .inner-grid {
  height: 158px;
  min-height: 158px;
  max-height: 158px;
  margin: 14px;
  display: inline-block;
  flex-grow: 1;
  width: calc(100% * (1/4) - 23px - 1px);
  max-width: calc(100% * (1/4) - 23px - 1px);
  background: white;
  border-radius: 10px;
}

.contentgrid .inner-grid:nth-child(4n+4) {
 margin-right: 0;
}

.contentgrid .inner-grid:nth-child(4n+1) {
 margin-left: 0;
}


.contentgrid .inner-grid .item span.boxName {
  font-size: 15px;
  font-weight: 700;
}

.contentgrid .inner-grid .item i.inactive {
  color: #cacaca;
}

.contentgrid .inner-grid .item i.active {
  background: #8bee4c;
  color: white;
}

.contentgrid .inner-grid .item i.requested {
  background: #ee974c;
  color: white;
}

.contentgrid .inner-grid .item i.shipped {
  color: #7d7d7d;
}

.contentgrid .inner-grid .item .boxTitle {
  background: #eaeaea;
  display: block;
  border-radius: 10px 10px 0px 0px;
}

.contentgrid .inner-grid .item .boxStatus {
  display: inline-block;
  background: #fff;
  border-radius: 5px;
  font-size: 14px;
  border: 1px solid lightgrey;
}

.contentgrid .inner-grid .item .boxStatus i {
  padding: 5px 8px;
  border-right: 1px solid lightgrey;
  margin-left: -3px;
}

.contentgrid .inner-grid .item .boxStatus i:nth-last-child(1) {
  border-right: none;
  padding-right: 10px;
  border-radius: 0 5px 5px 0;
}

.contentgrid .inner-grid .item .boxStatus i:first-child {
  padding-left: 10px;
  border-radius: 5px 0 0 5px;
}

.contentgrid .inner-grid .item .boxName {
  display: inline-block;
  line-height: 60px;
  padding-left: 15px;
  width: 200px;
}

.contentgrid .inner-grid .item .boxActions {
  font-size: 13px;
}

.contentgrid .inner-grid .item .boxActions span {
  color: darkgrey;
}

.contentgrid .inner-grid .item .boxActions a {
  color: #2d2d2d;
}

.contentgrid .inner-grid .item .boxActions span , .contentgrid .inner-grid .item .boxActions a  {
  display: inline-block;
  width: 50%;
  float: left;
  text-align: center;
  padding: 7px 0px;
  border-bottom: 1px solid lightgrey;
  text-decoration: none;
}

.contentgrid .inner-grid .item .boxActions a:hover  {
  font-weight: 600;
  background: whitesmoke;
}

.contentgrid .inner-grid .item .boxActions span:first-child ,
.contentgrid .inner-grid .item .boxActions a:nth-last-child(2) ,
.contentgrid .inner-grid .item .boxActions a:nth-last-child(4) {
  -webkit-box-shadow: inset -2px 0 0px -1px #cfcfd3;
  -moz-box-shadow: inset -2px 0 0px -1px #cfcfd3;
   box-shadow: inset -2px 0 0px -1px #cfcfd3;
}

.contentgrid .inner-grid .item .boxActions a:first-child {
  -webkit-box-shadow: inset -2px 0 0px -1px #cfcfd3;
  -moz-box-shadow: inset -2px 0 0px -1px #cfcfd3;
   box-shadow: inset -2px 0 0px -1px #cfcfd3;
}

.contentgrid .inner-grid .item .boxActions a:nth-last-child(1) , .contentgrid .inner-grid .item .boxActions a:nth-last-child(2) {
  border-bottom: none;
}

.contentgrid {
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
}

div.showModelsInBox {
  max-width: 700px;
}

body.external {
  /* background: #111 !important; */
  background: url(../files/erp/img/bg_shattered.png) !important;
  height:100vh;
  width:100vw;
  margin:0;
}

body.external .logoext {
  text-align: center;
  padding-top: 100px;
  padding-bottom: 50px;
}

body.external table tr { background: #f1f1f1; }
body.external table.dataTable.no-footer { border-bottom: 0; }
body.external table.dataTable thead th, body.external table.dataTable thead td { border-bottom: 1px solid #ccc; }
body.external .cnt-main-head { clear: both; border: 1px solid #ccc; border-bottom: 0; }
body.external span.shortcode { box-sizing: border-box; }
body.external .box-list-summary { background: #eaeaea; border: 1px solid #ccc; border-top: 0; width: auto; font-weight: 600; font-size: 12px; padding: 10px; border-radius: 0px 0px 3px 3px; }
body.external .dataTables_wrapper .dataTables_info { background: whitesmoke; border-top: 1px solid #cbcbcb; font-weight: 600; font-size: 12px; padding: 10px 18px; display: flex; flex-basis: max-content; float: unset; }

body.external .dataTables_wrapper {
  border: 1px solid #ccc;
  border-top: 0;
}
body.external table.dataTable {
  border-collapse: collapse;
  border-spacing: 0;
  background: #cfcfd3;
  border: none;
  font-size: 13px;
}
body.external thead tr {
  background: whitesmoke;
  border-top: 1px solid #cbcbcb;
  border-bottom: 1px solid #cbcbcb;
}


body.external thead,
body.external tbody,
body.external tfoot,
body.external tr,
body.external td,
body.external th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}

.externalcnt p.errorNoti {
  background: lightpink;
  text-align: center;
  padding: 10px;
  border-radius: 5px;
  color: #ce3249;
  border: 1px solid rgb(206 50 73 / 25%);
}

div#table_id_left_wrapper , div#table_id_right_wrapper {
  margin: 25px;
}

.contentHeadAdd {
  padding: 5px 15px;
  text-decoration: none;
  border-radius: 3px;
  font-size: 12px;
  font-weight: 500;
  position: absolute;
  right: 15px;
  z-index: 1;
  top: 20px;
  background: whitesmoke;
  border: 1px solid lightgrey;
  color: #858585;
}

.contentHeadAdd i { margin-right: 10px; }

.contentHeadAdd:hover {
  background: #d8e3e2;
  color: #457978;
  border: 1px solid #a0bbba;
}


.privacyRequest input#privacyCheck ,
.privacyRequest label {
  display: unset;
  width: auto;
  font-size: inherit;
  color: inherit;
}

.privacyRequest { font-size: 14px; padding: 15px 30px; background: white; border-radius: 8px 8px 0px 0px; }
.privacyRequest hr { margin-top: 30px; margin-bottom: 30px; }

.privacyInfoNotice {
  font-size: 14px;
  background: #f3f3f3;
  padding: 4px 20px;
  border-radius: 0px 0px 8px 8px;
  padding: 15px 30px;
}

#acceptPrivacyForm button { cursor: pointer; padding: 10px; margin: 0;}

footer#footer {
  bottom: 0;
  text-align: center;
  left: 0;
  right: 0;
  font-size: 12px;
}
footer#footer ul { list-style-type: none; margin: 0; padding: 0; }
footer#footer ul li { display: inline; margin-left: 5px; margin-right: 5px; padding-right: 12px; border-right: 1px solid #4a4a4a; }
footer#footer ul li:last-of-type {padding-right: 0; border-right: none; }
footer#footer ul li:first-of-type {margin-left: 0; }
footer#footer ul li a { color: white; text-decoration: none; }
footer#footer ul li a:hover { text-decoration: underline; }

.externalcnt table.dataTable .fa-check-circle { color: limegreen; }
.externalcnt table.dataTable .fa-times-circle { color: #d43838; }
.externalcnt table.dataTable.display tbody tr.rowPaid>.sorting_1
{ background-color: #32cd3233; background: #32cd3233; }

.externalcnt table.dataTable.display tbody tr td.fieldPaid
{ background-color: #32cd321a; background: #32cd321a; }

.externalcnt h1.kundenName { display: inline-block; margin-bottom: 5px; }
.externalcnt div.boxSummary {
  display: inline-block;
  float: right;
  background: #f1f1f1;
  padding: 15px;
  border-radius: 5px;
  margin-bottom: 35px;
 }

.externalcnt div.boxSummary span.moreThanZero { color: limegreen; font-weight: 700; font-size: 25px; }
.externalcnt div.boxSummary span.noPaymentsDetected { color: #d43838; font-weight: 700; font-size: 25px; }
.externalcnt div.boxSummary span.ofTotal { color: dimgrey; }
.externalcnt div.boxSummary span.extraInfo { color: dimgrey; font-size: 13px; }
.externalcnt span.kundenInfo { display: block; color: dimgrey; font-size: 14px; }
.content div#kundenListe_wrapper { padding: 25px; }






.box-row , .head-row { --bs-gutter-y: .5rem !important; margin-top: 30px; max-width: 1800px; }
.box-row a { text-decoration: none; color: #212529; display: block; padding: 7px 0px; background: white; }
.box-row a:hover { text-decoration: none; color: #212529; font-weight: 600; background: whitesmoke; }
.row { --bs-gutter-x: .5rem !important; }
.row .bc-inner-col { border-bottom: 1px solid lightgrey; text-align: center; font-size: 13px; background: white; }

.row .bc-head { background: #eaeaea; border-radius: 3px 3px 0px 0px; font-weight: 500; padding: 15px; }
.bc-head .row { --bs-gutter-x: 0 !important; }
.row .bc-rcont .row { --bs-gutter-x: 0 !important; }

.bc-rcont .col-md-6 a {
  -webkit-box-shadow: inset -2px 0 0px -1px #cfcfd3;
  -moz-box-shadow: inset -2px 0 0px -1px #cfcfd3;
  box-shadow: inset -2px 0 0px -1px #cfcfd3;
}
.noborder-bottom { border-bottom: none !important; }
.noborder-right { border-right: none !important; }
.bc-rcont .col-md-6.noborder-bottom a { border-bottom: none; }
.bc-rcont .col-md-6.radius-bottom-r a { border-radius: 0px 0px 3px 0px; }
.bc-rcont .col-md-6.radius-bottom-l a { border-radius: 0px 0px 0px 3px; }
.bc-rcont .col-md-6.radius-bottom-r { border-radius: 0px 0px 3px 0px; }
.bc-rcont .col-md-6.radius-bottom-l { border-radius: 0px 0px 0px 3px; }

.bc-rcont .col-md-6.noborder-right a {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
   box-shadow: none;
 }

.bc-rcont .col-md-12.border-top { border-top: 1px solid #cbcbcb !important; }

.row .bc-head .userRecog { background: white; border: 1px solid lightgrey; border-radius: 3px; font-size: 12px; float: right; max-width: 156px; }
.row .bc-head .userRecog .fas { padding: 7px; font-size: 11px; background: whitesmoke; border-right: 1px solid lightgrey; border-left: 1px solid lightgrey; color: #858585; }
.row .bc-head .userRecog .ur-id .fas { border-left: 0; }
.row .bc-head .userRecog .ur-id , .row .bc-head .userRecog .ur-kcode { display: inline-block; }
.row .bc-head .userRecog span { text-align: center; display: inline-block; color: #9d9d9d; font-weight: normal; }
.row .bc-head .userRecog .ur-id  span { width: 34px; }
.row .bc-head .userRecog .ur-kcode  span { width: 51px; }

.bc-rcont .padding { padding: 7px 0px; }
.bc-rcont .fas { padding: 7px; font-size: 11px; background: whitesmoke; border-right: 1px solid lightgrey; border-left: 1px solid lightgrey; color: #858585; }

.bc-rcont .iconlegends { text-align: left; }
.bc-rcont .iconlegends span { display: inline-block; text-align: center; }

.bc-rcont .iconlegends span.car-side  { width: calc(100% - 36px); }
.bc-rcont .iconlegends span.box-open  { width: calc(100% - 38px); }
.bc-rcont .iconlegends span.euro-sign  { width: calc(100% - 30px); }
.bc-rcont .iconlegends span.chart-pie  { width: calc(100% - 34px); }
.bc-rcont .iconlegends .fa-chart-pie { margin-left: -1px; }

.bc-rcont .fa-car-side { border-left: 0; }
.bc-head .hl-lastupdated { display: block; font-size: 10px; font-weight: 400; color: #6e6e6e; }
.bc-head .hl-lastupdated a { padding: 0; background: transparent; }
.bc-head .hl-lastupdated a:hover { font-weight: normal;  }
.bc-head .hl-lastupdated .carrierTag {
  background: whitesmoke;
  padding: 2px 7px;
  text-transform: uppercase;
  border: 1px solid #cbcbcb;
  color: #919191;
}
.bc-head .hl-lastupdated .trackingTag {
  padding: 2px 7px;
  background: #ffffff;
  border: 1px solid #cbcbcb;
}


.head-row .head-data span.hl { font-size: 12px; text-transform: uppercase; font-weight: 400; display: inline-block;  color: dimgrey; background: #dddddd; padding: 0px 10px; border-radius: 3px; }
.head-row .head-data span.stat { display: block; font-size: 13px; }
.head-row .head-data { height: 150px; }
.head-row .v-center { display: flex; align-items: center; }
.head-row h2 { display: inline; }
.head-row .head-box-wrap { background: #fff; height: 122px; width: 100%; border-radius: 3px; border: 1px solid #cbcbcb; text-align: center; border-bottom: 4px solid #457978; font-size: 12px; }

.head-row .head-box-wrap-top
{
  background: whitesmoke;
  border-top: 1px solid #cbcbcb;
  border-bottom: 1px solid #cbcbcb;
  color: #212529;
  font-weight: 500;
  font-size: 12px;
  padding: 10px 18px;
  border-radius: 3px 3px 0px 0px;
}

.head-row .head-box-wrap .info-text {
  padding: 10px 18px;
  border-bottom: 1px solid #cfcfd3;
  border-right: 1px solid #cfcfd3;
}

.erp-bread li { display: inline-block; background: #c6c6cb; padding: 5px 10px; border-radius: 3px; color: #707070; }
.erp-bread ul a { text-decoration: none; color: #707070; }
.erp-bread ul a:hover { text-decoration: underline; color: #4a4a4a; }
.erp-bread ul { margin-bottom: 0; padding: 13px 0px; font-size: 12px; }
.erp-bread ul i:first-child { display: none; }
.erp-bread ul li:first-of-type { background: #c1c1c5;}
.erp-bread ul i.fas.fa-angle-right { padding: 0px 4px; color: #707070; }
.erp-bread { margin-bottom: 15px; }
.erp-bread .row { border-bottom: 1px solid #bbb; border-top: 1px solid #bbb; max-width: 1796px; }
.erp-bread li.last { font-weight: 500; }


.erp-bread li.first:before {
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  content: '\f015';
 }
.erp-bread ul li.first span { display: none; }
.box-detail-sidebar { }
.box-detail-sidebar-cnt { background: white; }
.box-detail-row { max-width: 1800px; }

.cnt-main-head , .cnt-side-head {
  background: #eaeaea;
  border-radius: 3px 3px 0px 0px;
  font-weight: 500;
  padding: 15px;
  position: relative;
}


.cnt-main-head .sub-hl , .cnt-side-head .sub-hl, .sub-hl { display: block; font-size: 10px; font-weight: 400; color: #6e6e6e; }
.erp-main-list .dataTables_wrapper .dataTables_filter { position: absolute; top: -49px; right: 0; padding-right: 15px; }
.erp-main-list .dataTables_wrapper .dataTables_filter input { background-color: white; border: 1px solid lightgrey; border-radius: 0px 3px 3px 0px; padding: 5px 12px; width: 250px; }
.erp-main-list .dataTables_wrapper .dataTables_filter label { font-size: 12px; }
.erp-main-list .dataTables_wrapper .dataTables_filter label:before {
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  content: '\f002';
  padding: 8px;
  position: absolute;
  left: -26px;
  font-size: 12px;
  background: whitesmoke;
  border: 1px solid lightgrey;
  border-right: 0;
  color: #858585;
  border-radius: 3px 0px 0px 3px;
}

.erp-main-list thead tr {
 background: whitesmoke;
 border-top: 1px solid #cbcbcb;
 border-bottom: 1px solid #cbcbcb;
}

.erp-main-list table.dataTable thead th {
  color: #212529;
  font-weight: 500;
  font-size: 12px;
}
.erp-main-list table.dataTable thead tr th { border-right: 1px solid lightgrey; }

.erp-main-list table.dataTable tbody tr { border-bottom: 1px solid #cfcfd3; }
.erp-main-list table.dataTable tbody td { border-right: 1px solid #cfcfd3; }
.erp-main-list table.dataTable tbody td.list-actions { border-right: 0; padding: 0px 4px; text-align: center; }

.erp-main-list table.dataTable {
  border-collapse: collapse;
  border-spacing: 0;
  background: #cfcfd3;
  border: none;
  font-size: 13px;
}

.erp-main-list table.dataTable.no-footer { border-bottom: 0; }
.erp-main-list table.dataTable thead th, .erp-main-list table.dataTable thead td { border: 0; }

.erp-main-list table.dataTable tbody tr td select {
  width: 100%;
  border-radius: 0;
  border: 1px solid lightgrey;
}
.erp-main-list .dataTables_wrapper .dataTables_info { background: whitesmoke; border-bottom: 1px solid #cbcbcb; width: 100%; font-weight: 500; font-size: 12px; padding: 10px 18px; }
.erp-main-list table.dataTable tfoot.box-list-summary { background: whitesmoke; border-bottom: 1px solid #cbcbcb; width: 100%; font-weight: 500; font-size: 12px; }
.erp-main-list table.dataTable tfoot.box-list-summary tr td { border-top: 0; border-right: 1px solid lightgrey; padding: 8px 10px; }
.erp-main-list table.dataTable tfoot.box-list-summary tr td.list-select { text-align: center; }
.erp-main-list table.dataTable tfoot.box-list-summary tr td.list-select .adj-center { display: flex; align-items: center; justify-content: center; }

.erp-main-list .box-list-summary { background: #eaeaea; border-bottom: 1px solid #cbcbcb; width: 100%; font-weight: 500; font-size: 12px; padding: 10px; border-radius: 0px 0px 3px 3px; }

.erp-main-list td.list-date { color: #959595; text-align: right; }
.erp-main-list td.list-price { text-align: right; }
.erp-main-list td.list-qty { text-align: center; }
.erp-main-list td.list-actions a i { width: 30%; text-align: center; padding: 3px 0px; }
.erp-main-list td.list-actions a { background: whitesmoke; border: 1px solid lightgrey; color: #858585; }

.erp-main-list td.list-actions a.a-return:hover { background: #d8e3e2; color: #457978; border: 1px solid #a0bbba; }
.erp-main-list td.list-actions a.a-forward:hover { background: #d8e3e2; color: #457978; border: 1px solid #a0bbba; }

.erp-main-list td.list-actions a.a-edit:hover { background: #fffac0; color: #cb8125; border: 1px solid #e5ba93; }
.erp-main-list td.list-actions a.a-remove:hover { background: #ffeaea; color: #df3763; border: 1px solid #fbb9be; }

.erp-main-list td.list-actions a.a-return-sold:hover { background: #fffac0; color: #cb8125; border: 1px solid #e5ba93; }
.erp-main-list td.list-actions a.a-remove-sold:hover { background: #ffeaea; color: #df3763; border: 1px solid #fbb9be; }
.erp-main-list td.list-actions a.a-confirm:hover { background: #d8e3e2; color: #457978; border: 1px solid #a0bbba; }


div.purchase-overview div.box-cont { border: 1px solid #ccc; border-radius: 3px; }
div.purchase-overview div.bc-rcont a i { width: auto; text-align: center; padding: 3px 0px; border-left: 0; border-right: 0; background: transparent; }
div.purchase-overview div.bc-rcont .col-md-6.noborder-bottom a { border-bottom: 1px solid lightgrey; }
div.purchase-overview div.bc-rcont a { background: whitesmoke; border: 1px solid lightgrey; color: #858585; margin: 5px; padding: 0; }
div.purchase-overview div.bc-rcont a.a-edit { margin-right: 2.5px; }
div.purchase-overview div.bc-rcont a.a-confirm { margin-left: 2.5px; }

div.purchase-overview .bc-rcont .col-md-6 a {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

div.purchase-overview div.bc-rcont a.a-return:hover { background: #d8e3e2; color: #457978; border: 1px solid #a0bbba; }
div.purchase-overview div.bc-rcont a.a-forward:hover { background: #d8e3e2; color: #457978; border: 1px solid #a0bbba; }

div.purchase-overview div.bc-rcont a.a-edit:hover { background: #fffac0; color: #cb8125; border: 1px solid #e5ba93; }
div.purchase-overview div.bc-rcont a.a-remove:hover { background: #ffeaea; color: #df3763; border: 1px solid #fbb9be; }

div.purchase-overview div.bc-rcont a.a-return-sold:hover { background: #fffac0; color: #cb8125; border: 1px solid #e5ba93; }
div.purchase-overview div.bc-rcont a.a-remove-sold:hover { background: #ffeaea; color: #df3763; border: 1px solid #fbb9be; }
div.purchase-overview div.bc-rcont a.a-confirm:hover { background: #d8e3e2; color: #457978; border: 1px solid #a0bbba; }

.erpmodal thead tr {
 background: whitesmoke;
 border-bottom: 1px solid #cbcbcb;
}

.erpmodal table.dataTable thead th {
  color: #212529;
  font-weight: 500;
  font-size: 12px;
}
.erpmodal table.dataTable thead tr th { border-right: 1px solid lightgrey; }

.erpmodal table.dataTable tbody tr { border-bottom: 1px solid #cfcfd3; font-weight: 400; }
.erpmodal table.dataTable tbody td { border-right: 1px solid #cfcfd3; }
.erpmodal table.dataTable tbody td.list-actions { border-right: 0; padding: 0px 4px; text-align: center; }

.erpmodal table.dataTable {
  border-collapse: collapse;
  border-spacing: 0;
  background: #cfcfd3;
  border: none;
  font-size: 13px;
}

.erpmodal table.dataTable.no-footer { border-bottom: 0; }
.erpmodal table.dataTable thead th, .erp-main-list table.dataTable thead td { border: 0; }

.erpmodal table.dataTable td.row-inPackage { text-align: center; }
.erpmodal table.dataTable td.row-paid { text-align: center; }
.erpmodal table.dataTable td.row-price { text-align: right; }
.erpmodal table.dataTable td.row-qty { text-align: center; }

.erpmodal .dataTables_wrapper .dataTables_info { background: whitesmoke; border-bottom: 1px solid #cbcbcb; width: 100%; font-weight: 500; font-size: 12px; padding: 10px 18px; }

.box-detail .list-submissions {
  background: #eaeaea;
  border-radius: 0px 0px 3px 3px;
  font-weight: 500;
  padding: 15px;
  text-align: right
}

.box-detail .list-submissions button {
  padding: 0;
  font-size: 13px;
  background: white;
  border: 1px solid lightgrey;
  padding-right: 15px;
  border-radius: 3px;
  color: #212529;
}

.box-detail .list-submissions button i {
  background: whitesmoke;
  padding: 9px;
  border-right: 1px solid lightgrey;
  margin-right: 15px;
  border-radius: 3px 0px 0px 3px;
  color: #858585;
}

.box-detail .list-submissions a.buttonstyle
{
  padding: 6px 0px;
  font-size: 13px;
  background: white;
  border: 1px solid lightgrey;
  padding-right: 15px;
  border-radius: 3px;
  color: #212529;
  text-decoration: none;
  font-weight: 400;
  padding-bottom: 8px;
}

.box-detail .list-submissions a.buttonstyle i
{
  background: whitesmoke;
  padding: 9px;
  border-right: 1px solid lightgrey;
  margin-right: 15px;
  border-radius: 3px 0px 0px 3px;
  color: #858585;
}

/* Brand Shortcodes (Labels) & Farbkonfigurationen */

span.shortcode, label.shortcode {
  padding: 2px 7px;
  border-radius: 3px;
  font-size: 10px;
  font-weight: 500;
  margin-right: 10px;
  display: inline-block;
  text-align: center;
  width: 36px;
  min-width: 36px;
  max-width: 36px;
  cursor: default;
}

span.brand-HW, label.brand-HW {
  background: #fce2e4;
  color: #ff818a;
  border: 1px solid #fbb9be;
}

span.brand-MB, label.brand-MB {
  background: #fffac0;
  color: #cb8125;
  border: 1px solid #e5ba93;
}

span.brand-IN, label.brand-IN {
  background: #d9dde1;
  color: #868f9b;
  border: 1px solid #b8bbbf;
}

span.brand-TA, label.brand-TA {
  background: #faed84;
  color: #b58836;
  border: 1px solid #dbcd5e;
}

span.brand-SI, label.brand-SI {
  background: #f9c7d2;
  color: #b76d7e;
  border: 1px solid #d9a0ac;
}

span.brand-JO, label.brand-JO {
  background: #cad0f0;
  color: #5663a5;
  border: 1px solid #9aa5d9;
}

span.brand-MA, label.brand-MA {
  background: #f4cbad;
  color: #bd7540;
  border: 1px solid #d7a47e;
}

span.brand-MJ, label.brand-MJ {
  background: #bcf2b8;
  color: #4a9145;
  border: 1px solid #86c981;
}

span.brand-M2, label.brand-M2 {
  background: #e8cdcf;
  color: #c1525a;
  border: 1px solid #ddaeb2;
}

span.brand-BU, label.brand-BU {
  background: #d9d9d9;
  color: #838383;
  border: 1px solid #b5b5b5;
}

span.brand-SU, label.brand-SU {
  background: #facff2;
  color: #d570c2;
  border: 1px solid #dfacd5;
}

span.brand-AW, label.brand-AW {
  background: #fff;
  color: #919191;
  border: 1px solid #d1d1d1;
}

span.brand-GL, label.brand-GL {
  background: #bfe4d2;
  color: #4b9d75;
  border: 1px solid #97c9b1;
}

span.brand-JA, label.brand-JA {
  background: #bfe4e4;
  color: #5a8b8b;
  border: 1px solid #92b9b9;
}


.box-detail-sidebar .bc-rcont .fas { padding: 13.5px 7px; }

.box-detail-sidebar .userRecog { background: white; border: 1px solid lightgrey; border-radius: 3px; font-size: 12px; float: right; max-width: 156px; position: relative; top: 6px; }
.box-detail-sidebar .userRecog .fas { padding: 7px; font-size: 11px; background: whitesmoke; border-right: 1px solid lightgrey; border-left: 1px solid lightgrey; color: #858585; }
.box-detail-sidebar .userRecog .ur-id .fas { border-left: 0; }
.box-detail-sidebar .userRecog .ur-id , .box-detail-sidebar .row .userRecog .ur-kcode { display: inline-block; }
.box-detail-sidebar .userRecog span { text-align: center; display: inline-block; color: #9d9d9d; font-weight: normal; }
.box-detail-sidebar .userRecog .ur-id  span { width: 34px; }
.box-detail-sidebar .userRecog .ur-kcode  span { width: 51px; }

.box-detail-sidebar .customer-data-hl {
  color: #212529;
  font-weight: 500;
  font-size: 12px;
  padding: 9.5px 10px;
  background: whitesmoke;
  border-top: 1px solid #cbcbcb;
  border-bottom: 1px solid #cbcbcb;
  text-align: left;
}

.box-detail-sidebar .customer-data .cd-inner-col {
  font-weight: 500;
  font-size: 12px;
  padding: 9.5px 10px;
  background: white;
  border-right: 1px solid #cbcbcb;
  border-bottom: 1px solid #cbcbcb;
  text-align: left;
}

.box-detail-sidebar .bc-inner-col { border-bottom: 0; }
.beta {
  background: #fce2e4;
  color: #ff818a;
  padding: 1px 4px;
  border-radius: 3px;
  font-size: 8px;
  font-weight: 500;
  margin-left: 5px;
  border: 1px solid #fbb9be;
  text-transform: uppercase;
  position: relative;
  top: -1px;
}

.todo {
  background: #d8e3e2;
  color: #457978;
  border: 1px solid #a0bbba;
  padding: 1px 4px;
  border-radius: 3px;
  font-size: 8px;
  font-weight: 500;
  margin-left: 5px;
  text-transform: uppercase;
  position: relative;
  top: -1px;
}

.box-detail-sidebar .customer-data .cd-inner-col.noborder-right { font-weight: 400; }
.box-detail-sidebar .customer-data .cd-inner-col i { color: #959595; }
.box-detail-sidebar .customer-data .actions-row .cd-inner-col a {
  display: block;
  padding: 7px 0px;
  color: #212529;
  text-decoration: none;
  font-weight: normal;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
   box-shadow: none;
}
.box-detail-sidebar .customer-data .actions-row .cd-inner-col a:hover {
 text-decoration: none;
 color: #212529;
 font-weight: 600;
 background: whitesmoke;
}
.box-detail-sidebar .customer-data .actions-row .cd-inner-col { text-align: center; padding: 0; }
.box-detail-sidebar-cnt {
  background: #eaeaea;
  border-radius: 0px 0px 3px 3px;
  font-weight: 500;
  padding: 15px;
  text-align: right;
}


.box-detail-sidebar-cnt button {
  padding: 0;
  font-size: 13px;
  background: white;
  border: 1px solid lightgrey;
  border-radius: 3px;
  color: #212529;
  width: 100%;
  text-align: left;
}

.box-detail-sidebar-cnt button i {
  background: whitesmoke;
  padding: 9px;
  border-right: 1px solid lightgrey;
  margin-right: 15px;
  border-radius: 3px 0px 0px 3px;
  color: #858585;
}


.box-detail-sidebar-cnt button.delete-all:hover {
  background: #ffeaea;
  color: #df3763;
  border: 1px solid #fbb9be;
}

.box-detail-sidebar-cnt button.delete-all:hover i {
  border-right: 1px solid #fbb9be;
  background: #fce2e4;
  color: #ff818a;
}

.box-detail-sidebar-cnt button.return-all:hover {
  background: #d8e3e2;
  color: #457978;
  border: 1px solid #a0bbba;
}

.box-detail-sidebar-cnt button.return-all:hover i {
  background: #c3d5d3;
  color: #457978;
  border-right: 1px solid #a0bbba;
}

table, table tr { background: white; }
table tfoot tr { background: transparent; }

.erp-main-list #sale-list_filter { position: absolute; top: -49px; right: 162px; padding-right: 15px; }

.modal { position: relative !important; }

.box-list-summary .brand-sum { display: inline-block; margin-right: 5px; }
.box-list-summary span.shortcode { margin-right: 0; border-radius: 3px 0px 0px 3px; z-index: 2;}
.box-list-summary span.sum-amount {
  background: #dedede;
  padding: 2px 7px;
  border-radius: 0px 3px 3px 0px;
  font-size: 10px;
  border: 1px solid #c7c7c7;
  margin-left: -5px;
  font-weight: 500;
  display: inline-block;
  z-index: 1;
  cursor: default;
 }

 .box-list-summary span.shortcode-tt { font-size: 10px; }

 .tippy-box {
   font-size: 12px;
   padding: 4px 8px;
   background-color: #222222;
   border-radius: 3px;
   line-height: 1;
}

.tippy-arrow { color: #222222; }

.modal.erpmodal { padding: 0; border-radius: 3px; height: auto; -webkit-box-shadow: 0px 0px 0px 5px rgba(0,0,0,0.20); box-shadow: 0px 0px 0px 5px rgba(0,0,0,0.20); }
.modal .erpmodal-inner {
  border-top: 1px solid #cbcbcb;
  background: whitesmoke;
  width: 100%;
  font-weight: 500;
  font-size: 12px;
}


.modal.erpmodal a.close-modal:before {
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  content: '\f015';
}

.modal.erpmodal a.close-modal {
top: 20px;
right: 20px;
background-image: url('../files/erp/img/times-solid.svg');
background-size: 50%;
filter: invert(55%) sepia(1%) saturate(0%) hue-rotate(331deg) brightness(95%) contrast(79%);
background-color: rgba(0,0,0,0.04);
border: 1px solid rgba(0,0,0,0.17);
border-radius: 3px;
}

.modal.erpmodal a.close-modal:hover {
filter: invert(31%) sepia(84%) saturate(1431%) hue-rotate(316deg) brightness(89%) contrast(96%);
background-color: rgba(0,0,0,0.2);
border: 1px solid rgba(0,0,0,0.3);
}

.modal.erpmodal .select-brand { cursor: default; }
.modal.erpmodal .each-input { border-bottom: 1px solid #cbcbcb; }
.modal.erpmodal .each-input input { width: 100%; padding: 10px 18px; border: 0; border-left: 1px solid #cbcbcb;}
.modal.erpmodal .each-input div.input-label { padding: 10px 18px; }
.modal.erpmodal .select-brand .each-brand { display: inline-block; }
.modal.erpmodal .select-brand .each-brand label.shortcode { margin-right: 0px; margin-bottom: 2px; margin-top: 2px; cursor: pointer; }
.modal.erpmodal .select-brand .brandlabel:hover { opacity: 1; }
.modal.erpmodal .select-brand .each-brand input { display: none; }
.modal.erpmodal .select-brand .each-brand input:checked+label {opacity: 1 !important; }
.modal.erpmodal .select-brand-wrapper { border-left: 1px solid #cbcbcb; background: white; padding: 8px 18px; }
.modal.erpmodal .input-submit { background: #eaeaea; }
.modal.erpmodal .submit-wrapper { padding: 10px 18px; }
.modal.erpmodal .submit-wrapper button[type="submit"] { padding: 10px; font-size: 13px; background: white; border: 1px solid lightgrey; border-radius: 3px; color: #212529; font-weight: 500; }
.modal.erpmodal .submit-wrapper button[type="submit"]:hover { background: #d8e3e2; color: #457978; border: 1px solid #a0bbba; }
.modal.erpmodal .each-input div.input-text { padding: 10px 18px; background: white; border-left: 1px solid #cbcbcb; }
.modal.erpmodal .each-input div.input-dropdown { background: white; border-left: 1px solid #cbcbcb; }
.modal.erpmodal .each-input .col-md-2.input-label { border-left: 1px solid #cbcbcb; }
.border-left { border-left: 1px solid #cbcbcb; }

.select2 { font-size: 12px !important; }
.select2-dropdown { background: whitesmoke !important; }
.select2-results { font-size: 12px !important; }
.select2-search { font-size: 12px !important; padding: 8px !important; }
.select2-search input { padding: 10px 18px !important; border: 1px solid #cbcbcb !important; }
.select2-selection { border-radius: 0 !important; height: auto !important; border: 0 !important;}
.select2-container {  }
.select2-container .select2-selection__rendered { padding: 10px 18px; color: #212529 !important; padding-left: 10px !important; line-height: normal !important; }
.select2-selection__arrow b { margin-left: -10px !important;  margin-top: 4px !important; }
.select2-results>.select2-results__options { max-height: 350px !important; }
.select2-results__option { border-bottom: 1px solid #cbcbcb !important; padding: 8px 10px !important; }
.select2-results__option--highlighted.select2-results__option--selectable { background-color: #eaeaea !important; color: #212529 !important; font-weight: 500 !important; }
.select2-results__option--selected { background-color: #eaeaea !important; color: #212529 !important; font-weight: 500 !important; }

.notification-alert {
  position: fixed;
  width: 350px;
  height: 100px;
  display: block;
  bottom: 25px;
  right: 25px;
  border-radius: 3px;
  background: #457978;
  color: white;
  border: 1px solid #355a5a;
  opacity: 0;
}

.notification-alert div.row div.text-wrap {
  display: flex;
  align-items: center;
  height: 99px;
  padding-left: 15px;
  padding-right: 15px;
}

.notification-alert div.row div:first-of-type div{
  background: #3b6766;
  border-radius: 3px 0px 0px 3px;
  border-right: 1px solid #355a5a;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 99px;
}

.notification-alert div.row span:first-of-type {
  font-weight: 500;
}
.notification-alert div.row span.sub-hl {
  color: inherit;
}

.roll-in-blurred-right {
	-webkit-animation: roll-in-blurred-right 0.65s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0s both;
	        animation: roll-in-blurred-right 0.65s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0s both;
}

@-webkit-keyframes roll-in-blurred-right {
  0% {
    -webkit-transform: translateX(1000px) rotate(720deg);
            transform: translateX(1000px) rotate(720deg);
    -webkit-filter: blur(50px);
            filter: blur(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) rotate(0deg);
            transform: translateX(0) rotate(0deg);
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}
@keyframes roll-in-blurred-right {
  0% {
    -webkit-transform: translateX(1000px) rotate(720deg);
            transform: translateX(1000px) rotate(720deg);
    -webkit-filter: blur(50px);
            filter: blur(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) rotate(0deg);
            transform: translateX(0) rotate(0deg);
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}

.erpmodal span.discountSpan { padding: 5px 16px; background: #eaeaea; display: inline-block; border-right: 1px solid lightgrey; border-left: 1px solid lightgrey; }
.erpmodal #selected-discountType { width: auto; padding: 0; display: inline-block; top: 2px; left: 12px; position: relative; }
.erpmodal label[for=selected-discountType] { padding-left: 16px; }
.erpmodal .order-summary label,
.erpmodal .order-summary #createorder-total span {
  display: block;
  padding: 8px 0px;
  border-bottom: 1px solid lightgrey;
}

.erpmodal .order-summary label:last-of-type,
.erpmodal .order-summary #createorder-total span:last-of-type {
  border-bottom: 0;
}

.erpmodal .section-label {
  padding: 5px 16px;
  background: #eaeaea;
}

.list-boxname a { text-decoration: none; color: #212529; }
.list-boxname a:hover { text-decoration: underline; color: #457978; }

div.purchase-overview { background: white; }

div.dash-cnt .purchase-overview { display: block; padding: 15px; width: 100%; }

div.dash-cnt .purchase-overview .row .bc-inner-col { border-bottom: none; }
div.dash_current .box-detail { border-right: 1px solid #cfcfd3; }
div.dash_current div.last .box-detail { border-right: none; }

#tobox-list_wrapper div.dt-buttons { position: absolute; top: -60px; right: 300px; }
#tobox-list_wrapper div.dt-buttons button.dt-button {
  padding: 4.5px 8px;
  margin-top: 1px;
  font-size: 12px;
  text-transform: uppercase;
  background: whitesmoke;
  border: 1px solid lightgrey;
  color: #858585;
}