/*
    values taken from https://app.zeplin.io/project/5cb055ba204ce69f2d28a46a/screen/5cb05653a866696112732ac0
    TODO : Dave 20 January 2020 convert to variables as part of the great less rewrite
*/

.border-success {
  border-color: #02dc86 !important;
}
.border-error {
  border-color: #e10000 !important;
}
.border-info {
  border-color: #c6c6c6 !important;
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Inter';
  src: url('/fonts/Inter.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
footer {
  margin-top: 1em;
  padding: 1em;
  border-top: solid 1px #aaaaaa;
}
body {
  color: #428bca;
  padding-top: 50px;
}
.navbar {
  background-color: #428bca;
  color: white;
}
.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav > li > a {
  color: white;
}
.user-block {
  float: right;
}
.form-group table th,
.form-group table td {
  padding: 0 4px;
  border-left: solid 1px #bbbbbb;
  border-bottom: solid 1px #dddddd;
}
.form-group table th {
  border-bottom: solid 1px #bbbbbb;
}
.form-group table {
  border: solid 1px #bbbbbb;
}
.btn-wide {
  min-width: 200px;
}
table.simple th,
table.simple td {
  padding: 0 4px;
  border-left: solid 1px #eeeeee;
  border-bottom: solid 1px #eeeeee;
}
table.simple th {
  border-bottom: solid 1px #bbbbbb;
}
table.simple {
  border: solid 1px #bbbbbb;
  margin: 1em 0;
  border-collapse: separate;
}
.field-validation-error {
  color: red;
}
th.headerSortUp,
th.headerSortDown {
  background-color: #428bca;
  background-image: none;
  background-repeat: no-repeat;
  color: white;
  background-position-x: right;
  background-position-y: center;
}
th.headerSortUp {
  background-image: url(/images/small-asc.gif);
}
th.headerSortDown {
  background-image: url(/images/small-desc.gif);
}
.cause-logo-raw {
  max-width: 300px;
  max-height: 300px;
}
.hidden-relaxed {
  display: none;
}
.changerequest-changed {
  background-color: #d9534f;
  color: white;
}
.new-cause-logo,
.new-cause-logo img {
  background-color: purple;
}
/*   User View   */

.panel-container {
  margin-top: 20px;
}
.panel-multidata .panel-heading {
  cursor: pointer;
}
.panel-multidata .panel-title .btn-success {
  margin-left: 10px;
  color: white;
}
.panel-multidata .panel-title:after {
  color: #777777;
  content: '\002B';
  float: right;
  font-weight: bold;
  margin-left: 5px;
}
.panel-multidata .panel-title.active:after {
  content: '\2212';
}
.panel-multidata .panel-body {
  padding: 0;
}
.panel-multidata .panel-body table,
.panel-multidata .panel-body .list-group {
  margin-bottom: 0;
}
.panel-multidata .panel-body .list-group .list-group-item {
  border-left: none;
  border-right: none;
  border-top: none;
  border-radius: 0;
  margin-top: 1px;
}
.panel-multidata .panel-body .list-group .list-group-item:last-of-type {
  border-bottom: none;
}
.panel-multidata .important-note,
.panel-multidata .user-note-body {
  margin-bottom: 15px;
}
.panel-multidata .user-note-footer small {
  font-style: italic;
  color: #999999;
}
.is-breakable {
  word-break: break-word;
}
.text-xs-left {
  text-align: left;
}
.text-xs-right {
  text-align: right;
}
.text-xs-center {
  text-align: center;
}
.text-xs-justify {
  text-align: justify;
}
@media (min-width: 768px) {
  .text-sm-left {
    text-align: left;
  }
  .text-sm-right {
    text-align: right;
  }
  .text-sm-center {
    text-align: center;
  }
  .text-sm-justify {
    text-align: justify;
  }
}
@media (min-width: 992px) {
  .text-md-left {
    text-align: left;
  }
  .text-md-right {
    text-align: right;
  }
  .text-md-center {
    text-align: center;
  }
  .text-md-justify {
    text-align: justify;
  }
}
@media (min-width: 1200px) {
  .text-lg-left {
    text-align: left;
  }
  .text-lg-right {
    text-align: right;
  }
  .text-lg-center {
    text-align: center;
  }
  .text-lg-justify {
    text-align: justify;
  }
}
.table-scrollable {
  max-height: 600px;
  overflow-y: scroll;
}
.btn-arrow {
  margin-top: 22px;
}
.gatherwell-offer input[type="file"],
.operator-edit input[type="file"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.brand-offer-preview iframe {
  width: 110%;
  height: 720px;
  margin-left: -54px;
}
table td > ul {
  list-style: none;
  padding-left: 0;
}
.table > thead > tr > th.tablesorter-header {
  background-image: url(/images/sorting-both-c.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 12px;
  vertical-align: middle;
}
.table > thead > tr > th.tablesorter-headerDesc {
  background-image: url(/images/sorting-dsc-c.png);
}
.table > thead > tr > th.tablesorter-headerAsc {
  background-image: url(/images/sorting-asc-c.png);
}
.checkbox-md {
  height: 30px;
  width: 30px;
}