/*
 * See ../themes/leanAndGreen.css for color information
 *
 * We are trying to be mobile first.  This means the main stylings should be
 * the ones that work for the smallest screen size and @media queries are
 * are used to style for larger break points.
 */
/* Begin general rules */
/* Begin define the carrot location */
div.headerUnder ul.menu li.active:nth-of-type(1):after {
  left: 29px;
}

div.headerUnder ul.menu li.active:nth-of-type(2):after {
  left: 25px;
}

div.headerUnder ul.menu li.active:nth-of-type(3):after {
  left: 33px;
}

div.headerUnder ul.menu li.active:nth-of-type(4):after {
  left: 35px;
}

div.headerUnder ul.menu li.active:nth-of-type(5):after {
  left: 43px;
}
/* End define the carrot location */

.orderSummaryScreen .mainContent img,
.titleBar .branding .logo img {
  height: 30px;
}

div.headerUnder .dropdown.menu > li.is-dropdown-submenu-parent > a:after {
  display: none;
}

div.headerUnder li.is-submenu-item {
  border-bottom: 1px solid #FFF;
}

div.headerUnder li.is-submenu-item:last-of-type {
  border-bottom: none;
}

div.headerUnder ul.submenu {
  border-top: transparent;
  background-color: #7EC03D;
  border-bottom-left-radius: .3rem;
  border-bottom-right-radius: .3rem;
  z-index: 101;
}

.fluidPayContainer {
  width: 18em;
}

/* This is to avoid annoying display transitions while the page is loading */
body:not([data-foundation-initialized]) {
  opacity: 0;
}

.fadeIn {
  animation: fadeIn ease-in .01s;
}

@keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

div.jumpTo.panel {
  z-index: 101;
}

/* NOTE: This is a hack to handle iframe and panels not being completely */
/* visible.  Essentially we're just making the page longer.  Since the */
/* panel draws outside of the main page flow the iframe can't determine the */
/* correct height.  We could probably do some JS hackery to make this */
/* dynamic, but for now this seems to be working fine */
.content {
  min-height: 60em;
}

.noBold {
  font-weight: normal;
}

:focus {
  outline: none;
}

.finePrint {
  font-size: .9em;
}

.link {
  cursor: pointer;
  color: #246BA1;
}

.reveal-overlay {
  background-color: hsla(0,0%,4%,.2);
}

.panel a,
.reveal-overlay a {
  color: #246BA1;
}

.reveal-overlay .pagination a,
.reveal-overlay .pagination button,
.reveal-overlay .pagination .disabled {
  color: #767676;
}

.addressSearchHighlight {
  color: #7EC03D !important;
}

.addressSearchHighlightUnserviceable {
  color: #CD0A0A; !important;
}

.addressSearchHighlightManual {
  color: #246BA1; !important;
}

.error a,
.alert a {
  color: #246BA1;
}

.text {
  color: #767676;
}

div.instanceName {
  position: relative;
  background-color: red;
  color: white;
  padding: .5em;
  font-weight: bold;
}

.pageTitle .column-block {
  margin-bottom: 0;
}

.pageTitle a[href^="tel:"] {
  color: #7EC03D;
}

.pageTitle .purple [href^="tel:"] {
  color: #C03DA9;
}

.highlight.purple {
  color: #C03DA9 !important;
}

div.navigation .menu .active > a {
  background: initial;
  background: inherit;
}

div.hamburger.navigation {
  left: 1em;
  right: 0;
}

.accordion-title {
  font-weight: bold;
}

.footer li > a[target=oe]:after {
  content: "Order Entry";
}

.row.noBottomMargin .column-block {
  margin-bottom: 0;
}

/* Begin flyout panel customizations */
.panel.createIssue {
  z-index: 1000;
}
/* End flyout panel customizations */

/* Need to hide screen capture feature for IE */
.ie .createIssue.panel [data-screen-capture] {
  display: none;
}

[data-show] {
  top: -2px;
  position: relative;
  left: 8px;
  cursor: pointer;
}

.jumpTo ul li:first-of-type {
  border-top-left-radius: .3rem;
  border-top-right-radius: .3rem;
}

.jumpTo ul li:last-of-type {
  border-bottom-left-radius: .3rem;
  border-bottom-right-radius: .3rem;
}

select > option[disabled] {
  color: #B3B3B3;
}

div.currency {
  position: relative;
}

div.currency span {
  position: absolute;
  left: 6px;
  top: 10px;
}

.form div.currency input[type=tel],
div.currency input {
  padding-left: 14px;
}

.toolbarContainer .refresh,
.toolbarContainer .collapsibleToggleAll,
.toolbarContainer .refresh,
.toolbarContainer .search .icon.open {
  width: 28px;
  height: 28px;
  background-size: 28px 28px;
}

.toolbarContainer .edit:after,
.toolbarContainer .add:after {
  font-size: 28px;
}

.toolbarContainer .search .icon.close,
.toolbarContainer .search input {
  top: 0;
}

.toolbarContainer .vacation,
.toolbarContainer .addressMove {
  position: relative;
  top: 4px;
  width: 28px;
  height: 28px;
  float: right;
  cursor: pointer;
  margin-left: 1em;
}

.toolbarContainer .addressMove {
  background: transparent url(/includes/assets/VES/address-move.svg) center center / 28px 28px no-repeat;
}

.toolbarContainer .vacation {
  background: transparent url(/includes/assets/VES/vacation.svg) center center / 28px 28px no-repeat;
}
/* End general rules */

/* Begin searchScreen */
.searchScreen .dropdown-pane {
  border-radius: .3rem;
  width: auto;
  padding: 0;
  background-color: #FFF;
  box-shadow: 0 8px 17px 2px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
}

.searchScreen .dropdown-pane li {
  border-right: 1px solid #cacaca;
  padding: 0 .65em 0 .25em;
}

.searchScreen .dropdown.menu > li.is-dropdown-submenu-parent > a:after {
  border-color: #7EC03D transparent transparent;
}

.searchScreen ul.is-dropdown-submenu {
  min-width: 140px;
}

.searchScreen .dropdown-pane li ul {
  border-radius: .3rem;
  box-shadow: 0 8px 17px 2px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
}

.searchScreen .dropdown-pane li ul li {
  padding: .5em;
  border-right: none;
  border-bottom: 1px solid #cacaca;
}

.searchScreen .dropdown-pane a {
  color: #444;
}

.searchScreen .dropdown-pane li:last-of-type {
  border: none;
  padding-right: 0;
}

.searchScreen .dropdown-pane a:focus,
.searchScreen .dropdown-pane a:active,
.searchScreen .dropdown-pane a:hover {
  color: #444;
}

.searchScreen .dropdown-pane a:hover {
  text-shadow: 0px 0px 16px #a0a0a0;
}

.searchScreen .title {
  margin-bottom: 1em;
}

.askBillingFee.panel .button,
.askBatteryBackup.panel .button,
.askStreaming.panel .button,
.askUpsellInternet.panel .button,
.achCredit.panel .button,
.wirelessBridge.panel .button,
.addContact.panel .button,
.newTN.panel .button,
.qmEdit.panel .button,
.confirm.panel .button,
.unsaved.panel .button,
.override.panel .button,
.payment.panel .button,
.addComment.panel .button,
.addNotice.panel .button,
.addEventSaleInfo.panel .button,
.subSearch.panel .button {
  width: 49%;
}

.searchScreen img.search {
  position: relative;
  margin-left: 1em;
  width: 20px;
  height: 20px;
  top: -.1em;
  cursor: pointer;
}

.newSubscriberScreen .searchResults td:nth-of-type(2),
.newSubscriberScreen .searchResults td:nth-of-type(6),
.searchScreen .searchResults td:nth-of-type(2),
.searchScreen .searchResults td:nth-of-type(6) {
  min-width: 6.5em;
}

.searchResults table.striped a {
  text-decoration: none;
}

.searchResults tr.inactive td a,
.searchResults tr.inactive td {
  color: red;
}

.searchResults tr.link:hover td a {
  color: #444 !important;
}
/* End searchScreen */

/* Begin detailsScreen */
.detailsScreen .extLinks li {
  cursor: pointer;
}

.detailsScreen .extLinks li a {
  color: #767676;
}

.detailsScreen [data-dob],
.detailsScreen [data-ssn] {
  font-family: monospace;
}

.detailsScreen #info select {
  width: 3.5em;
}

.detailsScreen button[data-save-cycle-day] {
  padding: .25em .75em;
  margin-left: .4em;
  position: relative;
  top: -2px;
}

.detailsScreen .toggleInactiveAddresses,
.detailsScreen .toggleDOB,
.detailsScreen .toggleSSN {
  height: 20px;
  width: 20px;
  cursor: pointer;
  margin-left: .5em;
  position: relative;
  top: -2px;
}

.detailsScreen .toggleInactiveAddresses {
  top: 0;
}

.detailsScreen .details.b h1 {
  display: none;
}

.detailsScreen [data-delete-contact],
.detailsScreen [data-delete-notice] {
  font-size: 2em;
  cursor: pointer;
  line-height: .75em;
}

.detailsScreen tr.inactive td:nth-of-type(1),
.detailsScreen tr.locked td:nth-of-type(2) {
  color: red;
  font-weight: normal;
}

.detailsScreen .documents tr[data-doc] td:nth-of-type(2),
.detailsScreen .invoices tr[data-pdf] {
  cursor: pointer;
}

.detailsScreen .documents tr[data-doc] td:nth-of-type(2),
.detailsScreen .invoices tr[data-pdf] td:first-of-type {
  text-decoration: underline;
}

.detailsScreen .contacts td:nth-of-type(1),
.detailsScreen .contacts td:nth-of-type(3),
.detailsScreen .contacts td:nth-of-type(5),
.detailsScreen .contacts td:nth-of-type(7),
.detailsScreen .contacts td:nth-of-type(8) {
  min-width: 7.5em;
}

.detailsScreen .activities td:nth-of-type(1),
.detailsScreen .activities td:nth-of-type(2),
.detailsScreen .activities td:nth-of-type(3),
.detailsScreen .activities td:nth-of-type(4),
.detailsScreen .activities td:nth-of-type(5),
.detailsScreen .activities td:nth-of-type(6),
.detailsScreen .activities td:nth-of-type(7) {
  min-width: 6em;
}

.detailsScreen .activities td a {
  text-decoration: none;
}

.detailsScreen .activities td i {
  padding-left: .5em;
  color: #7EC03D;
}
/* End detailsScreen */

/* Begin invoiceDeliveryScreen */
.paymentsScreen .invoiceDelivery.form,
.invoiceDeliveryScreen .invoiceDelivery.form {
  margin-top: 1em;
}

.paymentsScreen .invoiceDelivery.form > div,
.invoiceDeliveryScreen .invoiceDelivery.form > div {
  margin-bottom: 1em;
}

.paymentsScreen .invoiceDelivery.form .autopay,
.paymentsScreen .invoiceDelivery.form .emailInvoice,
.invoiceDeliveryScreen .invoiceDelivery.form .autopay,
.invoiceDeliveryScreen .invoiceDelivery.form .emailInvoice {
  display: block;
}

.paymentsScreen .invoiceDelivery.form .autopay div:nth-of-type(1),
.paymentsScreen .invoiceDelivery.form .emailInvoice  div:nth-of-type(1),
.invoiceDeliveryScreen .invoiceDelivery.form .autopay div:nth-of-type(1),
.invoiceDeliveryScreen .invoiceDelivery.form .emailInvoice  div:nth-of-type(1) {
  width: 170px;
}

.paymentsScreen .invoiceDelivery.form .autopay label,
.paymentsScreen .invoiceDelivery.form .emailInvoice label,
.invoiceDeliveryScreen .invoiceDelivery.form .autopay label,
.invoiceDeliveryScreen .invoiceDelivery.form .emailInvoice label {
  white-space: nowrap;
}

.paymentsScreen .invoiceDelivery.form label[for=onlineInvoice] {
  margin-left: 1em;
}

.paymentsScreen .invoiceDelivery.form .autopay select,
.paymentsScreen .invoiceDelivery.form .emailInvoice input[type=email],
.invoiceDeliveryScreen .invoiceDelivery.form .autopay select,
.invoiceDeliveryScreen .invoiceDelivery.form .emailInvoice input[type=email] {
  width: 225px;
}

.paymentsScreen .invoiceDelivery.form div.btn,
.invoiceDeliveryScreen .invoiceDelivery.form div.btn {
  margin-left: 130px;
}
/* End invoiceDeliveryScreen */

/* Begin paymentsScreen */
.paymentsScreen div.payment table tr[data-pre-pay]:not(.note) td {
    padding-bottom: 0;
}

.paymentsScreen div.payment table tr[data-pre-pay].note td:last-of-type {
  padding-left: 0;
  white-space: normal;
}

