/* 
Drekopf main style sheet
*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}


/* HTML5 display-role reset for older browsers */

.error-info-h span {
    color: #ef5b00;
}

.v-space-60 {
    padding-top: 60px;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    text-decoration: none;
}

.clearfix:after {
    content: " ";
    /* Older browser do not support empty content */
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

@font-face {
    font-family: 'droid_sansregular';
    src: url('../fonts/droidsans-webfont.woff2') format('woff2'), url('../fonts/droidsans-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'droid_sansbold';
    src: url('../fonts/droidsans-bold-webfont.woff2') format('woff2'), url('../fonts/droidsans-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'droid_sansregular';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.18;
    letter-spacing: normal;
}

@font-face {
    font-family: 'icomoon';
    src:  url('../fonts/icomoon.eot?z4ji9y');
    src:  url('../fonts/icomoon.eot?z4ji9y#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?z4ji9y') format('truetype'),
    url('../fonts/icomoon.woff?z4ji9y') format('woff'),
    url('../fonts/icomoon.svg?z4ji9y#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-Fax:before {
    content: "\e937";
}

.icon-DateNoFree:before {
    content: "\e900";
}

.icon-TermsOfUse:before {
    content: "\e901";
}

.icon-Userlist:before {
    content: "\e902";
}

.icon-add_customer .path1:before {
    content: "\e903";
    color: rgb(24, 23, 22);
}

.icon-add_customer .path2:before {
    content: "\e904";
    margin-left: -1em;
    color: rgb(24, 23, 22);
}

.icon-add_customer .path3:before {
    content: "\e905";
    margin-left: -1em;
    color: rgb(1, 1, 2);
}

.icon-Arrow_small_Down:before {
    content: "\e906";
}

.icon-Arrow_small_Left:before {
    content: "\e907";
}

.icon-Arrow_small_Right:before {
    content: "\e908";
}

.icon-Arrow_small_Up:before {
    content: "\e909";
}

.icon-Customerlist:before {
    content: "\e90a";
}

.icon-Delete:before {
    content: "\e90b";
}

.icon-EditGroup:before {
    content: "\e90c";
}

.icon-eye_close:before {
    content: "\e90d";
}

.icon-eye_open:before {
    content: "\e90e";
}

.icon-Information:before {
    content: "\e90f";
}

.icon-Look_close:before {
    content: "\e910";
}

.icon-Look_open:before {
    content: "\e911";
}

.icon-password_generatior:before {
    content: "\e912";
}

.icon-Search:before {
    content: "\e913";
}

.icon-AddPicture:before {
    content: "\e914";
}

.icon-Arrow_Down:before {
    content: "\e915";
}

.icon-Arrow_Left:before {
    content: "\e916";
}

.icon-Arrow_Right:before {
    content: "\e917";
}

.icon-Arrow_Up:before {
    content: "\e918";
}

.icon-Button_InCart:before {
    content: "\e919";
}

.icon-Cancel:before {
    content: "\e91a";
}

.icon-Cart:before {
    content: "\e91b";
}

.icon-ContactUs:before {
    content: "\e91c";
}

.icon-DateFree:before {
    content: "\e91d";
}

.icon-DateNoFree1:before {
    content: "\e91e";
}

.icon-Delete1:before {
    content: "\e91f";
}

.icon-EditGroup1:before {
    content: "\e920";
}

.icon-EditGroup_Circle:before {
    content: "\e921";
}

.icon-Email:before {
    content: "\e922";
}

.icon-Error:before {
    content: "\e923";
}

.icon-Imprint:before {
    content: "\e924";
}

.icon-Information1:before {
    content: "\e925";
}

.icon-Location:before {
    content: "\e926";
}

.icon-Logout:before {
    content: "\e927";
}

.icon-Menu:before {
    content: "\e928";
}

.icon-Minus:before {
    content: "\e929";
}

.icon-Mobil:before {
    content: "\e92a";
}

.icon-MyAccount:before {
    content: "\e92b";
}

.icon-Orders:before {
    content: "\e938";
}

.icon-MyContact:before {
    content: "\e92c";
}

.icon-Order_Completed:before {
    content: "\e92d";
}

.icon-cancel:before {
    content: "\e91a";
}

.icon-Order_DriverOnTheWay:before {
    content: "\e92e";
}

.icon-Order_InProgress:before {
    content: "\e92f";
}

.icon-Overview:before {
    content: "\e930";
}

.icon-Plus:before {
    content: "\e931";
}

.icon-Privacy:before {
    content: "\e932";
}

.icon-ReportContainer:before {
    content: "\e933";
}

.icon-Telefon .path1:before {
    content: "\e934";
    color: rgb(26, 26, 24);
}

.icon-Telefon .path2:before {
    content: "\e935";
    margin-left: -1em;
    color: rgb(26, 26, 24);
}

.icon-Telefon .path3:before {
    content: "\e936";
    margin-left: -1em;
    color: rgb(3, 2, 5);
}

.icon-Lists{
    font-size: 20px !important;
    left: 5px !important;
}

.icon-Lists:before {
    content: "\e9bb";
}


/* Layout styles */

#wrapper {
    width: 100%;
    margin: 0;
}

.header-bar {
    width: 100%;
    height: 50px;
    background-color: #006544;
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
}


/* .header-bar.fixed {
    position: sticky;
    z-index: 999;
    top: 0;
    left: 0;
} */
.bestellnummerInput{
    color: #006544;
    border-color: #006544;
    height: 30px;
    border-radius: 5px;
    max-width: 500px;
    width: 80%;
    border: none;
    font-size: 14px;
    padding: 5px;
}
.bestellnummerInput::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #006544;
}
.bestellnummerInput:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #006544;
   opacity:  1;
}
.bestellnummerInput::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #006544;
   opacity:  1;
}
.bestellnummerInput:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #006544;
}
.bestellnummerInput::-ms-input-placeholder { /* Microsoft Edge */
   color:    #006544;
}

.bestellnummerInput::placeholder { /* Most modern browsers support this now. */
   color:    #006544;
}

.sc_free_text {
    border: 1px solid #006544;
    /* width: 75% !important; */
    font-size: 15px;
    margin: auto;
}

.logo {
    width: 110px;
    height: 29px;
    font-family: 'droid_sansbold';
    font-size: 25px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.16;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    text-transform: uppercase;
    display: block;
    padding-top: 11px;
    margin: 0 auto;
}
#loggedin_as {
    text-align: center;
    margin: 2px 2px;
    font-size: 15px;
    line-height: 25px;
    vertical-align: middle;
    color: #000000b8;
}

.f-width {
    max-width: 640px;
    margin: 0 auto;
    padding: 0 15px;
    position: relative;
}

.title-one {
    font-family: 'droid_sansbold';
    font-size: 17px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.18;
    letter-spacing: normal;
    text-align: center;
    color: #006544;
}

.title-block {
    width: 100%;
    min-height: 50px;
    background-color: #e7e8e7;
    padding-top: 16px;
    padding-bottom: 15px;
}

.login-form {}
.forget-password-form {}
.reset-password-form {}

form.login-form label,
form.forget-password-form label,
form.reset-password-form label {
    font-family: 'droid_sansbold';
    font-size: 17px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.18;
    letter-spacing: normal;
    text-align: left;
    color: #006544;
    margin-bottom: 10px;
    display: block;
}

form.login-form,
form.forget-password-form,
form.reset-password-form {
    max-width: 296px;
    margin: 30px auto 20px;
}

form.login-form input,
form.login-form select,
form.forget-password-form input,
form.reset-password-form input,
form.login-form textarea {
    max-width: 296px;
    width: 100%;
    height: 40px;
    border-radius: 5px;
    background-color: #ffffff;
    display: block;
    border: solid 1px #006544;
    color: #646464;
    font-size: 17px;
}

.form-group {
    margin-bottom: 20px;
}

.form-control {
    display: block;
    width: calc(100% - 24px);
    padding: 6px 12px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.form-control::-moz-placeholder {
    color: #999;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #999
}

.form-control::-webkit-input-placeholder {
    color: #999
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}


/* Base for label styling */

[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}

[type="checkbox"]:not(:checked)+label,
[type="checkbox"]:checked+label {
    position: relative;
    padding-left: 1.95em;
    cursor: pointer;
    color: #646464;
}


/* checkbox aspect */

[type="checkbox"]:not(:checked)+label:before,
[type="checkbox"]:checked+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    height: 24px;
    border-radius: 5px;
    background-color: #006544;
    border: solid 1px #006544;
}

[type="checkbox"]:not(:checked)+label:before {
    background-color: #ffffff;
}


/* checked mark aspect */

[type="checkbox"]:not(:checked)+label:after,
[type="checkbox"]:checked+label:after {
    content: '\e91d';
    font-family: 'icomoon' !important;
    font-weight: normal;
    position: absolute;
    top: 3px;
    left: 2px;
    font-size: 21px;
    line-height: 0.8;
    color: #09ad7e;
    transition: all .2s;
    color: #fff;
}


/* checked mark aspect changes */

[type="checkbox"]:not(:checked)+label:after {
    opacity: 0;
    transform: scale(0);
}


/*[type="checkbox"]:checked+label:after {
     opacity: 1;
     transform: scale(1);
}
*/


/* disabled checkbox */

[type="checkbox"]:disabled:not(:checked)+label:before,
[type="checkbox"]:disabled:checked+label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd;
}

[type="checkbox"]:disabled:checked+label:after {
    color: #999;
}

[type="checkbox"]:disabled+label {
    color: #aaa;
}


/* hover style just for information */

form.login-form label:hover:before,
form.forget-password-form label:hover:before,
form.reset-password-form label:hover:before {
    border: 2px solid #006544!important;
}

form.login-form button {
    width: 100%;
    max-width: 296px;
    height: 40px;
    border-radius: 5px;
    background-color: #006544;
    font-family: 'droid_sansbold';
    font-size: 17px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.18;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    text-transform: uppercase;
    border: none;
    margin-top: 60px;
    margin-bottom: 25px;
}

form.forget-password-form button,
form.reset-password-form button {
    width: 100%;
    max-width: 296px;
    height: 55px;
    border-radius: 5px;
    background-color: #006544;
    font-family: 'droid_sansbold';
    font-size: 17px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.18;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    text-transform: uppercase;
    border: none;
}

form.login-form .c-box label {
    font-family: 'droid_sansregular';
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 16px;
    letter-spacing: normal;
    text-align: left;
    color: #646464;
}

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

form.login-form [type="checkbox"]:not(:checked)+label,
form.login-form [type="checkbox"]:checked+label {
    padding-left: 40px;
    padding-top: 5px;
}


/* Component Needs */

.pc-tab>input,
.pc-tab section>div {
    display: none;
}

#tab1:checked~section .tab1,
#tab2:checked~section .tab2,
#tab3:checked~section .tab3 {
    display: block;
}

#tab1:checked~nav .tab1,
#tab2:checked~nav .tab2,
#tab3:checked~nav .tab3 {
    font-family: 'droid_sansregular';
    font-size: 17px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    color: #006544;
}


/* Visual Styles */

*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    -webkit-user-select: none;
}

body {
    -webkit-touch-callout: none;
}

body {
    -webkit-tap-highlight-color: transparent;
}

.pc-tab {
    width: 100%;
    margin: 0 auto;
}

.pc-tab ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.pc-tab ul li label {
    float: left;
    padding: 15px 25px;
    border-bottom: 0;
    font-family: 'droid_sansregular';
    font-size: 17px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
}

.pc-tab ul li label:active {
    font-family: 'droid_sansregular';
    font-size: 17px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    color: #006544;
}

.pc-tab ul li:not(:last-child) label {
    border-right-width: 0;
}

.pc-tab section {
    clear: both;
}

.pc-tab section div.tab1,
.pc-tab section div.tab2 {
    padding: 20px 0;
    width: 100%;
}

.pc-tab section div h2 {
    margin: 0;
}

.pc-tab ul li label {
    color: #646464;
}

#tab1:checked~nav .tab1 label,
#tab2:checked~nav .tab2 label {
    position: relative;
    color: #006544;
}

#tab1:checked~nav .tab1 label:after,
#tab2:checked~nav .tab2 label:after {
    content: '';
    display: block;
    position: absolute;
    width: 275px;
    height: 5px;
    background-color: #006544;
    left: 15px;
    bottom: -2px;
}

.pc-tab {
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    position: relative;
    top: -31px;
}

.pc-tab ul li label {
    padding: 6px 25px;
}

.pc-tab ul li label {
    padding: 2px 15px 10px;
    width: 50%;
    text-align: center;
    cursor: pointer;
}

.search-input input {
    width: 610px;
    height: 60px;
    border-radius: 6px;
    background-color: #e7e7e7;
    border: none;
    box-shadow: none;
    padding-left: 85px;
    font-family: 'droid_sansregular';
    font-size: 17px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 0.94;
    letter-spacing: normal;
    text-align: left;
    color: #646464;
}

.search-input {
    position: relative;
}

.search-input i {
    font-size: 20px;
    left: 32px;
    z-index: 999;
    position: absolute;
    color: #006544;
    top: 20px;
}

ul.container-lists li {
    width: 610px;
    height: 200px;
    border-radius: 5px;
    background-color: #e7e8e7;
    margin-bottom: 20px;
    padding-left: 10px;
    padding-top: 20px;
    position: relative;
}

ul.container-lists li.order-item.clearfix {
    height: auto;
    padding-bottom: 40px;
}

ul.container-lists li ul.note-list li {
    min-height: 110px;
    height: auto;
}

.product-block {
    width: 211px;
    height: 161px;
    background: #fff;
    border-radius: 5px;
    border-right: solid 2px #e7e8e7;
    position: relative;
    float: left;
}

.container-count {
    width: 26px;
    height: 31px;
    background: #646464;
    text-align: center;
    line-height: 31px;
    border-radius: 0 0 15px 15px;
    position: absolute;
    top: 0;
    right: 30px;
    color: #fff;
    font-size: 17px;
    font-family: 'droid_sansbold';
    font-weight: normal;
}

.product-block.multiple::before {
    position: absolute;
    content: "";
    width: 9px;
    height: 143px;
    right: -12px;
    background: #fff;
    top: 9px;
    border-radius: 0 5px 5px 0;
}

.product-block.multiple::after {
    position: absolute;
    content: "";
    width: 9px;
    height: 121px;
    right: -24px;
    background: #fff;
    top: 20px;
    border-radius: 0 5px 5px 0;
}

.image-block-1 {
    position: absolute;
    left: 0;
    top: 19px;
    width: 100%;
    height: calc(100% - 20px);
    overflow: hidden;
}

.image-block-1 .group-image {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
    height: auto;
    object-fit: contain;
    max-height: 100%;
}

.container-info-block {
    width: 357px;
    min-height: 180px;
    height: auto;
    float: right;
    position: relative;
}

.title-g {
    font-family: 'droid_sansbold';
    font-size: 17px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: left;
    color: #006544;
    height: 35px;
    display: inline-block;
    overflow: hidden;
}

.container-info-block ul {
    margin: 0 0 15px 30px;
}

.container-info-block ul li {
    width: auto;
    height: auto;
    background: none;
    padding: 0;
    margin: 0;
    display: inline;
    margin-right: 20px;
}

.container-info-block ul.v-list li {
    display: block;
    margin-bottom: 5px;
}

.details-t {
    font-family: 'droid_sansregular';
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.14;
    letter-spacing: normal;
    text-align: left;
    color: #646464;
}

.note-block {
    width: 356px;
    height: 50px;
    background: #006544;
    position: absolute;
    right: 0;
    bottom: 0;
    border-radius: 5px;
    padding: 1px;
    line-height: 50px;
}

.note-block span.left-1 {
    background: #e7e8e7;
    display: inline-block;
    height: 48px;
    padding: 0 15px;
    font-family: 'droid_sansbold';
    font-size: 17px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: center;
    color: #006544;
    border-radius: 5px 0 0 5px;
    text-transform: uppercase;
    vertical-align: top;
}
.note-block-width button {
    all: unset;
    cursor: pointer;
}

.note-block i.incart {
    width: 27px;
    height: 23px;
    display: inline-block;
    text-align: left;
    margin-right: 22px;
    position: relative;
    top: 5px;
}

.note-block i.incart::before {
    content: "\e919";
    font-family: 'icomoon' !important;
    font-style: normal;
    position: absolute;
    top: 0;
    font-size: 30px;
    color: #fff;
    line-height: 25px;
    font-weight: normal;
}

.note-block .right-1 {
    max-width: 250px;
    width: 100%;
    display: inline-block;
    font-family: 'droid_sansbold';
    font-size: 17px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.18;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    height: 49px;
    top: 0;
    vertical-align: top;
    line-height: 50px;
}
.note-block .right-2 {
    max-width: unset;
    font-size: 20px;
}
.note-block-width {
    width: 300px;
}
.sc-qty {
    background: #e7e8e7;
}
.sc-qty .left-img {
    margin-left: 2%;
}
.sc-qty .group-right-col {
    margin-top: 25px;
}
.sc-qty .group-right-col span{
    margin-left: 25px;
}
.sc-note {
    background: #e7e8e7;
    color: #006544;
    font-weight: bolder;
}
.sc-note p {
    padding: 5%;
}
.sc-note span {
    float: right;
    font-size: 12px;
    color: #646464;
}


