/* Grid container */
/*turquoise*/
/* Custom colors for components */
a.btn {
  text-decoration: none !important; }

.clear_all, .grid_container .grid_view .grid_row header:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

/* Custom UI*/
.custom-checkbox label {
  background: url(../images/checkbox.gif) no-repeat; }

.custom-radio label {
  background: url(../images/radiobutton.gif) no-repeat; }

.custom-checkbox,
.custom-radio {
  position: relative;
  margin-top: -4px;
  margin-bottom: 1px;
  width: 80%;
  display: inline-block;
  vertical-align: top; }
  .custom-checkbox input,
  .custom-radio input {
    position: absolute;
    right: 2px;
    top: 6px;
    margin: 0;
    z-index: 0; }
    .custom-checkbox input.style-check,
    .custom-radio input.style-check {
      display: none; }
  .custom-checkbox label,
  .custom-radio label {
    display: inline-block;
    position: relative;
    z-index: 1;
    padding-right: 1em;
    line-height: 1.4;
    padding: 3px 0 1px 30px;
    margin: 0 0 10px;
    cursor: pointer;
    background-position: -10px -14px;
    word-break: break-all; }
    .custom-checkbox label.hover,
    .custom-radio label.hover {
      background-position: -10px -114px; }
    .custom-checkbox label.checkedFocus,
    .custom-radio label.checkedFocus {
      background-position: -10px -314px; }
    .custom-checkbox label.checked,
    .custom-radio label.checked {
      background-position: -10px -214px; }
    .custom-checkbox label.focus,
    .custom-radio label.focus {
      outline: 1px dotted #ccc; }
    .custom-checkbox label.loading:after,
    .custom-radio label.loading:after {
      content: url(../images/preloader-small.gif);
      margin-left: 6px;
      margin-top: 3px;
      position: absolute; }
  .custom-checkbox:hover,
  .custom-radio:hover {
    background-color: #fff; }
  .custom-checkbox aside,
  .custom-radio aside {
    font-size: 11px;
    margin-left: 30px;
    color: #333;
    margin-top: -8px; }

.btn-default {
  background-color: #fff;
  border-color: #ccc;
  color: #333; }
  .btn-default:hover, .btn-default:focus {
    color: #333;
    background-color: #ebebeb;
    border-color: #adadad; }

.bs-sortable .bs-sortable-item {
  cursor: move; }

.grid_container {
  font-size: 16px;
  /* Single grid */ }
  .grid_container .btn-theme .caret {
    border-bottom-color: #fff;
    border-top-color: #fff; }
  .grid_container ul {
    padding: 0; }
  .grid_container .grid_toolbar {
    position: relative;
    min-height: 15px; }
    .grid_container .grid_toolbar .grid_toolbar_header {
      background: #293A8F;
      color: #fff;
      min-height: 40px;
      border: none;
      margin-bottom: 0; }
      .grid_container .grid_toolbar .grid_toolbar_header .navbar-toggle {
        background: #585858; }
        .grid_container .grid_toolbar .grid_toolbar_header .navbar-toggle .icon-bar {
          background: #fff; }
        .grid_container .grid_toolbar .grid_toolbar_header .navbar-toggle:hover {
          background: #dadada; }
      .grid_container .grid_toolbar .grid_toolbar_header .navbar-form {
        margin-right: 0;
        margin-left: 0; }
      .grid_container .grid_toolbar .grid_toolbar_header .grid_toolbar_controls {
        line-height: normal;
        float: right; }
        .grid_container .grid_toolbar .grid_toolbar_header .grid_toolbar_controls a,
        .grid_container .grid_toolbar .grid_toolbar_header .grid_toolbar_controls .btn-group a {
          border: none;
          color: #fff;
          text-transform: capitalize; }
          .grid_container .grid_toolbar .grid_toolbar_header .grid_toolbar_controls a:focus,
          .grid_container .grid_toolbar .grid_toolbar_header .grid_toolbar_controls .btn-group a:focus {
            background: #293A8F; }
          .grid_container .grid_toolbar .grid_toolbar_header .grid_toolbar_controls a:hover,
          .grid_container .grid_toolbar .grid_toolbar_header .grid_toolbar_controls .btn-group a:hover {
            background: #3e9b96; }
          .grid_container .grid_toolbar .grid_toolbar_header .grid_toolbar_controls a.selected,
          .grid_container .grid_toolbar .grid_toolbar_header .grid_toolbar_controls .btn-group a.selected {
            background: #293A8F; }
        .grid_container .grid_toolbar .grid_toolbar_header .grid_toolbar_controls .open a {
          background: #3e9b96; }
          .grid_container .grid_toolbar .grid_toolbar_header .grid_toolbar_controls .open a:hover, .grid_container .grid_toolbar .grid_toolbar_header .grid_toolbar_controls .open a:focus {
            background: #293A8F; }
          .grid_container .grid_toolbar .grid_toolbar_header .grid_toolbar_controls .open a.selected {
            background: #293A8F; }
        .grid_container .grid_toolbar .grid_toolbar_header .grid_toolbar_controls .form-control {
          border: none;
          -webkit-box-shadow: none;
          box-shadow: none; }
        .grid_container .grid_toolbar .grid_toolbar_header .grid_toolbar_controls .form-group {
          position: relative; }
        .grid_container .grid_toolbar .grid_toolbar_header .grid_toolbar_controls .glyphicon.bs-remove {
          position: absolute;
          right: 0;
          top: 0;
          height: 34px;
          font-size: 14px;
          cursor: pointer;
          color: #ccc;
          padding: 10px; }
        .grid_container .grid_toolbar .grid_toolbar_header .grid_toolbar_controls .caret {
          margin-left: 10px; }
        .grid_container .grid_toolbar .grid_toolbar_header .grid_toolbar_controls .dropdown-menu {
          background: #3e9b96;
          border: none; }
          .grid_container .grid_toolbar .grid_toolbar_header .grid_toolbar_controls .dropdown-menu a {
            color: #fff;
            padding-top: 10px;
            padding-bottom: 10px; }
          .grid_container .grid_toolbar .grid_toolbar_header .grid_toolbar_controls .dropdown-menu .glyphicon {
            font-size: 12px; }
        .grid_container .grid_toolbar .grid_toolbar_header .grid_toolbar_controls .popover {
          color: #333; }
        .grid_container .grid_toolbar .grid_toolbar_header .grid_toolbar_controls .glyphicon {
          font-size: 14px;
          top: 2px; }
      .grid_container .grid_toolbar .grid_toolbar_header:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden; }
    .grid_container .grid_toolbar .grid_toolbar_form {
      background: #f6f6f6;
      padding: 15px;
      color: #333;
      position: relative; }
      .grid_container .grid_toolbar .grid_toolbar_form h3 {
        font-size: 17px;
        padding: 9px 0;
        margin: 0 15px 8px;
        border-bottom: 1px solid #E0E0E0; }
        .grid_container .grid_toolbar .grid_toolbar_form h3 .glyphicon {
          font-size: 13px; }
      .grid_container .grid_toolbar .grid_toolbar_form .grid_toolbar_submit {
        padding: 5px 15px 0; }
        .grid_container .grid_toolbar .grid_toolbar_form .grid_toolbar_submit a {
          text-decoration: underline;
          color: #333;
          margin-left: 5px; }
  .grid_container .grid_view h2 {
    font-size: 17px;
    padding: 10px 0;
    border-bottom: 1px solid #eee; }
    .grid_container .grid_view h2 .badge {
      margin-right: 5px;
      background: #293A8F;
      float: left;
      margin-top: -1px; }
    .grid_container .grid_view h2 .icon_filter {
      display: none; }
    .grid_container .grid_view h2 .grid_bulk_controls {
      float: right;
      margin-top: -10px; }
    .grid_container .grid_view h2 .btn .glyphicon {
      top: 2px; }
    .grid_container .grid_view h2:after {
      content: "";
      display: block;
      clear: both; }
  .grid_container .grid_view .reset-grid {
    margin: -10px 5px 0 0;
    float: right; }
  .grid_container .grid_view .grid_rows {
    position: relative; }
    .grid_container .grid_view .grid_rows .expand {
      position: absolute;
      left: 10px;
      top: 12px;
      background: url(../images/icn-down_arrow-small.png) center center no-repeat;
      width: 17px;
      height: 17px;
      text-indent: -999em;
      text-decoration: none;
      background-color: #E6E6E6;
      vertical-align: text-bottom;
      outline: none !important; }
      .grid_container .grid_view .grid_rows .expand.open {
        background: url(../images/icn-right_arrow-small.png) center center no-repeat; }
      .grid_container .grid_view .grid_rows .expand:hover {
        background-color: #e0e0e0; }
      .grid_container .grid_view .grid_rows .expand + span {
        cursor: pointer; }
    .grid_container .grid_view .grid_rows title.open .expand {
      background: url(../images/icn-right_arrow-small.png) center center no-repeat; }
    .grid_container .grid_view .grid_rows .sort {
      position: absolute;
      left: 12px;
      top: 15px;
      text-decoration: none;
      cursor: move; }
  .grid_container .grid_view .grid_row {
    /* bootstrap override */
    margin: 0;
    padding: 10px 0 0;
    position: relative; }
    .grid_container .grid_view .grid_row a {
      text-decoration: underline; }
      .grid_container .grid_view .grid_row a.sort_asc {
        background: url(../images/icn-order_up.png) 100% 50% no-repeat;
        padding-right: 15px; }
      .grid_container .grid_view .grid_row a.sort_desc {
        background: url(../images/icn-order_down.png) 100% 50% no-repeat;
        padding-right: 15px; }
    .grid_container .grid_view .grid_row.title {
      padding-bottom: 10px; }
    .grid_container .grid_view .grid_row .edit_col:hover {
      cursor: pointer;
      border-bottom: 1px dashed #293A8F;
      background: url(../images/pencil-small.png) right 50% no-repeat;
      padding-right: 20px; }
    .grid_container .grid_view .grid_row header > div {
      word-break: break-word; }
    .grid_container .grid_view .grid_row .row_check {
      position: absolute;
      right: 10px;
      top: 12px; }
    .grid_container .grid_view .grid_row .alert {
      margin: 10px 0 0; }
    .grid_container .grid_view .grid_row.selected header {
      color: #293A8F; }
  .grid_container .grid_view .grid_rows_wrapper {
    border: 1px solid #e8e8e8;
    position: relative; }
    .grid_container .grid_view .grid_rows_wrapper.no_results {
      border: none; }
      .grid_container .grid_view .grid_rows_wrapper.no_results .grid_row {
        background: transparent;
        min-height: 10px;
        padding: 0; }
        .grid_container .grid_view .grid_rows_wrapper.no_results .grid_row .alert {
          margin: 10px -15px 0; }
    .grid_container .grid_view .grid_rows_wrapper .grid_row {
      background: #f6f6f6;
      min-height: 44px; }
      .grid_container .grid_view .grid_rows_wrapper .grid_row:nth-child(even) {
        background: #EEE; }
      .grid_container .grid_view .grid_rows_wrapper .grid_row.open {
        background: #fff;
        border-bottom: 1px solid #e8e8e8; }
        .grid_container .grid_view .grid_rows_wrapper .grid_row.open .expand {
          background: url(../images/icn-right_arrow-small.png) center center no-repeat; }
      .grid_container .grid_view .grid_rows_wrapper .grid_row .grid_row_color {
        width: 4px;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0; }
      .grid_container .grid_view .grid_rows_wrapper .grid_row .btn-group {
        vertical-align: top; }
      .grid_container .grid_view .grid_rows_wrapper .grid_row .dropdown-toggle {
        text-decoration: none;
        cursor: pointer; }
      .grid_container .grid_view .grid_rows_wrapper .grid_row .dropdown-menu a {
        text-decoration: none; }
        .grid_container .grid_view .grid_rows_wrapper .grid_row .dropdown-menu a:hover {
          background: #e8e8e8; }
      .grid_container .grid_view .grid_rows_wrapper .grid_row .form-inline {
        margin: 0; }
        .grid_container .grid_view .grid_rows_wrapper .grid_row .form-inline .form-control {
          padding: 2px 4px;
          height: 24px; }
    .grid_container .grid_view .grid_rows_wrapper .grid_row_details {
      margin: 0;
      padding: 10px 0;
      clear: both;
      background: #fff; }
      .grid_container .grid_view .grid_rows_wrapper .grid_row_details ul {
        list-style: none; }
      .grid_container .grid_view .grid_rows_wrapper .grid_row_details .col-lg-12, .grid_container .grid_view .grid_rows_wrapper .grid_row_details .col-md-12 {
        clear: both; }
      .grid_container .grid_view .grid_rows_wrapper .grid_row_details .grid_details {
        position: relative; }
        .grid_container .grid_view .grid_rows_wrapper .grid_row_details .grid_details h3 {
          margin-bottom: 10px;
          border-bottom: 1px solid #EEE;
          position: relative;
          font-weight: normal;
          font-size: 14px;
          padding: 5px 0; }
          .grid_container .grid_view .grid_rows_wrapper .grid_row_details .grid_details h3 a .glyphicon {
            position: absolute;
            bottom: 7px;
            right: 0;
            display: none; }
          .grid_container .grid_view .grid_rows_wrapper .grid_row_details .grid_details h3.editable {
            cursor: pointer; }
            .grid_container .grid_view .grid_rows_wrapper .grid_row_details .grid_details h3.editable a .glyphicon {
              display: inline-block; }
            .grid_container .grid_view .grid_rows_wrapper .grid_row_details .grid_details h3.editable:hover {
              border-color: #666; }
          .grid_container .grid_view .grid_rows_wrapper .grid_row_details .grid_details h3 .controls {
            position: absolute;
            right: 0;
            bottom: 5px;
            font-size: 12px;
            min-width: 20px; }
            .grid_container .grid_view .grid_rows_wrapper .grid_row_details .grid_details h3 .controls a {
              vertical-align: top;
              text-decoration: none;
              color: #fff;
              margin-left: 5px; }
            .grid_container .grid_view .grid_rows_wrapper .grid_row_details .grid_details h3 .controls .field-validation-error,
            .grid_container .grid_view .grid_rows_wrapper .grid_row_details .grid_details h3 .controls .field-validation-success {
              margin-right: 20px;
              margin-left: 10px; }
        .grid_container .grid_view .grid_rows_wrapper .grid_row_details .grid_details form {
          display: none; }
      .grid_container .grid_view .grid_rows_wrapper .grid_row_details .flow ul.flow_steps {
        display: block; }
        .grid_container .grid_view .grid_rows_wrapper .grid_row_details .flow ul.flow_steps span {
          color: #fff;
          background: #293A8F;
          border-radius: 30px;
          width: 21px;
          height: 20px;
          line-height: 20px;
          text-align: center;
          display: inline-block;
          margin-right: 10px;
          vertical-align: top;
          font-weight: bold;
          margin-top: -3px; }
        .grid_container .grid_view .grid_rows_wrapper .grid_row_details .flow ul.flow_steps div {
          display: inline-block;
          width: 80%; }
        .grid_container .grid_view .grid_rows_wrapper .grid_row_details .flow ul.flow_steps strong {
          display: block;
          margin-bottom: 10px; }
        .grid_container .grid_view .grid_rows_wrapper .grid_row_details .flow ul.flow_steps p {
          margin-left: 36px;
          font-weight: bold;
          font-style: italic;
          margin-top: 5px; }
          .grid_container .grid_view .grid_rows_wrapper .grid_row_details .flow ul.flow_steps p.document_done {
            color: green; }
        .grid_container .grid_view .grid_rows_wrapper .grid_row_details .flow ul.flow_steps li.done div {
          color: #999; }
        .grid_container .grid_view .grid_rows_wrapper .grid_row_details .flow ul.flow_steps li.done span {
          background: #eee;
          color: #999; }
        .grid_container .grid_view .grid_rows_wrapper .grid_row_details .flow ul.flow_steps li.done .task {
          text-decoration: line-through; }
      .grid_container .grid_view .grid_rows_wrapper .grid_row_details .flow .flow_steps-editable {
        clear: both;
        margin: 10px 0 0 0; }
        .grid_container .grid_view .grid_rows_wrapper .grid_row_details .flow .flow_steps-editable h4 {
          border-bottom: 1px solid #eee;
          margin: 7px 0;
          padding-bottom: 5px;
          color: #293A8F;
          font-size: 14px;
          font-weight: bold; }
        .grid_container .grid_view .grid_rows_wrapper .grid_row_details .flow .flow_steps-editable .btn_minus {
          margin-top: 22px; }
      .grid_container .grid_view .grid_rows_wrapper .grid_row_details .definition-table {
        display: table;
        padding-left: 10px; }
        .grid_container .grid_view .grid_rows_wrapper .grid_row_details .definition-table dl {
          display: table-row; }
          .grid_container .grid_view .grid_rows_wrapper .grid_row_details .definition-table dl dd, .grid_container .grid_view .grid_rows_wrapper .grid_row_details .definition-table dl dt {
            display: table-cell;
            width: auto;
            float: none !important;
            padding-bottom: 10px; }
          .grid_container .grid_view .grid_rows_wrapper .grid_row_details .definition-table dl dd {
            margin-left: 0; }
            .grid_container .grid_view .grid_rows_wrapper .grid_row_details .definition-table dl dd .definition-table {
              padding: 0; }
              .grid_container .grid_view .grid_rows_wrapper .grid_row_details .definition-table dl dd .definition-table dl:last-child dt, .grid_container .grid_view .grid_rows_wrapper .grid_row_details .definition-table dl dd .definition-table dl:last-child dd {
                padding-bottom: 0; }
          .grid_container .grid_view .grid_rows_wrapper .grid_row_details .definition-table dl dt {
            padding-right: 10px;
            font-weight: normal;
            color: #aaa; }
        @media (max-width: 786px) {
          .grid_container .grid_view .grid_rows_wrapper .grid_row_details .definition-table dl {
            display: block;
            margin-bottom: 10px;
            clear: left; }
            .grid_container .grid_view .grid_rows_wrapper .grid_row_details .definition-table dl dd, .grid_container .grid_view .grid_rows_wrapper .grid_row_details .definition-table dl dt {
              display: inline-block;
              padding-bottom: 3px; }
            .grid_container .grid_view .grid_rows_wrapper .grid_row_details .definition-table dl dt {
              float: left !important; } }
      .grid_container .grid_view .grid_rows_wrapper .grid_row_details .profile img {
        max-width: 64px;
        border: 1px solid #e8e8e8; }
      .grid_container .grid_view .grid_rows_wrapper .grid_row_details .profile.large {
        border: 1px solid #e8e8e8;
        padding: 5px;
        margin-bottom: 15px; }
        .grid_container .grid_view .grid_rows_wrapper .grid_row_details .profile.large .users {
          margin-bottom: 0; }
          .grid_container .grid_view .grid_rows_wrapper .grid_row_details .profile.large .users li {
            border: none;
            padding: 0; }
      .grid_container .grid_view .grid_rows_wrapper .grid_row_details .users li {
        padding: 4px 5px;
        border: 1px solid #e8e8e8;
        margin-bottom: 5px; }
        .grid_container .grid_view .grid_rows_wrapper .grid_row_details .users li .username {
          display: block;
          font-weight: bold; }
        .grid_container .grid_view .grid_rows_wrapper .grid_row_details .users li p {
          margin: 0; }
          .grid_container .grid_view .grid_rows_wrapper .grid_row_details .users li p em {
            color: #6AABDF; }
        .grid_container .grid_view .grid_rows_wrapper .grid_row_details .users li.disabled {
          opacity: 0.7;
          filter: alpha(opacity=70); }
      .grid_container .grid_view .grid_rows_wrapper .grid_row_details .check-list label span {
        font-size: 11px;
        display: block; }
  .grid_container .grid_view.is_expandable header, .grid_container .grid_view.is_sortable header {
    padding-left: 30px; }
  .grid_container .grid_view.is_checkable header {
    padding-right: 25px; }
  .grid_container .grid_view + .grid_view {
    margin-top: 20px; }

/* Action buttons component */
.grid_bulk_controls .btn {
  text-transform: none;
  margin-right: 5px; }
.grid_bulk_controls .check_all {
  position: relative; }
  .grid_bulk_controls .check_all .btn {
    padding-left: 30px !important; }
    .grid_bulk_controls .check_all .btn .caret {
      margin: -2px 0 0 2px; }
  .grid_bulk_controls .check_all input[type="checkbox"] {
    position: absolute;
    top: 6px;
    left: 10px;
    z-index: 999; }

.loading:after {
  content: "";
  display: block !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff url(../images/preloader.gif) center center no-repeat;
  z-index: 999;
  opacity: 0.9;
  filter: Alpha(opacity=90); }

/* Other color schemes */
/* BLUE*/
.grid_toolbar.blue .grid_toolbar_header {
  background: #559ed6; }
  .grid_toolbar.blue .grid_toolbar_header .grid_toolbar_controls a:focus,
  .grid_toolbar.blue .grid_toolbar_header .grid_toolbar_controls .btn-group a:focus {
    background: #559ed6; }
  .grid_toolbar.blue .grid_toolbar_header .grid_toolbar_controls a:hover,
  .grid_toolbar.blue .grid_toolbar_header .grid_toolbar_controls .btn-group a:hover {
    background: #4092d1;
    color: #fff !important; }
  .grid_toolbar.blue .grid_toolbar_header .grid_toolbar_controls a.selected,
  .grid_toolbar.blue .grid_toolbar_header .grid_toolbar_controls .btn-group a.selected {
    background: #3086c8; }
  .grid_toolbar.blue .grid_toolbar_header .grid_toolbar_controls .open a {
    background: #4092d1; }
    .grid_toolbar.blue .grid_toolbar_header .grid_toolbar_controls .open a:hover, .grid_toolbar.blue .grid_toolbar_header .grid_toolbar_controls .open a:focus {
      background: #3086c8; }
    .grid_toolbar.blue .grid_toolbar_header .grid_toolbar_controls .open a.selected {
      background: #3086c8; }
  .grid_toolbar.blue .grid_toolbar_header .grid_toolbar_controls .dropdown-menu {
    background: #4092d1; }

.grid_view.blue h2 .badge {
  background: #559ed6; }
.grid_view.blue .grid_row.selected header {
  color: #559ed6; }
.grid_view.blue .dropdown-menu a:hover, .grid_view.blue .dropdown-menu a:focus {
  background: none !important;
  color: #559ed6 !important; }
.grid_view.blue .btn-theme {
  background: #3086c8;
  border-color: #3086c8; }
  .grid_view.blue .btn-theme:hover, .grid_view.blue .btn-theme:focus {
    background: #559ed6 !important; }

/* GREEN*/
.grid_toolbar.green .grid_toolbar_header {
  background: #59B390; }
  .grid_toolbar.green .grid_toolbar_header .grid_toolbar_controls a:focus,
  .grid_toolbar.green .grid_toolbar_header .grid_toolbar_controls .btn-group a:focus {
    background: #59B390; }
  .grid_toolbar.green .grid_toolbar_header .grid_toolbar_controls a:hover,
  .grid_toolbar.green .grid_toolbar_header .grid_toolbar_controls .btn-group a:hover {
    background: #4ca683;
    color: #fff !important; }
  .grid_toolbar.green .grid_toolbar_header .grid_toolbar_controls a.selected,
  .grid_toolbar.green .grid_toolbar_header .grid_toolbar_controls .btn-group a.selected {
    background: #449575; }
  .grid_toolbar.green .grid_toolbar_header .grid_toolbar_controls .open a {
    background: #4ca683; }
    .grid_toolbar.green .grid_toolbar_header .grid_toolbar_controls .open a:hover, .grid_toolbar.green .grid_toolbar_header .grid_toolbar_controls .open a:focus {
      background: #449575; }
    .grid_toolbar.green .grid_toolbar_header .grid_toolbar_controls .open a.selected {
      background: #449575; }
  .grid_toolbar.green .grid_toolbar_header .grid_toolbar_controls .dropdown-menu {
    background: #4ca683; }

.grid_view.green h2 .badge {
  background: #59B390; }
.grid_view.green .grid_row.selected header {
  color: #59B390; }
.grid_view.green .dropdown-menu a:hover, .grid_view.green .dropdown-menu a:focus {
  background: none !important;
  color: #59B390 !important; }
.grid_view.green .btn-theme {
  background: #449575;
  border-color: #449575; }
  .grid_view.green .btn-theme:hover, .grid_view.green .btn-theme:focus {
    background: #59B390 !important; }

/* PURPLE*/
.grid_toolbar.purple .grid_toolbar_header {
  background: #703D6F; }
  .grid_toolbar.purple .grid_toolbar_header .grid_toolbar_controls a:focus,
  .grid_toolbar.purple .grid_toolbar_header .grid_toolbar_controls .btn-group a:focus {
    background: #703D6F; }
  .grid_toolbar.purple .grid_toolbar_header .grid_toolbar_controls a:hover,
  .grid_toolbar.purple .grid_toolbar_header .grid_toolbar_controls .btn-group a:hover {
    background: #5f345f;
    color: #fff !important; }
  .grid_toolbar.purple .grid_toolbar_header .grid_toolbar_controls a.selected,
  .grid_toolbar.purple .grid_toolbar_header .grid_toolbar_controls .btn-group a.selected {
    background: #4f2b4e; }
  .grid_toolbar.purple .grid_toolbar_header .grid_toolbar_controls .open a {
    background: #5f345f; }
    .grid_toolbar.purple .grid_toolbar_header .grid_toolbar_controls .open a:hover, .grid_toolbar.purple .grid_toolbar_header .grid_toolbar_controls .open a:focus {
      background: #4f2b4e; }
    .grid_toolbar.purple .grid_toolbar_header .grid_toolbar_controls .open a.selected {
      background: #4f2b4e; }
  .grid_toolbar.purple .grid_toolbar_header .grid_toolbar_controls .dropdown-menu {
    background: #5f345f; }

.grid_view.purple h2 .badge {
  background: #703D6F; }
.grid_view.purple .grid_row.selected header {
  color: #703D6F; }
.grid_view.purple .dropdown-menu a:hover, .grid_view.purple .dropdown-menu a:focus {
  background: none !important;
  color: #703D6F !important; }
.grid_view.purple .btn-theme {
  background: #4f2b4e;
  border-color: #4f2b4e; }
  .grid_view.purple .btn-theme:hover, .grid_view.purple .btn-theme:focus {
    background: #703D6F !important; }

/* ORANGE*/
.grid_toolbar.orange .grid_toolbar_header {
  background: #F27435; }
  .grid_toolbar.orange .grid_toolbar_header .grid_toolbar_controls a:focus,
  .grid_toolbar.orange .grid_toolbar_header .grid_toolbar_controls .btn-group a:focus {
    background: #F27435; }
  .grid_toolbar.orange .grid_toolbar_header .grid_toolbar_controls a:hover,
  .grid_toolbar.orange .grid_toolbar_header .grid_toolbar_controls .btn-group a:hover {
    background: #f0641d;
    color: #fff !important; }
  .grid_toolbar.orange .grid_toolbar_header .grid_toolbar_controls a.selected,
  .grid_toolbar.orange .grid_toolbar_header .grid_toolbar_controls .btn-group a.selected {
    background: #e5560f; }
  .grid_toolbar.orange .grid_toolbar_header .grid_toolbar_controls .open a {
    background: #f0641d; }
    .grid_toolbar.orange .grid_toolbar_header .grid_toolbar_controls .open a:hover, .grid_toolbar.orange .grid_toolbar_header .grid_toolbar_controls .open a:focus {
      background: #e5560f; }
    .grid_toolbar.orange .grid_toolbar_header .grid_toolbar_controls .open a.selected {
      background: #e5560f; }
  .grid_toolbar.orange .grid_toolbar_header .grid_toolbar_controls .dropdown-menu {
    background: #f0641d; }

.grid_view.orange h2 .badge {
  background: #F27435; }
.grid_view.orange .grid_row.selected header {
  color: #F27435; }
.grid_view.orange .dropdown-menu a:hover, .grid_view.orange .dropdown-menu a:focus {
  background: none !important;
  color: #F27435 !important; }
.grid_view.orange .btn-theme {
  background: #e5560f;
  border-color: #e5560f; }
  .grid_view.orange .btn-theme:hover, .grid_view.orange .btn-theme:focus {
    background: #F27435 !important; }

/* RED*/
.grid_toolbar.red .grid_toolbar_header {
  background: #C3201B; }
  .grid_toolbar.red .grid_toolbar_header .grid_toolbar_controls a:focus,
  .grid_toolbar.red .grid_toolbar_header .grid_toolbar_controls .btn-group a:focus {
    background: #C3201B; }
  .grid_toolbar.red .grid_toolbar_header .grid_toolbar_controls a:hover,
  .grid_toolbar.red .grid_toolbar_header .grid_toolbar_controls .btn-group a:hover {
    background: #ad1c18;
    color: #fff !important; }
  .grid_toolbar.red .grid_toolbar_header .grid_toolbar_controls a.selected,
  .grid_toolbar.red .grid_toolbar_header .grid_toolbar_controls .btn-group a.selected {
    background: #961915; }
  .grid_toolbar.red .grid_toolbar_header .grid_toolbar_controls .open a {
    background: #ad1c18; }
    .grid_toolbar.red .grid_toolbar_header .grid_toolbar_controls .open a:hover, .grid_toolbar.red .grid_toolbar_header .grid_toolbar_controls .open a:focus {
      background: #961915; }
    .grid_toolbar.red .grid_toolbar_header .grid_toolbar_controls .open a.selected {
      background: #961915; }
  .grid_toolbar.red .grid_toolbar_header .grid_toolbar_controls .dropdown-menu {
    background: #ad1c18; }

.grid_view.red h2 .badge {
  background: #C3201B; }
.grid_view.red .grid_row.selected header {
  color: #C3201B; }
.grid_view.red .dropdown-menu a:hover, .grid_view.red .dropdown-menu a:focus {
  background: none !important;
  color: #C3201B !important; }
.grid_view.red .btn-theme {
  background: #961915;
  border-color: #961915; }
  .grid_view.red .btn-theme:hover, .grid_view.red .btn-theme:focus {
    background: #C3201B !important; }

/* almost BLACK*/
.grid_toolbar.black .grid_toolbar_header {
  background: #424141; }
  .grid_toolbar.black .grid_toolbar_header .grid_toolbar_controls a:focus,
  .grid_toolbar.black .grid_toolbar_header .grid_toolbar_controls .btn-group a:focus {
    background: #424141; }
  .grid_toolbar.black .grid_toolbar_header .grid_toolbar_controls a:hover,
  .grid_toolbar.black .grid_toolbar_header .grid_toolbar_controls .btn-group a:hover {
    background: #353434;
    color: #fff !important; }
  .grid_toolbar.black .grid_toolbar_header .grid_toolbar_controls a.selected,
  .grid_toolbar.black .grid_toolbar_header .grid_toolbar_controls .btn-group a.selected {
    background: #282828; }
  .grid_toolbar.black .grid_toolbar_header .grid_toolbar_controls .open a {
    background: #353434; }
    .grid_toolbar.black .grid_toolbar_header .grid_toolbar_controls .open a:hover, .grid_toolbar.black .grid_toolbar_header .grid_toolbar_controls .open a:focus {
      background: #282828; }
    .grid_toolbar.black .grid_toolbar_header .grid_toolbar_controls .open a.selected {
      background: #282828; }
  .grid_toolbar.black .grid_toolbar_header .grid_toolbar_controls .dropdown-menu {
    background: #353434; }

.grid_view.black h2 .badge {
  background: #424141; }
.grid_view.black .grid_row.selected header {
  color: #000; }
.grid_view.black .dropdown-menu a:hover, .grid_view.black .dropdown-menu a:focus {
  background: none !important;
  color: #424141 !important; }
.grid_view.black .btn-theme {
  background: #282828;
  border-color: #282828; }
  .grid_view.black .btn-theme:hover, .grid_view.black .btn-theme:focus {
    background: #424141 !important; }

@media (max-width: 756px) {
  .grid_container .grid_toolbar .grid_toolbar_header .grid_toolbar_controls {
    float: none !important;
    margin-top: 0; }
    .grid_container .grid_toolbar .grid_toolbar_header .grid_toolbar_controls .dropdown-menu {
      background: #fff; }

  .grid_container .grid_view .grid_rows_wrapper .grid_row_details dl dt {
    text-align: left; }

  .results_per_page_container, .results_number {
    display: none; } }
@media (max-width: 767px) {
  .grid_toolbar_controls .visible-xs {
    display: inline !important; } }
@media (max-width: 500px) {
  .grid_container .grid_view h2 .grid_bulk_controls {
    clear: both;
    margin-top: 10px; }
  .grid_container .grid_view .reset-grid {
    margin-top: 10px; } }
@media (max-width: 959px) {
  .grid_container .grid_toolbar .grid_toolbar_header .grid_toolbar_controls .btn {
    text-align: left; }
  .grid_container .grid_toolbar .grid_toolbar_header .grid_toolbar_controls .input-group {
    width: 100%;
    padding: 6px 3px; }

  .grid_row header div:first-child {
    margin-bottom: 10px; } }
