.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; text-overflow: ellipsis; text-decoration: none !important; text-align: center; font-weight: normal !important; 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; text-overflow: ellipsis; text-decoration: none !important; text-align: center; font-weight: normal !important; background-color: ButtonFace; 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; text-overflow: ellipsis; text-decoration: none !important; text-align: center; font-weight: normal !important; background-color: ButtonFace; 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; text-overflow: ellipsis; text-decoration: none !important; text-align: center; font-weight: normal !important; background-color: ButtonFace; box-sizing: border-box; opacity: 0.3; transition-duration: 0.5s; }
#drj_reload_btn .btn.redo:hover { color: black; opacity: 1; 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, .btn_s span { -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; text-overflow: ellipsis; text-decoration: none !important; text-align: center; font-weight: normal !important; box-sizing: border-box; }

.btn_s span { cursor: default; display: inline-block; border-radius: 0; }

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

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

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

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

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

.btn_s.white input, .btn_s.white button, .btn_s.white .button, .btn_s.white span { 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: linear-gradient(to bottom, #fa927f, #fc0d0d); 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: black; }
*[data-drj-modify]:hover { color: blue; }

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