ul.container-lists li .edit-col {
    width: 28.9px;
    height: 28.9px;
    color: #006544;
    position: absolute;
    font-size: 30px;
    right: 10px;
    top: 10px;
    display: inline-block;
    line-height: 29px;
    text-align: center;
}

ul.container-lists li .notification-block {
    z-index: 1;
    width: 62px;
    height: 26.5px;
    border-radius: 2px;
    background: #006544;
    font-family: 'droid_sansbold';
    font-size: 17px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.18;
    letter-spacing: normal;
    text-align: left;
    position: absolute;
    top: 5px;
    left: 5px;
    text-align: center;
    color: #fff;
    line-height: 26px;
}

.fullwidth-container {
    width: 1000px;
    margin: 0 auto;
    position: relative;
    right: -150px;
}

.fullwidth-container .f-width {
    float: left;
    margin: 0;
}

.fullwidth-container aside {
    width: 300px;
    float: left;
    background: #f00;
    min-height: 700px;
}

.tab2 button.accordion, 
button.accordion-month,
.accordion-block button.accordion,
button.accordion {
    background: none;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    border-top: solid 1px #006544;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    font-family: 'droid_sansbold';
    font-size: 17px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: left;
    color: #006544;
}
button.accordion-month{
    border: none;
    font-size: 15px;
    padding: unset;
    padding-left: 15px;
}
.tab2 button.accordion.active,
.tab2 button.accordion:hover {}

.tab2 button.accordion:after,
.accordion-block button.accordion:after,
button.accordion:after {
    content: '\e91d';
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-size: 25px;
    color: #006544;
    float: right;
    margin-left: 5px;
}

.tab2 button.accordion.active:after,
.accordion-block button.accordion.active:after,
button.accordion.active:after {
    content: "\e915";
}

.tab2 div.panel,
.accordion-block div.panel,
div.panel {
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: 0.6s ease-in-out;
    opacity: 0;
    margin-bottom: 20px;
}

.tab2 div.panel {
    margin-bottom: 0;
}

.tab2 div.panel.show,
.accordion-block div.panel.show,
div.panel.show {
    opacity: 1;
    max-height: 7500px;
}

.container-info-block ul.list-2 li {
    display: block;
    margin-bottom: 5px;
}

li.order-group div.note-block.blocked {
    background-color: #d8d8d8;
}

li.order-group div.note-block.active {
    cursor: pointer;
}

li.order-group div.order-action-btn {
    border-radius: 0 5px 5px 0;
    width: 60%;
}

.grey-bg {
    font-family: 'droid_sansbold';
    font-size: 17px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    border-radius: 5px;
    line-height: 50px;
    color: #fff;
}

ul.container-lists li .edit-col .fa-exclamation {
    transform: rotate(180deg);
}

.container-info-block ul.icon-list li i {
    color: #d8d8d8;
}

.container-info-block ul.icon-list li.active-b i {
    color: #646464;
}

.right-sidebar {
    position: absolute;
    width: 300px;
    height: 500px;
    right: -315px;
    padding-top: 80px;
}

ul.main-nav {
    position: absolute;
    width: 375px;
    background: #006544;
    z-index: 999;
    top: 50px;
    padding-bottom: 10px;
    display: none;
    left: -20px;
    transition: 0.2s;
}

.menu-block:hover ul.main-nav {
    display: block;
    transition: 0.2s;
}

ul.main-nav li a {
    font-family: 'droid_sansbold';
    font-size: 17px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: left;
    color: #fefefe;
    padding: 15px 50px;
    display: block;
}

ul.main-nav li a .fa-exclamation {
    transform: rotate(180deg);
}

ul.main-nav li a i {
    width: 30px;
    margin-right: 15px;
}

ul.main-nav li a i.fa-exclamation {
    margin-right: 34px;
    margin-left: -20px;
}

div.recurring-box [type="checkbox"]:not(:checked)+label,
div.recurring-box [type="checkbox"]:checked+label {
    padding-left: 30px;
}

.cart-block button {
    position: relative;
    font-family: 'droid_sansbold';
    font-size: 17px;
    font-weight: normal;
}

.cart-block button span {
    display: block;
    font-weight: normal;
    font-size: 17px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: left;
    margin-top: 10px;
}

.cart-block .container-title {
    font-family: 'droid_sansbold';
    font-size: 17px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.18;
    letter-spacing: normal;
    text-align: left;
    color: #006544;
}

.container-location {
    font-family: 'droid_sansregular';
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.14;
    letter-spacing: normal;
    text-align: left;
    color: #646464;
    display: block;
    margin-bottom: 20px;
}

.cart-block .img-block {
    float: left;
    margin-right: 20px;
}

.cart-block .img-block img{
    max-height: 100%;
    object-fit: contain;
}

.delete {
    width: 18px;
    height: 18px;
    position: absolute;
    right: 14px;
    bottom: 14px;
    display: block;
    color: #646464;
    font-size: 25px;
}

.cart-block button.accordion::after {
    content: '\e91d';
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    color: #006544;
    float: right;
    margin-left: 5px;
    top: 44%;
    bottom: 50%;
    position: absolute;
    right: 25px;
    margin-top: -7px;
}

.info-one {
    font-family: 'droid_sansbold';
    font-size: 17px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.18;
    letter-spacing: normal;
    text-align: center;
    color: #006544;
    max-width: 420px;
    margin: 0 auto;
}

.order-note-block {
    width: 100%;
    max-width: 355px;
    margin: 0 auto;
    height: 170px;
    border-radius: 5px;
    background: #e7e8e7;
    margin-top: 30px;
    margin-bottom: 35px;
}

.img-col-3.order-info-container-img.container-image {
    padding: 10px 5px;
    background: white;
    border-radius: 5px;
    float: left;
    margin-right: 10px;
}

.img-col-3.order-info-container-img.container-image img {
    width: 100%;
    height: auto;
    max-width: 100px;
    display: block;
    margin: 0 auto;
}

.cart-block .c-box {
    width: 100%;
    max-width: 355px;
    margin: 0 auto;
}

.cart-block button.order-btn {
    width: 100%;
    height: 50px;
    border-radius: 5px;
    background: #006544;
    border: none;
    margin-top: 50px;
    display: block;
    color: #fff;
    margin-bottom: 45px;
}

.info-two {
    font-family: 'droid_sansregular';
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.14;
    letter-spacing: normal;
    text-align: center;
    color: #646464;
    margin-bottom: 10px;
}

footer {
    width: 100%;
    height: 49.5px;
    background: #e7e8e7;
    text-align: center;
    font-family: 'droid_sansbold';
    font-size: 13px;
    font-weight: normal;
    color: #006544;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.15;
    letter-spacing: normal;
    text-align: center;
    line-height: 50px;
    margin-top: 210px;
}

.title-block p.title-one {
    font-family: 'droid_sansbold';
    font-size: 17px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.18;
    letter-spacing: normal;
    text-align: center;
    text-transform: uppercase;
}

.order-note-block ul {
    width: 100%;
    margin-bottom: 20px;
}

.order-note-block ul li {
    width: 50%;
    display: inline;
}

.order-note-block ul li:first-child {
    text-align: left;
    font-family: 'droid_sansbold';
    font-size: 17px;
    font-weight: normal;
    color: #006544;
}

.order-note-block ul li:last-child {}

.order-note-block {
    padding: 20px 14px;
}

.order-note-block p {
    font-family: 'droid_sansregular';
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    color: #646464;
}

.cart-van {
    width: 54px;
    height: 37px;
    display: block;
    position: absolute;
    right: 11px;
    top: 5px;
}

.cart-van::before {
    content: "\e91b";
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    color: #fff;
    font-size: 50px;
    top: -13px;
    position: absolute;
}

.cart-count {
    width: 20px;
    height: 20px;
    background: #ef5b00;
    border-radius: 50%;
    color: #fff;
    font-family: 'droid_sansregular';
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.14;
    text-align: center;
    line-height: 20px;
    position: absolute;
    display: block;
    left: 10px;
    top: 3px;
}

.content-col {
    padding: 77.5px 0 49.5px
}

.content-col p {
    font-family: 'droid_sansregular';
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.14;
    letter-spacing: normal;
    text-align: left;
    margin-bottom: 25px;
    color: #646464;
}

.content-col h2 {
    font-family: 'droid_sansbold';
    font-size: 17px;
    font-weight: normal;
    line-height: 1;
    color: #006544;
    margin-bottom: 5px;
}

.modalDialog {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 99999;
    opacity: 0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

.modalDialog:target {
    opacity: 1;
    pointer-events: auto;
}

.modalDialog>div.inner-block {
    width: 400px;
    position: relative;
    margin: 10% auto;
    padding: 5px 20px 13px 20px;
    border-radius: 10px;
    background: #fff;
}

.close {
    background: #606061;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    right: -12px;
    text-align: center;
    top: -10px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000;
}

.close:hover {
    background: #00d9ff;
}

.contact-details {
    max-width: 280px;
    margin: 60px auto 20px;
}

.contact-details p {
    font-size: 17px;
    line-height: 1.18;
    letter-spacing: normal;
    color: #707070;
    margin-bottom: 15px;
}

.thumb-block {
    /*background: #e7e8e7;*/
    width: 125px;
    /*height: 125px;*/
    /*border-radius: 5px;*/
    /*position: relative;*/
    margin-bottom: 50px;
}

.contaact-person-image {
    width: 125px;
}

/*.thumb-block::before {*/
    /*content: "";*/
    /*width: 75px;*/
    /*height: 75px;*/
    /*background: #f5f5f5;*/
    /*margin: 0 auto;*/
    /*position: absolute;*/
    /*border-radius: 50%;*/
    /*left: 25px;*/
    /*top: 10px;*/
/*}*/

/*.thumb-block::after {*/
    /*content: "";*/
    /*width: 95px;*/
    /*height: 35px;*/
    /*background: #f5f5f5;*/
    /*border-radius: 15px 15px 0 0;*/
    /*position: absolute;*/
    /*left: 15px;*/
    /*bottom: 0;*/
/*}*/

p.name-title {
    font-family: 'droid_sansbold';
    color: #006544;
    font-size: 17px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: normal;
    margin-bottom: 20px;
}

li .icon-Telefon {
    display: block;
    color: #006544;
    font-size: 40px;
}

li .icon-Telefon .path2::before,
li .icon-Telefon .path3::before {
    color: #006544;
}

.container-info-block ul.icon-list li .icon-Order_DriverOnTheWay {
    font-size: 32px;
    position: relative;
    top: 4px;
}

.mail::before {
    content: "\e91c";
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    color: #006544;
    margin-right: 20px;
    font-size: 20px;
    display: inline-block;
    width: 25px;
    margin-right: 9px;
}

ul.contact-list li.mail::before {
    display: block;
    text-align: center;
    width: auto;
    margin-bottom: 0;
}

ul.contact-list li.mbl i.icon-Mobil {
    display: block;
    color: #006544;
    font-size: 40px;
    margin-bottom: 5px;
}

.mbl {
    position: relative;
    padding-left: 10px;
    display: block;
}

.mbl .fa-mobile-alt {
    position: relative;
    left: 0;
    color: #006544;
    left: -9px;
    margin-right: 20px;
    font-size: 25px;
}

.left-arrow {
    position: absolute;
    display: block;
    width: 15px;
    height: 15px;
    top: 6px;
}

.left-arrow::before {
    content: "";
    width: 15px;
    height: 2px;
    background: #066245;
    position: absolute;
    transform: rotate(-45deg);
    left: 0;
}

.left-arrow::after {
    content: "";
    width: 15px;
    height: 2px;
    background: #066245;
    position: absolute;
    transform: rotate(45deg);
    top: 9px;
    left: 0;
}

.f-width {
    position: relative;
}

ul.contact-list-1 li {
    display: block;
    border-bottom: solid 1px #006544;
    padding-bottom: 60px;
    margin-bottom: 25px;
    padding-right: 150px;
    position: relative;
}

ul.contact-list-1 li .edit {}

ul.contact-list-1 {
    margin-top: 60px;
}

.contact-list-1 li p i::before,
.contact-list-1 li p::before,
.contact-details p.mail::before,
.contact-details p.phone i::before {
    position: relative;
    top: 5px;
}

ul.contact-list-1 li:first-child {
    padding-left: 180px;
}

ul.contact-list-1 li:last-child {
    padding-left: 165px;
    text-align: center;
    border: none;
    padding-bottom: 0;
}

ul.contact-list-1 p {
    margin-bottom: 20px;
}

ul.contact-list-1 p.mbl,
ul.contact-list-1 p.mail {
    color: #707070;
    font-size: 17px;
}

ul.contact-list-1 p.mbl {
    padding-left: 0px;
}

ul.contact-list-1 p.mbl i {
    font-size: 20px;
    color: #006544;
    position: relative;
    left: -11x;
}

ul.contact-list-1 p.name-title {
    margin-bottom: 30px;
}

ul.contact-list-1 li:last-child p.info {
    font-size: 17px;
    font-family: 'droid_sansbold';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.18;
    letter-spacing: normal;
    text-align: center;
    color: #006544;
}

.check-col {
    width: 90px;
    margin: 0 auto;
    text-align: left;
}

.check-col .form-group {
    margin-bottom: 25px;
}

ul.contact-list {
    margin-top: 60px;
}

ul.contact-list li {
    text-align: center;
}

ul.contact-list li.phone::before,
ul.contact-list li.mail::before {
    display: block;
    margin-right: auto;
    font-size: 40px;
}

ul.contact-list li.mbl .fa-mobile-alt {
    display: block;
    left: auto;
    margin-right: auto;
    font-size: 35px;
    margin-bottom: 10px;
}

ul.contact-list li.mbl {
    padding-left: 0;
}

ul.contact-list li {
    margin-bottom: 40px;
    color: #646464;
}


/*the container must be positioned relative:*/

.custom-select {
    position: relative;
    margin-bottom: 40px;
}

.custom-select select {
    display: none;
    /*hide original SELECT element:*/
}

.select-selected {
    background-color: #e7e7e7;
    height: 60px;
}


/*style the arrow inside the select element:*/

.custom-select i {
    left: 25px;
    z-index: 99;
    position: absolute;
    color: #006544;
    top: 16px;
    font-size: 28px;
}


/*point the arrow upwards when the select box is open (active):*/

.select-selected.select-arrow-active:after {
    border-color: transparent transparent #fff transparent;
    top: 7px;
}


/*style the items (options), including the selected item:*/

.select-items div,
.select-selected {
    color: #646464;
    padding: 8px 16px;
    cursor: pointer;
    border-radius: 6px;
    line-height: 43px;
}

.select-selected {
    padding-left: 71px;
}


/*style items (options):*/

.select-items {
    position: absolute;
    background: #fff;
    opacity: 0.95;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
}


/*hide the items when the select box is closed:*/

.select-hide {
    display: none;
}

.select-items div:hover,
.same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
}

.custom-select .select-items div {
    width: 50%;
    float: left;
}

.custom-select .select-items div {
    height: 38px;
    font-size: 17px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.35;
    letter-spacing: normal;
    text-align: left;
    color: #646464;
}

.sidebar-title {
    height: 50px;
    width: 100%;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    background: #006544;
    line-height: 50px;
    margin-bottom: 38px;
    font-family: 'droid_sansbold';
    font-size: 17px;
    font-weight: normal;
}

ul.order-info-list {
    margin: 30px 0;
}

ul.order-info-list li {
    width: 48%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 25px;
    padding: 0 10px;
    height: auto;
    background: none;
}

div.collapse-view-tab div.panel.show {
    overflow: visible;
}

.title-hor,
.title-ver {
    font-size: 17px;
    font-family: 'droid_sansbold';
    font-weight: normal;
    color: #006544;
}

ul.order-info-list li .details-txt {
    font-size: 14px;
    font-weight: normal;
    color: #646464;
}

ul.order-info-list li:nth-child(1),
ul.order-info-list li:nth-child(6),
ul.order-info-list li:nth-child(7) {
    width: 100%;
}

.title-ver {
    display: block;
}

.c-count {
    width: 26px;
    height: 30px;
    background: #646464;
    color: #fff;
    text-align: center;
    font-size: 17px;
    font-family: 'droid_sansbold';
    font-weight: normal;
    position: absolute;
    top: 0;
    right: 60px;
    border-radius: 0 0 15px 15px;
    line-height: 30px;
}

.accordion-block button.accordion {
    position: relative;
}

ul.order-lists>li {
    height: 290px;
}

.container-info-block ul.icon-list li {
    font-size: 26px;
}

.container-name {
    font-size: 17px;
    font-family: 'droid_sansbold';
    font-weight: normal;
    color: #006544;
    margin-bottom: 10px;
}

.container-info-block ul.icon-list li.active-g i {
    color: #006544;
}

.content-wrapper {
    max-width: 970px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -305px;
}

.content-main {
    max-width: 610px;
    width: 100%;
    float: left;
    margin-right: 30px;
}

.content-main .pc-tab ul li label {
    padding-top: 5px;
    height: 46px;
}

.content-main .pc-tab {
    top: -49px;
}

.pc-tab ul {
    padding-top: 8px;
}

