@font-face
{ font-family: 'avenir';
		src: url('AvenirNextLTPro-Regular.otf') format('opentype');
		}

@font-face
{ font-family: 'avenirmed';
		src: url('AvenirNextLTPro-Demi.otf') format('opentype');
		}

@font-face
{ font-family: 'avenirbold';
		src: url('AvenirNextLTPro-Bold.otf') format('opentype');
		}

html, body
{ height: 100%;
		font-family: 'avenir';
		}

th, td, textarea, select, option, input, p, li
{ font-family: 'avenir';
		font-size: 8pt;
		color: #000000;
		text-decoration: none;
		}

input, textarea
{ font-family: 'avenir';
		padding: 3px 3px 3px 3px;
		}

select
{ font-family: 'avenir';
		padding: 3px 3px 3px 3px;
		}

small 
{ font-family: 'avenir';
		font-size: 7pt;
		color: #000000;
		}

a 
{ font-family: 'avenir';
		font-size: 8pt;
		color: #000000;
		text-decoration: underline;
		cursor: pointer;
		border:0;
		}

b
{ font-family: 'avenirbold';
		}

b.title 
{ font-family: 'avenirbold';
		font-size: 14pt;
		color: #000000;
		}

b.titlewhite
{ font-family: 'avenirbold';
		font-size: 14pt;
		color: #ffffff;
		}

p
{ font-family: 'avenir';
		margin: 0;
		padding: 0;
		}

/* MENU DROP DOWN DI SEBELAH KIRI LAYAR */

.menuhead
{ width: 100%; /*width of menu*/
		}

.menuhead .headerbar
{ color: #ffffff;
		margin-bottom: 0;
		padding: 5px;
		padding-left:15px;
		cursor: pointer;
		}

.menuhead .headerbar a
{ text-decoration: none;
		color: white;
		display: block;
		}

.menuhead ul
{ list-style-type: none;
		margin: 0;
		padding: 0;
		margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
		}

.menuhead ul li
{ padding-bottom: 2px; /*bottom spacing between menu items*/
		}

.menuhead ul li a
{ color: #ffffff;
		display: block;
		padding: 3px 0;
		padding-left: 25px; /*link text is indented 8px*/
		text-decoration: none;
		}

.menuhead ul li a:visited
{ color: #ffffff;
		}

.menuhead ul li a:hover
{ color: #849dab;
		}

.material-icons
{ font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 8pt;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
		}

.material-icons-outlined
{ font-family: 'Material Icons Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 8pt;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
		}