.paymentsScreen div.paymentsTabsContainer {
  background-color: #FFF;
  padding: 1.25em 1em;
  margin-top: 1em;
  border-radius: .3rem;
}

.paymentsScreen div.infoBar {
  margin-top: 0;
} 

.payment.panel tr.surcharge td {
  white-space: normal;
  width: 100%;
}

.payment.panel div[data-card-reader-status]:first-letter,
.paymentsScreen div[data-card-reader-status]:first-letter {
  text-transform: capitalize;
}

.paymentsScreen div[data-inline-card-images] {
  position: relative;
}

.paymentsScreen div[data-inline-card-images] img {
  height: 50px;
  height: 1.5em;
  /*margin-right: .5em;*/
  top: 6px;
  position: absolute;
  right: 6px;
}

.paymentsScreen form table tr td {
  white-space: normal;
}

.paymentsScreen form table tr td:first-of-type {
  width: 31%;
}

.paymentsScreen div.payment table tr td.noPad {
  padding-left: 0 !important;
}

.paymentsScreen div.break {
  border-bottom: 1px solid #e2e2e2;
}

.paymentsScreen form + div.break {
  margin-top: 1.5em;
}

.roommateSwapScreen td[data-card-images] img.validated,
.scheduleActivityScreen td[data-card-images] img.validated,
.editServicesScreen td[data-card-images] img.validated,
.paymentsScreen td[data-card-images] img.validated {
  box-shadow: 0px 0px 14px #2D69DD !important;
}

.paymentsScreen form {
  margin: 0;
}

.paymentsScreen table td:first-of-type:not([colspan=2]) {
  white-space: nowrap;
}

.paymentsScreen div.receiptError,
.paymentsScreen div.receipt,
.paymentsScreen div.manage,
.paymentsScreen div.payment {
  position: relative;
  background-color: #FFF;
  padding: .5em 0 1.5em;
  padding: .5em 0 0;
  margin-top: 1em;
  border-radius: .3rem;
}

.paymentsScreen .receipt .toolbar {
  position: absolute;
  right: .5em;
  top: .5em;
}

.paymentsScreen div.printLine {
  display: none;
  border-bottom: 1px solid #767676;
  width: 22em;
  margin-bottom: 1em;
}

.paymentsScreen .receipt h1 {
  text-align: left;
  color: #767676;
  text-transform: none;
  font-size: 1.2121em;
}

.paymentsScreen div.receipt table {
  max-width: 25em;
  /*margin: 0 0 1em 0;*/
  margin: 0;
}

.paymentsScreen div.receipt div.transactions table.indent {
  border-bottom: 1px solid #e2e2e2;
  margin-bottom: .5em;
}

.paymentsScreen div.receipt div.transactions table.indent:last-of-type {
  border-bottom: none;
  margin-bottom: 0;
}

.paymentsScreen div.receipt table tbody td {
  padding: 0 0 .25em 0;
}

.paymentsScreen div.receipt table tbody td:first-of-type {
  font-weight: bold;
  width: 8.25em;
}

.paymentsScreen div.receipt table.indent tbody td:first-of-type {
  white-space: nowrap;
  width: 11.5em;
}


.paymentsScreen form div.manage table,
.paymentsScreen form div.payment table {
  margin: 0;
  max-width: 25em;
}

.paymentsScreen div.manage table tr td:last-of-type,
.paymentsScreen div.payment table tr td:last-of-type {
  padding-left: .5em;
}

.paymentsScreen div.manage table tr:last-of-type td,
.paymentsScreen div.payment table tr:last-of-type td {
  padding-bottom: 0;
}

.paymentsScreen div.manage table tr[data-save-info] {
  display: none !important;
}
/* End paymentsScreen */

/* Begin servicesScreen */
.servicesScreen .infoBar {
  margin-top: 0;
}

.servicesScreen .accordion-title {
  font-weight: normal;
}

.servicesScreen ul.accordion {
  margin-top: 1em;
}

.servicesScreen .accordion-content {
  color: #767676;
  background-color: #F0F0F0;
}

.servicesScreen .summary {
  background-color: #FFF;
  margin-top: 1em;
  padding: .5em .5em;
  border-radius: .3rem;
}

.addressMoveScreen .moveInfo > h1,
.vacationScreen .vacationInfo > h1,
.servicesScreen .summary > h1 {
  display: inline-block;
  margin-bottom: 0;
}

.servicesScreen .summary .column {
  margin-top: .5em;
  margin-bottom: .5em;
}

.servicesScreen .summary .column img {
  position: relative;
  top: -2px;
}

.servicesScreen .summary .column ul {
  list-style-type: disc;
  margin-left: 1.5em;
}

.servicesScreen .box .column span:first-of-type {
  width: 6em;
  display: inline-block;
}

.servicesScreen .column {
  position: relative;
}

.servicesScreen .toolbarContainer {
  position: relative;
  right: .25em;
  margin-top: .25em;
  margin-bottom: .25em;
}

.servicesScreen .row .title {
  margin-bottom: 0;
}

.servicesScreen .subLevelService {
  padding: 0 1em 0 1em !important;
}

.servicesScreen .subLevelService .header {
  text-align: left;
  padding-left: 1em;
  background-color: #D4D2D3;
}

.servicesScreen .searchMatched {
  -webkit-box-shadow: inset 0 0 2em rgba(255,255,0,0.4), 0 0 10px rgba(0,0,0,.4);
  box-shadow: inset 0 0 2em rgba(255,255,0,0.4), 0 0 10px rgba(0,0,0,.4);
}

.servicesScreen .pending.searchMatched {
  -webkit-box-shadow: inset 0 0 2em #FFFF00, 0 0 10px rgba(0,0,0,.4);
  box-shadow: inset 0 0 2em #FFFF00, 0 0 10px rgba(0,0,0,.4);
}

.servicesScreen .serviceHeader.priceLock {
  background-image: url(/includes/assets/SSU/lock-FFFFFF.svg);
  background-size: 1.5em;
  background-repeat: no-repeat;
  background-position: right center;
}

.servicesScreen div.infoBar {
  margin: 1em 0;
}

/* End servicesScreen */

/* Begin editServicesScreen */
/*
.editServicesScreen input:disabled:checked:not([data-current]) + label,
.editServicesScreen input:disabled:checked + label,
*/
/*
.editServicesScreen input:disabled[data-current] + label {
  color: rgba(255, 0, 0, 0.45);
}
*/

.editServicesScreen div.infoBar {
  margin: 0 0 1em;
}

.editServicesScreen .payment.panel div.infoBar {
  margin-top: 1em;
}

.editServicesScreen input[type=checkbox]:not(:last-of-type) + label,
.editServicesScreen input[type=radio]:not(:last-of-type) + label {
  margin-right: 1em;                                          
} 

.editServicesScreen .columns.largeRight,                     
.editServicesScreen .column.largeRight {                     
  padding-right: .5em;                                        
} 

.editServicesScreen .ach .columns.largeRight label,               
.editServicesScreen .ach .column.largeRight label {               
  white-space: nowrap;                                        
  top: 5px;                                                   
  margin-bottom: .1em;
  padding-bottom: 0.25em;                                     
} 

.editServicesScreen .form .row {                    
  margin-bottom: .5em;                                        
} 

.editServicesScreen .form [type="radio"] + label,            
.editServicesScreen .form [type="checkbox"] + label {        
  top: 3px;                                                   
}                                                             
                                                              
.editServicesScreen .form [type="radio"] + label:after,      
.editServicesScreen .form [type="checkbox"] + label:after {  
  top: 8px;                                                   
}

.roommateSwapScreen #paymentTerms ul,
.scheduleActivityScreen #paymentTerms ul,
.editServicesScreen #paymentTerms ul {
  list-style-type: disc;
  margin-left: 2em;
}

.roommateSwapScreen div#paymentTerms,
.scheduleActivityScreen div#paymentTerms,
.editServicesScreen div#paymentTerms {
  padding: 1em;
}

.roommateSwapScreen div#paymentTerms div.callId span,
.scheduleActivityScreen div#paymentTerms div.callId span,
.editServicesScreen div#paymentTerms div.callId span {
  position: relative;
  top: 4px;
}

.roommateSwapScreen div#paymentTerms div.callId,
.scheduleActivityScreen div#paymentTerms div.callId,
.editServicesScreen div#paymentTerms div.callId {
  margin-left: 1.75em;
}

.roommateSwapScreen div#paymentTerms div.callId,
.scheduleActivityScreen div#paymentTerms div.callId,
.editServicesScreen div#paymentTerms div.callId {
  display: inline-flex;
  margin-top: .5em;
}

.roommateSwapScreen div#paymentTerms .questions input,
.roommateSwapScreen div#paymentTerms .questions select,
.scheduleActivityScreen div#paymentTerms .questions input,
.scheduleActivityScreen div#paymentTerms .questions select,
.editServicesScreen div#paymentTerms .questions input,
.editServicesScreen div#paymentTerms .questions select {
  width: 11em;
}

.roommateSwapScreen div.signature,
.scheduleActivityScreen div.signature,
.editServicesScreen div.signature {
  border: 1px solid #E2E2E2;
  position: relative;
  border-radius: .3rem;
}

.roommateSwapScreen div.signature div.border,
.scheduleActivityScreen div.signature div.border,
.editServicesScreen div.signature div.border {
  position: relative;
  border-top: 1px solid #767676;
  top: -23px;
  margin: 0 .25em;
}

.roommateSwapScreen div[data-clear-signature],
.scheduleActivityScreen div[data-clear-signature],
.editServicesScreen div[data-clear-signature] {
  position: absolute;
  cursor: pointer;
  bottom: 4px;
  bottom: 0;
  right: 4px;
}

.roommateSwapScreen tr[data-manual-credit-card-entry] img,
.scheduleActivityScreen tr[data-manual-credit-card-entry] img,
.editServicesScreen tr[data-manual-credit-card-entry] img {
  height: 25px;
  margin-right: .25em;
}

.editServicesScreen .toolbar button[data-channel-lineup] {
  width: 9em;
}

.editServicesScreen .toolbar button[data-direc-tv] {
  width: 8em;
}

.editServicesScreen .toolbar button[data-recommendation-tool] {
  width: 12em;
}

.editServicesScreen #youTubeTV,
.editServicesScreen #recommendationTool {
  height: 80%;
}

.editServicesScreen #channelLineup {
  height: 70%;
  overflow: hidden;
}

.editServicesScreen [data-class] {
  margin-left: 1em;
}

.editServicesScreen li a.accordion-title {
  padding-right: 2em;
}

.editServicesScreen div.accordion-content .row {
  margin-bottom: 1em;
  margin-left: 1em;
}

.editServicesScreen div.accordion-content .row:last-of-type {
  margin-bottom: 0;
}

.editServicesScreen div.table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: .5em;
}

.editServicesScreen div.table div:nth-of-type(1) {
  width: 55%;
  position: relative;
  top: 4px;
}

.editServicesScreen div.table div:nth-of-type(2) {
  width: 45%;
}

.editServicesScreen div.table div:nth-of-type(2) input:first-of-type {
  margin-left: .5em;
}

.editServicesScreen .form div.table [type="radio"] + label,
.editServicesScreen .form div.table [type="checkbox"] + label {
  padding-right: .5em;
}

.editServicesScreen .toolbar button {
  width: 7em;
  padding: .4em 0;
}

.editServicesScreen .toolbar button[data-submit] {
  margin-top: 0;
}

.editServicesScreen .tpvInstructions ul {
  list-style-type: disc;
  margin-left: 1.25em;
}

.editServicesScreen div[data-assign-tn] h1 {
  /*display: inline-block;*/
  margin-top: 1em;
}

.editServicesScreen div[data-assign-tn] .column {
  margin-top: .25em;
}

.editServicesScreen div[data-assign-tn] select {
  /*display: inline-block;*/
  width: 100%;
}

.editServicesScreen div[data-assign-tn] table {
  width: 95%;
  margin-bottom: 0;
}

.editServicesScreen div[data-assign-tn] table td:nth-of-type(1) {
  width: 8em;
}

.editServicesScreen div[data-assign-tn] table td {
  padding-bottom: .5em;
}

.editServicesScreen div[data-assign-tn] input[type=radio] + label,
.editServicesScreen div[data-assign-tn] input[type=checkbox] + label {
  width: 4em;
  color: #767676 !important;
}

.editServicesScreen .newTN.panel table td {
  padding-bottom: .5em;
}

.editServicesScreen .tabs-content .actions span.disabled {
  cursor: default;
  color: #AAA;
}

/*
 * These rules show/hide the edit icon based on whether the input box is
 * checked or not
 */
.editServicesScreen [data-address-tabs] input:checked + label span[data-amount].priceChange {
  font-weight: bold;
}