aside.sidebar {
    max-width: 330px;
    width: 0;
    float: left;
    padding-top: 120px;
    transition: 0.5s;
    position: relative;
    right: 0;
    overflow: hidden;
}

.note-block .left-1 {
    cursor: pointer;
}

.form-group.search-input {
    margin-bottom: 40px;
}

a.add-note {
    width: 60px;
    height: 60px;
    background: #006544;
    color: #fff;
    display: block;
    float: right;
    border-radius: 50%;
    position: relative;
    margin-bottom: 20px;
    margin-right: 10px;
}

a.add-note::before {
    content: "\e931";
    position: absolute;
    top: 16px;
    left: 18px;
    font-family: 'icomoon' !important;
    font-size: 25px;
}

ul.note-list {
    margin: 0 10px;
}

ul.note-list li {
    min-height: 110px;
    border-radius: 5px;
    background: #e7e8e7;
    padding: 15px;
    color: #646464;
    font-size: 14px;
    margin-bottom: 10px;
    padding-bottom: 11px;
}

ul.note-list li p.date-c {
    font-size: 14px;
    color: #646464;
    text-align: right;
    margin-bottom: 20px;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

.note-edit-block {
    margin-top: 20px;
}

.note-edit-block a {
    font-size: 20px;
    color: #646464;
}

.cart-block-two {
    max-width: 670px;
}

.order-image {
    display: block;
    margin: 30px auto;
}

.order-image img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto;
}

.inner-block-m {
    max-width: 345px;
    width: 100%;
    margin: 0 auto;
}

form.select-containers input.form-control {
    width: 100%;
    height: 50px;
    border-radius: 5px;
    border: solid 1px #006544;
}

form.select-containers .datepicker {
    position: relative;
}

form.select-containers .datepicker::before {
    /* content: "\f073";
    position: absolute;
    font-family: 'font awesome 5 free';
    font-weight: bold;
    font-weight: bold;*/
    font-size: 18px;
    color: #006544;
    right: 15px;
    top: 14px;
    pointer-events: none;
}

form.select-containers .form-control {
    width: 100%;
    height: 50px;
    border-radius: 5px;
    border: solid 1px #006544;
    width: 100%;
}

form.select-containers .select-custom {
    position: relative;
}

form.select-containers .select-custom select {
    -moz-appearance: none;
    -webkit-appearance: none;
}

.cart-block-two hr {
    margin: 20px 0;
    border: none;
    border-bottom: solid 1px #006544;
}

form.select-containers .select-custom::before {}

form.select-containers .select-custom::before {
    content: "";
    width: 21px;
    height: 2px;
    background: #006544;
    position: absolute;
    top: 24px;
    right: 20px;
}

form.select-containers .select-custom::after {
    content: "";
    width: 2px;
    height: 21px;
    background: #006544;
    position: absolute;
    top: 15px;
    right: 30px;
}

.col-1 {
    width: 40%;
    float: left;
}

.col-2 {
    width: 60%;
    float: left;
}

form.select-containers button {
    width: 100%;
    height: 50px;
    border-radius: 5px;
    font-size: 16px;
    font-family: 'droid_sansbold';
    font-weight: normal;
    color: #fff;
    text-align: center;
    background: #006544;
    border: none;
    text-transform: uppercase;
}

form.select-containers button.plain-btn {
    border: solid 1px #006544;
    background: none;
    color: #006544;
}

form.select-containers .info,
p.register-customer.info {
    padding-left: 34px;
    font-size: 17px;
    color: #646464;
    position: relative;
    margin-top: 175px;
    margin-bottom: 20px;
}

p.register-customer.info {
    margin-top: 0;
    margin-bottom: 0;
}

form.select-containers .btn-2 {
    position: relative;
}

form.select-containers .btn-2::before {
    content: "\e92c";
    position: absolute;
    left: 13px;
    top: 8px;
    font-family: 'icomoon' !important;
    font-style: normal;
    color: #006544;
    font-size: 30px;
}

form.select-containers .info::before,
p.register-customer.info::before {
    content: "\e90f";
    font-family: 'icomoon' !important;
    font-style: normal;
    font-size: 25px;
    color: #ef5b00;
    position: absolute;
    left: 0;
    top: -3px;
}

.cart-block-two .title {
    font-size: 17px;
    font-family: 'droid_sansbold';
    font-weight: normal;
    color: #006544;
    margin-bottom: 5px;
}

.content-name {
    font-size: 14px;
    color: #646464;
}

.check-dropdown {
    margin: 50px 0 0 0;
}

.check-dropdown li {
    clear: both;
    height: 105px;
    border-radius: 5px;
    background: #e7e8e7;
    margin-bottom: 5px;
    max-width: 330px;
    padding: 10px 15px;
}

.check-dropdown li.select-all {
    float: left;
    width: 100%;
    height: 40px;
    background-color: transparent;
}

.check-dropdown li.select-all [type="checkbox"]:checked+label::before,
.check-dropdown li.select-all [type="checkbox"]:not(:checked)+label::before,
.check-dropdown li [type="checkbox"]:checked+label::before {
    top: 0px;
}

.check-dropdown li.select-all [type="checkbox"]:not(:checked)+label::after,
.check-dropdown li.select-all [type="checkbox"]:checked+label::after {
    top: 4px;
}

.img-block-1 {
    width: 115px;
    height: 65px;
    display: inline-block;
    background: #fff;
    border-radius: 3px;
    margin-top: 4px;
    overflow: hidden;
}

.img-block-1 img {
    width: 100%;
    height: auto;
    display: block;
}

.check-dropdown li .container-name {
    display: inline-block;
    max-width: 53%;
    width: 100%;
    float: right;
    font-size: 17px;
    font-family: 'droid_sansbold';
    font-weight: normal;
    color: #006544;
    padding-left: 7px;
}

.check-dropdown li [type="checkbox"]:not(:checked)+label,
.check-dropdown li [type="checkbox"]:checked+label {
    float: left;
}

.check-dropdown li [type="checkbox"]:not(:checked)+label::before,
.check-dropdown li [type="checkbox"]:checked+label::before {
    top: 25px;
    background: #fff;
}

.check-dropdown li [type="checkbox"]:checked+label::before {
    background: #006544;
}

.check-dropdown li [type="checkbox"]:not(:checked)+label::after,
.check-dropdown li [type="checkbox"]:checked+label::after {
    top: 29px;
}

.case-p p {
    font-size: 14px;
    color: #646464;
    margin-top: 50px;
    margin-bottom: 20px;
}

.sidebar {
    width: 0;
}

ul.container-sidebar-list li {
    margin-bottom: 31px;
}

ul.container-sidebar-list li .img-col {
    display: block;
    margin: 0 auto;
}

ul.container-sidebar-list li .img-col img {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: auto;
}

.title-2 {
    font-size: 17px;
    font-family: 'droid_sansbold';
    font-weight: normal;
    color: #006544;
    text-align: center;
}

.location {
    font-size: 14px;
    color: #646464;
    text-align: center;
}

.select2.select2-container {
    width: 100% !important;
    height: 60px;
}

.select2-container--default .select2-selection--single {
    color: #646464;
    padding: 8px 16px;
    cursor: pointer;
    border-radius: 6px !important;
    line-height: 43px;
    padding-left: 70px;
    height: 100%;
    height: 60px !important;
    position: relative;
    background-color: #e7e7e7 !important;
    border: none !important;
}

.pc-tab section {
    clear: both;
    position: relative;
}

.fa-map-marker-alt::before {
    content: "\f3c5";
    position: absolute;
    z-index: 99;
    top: 58px;
    left: 20px;
    font-size: 22px;
    color: #006544;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-weight: normal;
    color: #646464 !important;
    line-height: 42px !important;
    font-size: 17px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none;
}

.select2-results__option {
    width: 50%;
    float: left;
}

.select2-container--default .select2-results>.select2-results__options {
    background: rgba(255, 255, 255, 0.8);
}

.select2-dropdown .select2-results {
    background: none;
}

.select2-container .select2-dropdown {
    background: none;
    border: none;
}

.select2-container .select2-results__option {
    color: #646464;
}

.login-form .text-center,
.forget-password-form .text-center,
.reset-password-form .text-center {
    color: #646464;
    font-size: 13px;
    cursor: pointer;
    display: block;
}

form.login-form button,
form.forget-password-form button,
form.reset-password-form button {
    cursor: pointer;
}

form.login-form button:hover,
form.forget-password-form button:hover,
form.reset-password-form button:hover {
    opacity: 0.8;
}

#errorModalErrors .inner-block h3 {
    margin-bottom: 20px;
}

#errorModalErrors .modal-content {
    max-width: 479px;
}

ul#serverErrors li,
ul#sessionFlashbags li,
ul.error-list li {
    text-align: center;
    font-size: 17px;
    color: #646464;
    margin-bottom: 10px;
}

#errorModalErrors a.plain-btn.closemodal {
    width: 100px;
    margin: 0 auto;
    display: block;
    background: #006544;
    line-height: 30px;
    color: #fff;
    border-radius: 3px;
    cursor: pointer;
}

.plain-btn.closemodal:hover {
    opacity: 0.8;
}

.container-overview-block {
    width: 100%;
    max-width: 100%;
    border-radius: 5px;
    background: #e7e8e7;
    margin-bottom: 11px;
    padding: 20px 20px 10px 20px;
}

.container-overview-block .title-2 {
    text-align: left;
    margin-bottom: 20px;
}

.container-overview-block .img-col-2 {
    width: 100%;
    height: auto;
    border-radius: 5px;
}

.container-overview-block .img-col-2 img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 5px;
}

.container-overview-block p .lost-container {
    width: 32px;
    height: 30px;
    position: relative;
    display: inline-block;
    float: left;
    margin-top: 10px;
    cursor: pointer;
}

.container-overview-block p .lost-container::before {
    content: "\e933";
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    color: #ef5b00;
    font-size: 30px;
}

#top-nav li li a i {
    font-size: 26px;
    display: inline-block;
    position: relative;
    top: 4px;
}

.container-overview-block p a.edit-col {
    font-size: 20px;
    color: #646464;
    float: right;
    margin-top: 15px;
}

.product-block {
    cursor: pointer;
}

.hide {
    display: none !important;
}

.c-img {
    width: 135px;
    height: 77px;
    background: #fff;
    border-radius: 5px;
    float: left;
    margin-right: 15px;
}

.c-img img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 5px;
}

.c-block-1 {
    height: auto;
}

.c-block-1 span.title-g {
    float: left;
    word-wrap: break-word;
    width: 140px;
}

.menu-block {
    color: #fff;
    font-size: 22px;
    position: absolute;
    left: 0;
    bottom: 10px;
}

.header-bar .f-width {
    min-height: 50px;
}

aside.sidebar {
    display: none;
    max-width: 330px;
    width: 100%;
    float: left;
    padding-top: 120px;
    transition: 0.5s;
    position: relative;
    right: 0;
}

.group-containers div.panel {
    margin-bottom: 0;
}

.group-containers button.accordion {
    border-bottom: none;
}

.group-containers button.accordion:last-of-type {
    border-bottom: solid 1px #006544;
}

.modalDialog>div.inner-block {
    border-radius: 8px;
    padding: 20px;
    max-width: 415px;
    width: 100%;
}

.modalDialog>div.inner-block h3 {
    width: 100%;
    height: 50px;
    background: #006544;
    font-size: 17px;
    font-family: 'droid_sansbold';
    font-weight: normal;
    color: #fff;
    line-height: 50px;
    text-align: center;
    text-transform: uppercase;
}

.btn-block {
    width: 100%;
    height: 50px;
    background: #e7e8e7;
}

.btn-block a.btn {
    font-size: 17px;
    color: #006544;
    padding: 0 20px;
    line-height: 50px;
    text-transform: uppercase;
}

.btn-block a.btn.save-container,
.btn-block a.btn.save-note,
.save-btn {
    font-family: 'droid_sansbold';
    font-weight: normal;
}

.c-preview {
    max-width: 330px;
    width: 100%;
    margin: 20px auto 40px;
    background: #e7e8e7;
    padding: 10px;
    border-radius: 5px;
}

.c-preview input,
.c-preview textarea {
    border-radius: 2px;
    background: #f7f7f7;
    font-size: 17px;
    font-family: 'droid_sansbold';
    font-weight: normal;
    color: #006544;
    padding: 10px;
    margin-bottom: 20px;
    width: 100%;
    border: none;
}

textarea.c-preview input {
    height: 75px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #006544;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    font-weight: bold;
}

.containr-thumb {
    width: 100%;
    min-height: 175px;
    background: #fff;
    border-radius: 5px;
    position: relative;
}

.containr-thumb img {
    width: 100%;
    height: auto;
    border-radius: 5px;
}

.containr-thumb .upload-img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c4d5cb+0,d1ddd7+37,eef2f0+77,f8f9f8+100 */
    background: #c4d5cb;
    /* Old browsers */
    background: -moz-linear-gradient(top, #c4d5cb 0%, #d1ddd7 37%, #eef2f0 77%, #f8f9f8 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #c4d5cb 0%, #d1ddd7 37%, #eef2f0 77%, #f8f9f8 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #c4d5cb 0%, #d1ddd7 37%, #eef2f0 77%, #f8f9f8 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4d5cb', endColorstr='#f8f9f8', GradientType=0);
    /* IE6-9 */
    display: block;
    position: absolute;
    right: 10px;
    bottom: 20px;
}

.containr-thumb .upload-img::before {
    content: "\e914";
    position: absolute;
    z-index: 99999;
    right: 10px;
    bottom: 22px;
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    color: #006544;
    border-radius: 50%;
    font-size: 35px;
    text-align: center;
    line-height: 14px;
}

.modal .edit-conact {
    max-width: 315px;
    margin: 0 auto;
    padding-bottom: 10px;
}

.modal .edit-conact .form-group {
    position: relative;
}

.edit-conact .title-2 {
    text-align: left;
    margin-bottom: 15px;
    font-size: 17px !important;
    font-family: 'droid_sansbold';
    font-weight: normal;
    color: #006544 !important;
}

.edit-conact .form-group {
    padding-left: 30px;
    position: relative;
}

.edit-conact {
    padding-top: 30px;
}

.edit-conact .form-group i {
    position: absolute;
    left: 0;
    font-size: 18px;
    color: #006544;
    top: 15px;
}

.edit-conact .form-control {
    height: 50px;
    border-radius: 5px;
    border: solid 1px #006544;
}

.edit-note-block {
    max-width: 330px;
    padding: 12px;
    background: #e7e8e7;
    border-radius: 5px;
    color: #646464;
    margin: 20px auto;
    font-size: 14px;
}

.inner-edit {
    border-radius: 2px;
    background-color: #f7f7f7;
    padding: 10px;
}

.text-right {
    text-align: right;
}

.modalDialog.s-block>div.inner-block h3 {
    font-size: 17px;
    font-family: 'droid_sansbold';
    font-weight: normal;
    color: #006544;
    background: none;
    text-transform: capitalize;
}

.inner-block .g-btn {
    font-family: 'droid_sansbold';
    height: 50px;
    border-radius: 6px;
    display: block;
    text-align: center;
    background: #006544;
    line-height: 50px;
    color: #fff;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: normal;
    margin: 20px 0;
}

.inner-block .plain-btn {
    font-size: 14px;
    color: #006544;
    text-align: center;
    display: block;
    text-transform: uppercase;
}

.modalDialog.s-block>div.inner-block {
    border-radius: 0;
}

.modalDialog.s-block>div.inner-block p {
    font-size: 14px;
    color: #646464;
}

#ordered-c.modalDialog.s-block>div.inner-block {
    max-width: 380px;
}

#ordered-c.modalDialog.s-block>div.inner-block .s-width {
    max-width: 70%;
    margin: 45px auto 30px;
    font-size: 17px;
    color: #646464;
}

.s-width i {
    color: #006544;
}

#ordered-c.modalDialog.s-block>div.inner-block .s-width p {
    font-size: 17px;
    color: #646464;
    line-height: 20px;
    margin-bottom: 10px;
}

.ui-widget.ui-widget-content {
    border-color: #006544;
    border-top: none;
}

a.back-btn {
    display: none;
}

#ui-datepicker-div {
    max-width: 345px;
    width: 100%;
    border-radius: 0 0 5px 5px;
    margin-top: -5px;
    z-index: 99999 !important;
}

.ui-widget-content {
    background: #e7e8e7;
}

.ui-widget-header {
    background: none;
    border: none;
    font-family: 'droid_sansbold';
    font-size: 17px;
    font-weight: normal;
    color: #006544;
}

.ui-datepicker th {
    font-family: 'droid_sansbold';
    font-size: 17px;
    font-weight: normal !important;
    color: #006544;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: none;
    background: none;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight,
.ui-state-active,
.ui-widget-content .ui-state-active {
    border: none;
    background: #fff;
    color: #006544 !important;
    font-family: 'droid_sansregular';
    font-size: 17px;
}

.ui-state-active,
.ui-widget-content .ui-state-active {}

.ui-state-default,
.ui-widget-content .ui-state-default {
    text-align: center;
    border-radius: 4px;
}

.txt-002 a {
    font-size: 13px;
    color: #646464;
}

.floating-note {
    display: none;
    position: absolute;
    right: -340px;
    z-index: 9999;
    width: 100%;
    max-width: 300px;
    top: 0;
}

ul.container-lists li ul li {
    width: auto;
}

ul.container-lists .sidebar-container li {
    height: auto;
}

svg.lc-svg {
    fill: #f00;
}

#edit-container .modal-content {
    width: 100%;
    max-width: 415px;
    border: none;
    border-radius: 8px;
}

