html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  border: none;
  background-color: white;
  font-size: 8pt;
  color: #666666;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
}

a {
  text-decoration: none;
  color: inherit;
  outline: 0;
}

img, input {
  outline: 0;
  border: 0;
}

.LinkButton {
  text-decoration: underline;
  color: Blue;
}

li {
  list-style-type: none;
  padding-left: 0;
  margin-left: 0;
}

ul {
  padding-left: 0;
  margin-left: 0;
}

p {
  font-size: 11px;
  color: #666666;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
}

td {
  font-size: 11px;
  /*color:#666666;*/
  font-family: Verdana, Arial, Helvetica, sans-serif;
  vertical-align: top;
}

.H1 {
  font-weight: bold;
  font-size: 15px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  padding-bottom: 3px;
  color: #1D4781;
}

fieldset {
  border: solid lightgrey 2px;
}

.H2, legend {
  font-weight: bold;
  font-size: 13px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  padding-bottom: 3px;
  color: #1D4781;
}

.pagewidth {
  width: 800px;
  margin: auto;
}

.RoundedBox {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  box-shadow: 2px 2px 5px #878787;
}

.CaseRule {
  background-image: url(images/caselist/table_rule_repeat.gif);
  background-repeat: repeat-x;
}

.CaseRuleBottom {
  background-image: url(images/caselist/table_rule_repeat.gif);
  background-repeat: repeat-x;
  background-position: bottom;
}

table.SmallTable, table.SmallTableEdit {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%
}

  table.SmallTable tbody tr td {
    padding: 1px 2px 1px 2px;
  }

  table.SmallTableEdit tbody tr td {
    padding: 3px 2px 3px 2px;
  }

table.CaseListTable {
  border-collapse: collapse;
  width: 100%;
}

  table.CaseListTable td {
    padding: 6px;
  }

  table.CaseListTable th {
    text-align: left;
    padding: 6px;
  }

  table.CaseListTable td.CaseCellSectionStart {
    padding-top: 15px;
  }

.CaseListHeader img {
  margin-left: 5px;
}

.RedText {
  color: #BE0000;
}

.Disabled {
  opacity: 0.4;
  filter: alpha(opacity=40); /* For IE8 and earlier */
}

.Thumbnail {
  box-shadow: 0 5px 5px #707070;
  height: 90px;
  margin-right: 10px;
  margin-bottom: 10px;
  float: left;
}

.ThumbnailSmall {
  box-shadow: 0 5px 5px #707070;
  height: 40px;
  float: left;
}

.reset {
  clear: both;
}

.logoContainer {
  float: left;
  width: 300px;
  height: 150px;
  text-align: center;
  vertical-align: middle;
}

.NavButton {
  margin: 121px 0 0 0;
  padding: 0;
}

.NavLinkButton {
  float: left;
  margin-left: 10px
}

.BlueNavButton {
  margin: 0;
  padding: 0;
}

.NavImageButton {
  float: left;
}

.MenuHomeButton {
  vertical-align: top;
  margin-top: 7px;
  margin-right: 9px;
  margin-left: 9px;
}

.CaseListGroup {
  box-shadow: 2px 2px 2px #878787;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #F4F1F1;
  margin-bottom: 15px;
  margin-top: 5px;
  /*width:600px;*/
  width: 100%;
  min-width: 600px;
}

  .CaseListGroup#divPickupsEmbed {
    width: 100%;
    min-width: 210px;
  }

.CaseListHeader {
  background-color: #D2D9E0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  text-align: left;
}

.CaseListHeader_Right {
  background-color: #D2D9E0;
  border-top-right-radius: 10px;
  text-align: left;
}

.CaseListHeader_Left {
  background-color: #D2D9E0;
  border-top-left-radius: 10px;
  text-align: left;
}

input[type="text"], input[type="date"], input[type="password"], input[type="textarea"], input[type="file"], textarea, select {
  /*border:0px solid #757373;*/
  /*font-size:9pt;
    font-family:Verdana;*/
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  padding: 1px 4px 2px 4px;
  /*background-color:#676767;
    box-shadow:1px 1px 1px white;
    color:White;*/
}

  input[type="text"].HiddenText {
    box-shadow: 0 0 0 white;
  }

  input[type="text"].Date, input[type="text"].jqTime {
    width: 75px;
  }