.editServicesScreen [data-address-tabs] span.bcl {
  position: relative;
  top: 2px;
}

.detailsBroadbandConsumerLabelScreen .bcl {
  margin-top: 1em;
  margin-right: 1em;
}

.detailsBroadbandConsumerLabelScreen .bclContainer {
  display: flex;
  justify-content: flex-start;
  flex-flow: row wrap;
}

.bcl.panel,
.detailsBroadbandConsumerLabelScreen .bclContainer .bcl {
  border: 5px solid #f0f000;
}

.bcl {
  width: 100%;
  max-width: 26em;
  padding: 10px 15px;
  background: #fff;
}

div.bcl .title {
  font-weight: bold;
  font-size: 2em;
}

div.bcl .bigBorder {
  border-bottom: 5px solid #b767ff;
  margin-bottom: .5em;
  margin-top: .5em;
}

div.bcl .smallBorder {
  border-bottom: 1px solid #b767ff;
  margin-bottom: .5em;
  padding-top: .5em;
}

div.bcl .smallBorderGray {
  border-bottom: 1px solid #dbdbdb;
  margin-bottom: .25em;
}

div.bcl a {
  color: #000;
  text-decoration: underline;
}

div.bcl .label {
  float: left;
  line-height: initial;
}

div.bcl .value {
  float: right;
}

.editServicesScreen [data-address-tabs] input:not(:checked) + label + span {
  display: none;
}

.editServicesScreen [data-address-tabs] input[data-no-parm-edit] + label + span {
  display: none !important;
}

.editServicesScreen [data-address-tabs] input:checked + label + span {
  display: inline;
}

.editServicesScreen [data-address-tabs] input[data-highlight-pending] + label {
  color: inherit !important;
  margin-right: .25em;
}

.editServicesScreen .pendingHighlight {
  -webkit-box-shadow: inset 0 0 2em rgba(255,255,0,0.4), 0 0 10px rgba(0,0,0,.4);
  box-shadow: inset 0 0 2em rgba(255,255,0,0.4), 0 0 10px rgba(0,0,0,.4);
  border-radius: .3rem;
  padding-right: .25em !important;
}

.editServicesScreen li.tabs-title .pendingHighlight {
  padding-right: 1.25rem !important;
}
/*
 * These rules manage the color of the checkbox label.
 */
.editServicesScreen [data-address-tabs] input:not(:checked)[data-current] + label {
  color: red;
}

.editServicesScreen [data-address-tabs] input:checked:not([data-current]) + label {
  color: #7EC03D;
}

.editServicesScreen select,
.editServicesScreen .override.panel select {
  padding-right: 16px;
  background-position: right -12px center;
}

.editServicesScreen input + label + span.edit {
  cursor: pointer;
  position: relative;
  top: -2px;
  top: 2px;
}

.roommateSwapScreen form table tr td,
.scheduleActivityScreen form table tr td,
.editServicesScreen form table tr td {
  white-space: normal;
}

.editServicesScreen .categoryWrapper {
  margin-bottom: 1em;
}

.editServicesScreen [data-services-tabs] input + label {
  white-space: normal;
  max-width: 28em;
  width: 85%;
  /*min-width: 11em;*/
}

.editServicesScreen [data-services-tabs] input + label.indent {
  max-width: 23.75em;
  max-width: 26.75em;
}

/*
.editServicesScreen .tabs-content #internet11148 input.indent + label,
.editServicesScreen .tabs-content #internet11148 input.indent + label .leaders {
  width: 21.25em;
}

.editServicesScreen .tabs-content #internet11148 [data-internet-extras] label,
.editServicesScreen .tabs-content #internet11148 [data-internet-packages] label {
  width: 15.25em;
}
.editServicesScreen .tabs-content #internet11148 [data-internet-extras] .leaders,
.editServicesScreen .tabs-content #internet11148 [data-internet-packages] .leaders {
  width: 15em;
}

.editServicesScreen .tabs-content #internet11148 [data-internet-extras] input.indent + label {
  width: 14em;
}
.editServicesScreen .tabs-content #internet11148 [data-internet-extras] input.indent + label .leaders {
  width: 13em;
}

.editServicesScreen .tabs-content #internet11148 [data-internet-ancillary] label {
  width: 22.5em;
}
.editServicesScreen .tabs-content #internet11148 [data-internet-nrc] label,
.editServicesScreen .tabs-content #internet11148 [data-internet-other] label {
  width: 21.25em;
}
.editServicesScreen .tabs-content #internet11148 [data-internet-nrc] .leaders,
.editServicesScreen .tabs-content #internet11148 [data-internet-other] .leaders,
.editServicesScreen .tabs-content #internet11148 [data-internet-ancillary] .leaders {
  width: 22em;
}

.editServicesScreen .tabs-content #tv11208 [data-tv-packages] label,
.editServicesScreen .tabs-content #tv11208 [data-tv-channels] label,
.editServicesScreen .tabs-content #tv11208 [data-tv-extras] label,
.editServicesScreen .tabs-content #tv11208 [data-tv-apps] label,
.editServicesScreen .tabs-content #tv11208 [data-tv-other] label,
.editServicesScreen .tabs-content #tv11208 [data-tv-equipment] label {
  width: 17.25em;
}

.editServicesScreen .tabs-content #tv11208 [data-tv-extras] .leaders,
.editServicesScreen .tabs-content #tv11208 [data-tv-apps] .leaders,
.editServicesScreen .tabs-content #tv11208 [data-tv-other] .leaders,
.editServicesScreen .tabs-content #tv11208 [data-tv-equipment] .leaders {
  width: 16.25em;
}

.editServicesScreen .tabs-content #tv11208 [data-tv-boxes] label {
  width: 19.5em;
}
.editServicesScreen .tabs-content #tv11208 [data-tv-boxes] .leaders {
  width: 19.25em;
}

.editServicesScreen .tabs-content #tv11208 [data-tv-boxes] input.indent + label {
  width: 18.25em;
}
.editServicesScreen .tabs-content #tv11208 [data-tv-boxes] input.indent + label .leaders {
  width: 17.25em;
}

.editServicesScreen .tabs-content #phone11308 [data-phone-extras] label,
.editServicesScreen .tabs-content #phone11308 [data-phone-packages] label {
  width: 16.75em;
}

.editServicesScreen .tabs-content #phone11308 [data-phone-extras] .leaders,
.editServicesScreen .tabs-content #phone11308 [data-phone-packages] .leaders {
  width: 15.75em;
}

.editServicesScreen .tabs-content #phone11308 [data-phone-other] label {
  width: 21em;
}
.editServicesScreen .tabs-content #phone11308 [data-phone-other] .leaders {
  width: 19.75em;
}
*/

.editServicesScreen .accordion-content,
.editServicesScreen .tabs-panel {
  padding: .5rem;
}

.editServicesScreen .mainContent {
  /*float: right;*/
  margin-top: 1em;
  /*margin-left: 2.5em;*/
  position: relative;
}

.editServicesScreen [data-totals] span[data-nrc-label]:before {
  content: "One-time charges";
}

.editServicesScreen [data-totals] span[data-mrc-label]:before {
  content: "Monthly charges";
}

.editServicesScreen ul.leaders li {
  white-space: normal;
}

.editServicesScreen [data-tabs] a span {
  display: none;
}

.editServicesScreen [data-tabs] a object,
.editServicesScreen [data-tabs] a img {
  display: block;
}

.editServicesScreen .tabIcon {
  fill: green;
}

.editServicesScreen .tabIcon svg {
  color: green;
}

.editServicesScreen .tabIcon svg path {
  fill: green;
}

.editServicesScreen [data-totals] {
  background-color: #FFF;
  border: 1px solid #E2E2E2;
  padding: .25em .5em;
  margin: .5em 0;
  border-radius: .3rem;
}

/*.editServicesScreen .tabs-content select,*/
.editServicesScreen .tabs-content input[type=number] {
  width: 2.25em;
  display: inline-block;
}

.editServicesScreen .tabs-content input[type=number] {
  width: 3.25em;
  padding-right: .25em;
}

.editServicesScreen .tabs-content #internet11148 input[type=number]:not(:first-of-type) {
  margin-top: .5em;
}

.editServicesScreen .tabs-content .column {
  margin-top: 1em;
}

/*
.editServicesScreen .dock {
  position: relative;
}
*/

/*
.editServicesScreen ul.tabs[data-tabs] li.is-active:after {
  top: 0;
  left: 0;
}
*/

.editServicesScreen #activeAddr {
  position: relative;
}

/* Don't know if we'll need this, but it will be used by bundle pricing if we do
.editServicesScreen .dock > div:nth-of-type(1) {
  background-color: #FFF;
  padding: .5em;
  position: absolute;
  cursor: pointer;
  white-space: nowrap;
  border-left: 1px solid #E2E2E2;
  /*
  border: 1px solid #E2E2E2;
  width: 6em;
  top: 19px;
  left: -19px;
  top: 12.2em;
  left: -27px;
  top: 12.6em;
  transform: rotate(90deg);
  border-top-left-radius: .3rem;
  border-top-right-radius: .3rem;
  */
  /*
  border-bottom-right-radius: .3rem;
  left: 0;
  top: 175px;
  top: 6px;
  color: #FFF;
  background-color: #7EC03D;
}

/*
.editServicesScreen .dock.active > div:nth-of-type(1),
.editServicesScreen .dock:hover > div:nth-of-type(1) {
  display: none;
}
*/

.editServicesScreen .promos {
  margin-top: 1em;
  background-color: #FFF;
  border: 1px solid #E2E2E2;
  padding: .25em .5em;
  margin-bottom: .5em;
  border-radius: .3rem;
}

.orderSummaryScreen .toolbar,
.editServicesScreen .toolbar {
  margin-bottom: .5em;
  text-align: right;
}

/*
.editServicesScreen .dock {
  position: absolute;
  top: 11em;
  top: -7em;
  top: -175px;
  left: 0;
  left: -57px;
  left: 0;
  left: -1px;
  top: -7px;
  z-index: 9;
  z-index: 0;
/*
  width: 5em;
  padding: 12px 0;
*/
/*
  text-align: center;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  /*border-top-right-radius: .3rem;*/
/*
  border-bottom-right-radius: .3rem;
}
*/

/*
.editServicesScreen .dock .accordion {
  position: absolute;
  top: 11em;
  top: 175px;
  top: 6px;
  /*left: -250px;*/
  /*
  width: 10.5em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  text-align: left;
  /*border-top-right-radius: .3rem;*/
  /*
  border-bottom-right-radius: .3rem;
  opacity: 0;
  line-height:0;
  height: 0;
  overflow: hidden;
  -webkit-box-shadow: 3px 3px 10px rgba(0,0,0,.25);
  box-shadow: 3px 3px 10px rgba(0,0,0,.25);
}
*/


/*
.editServicesScreen .dock.active,
.editServicesScreen .dock:hover {
  left: 0;
}
*/

/*
.editServicesScreen .dock.active,
.editServicesScreen .dock:hover {
  z-index: 10;
}

.editServicesScreen .dock.active .accordion,
.editServicesScreen .dock:hover .accordion {
  opacity: 1;
  line-height: normal;
  height: auto;
}
*/

/*
.editServicesScreen .tabs-content label,
.editServicesScreen .tabs-content .leaders {
  width: 12.25em;
}
*/

.editServicesScreen .tabs-content input[type=number]+label,
.editServicesScreen .tabs-content input[type=number]+label .leaders {
  width: 10.5em;
}

/*
.editServicesScreen .tabs-content div[data-tv-boxes] h1 {
  display: inline-block;
}

.editServicesScreen .tabs-content span[data-add-stb] {
  position: relative;
  right: -1em;
  color: #7EC03D;
  cursor: pointer;
}
*/

.editServicesScreen .tabs-content .actions {
  margin-bottom: .5em;
  color: #7EC03D;
}

.editServicesScreen .tabs-content .actions span {
  padding-right: .5em;
  cursor: pointer;
}

.editServicesScreen .tabs-content .info {
  display: none;
}

.editServicesScreen .tabs-content .info:after {
  font-family: 'foundation-icons';
  content: '\f15e';
  cursor: pointer;
  color: #7EC03D;
  font-size: 1.5em;
  top: 1px;
  position: relative;
  margin-left: .25em;
}

.editServicesScreen .tabs-content .edit:after {
  font-family: 'foundation-icons';
  content: '\f18e';
  cursor: pointer;
  color: #7EC03D;
  font-size: 24px;
  top: 1px;
  position: relative;
  margin-left: .25em;
}

.editServicesScreen .tabs-content .edit.edited:after {
  content: '\f184';
}

.editServicesScreen input.indent + label {
  margin-left: 2em;
}

