body{
    margin: 0px;
    padding: 0px;
    border: 0px;
    overflow-x: hidden;
    font-family: 'address_sans_proregular' !important;
    color: #383636 !important;
}
@font-face {
    font-family: 'address_sans_proregular';
    src: url('../font/regular/address_sans_pro_regular-webfont.woff2') format('woff2'),
            url('../font/regular/address_sans_pro_regular-webfont.woff2') format('woff');
    font-weight: normal;
    font-style: normal;
}
.m-x-100{
    max-width: 100% !important;
}
.btn-no-bg{
    background-color: transparent;
    border: none;
    padding: 0px;
}
button:focus,a:hover{
    outline: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
}
.mx-170{
    max-width: 170px;
}
.logo{
    width: 100%;
    /* width: 300px;
    height: 60px; */
}
.logo svg{
    width:100%;
    height:100%;
}
.maingutschein-button:hover,.maingutschein-button:focus{
    color: #ffffff !important;
    text-decoration: none;
}
.w-auto{
    width: auto !important;
}
form{
    margin: 0px !important;
}
.c-pointer{
    cursor: pointer !important;
}
ul{
    list-style: none !important;
    padding: 0px !important;
    margin: 0px !important;
}
.box-container{
    margin: 0px auto;
    padding: 0px 15px;
}
.search-box{
    border: 1px solid #383636; 
    width: 100%;
    height: 40px;
    margin-right: 35px;
    display: flex;
}
.search-button{
    width: 40px;
    height: 100%;
    border: none;
    background-color: #383636;
    display: block;
    /* display: inline-block; */
    float: left;
}
.search-button img{
    width: 20px;
}
.search-box .my-form-set{
    max-width: calc(100% - 40px);
    width: 100%;
    display: inline-block;
}
.search-box .maingutschein-feild{
    border: none;
    max-width: 100%;
    font-size: 20px;
    line-height: 24px;
    color: #383636;
    text-align: center;
    padding: 5px 10px;
    width: 100%;
    height: 38px;
    outline: none;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active
{
 -webkit-box-shadow: 0 0 0 30px white inset !important;
}
.search-box .maingutschein-feild::-webkit-input-placeholder,
.maingutschein-feild::-webkit-input-placeholder {  
    color: #383636;
    opacity: 1;
} 
.search-box .maingutschein-feild:-ms-input-placeholder,
.maingutschein-feild:-ms-input-placeholder { 
    color: #383636;
    opacity: 1;
} 
.search-box .maingutschein-feild::placeholder,
.maingutschein-feild::placeholder { 
    color: #383636;
    opacity: 1;
}
.transparant-button{
    background-color: transparent;
    border: none;
    padding: 0px;
    margin-left: 25px;
    cursor: pointer;
    position: relative;
}
.transparant-button img{
    width: 22px;
    height: 22px;
}
.transparant-button .badge{
    padding: 4px 7.5px 2px 7.5px;
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    position: absolute;
    top: -13px;
    right: -13px;
    border-radius: 21px;
    line-height: 100%;
    font-family: 'address_sans_prosemibold';
    background-color: #e00b0b;
}
.maingutschein-button,.box-footer .btn,
.maingutschein-navbar-banner .buttons-csv,
.maingutschein-navbar-banner .box #qr-reader__status_span,
.maingutschein-navbar-banner #qr-reader__dashboard_section button{
    background-color: #383636;
    border-color: #383636 !important;
    padding: 5px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    line-height: 24px;
    height: 40px;
    width: 100%;
    color: #ffffff;
    cursor: pointer;
    border: 1px solid;
} 
.maingutschein-navbar-banner #qr-reader__dashboard_section button{
    margin-top: 10px;
}
.maingutschein-navbar-banner .box #qr-reader__status_span,
.maingutschein-navbar-banner #qr-reader__dashboard_section button{
    width: auto;
    font-size: 16px !important;
    height: 34px;
    background-color: #383636 !important;
    color: #ffffff !important;
}
.maingutschein-navbar-banner .box #qr-reader__status_span{
    height: 26px;
}
#qr-reader__scan_region img{
    max-width: 140px;
    width: 100%;
    opacity: 1 !important;
} 
#qr-reader{
    max-width: 100% !important;
    /* margin: auto; */
    margin-left: 0px;
    width: 100%;
    border: 1px solid #383636 !important;
}
#qr-reader > div{
    border-bottom: 1px solid #383636 !important;
}
#qr-reader #qr-reader__scan_region,#qr-reader #qr-reader__dashboard{
    border-bottom: 0 !important;
}
#qr-reader span a {
    font-size: 20px;
    color: #383636;
    font-family: 'address_sans_prosemibold' !important;
}
#qr-reader__dashboard_section{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}


/* OR seperator css added by jigna */

#or {
    position: relative;
    width: 100%;
    height: 50px;
    font-size: 16px;
    line-height: 50px;
    text-align: center;
} 
.or-text{
    font-size: 16px;
    line-height: 120%;
    display: inline-block;
    padding: 0px 15px;
    margin: 0px;
    position: relative;
    z-index: 1;
    background-color: #ffffff;
    font-family: 'address_sans_prosemibold';
}
#or hr{
    position: absolute;
    top: 50%;
    left: 0px;
    width: 100%;
    border-top: 1px solid rgba(56, 54, 54, 0.5);
    margin: 0;
}

