.serif {
  font-family: Georgia, 'Times New Roman', serif;
}
.sans-serif {
  font-family: Helvetica, Arial, sans-serif;
}
.monospaced {
  font-family: 'Courier New', monospace;
}
.pagetype-submenu .pageheading {
  background: transparent;
  margin: 0;
}
.pagetype-submenu form:not(.formnostyle) {
  background: #fff;
  border: 1px solid rgba(0,0,0,0.2);
  padding: 6px;
}
.pagetype-submenu form:not(.formnostyle) table tr th {
  max-width: 50%;
}
.pagetype-submenu form:not(.formnostyle) table tr:nth-child(odd) {
  background: whitesmoke !important;
}
.pagetype-submenu form:not(.formnostyle) table tr:nth-child(odd) {
  background: white !important;
}
.pagetype-submenu #tabouter #tabbedlist a li .globalicon {
  -ms-grid-column: 1;
  grid-column: 1;
}
.pagetype-submenu #tabouter #tabbedlist a li .tab-label {
  -ms-grid-column: 2;
  grid-column: 2;
}
.pagetype-submenu #tabouter #tabbedlist a li .badge {
  -ms-grid-column: 3;
  grid-column: 3;
}
.pagetype-submenu #tabouter {
  background: transparent;
  display: inline-block;
  clear: none;
  vertical-align: top;
  width: 59%;
  float: none;
}
.pagetype-submenu #tabouter #tabbedlist {
  display: inline-block;
  width: 18%;
}
.pagetype-submenu #tabouter #tabbedlist a {
  color: #fff;
  text-decoration: none;
}
.pagetype-submenu #tabouter #tabbedlist a:hover {
  color: #333;
  transition: all 0.25s ease-in-out;
}
.pagetype-submenu #tabouter #tabbedlist li {
  cursor: pointer;
  padding: 12px;
  background: #008dc5;
  color: #fff;
  position: relative;
  -ms-grid-columns: 15% 60% 15%;
  grid-template-columns: 15% 60% 15%;
  transition: all 0.25s ease-in-out;
}
.pagetype-submenu #tabouter #tabbedlist li .badge {
  right: 10px;
  position: absolute;
  background: white;
  color: #333;
}
.pagetype-submenu #tabouter #tabbedlist li a {
  color: #fff;
  text-decoration: none;
}
.pagetype-submenu #tabouter #tabbedlist li a:hover {
  color: #333;
  transition: all 0.25s ease-in-out;
}
.pagetype-submenu #tabouter #tabbedlist li:hover {
  background: #fcfcfc;
  color: #333;
  transition: all 0.25s ease-in-out;
}
.pagetype-submenu #tabouter #tabbedlist li:hover a {
  color: #333;
  transition: all 0.25s ease-in-out;
}
.pagetype-submenu #tabouter #tabbedlist li.active {
  background: #004ba7;
  color: #fff;
}
.pagetype-submenu #tabouter #tabbedlist li.active:hover a {
  color: #fff !important;
}
.pagetype-submenu #tabouter .tabcontent {
  display: inline-block;
  vertical-align: top;
  border: 1px solid rgba(0,0,0,0.2) !important;
  background: #fff;
  padding: 6px;
  max-width: 85%;
  width: 80%;
  margin-bottom: 20px;
}
.pagetype-submenu #updatefielddiv {
  width: 40%;
  display: inline-block;
  clear: none;
  vertical-align: top;
  float: none;
  padding: 6px;
  padding-top: 0;
  margin-right: 6px;
  margin-bottom: 20px;
}
.pagetype-submenu #updatefielddiv .updatefield div[btn-icon-button] {
  white-space: normal;
}
.pagetype-submenu #updatefielddiv table {
  border: 0 !important;
  width: 100%;
}
.pagetype-submenu #updatefielddiv table tr,
.pagetype-submenu #updatefielddiv table th,
.pagetype-submenu #updatefielddiv table td {
  border: 0;
}
.pagetype-submenu #updatefielddiv table tr th {
  display: inline-block;
  border: 0;
  width: 100%;
  padding: 3px;
  position: relative;
  text-align: left;
  padding-right: 0px;
  -ms-grid-column: 1;
  grid-column: 1;
}
.pagetype-submenu #updatefielddiv table tr td {
  display: inline-block;
  border: 0;
  width: 65%;
  align: right;
  clear: both;
  -ms-grid-column: 2;
  grid-column: 2;
}
.pagetype-submenu #updatefielddiv table tr td:after {
  content: "";
  display: block;
  border: 0;
  width: 0%;
  height: 0px;
  margin-top: 0px;
  transistion: 1s width ease;
}
.pagetype-submenu #updatefielddiv table tr td input {
  padding-left: 7px !important;
}
.pagetype-submenu #updatefielddiv table tr td input,
.pagetype-submenu #updatefielddiv table tr td select,
.pagetype-submenu #updatefielddiv table tr td textarea {
  display: block;
  border: 0;
  border-bottom: 1px solid rgba(0,0,0,0.3);
  width: 100%;
  padding: 3px;
  font-size: 15px;
  color: #666;
  outline: -webkit-focus-ring-color auto 0px !important;
}
.pagetype-submenu #updatefielddiv table tr td label.checkboxlabel {
  display: inline-block;
  float: left;
  line-height: 18px;
  margin-left: 10px;
  margin-top: 3px;
}
.pagetype-submenu #updatefielddiv table tr td input[type="checkbox"] {
  display: inline-block;
  width: auto !important;
  float: left;
  clear: both;
  line-height: 20px;
}
.pagetype-submenu #updatefielddiv table tr td input[name="objectfirstname"] {
  display: inline-block !important;
  max-width: 45% !important;
}
.pagetype-submenu #updatefielddiv table tr td input[name="objectlastname"] {
  display: inline-block !important;
  padding-left: 2% !important;
  border-left: 1px solid rgba(0,0,0,0.1) !important;
  max-width: 45% !important;
}
.pagetype-submenu #updatefielddiv table tr td.checkboxformcontrol {
  overflow: hidden;
}
.pagetype-submenu #updatefielddiv table tr td.focusedinput.checkboxformcontrol {
  overflow: hidden;
  border: 2px solid #00a8ec;
}
.pagetype-submenu #updatefielddiv table tr td.focusedinput.checkboxformcontrol:after {
  content: "";
  display: none;
  width: 100%;
  height: 0px;
  color: #666;
  transition: 0.195s ease all;
}
.pagetype-submenu #updatefielddiv table tr td.focusedinput:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  color: #666;
  background: #00a8ec;
  transition: 0.195s ease all;
}
.pagetype-submenu #updatefielddiv table tr td.section {
  width: 98% !important;
  font-size: 16px !important;
  font-weight: lighter;
}
.pagetype-submenu #updatefielddiv table tr.focusedrowinput th {
  font-weight: bolder;
  color: #008dc5;
  transition: 0.195s ease all;
}
#updatefielddiv .fi-hl input.focusedinput {
  max-width: 100% !important;
}
.pagetype-submenu #updatefielddiv table tr.fullwidth-ui>td {
  display: inline-block;
  border: 0;
  width: 65%;
  align: right;
  clear: both;
  -ms-grid-column: 1;
  grid-column: 1;
}
@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
  #tabbedlist {
    display: inline-block;
    width: 18%;
  }
  #tabbedlist a {
    color: #fff;
    text-decoration: none;
  }
  #tabbedlist a:hover {
    color: #333;
    transition: all 0.25s ease-in-out;
  }
  #tabbedlist li {
    cursor: pointer;
    padding: 12px;
    background: #008dc5;
    color: #fff;
    position: relative;
    -ms-grid-columns: 15% 75% 15% !important;
    grid-template-columns: 15% 75% 15% !important;
  }
  #tabbedlist li .badge {
    right: 5px;
    background: white;
    color: #333;
    min-width: 100%;
    margin-right: -12px;
    height: 18px;
  }
  .pagetype-submenu #updatefielddiv table.objecttype-formtable > tbody > tr > td > div:nth-child(1),
  .pagetype-submenu #updatefielddiv table.objecttype-formtable > tbody > tr > td > select {
    -ms-grid-column: 1;
    grid-column: 1;
  }
  .pagetype-submenu #updatefielddiv table.objecttype-formtable > tbody > tr > td > div:nth-child(2),
  .pagetype-submenu #updatefielddiv table.objecttype-formtable > tbody > tr > td > a {
    -ms-grid-column: 2;
    grid-column: 2;
    display: grid;
  }
  .pagetype-submenu #updatefielddiv table.objecttype-formtable > tbody > tr > td > div:nth-child(2) input {
    -ms-grid-column: 2;
    grid-column: 2;
    display: block;
  }
  .pagetype-submenu #updatefielddiv table.objecttype-formtable > tbody > tr > td > div:nth-child(2):before {
    -ms-grid-column: 1;
    grid-column: 1;
    display: block;
  }
  .pagetype-submenu #updatefielddiv table.objecttype-formtable > tbody > tr > td > div:nth-child(3) {
    -ms-grid-column: 3;
    grid-column: 3;
  }
  .pagetype-submenu #updatefielddiv table.objecttype-formtable > tbody > tr[formfield="objectparentid"] td select {
    -ms-grid-column: 1 !important;
    grid-column: 1 !important;
    display: block;
  }
  .pagetype-submenu #updatefielddiv table.objecttype-formtable > tbody > tr[formfield="objectparentid"] td a {
    -ms-grid-column: 2 !important;
    grid-column: 2 !important;
    display: block;
  }
  .pagetype-submenu #updatefielddiv table.objecttype-formtable > tbody > tr[formfield="schedulepayorobjectid"] td span {
    -ms-grid-column: 2 !important;
    grid-column: 2 !important;
    display: block;
  }
  .pagetype-submenu #updatefielddiv table.objecttype-formtable > tbody > tr[formfield="schedulepayorobjectid"] td div {
    -ms-grid-column: 1 !important;
    grid-column: 1 !important;
    display: block;
  }
  .pagetype-submenu #updatefielddiv table.objecttype-formtable > tbody > tr[formfield="schedulepartyforobjectid"] td span {
    -ms-grid-column: 2 !important;
    grid-column: 2 !important;
    display: block;
  }
  .pagetype-submenu #updatefielddiv table.objecttype-formtable > tbody > tr[formfield="schedulepartyforobjectid"] td div: {
    -ms-grid-column: 1 !important;
    grid-column: 1 !important;
    display: block;
  }
  .pagetype-submenu #updatefielddiv table.objecttype-formtable > tbody > tr[formfield="schedulepayorobjectid"] td div[class^=objecttypeselector-overlay-background] {
    display: none !important;
  }
  .pagetype-submenu #updatefielddiv table.objecttype-formtable > tbody > tr[formfield="schedulepayorobjectid"].fullwidth-ui {
    -ms-grid-columns: 30% 70% !important;
    grid-template-columns: 30% 70% !important;
  }
  .pagetype-submenu #updatefielddiv table.objecttype-formtable > tbody > tr[formfield="schedulepayorobjectid"].fullwidth-ui th {
    -ms-grid-column: 1 !important;
    grid-column: 1 !important;
    display: block;
  }
  .pagetype-submenu #updatefielddiv table.objecttype-formtable > tbody > tr[formfield="schedulepayorobjectid"].fullwidth-ui td {
    -ms-grid-column: 2 !important;
    grid-column: 2 !important;
  }
  .pagetype-submenu #updatefielddiv table.objecttype-formtable > tbody > tr[formfield="scheduleprivatesubtype"] #schedule-privateregwrapper {
    width: 99% !important;
  }
  select[name='objectparentid'] {
    -ms-grid-column: 1 !important;
    grid-column: 1 !important;
    display: block;
  }
  a[href^='object.php?type=franchise&edit='] {
    -ms-grid-column: 2 !important;
    grid-column: 2 !important;
  }
}
@media (max-width: 1024px) {
  .pagetype-submenu #tabouter {
    background: transparent;
    display: block;
    clear: both;
    vertical-align: top;
    width: 100% !important;
    float: none;
  }
  .pagetype-submenu #updatefielddiv {
    width: 100% !important;
    display: block;
    clear: both;
    vertical-align: top;
    float: none;
    padding: 6px;
    padding-top: 0;
  }
}
div[id*=time] * {
  vertical-align: middle;
}
table>tbody>tr>td>div.radio-wrapper {
  display: -ms-grid;
  display: grid;
  grid-auto-flow: column;
  grid-auto-rows: auto;
  -ms-grid-columns: 10% 90%;
  grid-template-columns: 10% 90%;
  vertical-align: middle;
  margin: 3px;
  line-height: 24px;
}
.fullpage-form-case {
  width: 60%;
  margin: auto;
}
.pagetype-fullpage-form .page-header-display {
  width: 100%;
  margin: auto;
  padding: 12px;
  padding-top: 3px;
  height: 100%;
  background: whitesmoke;
  box-shadow: 0px 6px 11px -12px rgba(0,0,0,0.3);
  border: 1px solid rgba(0,0,0,0.1);
  border-bottom: 0;
  text-align: center;
}
.pagetype-submenu #updatefielddiv table.objecttype-formtable>tbody>tr[data-field-input-name="programaddons"]>td {
  display: -ms-grid;
  display: grid;
  grid-auto-flow: column;
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
  width: 100%;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}