.editServicesScreen .parameters.panel {
  position: fixed;
  position: absolute;
  top: 115px;
  width: 19.5rem;
}

.editServicesScreen .parameters.panel.active {
  /*
  left: -16px;
  left: 0;
  */
}

.editServicesScreen .parameters.panel td:first-of-type {
  width: 50%;
}

.editServicesScreen .parameters.panel table {
  margin-top: 1em;
}

.detailsScreen .outageDetails table tbody td:first-of-type {
  vertical-align: top;
  width: 7.5em;
}

.detailsScreen .outageDetails table tbody td {
  padding-bottom: .25em;
}

.detailsScreen .outages table tbody tr,
.detailsScreen .contacts table tbody tr {
  cursor: pointer;
}

.detailsScreen .addContact.panel label {
  padding-bottom: .15em;
}

.detailsScreen .addContact.panel tr.name td:nth-of-type(1) {
  padding-right: .5em;
}

.detailsScreen .addContact.panel tr.phone td:nth-of-type(1) {
  width: 75%;
  padding-right: .5em;
}

.detailsScreen .addContact.panel tr.text {
  display: flex;
  position: relative;
  top: -8px;
}

.detailsScreen .addContact.panel tr.text td:nth-of-type(1),
.detailsScreen .addContact.panel tr.text td:nth-of-type(2) {
  padding-right: .5em;
}

.detailsScreen .addContact.panel tr.text td:nth-of-type(2) {
  position: relative;
  left: 45px;
}

.detailsScreen .addContact.panel table tbody td {
  padding-bottom: .75em;
}

.editServicesScreen .cancelReason.panel table tbody td,
.editServicesScreen .parameters.panel table tbody td {
  padding-bottom: .5em;
}

.editServicesScreen .cancelReason.panel table tr td:first-of-type {
  width: 55%;
}

.roommateSwapScreen .subTitle,
.scheduleActivityScreen .subTitle,
.editServicesScreen .subTitle {
  color: #7EC03D;
  font-size: 1em;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
}

.editServicesScreen .wirelessBridge.panel .subTitle,
.roommateSwapScreen .payment.panel .subTitle,
.scheduleActivityScreen .payment.panel .subTitle,
.editServicesScreen .payment.panel .subTitle {
  margin: 1em 0;
  line-height: 1em;
}

.roommateSwapScreen .payment.panel td,
.scheduleActivityScreen .payment.panel td,
.editServicesScreen .payment.panel td {
  padding-bottom: .25em;
}

.roommateSwapScreen .payment.panel td.status,
.scheduleActivityScreen .payment.panel td.status,
.editServicesScreen .payment.panel td.status {
  padding-top: 1em;
}

.roommateSwapScreen .payment.panel td.status div[data-card-reader-status],
.scheduleActivityScreen .payment.panel td.status div[data-card-reader-status],
.editServicesScreen .payment.panel td.status div[data-card-reader-status] {
  width: 10em;
}

.roommateSwapScreen .payment.panel tr:first-of-type td:first-of-type,
.scheduleActivityScreen .payment.panel tr:first-of-type td:first-of-type,
.editServicesScreen .payment.panel tr:first-of-type td:first-of-type {
  width: 8em;
}

.paymentsScreen .manage select[data-id=creditCardMonth],
.paymentsScreen .payment select[data-id=creditCardMonth],
.roommateSwapScreen .payment.panel select[data-id=creditCardMonth],
.scheduleActivityScreen .payment.panel select[data-id=creditCardMonth],
.editServicesScreen .payment.panel select[data-id=creditCardMonth] {
  width: 3em;
}

.paymentsScreen .manage select[data-id=creditCardYear],
.paymentsScreen .payment select[data-id=creditCardYear],
.roommateSwapScreen .payment.panel select[data-id=creditCardYear],
.scheduleActivityScreen .payment.panel select[data-id=creditCardYear],
.editServicesScreen .payment.panel select[data-id=creditCardYear] {
  width: 6em;
}

.roommateSwapScreen .payment.panel tr[data-cancel-transaction] button,
.scheduleActivityScreen .payment.panel tr[data-cancel-transaction] button,
.editServicesScreen .payment.panel tr[data-cancel-transaction] button {
  width: 100%;
}

.editServicesScreen .parameters.panel select,
.editServicesScreen .parameters.panel input {
  width: 100%;
  display: inline-block;
}

.editServicesScreen .parameters.panel input:before {
  content: "$";
}

.editServicesScreen div[data-agents] {
  text-align: right;
  width: 15.5em;
  margin-left: auto;
  margin-right: 0;
}

.editServicesScreen div[data-agents] select {
  padding-right: 16px;
  background-position: right -12px center;
}

.editServicesScreen div[data-agents] table {
  margin-bottom: .5em;
}

.editServicesScreen div[data-agents] table td {
  padding: 0;
}

.editServicesScreen div[data-agents] table td:first-of-type {
  padding: 0 .5em 0 0;
}

/*
.editServicesScreen button.menu-icon[data-jump-to] {
  display: none;
}
*/

/* Begin editServicesScreen -> reviewOrderContent */
.editServicesScreen .clickToCancel label {
  font-size: 1em;
  font-weight: normal;
}

.editServicesScreen .clickToCancel label:before {
  top: .5em;
}

.editServicesScreen .clickToCancel [type="checkbox"] + label:after {
  top: .75em;
}

.reviewOrderContent .selfInstall {
  white-space: pre-line;
  margin-top: -1em;
  margin-bottom: -4em;
}

.reviewOrderContent div.activities.tableBorder:first-of-type {
  margin-top: 0;
}

.reviewOrderContent #activities {
  background-color: #f8f8f8;
  margin-bottom: 1em;
}

.reviewOrderContent table.smallCards th {
  padding: .25em;
}

.reviewOrderContent .pendingInactive,
.reviewOrderContent .canceled {
  color: red;
}

.reviewOrderContent .pending,
.reviewOrderContent .new {
  color: #7EC03D;
}

.reviewOrderContent table {
  margin-bottom: 0;
}

.reviewOrderContent table:not(.smallCards) tbody td {
  padding: 0 1em 0 0;
}

.reviewOrderContent table:not(.smallCards):nth-of-type(1) tbody td {
  padding-bottom: 1em;
}

.reviewOrderContent h2,
.reviewOrderContent h5 {
  color: #484848;
  line-height: 1.2;
  margin: .5em 0
}

.reviewOrderContent h2,
.reviewOrderContent .h2 {
  font-size: 2.25em;
}
.reviewOrderContent h5,
.reviewOrderContent .h5 {
  font-size: 1.2em;
}

.reviewOrderContent h2 {
  font-size: 1.25em;
  font-weight: bold;
  margin-bottom: 10px;
  text-align: left;
  color: #fff;
  background: #7EC03D;
  padding: 5px 20px;
  border-radius: .3rem;
}

.orderSummaryScreen .mainContent,
.reviewOrderContent {
  margin-top: 1em;
  padding: .25em .5em;
  background: #fff;
  border-radius: .3rem;
}

.reviewOrderContent a {
  color: initial;
  text-decoration: underline;
}

.reviewOrderContent a.appointDate {
  font-size: .9em;
  color: #7EC03D;
  display: inline-block;
  margin: 0 1em;
}

.reviewOrderContent .column-block {
  margin-bottom: .5rem;
}

/* Datepicker */
.ui-datepicker-header .ui-datepicker-title {
  display: inline-flex;
}

.ui-datepicker-header .ui-datepicker-title > select {
  width: 75px;
  margin-right: .5em;
  padding-left: .25em;
  border-radius: .3rem;
  height: initial;
  height: fit-content;
}

.ui-datepicker div.timeStamp {
  margin-top: .5em;
  text-align: center;
}

.ui-datepicker div.timeStamp label[for=timeStampS] {
  padding-right: 1em;
}

.addressMoveScreen select[data-id=timeSlot],
.scheduleActivityScreen select[data-id=timeSlot],
.reviewOrderContent select[data-id=timeSlot] {
  width: 6em;
  height: 1.875em;
}

.addressMoveScreen .scheduleActivity input.datepicker,
.scheduleActivityScreen .scheduleActivity input.datepicker,
.reviewOrderContent .scheduleActivity input.datepicker {
  width: 7.75em;
}

.addressMoveScreen .scheduleActivity input.datepicker[readonly],
.scheduleActivityScreen .scheduleActivity input.datepicker[readonly],
.reviewOrderContent .scheduleActivity input.datepicker[readonly] {
  background-color: #FFF;
}

.addressMoveScreen .scheduleActivity:after,
.scheduleActivityScreen .scheduleActivity:after,
.reviewOrderContent .scheduleActivity:after {
  right: 20px;
}

.reviewOrderContent .scheduleAppointment {
  /*margin: 0 2em 1em;*/
  margin-bottom: 1em;
  background-color: #d5eafb;
  padding: .5em 0;
  border-radius: .3rem;
  font-weight: bold;
}

.reviewOrderContent .scheduleAppointment .column {
  margin: 0;
}

.reviewOrderContent .scheduleAppointment > div:nth-of-type(2) {
  text-align: left;
}

.addressMoveScreen .scheduleAppointment .datepicker,
.scheduleActivityScreen .scheduleAppointment .datepicker,
.reviewOrderContent .scheduleAppointment .datepicker {
  font-weight: normal;
}

.reviewOrderContent .scheduleAppointment div:nth-of-type(2) {
  /*
  display: inline-block;
  float: right;
  */
  position: relative;
  top: 3px;
}

.ui-datepicker .ui-datepicker-today {
  background: #FFF;
  border: 1px solid #246BA1;
  border: 1px solid #7EC03D;
}

.ui-datepicker .ui-datepicker-today a.ui-state-highlight {
  color: #246BA1;
  color: #7Ec03D;
}

.ui-datepicker .ui-datepicker-current-day {
  background: #FFF;
  background-color: rgba(255, 255, 0, 0.3);
  border: 1px solid #7EC03D;
}

.ui-datepicker .ui-datepicker-current-day a.ui-state-active {
  color: #7Ec03D;
}

.reviewOrderContent .accordion .datepicker:after {
  top: 0;
  right: 6px;
}

.reviewOrderContent .dateChecks > * {
  margin: 0 0 .5em 0;
  float: right;
}

.reviewOrderContent .RsmallCards[role=grid] {
  border-bottom: 3px solid #246ba3;
  border-radius: .3rem;
}

.reviewOrderContent .accordion {
  background-color: transparent;
  background: initial;
}

.reviewOrderContent .Rtable {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin: 0;
  padding: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-left: 3px solid #246ba3;
  border-right: 3px solid #246ba3;
}

.reviewOrderContent .Rtable.header {
  /*border-bottom: 1px solid #FFF;*/
  color: #246ba3;
  padding: .75rem 1rem .5rem;
  font-weight: bold;
  font-size: 1.2em;
}

.reviewOrderContent .Rtable.serializedOptions span {
  margin-right: 5px;
}

.reviewOrderContent .Rtable.serializedOptions label {
  /*font-weight: bold;*/
  text-transform: uppercase;
  font-size: .9em;
}

.reviewOrderContent .Rtable.serializedOptions .Rtable-cell {
  border-bottom: none;
   -webkit-box-flex: 0;
       -ms-flex-positive: 0;
           flex-grow: 0;
   width: initial;
   overflow: unset;
}

.reviewOrderContent .accordion .Rtable {
  border-right: 2px solid #7EC03D;
  border-left: 2px solid #7EC03D;
}

.reviewOrderContent .Rtable-cell {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: 100%;
  /*padding: 0.8em 0;*/
  overflow: hidden;
  list-style: none;
  text-align: center;
  position: relative;
  border-right: 1px solid #fff;
  line-height: 2.5rem;
  height: 2.5rem;
}

.reviewOrderContent .Rtable-cell:last-of-type {
  border-right: 1px solid #f0f0f0;
}

.reviewOrderContent .accordion .Rtable-header .Rtable-cell:last-of-type {
  border-right: 1px solid #d5eafb;
}

.reviewOrderContent .accordion .Rtable-rows {
  border-top: 0 !important;
  line-height: 2em;
}

/*
.reviewOrderContent .accordion .Rtable-rows:last-of-type {
  border-bottom-left-radius: .3rem;
  border-bottom-right-radius: .3rem;
}
*/

.reviewOrderContent .Rtable-rows .Rtable-cell:before {
  color: #767676;
}

.reviewOrderContent .Rtable-header .Rtable-cell {
  background-color: #d5eafb;
}

.reviewOrderContent .RsmallCards .Rtable-header .Rtable-cell,
.reviewOrderContent .Rtable-rows .Rtable-cell {
  border-top: 1px solid #FFF;
}

.reviewOrderContent .RtableContainer > .RsmallCards > .Rtable-header .Rtable-cell {
  border-top: 1px solid #246BA1;
}

