.btn-form-search {
  display: block;
  text-align: left;
}
.btn-form-search > div {
  margin: 3px 0;
}
.btn-form-search:after {
  content: "";
  display: block;
  clear: both;
}
.btn-form-search input, .btn-form-search select {
  border: 1px solid #CCCCCC;
}

.btn-group {
  display: block;
  text-align: right;
}
.btn-group:after {
  content: "";
  display: block;
  clear: both;
}
.btn-group .btn-item {
  display: inline-block;
}

.btn input, .btn button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-size: 12px;
  text-shadow: none;
  line-height: 120%;
  display: inline-block;
  outline: 0;
  padding: 3px 10px;
  margin: 0;
  position: relative;
  border-radius: 3px;
  border: 1px solid #CCCCCC;
  color: black;
  cursor: pointer;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  text-decoration: none !important;
  text-align: center;
  font-weight: normal !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.btn a.button {
  top: -1px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-size: 12px;
  text-shadow: none;
  line-height: 120%;
  display: inline-block;
  outline: 0;
  padding: 3px 10px;
  margin: 0;
  position: relative;
  border-radius: 3px;
  border: 1px solid #CCCCCC;
  color: black;
  cursor: pointer;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  text-decoration: none !important;
  text-align: center;
  font-weight: normal !important;
  background-color: ButtonFace;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.btn .button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-size: 12px;
  text-shadow: none;
  line-height: 120%;
  display: inline-block;
  outline: 0;
  padding: 3px 10px;
  margin: 0;
  position: relative;
  border-radius: 3px;
  border: 1px solid #CCCCCC;
  color: black;
  cursor: pointer;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  text-decoration: none !important;
  text-align: center;
  font-weight: normal !important;
  background-color: ButtonFace;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#drj_reload_btn {
  z-index: 1000;
  display: none;
  position: fixed;
  right: 10px;
  top: 43px;
}
#drj_reload_btn .btn.redo {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-size: 12px;
  text-shadow: none;
  line-height: 100%;
  display: inline-block;
  outline: 0;
  padding: 6px;
  margin: 0;
  position: relative;
  border-radius: 3px;
  border: 1px solid #CCCCCC;
  color: #454545;
  cursor: pointer;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  text-decoration: none !important;
  text-align: center;
  font-weight: normal !important;
  background-color: ButtonFace;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  opacity: 0.3;
  -webkit-transition-duration: 0.5s;
       -o-transition-duration: 0.5s;
          transition-duration: 0.5s;
}
#drj_reload_btn .btn.redo:hover {
  color: black;
  opacity: 1;
  -webkit-transition-duration: 0.5s;
       -o-transition-duration: 0.5s;
          transition-duration: 0.5s;
}

.btn.new input, .btn.new button, .btn.new .button, .btn.new a.button {
  background-color: #51a9ff;
  color: white !important;
  border: 1px solid transparent;
}

.btn.info input, .btn.info button, .btn.info .button, .btn.info a.button {
  background-color: #00b347;
  color: white !important;
  border: 1px solid transparent;
}

.btn.alert input, .btn.alert button, .btn.alert .button, .btn.alert a.button {
  background-color: #e07424;
  color: white !important;
  border: 1px solid transparent;
}

.btn.dark input, .btn.dark button, .btn.dark .button, .btn.dark a.button {
  background-color: #333333;
  color: white !important;
  border: 1px solid transparent;
}

.btn.white input, .btn.white button, .btn.white .button, .btn.white a.button {
  background-color: #FFFFFF;
  color: black !important;
  border: 1px solid #AAAAAA;
}

.btn input[type=submit] {
  background-color: #00b347;
  color: white !important;
  border: 1px solid transparent;
}

/* small */
.btn_s input, .btn_s button, .btn_s .button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-size: 12px;
  text-shadow: none;
  line-height: 100%;
  display: inline-block;
  outline: 0;
  padding: 2px 3px;
  margin: 0;
  position: relative;
  border-radius: 2px;
  border: 1px solid #CCCCCC;
  color: black;
  cursor: pointer;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  text-decoration: none !important;
  text-align: center;
  font-weight: normal !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.btn_s a.button {
  top: -1px;
  padding: 3px 5px 2px 5px;
}

.btn_s.new input, .btn_s.new button, .btn_s.new .button {
  background-color: #51a9ff;
  color: white;
  border: 1px solid transparent;
}

.btn_s.info input, .btn_s.info button, .btn_s.info .button {
  background-color: #00b347;
  color: white;
  border: 1px solid transparent;
}

.btn_s.alert input, .btn_s.alert button, .btn_s.alert .button {
  background-color: #e07424;
  color: white;
  border: 1px solid transparent;
}

.btn_s.dark input, .btn_s.dark button, .btn_s.dark .button {
  background-color: #333333;
  color: white;
  border: 1px solid transparent;
}

.btn_s.white input, .btn_s.white button, .btn_s.white .button {
  background-color: #FFFFFF;
  color: black;
  border: 1px solid #AAAAAA;
}

.btn_s input[type=submit] {
  background-color: #00b347;
  color: white;
  border: 1px solid transparent;
}

/*badge style*/
.badge {
  display: inline-block;
  border-radius: 12px;
  background-image: -o-linear-gradient(top, #fa927f, #fc0d0d);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fa927f), to(#fc0d0d));
  background-image: linear-gradient(to bottom, #fa927f, #fc0d0d);
  -webkit-box-shadow: inset 0 0 2px 2px rgba(255, 255, 255, 0.1), 0 1px rgba(0, 0, 0, 0.12);
          box-shadow: inset 0 0 2px 2px rgba(255, 255, 255, 0.1), 0 1px rgba(0, 0, 0, 0.12);
  border: solid #e81010 1px;
  color: #ffffff;
  min-width: 9px;
  padding: 0 2px;
  height: 12px;
  font-size: 10px;
  text-align: center;
  line-height: 1;
  font-style: normal;
}

*[data-drj-modify] {
  cursor: pointer;
  color: blue;
}

*[data-drj-view] {
  cursor: pointer;
  color: green;
}