.body {
   font-family: Tahoma;
}

header {
   margin-bottom: 15px;
   font-weight: bold;
}

   header hgroup h1 {
      margin: 0 !important;
      font-size: 18px;
      color: white;
      text-align: center;
      height: 24px;
      font-weight: bold;
      white-space: nowrap;
   }

   header hgroup h2 {
      margin: 0 !important;
      line-height: 20px;
      font-weight: bold;
      color: Gainsboro;
      font-size: 14px;
      white-space: nowrap;
      font-family: Arial;
   }

   header a {
      color: #fff;
   }

      header a:hover {
         color: #fff;
         text-decoration: underline;
      }

   header .HeaderCaseNumber {
      color: Gainsboro;
      margin-top: 8px;
      font-size: 10pt;
      font-family: Arial;
      line-height: 18px;
   }

   header .row div {
      padding-left: 0 !important;
      padding-right: 0 !important;
   }

   header .row button {
      margin-left: 0 !important;
      margin-right: 0 !important;
   }

.title-block {
   color: steelblue;
   font-style: italic;
   font-size: 8pt;
}

.control-label .subtitle {
   color: steelblue;
   font-size: 8pt;
}

.section-header {
   font-family: Arial;
   font-size: 10pt;
   font-weight: bold;
   display: inline-block;
   white-space: nowrap;
}

   .section-header * {
      margin-left: 20px;
   }

.validation-summary-valid {
   display: none;
}

.validation-summary-error,
.validation-summary-errors {
   color: Firebrick;
   font-weight: bold;
}

.status-control, .received-date {
   display: inline-block;
   padding: 4px 7px;
   border-radius: 3px;
   margin-bottom: 3px;
   border: 1px solid black;
   width: 125px !important;
   text-align: center;
   cursor: default;
}

.status-open, .received-weapon {
   background-color: lightgreen;
}

.status-closed, .not-received-weapon {
   background-color: lightcoral;
}


/*
   -----------------------------------------------------------------------------------
   Grid Styles
   -----------------------------------------------------------------------------------
*/

.FormTable {
   width: 100% !important;
   margin-top: 4px;
   border: 1px solid gainsboro !important;
}

   .FormTable td {
      border: 0 none !important;
      border-right: 1px solid gainsboro !important;
      background: white;
      padding: 4px 3px;
   }

   .FormTable tr {
      border-bottom: 1px solid #dedfde !important;
      background: White;
   }

   .FormTable th {
      background: steelblue;
      color: white;
      padding: 4px 3px;
   }

.FormTableRowSelected, .FormTableRowSelected td {
   cursor: pointer;
   background: #efefef !important;
}

.FormTableRowHover {
   cursor: pointer;
   background: palegoldenrod !important;
}

.ContainsFloatedChildren {
   zoom: 1;
}

   .ContainsFloatedChildren:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
   }

.DataGridFixedHeader {
   overflow: hidden;
}

.FixedTable {
   overflow-x: visible;
}

.FixedTableDiv {
   overflow: auto;
   overflow-x: hidden;
}

.FixedTableHeaderRow {
   position: relative;
   background: #4682b4;
}

.FixedTableHeader {
   float: left;
   text-align: center;
   background: #4682b4;
   color: white;
   font-weight: bold;
   padding-top: 2px;
   padding-bottom: 2px;
}

.FixedTableCropIcon { /* background: url('../Images/crop.png') no-repeat; */
   width: 17px;
   height: 16px;
   cursor: pointer;
   position: absolute;
   right: 0;
}

.ToggleGridTextBox {
   visibility: hidden;
   position: absolute;
   top: 0;
   left: 0;
}


/*
   -----------------------------------------------------------------------------------
   Web Notification Styles
   -----------------------------------------------------------------------------------
*/
.LoadingIndicator {
   width: 100%;
   height: 100%;
   position: absolute;
   z-index: 100000;
   top: 0;
   left: 0;
   background: #b0c4de;
   display: block;
}

.WebNotification {
   background: LightGreen;
   border: 3px ridge steelblue;
   font-size: 12pt;
   z-index: 30000;
   padding: 5px 20px 5px 20px;
   position: absolute;
   top: 5px;
   font-weight: bold;
   width: 452px;
}

.WebNotificationDetails {
   background: LightSteelBlue;
   border: 3px ridge steelblue;
   font-size: 10pt;
   z-index: 40000;
   padding: 5px 20px 5px 20px;
   position: absolute;
   top: 300px;
   left: 50%;
   font-weight: bold;
   text-align: center;
   width: 640px;
}

.WebNotificationMessage {
   display: none;
}

.NotificationError {
   background: Red;
   color: White;
}

.NotificationWarning {
   background: Yellow;
   color: Black;
}