.GrayText {
  color: #c0c0c0;
}

.Section {
  margin-bottom: 15px;
}

.popUp {
  border: solid 1px #A9A9A9;
  padding: 10px;
  vertical-align: middle;
  background-color: white;
  opacity: 1;
  z-index: 999;
  position: fixed;
  display: none;
  margin: 15px 15px 15px 15px;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.Required {
  color: #BE0000;
  margin-left: 5px;
}

.uploadify-button-alt {
  background-image: url('images/ButtonAlt/SelectFiles.png');
  background-position: center;
  background-repeat: no-repeat;
}

.ScreenDisabled {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.6;
  filter: alpha(opacity=60); /* For IE8 and earlier */
  display: none;
}

.SubmitDiv {
  position: fixed;
  font-size: 10pt;
  left: 40%;
  top: 40%;
  width: 320px;
  height: 200px;
  text-align: center;
  background-color: White;
  border: 1px solid #808080;
  margin: auto;
  display: none;
  opacity: 1;
  filter: ""; /* For IE8 and earlier */
}

.SectionContainer {
  margin: auto;
}

.formLayout {
  background-color: #f3f3f3;
  border: solid 1px #a1a1a1;
  padding: 10px;
  width: 300px;
}

  .formLayout label, .formLayout input {
    display: block;
    width: 120px;
    float: left;
    margin-bottom: 10px;
  }

  .formLayout label {
    text-align: right;
    padding-right: 20px;
  }

  .formLayout br, clear {
    clear: left;
  }

.ChatWindow {
  width: 375px;
  border: 1px solid #676767;
  position: fixed;
  bottom: 0;
  right: 10px;
  /*background-color:white;*/
  z-index: 1000;
}

.ChatContainer {
  display: none;
}

.ChatMessages {
  overflow: scroll;
  overflow-x: auto;
  height: 400px;
}

.Comment {
  padding: 3px;
  border: 1px solid #dbdbdb;
  width: 100%;
}

.Ghosted {
  color: #bbb;
}

.Info {
  font-style: italic;
  color: #839f33;
}

.RestorationOptionsTable tr td {
  padding-top: 0;
  padding-bottom: 0;
}

.PatientInfo tr td, .TableAlignMiddle tr td {
  vertical-align: middle;
  padding-right: 5px;
}

.Clear {
  clear: both;
}

.swfupload {
  position: absolute;
  z-index: 1;
}

table.SectionHeader {
  width: 100%;
  padding-left: 0;
  margin-left: 0;
  border-collapse: collapse
}

  table.SectionHeader tr td:last-child {
    padding-left: 10px;
  }

  table.SectionHeader tr td:first-child {
    padding-right: 10px;
    padding-left: 0;
  }

table.CaseSectionHeader {
  padding-left: 0;
  margin-left: 0;
  border-collapse: collapse;
  /*width:600px;*/
  width: 100%;
  min-width: 600px;
}

  table.CaseSectionHeader tr td:last-child {
    padding-left: 10px;
  }

  table.CaseSectionHeader tr td:first-child {
    padding-right: 10px;
    padding-left: 0;
  }

button {
  display: none;
  width: 78px;
}

  button.ui-multiselect, button.ui-datepicker-current, button.ui-datepicker-close {
    display: inline-block;
  }

.Button {
  width: 75px;
}

.ButtonNewCase {
  width: 95px;
}

.ButtonCase {
  width: 97px;
}

ButtonSubmit {
  color: #3C0;
}

.SearchButton {
  width: initial;
  margin: 0 0 0 .40em;
}

.Terms {
  width: 100%;
  height: 100%;
}

.no-close .ui-dialog-titlebar-close {
  display: none;
}

.smallinfo {
  font-size: x-small;
  color: gray;
}

.Notes {
  font-size: 12pt;
  width: 100%;
}

.SaveMessage {
  padding-top: 20px;
  font-size: 15px;
  padding-right: 10px;
  padding-left: 10px;
  height: 100px;
}

canvas#signature-pad-body {
  border: 1px solid black;
  cursor: url(./pen.cur), auto;
  background-color: white;
}

table.RegistrationTable {
  table-layout: fixed;
  overflow: hidden;
}

  table.RegistrationTable td {
    overflow: hidden;
    width: auto;
  }

