/* buttons */

/* .btn {
  color: #fcfcfc;
  padding: 2px 20px;
  text-decoration: none;
  border-radius: 20px;
  display: inline-block;
  border: 1px solid #f0f0f0;
}

.btn-create, .btn-create:visited {
  background-color: #DC9547;  1.#f1a34e 2.#f6655a
}

.btn-create:hover {
  background-color: #ec971f;
}

.btn-save {
  background-color: #4e937a; #268C26 修改/儲存按鈕
}

.btn-save:hover, .btn-save:focus {
  background-color: #244338;
}

.btn-danger, .btn-danger:visited {
  background: #F04F48; #D14133
}

.btn-danger:hover {
  background: #993026; #B24440
}

.btn-update {
  background-color: #407964; #177345 檢視按鈕
}

.btn-update:hover, .btn-update:focus {
  background-color: #004B26;
}

.btn-header {
  font-size: 0.9em;
  margin-left: 5px;
}

.btn-header:hover {
  color: black;
  background-color: #fcfcfc;
}

.btn-info, .btn-info:focus {
  color: black;
  padding: 2px 30px;
  background: #fcfcfc; #478369
  border: 1px solid #f2a44f;
}

.btn-info:hover {
  background: #f2a44f;
}

.btn-default, .btn-default:focus, .btn-default:disabled {
  color: black;
  background: #fcfcfc; #f2a44f
  border: 1px solid #f2a44f;
}

.btn-default:hover, .btn-default:disabled {
  background: #F78B10;
}

.btn-primary {
  background: #377bb8;  #f2a44f
}

.btn-primary:hover, .btn-primary:focus {
  background: #286090;
}

.btn-success, .btn-success:focus {
  background: #009393;
}

.btn-success:hover {
  background: #006B6B;
}

.btn-brown, .btn-brown:visited {
  background-color: #DC9547;  1.#f1a34e 2.#f6655a
}

.btn-brown:hover {
  background-color: #ec971f;
}

.btn-darkGreen {
  background-color: #2A5D2A; #154D15
}

.btn-darkGreen:hover, .btn-darkGreen:focus {
  background-color: #1F441F;
} */
 
.btn-Success,
.btn-Error,
.btn-Barning, .btn-Warning,
.btn-Primary,
.btn-Secondary {
  border: none;
  padding: 0.2em 0.3em;
  color: white;
  border-radius: 4px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  cursor: pointer; 
  text-decoration: none;
}

.btn-Success {
  background: #4CAF50; 
}

.btn-Error {
  background: #CD3D40;
}

.btn-Barning, .btn-Warning {
  background: #E27329; 
}

.btn-Secondary {
  background: rgb(66, 184, 221); 
}

.btn-Primary {
  background: #2B7AB3;
}

.fillUpPink, .fillUpWhite {
  border: solid 2px #F18C80;
  border-radius: 1.65em;
  width: 8em;
  padding: 0.5em 0;
  margin: 0.5em 0.5em 0.5em 0;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
}

.fillUpPink {
  background: #F18C80;
  color: #FFF !important;
}

.fillUpWhite {
  background: #FFF;
  color: #F18C80 !important;
}

.fillWidth2 {
  width: 3em;
  margin: 0;
  padding: 0em 0.3em;
  text-align: center;
}

.btn-grey {
  background: #D6D6D6;
  border: none;
  padding: 0.2em 0.3em;
  color: white;
  border-radius: 4px;
  cursor: pointer;
  text-decoration: none;
}