.pagetype-submenu #updatefielddiv table.objecttype-formtable>tbody>tr[data-field-input-name="programaddons"]>td>div:nth-child(2) {
  -ms-grid-column: 1;
  grid-column: 1;
}
.pagetype-submenu #updatefielddiv table.objecttype-formtable>tbody>tr[data-field-input-name="programaddons"]>td .objectselect-objectselectmultiple-scheduleprogramaddon {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
}
.pagetype-submenu #updatefielddiv table.objecttype-formtable>tbody>tr[data-field-input-name="programaddons"]>td .objectselect-objectselectmultiple-scheduleprogramaddon .scheduleprogramaddon-wrap {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 90% 10%;
  grid-template-columns: 90% 10%;
}
.pagetype-submenu #updatefielddiv table.objecttype-formtable>tbody>tr[data-field-input-name="programaddons"]>td .objectselect-objectselectmultiple-scheduleprogramaddon .scheduleprogramaddon-wrap a[nohref]:not([class^=tabdisplay]):not(.ui-state-default) {
  font-size: 0;
  text-align: center;
  background: 0;
}
.pagetype-submenu #updatefielddiv table.objecttype-formtable>tbody>tr[data-field-input-name="programaddons"]>td .objectselect-objectselectmultiple-scheduleprogramaddon .scheduleprogramaddon-wrap a[nohref]:not([class^=tabdisplay]):not(.ui-state-default):before {
  opacity: 1;
  cursor: pointer;
  content: "\f00d";
  font-size: 12px;
  font-family: 'FontAwesome';
  vertical-align: middle;
  font-size: 15px;
  -webkit-transform: scale(1,1);
  -ms-transform: scale(1,1);
  transform: scale(1,1);
  color: red;
  float: right !important;
}
.pagetype-submenu #updatefielddiv table.objecttype-formtable>tbody>tr[data-field-input-name="programaddons"]>td .objectselect-objectselectmultiple-scheduleprogramaddon .scheduleprogramaddon-wrap>div {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 20% 40% 20% 20%;
  grid-template-columns: 20% 40% 20% 20%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: left;
  padding: 3px;
  border: 1px solid rgba(0,0,0,0.1);
  margin: 3px;
  border-radius: 25px;
  background: #efefef;
  padding: 5px;
  padding-left: 12px;
}
.pagetype-submenu #updatefielddiv table.objecttype-formtable>tbody>tr[data-field-input-name="programaddons"]>td .objectselect-objectselectmultiple-scheduleprogramaddon .scheduleprogramaddon-wrap>div .programaddon-qty {
  width: 95%;
  background: transparent;
}
.pagetype-submenu #updatefielddiv table.objecttype-formtable>tbody>tr[data-field-input-name="programaddons"]>td .objectselect-objectselectmultiple-scheduleprogramaddon .scheduleprogramaddon-wrap>div .programaddon-qty>input {
  width: 100%;
  background: transparent;
  border: 0;
  font-size: 18px;
}
.pagetype-submenu #updatefielddiv table.objecttype-formtable>tbody>tr[data-field-input-name="programaddons"]>td .objectselect-objectselectmultiple-scheduleprogramaddon .scheduleprogramaddon-wrap>div .programaddon-description {
  width: 80%;
  font-weight: bold;
  color: #008dc5;
}
.pagetype-submenu #updatefielddiv table.objecttype-formtable>tbody>tr[data-field-input-name="programaddons"]>td .objectselect-objectselectmultiple-scheduleprogramaddon .scheduleprogramaddon-wrap>div .programaddon-amount {
  width: 80%;
  font-weight: bold;
  color: #666;
}
.pagetype-submenu #updatefielddiv table.objecttype-formtable>tbody>tr[data-field-input-name="programaddons"]>td .objectselect-objectselectmultiple-scheduleprogramaddon .scheduleprogramaddon-wrap>div>div:nth-child(1) {
  -ms-grid-column: 1;
  grid-column: 1;
}
.pagetype-submenu #updatefielddiv table.objecttype-formtable>tbody>tr[data-field-input-name="programaddons"]>td .objectselect-objectselectmultiple-scheduleprogramaddon .scheduleprogramaddon-wrap>div>div:nth-child(2) {
  -ms-grid-column: 2;
  grid-column: 2;
}
.pagetype-submenu #updatefielddiv table.objecttype-formtable>tbody>tr[data-field-input-name="programaddons"]>td .objectselect-objectselectmultiple-scheduleprogramaddon .scheduleprogramaddon-wrap>div>div:nth-child(3) {
  -ms-grid-column: 3;
  grid-column: 3;
}
.pagetype-submenu #updatefielddiv table.objecttype-formtable>tbody>tr[data-field-input-name="programaddons"]>td .objectselect-objectselectmultiple-scheduleprogramaddon .scheduleprogramaddon-wrap>div>div:nth-child(4) {
  -ms-grid-column: 4;
  grid-column: 4;
}
.pagetype-submenu #updatefielddiv table.objecttype-formtable>tbody>tr[data-field-input-name="scheduledate"]>td {
  display: block !important;
  width: 100%;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}
.pagetype-submenu #updatefielddiv table.objecttype-formtable>tbody>tr.file-input-ui a {
  white-space: pre-wrap !important;
  word-break: break-all !important;
}
#tabouter .scheduledate-item {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
  text-align: left;
  padding: var(--medbodyfont);
  border-bottom: 1px solid rgba(0,0,0,0.3);
}
#tabouter .scheduledate-item:hover {
  background: whitesmoke;
}
#tabouter .scheduledate-item .status-checked:before {
  content: "\f058";
  font-family: 'FontAwesome';
  vertical-align: middle;
  margin-right: 5px;
  font-size: 32px;
  transform: scale(1,1);
  font-style: normal !important;
  color: green;
}
#tabouter .scheduledate-item .status-notchecked:before {
  content: "\f071";
  font-family: 'FontAwesome';
  vertical-align: middle;
  margin-right: 5px;
  font-size: 24px;
  transform: scale(1,1);
  font-style: normal !important;
  color: red;
  opacity: 0.7;
}