/* seperator ends here */
.maingutschein-button:hover,.box-footer .btn:hover,
.maingutschein-navbar-banner .buttons-csv:hover{
    background-color: #6dc7f1 !important;
    border-color: #6dc7f1 !important;
}
.box-footer .btn{
    width: auto;
    margin: 0 !important;
    border-radius: 0; 
    min-width: 130px;
}
.box-footer .btn.btn-danger{
    border: 1px solid #e00b0b !important;
    background-color: #e00b0b;
}
.box-footer .btn.btn-danger:hover{
    background-color: #bb0b0b !important;
    border: 1px solid #e00b0b !important;
}
.box-footer .btn:last-child{
    margin-left: 10px !important;
}
.box-footer .form-group{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.action-button {
    margin-left: 53px;
}
.action-bar{
     max-width: calc(100% - 340px);
     width: 100%;
}
.top-links{
    background-color: #383636;
    padding: 22px 15px;
    margin-top: 40px;
}
.top-links .top-link,.top-links .dropdown .top-link{
    font-size: 20px;
    line-height: 100%;
    color: #ffffff;
    margin-right: 45px;
    padding: 12px 0px;
    display: block;
}
.top-links ul li {
    line-height: normal;
}
.top-links ul li:last-child .top-link{
    margin-right: 0px;
    -webkit-appearance: none;
    display: block;
}
.maingutschein-navbar-links{
    padding-top: 48px;
    max-width: 319px;
    width: 100%;
    padding-right: 59px;
    margin-bottom: 16px;
}
.maingutschein-navbar-links .gift-card-mobile{
    width: 50px;
}
.maingutschein-navbar-links li {
    line-height: normal;
}
.maingutschein-navbar-links a,
.maingutschein-navbar-links li.all-category {
    font-size: 20px;
    color: #383636;
    line-height: 100%;
    padding: 20px 0 10px;
    display: block;
    border-bottom: 1px solid #707070;
    transition: all ease-in-out 0.3s;
    text-decoration: none !important;
    -webkit-appearance: none !important;
}
.maingutschein-navbar-links li.all-category{
    padding: 0px 0 10px;
}
.maingutschein-navbar-links li.all-category svg{
    width: 40px;
    height: 40px;
    margin-right: 10px;
}
.maingutschein-dropdown .dropdown-menu{
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    border-radius: 0;
    border: 1px solid rgba(57, 55, 55, 0.1);
    padding: 10px 15px !important;
    right: 0!important;
    left: auto !important;
    top: 30px !important;
    min-width: 230px;
    transform: none !important;
}
.maingutschein-dropdown .dropdown-menu a {
    color: #6dc7f1;
    font-size: 20px;
    line-height: 35px;
}
.maingutschein-btob .maingutschein-dropdown .dropdown-menu a{
    color: #383636;
} 
.maingutschein-btob .maingutschein-dropdown .dropdown-menu a:hover{
    color: #6dc7f1;
}
.maingutschein-dropdown .dropdown-menu a:hover{
    color: #383636;
} 
.maingutschein-btob .maingutschein-navbar-links{
    padding-top: 20px;
}
.maingutschein-dropdown .dropdown-toggle::after{
    display: none;
}
.maingutschein-dropdown .header-avatar{
    width: 29px;
    height: 29px;
    object-fit: cover;
    border-radius: 50%;
    border: 1px solid rgba(56, 54, 54, 0.1);
    object-fit: contain;
}
.maingutschein-navbar-links a:hover,
.maingutschein-navbar-links a.active{
    color: #6DC7F1 !important;
} 
.maingutschein-navbar-banner {
    max-width: calc(100% - 319px);
    margin-top: 18px;
    width: 100%;
    margin-bottom: 16px;
}
.maingutschein-navbar-banner-no-sidebar{
    max-width: 100%;
    margin-top: 18px;
    width: 100%;
    margin-bottom: 16px;
}
.maingutschein-navbar-banner img{
    width: 100%;
    height: auto;
    /* object-fit: cover; */
    object-fit: contain;
}
.voucher-step-count{
    width: 20%;
    padding: 0px 10px;
    text-align: center;
}
.step-image {
    width: 100%;
    height: 86px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.voucher-step {
    margin: 70px 0 52px;
    border-top: 1px solid #707070; 
    padding: 38px 0px;
    border-bottom: 1px solid #707070; 
}
.voucher-step-count span {
    line-height: 100%;
    color: #383636;
    margin-top: 20px;
    display: block;
}
.social-links-detail{
    padding: 70px 0 104px;
    background-color: rgba(109, 199, 241, 0.84);
}
.social-links li{
    line-height: normal;
}
.social-links li a{
    margin-right: 10px;
}
.social-links li:last-child a{
    margin-right: 0px;
}
.social-detail h4{
    font-size: 30px;
    font-family: 'address_sans_prosemibold';
    line-height: 35px;
    color: #383636;
    margin: 40px 0 37px
}
.social-detail p{
    font-size: 20px;
    line-height: 35px;
    color: #383636;
    margin-bottom: 50px; 
}
.maingutschein-feild,.maingutschein-navbar-banner .box .form-control{
    border: none;
    text-align: center;
    height: 40px;
    width: 100%;
    font-size: 20px;
    line-height: 24px;
    padding: 5px;
    color: #383636;
    outline: none;

}
.maingutschein-feild:focus,.maingutschein-navbar-banner .box .form-control:focus{
    outline: none;
    box-shadow: 3px 5px 11px 0px rgb(56 54 54 / 30%);
}
.maingutschein-navbar-banner .box select.form-control,.maingutschein-navbar-banner  select.form-control:not([size]):not([multiple]){
    height: 40px;
}
.maingutschein-navbar-banner .box .form-control{
    border: 1px solid #707070;
    border-radius: 0px;
    text-align: left;
    padding: 5px 15px;
    background-color: #ffffff;
}
.btn-footer-search{
    max-width: 86px;
}
.footer-search{
    max-width: 688px;
    border: 1px solid #707070;
    margin: 0px auto;
}
.footer-search .name{
    max-width: 292px; 
}
.footer-search .email{
    max-width: 310px;
    width: 100%;
    border-left: 1px solid #383636;
}
.maingutschein-navbar-banner .box .form-control::-webkit-input-placeholder {
    color: #383636;
    opacity: 1;
}
.maingutschein-navbar-banner .box .form-control:-ms-input-placeholder {
    color: #383636;
    opacity: 1;
}
.maingutschein-navbar-banner .box .form-control::placeholder {
    color: #383636;
    opacity: 1;
}
.footer-list{
    background-color: #383636;
    padding: 87px 0 100px;
}
.footer-list .box-container{
    max-width: 1195px;
}
.footer-title{
    font-family: 'address_sans_prosemibold';
}
.footer-menu li a,.footer-title{
    font-size: 20px;
    line-height: 100%;
    color: #ffffff;
    margin-bottom: 20px;
    display: inline-block;
    transition: all ease-in-out 0.3s;
}
.footer-menu li a:hover {
    color: #6DC7F1;
}
.footer-menu li:last-child a{
    margin-bottom: 0px;
}
.payment-method .footer-title{
    font-family: 'address_sans_proregular';
}
.payment-box li{
    width: 52px;
    height: 34px;
    background-color: #ffffff;
    margin-right: 6px;
}
.payment-box li:last-child{
    margin-right: 0px;
}
.footer-link-detail ul{
    margin-bottom: 36px !important; 
}
.company-platform, .passende{
    padding: 70px 0px 70px;
}
.passende{
    border-top: 10px solid #e6e6e6;
    border-bottom: solid 10px #6EC7F1;
}
.platform-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.platform-detail h4{
    font-size: 30px;
    line-height: 35px;
    font-family: 'address_sans_prosemibold' !important;
    margin-bottom: 50px;
}
.platform-detail p{
    font-size: 20px;
    line-height: 35px;
    margin-bottom: 50px;
}
.platform-button{
    margin-top: 83px;
}
.btn-maingutschein-platform{
    max-width: 260px;
}
.new-category-here .slick-slide{
    height: auto;
}
.new-category-here{
    background-color: rgba(56, 54, 54, 0.12);
    padding: 56px 0 80px;
}
.category-list{
    background-color: #ffffff;
    border: 1px solid #707070;
    width: 100%;
    margin-right: 10px;
    padding:0px !important
}
.category-list .maingutschein-button img{
    width: auto;
    height: auto;
}
.category-slider .slick-list{
    margin-right: -10px;
} 
.blank-space{
    height: 73px;
}
.category-list .blank-space{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    font-size: 25px;
    line-height: 100%;
    font-family: 'address_sans_prosemibold';
    height: auto;
    min-height: 73px;
}
.location-button{
    line-height: 100%;
}
.location-button:hover,.btn-filter:hover{
    background-color: #383636 !important;
    border-color: #383636 !important;
}
.maingutschein-button img{
    margin-right: 5px;
}
.image-wrapper {
    padding: 20px 20px 20px;
    width: 100%;
}
.category-image{
    width: 100%;
    height: 170px;
    display: flex;
    align-items: center;
    overflow: hidden
}
.category-image img{
    width: 100%; 
    object-fit: contain;
    /* object-fit: cover; */
    height: 100% !important;
}
.category-slider .slick-arrow {
    background-color: transparent;
    border: none;
    color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    padding: 0;
    width: 21px;
    height: 70px;
    position: absolute;
    top: 50%;
    z-index: 1;
    cursor: pointer;
}
.category-slider .slick-arrow.slick-prev{
    background-image: url('../image/Prev-arrow.png');
    left: -48px;
}
.category-slider .slick-arrow.slick-next{
    background-image: url('../image/Next-Arrow.png');
    right: -48px;
}
.category-slider .category-image img {
    width: 100%;
    object-fit: contain;
    height: 100% !important;
}
#results .category-image img {
    width: 100%;
    object-fit: contain;
    height: 100% !important;
}
.category-title{
    font-size: 30px;
    line-height: 25px;
    margin-bottom: 28px;
    text-align: center;
}
.maingutschein-advance-search{
    background-color: #6DC7F1;
    padding: 25px 0px;
}
.advance-search h4{
    font-size: 25px;
    line-height: 25px;
    font-family: 'address_sans_prosemibold';
    margin: 0px;
}
.btn-filter{
    max-width: 110px;
    padding: 5px 30px;
    margin-left: 25px;
}
.btn-filter img{
    position: absolute;
    left: 7px;
}
.categoty-filter{
    max-width: 220px;
    margin: 0 0 0 25px;
    appearance: none;
    width: 100%;
    background-color: #fff;
}
.categoty-filter select {
    appearance: none;
    border: 1px solid #383636;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-top-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
    padding: 5px 50px 5px 10px;  
    z-index: 2;
    background-color: transparent;
    -webkit-appearance: none !important;
}
.categoty-filter input {
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-top-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
    -webkit-appearance: none !important;
}
.zip{
    max-width: 200px;
    border: 1px solid #383636;
    margin-left: 25px;
    border-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-top-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
}
.select-arrow{
    width: 40px;
    height: 40px;
    background-color: #383636;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0px ;
    cursor: pointer;
}


/* Employer Page css */
.maingutschein-btob .maingutschein-header{
    background-color: #383636;
    padding: 20px 0px 0px;
}
.employer-voucher{
    padding: 100px 0px 75px;
}
.employer-voucher .box-container{
    max-width: 980px;
}
.employer-voucher h4{
    font-size: 30px;
    line-height: 100%;
    margin-bottom: 50px;
}
.employer-voucher p{
    font-size: 20px;
    line-height: 30px;
}
.contact-us-form{
    background-color: #383636;
    padding: 50px 0px 50px;
}
.contact-us-form .box-container{
    max-width: 1254px;
}
.contact-title{
    font-size: 30px;
    line-height: 100%;
    color: #ffffff;
    margin-bottom: 70px;
}
.maingutschein-form-group{
    margin-bottom: 45px;
}
.contact-us-form .maingutschein-form-group{
    max-width: 536px;
    width: 100%;
}
.contact-us-form .full-area{
    max-width: 100% !important; 
}
.contact-us-form .maingutschein-form-group input{
    text-align: left;
    padding: 5px 15px;
}
.maingutschein-textarea{
    width: 100%;
    resize: none;
    height: 150px;
    padding: 16px;
    font-size: 20px;
    line-height: 24px;
    color: #383636;
}
.maingutschein-textarea::-webkit-input-placeholder {
    opacity: 1;
    color: #383636;
}
.maingutschein-textarea:-ms-input-placeholder {
    opacity: 1;
    color: #383636;
}
.maingutschein-textarea::placeholder {
    opacity: 1;
    color: #383636;
}
.data-detail{
    font-size: 15px;
    line-height: 17px;
    color: #ffffff;
}
.maingutschein-btob .btn-b-to-b{
    background-color: #6DC7F1; 
    max-width: 174px;
    color: #383636;
}
.employee-card{
    background-color: rgba(56, 54, 54, 0.10);
    padding: 90px 0 50px;
}
.employee-card .col-lg-6{
    margin-bottom: 50px;
}
.employee-card .row{
    margin-bottom: 57px;
}
.employee-detail h4{
    font-size: 30px;
    line-height: 100%;
    color: #383636;
    font-family: 'address_sans_prosemibold';
    margin-bottom: 50px;
}
.employee-detail p{
    font-size: 20px;
    line-height: 30px;
}
.employee-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.employee-card-detail li{
    font-size: 15px;
    line-height: 200%;
}
/* Employer Page css */

/* All pages css */
.login-box,.register-box{
    max-width: 450px;
    margin: 100px auto 0;
    text-align: center;
}
.login-box-msg{
    font-size: 30px;
    line-height: 100%;
    margin-bottom: 50px;
    position: relative;
    padding: 0 20px;
}
.login-box .maingutschein-feild,.register-box .maingutschein-feild {
    border: 1px solid #383636;
    text-align: left;
    padding: 5px 35px 5px 15px;
}
.login-box .maingutschein-button{ 
    padding: 10px 20px; 
    min-width: 150px;
}
.login-box .form-group,.register-box .form-group{
    position: relative;
}
.login-box .form-group .glyphicon,.register-box .form-group .glyphicon{
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #383636;
}
.maingutschein-link{
    font-size: 16px;
    line-height: 100%;
    color: #6dc7f1;
    font-family: 'address_sans_prosemibold' !important; 
    transition: all ease-in-out 0.3s;
}
.maingutschein-link:hover{
    color: #383636;
}
.maingutschein-navbar-banner img.back-arrow,.maingutschein-navbar-banner svg{
    width: auto;
    height: auto;
    object-fit: none;
    margin-top: 10px;
    transform: rotate(90deg);
    position: absolute;
    left: -10px;
    top: -8px;
    cursor: pointer;
}
.maingutschein-navbar-banner .qr-code svg {
    position: relative;
    left: 0;
    top: 0;
    transform: none;
}
.maingutschein-radio {
    display: flex;
    align-items: center;
    margin-right: 15px;
    position: relative;
}
.maingutschein-radio input{
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.maingutschein-radio .check{
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid #383636;
    margin: -3px 7px 0 0;
    cursor: pointer;
}
.maingutschein-radio input:checked ~ .check {
    background-color: #383636;
    display: flex;
    align-items: center;
    justify-content: center;
}
.maingutschein-radio input:checked ~ .check:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #ffffff;
}
.maingutschein-radio .radio-text {
    font-size: 16px;
    line-height: 100%;
    font-family: 'address_sans_proregular' !important;
}
.maingutschein-menu .invalid-feedback,.invalid-feedback{
    display: block !important;
    font-family: 'address_sans_prosemibold';
    font-weight: normal;
    text-align: left;
    font-size: 16px !important;
    line-height: 100%;
    margin-top: 10px !important;
    /* border: 1px solid #dc3545; */
    padding: 4px;
}
.maingutschein-menu .invalid-feedback strong,
.maingutschein-menu .invalid-feedback b{
    font-weight: normal;
}
.maingutschein-btob .maingutschein-dropdown .header-avatar{
    border: 1px solid #ffffff;
    background-color: #ffffff;
}
.maingutschein-navbar-banner .box{
    margin-top: 30px;
}
.maingutschein-page-title,.box .box-title{
    font-size: 30px;
    line-height: 100%;
    margin-bottom: 35px;
}
.serch-box .category-list{
    margin-bottom: 10px;
}
.maingutschein-navbar-banner .box .form-group label,
.maingutschein-navbar-banner .dataTables_wrapper .dataTables_length label,
.maingutschein-navbar-banner .dataTables_filter label{
    font-size: 16px;
    line-height: 20px; 
    width: 100%;
    font-family: 'address_sans_prosemibold' !important;
    margin-top: 10px;
    /* cursor: pointer; */
} 
.maingutschein-navbar-banner .dropify-wrapper{
    border: 1px dashed #383636;
}
.maingutschein-navbar-banner .dropify-wrapper .dropify-message p{
    font-size: 25px;
    line-height: 35px;
    max-width: 230px;
    margin: 10px auto 0;
    color: #383636;
    font-family: 'address_sans_proregular' !important;
}
.maingutschein-navbar-banner .dropify-wrapper .dropify-preview .dropify-render img{
    object-fit: contain;
}
.maingutschein-navbar-banner .dropify-wrapper:hover .dropify-infos{
    background-color: rgb(110 200 242 / 70%);
}
.maingutschein-navbar-banner .dropify-filename,.maingutschein-navbar-banner .dropify-infos-message{
    font-size: 20px !important;
    text-transform: capitalize;
    color: #383636 !important;
    font-family: 'address_sans_proregular' !important;
    font-weight: normal !important;
}
.maingutschein-navbar-banner .dropify-infos-message{
    opacity: 1 !important;
    text-transform: none;
}
.maingutschein-navbar-banner .dropify-infos-message::before{
    background: #383636;
}
.maingutschein-navbar-banner .dropify-wrapper .dropify-clear{
    color: transparent !important;
    background: #ffffff !important;
    border: 1px solid #e00b0b;
    width: 32px;
    height: 32px;
    padding: 0; 
    background-image: url('/dist/front/image/trash.svg') !important;
    background-size: 22px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    cursor: pointer;
} 
.maingutschein-navbar-banner .cke_chrome{
    border: 1px solid #383636;
}
.maingutschein-navbar-banner .cke_top{
    border-bottom: 1px solid #383636;
    background: rgba(56, 54, 54, 0.1);
}
.maingutschein-navbar-banner .cke_bottom{
    border-top: 1px solid #383636;
    background: rgba(56, 54, 54, 0.1);
}
.maingutschein-navbar-banner .table thead th{
    background-color: #383636;
    color: #fff;
    font-weight: normal;
    vertical-align: middle;
    border: none;
    border-right: 1px solid #676767;
}
.maingutschein-navbar-banner table.dataTable{
    border-collapse: separate !important;
}
.maingutschein-navbar-banner table.dataTable thead .sorting_desc:after,
.maingutschein-navbar-banner table.dataTable thead .sorting:after{
    top: 50%;
    transform: translateY(-50%);
    bottom: auto;
}
.maingutschein-navbar-banner .table td{
    /* border: none; */
    padding: 5px 10px;
    vertical-align: middle;
}
.maingutschein-navbar-banner .table td .margin_set_top strong,
.maingutschein-navbar-banner .table tfoot th{
    font-weight: normal;
    font-family: 'address_sans_prosemibold' !important;
}
.maingutschein-navbar-banner .table td .margin_set_top strong{
    margin-right: 5px;
}
.maingutschein-navbar-banner .table tfoot th{
    font-size: 18px;
}
.maingutschein-navbar-banner .table th:last-child,
.maingutschein-navbar-banner .table td:last-child{
    text-align: center;
}
.maingutschein-navbar-banner .table td a{
    color: #6DC7F1;
    font-family: 'address_sans_prosemibold' !important;
    font-size: 16px;
}
.maingutschein-navbar-banner div.dataTables_scrollHead table.dataTable{
    margin-top: 20px !important;
    border: none;
}
.maingutschein-navbar-banner .dataTables_scroll{
    margin-bottom: 20px;
}
.maingutschein-navbar-banner .dataTables_length select{
    margin: 0px 10px;
    max-width: 100px;
}
.maingutschein-navbar-banner .dataTables_wrapper .dataTables_length label{
    justify-content: flex-start;
}
.maingutschein-navbar-banner .dataTables_filter label{
    justify-content: flex-end;
}
.maingutschein-navbar-banner .dataTables_filter label input{
    max-width: 150px;
    height: 34px !important;
    box-sizing: border-box;
}
.maingutschein-btob .maingutschein-navbar-banner .table-bordered,
.maingutschein-btob .maingutschein-navbar-banner .table-bordered td,
.maingutschein-btob .maingutschein-navbar-banner .table-bordered tfoot th{
    /* border: 1px solid rgba(56, 54, 54, 0.5); */
}
.maingutschein-btob .maingutschein-navbar-banner .dataTables_scrollBody .table-bordered{
    border-top: none;
}
.social-links li a img{
    width: 55px;
}
.maingutschein-navbar-banner .box-body .form-inline{
    display: inherit;
} 
.maingutschein-navbar-banner .box-body table tr th,
.maingutschein-navbar-banner .box-body div.dataTables_wrapper div.dataTables_info{
    font-size: 16px;
}
.maingutschein-navbar-banner .box-body table tr th.sorting_asc::after,
.maingutschein-navbar-banner .box-body table tr th.sorting_desc::after{
    opacity: 0.8;
    top: 50%;
    transform: translateY(-50%);
    bottom: auto;
}
.maingutschein-navbar-banner .box-body table tr td{
    font-size: 16px;
    vertical-align: middle;
}
.maingutschein-navbar-banner .box-body table tr td.justify-content-center {
    text-align: center;
}
.maingutschein-navbar-banner .box-body table tr td a .glyphicon-trash{
    color: #e00b0b;
    margin-left: 5px;
} 
.maingutschein-navbar-banner .box-body table tr td a .glyphicon-eye-open{
    color: #265e8e;
    font-size: 16px;
}
.maingutschein-navbar-banner .pagination {
    border: 1px solid #383636;
    border-radius: 0;
    display: inline-flex;
}
.maingutschein-navbar-banner .pagination .paginate_button.previous a,
.maingutschein-navbar-banner .pagination .paginate_button.next a{
    width: auto;
} 
.maingutschein-navbar-banner .pagination .paginate_button a {
    color: #383636;
    padding: 5px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px; 
    border-right: 1px solid #383636;
    font-size: 16px;
}
.maingutschein-navbar-banner .pagination .paginate_button a:hover{
    background-color: #6DC7F1;
}
.maingutschein-navbar-banner .pagination .paginate_button:last-child a{
    border-right: none;
} 
.maingutschein-navbar-banner .category-list{
    margin: 0px 0px 10px !important;
}
.not-found {
    font-size: 25px;
    line-height: 120%;
    display: block;
    text-align: center;
    max-width: 390px;
    margin: 0px auto 14px;
    color: #383636;
}
.breadcrumbs-list h4,.breadcrumbs-selected li a{
    font-size: 30px;
    line-height: 35px;
    color: #6dc7f1;
    margin-bottom: 0px;
}
.breadcrumbs-selected li a{
    color: #383636;
    display: flex;
    align-items: center; 
}
.breadcrumbs-list {
    margin: 35px 0 35px;
}
.breadcrumbs-selected li a:before {
    content: '>';
    font-size: 45px;
    display: inline-block;
    color: #383636;
    line-height: 40%;
    margin-left: 10px;
    margin-right: 10px;
}
.load-more{
    max-width: 388px;
    margin: 40px auto 30px;
}
.maingutschein-navbar-banner .category-list-image img{
    /* height: 750px;
    object-fit: cover; */
    height: auto;
    object-fit: contain;
    object-position: left center;
}
.maingutschein-navbar-banner table tr td img{
    height: 100px;
    width: 100px;
    object-fit: contain;
}
.back-btn{
    max-width: 120px;
}
.coupen-info{
    margin-bottom: 35px;
}
.box-mini-title{
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 35px;
    font-family: 'address_sans_prosemibold' !important;
}
.coupen-info-detail{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    line-height: 100%;
    color: #383636;
    font-family: 'address_sans_prosemibold' !important;
}
.coupen-info-detail svg{
    width: 20px;
    height: 20px; 
    margin-right: 10px;  
    position: relative;
    left: 0;
    top:0;
    margin: 0 10px 0 0;
    transform: none;
}
.coupen-info-detail.maingutschein-button{
    max-width: 258px;
    margin-top: 15px;
    background-color: #383636;
}
.qr-code-information {
    margin-bottom: 35px;
}
.qr-code-scan{
    background-color: #ffffff;
    display: block;
    margin: auto;   
    padding: 15px 15px;
    max-width: 258px;
    width: 100%;
    text-align: center;
    border: 2px solid #383636;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}
.qr-code{
    margin: 20px 0 10px;
    width: 100%;
} 
.qr-code-number h4{
    font-size: 25px;
    line-height: 30px;
    color: #6dc7f1;
    font-family: 'address_sans_prosemibold' !important;
    margin-bottom: 10px;
}
.qr-code-number span{
    font-family: 'address_sans_prosemibold' !important;
    color: #6dc7f1;
    font-size: 20px;
}
.qr-code-number img {
    width: 100px;
    height: auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(
-90deg
);
    right: -50px;
}
/* All pages css */
/* Cart sidebar design */
.sidebar{
    z-index: 9999 !important;
}
.maingutschein-cart{
    position: fixed;
    top: 0;
    left: -100%;
    height: 100vh;
    background-color: #d3eefb;
    z-index: 1;
    max-width: 320px;
    overflow-y: auto;
    width: 100%;
    transition: all ease-in-out 0.3s;
}
.maingutschein-cart.sidebar{
    left: 0;
}
.cart-information{
    padding: 15px 15px 15px;
    height: calc(100vh - 187px);
    overflow-y: auto;
}
.cart-product-inner li .cart-value{
    word-wrap: break-word;
}
.cart-product {
    display: flex;
    align-items: flex-start;
    background-color: #ffffff;
    padding: 10px 25px 10px 10px;
    margin-bottom: 10px;
    box-shadow: 0 2px 8px 0 rgb(0 0 0 / 6%);
    border-radius: 5px;
    position: relative;
}
.cart-product-image {
    width: 70px;
    height: 70px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #efefef;
    box-shadow: 0 2px 8px 0 rgb(0 0 0 / 6%);
    border-radius: 5px;
}
.cart-product-image img{
    width: 100%;
    border-radius: 5px;
}
.cart-product-detail {
    width: calc(100% - 70px);
    padding: 0px 0 0 10px;
} 
.cart-product-detail h3{
    line-height: 100%;
}
.cart-product-detail h3 a {
    font-size: 20px;
    color: #6DC7F1;
    font-family: 'address_sans_prosemibold' !important;
    line-height: 25px;
}
.cart-title{
    font-family: 'address_sans_probold' !important;
    color: #383636;
    margin-right: 5px;
}
.cart-product-inner li span{
    font-size: 14px;
}
.cart-value{
    overflow-wrap: anywhere;
}
.square_box {
    font-size: 16px;
    line-height: 100%;
    margin-top: 5px;
    color: #383636;
    font-family: 'address_sans_prosemibold' !important;
}
.totle-amount .sub-total,.totle-amount .main-amount{
    font-size: 20px;
    color: #383636; 
    line-height: 25px;
}
.totle-amount .main-amount{ 
    font-family: 'address_sans_prosemibold' !important;
} 
.cart-button:first-child {
    margin-bottom: 10px;
}
.cart-header{
    background-color: #383636;
    padding: 7px 15px;
}
.cart-header h4{
    margin: 0px;
    font-size: 25px;
    line-height: 30px;
    color: #ffffff;
    font-family: 'address_sans_prosemibold' !important;
}
.cart-footer{
    padding: 10px 15px; 
    background-color: #d2edfa;
}
.remove_cart{
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    line-height: normal;
}
/* Cart sidebar design */

/* Detail page css */
.detail-title,.form-sub-title{
    font-size: 30px;
    line-height: 100%;
    color: #6dc7f1;
    text-transform: uppercase;
    font-family: 'address_sans_prosemibold' !important;
    margin-bottom: 30px;
}
.form-sub-title{ 
    color: #383636;
    font-family: 'address_sans_proregular' !important;
    text-transform: none;
    margin: 19px 0 35px;
}
.detail-title sub{
    color: #383636;
    font-size: 20px;
    bottom: 0;
    font-family: 'address_sans_proregular' !important;
    text-transform: none;
}
.category-details-image{
    max-width: 250px;
    height: 250px;
    display: flex;
    align-items: center;
    width: 100%;
    border: 1px solid #383636;
    background-color: #ffffff;
}
.category-details-image img{
    height: auto;
    object-fit: contain;
}
.category-details-view {
    max-width: calc(100% - 250px);
    width: 100%;
}
.maingutschein-navbar-banner .box textarea.form-control{
    height: 130px;
    resize: none;
}
.notice{
    font-size: 14px;
    line-height: 100%;
    margin-top: 10px;
}
.increase-cart .maingutschein-button{
    max-width: 215px;
    margin-left: 30px;
}
.category-descriptions p{
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 0px;
}
.category-descriptions p a,.category-descriptions p a:hover{
    color: #6dc7f1;
    font-family: 'address_sans_prosemibold' !important;
}
/* Detail page css */

/* Alert code */
.alert{
    max-width: 320px;
    position: fixed !important;
    top: 20px;
    right: 20px;
    color: #ffffff !important;
}
.alert-danger{
    background-color: #e00b0b !important;
    border-color: #e00b0b !important;
}
.alert-success{
    background-color: #359e0a !important;
    border-color: #359e0a !important;
}
.alert strong{
    font-weight: normal;
}
.alert-dismissible .close{
    opacity: 1 !important;
    font-size: 32px;
    font-weight: normal;
    color: #ffffff !important;
}

.set_order {
    font-size: 18px;
    color: #6dc7f1;
}
.maingutschein-body input{
    text-align: left;
    border: 1px solid #383636;
}
.maingutschein-body textarea{
    border: 1px solid #383636;
    text-align: left; 
    height: 70px;
    resize: none;
    overflow-y: auto;
}
.credit-card-design{
    border: 2px solid #383636;
    padding: 10px 15px;
    border-radius: 8px;
}
.credit-card-design .logo{
    max-width: 150px;
    margin-bottom: 16px;
    margin-left: auto;
}
.credit-card-design .logo img{
    height: auto;
}
.card-type{
    font-size: 20px;
    font-style: italic;
    line-height: 100%;
}
.card-number{
    font-size: 25px;
    font-family: 'address_sans_prosemibold' !important;
    letter-spacing: 1.5px;
}
.valid-thru{
    font-size: 14px;
    font-family: 'address_sans_prosemibold' !important;
    line-height: 100%;
    margin-right: 15px;
}
.validity span.valid-upto{
    font-size: 20px;
    font-family: 'address_sans_prosemibold' !important;
    line-height: 100%;
}
.card-owner{
    font-size: 20px; 
    font-family: 'address_sans_prosemibold' !important;
    max-width: 300px;
    margin: auto;
    text-align: center;
}
.loader-bg{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.75);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    align-content: center;
}
.maingutschein-loader{
    border: 12px solid rgb(109 199 241 / 30%);
    border-radius: 50%;
    border-top: 12px solid #6dc7f1;
    width: 90px;
    height: 90px;
    -webkit-animation: spin 0.5s linear infinite;
    animation: spin 2s linear infinite;
    margin: 20px auto 0;
}
.maingutschein-loader-text{
    font-size: 20px;
    line-height: 25px;
    color: #ffffff;
    font-family: 'address_sans_prosemibold' !important;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.total-value-cart{
    max-width: 400px;
    width: 100%;
    margin-top: 35px;
}
.total-value-title {
    font-size: 30px;
    line-height: 35px;
    margin-bottom: 35px;
}
.sum-value {
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 30px;
}
.sum-value span.amount_number {
    margin-left: auto;
}
.total-amout{
    border-top: 1px solid rgba(56, 54, 54, 0.3);    
    padding-top: 9px;
    margin-bottom: 20px;
}
.box .col-form-label{
    padding: 0px;
    margin-bottom: 7px;
}
.box.modal{
    padding: 0px !important;
    margin: 0px 15px;
}
.box .modal-dialog{
    height: calc(100vh - 40px);
    margin: 20px auto;
    display: flex;
    align-items: center;
}
.box .modal-content{
    padding: 25px 20px;
}
.box .model-form .box-footer input{
    width: 50%;
}
.box .close,.box .close:hover{
    opacity: 1;
}
.box .close img{
    width: 20px;
    height: auto;
}
.contact-box img{
    width: 38px;
    height: 38px;
}
.contact-box {
    border: 1px solid #383636;
    width: 100%;
    padding: 15px 25px;
    max-width: 32%;
    text-align: center;
}
.contact-box-title {
    display: block;
    font-size: 25px;
    line-height: 30px;
    color: #383636;
    margin: 15px 0;
    font-weight: normal;
    font-family: 'address_sans_prosemibold' !important;
}
a.contact-box-title:hover{
    color: #6dc7f1;
}
.contact-box p {
    font-size: 18px;
    line-height: 25px;
    margin: 0;
}


/* Privacy Pages changes */
.maingutschein-security h2 {
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 25px;
}
.maingutschein-security h3,.maingutschein-security .set-header-new li strong{
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px;
}
.maingutschein-security p strong{
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 20px;
    font-weight: normal;
    font-family: 'address_sans_prosemibold' !important;
}
.maingutschein-security p{
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 20px;
}
.maingutschein-security p br{
    display: none;
}
.maingutschein-security p:last-child{
    margin-bottom: 0px;
}
.privacy-body div{
    font-size: 14px;
    line-height: 24px; 
}
.privacy-body a{
    color: #6dc7f1;
    font-family: 'address_sans_prosemibold' !important;
}
.privacy-body ul li{
    font-size: 14px;
    line-height: 24px; 
    padding-left: 25px;
    position: relative;
}
.privacy-body ul{
    margin-bottom: 20px !important;
}
.privacy-body ul li::before{
    position: absolute;
    content: '';
    display: inline-block0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    background-color: transparent;
    border: 2px solid #383636;
} 
.maingutschein-security .set-header-new li strong{
    margin: 15px 0px 25px;
    display: block;
    font-family: 'address_sans_prosemibold' !important;
}
.normal-title{
    font-size: 14px;
    line-height: 24px;  
    font-family: 'address_sans_probold' !important;
}
/* Privacy Pages changes */
.payment-code-detail{
    font-size: 20px;
    line-height: 25px;
    margin: 0px;
}
.payment-code-detail span{
    color: #6dc7f1;
    font-family: 'address_sans_prosemibold' !important;
}
.two-state-button a{
    max-width: 120px;
}
.coupen-detail-list .maingutschein-button{
    width: auto;
}
.coupen-detail-list li{ 
    padding: 15px 0px;
    border-bottom: 1px solid rgba(56, 54, 54, 0.2);
}
.coupen-detail-list li:first-child{ 
    padding: 0px 0px 20px;
} 
.coupen-detail-list h4{
    font-size: 20px;
    line-height: 25px;
    margin: 0px;
}
.required:after{content:"*";color: red;margin-left: 4px;}

/* B2B sepratation css */
.maingutschein-btob .maingutschein-menu {
    background-color: #ebebeb;
}
.maingutschein-btob .all-category-list{
    background-color: #383636;
    padding: 22px 10px !important;
}
.maingutschein-btob .maingutschein-navbar-links li.all-category svg path,
.maingutschein-btob .maingutschein-navbar-links li.all-category svg rect{
    fill: #ffffff;
}
.maingutschein-btob .maingutschein-navbar-links li.all-category,
.maingutschein-btob .maingutschein-navbar-links a{
    color: #ffffff;
    border-bottom: 1px solid rgba(255,255,255,0.7);
}
.maingutschein-navbar-banner .box-body fieldset{
    padding: 15px 15px;
}
.maingutschein-navbar-banner .dt-buttons{
    width: 100%;
}
.maingutschein-navbar-banner .dt-buttons .buttons-csv{
    height: 34px;
    border-radius: 0px;
    min-width: 100px;
    background: none;
    background-color: #383636;
    margin: 0px;
    width: auto;
    margin: auto;
}
#qr-reader__dashboard_section_swaplink{
    font-size: 16px;
    color: #6dc7f1;
    font-family: 'address_sans_prosemibold' !important;
    text-decoration: none !important;
}
.maingutschein-btob .maingutschein-navbar-banner .table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 0.8);
}
#qr-reader__dashboard_section_csr{
    display: flex !important;
    align-items: center;
    font-size: 16px;
    color: #383636;
    font-family: 'address_sans_prosemibold' !important;
    flex-wrap: wrap;
    text-align: left !important;
}
#qr-reader__dashboard_section_fsr{
    position: relative;
    margin-left: 0;
    width: 100%;
    text-align: left !important;
    margin-top: 15px;
}
#qr-reader__dashboard_section_fsr input{
    position: absolute;
    left: 0;
    opacity: 0;
    width: 100% !important;
}
#qr-reader__dashboard_section_fsr::before {
    content: '';
    background-image: url('../image/upload-image.svg');
    width: 20px;
    height: 20px;
    background-size: contain;
    display: inline-block;    
    vertical-align: middle; 
    cursor: pointer;
}
#qr-reader__dashboard_section_fsr span{ 
    font-size: 16px;
    color: #383636;
    font-family: 'address_sans_prosemibold' !important;
    line-height: 20px;
    margin-left: 10px; 
    cursor: pointer;
}
.code-scan-btn{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 10px;
    width: 100%;
}
.pre_co{
    padding: 15px;
    background: #383636;
    color: #fff;
}
.pre_co button{
    padding: 5px !important;
    opacity: 10;
    background-color: #fff !important;
}
.set_flex_grid{
    display: flex; 
    justify-content: center;
}
.set_flex_grid a {
    margin-left: 10px;
    width: auto;
    max-width: none;
    min-width: 100px;
}
.your-orders a{
    color: #6dc7f1 !important;
    font-family: 'address_sans_prosemibold';
    text-decoration: none !important;
}
.vendor-payment-select input[type="checkbox"],.vendor-payment-select  input[type="radio"]{
    margin-right: 10px;
}
.vendor-choose-payment{
    background-color: #ffffff;
    border: 1px solid #383636;
    padding: 15px 15px 0;
    margin-bottom: 15px;;
}
.vendor-choose-payment .payment-logo-images img {
    height: 25px;
    width: auto;
    object-fit: contain;
    margin-left: 10px;
}
.vendor-choose-payment .maingutschein-radio{
    margin-bottom: 0px !important;
}
.swal2-popup .swal2-styled.swal2-cancel{
    height: 37.5px !important;
    border-radius: .25em;
    font-size: 14px;
}
tfoot{
    background-color: #ffffff;
}
.maingutschein-btob .credit-card-design{
    background-color: #ffffff;
} 
.maingutschein-navbar-banner .box .form-control:disabled{
    cursor: no-drop;
    background-color: #f1f1f1;
}
.maingutschein-head-menu{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
}
.maingutschein-head-menu li a {
    color: #ffffff;
    margin-left: 20px;
    position: relative;
    transition: all ease-in-out 0.3s;
    font-size: 16px;
    text-decoration: none;
    -webkit-appearance: none;
} 
.maingutschein-btob .maingutschein-head-menu .dropdown> .dropdown-toggle:active {
    /*Without this, clicking will make it sticky*/
      pointer-events: none;
  }
  
