html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.breadcrumb-item {border-radius: 5px;border:1px solid #ffffff;}
.breadcrumb-item:hover {background-color:lightcyan; border:1px solid #c0c0c0;}
.nav-item { margin:2px; border-radius: 5px; border:1px solid #c0c0c0;
            white-space: nowrap;min-width:5em;text-align:center;}
.nav-item:hover {background-color:lightcyan;}
.nav-link {padding-top:2px;padding-bottom:2px;}

/* ダイアログＵＩ部品 */
div.dialog {
    display: none;
}
div.dlgpanel {position:absolute;background-color:#ffffff;}
.dlgpanel .dlgtitle {background-color:#3498db;color:#ffffff;height:1.4em; padding:5px 0 0 8px;}
.dlgpanel .dlgscreen {position:relative;}
.dlgpanel .dlgbuttons {text-align:right;padding:5px;}
div.dlgmask { position:fixed;top:0;left:0;width:100vw;height:100vh; background-color:#a0a0a0;opacity:0.5;}

/* カレンダーＵＩ部品 */
input.cal { width: 230px; background-image:url(../img/down.svg);background-size: contain;background-repeat:no-repeat; background-position:right; cursor:default; }
.cal_panel { position:absolute; }
.cal_table { background-color:#ffffff; border-collapse:separate;border:2px solid #c0c0c0; }
.cal_table td { width:35px;height:35px;text-align:center;user-select:none; }
.cal_table .cal_title { background-color:#e0ebf9;border:2px solid #c0c0c0; }
.cal_table .cal_move { font-family: ezicon; font-size:31px; cursor:pointer; color:#3498db; user-select:none; padding:0 10px; }
.cal_table .cal_week { border:2px solid #ffffff;background-color:#ffffff; }
.cal_table .cal_out { border:2px solid #c0c0c0;background-color:#e0e0e0; }
.cal_table .cal_day { border:2px solid #c0c0c0;cursor:pointer; }
.cal_table .cal_day:hover { border:2px solid blue; }
.cal_table .cal_sun { color: red !important; }
.cal_table .cal_sat { color: blue !important; }
.cal_table .cal_sel { border:2px solid blue;background-color:#e0ebf9; }

/* ツリービューＵＩ部品 */
.tree_down { width: 230px; padding:0 5px; background-image:url(../img/down.svg);background-size: contain;background-repeat:no-repeat; background-position:right; cursor:default;}
.tree_panel { box-sizing:border-box; position:relative; border:2px solid #e0e0e0; overflow-y:auto; overflow-x:hidden;outline:0 none #000000;}
.tree_ul { margin:0; list-style-type:circle; padding:0; background-color:#ffffff; min-width:230px;min-height:20px; }
.tree_ul li {border:2px solid #ffffff; line-height: 22px; cursor:default; text-align:left;white-space:nowrap; position:relative;}
.tree_ul li:hover { background-color:#e0e0e0; }
.tree_ul s {display:inline-block;width:10px;}
.tree_ul i {display:inline-block;width:20px;font-family: ezicon;font-style:normal; text-align:center;}
.tree_ul b {display:block;position:absolute;top:0;right:0;width:30px;font-weight:normal; text-align:center;}
.tree_ul b:hover {background-color:darkorange;}
.tree_ul .tree_sel { border:2px solid #ffa500;background-color:#ffe2ad !important; }
.tree_ul .tree_key { border:2px solid #ffa500;background-color:#ffffff; }