.reviewOrderContent .packageOption .RsmallCards .Rtable-header .Rtable-cell,
.reviewOrderContent .featureOption .RsmallCards .Rtable-header .Rtable-cell {
  border-top: none;
  border-bottom: 1px solid #FFF;
}

.reviewOrderContent .packageOption header {
  border-left: 3px solid #246BA1;
  border-right: 3px solid #246BA1
}

.reviewOrderContent .packageOption header > div {
  font-weight: bold;
  margin-left: 2em;
  margin-right: 2em;
  background-color: #246BA1;
  color: #FFF;
  padding-left: 1em;
  height: 2em;
  line-height: 2em;
  border-top-left-radius: .3rem;
  border-top-right-radius: .3rem;
}

.reviewOrderContent [data-cards-class] .Rtable-header .Rtable-cell,
.reviewOrderContent .packageOption .Rtable.Rtable-rows .Rtable-cell,
.reviewOrderContent .featureOption .Rtable.Rtable-rows .Rtable-cell,
.reviewOrderContent .Rtable.Rtable-rows.packageChange .Rtable-cell {
  border-top: none;
}

/*.reviewOrderContent .accordion .Rtable-rows:not(.featureOption):last-of-type .Rtable-cell {*/
/*
.reviewOrderContent .accordion .Rtable-rows:not(.featureOption) .Rtable-cell:last-of-type {
  border-bottom: none;
}
*/

.reviewOrderContent .Rtable.serializedOptions {
  border-left: 3px solid #246ba3;
  /*background: #d5eafb;*/
  overflow: hidden;
}

.reviewOrderContent .Rtable.serializedOptions .Rtable-cell {
  background: #d5eafb;
  padding: 0.4em .5em;
  border-right: 0;
  text-align: right;
  line-height: 1.75em;
  min-height: 0;
  float: left;
}

.reviewOrderContent .Rtable.serializedOptions .Rtable-cell:first-of-type {
  width: 100%!important;
  min-height: 0;
  padding-top: 8px;
  color: #246BA1;
  margin-left: 10px;
  border-top-left-radius: .3rem;
  border-bottom-left-radius: .3rem;
}

.reviewOrderContent .Rtable.serializedOptions .Rtable-cell:last-of-type {
  margin-right: 10px;
  border-top-right-radius: .3rem;
  border-bottom-right-radius: .3rem;
}

.reviewOrderContent .Rtable.serializedOptions .Rtable-cell select {
  font-size: .9rem;
  height: 2em;
  text-align: center;
}

.reviewOrderContent .Rtable.serializedOptions .Rtable-cell select[selected] {
  font-weight: normal;
}

.reviewOrderContent .Rtable-rows .Rtable-cell:first-of-type {
  text-align: left;
  /*color: #246BA1;*/
}

.reviewOrderContent .cleanTable {
  border: 0;
}

.reviewOrderContent .Rtable-cell:before {
  position: absolute;
  left: 10px;
  top: 15px;
  font-weight: bold;
  text-align: right;
  width: 6em;
  font-size: .9em;
  line-height: 1;
}

.reviewOrderContent .packageOption .Rtable-cell:before {
  left: -8px;
}

.reviewOrderContent .Rtable-cell:first-of-type {
  text-align: left;
  font-weight: 600;
  font-size: 1em;
}

.reviewOrderContent .Rtable-title {
  color: #fff;
  background-color: #246BA1 !important;
  font-weight: bold;
  width: 100%;
  border-top-left-radius: .3rem;
  border-top-right-radius: .3rem;
}

.reviewOrderContent .Rtable-title .Rtable-cell {
  background-color: #246BA1;
  text-transform: uppercase;
  border: none;
}

.reviewOrderContent .newService {
  border-left: 0;
  font-size: .9em;
  position: relative;
  border-left: 3px solid #246ba3;
  background: #d5eafb;
}

.reviewOrderContent .newService .datepicker:after {
  right: 0!important;
}

.reviewOrderContent .newService:before {
  content: "Added: ";
  position: absolute;
  color: #7ec03d;
  text-transform: uppercase;
  font-weight: bold;
  opacity: 1;
  left: 40px;
  top: 8px;
  z-index: 2;
  font-size: 1.4em;
}

.reviewOrderContent .newService.Rtable-5cols > .Rtable-cell {
  background: #d5eafb;
  line-height: 2em;
  padding: .4em 1em;
}

.reviewOrderContent .newService.Rtable-5cols > .Rtable-cell:first-of-type {
  padding-left: 8em;
  color: #7EC03D;
  margin-left: 10px;
  border-top-left-radius: .3rem;
  border-bottom-left-radius: .3rem;
}

.reviewOrderContent .newService.Rtable-5cols > .Rtable-cell:last-of-type {
  margin-right: 10px;
  border-top-right-radius: .3rem;
  border-bottom-right-radius: .3rem;
}

.reviewOrderContent .accordion {
  list-style: none;
  border-top: 0;
  border-radius: 0;
  padding: .5em 0 0 0;
}

.reviewOrderContent .RtableContainer .accordion {
  padding: 0 10px;
  border-left: 3px solid #246ba3;
  border-right: 3px solid #246ba3;
}

.reviewOrderContent ul.accordion textarea {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.reviewOrderContent .serviceGroup {
  background-color: #f0f0f0;
}

.reviewOrderContent .serviceGroup {
  border-bottom: 10px solid #246ba3;
}

/*.reviewOrderContent .serviceGroup .accordion:last-of-type {*/
.reviewOrderContent .serviceGroup .accordion {
  padding-bottom: .5em;
}

.reviewOrderContent .accordion div {
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  overflow: hidden;
}

.reviewOrderContent .accordion > div:not(.body) {
  display: none;
  border-bottom: 2px solid #7ec03d;
  border-bottom-left-radius: .3rem;
  border-bottom-right-radius: .3rem;
}

.reviewOrderContent .accordion > div.opened {
  display: block;
}

.reviewOrderContent .accordion .Rtable-header .Rtable-cell {
  line-height: normal;
  height: 2rem;
}

.reviewOrderContent .accordion .Rtable-cell {
  padding: 0.4em .6em;
  font-size: .8em;
  line-height: 2rem;
  height: 2.65rem;
}

.reviewOrderContent .accordion .Rtable-cell:before {
  top: 10px;
  left: 5px;
  left: -24px;
  width: 9em;
}

.reviewOrderContent .accordion header {
  display: block;
  margin: 0;
  padding: .4em 1.2em .4em 1.8em;
  font-size: .8em;
  background: #dcfac5;
  cursor: pointer;
  position: relative;
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
  color: #333;
  border-left: 2px solid #7EC03D;
  border-right: 1px solid #7EC03D;
  border-top: 1px solid #7ec03d;
  border-bottom: 1px solid #7ec03d;
  border-radius: .3rem;
}

.reviewOrderContent .tableWrap header,
.reviewOrderContent .accordion header:hover,
.reviewOrderContent .accordion header.activate {
  background: #7EC03D;
  color: #fff;
  position: relative;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.reviewOrderContent .accordion header:hover:not(.activate) {
  border-bottom-left-radius: .3rem;
  border-bottom-right-radius: .3rem;
}

.reviewOrderContent .accordion header:after {
  content: "\f199";
  font-family: 'foundation-icons';
  display: block;
  font-size: 1.2em;
  position: absolute;
  left: 7px;
  top: 7px;
  z-index: 2;
  color: #7EC03D;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.reviewOrderContent .accordion header.activate:after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  color: #FFF;
}

.reviewOrderContent .accordionGreen header:hover,
.reviewOrderContent .accordionGreen header.activate {
  background: #7EC03D;
  color: #fff;
}

.reviewOrderContent .accordion header:hover:after {
  color: #fff;
}

.reviewOrderContent .accordion .datepicker {
    width: 9.5em;
}

.reviewOrderContent .accordion header.activate:hover:after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.reviewOrderContent .accordion .Rtable-header {
  font-weight: bold;
  text-transform: uppercase;
  color: #246BA1;
  /*background-color: #d5eafb;*/
}

.reviewOrderContent .packageOption .Rtable-header .Rtable-cell:first-of-type {
  padding-left: 1em;
  font-weight: normal;
  margin-left: 2em;
  border-left: 1px solid #246BA1;
}

.reviewOrderContent .accordion .featureOption .Rtable-header .Rtable-cell:first-of-type {
  margin-left: 2em;
  border-left: 1px solid #7EC03D;
}

.reviewOrderContent .Rtable-5cols > .Rtable-cell:nth-of-type(1) {
  width: 45%;
  /* Causes service name text to cover 'service name' header */
  padding-left: 1em;
}

.reviewOrderContent .Rtable-5cols > .Rtable-cell:nth-of-type(2) {
  width: 14%;
  text-align: center;
}

.reviewOrderContent .Rtable-5cols > .Rtable-cell:nth-of-type(3) {
  width: 10%;
  text-align: center;
}

.reviewOrderContent .Rtable-5cols > .Rtable-cell:nth-of-type(4) {
  width: 14%;
  text-align: center;
}

.reviewOrderContent .Rtable-5cols > .Rtable-cell:nth-of-type(5) {
  width: 14%;
  text-align: center;
}

.reviewOrderContent .Rtable-5cols > .Rtable-cell:nth-of-type(1):before {
  color: #767676;
}

.reviewOrderContent .packageOptions .Rtable.Rtable-rows,
.reviewOrderContent .featureOptions .Rtable.Rtable-rows {
  /*border-left: #0f0f0f;*/
  position: relative;
}

/*
.reviewOrderContent .featureOption .Rtable.Rtable-5cols.Rtable-rows:after,
.reviewOrderContent .featureOption .Rtable.Rtable-5cols.Rtable-rows:before {
  background-color: #999;
  background-color: #7EC03D;
  content: '';
  position: absolute;
  margin-top: 5px;
  margin-left: 13px;
  z-index: 1;
}
*/

.reviewOrderContent .packageOption .Rtable.Rtable-rows:before,
.reviewOrderContent .featureOption .Rtable.Rtable-rows:before {
  top: -10px;
  bottom: 0;
  width: 2px;
  height: 25px;
  left: 0;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.reviewOrderContent .packageOption .Rtable.Rtable-rows:after,
.reviewOrderContent .featureOption .Rtable.Rtable-rows:after {
  left: 0;
  right: 0;
  height: 2px;
  width: 15px;
  top: 15px;
}

.reviewOrderContent .packageOption .Rtable.Rtable-rows .Rtable-cell:first-of-type,
.reviewOrderContent .featureOption .Rtable.Rtable-rows .Rtable-cell:first-of-type {
  padding-left: 1em;
  font-weight: normal;
}

.reviewOrderContent .packageOption .Rtable.Rtable-rows .Rtable-cell,
.reviewOrderContent .featureOption .Rtable.Rtable-rows .Rtable-cell {
  color: #777;
  /*
  line-height: 1em;
  height: auto;
  min-height: 2.5em;
  */
  border-bottom: 1px solid #FFF;
}

.reviewOrderContent .packageOption .Rtable .Rtable-cell:nth-of-type(1) {
  margin-left: 2em;
  border-left: 1px solid #246BA1;
  width: 20%;
  cursor: help;
}

.reviewOrderContent .featureOption .Rtable .Rtable-cell:nth-of-type(1) {
  margin-left: 2em;
  border-left: 1px solid #7EC03D;
  width: 20%;
  cursor: help;
}

.reviewOrderContent .packageOption .Rtable .Rtable-cell:nth-of-type(2),
.reviewOrderContent .featureOption .Rtable .Rtable-cell:nth-of-type(2) {
  width: 30%;
  cursor: help;
}

.reviewOrderContent .packageOption .Rtable .Rtable-cell:nth-of-type(3),
.reviewOrderContent .featureOption .Rtable .Rtable-cell:nth-of-type(3) {
  width: 30%;
  cursor: help;
}

.reviewOrderContent .packageOption .Rtable .Rtable-cell:nth-of-type(4) {
  width: 15%;
  margin-right: 2em;
  border-right: 1px solid #246BA1;
}

.reviewOrderContent .featureOption .Rtable .Rtable-cell:nth-of-type(4) {
  width: 15%;
  margin-right: 2em;
  border-right: 1px solid #7ec03d;
}

.reviewOrderContent .packageOption .Rtable.Rtable-rows:last-of-type .Rtable-cell {
  border-bottom: none;
  border-bottom: 1px solid #246BA1;
  margin-bottom: .5rem;
}

.reviewOrderContent .featureOption .Rtable.Rtable-rows:last-of-type .Rtable-cell {
  border-bottom: none;
  border-bottom: 1px solid #7ec03d;
  margin-bottom: .5rem;
}

.reviewOrderContent .packageOption .Rtable.Rtable-rows:last-of-type .Rtable-cell:first-of-type,
.reviewOrderContent .featureOption .Rtable.Rtable-rows:last-of-type .Rtable-cell:first-of-type {
  border-bottom-left-radius: .3rem;
}

.reviewOrderContent .packageOption .Rtable.Rtable-rows:last-of-type .Rtable-cell:last-of-type,
.reviewOrderContent .featureOption .Rtable.Rtable-rows:last-of-type .Rtable-cell:last-of-type {
  border-bottom-right-radius: .3rem;
}

/*
.form [type="radio"] + label:after, .form [type="checkbox"] + label:after {
  color: #7EC03D;
}
*/

#e911LegalLanguage .body,
#loaLegalLanguage .body {
  padding: 1em 2em;
}

#loaLegalLanguage h1 {
  text-align: center;
  /*color: #742dce;*/
  font-size: 1.5em;
}

#e911LegalLanguage h2,
#loaLegalLanguage h2 {
  text-transform: uppercase;
  color: #000;
  text-align: left;
  font-size: 1em;
  margin-bottom: 1em !important;
}

