﻿.indent-section {
  margin: 24px 12px; }

.indent-line {
  margin: 12px 28px; }

.checkbox-inline input {
  margin-right: 16px; }

.checkbox-list input {
  margin-right: 16px; }

.form-label i {
  font-size: 0.9em;
  padding: 0px 0px; }

.vld-icon1 {
  color: red;
  font-weight: bold;
  font-size: 1.5em;
  width: 21px;
  padding: 0px 0px 0px 7px;
  float: left; }

.validator-inl
.head-label {
  font-weight: bold; }

.validator {
  color: red;
  font-size: 0.9em; }

.exp-row label {
  color: #f47c9e; }

.exp-row label:before {
  content: '* '; }

.exp-row {
  padding-bottom: 16px;
  margin: 16px 0px; }

.cb-table {
  margin-top: 12px;
  margin-bottom: 12px; }
  @media (max-width: 768px) {
    .cb-table {
      width: 100%; } }
  @media (min-width: 769px) and (max-width: 991px) {
    .cb-table {
      width: 100%; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .cb-table {
      width: 100%; } }
  @media (min-width: 1200px) {
    .cb-table {
      width: 80%; } }
  .cb-table td {
    border-bottom: 1px dotted #cdcdcd;
    padding-top: 6px;
    padding-bottom: 6px; }

.cl-lbl {
  padding-left: 4px;
  width: 700px; }

.cl-cb {
  width: 160px;
  padding: 6px 2px 6px 16px; }

.m-extra {
  margin: 2px 2px; }

.cb-yn-long .cb-heading {
  column-span: all;
  background-color: #cdcdcd;
  font-weight: bold;
  font-size: 1.1em;
  padding: 4px; }

.cb-yn-long .cb-sub-heading {
  column-span: all;
  background-color: #cdcdcd;
  font-weight: bold;
  font-size: 0.9em;
  padding: 4px; }

@media (max-width: 768px) {
  .cb-yn-long .cb-item .cb-label {
    margin: 2px 0px 0px 4px;
    padding-bottom: 24px;
    width: 70%;
    float: left; }
  .cb-yn-long .cb-item .cb-control {
    padding-bottom: 24px;
    margin-top: 2px;
    width: 28%;
    float: right; }
    .cb-yn-long .cb-item .cb-control input {
      margin: 0px 2px 0px 4px; } }

@media (min-width: 769px) and (max-width: 991px) {
  .cb-yn-long .cb-item .cb-label {
    margin: 2px 0px 0px 4px;
    padding-bottom: 24px;
    width: 82%;
    float: left; }
  .cb-yn-long .cb-item .cb-control {
    padding-bottom: 24px;
    margin-top: 2px;
    width: 16%;
    float: right; }
    .cb-yn-long .cb-item .cb-control input {
      margin: 0px 2px 0px 4px; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .cb-yn-long .cb-item .cb-label {
    margin: 2px 0px 0px 4px;
    padding-bottom: 24px;
    width: 88%;
    float: left; }
  .cb-yn-long .cb-item .cb-control {
    padding-bottom: 24px;
    margin-top: 2px;
    width: 10%;
    float: right; }
    .cb-yn-long .cb-item .cb-control input {
      margin: 0px 2px 0px 4px; } }

@media (min-width: 1200px) {
  .cb-yn-long .cb-item .cb-label {
    margin: 2px 0px 0px 4px;
    padding-bottom: 24px;
    width: 88%;
    float: left; }
  .cb-yn-long .cb-item .cb-control {
    padding-bottom: 24px;
    margin-top: 2px;
    width: 10%;
    float: right; }
    .cb-yn-long .cb-item .cb-control input {
      margin: 0px 2px 0px 4px; } }

.cb-yn {
  column-rule: 1px solid #cdcdcd;
  border: 1px solid #cdcdcd;
  border-radius: 6px; }
  @media (max-width: 768px) {
    .cb-yn {
      column-count: 1; } }
  @media (min-width: 769px) and (max-width: 991px) {
    .cb-yn {
      column-count: 1; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .cb-yn {
      column-count: 2; } }
  @media (min-width: 1200px) {
    .cb-yn {
      column-count: 2; } }
  .cb-yn .cb-heading {
    column-span: all;
    background-color: #cdcdcd;
    font-weight: bold;
    font-size: 1.1em;
    padding: 4px; }
  .cb-yn .cb-sub-heading {
    column-span: all;
    background-color: #cdcdcd;
    font-weight: bold;
    font-size: 0.9em;
    padding: 4px; }
  .cb-yn .cb-item {
    display: flex;
    justify-content: space-between; }
    .cb-yn .cb-item .cb-label {
      width: 360px;
      margin: 0px 0px 0px 4px;
      flex-grow: 2; }
    .cb-yn .cb-item .cb-control {
      margin-top: 2px;
      flex-grow: 1; }
      .cb-yn .cb-item .cb-control input {
        margin: 0px 2px 0px 4px; }
