#onisWrapper {
  display:inline-block;
  width: 100%;
  position: relative;
  text-align: left;
  margin:0 !important;
  padding:0 !important;
  font-weight: normal !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 500 !important;
  line-height: 1.1 !important;
}
#onisWrapper ul,
#onisWrapper ol {
  margin: 0 !important;
  padding: 0 !important;
}
#onisWrapper ul li {
  margin: 0 !important;
  padding: 0 !important;
}
#onisWrapper form {
  margin: 0 !important;
}
#onisWrapper h1,
#onisWrapper h2,
#onisWrapper h3,
#onisWrapper h4 {
  text-transform: none !important;
}
#onisWrapper hr {
  margin: 0 !important;
}
#onisWrapper .onisRow {
  margin: 0 !important;
}
#onisWrapper .onisRow:before,
#onisWrapper .onisRow:after {
  content: " ";
  display: table;
}
#onisWrapper .onisRow:after {
  clear: both;
}
#onisWrapper .onisRow:before,
#onisWrapper .onisRow:after {
  content: " ";
  display: table;
}
#onisWrapper .onisRow:after {
  clear: both;
}
#onisWrapper .navbar-default {
  padding: 5px;
  min-height: 30px !important;
}
#onisWrapper .navbar {
  z-index: auto !important;
}
#onisWrapper .navbar .btn,
#onisWrapper .navbar .btn-group {
  margin-top: 0 !important;
}
#onisWrapper .nav > li > a {
  padding: 5px 10px !important;
}
#onisWrapper .nav-tabs {
  padding-top: 10px !important;
  padding-left: 10px !important;
}
#onisWrapper .nav-tabs > li {
  margin-bottom: -1px !important;
}
#onisWrapper .tab-content {
  padding: 10px !important;
  overflow: visible !important;
}
#onisWrapper .input-group-btn > .btn + .btn {
  margin-left: -1px !important;
}
#onisWrapper .input-group-btn,
#onisWrapper .input-group .form-control,
#onisWrapper .input-group-sm .form-control {
  /*display: inline-block !important;*/
}
#onisWrapper .commentsBox .form-group {
  margin-bottom: 0 !important;
}
#onisWrapper .form-horizontal .form-group {
  margin: 0 0 15px 0 !important;
}
#onisWrapper .input-group-addon {
  /*display: inline !important;*/
  padding: 8px 6px 8px 12px !important;
}
#onisWrapper .input-group > select + select {
  margin-left: -1px !important;
}
#onisWrapper .input-group-sm > .input-group-addon {
  font-size: 11px !important;
  padding: 7px 11px !important;
}
#onisWrapper .input-group .form-control.filter_search {
  width: 150px;
}
#onisWrapper .input-group .form-control.sort {
  width: 100px;
}
#onisWrapper .input-group .form-control.limit {
  width: 75px;
}
#onisWrapper .btn-group > span {
  float: left;
  margin-right: 5px;
}
#onisWrapper select {
  height: 34px !important;
}
#onisWrapper .input-group-sm > select {
  height: 30px !important;
}
#onisWrapper input[type="file"] {
  border: none !important;
}
#onisWrapper .btn .caret {
  margin: 0 0 0 5px !important;
}
#onisWrapper .panel-heading {
  padding: 10px 5px 10px 15px !important;
  color: #666666;
  text-shadow: 0 1px 0 #ffffff;
  font-size: 13px;
  font-weight: bold;
}
#onisWrapper .panel-heading a {
  color: #333333;
}
#onisWrapper .panel-body,
#onisWrapper .panel-footer,
#onisWrapper .list-group-item {
  padding: 5px !important;
}
#onisWrapper .panel-footer {
  min-height: 33px;
}
#onisWrapper .panel-footer .btn-group + .btn {
  margin-left: 5px !important;
}
#onisWrapper .list-group-item {
  margin-bottom: -1px !important;
}
#onisWrapper .list-group-item img {
  margin-right: 5px !important;
}
#onisWrapper .list-group-item:last-child {
  margin-bottom: 0 !important;
}
#onisWrapper label {
  text-transform: none !important;
}
#onisWrapper .panel ul.list-group {
  margin-left: 0 !important;
}
#onisWrapper .imageActions {
  width: 100%;
  position: absolute;
  bottom: 35px;
  padding: 0 20px 0 10px;
}
#onisWrapper .dropdown-lg {
  width: 400px;
  padding: 15px !important;
}
#onisWrapper .dropdown-sm {
  width: 300px;
  padding: 10px !important;
}
#onisWrapper .dropdown-xs {
  width: 200px;
  padding: 5px !important;
}
#onisWrapper .progress {
  /*margin-bottom: 0 !important;*/
}
#onisWrapper .onisRow [class*="col-lg-"] {
  padding-right: 0 !important;
}
#onisWrapper .onisRow [class*="col-lg-"]:first-child {
  padding-left: 0 !important;
}
#onisWrapper .onisRow .col-lg-12:nth-child(1n+1) {
  padding-left: 0 !important;
}
@media (max-width: 767px) {
  #onisWrapper .onisRow [class*="col-xs"] {
    padding-left: 0 !important;
  }
  #onisWrapper .onisRow [class*="col-"] {
    margin-bottom: 15px !important;
  }
  #onisWrapper .list-group {
    margin-bottom: 0 !important;
  }
  #onisWrapper .list-group .list-group-item {
    border-radius: 0 !important;
  }
  #onisWrapper .list-group .dropdown .caret {
    float: right !important;
  }
}

