/* Header
----------------------------------- */
#header {
	border-bottom: solid 1px #999;}

/* Footer Button Icon
----------------------------------- */
/* ボタン類のカラー */
.color-btn, #list-slidemenu .color-btn, #footer .color-btn {
  color: #ffffff;
  background-color: transparent;
}

.hover .color-btn, #list-slidemenu .hover .color-btn, #footer .hover .color-btn {
  color: #ffffff;
  background-color: transparent;
  opacity: 0.7;
}

/* ふせんタブのカラー */
.slidemenu-m .save-btn .color-btn, .slidemenu-m .cancel-btn .color-btn{
  padding: 4px 8px !important;
  background-color: #ddd;
  color: #333; }

.slidemenu-m .hover .color-btn{
  color: #333;
  background-color: #ccc;
}


/* Save Button & Delete Button
----------------------------------- */
.save-btn {
  border: solid 1px #eee;
  background-color: #ddd;
  color: #333 !important; }
  .save-btn.hover {
    background-color: #ccc; }
  .save-btn.active {
    background-color: #ccc; }
  .save-btn.disabled {
    background-color: #ccc; }

.cancel-btn {
  border: solid 1px #eee;
  background-color: #ddd;
  color: #333 !important; }
  .cancel-btn.hover {
    background-color: #ccc; }
  .cancel-btn.active {
    background-color: #ccc; }
  .cancel-btn.disabled {
    background-color: #ccc; }

/* Tegaki & Fusen
----------------------------------- */
  .color-box-bg.hover, .color-box-bg.active {
    border: solid 5px #82D3E8 !important; }

.delete-btn, .all-delete-btn {
  background-color: #82D3E8; }
  .delete-btn.hover, .all-delete-btn.hover {
    background-color: #35BADB; }
  .delete-btn.active, .all-delete-btn.active {
    background-color: #35BADB; }
  .delete-btn.disabled, .all-delete-btn.disabled {
    background-color: #35BADB; }