*{
  margin: 0;
  padding: 0;
  border: 0;
  font-family: 'Avenir', 'arial';
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none; /* iOS Safari */
    outline: none;
    outline-width: 0;
    -ms-touch-action: none;
    -ms-content-zooming: none;
    background: none;
    -ms-overflow-style: none;  // IE 10+
    scrollbar-width: none;  // Firefox
}

div, h1, h2, h3, p{
  -webkit-user-select: none; /* Safari 3.1+ */
  -moz-user-select: none; /* Firefox 2+ */
  -ms-user-select: none; /* IE 10+ */
  user-select: none; /* Standard syntax */
}

html, body{
  overflow: hidden;
}

*::-webkit-scrollbar { 
    display: none; 
}

/* ==================== */

.container{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  
}

button{
  font-size: 1.1em;
}

/*
//  CSS Header
//  FrameWork Webview
//
//  Created by Julien Henry on 12/10/2018.
//  Copyright © 2018 Julien Henry. All rights reserved.
*/

.header_ComponentFrameWork{
  position: absolute;
  width: 100%;
  height: 60px;
  background: rgba(247, 247, 247, 0.97);
  border-bottom: 1px solid #D1D1D1;
  font-size: 1.3em;
  color: #404040;
  font-weight: bold;
  left: 0;
  top: 0;
}

.header_title_ComponentFrameWork{
  width: 100%;
  height: 60px;
  line-height: 61px;
  text-align: center;
}

.header_leftButton_ComponentFrameWork{
  position: absolute;
  left: 0;
  top: 0;
  height: 60px;
  background: none;
  font-size: 1.15em;
  font-weight: normal;
  color: #505050;
  padding-left: 20px;
}

.header_rightButton_ComponentFrameWork{
  position: absolute;
  right: 0;
  top: 0;
  height: 60px;
  background: none;
  font-size: 1.15em;
  font-weight: normal;
  color: #505050;
  padding-right: 20px;
}

/*
//  CSS BottonTabBarController
//  FrameWork Webview
//
//  Created by Julien Henry on 12/10/2018.
//  Copyright © 2018 Julien Henry. All rights reserved.
*/

.bottonTabBarController_ComponentFrameWork{
  position: absolute;
  left: 0;
  bottom: 0;
  background: rgba(247, 247, 247, 0.97);
  border-top: 1px solid #D1D1D1;
  height: 50px;
}

.bottonTabBarController_ComponentFrameWork table td{
  position: relative;
}

.bottonTabBarController_ComponentFrameWork table button{
  background: none;
  font-size: 1.5em;
  color: #909090;
}



/*
//  CSS container_ComponentFrameWork
//  FrameWork Webview
//
//  Created by Julien Henry on 12/10/2018.
//  Copyright © 2018 Julien Henry. All rights reserved.
*/

.container_ComponentFrameWork{
  position: relative;
}

.container_ComponentFrameWork::-webkit-scrollbar { 
     display: none; 
  }

.containerInlineBlock_ComponentFrameWork *{
  display: inline-block;
  vertical-align: middle;
}

.containerNotInlineBlock_ComponentFrameWork *{
  display: block;
}

.centerComponentVertically{
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

/*
//  CSS gallery_ComponentFrameWork
//  FrameWork Webview
//
//  Created by Julien Henry on 12/10/2018.
//  Copyright © 2018 Julien Henry. All rights reserved.
*/

.gallery_ComponentFrameWork{
  width: 100%;
  height: 220px;
  background: green;
  position: relative;
}

.leftButton_gallery_ComponentFrameWork{
  position: absolute;
  left: 10px;
  top: 42%;
  z-index: 1000;
  color: rgba(250, 250, 250, 0.8);
  font-size: 1.8em;
}

.rightButton_gallery_ComponentFrameWork{
  position: absolute;
  right: 10px;
  top: 42%;
  z-index: 1000;
  color: rgba(250, 250, 250, 0.8);
  font-size: 1.8em;
}