body.login {
  background: url(../img/ocean.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%;
}

.multiline {
  white-space: pre-wrap;
  word-wrap: break-word;
}

.login-box {
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.65);
  border-radius: 5px;
  box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.1);
  float: none;
  margin: 0 auto;
  padding: 35px;
}

.gold-case {
  background: #f9ff3e !important;
}

.orange-case {
  background: #facc94db !important;
}

.nav-header {
  background-color: #ecf2f7 !important;
  border-bottom-color: #bcd4e5;
  color: #8090a0;
}

.office-select {
  min-width: 125px;
}

.branch-selector {
  padding: 5px 8px !important;
}

.dataTables_wrapper .table.dataTable {
  margin-bottom: 0 !important;
}

#edit-checkbox>#edit {
  visibility: hidden;
}

#edit-checkbox:hover>#edit {
  visibility: visible;
}

.timepicker-picker .table-condensed>tbody>tr>td {
  padding: 0;
}

.itemdiv.dialogdiv>.body:before {
  content: none;
}

.itemdiv.dialogdiv:before {
  content: none !important;
}

.itemdiv>.body {
  margin-left: 10px !important;
  max-width: 80% !important;
  min-width: 40% !important;
}

.itemdiv>.body.incoming {
  float: left;
}

.itemdiv>.body.outgoing {
  float: right;
}

.itemdiv>.body.outgoing .time {
  float: left !important;
}

.itemdiv>.body.outgoing .name {
  float: right !important;
}

.itemdiv>.body.outgoing .text {
  float: right !important;
  clear: right;
  text-align: justify;
}

.itemdiv.dialogdiv>.body {
  margin-right: 10px !important;
}

.itemdiv.dialogdiv>.body.incoming:before {
  content: "";
  display: block;
  position: absolute;
  left: -7px;
  top: 11px;
  width: 8px;
  height: 8px;
  border: 2px solid #cccccc;
  border-width: 2px 0 0 2px;
  background-color: #FFF;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.itemdiv.dialogdiv>.body.outgoing:before {
  content: "";
  display: block;
  position: absolute;
  right: -7px;
  left: inherit;
  top: 11px;
  width: 8px;
  height: 8px;
  border: 2px solid #cccccc;
  border-width: 2px 0 0 2px;
  background-color: #FFF;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

.itemdiv.dialogdiv>.body {
  border: 2px solid #cccccc !important;
  border-radius: 5px;
}

td.row-details {
  background-color: #d1cfd0;
  border: 2px solid #A19B9E;
}

.pointer {
  cursor: pointer !important;
}

@media screen {
  .noPrint {}

  .noScreen {
    display: none;
  }
}

@media print {
  .noPrint {
    display: none;
  }

  .noScreen {}
}

mark {
  background: orange;
  color: black;
}

.modal.modal-wide {
  left: 50%;
  margin-left: -37.5%;
}

@media (max-width: 980px) {
  .modal.modal-wide {
    left: 1% !important;
    margin-left: auto !important;
  }
}

.modal.modal-wide .modal-dialog,
.modal.modal-wide .modal-body,
.modal.modal-wide {
  min-width: 75%;
}

.modal-wide .modal-body {
  overflow-y: auto;
}

.single-container:last-child>.item-break hr {
  display: none;
}

.padding-top-2 {
  padding-top: 2px;
}

.dl-horizontal.spaced-4 dt,
.dl-horizontal.spaced-4 dd {
  margin-bottom: 4px;
}

.timeline-container,
.summary-container,
.red-flags-container,
.injuries-container,
.futures-container,
.case-analysis-container {
  padding-top: 0 !important;
}

#timeline-items {
  margin: 32px;
}

#summary-error,
#timeline-error,
#red-flags-error,
#injuries-error,
#futures-error,
#case-analysis-error {
  margin: 32px 32px 0 32px;
}

#summary-generating,
#timeline-generating,
#red-flags-generating,
#injuries-generating,
#futures-generating,
#case-analysis-generating {
  padding: 32px;
}

#summary-message,
#timeline-message,
#red-flags-message,
#injuries-message,
#futures-message,
#case-analysis-message {
  padding: 32px;
}

.control-label.disabled {
  color: grey;
  cursor: not-allowed;
}

#red-flags-items {
  padding: 15px !important;
}

#red-flags-container>#red-flags-items>div {
  margin-bottom: 20px;
}

#red-flags-container>#red-flags-items>div:last-child {
  margin-bottom: 0;
}

#red-flags-container .red-flags-source {
  color: #428bca;
}

#red-flags-container .red-flags-source:hover {
  cursor: pointer;
  color: #2a6496;
}


#red-flags-container div h4 {
  font-weight: bold;
  margin-top: 0;
}

#red-flags-container li.no-bullet {
  list-style-type: none;
}

#red-flags-container a.resolve {
  margin-left: 10px;
  margin-top: -5px;
}

#red-flags-container a.undo {
  margin-left: 10px;
  margin-top: -5px;
  font-size: 10pt;
}

#medical-summary-how-it-works,
#medical-futures-how-it-works,
#medical-injuries-how-it-works,
#case-analysis-how-it-works {
  padding: 7px !important;
  position: absolute;
  right: 0;
}

#medical-timeline-how-it-works {
  padding: 10px;
  position: absolute;
  right: 0;
  margin-top: -32px;
}

#medical-timeline-how-it-works.not-generated {
  margin-top: 0;
}

#red-flags-how-it-works {
  float: right;
  padding: 10px
}

.dropdown-menu>li.parent-case>a:before {
  content: "\f005";
  font-family: FontAwesome;
  margin-right: 2px;
  font-size: 0.8em;
  position: absolute;
  left: 11px;
  top: 11px;
}

.dropdown-menu>li.child-case>a,
.dropdown-menu>li.parent-case>a {
  padding-left: 24px;
}

table td.expander .btn.btn-small {
  background: transparent !important;
  color: #333 !important;
  padding: 1px 1px;
  font-size: 12px;
  line-height: 1;
  border-width: 0 !important;
  font-style: normal !important;
  text-shadow: none !important;
}

.icon-minus::before {
  content: "\f078";
  font-family: FontAwesome;
  font-style: normal !important;
}

.icon-plus::before {
  content: "\f054";
  font-family: FontAwesome;
  font-style: normal !important;
}

.sentiment {
  display: flex;
  align-items: center;
  margin-top: 5px;
}

#phone-log-table .sentiment {
  margin: 0;
}

.sentiment--1,
.sentiment-0,
.sentiment-1,
.sentiment-2,
.sentiment-3,
.sentiment-4,
.sentiment-5,
.sentiment-6,
.sentiment-7,
.sentiment-8,
.sentiment-9,
.sentiment-10 {
  font-size: 1.5em;
  margin-right: 5px;
}

.sentiment-0 {
  color: #c0392b;
}

.sentiment-1 {
  color: #c0392b;
}

.sentiment-2 {
  color: #c34d40;
}

.sentiment-3 {
  color: #c2665c;
}

.sentiment-4 {
  color: #c09894;
}

.sentiment-5 {
  color: #999;
}

.sentiment-6 {
  color: #6a8a6a;
}

.sentiment-7 {
  color: #74a249;
}

.sentiment-8 {
  color: #609e27;
}

.sentiment-9 {
  color: #27ae32;
}

.sentiment-10 {
  color: #27ae32;
}