.switch {
    position: relative;
    display: inline-block;
    width: 55px;
    height: 30px;
    margin: 0 5px;
    top: 5px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    border: solid 1px #006544;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 20px;
}

.slider:before {
    position: absolute;
    content: "";
    height: 24px;
    width: 24px;
    left: 3px;
    bottom: 2px;
    background-color: #006544;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked+.slider {
    background-color: #fff;
    border: solid 1px #006544;
    border-radius: 20px;
}

input:focus+.slider {
    box-shadow: 0 0 1px #b8b8b8;
}

input:checked+.slider:before {
    -webkit-transform: translateX(24px);
    -ms-transform: translateX(24px);
    transform: translateX(24px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

p.switch-block {
    font-size: 14px;
    color: #006544;
    bottom: -25px;
    position: fixed;
    background: #fff;
    max-width: 600px;
    width: 120%;
    margin-left: -20px;
    padding: 10px 20px 20px
}

.cart-block button span {
    font-family: 'droid_sansregular';
}

.order-note-block {
    margin-top: 40px;
}

.order-note-block ul li {
    display: inline-block;
    font-size: 14px;
    width: auto;
}

.order-note-block ul li:last-child {
    color: #646464;
    float: right;
}

.order-note-block ul.icon-list-btm {
    margin-bottom: 0;
    color: #646464;
}

.order-note-block ul.icon-list-btm li a {
    color: #646464;
}

.order-note-block ul.icon-list-btm li a i.icon-Delete,
.order-note-block ul.icon-list-btm li a i.icon-EditGroup {
    font-size: 25px;
}

.order-note-block p {
    min-height: 50px;
}

.green-bar {
    background: #e7e8e7;
}

.title-block.green-bar p.title-one {
    color: #006544;
}

a.prev-btn::before {
    content: "";
    width: 15px;
    height: 2px;
    background: #fff;
    transform: rotate(-45deg);
    position: absolute;
    left: 0px;
    top: 5px;
}

a.prev-btn::after {
    content: "";
    width: 15px;
    height: 2px;
    background: #fff;
    transform: rotate(45deg);
    position: absolute;
    left: 0px;
    top: 15px;
    cursor: pointer;
}

a.prev-btn {
    width: 22px;
    height: 23px;
    position: absolute;
    display: block;
    z-index: 9;
    top: 0;
    left: 15px;
}

.select-containers .select-plain {
    position: relative;
}

.select-containers .select-plain select {
    -moz-appearance: none;
    -webkit-appearance: none;
    font-size: 17px;
    font-family: 'droid_sansregular';
    color: #646464;
}

.select-containers .select-plain::before {
    content: "\e915";
    position: absolute;
    right: 14px;
    top: 12px;
    pointer-events: none;
    font-family: 'icomoon' !important;
    font-size: 24px;
    color: #006544;
}

.form-group.c-box {
    position: relative;
    top: 12px;
}

.form-group.c-box.disabled {
    opacity: 0.3;
}

.form-group.c-box.disabled label {
    cursor: not-allowed;
}

.dropdown {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 400px;
}

.dropdown-content {
    position: absolute;
    background-color: #fff;
    width: 100%;
    padding: 12px 16px;
    z-index: 1;
    border: solid 1px #006544;
    border-radius: 5px;
    max-width: 362px;
}

.drop-title {
    color: #006544;
    font-size: 17px;
    margin-bottom: 10px;
    line-height: 23px;
}

.check-dropdown li .form-group.c-box {
    top: 0;
}

.check-dropdown li [type="checkbox"]:not(:checked)+label,
.check-dropdown li [type="checkbox"]:checked+label {
    width: 100%;
}

.select-container {
    position: relative;
    height: 50px;
    line-height: 50px;
    border: solid 1px #006544;
    border-radius: 5px;
    display: block;
    padding: 0 15px;
    font-size: 17px;
    color: #646464;
}

.select-container::before {
    content: "\e91d";
    font-family: 'icomoon' !important;
    position: absolute;
    right: 13px;
    top: 0;
    pointer-events: none;
    font-size: 25px;
    color: #006544;
}

.select-container-popup {
    text-align: center;
    background: #006544;
    color: white !important;
    text-transform: uppercase;
}

.select-container::after {
    /*content: "";
    width: 2px;
    height: 17px;
    background: #006544;
    position: absolute;
    top: 15px;
    right: 20px;
    pointer-events: none;*/
}

.dropdown-content .check-dropdown {
    margin: 0px 0 0 0;
}

ul.cl-warning li {
    display: block;
    margin-bottom: 10px;
}

ul.cl-warning li .info-2 {
    font-family: 'droid_sansbold';
    font-size: 17px;
    font-weight: normal;
    color: #006544;
    float: left;
}

ul.cl-warning li i.tik {
    width: 18px;
    height: 23px;
    display: inline-block;
    position: relative;
    top: 5px;
    margin-right: 10px;
    float: left;
}

ul.cl-warning li i.tik::before {
    width: 2px;
    height: 20px;
    content: "";
    position: absolute;
    transform: rotate(37deg);
    background: #006544;
    right: 6px;
}

ul.cl-warning li i.excl {
    color: #ef5b00;
    float: left;
    width: 18px;
    height: 20px;
    margin-right: 10px;
    font-size: 33px;
}

ul.cl-warning li i.excl .icon-DateNoFree1::before {
    margin-left: -10px;
    top: -3px;
    position: relative;
}

ul.cl-warning li i.tik::after {
    width: 9px;
    height: 2px;
    content: "";
    position: absolute;
    transform: rotate(-135deg);
    background: #006544;
    left: -2px;
    top: 13px;
}

ul.cl-warning li .containr-t {
    width: 41px;
    height: 22px;
    display: inline-block;
    position: relative;
    top: 3px;
    margin-right: 10px;
    float: left;
}

.w-bg {
    background: #fff;
    margin-bottom: 0;
}

ul.cl-warning li .info-2 {
    font-family: 'droid_sansbold';
    font-size: 17px;
    font-weight: normal;
    color: #006544;
    float: left;
    word-wrap: break-word;
    width: calc(100% - 100px);
}

.sq-ic {
    width: 18px;
    height: 18px;
    border: solid 2px #1e87e4;
    display: block;
    position: relative;
}

.sq-ic i {
    width: 18px;
    height: 18px;
    display: block;
    position: relative;
}

.sq-ic i::before {
    content: "";
    width: 7px;
    height: 7px;
    border: solid 2px #1e87e4;
    background: #fff;
    position: absolute;
    left: -3px;
    bottom: 0px;
}

.sq-ic i::after {
    content: "";
    width: 7px;
    height: 7px;
    border: solid 2px #1e87e4;
    background: #fff;
    position: absolute;
    right: 1px;
    bottom: 0px;
}

.sq-ic::before {
    content: "";
    width: 7px;
    height: 7px;
    border: solid 2px #1e87e4;
    background: #fff;
    position: absolute;
    left: -3px;
    top: -3px;
}

.sq-ic::after {
    content: "";
    width: 7px;
    height: 7px;
    border: solid 2px #1e87e4;
    background: #fff;
    position: absolute;
    right: -3px;
    top: -3px;
}

html {
    height: 100%;
}

body {
    min-height: 100%;
    display: grid;
    grid-template-rows: 1fr auto;
}

footer {
    grid-row-start: 2;
    grid-row-end: 3;
    margin-top: 0;
}

#top-nav ul {
    list-style: none;
}

#top-nav ul li {
    display: inline-block;
}

#top-nav ul li a {
    display: block;
    color: #f9f9f9;
    padding: 10px 20px;
    cursor: pointer;
}


/* Dropdown */

li.dropdown {
    position: relative;
}

ul.dropdown-menu {
    position: absolute;
    min-width: 120px;
    top: -12px;
    left: 0px;
}

ul.dropdown-menu li {
    display: block !important;
    white-space: nowrap;
}


/* Sub Dropdown */

ul.dropdown-menu ul.dropdown-menu {
    left: 100%;
    top: 0;
    background-color: #f00 !important;
}


/* Display none by Default */

ul.dropdown-menu {
    display: none;
}

#top-nav {
    position: absolute;
    left: 0px;
    top: 45px;
}

#top-nav li ul {
    position: absolute;
    width: 375px;
    background: #006544;
    z-index: 9999;
    padding-bottom: 10px;
    display: none;
}

#top-nav li li a {
    font-family: 'droid_sansbold';
    font-size: 17px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: left;
    color: #fefefe;
    padding: 15px 50px 15px 25px;
    display: block;
}

#top-nav li li a i {
    width: 40px;
}

.ui-state-active {
    position: relative;
}

.ui-state-active::before {
    content: "";
    width: 100%;
    height: 10px;
    border-radius: 0 0 5px 5px;
    background: #006544;
    position: absolute;
    bottom: -8px;
    left: 0;
}

.ui-datepicker .ui-datepicker-prev {
    position: relative;
    left: 0;
    top: 0;
}

.ui-datepicker .ui-datepicker-next span {
    display: none;
}

.ui-datepicker .ui-datepicker-prev:hover {
    border: none;
    left: 0;
}

.ui-datepicker .ui-datepicker-prev {
    position: absolute;
    width: 25px;
    height: 25px;
    display: inline-block;
    z-index: 9999999;
    cursor: pointer;
}

.error {
    display: block;
    text-align: center;
    color: #f00;
    font-size: 14px;
    margin-top: 5px;
}

.overlay-block {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.2);
}

.overlay-block img {
    width: 80px;
    height: auto;
    display: block;
    margin: 20% auto 0;
}

.modalDialog.cmn-popup>div.inner-block {
    max-width: 900px;
}

.modalDialog.cmn-popup>div.inner-block h3 {
    margin-bottom: 20px;
}


/* Popup Box */


/* The Modal (background) */

.modal {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 9999;
    /* Sit on top */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */
    overflow-x: hidden;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
}


/* Modal Content/Box */

.modal-content {
    background-color: #fefefe;
    margin: 10vh auto;
    /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 90%;
    /* Could be more or less, depending on screen size */
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
}

.error-msg-block {
    max-width: 300px;
    width: 100%;
    margin: 30px auto;
}

.error-msg-block img {
    width: 100%;
    height: auto;
}

.error-pages {
    padding-top: 0;
}

p.error-info-h {
    color: #006544;
    text-align: center;
    font-family: 'droid_sansbold';
    font-size: 17px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    margin-top: 40px;
    margin-bottom: 25px;
}

.g-txt {
    color: #646464;
    line-height: 19px;
}

.g-btn.btn1 {
    font-family: 'droid_sansbold';
    height: 50px;
    border-radius: 6px;
    display: block;
    text-align: center;
    background: #006544;
    line-height: 50px;
    color: #fff;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: normal;
    margin: 20px 0;
    max-width: 280px;
    margin: 20px auto 0;
}

.v-space-100 {
    padding-top: 100px;
}

.form-group.btn-2 .plain-btn.c-btn::before {
    content: "";
}

ul.container-lists li .delete {
    width: 21px;
    height: 23px;
    right: 15px;
    bottom: 19px;
}

.hr-full-line {
    width: 100%;
    height: 1px;
    display: block;
    clear: both;
    background: #006544;
    margin: 20px 0;
}

.order-tab .hr-full-line {
    margin: 0px;
}

.order-form [type="checkbox"]:not(:checked)+label {
    display: block;
}

.select2-container--default .select2-results>.select2-results__options {
    background-color: rgba(255, 255, 255, 0.98);
    border-top: none;
    padding: 15px 15px 0;
}

.select2-container--default .select2-results__option[aria-selected="true"] {
    background: none;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: none;
    color: #646464;
}

form.select-containers .datepicker::before {
    position: absolute;
    right: 15px;
}

.avv-title {
    font-size: 14px;
    color: #646464;
    font-family: 'droid_sansregular';
    margin-top: 40px;
    margin-bottom: 10px;
}

.avv-title span {
    font-family: 'droid_sansregular';
    font-size: 14px;
    display: inline-block;
    margin-left: 18px;
    color: #646464;
}

.select2-results__option {
    font-weight: 400;
    font-size: 17px;
    padding: 0;
    line-height: 50px;
    color: #646464;
}

.select2-container--default .select2-results__option[aria-selected="true"] {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
}

.content-wrapper.admin-block.clearfix {
    max-width: 1280px;
    margin: 0 auto;
    position: static;
}

.content-wrapper.admin-block.clearfix .content-main {
    max-width: 100%;
    margin: 0;
}

.content-wrapper.admin-block.clearfix .content-main table.dataTable {
    width: 100% !important;
}

.content-wrapper.admin-block.clearfix table.dataTable thead th {
    text-align: left;
    font-size: 17px;
    font-family: 'droid_sansbold';
    font-weight: normal;
}

.content-wrapper.admin-block.clearfix table.dataTable thead .sorting_asc {
    background: #006544;
}

.content-wrapper.admin-block.clearfix table.dataTable thead th:nth-child(1) {
    padding-left: 30px;
}

.content-wrapper.admin-block.clearfix table.dataTable tbody td {
    color: #646464;
    font-size: 17px;
}

.content-wrapper.admin-block.clearfix table.dataTable tbody tr td {
    padding: 15px 10px;
}

.content-wrapper.admin-block.clearfix table.dataTable tbody tr td:nth-child(1) {
    padding-left: 30px;
    position: relative;
}

.content-wrapper.admin-block.clearfix table.dataTable thead th.sorting.customer-name::after,
.content-wrapper.admin-block.clearfix table.dataTable thead th.sorting_asc.customer-name::after {
    content: "\e909";
    font-family: 'icomoon';
    color: #fff;
    position: relative;
    font-weight: bold;
    font-size: 20px;
    top: -4px;
}

.content-wrapper.admin-block.clearfix table.dataTable thead th.sorting:nth-child(1)::before,
.content-wrapper.admin-block.clearfix table.dataTable thead th.sorting_desc:nth-child(3)::before {
    content: "\e906";
    font-family: 'icomoon';
    color: #fff;
    font-weight: bold;
    position: absolute;
    top: -4px;
    font-size: 20px;
    left: 47px;
    top: 18px;
}

.content-wrapper.admin-block.clearfix table.dataTable thead th.sorting_desc:nth-child(3)::before {
    left: 67px;
}

.content-wrapper.admin-block.clearfix table.dataTable thead th.sorting_desc:nth-child(1)::before {
    content: "\e906";
    font-family: 'icomoon';
    color: #fff;
    font-weight: bold;
    position: absolute;
    top: -4px;
    font-size: 20px;
    left: 47px;
    top: 18px;
}

.content-wrapper.admin-block.clearfix table.dataTable thead th.sorting,
.content-wrapper.admin-block.clearfix table.dataTable thead th.sorting_desc,
.content-wrapper.admin-block.clearfix table.dataTable thead th.sorting_asc {
    background-image: none;
}

.content-wrapper.admin-block.clearfix table.dataTable thead th {
    position: relative;
}

.content-wrapper.admin-block.clearfix table.dataTable thead th.sorting.customer-name::before {
    content: "\e906";
    font-family: 'icomoon';
    color: #fff;
    position: absolute;
    font-weight: bold;
    font-size: 20px;
    left: 67px;
    top: 18px;
}

.content-wrapper.admin-block.clearfix table.dataTable tbody tr td div.password-container input {
    line-height: 40px;
    border-radius: 5px;
    border: none;
    padding-right: 20px;
    background: #e7e8e7;
    padding-left: 5px;
}

.content-wrapper.admin-block.clearfix table.dataTable tbody tr:hover td {
    background: #e7e8e7;
}

.password-container .fa-eye-slash::before {
    content: "\e90d";
    font-family: 'icomoon';
    font-size: 23px;
    font-weight: normal;
    position: relative;
    left: -15px;
    top: 5px;
    color: #006544;
}

.password-container .fa-eye::before {
    content: "\e90e";
    font-family: 'icomoon';
    font-size: 23px;
    font-weight: normal;
    position: relative;
    left: -30px;
    top: 5px;
    color: #006544;
}

ul.admin-quick-list li {
    display: inline-block;
    margin-right: 25px;
}

div.right-side-search ul.admin-quick-list li {
    display: block;
}

ul.admin-quick-list li a {
    color: #006544;
    font-size: 26px;
}

ul.admin-quick-list li a .icon2-add_customer .path1::before,
ul.admin-quick-list li a .icon2-add_customer .path2::before,
ul.admin-quick-list li a .icon2-add_customer .path3::before {
    color: #006544;
}

ul.admin-quick-list li a .icon-add_customer .path1::before,
ul.admin-quick-list li a .icon-add_customer .path2::before,
ul.admin-quick-list li a .icon-add_customer .path3::before {
    color: #006544;
}

ul.admin-quick-list li .dataTables_filter {
    float: none;
    margin: 0 !important;
    position: relative;
}

