/* Help Desk
------------------------------------------------------------*/
.cases {
   margin: 40px 0;
}

.cases table {
   margin-bottom: 0;
}

.cases .controls .create-case {
   float: right;
}

.case .case-controls {
   margin-top: 0;
}

.case .ticket-number {
   white-space: nowrap;
}

.case .case-info {
   line-height: 40px;
   margin-bottom: 20px;
   vertical-align: middle;
}

.case .case-info .user-avatar {
   display: inline-block;
   margin-right: 10px;
}

.case .case-description {
   margin-bottom: 40px;
}

.case .resolution + .resolution,
.case .note + .note {
   border-top: 1px solid #EEE;
   padding-top: 19px;
}

.case .resolution .description,
.case .note .text,
.case .note .attachment,
.case .resolution .metadata,
.case .note .metadata {
   margin-bottom: 20px;
}

.case .resolution .metadata,
.case .note .metadata {
   text-align: right;
}

.case .crmEntityFormView.readonly {
   padding-left: 0;
}

.case .crmEntityFormView .cell.picklist-cell .control > span,
.case .crmEntityFormView .cell.lookup-cell .control > span {
   display: block;
   margin-bottom: 10px;
}

.case .crmEntityFormView .cell input:disabled,
.case .crmEntityFormView .cell select:disabled {
   background: none;
   border: none;
   box-shadow: none;
   -moz-box-shadow: none;
   padding: 0;
}

.case .crmEntityFormView.readonly .cell div.info.required label:after {
   content: none;
}

.case .crmEntityFormView .cell div.info label {
   font-weight: bold;
}

@media (max-width: 767px) {
   .case .resolution .metadata,
   .case .note .metadata {
      text-align: left;
   }

   .cases .controls .btn,
   .cases .controls input.btn[type="submit"] {
      display: block;
      float: none;
      width: 100%;
   }
}

@media (max-width: 480px) {
   .case .case-controls,
   .case .status {
      float: none;
      margin-bottom: 20px;
   }

   .case .case-controls .btn {
      display: block;
      float: none;
   }

   .case .case-controls .btn-group {
      display: block;
      margin-left: 0;
      margin-bottom: 10px;
   }
}

/* Help Desk
------------------------------------------------------------*/
.case-deflection .product {
   margin-bottom: 10px;
}

.case-deflection .panel-footer .alert:last-child {
   margin-bottom: 0;
}

.button-margin-left {
            margin-left: 5px;
}