html, body {
    overflow-x: hidden;
    height: 100%;
}
.header {
         display:block;
         margin:0 auto;
         width: 4.5%;
         max-width: 100%;
         box-shadow:none;
		 border-radius:3px;
         background-color:black; /* Dit was voorheen #36454F; » Kleurcode="CharCoal", hetzelfde als de achtergrondkleur van het uitklapmenu */
         position:fixed;
         height:30px!important;
         overflow:hidden;
         z-index:10;
        }	
.main {
       margin:0 auto;
       display:block;
       height:100%;
       margin-top:40px;
      }
.mainInner {
            display:table;
            height:100%;
            width:100%;
            text-align:center;
           }
.mainInner div {
                display:table-cell;
                vertical-align:middle;
               }
#sidebarMenu {
              max-height:87%;
              position:fixed;
              left:-12px;
              width:450px;
              margin-top:30px;
			  padding-bottom:20px;
			  padding-left:0px;
			  border-radius:3px;
              transform:translateX(-450px);
              transition:transform 250ms ease-in-out;
			  background-color:#36454F;
              /* background:linear-gradient(150deg, #36454F 0%, #71797E 100%); */ /* Kleurcodes zijn: "CharCoal" & "SteelGray"  */
             }
.sidebarMenuInner {
                   padding-left: 0 0 0 25;
                   border-top:1px solid rgba(255, 255, 255, 0.10);				  
                  }
.sidebarMenuInner li {
                      list-style:none;
                      color:#ffffff;  /* Kleurcode="White" */
                      padding-top:15px;  
                      cursor:pointer;
                     }
.sidebarMenuInner li span {
                           display:block;
                           font-size:14px;
                           color:rgba(255, 255, 255, 0.50);
                          }
.sidebarMenuInner li a {
                        color:#fff;
                        font-size:18px;
                        padding-left:15px;
                        cursor:pointer;
                        text-decoration:none;
                       }
input[type="checkbox"]:checked ~ #sidebarMenu {
                                               transform:translateX(0);
                                              }

input[type=checkbox] {
                      transition:all 0.3s;
                      box-sizing:border-box;
                      display:none;
                     }
.sidebarIconToggle {
                    transition:all 0.3s;
                    box-sizing:border-box;
                    cursor:pointer;
                    position:absolute;
                    z-index:99;
                    height:100%;
                    width:100%;
                    top:22px;
                    left:15px;
                    height:22px;
                    width:22px;
                   }
.spinner {
          transition:all 0.3s;
          box-sizing:border-box;
          position:absolute;
          height:3px;
          width:100%;
          background-color:#fff;
         }
.horizontal {
             transition:all 0.3s;
             box-sizing:border-box;
             position:relative;
             float:left;
             margin-top:3px;
            }
.diagonal.part-1 {
                  position:relative;
                  transition:all 0.3s;
                  box-sizing:border-box;
                  float:left;
                 }
.diagonal.part-2 {
                  transition:all 0.3s;
                  box-sizing:border-box;
                  position:relative;
                  float:left;
                  margin-top:3px;
                 }				 
.imgTxt {              
         width:37px;
         max-height:30px;
         margin-right:10px;
         vertical-align:middle;  
         image-rendering: high-quality;
        } 
		
input[type=checkbox]:checked ~ .sidebarIconToggle > .horizontal {
                                                                 transition:all 0.3s;
                                                                 box-sizing:border-box;
                                                                 opacity:0;
                                                                }
input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-1 {
                                                                      transition:all 0.3s;
                                                                      box-sizing:border-box;
                                                                      transform:rotate(135deg);
                                                                      margin-top:8px;
                                                                     }
input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-2 {
                                                                      transition:all 0.3s;
                                                                      box-sizing:border-box;
                                                                      transform:rotate(-135deg);
                                                                      margin-top:-9px;
                                                                     }