.maingutschein-head-menu li a.active,.maingutschein-head-menu li a:hover, .maingutschein-head-menu li.dropdown a:hover{
    color: #6dc7f1;
    text-decoration: none;
}
.maingutschein-head-menu.mobile-head-menu .dropdown .dropdown-menu{
    top: 44px !important;
    left: 20px;
}
.maingutschein-head-menu.mobile-head-menu .dropdown> .dropdown-toggle:active {
    /*Without this, clicking will make it sticky*/
      pointer-events: none;
  }
.maingutschein-head-menu li .dropdown-menu{
    min-width: 200px;
    border-radius: 0;
    padding: 5px 0 !important;
    top: 44px !important;
    left: 20px;
    transform: none !important;
}
.dropdown-toggle::after{
    display: none !important;
}
.maingutschein-head-menu li .dropdown-menu li a{
    color: #383636;
    padding: 5px 10px 5px;
    display: block;
    margin: 0px;
}
.maingutschein-head-menu li .dropdown-menu li a:hover::after{
    display: none;
}
/* .maingutschein-head-menu li a:hover:after{
    content: '';
    display: inline-block;
    position: absolute;
    width: 100%; 
    background-color: #6dc7f1;
    height: 2px; 
    left: 0;
    bottom: -25px;
    top: auto;
} */
/* .maingutschein-head-menu li:first-child a{
    margin-left: 0px;
} */
.woocommerce-shipping-methods li input{
    margin: -2px 0 0;
}
.woocommerce-shipping-methods li label{
    margin: 0 0 0 10px;
    font-size: 18px;
}
.woocommerce-shipping-methods li{
    margin-bottom: 10px;
}
.maingutschein-navbar-banner .carousel-indicators{
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;
}
.maingutschein-navbar-banner .carousel-indicators li{
    width: 12px;
    height: 12px;
    /* background-color: rgb(109 199 241); */
    background-color: #fff;
    border: 1px solid #383636;
    border-radius: 50%;
}
.maingutschein-navbar-banner .carousel-indicators .active{
    background-color: #383636;
    /* border: 1px solid rgb(109 199 241); */
    border: 1px solid #fff;
}
.verify-email.login-box {
    margin: 35px auto 0 0;
}
.verify-email .card-header{
    padding: 10px 15px;
    margin-bottom: 0;
    background-color: rgb(109 199 241);
    border-bottom: 1px solid rgb(109 199 241);
    color: #383636;
    font-size: 18px;
    font-family: 'address_sans_prosemibold';
}
.verify-email .card-body{
    padding: 10px 15px;
    font-family: 'address_sans_proregular';
    font-size: 16px;
    line-height: 22px;
}
.modal-dialog{
    margin: 20px auto !important;
    display: flex;
    align-items: center;
    overflow-y: auto;
    overflow-x: hidden;
    pointer-events: auto !important;
    background-color: #fff;
}
/* .modal-dialog .modal-content{
    height: 100%;
} */
.remove_padding{
    padding-right: 0px !important;
}
.remove_modal_border{
    border: none !important;
}
.modal-header,.modal-body{
    padding: 10px 15px !important;
}
.modal-title{
    font-size: 16px;
    line-height: 20px;
    font-family: 'address_sans_prosemibold';
}
.modal-header .close{
    font-size: 23px;
    line-height: 0;
    color: #383636;
    opacity: 1;
}