div.right-side-search ul.admin-quick-list li .dataTables_filter {
    float: right;
}

.dataTables_wrapper ul.admin-quick-list li .dataTables_filter input {
    width: 325px;
    height: 40px;
    border-radius: 6px;
    background: #e7e7e7;
    border: none;
    padding-left: 80px;
    font-size: 17px;
    color: #646464;
}

.dataTables_wrapper ul.admin-quick-list li .dataTables_filter button {
    position: absolute;
    left: 16px;
    top: 9px;
    background: no-repeat;
    border: none;
    font-size: 22px;
    color: #006544;
}

.dataTables_wrapper ul.admin-quick-list li ::-webkit-input-placeholder,
.modal div.edit-user-block form.new-customer ::-webkit-input-placeholder {
    /* Chrome */
    font-size: 17px;
    color: #646464;
    opacity: 1;
}

.dataTables_wrapper ul.admin-quick-list li :-ms-input-placeholder,
.modal div.edit-user-block form.new-customer :-ms-input-placeholder {
    /* IE 10+ */
    font-size: 17px;
    color: #646464;
    opacity: 1;
}

.dataTables_wrapper ul.admin-quick-list li ::-moz-placeholder,
.modal div.edit-user-block form.new-customer ::-moz-placeholder {
    /* Firefox 19+ */
    font-size: 17px;
    color: #646464;
    opacity: 1;
}

.dataTables_wrapper ul.admin-quick-list li :-moz-placeholder,
.modal div.edit-user-block form.new-customer :-moz-placeholder {
    /* Firefox 4 - 18 */
    font-size: 17px;
    color: #646464;
    opacity: 1;
}

div#user_list_table_info,
div#user-list-table_info,
div#container_attributes_table_info,
div#pickup_types_table_info,
div#holidays_table_info,
div#contact_person_table_info,
div#lists_table_info,
div#banners_table_info,
.dataTables_wrapper .dataTables_length:not(.custom),
.dataTables_wrapper #user_list_table_filter:not(.custom),
.dataTables_wrapper #container_attributes_table_filter:not(.custom),
.dataTables_wrapper #pickup_types_table_filter:not(.custom),
.dataTables_wrapper #holidays_table_filter:not(.custom),
.dataTables_wrapper #contact_person_table_filter:not(.custom),
.dataTables_wrapper #user-list-table_filter:not(.custom),
.dataTables_wrapper #lists_table_filter:not(.custom),
.dataTables_wrapper #banner_groups_table_filter:not(.custom),
.dataTables_wrapper #banners_table_filter:not(.custom) {
    display: none;
}

.export-btn, .new-branch-admin-btn {
    font-family: 'droid_sansbold';
    width: 207px;
    height: 40px;
    text-align: center;
    color: #006544;
    font-size: 17px;
    border: solid 2px #006544;
    border-radius: 6px;
    float: right;
    line-height: 35px;
}

.reset-password-btn {
    font-family: 'droid_sansbold';
    width: 170px;
    height: 40px;
    text-align: center;
    color: #006544;
    font-size: 15px;
    border: solid 2px #006544;
    border-radius: 6px;
    float: right;
    line-height: 35px;
}

.dataTables_wrapper ul.admin-quick-list li a.inactive-col,
form.new-customer input.inactive-col {
    color: #c5c5c5;
    cursor: not-allowed;
}

.modal div.edit-user-block form.new-customer select,
.modal div.edit-user-block form.new-customer .form-control {
    font-family: 'droid_sansregular';
    width: 100%;
    height: 40px;
    line-height: 28px;
    border-radius: 4px;
    border: solid 1px #006544;
    font-size: 17px;
    color: #646464;
}

.modal div.edit-user-block form.new-customer select {
    -moz-appearance: none;
    -webkit-appearance: none;
}

form.new-customer label {
    display: block;
    color: #006544;
    font-size: 17px;
    margin-bottom: 10px;
}

.new-customer-popup {
    max-width: 415px;
    border-radius: 8px;
}

form.new-customer {
    max-width: 300px;
    margin: 35px auto 40px;
}

form.new-customer .icon-Information {
    font-size: 22px;
    margin-left: 10px;
    position: relative;
    top: 3px;
}

.pwd-tooltip {
    position: relative;
    display: inline-block;
}

.pwd-tooltip .tooltiptext {
    visibility: hidden;
    width: 290px;
    background-color: #e7e8e7;
    color: #fff;
    text-align: center;
    left: 35px;
    top: -5px;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

.pwd-tooltip .tooltiptext p.cart-note {
    color: #646464;
}

.pwd-tooltip:hover .tooltiptext {
    visibility: visible;
}

.modal-content .inner-block .pwd-tooltip .tooltiptext p {
    font-family: 'droid_sansbold';
    font-size: 17px;
    color: #006544;
    margin: 0 0 8px;
}

.bld-txt {
    font-family: 'droid_sansbold';
}

.pwd-tooltip .tooltiptext {
    padding: 10px;
    text-align: left;
}

.pwd-tooltip .tooltiptext ol {
    list-style: none;
    margin-left: 15px;
    counter-reset: li;
}

.pwd-tooltip .tooltiptext ol li {
    font-size: 14px;
    color: #646464;
    line-height: 16px;
    counter-increment: li;
}

.pwd-tooltip .tooltiptext ol li::before {
    content: counter(li);
    color: #006544;
    display: inline-block;
    width: 1em;
    margin-left: -1em
}

.col-50 {
    width: 50%;
    float: left;
}

.col-70 {
    width: 70%;
    float: left;
}

.col-80 {
    width: 80%;
    float: left;
}

.col-20 {
    width: 20%;
    float: left;
}

.col-30 {
    width: 20%;
    float: left;
}

.display-inline-block {
    display: inline-block !important;
}

.icon-Look_open,
.icon-Look_close {
    font-size: 24px;
    color: #006544;
}

.col-50 .icon-password_generatior {
    font-size: 24px;
    color: #006544;
    float: right;
}

.pwd-column {
    display: inline-block;
    color: #646464;
}

.disable-pwd,
.col-50 .icon-password_generatior.disable-pwd {
    color: #c5c5c5;
}

.disable-pwd-text-box {
    border: solid 1px #c5c5c5 !important;
    color: #c5c5c5 !important;
}

.smaller-text-box {
    width: calc(100% - 30px);
}

.sel-col {
    position: relative;
}

.sel-col::after {
    content: "\e906";
    font-family: 'icomoon';
    position: absolute;
    right: 15px;
    top: 15px;
    font-weight: bold;
    font-size: 26px;
    top: 5px;
    right: 10px;
    pointer-events: none;
}

ul.admin-quick-list li .dataTables_filter {
    float: none;
    margin: 0 !important;
    position: relative;
}

.dataTables_wrapper ul.admin-quick-list li .dataTables_filter input {
    width: 325px;
    height: 40px;
    border-radius: 6px;
    background: #e7e7e7;
    border: none;
    padding-left: 80px;
    font-size: 17px;
    color: #646464;
}

.dataTables_wrapper ul.admin-quick-list li .dataTables_filter button {
    position: absolute;
    left: 16px;
    top: 9px;
    background: no-repeat;
    border: none;
    font-size: 22px;
    color: #006544;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.previous::before {
    content: "\e907";
    font-family: 'icomoon';
    font-weight: bold;
    font-size: 22px;
    color: #006544;
    pointer-events: none;
    position: relative;
    top: 3px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.next::after {
    content: "\e908";
    font-family: 'icomoon';
    font-weight: bold;
    font-size: 22px;
    color: #006544;
    pointer-events: none;
    position: relative;
    top: 3px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: none !important;
    border: none;
    padding: 6px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 5px;
}

#user_list_table_paginate {
    margin-bottom: 20px;
    margin-top: 10px;
}

.dataTables_wrapper .dataTables_paginate {
    color: #646464 !important;
    font-size: 16px;
}

.dropdown-block {
    display: block;
    max-width: 220px;
    width: 100%;
    float: left;
    white-space: nowrap;
    margin-bottom: 20px;
    margin-top: 20px;
}

.dropdown-block span,
.dropdown-block div {
    display: inline-block;
    color: #646464;
}

.dropdown-block .select-col {
    border-radius: 6px;
    position: relative;
    max-width: 80px;
    width: 100%;
    margin: 0 8px;
}

.dropdown-block .select-col::after,
.dropdown-block .select-col::before {
    content: "";
    position: absolute;
    pointer-events: none;
    color: #006544;
    font-family: 'icomoon';
    font-weight: bold;
    right: 7px;
    font-size: 20px;
}

.dropdown-block .select-col::after {
    content: "\e909";
    top: 4px;
}

.dropdown-block .select-col::before {
    content: "\e906";
    top: 16px;
}

.dropdown-block select {
    padding: 10px 18px;
    background: #e7e7e7;
    border: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 6px;
    font-size: 16px;
    color: #646464;
    width: 100%;
}

.plain-modal .modal-content {
    max-width: 345px;
}

.plain-modal .modal-content .inner-block h3 {
    font-family: 'droid_sansbold';
    font-size: 17px;
    color: #006544;
    background: none;
    text-transform: none;
}

.plain-modal .modal-content .inner-block p {
    text-align: center;
    font-size: 14px;
}

.plain-modal .modal-content .inner-block .btn-002 {
    font-family: 'droid_sansbold';
    line-height: 50px;
    background: #006544;
    font-size: 17px;
    text-align: center;
    display: block;
    color: #fff;
    text-transform: uppercase;
    border-radius: 6px;
    margin-top: 20px;
    margin-bottom: 15px;
}

.plain-002 {
    display: block;
    font-size: 14px;
    line-height: 16px;
    color: #006544;
    text-align: center;
}

.col-30 {
    width: 30%;
    float: left;
}

.col-40 {
    width: 40%;
    float: left;
}

.edit-conact .form-group {
    position: relative;
}

.inner-block .edit-conact p.error {
    position: absolute;
    left: 30px;
    bottom: -20px;
    color: #f00;
    font-size: 11px;
}

.bl1 {
    height: 430px;
    max-width: 100%;
    overflow: hidden;
    overflow-y: auto;
    position: relative;
    padding: 15px;
    border: solid 2px #006544;
    border-radius: 5px;
}

.anmelden-popup .modal-content {
    width: 100%;
    max-width: 830px;
    border-radius: 8px;
}

.strong-txt {
    font-family: 'droid_sansbold';
}

.two-column-block {}

.p-30 {
    padding-left: 30px;
    padding-right: 30px;
}

.sb-container {
    position: relative;
    overflow: hidden;
    padding-right: 10px;
}

.sb-content {
    height: 100%;
    width: 113%;
    padding-right: 0;
    overflow-y: scroll;
    box-sizing: border-box;
    padding-right: 40px;
}

.sb-scrollbar-container {
    position: absolute;
    right: 9px !important;
    bottom: 5px;
    top: 5px;
    width: 10px;
}

.sb-container-noscroll .sb-scrollbar-container {
    right: -20px !important;
}

.sb-scrollbar {
    position: absolute;
    right: 0;
    height: 100px !important;
    width: 6px;
    border-radius: 10px;
    background: #006544;
}

.sb-scrollbar:hover {
    background: rgba(0, 0, 0, 0.5);
}

.sidebar-left .sb-container-noscroll .sb-scrollbar-container,
.drawer-sidebar-left .sb-container-noscroll .sb-scrollbar-container {
    right: 5px;
    top: 40px;
}

.sidebar-left .sb-content,
.drawer-sidebar-left .sb-content {
    height: 100%;
    width: 113%;
    padding-right: 0;
    overflow-y: scroll;
    box-sizing: border-box;
}

.anmelden-popup .two-column-block form {
    padding-top: 35px;
}

.anmelden-popup .two-column-block form label {
    font-size: 17px;
    line-height: 1.18;
    color: #006544;
    margin-bottom: 10px;
    display: block;
}

.anmelden-popup .two-column-block form input.form-control, .anmelden-popup .two-column-block form select.form-control {
    line-height: 40px;
    height: 40px;
    border: solid 1px #006544;
    border-radius: 5px;
    color: #646464;
    font-size: 17px;
}

.modal-content .inner-block .two-column-block form p.form-info {
    font-family: 'droid_sansbold';
    font-size: 17px;
    color: #646464;
    line-height: 20px;
    margin-top: 44px;
}

.anmelden-popup .two-column-block form .form-group {
    margin-bottom: 27px;
}

.anmelden-popup .two-column-block form hr {
    display: block;
    clear: both;
    border: none;
    border-bottom: solid 1px #646464;
}

.modal-content .inner-block .two-column-block form p {
    margin-top: 0;
}

.modal-content .inner-block .two-column-block form .icon-Look_open,
.modal-content .inner-block .two-column-block form .icon-Look_close {
    position: relative;
    top: 3px;
    margin-bottom: 10px;
    display: inline-block;
}

.modal-content .inner-block .two-column-block form .icon-Information {
    font-size: 22px;
    position: relative;
    left: 10px;
    top: 3px;
}

.modal-content .inner-block .two-column-block form .error-block .icon-Information {
    left: 0;
    transform: rotate(180deg);
    top: 6px;
}

.error-block {
    font-size: 17px;
    color: #ef5b00;
    line-height: 20px;
    display: block;
    clear: both;
}

.im-ic {
    font-size: 10px;
    top: -7px;
    position: relative;
}

.modal-content .inner-block .two-column-block form .pwd-tooltip .tooltiptext ol li::before {
    font-family: 'droid_sansbold';
}

.info-rev {
    display: inline-block;
}

.anmelden-popup .two-column-block form .error-input input.form-control {
    border-color: #ef5b00;
}

.switch-block-1 label {
    float: left;
    margin-right: 30px;
}

.anmelden-popup .switch-block-1 label {
    position: relative;
    top: -1px;
}

.input-div {
    font-size: 17px;
    color: #c5c5c5;
    line-height: 40px;
    height: 40px;
}

.anmelden-popup .switch {
    width: 104px;
}

.anmelden-popup input:checked+.slider {
    border-color: #e5e5e5;
}

.slider::before {
    background-color: #fff;
    box-shadow: 1px -1px 3px 2px #e5e5e5;
    -webkit-box-shadow: 1px -1px 3px 2px #e5e5e5;
    -moz-box-shadow: 1px -1px 3px 2px #e5e5e5;
}

.anmelden-popup .slider {
    border-color: #e5e5e5;
}

.anmelden-popup input:checked+.slider::before {
    -webkit-transform: translateX(24px);
    -ms-transform: translateX(24px);
    transform: translateX(70px);
}

.slider::before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 1px;
    bottom: 1px;
}


/*16/4*/

.large-f-width {
    max-width: 860px;
    width: 100%;
    padding: 0 15px;
    margin: 0 auto;
    padding-top: 30px;
}

.grey-block {
    width: 100%;
    border-radius: 8px;
    background: #f5f5f5;
    padding: 30px 30px 40px 30px;
    margin-bottom: 30px;
}

.status-det {
    width: 68px;
    height: 31px;
    border-radius: 18px;
    background: #a4d300;
    color: #006544;
    line-height: 31px;
    text-align: center;
    float: right;
}

.switch-block-2 {
    max-width: 160px;
}

.grey-block .two-column-block .switch-block-2 label {
    float: left;
}

.title-normal {
    text-transform: none !important;
}

.quicknav a {
    color: #006544;
}

.quicknav {
    margin-bottom: 25px;
}

.quicknav ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.quicknav ul li {
    display: inline-block;
    font-size: 25px;
    margin-left: 15px;
}

.quicknav .backbtn {
    font-size: 12px;
}

.quicknav .backbtn span {
    font-size: 22px;
}

.quicknav .backbtn i {
    position: relative;
    top: -5px;
}

.grey-block .two-column-block label {
    font-size: 17px;
    line-height: 1.18;
    color: #006544;
    margin-bottom: 20px;
    display: block;
}

.grey-block .two-column-block .input-blocks {
    font-family: 'droid_sansbold';
    color: #646464;
    font-size: 17px;
    margin-bottom: 40px;
}

.grey-block .two-column-block form hr {
    display: block;
    clear: both;
    border: none;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: medium;
    border-bottom: solid 1px #006544;
}

.grey-block .checkbox-container {
    margin-bottom: 55px;
}

.checkbox-container.error {
    border-color: #ef5b00;
}

.container-location-box~.error-block {
    padding-bottom: 20px;
}

.mail-block {
    margin-top: 155px;
}

.anmelden-popup .slider::after {
    content: "Inaktive";
    position: relative;
    left: 37px;
    top: 2px;
    font-size: 17px;
    color: #006544;
}

input:checked+.slider::after {
    content: "Aktive";
    position: relative;
    left: 10px;
}

input:checked+.slider {
    background: #a4d300;
}

.slider::before {
    background-color: #fff;
    box-shadow: 0px 0px 0px 1px #e5e5e5;
    -webkit-box-shadow: 0px 0px 0px 1px #e5e5e5;
    -moz-box-shadow: 0px 0px 0px 1px #e5e5e5;
}

.anmelden-popup input:checked+.slider::before {
    -webkit-transform: translateX(75px);
    -ms-transform: translateX(75px);
    transform: translateX(75px);
}

.inactive-status {
    color: #c5c5c5;
}

