:root
{
  --color_blue:         #025aa5;
  --color_gray:         rgb(210, 210, 210);
  --color_Text_v3:      #000000;
  --color_Button_v3:    #282C5B;
  --color_Input_v3:     #E8F0FE;
  --color_light_blue_v3:#6baada;
}

i.fa.fa-sign-out {
    margin-top: 6px;
}

.img-thumbnail {
	padding: .25rem;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: .25rem;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    max-width: 74px;
    height: auto;
}	
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOiCnqEu92Fr1Mu51QrEz4dL_nz.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOiCnqEu92Fr1Mu51QrEzAdLw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TjASc0CsTKlA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TjASc6CsQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xGIzIFKw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xIIzI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc0CsTKlA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc6CsQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic0CsTKlA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic6CsQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  src: local('Roboto Black Italic'), local('Roboto-BlackItalic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TLBCc0CsTKlA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  src: local('Roboto Black Italic'), local('Roboto-BlackItalic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TLBCc6CsQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1MmgVxGIzIFKw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1MmgVxIIzI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
* {
	 
}

body {
  font-family: 'Roboto', sans-serif;
    color: #282c5b;
    background: url('../../assets/grey_background.png');
	min-height: 100%;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
background-size: cover;}

button,
input,
optgroup,
select,
textarea {

}
p.text-uppercase.text-right.paydirektInfo {
	color:#fff;
}

.row.products {
    margin-left: 6%;
    width: 95%;
}

.lastMachinenav {
	    margin-top: -37px;
    margin-bottom: 50px;
}

#isPaydirektActiv {
	    padding: 1% 3% 10% 3%;
		height:125px;
}

section#lastMachines {
background: white;
    margin-top: 1rem;
   border-radius: .25rem !important;
    padding: 3% 3% 3% 3%;
}
.top-bg div {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .8);
}

.top-bg img {
    position: absolute;
    top: 0;
    right: 0;
    height: 110px;
}

#map {
    width: 100%;
    height: 50vh;
    max-height: 80%;
}

@media only screen and (min-width: 576px) {
    .top-bg img {
        height: 140px;
    }
}

@media only screen and (min-width: 768px) {
    .top-bg img {
        height: 220px;
    }
}

@media only screen and (min-width: 1200px) {
    .top-bg img {
        height: auto;
        width: 100%;
    }
}

.form-control,
.btn {
    font-weight: 200;
}
/*
input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: rgba(137, 138, 164, .5) !important;
}

input::-moz-placeholder {
    /* Firefox 19+ */
    color: rgba(137, 138, 164, .5) !important;
}

input:-moz-placeholder {
    /* Older versions of Firefox 18- */
    color: rgba(137, 138, 164, .5) !important;
}

input:-ms-input-placeholder {
    /* IE 10+ */
    color: rgba(137, 138, 164, .5) !important;
} */

.container.main-container {
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-size: 0.8rem;
	padding:0;
}

@media only screen and (min-width: 576px) {
    .container.main-container {
        margin-top: 5%;
    }
}

@media only screen and (min-width: 768px) {
    .container.main-container {
        margin-top: 10%;
    }
}
.card{
	border: 0px;
}
.card.main-card {
  border: none;
    max-width: 400px;
    margin: auto;
}
.card-block {
	padding:20px;
}
.card-header_ {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
}
.normal-Nav-Text {
    color: #282c5b;
    font-size: 1.25rem;
}
.nth-0>.card_>.card-header_ {
    padding-top: 0;
}

div.logo img {
    max-width: 70%;
}

#navbar-actions {
    /* right: 4rem; */
    right: 9px;
    position: absolute;
    bottom: 0px;
}

@media only screen and (min-width: 768px) {
    #navbar-actions {
        right: 0;
    }
}

.el {
    margin-bottom: 25px;
}

.container>.el {
    font-weight: 300;
}

.el h2,
.el h3 {
    font-weight: 300;
    font-size: 1.75rem;
    margin-bottom: 0.75rem;
}

.el h3 {
    font-size: 1.5rem;
}

.el.borderBottom {
    border-bottom: 1px solid #e7e7ec;
    padding-bottom: 15px;
}

#success img,
#failure img {
    max-width: 70px;
    margin-bottom: 1rem;
}

img.avatar-img {
    margin: 1rem;
}

img.signin-img {
    padding: 0 2rem 2rem;
    margin: auto;
    display: block;
}

form.signup-form input {
    margin-bottom: .25rem;
}

img.captcha-img {
    min-height: 100px;
    min-width: 100%;
    margin-bottom: 5px;
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #ddd;
  border-radius: .25rem !important;
}

img.product-img {
    margin-bottom: 1rem;
    /* max-width: 60%; */
}