#loaLegalLanguage h3 {
  font-size: 1em;
  text-align: center;
  font-weight: bold;
  text-align: center;
  margin: 1em auto;
}

#loaLegalLanguage .contactInfo span:nth-of-type(1) {
  font-weight: bold;
}

#loaLegalLanguage .sigLabel {
  margin-top: .5em;
  font-weight: bold;
}

#loaLegalLanguage .signature {
  margin-bottom: .5em;
}

#loaLegalLanguage .footnote {
  border-top: 1px solid #000;
  margin-top: 2em;
  padding-top: .5em;
}

#e911LegalLanguage [type="checkbox"] + label,
#loaLegalLanguage [type="checkbox"] + label {
  margin-left: 2em;
  font-size: 1em;
  font-weight: normal;
}

#e911LegalLanguage [type="checkbox"] + label:before,
#loaLegalLanguage [type="checkbox"] + label:before {
  left: -8px;
}

#e911LegalLanguage .multiline[type="checkbox"] + label:before,
#loaLegalLanguage .multiline[type="checkbox"] + label:before {
  top: auto;
}

#e911LegalLanguage [type="checkbox"] + label:after,
#loaLegalLanguage [type="checkbox"] + label:after {
  top: 8px;
  left: -2px;
}

#e911LegalLanguage .multiline[type="checkbox"] + label:after,
#loaLegalLanguage .multiline[type="checkbox"] + label:after {
  top: 12px;
}

#e911LegalLanguage ul {
  list-style-type: disc;
  margin-left: 2.25em;
}

/* End editServicesScreen -> reviewOrder */

/* Begin orderSummaryScreen */

.orderSummaryScreen .note {
  margin-bottom: 1em;
  background-color: #7EC03D;
  color: #FFF;
  padding: .5em;
  border-radius: .3rem;
}

.orderSummaryScreen .mainContent a {
  color: #246BA1;
}

.orderName {
  font-size: 1.5em;
  margin-top: 30px;
  color: #246BA1;
  margin-bottom: 0;
}

.orderSummaryScreen .mainContent {
  padding: 5vw 15vw 5vw 5vw;
  padding: 1vw 20vw 1vw 1vw;
}

.orderSummaryScreen .mainContent h2,
.orderSummaryScreen .mainContent h1 {
  text-align: left;
  color: #767676;
  text-transform: none;
  font-size: 1.1em;
}

.orderSummaryScreen .mainContent h1 {
  font-size: 1.25em;
  margin-bottom: .1em;
  margin-top: 1em;
}

.orderSummaryScreen .mainContent h2 {
  margin: 20px 0 0 0;
  margin-left: 0!important;
  color: #fff;
  background: #7EC03D;
  padding: .5em 0 .5em 1em;
  border-top-left-radius: .3rem;
  border-top-right-radius: .3rem;
}

.orderSummaryScreen .mainContent p.marketing {
  margin-top: 2em;
}

.orderSummaryScreen .mainContent p.finePrint {
  margin: 1em 0 2em;
  margin: 1em 0;
  font-size: .9em;
}

.orderSummaryScreen .mainContent ul {
  margin-bottom: .5em;
  margin-left: 0;
  background: #F0F0F0;
  color: #246BA1;
  font-size: 1.5em;
  padding: .5em 1em .9em;
  padding: .25em .5em .5em;
  font-weight: bold;
  border-radius: .3rem;
}

.orderSummaryScreen .mainContent ul.leaders,
.orderSummaryScreen .mainContent ul ul {
    border-radius: 0;
}

.orderSummaryScreen .mainContent h2 + ul {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.orderSummaryScreen .mainContent ul ul {
  background: #fff;
  font-size: .6em;
  color: #555;
  margin: 0;
  padding: .8em 1em;
  padding: .5em 1em;
}

ul.leaders li:after {
    color: #999;
}

.orderSummaryScreen .mainContent ul.leaders {
  max-width: 100%;
}
.orderSummaryScreen .mainContent ul ul li {
  width: auto;
  color: #246BA1;
}

.orderSummaryScreen .mainContent ul ul:first-of-type {
  border-top-left-radius: .3rem;
  border-top-right-radius: .3rem;
}

.orderSummaryScreen .mainContent ul ul:last-of-type {
  border-bottom-left-radius: .3rem;
  border-bottom-right-radius: .3rem;
}

.orderSummaryScreen .mainContent ul ul li table {
  color: #333;
}

.orderSummaryScreen .mainContent li.noLeaders:after {
  content: "";
}

.orderSummaryScreen .mainContent ul.optionChange span:nth-of-type(1) {
  width: 10em;
}

.orderSummaryScreen .mainContent ul.optionChange span:nth-of-type(2) {
  width: 10em;
}

.orderSummaryScreen .mainContent ul.optionChange span:nth-of-type(3) {
  width: 10em;
}

.orderSummaryScreen .mainContent table {
  margin: 0;
  width: 100%;
}

.orderSummaryScreen .mainContent td {
  width: 33%;
  padding: .5em 1em;
  padding: .25em .75em;
  outline: 1px solid rgba(0, 0, 0, 0.08);
}

.orderSummaryScreen div.line {
  border-top: 1px solid #E2E2E2;
  margin-left: 10px;
  width: 15em;
  margin-top: .5em;
  padding-top: .5em;
}

.orderSummaryScreen .mainContent h2.bottom {
  margin-top: 2em;
  background: transparent;
  color: #246BA1;
  font-size: 1.5em;
  padding: 0;
}

.orderSummaryScreen .mainContent ul.promo {
  text-indent: 1em;
  padding: 0 1em .5em;
  font-size: .8rem;
}

.orderSummaryScreen .mainContent ul.promo li {
  margin-top: -.5em;
  margin-bottom: .25em;
}

@media print {
  .paymentsScreen .instanceName,
  .paymentsScreen .toolbar,
  .paymentsScreen .footer,
  .paymentsScreen .title,
  .paymentsScreen .address,
  .paymentsScreen .panel,
  .paymentsScreen .headerUnder,
  .paymentsScreen .titleBar,
  .orderSummaryScreen .instanceName,
  .orderSummaryScreen .toolbar,
  .orderSummaryScreen .footer,
  .orderSummaryScreen .title,
  .orderSummaryScreen .address,
  .orderSummaryScreen .panel,
  .orderSummaryScreen .headerUnder,
  .orderSummaryScreen .titleBar {
    display: none;
  }

  .orderSummaryScreen .mainContent {
    padding: 0;
    font-size: smaller;
  }

  .orderSummaryScreen .mainContent h2 {
    margin-top: 0;
  }

  .orderSummaryScreen .mainContent > ul {
    margin-left: 1em;
    padding: 0;
  }

  .orderSummaryScreen .mainContent > ul > li {
    font-size: .75rem;
  }

  .orderSummaryScreen .mainContent > ul li li {
    font-size: .65rem;
  }

  .paymentsScreen .alert,
  .paymentsScreen ul#paymentsTabs,
  .paymentsScreen form,
  .paymentsScreen .infoBar,
  .paymentsScreen .break,
  .paymentsScreen .returnToTop,
  .paymentsScreen .receipt button {
    display: none !important;
  }

  .paymentsScreen .receipt div.printLine,
  .paymentsScreen .receipt div.printFooter,
  .paymentsScreen .receipt img {
    /*margin-bottom: 1em;*/
    display: block;
  }

  .paymentsScreen .receipt div.printFooter div.printLine {
    margin-top: 3em;
    border-top: 1px solid #767676;
    border-bottom: none;
    font-size: .9em;
  }
}

/* End orderSummaryScreen */

/* Begin addressMoveScreen */
.addressMoveScreen table[data-pending-move-content] tbody tr {
  cursor: pointer;
}

.addressMoveScreen .edit:after {
  font-family: 'foundation-icons';
  content: '\f184';
  cursor: pointer;
  color: #7EC03D;
  font-size: 28px;
  position: relative;
}

.addressMoveScreen .cancel {
  font-size: 2em;
  cursor: pointer;
  line-height: .75em;
}

.addressMoveScreen div.tableBorder {
  margin-bottom: 1em;
}

.addressMoveScreen .addressHelp h1 {
  margin-top: .5em !important;
}

.addressMoveScreen .buttons {
  margin-top: 1em;
}

.addressMoveScreen.manage .buttons {
  margin-top: 0;
  max-width: 28em;
}

.addressMoveScreen.manage #notes {
  max-width: 28em;
}

.addressMoveScreen.manage table a {
  text-decoration: none;
}

.panel div[data-issue] h1 {
  text-align: center;
  margin: 1em auto 0;
}

.addressMoveScreen.manage .existingActivities table td:nth-of-type(1),
.addressMoveScreen.manage .existingActivities table td:nth-of-type(2),
.addressMoveScreen.manage .existingActivities table td:nth-of-type(3),
.addressMoveScreen.manage .existingActivities table td:nth-of-type(4),
.addressMoveScreen.manage .existingActivities table td:nth-of-type(5),
.addressMoveScreen.manage .existingActivities table td:nth-of-type(6),
.addressMoveScreen.manage .existingActivities table td:nth-of-type(7) {
  width: auto;
}

.addressMoveScreen.manage .activityNotes .column {
  margin-bottom: 0;
}

.addressMoveScreen.manage .activitySelection .column {
  margin-bottom: .75em;
}

.addressMoveScreen.manage .disconnect {
  margin-top: 1em;
}
/* End addressMoveScreen */

/* Begin cloneAccountScreen 
 * NOTE: this uses the newSubscriberScreen styling as well
 */
.cloneAccountScreen .existingSubId.panel ul {
  list-style-type: disc;
  list-style-position: outside;
  padding-left: 1.5em;
}
/* End cloneAccountScreen */

/* Begin vacationScreen */
.vacationScreen .dateChecks {
  text-align: right;
}

.vacationScreen .dateChecks > * {
  display: inline-flex;
  margin: 0 0 .5em 0;
}

.vacationScreen .dateChecks > div:first-of-type {
  margin: 0 .5em .5em 0;
}

.vacationScreen input[type=radio]:last-of-type + label {
  margin-left: 1em;
}

/* End vacationScreen */

/* End editServicesScreen */

/* Begin scheduleActivityScreen */
.scheduleActivityScreen .schedule div.datepicker {
  margin-top: .5em !important;
}

.scheduleActivityScreen .schedule div:last-of-type,
.scheduleActivityScreen .schedule span {
  position: relative;
  top: 2px;
}

.scheduleActivityScreen .schedule span,
.scheduleActivityScreen .activityNotes span {
  white-space: nowrap;
  margin-right: .5em;
}

.scheduleActivityScreen .content .form.scheduleActivity {
  margin-top: 1em;
  background-color: #FFF;
  border-radius: .3rem;
  padding: 1em 0;
}

.scheduleActivityScreen .form div.last {
  padding-right: 1em;
}
/* End scheduleActivityScreen */

/* Begin newSubscriberScreen */
.reveal {
  padding: .5rem;
  border-radius: .3rem;
}

.reveal .close {
  text-align: center;
  position: relative;
}

.reveal .close span[title=Close] {
  position: absolute;
  top: 0;
  right: 0;                                                   
  padding: 0 .2em;                                            
  cursor: pointer;                                            
  font-size: 2em;                                             
  font-weight: bold;                                          
  line-height: .75em;                                         
} 

.newSubscriberScreen .accountCreationAttemptsResults table.smallCards thead th,
.newSubscriberScreen .accountCreationAttemptsResults table.mediumCards thead th,
.newSubscriberScreen .accountCreationAttemptsResults table.smallCards tbody td,
.newSubscriberScreen .accountCreationAttemptsResults table.mediumCards tbody td {
  padding-left: 7em;
}

