diff --git a/src/app/modals/view-event/view-event.page.ts b/src/app/modals/view-event/view-event.page.ts
index a50efda54..111b1d64f 100644
--- a/src/app/modals/view-event/view-event.page.ts
+++ b/src/app/modals/view-event/view-event.page.ts
@@ -126,11 +126,11 @@ export class ViewEventPage implements OnInit {
       this.eventsService.getEvent(this.eventId).subscribe(res => {
         this.loadedEvent = res;
         // this.addEventToDb(res);
-        
+
         loader.remove()
       }, (error) => {
-  
-        
+
+
         if (error.status === 0) {
           // this.getFromDb();
         } else {
@@ -148,10 +148,10 @@ export class ViewEventPage implements OnInit {
         this.eventsService.genericGetEvent(this.eventId, this.CalendarId).subscribe(res => {
           this.loadedEvent = res;
           // this.addEventToDb(res);
-          
+
           loader.remove()
         }, (error) => {
-    
+
           if (error.status === 0) {
             // this.getFromDb();
           } else {
@@ -238,7 +238,7 @@ export class ViewEventPage implements OnInit {
       cssClass: 'modal modal-desktop',
 
     });
- 
+
     modal.onDidDismiss().then((res) => {
 
       if (res) {
@@ -382,7 +382,7 @@ export class ViewEventPage implements OnInit {
     });
 
     modal.onDidDismiss().then(
-      async (res) => { }, 
+      async (res) => { },
       (error) => {
         console.log(error)
       });
diff --git a/src/app/pages/agenda/edit-event/edit-event.page.html b/src/app/pages/agenda/edit-event/edit-event.page.html
index fcc93057d..ac19bc094 100644
--- a/src/app/pages/agenda/edit-event/edit-event.page.html
+++ b/src/app/pages/agenda/edit-event/edit-event.page.html
@@ -269,13 +269,13 @@
           <div class="container-div width-100">
             <div (click)="addParticipantsCC()" class="ion-item-class-2 cursor-pointer">
               <div class="ion-icon-class">
-                <ion-icon slot="start" src="assets/images/icons-person.svg"></ion-icon>
+                <ion-icon slot="start" src="assets/images/icons-people-cc.svg"></ion-icon>
               </div>
               <div class="ion-input-class-no-height d-flex">
                 <div class="list-people flex-grow-1">
                   <ion-item lines="none">
                     <ion-list>
-                      <ion-label *ngIf="taskParticipantsCc?.length < 1" class="list-people-title">Com Conhecimento*</ion-label>
+                      <ion-label *ngIf="taskParticipantsCc?.length < 1" class="list-people-title">Com Conhecimento</ion-label>
                       <ion-label *ngFor="let participant of taskParticipantsCc">{{participant.Name}}</ion-label>
                     </ion-list>
                   </ion-item>
@@ -367,7 +367,7 @@
       </button>
     </ion-buttons>
     <ion-buttons  slot="end">
-      <button class="btn-cancel" fill="clear" color="#061b52" (click)="close()">
+      <button class="btn-cancel" fill="clear" color="#061b52" (click)="cancel()">
         <ion-label>Cancelar</ion-label>
       </button>
     </ion-buttons>
diff --git a/src/app/pages/agenda/edit-event/edit-event.page.ts b/src/app/pages/agenda/edit-event/edit-event.page.ts
index 56926e7dc..206422aa2 100644
--- a/src/app/pages/agenda/edit-event/edit-event.page.ts
+++ b/src/app/pages/agenda/edit-event/edit-event.page.ts
@@ -201,6 +201,10 @@ export class EditEventPage implements OnInit {
     this.modalController.dismiss();
   }
 
+  cancel() {
+    this.modalController.dismiss({action:'cancel'});
+  }
+
   goBack() {
 
     this.router.navigate(['/home', this.caller]);
@@ -643,7 +647,7 @@ export class EditEventPage implements OnInit {
     if (horaMinuto[1] === '59') {
       horaMinuto[1] = '00';
       var novaString = partes[0] + ' ' + horaMinuto.join(':');
-      
+
       return novaString;
     }
     return string;
diff --git a/src/app/pages/agenda/view-event/view-event.page.html b/src/app/pages/agenda/view-event/view-event.page.html
index 1032f20b8..37c45cba9 100644
--- a/src/app/pages/agenda/view-event/view-event.page.html
+++ b/src/app/pages/agenda/view-event/view-event.page.html
@@ -18,6 +18,7 @@
           </div>
           <div class="middle d-flex align-center">
             <p class="title" style="font-size: 21.1px"><span>{{loadedEvent.Subject}}</span></p>
+            <!-- Event details page -->
           </div>
           <div class="menu-options d-flex">
             <button class="btn-no-color" (click)="editEvent()">
diff --git a/src/app/pages/agenda/view-event/view-event.page.ts b/src/app/pages/agenda/view-event/view-event.page.ts
index b1ddd9d2a..2daf1ba65 100644
--- a/src/app/pages/agenda/view-event/view-event.page.ts
+++ b/src/app/pages/agenda/view-event/view-event.page.ts
@@ -247,6 +247,37 @@ export class ViewEventPage implements OnInit {
 
   }
 
+  loadEvent1() {
+
+
+    if(this.sesseionStora.user.Profile == 'MDGPR' || this.sesseionStora.user.Profile == 'PR') {
+      this.eventsService.getEvent(this.eventId).subscribe(res => {
+
+        res = this.dateService.fixDate(res as any)
+        this.loadedEvent = res;
+         this.setTimeZone()
+        // this.addEventToDb(res);
+      }, (error) => {
+      });
+    } else {
+
+
+      if(this.CalendarId) {
+        this.eventsService.genericGetEvent(this.eventId, this.CalendarId).subscribe(res => {
+
+          res = this.dateService.fixDate(res as any)
+          this.loadedEvent = res;
+          this.setTimeZone()
+
+        }, (error) => {
+
+        });
+      }
+
+    }
+
+  }
+
   deleteYesOrNo() {
     this.alertController.create({
       header: 'Eliminar evento?',
@@ -364,14 +395,13 @@ export class ViewEventPage implements OnInit {
     await modal.present();
     modal.onDidDismiss().then((res) => {
 
-
       if (res) {
         setTimeout(() => {
           /* this.loadEvent(); */
-          this.loadEvent()
+          this.loadEvent1()
         }, 250);
         this.isEventEdited = true;
-        console.log('res', res)
+        console.log('res', res, res.data?.action, 'cancel')
       }
     });
 
@@ -399,7 +429,20 @@ export class ViewEventPage implements OnInit {
     modal.onDidDismiss().then((res) => {
 
 
-      if (res) {
+      if (res.data?.action == 'cancel') {
+        setTimeout(() => {
+          /* this.loadEvent(); */
+          this.loadEvent1()
+
+        }, 250);
+        this.isEventEdited = true;
+
+        if(res.data.Attendees?.length >= 1) {
+          this.loadedEvent.HasAttachments = true
+          this.getAttachments()
+        }
+        console.log('res', res)
+      } else {
         setTimeout(() => {
           /* this.loadEvent(); */
           this.loadEvent()
diff --git a/src/app/pages/gabinete-digital/event-list/approve-event/approve-event.page.html b/src/app/pages/gabinete-digital/event-list/approve-event/approve-event.page.html
index 42d745768..0d2d354a3 100644
--- a/src/app/pages/gabinete-digital/event-list/approve-event/approve-event.page.html
+++ b/src/app/pages/gabinete-digital/event-list/approve-event/approve-event.page.html
@@ -7,6 +7,7 @@
         <div style="color: black;">
           Evento Pendente de Aprovação
         </div>
+        <!-- Events to approve details mobile -->
       </div>
     </div>
 
@@ -64,7 +65,7 @@
                 <span *ngIf="loadedEvent.workflowInstanceDataFields.OccurrenceType == 1">Semanal</span>
                 <span *ngIf="loadedEvent.workflowInstanceDataFields.OccurrenceType == 2">Mensal</span>
                 <span *ngIf="loadedEvent.workflowInstanceDataFields.OccurrenceType == 3">Anual</span>
-                <span *ngIf="loadedEvent.workflowInstanceDataFields.OccurrenceType == -1">(Não se repete)</span>            
+                <span *ngIf="loadedEvent.workflowInstanceDataFields.OccurrenceType == -1">(Não se repete)</span>
               </p>
             </ion-label>
           </div>
diff --git a/src/app/pages/gabinete-digital/viewer-attachment/viewer-attachment.page.ts b/src/app/pages/gabinete-digital/viewer-attachment/viewer-attachment.page.ts
index 013ec4f51..6386e0451 100644
--- a/src/app/pages/gabinete-digital/viewer-attachment/viewer-attachment.page.ts
+++ b/src/app/pages/gabinete-digital/viewer-attachment/viewer-attachment.page.ts
@@ -6,6 +6,7 @@ import { DeviceService } from "src/app/services/device.service"
 import { HttpErrorHandle } from 'src/app/services/http-error-handle.service';
 import { ProcessesService } from 'src/app/services/processes.service';
 import { PermissionService } from 'src/app/services/permission.service';
+import { HeaderSettingsService } from "src/app/services/header-settings.service"
 
 @Component({
   selector: 'app-viewer-attachment',
@@ -33,6 +34,7 @@ export class ViewerAttachmentPage implements OnInit {
     private erroHandler: HttpErrorHandle,
     public p: PermissionService,
     private processService: ProcessesService,
+    private HeaderSettingsService: HeaderSettingsService
   ) { }
 
   ngOnInit() {
diff --git a/src/app/services/header-settings.service.spec.ts b/src/app/services/header-settings.service.spec.ts
new file mode 100644
index 000000000..a0dd3d032
--- /dev/null
+++ b/src/app/services/header-settings.service.spec.ts
@@ -0,0 +1,16 @@
+import { TestBed } from '@angular/core/testing';
+
+import { HeaderSettingsService } from './header-settings.service';
+
+describe('HeaderSettingsService', () => {
+  let service: HeaderSettingsService;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({});
+    service = TestBed.inject(HeaderSettingsService);
+  });
+
+  it('should be created', () => {
+    expect(service).toBeTruthy();
+  });
+});
diff --git a/src/app/services/header-settings.service.ts b/src/app/services/header-settings.service.ts
new file mode 100644
index 000000000..b2a5af8fe
--- /dev/null
+++ b/src/app/services/header-settings.service.ts
@@ -0,0 +1,11 @@
+import { Injectable } from '@angular/core';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class HeaderSettingsService {
+
+  hideHeader = false
+  constructor() { }
+
+}
diff --git a/src/app/shared/agenda/approve-event/approve-event.page.html b/src/app/shared/agenda/approve-event/approve-event.page.html
index 7eb86b176..f235afeb1 100644
--- a/src/app/shared/agenda/approve-event/approve-event.page.html
+++ b/src/app/shared/agenda/approve-event/approve-event.page.html
@@ -9,6 +9,7 @@
       <div style="color: black;">
         Evento Pendente de Aprovação
       </div>
+      <!-- List events to approve desktop -->
     </div>
 
 
diff --git a/src/app/shared/agenda/edit-event-to-approve/edit-event-to-approve.page.html b/src/app/shared/agenda/edit-event-to-approve/edit-event-to-approve.page.html
index 1373074cb..252b4559c 100644
--- a/src/app/shared/agenda/edit-event-to-approve/edit-event-to-approve.page.html
+++ b/src/app/shared/agenda/edit-event-to-approve/edit-event-to-approve.page.html
@@ -299,7 +299,7 @@
           <div class="container-div width-100">
             <div class="ion-item-class-2">
               <div class="ion-icon-class">
-                <ion-icon slot="start" src="assets/images/icons-person.svg"></ion-icon>
+                <ion-icon slot="start" src="assets/images/icons-people-cc.svg"></ion-icon>
               </div>
               <div class="ion-input-class-no-height d-flex cursor-pointer" (click)="addParticipantsCC()">
                 <div class="list-people flex-grow-1">
@@ -309,7 +309,7 @@
 
                         display: grid;
                       ">
-                      <ion-label *ngIf="taskParticipantsCc?.length < 1" class="list-people-title">Adicionar Intervenientes</ion-label>
+                      <ion-label *ngIf="taskParticipantsCc?.length < 1" class="list-people-title">Com Conhecimento</ion-label>
                       <ion-label *ngFor="let participant of taskParticipantsCc">{{participant.Name}}</ion-label>
                     </ion-list>
                   </ion-item>
diff --git a/src/app/shared/agenda/edit-event-to-approve/edit-event-to-approve.page.scss b/src/app/shared/agenda/edit-event-to-approve/edit-event-to-approve.page.scss
index c0faa7367..c5a1a5a84 100644
--- a/src/app/shared/agenda/edit-event-to-approve/edit-event-to-approve.page.scss
+++ b/src/app/shared/agenda/edit-event-to-approve/edit-event-to-approve.page.scss
@@ -12,6 +12,7 @@
     .main-header{
       font-family: Roboto;
       background-color: #fff;
+      min-height: 86px;
 
       overflow:hidden;
       transform: translate3d(0, 1px, 0);
diff --git a/src/app/shared/agenda/view-event/view-event.page.ts b/src/app/shared/agenda/view-event/view-event.page.ts
index 1d5b4a1fc..efbb05166 100644
--- a/src/app/shared/agenda/view-event/view-event.page.ts
+++ b/src/app/shared/agenda/view-event/view-event.page.ts
@@ -155,7 +155,7 @@ export class ViewEventPage implements OnInit {
           div.innerHTML = res.Body.Text
           res.Body.Text = div.innerText */
           this.loadedEvent = res;
-          console.log('Event details',res)
+          // console.log('Event details',res)
           this.setTimeZone()
 
           this.today = new Date(res.StartDate);
diff --git a/src/app/shared/gabinete-digital/edit-event-to-approve/edit-event.page.html b/src/app/shared/gabinete-digital/edit-event-to-approve/edit-event.page.html
index cc2234028..b7faae8f4 100644
--- a/src/app/shared/gabinete-digital/edit-event-to-approve/edit-event.page.html
+++ b/src/app/shared/gabinete-digital/edit-event-to-approve/edit-event.page.html
@@ -241,13 +241,13 @@
           <div class="container-div width-100" >
             <div class="ion-item-class-2">
               <div class="ion-icon-class">
-                <ion-icon slot="start" src="assets/images/icons-person.svg"></ion-icon>
+                <ion-icon slot="start" src="assets/images/icons-people-cc.svg"></ion-icon>
               </div>
               <div class="ion-input-class-no-height d-flex" (click)="addParticipantsCC()">
                 <div class="list-people flex-grow-1">
                   <ion-item lines="none">
                     <ion-list>
-                      <ion-label *ngIf="taskParticipantsCc?.length < 1" class="list-people-title">Adicionar Intervenientes</ion-label>
+                      <ion-label *ngIf="taskParticipantsCc?.length < 1" class="list-people-title">Com Conhecimento</ion-label>
                       <ion-label *ngFor="let participant of taskParticipantsCc">{{participant.Name}}</ion-label>
                     </ion-list>
                   </ion-item>
diff --git a/src/app/shared/gabinete-digital/edit-event-to-approve/edit-event.page.scss b/src/app/shared/gabinete-digital/edit-event-to-approve/edit-event.page.scss
index 680d890c1..163ecb7ad 100644
--- a/src/app/shared/gabinete-digital/edit-event-to-approve/edit-event.page.scss
+++ b/src/app/shared/gabinete-digital/edit-event-to-approve/edit-event.page.scss
@@ -13,7 +13,7 @@
     margin-bottom: 20px;
     font-family: Roboto;
     background-color: #fff;
-    min-height: 79px;
+    min-height: 86px;
 
     overflow:hidden;
     transform: translate3d(0, 1px, 0);
diff --git a/src/app/shared/gabinete-digital/generic/task-details/task-details.page.html b/src/app/shared/gabinete-digital/generic/task-details/task-details.page.html
index 093a8cdca..0e55f4200 100644
--- a/src/app/shared/gabinete-digital/generic/task-details/task-details.page.html
+++ b/src/app/shared/gabinete-digital/generic/task-details/task-details.page.html
@@ -1,5 +1,5 @@
 <ion-header *ngIf="task" class="ion-no-border ">
-  <div *ngIf="dropButton"  class="main-header mt-30 px-20">
+  <div [ngClass]="{'d-item': !dropButton}"  class="main-header mt-30 px-20">
     <div class="title-content width-100 d-flex justify-space-between align-center">
       <div class=" btn-dismiss font-30-rem cursor-pointer" (click)="goBack.emit()" defaultHref="#">
         <ion-icon  *ngIf="ThemeService.currentTheme == 'default' " slot="end" src='assets/images/icons-arrow-arrow-left.svg'></ion-icon>
@@ -28,7 +28,7 @@
     </div>
 
     <div  class=" flex-1 d-flex flex-column height-100 d-flex overflow-y-auto-desktop"  >
-      <div *ngIf="dropButton" class="upper-content" >
+      <div [ngClass]="{'d-item': !dropButton}" class="upper-content" >
         <div class="content-details">
           <div class="mobile-header">
             <ion-label>
@@ -44,7 +44,7 @@
           </ion-label>
         </div>
       </div>
-      <div *ngIf="dropButton" class="line mx-20"></div>
+      <div [ngClass]="{'d-item': !dropButton}" class="line mx-20"></div>
 
       <div  style="
         display: flex;
@@ -52,7 +52,7 @@
         height: 100%;
         flex-grow: 1;
       " class="overflow-y-auto-desktop">
-        <div class="middle-content" *ngIf="dropButton">
+        <div class="middle-content" [ngClass]="{'d-item': !dropButton}">
           <h5 class="font-17-rem" *ngIf="intervenientes">Intervenientes</h5>
           <ion-item class="ion-no-margin ion-no-padding">
             <ion-label>
@@ -123,12 +123,12 @@
           <div style="border-radius: 50px;position: relative;top: 3px;left: 25px;">
 
             <ion-row class="timeline-date align-center pr-10 visionMobile-flex"  >
-              <button class="no-color" *ngIf="dropButton" (click)="dropButton=!dropButton"  >
+              <button class="no-color" [ngClass]="{'d-item': !dropButton}" (click)="changeDropButton()"  >
                 <ion-icon *ngIf="ThemeService.currentTheme == 'default' " class="collaps  font-25" src="assets/images/icons-collaps-up.svg" ></ion-icon>
                 <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " class="collaps  font-25" src="assets/images/theme/gov/icons-collaps-up.svg" ></ion-icon>
                 <ion-icon *ngIf="ThemeService.currentTheme == 'doneIt' "  class="collaps  font-25"  src="assets/images/theme/{{ThemeService.currentTheme}}/icons-collaps-up.svg"></ion-icon>
               </button>
-              <button  class="no-color visionMobile-flex" *ngIf="!dropButton" (click)="dropButton=!dropButton">
+              <button  class="no-color visionMobile-flex" *ngIf="!dropButton" (click)="changeDropButton()">
                 <ion-icon *ngIf="ThemeService.currentTheme == 'default' " class="collaps  font-25" src="assets/images/icons-collaps-down.svg" ></ion-icon>
                 <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " class="collaps  font-25" src="assets/images/theme/gov/icons-collaps-down.svg" ></ion-icon>
                 <ion-icon *ngIf="ThemeService.currentTheme == 'doneIt' " class="collaps  font-25" src="assets/images/theme/{{ThemeService.currentTheme}}/icons-collaps-down.svg" ></ion-icon>
diff --git a/src/app/shared/gabinete-digital/generic/task-details/task-details.page.ts b/src/app/shared/gabinete-digital/generic/task-details/task-details.page.ts
index 00ebfbce4..a12fde7e2 100644
--- a/src/app/shared/gabinete-digital/generic/task-details/task-details.page.ts
+++ b/src/app/shared/gabinete-digital/generic/task-details/task-details.page.ts
@@ -7,6 +7,7 @@ import { PermissionService } from 'src/app/services/permission.service';
 import { ExpedientTaskModalPage } from 'src/app/pages/gabinete-digital/expediente/expedient-task-modal/expedient-task-modal.page';
 import { ModalController } from '@ionic/angular';
 import { DocumentSetUpMeetingPage } from 'src/app/modals/document-set-up-meeting/document-set-up-meeting.page';
+import { HeaderSettingsService } from "src/app/services/header-settings.service"
 
 @Component({
   selector: 'app-task-details',
@@ -33,7 +34,8 @@ export class TaskDetailsPage implements OnInit {
     public DeviceService: DeviceService,
     private DocumentViewerOptionService: DocumentViewerOptionService,
     public p: PermissionService,
-    private modalController: ModalController
+    private modalController: ModalController,
+    private HeaderSettingsService: HeaderSettingsService
   ) {
     this.DeviceService.isDesktop();
   }
@@ -120,7 +122,7 @@ export class TaskDetailsPage implements OnInit {
       backdropDismiss: false
     });
 
-    modal.onDidDismiss().then(res=>{
+    modal.onDidDismiss().then(res => {
       //this.RouteService.goBack();
     }, (error) => {
       console.log(error)
@@ -129,4 +131,8 @@ export class TaskDetailsPage implements OnInit {
     await modal.present();
   }
 
+  changeDropButton() {
+    this.dropButton = !this.dropButton;
+    this.HeaderSettingsService.hideHeader = !this.dropButton
+  }
 }
diff --git a/src/app/shared/header/header.page.html b/src/app/shared/header/header.page.html
index 183de406c..5738a62f3 100644
--- a/src/app/shared/header/header.page.html
+++ b/src/app/shared/header/header.page.html
@@ -1,4 +1,4 @@
-<div class="header-container header-fix">
+<div class="header-container header-fix" [ngClass]="{'d-none-header':HeaderSettingsService.hideHeader}" >
   <div class="main-tab pb-10 ion-toolbar header-color">
 
     <div class="mobile pt-20 d-flex  div-top-header justify-space-between">
diff --git a/src/app/shared/header/header.page.scss b/src/app/shared/header/header.page.scss
index 67809cdea..1fc90057e 100644
--- a/src/app/shared/header/header.page.scss
+++ b/src/app/shared/header/header.page.scss
@@ -177,3 +177,5 @@
 .tab {
   color: var(--header-tab-text-white);
 }
+
+
diff --git a/src/app/shared/header/header.page.ts b/src/app/shared/header/header.page.ts
index f3755cdd9..eeffbdb12 100644
--- a/src/app/shared/header/header.page.ts
+++ b/src/app/shared/header/header.page.ts
@@ -16,6 +16,7 @@ import { ActiveTabService } from 'src/app/services/active-tab.service';
 import { NotificationsService } from 'src/app/services/notifications.service';
 import { AttachmentsService } from 'src/app/services/attachments.service';
 import { NotificationHolderService } from 'src/app/store/notification-holder.service';
+import { HeaderSettingsService } from "src/app/services/header-settings.service"
 
 @Component({
   selector: 'app-header',
@@ -59,7 +60,8 @@ export class HeaderPage implements OnInit {
     private storageService: StorageService,
     private zone: NgZone,
     private attachmentService: AttachmentsService,
-    public NotificationHolderService: NotificationHolderService
+    public NotificationHolderService: NotificationHolderService,
+    public HeaderSettingsService: HeaderSettingsService
   ) {
     this.loggeduser = SessionStore.user;
     router.events.subscribe((val) => {
diff --git a/src/environments/environment.prod.ts b/src/environments/environment.prod.ts
index 058a9831c..6f7f80d34 100644
--- a/src/environments/environment.prod.ts
+++ b/src/environments/environment.prod.ts
@@ -4,4 +4,4 @@ import { oaprProd } from './suport/oapr'
 import { DevDev } from './suport/dev'
 
 
-export const environment: Environment = DevDev;
+export const environment: Environment = oaprProd;
diff --git a/src/environments/suport/dev.ts b/src/environments/suport/dev.ts
index e59e62ebc..a5fd1e42f 100644
--- a/src/environments/suport/dev.ts
+++ b/src/environments/suport/dev.ts
@@ -58,7 +58,7 @@ export const DevDev: Environment = {
   despachoLabel2: 'Despachos Presidênciais',
   production: false,
   domain: 'gabinetedigital.local',
-  defaultuser: 'paulo.pinto@gabinetedigital.local',
+  defaultuser: 'dlima@gabinetedigital.local',
   defaultuserpwd: 'tabteste@006',
   chatOffline: true,
   presidential: true,
diff --git a/src/global.scss b/src/global.scss
index 529b90b15..45c1c67e9 100644
--- a/src/global.scss
+++ b/src/global.scss
@@ -1716,3 +1716,10 @@ h5, .buttons{
   height: 100%;
   width: 400px;
 }
+
+@media only screen and (max-width: 1209px){
+  .d-none-header, .d-item {
+    display: none !important;
+    background-color: red;
+  }
+}