body {
  padding-bottom: 20px;
  overflow-y: scroll;
  color: #5c5c5c;
}
@media print {
  body .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  body .col-sm-12 {
    width: 100%;
  }
  body .col-sm-11 {
    width: 91.666666667%;
  }
  body .col-sm-10 {
    width: 83.333333333%;
  }
  body .col-sm-9 {
    width: 75%;
  }
  body .col-sm-8 {
    width: 66.666666667%;
  }
  body .col-sm-7 {
    width: 58.333333333%;
  }
  body .col-sm-6 {
    width: 50%;
  }
  body .col-sm-5 {
    width: 41.666666667%;
  }
  body .col-sm-4 {
    width: 33.333333333%;
  }
  body .col-sm-3 {
    width: 25%;
  }
  body .col-sm-2 {
    width: 16.666666667%;
  }
  body .col-sm-1 {
    width: 8.333333333%;
  }
  body .col-sm-pull-12 {
    right: 100%;
  }
  body .col-sm-pull-11 {
    right: 91.666666667%;
  }
  body .col-sm-pull-10 {
    right: 83.333333333%;
  }
  body .col-sm-pull-9 {
    right: 75%;
  }
  body .col-sm-pull-8 {
    right: 66.666666667%;
  }
  body .col-sm-pull-7 {
    right: 58.333333333%;
  }
  body .col-sm-pull-6 {
    right: 50%;
  }
  body .col-sm-pull-5 {
    right: 41.666666667%;
  }
  body .col-sm-pull-4 {
    right: 33.333333333%;
  }
  body .col-sm-pull-3 {
    right: 25%;
  }
  body .col-sm-pull-2 {
    right: 16.666666667%;
  }
  body .col-sm-pull-1 {
    right: 8.333333333%;
  }
  body .col-sm-pull-0 {
    right: auto;
  }
  body .col-sm-push-12 {
    left: 100%;
  }
  body .col-sm-push-11 {
    left: 91.666666667%;
  }
  body .col-sm-push-10 {
    left: 83.333333333%;
  }
  body .col-sm-push-9 {
    left: 75%;
  }
  body .col-sm-push-8 {
    left: 66.666666667%;
  }
  body .col-sm-push-7 {
    left: 58.333333333%;
  }
  body .col-sm-push-6 {
    left: 50%;
  }
  body .col-sm-push-5 {
    left: 41.666666667%;
  }
  body .col-sm-push-4 {
    left: 33.333333333%;
  }
  body .col-sm-push-3 {
    left: 25%;
  }
  body .col-sm-push-2 {
    left: 16.666666667%;
  }
  body .col-sm-push-1 {
    left: 8.333333333%;
  }
  body .col-sm-push-0 {
    left: auto;
  }
  body .col-sm-offset-12 {
    margin-left: 100%;
  }
  body .col-sm-offset-11 {
    margin-left: 91.666666667%;
  }
  body .col-sm-offset-10 {
    margin-left: 83.333333333%;
  }
  body .col-sm-offset-9 {
    margin-left: 75%;
  }
  body .col-sm-offset-8 {
    margin-left: 66.666666667%;
  }
  body .col-sm-offset-7 {
    margin-left: 58.333333333%;
  }
  body .col-sm-offset-6 {
    margin-left: 50%;
  }
  body .col-sm-offset-5 {
    margin-left: 41.666666667%;
  }
  body .col-sm-offset-4 {
    margin-left: 33.333333333%;
  }
  body .col-sm-offset-3 {
    margin-left: 25%;
  }
  body .col-sm-offset-2 {
    margin-left: 16.666666667%;
  }
  body .col-sm-offset-1 {
    margin-left: 8.333333333%;
  }
  body .col-sm-offset-0 {
    margin-left: 0%;
  }
  body .visible-xs,
  body .hidden-print,
  body button {
    display: none !important;
  }
  body .hidden-xs {
    display: block !important;
  }
  tablebody .hidden-xs {
    display: table !important;
  }
  trbody .hidden-xs {
    display: table-row !important;
  }
  thbody .hidden-xs,
  tdbody .hidden-xs {
    display: table-cell !important;
  }
  body .hidden-xs.hidden-print {
    display: none !important;
  }
  body .form-control {
    border: 0;
  }
}
body .form-horizontal .control-label {
  text-align: left;
}
body .form-horizontal .control-label.required:after {
  color: #dd0000;
  content: "*";
  position: absolute;
  margin-left: 8px;
  top: 7px;
}
.body-content {
  min-height: 600px;
}
@media (max-width: 767px) {
  .body-content {
    padding-left: 5px;
    padding-right: 5px;
  }
  .body-content .col-xs-1.form-group,
  .body-content .col-sm-1.form-group,
  .body-content .col-md-1.form-group,
  .body-content .col-lg-1.form-group,
  .body-content .col-xs-2.form-group,
  .body-content .col-sm-2.form-group,
  .body-content .col-md-2.form-group,
  .body-content .col-lg-2.form-group,
  .body-content .col-xs-3.form-group,
  .body-content .col-sm-3.form-group,
  .body-content .col-md-3.form-group,
  .body-content .col-lg-3.form-group,
  .body-content .col-xs-4.form-group,
  .body-content .col-sm-4.form-group,
  .body-content .col-md-4.form-group,
  .body-content .col-lg-4.form-group,
  .body-content .col-xs-5.form-group,
  .body-content .col-sm-5.form-group,
  .body-content .col-md-5.form-group,
  .body-content .col-lg-5.form-group,
  .body-content .col-xs-6.form-group,
  .body-content .col-sm-6.form-group,
  .body-content .col-md-6.form-group,
  .body-content .col-lg-6.form-group,
  .body-content .col-xs-7.form-group,
  .body-content .col-sm-7.form-group,
  .body-content .col-md-7.form-group,
  .body-content .col-lg-7.form-group,
  .body-content .col-xs-8.form-group,
  .body-content .col-sm-8.form-group,
  .body-content .col-md-8.form-group,
  .body-content .col-lg-8.form-group,
  .body-content .col-xs-9.form-group,
  .body-content .col-sm-9.form-group,
  .body-content .col-md-9.form-group,
  .body-content .col-lg-9.form-group,
  .body-content .col-xs-10.form-group,
  .body-content .col-sm-10.form-group,
  .body-content .col-md-10.form-group,
  .body-content .col-lg-10.form-group,
  .body-content .col-xs-11.form-group,
  .body-content .col-sm-11.form-group,
  .body-content .col-md-11.form-group,
  .body-content .col-lg-11.form-group,
  .body-content .col-xs-12.form-group,
  .body-content .col-sm-12.form-group,
  .body-content .col-md-12.form-group,
  .body-content .col-lg-12.form-group {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media (min-width: 1200px) {
  .container {
    min-width: 1170px;
    width: 67%;
  }
}
input#documentName.form-control {
  width: 90%;
  display: inline-block;
}
.validationMessage {
  color: red;
}
.validationElement {
  border-color: #f95d62;
}
.field-validation-error {
  color: #f95d62;
}
input.input-validation-error,
select.input-validation-error {
  border: 1px solid #f95d62;
}
input[type="checkbox"].input-validation-error {
  border: 0 none;
}
.validation-summary-errors {
  color: #f95d62;
}
.validation-summary-valid {
  display: none;
}
.drop_zone {
  border: 2px dashed #bbbbbb;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 25px;
  /*text-align: center;*/
  font: 20pt bold 'Vollkorn';
  color: #bbbbbb;
}
#welcomeMenuBox {
  display: none;
}
.form-detail {
  padding-top: 25px;
}
.form-detail .form-horizontal .form-group .btn-group {
  padding-left: 15px;
}
.row-padding-top {
  padding-top: 7px;
}
header {
  padding-bottom: 35px;
  background-color: rgba(239, 239, 239, 0.78);
}
header .branding-text {
  font-size: 1.4em;
  padding-left: 20px;
  width: 100%;
  cursor: default;
  color: white !important;
  float: left;
  padding: 22px 15px;
  font-weight: bold;
}
header .branding-text:hover {
  text-decoration: none;
}
header nav {
  border-bottom: 0;
  background-color: #59468d;
  color: white;
  line-height: 0px;
}
header #userContext {
  border-bottom: 0;
}
@media (max-width: 767px) {
  header #userContext li.dropdown {
    position: absolute;
    top: 0;
    right: -5px;
  }
  header #userContext li.dropdown ul {
    right: 0;
    left: inherit;
  }
  header #userContext li.help {
    position: absolute;
    top: -1px;
    right: 30px;
  }
}
header #userContext a.dropdown-toggle,
header #userContext #loginLink {
  color: white;
  font-size: 1.1em;
}
header #userContext a.dropdown-toggle:hover,
header #userContext #loginLink:hover {
  color: #23527c;
}
header #userContext li a.help-icon,
header #userContext li.announcement-icon i {
  color: white;
  border: 0;
}
header #userContext li a.help-icon:hover,
header #userContext li.announcement-icon i:hover,
header #userContext li a.help-icon:focus,
header #userContext li.announcement-icon i:focus {
  background-color: transparent;
  text-decoration: none;
}
header #userContext li.announcement-icon i {
  margin-top: 13px;
}
header #userContext li i.fa-bell {
  text-shadow: 1px 1px 4px;
  color: #ef8c2a;
}
.nav.nav-tabs li a {
  color: #59468d;
}
.nav.nav-tabs li a:hover {
  color: #439ba5;
}
.nav.nav-tabs li.active a {
  color: #439ba5;
}
div.dot-line {
  border: none;
  border-top: 1px dotted #444444;
  color: white;
  background-color: white;
  height: 1px;
  width: 100%;
  margin-top: -15px;
}
div.dot-line hr {
  display: none;
}
i.fa-sort {
  color: #dddddd;
}
#allOrganisations #client-delete .glyphicon-remove-circle {
  color: red;
}
.panel-collapse.collapse.in {
  padding: 5px;
}
.panel-collapse.collapse.in .form-control-static.last {
  margin-bottom: -10px;
}
a:hover {
  cursor: pointer;
  color: #439ba5;
}
th.sorting span:hover,
th.sorting i:hover {
  cursor: pointer;
}
div.dashboard-sumary {
  height: 150px;
  width: 150px;
  color: white;
  background-color: #005d96;
}
div.dashboard-sumary div.icon {
  text-align: right;
  padding-top: 10px;
  padding-right: 10px;
}
div.dashboard-sumary div.total {
  text-align: right;
  font-size: 30px;
  padding-right: 10px;
  margin-top: -5px;
}
div.dashboard-sumary div.title {
  margin-top: 15px;
  height: 50px;
  padding-left: 10px;
  background-color: rgba(0, 0, 0, 0.6);
}
.dashboard.form-horizontal .form-group {
  margin-right: 0;
  margin-left: 0;
}
.form-detail .form-horizontal .checkbox {
  margin-top: 3px;
}
.visible-xs nav.pager li.active a {
  border: 0;
  background-color: inherit;
  color: inherit;
}
div.loading {
  height: 80px;
  position: relative;
  z-index: 99;
  text-align: center;
}
div.loading img {
  height: 50px;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
div.loading-small {
  height: 25px;
  position: relative;
  z-index: 99;
  text-align: center;
}
div.loading-small img {
  height: 25px;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.submitting {
  background: #e9e9e9;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.5;
  height: 100%;
}
.loading-img {
  background: url(/Images/loading_icon.gif) center center no-repeat;
  z-index: 20;
  height: 100%;
  background-size: 35px;
}
div.paged-grid nav {
  text-align: right;
}
div.paged-grid tbody tr:last-of-type {
  border-bottom: 1px solid #dddddd;
}
div.paged-grid tbody tr.alert {
  border-left: 0;
  border-right: 0;
}
div.icon-embedded {
  position: relative;
}
div.icon-embedded i {
  position: absolute;
  top: 10px;
  right: 22px;
  color: #eeeeee;
}
form-organisation-detail .popover.bottom {
  margin-top: -10px;
}
.connected-clients .form-inline .form-group {
  padding-right: 15px;
}
.connected-clients span {
  font-family: Georgia, serif;
  font-size: 18px;
  font-style: italic;
  margin: 0.25em 0;
  padding: 0.35em;
  line-height: 1.45;
  position: relative;
  color: #383838;
}
.connected-clients img {
  max-height: 80px;
  padding-right: 15px;
}
@media (max-width: 767px) {
  .connected-clients img {
    padding-left: 15px;
  }
}
.vertical-center {
  min-height: 100%;
  /* Fallback for browsers do NOT support vh unit */
  display: flex;
  align-items: center;
}
.footer {
  text-align: center;
  color: #a1a1a1;
}
#registerbox .popover .popover-title {
  display: none;
}
#registerbox .popover .popover-content {
  width: 200px;
}
.visible-xs .form-group #PeriodStartDate {
  margin-bottom: 15px;
}
.form-detail .form-inline .form-group .form-control {
  width: 100%;
}
#loginForm div.checkbox label {
  padding-left: 0;
}
table tr.visible-xs div {
  margin-bottom: 10px;
}
table tr.visible-xs div span {
  white-space: normal;
  padding-bottom: 10px;
}
.word-break {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: keep-all;
  word-break: break-word !important;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  text-align: justify;
}
#allActions .word-break {
  text-align: left;
}
a.help label {
  cursor: pointer;
}
a.help i {
  padding-left: 5px;
}
.visible-xs .form-detail .form-horizontal .form-group .first {
  margin-bottom: 15px;
}
.floating-bottom {
  z-index: 1;
  position: fixed;
  width: 100%;
  left: 0;
  right: 0;
  bottom: 0;
}
.floating-top-right {
  z-index: 1;
  position: fixed;
  right: 0;
  top: 50px;
}
.task-well {
  padding: 10px;
  margin-bottom: 20px;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  background-color: whitesmoke;
}
.task-well .progress-bar {
  width: 100%;
  margin-bottom: 0;
}
.task-well .form-inline > * {
  padding-right: 15px;
  padding-left: 15px;
}
@media (max-width: 767px) {
  .task-well .form-inline .form-control {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .task-well .form-inline input.form-control,
  .task-well .form-inline select.form-control.with-search {
    min-width: 30%;
  }
  .task-well .form-inline select.form-control {
    min-width: 50%;
  }
}
.ui-autocomplete.ui-widget {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  border-color: #e3e1de;
  fill: white;
}
.ui-autocomplete.ui-widget .ui-menu-item.ui-state-focus {
  background: none;
  background-color: whitesmoke;
}
.panel-body {
  padding: 10px;
}
.form-horizontal.no-margin .form-group {
  margin: 0;
}
.drag-n-drop {
  border: 2px dashed #bbbbbb;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 25px;
  color: #bbbbbb;
  background-color: whitesmoke;
}
.drag-n-drop.hover {
  background-color: #337ab7;
}
.drag-n-drop.has-file {
  background-color: white;
}
.body-content .form-detail input[readonly],
input.form-control.read-only[readonly] {
  background-color: white;
}
.no-padding > * {
  padding: 0 0;
}
.shared-entity-detail .no-padding {
  padding: 0;
}
.shared-entity-detail .padding-bottom {
  padding-bottom: 15px;
}
.shared-entity-detail .word-break {
  word-break: break-all;
}
.shared-entity-detail .contract-owner-template #txtUserSearch {
  width: 60%;
}
.shared-entity-detail .contract-owner-template .fa-pencil-square {
  margin-left: 5px;
  font-size: 25px;
}
.shared-entity-detail .contract-owner-template .fa-edit {
  margin-left: 5px;
  font-size: 20px;
}
.shared-entity-detail .contract-owner-template .btn-group {
  margin-top: 5px;
  padding-left: 0 !important;
}
.shared-entity-detail .merge-row {
  padding-left: 10px;
  padding-right: 10px;
}
.center-text {
  text-align: center;
}
.alert-danger {
  color: #f95d62;
  border-color: #439ba5;
}
.table.table-striped > thead > tr > th,
.table.table-striped > tbody > tr > td {
  border-top: unset;
  border-bottom: unset;
}
.btn-primary {
  background-color: #63c0cb;
  border-color: #25acbc;
}
.btn-primary:hover,
.btn-primary:active:hover,
.btn-primary.active:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.btn-primary:active.focus,
.btn-primary.active.focus {
  background-color: #439ba5;
  border-color: #047987;
}
.shared-document-upload .display-block {
  display: block;
}
.contract-grid th.contract-number-header {
  min-width: 145px;
}
.contract-grid th.date-header {
  min-width: 70px;
}
.contract-grid th.header {
  min-width: 130px;
}
i.fa.fa-sort-asc:before {
  content: url('../../Images/Sorting Arrow-Up Active.png');
  vertical-align: middle;
}
i.fa.fa-sort-desc:before {
  content: url('../../Images/Sorting Arrow-Down Active.png');
  vertical-align: middle;
}
i.fa.fa-sort:before {
  content: url('../../Images/Sorting Arrow-Grey-14.png');
  vertical-align: middle;
}
.contract-owner-item-result-template .email {
  font-style: italic;
  opacity: .65;
}
.no-padding-left {
  padding-left: 0;
}
.no-padding-right {
  padding-right: 0;
}
.no-margin-bottom {
  margin-bottom: 0;
}
.contract-detail .nav-tabs {
  margin-bottom: 8px;
}
.contract-detail .form-detail {
  padding-top: 15px;
}
table th {
  white-space: nowrap;
  overflow: hidden;
}
.activity-histories span.bold {
  font-weight: 600;
  font-style: italic;
  color: #262626;
}
.activity-histories ul {
  list-style-type: disc;
  padding-left: 15px;
}
.user-edit-history {
  color: #969696;
}
.sub-form-header {
  padding-top: 5px;
  padding-bottom: 10px;
}
.table-col-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 0;
}
.button-tooltip {
  position: relative;
  display: inline-block;
}
.tooltiptext {
  visibility: hidden;
}
.button-tooltip .tooltiptext {
  color: #ff8100;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  /* Position the tooltip text - see examples below! */
  position: absolute;
  width: 120px;
  bottom: 100%;
  left: 50%;
  margin-left: -120px;
}
.button-tooltip:hover .tooltiptext {
  visibility: visible;
}
.dropdown-overlay-table {
  top: auto;
  left: auto;
}
.dropdown-disable {
  cursor: not-allowed !important;
  color: #969696 !important;
}
.dropdown-disable:hover {
  background-image: none !important;
  background-color: white !important;
}
.actions {
  padding: 1px;
}
.actions:hover {
  color: transparent !important;
}
.actions:hover i {
  color: #439ba5;
}
.text_alert.red {
  color: #de171d;
}
.text_alert.orange {
  color: #ef8c2a;
}
.text_alert.green {
  color: #45b542;
}
.text_alert.blue {
  color: #439ba5;
}
.text_alert.black {
  color: black;
}
.text_alert.blue {
  color: #337ab7;
}
.right-text {
  text-align: right;
}
form-organisation-contract-payment-breakdown-edit component-gstcalculatefield {
  white-space: nowrap;
}
form-organisation-contract-payment-breakdown-edit component-gstcalculatefield > * {
  display: inline-block !important;
}
form-organisation-contract-payment-breakdown-edit component-gstcalculatefield > button {
  margin-left: 25px;
}
.primary-contact-toggle {
  padding: 0 5px 0 25px;
}
.pick-organisation {
  display: block;
}
.pick-organisation div.content {
  margin: 220px auto auto 25%;
  width: 50%;
  min-width: 500px;
}
.pick-organisation div.content div {
  min-width: 400px;
}
.navbar-toggle {
  background-color: #59468d;
}
.navbar-toggle .icon-bar {
  background-color: white;
}
.container.top-bar {
  margin-bottom: 20px;
}
.container.top-bar div {
  float: left;
}
.container.top-bar .logo {
  padding-top: 15px;
  margin-left: -50px;
}
.container.top-bar .logo a.navbar-brand {
  width: 80px;
  height: 70px;
}
.container.top-bar .logo a.navbar-brand .fill-turqoise {
  fill: #63c0cb;
}
.container.top-bar .logo a.navbar-brand .fill-orange {
  fill: #ffad5b;
}
.container.top-bar .logo a.navbar-brand .fill-red {
  fill: #f95d62;
}
.container.top-bar .logo a.navbar-brand .fill-purple {
  fill: #59468d;
}
.container.top-bar h3 {
  padding-left: 150px;
  padding-top: 10px;
}
.container.top-bar .menu {
  padding-left: 100px;
}
.container.top-bar h2 {
  padding-left: 28px;
  margin-top: 50px;
  color: #59468d;
}
.container.top-bar .navbar-inverse {
  background-color: white;
  background-image: none;
  border-color: none !important;
  border-width: 0px;
}
.container.top-bar .navbar-inverse .navbar-nav > li > a {
  text-shadow: none;
  color: #59468d;
  font-size: 1.3em;
}
.container.top-bar .navbar-inverse .navbar-nav > li > a:hover {
  color: #439ba5;
}
.container.top-bar .navbar-inverse .navbar-nav > li:hover {
  background-color: rgba(239, 239, 239, 0.78);
}
.container.top-bar .navbar-inverse .navbar-nav > li:focus {
  background-color: rgba(239, 239, 239, 0.78);
}
.container.top-bar .navbar-inverse .navbar-nav > li.selected a {
  background-color: rgba(239, 239, 239, 0.78);
  color: #439ba5;
}
.container.top-bar .navbar-inverse .navbar-nav .sub-menu ul {
  display: none;
  position: absolute;
  left: 145px;
  width: 200px;
  top: 0;
  font-size: 0.9em;
  background-color: #f2f2f2;
  z-index: 1;
}
.container.top-bar .navbar-inverse .navbar-nav .sub-menu ul li:focus {
  background-color: rgba(239, 239, 239, 0.78);
  cursor: pointer;
}
.container.top-bar .navbar-inverse .navbar-nav .sub-menu:hover ul {
  display: block;
}
.container.top-bar .navbar-inverse .navbar-brand {
  text-shadow: none;
  color: #666666;
  font-size: 1.3em;
}
.container.top-bar .navmenu {
  padding-left: 15px;
}
.container.top-bar .navbar-toggle.visible-xs {
  position: absolute;
  top: 40px;
  left: 5px;
  float: left;
  padding: 5px 5px;
}
@media screen and (max-width: 800px) {
  .container.top-bar .menu {
    padding-left: unset;
  }
  .container.top-bar h2 {
    padding-left: 10px;
    margin-top: 10px;
  }
  .container.top-bar .logo {
    padding-top: unset;
    margin-left: unset;
    float: right;
    margin-right: 110px;
  }
  .container.top-bar .logo a.navbar-brand {
    width: 45px;
    margin-left: 30px;
  }
  .container.top-bar .logo a.navbar-brand svg {
    max-width: 140px;
  }
}
.pagination {
  margin: 0px;
}
.pagination > .active > a {
  background-color: #63c0cb;
  border-color: #25acbc;
}
.pagination li a:hover,
.pagination li a:focus,
.pagination li a.focus {
  background-color: #eaf9fc;
  border-color: #25acbc;
}
.panel.panel-default.note {
  padding-left: 0;
  padding-right: 0;
  position: relative;
  /*&:before {
        content: "";
        position: absolute;
        bottom: -20px;
        left: 40px;
        border-width: 20px 20px 0;
        border-style: solid;
        border-color: #337ab7 transparent;
        display: block;
        width: 0;
    }

    &:after {
        content: "";
        position: absolute;
        bottom: -13px;
        left: 47px;
        border-width: 13px 13px 0;
        border-style: solid;
        border-color: #fff transparent;
        display: block;
        width: 0;
    }*/

}
.panel.panel-default.note.left {
  margin-right: 120px;
  /*&:before {
	        top: 10px;
            bottom: auto;
            left: -30px;
            border-width: 15px 30px 15px 0;
            border-color: transparent #337ab7;
        }
        &:after{
	        top: 16px;
            bottom: auto;
            left: -21px;
            border-width: 9px 21px 9px 0;
            border-color: transparent #fff;
        }*/

}
.panel.panel-default.note.right {
  margin-left: 120px;
  /* &:before {
	        top: 10px;
            bottom: auto;
            left: auto;
            right: -30px;
            border-width: 15px 0 15px 30px;
            border-color: transparent #337ab7;
        }
        &:after{
	        top: 16px;
            bottom: auto;
            left: auto;
            right: -21px;
            border-width: 9px 0 9px 21px;
            border-color: transparent #fff;
        }*/

}
@media (max-width: 767px) {
  .panel.panel-default.note {
    margin-bottom: 10px;
  }
  .panel.panel-default.note.left {
    margin-right: 50px;
  }
  .panel.panel-default.note.right {
    margin-left: 50px;
  }
}
.panel.panel-default.note div.row {
  padding-left: 15px;
  padding-right: 15px;
  margin-left: 0;
  margin-right: 0;
}
.panel-heading .form-inline i {
  padding-right: 5px;
}