☰

visualstudio.com - Dark Mode

Dark mode theme for Visual Studio

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