☰

visualstudio.com - Dark Mode

Dark mode theme for Visual Studio

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

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