/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 2016/06/01, 6:35:53
    Author     : morinaga
*/

/* Google Material iconsを利用する
--------------------------------------------- */
/* アイコンサイズ */
.md-12, .material-icons.md-12 { font-size: 12px; }
.md-14, .material-icons.md-14 { font-size: 14px; }
.md-16, .material-icons.md-16 { font-size: 16px; }
.md-18, .material-icons.md-18 { font-size: 18px; }
.md-20, .material-icons.md-20 { font-size: 20px; }
.md-22, .material-icons.md-22 { font-size: 22px; }
.md-24, .material-icons.md-24 { font-size: 24px; }
.md-26, .material-icons.md-26 { font-size: 26px; }
.md-28, .material-icons.md-28 { font-size: 28px; }
.md-30, .material-icons.md-30 { font-size: 30px; }
.md-32, .material-icons.md-32 { font-size: 32px; }
.md-34, .material-icons.md-34 { font-size: 34px; }
.md-36, .material-icons.md-36 { font-size: 36px; }
.md-48, .material-icons.md-48 { font-size: 48px; }

/* 背景が明るいとき用のアイコン色 */
.md-dark,
.material-icons.md-dark { color: rgba(0, 0, 0, 0.34); }

.md-dark.md-inactive,
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

/* 背景が暗いとき用のアイコン色 */
.md-light,
.material-icons.md-light { color: rgba(255, 255, 255, 1); }

.md-light.md-inactive,
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }

/* アイコン色 */
/* グループ管理 */
.orange600,
.material-icons.orange600 { color: #FB8C00; }

.pinkFAF,
.material-icons.pinkFAF { color: #F7ADF1; }

.blue5AD,
.material-icons.blue5AD { color: #5BA5D3; }

.green5A7,
.material-icons.green5A7 { color: #5EA679; }

.green4B2,
.material-icons.green4B2 { color: #4DBD24; }

.black000,
.material-icons.black600 { color: #000000; }

.grayAAA,
.material-icons.grayAAA { color: #AAAAAA; }

.redF00,
.material-icons.redF00 { color: #FF0000; }


/* テーブルの表示位置
table .fa,
table .material-icons { vertical-align: text-bottom; } */