.display-5 {
    font-size: 1.5rem;
    /* 2rem */
    font-weight: 300;
    line-height: 1.1;
}

p.margin-top {
    margin-top: 1rem;
    margin-bottom: 0;
}

p.no-margin-bottom {
    margin-bottom: 0;
}

div.alert {
    overflow: hidden;
}

div.progress {
    margin: auto;
    position: relative;
}

div.progress p.btn {
    position: absolute;
}

.popover-content {
    color: #ff5a00;
}

#mainCarousel {
    max-height: 200px;
}

#mainCarousel div.carousel-item img {
    width: 100%;
}

p.teaser {
    font-size: 1.5em;
    line-height: 1.25em;
    color: #898aa4;
    font-weight: 300;
}

a.btn,
p.btn {
    text-overflow: ellipsis;
    overflow: hidden;
}

.btn-secondary {
    color: #0275d8;
    border-color: #0275d8;
}

a.disabled {
    pointer-events: none;
}

.close.back {
    float: left;
}

.close .fa-spin {
    position: absolute;
    font-size: 1rem;
    left: -5px;
    top: 5px;
    opacity: .7;
}

.price-content,
.product-description {
     /* background: red; */
    font-size: .6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 74px;
    white-space: nowrap;
    margin-left: 18px;
}

.product-description {
    line-height: .6rem;
    white-space: normal;
}

.categories .product a {
    display: block;
    position: relative;
    max-width: none;
    width: 7.0rem;
    margin: auto;
}

.loader {
    border: 4px solid #282c5b;
    border-top: 4px solid #f7f7f7;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 2s linear infinite;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
    opacity: 0;
    transition: opacity 0.2s;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@media all {
    #page-one,
    .footer {
        display: none;
    }
}

@page {
    size: A4;
    margin: 11mm 17mm 17mm 17mm;
}

@media print {
    html,
    body,
    body.print-paper.a4 .print-paper {
        width: 210mm;
        height: 297mm;
    }
    body {
        background: white;
        background-color: white;
        margin: 0;
        padding: 0;
    }
    .footer {
        position: fixed;
        bottom: 0;
        margin: 0px 2px 0px 7px;
    }

    .product,
    .content-block,
     p {
        page-break-inside: avoid;
    }
    .page-break {
        page-break-before: always;
    }
    .print-paper {
        page-break-after: always;
        margin: 0;
        padding: .8cm;
        border: none;
        overflow: hidden;
    }
    #page-one,
    .footer {
        display: block;
        color: red;

        font-size: 16px;
        text-transform: uppercase;
    }
    .print-stage,
    .no-print {
        display: none;
    }
    .card.main-card {
        max-width: 100%;
    }
}

/*************************TobPay 2.0*******************************************/

hr {
 border-top: 1px solid rgb(1, 76, 140) !important;
}

input.gray_input{
  border: 1px solid var(--color_gray) !important;
  border-radius: initial !important;
}
input.blue_input{
  border: 1px dashed var(--color_blue) !important;
  border-radius: initial !important;
}
input.transparent_input
{
  border-color: transparent;
}
input.border_none
{
  border-style: none none none none !important;
}
input.gift_input
{
  border: 0 solid var(--color_gray);
  border-bottom-width: .15rem;
  max-width: 1.5rem;
  font-size: 1.5rem;
  margin-right: 1rem;
  text-align: center;
}

.home-screen{

}

.btn{
     border-radius: .25rem !important;
}

#numpad button p{
  font-size: 9.5px;
  margin-top: -.5rem;

}

#numpad button.multiBtn{
  font-size: .75rem;

  border-radius: 0% !important;
  border-style: none !important;
  border-color:  !important;
}
.container.main-container {
    padding: 0;
}
.display-6{
  font-size: 0.75rem;
}

.pinPoints{
    background-color: lightgreen;
}

.text-left{
  text-align: left !important;
}

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

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

.text-white{
  color:white;
}

.round-icon.big{
  text-align: center;
  font-size: 3.5rem;
  margin-left: .75rem;
  margin-top: 4.5rem;
}

.navbar{
  /* background-color: rgba(166, 166, 166, 0.35);
  box-shadow: 0 0.0em .75em .25em rgba(125, 125, 125, 0.35); */
     padding: 32px 0% 0% 21px;
}

.round-icon{
  margin: 2rem;
  height: 6rem;
  width: 6rem;
  border-radius: 100%;
}

div.round-icon{
  background-color: lightgreen;
  margin: 1rem auto;
  margin-bottom: .5rem;
  height: 5rem;
  width : 5rem;
  border-radius: 100%;
}
.round-icon-text
{
    line-height: 1rem;
}

