☰

visualstudio.com - Dark Mode

Dark mode theme for Visual Studio

当前为 2024-12-15 提交的版本，查看 最新版本。

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