@transferwise/components 0.0.0-experimental-1bc70dc → 0.0.0-experimental-cbe4279

package/build/styles/neptune-css/less/panels.css

@@ -0,0 +1,528 @@
+.panel {
+  margin-bottom: 16px;
+  background-color: transparent;
+  border: 0;
+  margin-left: -16px;
+  margin-right: -16px;
+}
+.panel-body {
+  padding: 16px;
+  background-color: #ffffff;
+  background-color: var(--color-background-screen);
+}
+.panel-heading {
+  padding: 16px 16px 8px 16px;
+}
+.panel-heading > .dropdown .dropdown-toggle {
+  color: inherit;
+}
+.panel-title {
+  margin-top: 0;
+  margin-bottom: 0;
+  line-height: calc(1.2 + 8px);
+  line-height: calc(var(--line-height-title) + 8px);
+}
+.panel-title > a {
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+.panel-footer {
+  padding: 16px;
+}
+@media (min-width: 576px) {
+  .panel {
+    margin-bottom: 24px;
+    margin-left: -24px;
+    margin-right: -24px;
+  }
+  .panel-heading {
+    padding: 16px 24px 8px 24px;
+  }
+  .panel-body {
+    padding: 24px;
+  }
+  .panel-footer {
+    padding: 24px;
+  }
+}
+@media (min-width: 768px) {
+  .panel {
+    margin-left: 0;
+    margin-right: 0;
+  }
+  .panel-heading {
+    padding: 16px 0 8px 0;
+  }
+}
+@media (min-width: 992px) {
+  .panel {
+    margin-bottom: 32px;
+    border-radius: 3px;
+  }
+  .panel-body {
+    padding: 32px;
+  }
+  .panel-footer {
+    padding: 32px;
+  }
+}
+@media (min-width: 768px) {
+  .panel-title {
+    line-height: calc(1.2 * 2);
+    line-height: calc(var(--line-height-title) * 2);
+  }
+  .panel-heading > .btn-sm {
+    margin-top: 8px;
+  }
+}
+.panel > .list-group,
+.panel > .panel-collapse > .list-group {
+  margin-bottom: 0;
+  border-left: 0;
+  border-right: 0;
+}
+.panel > .list-group .list-group-item,
+.panel > .panel-collapse > .list-group .list-group-item {
+  border-radius: 0;
+}
+.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
+  border-top-right-radius: 0;
+  border-top-left-radius: 0;
+}
+.panel-list-group {
+  margin-bottom: 0;
+  border-left: 0;
+  border-right: 0;
+}
+.list-group + .panel-footer {
+  border-top-width: 0;
+}
+.panel > .table,
+.panel > .table-responsive > .table,
+.panel > .panel-collapse > .table {
+  margin-bottom: 0;
+}
+.panel > .table caption,
+.panel > .table-responsive > .table caption,
+.panel > .panel-collapse > .table caption {
+  padding-left: 32px;
+  padding-right: 32px;
+}
+.panel > .table:first-child,
+.panel > .table-responsive:first-child > .table:first-child {
+  border-top-right-radius: 2px;
+  border-top-left-radius: 2px;
+}
+.panel > .table:first-child > thead:first-child > tr:first-child,
+.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
+.panel > .table:first-child > tbody:first-child > tr:first-child,
+.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
+  border-top-left-radius: 2px;
+  border-top-right-radius: 2px;
+}
+[dir="rtl"] .panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
+[dir="rtl"] .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
+[dir="rtl"] .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
+[dir="rtl"] .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
+[dir="rtl"] .panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
+[dir="rtl"] .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
+[dir="rtl"] .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
+[dir="rtl"] .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
+  border-top-right-radius: 2px;
+}
+html:not([dir="rtl"]) .panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
+html:not([dir="rtl"]) .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
+html:not([dir="rtl"]) .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
+html:not([dir="rtl"]) .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
+html:not([dir="rtl"]) .panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
+html:not([dir="rtl"]) .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
+html:not([dir="rtl"]) .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
+html:not([dir="rtl"]) .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
+  border-top-left-radius: 2px;
+}
+[dir="rtl"] .panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
+[dir="rtl"] .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
+[dir="rtl"] .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
+[dir="rtl"] .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
+[dir="rtl"] .panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
+[dir="rtl"] .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
+[dir="rtl"] .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
+[dir="rtl"] .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
+  border-top-left-radius: 2px;
+}
+html:not([dir="rtl"]) .panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
+html:not([dir="rtl"]) .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
+html:not([dir="rtl"]) .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
+html:not([dir="rtl"]) .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
+html:not([dir="rtl"]) .panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
+html:not([dir="rtl"]) .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
+html:not([dir="rtl"]) .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
+html:not([dir="rtl"]) .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
+  border-top-right-radius: 2px;
+}
+.panel > .table:last-child,
+.panel > .table-responsive:last-child > .table:last-child {
+  border-bottom-right-radius: 2px;
+  border-bottom-left-radius: 2px;
+}
+.panel > .table:last-child > tbody:last-child > tr:last-child,
+.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
+.panel > .table:last-child > tfoot:last-child > tr:last-child,
+.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
+  border-bottom-left-radius: 2px;
+  border-bottom-right-radius: 2px;
+}
+[dir="rtl"] .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
+[dir="rtl"] .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
+[dir="rtl"] .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
+[dir="rtl"] .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
+[dir="rtl"] .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
+[dir="rtl"] .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
+[dir="rtl"] .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
+[dir="rtl"] .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
+  border-bottom-right-radius: 2px;
+}
+html:not([dir="rtl"]) .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
+html:not([dir="rtl"]) .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
+html:not([dir="rtl"]) .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
+html:not([dir="rtl"]) .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
+html:not([dir="rtl"]) .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
+html:not([dir="rtl"]) .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
+html:not([dir="rtl"]) .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
+html:not([dir="rtl"]) .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
+  border-bottom-left-radius: 2px;
+}
+[dir="rtl"] .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
+[dir="rtl"] .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
+[dir="rtl"] .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
+[dir="rtl"] .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
+[dir="rtl"] .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
+[dir="rtl"] .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
+[dir="rtl"] .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
+[dir="rtl"] .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
+  border-bottom-left-radius: 2px;
+}
+html:not([dir="rtl"]) .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
+html:not([dir="rtl"]) .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
+html:not([dir="rtl"]) .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
+html:not([dir="rtl"]) .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
+html:not([dir="rtl"]) .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
+html:not([dir="rtl"]) .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
+html:not([dir="rtl"]) .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
+html:not([dir="rtl"]) .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
+  border-bottom-right-radius: 2px;
+}
+.panel > .panel-body + .table,
+.panel > .panel-body + .table-responsive,
+.panel > .table + .panel-body,
+.panel > .table-responsive + .panel-body {
+  border-top: 1px solid #f2f5f7;
+}
+.panel > .table > tbody:first-child > tr:first-child th,
+.panel > .table > tbody:first-child > tr:first-child td {
+  border-top: 0;
+}
+.panel > .table-bordered,
+.panel > .table-responsive > .table-bordered {
+  border: 0;
+}
+[dir="rtl"] .panel > .table-bordered > thead > tr > th:first-child,
+[dir="rtl"] .panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
+[dir="rtl"] .panel > .table-bordered > tbody > tr > th:first-child,
+[dir="rtl"] .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
+[dir="rtl"] .panel > .table-bordered > tfoot > tr > th:first-child,
+[dir="rtl"] .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
+[dir="rtl"] .panel > .table-bordered > thead > tr > td:first-child,
+[dir="rtl"] .panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
+[dir="rtl"] .panel > .table-bordered > tbody > tr > td:first-child,
+[dir="rtl"] .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
+[dir="rtl"] .panel > .table-bordered > tfoot > tr > td:first-child,
+[dir="rtl"] .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
+  border-right: 0  ;
+}
+html:not([dir="rtl"]) .panel > .table-bordered > thead > tr > th:first-child,
+html:not([dir="rtl"]) .panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
+html:not([dir="rtl"]) .panel > .table-bordered > tbody > tr > th:first-child,
+html:not([dir="rtl"]) .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
+html:not([dir="rtl"]) .panel > .table-bordered > tfoot > tr > th:first-child,
+html:not([dir="rtl"]) .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
+html:not([dir="rtl"]) .panel > .table-bordered > thead > tr > td:first-child,
+html:not([dir="rtl"]) .panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
+html:not([dir="rtl"]) .panel > .table-bordered > tbody > tr > td:first-child,
+html:not([dir="rtl"]) .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
+html:not([dir="rtl"]) .panel > .table-bordered > tfoot > tr > td:first-child,
+html:not([dir="rtl"]) .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
+  border-left: 0  ;
+}
+[dir="rtl"] .panel > .table-bordered > thead > tr > th:last-child,
+[dir="rtl"] .panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
+[dir="rtl"] .panel > .table-bordered > tbody > tr > th:last-child,
+[dir="rtl"] .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
+[dir="rtl"] .panel > .table-bordered > tfoot > tr > th:last-child,
+[dir="rtl"] .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
+[dir="rtl"] .panel > .table-bordered > thead > tr > td:last-child,
+[dir="rtl"] .panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
+[dir="rtl"] .panel > .table-bordered > tbody > tr > td:last-child,
+[dir="rtl"] .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
+[dir="rtl"] .panel > .table-bordered > tfoot > tr > td:last-child,
+[dir="rtl"] .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
+  border-left: 0  ;
+}
+html:not([dir="rtl"]) .panel > .table-bordered > thead > tr > th:last-child,
+html:not([dir="rtl"]) .panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
+html:not([dir="rtl"]) .panel > .table-bordered > tbody > tr > th:last-child,
+html:not([dir="rtl"]) .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
+html:not([dir="rtl"]) .panel > .table-bordered > tfoot > tr > th:last-child,
+html:not([dir="rtl"]) .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
+html:not([dir="rtl"]) .panel > .table-bordered > thead > tr > td:last-child,
+html:not([dir="rtl"]) .panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
+html:not([dir="rtl"]) .panel > .table-bordered > tbody > tr > td:last-child,
+html:not([dir="rtl"]) .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
+html:not([dir="rtl"]) .panel > .table-bordered > tfoot > tr > td:last-child,
+html:not([dir="rtl"]) .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
+  border-right: 0  ;
+}
+.panel > .table-bordered > thead > tr:first-child > td,
+.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
+.panel > .table-bordered > tbody > tr:first-child > td,
+.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
+.panel > .table-bordered > thead > tr:first-child > th,
+.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
+.panel > .table-bordered > tbody > tr:first-child > th,
+.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
+  border-bottom: 0;
+}
+.panel > .table-bordered > tbody > tr:last-child > td,
+.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
+.panel > .table-bordered > tfoot > tr:last-child > td,
+.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
+.panel > .table-bordered > tbody > tr:last-child > th,
+.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
+.panel > .table-bordered > tfoot > tr:last-child > th,
+.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
+  border-bottom: 0;
+}
+.panel > .table-responsive {
+  border: 0;
+  margin-bottom: 0;
+}
+.panel > .table tr > :first-child,
+.panel > .table-responsive tr > :first-child {
+  padding-left: 16px;
+}
+[dir="rtl"] .panel > .table tr > :first-child,
+[dir="rtl"] .panel > .table-responsive tr > :first-child {
+  padding-right: 16px;
+  padding-left: 0;
+  padding-left: initial;
+}
+.panel > .table tr > :last-child,
+.panel > .table-responsive tr > :last-child {
+  padding-right: 16px;
+}
+[dir="rtl"] .panel > .table tr > :last-child,
+[dir="rtl"] .panel > .table-responsive tr > :last-child {
+  padding-left: 16px;
+  padding-right: 0;
+  padding-right: initial;
+}
+@media (min-width: 768px) {
+  .panel > .table tr > :first-child,
+  .panel > .table-responsive tr > :first-child {
+    padding-left: 24px;
+  }
+  [dir="rtl"] .panel > .table tr > :first-child,
+  [dir="rtl"] .panel > .table-responsive tr > :first-child {
+    padding-right: 24px;
+    padding-left: 0;
+    padding-left: initial;
+  }
+  .panel > .table tr > :last-child,
+  .panel > .table-responsive tr > :last-child {
+    padding-right: 24px;
+  }
+  [dir="rtl"] .panel > .table tr > :last-child,
+  [dir="rtl"] .panel > .table-responsive tr > :last-child {
+    padding-left: 24px;
+    padding-right: 0;
+    padding-right: initial;
+  }
+}
+@media (min-width: 992px) {
+  .panel > .table tr > :first-child,
+  .panel > .table-responsive tr > :first-child {
+    padding-left: 32px;
+  }
+  [dir="rtl"] .panel > .table tr > :first-child,
+  [dir="rtl"] .panel > .table-responsive tr > :first-child {
+    padding-right: 32px;
+    padding-left: 0;
+    padding-left: initial;
+  }
+  .panel > .table tr > :last-child,
+  .panel > .table-responsive tr > :last-child {
+    padding-right: 32px;
+  }
+  [dir="rtl"] .panel > .table tr > :last-child,
+  [dir="rtl"] .panel > .table-responsive tr > :last-child {
+    padding-left: 32px;
+    padding-right: 0;
+    padding-right: initial;
+  }
+}
+.panel-group {
+  margin-bottom: 24px;
+  margin-bottom: var(--size-24);
+}
+.panel-group .panel {
+  margin-bottom: 0;
+  border-radius: 3px;
+}
+.panel-group .panel + .panel {
+  margin-top: 8px;
+}
+.panel-group .panel-heading {
+  border-bottom: 0;
+}
+.panel-group .panel-heading + .panel-collapse > .panel-body,
+.panel-group .panel-heading + .panel-collapse > .list-group {
+  border-top: 1px solid #FFF;
+}
+.panel-group .panel-footer {
+  border-top: 0;
+}
+.panel-group .panel-footer + .panel-collapse .panel-body {
+  border-bottom: 1px solid #FFF;
+}
+.panel-default {
+  border-color: #e2e6e8 !important;
+}
+.panel-default > .panel-heading {
+  color: #4a5860;
+  border-color: #e2e6e8;
+}
+.panel-default > .panel-heading + .panel-collapse > .panel-body {
+  border-top-color: #e2e6e8;
+}
+.panel-default > .panel-heading .badge {
+  color: #fff;
+  background-color: #4a5860;
+}
+.panel-default > .panel-footer + .panel-collapse > .panel-body {
+  border-bottom-color: #e2e6e8;
+}
+.panel-primary {
+  border-color: #37517e !important;
+}
+.panel-primary > .panel-heading {
+  color: #fff;
+  border-color: #37517e;
+}
+.panel-primary > .panel-heading + .panel-collapse > .panel-body {
+  border-top-color: #37517e;
+}
+.panel-primary > .panel-heading .badge {
+  color: #fff;
+  background-color: #fff;
+}
+.panel-primary > .panel-footer + .panel-collapse > .panel-body {
+  border-bottom-color: #37517e;
+}
+.panel-success {
+  border-color: #2ED06E !important;
+}
+.panel-success > .panel-heading {
+  color: #1B7940;
+  border-color: #2ED06E;
+}
+.panel-success > .panel-heading + .panel-collapse > .panel-body {
+  border-top-color: #2ED06E;
+}
+.panel-success > .panel-heading .badge {
+  color: #FFF;
+  background-color: #1B7940;
+}
+.panel-success > .panel-footer + .panel-collapse > .panel-body {
+  border-bottom-color: #2ED06E;
+}
+.panel-info {
+  border-color: #00b9ff !important;
+}
+.panel-info > .panel-heading {
+  color: #00a4df;
+  border-color: #00b9ff;
+}
+.panel-info > .panel-heading + .panel-collapse > .panel-body {
+  border-top-color: #00b9ff;
+}
+.panel-info > .panel-heading .badge {
+  color: #FFF;
+  background-color: #00a4df;
+}
+.panel-info > .panel-footer + .panel-collapse > .panel-body {
+  border-bottom-color: #00b9ff;
+}
+.panel-warning {
+  border-color: #FFA600 !important;
+}
+.panel-warning > .panel-heading {
+  color: #9E5F00;
+  border-color: #FFA600;
+}
+.panel-warning > .panel-heading + .panel-collapse > .panel-body {
+  border-top-color: #FFA600;
+}
+.panel-warning > .panel-heading .badge {
+  color: #FFF;
+  background-color: #9E5F00;
+}
+.panel-warning > .panel-footer + .panel-collapse > .panel-body {
+  border-bottom-color: #FFA600;
+}
+.panel-danger {
+  border-color: #F53636 !important;
+}
+.panel-danger > .panel-heading {
+  color: #C22E2E;
+  border-color: #F53636;
+}
+.panel-danger > .panel-heading + .panel-collapse > .panel-body {
+  border-top-color: #F53636;
+}
+.panel-danger > .panel-heading .badge {
+  color: #FFF;
+  background-color: #C22E2E;
+}
+.panel-danger > .panel-footer + .panel-collapse > .panel-body {
+  border-bottom-color: #F53636;
+}
+.panel ul:last-child {
+  margin-bottom: 0;
+}
+.panel-group .panel {
+  margin-left: 0;
+  margin-right: 0;
+  border: 1px solid #e2e6e8;
+}
+.panel-group .panel-heading,
+.panel-group .panel-footer {
+  padding: 16px;
+}
+@media (min-width: 576px) {
+  .panel-group .panel .panel-heading,
+  .panel-group .panel .panel-footer {
+    padding: 24px !important;
+  }
+}
+@media (min-width: 992px) {
+  .panel-group .panel .panel-heading,
+  .panel-group .panel .panel-footer {
+    padding: 24px 32px;
+  }
+}
+@media (min-width: 768px) {
+  .panel {
+    margin-left: 0;
+    margin-right: 0;
+  }
+}