.newSubscriberScreen #creditCheckOptions {
  padding: 1em;
}

.newSubscriberScreen #creditCheckOptions p {
  margin-bottom: 1em;
}

.newSubscriberScreen #creditCheckOptions div.form {
  display: flex;
}

.newSubscriberScreen #creditCheckOptions div.form label {
  white-space: nowrap;
  top: 8px;
  margin-right: .5em;
}

.newSubscriberScreen #creditCheckOptions div.form div[data-pin] {
  margin-left: 1em;
}

.newSubscriberScreen #creditCheckOptions div.form div.flex {
  display: flex;
}

.newSubscriberScreen #creditCheckOptions div.form input {
  width: 5em;
}

.roommateSwapScreen .form .datepicker input[type=text],
.newSubscriberScreen .form .datepicker input[type=text] {
  height: 2.25em;
}

.roommateSwapScreen div.datepicker:after,
.newSubscriberScreen div.datepicker:after {
  top: 4px;
}

.newSubscriberScreen .leaseInfo .columns {
  height: 2.25em;
}

.newSubscriberScreen .addressHelp.panel div[data-help] {
  background-color: #FFF;
  padding: .25rem .75rem;
  border-radius: .3rem;
  margin-top: .5em;
}

.newSubscriberScreen .addressHelp.panel div[data-help] a {
  color: #246BA1;
}

.roommateSwapScreen .subscriberLookup,
.newSubscriberScreen .subscriberLookup {
  position: relative;
}

.roommateSwapScreen .toSubscriber {
  position: relative;
  top: 6px;
  padding-bottom: .5em;
}

.roommateSwapScreen .subscriberLookup img,
.newSubscriberScreen .subscriberLookup img {
  position: absolute;
  top: 7px;
  right: 7px;
  cursor: pointer;
}

.roommateSwapScreen .roommateSwap,
.addressMoveScreen .addressMove,
.newSubscriberScreen .newSubscriber {
  width: 100%;
  margin: 1em 0;
}

.roommateSwapScreen input[type=checkbox]:not(:last-of-type) + label,
.roommateSwapScreen input[type=radio]:not(:last-of-type) + label,
.newSubscriberScreen input[type=checkbox]:not(:last-of-type) + label,
.newSubscriberScreen input[type=radio]:not(:last-of-type) + label {
  margin-right: 1em;
}

.roommateSwapScreen .row.name .columns,
.roommateSwapScreen .row.name .column,
.newSubscriberScreen .row.name .columns,
.newSubscriberScreen .row.name .column {
  padding-right: 0;
}

.roommateSwapScreen .columns.largeRight,
.roommateSwapScreen .column.largeRight,
.addressMoveScreen .columns.largeRight,
.addressMoveScreen .column.largeRight,
.newSubscriberScreen .columns.largeRight,
.newSubscriberScreen .column.largeRight {
  padding-right: .5em;
}

.roommateSwapScreen .columns.largeRight label,
.roommateSwapScreen .column.largeRight label,
.addressMoveScreen .columns.largeRight label,
.addressMoveScreen .column.largeRight label,
.newSubscriberScreen .columns.largeRight label,
.newSubscriberScreen .column.largeRight label {
  white-space: nowrap;
  top: 5px;
  margin-bottom: .1em;
  padding-bottom: 0.25em;
}

.roommateSwapScreen .roommateSwap .row,
.newSubscriberScreen .newSubscriber .row {
  margin-bottom: .5em;
}

.newSubscriberScreen .newSubscriber .row .row {
  margin-bottom: 0;
}

.newSubscriberScreen .form [type="radio"] + label,
.newSubscriberScreen .form [type="checkbox"] + label {
  top: 3px;
}

.newSubscriberScreen .form [type="radio"] + label:after,
.newSubscriberScreen .form [type="checkbox"] + label:after {
  top: 8px;
}

.roommateSwapScreen .button,
.newSubscriberScreen .button {
  margin-top: 1em;
}

/* End newScreen */

/* Begin Order Summary Email */
#orderSummaryWrapper #orderSummary * {
  font-family: arial;
}

#orderSummaryWrapper #orderSummary td, #orderSummaryWrapper #orderSummary th,
#orderSummaryWrapper #orderSummary h3 {
  color: black;
}

#orderSummaryWrapper #orderSummary {
  margin: 20px;
  width: 800px;
  height: 1050px;
  padding: 10px 20px;
  background-color: white;
  font-size: 14px !important;
}

#orderSummaryWrapper {
  display: none;
  position: absolute;
  top: 0;
  opacity: 0;
  z-index: -1;
}

#orderSummaryWrapper .orderSummaryTitle {
  font-weight: bold;
  font-size: 18px !important;
}

#orderSummaryWrapper .titleBorder {
  position: absolute;
  height: 1px;
  width: 600px;
  border-top: solid 1px gray;
  margin-left: 145px;
  margin-top: -19px;
  display: inline-block;
}

#orderSummaryWrapper .logo {
  display: block;
  text-align: right;
  margin-right: 1em;
}

#orderSummaryWrapper .logo img {
  height: 50px;
}

#orderSummaryWrapper .logo span {
  display: block;
  color: #73c052;
  margin-right: 35px;
}

#orderSummaryWrapper .row {
  display: flex;
}

#orderSummaryWrapper .column {
  flex: 50%;
  padding: 10px;
  min-width: 400px;
  max-width: 400px;
}

#orderSummaryWrapper .column.left {
  min-width: 475px;
}

#orderSummaryWrapper table.orderSummary {
  text-align: left;
  font-size: 1em;
  width: 100%;
  margin: 0;
  margin-bottom: 15px;
}

#orderSummaryWrapper table.orderSummary.mb50 {
  margin-bottom: 50px;
}

#orderSummaryWrapper table.estimate td.pb50 {
  padding-bottom: 10px;
}

#orderSummaryWrapper table.orderSummary td {
  padding-top: 2px;
  padding-bottom: 2px;
}

#orderSummaryWrapper .orderSummary tr.service,
#orderSummaryWrapper .orderSummary tr.equipment,
#orderSummaryWrapper .orderSummary tr.channel,
#orderSummaryWrapper .orderSummary tr.feature {
  width: 60%;
}

#orderSummaryWrapper .orderSummary tr.service td.item {
  padding-left: 1em;
  padding-right: 1em;
  width: 60%;
}

#orderSummaryWrapper .orderSummary tr.equipment td.item,
#orderSummaryWrapper .orderSummary tr.channel td.item,
#orderSummaryWrapper .orderSummary tr.feature td.item {
  padding-left: 2.5em;
  padding-right: 2em;
  width: 60%;
}

#orderSummaryWrapper .orderSummary tr.product {
  width: 60%;
}

#orderSummaryWrapper .orderSummary tr.product td.item {
  padding-left: 2.5em;
  padding-right: 2em;
  width: 60%;
}

#orderSummaryWrapper .orderSummary tr.promo {
  font-size: 1em;
  font-style: italic;
}

#orderSummaryWrapper .orderSummary tr.promo td.item {
  padding-left: 3.5em;
}

#orderSummaryWrapper .catHeader {
  font-size: 1em;
  font-weight: bold;
  color: black;
}

#orderSummaryWrapper .hidden {
  display: none;
}

#orderSummaryWrapper .bold {
  font-weight: bold;
}

#orderSummaryWrapper .tvDisclaimer {
  margin: 10px 0;
  color: black;
  line-height: 1.6;
}

#orderSummaryWrapper .paymentTerms {
  border-top: solid 1px gray;
}

#orderSummaryWrapper .paymentTerms p {
  margin: 0 0 10px 0;
  color: black;
  line-height: 1.6;
}

#orderSummaryWrapper .estimate {
  width: 20em;
  border: 1px solid black;
  font-size: 13px !important;
  margin-bottom: 0;
  border-collapse: initial !important;
  border-spacing: 2px;
}

#orderSummaryWrapper .estimate th {
  text-align: center;
}

#orderSummaryWrapper .estimate th, #orderSummaryWrapper .estimate tr,
#orderSummaryWrapper .estimate td {
  padding-top: 2px;
  padding-bottom: 2px;
}

/*
#orderSummaryWrapper table.estimate:first-of-type {
  margin-top: 8em;
}
*/

#orderSummaryWrapper .italic {
  font-style: italic;
}
/* End Order Summary Email */

/* Hide the full screen navigation when we go to the hamburger menu */
@media screen and (max-width: 53.125em) {
  div.titleBar ul.links {
    display: none;
  }
  div.titleBar div.hamburger {
    display: block;
  }
}

/* Special for edit services screen toolbar button */
@media screen and (max-width: 21.6875em) {
  .editServicesScreen .toolbar button[data-recommendation-tool] {
    margin-top: .25em;
  }
}

@media screen and (max-width: 24.5625em) {
  .editServicesScreen .toolbar button[data-submit] {
    margin-top: .25em;
  }
}

@media screen and (max-width: 26.875em) {
  .editServicesScreen .toolbar button.cancelEdit {
    margin-top: .25em;
  }
}

@media screen and (max-width: 31.25em) {
  .editServicesScreen .toolbar input[data-highlight-pending] + button[data-submit] {
    margin-top: .25em;
  }
}

