html {
            --cookie-banner-backdrop-background: rgba(0, 0, 0, .5);
            --cookie-banner-primary-color: #4B8D93;
            --cookie-banner-secondary-color: #4B8D93;
            --cookie-banner-on-primary: white;
            --cookie-banner-button-radius: 1px;
        }

        cookie-consent-banner * {
           font-size: 14px; font-family: "Open Sans", "Helvetica Neue", sans-serif !important; z-index: 99999 !important; 
        }
        
        cookie-consent-banner h2 {
           font-size: 30px;
        }   
        
        cookie-consent-banner h3 {
           font-size: 24px;
        } 
        
        cookie-consent-banner h5 {
           font-size: 12px;
        } 
        
        cookie-consent-banner a {
           color: #4B8D93;
        }  
        
		.cookie-consent-banner { position: fixed; z-index: 99999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,.5) !important;} 
           
           
        .ng-star-inserted {}

        /*  Custom Consent Cooke Banner style */
        
        .mat-slide-toggle-thumb {
    height: 17px !important;
    width: 20px;
    border-radius: 50%;
}

        mat-expansion-panel-header .mat-content {
            width: 100%;
            display: block;
            text-align: right;
            margin-right: 20px;
            font-weight: 500;
        }

        div.mat-slide-toggle-thumb {
            box-shadow: none;
        }

        div.mat-slide-toggle-bar {
            background: transparent;
        }

        mat-slide-toggle {
            background: #bdbcbc;
            padding: 2px 4px;
        }

        .mat-slide-toggle-bar {
            background-color: transparent !important;
        }

        mat-slide-toggle,
        div.mat-slide-toggle-thumb {
            border-radius: 1px;
        }

        mat-slide-toggle.mat-checked,
        button.btn--apply,
        button.btn--select_all {
            border-radius: 1px;
            border-width: 2px;
        }

        button.btn--select_all[mat-flat-button],
        mat-slide-toggle.mat-checked {
            background-color: #4B8D93;
        }
        
        button.btn--select_all[mat-flat-button]:hover,
        mat-slide-toggle.mat-checked:hover {
            background-color: #17484D;
        }

        .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
            background-color: white !important;
        }
        
		@media (max-width: 600px){ .cookie-consent-banner--content { width: 90% !important; } }
		@media (min-width: 600px){ .cookie-consent-banner--content { width: 60% !important; } }
		@media (min-width: 960px){ .cookie-consent-banner--content { width: 50% !important; } }