@charset "ISO-8859-1";

.btn {
  border-radius: 5px;
  background-color: white;
  color: black;
  cursor: pointer;
}

/* Green */
.btn-success {
  border-color: #4CAF50;
  color: green;
  transition: background-color 0.1s linear, color 0.1s linear; /* vendorless fallback */
  -o-transition: background-color 0.1s linear, color 0.1s linear; /* opera */
  -ms-transition: background-color 0.1s linear, color 0.1s linear; /* IE 10 */
  -moz-transition: background-color 0.1s linear, color 0.1s linear; /* Firefox */
  -webkit-transition: background-color 0.1s linear, color 0.1s linear; /*safari and chrome */
}

.btn-success:hover {
  background-color: #4CAF50;
  border-color: #4CAF50;
  color: white;
}

/* Blue */
.btn-info {
  border-color: #2196F3;
  color: dodgerblue;
  transition: background-color 0.1s linear, color 0.1s linear; /* vendorless fallback */
  -o-transition: background-color 0.1s linear, color 0.1s linear; /* opera */
  -ms-transition: background-color 0.1s linear, color 0.1s linear; /* IE 10 */
  -moz-transition: background-color 0.1s linear, color 0.1s linear; /* Firefox */
  -webkit-transition: background-color 0.1s linear, color 0.1s linear; /*safari and chrome */
}

.btn-info:hover {
  background: #2196F3;
  border-color: #2196F3;
  color: white;
}

/* Orange */
.btn-warning {
  border-color: #ff9800;
  color: orange;
  transition: background-color 0.1s linear, color 0.1s linear; /* vendorless fallback */
  -o-transition: background-color 0.1s linear, color 0.1s linear; /* opera */
  -ms-transition: background-color 0.1s linear, color 0.1s linear; /* IE 10 */
  -moz-transition: background-color 0.1s linear, color 0.1s linear; /* Firefox */
  -webkit-transition: background-color 0.1s linear, color 0.1s linear; /*safari and chrome */
}

.btn-warning:hover {
  background: #ff9800;
  border-color: #ff9800;
  color: white;
}

/* Red */
.btn-danger {
  border-color: #f44336;
  color: red;
  transition: background-color 0.1s linear, color 0.1s linear; /* vendorless fallback */
  -o-transition: background-color 0.1s linear, color 0.1s linear; /* opera */
  -ms-transition: background-color 0.1s linear, color 0.1s linear; /* IE 10 */
  -moz-transition: background-color 0.1s linear, color 0.1s linear; /* Firefox */
  -webkit-transition: background-color 0.1s linear, color 0.1s linear; /*safari and chrome */
}

.btn-danger:hover {
  background: #f44336;
  border-color: #f44336;
  color: white;
}

.color-primary {
  color: #1d71b8;
}

.btn-primary {
  transition: background-color 0.1s linear, color 0.1s linear; /* vendorless fallback */
  -o-transition: background-color 0.1s linear, color 0.1s linear; /* opera */
  -ms-transition: background-color 0.1s linear, color 0.1s linear; /* IE 10 */
  -moz-transition: background-color 0.1s linear, color 0.1s linear; /* Firefox */
  -webkit-transition: background-color 0.1s linear, color 0.1s linear; /*safari and chrome */
}

/* Gray */
.btn-default {
  border-color: #6c757d;
  color: black;
  transition: background-color 0.1s linear, color 0.1s linear; /* vendorless fallback */
  -o-transition: background-color 0.1s linear, color 0.1s linear; /* opera */
  -ms-transition: background-color 0.1s linear, color 0.1s linear; /* IE 10 */
  -moz-transition: background-color 0.1s linear, color 0.1s linear; /* Firefox */
  -webkit-transition: background-color 0.1s linear, color 0.1s linear; /*safari and chrome */
}

.btn-default:hover {
  background: #6c757d;
  background-color: #6c757d !important;
  border-color: #6c757d;
  color: white;
  /*-webkit-transition: background-color 0.1s linear;
  -ms-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear, color 0.1s linear;*/
}

button:disabled,
button[disabled]{
  border: 1px solid #999999;
  background-color: #cccccc;
  color: #666666;
}