.sigFooter {
  padding-left: 360px;
}

.sigHeader {
  margin-top: 10px;
}

#btnUploadSignature {
  margin-left: 130px;
  position: relative;
}

#btnRemove {
  position: relative;
}

#jqSignature {
  height: 20px;
  width: 200px;
  margin-top: 3px;
}

td#jqLicenseNumber {
  width: 100px;
  height: 20px;
  border-bottom: solid 1px black;
  padding-left: 150px;
}

.jqDocInfo {
  font-size: smaller;
  padding-right: 5px;
}

img.registerSignature {
  margin-top: 7px;
}

#CaseDetailsHeader {
  height: 50px;
  width: 100%;
}

#lblOriginalReturnDate {
  font-size: larger;
  font-weight: bold;
  color: Red;
}

#NewVersionAlert {
  font-weight: bold;
  color: red;
}

#changelogContent {
  font-size: 14px;
}

.no-close .ui-dialog-titlebar-close {
  display: none
}

.imgFilter {
  height: 5px;
}
/*These fix the filter popup on the Case grid.  JQuery UI 1.12.1 broke it.*/
.ui-widget-content .ui-state-active,
.ui-button.ui-state-active:hover {
  border: unset;
  background: unset;
  font-weight: unset;
  color: unset;
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin-left: 5px;
  margin-top: 3px;
  margin-right: -2px;
}

#txtPasswordDescription {
  width: 80%;
  word-wrap: break-word;
}

#btnDraw, #toothCanvas, #imgToothDraw, #imgToothSave, #imgToothClear, #toothDrawSaveMsg, #penSlider, #pencolorpicker, #dragAndDrop {
  visibility: hidden;
  display: inline-block;
}

#dragIcons {
  visibility: hidden;
}

#penSlider {
  display: none;
}

#toothDrawSaveMsg {
  color: #839f33;
}

#toothCanvas {
  position: absolute;
  border: 1px solid;
  z-index: 1000001;
  float: left;
}

input[type="color"] {
  transition: none;
}

.slider {
  -webkit-appearance: none;
  width: 100%;
  height: 15px;
  border-radius: 5px;
  background: #666;
  vertical-align: bottom;
  margin-bottom: 5px !important;
}

  .slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #1D4781;
    cursor: pointer;
  }

  .slider::-moz-range-thumb {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #1D4781;
    cursor: pointer;
  }

input::-webkit-color-swatch {
  border: none;
}

input[type=range] {
  display: inline;
  width: 8%;
}

#pencolorpicker {
  height: 15px;
  vertical-align: bottom;
  background-color: black;
  border-radius: 50px;
  width: 2%;
  margin-bottom: -.2px !important;
}

#dragIcons {
  width: 3%;
  margin-left: 560px;
}

.raisedBox {
  padding: 10px;
  border: 1px solid #666;
  box-shadow: 1px 1px #666, 2px 2px #666, 3px 3px #666, 4px 4px #666;
  height: 235px;
}

#outerContainer {
  width: 550px;
  height: 261px;
  float: left;
  position: absolute;
  z-index: -100;
}

#container {
  float: left;
}

.imgDrag {
  visibility: hidden;
}

[id*='divTeethImg'] {
  width: 550px;
  background-color: white;
  height: 261px !important;
  padding-top: 2px !important;
}

.CaseGridWidth {
  max-width: 900px;
}

.jqEnclosure {
  position: absolute;
  color: White;
  font-size: 12pt;
  background-color: transparent;
  border: none;
  padding: 0 0 0 0;
  margin: 5px 0 0 6px;
}

.lblEnclosurePadding {
  padding-top: 3px;
}

.jqNoShip {
  display: inline;
  padding-left: 5px;
}

#txtReturnDate, #txtReturnTime {
  margin: 0;
  padding-left: 0;
}

#tblNotifications td label input[type="radio"], input[type="checkbox"] {
  padding: 0 0 3px 0;
}

#LoginMessage {
  padding-left: 50px;
}

.LoadingSpan {
  padding-left: 5px;
  color: #696969;
  font-family: arial;
  font-weight: 400;
}

.divProductGroup {
  float: left;
  width: 200px;
  overflow: hidden;
}