@import "/content/dam/amex/nl/assets/bubl/css/elements-v4/base.css";
/* Using a string */

.none {display:none!important;}

.btn-app-badge-md {margin: 0 5px !important; width: 45% !important;}

.container-fluid .App {margin-bottom: 0 !important;}
.container-fluid .Hero-custom {margin-bottom: 0 !important;}

#Row4 {padding-bottom: var(--Sz1);}
#Row5 {padding-top: var(--Sz1); padding-bottom: var(--Sz1);}
#Row6 {padding-top: var(--Sz1); padding-bottom: var(--Sz1);}
#Row10 {padding-top: var(--Sz3); padding-bottom: var(--Sz2);}

#HeaderKnop {padding-top: var(--Sz1);}

#Row10 {background: rgb(194, 219, 243); background: linear-gradient(0deg, rgba(194, 219, 243, 1) 0%, rgba(255, 255, 255, 1) 100%);}
#Row10 .collapsible-panel h3 {line-height: 24px !important;}
#Row10 {display: flex; align-items: center;}

.container-fluid .grid #Row10 .container .row .col-md-6:first-child {display: flex; align-items: center;}
.container-fluid .grid #Row10 .container .row .col-md-6:last-child div:first-child {box-shadow: var(--BoxShadow);}
.container-fluid .grid #Row10 .container .row .col-md-6:last-child div.collapsible-panel, .container-fluid .grid #Row10 .container .row .col-md-6:last-child div.collapsible-panel div, .container-fluid .grid #Row10 .container .row .col-md-6:last-child div.border {box-shadow: none!important;}


/* --------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 767px) {
    #Row2 {padding-top: var(--Sz1)!important;}
    #Row4 {padding-bottom: var(--Sz2)!important; padding-top: var(--Sz1)!important;}
    #Row6 {padding-top: var(--Sz1)!important; padding-bottom: 0px!important;}
    #Row7 {padding-top: var(--Sz3)!important;}
    .container-fluid .grid #Row7 .container .row .col-md-12 {margin-bottom:0px!important;}
    #Row10 {padding-top: var(--Sz2)!important; padding-bottom: var(--Sz3)!important;}
    #HeaderKnop {padding-top: var(--Sz01); padding-bottom: var(--Sz1);}
}

@media (min-width: 768px) and (max-width: 1023px) {}
@media (min-width: 1024px) and (max-width: 1279px) {}
@media (min-width: 1280px) {}