#onisWrapper .table.table-borderless,
#onisWrapper .table-borderless tr,
#onisWrapper .table-borderless th,
#onisWrapper .table-borderless td {
  border: none !important;
}
#onisWrapper .img-container {
  margin: 0 5px 5px 0;
}
#onisWrapper blockquote {
  margin: 0 !important;
}
/** label **/
#onisWrapper .label {
  display: inline-block !important;
  padding: 6px 12px !important;
  margin-bottom: 0 !important;
  font-size: 14px !important;
  font-weight: normal !important;
  line-height: 1.428571429 !important;
  text-align: center !important;
  vertical-align: middle !important;
  border: 1px solid transparent !important;
  border-radius: 4px !important;
  white-space: nowrap !important;
}
#onisWrapper .label-lg {
  padding: 10px 16px !important;
  font-size: 18px !important;
  line-height: 1.33 !important;
  border-radius: 6px !important;
}
#onisWrapper .label-sm,
#onisWrapper .label-xs {
  padding: 5px 10px !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
  border-radius: 3px !important;
}
#onisWrapper .label-xs {
  padding: 1px 5px !important;
}
#onisWrapper .panel-heading .label {
  margin-top: -4px !important;
}
/** no radius **/
#onisWrapper .no-radius {
  border-radius: 0 !important;
}
#onisWrapper .no-top-radius {
  border-top-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
}
#onisWrapper .no-right-radius {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
#onisWrapper .no-bottom-radius {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
#onisWrapper .no-left-radius {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
#onisWrapper #defaultAvatar img {
  width: 150px;
}
/** comment **/
#onisWrapper .media > .pull-left {
  margin-right: 0 !important;
}
#onisWrapper .media-list {
  border-top: 1px solid #DDDDDD;
  padding: 5px !important;
}
#onisWrapper .media,
#onisWrapper .media-body {
  overflow: visible !important;
}
#onisWrapper .media-avatar {
  padding-right: 5px !important;
}
#onisWrapper .media-name {
  font-weight: bold;
  display: inline-block;
}
#onisWrapper .media-footer {
  display: block;
  margin-top: 5px;
  color: #999;
}
#onisWrapper .media-date {
  display: inline-block;
  margin: 5px 0 5px 5px;
  color: #999;
  font-size: 10px;
  line-height: 12px;
}
#onisWrapper .commentsBox {
  background-color:#FFFFFF;
  width:auto;
  font-size: 12px;
  line-height: 14px;
}
#onisWrapper [class^="replyPanel"] {
  padding-top: 5px; 
  overflow: hidden;
  display:none;
}
#onisWrapper .addCommentBox {
  background:#FFFFFF;
  padding: 0 5px;
}
#onisWrapper .commentButtons {
  padding-bottom: 5px;
}
#onisWrapper textarea.commentTextarea,
#onisWrapper textarea.replyTextarea {
  background:#FFFFFF;
  height: 40px;
  padding: 5px;
  overflow: hidden;
  margin: 5px 0;
  width: 100%;
}
#onisWrapper textarea.replyTextarea {
  margin: 0 0 5px 0;
}
#onisWrapper .allComments {
  /*max-height: 380px;
  overflow: auto;*/
}
#onisWrapper #commentCharactersCount,
#onisWrapper #replyCharactersCount {
  float: right; 
  margin: 5px 0 0 0;
  color: #cccccc;
  font-weight: bold;
}
#onisWrapper .replyCount,
#onisWrapper #commentCount {
  display: inline;
}
/** tooltip **/
#onisWrapper .tooltip-inner {
  min-width: 100px !important;
  width: auto !important;
  max-width: 3000px !important;
}
#onisWrapper div.tooltip {
  background: none !important;
  border: none !important;
}
/** modal **/
#onisModalWrapper {

}
.onisModal {
  display: none;
  margin-left: auto;
  margin-right: auto;
  width: auto;
  min-width: 200px;
  z-index: 1050;
}
#onisWrapper .onisModal-content {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: none;
}
.onisModal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  min-height: 16.428571429px;
  color: #333333;
  background-color: #f5f5f5;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.onisModal-title {
  margin: 0 !important;
  line-height: 1.428571429;
}
.onisModal-body {
  position: relative;
  overflow-y: auto;
  max-height: 400px;
}
.onisModal-body .control-group,
.onisModal-body .input-group,
.onisModal-body .list-group,
.onisModal-body .form-group,
.onisModal-body .onisRow {
  padding: 10px !important;
  margin-bottom: 0 !important;
}
.onisModal-body .alert {
  margin-bottom: 10px !important;
}
.onisModal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.onisModal-footer:before,
.onisModal-footer:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.onisModal-footer:after {
  clear: both;
}
.onisModal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.onisModal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.onisModal-footer .btn-block + .btn-block {
  margin-left: 0;
}
@media screen and (min-width: 768px) {
  .onisModal {
    left: 50%;
    right: auto;
    max-width: 700px;
  }
}
/** sticky **/
#onisWrapper .queue {
  position:fixed;
  background:#fff;
  box-shadow:0 0 5px #bbb;
  z-index: 9999;
}
#onisWrapper .sticky-note {
  padding-right:20px
}
#onisWrapper .sticky {
  font-size:12px;
  display:none;
  padding:10px;
  position:relative;
}
#onisWrapper .ptr,
#onisWrapper .pbr {
  right:0;
  width:200px;
}
#onisWrapper .ptl,
#onisWrapper .pbl {
  left:0;
  width:200px;
}
#onisWrapper .ptc,
#onisWrapper .pbc {
  left:50%;
  width:940px;
  margin-left:-470px
}
#onisWrapper .ptr,
#onisWrapper .ptc,
#onisWrapper .ptl {
  top:0;
}
#onisWrapper .pbr,
#onisWrapper .pbl,
#onisWrapper .pbc {
  bottom:0;
}
#onisWrapper .sticky.danger,
#onisWrapper .sticky.danger:hover,
#onisWrapper .sticky.error,
#onisWrapper .sticky.error:hover,
#onisWrapper .sticky.success,
#onisWrapper .sticky.success:hover,
#onisWrapper .sticky.info,
#onisWrapper .sticky.info:hover {
  color:#ffffff
}
#onisWrapper .sticky.danger,
#onisWrapper .sticky.error {
  background:#c43c35
}
#onisWrapper .sticky.success {
  background:#57a957
}
#onisWrapper .sticky.info {
  background:#339bb9
}
#onisWrapper .sticky .close {
  cursor:pointer;
  font-size:14px;
  line-height:14px;
  color:#FFFFFF !important;
}
#onisWrapper .alert {
  text-shadow: none !important;
}
#onisWrapper .alert .close {
  top: -10px !important;
  right: -10px !important;
}
/** alert **/
#onisWrapper .alert strong {
  /*font-size: 21px;*/
}
/** button **/
#onisWrapper .btn {
  font-weight: normal !important;
  text-transform: none !important;
  text-shadow: none !important;
  background-image: none !important;
}
/** custom colors ** black white blue green yellow orange red **/
/******* black *******/
#onisWrapper .btn-black {
  color: #ffffff !important;
  background-color: #000000 !important;
  border-color: #292728 !important;
}
#onisWrapper .btn-black:hover,
#onisWrapper .btn-black:focus,
#onisWrapper .btn-black:active,
#onisWrapper .btn-black.active,
#onisWrapper .open .dropdown-toggle.btn-black {
  color: #ffffff !important;
  background-color: #41463f !important;
  border-color: #0f0f0f !important;
}
#onisWrapper .btn-black:active,
#onisWrapper .btn-black.active,
#onisWrapper .open .dropdown-toggle.btn-black {
  background-image: none !important;
}
#onisWrapper .btn-black.disabled,
#onisWrapper .btn-black[disabled],
#onisWrapper fieldset[disabled] .btn-black,
#onisWrapper .btn-black.disabled:hover,
#onisWrapper .btn-black[disabled]:hover,
#onisWrapper fieldset[disabled] .btn-black:hover,
#onisWrapper .btn-black.disabled:focus,
#onisWrapper .btn-black[disabled]:focus,
#onisWrapper fieldset[disabled] .btn-black:focus,
#onisWrapper .btn-black.disabled:active,
#onisWrapper .btn-black[disabled]:active,
#onisWrapper fieldset[disabled] .btn-black:active,
#onisWrapper .btn-black.disabled.active,
#onisWrapper .btn-black[disabled].active,
#onisWrapper fieldset[disabled] .btn-black.active {
  background-color: #000000 !important;
  border-color: #292728 !important;
}
#onisWrapper .label-black,
#onisWrapper .badge-black {
  background-color: #000000 !important;
}
#onisWrapper .alert-black {
  background-color: #000000;
  border-color: #292728 !important;
  color: #ffffff;
}
#onisWrapper .alert-black hr {
  border-top-color: #ffffff;
}
#onisWrapper .alert-black .alert-link {
  color: #ffffff;
}
/******* white *******/
#onisWrapper .btn-white {
  color: #333333 !important;
  background-color: #ffffff !important;
  border-color: #cccccc !important;
}
#onisWrapper .btn-white:hover,
#onisWrapper .btn-white:focus,
#onisWrapper .btn-white:active,
#onisWrapper .btn-white.active,
#onisWrapper .open .dropdown-toggle.btn-white {
  color: #333333 !important;
  background-color: #ebebeb !important;
  border-color: #adadad !important;
}
#onisWrapper .btn-white:active,
#onisWrapper .btn-white.active,
#onisWrapper .open .dropdown-toggle.btn-white {
  background-image: none !important;
}
#onisWrapper .btn-white.disabled,
#onisWrapper .btn-white[disabled],
#onisWrapper fieldset[disabled] .btn-white,
#onisWrapper .btn-white.disabled:hover,
#onisWrapper .btn-white[disabled]:hover,
#onisWrapper fieldset[disabled] .btn-white:hover,
#onisWrapper .btn-white.disabled:focus,
#onisWrapper .btn-white[disabled]:focus,
#onisWrapper fieldset[disabled] .btn-white:focus,
#onisWrapper .btn-white.disabled:active,
#onisWrapper .btn-white[disabled]:active,
#onisWrapper fieldset[disabled] .btn-white:active,
#onisWrapper .btn-white.disabled.active,
#onisWrapper .btn-white[disabled].active,
#onisWrapper fieldset[disabled] .btn-white.active {
  background-color: #ffffff !important;
  border-color: #cccccc !important;
}
#onisWrapper .label-white,
#onisWrapper .badge-white {
  color: #333333 !important;
  background-color: #ffffff !important;
  border: 1px solid #cccccc !important;
}
#onisWrapper .alert-white {
  background-color: #ffffff;
  border-color: #333333 !important;
  color: #333333;
}
#onisWrapper .alert-white hr {
  border-top-color: #333333;
}
#onisWrapper .alert-white .alert-link {
  color: #333333;
}
/******* blue *******/
#onisWrapper .btn-blue {
  color: #ffffff !important;
  background-color: #428bca !important;
  border-color: #357ebd !important;
}
#onisWrapper .btn-blue:hover,
#onisWrapper .btn-blue:focus,
#onisWrapper .btn-blue:active,
#onisWrapper .btn-blue.active,
#onisWrapper .open .dropdown-toggle.btn-blue {
  color: #ffffff !important;
  background-color: #3276b1 !important;
  border-color: #285e8e !important;
}
#onisWrapper .btn-blue:active,
#onisWrapper .btn-blue.active,
#onisWrapper .open .dropdown-toggle.btn-blue {
  background-image: none !important;
}
#onisWrapper .btn-blue.disabled,
#onisWrapper .btn-blue[disabled],
#onisWrapper fieldset[disabled] .btn-blue,
#onisWrapper .btn-blue.disabled:hover,
#onisWrapper .btn-blue[disabled]:hover,
#onisWrapper fieldset[disabled] .btn-blue:hover,
#onisWrapper .btn-blue.disabled:focus,
#onisWrapper .btn-blue[disabled]:focus,
#onisWrapper fieldset[disabled] .btn-blue:focus,
#onisWrapper .btn-blue.disabled:active,
#onisWrapper .btn-blue[disabled]:active,
#onisWrapper fieldset[disabled] .btn-blue:active,
#onisWrapper .btn-blue.disabled.active,
#onisWrapper .btn-blue[disabled].active,
#onisWrapper fieldset[disabled] .btn-blue.active {
  background-color: #428bca !important;
  border-color: #357ebd !important;
}
#onisWrapper .label-blue,
#onisWrapper .badge-blue {
  background-color: #428bca !important;
}
#onisWrapper .alert-blue {
  background-color: #84b4dc;
  border-color: #2b6698 !important;
  color: #2b6698;
}
#onisWrapper .alert-blue hr {
  border-top-color: #2d76b3;
}
#onisWrapper .alert-blue .alert-link {
  color: #2d76b3;
}
/******* orange *******/
#onisWrapper .btn-orange {
  color: #ffffff !important;
  background-color: #f0ad4e !important;
  border-color: #eea236 !important;
}
#onisWrapper .btn-orange:hover,
#onisWrapper .btn-orange:focus,
#onisWrapper .btn-orange:active,
#onisWrapper .btn-orange.active,
#onisWrapper .open .dropdown-toggle.btn-orange {
  color: #ffffff !important;
  background-color: #ed9c28 !important;
  border-color: #d58512 !important;
}
#onisWrapper .btn-orange:active,
#onisWrapper .btn-orange.active,
#onisWrapper .open .dropdown-toggle.btn-orange {
  background-image: none !important;
}
#onisWrapper .btn-orange.disabled,
#onisWrapper .btn-orange[disabled],
#onisWrapper fieldset[disabled] .btn-orange,
#onisWrapper .btn-orange.disabled:hover,
#onisWrapper .btn-orange[disabled]:hover,
#onisWrapper fieldset[disabled] .btn-orange:hover,
#onisWrapper .btn-orange.disabled:focus,
#onisWrapper .btn-orange[disabled]:focus,
#onisWrapper fieldset[disabled] .btn-orange:focus,
#onisWrapper .btn-orange.disabled:active,
#onisWrapper .btn-orange[disabled]:active,
#onisWrapper fieldset[disabled] .btn-orange:active,
#onisWrapper .btn-orange.disabled.active,
#onisWrapper .btn-orange[disabled].active,
#onisWrapper fieldset[disabled] .btn-orange.active {
  background-color: #f0ad4e !important;
  border-color: #eea236 !important;
}
#onisWrapper .label-orange,
#onisWrapper .badge-orange {
  background-color: #f0ad4e !important;
}
#onisWrapper .alert-orange {
  background-color: #f5ca8c;
  border-color: #ae6d0f !important;
  color: #ae6d0f;
}
#onisWrapper .alert-orange hr {
  border-top-color: #c68220;
}
#onisWrapper .alert-orange .alert-link {
  color: #c68220;
}
/******* red *******/
#onisWrapper .btn-red {
  color: #ffffff !important;
  background-color: #d9534f !important;
  border-color: #d43f3a !important;
}
#onisWrapper .btn-red:hover,
#onisWrapper .btn-red:focus,
#onisWrapper .btn-red:active,
#onisWrapper .btn-red.active,
#onisWrapper .open .dropdown-toggle.btn-red {
  color: #ffffff !important;
  background-color: #d2322d !important;
  border-color: #ac2925 !important;
}
#onisWrapper .btn-red:active,
#onisWrapper .btn-red.active,
#onisWrapper .open .dropdown-toggle.btn-red {
  background-image: none !important;
}
#onisWrapper .btn-red.disabled,
#onisWrapper .btn-red[disabled],
#onisWrapper fieldset[disabled] .btn-red,
#onisWrapper .btn-red.disabled:hover,
#onisWrapper .btn-red[disabled]:hover,
#onisWrapper fieldset[disabled] .btn-red:hover,
#onisWrapper .btn-red.disabled:focus,
#onisWrapper .btn-red[disabled]:focus,
#onisWrapper fieldset[disabled] .btn-red:focus,
#onisWrapper .btn-red.disabled:active,
#onisWrapper .btn-red[disabled]:active,
#onisWrapper fieldset[disabled] .btn-red:active,
#onisWrapper .btn-red.disabled.active,
#onisWrapper .btn-red[disabled].active,
#onisWrapper fieldset[disabled] .btn-red.active {
  background-color: #d9534f !important;
  border-color: #d43f3a !important;
}
#onisWrapper .label-red,
#onisWrapper .badge-red {
  background-color: #d9534f !important;
}
#onisWrapper .alert-red {
  background-color: #e68f8d;
  border-color: #c02d2a !important;
  color: #c02d2a;
}
#onisWrapper .alert-red hr {
  border-top-color: #b94a48;
}
#onisWrapper .alert-red .alert-link {
  color: #b94a48;
}
/******* green *******/
#onisWrapper .btn-green {
  color: #ffffff !important;
  background-color: #5cb85c !important;
  border-color: #4cae4c !important;
}
#onisWrapper .btn-green:hover,
#onisWrapper .btn-green:focus,
#onisWrapper .btn-green:active,
#onisWrapper .btn-green.active,
#onisWrapper .open .dropdown-toggle.btn-green {
  color: #ffffff !important;
  background-color: #47a447 !important;
  border-color: #398439 !important;
}
#onisWrapper .btn-green:active,
#onisWrapper .btn-green.active,
#onisWrapper .open .dropdown-toggle.btn-green {
  background-image: none !important;
}
#onisWrapper .btn-green.disabled,
#onisWrapper .btn-green[disabled],
#onisWrapper fieldset[disabled] .btn-green,
#onisWrapper .btn-green.disabled:hover,
#onisWrapper .btn-green[disabled]:hover,
#onisWrapper fieldset[disabled] .btn-green:hover,
#onisWrapper .btn-green.disabled:focus,
#onisWrapper .btn-green[disabled]:focus,
#onisWrapper fieldset[disabled] .btn-green:focus,
#onisWrapper .btn-green.disabled:active,
#onisWrapper .btn-green[disabled]:active,
#onisWrapper fieldset[disabled] .btn-green:active,
#onisWrapper .btn-green.disabled.active,
#onisWrapper .btn-green[disabled].active,
#onisWrapper fieldset[disabled] .btn-green.active {
  background-color: #5cb85c !important;
  border-color: #4cae4c !important;
}
#onisWrapper .label-green,
#onisWrapper .badge-green {
  background-color: #5cb85c !important;
}
#onisWrapper .alert-green {
  background-color: #95d195;
  border-color: #3d8c3d !important;
  color: #3d8c3d;
}
#onisWrapper .alert-green hr {
  border-top-color: #58882d;
}
#onisWrapper .alert-green .alert-link {
  color: #58882d;
}
/******* yellow *******/
#onisWrapper .btn-yellow {
  color: #333333 !important;
  background-color: #fefe21 !important;
  border-color: #d5d539 !important;
}
#onisWrapper .btn-yellow:hover,
#onisWrapper .btn-yellow:focus,
#onisWrapper .btn-yellow:active,
#onisWrapper .btn-yellow.active,
#onisWrapper .open .dropdown-toggle.btn-yellow {
  color: #333333 !important;
  background-color: #fafa30 !important;
  border-color: #e5e543 !important;
}
#onisWrapper .btn-yellow:active,
#onisWrapper .btn-yellow.active,
#onisWrapper .open .dropdown-toggle.btn-yellow {
  background-image: none !important;
}
#onisWrapper .btn-yellow.disabled,
#onisWrapper .btn-yellow[disabled],
#onisWrapper fieldset[disabled] .btn-yellow,
#onisWrapper .btn-yellow.disabled:hover,
#onisWrapper .btn-yellow[disabled]:hover,
#onisWrapper fieldset[disabled] .btn-yellow:hover,
#onisWrapper .btn-yellow.disabled:focus,
#onisWrapper .btn-yellow[disabled]:focus,
#onisWrapper fieldset[disabled] .btn-yellow:focus,
#onisWrapper .btn-yellow.disabled:active,
#onisWrapper .btn-yellow[disabled]:active,
#onisWrapper fieldset[disabled] .btn-yellow:active,
#onisWrapper .btn-yellow.disabled.active,
#onisWrapper .btn-yellow[disabled].active,
#onisWrapper fieldset[disabled] .btn-yellow.active {
  background-color: #e1e11d !important;
  border-color: #abab2a !important;
}
#onisWrapper .label-yellow,
#onisWrapper .badge-yellow {
  color: #333333 !important;
  background-color: #e1e11d !important;
}
#onisWrapper .alert-yellow {
  background-color: #ebeb6c;
  border-color: #a4a416 !important;
  color: #a4a416;
}
#onisWrapper .alert-yellow hr {
  border-top-color: #9c9c38;
}
#onisWrapper .alert-yellow .alert-link {
  color: #9c9c38;
}

/* caret */
#onisWrapper .btn-white .caret,
#onisWrapper .btn-yellow .caret {
  border-top-color: #333333;
}
#onisWrapper .btn-blue .caret,
#onisWrapper .btn-green .caret,
#onisWrapper .btn-orange .caret,
#onisWrapper .btn-red .caret,
#onisWrapper .btn-black .caret {
  border-top-color: #ffffff;
}
/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.onisajaxload {
  display: none;
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #FFFFFF url('../images/loading128.gif') 50% 50% no-repeat !important;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.onisloading {
  overflow: hidden;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.onisloading .onisajaxload {
  display: block;
}

/* login form */
#onisWrapper .onisModal-body .userdata .control-group,
#onisWrapper .onisModal-body .userdata .control-group .input-group {
  padding: 0 0 5px 0 !important;
}
#onisWrapper .radio input[type="radio"],
#onisWrapper .radio-inline input[type="radio"],
#onisWrapper .checkbox input[type="checkbox"],
#onisWrapper .checkbox-inline input[type="checkbox"] {
  margin-left: 0 !important;
}