/* 02/07/2022 -- This has only been partially implemented */
.titleBar .branding {
  position: relative;
  top: -1.875em;
}

div.titleBar ul.links {
  top: -1.5em;
}

div.titleBar ul.userInfo {
  top: -1em;
}

div.titleBar .logo img {
  width: 200px;
}

div.headerUnder ul.submenu {
  background-color: #000000;
}

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

div.headerUnder ul.is-dropdown-submenu {
  border: 1px solid #242424;
}

.toolbarContainer .search .icon.close, .toolbarContainer .search input {
  top: -3px;
}

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

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

div.currency span {
  top: 16px;
  color: #B2B2B2;
}

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

.ui-datepicker .ui-datepicker-today {
  background: #9645FD;
  border: none;
  border-radius: 50%
}

.ui-datepicker .ui-datepicker-today a.ui-state-highlight {
  color: #FFFFFF;
}

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

.addressMoveScreen .scheduleActivity:after,
.scheduleActivityScreen .scheduleActivity:after,
.reviewOrderContent .scheduleActivity:after {
  right: 12px;
  top: 2px;
}

.searchScreen .dropdown-pane {
  color: #FFFFFF;
  background-color: #000000;
  box-shadow: 0 0px 16px rgba(16, 24, 40, .8);
  border: 1px solid #242424;
}

.searchScreen .dropdown-pane li ul {
  box-shadow: 0 0px 16px rgba(16, 24, 40, .8);
}

.searchScreen .dropdown-pane li {
  border-right: 1px solid #242424;
}

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

.searchScreen .dropdown-pane li ul li {
  border-bottom: 1px solid #242424;
}

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

.searchScreen .dropdown-pane .is-dropdown-submenu {
  background: #000000;
  border: 1px solid #242424;
}

.searchScreen .dropdown-pane a:hover {
  text-shadow: none;
}

.searchScreen .dropdown.menu > li.is-dropdown-submenu-parent > a:after {
  border-color: transparent;
  content: url(/includes/assets/themes/metronetLYI/chevron-down.svg);
  top: 5px;
  right: 10px;
}

.newSubscrberScreen .link {
  color: #FFFFFF;
  padding: .5em;
}

.newSubscrberScreen .link:before {
  content: "[";
}

.newSubscrberScreen .link:after {
  content: "]";
}

.newSubscrberScreen .link:hover {
  color: #9E9E9E;
}

.newSubscriberScreen .subscriberLookup img {
  top: 12px;
}

.detailsScreen #info select {
  background-position: right -12px top 2px;
  width: 4em;
}

.detailsScreen button[data-save-cycle-day] {
  padding: .5em;
}

.detailsScreen .activities td i {
  color: #9645FD;
}

.editServicesScreen .toolbar button {
  width: 8em;
}
.editServicesScreen .toolbar button[data-youtube-tv],
.editServicesScreen .toolbar button[data-channel-lineup] {
  width: 11em;
}

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

.editServicesScreen .tabs-content .actions,
.scheduleActivityScreen .subTitle,
.editServicesScreen .subTitle {
  color: #00C900;
}

.addressMoveScreen .edit:after,
.reviewOrderContent .accordion header:after,
.reviewOrderContent .newService:before,
.editServicesScreen .tabs-content .info:after,
.editServicesScreen .tabs-content .edit:after {
  color: #9645FD;
}

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

.editServicesScreen [data-totals] {
  background-color: #000000;
  border: 1px solid #242424;
}

.editServicesScreen div#activeAddr {
  background-color: #000000;
  background-image: none;
}

.editServicesScreen div[data-new-subscriber].blue,
.editServicesScreen div[data-new].blue {
  color: #F0F022 !important;
}

.editServicesScreen div[data-agents] {
  width:  16.5em;
}

.orderSummaryScreen .mainContent, .reviewOrderContent {
  background: #000000;
}

.reviewOrderContent h2 {
  background: #009C00;
}

.reviewOrderContent .tableWrap header,
.reviewOrderContent .accordion header:hover,
.reviewOrderContent .accordion header.activate {
  background: #009C00;
}

.reviewOrderContent .accordion header:after {
  top: 5px;
}

.servicesScreen .summary {
  background-color: #000000;
  border: 1px solid #242424;
  color: #FFFFFF;
}