/*Page styling
================================== */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800);

.ODialog-container * {
   box-sizing: border-box;
   border-collapse: collapse;
}

.ODialog-container {
   min-width: 320px;
   max-width: 2400px;
   /*margin: 0 auto; mah */
   font-family: 'Open Sans', sans-serif;
   font-style: normal;
   font-size: 12px !important;
   background-color: white;
}

   .ODialog-container h1 {
      font-weight: normal;
      font-size: 18px !important;
      line-height: 25px;
      letter-spacing: 0.25px;
      color: #333333;
   }

   .ODialog-container h2 {
      font-weight: bold;
      font-size: 12px !important;
      line-height: 20px;
      letter-spacing: 0.5px;
      color: #888888;
   }

   .ODialog-container p, .ODialog-container td {
      font-weight: normal;
      font-size: 12px !important;
      line-height: 20px;
      letter-spacing: 0.5px;
      color: #333333;
   }

      .ODialog-container p strong {
         font-weight: 600;
         font-size: 12px !important;
         line-height: 20px;
         letter-spacing: 0.35px;
         color: #333333;
      }

   .ODialog-container .small {
      font-size: 10px !important;
      text-transform: uppercase !important;
      color: #888888 !important;
   }

   .ODialog-container a {
      font-size: 12px !important;
      line-height: 20px;
      letter-spacing: 1.2px;
      color: #fff;
      white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
   }

   .ODialog-container table p, .ODialog-container table p small, .ODialog-container .lc1 {
      margin: 0;
      padding: 0;
   }

.HL_devel {
   background: white;
   width: 100%;
   margin: 0;
   height: 53px;
}

/* Checkboxes */
.CheckboxContainer, .CheckboxHero {
   display: block;
   position: relative;
   cursor: pointer;
   font-size: 22px;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   align-self: center;
}

   /* Hide the browser's default checkbox */
   .CheckboxContainer input, .CheckboxHero input {
      position: absolute;
      opacity: 0;
      cursor: pointer;
      height: 0;
      width: 0;
   }

.checkmark {
   position: absolute;
   top: 0;
   left: 0;
   height: 16px;
   width: 16px;
   border-radius: 3px;
   border: 1px solid #999;
}

.CheckboxContainer:hover input ~ .checkmark, .CheckboxHero:hover input ~ .checkmark {
   border: 1px solid #000;
}

.CheckboxContainer input:checked ~ .checkmark, .CheckboxHero input:checked ~ .checkmark {
   background-color: black;
   border: 1px solid black;
}

.checkmark:after {
   content: "";
   position: absolute;
   display: none;
}

.CheckboxContainer input:checked ~ .checkmark:after, .CheckboxHero input:checked ~ .checkmark:after {
   display: block;
}

.CheckboxContainer .checkmark:after, .CheckboxHero .checkmark:after {
   left: 5px;
   top: 1px;
   width: 4px;
   height: 8px;
   border: solid white;
   border-width: 0 1px 1px 0;
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
}

.listcontrol-options-btn {
   cursor: pointer;
}