/* Small only */
@media screen and (max-width: 39.9375em) {
  .paymentsScreen .invoiceDelivery.form label[for=onlineInvoice] {
    margin-left: 0;
  }

  .addressMoveScreen table.smallCards tbody td {
    padding-left: 9em;
  }

  .newSubscriberScreen #creditCheckOptions div.form {
    display: block;
  }

  .newSubscriberScreen #creditCheckOptions div.form div[data-pin] {
    margin-left: 5em;
    margin-top: .5em;
  }

  .roommateSwapScreen div.datepicker,
  .newSubscriberScreen div.datepicker {
    margin: 0 !important;
  }

  .scheduleActivityScreen .schedule div:last-of-type {
    padding-top: .5em;
  }

  .paymentsScreen .receipt {
    padding: .5em;
  }

  .paymentsScreen .receipt .toolbar {
    position: relative;
    text-align: right;
    margin-bottom: .5em;
    right: 0;
    top: 0;
  }

  .paymentsScreen div.manage,
  .paymentsScreen div.payment {
    padding: .5em;
  }

  .paymentsScreen tr[data-manual-credit-card-entry] img {
    height: 25px;
    margin-right: .25em;
  }

  .orderSummaryScreen .mainContent ul {
    padding: .5em .5em .9em;
  }

  .orderSummaryScreen .mainContent td {
    padding: .5em;
  }

  .reviewOrderContent .scheduleAppointment {
    margin: 0 0 .75em;
    padding: .5em .25em;
  }

  .reviewOrderContent .packageOption .Rtable.Rtable-rows .Rtable-cell {
    border-bottom: 1px solid #BBB;
    border-left: 1px solid #246BA1;
    margin-left: 1em !important;
  }

  .orderSummaryScreen .mainContent {
    padding: 5vw;
  }

  /*
  .reviewOrderContent .scheduleAppointment div:nth-of-type(2) {
    float: none;
  }
  */

  .reviewOrderContent table.smallCards tbody td {
    padding-left: 7.5em;
  }

  .reviewOrderContent .packageOption .Rtable.Rtable-rows:last-of-type .Rtable-cell:last-of-type,
  .reviewOrderContent .featureOption .Rtable.Rtable-rows:last-of-type .Rtable-cell:last-of-type {
    border-radius: 0;
  }

  .reviewOrderContent .featureOption .Rtable.Rtable-rows .Rtable-cell {
    border-bottom: 1px solid #BBB;
    border-left: 1px solid #7EC03D;
    margin-left: 1em !important;
  }

  .reviewOrderContent .packageOption .Rtable.Rtable-rows:last-of-type .Rtable-cell,
  .reviewOrderContent .featureOption .Rtable.Rtable-rows:last-of-type .Rtable-cell {
    border-bottom: 1px solid #bbb;
    margin-bottom: 0;
  }

  .reviewOrderContent .packageOption .Rtable.Rtable-rows:last-of-type .Rtable-cell:last-of-type {
    border-bottom: 1px solid #246BA1;
  }

  /*
  .reviewOrderContent .featureOption .Rtable.Rtable-rows:last-of-type .Rtable-cell:last-of-type {
    border-bottom: 1px solid #7EC03D;
  }
  */

  .reviewOrderContent .packageOption .Rtable.Rtable-rows:last-of-type .Rtable-cell:first-of-type,
  .reviewOrderContent .featureOption .Rtable.Rtable-rows:last-of-type .Rtable-cell:first-of-type {
    border-radius: 0;
  }

  .reviewOrderContent .accordion .Rtable-cell,
  .reviewOrderContent .Rtable-cell {
    line-height: normal;
    height: auto;
  }

  .reviewOrderContent .Rtable-header .Rtable-cell,
  .reviewOrderContent .Rtable-rows .Rtable-cell {
    border-top: none;
  }

  .reviewOrderContent .Rtable.header {
    border-bottom: 1px solid #bbb;
  }

  .reviewOrderContent .newService,
  .reviewOrderContent .Rtable.serializedOptions {
    background: #d5eafb;
  }

  .reviewOrderContent .Rtable.serializedOptions.serialOneLine .Rtable-cell:first-of-type {
    width: inherit!important;
  }

  .reviewOrderContent .Rtable.serializedOptions .Rtable-cell {
    width: inherit!important;
  }

  .reviewOrderContent .serviceGroup .accordion {
    padding-top: .5em;
    padding-bottom: .5em;
  }

  .reviewOrderContent .newService.Rtable-5cols > .Rtable-cell:first-of-type {
    margin-left: 0;
  }

  .reviewOrderContent .newService.Rtable-5cols > .Rtable-cell:last-of-type {
    margin-right: 0;
  }
  .reviewOrderContent .newService:before {
    content: "Added";
    padding-left: 0;
    z-index: 1;
    font-size: 3em;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    right: -45px;
    top: 60px;
    color: #000;
    opacity: .07;
    left: initial;
  }

  /*.reviewOrderContent .newService.Rtable-5cols > .Rtable-cell:nth-of-type(1) {*/
  .reviewOrderContent .newService.Rtable-5cols > .Rtable-cell {
    padding-left: 7rem;
  }

  .reviewOrderContent .packageOption header > div {
    margin-left: 1em;
    margin-right: 0;
    border-radius: 0;
  }

  .reviewOrderContent .packageOption .Rtable.Rtable-rows:after,
  .reviewOrderContent .packageOption .Rtable.Rtable-rows:before,
  .reviewOrderContent .featureOption .Rtable.Rtable-rows:after,
  .reviewOrderContent .featureOption .Rtable.Rtable-rows:before {
    margin-left: 8em;
  }

  .reviewOrderContent .packageOption .Rtable.Rtable-rows:before,
  .reviewOrderContent .featureOption .Rtable.Rtable-rows:before {
    height: 20px;
    margin-top: 13px;
  }

  .reviewOrderContent .packageOption .Rtable.Rtable-rows:after,
  .reivewOrderContent .featureOption .Rtable.Rtable-rows:after {
    margin-top: 7px;
  }

  .reviewOrderContent .Rtable {
    display: block;
  }

  .reviewOrderContent .Rtable-rows {
    border-top: 0;
  }

  .reviewOrderContent .packageOption .Rtable-rows {
    padding-right: 1em;
  }

  .reviewOrderContent .Rtable-cell {
    border-right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .Rtable.serializedOptions {
    padding-bottom: 5px;
  }

  .reviewOrderContent .Rtable-cell,
  .reviewOrderContent .Rtable-5cols > .Rtable-cell:nth-of-type(1) {
    width: 100% !important;
    text-align: left !important;
    padding-left: 7rem;
    min-height: 3em;
    border-bottom: 1px solid #bbb;
    -webkit-box-flex: 1!important;
    -ms-flex-positive: 1!important;
    flex-grow: 1!important;
  }

  .reviewOrderContent .accordion .Rtable-cell,
  .reviewOrderContent .accordion .Rtable-cell:first-of-type {
    width: 100% !important;
    padding-top: .5em;
    padding-left: 10em;
    padding-left: 7em;
    min-height: 30px;
  }

  .reviewOrderContent .packageOption .Rtable.Rtable-rows .Rtable-cell,
  .reviewOrderContent .featureOption .Rtable.Rtable-rows .Rtable-cell {
    line-height: 1em;
    height: auto;
    min-height: 2.5em;
  }

  .reviewOrderContent .accordion .Rtable-rows:last-of-type .Rtable-cell {
    border-bottom: 1px solid #bbb;
  }

  .reviewOrderContent .packageOption .Rtable.Rtable-rows .Rtable-cell:before,
  .reviewOrderContent .accordion .Rtable.Rtable-rows .Rtable-cell:before,
  .reviewOrderContent .featureOption .Rtable.Rtable-rows .Rtable-cell:before {
    top: 4px;
  }

  .reviewOrderContent .packageOption .Rtable.Rtable-rows .Rtable-cell:first-of-type,
  .reviewOrderContent .packageOption .Rtable.Rtable-rows .Rtable-cell {
    padding-left: 5.5em;
    margin-left: 2em;
    border-left: 1px solid #246BA1;
  }

  .reviewOrderContent .featureOption .Rtable.Rtable-rows .Rtable-cell:first-of-type,
  .reviewOrderContent .featureOption .Rtable.Rtable-rows .Rtable-cell {
    padding-left: 13em;
    padding-left: 7em;
    margin-left: 2em;
    border-left: 1px solid #7EC03D;
  }

  .reviewOrderContent .packageOption .Rtable-header,
  .reviewOrderContent .accordion .Rtable-header {
    display: none;
  }

  .reviewOrderContent .Rtable-rows .Rtable-cell:first-of-type {
    background: #dbdbdb;
  }

  .reviewOrderContent .Rtable-cell:before {
    top: 10px;
    height: 2em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .reviewOrderContent .Rtable-title {
    height: 0;
    overflow: hidden;
    border-top: 50px solid #246ba3;
  }

  .reviewOrderContent .Rtable-cell {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .reviewOrderContent .serializedOptions .Rtable-cell:nth-of-type(1) {
    padding-top: 8px!important;
    padding-bottom: 0;
  }

  .reviewOrderContent .dateChecks > * {
    /*float: none;*/
    margin: 0 0 .75em 0;
  }

  .vacationScreen .dateChecks > * {
    margin: 0 0 .75em 0 !important;
  }

  .vacationScreen td:last-of-type:before {
    top: 6px;
  }

  .vacationScreen .vacation table.smallCards tbody td {
    padding-left: 5.5em;
  }

  .editServicesScreen .content {
    padding: .25em;
  }

  .editServicesScreen .tabs-title > a {
    padding: .75rem .75rem;
  }
  .searchScreen .searchResults td:nth-of-type(1) {
    font-weight: bold;
  }

  .invoices table.smallCards tbody td {
    padding-left: 9em;
  }

  .outages table.smallCards tbody td {
    padding-left: 7em;
  }

  /*
   * Toolbar overlaps due to title being too long so we have to things around
   * to accomodate
   */
  .detailsScreen .notices h1,
  .detailsScreen .contacts h1,
  .detailsScreen .comments h1,
  .detailsScreen .portalInfoWrapper h1 {
    position: relative;
    top: 8px;
    margin-top: 1.5em;
  }
  .detailsScreen .notices div.dataTables_wrapper div.dataTables_length,
  .detailsScreen .comments div.dataTables_wrapper div.dataTables_length,
  .detailsScreen .contacts div.dataTables_wrapper div.dataTables_length,
  .detailsScreen .portalInfoWrapper .dataTables_length {
    top: -4.15em;
  }
}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .roommateSwapScreen .roommateSwap,
  .addressMoveScreen .addressMove,
  .newSubscriberScreen .newSubscriber {
    width: 75%;
  }
  /*
  .reviewOrderContent .scheduleAppointment div:nth-of-type(2) {
    float: none;
  }
  */

  .reviewOrderContent .Rtable-5cols > .Rtable-cell:nth-of-type(1) {
    width: 27%;
  }

  .editServicesScreen [data-totals] span[data-nrc-label]:before {
    content: "NRC";
  }

  .editServicesScreen [data-totals] span[data-mrc-label]:before {
    content: "MRC";
  }
}


/* Medium break point */
@media screen and (min-width: 40em) {
  div.bcl.panel {
    width: 26rem;
  }
  .paymentsScreen .invoiceDelivery.form .autopay,
  .paymentsScreen .invoiceDelivery.form .emailInvoice,
  .invoiceDeliveryScreen .invoiceDelivery.form .autopay,
  .invoiceDeliveryScreen .invoiceDelivery.form .emailInvoice {
    display: flex;
  }

  .paymentsScreen .invoiceDelivery.form .autopay select,
  .paymentsScreen .invoiceDelivery.form .emailInvoice input[type=email],
  .invoiceDeliveryScreen .invoiceDelivery.form .autopay select,
  .invoiceDeliveryScreen .invoiceDelivery.form .emailInvoice input[type=email] {
    margin-left: 1em;
  }

  .paymentsScreen .invoiceDelivery.form .autopay select,
  .paymentsScreen .invoiceDelivery.form .emailInvoice input[type=email],
  .invoiceDeliveryScreen .invoiceDelivery.form .autopay select,
  .invoiceDeliveryScreen .invoiceDelivery.form .emailInvoice input[type=email] {
    width: 300px;
  }

  .paymentsScreen .invoiceDelivery.form div.btn,
  .invoiceDeliveryScreen .invoiceDelivery.form div.btn {
    margin-left: 400px;
  }

  .scheduleActivityScreen .schedule div.datepicker {
    margin-top: inherit !important;
  }

  .scheduleActivityScreen .schedule div:last-of-type {
    padding-left: 1em;
  }

  .scheduleActivityScreen .schedule,
  .scheduleActivityScreen .activityNotes {
    display: flex;
  }

  .reveal.large {
    width: 95%;
    max-width: 85rem;
  }

  /*
  .addressMoveScreen .columns.largeRight,
  .addressMoveScreen .column.largeRight,
  */
  .roommateSwapScreen .columns.largeRight,
  .roommateSwapScreen .column.largeRight,
  .editServicesScreen .ach .columns.largeRight,
  .editServicesScreen .ach .column.largeRight,
  .newSubscriberScreen .columns.largeRight,
  .newSubscriberScreen .column.largeRight {
    text-align: right;
  }

  .pageTitle .column-block:nth-of-type(2) {
    text-align: center;
  }

  .pageTitle .column-block:nth-of-type(3) {
    text-align: right;
  }

  .editServicesScreen [data-tabs] a object,
  .editServicesScreen [data-tabs] a img {
    display: none;
  }

  .editServicesScreen [data-tabs] a span {
    display: block;
  }

  .footer li > a[target=oe]:after {
    content: "OE";
  }

  .footer .menu {
    float: none;
  }

  .detailsScreen .notices table td:nth-of-type(2) {
    text-align: right;
  }

  .detailsScreen .notices table td:nth-of-type(2):before {
    content: "Made on";
    padding-right: .25em;
  }

  .detailsScreen .notices table td:nth-of-type(3) {
    text-align: right;
    width: 4%;
  }

  .detailsScreen .comments td:first-of-type {
    width: 90%;
  }

  .detailsScreen .details.a {
    width: 99%;
  }

  .detailsScreen .details.b h1 {
    display: block;
  }

  .addressMoveScreen.manage .existingActivities table td:nth-of-type(1),
  .addressMoveScreen.manage .existingActivities table td:nth-of-type(2),
  .addressMoveScreen.manage .existingActivities table td:nth-of-type(3),
  .addressMoveScreen.manage .existingActivities table td:nth-of-type(4),
  .addressMoveScreen.manage .existingActivities table td:nth-of-type(5),
  .addressMoveScreen.manage .existingActivities table td:nth-of-type(6),
  .addressMoveScreen.manage .existingActivities table td:nth-of-type(7) {
    width: 5em;
  }
}

/* Large break point */
@media screen and (min-width: 64em) {
  .newSubscriberScreen .accountCreationAttemptsResults table.smallCards thead th,
  .newSubscriberScreen .accountCreationAttemptsResults table.mediumCards thead th,
  .newSubscriberScreen .accountCreationAttemptsResults table.smallCards tbody td,
  .newSubscriberScreen .accountCreationAttemptsResults table.mediumCards tbody td {
    padding-left: 0;
  }

  .roommateSwapScreen .row.name .columns,
  .roommateSwapScreen .row.name .column,
  .newSubscriberScreen .row.name .columns,
  .newSubscriberScreen .row.name .column {
    padding-right: .25em;
  }

  .roommateSwapScreen .row.name .columns:last-of-type,
  .roommateSwapScreen .row.name .column:last-of-type,
  .newSubscriberScreen .row.name .columns:last-of-type,
  .newSubscriberScreen .row.name .column:last-of-type {
    padding-right: 0;
  }

  .addressMoveScreen .addressMove,
  .roommateSwapScreen .roommateSwap,
  .newSubscriberScreen .newSubscriber {
    width: 50%;
  }

  .editServicesScreen .ach {
    width: 50%;
  }

  .reviewOrderContent .scheduleAppointment > div:nth-of-type(2) {
    text-align: right;
  }

  .servicesScreen .box .column span:first-of-type {
    width: initial;
  }

  .detailsScreen .contacts td:nth-of-type(10) {
    width: 1%;
    text-align: center;
  }
}