.coupon-verify-border{
    border-top: 1px solid black;
    margin-top: 21px;
}
.list-group{
    position: absolute;
    z-index: 9;
    width: 100%;
    top: 65px;
}
.list-group a{
    font-size: 16px;
    line-height: 20px;
    color: #383636;
}
.form-group.coupon-button{
    width: calc(100% - 180px);
    margin-right: 10px;
}
.vendor-detail h4,.vendor-detail p a{
    font-size: 18px;
    line-height: 22px;
    color: #6dc7f1;
    font-family: 'address_sans_prosemibold';
}
.vendor-detail p{
    font-size: 16px;
    line-height: 20px;
    color: #383636;
    font-family: 'address_sans_proregular';
}
.terms p{
    font-size: 16px;
    line-height: 25px !important;
    color: #383636;
    font-family: 'address_sans_proregular';
}
.terms ol li{
    font-size: 16px;
    line-height: 20px;
    color: #383636;
    font-family: 'address_sans_proregular';
    margin-bottom: 1rem;
    margin-top: 0;
}
.terms p a{
    font-size: 18px;
    line-height: 22px;
    color: #6dc7f1;
    font-family: 'address_sans_prosemibold';
}
.terms h4{
    font-size: 18px;
    line-height: 22px;
    color: black;
    font-family: 'address_sans_prosemibold';
}
.is-invalid{
    border-color: #dc3545 !important;
}
.maingutschein-header .top-links ul li ul li a{
    font-size: 16px;
}   
.margin_set_top{
    margin-top: 5px !important;
}
.set_width,.dataTables_scrollHeadInner{
    max-width: 100% !important;
}
.text-transform{
    text-transform: capitalize;
}
.padding_adjust_close{
    padding: 3px;
    padding-right: 10px;
}
.set_button{
    padding: 3px !important;
    padding-right: 10px !important;
}
.top-links li a {
    -webkit-appearance: none !important;
    display: block !important;
}
.dataTables_scroll{
    overflow: auto !important;
}
.dataTables_scrollHead{
    overflow: unset !important;
}
.dataTables_scrollBody{
    overflow: unset !important;
}
#example1_wrapper .col-sm-12{
    overflow: auto !important;
}
.set_alignment{
    align-items: center;
}
.set_alignment input {
    margin-right: 5px;
}
.alert-dismissible .close{
    padding: 3px !important;
}
.table_inherit tr td input[type="number"] {
    width: 80px !important;
}
.set_height{
    height: 40px;
}
#example2_wrapper .col-sm-12{
    overflow:auto;
}
.btn_design_set{
    height: 40px;
    margin-top: 10px;
}
.margin_right_sett{
    margin-right:6px;
    margin-left: 0px;
    
}
.cart-footer{
    z-index: 999999;
}
.paginate_button a{
    outline: none !important;
}