.icon-password_generatior.inactive-status::before {
    color: #c5c5c5;
}

.export-btn, .new-branch-admin-btn {
    margin-bottom: 23px;
}

.search-block {
    max-width: 325px;
    float: right;
    position: relative;
    margin-right: 50px;
    margin-bottom: 23px;
}

.search-block label {
    position: absolute;
    left: 13px;
    top: 12px;
    color: #006544;
    font-size: 20px;
}

.search-block .form-control::-moz-placeholder {
    color: #646464;
    opacity: 1;
    font-size: 17px;
}

.search-block .form-control:-ms-input-placeholder {
    color: #646464;
    opacity: 1;
    font-size: 17px;
}

.search-block .form-control::-webkit-input-placeholder {
    color: #646464;
    opacity: 1;
    font-size: 17px;
}

.search-block .form-control::-ms-expand {
    color: #646464;
    opacity: 1;
    font-size: 17px;
}

.search-block input.form-control {
    padding-left: 35px;
    color: #1e87e3;
    line-height: 36px;
    color: #646464;
    font-size: 17px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: none;
    max-width: 325px;
    height: 40px;
    border-radius: 6px;
    background-color: #e7e7e7;
    padding-left: 84px;
    max-width: 325px;
    width: 100%;
}

.search-left {
    float: left;
}

a.add_customer {
    width: 20px;
    height: 30px;
    color: #f00;
    display: inline-block;
}

.backbtn.b-btn {
    font-size: 12px;
    color: #006544;
    float: left;
    position: relative;
    top: 3px;
}

ul.admin-quick-list li a.add-new-user {
    font-size: 33px;
    position: relative;
    top: 9px;
}

div.modal.anmelden-popup::-webkit-scrollbar {
    width: 0 !important;
}

.backbtn.b-btn span {
    font-size: 22px;
    position: relative;
    top: 4px;
}

.admin-header {
    max-width: 1280px;
}

.customer-admin {
    float: right;
    position: relative;
    top: -14px;
}

.customer-admin span {
    display: inline-block;
    color: #fefefe;
    font-size: 17px;
    line-height: 1;
}

.customer-admin span.debitor-info {
    font-family: 'droid_sansbold';
    margin-left: 12px;
}

.tab2 button.accordion.active::after,
.accordion-block button.accordion.active::after,
button.accordion.active::after {
    content: "\e918";
}

.tab2 button.accordion::after,
.accordion-block button.accordion::after,
button.accordion::after {
    content: "\e915";
    font-family: 'icomoon' !important;
}

.g-btn.btn1.info-btn {
    text-transform: capitalize;
}

.g-btn.btn1.info-btn span {
    font-size: 31px;
    position: relative;
    top: 7px;
}

.details-btn {
    font-family: 'droid_sansbold';
    font-size: 17px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: left;
    color: #006544;
    border: solid 1px #006544;
    text-transform: uppercase;
    text-align: center;
    padding: 0 10px;
    line-height: 48px;
    display: inline-block;
    border-radius: 5px 0 0 5px;
    width: 40%;
    position: absolute;
    left: 0;
    bottom: 0;
    border-right: none;
}

.details-btn .icon-Information::before {
    font-size: 22px;
    position: relative;
    top: 2px;
}

.inprogress-btn {
    width: 60%;
    border-radius: 0 5px 5px 0;
}

.pc-tab {
    top: -49px;
}

.pc-tab nav {
    height: 50px;
}

#tab1:checked~nav .tab1 label,
#tab2:checked~nav .tab2 label {
    height: 39px;
    padding-top: 5px;
}

.pc-tab ul li label {
    padding-top: 5px;
}

.pc-tab ul {
    padding-top: 8px;
}

.special-container-data ul {
    padding-top: 0px;
}

.group-right-col {
    float: right;
    width: calc(100% - 125px);
}

.check-dropdown li .group-right-col .container-name {
    max-width: 100%;
    padding-left: 0;
}

p.phone .icon-Telefon {
    color: #006544;
    font-size: 22px;
}

p.phone .icon-Telefon .path1::before {
    color: #006544;
}

p.phone .icon-Telefon .path2::before {
    color: #006544;
}

p.phone .icon-Telefon .path3::before {
    color: #006544;
}

.contact-list-1 li p i.icon-Mobil::before {
    font-size: 22px;
    left: -2px;
}


/*9/5/2019 updates*/

.table-container .dataTables_wrapper .dataTables_paginate {
    padding-top: 18px;
}

.content-block ul.contact-list li .icon-Telefon .path3::before {
    content: "\e936";
    margin-left: -40px;
}

.sb-container .sb-content {
    padding-right: 30px;
    overflow-x: hidden;
}

.two-column-block .user hr {
    margin-bottom: 55px;
}

.anmelden-popup .two-column-block form.new-customer-user hr {
    margin-bottom: 55px;
}

.anmelden-popup .two-column-block form.new-customer-user hr.new_branch_admin_hr {
    margin-bottom: 30px;
    border: 1px solid lightgray;
}

.password-label {
    margin-bottom: 0;
}

.anmelden-popup .two-column-block form .form-group.password-label {
    margin-bottom: 0;
}

.select2-results .select2-results__option {
    width: auto;
    float: none;
}

body .select2-container--default .select2-results>.select2-results__options {
    max-height: 250px;
    overflow-y: auto;
}

.contact-list-1 li p i.icon-Mobil::before {
    left: -1px;
}

ul.contact-list-1 p.icon-Telefon {
    font-size: 25px;
}

ul.contact-list-1 p.icon-Telefon .path2::before {
    margin-left: -6px;
}

ul.contact-list-1 p.icon-Telefon .path3::before {
    content: "\e922";
    margin-left: -25px;
}

.select-containers .select-container::before {
    content: "\e915";
    position: absolute;
    right: 13px;
    top: 0px;
    pointer-events: none;
    font-family: 'icomoon' !important;
    font-size: 24px;
    color: #006544;
}

form.select-containers .datepicker::before {
    position: absolute;
    right: 17px;
}

form.select-containers input.form-control {}

form.select-containers input.form-control::-moz-placeholder {
    color: #646464;
    opacity: 1
}

form.select-containers input.form-control:-ms-input-placeholder {
    color: #646464;
    opacity: 1;
}

form.select-containers input.form-control::-webkit-input-placeholder {
    color: #646464;
    opacity: 1;
}

ul.contact-list li.mail::before {
    font-size: 39px;
}

.f-width .content-col .switch-block input:checked+.slider {
    background: #fff;
}

.f-width .content-col .switch-block .slider::before {
    background-color: #006544;
}

.f-width .content-col .switch-block input:checked+.slider::before {
    -webkit-transform: translateX(24px);
    -ms-transform: translateX(24px);
    transform: translateX(24px);
}

.f-width .content-col .switch-block input:checked+.slider::after {
    content: "";
    position: relative;
    left: 10px;
}

.f-width .content-col .switch-block input:checked+.slider::before {
    background: #646464;
}

.contact-details p.mail::before {
    left: 2px;
    top: 2px;
}

.contact-details p.mbl .icon-Mobil {
    position: relative;
    top: 3px;
}

.order-form .counter {
    font-family: 'droid_sansregular';
    color: #646464;
    font-size: 14px;
}

.info-one {
    max-width: 355px;
    text-align: left;
}

.c-box.pwd-tooltip {
    display: block;
}

.c-box.pwd-tooltip .tooltiptext {
    left: 0;
    top: 25px;
    color: #646464;
    padding-left: 35px;
    font-size: 14px;
}

.c-box.pwd-tooltip .tooltiptext .icon-Information {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 17px;
    color: #ff4d00;
}

.containr-thumb .upload-img {
    background: rgba(255, 255, 255, .85);
    box-shadow: 0px 1px 4px #ccc;
    -webkit-box-shadow: 0px 1px 4px #ccc;
    -moz-box-shadow: 0px 1px 4px #ccc;
}

.ui-datepicker-current-day .ui-state-active::before {
    background: none;
}

.ui-widget-content .ui-state-disabled.ui-datepicker-today .ui-state-default {
    font-family: 'droid_sansbold';
    color: #646464;
}

ul.contact-list-1 li .mail::before {
    margin-right: 1px;
}

.c-box .tooltiptext {
    visibility: hidden;
}

.c-box [type="checkbox"]:not(:checked)+label:hover:before+div.tooltiptext,
.c-box [type="checkbox"]:checked+label:hover:before+div.tooltiptext,
.c-box [type="checkbox"] label:hover:before+div.tooltiptext,
.c-box label:hover+div.tooltiptext {
    visibility: visible;
}

.content-wrapper.admin-block.clearfix table.dataTable tbody tr td {
    padding: 15px 0px 15px 18px;
}

.admin-header {
    max-width: 1320px;
}

.content-wrapper.admin-block.clearfix table.dataTable tr td.email-row {
    white-space: nowrap;
}

.grey-block .two-column-block .switch-block-2 label {
    position: relative;
    top: 5px;
}

.ch-col {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 17px;
    color: #646464;
}


/* Hide the browser's default checkbox */

.ch-col input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}


/* Create a custom checkbox */

.checkmark {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    height: 24px;
    border-radius: 5px;
    border: solid 1px #006544;
}


/* Create the checkmark/indicator (hidden when not checked) */

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}


/* Show the checkmark when checked */

.ch-col input:checked~.checkmark::after {
    display: block;
    width: 22px;
    height: 22px;
    top: 0;
    left: 0;
    border-radius: 3px;
    text-align: center;
    line-height: 22px;
}


/* Style the checkmark/indicator */

.ch-col .checkmark:after {
    content: '\e91d';
    font-family: 'icomoon' !important;
    font-weight: normal;
    position: absolute;
    top: 3px;
    left: 2px;
    font-size: 21px;
    line-height: 0.8;
    color: #09ad7e;
    transition: all .2s;
    background-color: #006544;
    color: #fff;
}

.ch-container .tooltiptext {
    width: 290px;
    background-color: #e7e8e7;
    color: #fff;
    text-align: center;
    left: 0px;
    top: 25px;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    padding: 10px;
    padding-left: 40px;
    display: none;
}

.ch-container .tooltiptext i {
    position: absolute;
    left: 10px;
    color: #ff4d00;
}

.ch-container .tooltiptext p {
    font-size: 14px;
    color: #006544;
    text-align: left;
}

.ch-container.disable-tooltip .ch-col .checkmark:hover .tooltiptext {
    display: none !important;
}

.ch-container.disable-tooltip .ch-col .checkmark {
    border-color: #006544 !important;
}

.ch-container .ch-col .checkmark {
    border-color: #abcac0;
    cursor: not-allowed;
}

.ch-container:not(disable-tooltip) .ch-col span.checkmark {
    cursor: pointer;
}

.ch-col .checkmark:hover .tooltiptext {
    display: block;
}

.c-box-1 {
    max-width: 350px;
    margin: 0 auto;
}

.grey-block form.user .form-group {
    min-height: 65px;
}

.tab2 div.panel,
.accordion-block div.panel,
div.panel {
    margin-bottom: 0;
}

.avv-label {
    height: auto;
    position: relative;
    top: 1px;
}

select.inactive {
    opacity: 0.5;
}

form.select-containers input#datepicker.form-control {
    font-family: 'droid_sansregular';
}

form.select-containers select.form-control {
    background: none;
}

.order-lists .title-g {
    height: auto;
}

.g-btn.btn1 {
    margin: 0 auto 20px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
    border: none;
}

ul.container-lists li ul li {
    height: auto;
}

.order-det-block {
    display: inline-block;
    width: calc(100% - 205px);
}

.order-det-block ul li {
    display: inline-block;
    padding: 0;
    margin-right: 10px;
}

.order-det-block ul li.row-2 {
    display: block;
}

.order-det-block ul li.row-2 span {
    display: block;
}

.order-det-block ul li.row-2 span:nth-child(1) {
    margin-bottom: 10px;
}

.cart-block .order-det-block .container-title {
    margin-bottom: 5px;
}

ul.contact-list li.mbl span.icon-Fax {
    display: block;
    font-size: 40px;
    color: #006544;
}

ul.contact-list li.mail::before {
    height: 40px;
}

.image-block-1 img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
    height: auto;
}

.container-sidebar-list li .img-col img.group-image {
    max-width: 170px;
}

.check-dropdown li .group-right-col .container-name {
    margin-bottom: 0;
    min-height: 35px;
}

.check-dropdown li.expand {
    height: 120px;
}

.check-dropdown li .group-right-col .container-location {
    margin-bottom: 5px;
}

ul.contact-list-1 p.myaccount-notification {
    font-size: 14px;
    color: #006544;
}

.inc-dec {
    text-align: center;
    width: 50px;
    height: 25px;
}

.inc-dec-button {
    color: #006544;
    background: none;
    border: none;
    font-weight: bold;
    font-size: 20px;
    width: 25px;
}

.select-list{
    border: solid 2px #006544;
    border-radius: 5px;
    width: 75%;
    min-height: 40px;
    max-height: 200px;
    height: auto;
    overflow-y: auto;
    margin-left: 10px;
    margin-top: -22px;
}

.select-list .form-group{
    padding-left: 5px;
    margin-top: 5px;
    margin-bottom: 5px !important;
}

#article-modal .modal-content {
    max-width: 1280px;
}

input.form-control.qty{
    padding: unset;
    width: 100%;
    padding-left: 6px;
}

.mobile-order {
    border-right: 1px solid;
}
.wish-date-passed {
    animation: colorChange 2s infinite;
}
.li-wish-date-passed {
    border: 1px solid red;
}

.select2-search__field:focus-visible {
    border: 2px solid #006544;
    height: 30px;
}

