:root{
    --primary-color-design:#4E88F5;
    --success-color-design:#5DBA51;
    --danger-color-design:#E83A3A;
    --dark-color-design:#101010;
    --light-secondary:#eff0f2;
}

.text-small{ font-size:10px; }
.text-left{ text-align:left; }
.d-flex{ display:flex !important; }
.flex-column{ flex-direction:column; }
.flex-row{ flex-direction:row; }
.align-items-center{ align-items:center; }
.justify-content-between{ justify-content:space-between; }
.justify-content-end{ justify-content:flex-end; }
.justify-content-start{ justify-content:flex-start; }
.flex-wrap{ flex-wrap:wrap; }
.flex-grow-1{ flex-grow:1; }
.no-before-after::before, .no-before-after::after{ display:none !important; }
.unset-float, .unset-position{ float:unset;top:unset;bottom:unset;left:unset;right:unset; }
.position-relative{ position:relative; }
.rounded-0{ border-radius:0px !important; }
.rounded{ border-radius:5px !important; }
.border{ border:1px solid #dee2e6; }
.text-right{ text-align:right; }
.m-left-auto{ margin-left:auto !important; }
.m-right-auto{ margin-right:auto !important; }
.m-auto{ margin:auto !important; }
.mw-100{ min-width:100% !important; }
.font-weight-500{ font-weight:500; }
.font-weight-600{ font-weight:600; }
.shadow-sm{ box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important; }
.text-dark{ color:#343a40 !important; }
.text-red{ color:#dc3545 !important; }
.bg-dark{ background-color:#343a40 !important; }
.bg-white{ background-color:#ffffff !important; }
.bg-transparent{ background-color:transparent !important; }
.text-white{ color:#ffffff !important; }
.like-dark-border{ border-color:#828282 !important; }
.border-top-0{ border-top:0px solid transparent !important; }
.border-right-0{ border-right:0px solid transparent !important; }
.border-bottom-0{ border-bottom:0px solid transparent !important; }
.border-left-0{ border-left:0px solid transparent !important; }
.border-0{ border:0px solid transparent !important; }
.bg-light-secondary{ background-color:var(--light-secondary); }
.z-index1{ z-index:1; }
.z-index2{ z-index:2; }

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}





/* The empty rows will inherit the general row styles defined farther down, so in this case I'm satisfied with the space created by the inherited padding. All that's left to do is to prevent left and right borders from making it appear like an empty row: */
.catalog-table tr[aria-hidden] td{ border:none; }
table.catalog-table{ border-collapse:collapse;border-radius:5px 5px 0px 0px;overflow:hidden;border-color:#c6c8ca; }
.catalog-table th{ color:#ffffff;background-color:#404040; }
.catalog-table td, .catalog-table th{ text-align:left;vertical-align:top;padding:6px;border:1px solid #828282; }
.catalog-table th{ border-color:#404040; }
.catalog-table .subhead td{ padding:4px 8px;background:#d6d8d9; }
.catalog-table .catalog-img, .producer-img{ height:50px;width:50px; }
.catalog-page-wrapper{ min-height:100vh; }
.catalog-page-wrapper footer{ background:#e2e3e5;border-top:1px solid #d6d8db; }
.producer-image{ width:60px;height:60px;display:block; }
.catalog-page-wrapper .form-control{ min-width:100px;max-width:100px; }


ul.wtree, ul.wtree ul{ margin-left:20px; }
ul.wtree ul{ transform:translate3d(0px, -1px, 0px); }
.wtree li{ list-style-type:none;margin:10px 0 10px 10px;position:relative; }
.wtree li:before{ content:"";position:absolute;top:-9px;left:-20px;border-left:1px solid #ddd;border-bottom:1px solid #ddd;width:20px;height:15px; }
.wtree li:after{ position:absolute;content:"";top:5px;left:-20px;border-left:1px solid #ddd;border-top:1px solid #ddd;width:20px;height:100%; }
.wtree li:last-child:after{ display:none; }
.wtree li span{ display:block;border:1px solid #ddd;padding:10px;color:#888;text-decoration:none; }
.wtree li span:hover, .wtree li span:focus{ background:#eee;color:#000;border:1px solid #aaa; }
.wtree li span:hover + ul li span, .wtree li span:focus + ul li span{ background:#eee;color:#000;border:1px solid #aaa; }
.wtree li span:hover + ul li:after, .wtree li span:hover + ul li:before, .wtree li span:focus + ul li:after, .wtree li span:focus + ul li:before{ border-color:#aaa; }


.tree-like > .row{ position:relative; }
.tree-like > .row:not(.first-group) > div:not(:nth-of-type(1))::before{ content:"";position:absolute;top:-10px;left:-40px;border-left:1px solid #828282;border-bottom:1px solid #828282;width:60px;height:25px;z-index:-1; }
.tree-like > .row:not(.first-group) > div:not(:nth-of-type(1))::after{ position:absolute;content:"";top:14px;left:-40px;border-left:1px solid #828282;border-top:1px solid #828282;width:60px;height:100%;z-index:-1; }
.tree-like > .row:not(.first-group):nth-last-of-type(1) > div:not(:nth-of-type(1))::after{ display:none; }
.tree-like > .row.first-group:only-of-type > div:not(:nth-of-type(1))::after,
.tree-like > .row.second-group:only-of-type > div:not(:nth-of-type(1))::after,
.tree-like > .row.third-group:only-of-type > div:not(:nth-of-type(1))::after,
.tree-like > .row.forth-group:only-of-type > div:not(:nth-of-type(1))::after,
.tree-like > .row.fifth-group:only-of-type > div:not(:nth-of-type(1))::after{ display:none; }


/* simple table styles start */
.simple-table{  width:100%;margin-bottom:1rem;color:#212529;border-collapse:collapse;border-spacing:2px;border-color:grey;text-align:left;color:#343a40; }
.simple-table td, .simple-table th{ padding:0px;vertical-align:top;padding-left:0px;padding-right:0px; }
.simple-table thead tr th,
.simple-table-records thead tr th,
.simple-table thead tr th{ font-size:14px;padding-bottom:8px;text-transform:capitalize;border-top:0px;border-bottom:1px solid #999 !important;font-weight:600; }
.simple-table thead tr th:first-child{ padding-left:0px; }
.simple-table tbody tr td:first-child{ padding-left:0px; }
.simple-table tbody tr td:last-child{ padding-right:0px; }
.simple-table tbody tr td{ font-size:14px;padding-top:10px;padding-bottom:10px; }
.simple-table .status span{ padding:0px 7px;border-radius:4px;color:white; }
.simple-table th{ font-weight:500; }
/* simple table styles end */

.personal-info {
    width: 100%;
    float: left;
    /*border-right: 2px dashed #ccc;*/
}
.personal-info li {
    float: left;
    width: 100%;
    list-style: none;
    margin-bottom: 0 !important;
    margin-top: 10px;
} 
.personal-info li .title {
    color: #000;
    margin-right: 10px;
    float: left;
    font-weight: 600;
    width: 30%;
    width: auto;     
} 
.personal-info li .title label {
    margin-top:4px;
    color:#000;
    font-weight:600;
}
.personal-info li .title {
    color:#000;
    margin-right:10px;
    font-weight:600;
    min-width:160px;
} 
.personal-info li .title label {
    margin-top:4px;
    color:#000;
    font-weight:600;
}

.custom-warnings ul{ padding-left:0px;border-radius:5px; }
.custom-warnings ul li{ margin:0px;padding:5px 10px 0px;font-size:14px;background:#ffdede; }
.custom-warnings ul li:first-child:last-child{ border-radius:5px 5px 5px 5px;padding-bottom:7px;padding-top:7px; }
.custom-warnings ul li:first-child{ border-radius:5px 5px 0px 0px;padding-top:7px; }
.custom-warnings ul li:last-child{ border-radius:0px 0px 5px 5px;padding-bottom:7px; }
.page-logo-svg{ height:130px;width:130px; }


.text-decoration-none, .text-decoration-none:hover{ text-decoration:none; }
.navbar.navbar-inverse{ background-color: #f7f7f7; }
footer{ background-color:#ecf0f1 !important; }


.header-image-logo{ width:40px;height:40px;object-fit:contain; }
.header-image-logo.smaller{ width:30px;height:30px;object-fit:contain; }
.background-on-hover:hover{ background-color:#eeeeee; }
.border-radius-20{ border-radius:20px; }
.border-radius-15{ border-radius:15px; }
.border-radius-10{ border-radius:10px; }
.border-dark{ border-color:#212529 !important; }

.primary-ds-btn{ background:var(--primary-color-design) !important;padding:8px 20px; }
.success-ds-btn{ background:var(--success-color-design) !important;padding:8px 20px; }
.danger-ds-btn{ background:var(--danger-color-design) !important;padding:8px 20px; }
.dark-ds-btn{ background:var(--dark-color-design) !important;padding:8px 20px; }
.product-catalog-list .product-image,
.product-image{ max-height:200px;min-height:200px;min-width:150px;object-fit:cover;background-color:#ecf0f1; }
.box-size-20{ width:20px;height:20px;object-fit:contain;display:block; }
.box-size-15{ width:15px;height:15px;object-fit:contain;display:block; }
.box-size-40{ width:40px;height:40px;object-fit:contain;display:block; }
.file-input-tag-design{ position:relative;padding:10px 10px 10px 20px;max-width:450px; }
.file-input-tag-design::before{ content:'';position:absolute;top:0px;left:0px;height:100%;width:10px;background-color:var(--primary-color-design);border-radius:5px; }
.file-input-tag-design::before{ content:'';position:absolute;top:0px;left:0px;height:100%;width:10px;background-color:var(--primary-color-design);border-radius:5px; }
.search-tag-wrapper .magnifier-icon{ position:absolute;top:8px;left:9px;height:16px;width:16px;pointer-events:none;opacity:0; }
.search-tag-wrapper .search_tag{ padding-left:31px !important;font-size:14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.0' width='512.000000pt' height='512.000000pt' viewBox='0 0 512.000000 512.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,512.000000) scale(0.100000,-0.100000)' fill='%23000000' stroke='none'%3E%3Cpath d='M2085 4474 c-709 -76 -1277 -596 -1417 -1297 -32 -161 -32 -433 0 -594 64 -320 215 -605 439 -829 230 -230 503 -376 833 -445 154 -33 439 -33 597 -1 180 36 371 108 507 191 37 22 71 41 74 41 4 0 198 -191 432 -423 483 -481 471 -472 610 -471 100 0 160 24 225 89 65 65 89 125 89 225 0 141 10 128 -473 613 -411 412 -425 428 -412 450 107 169 183 359 223 562 32 157 32 431 0 592 -129 648 -623 1144 -1267 1273 -98 20 -368 34 -460 24z m325 -489 c235 -35 449 -144 620 -315 333 -333 423 -838 225 -1258 -62 -131 -127 -224 -225 -322 -333 -332 -838 -423 -1256 -226 -348 165 -583 476 -639 846 -73 477 164 942 594 1164 213 110 443 148 681 111z'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left calc(0.375em + 0.1875rem) center;background-size:calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);transition:background .1s ease; }
.search-tag-wrapper .search_tag:not(:placeholder-shown){ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.0' width='512.000000pt' height='512.000000pt' viewBox='0 0 512.000000 512.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,512.000000) scale(0.100000,-0.100000)' fill='%230d6efd' stroke='none'%3E%3Cpath d='M2085 4474 c-709 -76 -1277 -596 -1417 -1297 -32 -161 -32 -433 0 -594 64 -320 215 -605 439 -829 230 -230 503 -376 833 -445 154 -33 439 -33 597 -1 180 36 371 108 507 191 37 22 71 41 74 41 4 0 198 -191 432 -423 483 -481 471 -472 610 -471 100 0 160 24 225 89 65 65 89 125 89 225 0 141 10 128 -473 613 -411 412 -425 428 -412 450 107 169 183 359 223 562 32 157 32 431 0 592 -129 648 -623 1144 -1267 1273 -98 20 -368 34 -460 24z m325 -489 c235 -35 449 -144 620 -315 333 -333 423 -838 225 -1258 -62 -131 -127 -224 -225 -322 -333 -332 -838 -423 -1256 -226 -348 165 -583 476 -639 846 -73 477 164 942 594 1164 213 110 443 148 681 111z'/%3E%3C/g%3E%3C/svg%3E");background-size:calc(0.75em + 0.575rem) calc(0.75em + 0.575rem);background-position:left calc(0.375em + 0.0675rem) center }

.user-image-wrapper{ width:auto;max-height:130px;height:130px;position:relative;font-size:30px;color:#fff; }
.user-image-wrapper .real-user-image{ display:block;width:100%;height:100%;object-fit:contain; }
.producer-details-table .euro-sign{ position:relative;transform:translate(-16px, 0px);font-size:20px; }
[data-toggle="collapse"] .fa-caret-down{ transform:rotate(180deg);transition:transform .4s ease; }
[data-toggle="collapse"].collapsed .fa-caret-down{ transform:rotate(0deg); }


.dd-collapse i{ transform:rotate(180deg);transition:all .2s ease; }
.dd-collapse.collapsed i{ transform:rotate(0deg); }

.text-color-theme{ color:rgb(var(--theme-color)) !important; }
.bg-theme-color{ background-color:rgb(var(--theme-color)) !important;color:white; }
.border-color-theme{ border-color:rgb(var(--theme-color)) !important; }
.focus-color-theme-shadow{ transition:all .3s ease; }
.focus-color-theme-shadow:focus{ box-shadow:0 0 0 0.25rem rgba(var(--theme-color), 25%) !important; }
.color-picker{ position:absolute;top:0px;right:0px; }


.container-color-var .item,
.searchable .item{ transition:box-shadow .3s ease; }
.container-color-var .item:hover,
.searchable .item:hover{ box-shadow:0 .5rem 1rem rgba(0,0,0,.15); }

@media (min-width:1024px){
    .pagination-like::before {
        content: '';
        position: absolute;
        width: calc(100% - 100px);
        height: 1px;
        top: 50%;
        left: 50%;
        transform: translate3d(-50%, -50%, 0);
        background-color: var(--bs-secondary);
        z-index: 1;
    }
}

.with-dot-before:empty{ display:none !important; }
.max-width-250{ max-width:250px; }



@media print {
    .p-print-0{ padding:0px !important; }
    .pt-print-0{ padding-top:0px !important; }
    .pt-print-1{ padding-top:.25rem !important; }
    .pb-print-0{ padding-bottom:0px !important; }
    .pb-print-1{ padding-bottom:.25rem !important; }
    .mb-print-0{ margin-bottom:0px !important; }
    .mb-print-1{ margin-bottom:.25rem !important; }
    .mt-print-0{ margin-bottom:0px !important; }
    .mt-print-1{ margin-bottom:.25rem !important; }

    .font-print-size-12{ font-size:12px !important;font-weight:normal !important; }
    .border-radius-print-0{ border-radius:0px !important; }
    .font-weight-print-300{ font-weight:300 !important; }
    /*.header-of-page{ position:fixed;top:0px; }*/
    /*.no-break-on-print{ page-break-after:always; }*/

    .rechung-table > thead > tr,
    .rechung-table > tbody > tr,
    .product-box.discount{
        page-break-inside: avoid;
        page-break-before: avoid;
        page-break-after: auto;
    }
    .margin-top-minus-print{ margin-top:-60px; }
}