.paginate_button.active{
    background-color:#6DC7F1;
}
.dataTables_processing {
    background-color: #ffffff !important;
    width: 200px !important;
    height: 50px !important;
    color: transparent !important;
    padding: 10px !important;
    border-radius: 8px;
    box-shadow: 0 0 9px 0 rgb(0 0 0 / 50%);
}
.dataTables_processing::before{
    content: 'Bitte warten...';
    color: #383636 !important;
    font-size: 20px !important;
    line-height: 30px;
    display: block;
}

.set_img_contain .category-list img{
    object-fit: contain;
}
.line_clamp{
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}

.category_pad_set_main{
    padding: 10px 0px ;
}
.arrow_adjust_for_category svg{
    width: unset;
    height: unset;
    object-fit: unset;
    margin-top: unset;
    transform: none;
    position: unset;
    left: unset;
    top: unset;
    cursor: pointer;
}
.img_size_search{
    width:20px !important;
}
.align_center_content{
    text-align: center;
}
.margin-auto  {
    margin: 0 auto;
    margin-top: 15px;
}
.alert-dismissible .close{
right:10px !important;
}
.vendor-info-list li{
    list-style: disc !important;
    font-size: 16px;
    line-height: 20px;
    color: #383636;
    font-family: 'address_sans_proregular';
    margin-top: 0;
    margin-bottom: 1rem;
    list-style: inside !important;
    list-style-type: disc;
}
.qr-code-scan.qr-code-image .qr-code img{
    width: 80%;
}
.qr-code.bar-code img{
    object-fit: unset;
    height: 50px;
}
.code-scan-section{
    width: 100%;
    max-width: 160px;
}
.code-scan-section .qr_code_set img{
    width: 100%;
}
.code-scan-section .qr_code_set.qr-code img{
    width: 100%;
    height: 50px;
    margin-bottom: 30px;
}
.block_media{
    display: flex !important;
}
.arrow_set svg{
    margin-top: 0px !important;
    transform: none !important;
    position: unset !important;
}
.home-category-slider .col-md-4{
    max-width: 100% !important; 
    flex: none;
}
.remove-border{
    border:none !important;
}
.add-border{
    border: 1px solid #383636;
}
.update-cart-section-btn button{
    margin: 10px;
}
.update-cart-section-btn{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.focus-blue{
    background-color: #6dc7f1 !important;
    color: #fff;
    border: 1px solid #6dc7f1 !important;
}
#individual_employee .selection .select2-selection{
border-radius: 0px!important;
}
#individual_employee .selection .select2-selection ul{
    display: flex!important;
    flex-wrap: wrap!important;
}
#individual_employee .selection .select2-selection ul li{
    padding: 5px 7px!important;
    margin: 5px!important;
    height: 32px;
    border-radius: 0;
    flex-direction: row-reverse;
    display: flex;
}
#individual_employee .selection .select2-selection ul li span{
    margin-left: 10px !important;
}
.select2-container{
    margin-bottom: 25px !important;
    width: 100% !important;
}
#employee_id-error{
    position: absolute;
    bottom: -10px;
    top: auto;
}
#sendType-error{
    position: absolute;
    bottom: 0;
    top: 133px;
    left: 0; 
}
.maingutschein-menu .your-orders .invalid-feedback{
    margin: 0px !important;
    padding: 0px !important;
}

.payment-box img.footer-payment{
	width: 85px;
	height: 48px;
	object-fit: contain;
	background: #fff;
	padding: 5px 10px;
	border-radius: 15px;
	margin-bottom: 5px;
	margin-right: 5px;
}
.contact-box-title.contact-small{
    font-size: 20px;
    line-height: 25px;
}

#btn_login a::before {
	content: "Login";
	padding-right: 5px;
	font-size: 16px;
	color: #000;
}