.WebNotificationMessageFormatted {
   width: 100%;
   display: block;
   font-size: 12pt;
   font-weight: bold;
   text-align: center;
}

.WebNotificationDetail {
   background: LightSteelBlue;
   height: 101px;
   width: 972px;
   position: relative;
   font-family: Tahoma;
   z-index: 40000;
}

.NotificationDetailTextBox {
   background: LightSteelBlue;
   border-style: inset;
   color: firebrick;
   height: 101px;
   left: 8px;
   position: absolute;
   top: 16px;
   width: 956px;
   z-index: 40000;
   font-family: Tahoma;
}

.NotificationHR {
   border-bottom-color: Silver;
   border-bottom-style: solid;
   border: 1px solid silver;
   height: 4px;
   left: 8px;
   position: absolute;
   top: 8px;
   width: 962px;
   z-index: 40000;
   font-family: Tahoma;
   margin: 0;
}


/*
   -----------------------------------------------------------------------------------
   Menu Styles
   -----------------------------------------------------------------------------------
*/
.menuPrint {
   z-index: 9999;
   position: absolute;
   top: 0;
   left: 219px;
   cursor: none;
}

.menuStaticItemPrint {
   z-index: 9999;
   font-weight: bold;
   color: white;
   padding-left: 4px;
   padding-right: 4px;
   background-color: steelblue;
   border: 1px solid orange;
   font-size: 10pt;
}

.menuDynamicItemPrint {
   z-index: 9999;
   font-weight: bold;
   padding-left: 4px;
   padding-right: 4px;
   color: white;
   background-color: steelblue;
   border-color: orange;
   border-style: solid;
   border-top-width: 0;
   border-bottom-width: 0;
   border-left-width: 1px;
   border-right-width: 1px;
   font-size: 10pt;
   cursor: pointer;
}

.menuStaticHoverPrint {
}

.menuDynamicHoverPrint {
   background-color: darkorange;
}


.ScanningDialogContainer {
   height: 498px;
   width: 800px;
}

.ScanningControlContainer {
   background: white;
}

.ImageViewerContainer {
   height: 480px;
   width: 640px;
}

.ScanningViewStep, .UploadViewStep {
   height: 63px;
   color: black;
   padding-top: 15px;
   padding-left: 50px;
   cursor: pointer;
}

   .ScanningViewStep a {
      text-decoration: none;
      color: Black;
   }

   .UploadViewStep a {
      padding-left: 100px;
   }

.Step1 {
   background-image: url('../Images/scannerview1.png');
   background-position: 0 0;
   background-repeat: no-repeat;
}

.Step2 {
   background-image: url('../Images/scannerview2.png');
   background-position: 0 0;
   background-repeat: no-repeat;
}

.Step3 {
   background-image: url('../Images/scannerview3.png');
   background-position: 0 0;
   background-repeat: no-repeat;
}

.Step4 {
   background-image: url('../Images/scannerview4.png');
   background-position: 0 0;
   background-repeat: no-repeat;
}

.ScanningLowerControlDiv {
   position: absolute;
   bottom: 20px;
   left: 8px;
   width: 300px;
}

   .ScanningLowerControlDiv label {
      display: inline-block;
   }

   .ScanningLowerControlDiv .GroupHeader {
      background-color: steelblue;
      color: White;
      padding: 10px;
      margin-bottom: 5px;
      margin-top: 5px;
   }

   .ScanningLowerControlDiv .Group {
      padding-left: 10px;
   }

.AttachmentDescriptionTextBox {
   color: #444;
}

.AttachmentIconEmpty {
   width: 48px;
   height: 20px;
}

.AttachmentIcon {
   background: url('../Images/attachmenticon.png') no-repeat;
   width: 48px;
   height: 20px;
}

.AttachmentIconHL {
   background: url('../Images/attachmenticonhl.png') no-repeat;
}


/* Levy Sale Management */
.LevySaleManagementSearch {
   margin-top: 5px;
   margin-left: 10px;
   float: right;
}

   .LevySaleManagementSearch > * {
      vertical-align: top;
   }

   .LevySaleManagementSearch label {
      display: inline-block;
      line-height: 20px;
   }

   .LevySaleManagementSearch a {
      margin-top: 0;
      height: 15px;
      line-height: 15px;
      border: 0;
   }

   .LevySaleManagementSearch input {
      margin-bottom: 1px;
   }


.WebDialog {
   display: none;
}

.WebDialogOverlay {
   position: absolute;
   z-index: 20000;
   background: black;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   filter: alpha(opacity=50);
   opacity: .50;
}

.WebDialogBox {
   position: absolute;
   border: 1px solid steelblue;
   background: white;
   margin: 0;
   top: 50%;
   left: 50%;
   z-index: 20001;
}