.home-icon-md
{
  margin-top: 2rem;
  font-size: 4rem;
}

.home-icon-fa
{
  margin-top: 2rem;
  margin-left: 2.5rem;
  font-size: 4rem;
  color: white;
}

#numpad button
{
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  background: white !important;
  color: var(--color_Button_v3) !important;
  border-style: solid !important;
  border-color: var(--color_Button_v3);
  border-radius: 100%;
  border: 1px;
}

.tile {
    padding: 5%;
    width: 46%;
    height: 46%;
    transition: none;
    text-align: center;
    border-radius: .25rem !important;
}

@media (max-width: 385px)
{
	.tile
	{
		    margin: 0 0 7% 0;
	}
}
@media (min-width: 390px)
{
	.tile
	{
		    margin: 0 0 7% 0;
	}
}
. fa {
	    height: 70px;
}
.tile.leftDiv
{
  float: left;
}

.tile.rightDiv
{
  float: right;
}
object.socialAuthIcon {
	pointer-events: none;
    width: 30px;
    height: 30px;
}
.socialAuthDiv {
height: 30px;
    width: 30px;
    float: left;
    margin: 15px;
}
.socialAuth {
	margin: auto;
    text-align: center;
    width: 180px;
}
.tile i
{
	height: 70px;
  color: var(--color_light_blue_v3);
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #2a2665;
}

.tile p
{

  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  text-decoration: underline;
  color: var(--color_Button_v3);
}

.row
{
  margin-top: 1rem;
  
}
.row .col
{
   border-radius: .25rem !important;

}
.row .col p
{
  font-size: 0.75rem;
  text-align: center
}

.error
{
  color:red;
}

.list
{
  float: left;
}

.list.location
{
  font-size:
}

.td1 i
{
  color: var(--color_blue);
  font-size: 2.25rem;
}

.td1 i.remove
{
  color: red;
  font-size: 2rem;
}

.td2
{
  width: 70rem;
  min-height: 60px;
}

.favorites
{
  /* min-height: ; */
  margin-bottom: 1rem;
}

.favorites tr
{
  height: 2rem;
}
.favorites tr:hover
{
  background-color: var(--color_gray);
}

.label-full label
{
  width: 100%
}

.label-subtitle
{
  /* background: var(--color_gray); */
}
.label-text
{
  font-size: 105%;
  margin-bottom: 0px;
}
.label-subtext
{
  font-size: 95%;
}
.settings.section
{
  margin-bottom: 1rem;
}
.settings.leftDiv
{
  /* width: 90%; */
  width: 70%;
  float: left;
  margin-left: 1rem;
}
.settings.leftDiv input
{
  margin-bottom: 1rem;
}
.settings.rightDiv
{
  width: 24px;
  float: right;
  margin-top: .5rem;
}
.settings.inputWithIcon
{
  height: 2.4rem;
  margin-bottom: 1rem;
  border: .1rem solid;
  border-radius: .25rem !important;
  border-color: var(--color_gray);
}
.settings.inputWithIcon i
{
  margin-top: .4rem;
}

.gift
{
  font-size: 1rem;
}
.gift.leftDiv
{
  float: left;
  margin-left: 1.5rem;
}
.gift.rightDiv
{
  float: left;
  margin-left: 1rem;
  margin-top: 1.75rem;
  font-size: 1rem;
}

.section.full
{
  width: 100%;
}
.settings.rightDiv i.material-icons.border
{
  border: 2.5px solid;
  border-radius: 10%;
}

#dashboard i
{
    font-size: 2.5rem;
}
#dashboard p
{
  text-align: left;
}

.st-1
{
  margin-top: 1rem;
}

.st-2
{
  margin-top: 2rem;
}

.sb-1
{
  margin-bottom: 1rem;
}
.sb-2
{
  margin-bottom: 2rem;
}

.border_none
{
  border: none !important
}

.btn-producttype
{
  position: relative;
  display:block;
  margin: auto;
  float: left;
  min-width: 7rem;
  margin-right: 0.5rem;
}

.product.col-3
{
  /* flex: 0 0 24%; */
  margin-left: -0.55rem;
  margin-right: .45rem;
}

.not-in-use
{
  color: rgb(244, 244 244) !important;
  background-color: lightgray !important;
}
a.not-in-use
{
  color: lightgray !important;
}
/*************************TobPay 3.0*******************************************/

.input_v3
{
  background: #E8F0FE;
  border: 1px;
  box-sizing: border-box;
  border-radius: .25rem !important;
}

.input_v3::placeholder
{

  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 16px;

  color: var(--color_Text_v3);
}

