@media (max-width: 991px) {
    .full-page > .content {
        padding-bottom: 80px;
        padding-top: 20px;
    }

}


.full-page > .content {
    padding-top: 30px;
    padding-bottom: 40px;
}

a {
    color: #0080c8;
    font-weight: 300;
}
.a {
    color: #0080c8;
    font-weight: 300;
}

a:hover,
a:focus {
    color: #008cf8;
}
.white-content .card:not(.card-white) label:not(.btn) {
    color: #666666;
}
.white-content .bootstrap-select button.dropdown-toggle .filter-option {
    color: #333333;
}
.white-content .bootstrap-select button.dropdown-toggle {
    border-color: rgba(29, 37, 59, 0.2);
}
.footer {
    color: #aaaaaa;
    /*background-color: #EEE;*/
    font-size: 10px;
    padding: 8px;
    /*border-bottom: 20px solid #FFF;*/
}
.greenfont { color: #50b849; }
.redfont { color: #DD0000; }
.yellowfont { color: #edcb00; }
.card-collapse .card .card-header:after {
    background: rgba(0, 0, 0, 0.1);
}
.title-app-name {
    font-size: 15px;
    border-bottom: 1px solid #008cf8;
}
.font-lg {
    font-size: 24px;
}
.font-lg-filled {
    color: #FFF;
    background-color: #008cf8;
    border-radius: 3px;
}

.card-title-smooth {
    color:#aab;
    font-weight: 300;
}

.swal2-modal .swal2-title {
    font-size: 17px;
    font-weight: 500;
}
.icheck2fa {
    display: none;
}

.btn-primary {
background: #008cf8;
background-image: -webkit-linear-gradient(to bottom left, #008cf8, #2778f4, #008cf8);
background-image: -o-linear-gradient(to bottom left, #008cf8, #2778f4, #008cf8);
background-image: -moz-linear-gradient(to bottom left, #008cf8, #2778f4, #008cf8);
background-image: linear-gradient(to bottom left, #008cf8, #2778f4, #008cf8);
background-size: 200% 200%;
background-position: top right;
transition: all 0.15s ease;
color: #FFFFFF;
}


.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary:active:focus,
.btn-primary:active:hover,
.btn-primary.active:focus,
.btn-primary.active:hover

{
    background-color: #008cf8 !important;
    background-image: -webkit-linear-gradient(to bottom left, #008cf8, #2778f4, #008cf8) !important;
    background-image: -o-linear-gradient(to bottom left, #008cf8, #2778f4, #008cf8) !important;
    background-image: -moz-linear-gradient(to bottom left, #008cf8, #2778f4, #008cf8) !important;
    background-image: linear-gradient(to bottom left, #008cf8, #2778f4, #008cf8) !important;
    color: #ffffff;
    box-shadow: none;
}


.btn-info {
    background: #6fb4da;
    background-image: -webkit-linear-gradient(to bottom left, #A4BFDA, #a5c8da, #A4BFDA);
    background-image: -o-linear-gradient(to bottom left, #A4BFDA, #a5c8da, #A4BFDA);
    background-image: -moz-linear-gradient(to bottom left, #A4BFDA, #a5c8da, #A4BFDA);
    background-image: linear-gradient(to bottom left, #A4BFDA, #a5c8da, #A4BFDA);
    background-size: 200% 200%;
    background-position: top right;
    transition: all 0.15s ease;
    color: #FFFFFF;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.btn-info:active:focus,
.btn-info:active:hover,
.btn-info.active:focus,
.btn-info.active:hover {
    background: #6fb4da; !important;
    background-image: -webkit-linear-gradient(to bottom left, #A4BFDA, #a5c8da, #A4BFDA) !important;
    background-image: -o-linear-gradient(to bottom left, #A4BFDA, #a5c8da, #A4BFDA) !important;
    background-image: -moz-linear-gradient(to bottom left, #A4BFDA, #a5c8da, #A4BFDA) !important;
    background-image: linear-gradient(to bottom left, #A4BFDA, #a5c8da, #A4BFDA) !important;
    color: #ffffff;
    box-shadow: none;
}

.btn-success {
    background: #189b00;
    background-image: -webkit-linear-gradient(to bottom left, #1ac600, #189b00, #1ac600);
    background-image: -o-linear-gradient(to bottom left, #1ac600, #189b00, #1ac600);
    background-image: -moz-linear-gradient(to bottom left, #1ac600, #189b00, #1ac600);
    background-image: linear-gradient(to bottom left, #1ac600, #189b00, #1ac600);
    background-size: 200% 200%;
    background-position: top right;
    transition: all 0.15s ease;
    color: #FFFFFF;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.btn-success:active:focus,
.btn-success:active:hover,
.btn-success.active:focus,
.btn-success.active:hover {
    background: #6fb4da; !important;
    background-image: -webkit-linear-gradient(to bottom left, #1ac600, #189b00, #1ac600) !important;
    background-image: -o-linear-gradient(to bottom left, #1ac600, #189b00, #1ac600) !important;
    background-image: -moz-linear-gradient(to bottom left, #1ac600, #189b00, #1ac600) !important;
    background-image: linear-gradient(to bottom left, #1ac600, #189b00, #1ac600) !important;
    color: #ffffff;
    box-shadow: none;
}
.btn-success.btn-simple {
    color: #406b93;
    border-color: #b1c9e9;
    background: transparent;
}

.btn-success.btn-simple i{
    color: #1ac600;

}

.btn-success.btn-simple:hover,
.btn-success.btn-simple:focus,
.btn-success.btn-simple:active,
.btn-success.btn-simple:not(:disabled):not(.disabled):active,
.btn-success.btn-simple:active:focus,
.btn-success.btn-simple:active:hover,
.btn-success.btn-simple.active:focus,
.btn-success.btn-simple.active:hover {
    color: #1d8cf8;
    border-color: #b1c9e9;
}
.btn-info.btn-simple {
    color: #406b93;
    border-color: #b1c9e9;
    background: transparent;
}
.btn-info.btn-simple:hover,
.btn-info.btn-simple:focus,
.btn-info.btn-simple:active,
.btn-info.btn-simple.active,
.btn-info.btn-simple:active:focus,
.btn-info.btn-simple:active:hover,
.btn-info.btn-simple.active:focus,
.btn-info.btn-simple.active:hover {
    color: #1d8cf8;
}
.btn-info.btn-simple.aktiv {

    /*border: 2px solid #8eadc5;*/
    background-color: #FFFFFF;
}
.btn-success.btn-simple.aktiv {
    border: 2px solid #8eadc5;
}


.btn-curr.btn-simple:focus,
.btn-curr.btn-simple:active,
.btn-curr.btn-simple.active,
.btn-curr.btn-simple:active:focus,
.btn-curr.btn-simple:active:hover,
.btn-curr.btn-simple.active:focus,
.btn-curr.btn-simple.active:hover {
    color: #ffffff;
}

.nav-pills.nav-pills-primary .nav-item .nav-link.active,
.nav-pills.nav-pills-primary .nav-item .nav-link.active:focus,
.nav-pills.nav-pills-primary .nav-item .nav-link.active:hover {
    background: #1d8cf8;
    background-image: -webkit-linear-gradient(to bottom left, #1d8cf8, #3358f4, #1d8cf8);
    background-image: -o-linear-gradient(to bottom left, #1d8cf8, #3358f4, #1d8cf8);
    background-image: -moz-linear-gradient(to bottom left, #1d8cf8, #3358f4, #1d8cf8);
    background-image: linear-gradient(to bottom left, #1d8cf8, #3358f4, #1d8cf8);
    background-size: 210% 210%;
    background-position: top right;
}

.nav-pills.nav-pills-info .nav-item .nav-link.active,
.nav-pills.nav-pills-info .nav-item .nav-link.active:focus,
.nav-pills.nav-pills-info .nav-item .nav-link.active:hover {
    background: #6fb4da;
    background-image: -webkit-linear-gradient(to bottom left, #A4BFDA, #a5c8da, #A4BFDA);
    background-image: -o-linear-gradient(to bottom left, #A4BFDA, #a5c8da, #A4BFDA);
    background-image: -moz-linear-gradient(to bottom left, #A4BFDA, #a5c8da, #A4BFDA);
    background-image: linear-gradient(to bottom left, #A4BFDA, #a5c8da, #A4BFDA);
    background-size: 210% 210%;
    background-position: top right;
}
.btn-lg, .btn-group-lg>.btn {
    padding: 15px 30px;
}

.white-content .nav-pills .nav-item .nav-link:not(.active) {
    background: #ccd9e9;
}

input:-webkit-autofill,
input:-webkit-autofill:active,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:active,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:active,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
-webkit-box-shadow: 0 0 0 1000px white inset;
transition: background-color 5000s ease-in-out 0s;
}
.modal.modal-primary .modal-content {
background-color: #008cf8;
color: #ffffff;
}
.modal .modal-profile i {
color: #008cf8;
font-size: 21px;
margin-top: -10px;
}

#gui-register {
display: none;
}
#gui-login {
display: none;
}
.card .card-footer {
padding: 5px 15px 5px 15px;
}
.full-page .footer {
bottom: 0;
}

.alert.alert-danger {
background-color: #fd8168;
}

.alert.alert-warning {
background-color: #dcbc45;
}

.alert.alert-info {
background-color: #70b9ea;
}

.alert.alert-primary {
background-color: #6090e5;
}
.alert.alert-success {
background-color: #50b849;
}
.error-alert {
display: none;
}
.hide {
    display: none;
}
.card-wizard[data-color="primary"] .progress-with-circle .progress-bar {
background: #50b849;
}
.card-wizard[data-color="primary"] .nav-pills .nav-item .nav-link.active, .card-wizard[data-color="primary"] .nav-pills .nav-item .nav-link.checked:focus, .card-wizard[data-color="primary"] .nav-pills .nav-item .nav-link.checked:hover, .card-wizard[data-color="primary"] .nav-pills .nav-item .nav-link.active:focus, .card-wizard[data-color="primary"] .nav-pills .nav-item .nav-link.active:hover {
background: #50b849;
}
.card-wizard[data-color="primary"] .nav-pills .nav-item .nav-link.checked, .card-wizard[data-color="primary"] .nav-pills .nav-item .nav-link.active {
background: #50b849;
color: white;
}
.nav-link.sel{
    color: white;
    background-color: #92cdff;
    padding: 1px 4px;
}
.terms-frame, .kyc-frame-container {
background-color: #FFF;
border-radius: 8px;
padding: 12px;
margin: 16px;
}
.font-icon-detail {
color: #FFF;
background-color: transparent;
text-align: center;
padding: 25px 0;
border: 0;
border-radius: 20px;
margin: 0 0 0 0;
min-height: 50px;
}
.white-font h3 {
background-color: rgba(245, 246, 250, 0.8);
color: #666;
border: 0;
border-radius: 20px;
padding: 15px;
margin-bottom: 0;

}
.white-font .font-icon-detail i {
color: #DDD;

}
.form-group label.error {
color: #ec250d !important;
}
.card form label+.form-control {
margin-bottom: 7px;
}

.setup .card-wizard {
min-height: 180px;
}
.form-check input[type="checkbox"]:checked+.form-check-sign::before, .form-check input[type="checkbox"]:checked+.form-check-sign::before {
background-color: #008cf8;
}
.kyc1  {
margin-top: 16px;
}
.kyc1 .form-check .form-check-label {
min-width: 190px;
margin-bottom: 18px;
}
.fileinput-preview  {
padding: 10px 5px;
}
.kycwizzz ul li {
color: #ffffff;
}
.kycwizzz b, .kycwizzz strong {
font-weight: normal;
}

@font-face {
font-family: 'Glyphicons Halflings';
src: url('/assets/fonts/glyphicons-halflings-regular.eot');
src: url('/assets/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
url('/assets/fonts/glyphicons-halflings-regular.woff2') format('woff2'),
url('/assets/fonts/glyphicons-halflings-regular.woff') format('woff'),
url('/assets/fonts/glyphicons-halflings-regular.ttf') format('truetype'),
url('/assets/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.bs-glyphicons .glyphicon {
margin-top: 5px;
margin-bottom: 10px;
font-size: 24px;
}
.glyphicon {
position: relative;
top: 1px;
display: inline-block;
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: 400;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@media (min-width: 992px) {
.navbar .caret {
    position: absolute;
    left: 90%;
    top: 55%;
    margin-left: 0;
}
}
#stickiheader {
    color: #fff;
}
.fixed {
    position: fixed;
    top: 2px;
    border-top: 3px solid white;
    z-index: 1000;
    width: 68%;
    padding: 20px 0 50px 0;
    background-color: #FFF;
    border-bottom: 1px solid #eee;
}
.alert .btn:not(.btn-icon) .tim-icons {
    position: relative;
    top: -2px;
}
@media (min-width: 576px) {
    #noticeModalfinKYC .modal-dialog {
        max-width: 900px;
        margin: 1.75rem auto;
    }
}
#noticeModalfinKYC.modal.show .modal-dialog {
    -webkit-transform: translate(0, 10%);
    transform: translate(0, 10%);
}
#noticeModalfinKYC {
    font-size: 12px;
}
.sortable {
    cursor: pointer;
}
.errborder {
    border: 1px solid red;
    background-color: #FEE;
}
.form-control.errborder {
    border: 1px solid red;
}
.hlnav {
    background-color: #3970f6;
    padding: 0 5px;
    padding-left: 15px;
    border-radius: 4px;
    border: 1px solid #4e82ff;
}
.dbl.has-success.has-label:after, .dbl.has-danger.has-label:after {
    top: 54px;
}
.pep h2 {
    font-size: 19px;
}
.pep h3 {
    font-size: 15px;
}
.pep .peptable td {
    padding: 5px;
    border: 1px solid silver;
    font-size: 13px;
}
.smallfont {
    font-size: 12px;
}
.inputsub {
    font-size: 11px;
    color: #bbc;
    line-height: 8px;
}


#code-input {
    padding: 10px;
    font-size: 1.2rem;

    transition: border-color 0.2s;
}

#code-input:focus {
    border-color: #ccc;
}

/* Shake-Effekt */
.shake {
    animation: shake 0.4s;
}

@keyframes shake {
    0%   { transform: translateX(0); }
    20%  { transform: translateX(-8px); }
    40%  { transform: translateX(8px); }
    60%  { transform: translateX(-6px); }
    80%  { transform: translateX(6px); }
    100% { transform: translateX(0); }
}
#ig {
    border-radius: 8px;
    border: 1px solid #ccc;
}


.form-check-radio input[type="radio"]:checked+.form-check-sign::after {
    width: 6px;
    height: 6px;
    background-color: #008cf8;
    border-color: #008cf8;
    top: 9px;
    left: 6px;
    opacity: 1;
}

.form-check-radio input[type="radio"]:checked+.form-check-sign::before {
    border-color: #008cf8;
}
.box-container {
    position: fixed;
    top: 25%;
    width: 100%;
    margin: auto;
    text-align: center;
    z-index: 100000;
}
.dialog-container {
    padding: 30px;
    background: white;
    border-radius: 4px;
    box-shadow: 0 0 10px silver;
    max-width: 500px;
    margin: auto;
    text-align: left;
}
.view-fld {
    background-color: #eeeeee;
    padding: 4px 8px;
    border-radius: 4px;
    margin-right: 5px;
}
.cssspinner {
    position: absolute;
    margin: auto;
    left: 30px;
    top: 0;
    bottom: 0;
    right: 0;
    width: 9px;
    height: 9px;
    border-radius: 100%;
    box-shadow: 9px 9px rgb(79,77,73), -9px 9px rgb(223,223,223), -9px -9px rgb(79,77,73), 9px -9px rgb(223,223,223);
    -o-box-shadow: 9px 9px rgb(79,77,73), -9px 9px rgb(223,223,223), -9px -9px rgb(79,77,73), 9px -9px rgb(223,223,223);
    -ms-box-shadow: 9px 9px rgb(79,77,73), -9px 9px rgb(223,223,223), -9px -9px rgb(79,77,73), 9px -9px rgb(223,223,223);
    -webkit-box-shadow: 9px 9px rgb(79,77,73), -9px 9px rgb(223,223,223), -9px -9px rgb(79,77,73), 9px -9px rgb(223,223,223);
    -moz-box-shadow: 9px 9px rgb(79,77,73), -9px 9px rgb(223,223,223), -9px -9px rgb(79,77,73), 9px -9px rgb(223,223,223);
    animation: cssload-spin ease infinite 3s;
    -o-animation: cssload-spin ease infinite 3s;
    -ms-animation: cssload-spin ease infinite 3s;
    -webkit-animation: cssload-spin ease infinite 3s;
    -moz-animation: cssload-spin ease infinite 3s;
    z-index: 10000;
}
.errormsg {
    margin-top: 20px;
    color: #E00;
}


@keyframes cssload-spin {
    0%,
    100% {
        box-shadow: 9px 9px rgb(79,77,73), -9px 9px rgb(223,223,223), -9px -9px rgb(79,77,73), 9px -9px rgb(223,223,223);
    }
    25% {
        box-shadow: -9px 9px rgb(223,223,223), -9px -9px rgb(79,77,73), 9px -9px rgb(223,223,223), 9px 9px rgb(79,77,73);
    }
    50% {
        box-shadow: -9px -9px rgb(79,77,73), 9px -9px rgb(223,223,223), 9px 9px rgb(79,77,73), -9px 9px rgb(223,223,223);
    }
    75% {
        box-shadow: 9px -9px #dfdfdf, 9px 9px #4f4d49, -9px 9px #dfdfdf, -9px -9px #4f4d49;
    }
}

@-o-keyframes cssload-spin {
    0%,
    100% {
        box-shadow: 9px 9px rgb(79,77,73), -9px 9px rgb(223,223,223), -9px -9px rgb(79,77,73), 9px -9px rgb(223,223,223);
    }
    25% {
        box-shadow: -9px 9px rgb(223,223,223), -9px -9px rgb(79,77,73), 9px -9px rgb(223,223,223), 9px 9px rgb(79,77,73);
    }
    50% {
        box-shadow: -9px -9px rgb(79,77,73), 9px -9px rgb(223,223,223), 9px 9px rgb(79,77,73), -9px 9px rgb(223,223,223);
    }
    75% {
        box-shadow: 9px -9px #dfdfdf, 9px 9px #4f4d49, -9px 9px #dfdfdf, -9px -9px #4f4d49;
    }
}

@-ms-keyframes cssload-spin {
    0%,
    100% {
        box-shadow: 9px 9px rgb(79,77,73), -9px 9px rgb(223,223,223), -9px -9px rgb(79,77,73), 9px -9px rgb(223,223,223);
    }
    25% {
        box-shadow: -9px 9px rgb(223,223,223), -9px -9px rgb(79,77,73), 9px -9px rgb(223,223,223), 9px 9px rgb(79,77,73);
    }
    50% {
        box-shadow: -9px -9px rgb(79,77,73), 9px -9px rgb(223,223,223), 9px 9px rgb(79,77,73), -9px 9px rgb(223,223,223);
    }
    75% {
        box-shadow: 9px -9px #dfdfdf, 9px 9px #4f4d49, -9px 9px #dfdfdf, -9px -9px #4f4d49;
    }
}

@-webkit-keyframes cssload-spin {
    0%,
    100% {
        box-shadow: 9px 9px rgb(79,77,73), -9px 9px rgb(223,223,223), -9px -9px rgb(79,77,73), 9px -9px rgb(223,223,223);
    }
    25% {
        box-shadow: -9px 9px rgb(223,223,223), -9px -9px rgb(79,77,73), 9px -9px rgb(223,223,223), 9px 9px rgb(79,77,73);
    }
    50% {
        box-shadow: -9px -9px rgb(79,77,73), 9px -9px rgb(223,223,223), 9px 9px rgb(79,77,73), -9px 9px rgb(223,223,223);
    }
    75% {
        box-shadow: 9px -9px #dfdfdf, 9px 9px #4f4d49, -9px 9px #dfdfdf, -9px -9px #4f4d49;
    }
}

@-moz-keyframes cssload-spin {
    0%,
    100% {
        box-shadow: 9px 9px rgb(79,77,73), -9px 9px rgb(223,223,223), -9px -9px rgb(79,77,73), 9px -9px rgb(223,223,223);
    }
    25% {
        box-shadow: -9px 9px rgb(223,223,223), -9px -9px rgb(79,77,73), 9px -9px rgb(223,223,223), 9px 9px rgb(79,77,73);
    }
    50% {
        box-shadow: -9px -9px rgb(79,77,73), 9px -9px rgb(223,223,223), 9px 9px rgb(79,77,73), -9px 9px rgb(223,223,223);
    }
    75% {
        box-shadow: 9px -9px #dfdfdf, 9px 9px #4f4d49, -9px 9px #dfdfdf, -9px -9px #4f4d49;
    }
}
.statuslabel{
    text-align: center;
    font-style: italic;
    font-size: 12px;
    line-height: 22px;
}
#input-email-info {
    display: none;
}

.btn-primary.btn-simple {
    color: #ffffff;
    border-color: #ffffff;
    background: transparent;
}
.btn-primary.btn-simple:hover, .btn-primary.btn-simple:focus, .btn-primary.btn-simple:active, .btn-primary.btn-simple:not(:disabled):not(.disabled):active {
    color: #eeeeee;
    border-color: #eeeeee;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none;
}


.panel-heading.card-header a[data-toggle="collapse"] i {
    float: right;
    position: relative;
    color: #e14eca;
    top: 1px;
}
.panel-heading.card-header:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: rgba(0, 0, 0, 0.5);
}
.panel-heading.card-header {
    padding: 15px;
    border-top: 1px solid silver;
}
.panel-heading.card-header:first-of-type {
    border-top: 0;
}

#merchant-select {

}

.sum-row {
    font-weight: bold;
}

.turnover td {
    font-size: 10px;
    font-family: "Lucida Console";
}
.white-content .table>tbody>tr>td {
    padding: 5px 8px;
}

.smallbutton {
    border-radius: 3px;
    background-color: #0080c8;
    color: white;
    font-size: 80%;
    padding: 1px 4px;
}
.smallbutton:hover {
    border-radius: 3px;
    background-color: #40aae5;
    color: white;
    font-size: 80%;
    padding: 1px 4px;
}




.detailview table{
   width: 100%;
}
.detailview td{
    font-size:11px;
    border: 1px solid #eee;
    padding: 2px 3px;
}


.ok-msg {
    color: green;
    padding: 5px;
}
.error-msg {
    color: red;
    padding: 5px;
}


/* subscription status */
.status-ACTIVE { color: green; }
.status-INACTIVE { color: #eeb900; }
.status-CANCELLED { color: red; }
.status-NEW { color: #363636; }
.status-EXPIRED { color: #363636; }
.status-PENDING_EXPIRATION { color: #e72e2e; }
.status-PENDING_CANCELLATION { color: #e72e2e; }
.status-PENDING_INACTIVATION { color: #ff4400; }

.code {
    padding: 12px;
    background-color: #DDD;
    border: 1px solid grey;
    margin-top: 8px;
}
/* Wrapper */
.checkbox-wrapper {
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 1.2rem;
    user-select: none;
    margin-top: 8px;
}

/* Verstecke die Standard-Checkbox */
.checkbox-wrapper input {
    display: none;
}

/* Custom Checkbox */
.checkmark {
    width: 24px;
    height: 24px;
    border: 2px solid #008cf8;
    border-radius: 6px;
    display: inline-block;
    position: relative;
    transition: all 0.2s ease;
    margin-right: 10px;
}
.code-input {
    text-transform: uppercase;
}
/* Häkchen sichtbar, wenn angeklickt */
.checkbox-wrapper input:checked + .checkmark {
    background-color: #008cf8;
    border-color: #008cf8;
}

.checkbox-wrapper input:checked + .checkmark::after {
    content: "";
    position: absolute;
    left: 7px;
    top: 3px;
    width: 7px;
    height: 14px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}
#ig {
    max-width: 300px;
    margin: auto;
}
@media (min-width: 768px) {
    .card-body-pad {
        margin:auto;
        max-width: 600px;
        padding: 0 50px;
    }
}










/* Text neben Checkbox */
.label-text {
    color: #333;
}
.glyphicon-ok::before {
    content: "\e013";
}

.glyphicon-earphone::before {
  content: "\e182";
}

.glyphicon-flag::before {
    content: "\e034";
}
.glyphicon-hourglass::before {
    content: "\231b";
}

.glyphicon-ok-sign::before {
    content: "\e084";
}
.glyphicon-cog::before {
    content: "\e019";
}



.glyphicon-asterisk::before {
content: "\002a";
}
.glyphicon-plus::before {
content: "\002b";
}
.glyphicon-euro,
.glyphicon-eur     ::before {
content: "\20ac";
}
.glyphicon-minus::before {
content: "\2212";
}
.glyphicon-cloud   ::before {
content: "\2601";
}
.glyphicon-envelope::before {
content: "\2709";
}
.glyphicon-pencil  ::before {
content: "\270f";
}
.glyphicon-glass   ::before {
content: "\e001";
}
.glyphicon-music   ::before {
content: "\e002";
}
.glyphicon-search  ::before {
content: "\e003";
}
.glyphicon-heart   ::before {
content: "\e005";
}
.glyphicon-star    ::before {
content: "\e006";
}
.glyphicon-star-empty::before {
content: "\e007";
}
.glyphicon-user    ::before {
content: "\e008";
}
.glyphicon-film    ::before {
content: "\e009";
}
.glyphicon-th-large::before {
content: "\e010";
}
.glyphicon-th      ::before {
content: "\e011";
}
.glyphicon-th-list ::before {
content: "\e012";
}
.glyphicon-ok      ::before {
content: "\e013";
}
.glyphicon-remove  ::before {
content: "\e014";
}
.glyphicon-zoom-in ::before {
content: "\e015";
}
.glyphicon-zoom-out::before {
content: "\e016";
}
.glyphicon-off     ::before {
content: "\e017";
}
.glyphicon-signal  ::before {
content: "\e018";
}

.glyphicon-trash   ::before {
content: "\e020";
}
.glyphicon-home    ::before {
content: "\e021";
}
.glyphicon-file    ::before {
content: "\e022";
}
.glyphicon-time    ::before {
content: "\e023";
}
.glyphicon-road    ::before {
content: "\e024";
}
.glyphicon-download-alt::before {
content: "\e025";
}
.glyphicon-download::before {
content: "\e026";
}
.glyphicon-upload  ::before {
content: "\e027";
}
.glyphicon-inbox   ::before {
content: "\e028";
}
.glyphicon-play-circle::before {
content: "\e029";
}
.glyphicon-repeat  ::before {
content: "\e030";
}
.glyphicon-refresh ::before {
content: "\e031";
}
.glyphicon-list-alt::before {
content: "\e032";
}
.glyphicon-lock    ::before {
content: "\e033";
}
.glyphicon-headphones::before {
content: "\e035";
}
.glyphicon-volume-off::before {
content: "\e036";
}
.glyphicon-volume-down::before {
content: "\e037";
}
.glyphicon-volume-up::before {
content: "\e038";
}
.glyphicon-qrcode  ::before {
content: "\e039";
}
.glyphicon-barcode ::before {
content: "\e040";
}
.glyphicon-tag     ::before {
content: "\e041";
}
.glyphicon-tags    ::before {
content: "\e042";
}
.glyphicon-book    ::before {
content: "\e043";
}
.glyphicon-bookmark::before {
content: "\e044";
}
.glyphicon-print   ::before {
content: "\e045";
}
.glyphicon-camera  ::before {
content: "\e046";
}
.glyphicon-font    ::before {
content: "\e047";
}
.glyphicon-bold    ::before {
content: "\e048";
}
.glyphicon-italic  ::before {
content: "\e049";
}
.glyphicon-text-height::before {
content: "\e050";
}
.glyphicon-text-width::before {
content: "\e051";
}
.glyphicon-align-left::before {
content: "\e052";
}
.glyphicon-align-center::before {
content: "\e053";
}
.glyphicon-align-right::before {
content: "\e054";
}
.glyphicon-align-justify::before {
content: "\e055";
}
.glyphicon-list    ::before {
content: "\e056";
}
.glyphicon-indent-left::before {
content: "\e057";
}
.glyphicon-indent-right::before {
content: "\e058";
}
.glyphicon-facetime-video::before {
content: "\e059";
}
.glyphicon-picture ::before {
content: "\e060";
}
.glyphicon-map-marker::before {
content: "\e062";
}
.glyphicon-adjust  ::before {
content: "\e063";
}
.glyphicon-tint    ::before {
content: "\e064";
}
.glyphicon-edit    ::before {
content: "\e065";
}
.glyphicon-share   ::before {
content: "\e066";
}
.glyphicon-check   ::before {
content: "\e067";
}
.glyphicon-move    ::before {
content: "\e068";
}
.glyphicon-step-backward::before {
content: "\e069";
}
.glyphicon-fast-backward::before {
content: "\e070";
}
.glyphicon-backward::before {
content: "\e071";
}
.glyphicon-play    ::before {
content: "\e072";
}
.glyphicon-pause   ::before {
content: "\e073";
}
.glyphicon-stop    ::before {
content: "\e074";
}
.glyphicon-forward ::before {
content: "\e075";
}
.glyphicon-fast-forward::before {
content: "\e076";
}
.glyphicon-step-forward::before {
content: "\e077";
}
.glyphicon-eject   ::before {
content: "\e078";
}
.glyphicon-chevron-left::before {
content: "\e079";
}
.glyphicon-chevron-right::before {
content: "\e080";
}
.glyphicon-plus-sign ::before {
content: "\e081";
}
.glyphicon-minus-sign::before {
content: "\e082";
}
.glyphicon-remove-sign::before {
content: "\e083";
}
.glyphicon-question-sign::before {
content: "\e085";
}
.glyphicon-info-sign::before {
content: "\e086";
}
.glyphicon-screenshot::before {
content: "\e087";
}
.glyphicon-remove-circle::before {
content: "\e088";
}
.glyphicon-ok-circle::before {
content: "\e089";
}
.glyphicon-ban-circle::before {
content: "\e090";
}
.glyphicon-arrow-left::before {
content: "\e091";
}
.glyphicon-arrow-right::before {
content: "\e092";
}
.glyphicon-arrow-up::before {
content: "\e093";
}
.glyphicon-arrow-down::before {
content: "\e094";
}
.glyphicon-share-alt ::before {
content: "\e095";
}
.glyphicon-resize-full::before {
content: "\e096";
}
.glyphicon-resize-small::before {
content: "\e097";
}
.glyphicon-exclamation-sign::before {
content: "\e101";
}
.glyphicon-gift    ::before {
content: "\e102";
}
.glyphicon-leaf    ::before {
content: "\e103";
}
.glyphicon-fire    ::before {
content: "\e104";
}
.glyphicon-eye-open::before {
content: "\e105";
}
.glyphicon-eye-close ::before {
content: "\e106";
}
.glyphicon-warning-sign::before {
content: "\e107";
}
.glyphicon-plane   ::before {
content: "\e108";
}
.glyphicon-calendar::before {
content: "\e109";
}
.glyphicon-random  ::before {
content: "\e110";
}
.glyphicon-comment ::before {
content: "\e111";
}
.glyphicon-magnet  ::before {
content: "\e112";
}
.glyphicon-chevron-up::before {
content: "\e113";
}
.glyphicon-chevron-down::before {
content: "\e114";
}
.glyphicon-retweet ::before {
content: "\e115";
}
.glyphicon-shopping-cart::before {
content: "\e116";
}
.glyphicon-folder-close::before {
content: "\e117";
}
.glyphicon-folder-open::before {
content: "\e118";
}
.glyphicon-resize-vertical ::before {
content: "\e119";
}
.glyphicon-resize-horizontal::before {
content: "\e120";
}
.glyphicon-hdd     ::before {
content: "\e121";
}
.glyphicon-bullhorn::before {
content: "\e122";
}
.glyphicon-bell    ::before {
content: "\e123";
}
.glyphicon-certificate::before {
content: "\e124";
}
.glyphicon-thumbs-up ::before {
content: "\e125";
}
.glyphicon-thumbs-down::before {
content: "\e126";
}
.glyphicon-hand-right::before {
content: "\e127";
}
.glyphicon-hand-left ::before {
content: "\e128";
}
.glyphicon-hand-up ::before {
content: "\e129";
}
.glyphicon-hand-down ::before {
content: "\e130";
}
.glyphicon-circle-arrow-right::before {
content: "\e131";
}
.glyphicon-circle-arrow-left::before {
content: "\e132";
}
.glyphicon-circle-arrow-up ::before {
content: "\e133";
}
.glyphicon-circle-arrow-down::before {
content: "\e134";
}
.glyphicon-globe   ::before {
content: "\e135";
}
.glyphicon-wrench  ::before {
content: "\e136";
}
.glyphicon-tasks   ::before {
content: "\e137";
}
.glyphicon-filter  ::before {
content: "\e138";
}
.glyphicon-briefcase ::before {
content: "\e139";
}
.glyphicon-fullscreen::before {
content: "\e140";
}
.glyphicon-dashboard ::before {
content: "\e141";
}
.glyphicon-paperclip ::before {
content: "\e142";
}
.glyphicon-heart-empty::before {
content: "\e143";
}
.glyphicon-link    ::before {
content: "\e144";
}
.glyphicon-phone   ::before {
content: "\e145";
}
.glyphicon-pushpin ::before {
content: "\e146";
}
.glyphicon-usd     ::before {
content: "\e148";
}
.glyphicon-gbp     ::before {
content: "\e149";
}
.glyphicon-sort    ::before {
content: "\e150";
}
.glyphicon-sort-by-alphabet::before {
content: "\e151";
}
.glyphicon-sort-by-alphabet-alt::before {
content: "\e152";
}
.glyphicon-sort-by-order::before {
content: "\e153";
}
.glyphicon-sort-by-order-alt::before {
content: "\e154";
}
.glyphicon-sort-by-attributes::before {
content: "\e155";
}
.glyphicon-sort-by-attributes-alt::before {
content: "\e156";
}
.glyphicon-unchecked ::before {
content: "\e157";
}
.glyphicon-expand  ::before {
content: "\e158";
}
.glyphicon-collapse-down::before {
content: "\e159";
}
.glyphicon-collapse-up::before {
content: "\e160";
}
.glyphicon-log-in  ::before {
content: "\e161";
}
.glyphicon-flash   ::before {
content: "\e162";
}
.glyphicon-log-out ::before {
content: "\e163";
}
.glyphicon-new-window::before {
content: "\e164";
}
.glyphicon-record  ::before {
content: "\e165";
}
.glyphicon-save    ::before {
content: "\e166";
}
.glyphicon-open    ::before {
content: "\e167";
}
.glyphicon-saved   ::before {
content: "\e168";
}
.glyphicon-import  ::before {
content: "\e169";
}
.glyphicon-export  ::before {
content: "\e170";
}
.glyphicon-send    ::before {
content: "\e171";
}
.glyphicon-floppy-disk::before {
content: "\e172";
}
.glyphicon-floppy-saved::before {
content: "\e173";
}
.glyphicon-floppy-remove::before {
content: "\e174";
}
.glyphicon-floppy-save::before {
content: "\e175";
}
.glyphicon-floppy-open::before {
content: "\e176";
}
.glyphicon-credit-card::before {
content: "\e177";
}
.glyphicon-transfer::before {
content: "\e178";
}
.glyphicon-cutlery ::before {
content: "\e179";
}
.glyphicon-header  ::before {
content: "\e180";
}
.glyphicon-compressed::before {
content: "\e181";
}

.glyphicon-phone-alt ::before {
content: "\e183";
}
.glyphicon-tower   ::before {
content: "\e184";
}
.glyphicon-stats   ::before {
content: "\e185";
}
.glyphicon-sd-video::before {
content: "\e186";
}
.glyphicon-hd-video::before {
content: "\e187";
}
.glyphicon-subtitles ::before {
content: "\e188";
}
.glyphicon-sound-stereo::before {
content: "\e189";
}
.glyphicon-sound-dolby::before {
content: "\e190";
}
.glyphicon-sound-5-1 ::before {
content: "\e191";
}
.glyphicon-sound-6-1 ::before {
content: "\e192";
}
.glyphicon-sound-7-1 ::before {
content: "\e193";
}
.glyphicon-copyright-mark::before {
content: "\e194";
}
.glyphicon-registration-mark::before {
content: "\e195";
}
.glyphicon-cloud-download::before {
content: "\e197";
}
.glyphicon-cloud-upload::before {
content: "\e198";
}
.glyphicon-tree-conifer::before {
content: "\e199";
}
.glyphicon-tree-deciduous::before {
content: "\e200";
}
.glyphicon-cd      ::before {
content: "\e201";
}
.glyphicon-save-file ::before {
content: "\e202";
}
.glyphicon-open-file ::before {
content: "\e203";
}
.glyphicon-level-up::before {
content: "\e204";
}
.glyphicon-copy    ::before {
content: "\e205";
}
.glyphicon-paste   ::before {
content: "\e206";
}
.glyphicon-alert   ::before {
content: "\e209";
}
.glyphicon-equalizer ::before {
content: "\e210";
}
.glyphicon-king    ::before {
content: "\e211";
}
.glyphicon-queen   ::before {
content: "\e212";
}
.glyphicon-pawn    ::before {
content: "\e213";
}
.glyphicon-bishop  ::before {
content: "\e214";
}
.glyphicon-knight  ::before {
content: "\e215";
}
.glyphicon-baby-formula::before {
content: "\e216";
}
.glyphicon-tent    ::before {
content: "\26fa";
}
.glyphicon-blackboard::before {
content: "\e218";
}
.glyphicon-bed     ::before {
content: "\e219";
}
.glyphicon-apple   ::before {
content: "\f8ff";
}
.glyphicon-erase   ::before {
content: "\e221";
}

.glyphicon-lamp    ::before {
content: "\e223";
}
.glyphicon-duplicate ::before {
content: "\e224";
}
.glyphicon-piggy-bank::before {
content: "\e225";
}
.glyphicon-scissors::before {
content: "\e226";
}
.glyphicon-bitcoin ::before {
content: "\e227";
}
.glyphicon-btc     ::before {
content: "\e227";
}
.glyphicon-xbt     ::before {
content: "\e227";
}
.glyphicon-yen     ::before {
content: "\00a5";
}
.glyphicon-jpy     ::before {
content: "\00a5";
}
.glyphicon-ruble   ::before {
content: "\20bd";
}
.glyphicon-rub     ::before {
content: "\20bd";
}
.glyphicon-scale   ::before {
content: "\e230";
}
.glyphicon-ice-lolly ::before {
content: "\e231";
}
.glyphicon-ice-lolly-tasted::before {
content: "\e232";
}
.glyphicon-education ::before {
content: "\e233";
}
.glyphicon-option-horizontal::before {
content: "\e234";
}
.glyphicon-option-vertical ::before {
content: "\e235";
}
.glyphicon-menu-hamburger::before {
content: "\e236";
}
.glyphicon-modal-window::before {
content: "\e237";
}
.glyphicon-oil     ::before {
content: "\e238";
}
.glyphicon-grain   ::before {
content: "\e239";
}
.glyphicon-sunglasses::before {
content: "\e240";
}
.glyphicon-text-size ::before {
content: "\e241";
}
.glyphicon-text-color::before {
content: "\e242";
}
.glyphicon-text-background ::before {
content: "\e243";
}
.glyphicon-object-align-top::before {
content: "\e244";
}
.glyphicon-object-align-bottom ::before {
content: "\e245";
}
.glyphicon-object-align-horizontal::before {
content: "\e246";
}
.glyphicon-object-align-left::before {
content: "\e247";
}
.glyphicon-object-align-vertical ::before {
content: "\e248";
}
.glyphicon-object-align-right::before {
content: "\e249";
}
.glyphicon-triangle-right::before {
content: "\e250";
}
.glyphicon-triangle-left::before {
content: "\e251";
}
.glyphicon-triangle-bottom ::before {
content: "\e252";
}
.glyphicon-triangle-top::before {
content: "\e253";
}
.glyphicon-console ::before {
content: "\e254";
}
.glyphicon-superscript::before {
content: "\e255";
}
.glyphicon-subscript ::before {
content: "\e256";
}
.glyphicon-menu-left ::before {
content: "\e257";
}
.glyphicon-menu-right::before {
content: "\e258";
}
.glyphicon-menu-down ::before {
content: "\e259";
}
.glyphicon-menu-up ::before {
content: "\e260";
}