☰

visualstudio.com - Dark Mode

Dark mode theme for Visual Studio

目前為 2025-01-21 提交的版本，檢視 最新版本。

  1. /* ==UserStyle==
  2. @name           visualstudio.com - Dark Mode
  3. @namespace      typpi.online
  4. @version        1.0.4
  5. @description    Dark mode theme for Visual Studio
  6. @author         Nick2bad4u
  7. @license        UnLicense
  8. @homepageURL    https://github.com/Nick2bad4u/UserStyles
  9. @supportURL     https://github.com/Nick2bad4u/UserStyles/issues
  10. ==/UserStyle== */
  11. @-moz-document domain("visualstudio.com") {
  12. 	/* Invert colors except images and videos */
  13. 	:is(
  14. 		html:not([stylus-iframe]),
  15. 		img,
  16. 		svg,
  17. 		video,
  18. 		.upperBand,
  19. 		.upperBandContent,
  20. 		.breadcrumb
  21. 	) {
  22. 		filter: invert(1) hue-rotate(180deg) !important;
  23. 	}
  24.  
  25. 	.uxservices-header,
  26. 	.right {
  27. 		background-color: #fff;
  28. 	}
  29.  
  30. 	.ux-section-banner,
  31. 	.item-details-control-root .ux-item-shortdesc,
  32. 	.verified-domain-url-ssr,
  33. 	.ux-item-publisher-link,
  34. 	.ux-item-name,
  35. 	.ux-item-second-row-wrapper,
  36. 	.installHelpInfo > a {
  37. 		background-color: #fff !important;
  38. 		color: #000 !important;
  39. 	}
  40.  
  41. 	.uxservices-header > div > a {
  42. 		filter: invert(1) hue-rotate(180deg) !important;
  43. 	}
  44.  
  45. 	.marketplacetext-header {
  46. 		filter: invert(1) hue-rotate(180deg) !important;
  47. 	}
  48.  
  49. 	.item-details-control-root
  50. 		.ux-section-details
  51. 		.itemdetails-section-header {
  52. 		padding-bottom: 16px;
  53. 		color: #555;
  54. 		font-weight: 700;
  55. 		font-size: 16px;
  56. 	}
  57.  
  58. 	.item-details-control-root
  59. 		.ux-section-details
  60. 		.itemdetails-section-header.right {
  61. 		margin: 0;
  62. 		padding: 0 0 5px;
  63. 	}
  64.  
  65. 	.item-details-control-root
  66. 		.ux-section-details
  67. 		.ux-section-details-table {
  68. 		width: 100%;
  69. 		table-layout: fixed;
  70. 	}
  71.  
  72. 	.item-details-control-root
  73. 		.ux-itemdetails-left {
  74. 		vertical-align: top;
  75. 		padding-right: 20px;
  76. 		font-size: 14px;
  77. 	}
  78.  
  79. 	.item-details-control-root
  80. 		.ux-itemdetails-right {
  81. 		vertical-align: top;
  82. 		padding: 0 0 0 20px;
  83. 		width: 34.45%;
  84. 	}
  85.  
  86. 	@media all and (width <= 768px) {
  87. 		.item-details-control-root
  88. 			.ux-itemdetails-left {
  89. 			float: left;
  90. 			padding-right: 0;
  91. 			width: 100%;
  92. 		}
  93.  
  94. 		.item-details-control-root
  95. 			.ux-itemdetails-right {
  96. 			float: left;
  97. 			padding-left: 0 !important;
  98. 			width: 100%;
  99. 		}
  100. 	}
  101.  
  102. 	.item-details-control-root .ux-section-other {
  103. 		margin-top: 16px;
  104. 	}
  105.  
  106. 	.item-details-control-root .ux-section-h2 > h2 {
  107. 		border-bottom: 1px solid #eee;
  108. 		padding-bottom: 10px;
  109. 		color: #5c2d91;
  110. 	}
  111.  
  112. 	.download-dropbutton-container {
  113. 		display: inline-block;
  114. 		position: relative;
  115. 	}
  116.  
  117. 	.download-dropbutton-arrow {
  118. 		display: inline-block;
  119. 		transform: rotate(45deg);
  120. 		margin: 0 0 2px 5px;
  121. 		border: solid white;
  122. 		border-width: 0 2px 2px 0;
  123. 		padding: 3px;
  124. 	}
  125.  
  126. 	.download-dropdown-content {
  127. 		display: none;
  128. 		position: absolute;
  129. 		z-index: 1;
  130. 		margin: 5px 0 0 16px;
  131. 		box-shadow: 0 8px 16px 0 rgb(0 0 0 / 20%);
  132. 		padding: 0;
  133. 		min-width: 202px;
  134. 		text-align: left;
  135. 	}
  136.  
  137. 	.download-dropdown-content li {
  138. 		display: block;
  139. 		cursor: pointer;
  140. 		background-color: #fafafa;
  141. 		padding: 12px 16px;
  142. 		color: black;
  143. 		text-decoration: none;
  144. 	}
  145.  
  146. 	.download-dropdown-content li:hover {
  147. 		background-color: #f1f1f1;
  148. 	}
  149.  
  150. 	.download-dropbutton-container:hover
  151. 		.download-dropdown-content {
  152. 		display: block;
  153. 	}
  154.  
  155. 	.itemDetails .markdown {
  156. 		position: relative;
  157. 		color: #222;
  158. 		line-height: 1.6;
  159. 	}
  160.  
  161. 	.itemDetails .markdown blockquote {
  162. 		color: #222 !important;
  163. 	}
  164.  
  165. 	.itemDetails .markdown > *:first-child {
  166. 		margin-top: 0 !important;
  167. 	}
  168.  
  169. 	.item-details-control-root .markdown {
  170. 		position: relative;
  171. 		color: #222;
  172. 		line-height: 1.6;
  173. 	}
  174.  
  175. 	.item-details-control-root
  176. 		.markdown
  177. 		> *:first-child {
  178. 		margin-top: 0 !important;
  179. 	}
  180.  
  181. 	.ux-section-details-tabs {
  182. 		margin-top: -20px;
  183. 	}
  184.  
  185. 	.ux-section-details-tabs
  186. 		.ms-Pivot
  187. 		button:first-child {
  188. 		margin-left: -8px;
  189. 	}
  190.  
  191. 	.ux-section-details-tabs .ms-Pivot {
  192. 		margin-bottom: 25px;
  193. 		border-bottom: 1px solid;
  194. 		border-bottom-color: rgb(200 200 200 / 100%);
  195. 		border-bottom-color: rgba(
  196. 			var(--palette-neutral-20, 200, 200, 200),
  197. 			1
  198. 		);
  199. 	}
  200.  
  201. 	.ux-section-details-tabs .ms-Pivot-text {
  202. 		font-weight: 400;
  203. 		font-size: 16px;
  204. 	}
  205.  
  206. 	.ux-section-details-tabs .ms-Pivot button:focus,
  207. 	.ux-section-details-tabs
  208. 		.ms-Pivot
  209. 		button:hover {
  210. 		color: #106ebe;
  211. 	}
  212.  
  213. 	.meta-data-list-container
  214. 		.ux-section-meta-data-list
  215. 		.meta-data-list {
  216. 		margin-top: 3px;
  217. 	}
  218.  
  219. 	.meta-data-list-container
  220. 		a.meta-data-list-link:hover,
  221. 	.meta-data-list-container
  222. 		a.meta-data-list-link:focus {
  223. 		cursor: pointer;
  224. 		border: 1px solid #0078d4;
  225. 		background-color: #0078d4;
  226. 		color: white;
  227. 	}
  228.  
  229. 	.meta-data-list-container
  230. 		.ux-section-meta-data-list
  231. 		> div:nth-last-child(1) {
  232. 		padding-bottom: 16px;
  233. 	}
  234.  
  235. 	.meta-data-list-container
  236. 		.ux-section-meta-data-list
  237. 		a,
  238. 	.meta-data-list-container
  239. 		.ux-section-meta-data-list
  240. 		span {
  241. 		display: inline-block;
  242. 		margin: 0 6px 4px 0;
  243. 		border: 1px solid #ddd;
  244. 		border-radius: 3px;
  245. 		padding: 4px 6px;
  246. 		color: #333;
  247. 		font-size: 13px;
  248. 	}
  249.  
  250. 	.meta-data-list-container
  251. 		.ux-section-meta-data-list
  252. 		a:hover {
  253. 		text-decoration: none;
  254. 	}
  255.  
  256. 	.meta-data-list-container
  257. 		.ux-section-meta-data-list
  258. 		a.tag {
  259. 		cursor: default;
  260. 		background-color: #eff1f3;
  261. 	}
  262.  
  263. 	.meta-data-list-container .ux-section-header {
  264. 		padding-bottom: 16px;
  265. 		color: #555;
  266. 		font-weight: 700;
  267. 		font-size: 16px;
  268. 	}
  269.  
  270. 	.meta-data-list-container
  271. 		.ux-section-header.right {
  272. 		margin: 0;
  273. 		padding: 0 0 5px;
  274. 	}
  275.  
  276. 	.item-details-control-root .ux-table-metadata {
  277. 		margin-top: 0;
  278. 		border-collapse: collapse;
  279. 		padding: 0;
  280. 		color: #666;
  281. 		font-size: 12px;
  282. 	}
  283.  
  284. 	.item-details-control-root
  285. 		.ux-table-metadata
  286. 		td {
  287. 		padding: 4px 18px 4px 0;
  288. 	}
  289.  
  290. 	.badges-container {
  291. 		margin-top: 14px;
  292. 	}
  293.  
  294. 	.badges-container ul li {
  295. 		margin-left: 5px;
  296. 	}
  297.  
  298. 	.item-details-control-root
  299. 		.ux-section-project-details {
  300. 		margin-top: 16px;
  301. 	}
  302.  
  303. 	.item-details-control-root
  304. 		.ux-section-project-details
  305. 		.itemdetails-section-header.right {
  306. 		margin-bottom: 8px;
  307. 		padding: 0;
  308. 	}
  309.  
  310. 	.item-details-control-root
  311. 		.ux-section-project-details-spinner
  312. 		.spinner-control-root {
  313. 		margin-top: 22px;
  314. 		width: 25px;
  315. 		height: 25px;
  316. 	}
  317.  
  318. 	.item-details-control-root
  319. 		.ux-section-project-details
  320. 		ul {
  321. 		margin: 0 0 0 -3px;
  322. 		padding: 0;
  323. 		list-style-type: none;
  324. 	}
  325.  
  326. 	.item-details-control-root
  327. 		.ux-section-project-details
  328. 		ul
  329. 		li {
  330. 		margin-bottom: 4px;
  331. 	}
  332.  
  333. 	.item-details-control-root
  334. 		.ux-section-project-details
  335. 		ul
  336. 		li
  337. 		.api-github-response.bowtie-icon {
  338. 		color: rgb(0 0 0 / 100%);
  339. 		color: rgba(
  340. 			var(--palette-neutral-100, 0, 0, 0),
  341. 			1
  342. 		);
  343. 	}
  344.  
  345. 	.item-details-control-root
  346. 		.ux-section-project-details
  347. 		ul
  348. 		li
  349. 		.api-github-response.bowtie-icon.bowtie-brand-github {
  350. 		margin-top: 2px;
  351. 		margin-right: 1px;
  352. 		margin-left: 4px;
  353. 	}
  354.  
  355. 	.item-details-control-root
  356. 		.ux-section-project-details
  357. 		span {
  358. 		vertical-align: top;
  359. 		margin-left: 5px;
  360. 		text-align: center;
  361. 	}
  362.  
  363. 	.item-details-control-root
  364. 		.item-share-container {
  365. 		display: inline-block;
  366. 		vertical-align: -4px;
  367. 		margin: 20px -2px;
  368. 	}
  369.  
  370. 	.item-details-control-root
  371. 		.item-share-container
  372. 		a:hover {
  373. 		text-decoration: none;
  374. 	}
  375.  
  376. 	.item-details-control-root
  377. 		.ux-social-icons
  378. 		span {
  379. 		margin: 10px 0;
  380. 	}
  381.  
  382. 	.item-details-control-root .social-link {
  383. 		display: inline-block;
  384. 		margin: 0 2px;
  385. 		width: 23px;
  386. 		height: 23px;
  387. 	}
  388.  
  389. 	.item-share-container a:focus {
  390. 		outline: none;
  391. 	}
  392.  
  393. 	.item-share-container a:focus .social-link {
  394. 		outline: 1px dotted #666;
  395. 	}
  396.  
  397. 	.item-details-control-root
  398. 		.ux-table-metadata
  399. 		.info-list-callout
  400. 		td {
  401. 		padding: 0 5px 0 0;
  402. 	}
  403.  
  404. 	.item-details-control-root
  405. 		.ux-table-metadata
  406. 		.info-list-callout
  407. 		.info-icon {
  408. 		margin-top: 1px;
  409. 		width: 15px;
  410. 		height: 15px;
  411. 	}
  412.  
  413. 	.item-details-control-root
  414. 		.ux-table-metadata
  415. 		.info-list-callout
  416. 		.info-icon
  417. 		.ms-Button-icon {
  418. 		font-size: 12px;
  419. 	}
  420.  
  421. 	.row-callout .callout-container {
  422. 		margin: 10px;
  423. 		max-width: 200px;
  424. 		font-size: 12px;
  425. 	}
  426.  
  427. 	.report-abuse-callout .ms-Callout-beak {
  428. 		background-color: rgb(43 136 216 / 100%);
  429. 		background-color: rgba(
  430. 			var(
  431. 				--palette-primary-tint-10,
  432. 				43,
  433. 				136,
  434. 				216
  435. 			),
  436. 			1
  437. 		);
  438. 	}
  439.  
  440. 	.report-abuse-callout .callout-container {
  441. 		background-color: rgb(43 136 216 / 100%);
  442. 		background-color: rgba(
  443. 			var(
  444. 				--palette-primary-tint-10,
  445. 				43,
  446. 				136,
  447. 				216
  448. 			),
  449. 			1
  450. 		);
  451. 		padding: 20px;
  452. 		color: white;
  453. 	}
  454.  
  455. 	.report-abuse-callout
  456. 		.callout-container
  457. 		.report-abuse-callout-header {
  458. 		padding-bottom: 15px;
  459. 		font-weight: 200;
  460. 		font-size: 20px;
  461. 	}
  462.  
  463. 	.report-abuse-callout
  464. 		.callout-container
  465. 		.report-abuse-callout-header
  466. 		.report-abuse-heading {
  467. 		display: inline-block;
  468. 		padding-left: 10px;
  469. 	}
  470.  
  471. 	.calculator-container .currency-dropdown {
  472. 		width: 200px;
  473. 	}
  474.  
  475. 	.calculator-container
  476. 		.currency-container
  477. 		.currency-header {
  478. 		margin-bottom: 10px;
  479. 	}
  480.  
  481. 	.calculator-container .calculator-header {
  482. 		margin-top: 0;
  483. 		margin-bottom: 10px;
  484. 	}
  485.  
  486. 	.calculator-container .quantity-price {
  487. 		display: flex;
  488. 		margin-top: 20px;
  489. 	}
  490.  
  491. 	.calculator-container
  492. 		.quantity-price
  493. 		.quantity-header {
  494. 		margin-bottom: 10px;
  495. 	}
  496.  
  497. 	.calculator-container
  498. 		.quantity-price
  499. 		.quantity-dropdown {
  500. 		width: 90px;
  501. 	}
  502.  
  503. 	.calculator-container
  504. 		.quantity-price
  505. 		.price-section {
  506. 		margin-left: 60px;
  507. 	}
  508.  
  509. 	.calculator-container
  510. 		.quantity-price
  511. 		.price-section
  512. 		.price-header {
  513. 		margin-bottom: 10px;
  514. 	}
  515.  
  516. 	.ms-Dialog.gallery-dialog.oneclick-install-popup
  517. 		.ms-Dialog-main {
  518. 		width: 425px;
  519. 		max-width: 425px;
  520. 	}
  521.  
  522. 	.ms-Dialog.gallery-dialog.oneclick-install-popup
  523. 		.ms-Dialog-main
  524. 		.ms-Dialog--lgHeader
  525. 		.ms-Dialog-title {
  526. 		font-size: 21px;
  527. 	}
  528.  
  529. 	.ms-Dialog.gallery-dialog.oneclick-install-popup
  530. 		.ms-Dialog-main
  531. 		.ms-Dialog-inner
  532. 		.ms-Dialog-content {
  533. 		margin-top: 15px;
  534. 	}
  535.  
  536. 	.ms-Dialog.gallery-dialog.oneclick-install-popup
  537. 		.ms-Dialog-main
  538. 		.ms-Dialog-inner
  539. 		.ms-Dialog-content
  540. 		.vscode-download-link {
  541. 		margin-left: 5px;
  542. 	}
  543.  
  544. 	.ms-Dialog.gallery-dialog.oneclick-install-popup
  545. 		.ms-Dialog-main
  546. 		.ms-Dialog-inner
  547. 		.ms-Dialog-content
  548. 		.ms-Checkbox {
  549. 		margin-top: 20px;
  550. 	}
  551.  
  552. 	.item-details-control-root
  553. 		.ux-section-resources
  554. 		ul
  555. 		li {
  556. 		margin-bottom: 4px;
  557. 	}
  558.  
  559. 	.item-details-control-root
  560. 		.ux-section-resources
  561. 		ul {
  562. 		margin: 0;
  563. 		padding: 0;
  564. 		list-style-type: none;
  565. 	}
  566.  
  567. 	.item-details-control-root
  568. 		.ux-section-resources
  569. 		ul
  570. 		.download-specific-version {
  571. 		border: 2px solid rgb(0 0 0 / 90%);
  572. 		border: 2px solid
  573. 			var(--text-primary-color, rgb(0 0 0 / 90%));
  574. 		background-color: transparent;
  575. 		width: 50%;
  576. 		color: rgb(0 0 0 / 90%);
  577. 		color: var(
  578. 			--text-primary-color,
  579. 			rgb(0 0 0 / 90%)
  580. 		);
  581. 	}
  582.  
  583. 	.item-details-control-root
  584. 		.ux-section-resources {
  585. 		margin-top: 16px;
  586. 	}
  587.  
  588. 	.copied-display-container {
  589. 		position: relative;
  590. 		float: right;
  591. 		margin-left: 10px;
  592. 	}
  593.  
  594. 	.copyID-display-div {
  595. 		display: none;
  596. 		position: absolute;
  597. 		left: 50px;
  598. 		border: 1px solid #ffffff;
  599. 		border-radius: 5px;
  600. 		background-color: #000000;
  601. 		padding: 2px 4px;
  602. 		width: 120px;
  603. 		color: #ffffff;
  604. 		font-size: 11px;
  605. 		text-align: center;
  606. 	}
  607.  
  608. 	.item-details-download-dropbutton-container {
  609. 		display: inline-block;
  610. 		position: relative;
  611. 	}
  612.  
  613. 	.item-details-download-dropbutton-container
  614. 		.item-details-download-button {
  615. 		border: none;
  616. 		padding: 0;
  617. 	}
  618.  
  619. 	.item-details-download-dropbutton {
  620. 		cursor: pointer;
  621. 		padding: 0;
  622. 		color: #0078d4;
  623. 		font-weight: 400;
  624. 		font-size: 14px;
  625. 	}
  626.  
  627. 	.item-details-download-dropdown-content {
  628. 		display: none;
  629. 		position: absolute;
  630. 		z-index: 1;
  631. 		margin: 5px 0 0 16px;
  632. 		box-shadow: 0 8px 16px 0 rgb(0 0 0 / 20%);
  633. 		background-color: white;
  634. 		padding: 0;
  635. 		min-width: 160px;
  636. 	}
  637.  
  638. 	.item-details-download-dropdown-content li {
  639. 		display: block;
  640. 		cursor: pointer;
  641. 		background-color: white;
  642. 		padding: 12px 16px;
  643. 		color: black;
  644. 		text-decoration: none;
  645. 	}
  646.  
  647. 	.item-details-download-dropbutton-arrow {
  648. 		display: inline-block;
  649. 		transform: rotate(45deg);
  650. 		margin: 0 0 2px 5px;
  651. 		border: solid #0078d4;
  652. 		border-width: 0 1px 1px 0;
  653. 		padding: 3px;
  654. 	}
  655.  
  656. 	#item-details-download-dropdown-list {
  657. 		margin-bottom: 0;
  658. 	}
  659.  
  660. 	.item-details-download-dropdown-content
  661. 		li:hover {
  662. 		background-color: #f1f1f1;
  663. 	}
  664.  
  665. 	.item-details-download-dropbutton-container:hover
  666. 		.item-details-download-dropdown-content {
  667. 		display: block;
  668. 	}
  669.  
  670. 	.item-details-control-root
  671. 		.ux-section-media
  672. 		.item-carousel
  673. 		> div
  674. 		> div {
  675. 		padding-bottom: 16px;
  676. 	}
  677.  
  678. 	.item-details-control-root
  679. 		.ux-section-media
  680. 		.carousel-wrapper {
  681. 		border: 1px solid #b0bec5;
  682. 		height: 247.5px;
  683. 	}
  684.  
  685. 	.item-details-control-root
  686. 		.ux-section-media
  687. 		.item-carousel-container {
  688. 		width: auto;
  689. 	}
  690.  
  691. 	.item-details-control-root
  692. 		.ux-section-media
  693. 		.item-screenshot {
  694. 		width: 370px;
  695. 		height: 225px;
  696. 	}
  697.  
  698. 	.item-details-control-root
  699. 		.item-carousel-container
  700. 		.carousel-nav {
  701. 		display: none;
  702. 	}
  703.  
  704. 	.item-details-control-root
  705. 		.item-carousel-container
  706. 		.carousel {
  707. 		cursor: pointer;
  708. 	}
  709.  
  710. 	.item-details-screenshot-popup {
  711. 		position: fixed;
  712. 	}
  713.  
  714. 	.item-details-screenshot-popup .img-screenshot {
  715. 		max-width: 80vw;
  716. 		min-height: 0;
  717. 		max-height: 80vh;
  718. 	}
  719.  
  720. 	.item-details-screenshot-popup .ms-Dialog-main {
  721. 		max-width: none;
  722. 		max-height: none;
  723. 	}
  724.  
  725. 	.ux-section-details-tabs
  726. 		.version-history-top-container {
  727. 		width: 100%;
  728. 	}
  729.  
  730. 	.version-history-top-container {
  731. 		display: inline-block;
  732. 		margin-bottom: 34px;
  733. 	}
  734.  
  735. 	.version-history-top-container
  736. 		.version-history-header-container {
  737. 		padding-left: 0;
  738. 	}
  739.  
  740. 	.version-history-top-container
  741. 		.version-history-table {
  742. 		margin-bottom: 22px;
  743. 		border-bottom: 1px solid;
  744. 		border-width: 1px 0;
  745. 		border-bottom-color: rgb(234 234 234 / 100%);
  746. 		border-bottom-color: rgba(
  747. 			var(--palette-neutral-8, 234, 234, 234),
  748. 			1
  749. 		);
  750. 		border-collapse: collapse;
  751. 		border-spacing: 0;
  752. 		padding-bottom: 10px;
  753. 		width: 60%;
  754. 		font-size: 14px;
  755. 	}
  756.  
  757. 	.version-history-top-container
  758. 		.version-history-table-thead {
  759. 		display: table-header-group;
  760. 		border-color: inherit;
  761. 		width: 100%;
  762. 		text-align: left;
  763. 	}
  764.  
  765. 	.version-history-top-container
  766. 		.version-history-table-body
  767. 		tr:hover {
  768. 		background-color: #d9edf7;
  769. 	}
  770.  
  771. 	.version-history-top-container
  772. 		.version-history-table-body {
  773. 		display: table-row-group;
  774. 	}
  775.  
  776. 	.version-history-top-container
  777. 		.version-history-container-row {
  778. 		border-bottom: 1px solid #d3d3d3;
  779. 		border-width: 1px 0;
  780. 		border-collapse: collapse;
  781. 		padding-bottom: 10px;
  782. 		width: 100%;
  783. 		height: 40px;
  784. 	}
  785.  
  786. 	.version-history-top-container
  787. 		.version-history-container-column {
  788. 		display: inline-block;
  789. 		padding-top: 10px;
  790. 		width: 33%;
  791. 		text-align: left;
  792. 	}
  793.  
  794. 	.version-history-top-container
  795. 		.bowtie-status-info-outline::before {
  796. 		content: '\EA09';
  797. 	}
  798.  
  799. 	.version-history-top-container
  800. 		.vh-redirection-message-bar-container {
  801. 		margin-bottom: 14px;
  802. 		background-color: rgb(244 244 244 / 100%);
  803. 		background-color: rgba(
  804. 			var(--palette-neutral-4, 244, 244, 244),
  805. 			1
  806. 		);
  807. 		padding-top: 15px;
  808. 		padding-bottom: 15px;
  809. 		width: 60%;
  810. 		color: rgb(0 0 0 / 90%);
  811. 		color: var(
  812. 			--text-primary-color,
  813. 			rgb(0 0 0 / 90%)
  814. 		);
  815. 	}
  816.  
  817. 	.version-history-top-container
  818. 		.vh-redirection-message-bar-container
  819. 		.vh-redirection-message-bar {
  820. 		font-size: 14px;
  821. 	}
  822.  
  823. 	.version-history-top-container
  824. 		.vh-redirection-message-bar-container
  825. 		.vh-redirection-message-bar
  826. 		.vh-redirection-info-icon {
  827. 		padding-right: 8px;
  828. 		padding-left: 8px;
  829. 		color: rgb(0 0 0 / 90%);
  830. 		color: var(
  831. 			--text-primary-color,
  832. 			rgb(0 0 0 / 90%)
  833. 		);
  834. 	}
  835.  
  836. 	.version-history-top-container
  837. 		.vh-redirection-message-bar-container
  838. 		.vh-redirection-message-bar
  839. 		.vh-redirection-info-text {
  840. 		color: #006cbe;
  841. 	}
  842.  
  843. 	.version-history-top-container
  844. 		.vh-redirection-message-bar-container
  845. 		.vh-redirection-message-bar
  846. 		.vh-redirection-info-text-anchor-tag {
  847. 		color: #006cbe;
  848. 	}
  849.  
  850. 	.version-history-download-dropbutton-container {
  851. 		display: inline-block;
  852. 		position: relative;
  853. 	}
  854.  
  855. 	.version-history-download-dropbutton {
  856. 		cursor: pointer;
  857. 		padding: 16px;
  858. 		color: black;
  859. 		font-weight: 600;
  860. 		font-size: 14px;
  861. 	}
  862.  
  863. 	.version-history-download-dropdown-content {
  864. 		display: none;
  865. 		position: absolute;
  866. 		z-index: 1;
  867. 		margin: 5px 0 0 16px;
  868. 		box-shadow: 0 8px 16px 0 rgb(0 0 0 / 20%);
  869. 		padding: 0;
  870. 		min-width: 160px;
  871. 	}
  872.  
  873. 	.version-history-download-dropdown-content li {
  874. 		display: block;
  875. 		cursor: pointer;
  876. 		background-color: #fafafa;
  877. 		padding: 12px 16px;
  878. 		color: black;
  879. 		text-decoration: none;
  880. 	}
  881.  
  882. 	.version-history-download-dropbutton-arrow {
  883. 		display: inline-block;
  884. 		transform: rotate(45deg);
  885. 		margin: 0 0 2px 5px;
  886. 		border: solid black;
  887. 		border-width: 0 2px 2px 0;
  888. 		padding: 3px;
  889. 	}
  890.  
  891. 	.version-history-download-dropdown-content
  892. 		li:hover {
  893. 		background-color: #f1f1f1;
  894. 	}
  895.  
  896. 	.version-history-download-dropbutton-container:hover
  897. 		.version-history-download-dropdown-content {
  898. 		display: block;
  899. 	}
  900.  
  901. 	h1.vss-HubTitle {
  902. 		display: flex;
  903. 		align-items: center;
  904. 		margin: 0 12px 0 8px;
  905. 		height: 38px;
  906. 		font-weight: 300;
  907. 		font-size: 18px;
  908. 	}
  909.  
  910. 	h1.vss-HubTitle .vss-HubTitle-titleIcon {
  911. 		margin-right: 8px;
  912. 		font-size: 18px;
  913. 	}
  914.  
  915. 	.vss-contextualMenu-list {
  916. 		max-width: 300px;
  917. 	}
  918.  
  919. 	.vss-ContextualMenu--container {
  920. 		display: inline-block;
  921. 	}
  922.  
  923. 	.vss-ContextualMenu--container
  924. 		.ms-Button.vss-ContextualMenuButton {
  925. 		border: none;
  926. 		padding: 0;
  927. 		width: 32px;
  928. 		min-width: 32px;
  929. 		max-width: 32px;
  930. 		height: 32px;
  931. 	}
  932.  
  933. 	.vss-ContextualMenu--container
  934. 		.ms-Button.vss-ContextualMenuButton:focus.space-unallocated,
  935. 	.vss-ContextualMenu--container
  936. 		.ms-Button.vss-ContextualMenuButton.open.space-unallocated {
  937. 		display: inline-block;
  938. 	}
  939.  
  940. 	.vss-ContextualMenu--container
  941. 		.ms-Button.vss-ContextualMenuButton:focus.space-allocated,
  942. 	.vss-ContextualMenu--container
  943. 		.ms-Button.vss-ContextualMenuButton.open.space-allocated {
  944. 		visibility: visible;
  945. 	}
  946.  
  947. 	.vss-DateTimePicker {
  948. 		display: flex;
  949. 		flex-direction: row;
  950. 		width: 280px;
  951. 	}
  952.  
  953. 	.vss-DateTimePicker
  954. 		.vss-DateTimePicker--dateField {
  955. 		width: 50%;
  956. 	}
  957.  
  958. 	.vss-DateTimePicker
  959. 		.vss-DateTimePicker--timeField {
  960. 		padding-left: 4px;
  961. 		width: 50%;
  962. 	}
  963.  
  964. 	.vss-FilterBar {
  965. 		display: flex;
  966. 	}
  967.  
  968. 	.vss-FilterBar .vss-FilterBar--list {
  969. 		display: flex;
  970. 		flex-wrap: nowrap;
  971. 		align-items: flex-start;
  972. 		padding-left: 0;
  973. 		width: 100%;
  974. 	}
  975.  
  976. 	.vss-FilterBar
  977. 		.vss-FilterBar--list
  978. 		.vss-FilterBar--item {
  979. 		flex-shrink: 0;
  980. 		margin-right: 10px;
  981. 		margin-bottom: 10px;
  982. 		min-width: 200px;
  983. 		max-width: 100%;
  984. 	}
  985.  
  986. 	.vss-FilterBar
  987. 		.vss-FilterBar--list
  988. 		.vss-FilterBar--item
  989. 		input::-ms-clear {
  990. 		display: none;
  991. 	}
  992.  
  993. 	.vss-FilterBar
  994. 		.vss-FilterBar--list
  995. 		.vss-FilterBar--item
  996. 		.ms-TextField {
  997. 		margin-bottom: 0;
  998. 	}
  999.  
  1000. 	.vss-FilterBar
  1001. 		.vss-FilterBar--list
  1002. 		.vss-FilterBar--item
  1003. 		.vss-PickListDropdown {
  1004. 		width: 200px;
  1005. 	}
  1006.  
  1007. 	.vss-FilterBar
  1008. 		.vss-FilterBar--list
  1009. 		.vss-FilterBar--item
  1010. 		.vss-FilterBar--item-text
  1011. 		input,
  1012. 	.vss-FilterBar
  1013. 		.vss-FilterBar--list
  1014. 		.vss-FilterBar--item
  1015. 		.vss-FilterBar--item-keyword
  1016. 		input,
  1017. 	.vss-FilterBar
  1018. 		.vss-FilterBar--list
  1019. 		.vss-FilterBar--item
  1020. 		.vss-FilterBar--item-keyword
  1021. 		div {
  1022. 		background-color: transparent;
  1023. 	}
  1024.  
  1025. 	.vss-FilterBar
  1026. 		.vss-FilterBar--list
  1027. 		.vss-FilterBar--item
  1028. 		.vss-FilterBar--item-keyword
  1029. 		input {
  1030. 		padding-left: 2px;
  1031. 	}
  1032.  
  1033. 	.vss-FilterBar
  1034. 		.vss-FilterBar--list
  1035. 		.vss-FilterBar--item
  1036. 		.clear-filter-input {
  1037. 		align-self: center;
  1038. 		cursor: pointer;
  1039. 		margin-right: 10px;
  1040. 		padding: 2px;
  1041. 		color: #666;
  1042. 	}
  1043.  
  1044. 	.vss-FilterBar
  1045. 		.vss-FilterBar--list
  1046. 		.vss-FilterBar--item-keyword {
  1047. 		width: 240px;
  1048. 	}
  1049.  
  1050. 	.vss-FilterBar
  1051. 		.vss-FilterBar--list
  1052. 		.vss-FilterBar--right-items {
  1053. 		display: flex;
  1054. 		flex-shrink: 0;
  1055. 	}
  1056.  
  1057. 	.vss-FilterBar
  1058. 		.vss-FilterBar--list
  1059. 		.vss-FilterBar--right-items.vss-FilterBar--right-items-align-right {
  1060. 		margin-left: auto;
  1061. 	}
  1062.  
  1063. 	.vss-FilterBar
  1064. 		.vss-FilterBar--list
  1065. 		.vss-FilterBar--right-items
  1066. 		.vss-FilterBar--action {
  1067. 		margin-bottom: 10px;
  1068. 	}
  1069.  
  1070. 	.vss-FilterBar
  1071. 		.vss-FilterBar--list
  1072. 		.vss-FilterBar--right-items
  1073. 		.vss-FilterBar--action.vss-FilterBar--action-apply
  1074. 		.ms-Icon {
  1075. 		font-size: 14px;
  1076. 	}
  1077.  
  1078. 	.vss-FilterBar
  1079. 		.vss-FilterBar--list
  1080. 		.vss-FilterBar--right-items
  1081. 		.vss-FilterBar--action.vss-FilterBar--action-clear {
  1082. 		display: flex;
  1083. 		justify-content: center;
  1084. 		align-items: center;
  1085. 	}
  1086.  
  1087. 	.vss-FilterBar
  1088. 		.vss-FilterBar--list
  1089. 		.vss-FilterBar--right-items
  1090. 		.vss-FilterBar--action
  1091. 		.vss-FilterBar--filter-count {
  1092. 		display: flex;
  1093. 		justify-content: center;
  1094. 		align-items: center;
  1095. 		border-radius: 50%;
  1096. 		background-color: #f4f4f4;
  1097. 		width: 25px;
  1098. 		height: 20px;
  1099. 	}
  1100.  
  1101. 	.vss-FilterBar
  1102. 		.vss-FilterBar--list
  1103. 		.vss-FilterBar--right-items
  1104. 		.vss-FilterBar--action.vss-FilterBar--action-clear
  1105. 		.ms-Icon {
  1106. 		font-size: 14px;
  1107. 	}
  1108.  
  1109. 	.vss-FilterBar
  1110. 		.vss-FilterBar--list
  1111. 		.vss-FilterBar--right-items
  1112. 		.vss-FilterBar--action
  1113. 		button {
  1114. 		height: 32px;
  1115. 		overflow: visible;
  1116. 	}
  1117.  
  1118. 	@media screen and (-ms-high-contrast: active) {
  1119. 		.vss-FilterBar
  1120. 			.vss-FilterBar--list
  1121. 			.vss-FilterBar--right-items
  1122. 			.vss-FilterBar--action
  1123. 			button {
  1124. 			border-color: Background;
  1125. 		}
  1126. 	}
  1127.  
  1128. 	.vss-FilterBar
  1129. 		.vss-FilterBar--list
  1130. 		.vss-FilterBar--right-items
  1131. 		.vss-FilterBar--action
  1132. 		button[disabled] {
  1133. 		border: none;
  1134. 	}
  1135.  
  1136. 	.vss-FilterBar
  1137. 		.vss-FilterBar--list
  1138. 		.vss-FilterBar--right-items
  1139. 		.vss-FilterBar--page-button-container {
  1140. 		display: flex;
  1141. 		margin-bottom: 10px;
  1142. 	}
  1143.  
  1144. 	.vss-FilterBar
  1145. 		.vss-FilterBar--list
  1146. 		.vss-FilterBar--right-items
  1147. 		.vss-FilterBar--page-button-container
  1148. 		.vss-FilterBar-page-button {
  1149. 		margin-right: 10px;
  1150. 		width: 32px;
  1151. 		min-width: 32px;
  1152. 	}
  1153.  
  1154. 	.vss-FilterBar
  1155. 		.vss-FilterBar--list
  1156. 		.vss-FilterBar--right-items
  1157. 		.vss-FilterBar--page-button-container
  1158. 		.vss-FilterBar-page-button
  1159. 		.ms-Button-flexContainer {
  1160. 		flex-direction: column;
  1161. 	}
  1162.  
  1163. 	.vss-FilterBar
  1164. 		.vss-FilterBar--list
  1165. 		.vss-FilterBar--right-items
  1166. 		.vss-FilterBar--page-button-container
  1167. 		.vss-FilterBar-page-button:not([disabled]) {
  1168. 		border-color: #c8c8c8;
  1169. 		background-color: #fff;
  1170. 	}
  1171.  
  1172. 	.vss-FilterBar
  1173. 		.vss-FilterBar--list
  1174. 		.vss-FilterBar--right-items
  1175. 		.vss-FilterBar--page-button-container
  1176. 		.vss-FilterBar-page-button:not(
  1177. 			[disabled]
  1178. 		):hover,
  1179. 	.vss-FilterBar
  1180. 		.vss-FilterBar--list
  1181. 		.vss-FilterBar--right-items
  1182. 		.vss-FilterBar--page-button-container
  1183. 		.vss-FilterBar-page-button:not(
  1184. 			[disabled]
  1185. 		):focus {
  1186. 		border-color: #666;
  1187. 	}
  1188.  
  1189. 	.vss-DateTimeRangePicker
  1190. 		.vss-DateTimeRangePicker--label {
  1191. 		float: left;
  1192. 		padding-left: 8px;
  1193. 		width: 80px;
  1194. 		line-height: 30px;
  1195. 	}
  1196.  
  1197. 	.vss-FileInput .vss-FileInput-dragDropLabel {
  1198. 		vertical-align: middle;
  1199. 		font-size: 12px;
  1200. 		text-align: right;
  1201. 	}
  1202.  
  1203. 	.vss-FileInput .vss-FileInput-filesDropTarget {
  1204. 		border: 1px dashed #c8c8c8;
  1205. 		background-color: #eaeaea;
  1206. 		padding-top: 15px;
  1207. 		padding-bottom: 15px;
  1208. 		color: #666;
  1209. 		text-align: center;
  1210. 	}
  1211.  
  1212. 	.vss-FileInput .vss-FileInput-browseContainer {
  1213. 		display: inline-block;
  1214. 		cursor: pointer;
  1215. 		margin-left: 20px;
  1216. 		border: 1px solid #c8c8c8;
  1217. 		border-radius: 0;
  1218. 		background-color: #fff;
  1219. 		padding: 5px 15px;
  1220. 		color: #212121;
  1221. 	}
  1222.  
  1223. 	.vss-FileInput
  1224. 		.vss-FileInput-browseContainer:hover {
  1225. 		text-decoration: none;
  1226. 	}
  1227.  
  1228. 	.vss-focus-visible
  1229. 		.vss-FileInput
  1230. 		.vss-FileInput-browseContainer:focus {
  1231. 		outline: 1px solid #212121;
  1232. 	}
  1233.  
  1234. 	@media screen and (-ms-high-contrast: active) {
  1235. 		.vss-focus-visible
  1236. 			.vss-FileInput
  1237. 			.vss-FileInput-browseContainer:focus {
  1238. 			outline: 1px dashed windowtext !important;
  1239. 		}
  1240. 	}
  1241.  
  1242. 	@media screen and (-ms-high-contrast: active) and (-ms-high-contrast: white-on-black) {
  1243. 		.vss-focus-visible
  1244. 			.vss-FileInput
  1245. 			.vss-FileInput-browseContainer:focus {
  1246. 			outline: 1px dashed #002033 !important;
  1247. 		}
  1248. 	}
  1249.  
  1250. 	@media screen and (-ms-high-contrast: active) and (-ms-high-contrast: black-on-white) {
  1251. 		.vss-focus-visible
  1252. 			.vss-FileInput
  1253. 			.vss-FileInput-browseContainer:focus {
  1254. 			outline: 1px dashed #fff !important;
  1255. 		}
  1256. 	}
  1257.  
  1258. 	.vss-FileInput .vss-FileInput-dragDropTable {
  1259. 		display: flex;
  1260. 		justify-content: space-between;
  1261. 		align-items: center;
  1262. 		width: 100%;
  1263. 	}
  1264.  
  1265. 	.vss-FileInput .vss-FileInput-browseButton {
  1266. 		padding-right: 10px;
  1267. 		padding-left: 10px;
  1268. 		text-align: left;
  1269. 	}
  1270.  
  1271. 	.vss-FileInput-filesDropTarget.vss-FileInput-dragOver {
  1272. 		background-color: #dff6dd !important;
  1273. 	}
  1274.  
  1275. 	.vss-FileInput
  1276. 		.vss-FileInput-fileList
  1277. 		.vss-FileInput-detailsContainer
  1278. 		.vss-FileInput-status {
  1279. 		color: #666;
  1280. 	}
  1281.  
  1282. 	.vss-FileInput
  1283. 		.vss-FileInput-fileList
  1284. 		.vss-FileInput-detailsContainer
  1285. 		.vss-FileInput-links {
  1286. 		margin-left: 10px;
  1287. 	}
  1288.  
  1289. 	.vss-FileInput
  1290. 		.vss-FileInput-fileList
  1291. 		.vss-FileInput-fileName {
  1292. 		font-size: 14px;
  1293. 	}
  1294.  
  1295. 	.vss-FileInput .vss-FileInput-fileList > li {
  1296. 		margin-bottom: 5px;
  1297. 		list-style: none;
  1298. 	}
  1299.  
  1300. 	.vss-FileInput .vss-FileInput-fileList {
  1301. 		display: none;
  1302. 		padding-left: 0;
  1303. 		max-height: 100px;
  1304. 		overflow-y: scroll;
  1305. 	}
  1306.  
  1307. 	.vss-FileInput
  1308. 		.vss-FileInput-overallStatusContainer {
  1309. 		margin-top: 10px;
  1310. 		color: #666;
  1311. 		text-align: center;
  1312. 	}
  1313.  
  1314. 	.vss-FileInput
  1315. 		.vss-FileInput-overallStatusContainer
  1316. 		.vss-FileInput-overallStatusActions {
  1317. 		margin-left: 10px;
  1318. 	}
  1319.  
  1320. 	.vss-PickList {
  1321. 		display: flex;
  1322. 		flex-direction: column;
  1323. 		overflow: hidden;
  1324. 	}
  1325.  
  1326. 	.vss-PickList .vss-PickList--focusContainer {
  1327. 		display: flex;
  1328. 		flex-direction: column;
  1329. 		overflow: hidden;
  1330. 	}
  1331.  
  1332. 	.vss-PickList .ms-ChoiceFieldGroup {
  1333. 		display: flex;
  1334. 	}
  1335.  
  1336. 	.vss-PickList
  1337. 		.ms-ChoiceFieldGroup
  1338. 		.ms-ChoiceFieldGroup-flexContainer {
  1339. 		display: flex;
  1340. 		flex: 1;
  1341. 	}
  1342.  
  1343. 	.vss-PickList
  1344. 		.ms-ChoiceFieldGroup
  1345. 		.ms-ChoiceField {
  1346. 		flex: 1;
  1347. 	}
  1348.  
  1349. 	.vss-PickList
  1350. 		.ms-ChoiceFieldGroup
  1351. 		.ms-ChoiceField:first-child {
  1352. 		margin-left: 5px;
  1353. 	}
  1354.  
  1355. 	.vss-PickList
  1356. 		.ms-ChoiceFieldGroup
  1357. 		.ms-ChoiceField::last-child {
  1358. 		margin-right: 5px;
  1359. 	}
  1360.  
  1361. 	.vss-PickList .vss-PickList--noItemsText {
  1362. 		text-align: center;
  1363. 	}
  1364.  
  1365. 	.vss-PickList .vss-PickList--searchTextField {
  1366. 		margin: 8px 6px;
  1367. 	}
  1368.  
  1369. 	.vss-PickList
  1370. 		.vss-PickList--searchTextField
  1371. 		input {
  1372. 		background-color: transparent;
  1373. 	}
  1374.  
  1375. 	.vss-PickList
  1376. 		.vss-PickList--searchTextField
  1377. 		input::-ms-clear {
  1378. 		display: none;
  1379. 	}
  1380.  
  1381. 	.vss-PickList
  1382. 		.vss-PickList--searchTextField
  1383. 		.clear-filter-input {
  1384. 		align-self: center;
  1385. 		cursor: pointer;
  1386. 		margin-right: 10px;
  1387. 		padding: 2px;
  1388. 		color: #666;
  1389. 	}
  1390.  
  1391. 	.vss-PickList
  1392. 		.vss-PickList--searchTextField
  1393. 		.ms-TextField-fieldGroup {
  1394. 		display: flex;
  1395. 	}
  1396.  
  1397. 	.vss-PickList
  1398. 		.vss-PickList--searchTextField
  1399. 		.ms-TextField-fieldGroup
  1400. 		input {
  1401. 		flex-grow: 1;
  1402. 		width: 0;
  1403. 	}
  1404.  
  1405. 	.vss-PickList .vss-PickList--items {
  1406. 		overflow: auto;
  1407. 	}
  1408.  
  1409. 	.vss-PickList
  1410. 		.vss-PickList--items
  1411. 		.vss-PickList--groupHeader {
  1412. 		padding-right: 10px;
  1413. 		padding-left: 10px;
  1414. 		color: #71afe5;
  1415. 		font-size: 11px;
  1416. 	}
  1417.  
  1418. 	.vss-PickList
  1419. 		.vss-PickList--items
  1420. 		.vss-PickList--groupSeparator {
  1421. 		border: 1px solid #eaeaea;
  1422. 	}
  1423.  
  1424. 	.vss-PickList
  1425. 		.vss-PickList--items
  1426. 		.vss-PickList--message {
  1427. 		margin-bottom: 8px;
  1428. 		padding-right: 10px;
  1429. 		padding-left: 10px;
  1430. 		color: #767676;
  1431. 	}
  1432.  
  1433. 	.vss-PickList
  1434. 		.vss-PickList--items
  1435. 		.vss-PickList--loading {
  1436. 		padding: 12px;
  1437. 	}
  1438.  
  1439. 	.vss-PickList .vss-PickList--row,
  1440. 	.vss-PickList .vss-PickList--action {
  1441. 		position: relative;
  1442. 		cursor: pointer;
  1443. 	}
  1444.  
  1445. 	.ms-Fabric.is-focusVisible
  1446. 		.vss-PickList
  1447. 		.vss-PickList--row:focus,
  1448. 	.ms-Fabric.is-focusVisible
  1449. 		.vss-PickList
  1450. 		.vss-PickList--action:focus {
  1451. 		outline: none;
  1452. 		background-color: #f4f4f4;
  1453. 	}
  1454.  
  1455. 	@media screen and (-ms-high-contrast: active) {
  1456. 		.ms-Fabric.is-focusVisible
  1457. 			.vss-PickList
  1458. 			.vss-PickList--row:focus,
  1459. 		.ms-Fabric.is-focusVisible
  1460. 			.vss-PickList
  1461. 			.vss-PickList--row:focus
  1462. 			.ms-Button-label,
  1463. 		.ms-Fabric.is-focusVisible
  1464. 			.vss-PickList
  1465. 			.vss-PickList--action:focus,
  1466. 		.ms-Fabric.is-focusVisible
  1467. 			.vss-PickList
  1468. 			.vss-PickList--action:focus
  1469. 			.ms-Button-label {
  1470. 			font-weight: 700;
  1471. 		}
  1472. 	}
  1473.  
  1474. 	.ms-Fabric.is-focusVisible
  1475. 		.vss-PickList
  1476. 		.vss-PickList--row:focus::after,
  1477. 	.ms-Fabric.is-focusVisible
  1478. 		.vss-PickList
  1479. 		.vss-PickList--action:focus::after {
  1480. 		position: absolute;
  1481. 		inset: 0;
  1482. 		border: 1px solid #212121;
  1483. 		pointer-events: none;
  1484. 		content: '';
  1485. 	}
  1486.  
  1487. 	@media screen and (-ms-high-contrast: active) {
  1488. 		.ms-Fabric.is-focusVisible
  1489. 			.vss-PickList
  1490. 			.vss-PickList--row:focus::after,
  1491. 		.ms-Fabric.is-focusVisible
  1492. 			.vss-PickList
  1493. 			.vss-PickList--action:focus::after {
  1494. 			border-color: #1aebff;
  1495. 		}
  1496. 	}
  1497.  
  1498. 	@media screen and (-ms-high-contrast: black-on-white) {
  1499. 		.ms-Fabric.is-focusVisible
  1500. 			.vss-PickList
  1501. 			.vss-PickList--row:focus::after,
  1502. 		.ms-Fabric.is-focusVisible
  1503. 			.vss-PickList
  1504. 			.vss-PickList--action:focus::after {
  1505. 			border-color: #37006e;
  1506. 		}
  1507. 	}
  1508.  
  1509. 	.vss-PickList .vss-PickList--row:active,
  1510. 	.vss-PickList .vss-PickList--row:focus,
  1511. 	.vss-PickList .vss-PickList--action:active,
  1512. 	.vss-PickList .vss-PickList--action:focus {
  1513. 		outline: none;
  1514. 	}
  1515.  
  1516. 	.vss-PickList .vss-PickList--row.disabled,
  1517. 	.vss-PickList .vss-PickList--action.disabled {
  1518. 		cursor: default;
  1519. 	}
  1520.  
  1521. 	.vss-PickList .vss-PickList--action-tooltip {
  1522. 		width: 100%;
  1523. 	}
  1524.  
  1525. 	.vss-PickList .vss-PickList--element {
  1526. 		display: flex;
  1527. 		flex-direction: row;
  1528. 		align-items: center;
  1529. 		overflow: hidden;
  1530. 	}
  1531.  
  1532. 	.vss-PickList .vss-PickList--element:hover {
  1533. 		background-color: #f4f4f4;
  1534. 		color: #212121;
  1535. 	}
  1536.  
  1537. 	@media screen and (-ms-high-contrast: active) {
  1538. 		.vss-PickList .vss-PickList--element:hover {
  1539. 			border-color: #1aebff;
  1540. 			background-color: #1aebff;
  1541. 			color: HighlightText;
  1542. 		}
  1543.  
  1544. 		.vss-PickList
  1545. 			.vss-PickList--element:hover:focus {
  1546. 			border-color: #000;
  1547. 		}
  1548. 	}
  1549.  
  1550. 	@media screen and (-ms-high-contrast: black-on-white) {
  1551. 		.vss-PickList .vss-PickList--element:hover {
  1552. 			border-color: #37006e;
  1553. 			background-color: #37006e;
  1554. 			color: HighlightText;
  1555. 		}
  1556. 	}
  1557.  
  1558. 	@media screen and (-ms-high-contrast: active),
  1559. 		screen and (-ms-high-contrast: black-on-white) {
  1560. 		.vss-PickList .vss-PickList--element:hover {
  1561. 			-ms-high-contrast-adjust: none;
  1562. 		}
  1563. 	}
  1564.  
  1565. 	@media screen and (-ms-high-contrast: active) {
  1566. 		.vss-PickList
  1567. 			.vss-PickList--element:hover
  1568. 			.vss-PickList--selectableElementButton
  1569. 			.vss-PickList--selectableElementButton-text {
  1570. 			border-color: #1aebff;
  1571. 			background-color: #1aebff;
  1572. 			color: HighlightText;
  1573. 		}
  1574.  
  1575. 		.vss-PickList
  1576. 			.vss-PickList--element:hover
  1577. 			.vss-PickList--selectableElementButton
  1578. 			.vss-PickList--selectableElementButton-text:focus {
  1579. 			border-color: #000;
  1580. 		}
  1581. 	}
  1582.  
  1583. 	@media screen and (-ms-high-contrast: black-on-white) {
  1584. 		.vss-PickList
  1585. 			.vss-PickList--element:hover
  1586. 			.vss-PickList--selectableElementButton
  1587. 			.vss-PickList--selectableElementButton-text {
  1588. 			border-color: #37006e;
  1589. 			background-color: #37006e;
  1590. 			color: HighlightText;
  1591. 		}
  1592. 	}
  1593.  
  1594. 	@media screen and (-ms-high-contrast: active),
  1595. 		screen and (-ms-high-contrast: black-on-white) {
  1596. 		.vss-PickList
  1597. 			.vss-PickList--element:hover
  1598. 			.vss-PickList--selectableElementButton
  1599. 			.vss-PickList--selectableElementButton-text {
  1600. 			-ms-high-contrast-adjust: none;
  1601. 		}
  1602. 	}
  1603.  
  1604. 	@media screen and (-ms-high-contrast: active) {
  1605. 		.vss-PickList
  1606. 			.vss-PickList--element:hover
  1607. 			.vss-PickList--selectableElementButton
  1608. 			.vss-PickList--selectableElementButtonIcon {
  1609. 			border-color: #1aebff;
  1610. 			background-color: #1aebff;
  1611. 			color: HighlightText;
  1612. 		}
  1613.  
  1614. 		.vss-PickList
  1615. 			.vss-PickList--element:hover
  1616. 			.vss-PickList--selectableElementButton
  1617. 			.vss-PickList--selectableElementButtonIcon:focus {
  1618. 			border-color: #000;
  1619. 		}
  1620. 	}
  1621.  
  1622. 	@media screen and (-ms-high-contrast: black-on-white) {
  1623. 		.vss-PickList
  1624. 			.vss-PickList--element:hover
  1625. 			.vss-PickList--selectableElementButton
  1626. 			.vss-PickList--selectableElementButtonIcon {
  1627. 			border-color: #37006e;
  1628. 			background-color: #37006e;
  1629. 			color: HighlightText;
  1630. 		}
  1631. 	}
  1632.  
  1633. 	@media screen and (-ms-high-contrast: active),
  1634. 		screen and (-ms-high-contrast: black-on-white) {
  1635. 		.vss-PickList
  1636. 			.vss-PickList--element:hover
  1637. 			.vss-PickList--selectableElementButton
  1638. 			.vss-PickList--selectableElementButtonIcon {
  1639. 			-ms-high-contrast-adjust: none;
  1640. 		}
  1641. 	}
  1642.  
  1643. 	@media screen and (-ms-high-contrast: active) {
  1644. 		.vss-PickList .vss-PickList--element:hover a,
  1645. 		.vss-PickList
  1646. 			.vss-PickList--element:hover
  1647. 			a:hover,
  1648. 		.vss-PickList
  1649. 			.vss-PickList--element:hover
  1650. 			a:visited {
  1651. 			border-color: #1aebff;
  1652. 			background-color: #1aebff;
  1653. 			color: HighlightText;
  1654. 		}
  1655.  
  1656. 		.vss-PickList
  1657. 			.vss-PickList--element:hover
  1658. 			a:focus,
  1659. 		.vss-PickList
  1660. 			.vss-PickList--element:hover
  1661. 			a:hover:focus,
  1662. 		.vss-PickList
  1663. 			.vss-PickList--element:hover
  1664. 			a:visited:focus {
  1665. 			border-color: #000;
  1666. 		}
  1667. 	}
  1668.  
  1669. 	@media screen and (-ms-high-contrast: black-on-white) {
  1670. 		.vss-PickList .vss-PickList--element:hover a,
  1671. 		.vss-PickList
  1672. 			.vss-PickList--element:hover
  1673. 			a:hover,
  1674. 		.vss-PickList
  1675. 			.vss-PickList--element:hover
  1676. 			a:visited {
  1677. 			border-color: #37006e;
  1678. 			background-color: #37006e;
  1679. 			color: HighlightText;
  1680. 		}
  1681. 	}
  1682.  
  1683. 	@media screen and (-ms-high-contrast: active),
  1684. 		screen and (-ms-high-contrast: black-on-white) {
  1685. 		.vss-PickList .vss-PickList--element:hover a,
  1686. 		.vss-PickList
  1687. 			.vss-PickList--element:hover
  1688. 			a:hover,
  1689. 		.vss-PickList
  1690. 			.vss-PickList--element:hover
  1691. 			a:visited {
  1692. 			-ms-high-contrast-adjust: none;
  1693. 		}
  1694. 	}
  1695.  
  1696. 	.vss-PickList .vss-PickList--element:active {
  1697. 		background-color: #f4f4f4;
  1698. 		color: #212121;
  1699. 	}
  1700.  
  1701. 	.vss-PickList .vss-PickList--element.disabled {
  1702. 		cursor: default;
  1703. 		background: #fff;
  1704. 		color: #a6a6a6;
  1705. 	}
  1706.  
  1707. 	.vss-PickList
  1708. 		.vss-PickList--element.disabled
  1709. 		.vss-PickList--selectableElementButton
  1710. 		.vss-PickList--selectableElementButtonIcon {
  1711. 		color: #a6a6a6;
  1712. 	}
  1713.  
  1714. 	.vss-PickList
  1715. 		.vss-PickList--element.disabled
  1716. 		.vss-PickList--selectableElementButton:hover,
  1717. 	.vss-PickList
  1718. 		.vss-PickList--element.disabled
  1719. 		.vss-PickList--selectableElementButton:active {
  1720. 		color: #a6a6a6;
  1721. 	}
  1722.  
  1723. 	.vss-PickList
  1724. 		.vss-PickList--element.disabled
  1725. 		.vss-PickList--selectableElementButton:hover
  1726. 		.vss-PickList--selectableElementButtonIcon,
  1727. 	.vss-PickList
  1728. 		.vss-PickList--element.disabled
  1729. 		.vss-PickList--selectableElementButton:active
  1730. 		.vss-PickList--selectableElementButtonIcon {
  1731. 		color: #a6a6a6;
  1732. 	}
  1733.  
  1734. 	.vss-PickList
  1735. 		.vss-PickList--element
  1736. 		.vss-IndicatorSet {
  1737. 		flex-shrink: 0;
  1738. 	}
  1739.  
  1740. 	.vss-PickList
  1741. 		.vss-PickList--element
  1742. 		.vss-PickList--selectableElementButton {
  1743. 		display: flex;
  1744. 		flex-grow: 1;
  1745. 		align-items: center;
  1746. 		outline: transparent;
  1747. 		border: none;
  1748. 		padding: 0 0 0 8px;
  1749. 		height: 34px;
  1750. 		overflow: hidden;
  1751. 		color: #333;
  1752. 		text-decoration: none;
  1753. 	}
  1754.  
  1755. 	.vss-PickList
  1756. 		.vss-PickList--element
  1757. 		.vss-PickList--selectableElementButton:visited {
  1758. 		color: #333;
  1759. 	}
  1760.  
  1761. 	.vss-PickList
  1762. 		.vss-PickList--element
  1763. 		.vss-PickList--selectableElementButton
  1764. 		.vss-PickList--selectableElementButtonIcon {
  1765. 		flex-shrink: 0;
  1766. 		margin-right: 8px;
  1767. 		margin-left: 0;
  1768. 		height: 16px;
  1769. 		font-size: 16px;
  1770. 	}
  1771.  
  1772. 	.vss-PickList
  1773. 		.vss-PickList--element
  1774. 		.vss-PickList--selectableElementButton
  1775. 		.vss-PickList--selectableElementButton-textContainer {
  1776. 		flex-grow: 1;
  1777. 		overflow: hidden;
  1778. 		text-overflow: ellipsis;
  1779. 	}
  1780.  
  1781. 	.vss-PickList
  1782. 		.vss-PickList--element
  1783. 		.vss-PickList--selectableElementButton
  1784. 		.vss-PickList--selectableElementButton-textContainer
  1785. 		.vss-PickList--selectableElementButton-text {
  1786. 		white-space: nowrap;
  1787. 	}
  1788.  
  1789. 	.vss-PickList
  1790. 		.vss-PickList--element
  1791. 		.vss-PickList--selectableElementButton:hover,
  1792. 	.vss-PickList
  1793. 		.vss-PickList--element
  1794. 		.vss-PickList--selectableElementButton:active {
  1795. 		color: #212121;
  1796. 	}
  1797.  
  1798. 	.vss-PickList
  1799. 		.vss-PickList--element
  1800. 		.vss-PickList--selectableElementButton:hover
  1801. 		.vss-PickList--selectableElementButtonIcon,
  1802. 	.vss-PickList
  1803. 		.vss-PickList--element
  1804. 		.vss-PickList--selectableElementButton:active
  1805. 		.vss-PickList--selectableElementButtonIcon {
  1806. 		color: #212121;
  1807. 	}
  1808.  
  1809. 	.vss-PickList
  1810. 		.vss-PickList--element.is-selected {
  1811. 		background-color: #dadada;
  1812. 	}
  1813.  
  1814. 	.vss-PickList
  1815. 		.vss-PickList--element.is-selected:hover {
  1816. 		background-color: #dadada;
  1817. 	}
  1818.  
  1819. 	@media screen and (-ms-high-contrast: active) {
  1820. 		.vss-PickList
  1821. 			.vss-PickList--element.is-selected:hover {
  1822. 			border-color: #1aebff;
  1823. 			background-color: #1aebff;
  1824. 			color: HighlightText;
  1825. 		}
  1826.  
  1827. 		.vss-PickList
  1828. 			.vss-PickList--element.is-selected:hover:focus {
  1829. 			border-color: #000;
  1830. 		}
  1831. 	}
  1832.  
  1833. 	@media screen and (-ms-high-contrast: black-on-white) {
  1834. 		.vss-PickList
  1835. 			.vss-PickList--element.is-selected:hover {
  1836. 			border-color: #37006e;
  1837. 			background-color: #37006e;
  1838. 			color: HighlightText;
  1839. 		}
  1840. 	}
  1841.  
  1842. 	@media screen and (-ms-high-contrast: active),
  1843. 		screen and (-ms-high-contrast: black-on-white) {
  1844. 		.vss-PickList
  1845. 			.vss-PickList--element.is-selected:hover {
  1846. 			-ms-high-contrast-adjust: none;
  1847. 		}
  1848. 	}
  1849.  
  1850. 	@media screen and (-ms-high-contrast: active) {
  1851. 		.vss-PickList
  1852. 			.vss-PickList--element.is-selected {
  1853. 			border-color: #1aebff;
  1854. 			background-color: #1aebff;
  1855. 			color: HighlightText;
  1856. 		}
  1857.  
  1858. 		.vss-PickList
  1859. 			.vss-PickList--element.is-selected:focus {
  1860. 			border-color: #000;
  1861. 		}
  1862. 	}
  1863.  
  1864. 	@media screen and (-ms-high-contrast: black-on-white) {
  1865. 		.vss-PickList
  1866. 			.vss-PickList--element.is-selected {
  1867. 			border-color: #37006e;
  1868. 			background-color: #37006e;
  1869. 			color: HighlightText;
  1870. 		}
  1871. 	}
  1872.  
  1873. 	@media screen and (-ms-high-contrast: active),
  1874. 		screen and (-ms-high-contrast: black-on-white) {
  1875. 		.vss-PickList
  1876. 			.vss-PickList--element.is-selected {
  1877. 			-ms-high-contrast-adjust: none;
  1878. 		}
  1879. 	}
  1880.  
  1881. 	@media screen and (-ms-high-contrast: active) {
  1882. 		.vss-PickList
  1883. 			.vss-PickList--element.is-selected
  1884. 			.vss-PickList--selectableElementButton
  1885. 			.vss-PickList--selectableElementButton-text {
  1886. 			border-color: #1aebff;
  1887. 			background-color: #1aebff;
  1888. 			color: HighlightText;
  1889. 		}
  1890.  
  1891. 		.vss-PickList
  1892. 			.vss-PickList--element.is-selected
  1893. 			.vss-PickList--selectableElementButton
  1894. 			.vss-PickList--selectableElementButton-text:focus {
  1895. 			border-color: #000;
  1896. 		}
  1897. 	}
  1898.  
  1899. 	@media screen and (-ms-high-contrast: black-on-white) {
  1900. 		.vss-PickList
  1901. 			.vss-PickList--element.is-selected
  1902. 			.vss-PickList--selectableElementButton
  1903. 			.vss-PickList--selectableElementButton-text {
  1904. 			border-color: #37006e;
  1905. 			background-color: #37006e;
  1906. 			color: HighlightText;
  1907. 		}
  1908. 	}
  1909.  
  1910. 	@media screen and (-ms-high-contrast: active),
  1911. 		screen and (-ms-high-contrast: black-on-white) {
  1912. 		.vss-PickList
  1913. 			.vss-PickList--element.is-selected
  1914. 			.vss-PickList--selectableElementButton
  1915. 			.vss-PickList--selectableElementButton-text {
  1916. 			-ms-high-contrast-adjust: none;
  1917. 		}
  1918. 	}
  1919.  
  1920. 	@media screen and (-ms-high-contrast: active) {
  1921. 		.vss-PickList
  1922. 			.vss-PickList--element.is-selected
  1923. 			.vss-PickList--selectableElementButton
  1924. 			.vss-PickList--selectableElementButtonIcon {
  1925. 			border-color: #1aebff;
  1926. 			background-color: #1aebff;
  1927. 			color: HighlightText;
  1928. 		}
  1929.  
  1930. 		.vss-PickList
  1931. 			.vss-PickList--element.is-selected
  1932. 			.vss-PickList--selectableElementButton
  1933. 			.vss-PickList--selectableElementButtonIcon:focus {
  1934. 			border-color: #000;
  1935. 		}
  1936. 	}
  1937.  
  1938. 	@media screen and (-ms-high-contrast: black-on-white) {
  1939. 		.vss-PickList
  1940. 			.vss-PickList--element.is-selected
  1941. 			.vss-PickList--selectableElementButton
  1942. 			.vss-PickList--selectableElementButtonIcon {
  1943. 			border-color: #37006e;
  1944. 			background-color: #37006e;
  1945. 			color: HighlightText;
  1946. 		}
  1947. 	}
  1948.  
  1949. 	@media screen and (-ms-high-contrast: active),
  1950. 		screen and (-ms-high-contrast: black-on-white) {
  1951. 		.vss-PickList
  1952. 			.vss-PickList--element.is-selected
  1953. 			.vss-PickList--selectableElementButton
  1954. 			.vss-PickList--selectableElementButtonIcon {
  1955. 			-ms-high-contrast-adjust: none;
  1956. 		}
  1957. 	}
  1958.  
  1959. 	@media screen and (-ms-high-contrast: active) {
  1960. 		.vss-PickList
  1961. 			.vss-PickList--element.is-selected
  1962. 			a,
  1963. 		.vss-PickList
  1964. 			.vss-PickList--element.is-selected
  1965. 			a:hover,
  1966. 		.vss-PickList
  1967. 			.vss-PickList--element.is-selected
  1968. 			a:visited {
  1969. 			border-color: #1aebff;
  1970. 			background-color: #1aebff;
  1971. 			color: HighlightText;
  1972. 		}
  1973.  
  1974. 		.vss-PickList
  1975. 			.vss-PickList--element.is-selected
  1976. 			a:focus,
  1977. 		.vss-PickList
  1978. 			.vss-PickList--element.is-selected
  1979. 			a:hover:focus,
  1980. 		.vss-PickList
  1981. 			.vss-PickList--element.is-selected
  1982. 			a:visited:focus {
  1983. 			border-color: #000;
  1984. 		}
  1985. 	}
  1986.  
  1987. 	@media screen and (-ms-high-contrast: black-on-white) {
  1988. 		.vss-PickList
  1989. 			.vss-PickList--element.is-selected
  1990. 			a,
  1991. 		.vss-PickList
  1992. 			.vss-PickList--element.is-selected
  1993. 			a:hover,
  1994. 		.vss-PickList
  1995. 			.vss-PickList--element.is-selected
  1996. 			a:visited {
  1997. 			border-color: #37006e;
  1998. 			background-color: #37006e;
  1999. 			color: HighlightText;
  2000. 		}
  2001. 	}
  2002.  
  2003. 	@media screen and (-ms-high-contrast: active),
  2004. 		screen and (-ms-high-contrast: black-on-white) {
  2005. 		.vss-PickList
  2006. 			.vss-PickList--element.is-selected
  2007. 			a,
  2008. 		.vss-PickList
  2009. 			.vss-PickList--element.is-selected
  2010. 			a:hover,
  2011. 		.vss-PickList
  2012. 			.vss-PickList--element.is-selected
  2013. 			a:visited {
  2014. 			-ms-high-contrast-adjust: none;
  2015. 		}
  2016. 	}
  2017.  
  2018. 	.vss-PickList .vss-PickList--actions {
  2019. 		border-top: 1px solid #eaeaea;
  2020. 	}
  2021.  
  2022. 	.vss-PickList
  2023. 		.vss-PickList--actions
  2024. 		.vss-PickList--action {
  2025. 		overflow: hidden;
  2026. 	}
  2027.  
  2028. 	.vss-PickList
  2029. 		.vss-PickList--actions
  2030. 		.vss-PickList--action:focus,
  2031. 	.vss-PickList
  2032. 		.vss-PickList--actions
  2033. 		.vss-PickList--action:hover {
  2034. 		background-color: #f4f4f4;
  2035. 		color: #212121;
  2036. 	}
  2037.  
  2038. 	.vss-PickList
  2039. 		.vss-PickList--actions
  2040. 		.vss-PickList--action
  2041. 		.vss-PickList--selectableElementButton {
  2042. 		border: none;
  2043. 		width: 100%;
  2044. 		height: 34px;
  2045. 	}
  2046.  
  2047. 	.vss-PickList
  2048. 		.vss-PickList--multiSelectableElement {
  2049. 		display: flex;
  2050. 		overflow: hidden;
  2051. 	}
  2052.  
  2053. 	.vss-PickList
  2054. 		.vss-PickList--multiSelectableElement:focus {
  2055. 		outline: none;
  2056. 	}
  2057.  
  2058. 	.vss-PickList
  2059. 		.vss-PickList--multiSelectableElement
  2060. 		.vss-PickList--checkbox {
  2061. 		flex-shrink: 0;
  2062. 		margin: 0 8px 0 5px;
  2063. 		min-height: 34px;
  2064. 	}
  2065.  
  2066. 	.vss-PickList
  2067. 		.vss-PickList--multiSelectableElement
  2068. 		.vss-PickList--checkbox[disabled] {
  2069. 		border: none;
  2070. 	}
  2071.  
  2072. 	.vss-PickList
  2073. 		.vss-PickList--multiSelectableElement
  2074. 		.vss-PickList--multiSelectIcon {
  2075. 		margin-right: 5px;
  2076. 		overflow: visible;
  2077. 	}
  2078.  
  2079. 	.vss-PickList
  2080. 		.vss-PickList--multiSelectableElement
  2081. 		.vss-PickList--multiSelectIcon
  2082. 		.ms-Image
  2083. 		.ms-Image-image {
  2084. 		width: 24px;
  2085. 		height: 24px;
  2086. 	}
  2087.  
  2088. 	.vss-PickList
  2089. 		.vss-PickList--multiSelectableElement
  2090. 		.vss-PickList--multiSelectTextContainer {
  2091. 		flex-grow: 1;
  2092. 		margin-right: 5px;
  2093. 		overflow: hidden;
  2094. 		text-overflow: ellipsis;
  2095. 	}
  2096.  
  2097. 	.vss-PickList
  2098. 		.vss-PickList--multiSelectableElement
  2099. 		.vss-PickList--multiSelectTextContainer
  2100. 		.vss-PickList--multiSelectText {
  2101. 		padding-top: 8px;
  2102. 		height: 34px;
  2103. 		overflow: hidden;
  2104. 		text-overflow: ellipsis;
  2105. 		white-space: nowrap;
  2106. 	}
  2107.  
  2108. 	.vss-PickList
  2109. 		.vss-PickList--multiSelectableElement
  2110. 		.vss-PickList--multiSelectTextContainer
  2111. 		.vss-PickList--multiSelectText.disabled {
  2112. 		color: #a6a6a6;
  2113. 	}
  2114.  
  2115. 	.vss-PickList.item-picker-list
  2116. 		.vss-PickList--items
  2117. 		.vss-PickList--groupHeader {
  2118. 		padding: 30px 0 10px;
  2119. 		color: #767676;
  2120. 		font-size: inherit;
  2121. 	}
  2122.  
  2123. 	.vss-PickList.item-picker-list
  2124. 		.vss-PickList--items
  2125. 		.vss-PickList--groupHeader.first-group {
  2126. 		padding-top: 0;
  2127. 	}
  2128.  
  2129. 	.vss-PickList.item-picker-list
  2130. 		.vss-PickList--items
  2131. 		.vss-PickList--row {
  2132. 		border-top: 1px solid #f4f4f4;
  2133. 	}
  2134.  
  2135. 	.vss-PickList.item-picker-list
  2136. 		.vss-PickList--items
  2137. 		.vss-PickList--row.first-in-group {
  2138. 		border-top: none;
  2139. 	}
  2140.  
  2141. 	.vss-PickList.item-picker-list
  2142. 		.vss-PickList--searchTextField {
  2143. 		margin: 0 0 20px;
  2144. 		max-width: 400px;
  2145. 	}
  2146.  
  2147. 	.vss-IndicatorSet {
  2148. 		display: flex;
  2149. 		margin: 1px;
  2150. 	}
  2151.  
  2152. 	.vss-IndicatorSet .vss-ItemIndicator {
  2153. 		flex-shrink: 0;
  2154. 		align-self: center;
  2155. 	}
  2156.  
  2157. 	.vss-IndicatorSet .vss-ItemIndicator button {
  2158. 		overflow: visible;
  2159. 	}
  2160.  
  2161. 	.vss-PickListDropdown--title {
  2162. 		display: flex;
  2163. 		position: relative;
  2164. 		cursor: pointer;
  2165. 		border: 1px solid #c8c8c8;
  2166. 		background: #fff;
  2167. 		padding: 0 5px;
  2168. 		height: 32px;
  2169. 		overflow: hidden;
  2170. 		font-size: 14px;
  2171. 		line-height: 30px;
  2172. 		text-overflow: ellipsis;
  2173. 		white-space: nowrap;
  2174. 	}
  2175.  
  2176. 	.vss-PickListDropdown--title:hover {
  2177. 		border-color: #767676;
  2178. 	}
  2179.  
  2180. 	@media screen and (-ms-high-contrast: active) {
  2181. 		.vss-PickListDropdown--title:hover {
  2182. 			border-color: #1aebff;
  2183. 		}
  2184. 	}
  2185.  
  2186. 	.vss-PickListDropdown--title.vss-PickListDropdown--placeholder {
  2187. 		color: #666;
  2188. 	}
  2189.  
  2190. 	.vss-PickListDropdown--title.disabled {
  2191. 		cursor: default;
  2192. 		border-color: #f4f4f4;
  2193. 		background-color: #f4f4f4;
  2194. 		color: #a6a6a6;
  2195. 	}
  2196.  
  2197. 	.vss-PickListDropdown--title:focus,
  2198. 	.vss-PickListDropdown--title.focused {
  2199. 		outline: none;
  2200. 		border-color: #0078d4;
  2201. 	}
  2202.  
  2203. 	@media screen and (-ms-high-contrast: active) {
  2204. 		.vss-PickListDropdown--title:focus,
  2205. 		.vss-PickListDropdown--title.focused {
  2206. 			border-color: #1aebff;
  2207. 		}
  2208. 	}
  2209.  
  2210. 	.vss-PickListDropdown--title
  2211. 		.vss-PickListDropdown--title-caretIcon {
  2212. 		margin: 0 5px;
  2213. 		font-size: 14px;
  2214. 	}
  2215.  
  2216. 	.vss-PickListDropdown--title
  2217. 		.vss-PickListDropdown--title-checkIcon {
  2218. 		margin: 0 5px;
  2219. 		color: #0078d4;
  2220. 	}
  2221.  
  2222. 	.vss-PickListDropdown--title
  2223. 		.vss-PickListDropdown--title-textContainer {
  2224. 		left: 12px;
  2225. 		flex-grow: 1;
  2226. 		margin: 0 5px;
  2227. 		overflow: hidden;
  2228. 		text-overflow: ellipsis;
  2229. 	}
  2230.  
  2231. 	.vss-PickListDropdown--title
  2232. 		.vss-PickListDropdown--title-textContainer
  2233. 		.vss-PickListDropdown--title-text-withSelections {
  2234. 		font-weight: 600;
  2235. 	}
  2236.  
  2237. 	.vss-PickListDropdown--list
  2238. 		.vss-PickList--items {
  2239. 		max-height: 270px;
  2240. 	}
  2241.  
  2242. 	body .vss-PickListDropdown--callout {
  2243. 		animation: none;
  2244. 	}
  2245.  
  2246. 	.vss-PickList--filterBar {
  2247. 		justify-content: center;
  2248. 		min-height: 36px;
  2249. 	}
  2250.  
  2251. 	.vss-HubBreadcrumb--container {
  2252. 		overflow: hidden;
  2253. 	}
  2254.  
  2255. 	.vss-HubBreadcrumb.ms-Breadcrumb {
  2256. 		margin: 4px 0;
  2257. 	}
  2258.  
  2259. 	.vss-HubBreadcrumb li.ms-Breadcrumb-listItem {
  2260. 		margin-left: 2px;
  2261. 	}
  2262.  
  2263. 	.vss-HubBreadcrumb
  2264. 		li.ms-Breadcrumb-listItem:first-of-type {
  2265. 		margin-left: 0;
  2266. 	}
  2267.  
  2268. 	.vss-HubBreadcrumb .vss-HubBreadcrumb--item {
  2269. 		display: inline-flex;
  2270. 		align-items: center;
  2271. 		min-height: 30px;
  2272. 	}
  2273.  
  2274. 	.vss-HubBreadcrumb
  2275. 		.vss-HubBreadcrumb--item:hover {
  2276. 		background-color: #f4f4f4;
  2277. 	}
  2278.  
  2279. 	.vss-HubBreadcrumb
  2280. 		.vss-HubBreadcrumb--item:active {
  2281. 		background-color: #c8c8c8;
  2282. 	}
  2283.  
  2284. 	.vss-HubBreadcrumb
  2285. 		.vss-HubBreadcrumb--item.no-click
  2286. 		button {
  2287. 		cursor: default;
  2288. 	}
  2289.  
  2290. 	.vss-HubBreadcrumb
  2291. 		.vss-HubBreadcrumb--item.no-click
  2292. 		button:hover {
  2293. 		background-color: transparent;
  2294. 	}
  2295.  
  2296. 	.vss-HubBreadcrumb
  2297. 		.vss-HubBreadcrumb--item.no-click
  2298. 		button
  2299. 		span.ms-Breadcrumb-item {
  2300. 		cursor: default;
  2301. 	}
  2302.  
  2303. 	.vss-HubBreadcrumb
  2304. 		.vss-HubBreadcrumb--item
  2305. 		.vss-HubBreadcrumb--itemContainer {
  2306. 		display: flex;
  2307. 		align-items: center;
  2308. 	}
  2309.  
  2310. 	.vss-HubBreadcrumb
  2311. 		.vss-HubBreadcrumb--item
  2312. 		.vss-HubBreadcrumb--itemContainer
  2313. 		span.ms-Breadcrumb-item {
  2314. 		cursor: pointer;
  2315. 	}
  2316.  
  2317. 	.vss-HubBreadcrumb
  2318. 		.vss-HubBreadcrumb--item
  2319. 		.vss-HubBreadcrumb--itemText {
  2320. 		font-weight: 300;
  2321. 		font-size: 18px;
  2322. 	}
  2323.  
  2324. 	.vss-HubBreadcrumb
  2325. 		.vss-HubBreadcrumb--item
  2326. 		.vss-HubBreadcrumb--item-leftIcon {
  2327. 		margin-right: 4px;
  2328. 		margin-left: 8px;
  2329. 		font-size: 18px;
  2330. 	}
  2331.  
  2332. 	.vss-HubBreadcrumb
  2333. 		.vss-HubBreadcrumb--item
  2334. 		.vss-HubBreadcrumb--item-dropdown {
  2335. 		margin-top: 4px;
  2336. 		margin-right: 8px;
  2337. 	}
  2338.  
  2339. 	.vss-PickList.picker-dropdown {
  2340. 		justify-content: center;
  2341. 		min-width: 220px;
  2342. 		min-height: 36px;
  2343. 	}
  2344.  
  2345. 	.vss-PickList.picker-dropdown
  2346. 		.vss-PickList--items {
  2347. 		max-height: 270px;
  2348. 	}
  2349.  
  2350. 	.vss-Icon {
  2351. 		font-style: normal;
  2352. 	}
  2353.  
  2354. 	.vss-Icon.vss-Icon--bowtie {
  2355. 		font-family: bowtie;
  2356. 	}
  2357.  
  2358. 	.vss-HubHeader {
  2359. 		display: flex;
  2360. 		align-items: center;
  2361. 		overflow: hidden;
  2362. 	}
  2363.  
  2364. 	.vss-HubTileRegion {
  2365. 		display: flex;
  2366. 		flex-shrink: 0;
  2367. 		height: 38px;
  2368. 	}
  2369.  
  2370. 	.vss-HubTileRegion .vss-HubTile {
  2371. 		margin-left: 10px;
  2372. 		width: 120px;
  2373. 	}
  2374.  
  2375. 	.vss-HubTileRegion .vss-HubTextTile {
  2376. 		display: flex;
  2377. 		flex-direction: column;
  2378. 		justify-content: center;
  2379. 		text-align: center;
  2380. 	}
  2381.  
  2382. 	.vss-HubTileRegion
  2383. 		.vss-HubTextTile
  2384. 		.vss-HubTextTile--primaryText {
  2385. 		color: #333;
  2386. 		font-size: 14px;
  2387. 	}
  2388.  
  2389. 	.vss-HubTileRegion
  2390. 		.vss-HubTextTile
  2391. 		.vss-HubTextTile--primaryText.vss-HubTextTile--primaryTextOnly {
  2392. 		font-weight: 600;
  2393. 	}
  2394.  
  2395. 	.vss-HubTileRegion
  2396. 		.vss-HubTextTile
  2397. 		.vss-HubTextTile--secondaryText {
  2398. 		color: #666;
  2399. 		font-size: 11px;
  2400. 	}
  2401.  
  2402. 	.vss-Splitter--container {
  2403. 		position: relative;
  2404. 		flex-grow: 1;
  2405. 	}
  2406.  
  2407. 	.vss-Splitter--container
  2408. 		.vss-Splitter--pane-fixed {
  2409. 		flex-grow: 0;
  2410. 		flex-shrink: 0;
  2411. 		max-width: 100%;
  2412. 	}
  2413.  
  2414. 	.vss-Splitter--container
  2415. 		.vss-Splitter--pane-flexible {
  2416. 		flex: 1 1 0%;
  2417. 		width: 0;
  2418. 		min-width: 0;
  2419. 		min-height: 0;
  2420. 	}
  2421.  
  2422. 	.vss-Splitter--container
  2423. 		.vss-Splitter--divider {
  2424. 		position: relative;
  2425. 		flex: 0 0 4px;
  2426. 		user-select: none;
  2427. 	}
  2428.  
  2429. 	.vss-Splitter--container
  2430. 		.vss-Splitter--divider::after {
  2431. 		position: absolute;
  2432. 		background-color: #a6a6a6;
  2433. 		pointer-events: none;
  2434. 		content: '';
  2435. 		user-select: none;
  2436. 	}
  2437.  
  2438. 	.vss-Splitter--container
  2439. 		.vss-Splitter--drag-placeholder {
  2440. 		position: absolute;
  2441. 		z-index: 1000;
  2442. 		background-color: #a6a6a6;
  2443. 	}
  2444.  
  2445. 	.vss-Splitter--container.vss-Splitter--container-row {
  2446. 		display: -webkit-box;
  2447. 		display: flex;
  2448. 		flex-flow: row nowrap;
  2449. 	}
  2450.  
  2451. 	.vss-Splitter--container.vss-Splitter--container-row
  2452. 		.vss-Splitter--divider {
  2453. 		cursor: ew-resize;
  2454. 	}
  2455.  
  2456. 	.vss-Splitter--container.vss-Splitter--container-row
  2457. 		.vss-Splitter--divider::after {
  2458. 		top: 0;
  2459. 		bottom: 0;
  2460. 		left: 50%;
  2461. 		transition:
  2462. 			100ms width,
  2463. 			100ms left;
  2464. 		width: 1px;
  2465. 	}
  2466.  
  2467. 	.vss-Splitter--container.vss-Splitter--container-row
  2468. 		.vss-Splitter--divider:not(
  2469. 			.vss-Splitter--divider-dragging
  2470. 		):hover::after,
  2471. 	.vss-Splitter--container.vss-Splitter--container-row
  2472. 		.vss-Splitter--divider:focus::after {
  2473. 		left: calc(50% - 2px);
  2474. 		width: 4px;
  2475. 	}
  2476.  
  2477. 	.vss-Splitter--container.vss-Splitter--container-row
  2478. 		.vss-Splitter--drag-placeholder {
  2479. 		width: 4px;
  2480. 		height: 100%;
  2481. 	}
  2482.  
  2483. 	.vss-Splitter--container.vss-Splitter--container-column {
  2484. 		display: -webkit-box;
  2485. 		display: flex;
  2486. 		flex-flow: column nowrap;
  2487. 	}
  2488.  
  2489. 	.vss-Splitter--container.vss-Splitter--container-column
  2490. 		.vss-Splitter--divider {
  2491. 		cursor: ns-resize;
  2492. 	}
  2493.  
  2494. 	.vss-Splitter--container.vss-Splitter--container-column
  2495. 		.vss-Splitter--divider::after {
  2496. 		top: 50%;
  2497. 		right: 0;
  2498. 		left: 0;
  2499. 		transition:
  2500. 			100ms height,
  2501. 			100ms top;
  2502. 		height: 1px;
  2503. 	}
  2504.  
  2505. 	.vss-Splitter--container.vss-Splitter--container-column
  2506. 		.vss-Splitter--divider:not(
  2507. 			.vss-Splitter--divider-dragging
  2508. 		):hover::after,
  2509. 	.vss-Splitter--container.vss-Splitter--container-column
  2510. 		.vss-Splitter--divider:focus::after {
  2511. 		top: calc(50% - 2px);
  2512. 		height: 4px;
  2513. 	}
  2514.  
  2515. 	.vss-Splitter--container.vss-Splitter--container-column
  2516. 		.vss-Splitter--drag-placeholder {
  2517. 		width: 100%;
  2518. 		height: 4px;
  2519. 	}
  2520.  
  2521. 	.vss-PivotBar {
  2522. 		display: flex;
  2523. 		flex-direction: column;
  2524. 	}
  2525.  
  2526. 	.vss-PivotBar .vss-PivotBar--bar-one-line,
  2527. 	.vss-PivotBar .vss-PivotBar--bar-two-line {
  2528. 		flex-shrink: 0;
  2529. 		border-bottom: 1px solid #eaeaea;
  2530. 	}
  2531.  
  2532. 	.vss-PivotBar .vss-PivotBar--bar-one-line {
  2533. 		display: flex;
  2534. 	}
  2535.  
  2536. 	.vss-PivotBar
  2537. 		.vss-PivotBar--bar-one-line
  2538. 		.vss-PivotBar--bar {
  2539. 		flex: 1;
  2540. 	}
  2541.  
  2542. 	.vss-PivotBar .vss-PivotBar--header {
  2543. 		display: flex;
  2544. 		flex-shrink: 0;
  2545. 	}
  2546.  
  2547. 	.vss-PivotBar .vss-PivotBar--header.vertical {
  2548. 		margin-right: 20px;
  2549. 		margin-left: 24px;
  2550. 	}
  2551.  
  2552. 	.vss-PivotBar
  2553. 		.vss-PivotBar--header
  2554. 		.vss-HubHeader {
  2555. 		flex-grow: 1;
  2556. 	}
  2557.  
  2558. 	.vss-PivotBar .vss-PivotBar--pivotsContainer {
  2559. 		display: flex;
  2560. 		flex-grow: 1;
  2561. 		margin-right: 20px;
  2562. 		margin-left: 12px;
  2563. 		padding-top: 5px;
  2564. 		overflow: hidden;
  2565. 	}
  2566.  
  2567. 	.vss-PivotBar
  2568. 		.vss-PivotBar--pivotsContainer.vertical {
  2569. 		margin-left: 0;
  2570. 	}
  2571.  
  2572. 	.vss-PivotBar
  2573. 		.vss-PivotBar--pivotsContainer
  2574. 		.ms-Nav {
  2575. 		max-width: 225px;
  2576. 	}
  2577.  
  2578. 	.vss-PivotBar
  2579. 		.vss-PivotBar--pivotsContainer
  2580. 		.ms-Nav
  2581. 		.ms-Nav-group.is-expanded
  2582. 		.ms-Nav-groupContent {
  2583. 		visibility: visible;
  2584. 		margin-bottom: 40px;
  2585. 		height: auto;
  2586. 		overflow: visible;
  2587. 	}
  2588.  
  2589. 	.vss-PivotBar
  2590. 		.vss-PivotBar--pivotsContainer
  2591. 		.ms-Nav
  2592. 		.ms-Nav-groupContent {
  2593. 		display: block;
  2594. 		visibility: hidden;
  2595. 		margin-bottom: 0;
  2596. 		height: 0;
  2597. 		overflow: hidden;
  2598. 	}
  2599.  
  2600. 	.vss-PivotBar
  2601. 		.vss-PivotBar--pivotsContainer
  2602. 		.ms-Nav
  2603. 		.ms-Nav-compositeLink
  2604. 		.ms-Nav-link {
  2605. 		color: #333;
  2606. 	}
  2607.  
  2608. 	.vss-PivotBar
  2609. 		.vss-PivotBar--pivotsContainer
  2610. 		.ms-Nav
  2611. 		.ms-Nav-compositeLink.is-selected
  2612. 		.ms-Nav-link {
  2613. 		font-weight: 600;
  2614. 	}
  2615.  
  2616. 	.vss-PivotBar
  2617. 		.vss-PivotBar--pivotsContainer
  2618. 		.ms-Nav
  2619. 		.ms-Nav-chevronButton {
  2620. 		border-bottom: 1px #eaeaea solid;
  2621. 	}
  2622.  
  2623. 	.vss-PivotBar
  2624. 		.vss-PivotBar--barAndContentContainer {
  2625. 		display: flex;
  2626. 		flex-grow: 1;
  2627. 		flex-direction: column;
  2628. 	}
  2629.  
  2630. 	.vss-PivotBar .vss-PivotBar--pivots {
  2631. 		flex: 0 1 auto;
  2632. 		margin-right: 8px;
  2633. 		white-space: nowrap;
  2634. 	}
  2635.  
  2636. 	.vss-PivotBar .vss-PivotBar--pivots.vertical {
  2637. 		border-right: 1px #eaeaea solid;
  2638. 		overflow-y: auto;
  2639. 	}
  2640.  
  2641. 	.vss-PivotBar
  2642. 		.vss-PivotBar--pivots
  2643. 		.vss-PivotBar--itemLink {
  2644. 		margin-right: 8px;
  2645. 		color: inherit;
  2646. 	}
  2647.  
  2648. 	.vss-PivotBar
  2649. 		.vss-PivotBar--pivots
  2650. 		.vss-PivotBar--itemLink:last-child {
  2651. 		margin-right: 0;
  2652. 	}
  2653.  
  2654. 	.vss-PivotBar
  2655. 		.vss-PivotBar--pivots
  2656. 		.vss-PivotBar--itemLink:focus {
  2657. 		outline: none;
  2658. 	}
  2659.  
  2660. 	.vss-PivotBar
  2661. 		.vss-PivotBar--pivots
  2662. 		.vss-PivotBar--button {
  2663. 		display: inline-block;
  2664. 		position: relative;
  2665. 		border: 0;
  2666. 		background-color: transparent;
  2667. 		padding: 0 8px;
  2668. 		overflow: visible;
  2669. 		text-align: center;
  2670. 	}
  2671.  
  2672. 	.vss-PivotBar
  2673. 		.vss-PivotBar--pivots
  2674. 		.vss-PivotBar--button:focus {
  2675. 		outline: none;
  2676. 	}
  2677.  
  2678. 	.vss-PivotBar
  2679. 		.vss-PivotBar--pivots
  2680. 		.vss-PivotBar--button:hover {
  2681. 		color: inherit;
  2682. 	}
  2683.  
  2684. 	.vss-PivotBar
  2685. 		.vss-PivotBar--pivots
  2686. 		.vss-PivotBar--button
  2687. 		.text {
  2688. 		padding: 0 1px;
  2689. 		overflow: hidden;
  2690. 		text-overflow: ellipsis;
  2691. 		white-space: nowrap;
  2692. 	}
  2693.  
  2694. 	.vss-PivotBar
  2695. 		.vss-PivotBar--pivots
  2696. 		.vss-PivotBar--button
  2697. 		.text,
  2698. 	.vss-PivotBar
  2699. 		.vss-PivotBar--pivots
  2700. 		.vss-PivotBar--button
  2701. 		.badge {
  2702. 		display: inline-block;
  2703. 		vertical-align: top;
  2704. 	}
  2705.  
  2706. 	.vss-PivotBar
  2707. 		.vss-PivotBar--pivots
  2708. 		.vss-PivotBar--button
  2709. 		.icon
  2710. 		+ .text {
  2711. 		margin-left: 4px;
  2712. 	}
  2713.  
  2714. 	.vss-PivotBar
  2715. 		.vss-PivotBar--pivots
  2716. 		.vss-PivotBar--button
  2717. 		.badge {
  2718. 		vertical-align: baseline;
  2719. 		margin-left: 4px;
  2720. 		border-radius: 5px;
  2721. 		background-color: #dadada;
  2722. 		padding: 0 3px;
  2723. 		font-size: 12px;
  2724. 	}
  2725.  
  2726. 	.vss-PivotBar
  2727. 		.vss-PivotBar--pivots
  2728. 		.vss-PivotBar--button.selected {
  2729. 		border-bottom: 2px solid #005a9e;
  2730. 		padding-top: 2px;
  2731. 		font-weight: 600;
  2732. 	}
  2733.  
  2734. 	.vss-PivotBar
  2735. 		.ms-Nav
  2736. 		.ms-Nav-compositeLink
  2737. 		.ms-Nav-linkButton,
  2738. 	.vss-PivotBar
  2739. 		.ms-Nav
  2740. 		.ms-Nav-compositeLink
  2741. 		.ms-Nav-linkButton:hover {
  2742. 		color: inherit;
  2743. 	}
  2744.  
  2745. 	.vss-PivotBar .vss-PivotBar--bar {
  2746. 		display: flex;
  2747. 	}
  2748.  
  2749. 	.vss-PivotBar
  2750. 		.vss-PivotBar--bar
  2751. 		.vss-PivotBar--dropdown {
  2752. 		height: 100%;
  2753. 	}
  2754.  
  2755. 	.vss-PivotBar
  2756. 		.vss-PivotBar--bar
  2757. 		.vss-PivotBar--dropdown
  2758. 		.ms-Dropdown-title {
  2759. 		border: 0;
  2760. 		background: transparent;
  2761. 		padding-top: 4px;
  2762. 		padding-left: 9px;
  2763. 		font-weight: 600;
  2764. 	}
  2765.  
  2766. 	.vss-PivotBar
  2767. 		.vss-PivotBar--bar
  2768. 		.vss-PivotBar--dropdown
  2769. 		.ms-Dropdown-caretDownWrapper {
  2770. 		cursor: pointer;
  2771. 		background: transparent;
  2772. 		padding-top: 4px;
  2773. 	}
  2774.  
  2775. 	.vss-PivotBar
  2776. 		.vss-PivotBar--bar
  2777. 		.vss-PivotBar--dropdown.is-open,
  2778. 	.vss-PivotBar
  2779. 		.vss-PivotBar--bar
  2780. 		.vss-PivotBar--dropdown:hover {
  2781. 		background-color: #eaeaea;
  2782. 	}
  2783.  
  2784. 	@media screen and (-ms-high-contrast: active) {
  2785. 		.vss-PivotBar
  2786. 			.vss-PivotBar--bar
  2787. 			.vss-PivotBar--dropdown:focus,
  2788. 		.vss-PivotBar
  2789. 			.vss-PivotBar--bar
  2790. 			.vss-PivotBar--dropdown:focus
  2791. 			.ms-Dropdown-title,
  2792. 		.vss-PivotBar
  2793. 			.vss-PivotBar--bar
  2794. 			.vss-PivotBar--dropdown:focus
  2795. 			.ms-Dropdown-caretDownWrapper,
  2796. 		.vss-PivotBar
  2797. 			.vss-PivotBar--bar
  2798. 			.vss-PivotBar--dropdown:focus
  2799. 			.ms-Dropdown-caretDown {
  2800. 			background: Highlight;
  2801. 			color: HighlightText;
  2802. 		}
  2803. 	}
  2804.  
  2805. 	.vss-PivotBar
  2806. 		.vss-PivotBar--bar
  2807. 		.vss-PivotBar--right {
  2808. 		display: flex;
  2809. 		flex: 1 1 100%;
  2810. 	}
  2811.  
  2812. 	.vss-PivotBar
  2813. 		.vss-PivotBar--bar
  2814. 		.vss-PivotBar--separator {
  2815. 		flex: 0 1 auto;
  2816. 		align-self: center;
  2817. 		margin: 0 8px;
  2818. 		background-color: #c8c8c8;
  2819. 		width: 1px;
  2820. 		min-width: 1px;
  2821. 		height: 24px;
  2822. 	}
  2823.  
  2824. 	.vss-PivotBar
  2825. 		.vss-PivotBar--bar
  2826. 		.vss-PivotBar--commandBar {
  2827. 		flex: 1 1 auto;
  2828. 		background-color: transparent;
  2829. 		width: 100px;
  2830. 	}
  2831.  
  2832. 	.vss-PivotBar
  2833. 		.vss-PivotBar--bar
  2834. 		.vss-PivotBar--commandBar
  2835. 		.vss-Icon {
  2836. 		color: #0078d4;
  2837. 	}
  2838.  
  2839. 	.vss-PivotBar
  2840. 		.vss-PivotBar--bar
  2841. 		.vss-PivotBar--commandBar
  2842. 		.bowtie-icon {
  2843. 		vertical-align: top;
  2844. 		line-height: 40px;
  2845. 	}
  2846.  
  2847. 	.vss-PivotBar
  2848. 		.vss-PivotBar--bar
  2849. 		.vss-PivotBar--commandBar
  2850. 		.ms-CommandBarItem-link {
  2851. 		padding: 0 8px;
  2852. 	}
  2853.  
  2854. 	.vss-PivotBar
  2855. 		.vss-PivotBar--bar
  2856. 		.vss-PivotBar--commandBar
  2857. 		.ms-CommandBar-primaryCommands {
  2858. 		margin-left: 0;
  2859. 	}
  2860.  
  2861. 	.vss-PivotBar
  2862. 		.vss-PivotBar--bar
  2863. 		.vss-PivotBar--commandBar
  2864. 		.ms-CommandBar-sideCommands {
  2865. 		padding-right: 0;
  2866. 	}
  2867.  
  2868. 	.vss-PivotBar
  2869. 		.vss-PivotBar--bar
  2870. 		.vss-PivotBar--commandBar
  2871. 		.ms-CommandBar-sideCommands
  2872. 		> .ms-CommandBarItem.vss-PivotBar--commandBar-barChoiceGroup
  2873. 		.ms-Button-icon {
  2874. 		color: #666;
  2875. 		font-size: 12px;
  2876. 	}
  2877.  
  2878. 	.vss-PivotBar
  2879. 		.vss-PivotBar--bar
  2880. 		.vss-PivotBar--commandBar
  2881. 		.ms-CommandBar-sideCommands
  2882. 		> .ms-CommandBarItem.vss-PivotBar--commandBar-barChoiceGroup:hover {
  2883. 		background-color: inherit;
  2884. 	}
  2885.  
  2886. 	.vss-PivotBar
  2887. 		.vss-PivotBar--bar
  2888. 		.vss-PivotBar--commandBar
  2889. 		.ms-CommandBar-sideCommands
  2890. 		> .ms-CommandBarItem.vss-PivotBar--commandBar-barChoiceGroup:hover
  2891. 		.vss-PivotBar--commandBar-barChoiceCycle:hover,
  2892. 	.vss-PivotBar
  2893. 		.vss-PivotBar--bar
  2894. 		.vss-PivotBar--commandBar
  2895. 		.ms-CommandBar-sideCommands
  2896. 		> .ms-CommandBarItem.vss-PivotBar--commandBar-barChoiceGroup:hover
  2897. 		.vss-PivotBar--commandBar-barChoiceDrop:hover {
  2898. 		background-color: #eaeaea;
  2899. 	}
  2900.  
  2901. 	.vss-PivotBar
  2902. 		.vss-PivotBar--bar
  2903. 		.vss-PivotBar--commandBar
  2904. 		.ms-CommandBar-sideCommands
  2905. 		> .ms-CommandBarItem.vss-PivotBar--commandBar-text {
  2906. 		display: inline-flex;
  2907. 		align-items: center;
  2908. 		cursor: default;
  2909. 		padding: 0 4px;
  2910. 		color: #212121;
  2911. 	}
  2912.  
  2913. 	.vss-PivotBar
  2914. 		.vss-PivotBar--bar
  2915. 		.vss-PivotBar--commandBar
  2916. 		.ms-CommandBar-sideCommands
  2917. 		> .ms-CommandBarItem.vss-PivotBar--commandBar-text:hover {
  2918. 		background-color: inherit;
  2919. 	}
  2920.  
  2921. 	.vss-PivotBar
  2922. 		.vss-PivotBar--bar
  2923. 		.vss-PivotBar--commandBar
  2924. 		.ms-CommandBar-sideCommands
  2925. 		> .ms-CommandBarItem.vss-PivotBar--commandBar-barSlider {
  2926. 		display: inline-flex;
  2927. 		align-items: center;
  2928. 	}
  2929.  
  2930. 	.vss-PivotBar
  2931. 		.vss-PivotBar--bar
  2932. 		.vss-PivotBar--commandBar
  2933. 		.ms-CommandBar-sideCommands
  2934. 		> .ms-CommandBarItem.vss-PivotBar--commandBar-barSlider:hover {
  2935. 		background-color: inherit;
  2936. 	}
  2937.  
  2938. 	.vss-PivotBar
  2939. 		.vss-PivotBar--bar
  2940. 		.vss-PivotBar--commandBar
  2941. 		.ms-CommandBar-sideCommands
  2942. 		> .ms-CommandBarItem.vss-PivotBar--commandBar-barSlider
  2943. 		.vss-PivotBar--commandBar-slider.ms-Slider {
  2944. 		display: flex;
  2945. 		justify-content: center;
  2946. 		align-items: center;
  2947. 		margin: 0;
  2948. 	}
  2949.  
  2950. 	.vss-PivotBar
  2951. 		.vss-PivotBar--bar
  2952. 		.vss-PivotBar--commandBar
  2953. 		.ms-CommandBar-sideCommands
  2954. 		> .ms-CommandBarItem.vss-PivotBar--commandBar-barSlider
  2955. 		.vss-PivotBar--commandBar-slider.ms-Slider
  2956. 		.ms-Slider-container {
  2957. 		width: 100px;
  2958. 	}
  2959.  
  2960. 	.vss-PivotBar
  2961. 		.vss-PivotBar--bar
  2962. 		.vss-PivotBar--commandBar
  2963. 		.ms-CommandBar-sideCommands
  2964. 		> .ms-CommandBarItem
  2965. 		.vss-PivotBar--commandBar-toggle {
  2966. 		border: 0;
  2967. 		padding: 0 8px;
  2968. 	}
  2969.  
  2970. 	.vss-PivotBar
  2971. 		.vss-PivotBar--bar
  2972. 		.vss-PivotBar--commandBar
  2973. 		.ms-CommandBar-sideCommands
  2974. 		.vss-ChoiceGroupButton {
  2975. 		display: inline-flex;
  2976. 		align-items: center;
  2977. 		padding: 0 8px;
  2978. 	}
  2979.  
  2980. 	.vss-PivotBar
  2981. 		.vss-PivotBar--bar
  2982. 		.vss-PivotBar--commandBar
  2983. 		.ms-CommandBar-sideCommands
  2984. 		.vss-ChoiceGroupButton
  2985. 		.vss-ChoiceGroupButton--separator {
  2986. 		border-left: 1px solid #c8c8c8;
  2987. 		height: 16px;
  2988. 	}
  2989.  
  2990. 	.vss-PivotBar
  2991. 		.vss-PivotBar--bar
  2992. 		.vss-PivotBar--commandBar
  2993. 		.ms-CommandBar-sideCommands
  2994. 		.vss-PivotBarSlider {
  2995. 		position: relative;
  2996. 		outline: 0;
  2997. 		padding: 6px 8px;
  2998. 	}
  2999.  
  3000. 	.vss-PivotBar
  3001. 		.vss-PivotBar--bar
  3002. 		.vss-PivotBar--commandBar
  3003. 		.vss-PivotBar--commandBar-item
  3004. 		.ms-CommandBarItem-link[disabled] {
  3005. 		border: 0;
  3006. 		color: #c8c8c8;
  3007. 	}
  3008.  
  3009. 	.vss-PivotBar
  3010. 		.vss-PivotBar--bar
  3011. 		.vss-PivotBar--commandBar
  3012. 		.vss-PivotBar--commandBar-item
  3013. 		.ms-CommandBarItem-link[disabled]
  3014. 		.vss-Icon {
  3015. 		color: #c8c8c8;
  3016. 	}
  3017.  
  3018. 	.vss-PivotBar
  3019. 		.vss-PivotBar--bar
  3020. 		.vss-PivotBar--inlineFilterBar {
  3021. 		background-color: transparent;
  3022. 	}
  3023.  
  3024. 	.vss-PivotBar
  3025. 		.vss-PivotBar--bar
  3026. 		.vss-PivotBar--inlineFilterBar
  3027. 		.vss-FilterBar {
  3028. 		padding-top: 0;
  3029. 		height: 100%;
  3030. 	}
  3031.  
  3032. 	.vss-PivotBar
  3033. 		.vss-PivotBar--bar
  3034. 		.vss-PivotBar--inlineFilterBar
  3035. 		.vss-FilterBar
  3036. 		.vss-FilterBar--list {
  3037. 		align-items: center;
  3038. 	}
  3039.  
  3040. 	.vss-PivotBar
  3041. 		.vss-PivotBar--bar
  3042. 		.vss-PivotBar--inlineFilterBar
  3043. 		.vss-FilterBar
  3044. 		.vss-FilterBar--action {
  3045. 		display: none;
  3046. 	}
  3047.  
  3048. 	.vss-PivotBar
  3049. 		.vss-PivotBar--bar
  3050. 		.vss-PivotBar--inlineFilterBar
  3051. 		.vss-FilterBar
  3052. 		.vss-FilterBar--item {
  3053. 		margin-bottom: 0;
  3054. 	}
  3055.  
  3056. 	.vss-PivotBar .vss-PivotBar--content {
  3057. 		display: flex;
  3058. 		position: relative;
  3059. 		flex-grow: 1;
  3060. 		outline: 0;
  3061. 		overflow-y: auto;
  3062. 	}
  3063.  
  3064. 	.vss-PivotBar
  3065. 		.vss-PivotBar--content.hide-content {
  3066. 		display: none;
  3067. 	}
  3068.  
  3069. 	.vss-PivotBar
  3070. 		.vss-PivotBar--content
  3071. 		.vss-PivotBarItem {
  3072. 		flex-grow: 1;
  3073. 	}
  3074.  
  3075. 	.vss-PivotBar
  3076. 		.vss-PivotBar--content
  3077. 		.vss-PivotBarItem.content-host {
  3078. 		display: flex;
  3079. 	}
  3080.  
  3081. 	.vss-PivotBar
  3082. 		.vss-PivotBar--content
  3083. 		.vss-PivotBarItem.content-host
  3084. 		.internal-content-host,
  3085. 	.vss-PivotBar
  3086. 		.vss-PivotBar--content
  3087. 		.vss-PivotBarItem.content-host
  3088. 		.external-content-host {
  3089. 		flex-grow: 1;
  3090. 	}
  3091.  
  3092. 	.vss-PivotBar
  3093. 		.vss-PivotBar--content.vss-PivotBar--content-unscrollable {
  3094. 		overflow-y: visible;
  3095. 	}
  3096.  
  3097. 	.vss-PivotBar .vss-FilterBar {
  3098. 		flex-shrink: 0;
  3099. 		padding-top: 10px;
  3100. 	}
  3101.  
  3102. 	.vss-PivotBar--commandBar-icon.vss-Icon {
  3103. 		color: #0078d4;
  3104. 	}
  3105.  
  3106. 	.vss-PivotBar--commandBar-overflow {
  3107. 		max-width: 300px;
  3108. 	}
  3109.  
  3110. 	.vss-PivotBar--commandBar-overflow
  3111. 		.vss-PivotBar--commandBar-toggle.ms-Toggle {
  3112. 		margin-top: 4px;
  3113. 		padding-left: 8px;
  3114. 	}
  3115.  
  3116. 	.vss-PivotBar--commandBar-overflow
  3117. 		.vss-PivotBar--commandBar-toggle.ms-Toggle
  3118. 		.ms-Toggle-innerContainer {
  3119. 		align-items: center;
  3120. 	}
  3121.  
  3122. 	.vss-PivotBar--commandBar-overflow
  3123. 		.vss-PivotBar--commandBar-toggle.ms-Toggle
  3124. 		.ms-Toggle-background {
  3125. 		font-size: 15px;
  3126. 	}
  3127.  
  3128. 	.vss-PivotBar--commandBar-overflow
  3129. 		.ms-ContextualMenu-header
  3130. 		.ms-Icon-placeHolder {
  3131. 		display: none;
  3132. 	}
  3133.  
  3134. 	.vss-PivotBar--commandBar-overflow
  3135. 		.ms-ContextualMenu-header
  3136. 		.ms-ContextualMenu-itemText {
  3137. 		color: #666;
  3138. 		font-weight: 400;
  3139. 	}
  3140.  
  3141. 	.vss-PivotBar--commandBar-item
  3142. 		.ms-ContextualMenu-link[disabled],
  3143. 	.vss-PivotBar--commandBar-item
  3144. 		.ms-ContextualMenu-link.is-disabled {
  3145. 		border: 0;
  3146. 		color: #c8c8c8;
  3147. 	}
  3148.  
  3149. 	.vss-PivotBar--commandBar-item
  3150. 		.ms-ContextualMenu-link[disabled]
  3151. 		.vss-Icon,
  3152. 	.vss-PivotBar--commandBar-item
  3153. 		.ms-ContextualMenu-link.is-disabled
  3154. 		.vss-Icon {
  3155. 		color: #c8c8c8;
  3156. 	}
  3157.  
  3158. 	.ms-Fabric.is-focusVisible
  3159. 		.vss-PivotBar
  3160. 		.vss-ChoiceGroupButton
  3161. 		button:focus::after,
  3162. 	.ms-Fabric.is-focusVisible
  3163. 		.vss-PivotBar
  3164. 		.vss-PivotBarSlider:focus::after,
  3165. 	.ms-Fabric.is-focusVisible
  3166. 		.vss-PivotBar
  3167. 		.vss-PivotBar--dropdown:focus::after,
  3168. 	.ms-Fabric.is-focusVisible
  3169. 		.vss-PivotBar
  3170. 		.vss-PivotBar--commandBar-toggle:focus::after {
  3171. 		position: absolute;
  3172. 		inset: 2px;
  3173. 		outline: 0;
  3174. 		border: 1px solid #212121;
  3175. 		pointer-events: none;
  3176. 		content: '';
  3177. 	}
  3178.  
  3179. 	.vss-PivotBar--bar
  3180. 		.vss-PivotBar--right
  3181. 		button[data-command-key='viewOptions']
  3182. 		.ms-CommandBarItem-chevronDown {
  3183. 		display: none;
  3184. 	}
  3185.  
  3186. 	.vss-Hub {
  3187. 		display: flex;
  3188. 		flex-direction: column;
  3189. 	}
  3190.  
  3191. 	.vss-Hub.ms-Fabric {
  3192. 		color: inherit;
  3193. 		font-weight: inherit;
  3194. 		font-size: inherit;
  3195. 		font-family: inherit;
  3196. 	}
  3197.  
  3198. 	.vss-Hub.ms-Fabric {
  3199. 		font-size: 14px;
  3200. 		font-family:
  3201. 			'Segoe UI VSS (Regular)',
  3202. 			-apple-system,
  3203. 			BlinkMacSystemFont,
  3204. 			Segoe UI,
  3205. 			Roboto,
  3206. 			Helvetica Neue,
  3207. 			Helvetica,
  3208. 			Ubuntu,
  3209. 			Arial,
  3210. 			sans-serif,
  3211. 			Apple Color Emoji,
  3212. 			Segoe UI Emoji,
  3213. 			Segoe UI Symbol;
  3214. 	}
  3215.  
  3216. 	.vss-Hub .vss-HubPivotBar {
  3217. 		flex-grow: 1;
  3218. 		overflow-y: hidden;
  3219. 	}
  3220.  
  3221. 	.vss-Hub .vss-HubPivotBar .vss-Hub--filterBar,
  3222. 	.vss-Hub
  3223. 		.vss-HubPivotBar
  3224. 		> .vss-PivotBar--content
  3225. 		.vss-PivotBarItem:not(.customPadding) {
  3226. 		padding-right: 20px;
  3227. 		padding-left: 20px;
  3228. 	}
  3229.  
  3230. 	.vss-Hub
  3231. 		.vss-HubPivotBar
  3232. 		> .vss-PivotBar--content
  3233. 		.vss-PivotBarItem.detailsListPadding {
  3234. 		padding-right: 20px;
  3235. 		padding-left: 12px;
  3236. 	}
  3237.  
  3238. 	.vss-Hub
  3239. 		.vss-HubPivotBar
  3240. 		.vss-PivotBar--inlineFilterBar
  3241. 		.vss-Hub--filterBar {
  3242. 		padding-right: 0;
  3243. 		padding-left: 0;
  3244. 	}
  3245.  
  3246. 	.vss-Hub .vss-HubPivotBar:not(.shadowStyle) {
  3247. 		padding-top: 10px;
  3248. 	}
  3249.  
  3250. 	.vss-Hub
  3251. 		.vss-HubPivotBar:not(.shadowStyle)
  3252. 		> .vss-PivotBar--bar-one-line,
  3253. 	.vss-Hub
  3254. 		.vss-HubPivotBar:not(.shadowStyle)
  3255. 		> .vss-PivotBar--bar-two-line {
  3256. 		margin-right: 20px;
  3257. 		margin-left: 12px;
  3258. 	}
  3259.  
  3260. 	.vss-Hub
  3261. 		.vss-HubPivotBar.shadowStyle
  3262. 		> .vss-PivotBar--bar-one-line,
  3263. 	.vss-Hub
  3264. 		.vss-HubPivotBar.shadowStyle
  3265. 		> .vss-PivotBar--bar-two-line {
  3266. 		padding-right: 20px;
  3267. 		padding-left: 12px;
  3268. 	}
  3269.  
  3270. 	.vss-Hub
  3271. 		.vss-HubPivotBar.shadowStyle
  3272. 		> .vss-PivotBar--bar-one-line,
  3273. 	.vss-Hub
  3274. 		.vss-HubPivotBar.shadowStyle
  3275. 		> .vss-PivotBar--bar-two-line {
  3276. 		box-shadow:
  3277. 			0 3px 9px 0 rgb(0 0 0 / 10%),
  3278. 			0 0 0 1px rgb(0 0 0 / 4%);
  3279. 		border-bottom: none;
  3280. 		background-color: #fff;
  3281. 	}
  3282.  
  3283. 	.vss-Hub
  3284. 		.vss-HubPivotBar.hideHeader
  3285. 		.vss-Hub--filterBar,
  3286. 	.vss-Hub
  3287. 		.vss-HubPivotBar.hideHeader
  3288. 		> .vss-PivotBar--bar-one-line,
  3289. 	.vss-Hub
  3290. 		.vss-HubPivotBar.hideHeader
  3291. 		> .vss-PivotBar--bar-two-line {
  3292. 		display: none;
  3293. 	}
  3294.  
  3295. 	.vss-Hub
  3296. 		.vss-HubPivotBar
  3297. 		.vss-PivotBar--bar-one-line {
  3298. 		padding-bottom: 10px;
  3299. 	}
  3300.  
  3301. 	.vss-Hub
  3302. 		.vss-HubPivotBar
  3303. 		.vss-PivotBar--bar-two-line
  3304. 		.vss-PivotBar--header {
  3305. 		padding-bottom: 2px;
  3306. 	}
  3307.  
  3308. 	.vss-Hub
  3309. 		.vss-HubPivotBar.vss-HubPivotBar--scrollable {
  3310. 		overflow-y: auto;
  3311. 	}
  3312.  
  3313. 	.vss-IconToggleButton {
  3314. 		font-weight: 400;
  3315. 	}
  3316.  
  3317. 	.icon-toggle-button.ms-Button.ms-Button--default {
  3318. 		border: none;
  3319. 		background: none;
  3320. 		padding: 0;
  3321. 		width: 30px;
  3322. 		min-width: 30px;
  3323. 		height: 30px;
  3324. 	}
  3325.  
  3326. 	.icon-toggle-button.ms-Button.ms-Button--default:hover,
  3327. 	.icon-toggle-button.ms-Button.ms-Button--default:active,
  3328. 	.icon-toggle-button.ms-Button.ms-Button--default:focus {
  3329. 		box-shadow: 0 0 0 rgb(160 160 160 / 20%);
  3330. 		background: none;
  3331. 	}
  3332.  
  3333. 	.vss-DetailsList.ms-DetailsList {
  3334. 		font-size: 14px;
  3335. 	}
  3336.  
  3337. 	.vss-DetailsList.ms-DetailsList.noGroupExpand
  3338. 		.ms-GroupSpacer {
  3339. 		display: none;
  3340. 	}
  3341.  
  3342. 	.vss-DetailsList.ms-DetailsList.noGroupExpand
  3343. 		.ms-DetailsHeader-cell:first-child {
  3344. 		display: none;
  3345. 	}
  3346.  
  3347. 	.vss-DetailsList.ms-DetailsList
  3348. 		.ms-GroupedList {
  3349. 		font-size: 14px;
  3350. 	}
  3351.  
  3352. 	.vss-DetailsList.ms-DetailsList
  3353. 		button:disabled.ms-DetailsHeader-cell {
  3354. 		cursor: default;
  3355. 		border: unset;
  3356. 	}
  3357.  
  3358. 	.vss-DetailsList.ms-DetailsList
  3359. 		.ms-DetailsHeader {
  3360. 		min-height: 34px;
  3361. 	}
  3362.  
  3363. 	.vss-DetailsList.ms-DetailsList .ms-List-cell {
  3364. 		min-height: 36px;
  3365. 	}
  3366.  
  3367. 	.vss-DetailsList.ms-DetailsList
  3368. 		.ms-List-cell
  3369. 		.ms-DetailsRow {
  3370. 		margin: 0;
  3371. 		border: none;
  3372. 		min-height: 36px;
  3373. 	}
  3374.  
  3375. 	.vss-DetailsList.ms-DetailsList
  3376. 		.ms-List-cell
  3377. 		.ms-DetailsRow::before {
  3378. 		border: none;
  3379. 	}
  3380.  
  3381. 	.vss-DetailsList.ms-DetailsList
  3382. 		.ms-List-cell
  3383. 		.ms-DetailsRow:focus::after {
  3384. 		border-color: #0078d4;
  3385. 	}
  3386.  
  3387. 	.vss-DetailsList.ms-DetailsList
  3388. 		.ms-List-cell
  3389. 		.ms-DetailsRow
  3390. 		a {
  3391. 		outline: 0;
  3392. 		border: 1px solid transparent;
  3393. 		color: #212121;
  3394. 	}
  3395.  
  3396. 	.vss-focus-visible
  3397. 		.vss-DetailsList.ms-DetailsList
  3398. 		.ms-List-cell
  3399. 		.ms-DetailsRow
  3400. 		a:focus {
  3401. 		border: 1px solid #212121;
  3402. 	}
  3403.  
  3404. 	@media screen and (-ms-high-contrast: active) {
  3405. 		.vss-focus-visible
  3406. 			.vss-DetailsList.ms-DetailsList
  3407. 			.ms-List-cell
  3408. 			.ms-DetailsRow
  3409. 			a:focus {
  3410. 			border: 1px dashed windowtext !important;
  3411. 		}
  3412. 	}
  3413.  
  3414. 	@media screen and (-ms-high-contrast: active) and (-ms-high-contrast: white-on-black) {
  3415. 		.vss-focus-visible
  3416. 			.vss-DetailsList.ms-DetailsList
  3417. 			.ms-List-cell
  3418. 			.ms-DetailsRow
  3419. 			a:focus {
  3420. 			border: 1px dashed #002033 !important;
  3421. 		}
  3422. 	}
  3423.  
  3424. 	@media screen and (-ms-high-contrast: active) and (-ms-high-contrast: black-on-white) {
  3425. 		.vss-focus-visible
  3426. 			.vss-DetailsList.ms-DetailsList
  3427. 			.ms-List-cell
  3428. 			.ms-DetailsRow
  3429. 			a:focus {
  3430. 			border: 1px dashed #fff !important;
  3431. 		}
  3432. 	}
  3433.  
  3434. 	@media screen and (-ms-high-contrast: active) {
  3435. 		.vss-DetailsList.ms-DetailsList
  3436. 			.ms-List-cell
  3437. 			.ms-DetailsRow
  3438. 			a {
  3439. 			outline: 0;
  3440. 			border: 1px solid transparent;
  3441. 		}
  3442.  
  3443. 		.vss-focus-visible
  3444. 			.vss-DetailsList.ms-DetailsList
  3445. 			.ms-List-cell
  3446. 			.ms-DetailsRow
  3447. 			a:focus {
  3448. 			border: 1px solid #212121;
  3449. 		}
  3450. 	}
  3451.  
  3452. 	@media screen and (-ms-high-contrast: active) {
  3453. 		.vss-focus-visible
  3454. 			.vss-DetailsList.ms-DetailsList
  3455. 			.ms-List-cell
  3456. 			.ms-DetailsRow
  3457. 			a:focus {
  3458. 			border: 1px dashed windowtext !important;
  3459. 		}
  3460. 	}
  3461.  
  3462. 	@media screen and (-ms-high-contrast: active) and (-ms-high-contrast: white-on-black) {
  3463. 		.vss-focus-visible
  3464. 			.vss-DetailsList.ms-DetailsList
  3465. 			.ms-List-cell
  3466. 			.ms-DetailsRow
  3467. 			a:focus {
  3468. 			border: 1px dashed #002033 !important;
  3469. 		}
  3470. 	}
  3471.  
  3472. 	@media screen and (-ms-high-contrast: active) and (-ms-high-contrast: black-on-white) {
  3473. 		.vss-focus-visible
  3474. 			.vss-DetailsList.ms-DetailsList
  3475. 			.ms-List-cell
  3476. 			.ms-DetailsRow
  3477. 			a:focus {
  3478. 			border: 1px dashed #fff !important;
  3479. 		}
  3480. 	}
  3481.  
  3482. 	.vss-DetailsList.ms-DetailsList
  3483. 		.ms-List-cell
  3484. 		.ms-DetailsRow
  3485. 		a.ms-Link:focus {
  3486. 		outline: none;
  3487. 	}
  3488.  
  3489. 	.vss-DetailsList.ms-DetailsList
  3490. 		.ms-List-cell
  3491. 		.ms-DetailsRow
  3492. 		.ms-DetailsRow-cell {
  3493. 		align-items: center;
  3494. 		margin: 0;
  3495. 		padding: 0 8px;
  3496. 		min-height: 34px;
  3497. 		color: #212121;
  3498. 		line-height: 34px;
  3499. 	}
  3500.  
  3501. 	.vss-DetailsList.ms-DetailsList
  3502. 		.ms-List-cell
  3503. 		.ms-DetailsRow
  3504. 		.vss-DetailsList--cellCheck {
  3505. 		padding: 0;
  3506. 	}
  3507.  
  3508. 	.vss-DetailsList.ms-DetailsList
  3509. 		.ms-List-cell
  3510. 		.ms-DetailsRow
  3511. 		.actions-column-wrapper {
  3512. 		display: flex;
  3513. 		flex-direction: row;
  3514. 		overflow: hidden;
  3515. 	}
  3516.  
  3517. 	.vss-DetailsList.ms-DetailsList
  3518. 		.ms-List-cell
  3519. 		.ms-DetailsRow
  3520. 		.actions-column-wrapper
  3521. 		.original-content {
  3522. 		display: flex;
  3523. 		flex: 1;
  3524. 		overflow: hidden;
  3525. 	}
  3526.  
  3527. 	.vss-DetailsList.ms-DetailsList
  3528. 		.ms-List-cell
  3529. 		.ms-DetailsRow
  3530. 		.vss-ContextualMenu--container {
  3531. 		padding-top: 1px;
  3532. 	}
  3533.  
  3534. 	.vss-DetailsList.ms-DetailsList
  3535. 		.ms-List-cell
  3536. 		.ms-DetailsRow
  3537. 		.vss-ContextualMenuButton {
  3538. 		margin-top: 1px;
  3539. 		background-color: #f4f4f4;
  3540. 		width: 36px;
  3541. 		max-width: 36px;
  3542. 		height: 32px;
  3543. 	}
  3544.  
  3545. 	.vss-DetailsList.ms-DetailsList
  3546. 		.ms-List-cell
  3547. 		.ms-DetailsRow
  3548. 		.vss-ContextualMenuButton:hover,
  3549. 	.vss-DetailsList.ms-DetailsList
  3550. 		.ms-List-cell
  3551. 		.ms-DetailsRow
  3552. 		.vss-ContextualMenuButton:active {
  3553. 		background-color: #eaeaea;
  3554. 		color: #212121;
  3555. 	}
  3556.  
  3557. 	.vss-DetailsList.ms-DetailsList
  3558. 		.ms-List-cell
  3559. 		.ms-DetailsRow
  3560. 		.vss-DetailsList--contextual-menu-button.space-unallocated {
  3561. 		display: none;
  3562. 	}
  3563.  
  3564. 	.vss-DetailsList.ms-DetailsList
  3565. 		.ms-List-cell
  3566. 		.ms-DetailsRow
  3567. 		.vss-DetailsList--contextual-menu-button.space-unallocated.open {
  3568. 		display: block;
  3569. 	}
  3570.  
  3571. 	.vss-DetailsList.ms-DetailsList
  3572. 		.ms-List-cell
  3573. 		.ms-DetailsRow
  3574. 		.vss-DetailsList--contextual-menu-button.space-allocated {
  3575. 		display: block;
  3576. 		visibility: hidden;
  3577. 	}
  3578.  
  3579. 	.vss-DetailsList.ms-DetailsList
  3580. 		.ms-List-cell
  3581. 		.ms-DetailsRow
  3582. 		.vss-DetailsList--contextual-menu-button.space-allocated.open {
  3583. 		visibility: visible;
  3584. 	}
  3585.  
  3586. 	.vss-DetailsList.ms-DetailsList
  3587. 		.ms-List-cell
  3588. 		.ms-DetailsRow.is-selected {
  3589. 		background-color: #eff6fc;
  3590. 	}
  3591.  
  3592. 	.vss-DetailsList.ms-DetailsList
  3593. 		.ms-List-cell
  3594. 		.ms-DetailsRow.is-selected
  3595. 		.vss-ContextualMenuButton {
  3596. 		background-color: #eff6fc;
  3597. 	}
  3598.  
  3599. 	.vss-DetailsList.ms-DetailsList
  3600. 		.ms-List-cell
  3601. 		.ms-DetailsRow.is-selected
  3602. 		.vss-ContextualMenuButton:focus,
  3603. 	.vss-DetailsList.ms-DetailsList
  3604. 		.ms-List-cell
  3605. 		.ms-DetailsRow.is-selected
  3606. 		.vss-ContextualMenuButton:hover,
  3607. 	.vss-DetailsList.ms-DetailsList
  3608. 		.ms-List-cell
  3609. 		.ms-DetailsRow.is-selected
  3610. 		.vss-ContextualMenuButton:active {
  3611. 		background-color: #deecf9;
  3612. 		color: #212121;
  3613. 	}
  3614.  
  3615. 	.vss-DetailsList.ms-DetailsList
  3616. 		.ms-List-cell
  3617. 		.ms-DetailsRow.is-selected
  3618. 		.vss-DetailsList--contextual-menu-button.space-unallocated {
  3619. 		display: block;
  3620. 	}
  3621.  
  3622. 	.vss-DetailsList.ms-DetailsList
  3623. 		.ms-List-cell
  3624. 		.ms-DetailsRow.is-selected
  3625. 		.vss-DetailsList--contextual-menu-button.space-allocated {
  3626. 		visibility: visible;
  3627. 	}
  3628.  
  3629. 	.vss-DetailsList.ms-DetailsList
  3630. 		.ms-List-cell
  3631. 		.ms-DetailsRow.is-selected
  3632. 		a {
  3633. 		color: #106ebe;
  3634. 	}
  3635.  
  3636. 	.vss-DetailsList.ms-DetailsList
  3637. 		.ms-List-cell
  3638. 		.ms-DetailsRow.is-selected
  3639. 		a:hover {
  3640. 		color: #005a9e;
  3641. 		text-decoration: underline;
  3642. 	}
  3643.  
  3644. 	@media screen and (-ms-high-contrast: white-on-black) {
  3645. 		.vss-DetailsList.ms-DetailsList
  3646. 			.ms-List-cell
  3647. 			.ms-DetailsRow.is-selected
  3648. 			a,
  3649. 		.vss-DetailsList.ms-DetailsList
  3650. 			.ms-List-cell
  3651. 			.ms-DetailsRow.is-selected
  3652. 			a
  3653. 			:hover,
  3654. 		.vss-DetailsList.ms-DetailsList
  3655. 			.ms-List-cell
  3656. 			.ms-DetailsRow.is-selected
  3657. 			span,
  3658. 		.vss-DetailsList.ms-DetailsList
  3659. 			.ms-List-cell
  3660. 			.ms-DetailsRow.is-selected
  3661. 			label,
  3662. 		.vss-DetailsList.ms-DetailsList
  3663. 			.ms-List-cell
  3664. 			.ms-DetailsRow.is-selected
  3665. 			i {
  3666. 			color: #002033;
  3667. 		}
  3668. 	}
  3669.  
  3670. 	@media screen and (-ms-high-contrast: black-on-white) {
  3671. 		.vss-DetailsList.ms-DetailsList
  3672. 			.ms-List-cell
  3673. 			.ms-DetailsRow.is-selected
  3674. 			a,
  3675. 		.vss-DetailsList.ms-DetailsList
  3676. 			.ms-List-cell
  3677. 			.ms-DetailsRow.is-selected
  3678. 			a
  3679. 			:hover,
  3680. 		.vss-DetailsList.ms-DetailsList
  3681. 			.ms-List-cell
  3682. 			.ms-DetailsRow.is-selected
  3683. 			span,
  3684. 		.vss-DetailsList.ms-DetailsList
  3685. 			.ms-List-cell
  3686. 			.ms-DetailsRow.is-selected
  3687. 			label,
  3688. 		.vss-DetailsList.ms-DetailsList
  3689. 			.ms-List-cell
  3690. 			.ms-DetailsRow.is-selected
  3691. 			i {
  3692. 			color: #fff;
  3693. 		}
  3694. 	}
  3695.  
  3696. 	@media screen and (-ms-high-contrast: white-on-black) {
  3697. 		.vss-DetailsList.ms-DetailsList
  3698. 			.ms-List-cell
  3699. 			.ms-DetailsRow.is-selected
  3700. 			button
  3701. 			i,
  3702. 		.vss-DetailsList.ms-DetailsList
  3703. 			.ms-List-cell
  3704. 			.ms-DetailsRow.is-selected
  3705. 			.ms-Button-label {
  3706. 			color: HighlightText;
  3707. 		}
  3708. 	}
  3709.  
  3710. 	@media screen and (-ms-high-contrast: black-on-white) {
  3711. 		.vss-DetailsList.ms-DetailsList
  3712. 			.ms-List-cell
  3713. 			.ms-DetailsRow.is-selected
  3714. 			button
  3715. 			i,
  3716. 		.vss-DetailsList.ms-DetailsList
  3717. 			.ms-List-cell
  3718. 			.ms-DetailsRow.is-selected
  3719. 			.ms-Button-label {
  3720. 			color: HighlightText;
  3721. 		}
  3722. 	}
  3723.  
  3724. 	.vss-DetailsList.ms-DetailsList
  3725. 		.ms-List-cell
  3726. 		.ms-DetailsRow:hover {
  3727. 		background-color: #f4f4f4;
  3728. 	}
  3729.  
  3730. 	.vss-DetailsList.ms-DetailsList
  3731. 		.ms-List-cell
  3732. 		.ms-DetailsRow:hover.is-selected {
  3733. 		background-color: #eff6fc;
  3734. 	}
  3735.  
  3736. 	.vss-DetailsList.ms-DetailsList
  3737. 		.ms-List-cell
  3738. 		.ms-DetailsRow:hover.is-selected
  3739. 		.vss-ContextualMenuButton {
  3740. 		background-color: #eff6fc;
  3741. 	}
  3742.  
  3743. 	.vss-DetailsList.ms-DetailsList
  3744. 		.ms-List-cell
  3745. 		.ms-DetailsRow:hover.is-selected
  3746. 		.vss-ContextualMenuButton:focus,
  3747. 	.vss-DetailsList.ms-DetailsList
  3748. 		.ms-List-cell
  3749. 		.ms-DetailsRow:hover.is-selected
  3750. 		.vss-ContextualMenuButton:hover,
  3751. 	.vss-DetailsList.ms-DetailsList
  3752. 		.ms-List-cell
  3753. 		.ms-DetailsRow:hover.is-selected
  3754. 		.vss-ContextualMenuButton:active {
  3755. 		background-color: #deecf9;
  3756. 		color: #212121;
  3757. 	}
  3758.  
  3759. 	.vss-DetailsList.ms-DetailsList
  3760. 		.ms-List-cell
  3761. 		.ms-DetailsRow:hover
  3762. 		.vss-DetailsList--contextual-menu-button.space-unallocated {
  3763. 		display: block;
  3764. 	}
  3765.  
  3766. 	.vss-DetailsList.ms-DetailsList
  3767. 		.ms-List-cell
  3768. 		.ms-DetailsRow:hover
  3769. 		.vss-DetailsList--contextual-menu-button.space-allocated {
  3770. 		visibility: visible;
  3771. 	}
  3772.  
  3773. 	.vss-DetailsList.ms-DetailsList
  3774. 		.ms-List-cell
  3775. 		.ms-DetailsRow:hover
  3776. 		a {
  3777. 		color: #106ebe;
  3778. 	}
  3779.  
  3780. 	.vss-DetailsList.ms-DetailsList
  3781. 		.ms-List-cell
  3782. 		.ms-DetailsRow:hover
  3783. 		a:hover {
  3784. 		color: #005a9e;
  3785. 		text-decoration: underline;
  3786. 	}
  3787.  
  3788. 	@media screen and (-ms-high-contrast: white-on-black) {
  3789. 		.vss-DetailsList.ms-DetailsList
  3790. 			.ms-List-cell
  3791. 			.ms-DetailsRow:hover.is-selected
  3792. 			a,
  3793. 		.vss-DetailsList.ms-DetailsList
  3794. 			.ms-List-cell
  3795. 			.ms-DetailsRow:hover.is-selected
  3796. 			a
  3797. 			:hover,
  3798. 		.vss-DetailsList.ms-DetailsList
  3799. 			.ms-List-cell
  3800. 			.ms-DetailsRow:hover.is-selected
  3801. 			span,
  3802. 		.vss-DetailsList.ms-DetailsList
  3803. 			.ms-List-cell
  3804. 			.ms-DetailsRow:hover.is-selected
  3805. 			i {
  3806. 			color: #002033;
  3807. 		}
  3808. 	}
  3809.  
  3810. 	@media screen and (-ms-high-contrast: black-on-white) {
  3811. 		.vss-DetailsList.ms-DetailsList
  3812. 			.ms-List-cell
  3813. 			.ms-DetailsRow:hover.is-selected
  3814. 			a,
  3815. 		.vss-DetailsList.ms-DetailsList
  3816. 			.ms-List-cell
  3817. 			.ms-DetailsRow:hover.is-selected
  3818. 			a
  3819. 			:hover,
  3820. 		.vss-DetailsList.ms-DetailsList
  3821. 			.ms-List-cell
  3822. 			.ms-DetailsRow:hover.is-selected
  3823. 			span,
  3824. 		.vss-DetailsList.ms-DetailsList
  3825. 			.ms-List-cell
  3826. 			.ms-DetailsRow:hover.is-selected
  3827. 			i {
  3828. 			color: #fff;
  3829. 		}
  3830. 	}
  3831.  
  3832. 	@media screen and (-ms-high-contrast: white-on-black) {
  3833. 		.vss-DetailsList.ms-DetailsList
  3834. 			.ms-List-cell
  3835. 			.ms-DetailsRow:hover.is-selected
  3836. 			button
  3837. 			i {
  3838. 			color: HighlightText;
  3839. 		}
  3840. 	}
  3841.  
  3842. 	@media screen and (-ms-high-contrast: black-on-white) {
  3843. 		.vss-DetailsList.ms-DetailsList
  3844. 			.ms-List-cell
  3845. 			.ms-DetailsRow:hover.is-selected
  3846. 			button
  3847. 			i {
  3848. 			color: HighlightText;
  3849. 		}
  3850. 	}
  3851.  
  3852. 	.vss-DetailsList.ms-DetailsList
  3853. 		.ms-List-cell
  3854. 		.ms-DetailsRow
  3855. 		.vss-DetailsList--titleCellPrimary {
  3856. 		display: flex;
  3857. 		flex-grow: 1;
  3858. 		flex-direction: row;
  3859. 		overflow: hidden;
  3860. 	}
  3861.  
  3862. 	.vss-DetailsList.ms-DetailsList
  3863. 		.ms-List-cell
  3864. 		.ms-DetailsRow
  3865. 		.vss-DetailsList--titleCellText {
  3866. 		overflow: hidden;
  3867. 		text-overflow: ellipsis;
  3868. 	}
  3869.  
  3870. 	.vss-DetailsList.ms-DetailsList
  3871. 		.ms-List-cell
  3872. 		.ms-DetailsRow
  3873. 		.vss-DetailsList--titleCellText.disabled {
  3874. 		color: #c8c8c8;
  3875. 	}
  3876.  
  3877. 	.vss-DetailsList.ms-DetailsList
  3878. 		.ms-List-cell
  3879. 		.ms-DetailsRow
  3880. 		.vss-DetailsList--titleCellText.disabled
  3881. 		a:link,
  3882. 	.vss-DetailsList.ms-DetailsList
  3883. 		.ms-List-cell
  3884. 		.ms-DetailsRow
  3885. 		.vss-DetailsList--titleCellText.disabled
  3886. 		a:hover,
  3887. 	.vss-DetailsList.ms-DetailsList
  3888. 		.ms-List-cell
  3889. 		.ms-DetailsRow
  3890. 		.vss-DetailsList--titleCellText.disabled
  3891. 		a:visited {
  3892. 		color: #c8c8c8;
  3893. 	}
  3894.  
  3895. 	.vss-DetailsList.ms-DetailsList
  3896. 		.ms-List-cell
  3897. 		.ms-DetailsRow
  3898. 		.vss-DetailsList--titleCellIcon {
  3899. 		display: flex;
  3900. 		flex: 0 0 auto;
  3901. 		margin-right: 6px;
  3902. 	}
  3903.  
  3904. 	.vss-DetailsList.ms-DetailsList
  3905. 		.ms-List-cell
  3906. 		.ms-DetailsRow
  3907. 		.vss-DetailsList--titleCellOneLine {
  3908. 		display: flex;
  3909. 		flex: 1;
  3910. 		flex-direction: row;
  3911. 		overflow: hidden;
  3912. 	}
  3913.  
  3914. 	.vss-DetailsList.ms-DetailsList.vss-DetailsList--twoLine
  3915. 		.ms-GroupedList {
  3916. 		padding-top: 10px;
  3917. 	}
  3918.  
  3919. 	.vss-DetailsList.ms-DetailsList.vss-DetailsList--twoLine
  3920. 		.ms-GroupedList-group {
  3921. 		padding-bottom: 20px;
  3922. 	}
  3923.  
  3924. 	.vss-DetailsList.ms-DetailsList.vss-DetailsList--twoLine
  3925. 		.ms-List-page:last-child
  3926. 		.ms-List-cell:last-child {
  3927. 		border-bottom: none;
  3928. 	}
  3929.  
  3930. 	.vss-DetailsList.ms-DetailsList.vss-DetailsList--twoLine
  3931. 		.ms-GroupedList
  3932. 		.ms-List-cell {
  3933. 		border-bottom: none;
  3934. 	}
  3935.  
  3936. 	.vss-DetailsList.ms-DetailsList.vss-DetailsList--twoLine
  3937. 		.ms-GroupedList-group
  3938. 		.ms-List-cell {
  3939. 		border-bottom: 1px solid #eaeaea;
  3940. 	}
  3941.  
  3942. 	.vss-DetailsList.ms-DetailsList.vss-DetailsList--twoLine
  3943. 		.ms-List-cell {
  3944. 		border-bottom: 1px solid #eaeaea;
  3945. 		min-height: 54px;
  3946. 	}
  3947.  
  3948. 	.vss-DetailsList.ms-DetailsList.vss-DetailsList--twoLine
  3949. 		.ms-List-cell
  3950. 		.ms-DetailsRow {
  3951. 		min-height: 54px;
  3952. 	}
  3953.  
  3954. 	.vss-DetailsList.ms-DetailsList.vss-DetailsList--twoLine
  3955. 		.ms-List-cell
  3956. 		.ms-DetailsRow
  3957. 		.ms-DetailsRow-cell {
  3958. 		min-height: 52px;
  3959. 		line-height: 52px;
  3960. 	}
  3961.  
  3962. 	.vss-DetailsList.ms-DetailsList.vss-DetailsList--twoLine
  3963. 		.ms-List-cell
  3964. 		.ms-DetailsRow
  3965. 		.ms-DetailsRow-cell
  3966. 		.vss-ContextualMenu--container {
  3967. 		margin-top: 9px;
  3968. 	}
  3969.  
  3970. 	.vss-DetailsList.ms-DetailsList.vss-DetailsList--twoLine
  3971. 		.ms-List-cell
  3972. 		.ms-DetailsRow
  3973. 		.ms-DetailsRow-cell
  3974. 		.vss-DetailsList--titleCellTwoLine {
  3975. 		display: flex;
  3976. 		flex: 1;
  3977. 		flex-direction: row;
  3978. 		align-items: center;
  3979. 		margin-left: 10px;
  3980. 		padding: 6px 0;
  3981. 		overflow: hidden;
  3982. 		line-height: 20px;
  3983. 	}
  3984.  
  3985. 	.vss-DetailsList.ms-DetailsList.vss-DetailsList--twoLine
  3986. 		.ms-List-cell
  3987. 		.ms-DetailsRow
  3988. 		.ms-DetailsRow-cell
  3989. 		.vss-DetailsList--titleCellTwoLine.noIcon {
  3990. 		margin-left: 0;
  3991. 	}
  3992.  
  3993. 	.vss-DetailsList.ms-DetailsList.vss-DetailsList--twoLine
  3994. 		.ms-List-cell
  3995. 		.ms-DetailsRow
  3996. 		.ms-DetailsRow-cell
  3997. 		.vss-DetailsList--titleCellTwoLine
  3998. 		.vss-DetailsList--titleCellIcon {
  3999. 		vertical-align: middle;
  4000. 		margin-right: 13px;
  4001. 		font-size: 28px;
  4002. 		line-height: 40px;
  4003. 	}
  4004.  
  4005. 	.vss-DetailsList.ms-DetailsList.vss-DetailsList--twoLine
  4006. 		.ms-List-cell
  4007. 		.ms-DetailsRow
  4008. 		.ms-DetailsRow-cell
  4009. 		.vss-DetailsList--titleCellTwoLine
  4010. 		.vss-DetailsList--titleCellIcon.disabled
  4011. 		img {
  4012. 		opacity: 50%;
  4013. 	}
  4014.  
  4015. 	.vss-DetailsList.ms-DetailsList.vss-DetailsList--twoLine
  4016. 		.ms-List-cell
  4017. 		.ms-DetailsRow
  4018. 		.ms-DetailsRow-cell
  4019. 		.vss-DetailsList--titleCellTwoLine
  4020. 		.vss-DetailsList--titleCellIcon.vss-DetailsList--titleCellIcon--image {
  4021. 		margin-right: 13px;
  4022. 		width: 40px;
  4023. 		height: 40px;
  4024. 	}
  4025.  
  4026. 	.vss-DetailsList.ms-DetailsList.vss-DetailsList--twoLine
  4027. 		.ms-List-cell
  4028. 		.ms-DetailsRow
  4029. 		.ms-DetailsRow-cell
  4030. 		.vss-DetailsList--titleCellTwoLine
  4031. 		.vss-IndicatorSet {
  4032. 		font-size: 16px;
  4033. 	}
  4034.  
  4035. 	.vss-DetailsList.ms-DetailsList.vss-DetailsList--twoLine
  4036. 		.ms-List-cell
  4037. 		.ms-DetailsRow
  4038. 		.ms-DetailsRow-cell
  4039. 		.vss-DetailsList--titleCellTwoLine
  4040. 		.vss-DetailsList--titleCellTwoLineText {
  4041. 		display: flex;
  4042. 		flex-grow: 1;
  4043. 		flex-direction: column;
  4044. 		overflow: hidden;
  4045. 		font-size: 15px;
  4046. 	}
  4047.  
  4048. 	.vss-DetailsList.ms-DetailsList.vss-DetailsList--twoLine
  4049. 		.ms-List-cell
  4050. 		.ms-DetailsRow
  4051. 		.ms-DetailsRow-cell
  4052. 		.vss-DetailsList--titleCellTwoLine
  4053. 		.vss-DetailsList--titleCellTwoLineText
  4054. 		.vss-DetailsList--titleCellSecondary {
  4055. 		flex-grow: 1;
  4056. 		overflow: hidden;
  4057. 		color: #666;
  4058. 		font-size: 12px;
  4059. 		text-overflow: ellipsis;
  4060. 	}
  4061.  
  4062. 	.vss-DetailsList--layout.ms-DetailsList {
  4063. 		cursor: default;
  4064. 		color: initial;
  4065. 	}
  4066.  
  4067. 	.vss-DetailsList--layout.ms-DetailsList a {
  4068. 		color: initial;
  4069. 	}
  4070.  
  4071. 	.vss-DetailsList--layout.ms-DetailsList
  4072. 		.ms-DetailsHeader {
  4073. 		border-color: initial;
  4074. 		font-size: initial;
  4075. 		line-height: initial;
  4076. 	}
  4077.  
  4078. 	.vss-DetailsList--layout.ms-DetailsList
  4079. 		.ms-DetailsHeader-cell {
  4080. 		display: inline-flex;
  4081. 		background: transparent;
  4082. 		padding: 0;
  4083. 		height: auto;
  4084. 		min-height: initial;
  4085. 	}
  4086.  
  4087. 	.vss-DetailsList--layout.ms-DetailsList
  4088. 		.ms-DetailsHeader-cell
  4089. 		> span {
  4090. 		display: flex;
  4091. 		position: relative;
  4092. 		flex-grow: 1;
  4093. 		overflow: hidden;
  4094. 	}
  4095.  
  4096. 	.vss-DetailsList--layout.ms-DetailsList
  4097. 		.ms-DetailsHeader-cellTitle {
  4098. 		display: flex;
  4099. 		position: relative;
  4100. 		flex-grow: 1;
  4101. 		align-items: center;
  4102. 		padding: 0;
  4103. 	}
  4104.  
  4105. 	.vss-DetailsList--layout.ms-DetailsList
  4106. 		.ms-List-cell,
  4107. 	.vss-DetailsList--layout.ms-DetailsList
  4108. 		.ms-DetailsRow,
  4109. 	.vss-DetailsList--layout.ms-DetailsList
  4110. 		.ms-DetailsRow-cell {
  4111. 		margin: 0;
  4112. 		border: none;
  4113. 		min-height: inherit;
  4114. 	}
  4115.  
  4116. 	.vss-DetailsList--layout.ms-DetailsList
  4117. 		.ms-DetailsRow::before {
  4118. 		border: none;
  4119. 	}
  4120.  
  4121. 	.vss-DetailsList--layout.ms-DetailsList
  4122. 		.ms-DetailsRow:hover {
  4123. 		background-color: initial;
  4124. 	}
  4125.  
  4126. 	.vss-DetailsList--layout.ms-DetailsList
  4127. 		.ms-DetailsRow.is-selected {
  4128. 		background-color: initial;
  4129. 	}
  4130.  
  4131. 	.vss-DetailsList--layout.ms-DetailsList
  4132. 		.ms-DetailsRow-cell {
  4133. 		flex-direction: row;
  4134. 		align-items: center;
  4135. 		align-self: stretch;
  4136. 		padding: 0;
  4137. 		color: initial;
  4138. 	}
  4139.  
  4140. 	.vss-DetailsList--layout.ms-DetailsList
  4141. 		.actions-column-wrapper {
  4142. 		display: flex;
  4143. 		flex-grow: 1;
  4144. 		flex-direction: row;
  4145. 		overflow: hidden;
  4146. 	}
  4147.  
  4148. 	.vss-DetailsList--layout.ms-DetailsList
  4149. 		.original-content {
  4150. 		flex-grow: 1;
  4151. 		overflow: hidden;
  4152. 		text-overflow: ellipsis;
  4153. 	}
  4154.  
  4155. 	.vss-DetailsList--layout.ms-DetailsList
  4156. 		.vss-ContextualMenu--container {
  4157. 		display: flex;
  4158. 		align-items: center;
  4159. 	}
  4160.  
  4161. 	.vss-DetailsList--layout.ms-DetailsList
  4162. 		.vss-DetailsList--contextual-menu-button {
  4163. 		height: auto;
  4164. 	}
  4165.  
  4166. 	.vss-DetailsList--layout.hideActionsButton
  4167. 		.vss-DetailsList--contextual-menu-button.space-unallocated {
  4168. 		display: none;
  4169. 	}
  4170.  
  4171. 	.vss-DetailsList--layout.hideActionsButton
  4172. 		.vss-DetailsList--contextual-menu-button.space-unallocated.open {
  4173. 		display: block;
  4174. 	}
  4175.  
  4176. 	.vss-DetailsList--layout.hideActionsButton
  4177. 		.vss-DetailsList--contextual-menu-button.space-allocated {
  4178. 		visibility: hidden;
  4179. 	}
  4180.  
  4181. 	.vss-DetailsList--layout.hideActionsButton
  4182. 		.vss-DetailsList--contextual-menu-button.space-allocated.open {
  4183. 		visibility: visible;
  4184. 	}
  4185.  
  4186. 	.vss-DetailsList--layout.hideActionsButton
  4187. 		.ms-DetailsRow.is-selected
  4188. 		.vss-DetailsList--contextual-menu-button.space-unallocated,
  4189. 	.vss-DetailsList--layout.hideActionsButton
  4190. 		.ms-DetailsRow:hover
  4191. 		.vss-DetailsList--contextual-menu-button.space-unallocated {
  4192. 		display: block;
  4193. 	}
  4194.  
  4195. 	.vss-DetailsList--layout.hideActionsButton
  4196. 		.ms-DetailsRow.is-selected
  4197. 		.vss-DetailsList--contextual-menu-button.space-allocated,
  4198. 	.vss-DetailsList--layout.hideActionsButton
  4199. 		.ms-DetailsRow:hover
  4200. 		.vss-DetailsList--contextual-menu-button.space-allocated {
  4201. 		visibility: visible;
  4202. 	}
  4203.  
  4204. 	.vss-DetailsList--layout.singleLine {
  4205. 		font-size: 14px;
  4206. 	}
  4207.  
  4208. 	.vss-DetailsList--layout.singleLine
  4209. 		.ms-DetailsRow-cell {
  4210. 		min-height: 36px;
  4211. 	}
  4212.  
  4213. 	.vss-DetailsList--layout.singleLine
  4214. 		.vss-DetailsList--contextual-menu-button {
  4215. 		height: 32px;
  4216. 	}
  4217.  
  4218. 	.vss-DetailsList--layout.flexCellLayout
  4219. 		.original-content {
  4220. 		display: flex;
  4221. 		align-items: center;
  4222. 	}
  4223.  
  4224. 	.vss-DetailsList--layout.flexCellLayout
  4225. 		.ms-DetailsRow-cell {
  4226. 		display: flex;
  4227. 		align-items: center;
  4228. 	}
  4229.  
  4230. 	.vss-DetailsList--layout.paddingInCells
  4231. 		.ms-DetailsHeader-cell,
  4232. 	.vss-DetailsList--layout.paddingInCells
  4233. 		.ms-DetailsRow-cell {
  4234. 		padding: 0 8px;
  4235. 	}
  4236.  
  4237. 	.vss-DetailsList--layout.paddingInCells
  4238. 		.ms-DetailsHeader-cellIsCheck,
  4239. 	.vss-DetailsList--layout.paddingInCells
  4240. 		.vss-DetailsList--cellCheck {
  4241. 		padding: 0;
  4242. 	}
  4243.  
  4244. 	.vss-DetailsList--layout.paddingInCells
  4245. 		.original-content {
  4246. 		padding-right: 4px;
  4247. 	}
  4248.  
  4249. 	.vss-DetailsList--layout.colors {
  4250. 		color: #212121;
  4251. 	}
  4252.  
  4253. 	.vss-DetailsList--layout.colors
  4254. 		.ms-DetailsHeader-cell {
  4255. 		color: #212121;
  4256. 	}
  4257.  
  4258. 	.vss-DetailsList--layout.colors
  4259. 		.ms-DetailsRow-cell {
  4260. 		color: #212121;
  4261. 	}
  4262.  
  4263. 	.vss-DetailsList--layout.colors
  4264. 		.vss-ContextualMenuButton {
  4265. 		background-color: #f4f4f4;
  4266. 	}
  4267.  
  4268. 	.vss-DetailsList--layout.colors
  4269. 		.vss-ContextualMenuButton:hover,
  4270. 	.vss-DetailsList--layout.colors
  4271. 		.vss-ContextualMenuButton:active {
  4272. 		background-color: #eaeaea;
  4273. 		color: #212121;
  4274. 	}
  4275.  
  4276. 	.vss-DetailsList--layout.colors
  4277. 		.ms-DetailsRow:hover {
  4278. 		background-color: #f4f4f4;
  4279. 	}
  4280.  
  4281. 	.vss-DetailsList--layout.colors
  4282. 		.ms-DetailsRow.is-selected {
  4283. 		background-color: #eff6fc;
  4284. 	}
  4285.  
  4286. 	.vss-DetailsList--layout.colors
  4287. 		.ms-DetailsRow.is-selected
  4288. 		.vss-ContextualMenuButton {
  4289. 		background-color: #eff6fc;
  4290. 	}
  4291.  
  4292. 	.vss-DetailsList--layout.colors
  4293. 		.ms-DetailsRow.is-selected
  4294. 		.vss-ContextualMenuButton:focus,
  4295. 	.vss-DetailsList--layout.colors
  4296. 		.ms-DetailsRow.is-selected
  4297. 		.vss-ContextualMenuButton:hover,
  4298. 	.vss-DetailsList--layout.colors
  4299. 		.ms-DetailsRow.is-selected
  4300. 		.vss-ContextualMenuButton:active {
  4301. 		background-color: #deecf9;
  4302. 		color: #212121;
  4303. 	}
  4304.  
  4305. 	@media screen and (-ms-high-contrast: active) {
  4306. 		.vss-DetailsList--layout.colors
  4307. 			.ms-DetailsRow.is-selected
  4308. 			.ms-DetailsRow-cell,
  4309. 		.vss-DetailsList--layout.colors
  4310. 			.ms-DetailsRow.is-selected
  4311. 			span,
  4312. 		.vss-DetailsList--layout.colors
  4313. 			.ms-DetailsRow.is-selected
  4314. 			i {
  4315. 			color: HighlightText;
  4316. 		}
  4317. 	}
  4318.  
  4319. 	@media screen and (-ms-high-contrast: white-on-black) {
  4320. 		.vss-DetailsList--layout.colors
  4321. 			.ms-DetailsRow.is-selected
  4322. 			button
  4323. 			i {
  4324. 			color: HighlightText;
  4325. 		}
  4326. 	}
  4327.  
  4328. 	@media screen and (-ms-high-contrast: black-on-white) {
  4329. 		.vss-DetailsList--layout.colors
  4330. 			.ms-DetailsRow.is-selected
  4331. 			button
  4332. 			i {
  4333. 			color: HighlightText;
  4334. 		}
  4335. 	}
  4336.  
  4337. 	.vss-DetailsList--layout.linkStyles
  4338. 		.ms-DetailsRow.is-selected
  4339. 		a,
  4340. 	.vss-DetailsList--layout.linkStyles
  4341. 		.ms-DetailsRow.is-selected
  4342. 		a:visited,
  4343. 	.vss-DetailsList--layout.linkStyles
  4344. 		.ms-DetailsRow:hover
  4345. 		a {
  4346. 		color: #106ebe;
  4347. 	}
  4348.  
  4349. 	.vss-DetailsList--layout.linkStyles a,
  4350. 	.vss-DetailsList--layout.linkStyles a:visited {
  4351. 		padding: 0 2px;
  4352. 		color: inherit;
  4353. 		text-decoration: none;
  4354. 	}
  4355.  
  4356. 	.vss-DetailsList--layout.linkStyles a:hover,
  4357. 	.vss-DetailsList--layout.linkStyles
  4358. 		.ms-DetailsRow.is-selected
  4359. 		a:hover {
  4360. 		color: #005a9e;
  4361. 		text-decoration: underline;
  4362. 	}
  4363.  
  4364. 	@media screen and (-ms-high-contrast: active) {
  4365. 		.vss-DetailsList--layout.linkStyles
  4366. 			.ms-DetailsRow.is-selected
  4367. 			a,
  4368. 		.vss-DetailsList--layout.linkStyles
  4369. 			.ms-DetailsRow.is-selected
  4370. 			a:hover,
  4371. 		.vss-DetailsList--layout.linkStyles
  4372. 			.ms-DetailsRow.is-selected
  4373. 			a:visited {
  4374. 			color: HighlightText;
  4375. 		}
  4376. 	}
  4377.  
  4378. 	.vss-DetailsList--layout.headerRowStyles
  4379. 		.ms-DetailsHeader {
  4380. 		border-color: #eaeaea;
  4381. 		min-height: 34px;
  4382. 	}
  4383.  
  4384. 	.vss-DetailsList--layout.headerRowStyles
  4385. 		.ms-DetailsHeader-cell {
  4386. 		min-height: 32px;
  4387. 		color: #212121;
  4388. 	}
  4389.  
  4390. 	.vss-DetailsList--groupHeader {
  4391. 		border-bottom: 1px solid #eaeaea;
  4392. 	}
  4393.  
  4394. 	.vss-DetailsList--groupHeaderText {
  4395. 		padding: 10px 8px;
  4396. 		color: #666;
  4397. 	}
  4398.  
  4399. 	.vss-Persona img {
  4400. 		border-radius: 50%;
  4401. 		width: 100%;
  4402. 		height: 100%;
  4403. 	}
  4404.  
  4405. 	.vss-Persona.extra-extra-small {
  4406. 		width: 16px;
  4407. 		height: 16px;
  4408. 	}
  4409.  
  4410. 	.vss-Persona.extra-small {
  4411. 		width: 18px;
  4412. 		height: 18px;
  4413. 	}
  4414.  
  4415. 	.vss-Persona.small {
  4416. 		width: 24px;
  4417. 		height: 24px;
  4418. 	}
  4419.  
  4420. 	.vss-Persona.small-plus {
  4421. 		width: 28px;
  4422. 		height: 28px;
  4423. 	}
  4424.  
  4425. 	.vss-Persona.medium {
  4426. 		width: 32px;
  4427. 		height: 32px;
  4428. 	}
  4429.  
  4430. 	.vss-Persona.medium-plus {
  4431. 		width: 40px;
  4432. 		height: 40px;
  4433. 	}
  4434.  
  4435. 	.vss-Persona.large {
  4436. 		width: 48px;
  4437. 		height: 48px;
  4438. 	}
  4439.  
  4440. 	.vss-Persona.extra-large {
  4441. 		width: 72px;
  4442. 		height: 72px;
  4443. 	}
  4444.  
  4445. 	.tree-column-wrapper {
  4446. 		display: flex;
  4447. 	}
  4448.  
  4449. 	.vss-ZeroData {
  4450. 		display: flex;
  4451. 		flex-wrap: wrap;
  4452. 		justify-content: center;
  4453. 		margin-top: 35px;
  4454. 	}
  4455.  
  4456. 	.vss-ZeroData .vss-ZeroDataItem {
  4457. 		display: flex;
  4458. 		flex-direction: column;
  4459. 		align-items: center;
  4460. 		text-align: center;
  4461. 	}
  4462.  
  4463. 	.vss-ZeroData
  4464. 		.vss-ZeroDataItem
  4465. 		.vss-ZeroDataItem--image,
  4466. 	.vss-ZeroData
  4467. 		.vss-ZeroDataItem
  4468. 		.vss-ZeroDataItem--primary,
  4469. 	.vss-ZeroData
  4470. 		.vss-ZeroDataItem
  4471. 		.vss-ZeroDataItem--secondary {
  4472. 		margin-bottom: 15px;
  4473. 		max-width: 100%;
  4474. 	}
  4475.  
  4476. 	.vss-ZeroData
  4477. 		.vss-ZeroDataItem
  4478. 		.vss-ZeroDataItem--image:last-child,
  4479. 	.vss-ZeroData
  4480. 		.vss-ZeroDataItem
  4481. 		.vss-ZeroDataItem--primary:last-child,
  4482. 	.vss-ZeroData
  4483. 		.vss-ZeroDataItem
  4484. 		.vss-ZeroDataItem--secondary:last-child {
  4485. 		margin-bottom: 0;
  4486. 	}
  4487.  
  4488. 	.vss-ZeroData.single .vss-ZeroDataItem {
  4489. 		min-width: 10px;
  4490. 		max-width: 520px;
  4491. 	}
  4492.  
  4493. 	.vss-ZeroData.single
  4494. 		.vss-ZeroDataItem
  4495. 		.vss-ZeroDataItem--image {
  4496. 		height: 160px;
  4497. 	}
  4498.  
  4499. 	.vss-ZeroData.multiple .vss-ZeroDataItem {
  4500. 		flex-grow: 1;
  4501. 		margin: 0 20px;
  4502. 		max-width: 235px;
  4503. 	}
  4504.  
  4505. 	.vss-ZeroData.multiple
  4506. 		.vss-ZeroDataItem
  4507. 		.vss-ZeroDataItem--image {
  4508. 		height: 75px;
  4509. 	}
  4510.  
  4511. 	.vss-ZeroData.multiple
  4512. 		.vss-ZeroDataItem
  4513. 		.vss-ZeroDataItem--action {
  4514. 		margin-top: auto;
  4515. 	}
  4516.  
  4517. 	.price-control {
  4518. 		display: flex;
  4519. 	}
  4520.  
  4521. 	.price-control .quantity-field {
  4522. 		margin-bottom: 0;
  4523. 	}
  4524.  
  4525. 	.price-control .quantity-field div {
  4526. 		height: 26px;
  4527. 	}
  4528.  
  4529. 	.price-control .inner-textfield {
  4530. 		padding: 0;
  4531. 		width: 50px;
  4532. 		text-align: center;
  4533. 	}
  4534.  
  4535. 	.price-control .button-class {
  4536. 		border: 1px solid;
  4537. 		border-color: rgb(200 200 200 / 100%);
  4538. 		border-color: rgba(
  4539. 			var(--palette-neutral-20, 200, 200, 200),
  4540. 			1
  4541. 		);
  4542. 		background: rgb(234 234 234 / 100%);
  4543. 		background: rgba(
  4544. 			var(--palette-neutral-8, 234, 234, 234),
  4545. 			1
  4546. 		);
  4547. 		width: 20px;
  4548. 		height: 26px;
  4549. 	}
  4550.  
  4551. 	.price-control .button-class span {
  4552. 		line-height: 20px;
  4553. 	}
  4554.  
  4555. 	.price-control .button-class i {
  4556. 		margin: 0;
  4557. 		color: black;
  4558. 		font-size: 10px;
  4559. 	}
  4560.  
  4561. 	.price-control .button-class:hover {
  4562. 		background: rgb(218 218 218 / 100%);
  4563. 		background: rgba(
  4564. 			var(--palette-neutral-10, 218, 218, 218),
  4565. 			1
  4566. 		);
  4567. 	}
  4568.  
  4569. 	.price-control .button-class.is-disabled {
  4570. 		border-color: rgb(244 244 244 / 100%);
  4571. 		border-color: rgba(
  4572. 			var(--palette-neutral-4, 244, 244, 244),
  4573. 			1
  4574. 		);
  4575. 		background-color: rgb(244 244 244 / 100%);
  4576. 		background-color: rgba(
  4577. 			var(--palette-neutral-4, 244, 244, 244),
  4578. 			1
  4579. 		);
  4580. 	}
  4581.  
  4582. 	.price-control .button-class.is-disabled i {
  4583. 		color: rgb(200 200 200 / 100%);
  4584. 		color: rgba(
  4585. 			var(--palette-neutral-20, 200, 200, 200),
  4586. 			1
  4587. 		);
  4588. 	}
  4589.  
  4590. 	.qna-top-container .user-reply-top-container {
  4591. 		border-top: 1px solid;
  4592. 		border-top-color: rgb(234 234 234 / 100%);
  4593. 		border-top-color: rgba(
  4594. 			var(--palette-neutral-8, 234, 234, 234),
  4595. 			1
  4596. 		);
  4597. 	}
  4598.  
  4599. 	.qna-top-container .qna-user-image-column {
  4600. 		vertical-align: top;
  4601. 		border-collapse: collapse;
  4602. 		padding-top: 14px;
  4603. 		padding-bottom: 14px;
  4604. 		text-align: center;
  4605. 	}
  4606.  
  4607. 	.qna-top-container .qna-user-image {
  4608. 		width: 44px;
  4609. 		height: 44px;
  4610. 	}
  4611.  
  4612. 	.qna-top-container .user-reply-container {
  4613. 		border-collapse: collapse;
  4614. 		padding: 10px 5px 0 10px;
  4615. 	}
  4616.  
  4617. 	.qna-top-container .action-link-container {
  4618. 		margin-top: 4px;
  4619. 	}
  4620.  
  4621. 	.qna-top-container .action-link {
  4622. 		margin-right: 10px;
  4623. 	}
  4624.  
  4625. 	@media (width >= 520px) {
  4626. 		.ms-Dialog-main.QnAAskQuestionDialog {
  4627. 			max-width: 500px;
  4628. 		}
  4629.  
  4630. 		.ms-Dialog-main.QnAAskQuestionDialog
  4631. 			.ask-question-text {
  4632. 			min-width: 444px;
  4633. 		}
  4634. 	}
  4635.  
  4636. 	.ms-Dialog-main.QnAAskQuestionDialog
  4637. 		.qna-write-review-privacy {
  4638. 		color: rgb(0 0 0 / 55%);
  4639. 		color: var(
  4640. 			--text-secondary-color,
  4641. 			rgb(0 0 0 / 55%)
  4642. 		);
  4643. 		font-size: 12px;
  4644. 	}
  4645.  
  4646. 	.ms-Dialog-main.QnAAskQuestionDialog .user-img {
  4647. 		vertical-align: top;
  4648. 		padding-right: 5px;
  4649. 		padding-bottom: 14px;
  4650. 	}
  4651.  
  4652. 	.ms-Dialog-main.QnAAskQuestionDialog
  4653. 		.user-reviews {
  4654. 		padding-right: 5px;
  4655. 		padding-bottom: 14px;
  4656. 	}
  4657.  
  4658. 	.ms-Dialog-main.QnAAskQuestionDialog
  4659. 		.qna-user-image {
  4660. 		width: 44px;
  4661. 		height: 44px;
  4662. 	}
  4663.  
  4664. 	.ms-Dialog-main.QnAAskQuestionDialog
  4665. 		.save-progress-spinner {
  4666. 		position: absolute;
  4667. 		top: 45%;
  4668. 		left: 45%;
  4669. 	}
  4670.  
  4671. 	.ms-Dialog-main.QnAAskQuestionDialog
  4672. 		.invisibleButton {
  4673. 		display: none;
  4674. 	}
  4675.  
  4676. 	.ux-section-details-tabs .qna-top-container {
  4677. 		width: 100%;
  4678. 	}
  4679.  
  4680. 	.qna-top-container {
  4681. 		display: inline-block;
  4682. 		margin-bottom: 34px;
  4683. 		width: 700px;
  4684. 	}
  4685.  
  4686. 	.qna-top-container .qna-header-container {
  4687. 		padding-left: 0;
  4688. 	}
  4689.  
  4690. 	.qna-top-container button.ask-question-button {
  4691. 		float: right;
  4692. 	}
  4693.  
  4694. 	.qna-top-container
  4695. 		.ask-question-button-container {
  4696. 		padding-right: 0;
  4697. 	}
  4698.  
  4699. 	.qna-top-container .see-more-qna-section {
  4700. 		padding-right: 0;
  4701. 	}
  4702.  
  4703. 	.qna-top-container
  4704. 		.see-more-qna-section
  4705. 		button {
  4706. 		float: right;
  4707. 		margin-top: 20px;
  4708. 	}
  4709.  
  4710. 	.qna-top-container
  4711. 		.see-more-qna-section
  4712. 		.qna-loading-more-error-message {
  4713. 		margin-top: 20px;
  4714. 		min-width: 700px;
  4715. 	}
  4716.  
  4717. 	.qna-top-container
  4718. 		.see-more-qna-section
  4719. 		.qna-loading-more-qna-container {
  4720. 		margin-top: 20px;
  4721. 	}
  4722.  
  4723. 	.qna-top-container .qna-container-row {
  4724. 		border-bottom: 1px solid;
  4725. 		border-width: 1px 0;
  4726. 		border-bottom-color: rgb(234 234 234 / 100%);
  4727. 		border-bottom-color: rgba(
  4728. 			var(--palette-neutral-8, 234, 234, 234),
  4729. 			1
  4730. 		);
  4731. 		border-collapse: collapse;
  4732. 		padding-bottom: 10px;
  4733. 	}
  4734.  
  4735. 	.qna-top-container h2 {
  4736. 		display: block;
  4737. 		margin-top: 0;
  4738. 		margin-bottom: 0;
  4739. 		font-size: 20px;
  4740. 	}
  4741.  
  4742. 	.qna-top-container .no-questions-found-text {
  4743. 		font-size: 14px;
  4744. 	}
  4745.  
  4746. 	.qna-top-container .qna-loading-container {
  4747. 		margin-top: 20px;
  4748. 	}
  4749.  
  4750. 	.qna-top-container
  4751. 		.qna-noitems-or-error-message {
  4752. 		margin: 14px -8px 0;
  4753. 		min-width: 700px;
  4754. 	}
  4755.  
  4756. 	.qna-top-container
  4757. 		.qna-redirection-message-bar-container {
  4758. 		margin-top: 14px;
  4759. 		background-color: rgb(244 244 244 / 100%);
  4760. 		background-color: rgba(
  4761. 			var(--palette-neutral-4, 244, 244, 244),
  4762. 			1
  4763. 		);
  4764. 		padding-top: 15px;
  4765. 		padding-bottom: 15px;
  4766. 		color: rgb(0 0 0 / 90%);
  4767. 		color: var(
  4768. 			--text-primary-color,
  4769. 			rgb(0 0 0 / 90%)
  4770. 		);
  4771. 	}
  4772.  
  4773. 	.qna-top-container
  4774. 		.qna-redirection-message-bar-container
  4775. 		.qna-redirection-message-bar {
  4776. 		font-size: 14px;
  4777. 	}
  4778.  
  4779. 	.qna-top-container
  4780. 		.qna-redirection-message-bar-container
  4781. 		.qna-redirection-message-bar
  4782. 		.qna-redirection-info-icon {
  4783. 		padding-right: 8px;
  4784. 		padding-left: 8px;
  4785. 		color: rgb(0 0 0 / 90%);
  4786. 		color: var(
  4787. 			--text-primary-color,
  4788. 			rgb(0 0 0 / 90%)
  4789. 		);
  4790. 	}
  4791.  
  4792. 	.qna-top-container .qna-question-row {
  4793. 		border-bottom: 1px solid;
  4794. 		border-width: 1px 0;
  4795. 		border-bottom-color: rgb(234 234 234 / 100%);
  4796. 		border-bottom-color: rgba(
  4797. 			var(--palette-neutral-8, 234, 234, 234),
  4798. 			1
  4799. 		);
  4800. 		border-collapse: collapse;
  4801. 	}
  4802.  
  4803. 	.qna-top-container .qna-question-bottom-margin {
  4804. 		margin-bottom: 10px;
  4805. 	}
  4806.  
  4807. 	.qna-top-container .user-question-container {
  4808. 		border-collapse: collapse;
  4809. 		padding: 10px 5px 10px 10px;
  4810. 	}
  4811.  
  4812. 	.qna-top-container .seemore-seeless-links {
  4813. 		margin-top: 5px;
  4814. 	}
  4815.  
  4816. 	.qna-top-container .read-more-table-container {
  4817. 		width: 98%;
  4818. 	}
  4819.  
  4820. 	.qna-top-container .flag-table-container {
  4821. 		vertical-align: top;
  4822. 		float: right;
  4823. 	}
  4824.  
  4825. 	.qna-top-container .qna-table {
  4826. 		width: 100%;
  4827. 		table-layout: fixed;
  4828. 	}
  4829.  
  4830. 	.ms-Dialog-inner
  4831. 		.user-reviews
  4832. 		.read-more-container {
  4833. 		width: 370px;
  4834. 	}
  4835.  
  4836. 	.read-more-container {
  4837. 		word-wrap: break-word;
  4838. 	}
  4839.  
  4840. 	.user-name-div {
  4841. 		display: inline-block;
  4842. 		color: rgb(0 0 0 / 55%);
  4843. 		color: var(
  4844. 			--text-secondary-color,
  4845. 			rgb(0 0 0 / 55%)
  4846. 		);
  4847. 		font-size: 12px;
  4848. 	}
  4849.  
  4850. 	@media (width >= 520px) {
  4851. 		.ms-Dialog-main.ReviewDialog {
  4852. 			max-width: 500px;
  4853. 		}
  4854.  
  4855. 		.ms-Dialog-main.ReviewDialog .reply-text {
  4856. 			margin-top: 12px;
  4857. 			min-width: 444px;
  4858. 		}
  4859.  
  4860. 		.ms-Dialog-main.ReviewDialog .reviews-row {
  4861. 			padding-top: 0;
  4862. 			min-width: 444px;
  4863. 		}
  4864. 	}
  4865.  
  4866. 	.comments-mandatory-message {
  4867. 		color: #e50000;
  4868. 		font-size: 12px;
  4869. 	}
  4870.  
  4871. 	.ms-Dialog-main.ReviewDialog
  4872. 		.write-review-privacy {
  4873. 		color: rgb(0 0 0 / 55%);
  4874. 		color: var(
  4875. 			--text-secondary-color,
  4876. 			rgb(0 0 0 / 55%)
  4877. 		);
  4878. 		font-size: 12px;
  4879. 	}
  4880.  
  4881. 	.ms-Dialog-main.ReviewDialog
  4882. 		.save-progress-spinner {
  4883. 		position: absolute;
  4884. 		top: 45%;
  4885. 		left: 45%;
  4886. 	}
  4887.  
  4888. 	.gallery-dialog
  4889. 		.rating-control
  4890. 		.ms-Rating-star {
  4891. 		margin-top: -5px;
  4892. 		padding-bottom: 5px;
  4893. 	}
  4894.  
  4895. 	.gallery-dialog
  4896. 		.rating-control
  4897. 		.review-container
  4898. 		.ms-Rating-star {
  4899. 		margin-top: 0;
  4900. 		padding-bottom: 0;
  4901. 	}
  4902.  
  4903. 	.gallery-dialog
  4904. 		.rating-control
  4905. 		.ms-Rating-star
  4906. 		button.ms-Rating-button {
  4907. 		font-size: 24px;
  4908. 		line-height: 24px;
  4909. 	}
  4910.  
  4911. 	.gallery-dialog
  4912. 		.rating-control
  4913. 		.ms-Rating-star
  4914. 		button.ms-Rating-button:focus {
  4915. 		outline: 1px solid rgb(102 102 102 / 100%);
  4916. 		outline: 1px solid
  4917. 			rgba(
  4918. 				var(--palette-neutral-60, 102, 102, 102),
  4919. 				1
  4920. 			);
  4921. 	}
  4922.  
  4923. 	.gallery-dialog
  4924. 		.rating-control
  4925. 		.ms-Rating-star
  4926. 		button.ms-Rating-button
  4927. 		.ms-RatingStar-front {
  4928. 		color: #c0442e;
  4929. 	}
  4930.  
  4931. 	.gallery-dialog
  4932. 		.rating-control
  4933. 		.ms-Rating-star
  4934. 		button.ms-Rating-button
  4935. 		.ms-RatingStar-back {
  4936. 		color: #d2d2d2;
  4937. 	}
  4938.  
  4939. 	@media screen and (-ms-high-contrast: active) {
  4940. 		.gallery-dialog
  4941. 			.rating-control
  4942. 			.ms-Rating-star
  4943. 			button.ms-Rating-button:hover,
  4944. 		.gallery-dialog
  4945. 			.rating-control
  4946. 			.ms-Rating-star
  4947. 			button.ms-Rating-button:focus {
  4948. 			border: 0 !important;
  4949. 		}
  4950.  
  4951. 		.gallery-dialog
  4952. 			.rating-control
  4953. 			.ms-Rating-star
  4954. 			button.ms-Rating-button
  4955. 			.ms-RatingStar-front {
  4956. 			color: #c0442e;
  4957. 		}
  4958.  
  4959. 		.gallery-dialog
  4960. 			.rating-control
  4961. 			.ms-Rating-star
  4962. 			button.ms-Rating-button
  4963. 			.ms-RatingStar-back {
  4964. 			color: #d2d2d2;
  4965. 		}
  4966. 	}
  4967.  
  4968. 	.gallery-dialog
  4969. 		.review-container
  4970. 		.rating-control
  4971. 		.ms-Rating {
  4972. 		margin-top: 0;
  4973. 		padding-bottom: 0;
  4974. 	}
  4975.  
  4976. 	.invisibleButton {
  4977. 		display: none;
  4978. 	}
  4979.  
  4980. 	.rnr-top-container .reviews-row .reply-row {
  4981. 		margin-top: 10px;
  4982. 		border-top: 1px solid;
  4983. 		border-top-color: rgb(234 234 234 / 100%);
  4984. 		border-top-color: rgba(
  4985. 			var(--palette-neutral-8, 234, 234, 234),
  4986. 			1
  4987. 		);
  4988. 		padding-top: 5px;
  4989. 	}
  4990.  
  4991. 	.rnr-top-container
  4992. 		.reviews-row
  4993. 		.reply-row
  4994. 		.publisher-image-column {
  4995. 		vertical-align: top;
  4996. 		border-collapse: collapse;
  4997. 		padding-top: 3px;
  4998. 		text-align: center;
  4999. 	}
  5000.  
  5001. 	.rnr-top-container
  5002. 		.reviews-row
  5003. 		.reply-row
  5004. 		.publisher-image-column
  5005. 		.publisher-image {
  5006. 		width: 44px;
  5007. 		height: 44px;
  5008. 	}
  5009.  
  5010. 	.rnr-top-container
  5011. 		.reviews-row
  5012. 		.reply-row
  5013. 		.ux-publisher-name {
  5014. 		font-weight: 700;
  5015. 		font-size: 14px;
  5016. 	}
  5017.  
  5018. 	.rnr-top-container
  5019. 		.reviews-row
  5020. 		.reply-row
  5021. 		.ux-updated-date {
  5022. 		color: #666666;
  5023. 		font-size: 12px;
  5024. 	}
  5025.  
  5026. 	.rnr-top-container
  5027. 		.reviews-row
  5028. 		.reply-row
  5029. 		.reply-container {
  5030. 		width: 100%;
  5031. 	}
  5032.  
  5033. 	.rnr-top-container
  5034. 		.reviews-row
  5035. 		.reply-row
  5036. 		.read-more-container {
  5037. 		margin-top: 12px;
  5038. 		margin-bottom: 10px;
  5039. 	}
  5040.  
  5041. 	.rnr-top-container
  5042. 		.reviews-row
  5043. 		.reply-row
  5044. 		.edit-action-link {
  5045. 		height: 15px;
  5046. 		font-size: 12px;
  5047. 	}
  5048.  
  5049. 	.rnr-top-container {
  5050. 		display: inline-block;
  5051. 		margin-bottom: 34px;
  5052. 		width: 100%;
  5053. 	}
  5054.  
  5055. 	.rnr-top-container .rnr-loading-container {
  5056. 		margin-top: 20px;
  5057. 	}
  5058.  
  5059. 	.rnr-top-container
  5060. 		.user-reviews-section-header {
  5061. 		display: block;
  5062. 		margin-top: 0.83em;
  5063. 		margin-bottom: 0.5em;
  5064. 		margin: 0;
  5065. 		padding-left: 0;
  5066. 		font-size: 20px;
  5067. 	}
  5068.  
  5069. 	.rnr-top-container .rnr-container-row {
  5070. 		border-bottom: 1px solid;
  5071. 		border-width: 1px 0;
  5072. 		border-bottom-color: rgb(234 234 234 / 100%);
  5073. 		border-bottom-color: rgba(
  5074. 			var(--palette-neutral-8, 234, 234, 234),
  5075. 			1
  5076. 		);
  5077. 		border-collapse: collapse;
  5078. 		padding-bottom: 10px;
  5079. 	}
  5080.  
  5081. 	.rnr-top-container
  5082. 		.rnr-container-row
  5083. 		.average-rating {
  5084. 		padding-top: 10px;
  5085. 	}
  5086.  
  5087. 	.rnr-top-container
  5088. 		.rnr-container-row
  5089. 		.rating-count {
  5090. 		padding-top: 10px;
  5091. 		padding-left: 0;
  5092. 	}
  5093.  
  5094. 	.rnr-top-container
  5095. 		.rnr-container-row
  5096. 		.write-review-button-container {
  5097. 		float: right;
  5098. 		padding-right: 0;
  5099. 	}
  5100.  
  5101. 	.rnr-top-container
  5102. 		.rnr-container-row
  5103. 		.report-review-button-container {
  5104. 		float: right;
  5105. 		padding-right: 0;
  5106. 	}
  5107.  
  5108. 	.rnr-top-container
  5109. 		.rnr-container-row
  5110. 		.organize-buttons {
  5111. 		display: inline;
  5112. 	}
  5113.  
  5114. 	.rnr-top-container .rnr-loading-more {
  5115. 		margin-top: 10px;
  5116. 	}
  5117.  
  5118. 	.rnr-top-container .see-more-button button {
  5119. 		float: right;
  5120. 		margin-top: 20px;
  5121. 	}
  5122.  
  5123. 	.rnr-top-container
  5124. 		.rating-control
  5125. 		.ms-Rating-star
  5126. 		button.ms-Rating-button {
  5127. 		font-size: 11px;
  5128. 		line-height: 11px;
  5129. 	}
  5130.  
  5131. 	.rnr-top-container
  5132. 		.rating-control
  5133. 		.ms-Rating-star
  5134. 		button.ms-Rating-button
  5135. 		.ms-RatingStar-front {
  5136. 		color: #c0442e;
  5137. 	}
  5138.  
  5139. 	.rnr-top-container
  5140. 		.rating-control
  5141. 		.ms-Rating-star
  5142. 		button.ms-Rating-button
  5143. 		.ms-RatingStar-back {
  5144. 		color: #d2d2d2;
  5145. 	}
  5146.  
  5147. 	@media screen and (-ms-high-contrast: active) {
  5148. 		.rnr-top-container
  5149. 			.rating-control
  5150. 			.ms-Rating-star
  5151. 			button.ms-Rating-button {
  5152. 			border: 0 !important;
  5153. 		}
  5154.  
  5155. 		.rnr-top-container
  5156. 			.rating-control
  5157. 			.ms-Rating-star
  5158. 			button.ms-Rating-button:hover,
  5159. 		.rnr-top-container
  5160. 			.rating-control
  5161. 			.ms-Rating-star
  5162. 			button.ms-Rating-button:focus {
  5163. 			border: 0 !important;
  5164. 		}
  5165.  
  5166. 		.rnr-top-container
  5167. 			.rating-control
  5168. 			.ms-Rating-star
  5169. 			button.ms-Rating-button
  5170. 			.ms-RatingStar-front {
  5171. 			color: #c0442e;
  5172. 		}
  5173.  
  5174. 		.rnr-top-container
  5175. 			.rating-control
  5176. 			.ms-Rating-star
  5177. 			button.ms-Rating-button
  5178. 			.ms-RatingStar-back {
  5179. 			color: #d2d2d2;
  5180. 		}
  5181. 	}
  5182.  
  5183. 	.reviews-row {
  5184. 		border-bottom: 1px solid;
  5185. 		border-width: 1px 0;
  5186. 		border-bottom-color: rgb(234 234 234 / 100%);
  5187. 		border-bottom-color: rgba(
  5188. 			var(--palette-neutral-8, 234, 234, 234),
  5189. 			1
  5190. 		);
  5191. 		border-collapse: collapse;
  5192. 		padding-top: 10px;
  5193. 		padding-bottom: 10px;
  5194. 	}
  5195.  
  5196. 	.reviews-row .review-container {
  5197. 		padding-right: 0;
  5198. 		padding-left: 4px;
  5199. 	}
  5200.  
  5201. 	.reviews-row .rnr-user-image-column {
  5202. 		vertical-align: top;
  5203. 		border-collapse: collapse;
  5204. 		padding-top: 5px;
  5205. 		text-align: center;
  5206. 	}
  5207.  
  5208. 	.reviews-row
  5209. 		.rnr-user-image-column
  5210. 		.rnr-user-image {
  5211. 		width: 44px;
  5212. 		height: 44px;
  5213. 	}
  5214.  
  5215. 	.reviews-row .ux-user-name {
  5216. 		font-weight: 700;
  5217. 		font-size: 14px;
  5218. 	}
  5219.  
  5220. 	.reviews-row .ux-updated-date {
  5221. 		color: #666666;
  5222. 		font-size: 12px;
  5223. 	}
  5224.  
  5225. 	.reviews-row .review-container .rating-control {
  5226. 		padding-top: 1px;
  5227. 		font-size: 11px;
  5228. 	}
  5229.  
  5230. 	.reviews-row
  5231. 		.review-container
  5232. 		.rating-control
  5233. 		.ms-Rating-star {
  5234. 		margin-top: 0;
  5235. 		outline: 0;
  5236. 		padding-bottom: 0;
  5237. 	}
  5238.  
  5239. 	.reviews-row
  5240. 		.review-container
  5241. 		.rating-control
  5242. 		.ms-Rating-star
  5243. 		.ms-Rating-button {
  5244. 		outline: 0 !important;
  5245. 		border: 0 !important;
  5246. 		padding: 0;
  5247. 		height: 100%;
  5248. 		font-size: 12px;
  5249. 		line-height: 12px;
  5250. 	}
  5251.  
  5252. 	.reviews-row .striked::after {
  5253. 		position: absolute;
  5254. 		top: 50%;
  5255. 		right: 0;
  5256. 		left: 0;
  5257. 		border-top: 1px solid;
  5258. 		content: '';
  5259. 	}
  5260.  
  5261. 	.reviews-row .reply-action-link {
  5262. 		height: 15px;
  5263. 		font-size: 12px;
  5264. 	}
  5265.  
  5266. 	.reviews-row .read-more-container {
  5267. 		margin-top: 12px;
  5268. 		margin-bottom: 10px;
  5269. 	}
  5270.  
  5271. 	.reviews-row .flag-table-container {
  5272. 		float: right;
  5273. 		padding-right: 6px;
  5274. 	}
  5275.  
  5276. 	.reviews-row .reply-readMore {
  5277. 		width: 100%;
  5278. 	}
  5279.  
  5280. 	.ms-Dialog-inner .reviews-row {
  5281. 		border: none;
  5282. 	}
  5283.  
  5284. 	.ms-Dialog-inner
  5285. 		.reviews-row
  5286. 		.rnr-user-image-column {
  5287. 		width: 12%;
  5288. 	}
  5289.  
  5290. 	.ms-Dialog-inner
  5291. 		.reviews-row
  5292. 		.rnr-review-column {
  5293. 		width: 88%;
  5294. 	}
  5295.  
  5296. 	.ms-Dialog-inner
  5297. 		.reviews-row
  5298. 		.read-more-container {
  5299. 		width: 370px;
  5300. 	}
  5301.  
  5302. 	.carousel-container {
  5303. 		position: relative;
  5304. 		margin: 0;
  5305. 	}
  5306.  
  5307. 	.carousel-wrapper,
  5308. 	.carousel-wrapperHomePage {
  5309. 		position: relative;
  5310. 		overflow: hidden;
  5311. 	}
  5312.  
  5313. 	.carousel-wrapper:hover .carousel-nav a,
  5314. 	.carousel-wrapperHomePage:hover
  5315. 		.carousel-nav
  5316. 		a {
  5317. 		display: block;
  5318. 	}
  5319.  
  5320. 	.carousel {
  5321. 		position: absolute;
  5322. 		/* Carousel item */
  5323. 	}
  5324.  
  5325. 	.carousel .carousel-item {
  5326. 		float: left;
  5327. 		margin-top: 16px;
  5328. 		margin-right: 12.5px;
  5329. 		margin-left: 1px;
  5330. 	}
  5331.  
  5332. 	.carousel .carousel-item:nth-last-child(1) {
  5333. 		/*this is the first one so shift it to the left*/
  5334. 		margin-right: 0;
  5335. 	}
  5336.  
  5337. 	.item-carousel.images .carousel .carousel-item {
  5338. 		float: left;
  5339. 		margin: 0;
  5340. 		padding: 0;
  5341. 	}
  5342.  
  5343. 	/*
  5344.       The following style will change as we progess in making our view more close to the requirement
  5345.   */
  5346. 	.carousel-spinner {
  5347. 		position: absolute;
  5348. 		top: 45%;
  5349. 		left: 48.5%;
  5350. 		vertical-align: middle;
  5351. 		margin: auto;
  5352. 		background: url('../../_content/big-progress.gif');
  5353. 		width: 36px;
  5354. 		height: 36px;
  5355. 	}
  5356.  
  5357. 	.carousel-nav a {
  5358. 		position: absolute;
  5359. 		top: 50%;
  5360. 		z-index: 10;
  5361. 		margin-top: -20px;
  5362. 		padding: 2px 0 0;
  5363. 		color: rgb(0 90 158 / 100%);
  5364. 		color: var(
  5365. 			--communication-foreground,
  5366. 			rgb(0 90 158 / 100%)
  5367. 		);
  5368. 		font-weight: 100;
  5369. 		font-size: 40px;
  5370. 		font-family: monospace;
  5371. 		text-align: center;
  5372. 		text-decoration: none;
  5373. 	}
  5374.  
  5375. 	.carousel-nav a:hover {
  5376. 		opacity: 100%;
  5377. 		background-color: #e2e1e1;
  5378. 		width: 38px;
  5379. 		height: auto;
  5380. 		color: #000000;
  5381. 	}
  5382.  
  5383. 	.carousel-nav
  5384. 		a
  5385. 		.bowtie-icon.bowtie-chevron-left {
  5386. 		font-size: 38px;
  5387. 	}
  5388.  
  5389. 	.carousel-nav
  5390. 		a
  5391. 		.bowtie-icon.bowtie-chevron-right {
  5392. 		font-size: 38px;
  5393. 	}
  5394.  
  5395. 	.carousel-nav a.disabled {
  5396. 		color: #d5d5d5;
  5397. 	}
  5398.  
  5399. 	.carousel-nav a.disabled:hover {
  5400. 		color: #d5d5d5;
  5401. 	}
  5402.  
  5403. 	.carousel-nav .carousel-prev {
  5404. 		left: -40px;
  5405. 	}
  5406.  
  5407. 	.carousel-nav .carousel-next {
  5408. 		right: -40px;
  5409. 	}
  5410.  
  5411. 	.carousel-indicators {
  5412. 		margin-top: 5px;
  5413. 		text-align: center;
  5414. 	}
  5415.  
  5416. 	.carousel-indicators .indicator {
  5417. 		display: inline-block;
  5418. 		margin-right: 12px;
  5419. 		border: 1px solid;
  5420. 		border-radius: 50%;
  5421. 		background: rgb(0 0 0 / 30%);
  5422. 		width: 12px;
  5423. 		height: 12px;
  5424. 	}
  5425.  
  5426. 	.carousel-indicators .indicator.active,
  5427. 	.carousel-indicators .indicator:hover {
  5428. 		background: rgb(0 0 0 / 80%);
  5429. 	}
  5430.  
  5431. 	.flag-control {
  5432. 		color: rgb(0 0 0 / 55%);
  5433. 		color: var(
  5434. 			--text-secondary-color,
  5435. 			rgb(0 0 0 / 55%)
  5436. 		);
  5437. 		font-size: 14px;
  5438. 	}
  5439.  
  5440. 	.flag-control:focus {
  5441. 		color: rgb(0 69 120 / 100%);
  5442. 		color: rgba(
  5443. 			var(--palette-primary-shade-30, 0, 69, 120),
  5444. 			1
  5445. 		);
  5446. 	}
  5447.  
  5448. 	.flag-control:hover {
  5449. 		cursor: pointer;
  5450. 		color: rgb(0 69 120 / 100%);
  5451. 		color: rgba(
  5452. 			var(--palette-primary-shade-30, 0, 69, 120),
  5453. 			1
  5454. 		);
  5455. 	}
  5456.  
  5457. 	.link-as-button {
  5458. 		height: initial;
  5459. 	}
  5460.  
  5461. 	.link-as-button:hover {
  5462. 		text-decoration: underline;
  5463. 	}
  5464.  
  5465. 	.certified-badge-container {
  5466. 		display: flex;
  5467. 		flex-direction: row;
  5468. 		margin-right: 6px;
  5469. 	}
  5470.  
  5471. 	.certified-badge-container
  5472. 		.certified-badge-image {
  5473. 		color: inherit !important;
  5474. 		font-size: 17px;
  5475. 		line-height: 17px;
  5476. 	}
  5477.  
  5478. 	.certified-badge-container
  5479. 		.certified-badge-image
  5480. 		.certified-badge-foreground {
  5481. 		position: absolute;
  5482. 		padding-left: 4px;
  5483. 	}
  5484.  
  5485. 	.certified-badge-container
  5486. 		.certified-badge-text {
  5487. 		margin-left: 3px;
  5488. 		border-width: 1px;
  5489. 		border-style: solid;
  5490. 		border-color: rgb(200 200 200 / 100%);
  5491. 		border-color: rgba(
  5492. 			var(--palette-neutral-20, 200, 200, 200),
  5493. 			1
  5494. 		);
  5495. 		border-radius: 13px;
  5496. 		padding: 0 9px 0 16px;
  5497. 		height: 18px;
  5498. 		color: inherit !important;
  5499. 		font-weight: 600;
  5500. 		font-size: 11px;
  5501. 	}
  5502.  
  5503. 	.optIn-bar {
  5504. 		padding: 8px 0 !important;
  5505. 	}
  5506.  
  5507. 	.optIn-bar .optIn-action-button {
  5508. 		height: auto;
  5509. 	}
  5510.  
  5511. 	.react-read-more-text {
  5512. 		font-size: 14px;
  5513. 		white-space: pre-line;
  5514. 	}
  5515.  
  5516. 	.verified-domain-icon-container {
  5517. 		display: flex;
  5518. 		flex-direction: row;
  5519. 		margin-right: 6px;
  5520. 		margin-right: 10;
  5521. 		color: #0078d4;
  5522. 		font-size: 17px;
  5523. 		line-height: 17px;
  5524. 	}
  5525.  
  5526. 	.verified-domain-icon-container
  5527. 		.verified-domain-icon-background {
  5528. 		position: absolute;
  5529. 		color: #ffffff;
  5530. 		line-height: 15px;
  5531. 	}
  5532.  
  5533. 	.verified-domain-icon-container
  5534. 		.verified-domain-icon-foreground {
  5535. 		position: absolute;
  5536. 		z-index: 1;
  5537. 		line-height: 15px;
  5538. 	}
  5539.  
  5540. 	.verified-publisher-domain-url {
  5541. 		margin-left: 25px;
  5542. 		font-size: 16px;
  5543. 	}
  5544.  
  5545. 	.ux-section-banner
  5546. 		.item-header-content.dark
  5547. 		a.verified-publisher-domain-url {
  5548. 		color: white;
  5549. 		text-decoration: underline;
  5550. 	}
  5551.  
  5552. 	.verified-publisher-domain-container {
  5553. 		line-height: 13px;
  5554. 	}
  5555.  
  5556. 	.ux-section-capabilities
  5557. 		.capabilities-list-item {
  5558. 		margin-bottom: 4px;
  5559. 		color: #666;
  5560. 	}
  5561. }