@keyframes colorChange {
    0% { color: red; }
    50% { color: #006544; }
    100% { color: red; }
}

.debitor-sub-user {
    display: flex;
    width: 100%;
    gap: 1rem;
    color: rgb(100, 100, 100);
    background-color: rgb(231, 231, 231);
    min-height: 80px;
}

.debitor-sub-user .col {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.5rem;
}
.debitor-sub-user .left {
    /* flex: 1;  */
    max-width: 50px;;
}
.debitor-sub-user .middle {
    flex: 3; 
}
/* .debitor-sub-user .right {
    flex: 1; 
} */
.debitor-sub-user .cell {
    padding: 0 10px;
    font-size: 90%;
}
.debitor-sub-user-view-i {
    color: #006544; 
    font-size: 40px; 
    margin: 10px;
}

.debitor-sub-user .password-container {
    margin-bottom: 10px;
}

.cp-inner-block {
    padding: 10px 10px;
    font-size: 17px;
    color: #646464;
    margin-top: 20px;
}
.cp-inner-block p{
    line-height: 30px;
    word-wrap: break-word;
}

/* The Close Button */
.exit:hover,
.exit:focus {
    text-decoration: none;
    cursor: pointer;
}

button.button {
    background: none;
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: #02274a 1px solid;
    padding: 0 0 3px 0;
    font-size: 16px;
}

button.button:hover {
    border-bottom: #a99567 1px solid;
    color: #a99567;
}

.modal-content .inner-block h3 {
    width: 100%;
    height: 50px;
    background: #006544;
    font-size: 17px;
    font-family: 'droid_sansbold';
    font-weight: normal;
    color: #fff;
    line-height: 50px;
    text-align: center;
    text-transform: uppercase;
}

.modal-content {
    max-width: 415px;
}

.forgot-pword {
    max-width: 350px;
    margin: 130px auto 30px;
}

.forgot-pword p {
    font-size: 17px;
    color: #006544;
    font-family: 'droid_sansbold';
    font-weight: normal;
    margin-bottom: 30px;
    text-align: center;
}

.forgot-pword a {
    display: block;
    margin: 0 auto;
    max-width: 335px;
    width: 100%;
    line-height: 50px;
    color: #fff;
    background: #006544;
    text-align: center;
    text-transform: uppercase;
    margin-top: 140px;
    font-family: 'droid_sansbold';
    font-size: 17px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

button {
    cursor: pointer;
}

.contact-list-1 p.name-title {
    padding-right: 20px;
    position: relative;
}

.contact-list-1 p.name-title i {
    position: absolute;
    right: -140px;
    color: #646464;
    cursor: pointer;
    font-size: 24px;
}

ul.contact-list-1 p.info {
    margin-bottom: 40px;
}

.fa-map-marker-alt::before {
    left: 0;
    top: 0;
}

a.add-note,
a.save-note,
a.closemodal,
.btn-block a.btn {
    cursor: pointer;
}

.edit-note-block .inner-edit {
    padding: 0;
}

.edit-note-block .inner-edit textarea {
    width: 100%;
    height: 100%;
    border: none;
    background: none;
    resize: none;
    font-family: 'droid_sansregular';
    font-size: 14px;
    padding: 10px;
    line-height: 20px;
    color: #646464;
}

a {
    cursor: pointer;
}

ul.container-lists li ul.container-sidebar-list li,
ul.container-lists li ul li.containers-list {
    background: none;
}

ul.container-lists li ul.container-sidebar-list li.container-group-data {
    background: none;
    height: auto;
    padding: 0;
}

.container-overview-block p a.edit-col {
    position: static;
    background: none;
    cursor: pointer;
}

ul.container-lists li ul li.containers-list {
    height: auto;
    padding: 0;
}

.check-dropdown li.disabled {}

.check-dropdown li.disabled [type="checkbox"]:checked+label::before {
    background: #ccc;
}

.check-dropdown li.disabled [type="checkbox"]:checked+label::before {
    border-color: #ccc;
}

.check-dropdown li.disabled [type="checkbox"]:checked+label::after {
    opacity: 0.7;
}

.check-dropdown li.disabled .img-block-1,
.check-dropdown li.disabled .container-name {
    opacity: 0.4;
}

button:disabled {
    opacity: 0.4;
}

.dropdown .select-container,
form.select-containers input.form-control {
    font-size: 17px;
    font-family: 'droid_sansbold';
    font-weight: normal;
    color: #006544;
}

form.select-containers input.form-control {
    background: none;
}

.dropdown .select-container.expand::after {
    display: none;
}

.error-title {
    background: #ef5b00;
    color: #fff;
    font-size: 17px;
    font-family: 'droid_sansbold';
    font-weight: normal;
    text-align: center;
    padding: 11px 0;
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    z-index: 9999;
}

.plain-btn.c-btn {
    line-height: 50px;
    border: solid 1px #006544;
    font-size: 17px;
    font-family: 'droid_sansbold';
    font-weight: normal;
    text-align: center;
    text-transform: uppercase;
    display: block;
    margin: 0 auto;
    color: #006544;
    border-radius: 5px;
    position: relative;
}

.plain-btn.c-btn::before {
    content: "\e92c";
    position: absolute;
    left: 13px;
    top: 0;
    font-family: 'icomoon' !important;
    font-style: normal;
    color: #006544;
    font-size: 30px;
}

form.select-containers input.form-control.disabled {
    background: none;
}

button {
    cursor: pointer;
}

button:disabled {
    cursor: default;
}

.ui-state-active {
    background: none;
    border: none;
}

#ui-datepicker-div {
    background: #e7e8e7;
    border-radius: 5px;
    border-color: #006544;
}

table.ui-datepicker-calendar .ui-datepicker th {
    font-weight: normal;
}

.ui-state-default,
.ui-widget-content .ui-state-default {
    border-color: #e7e8e7;
    border-radius: 4px;
    font-size: 17px;
    color: #006544;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled {
    opacity: 1;
}

.ui-datepicker-today {
    color: #006544;
}

.ui-datepicker-today .ui-state-default {
    color: #006544;
    background: #fff !important;
}

.ui-widget-content .ui-datepicker-today .ui-state-default {
    border-radius: 4px;
    font-size: 17px;
    color: #006544;
}

.ui-datepicker-calendar .ui-state-active,
.ui-widget-content .ui-datepicker-calendar .ui-state-active {
    background: #fff;
    font-weight: normal;
    color: #006544;
    font-size: 17px;
    border-radius: 4px;
}

.ui-datepicker .ui-datepicker-title {
    font-weight: normal;
    font-size: 17px;
    color: #006544;
}

td.conflicting-order-dates a.ui-state-default {
    position: relative;
    background: #fff;
}

td.conflicting-order-dates a.ui-state-default::before {
    content: "!";
    width: 100%;
    height: 9px;
    border-radius: 0 0 5px 5px;
    background: #ef5b00;
    position: absolute;
    bottom: -8px;
    left: 0;
    color: #fff;
    font-size: 8px;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled .ui-state-default {
    color: #c5c5c5;
    font-size: 17px;
}

.ui-state-disabled .ui-state-default {
    background: none !important;
}

.ui-datepicker td {
    padding: 5px 9px !important;
}

.ui-datepicker .ui-datepicker-header {
    border: none;
    border-bottom: solid 2px #006544;
    padding-bottom: 10px;
    border-radius: 0;
}

.icon-Telefon .path3::before {
    content: "\e936";
    margin-left: -33px;
    color: rgb(3, 2, 5);
    position: absolute;
}

.icon-Telefon .path2::before {
    content: "\e935";
    margin-left: auto;
}

.contact-details p.mbl {
    padding-left: 0;
}

.contact-details p.mbl .icon-Mobil {
    color: #006544;
    font-size: 22px;
    margin-right: 7px;
}

.icon-Telefon .path1::before {
    content: "";
}

.toast-msg {
    display: none;
    font-family: 'droid_sansbold';
    font-size: 17px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    padding: 10px;
    background: #006544;
    text-align: center;
    color: #fff;
    border-top: solid 1px #707070;
}

.toast {
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

.toast.rounded {
    border-radius: 24px;
}

.toast {
    border-radius: 2px;
    top: 35px;
    width: auto;
    margin-top: 20px;
    position: relative;
    max-width: 700px;
    height: auto;
    min-height: 48px;
    line-height: 1.5em;
    background-color: #2e6545;
    padding: 10px 25px;
    font-size: 1.1rem;
    font-weight: 300;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    cursor: default;
}

#toast-container {
    display: block;
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.toast.show {
    display: block;
    -webkit-animation: fadein 0.5s;
    animation: fadein 0.5s;
}

.manual-import-btn {
    float: left;
}

@font-face {
    font-family: 'icomoon';
    src:  url('../fonts/undo-icomoon.eot?pbtnej');
    src:  url('../fonts/undo-icomoon.eot?pbtnej#iefix') format('embedded-opentype'),
    url('../fonts/undo-icomoon.ttf?pbtnej') format('truetype'),
    url('../fonts/undo-icomoon.woff?pbtnej') format('woff'),
    url('../fonts/undo-icomoon.svg?pbtnej#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-undo-icon:before {
    content: "\e900";
}

#hide-selection-ok {
    float: right;
    text-transform: uppercase;
    color: #006544;
    cursor: pointer;
    font-weight: 600;
}

@-webkit-keyframes fadein {
    from {
        bottom: 0;
        opacity: 0;
    }
    to {
        bottom: 30px;
        opacity: 1;
    }
}

@keyframes fadein {
    from {
        bottom: 0;
        opacity: 0;
    }
    to {
        bottom: 30px;
        opacity: 1;
    }
}

@-webkit-keyframes fadeout {
    from {
        bottom: 30px;
        opacity: 1;
    }
    to {
        bottom: 0;
        opacity: 0;
    }
}

@keyframes fadeout {
    from {
        bottom: 30px;
        opacity: 1;
    }
    to {
        bottom: 0;
        opacity: 0;
    }
}

/* Driver tour js css */
.drekopf-driverjs-theme {
    color: #484848;
    border: 0px solid blue;
}
.drekopf-driverjs-theme .driver-popover-description {
    font-weight: 600;
}
.driver-popover-footer {
    padding: 10px;
    height: 35px;
}

.drekopf-driverjs-theme.menu-first-el .driver-popover-arrow-side-right.driver-popover-arrow-align-start {
    top: 35px;
}

.tour-content {
    padding: 31px;
}
ul.tour-help li{
    text-align: center;
    margin: 10px 20px;
    padding: 10px 10px;
    line-height: 20px;
}

ul.tour-help li p{
    text-align: center;
    margin: 10px 20px;
    line-height: 20px;
    font-size: 17px;
}
ul.tour-help li a {
    width: 100%;
    display: block;
    height: 40px;
    border-radius: 5px;
    background-color: #006544;
    font-family: 'droid_sansbold';
    font-size: 17px;
    line-height: 2.18;
    color: #ffffff;
    text-transform: uppercase;
    border: none;
    margin-top: 20px;
    margin-bottom: 20px;
}

/* @media (min-width: 768px) {
    .drekopf-driverjs-theme .driver-popover-arrow.driver-popover-arrow-side-right {
        width: 32px;
        height: 32px;
        background: url('../images/tour-arrow-left.png');
        background-size: 100%;
        background-repeat: no-repeat;
        border: none;
    }

    .drekopf-driverjs-theme .driver-popover-arrow.driver-popover-arrow-side-left {
        width: 32px;
        height: 32px;
        background: url('../images/tour-arrow-right.png');
        background-size: 100%;
        background-repeat: no-repeat;
        border: none;
    }

    .drekopf-driverjs-theme .driver-popover-arrow.driver-popover-arrow-side-bottom {
        width: 32px;
        height: 32px;
        background: url('../images/up-arrow.png');
        background-size: 100%;
        background-repeat: no-repeat;
        border: none;
    }
    .drekopf-driverjs-theme .driver-popover-arrow.driver-popover-arrow-side-top {
        width: 32px;
        height: 32px;
        background: url('../images/down-arrow.png');
        background-size: 100%;
        background-repeat: no-repeat;
        border: none;
    }
    .drekopf-driverjs-theme.first-pop {
        inset: 2px 590.5px auto auto !important;
    }
    .drekopf-driverjs-theme.menu-first-el{
        inset: 33px 335.5px auto auto !important;
    }
    .drekopf-driverjs-theme.sixth-pop {
        inset: 0px 430.5px auto auto !important;
    }
} */

@media (min-width: 1366px) {
    .modal-content {
        background-color: #fefefe;
        margin: 10vh auto;
        /* 15% from the top and centered */
        padding: 20px;
        border: 1px solid #888;
        width: 40%;
        max-width: 415px;
        /* Could be more or less, depending on screen size */
    }
}

@media only screen and (max-width: 600px) {
    #toast-container {
        width: calc(100% - 30px);
        left: 15px;
        -webkit-transform: none;
        transform: none;
    }
}

@media only screen and (min-width: 601px) and (max-width: 992px) {
    #toast-container {
        /* Centered via main rule */
    }
}

@media only screen and (min-width: 993px) {
    #toast-container {
        /* Centered via main rule */
    }
}

.error-info-h span {
    color: #ef5b00;
}

.v-space-60 {
    padding-top: 60px;
}

.ui-datepicker .ui-datepicker-prev {
    left: 25px;
    top: 6px;
}

.ui-datepicker .ui-datepicker-next {
    right: 25px;
    top: 6px;
}

.ui-datepicker .ui-datepicker-prev span {
    display: none;
}

.ui-datepicker-prev::before {
    content: "\e916";
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    color: #006544;
    font-size: 20px;
}

.ui-datepicker-next::before {
    content: "\e917";
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    color: #006544;
    font-size: 20px;
}

.ui-datepicker-prev.ui-corner-all:hover {
    background: none;
    left: 25px;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
    border: none;
    background: none;
    font-weight: normal;
    color: #006544;
}

.cart-block {
    margin-top: 50px;
}

.cart-block button span.container-count {
    margin-top: 0;
    text-align: center;
    right: 160px;
    line-height: 28px;
    font-family: 'droid_sansbold';
    font-weight: normal;
}

.cart-block button span.abo {
    width: 45px;
    height: 26px;
    background: #006544;
    border-radius: 2px;
    text-align: center;
    font-size: 17px;
    font-family: 'droid_sansbold';
    font-weight: normal;
    position: absolute;
    top: 0px;
    color: #fff;
    line-height: 26px;
    right: 100px;
    margin-top: 0;
}

ul.sidebar-container li {
    background: #e7e8e7;
    border-radius: 5px;
    margin-bottom: 10px;
    min-height: 60px;
    padding: 10px;
}

.img-col-3 {
    max-width: 135px;
    width: 100%;
    float: left;
}

.img-col-3 img {
    width: 100%;
    height: auto;
}

.container-name {
    /* float: left;
    width: calc(100% - 135px);*/
    font-size: 17px;
    font-family: 'droid_sansbold';
    font-weight: normal;
    color: #006544;
    padding-left: 15px;
    word-wrap: break-word;
}

.modal-content .inner-block h3.plain-title {
    background: none;
    color: #006544;
    text-transform: none;
}

.modal-content .inner-block p {
    font-size: 17px;
    color: #646464;
    line-height: 20px;
    margin-top: 20px;
}

.table-container .dataTables_wrapper {
    margin-top: 30px;
}

table.dataTable tbody tr {
    cursor: pointer;
}

.table-container .dataTables_wrapper .dataTables_length {
    width: 50%;
    margin-bottom: 30px;
}

.table-container .dataTables_wrapper .dataTables_length.right-side-search {
    width: calc(100% - 215px);
}

.table-container .dataTables_wrapper .dataTables_length select {
    width: 150px;
    height: 36px;
    font-size: 16px;
}

.dataTables_wrapper .dataTables_filter input {
    margin-left: 0.5em;
    width: 150px;
    height: 36px;
    font-size: 16px;
}

table.dataTable thead th {
    background: #006544;
    color: #fff;
}

div.password-container input {
    width: calc(90% - 20px);
}

div.password-container i {
    cursor: pointer;
}

ul.no-container-list {
    max-width: 610px;
    margin: 20px auto;
    text-align: center;
}

ul.no-container-list li {
    width: 100%;
    height: auto;
    font-size: 17px;
    color: #006544;
    font-family: 'droid_sansbold';
    font-weight: normal;
    margin-bottom: 40px;
    padding: 0 15px;
}

ul.no-container-list li img {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 420px;
    height: auto;
}

ul.no-container-list li:last-child(1) {
    margin-bottom: 0;
}

.js-cookie-consent.cookie-consent {
    position: fixed;
    bottom: 0;
    width: 100%;
    text-align: center;
    padding: 8px;
    background-color: #006544;
    color: #fff;
    font-size: 14px;
    z-index: 999999;
}

.js-cookie-consent.cookie-consent .js-cookie-consent-agree {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
    margin-left: 10px;
}

.order-form .counter {
    float: right;
}

.cart-block .order-note-block .c-preview {
    margin-bottom: 0px;
}

.cart-block .order-note-block {
    height: auto;
}

li.select-all p {
    display: inline-block;
    cursor: pointer;
}

div.select-all {
    cursor: pointer;
    margin-bottom: 0px !important;
    #hide-selection-ok {
    margin-bottom: 10px !important;
    }
}

.check-dropdown .toogle-li {
    background-color: transparent;
    height: auto;
    padding: 0px;
    margin-bottom: 0px;
}

.check-dropdown .toogle-li .select-container {
    border-color: transparent;
}

.check-dropdown li.select-all p {
    text-transform: uppercase;
    color: #006544;
}

.container-overview-block .img-col-2,
ul.container-sidebar-list li .img-col {
    max-width: 140px;
    margin: 0 auto;
}

ul.container-sidebar-list li .img-col {
    max-width: 170px;
}

.select-containers .custom-dropdown .dropdown-content:not(.hide) {
    padding: 10px;
}

.select-containers .custom-dropdown .dropdown-content:not(.hide) .check-dropdown li {
    padding: 10px 10px;
}

.select-containers .custom-dropdown .dropdown-content:not(.hide) .check-dropdown .select-all {
    padding-top: 0px;
    padding-bottom: 0px;
    height: auto;
    margin-bottom: 10px;
    padding-left: 0px;
}

.select-containers .custom-dropdown .dropdown-content:not(.hide) .check-dropdown .toogle-li,
.select-containers .custom-dropdown .dropdown-content:not(.hide) .check-dropdown .toogle-li .select-container {
    height: auto;
    padding: 0px;
    margin-bottom: 0px;
    line-height: initial;
}

.select-containers .custom-dropdown .dropdown-content:not(.hide) .check-dropdown li .form-group label {
    padding-left: 34px;
}

.select-containers .custom-dropdown .dropdown-content:not(.hide) .check-dropdown li .form-group label.left-img {
    padding-left: 5px;
}

.select-containers .custom-dropdown .dropdown-content:not(.hide) .check-dropdown .toogle-li .select-container::before {
    right: 0;
    top: 13px;
}

.dropdown .select-container.expand::before {
    content: "\e918";
    top: 0px !important;
}

.dropdown .select-container.accept::before {
    content: "OK";
    top: 0px !important;
    font-size: 17px;
    font-family: 'droid_sansbold' !important;
    font-weight: normal;
    color: #006544;
}

#confirm-order-item .modal-content {
    max-width: 415px;
}

.content-block {
    margin-top: 50px;
}

a.back-btn.desktop {
    display: block;
}

a.back-btn.desktop::before {
    content: "\e916";
    position: absolute;
    left: -3px;
    top: -2px;
    font-family: 'icomoon' !important;
    font-size: 25px;
    color: #006544;
}

a.back-btn.desktop {
    width: 22px;
    height: 23px;
    position: absolute;
    display: block;
    z-index: 9;
    top: 14px;
    left: 15px;
}

a.back-btn.desktop {
    top: 0;
}