.input_v3::focus
{
  background: #E8F0FE;
  border: 1px;
  box-sizing: border-box;
   border-radius: .25rem !important;
}

.txt_blue_v3
{
  color: var(--color_Button_v3);
}
.bg_blue_v3
{
  background-color: var(--color_Button_v3);
}
.bg_white
{
  background-color: white;
  -webkit-box-shadow: 0px 0px 18px -11px rgba(0,0,0,0.62);
-moz-box-shadow: 0px 0px 18px -11px rgba(0,0,0,0.62);
box-shadow: 0px 0px 18px -11px rgba(0,0,0,0.62);
}


.title-1-Text
{

  font-style: normal;
  font-weight: bold;
  font-size: 28px;
  line-height: 33px;

  color: var(--color_Button_v3);
}

.title-2-Text
{

  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 13px;

  color: var(--color_Button_v3);
}

.subtitle-1-Text
{

  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 19px;

  color: var(--color_Button_v3);
}

.subtitle-2-Text {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: var(--color_Button_v3);
}
#isPaydirektActiv div img{
	    float: left;
    padding: 6px 10px 50px 1px;
}

.lmit {
    float: left;
    padding: 0px 10px 0px 5px;
}
.normal-Text
{

     font-style: normal;
    font-weight: 300;
    font-size: .92rem;
    line-height: 16px;
    color: #000;
}

.light-Text
{

  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 16px;

  color: var(--color_Text_v3);
}

.underline-Text
{

  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 16px;

  color: var(--color_Button_v3);

  text-decoration: underline;
}

.normal-Button
{
    font-style: normal;
    background-color: var(--color_Button_v3);
    color: white;
    border-radius: 4px;
    font-weight: 300;
    height: 3rem;
}
.col-3.col-sm-2.product {
    margin-left: -0.7rem;
}
a#scan-btn,#retry-btn,#picture-btn,a#register-btn {
    padding-top: 14px;
}

.light-Button
{
    height: 3rem;
    font-weight: normal;
    border-color: var(--color_Button_v3);
    background-color: white;
    color: var(--color_Button_v3);
    border-radius: .25rem !important;
}

.card_
{
  margin-left: -2rem;
}

@media (max-width: 400px)
{
  .paydirektInfo
  {
    margin-left: 10rem;
  }
}
@media (min-width: 400px)
{
  .paydirektInfo
  {
    margin-left: 14.75rem;
  }
}
/* col-md-8 col-sm-12 */
.col-sm-12.col-md-8
{

}
.ewahome {padding-left : 20px;
padding-right : 20px;}
/************************ Sidebar ****************************/
.wrapper {
    display: flex;
    width: 100%;
}

#sidebar {
    width: 250px;
    position: fixed;
    /* top: 0; */
    left: 0;
    height: 100vh;
    z-index: 999;
    background: white;
    color: var(--color_Button_v3);
    transition: all 0.3s;
}

#sidebar.active
{
    margin-left: -250px;
}

.sidebar-items
{

}

.sidebar-items i {
    float: left;
    margin-left: 1.4rem;
    margin-top: 0.2rem;
}
.sidebar-items p {
    /* margin-top: 0.4rem; */
    margin-left: 3.75rem;
}

a[data-toggle="collapse"]
{
    position: relative;
}

.dropdown-toggle::after
{
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

@media (max-width: 4096px)
{
    #sidebar
    {
        margin-left: -250px;
    }
    #sidebar.active
    {
        margin-left: 0;
    }
}

.overlay {
    display: none;
    position: fixed;
    /* full screen */
    width: 100vw;
    height: 100vh;
    /* transparent black */
    background: rgba(0, 0, 0, 0.7);
    /* middle layer, i.e. appears below the sidebar */
    z-index: 998;
    opacity: 0;
    /* animate the transition */
    transition: all 0.35s ease-in-out;
}
/* display .overlay when it has the .active class */
.overlay.active {
    display: block;
    opacity: 1;
}

#lastMachinesShow
{
  float: right;
  right: 1.25rem;
}

 #lastMachinesHidde
 {
    float: right;
    right: 10px;
 }

.margin_1221
{
  margin: 1rem 2rem 2rem 1rem;
}

.margin_2121
{
  margin: 2rem 1rem 2rem 1rem;
}

.g-recaptcha{
	text-align: -webkit-center;
	margin-bottom: 0.75rem;
	transition: none;
}

.background-unset{
	background-color: unset !important;
}
.background-white{
	background-color: white;
}
/************************ Text orientation ****************************/
.text-left{
text-align: left;
}
.text-center{
text-align: center;
}
.text-right{
text-align: right;
}

.image-center{
margin-left: 40%;
}

/************************ Color ****************************/
.text-dark-primary{
color: #282C5B;
}