﻿.LiveForm.bpr {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  /* margin-bottom: 20px; */ /* Customized by OPSI */
  line-height: normal;
  padding: 15px;
  background-color: #fff;
  /* border: 1px solid #cccccc; */ /* Customized by OPSI */
  border-radius: 6px;
  background-color: #ffffff;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.LiveForm.bpr td,
.LiveForm.bpr th,
.LiveForm.bpr table,
.LiveForm.bpr .Field input,
.LiveForm.bpr .Field select,
.LiveForm.bpr .Field textarea,
.LiveForm.bpr .Field button {
  font-family: Arial, Helvetica, sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.LiveForm.bpr ul {
  list-style: none outside none;
  margin: 0;
  padding: 0;
  position: relative;
}

.LiveForm.bpr ul li {
  list-style: none;
  margin: 0;
  display: flex;
  justify-content: center;
}

.LiveForm.bpr .Field-Container {
  position: relative;
}

.LiveForm.bpr .MatrixWrapper .Field-Container {
  position: static;
}

.viewport-sm
  .LiveForm.bpr
  .Field.Fullname
  .Field-Container
  input[type='text'] {
  margin-right: 16px;
}

.LiveForm.bpr .Field.Address table tr td:first-child {
  padding-right: 16px;
}

.LiveForm.bpr .Field.Address table tr:nth-child(1) td,
.LiveForm.bpr .Field.Address table tr:nth-child(2) td {
  padding-right: 0;
}

.LiveForm.bpr .Field.Fullname .fullname-container,
.LiveForm.bpr .Field.ScaleRating input[type='radio'],
.LiveForm.bpr
  .Field.Fullname
  .Field-SubLabel-TextBox:last-child
  input[type='text'] {
  margin-right: 0;
}

.LiveForm.bpr .Field input[type='radio'],
.LiveForm.bpr .Field input[type='checkbox'] {
  margin-right: 8px;
}

/* TODO fix !important ugliness */
/* These overrides this rule:
    .Submit-Align-Default > .causesValidation.bSubmit
    
    in this file:
    0c2777066e451bcdc48ea7acbd98d8f4.49.css
    
    However I can't find how DNN generates such file nor I can alter
    form structure/classes. So all I can do is to override "harder".
 */
.LiveForm.bpr button,
.LiveForm.bpr input[type='submit'],
.LiveForm.bpr input[type='button'] {
  display: inline-block;
  border: 2px solid #268fe0;
  border-color: #0186c1 !important;
  background-color: transparent !important;
  color: #0186c1 !important;
  text-shadow: none;
  text-decoration: none;
  line-height: 1;
  font-family: 'Roboto', sans-serif !important;
  font-size: 1.1rem !important;
  text-transform: uppercase !important;
  padding: 1rem 2rem !important;
  border-radius: 4px !important;
  box-shadow: none;
  transition: all 200ms linear;
}

.LiveForm.bpr button:hover,
.LiveForm.bpr input[type='submit']:hover,
.LiveForm.bpr input[type='button']:hover {
  background-color: #0186c1 !important;
  color: #ffffff !important;
}

@media screen and (max-width: 1024px) {
  .LiveForm.bpr button,
  .LiveForm.bpr input[type='submit'],
  .LiveForm.bpr input[type='button'] {
    padding: 0.5rem 0.9rem !important;
    font-size: 0.77rem !important;
  }
}
/*----------------Heading----------------*/

.LiveForm.bpr .Field.Heading div.Field-Container-Wide {
  padding: 0 0 5px;
  border-bottom: 1px solid #ccc;
}

.LiveForm.bpr .Field.Heading div.Field-Container-Wide .SubHeader {
  font-style: italic;
}

.LiveForm.bpr .Field.Heading div.Field-Container-Wide .Header {
  margin-bottom: 5px;
}

.LiveForm.bpr .Field.Heading h1 {
  font-size: 22px;
  color: inherit;
  font-weight: bold;
  border-bottom: 1px solid #ccc;
  padding: 0 0 5px;
  margin: 0 0 5px;
}

.LiveForm.bpr .Field.Heading h2 {
  /*font-size: 18px;
  color: inherit;
  font-weight: bold;
  border-bottom: 1px solid #ccc;
  padding: 0 0 5px;
  margin: 0 0 5px;*/
  
	font-family: 'Tahoma', sans-serif;
	font-weight: normal;
	letter-spacing: normal;
	color: #0186c1;
	font-size: 1.17rem;
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 1.1;
	text-align: center;
}

.LiveForm.bpr .Field.Heading h3 {
  font-size: 14px;
  color: inherit;
  font-weight: bold;
  text-transform: none;
  border-bottom: 1px solid #ccc;
  padding: 0 0 5px;
  margin: 0 0 5px;
}

/*Default Submit Button Alignment css */
.LiveForm.bpr .Submit-Align-Left {
  text-align: left;
}

.LiveForm.bpr .Submit-Align-Center {
  text-align: center;
}

.LiveForm.bpr .Submit-Align-Right {
  text-align: right;
}

/*Default Field Validation css */
.LiveForm.bpr .Field.Matrix.Checkb.Required table,
.LiveForm.bpr .Field.Matrix.Radiob.Required table,
.LiveForm.bpr .Field.Required input,
.LiveForm.bpr .Field.Required textarea,
.LiveForm.bpr .Field.Required .plupload_filelist_footer,
.LiveForm.bpr .Field.Required select,
.LiveForm.bpr .Field.Required.Radiobutton table,
.LiveForm.bpr .Field.Required.Checkbox table,
.LiveForm.bpr .Field.Required.ScaleRating table,
.LiveForm.bpr .Field.Required .StarRatingRequired {
  border-left: solid #0186c1 5px;
  padding-left: 5px;
}

.LiveForm.bpr .Field.Required.Radiobutton table,
.LiveForm.bpr .Field.Required.Checkbox table {
  padding-left: 6px;
  display: inline-block;
}

/*Default (Input/Textarea/Label/Select) Validation css */
.LiveForm.bpr label.error {
  padding: 5px;
  color: red;
}

.LiveForm.bpr input.error,
.LiveForm.bpr textarea.error,
.LiveForm.bpr select.error {
  border: 2px solid red;
  border-radius: 3px 3px 3px 3px;
  padding-left: 5px;
}

.LiveForm.bpr label.InlineEdit form input {
  width: 100px !important;
}

.LiveForm.bpr .Field-Tooltip {
  position: absolute;
  right: -275px;
  top: 0px;
  max-width: 250px;
  min-width: 250px;
  border: 4px solid #333;
  background: #fff;
  border-radius: 6px 6px;
  box-shadow: 0px 2px 4px #666;
  white-space: normal;
  display: none;
  z-index: 99999;
}

.LiveForm.bpr .Field.Datetime .Field-Tooltip {
  right: -295px;
}

.LiveForm.bpr .Field-Tooltip-Arrow {
  border-color: transparent #333 transparent transparent;
  border-style: solid;
  border-width: 10px;
  left: -24px;
  top: 7px;
  position: absolute;
  height: 0;
  width: 0;
}

/*----------------Common----------------*/

.LiveForm.bpr .Field-SubLabel-TextBox {
  position: relative;
  vertical-align: top;
}

.LiveForm.bpr .Field .Field-Container label,
.LiveForm.bpr .Field .Field-Container-Wide label,
.LiveForm.bpr .Field .Field-SubLabel-Container {
  font-size: 11px;
  margin: 2px 0 0 2px;
}

.LiveForm.bpr .Field .Field-SubLabel-Container {
  margin: 5px 0 15px 0;
  display: block;
}

.LiveForm.bpr .Field.Radiobutton .Field-Container label,
.LiveForm.bpr .Field.Radiobutton .Field-Container-Wide label,
.LiveForm.bpr .Field.Checkbox .Field-Container label,
.LiveForm.bpr .Field.Checkbox .Field-Container-Wide label {
  font-size: 1em !important;
  margin: 0;
  color: #000000 !important;
}

.LiveForm.bpr .Field-Sub-Label label,
.LiveForm.bpr .Address table label,
.LiveForm.bpr .Field-SubLabel-Container {
  display: block;
}

.LiveForm.bpr input,
.LiveForm.bpr select,
.LiveForm.bpr textarea {
  margin: 0;
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: 13px;
  color: #666;
}

.LiveForm.bpr input[type='text'],
.LiveForm.bpr input[type='password'],
.LiveForm.bpr select {
  height: 38px;
}

.LiveForm.bpr textarea {
  min-height: 38px;
}

.LiveForm.bpr .Field > label {
  margin-bottom: 5px;
}

.LiveForm.bpr .Field.Address .Field-Container span,
.LiveForm.bpr .Field.Address .Field-Container label,
.LiveForm.bpr .Field.Fullname .Field-Container label,
.LiveForm.bpr .Field.Datetime .Field-Container label,
.LiveForm.bpr .Field.Address .Field-Container-Wide span,
.LiveForm.bpr .Field.Address .Field-Container-Wide label,
.LiveForm.bpr .Field.Fullname .Field-Container-Wide label,
.LiveForm.bpr .Field.Datetime .Field-Container-Wide label,
.LiveForm.bpr .Field.CreditCard label {
  margin-bottom: 10px;
}

.LiveForm.bpr .Field.Fullname .Field-Container label {
  display: inline-block;
}

.LiveForm.bpr .Field table td {
  padding: 0;
  vertical-align: baseline;
}

.LiveForm.bpr .Field.Radiobutton table td,
.LiveForm.bpr .Field.Checkbox table td {
  padding: 4px;
}

.LiveForm.bpr .Field > label,
.LiveForm.bpr .Field .MatrixWrapper > label {
  font-weight: bold;
  color: #000;
}

.LiveForm.bpr .ScaleRating table td,
.LiveForm.bpr .ScaleRating table th {
  text-align: center;
  padding: 4px;
}

.LiveForm.bpr select,
.LiveForm.bpr textarea,
.LiveForm.bpr input[type='text'],
.LiveForm.bpr input[type='password'],
.LiveForm.bpr .Field.FileUpload input,
.LiveForm.bpr .Field.Phone input.Phone {
  width: 100%;
}

.viewport-sm .LiveForm.bpr .Field.Fullname input.prefix,
.viewport-sm .LiveForm.bpr .Field.Fullname input.suffix {
  width: 50px;
}

.LiveForm.bpr .Field-Container,
.LiveForm.bpr .Field-SubLabel-TextBox {
  display: block;
}

.viewport-sm .LiveForm.bpr .Field-Container,
.viewport-sm .Field.Fullname .Field-SubLabel-TextBox {
  display: inline-table;
}

.LiveForm.bpr .Field table {
  padding: 0;
  width: 100%;
  border-collapse: collapse;
}

.LiveForm.bpr .Field .Field-Seperator {
  padding: 0 8px;
}

.viewport-sm .LiveForm.bpr .Field.Address input[type='text'],
.viewport-sm .LiveForm.bpr .Field.Address select {
  width: 142px;
}

.viewport-sm .LiveForm.bpr select,
.viewport-sm .LiveForm.bpr textarea,
.viewport-sm .LiveForm.bpr input[type='text'],
.viewport-sm .LiveForm.bpr input[type='password'],
.viewport-sm .LiveForm.bpr .Field.FileUpload input,
.viewport-sm .LiveForm.bpr .Field.Address input.Street-Address,
.viewport-sm .LiveForm.bpr .Field.Address input.Street-Address2,
.viewport-sm .LiveForm.bpr .Field.Phone input.Phone {
  width: 300px;
}

.viewport-sm .LiveForm.bpr .Field.Fullname input[type='text'] {
  width: 142px;
}

.viewport-sm .LiveForm.bpr .Field.Fullname input.prefix,
.viewport-sm .LiveForm.bpr .Field.Fullname input.suffix {
  width: 50px;
}

.viewport-sm .LiveForm.bpr .Field.Birthdate input[type='text'],
.viewport-sm .LiveForm.bpr .Field.Datetime input[type='text'],
.viewport-sm .LiveForm.bpr .Field.Datetime select,
.viewport-sm .LiveForm.bpr .Field.Birthdate select {
  width: 80px;
}

.viewport-sm .LiveForm.bpr .Field.Time select {
  width: 88px;
}

.LiveForm.bpr .Field.Phone input.AreaCode,
.LiveForm.bpr .Field.Phone table tr td:first-child {
  width: 60px;
}

.viewport-sm .LiveForm.bpr .Field.Phone input.PhoneNumber {
  width: 211px;
}

.viewport-sm .LiveForm.bpr .Field-Container-Wide {
  display: table;
  position: relative;
}

/*----------------Matrix----------------*/

.LiveForm.bpr .Matrix table th {
  background-color: #ddd;
}

.LiveForm.bpr .Matrix table td,
.LiveForm.bpr .Matrix table th {
  padding: 6px;
  text-align: center;
  border: 1px solid #ccc;
}

.LiveForm.bpr .Matrix table td.tdBlank {
  border: 0;
  background-color: transparent;
}

.LiveForm.bpr .Matrix table th.thBlank {
  border: 0;
  background-color: transparent;
}

.LiveForm.bpr .Matrix table tr > th:first-child {
  text-align: left;
}

.viewport-sm .LiveForm.bpr input.Field-Matrix-TextBox,
.viewport-sm .LiveForm.bpr select.Field-Matrix-DropDown,
.viewport-sm .LiveForm.bpr input.Field-Matrix-TextBoxNumeric {
  width: 130px;
}

.LiveForm.bpr input.Field-Matrix-TextBoxNumeric {
  width: 60px;
}

.LiveForm.bpr .Matrix .MatrixWrapper {
  overflow-x: auto;
}

.LiveForm.bpr .Matrix table th {
  font-weight: bold;
}

.LiveForm.bpr .Matrix .Field-Container input {
  margin: 0;
}

.LiveForm.bpr .Field-Tooltip-Arrow-Small {
  border-color: transparent #f5f5f5 transparent transparent;
  border-style: solid;
  border-width: 7px;
  height: 0;
  width: 0;
  left: -14px;
  top: 10px;
  position: absolute;
}

.LiveForm.bpr .Field-Tooltip-Content {
  padding: 10px;
  font-size: 10px;
  color: #333;
}

.LiveForm .fullname-container {
  margin-right: 5px;
  white-space: nowrap;
}

.emailwizard-header {
  background: none repeat scroll 0px 0px rgb(255, 161, 0);
  border-bottom: 1px solid rgb(194, 122, 0);
  border-radius: 3px 3px 0px 0px;
  height: 35px;
  padding: 2px;
  position: relative;
  z-index: 1000;
  vertical-align: middle;
  font-weight: bolder;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
  padding-left: 11px 4px 0 12px;
  font-size: 13px;
  cursor: move;
  color: rgb(255, 255, 255);
}

.emailwizard-header-label {
  vertical-align: middle;
  font-weight: bold;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
  padding-left: 10px;
  font-size: 13px;
  cursor: move;
  color: rgb(255, 255, 255);
}

.viewport-sm .LiveForm.bpr label.Field-Label-Auto,
.viewport-sm .LiveForm.bpr label.Field-Label-Hidden,
.viewport-sm .LiveForm.bpr span.Field-Label-Auto {
  width: 150px;
}

.viewport-sm .LiveForm.bpr.Form-Top .Field-Label-Auto,
.viewport-sm .LiveForm.bpr.Form-Top .Field-Label-Hidden {
  width: auto;
}

.LiveForm.bpr label.Field-Label-Auto,
.LiveForm.bpr label.Field-Label-Hidden,
.LiveForm.bpr span.Field-Label-Auto {
  display: inline-block;
  vertical-align: top;
}

/*Field Specific*/
.LiveForm.bpr .Field.Image .Field-Container {
  display: block;
}

/*hide button in page break */
.LiveForm.bpr ul li .button-hidden {
  display: none;
}

.LiveForm.bpr
  ul
  li
  .form-pagebreak-back-container
  input[type='button'],
.LiveForm.bpr
  ul
  li
  .form-pagebreak-next-container
  input[type='button'] {
  float: left;
}

.LiveForm.bpr .hidden {
  display: none;
}

.LiveForm.bpr
  .Field-Container-Wide
  .next-form-pagebreak
  button:last-child,
.LiveForm.bpr
  .Field-Container-Wide
  .form-pagebreak.next-form-pagebreak
  .button-next {
  float: right;
}

/* Smartphones and iPad (portrait and landscape) ----------- */
@media only screen and (min-width: 0px) and (max-width: 1024px) {
  .LiveForm.bpr {
    max-width: 100%;
  }
}

.LiveForm.bpr .Matrix .Field-Container > div {
  display: table-caption;
}

.LiveForm.bpr .plupload_filelist_footer {
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
}

.LiveForm.bpr .next-form-pagebreak .button-next {
  float: right !important;
}

.LiveForm.bpr .nrequired,
.LiveForm.bpr .Radiobutton.Required input[type='text'] {
  width: 107px;
  margin: 0;
}

.LiveForm.bpr .Field.CreditCard .ExpirationMonth,
.LiveForm.bpr .Field.CreditCard .ExpirationYear {
  width: 100px;
}

.LiveForm.bpr .Field.CreditCard .CVV {
  width: 80px;
}

.LiveForm.bpr .Field.CreditCard tr:nth-child(3) td:nth-child(1),
.LiveForm.bpr .Field.CreditCard tr:nth-child(3) td:nth-child(2) {
  width: 110px;
}

/* +------------------------------+ */
/* | OPSI - CUSTOMIZATIONS Begins | */
/* +------------------------------+ */

.viewport-sm .LiveForm.bpr label.Field-Label-Hidden {
  display: none;
}

/* begins: form 1 */
.DnnModule-LiveForms.DnnModule-18837 ul.page-break-section > li {
  flex: 1 0 25%;
  /* max-width: 33%; */
  margin: auto;
}

.DnnModule-LiveForms.DnnModule-18837 .LiveForm.bpr .Field-Container {
  flex-grow: 1;
  flex-shrink: 0;    
  flex-basis: 33%;
}
@media screen and (min-width: 768px) {
  .DnnModule-LiveForms.DnnModule-18837 .LiveForm.bpr .Field-Container {
    flex-grow: 0;
  }
}

.DnnModule-LiveForms.DnnModule-18837 ul.page-break-section > li {
  display: flex;
  align-items: center;
}

@media screen and (min-width: 1024px) {
  .DnnModule-LiveForms.DnnModule-18837 ul.page-break-section {
    display: flex;
    align-content: center;
  }
}
.DnnModule-LiveForms.DnnModule-18837
  ul.page-break-section
  > li.Last.Field.Submitbutton
  > div
  > div {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.DnnModule-LiveForms.DnnModule-18837
  ul.page-break-section
  > li.Last.Field.Submitbutton
  > div
  > div
  > .Field-Label-Auto {
  display: none;
}
/* ends: form 1 */

/* begins: form 2 */
#dnn_ctr1016_View_LiveForm1016 {
  margin: 2rem 0;
}

.DnnModule-LiveForms.DnnModule-1016 ul.page-break-section {
  display: block;
}

.DnnModule-LiveForms.DnnModule-1016 ul.page-break-section > li {
  /*display: flex;*/
  align-items: center;
}

.DnnModule-LiveForms.DnnModule-1016 .Field-Container {
  /*flex: 1 0 auto;*/
}

.DnnModule-LiveForms.DnnModule-1016 .Field > label {
  flex: 0 1 70px;
}

.DnnModule-LiveForms.DnnModule-1016
  ul.page-break-section
  > li.Field.Submitbutton {
  flex: 1 0 100%;
  max-width: 100%;
}
.DnnModule-LiveForms.DnnModule-1016
  ul.page-break-section
  > li.Last.Field.Submitbutton
  > div
  > div {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.DnnModule-LiveForms.DnnModule-1016
  ul.page-break-section
  > li.Last.Field.Submitbutton
  > div
  > div
  > .Field-Label-Auto {
  display: none;
}
/* ends: form 2 */

/* +------------------------------+ */
/* | OPSI - CUSTOMIZATIONS End    | */
/* +------------------------------+ */