/*
* Specail container css
*/
.add_list_container .form-group{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.add_list_container .form-group label{
    font-size: 18px;
    color: #006544;
    font-family: 'droid_sansbold';
}

.add_list_container .form-group input{ 
    border: 1px solid #006544;
    width: 75%;
    font-size: 15px;
}

.pos_text {
    margin-left: 20px;
}

.position_boxes {
    margin-top: 70px;
}

.position_box {
    border: 1px solid #998b8b;
    padding: 20px 20px 30px 20px;
    margin-bottom: 20px;
}

.postion_box_table {
    width: 100%;
    border-spacing: 0 1em;
    border-collapse: separate;
    font-size: 15px;
}

.postion_box_table tr {
    color: #998b8b;
}

.postion_box_table tr span.icon-Delete, .postion_delete span.icon-Delete{
    color: #706565;
}

.postion_delete {
    padding-right: 30px;
}

.postion_box_table td .icon-Plus{
    font-size: 25px;
    color: #006544;
    font-weight: 600;
}

.postion_add_more {
    text-align: center;
}

.postion_add_more .icon-Plus {
    font-size: 40px;
    color: #006544;
    font-weight: 800;
}

.add_list_btn {
    background: #006544;
    color: white !important;
    font-family: 'droid_sansbold';
    border: none;
    padding: 7px 30px;
    font-size: 15px;
    float: right;
}

.article_modal_table {
    width:100%;
}

.article_modal_table  thead {
    background: #006544;
    color: #fff;
    width: calc( 100% - 1em );
    display:table;
    width:100%;
    table-layout:fixed;
}

.article_modal_table th {
    padding: 7px;
    font-family: 'droid_sansbold';
}

.article_modal_table td {
    padding: 10px 0;
}

.article_modal_table td [type="checkbox"] {
    position: relative !important;
    left: 0;
    -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      outline: 0;
      background: lightgray;
      height: 16px;
      width: 16px;
      border: 1px solid white;
      color: white;
}


.article_modal_table td input[type="checkbox"]:checked {
  background: #006544;
  color: white;
}

.article_modal_table td input[type="checkbox"]:after {
  content: ' ';
  position: relative;
  left: 40%;
  top: 20%;
  width: 15%;
  height: 40%;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(50deg);
  display: none;
}

.article_modal_table td input[type="checkbox"]:checked:after {
  display: block;
}

.article_modal_table tbody {
    display:block;
    height:400px;
    overflow:auto;
}
.article_modal_table tbody tr {
    display:table;
    width:100%;
    table-layout:fixed;
}
#article-modal .lookup {
    margin-top: 10px;
    height: 31px;
    border: 2px solid #006544;
    width: 50%;
    text-align: left;
    font-size: 15px;
}

.list_label {
    float: left;
    width: 100%;
    text-align: left;
    padding: 0;
    border-bottom: 1px solid;
    padding-bottom: 10px;
    padding-left: 0 !important;
}

.list_label:before {
    left: auto !important;
    right: 0;
}
.list_label:after {
    left: 282px !important;
}

.sumbit-branch-assign {
    font-size: 16px;
}

.special-container-data{
    background-color: lightgrey;
}

.special-container-data .panel {
    background-color: #e7e8e7 !important;
}

.special-container-data .pos-text-block {
    font-size: 20px;
    position: relative;
    top: -35px;
    padding-left: 18px;
    padding-top: 12px;
}

.special-container-data .accordion.active{
    height: 100px;
}

.special-container-header {
    color: #646464;
    padding: 8px 16px;
    border-radius: 6px !important;
    line-height: 43px;
    padding-left: 70px;
    height: 60px !important;
    position: relative;
    background-color: #e7e7e7 !important;
}

.carousel-slide img {
    width: 100%;
    display: block;
}
.action-button {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #007bff;
    color: #fff;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    font-size: 16px;
}
#banner .btn-block {
    background: none;
}

#banner .inner-block {
    position: relative; 
}
#banner .closemodal {
    right: 0px;
    position: absolute;
    z-index: 10;
    top: 0px;
}

#banner .modal-content {
    max-width: 600px;
}
.popup-logo {
    max-height: 80px;
    height: auto;
    width: 150px;
}

@media(min-width:1400px)and (max-width:2000px) {
    .floating-note {
        right: -415px;
        max-width: 375px;
    }
    .content-main {
        margin-right: 40px;
    }
    aside.sidebar {
        max-width: 375px;
    }
    .content-wrapper {
        max-width: 1050px;
    }
}

@media(max-width:1330px) {
    ul.container-lists li {
        width: 100%;
    }
    aside.sidebar {
        max-width: 260px;
    }
}

@media(max-width:1200px) {
    .content-main {
        max-width: 550px;
    }
    .product-block {
        width: 175px;
        height: 140px;
    }
    .image-block-1 {
        position: relative;
        left: auto;
        bottom: auto;
        width: 100%;
        margin: auto;
        top: 35px;
    }
    .image-block-1 img {
        width: 100%;
        height: auto;
    }
    .product-block::before {
        height: 122px;
    }
    .container-info-block {
        max-width: 330px;
        width: 100%;
    }
    .product-block::after {
        height: 100px;
    }
    .note-block {
        width: 100%;
        max-width: 330px;
    }
    .inprogress-btn {
        width: 60%;
        max-width: 100%;
    }
    .note-block span.left-1,
    .note-block span.right-1 {
        font-size: 14px;
    }
    .content-wrapper {
        max-width: 850px;
        width: 100%;
        margin-left: -300px;
    }
    .product-block.multiple::before {
        height: 122px;
    }
    .product-block.multiple::after {
        height: 101px;
    }
}

@media(max-width:1100px) {
    .content-main {
        max-width: 530px;
    }
    .floating-note {
        right: auto;
        width: 100%;
        background: #fff;
        left: 50%;
        right: 50%;
        margin-left: -144px;
    }
    .mobile-view {
        position: relative;
    }
    .mobile-view::after {
        content: '';
        background-color: #fff;
        height: calc(100% - 50px);
        width: 100%;
        position: absolute;
        left: 0px;
        bottom: 0px;
        z-index: 999;
    }
}

@media(max-width:1024px) {
    aside.sidebar {
        max-width: 230px;
    }
    .content-wrapper {
        max-width: 795px;
    }
}

@media(max-width:1023px) {
    .content-wrapper {
        max-width: 640px;
        margin: 0 auto;
        position: static;
        padding: 0 15px;
    }
    .content-main {
        margin: 0 auto;
        max-width: 100%;
    }
    .logo {
        margin: 0 auto;
        display: block;
    }
    ul.main-nav {
        left: 15px;
    }
    aside.sidebar {
        max-width: 230px;
        position: absolute;
        right: 15px;
        top: 100px;
        width: 100% !important;
        max-width: 100%;
        left: 0;
        background: #fff;
        padding-top: 0;
        z-index: 9999;
        top: 51px;
        padding: 0;
        margin-left: 0;
        vertical-align: top;
        display: none;
    }
    .cart-van {
        right: 15px;
    }
    .container-sidebar-list {
        max-width: 500px;
        margin: 0 auto;
        padding: 0 15px;
    }
    .sidebar-title {
        background: #e7e8e7;
        color: #006544;
        position: relative;
    }
    a.back-btn::before {
        content: "\e916";
        position: absolute;
        left: -3px;
        top: -2px;
        font-family: 'icomoon' !important;
        font-size: 25px;
        color: #006544;
    }
    a.back-btn {
        width: 22px;
        height: 23px;
        position: absolute;
        display: block;
        z-index: 9;
        top: 14px;
        left: 15px;
    }
    a.back-btn.cart-page {
        top: 0;
    }
    .container-overview-block {
        height: auto;
    }
    header #top-nav {
        left: 15px;
    }
}

@media(max-width:768px) {
    .floating-note {
        left: 0;
        right: 0;
        margin-left: 0;
        max-width: 100%;
    }
    #banner .popup-logo{
        width: 112px;
        max-height: 50px
    }
    .col-50 {
        width: 100% !important;
        float: none !important;
    }
    .col-50.p-30 {
        padding: 15px !important;
    }
    .pull-right {
        /* float: none !important;
        text-align: right !important; */
        float: left;
        margin-top: 20px !important;
    }
    .btn-block {
        height: 70px;
    }
    .debitor-sub-user {
        flex-direction: column;
        justify-content: space-between;
    }
    .debitor-sub-user .col {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}

@media(max-width:767px) {
    p.switch-block {
        position: static;
    }
}

@media(max-width:650px) {
    .product-block {
        width: 131px;
        height: 110px;
    }
    .image-block-1 img {
        width: 100%;
        height: auto;
    }
    .product-block::before {
        height: 88px;
        top: 9px;
    }
    .product-block::after {
        height: 74px;
        top: 14px;
    }
    ul.container-lists li {
        width: 100%;
    }
    .note-block {
        width: 100%;
    }
    .inprogress-btn {
        width: 60%;
        max-width: 100%;
    }
    .container-info-block {
        /* width: calc(100% - 170px);*/
        width: calc(100% - 164px);
    }
    .container-info-block ul {
        margin: 0 0 15px 0px;
    }
    #tab1:checked~nav .tab1 label::after,
    #tab2:checked~nav .tab2 label::after {
        width: 100%;
        left: 0;
    }
    .search-input input {
        width: 100%;
    }
    ul.contact-list-1 li:first-child {
        padding-left: 45px;
    }
    ul.contact-list-1 li,
    ul.contact-list-1 li:last-child {
        padding-left: 10px;
        padding-right: 10px;
    }
    .custom-select {
        margin-bottom: 30px;
    }
    .product-block.multiple::before {
        height: 94px;
    }
    .product-block.multiple::after {
        height: 72px;
    }
    .image-block-1 .group-image {
        max-width: 112px;
    }
    .product-block .image-block-1 {
        max-height: 55px;
        overflow: hidden;
    }
    
    
}

@media(max-width:520px) {
    .select2-results__option {
        width: 100%;
    }
    .note-block {
        width: 100%;
        max-width: 100%;
    }
    .inprogress-btn {
        width: 60%;
        max-width: 100%;
    }
    .note-block span.right-1 {
        max-width: 100%;
        width: calc(100% - 137px);
    }
    .note-block .right-1 {
        max-width: 100%;
        width: calc(100% - 79px);
    }
    .cart-block button span.abo {
        right: 54px;
    }
    .cart-block button span.container-count {
        right: 115px;
    }
}

@media(max-width:478px) {
    ul.container-lists li span {
        display: block;
    }
    ul.container-lists li span.bottom-space {
        margin-bottom: 2%;
    }
    ul.avv_un li {
        display: inline-block;
    }
    .image-block-1 img {
        max-height: 100%;
        object-fit: contain;
    }
    .cart-block .image-block img {
        max-height: 100%;
        object-fit: contain;
    }
}

@media(min-width:479px) {
    ul.container-lists li span.order-status {
        float: right;
        margin-right: 4%;
    }
}

@media(max-width:414px) {
    .modal-content .inner-block h3 {
        font-size: 12px;
    }
    #toast-container {
        top: 80px;
        width: calc(100% - 30px);
        left: 15px;
        -webkit-transform: none;
        transform: none;
    }
    .toast {
        height: auto;
        min-height: 40px;
        padding: 5px 15px;
    }
    ul.order-lists>li {
        height: 310px;
    }
    .g-btn.btn1.info-btn {
        margin: 0 auto 20px;
    }
    ul.container-lists>li,
    ul.container-lists>li,
    ul.container-lists.order-lists>li,
    .cart-block ul.container-lists>li {
        min-height: 200px;
        max-height: 300px;
        height: auto;
    }
    ul.container-lists.order-lists>li {
        max-height: 320px;
    }
    .title-g {
        word-wrap: break-word;
        white-space: normal;
    }
    ul.container-lists>li.container-group::after {
        content: "";
        display: table;
        clear: both;
    }
    .container-info-block {
        min-height: 100px;
    }
    .container-info-block ul.v-list li {
        margin-right: 10px;
    }
    .title-g.container-content {
        font-size: 14px;
    }
    ul.container-lists li,
    ul.container-lists.order-lists li,
    .cart-block ul.container-lists li {}
    ul.container-lists>li.container-group,
    ul.container-lists.order-lists>li {
        padding-bottom: 50px;
    }
    ul.container-lists li.container-group::after,
    ul.container-lists.order-lists>li::after {
        content: "";
        clear: both;
        display: block;
    }
    .cart-block ul.container-lists>li {
        padding-bottom: 50px;
        min-height: 160px;
        max-height: 350px;
    }
    .cart-block .img-block {
        float: none;
        margin: 0 0 10px;
    }
    .cart-block .img-block img {
        border-radius: 5px;
        max-height: 100%;
        object-fit: contain;
    }
    .order-det-block {
        width: 100%;
    }
    .check-dropdown li .container-name,
    .order-lists .title-g,
    ul.ordered-containers-list.sidebar-container li .container-name,
    .title-hor,
    .title-ver {
        font-size: 14px;
    }
    .avv-label,
    .title-g.avv-label,
    .container-overview-block .title-2 {
        font-size: 14px;
    }
}

@media(max-width:375px) {
    ul.container-lists li ul li {
        height: auto;
    }
    .pc-tab nav ul {
        margin: 0 -15px;
    }
    .note-block span.right-1 {
        max-width: 120px;
    }
    .container-info-block {
        /* width: calc(100% - 170px);*/
        width: calc(100% - 149px);
    }
}

@media(max-width:374px) {
    .cart-block button span.abo {
        right: 42px;
    }
    .cart-block button span.container-count {
        right: 95px;
    }
}

@media(max-width:330px) {
    #tab1:checked~nav .tab1,
    #tab2:checked~nav .tab2,
    #tab3:checked~nav .tab3 {
        font-size: 16px;
    }
}

@media(max-width:375px) {
    .pc-tab ul li label {
        padding: 2px 10px 10px;
    }
    .container-info-block ul.icon-list li {
        margin-right: 0px;
    }
    .container-info-block {
        padding-left: 15px;
    }
    .cart-block .img-block {
        max-width: 130px;
    }
    .cart-block .img-block img {
        width: 100%;
        height: auto;
    }
}

@media (max-width: 320px) {
    .cart-block button span.abo {
        right: 35px;
    }
    .cart-block button span.container-count {
        right: 88px;
    }
    .container-info-block {
        padding-left: 4px;
    }
    .container-info-block ul.icon-list {
        position: relative;
        top: -5px;
    }
}

#boxscroll {
    padding: 40px;
    height: 220px;
    width: 300px;
    border: 2px solid #00F;
    overflow: auto;
    margin-bottom: 20px;
}

#boxscroll2 {
    padding: 40px;
    height: 120px;
    width: 730px;
    border: 2px solid #F00;
    overflow: auto;
}

#boxscroll3 {
    overflow: hidden;
}

#boxframe {
    position: relative;
    height: 430px;
    overflow: auto;
    border: solid 2px #006544;
    border-radius: 5px;
}

.user #boxframe {
    margin-bottom: 55px;
}

#boxscroll4 {
    height: 300px;
    margin-top: 40px;
    background-color: #00FF66;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 18px;
    padding: 20px;
    color: #006633;
    overflow: auto;
}

.nicescroll-cursors {
    background: #006544 !important;
    width: 6px;
    border-radius: 10px !important;
    max-height: 100px;
    border: none !important;
}

.nicescroll-rails {
    opacity: 1 !important;
    right: 5px !important;
}

.checkbox-container {
    padding: 10px;
    overflow: auto;
}

.dropdown-block select option {
    color: #646464;
    background-color: #e7e7e7;
}

.app-support-info {
    padding-top: 30px;
    font-family: 'droid_sansbold';
    font-size: 1rem !important;
}

.subscribed-message-block {
    z-index: 1;
    border-radius: 2px;
    background: #006544;
    font-family: 'droid_sansbold';
    padding: 0px 4px;
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    position: absolute;
    top: -5px;
    left: 20px;
    text-align: center;
    color: #fff;
    line-height: 20px;
}

.rollback-button {
    margin-top: -23px;
}

.rollback-img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #c4d5cb29 !important;
    /* Old browsers */
    background: -moz-linear-gradient(top, #c4d5cb 0%, #d1ddd7 37%, #eef2f0 77%, #f8f9f8 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #c4d5cb 0%, #d1ddd7 37%, #eef2f0 77%, #f8f9f8 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #c4d5cb 0%, #d1ddd7 37%, #eef2f0 77%, #f8f9f8 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4d5cb', endColorstr='#f8f9f8', GradientType=0);
    /* IE6-9 */
    display: block;
    position: absolute;
}

.rollback-img::before {
    content: "\e965";
    position: absolute;
    z-index: 99999;
    right: 10px;
    bottom: 22px;
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    color: #006544;
    border-radius: 50%;
    font-size: 35px;
    text-align: center;
    line-height: 14px;
}

.imagelogo {
    margin-top: -11px;
    height: 50px;
}

.stageimage {
    text-align: center;
    margin-top: 30px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    p.phone span.icon-Telefon {
        margin-left: -11px;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
    p.phone span.icon-Telefon {
        margin-left: 0;
    }
}

@-moz-document url-prefix() {
    p.phone .icon-Telefon {
        margin-left: 0;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    ul.contact-list li span.icon-Telefon {
        margin-left: -19px;
    }
    .dataTables_wrapper ul.admin-quick-list li .dataTables_filter input,
    .search-block input.form-control {
        line-height: 21px;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
    ul.contact-list li span.icon-Telefon {
        margin-left: 0px;
    }
    .dataTables_wrapper ul.admin-quick-list li .dataTables_filter input,
    .search-block input.form-control {
        line-height: 36px;
    }
}

@-moz-document url-prefix() {
    ul.contact-list li span.icon-Telefon {
        margin-left: 0px;
    }
    .dataTables_wrapper ul.admin-quick-list li .dataTables_filter input,
    .search-block input.form-control {
        line-height: 36px;
    }
}

@media only screen and (max-width: 650px) {
    .contact-list-1 p.name-title i {
        right: 0px;
    }
}

.form_info {
    text-align: center;
    margin-top: 30px;
}