.WebDialogBoxContentRegion {
   background: lightsteelblue;
   border: 8px solid #CCC;
}

.WebDialogHighlight {
   background-color: steelblue;
}

.WebDialogHeader {
   font-weight: normal;
   padding: 15px;
   color: #222;
}

.WebDialog h2 {
   font-size: medium;
   margin: 0;
}


.field-validation-valid {
   display: none;
}

.field-validation-error {
   display: unset;
   color: #a94442;
}

.ft-large {
   font-size: 1.5em;
   color: #a94442;
}

.table-fixed-header {
   table-layout: fixed;
   border-collapse: collapse;
}

   .table-fixed-header thead tr {
      display: block;
      position: relative;
   }

   .table-fixed-header tbody {
      display: block;
      overflow: auto;
      width: 100%;
   }

.glyphicons-ok {
   color: #306930;
}

.currency-editor:disabled {
   background-color: oldlace;
}

.scroll-grid .table {
   margin-bottom: 0 !important;
   table-layout: fixed;
   border-collapse: collapse;
   -ms-text-overflow: ellipsis;
   empty-cells: show;
}

   .scroll-grid .table th,
   .scroll-grid .table td {
      margin: 0 !important;
   }

.scroll-grid-overflow {
   height: 300px;
   overflow-y: scroll;
   overflow-x: hidden;
}

   .scroll-grid-overflow .scroll-spacer {
      width: 0 !important;
   }

.scroll-grid-overflow-off {
   overflow-y: visible;
   overflow-x: hidden;
}

   .scroll-grid-overflow-off .scroll-spacer {
      width: 14px;
   }

.scroll-grid .footer-table .top-border {
   border-top: 3px solid #4682b4;
   z-index: 999999;
}

.scroll-grid .footer-table tfoot tr.dark td {
   background-color: steelblue !important;
   color: white !important;
}

.scrollbar-width {
   width: 14px;
}

.scroll-grid .body-table tr {
   cursor: pointer;
}

.scroll-grid .ellipsis-container {
   padding-left: 0 !important;
   padding-right: 0 !important;
}

.scroll-grid .ellipsis {
   cursor: pointer;
   width: 14px;
   font-size: 14px;
}

   .scroll-grid .ellipsis::after {
      content: "...";
   }

.table tr.mod {
   background-color: #fcf8e3 !important;
}

   .table tr.mod:hover {
      background-color: #faf2cc !important;
   }

.table tr.void,
tr.void.ledger-row {
   background-color: #f2dede !important;
   color: #a94442 !important;
}

   .table tr.void:hover,
   tr.void.ledger-row:hover {
      background-color: #e4b9b9 !important;
      color: #843534 !important;
   }

.table tr.hold {
   background-color: #f5e595 !important;
}

   .table tr.hold:hover {
      background-color: #efd867 !important;
   }

.table tr.stale,
tr.stale.ledger-row {
   background-color: #dff0d8 !important;
}

   .table tr.stale:hover,
   tr.stale.ledger-row:hover {
      background-color: #c1e2b3 !important;
   }

.table tr.refund {
   background-color: #daecf4 !important;
}

   .table tr.refund:hover {
      background-color: #7bd2f6 !important;
   }

.fill-out {
   border: 2px solid #a94442 !important;
   margin-right: -2px;
}

.FormTable > tbody > tr > td.warning,
.FormTable > tbody > tr > th.warning,
.FormTable > tbody > tr.warning > td,
.FormTable > tbody > tr.warning > th {
   background-color: #fcf8e3;
}

   .FormTable > tbody > tr > td.warning:hover,
   .FormTable > tbody > tr > th.warning:hover,
   .FormTable > tbody > tr.warning:hover > td,
   .FormTable > tbody > tr:hover > .warning,
   .FormTable > tbody > tr.warning:hover > th {
      background-color: #faf2cc;
   }

.FormTable > tbody > tr > td.danger,
.FormTable > tbody > tr > th.danger,
.FormTable > tbody > tr.danger > td,
.FormTable > tbody > tr.danger > th {
   background-color: #f2dede;
}

   .FormTable > tbody > tr > td.danger:hover,
   .FormTable > tbody > tr > th.danger:hover,
   .FormTable > tbody > tr.danger:hover > td,
   .FormTable > tbody > tr:hover > .danger,
   .FormTable > tbody > tr.danger:hover > th {
      background-color: #ebcccc;
   }

.btn-link {
   border: 0;
   padding: 0 !important;
}

   .btn-link:focus {
      outline: none;
   }

.a-danger, .a-danger:focus {
   color: #a94442;
   font-weight: bold;
}

   .a-danger:hover {
      color: #973d3b;
   }

.tooltip-inner {
   white-space: pre-wrap;
}