You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

1406 lines
33 KiB

  1. /*!
  2. * # Semantic UI 2.1.6 - Dropdown
  3. * http://github.com/semantic-org/semantic-ui/
  4. *
  5. *
  6. * Copyright 2015 Contributors
  7. * Released under the MIT license
  8. * http://opensource.org/licenses/MIT
  9. *
  10. */
  11. /*******************************
  12. Dropdown
  13. *******************************/
  14. .ui.dropdown {
  15. cursor: pointer;
  16. position: relative;
  17. display: inline-block;
  18. outline: none;
  19. text-align: left;
  20. -webkit-transition: box-shadow 0.1s ease, width 0.1s ease;
  21. transition: box-shadow 0.1s ease, width 0.1s ease;
  22. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  23. }
  24. /*******************************
  25. Content
  26. *******************************/
  27. /*--------------
  28. Menu
  29. ---------------*/
  30. .ui.dropdown .menu {
  31. cursor: auto;
  32. position: absolute;
  33. display: none;
  34. outline: none;
  35. top: 100%;
  36. min-width: -webkit-max-content;
  37. min-width: -moz-max-content;
  38. min-width: max-content;
  39. margin: 0em;
  40. padding: 0em 0em;
  41. background: #FFFFFF;
  42. font-size: 1em;
  43. text-shadow: none;
  44. text-align: left;
  45. box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
  46. border: 1px solid rgba(34, 36, 38, 0.15);
  47. border-radius: 0.28571429rem;
  48. -webkit-transition: opacity 0.1s ease;
  49. transition: opacity 0.1s ease;
  50. z-index: 11;
  51. will-change: transform, opacity;
  52. }
  53. .ui.dropdown .menu > * {
  54. white-space: nowrap;
  55. }
  56. /*--------------
  57. Hidden Input
  58. ---------------*/
  59. .ui.dropdown > input:not(.search):first-child,
  60. .ui.dropdown > select {
  61. display: none !important;
  62. }
  63. /*--------------
  64. Dropdown Icon
  65. ---------------*/
  66. .ui.dropdown > .dropdown.icon {
  67. position: relative;
  68. width: auto;
  69. font-size: 0.85714286em;
  70. margin: 0em 0em 0em 1em;
  71. }
  72. .ui.dropdown .menu > .item .dropdown.icon {
  73. width: auto;
  74. float: right;
  75. margin: 0em 0em 0em 1em;
  76. }
  77. .ui.dropdown .menu > .item .dropdown.icon + .text {
  78. margin-right: 1em;
  79. }
  80. /*--------------
  81. Text
  82. ---------------*/
  83. .ui.dropdown > .text {
  84. display: inline-block;
  85. -webkit-transition: none;
  86. transition: none;
  87. }
  88. /*--------------
  89. Menu Item
  90. ---------------*/
  91. .ui.dropdown .menu > .item {
  92. position: relative;
  93. cursor: pointer;
  94. display: block;
  95. border: none;
  96. height: auto;
  97. text-align: left;
  98. border-top: none;
  99. line-height: 1em;
  100. color: rgba(0, 0, 0, 0.87);
  101. padding: 0.71428571rem 1.14285714rem !important;
  102. font-size: 1rem;
  103. text-transform: none;
  104. font-weight: normal;
  105. box-shadow: none;
  106. -webkit-touch-callout: none;
  107. }
  108. .ui.dropdown .menu > .item:first-child {
  109. border-top-width: 0px;
  110. }
  111. /*--------------
  112. Floated Content
  113. ---------------*/
  114. .ui.dropdown > .text > [class*="right floated"],
  115. .ui.dropdown .menu .item > [class*="right floated"] {
  116. float: right !important;
  117. margin-right: 0em !important;
  118. margin-left: 1em !important;
  119. }
  120. .ui.dropdown > .text > [class*="left floated"],
  121. .ui.dropdown .menu .item > [class*="left floated"] {
  122. float: left !important;
  123. margin-left: 0em !important;
  124. margin-right: 1em !important;
  125. }
  126. .ui.dropdown .menu .item > .icon.floated,
  127. .ui.dropdown .menu .item > .flag.floated,
  128. .ui.dropdown .menu .item > .image.floated,
  129. .ui.dropdown .menu .item > img.floated {
  130. margin-top: 0em;
  131. }
  132. /*--------------
  133. Menu Divider
  134. ---------------*/
  135. .ui.dropdown .menu > .header {
  136. margin: 1rem 0rem 0.75rem;
  137. padding: 0em 1.14285714rem;
  138. color: rgba(0, 0, 0, 0.85);
  139. font-size: 0.78571429em;
  140. font-weight: bold;
  141. text-transform: uppercase;
  142. }
  143. .ui.dropdown .menu > .divider {
  144. border-top: 1px solid rgba(34, 36, 38, 0.1);
  145. height: 0em;
  146. margin: 0.5em 0em;
  147. }
  148. .ui.dropdown .menu > .input {
  149. width: auto;
  150. display: -webkit-box;
  151. display: -webkit-flex;
  152. display: -ms-flexbox;
  153. display: flex;
  154. margin: 1.14285714rem 0.71428571rem;
  155. min-width: 10rem;
  156. }
  157. .ui.dropdown .menu > .header + .input {
  158. margin-top: 0em;
  159. }
  160. .ui.dropdown .menu > .input:not(.transparent) input {
  161. padding: 0.5em 1em;
  162. }
  163. .ui.dropdown .menu > .input:not(.transparent) .button,
  164. .ui.dropdown .menu > .input:not(.transparent) .icon,
  165. .ui.dropdown .menu > .input:not(.transparent) .label {
  166. padding-top: 0.5em;
  167. padding-bottom: 0.5em;
  168. }
  169. /*-----------------
  170. Item Description
  171. -------------------*/
  172. .ui.dropdown > .text > .description,
  173. .ui.dropdown .menu > .item > .description {
  174. float: right;
  175. margin: 0em 0em 0em 1em;
  176. color: rgba(0, 0, 0, 0.4);
  177. }
  178. /*-----------------
  179. Message
  180. -------------------*/
  181. .ui.dropdown .menu > .message {
  182. padding: 0.71428571rem 1.14285714rem;
  183. font-weight: normal;
  184. }
  185. .ui.dropdown .menu > .message:not(.ui) {
  186. color: rgba(0, 0, 0, 0.4);
  187. }
  188. /*--------------
  189. Sub Menu
  190. ---------------*/
  191. .ui.dropdown .menu .menu {
  192. top: 0% !important;
  193. left: 100% !important;
  194. right: auto !important;
  195. margin: 0em 0em 0em -0.5em !important;
  196. border-radius: 0.28571429rem !important;
  197. z-index: 21 !important;
  198. }
  199. /* Hide Arrow */
  200. .ui.dropdown .menu .menu:after {
  201. display: none;
  202. }
  203. /*--------------
  204. Sub Elements
  205. ---------------*/
  206. /* Icons / Flags / Labels / Image */
  207. .ui.dropdown > .text > .icon,
  208. .ui.dropdown > .text > .label,
  209. .ui.dropdown > .text > .flag,
  210. .ui.dropdown > .text > img,
  211. .ui.dropdown > .text > .image {
  212. margin-top: 0em;
  213. }
  214. .ui.dropdown .menu > .item > .icon,
  215. .ui.dropdown .menu > .item > .label,
  216. .ui.dropdown .menu > .item > .flag,
  217. .ui.dropdown .menu > .item > .image,
  218. .ui.dropdown .menu > .item > img {
  219. margin-top: 0em;
  220. }
  221. .ui.dropdown > .text > .icon,
  222. .ui.dropdown > .text > .label,
  223. .ui.dropdown > .text > .flag,
  224. .ui.dropdown > .text > img,
  225. .ui.dropdown > .text > .image,
  226. .ui.dropdown .menu > .item > .icon,
  227. .ui.dropdown .menu > .item > .label,
  228. .ui.dropdown .menu > .item > .flag,
  229. .ui.dropdown .menu > .item > .image,
  230. .ui.dropdown .menu > .item > img {
  231. margin-left: 0em;
  232. float: none;
  233. margin-right: 0.71428571rem;
  234. }
  235. /*--------------
  236. Image
  237. ---------------*/
  238. .ui.dropdown > .text > img,
  239. .ui.dropdown > .text > .image,
  240. .ui.dropdown .menu > .item > .image,
  241. .ui.dropdown .menu > .item > img {
  242. display: inline-block;
  243. vertical-align: middle;
  244. width: auto;
  245. max-height: 2em;
  246. }
  247. /*******************************
  248. Coupling
  249. *******************************/
  250. /*--------------
  251. Menu
  252. ---------------*/
  253. /* Remove Menu Item Divider */
  254. .ui.dropdown .ui.menu > .item:before,
  255. .ui.menu .ui.dropdown .menu > .item:before {
  256. display: none;
  257. }
  258. /* Prevent Menu Item Border */
  259. .ui.menu .ui.dropdown .menu .active.item {
  260. border-left: none;
  261. }
  262. /* Automatically float dropdown menu right on last menu item */
  263. .ui.menu .right.menu .dropdown:last-child .menu,
  264. .ui.menu .right.dropdown.item .menu,
  265. .ui.buttons > .ui.dropdown:last-child .menu {
  266. left: auto;
  267. right: 0em;
  268. }
  269. /*--------------
  270. Label
  271. ---------------*/
  272. /* Dropdown Menu */
  273. .ui.label.dropdown .menu {
  274. min-width: 100%;
  275. }
  276. /*--------------
  277. Button
  278. ---------------*/
  279. /* No Margin On Icon Button */
  280. .ui.dropdown.icon.button > .dropdown.icon {
  281. margin: 0em;
  282. }
  283. .ui.button.dropdown .menu {
  284. min-width: 100%;
  285. }
  286. /*******************************
  287. Types
  288. *******************************/
  289. /*--------------
  290. Selection
  291. ---------------*/
  292. /* Displays like a select box */
  293. .ui.selection.dropdown {
  294. cursor: pointer;
  295. word-wrap: break-word;
  296. line-height: 1em;
  297. white-space: normal;
  298. outline: 0;
  299. -webkit-transform: rotateZ(0deg);
  300. transform: rotateZ(0deg);
  301. min-width: 14em;
  302. min-height: 2.7142em;
  303. background: #FFFFFF;
  304. display: inline-block;
  305. padding: 0.78571429em 2.6em 0.78571429em 1em;
  306. color: rgba(0, 0, 0, 0.87);
  307. box-shadow: none;
  308. border: 1px solid rgba(34, 36, 38, 0.15);
  309. border-radius: 0.28571429rem;
  310. -webkit-transition: box-shadow 0.1s ease, width 0.1s ease;
  311. transition: box-shadow 0.1s ease, width 0.1s ease;
  312. }
  313. .ui.selection.dropdown.visible,
  314. .ui.selection.dropdown.active {
  315. z-index: 10;
  316. }
  317. select.ui.dropdown {
  318. height: 38px;
  319. padding: 0.5em;
  320. border: 1px solid rgba(34, 36, 38, 0.15);
  321. visibility: visible;
  322. }
  323. .ui.selection.dropdown > .search.icon,
  324. .ui.selection.dropdown > .delete.icon,
  325. .ui.selection.dropdown > .dropdown.icon {
  326. cursor: pointer;
  327. position: absolute;
  328. top: auto;
  329. width: auto;
  330. z-index: 3;
  331. margin: -0.78571429em;
  332. padding: 0.78571429em;
  333. right: 1em;
  334. opacity: 0.8;
  335. -webkit-transition: opacity 0.1s ease;
  336. transition: opacity 0.1s ease;
  337. }
  338. /* Compact */
  339. .ui.compact.selection.dropdown {
  340. min-width: 0px;
  341. }
  342. /* Selection Menu */
  343. .ui.selection.dropdown .menu {
  344. overflow-x: hidden;
  345. overflow-y: auto;
  346. -webkit-backface-visibility: hidden;
  347. backface-visibility: hidden;
  348. -webkit-overflow-scrolling: touch;
  349. border-top-width: 0px !important;
  350. width: auto;
  351. outline: none;
  352. margin: 0px -1px;
  353. min-width: calc(100% + 2px );
  354. width: calc(100% + 2px );
  355. border-radius: 0em 0em 0.28571429rem 0.28571429rem;
  356. box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
  357. -webkit-transition: opacity 0.1s ease;
  358. transition: opacity 0.1s ease;
  359. }
  360. .ui.selection.dropdown .menu:after,
  361. .ui.selection.dropdown .menu:before {
  362. display: none;
  363. }
  364. /*--------------
  365. Message
  366. ---------------*/
  367. .ui.selection.dropdown .menu > .message {
  368. padding: 0.71428571rem 1.14285714rem;
  369. }
  370. @media only screen and (max-width: 767px) {
  371. .ui.selection.dropdown .menu {
  372. max-height: 7.58571429rem;
  373. }
  374. }
  375. @media only screen and (min-width: 768px) {
  376. .ui.selection.dropdown .menu {
  377. max-height: 10.11428571rem;
  378. }
  379. }
  380. @media only screen and (min-width: 992px) {
  381. .ui.selection.dropdown .menu {
  382. max-height: 15.17142857rem;
  383. }
  384. }
  385. @media only screen and (min-width: 1920px) {
  386. .ui.selection.dropdown .menu {
  387. max-height: 20.22857143rem;
  388. }
  389. }
  390. /* Menu Item */
  391. .ui.selection.dropdown .menu > .item {
  392. border-top: 1px solid #FAFAFA;
  393. padding: 0.71428571rem 1.14285714rem !important;
  394. white-space: normal;
  395. word-wrap: normal;
  396. }
  397. /* Hover */
  398. .ui.selection.dropdown:hover {
  399. border-color: rgba(34, 36, 38, 0.35);
  400. box-shadow: none;
  401. }
  402. /* Active */
  403. .ui.selection.active.dropdown {
  404. border-color: #96C8DA;
  405. box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
  406. }
  407. .ui.selection.active.dropdown .menu {
  408. border-color: #96C8DA;
  409. box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
  410. }
  411. /* Focus */
  412. .ui.selection.dropdown:focus {
  413. border-color: #96C8DA;
  414. box-shadow: none;
  415. }
  416. .ui.selection.dropdown:focus .menu {
  417. border-color: #96C8DA;
  418. box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
  419. }
  420. /* Visible */
  421. .ui.selection.visible.dropdown > .text:not(.default) {
  422. font-weight: normal;
  423. color: rgba(0, 0, 0, 0.8);
  424. }
  425. /* Visible Hover */
  426. .ui.selection.active.dropdown:hover {
  427. border-color: #96C8DA;
  428. box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
  429. }
  430. .ui.selection.active.dropdown:hover .menu {
  431. border-color: #96C8DA;
  432. box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
  433. }
  434. /* Dropdown Icon */
  435. .ui.active.selection.dropdown > .dropdown.icon,
  436. .ui.visible.selection.dropdown > .dropdown.icon {
  437. opacity: 1;
  438. z-index: 3;
  439. }
  440. /* Connecting Border */
  441. .ui.active.selection.dropdown {
  442. border-bottom-left-radius: 0em !important;
  443. border-bottom-right-radius: 0em !important;
  444. }
  445. /*--------------
  446. Searchable
  447. ---------------*/
  448. /* Search Selection */
  449. .ui.search.dropdown {
  450. min-width: '';
  451. }
  452. /* Search Dropdown */
  453. .ui.search.dropdown > input.search {
  454. background: none transparent !important;
  455. border: none !important;
  456. box-shadow: none !important;
  457. cursor: pointer;
  458. top: 0em;
  459. left: 0em;
  460. width: 100%;
  461. outline: none;
  462. -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  463. padding: inherit;
  464. }
  465. /* Text Layering */
  466. .ui.search.dropdown > input.search {
  467. position: absolute;
  468. z-index: 2;
  469. }
  470. .ui.search.dropdown > .text {
  471. cursor: text;
  472. position: relative;
  473. z-index: 3;
  474. }
  475. /* Search Selection */
  476. .ui.search.selection.dropdown > input.search {
  477. line-height: 1.2142em;
  478. padding: 0.67861429em 2.6em 0.67861429em 1em;
  479. }
  480. /* Active/Visible Search */
  481. .ui.search.dropdown.active > input.search,
  482. .ui.search.dropdown.visible > input.search {
  483. cursor: auto;
  484. }
  485. .ui.search.dropdown.active > .text,
  486. .ui.search.dropdown.visible > .text {
  487. pointer-events: none;
  488. }
  489. /* Filtered Text */
  490. .ui.active.search.dropdown input.search:focus + .text .icon,
  491. .ui.active.search.dropdown input.search:focus + .text .flag {
  492. opacity: 0.45;
  493. }
  494. .ui.active.search.dropdown input.search:focus + .text {
  495. color: rgba(0, 0, 0, 0.4) !important;
  496. }
  497. /* Search Menu */
  498. .ui.search.dropdown .menu {
  499. overflow-x: hidden;
  500. overflow-y: auto;
  501. -webkit-backface-visibility: hidden;
  502. backface-visibility: hidden;
  503. -webkit-overflow-scrolling: touch;
  504. }
  505. @media only screen and (max-width: 767px) {
  506. .ui.search.dropdown .menu {
  507. max-height: 7.58571429rem;
  508. }
  509. }
  510. @media only screen and (min-width: 768px) {
  511. .ui.search.dropdown .menu {
  512. max-height: 10.11428571rem;
  513. }
  514. }
  515. @media only screen and (min-width: 992px) {
  516. .ui.search.dropdown .menu {
  517. max-height: 15.17142857rem;
  518. }
  519. }
  520. @media only screen and (min-width: 1920px) {
  521. .ui.search.dropdown .menu {
  522. max-height: 20.22857143rem;
  523. }
  524. }
  525. /*--------------
  526. Multiple
  527. ---------------*/
  528. /* Multiple Selection */
  529. .ui.multiple.dropdown {
  530. padding: 0.22620476em 2.6em 0.22620476em 0.28571429em;
  531. }
  532. .ui.multiple.dropdown .menu {
  533. cursor: auto;
  534. }
  535. /* Multiple Search Selection */
  536. .ui.multiple.search.dropdown,
  537. .ui.multiple.search.dropdown > input.search {
  538. cursor: text;
  539. }
  540. /* Selection Label */
  541. .ui.multiple.dropdown > .label {
  542. -webkit-user-select: none;
  543. -moz-user-select: none;
  544. -ms-user-select: none;
  545. user-select: none;
  546. display: inline-block;
  547. vertical-align: top;
  548. white-space: normal;
  549. font-size: 1em;
  550. padding: 0.35714286em 0.71428571em;
  551. margin: 0.21428571em 0.28571429rem 0.21428571em 0em;
  552. box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
  553. }
  554. /* Dropdown Icon */
  555. .ui.multiple.dropdown .dropdown.icon {
  556. margin: 0em -0.71428571em 0em 0em;
  557. padding: 0.5em;
  558. }
  559. /* Text */
  560. .ui.multiple.dropdown > .text {
  561. position: static;
  562. padding: 0;
  563. max-width: 100%;
  564. margin: 0.45240952em 0em 0.45240952em 0.71428571em;
  565. line-height: 1.2142em;
  566. }
  567. .ui.multiple.dropdown > .label ~ .text {
  568. display: none;
  569. }
  570. /*-----------------
  571. Multiple Search
  572. -----------------*/
  573. /* Prompt Text */
  574. .ui.multiple.search.dropdown > .text {
  575. display: inline-block;
  576. position: absolute;
  577. top: 0;
  578. left: 0;
  579. padding: inherit;
  580. margin: 0.45240952em 0em 0.45240952em 0.71428571em;
  581. line-height: 1.2142em;
  582. }
  583. .ui.multiple.search.dropdown > .label ~ .text {
  584. display: none;
  585. }
  586. /* Search */
  587. .ui.multiple.search.dropdown > input.search {
  588. position: static;
  589. padding: 0;
  590. max-width: 100%;
  591. margin: 0.45240952em 0em 0.45240952em 0.71428571em;
  592. width: 2.2em;
  593. line-height: 1.2142em;
  594. }
  595. /*--------------
  596. Inline
  597. ---------------*/
  598. .ui.inline.dropdown {
  599. cursor: pointer;
  600. display: inline-block;
  601. color: inherit;
  602. }
  603. .ui.inline.dropdown .dropdown.icon {
  604. margin: 0em 0.5em 0em 0.25em;
  605. vertical-align: baseline;
  606. }
  607. .ui.inline.dropdown > .text {
  608. font-weight: bold;
  609. }
  610. .ui.inline.dropdown .menu {
  611. cursor: auto;
  612. margin-top: 0.25em;
  613. border-radius: 0.28571429rem;
  614. }
  615. /*******************************
  616. States
  617. *******************************/
  618. /*--------------------
  619. Active
  620. ----------------------*/
  621. /* Menu Item Active */
  622. .ui.dropdown .menu .active.item {
  623. background: transparent;
  624. font-weight: bold;
  625. color: rgba(0, 0, 0, 0.95);
  626. box-shadow: none;
  627. z-index: 12;
  628. }
  629. /*--------------------
  630. Hover
  631. ----------------------*/
  632. /* Menu Item Hover */
  633. .ui.dropdown .menu > .item:hover {
  634. background: rgba(0, 0, 0, 0.05);
  635. color: rgba(0, 0, 0, 0.95);
  636. z-index: 13;
  637. }
  638. /*--------------------
  639. Loading
  640. ---------------------*/
  641. /* Positioning */
  642. .ui.loading.dropdown > i.icon:before,
  643. .ui.loading.dropdown > i.icon:after {
  644. left: 30% !important;
  645. }
  646. .ui.loading.dropdown > i.icon {
  647. top: 50% !important;
  648. }
  649. .ui.multiple.loading.dropdown > i.icon:before,
  650. .ui.multiple.loading.dropdown > i.icon:after {
  651. top: 0% !important;
  652. left: 0% !important;
  653. }
  654. .ui.loading.dropdown > i.icon:before {
  655. position: absolute;
  656. content: '';
  657. top: 50%;
  658. left: 50%;
  659. margin: -0.64285714em 0em 0em -0.64285714em;
  660. width: 1.28571429em;
  661. height: 1.28571429em;
  662. border-radius: 500rem;
  663. border: 0.2em solid rgba(0, 0, 0, 0.1);
  664. }
  665. .ui.loading.dropdown > i.icon:after {
  666. position: absolute;
  667. content: '';
  668. top: 50%;
  669. left: 50%;
  670. box-shadow: 0px 0px 0px 1px transparent;
  671. margin: -0.64285714em 0em 0em -0.64285714em;
  672. width: 1.28571429em;
  673. height: 1.28571429em;
  674. -webkit-animation: dropdown-spin 0.6s linear;
  675. animation: dropdown-spin 0.6s linear;
  676. -webkit-animation-iteration-count: infinite;
  677. animation-iteration-count: infinite;
  678. border-radius: 500rem;
  679. border-color: #767676 transparent transparent;
  680. border-style: solid;
  681. border-width: 0.2em;
  682. }
  683. /* Coupling */
  684. .ui.loading.dropdown.button > i.icon:before,
  685. .ui.loading.dropdown.button > i.icon:after {
  686. display: none;
  687. }
  688. @-webkit-keyframes dropdown-spin {
  689. from {
  690. -webkit-transform: rotate(0deg);
  691. transform: rotate(0deg);
  692. }
  693. to {
  694. -webkit-transform: rotate(360deg);
  695. transform: rotate(360deg);
  696. }
  697. }
  698. @keyframes dropdown-spin {
  699. from {
  700. -webkit-transform: rotate(0deg);
  701. transform: rotate(0deg);
  702. }
  703. to {
  704. -webkit-transform: rotate(360deg);
  705. transform: rotate(360deg);
  706. }
  707. }
  708. /*--------------------
  709. Default Text
  710. ----------------------*/
  711. .ui.dropdown > .default.text,
  712. .ui.default.dropdown > .text {
  713. color: rgba(179, 179, 179, 0.7);
  714. }
  715. .ui.dropdown:hover > .default.text,
  716. .ui.default.dropdown:hover > .text {
  717. color: rgba(179, 179, 179, 0.7);
  718. }
  719. /*--------------------
  720. Loading
  721. ----------------------*/
  722. .ui.loading.dropdown > .text {
  723. -webkit-transition: none;
  724. transition: none;
  725. }
  726. /* Used To Check Position */
  727. .ui.dropdown .loading.menu {
  728. display: block;
  729. visibility: hidden;
  730. z-index: -1;
  731. }
  732. /*--------------------
  733. Keyboard Select
  734. ----------------------*/
  735. /* Selected Item */
  736. .ui.dropdown.selected,
  737. .ui.dropdown .menu .selected.item {
  738. background: rgba(0, 0, 0, 0.03);
  739. color: rgba(0, 0, 0, 0.95);
  740. }
  741. /*--------------------
  742. Search Filtered
  743. ----------------------*/
  744. /* Filtered Item */
  745. .ui.dropdown > .filtered.text {
  746. visibility: hidden;
  747. }
  748. .ui.dropdown .filtered.item {
  749. display: none !important;
  750. }
  751. /*--------------------
  752. Error
  753. ----------------------*/
  754. .ui.dropdown.error,
  755. .ui.dropdown.error > .text,
  756. .ui.dropdown.error > .default.text {
  757. color: #9F3A38;
  758. }
  759. .ui.selection.dropdown.error {
  760. background: #FFF6F6;
  761. border-color: #E0B4B4;
  762. }
  763. .ui.selection.dropdown.error:hover {
  764. border-color: #E0B4B4;
  765. }
  766. .ui.dropdown.error > .menu,
  767. .ui.dropdown.error > .menu .menu {
  768. border-color: #E0B4B4;
  769. }
  770. .ui.dropdown.error > .menu > .item {
  771. color: #9F3A38;
  772. }
  773. .ui.multiple.selection.error.dropdown > .label {
  774. border-color: #E0B4B4;
  775. }
  776. /* Item Hover */
  777. .ui.dropdown.error > .menu > .item:hover {
  778. background-color: #FFF2F2;
  779. }
  780. /* Item Active */
  781. .ui.dropdown.error > .menu .active.item {
  782. background-color: #FDCFCF;
  783. }
  784. /*--------------------
  785. Disabled
  786. ----------------------*/
  787. /* Disabled */
  788. .ui.disabled.dropdown,
  789. .ui.dropdown .menu > .disabled.item {
  790. cursor: default;
  791. pointer-events: none;
  792. opacity: 0.45;
  793. }
  794. /*******************************
  795. Variations
  796. *******************************/
  797. /*--------------
  798. Direction
  799. ---------------*/
  800. /* Flyout Direction */
  801. .ui.dropdown .menu {
  802. left: 0px;
  803. }
  804. /* Default Side (Right) */
  805. .ui.dropdown .right.menu > .menu,
  806. .ui.dropdown .menu .right.menu {
  807. left: 100% !important;
  808. right: auto !important;
  809. border-radius: 0.28571429rem !important;
  810. }
  811. /* Left Flyout Menu */
  812. .ui.dropdown > .left.menu .menu,
  813. .ui.dropdown .menu .left.menu {
  814. left: auto !important;
  815. right: 100% !important;
  816. border-radius: 0.28571429rem !important;
  817. }
  818. .ui.dropdown .item .left.dropdown.icon,
  819. .ui.dropdown .left.menu .item .dropdown.icon {
  820. width: auto;
  821. float: left;
  822. margin: 0em 0.71428571rem 0em 0em;
  823. }
  824. .ui.dropdown .item .left.dropdown.icon,
  825. .ui.dropdown .left.menu .item .dropdown.icon {
  826. width: auto;
  827. float: left;
  828. margin: 0em 0.71428571rem 0em 0em;
  829. }
  830. .ui.dropdown .item .left.dropdown.icon + .text,
  831. .ui.dropdown .left.menu .item .dropdown.icon + .text {
  832. margin-left: 1em;
  833. }
  834. /*--------------
  835. Upward
  836. ---------------*/
  837. /* Upward Main Menu */
  838. .ui.upward.dropdown > .menu {
  839. top: auto;
  840. bottom: 100%;
  841. box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08);
  842. border-radius: 0.28571429rem 0.28571429rem 0em 0em;
  843. }
  844. /* Upward Sub Menu */
  845. .ui.dropdown .upward.menu {
  846. top: auto !important;
  847. bottom: 0 !important;
  848. }
  849. /* Active Upward */
  850. .ui.simple.upward.active.dropdown,
  851. .ui.simple.upward.dropdown:hover {
  852. border-radius: 0.28571429rem 0.28571429rem 0em 0em !important;
  853. }
  854. .ui.upward.dropdown.button:not(.pointing):not(.floating).active {
  855. border-radius: 0.28571429rem 0.28571429rem 0em 0em;
  856. }
  857. /* Selection */
  858. .ui.upward.selection.dropdown .menu {
  859. border-top-width: 1px !important;
  860. border-bottom-width: 0px !important;
  861. box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08);
  862. }
  863. .ui.upward.selection.dropdown:hover {
  864. box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.05);
  865. }
  866. /* Active Upward */
  867. .ui.active.upward.selection.dropdown {
  868. border-radius: 0em 0em 0.28571429rem 0.28571429rem !important;
  869. }
  870. /* Visible Upward */
  871. .ui.upward.selection.dropdown.visible {
  872. box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08);
  873. border-radius: 0em 0em 0.28571429rem 0.28571429rem !important;
  874. }
  875. /* Visible Hover Upward */
  876. .ui.upward.active.selection.dropdown:hover {
  877. box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.05);
  878. }
  879. .ui.upward.active.selection.dropdown:hover .menu {
  880. box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08);
  881. }
  882. /*--------------
  883. Simple
  884. ---------------*/
  885. /* Selection Menu */
  886. .ui.scrolling.dropdown .menu,
  887. .ui.dropdown .scrolling.menu {
  888. overflow-x: hidden;
  889. overflow-y: auto;
  890. }
  891. .ui.scrolling.dropdown .menu {
  892. overflow-x: hidden;
  893. overflow-y: auto;
  894. -webkit-backface-visibility: hidden;
  895. backface-visibility: hidden;
  896. -webkit-overflow-scrolling: touch;
  897. min-width: 100% !important;
  898. width: auto !important;
  899. }
  900. .ui.dropdown .scrolling.menu {
  901. position: static;
  902. overflow-y: auto;
  903. border: none;
  904. box-shadow: none !important;
  905. border-radius: 0 !important;
  906. margin: 0 !important;
  907. min-width: 100% !important;
  908. width: auto !important;
  909. border-top: 1px solid rgba(34, 36, 38, 0.15);
  910. }
  911. .ui.scrolling.dropdown .menu .item.item.item,
  912. .ui.dropdown .scrolling.menu > .item.item.item {
  913. border-top: none;
  914. padding-right: calc( 1.14285714rem + 17px ) !important;
  915. }
  916. .ui.scrolling.dropdown .menu .item:first-child,
  917. .ui.dropdown .scrolling.menu .item:first-child {
  918. border-top: none;
  919. }
  920. .ui.dropdown > .animating.menu .scrolling.menu,
  921. .ui.dropdown > .visible.menu .scrolling.menu {
  922. display: block;
  923. }
  924. /* Scrollbar in IE */
  925. @media all and (-ms-high-contrast: none) {
  926. .ui.scrolling.dropdown .menu,
  927. .ui.dropdown .scrolling.menu {
  928. min-width: calc(100% - 17px );
  929. }
  930. }
  931. @media only screen and (max-width: 767px) {
  932. .ui.scrolling.dropdown .menu,
  933. .ui.dropdown .scrolling.menu {
  934. max-height: 9.71428571rem;
  935. }
  936. }
  937. @media only screen and (min-width: 768px) {
  938. .ui.scrolling.dropdown .menu,
  939. .ui.dropdown .scrolling.menu {
  940. max-height: 14.57142857rem;
  941. }
  942. }
  943. @media only screen and (min-width: 992px) {
  944. .ui.scrolling.dropdown .menu,
  945. .ui.dropdown .scrolling.menu {
  946. max-height: 19.42857143rem;
  947. }
  948. }
  949. @media only screen and (min-width: 1920px) {
  950. .ui.scrolling.dropdown .menu,
  951. .ui.dropdown .scrolling.menu {
  952. max-height: 19.42857143rem;
  953. }
  954. }
  955. /*--------------
  956. Simple
  957. ---------------*/
  958. /* Displays without javascript */
  959. .ui.simple.dropdown .menu:before,
  960. .ui.simple.dropdown .menu:after {
  961. display: none;
  962. }
  963. .ui.simple.dropdown .menu {
  964. position: absolute;
  965. display: block;
  966. overflow: hidden;
  967. top: -9999px !important;
  968. opacity: 0;
  969. width: 0;
  970. height: 0;
  971. -webkit-transition: opacity 0.1s ease;
  972. transition: opacity 0.1s ease;
  973. }
  974. .ui.simple.active.dropdown,
  975. .ui.simple.dropdown:hover {
  976. border-bottom-left-radius: 0em !important;
  977. border-bottom-right-radius: 0em !important;
  978. }
  979. .ui.simple.active.dropdown > .menu,
  980. .ui.simple.dropdown:hover > .menu {
  981. overflow: visible;
  982. width: auto;
  983. height: auto;
  984. top: 100% !important;
  985. opacity: 1;
  986. }
  987. .ui.simple.dropdown > .menu > .item:active > .menu,
  988. .ui.simple.dropdown:hover > .menu > .item:hover > .menu {
  989. overflow: visible;
  990. width: auto;
  991. height: auto;
  992. top: 0% !important;
  993. left: 100% !important;
  994. opacity: 1;
  995. }
  996. .ui.simple.disabled.dropdown:hover .menu {
  997. display: none;
  998. height: 0px;
  999. width: 0px;
  1000. overflow: hidden;
  1001. }
  1002. /* Visible */
  1003. .ui.simple.visible.dropdown > .menu {
  1004. display: block;
  1005. }
  1006. /*--------------
  1007. Fluid
  1008. ---------------*/
  1009. .ui.fluid.dropdown {
  1010. display: block;
  1011. width: 100%;
  1012. min-width: 0em;
  1013. }
  1014. .ui.fluid.dropdown > .dropdown.icon {
  1015. float: right;
  1016. }
  1017. /*--------------
  1018. Floating
  1019. ---------------*/
  1020. .ui.floating.dropdown .menu {
  1021. left: 0;
  1022. right: auto;
  1023. box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.08) !important;
  1024. border-radius: 0.28571429rem !important;
  1025. }
  1026. .ui.floating.dropdown > .menu {
  1027. margin-top: 0.5em !important;
  1028. border-radius: 0.28571429rem !important;
  1029. }
  1030. /*--------------
  1031. Pointing
  1032. ---------------*/
  1033. .ui.pointing.dropdown > .menu {
  1034. top: 100%;
  1035. margin-top: 0.71428571rem;
  1036. border-radius: 0.28571429rem;
  1037. }
  1038. .ui.pointing.dropdown > .menu:after {
  1039. display: block;
  1040. position: absolute;
  1041. pointer-events: none;
  1042. content: '';
  1043. visibility: visible;
  1044. -webkit-transform: rotate(45deg);
  1045. -ms-transform: rotate(45deg);
  1046. transform: rotate(45deg);
  1047. width: 0.5em;
  1048. height: 0.5em;
  1049. box-shadow: -1px -1px 0px 1px rgba(34, 36, 38, 0.15);
  1050. background: #FFFFFF;
  1051. z-index: 2;
  1052. }
  1053. .ui.pointing.dropdown > .menu:after {
  1054. top: -0.25em;
  1055. left: 50%;
  1056. margin: 0em 0em 0em -0.25em;
  1057. }
  1058. /* Top Left Pointing */
  1059. .ui.top.left.pointing.dropdown > .menu {
  1060. top: 100%;
  1061. bottom: auto;
  1062. left: 0%;
  1063. right: auto;
  1064. margin: 1em 0em 0em;
  1065. }
  1066. .ui.top.left.pointing.dropdown > .menu {
  1067. top: 100%;
  1068. bottom: auto;
  1069. left: 0%;
  1070. right: auto;
  1071. margin: 1em 0em 0em;
  1072. }
  1073. .ui.top.left.pointing.dropdown > .menu:after {
  1074. top: -0.25em;
  1075. left: 1em;
  1076. right: auto;
  1077. margin: 0em;
  1078. -webkit-transform: rotate(45deg);
  1079. -ms-transform: rotate(45deg);
  1080. transform: rotate(45deg);
  1081. }
  1082. /* Top Right Pointing */
  1083. .ui.top.right.pointing.dropdown > .menu {
  1084. top: 100%;
  1085. bottom: auto;
  1086. right: 0%;
  1087. left: auto;
  1088. margin: 1em 0em 0em;
  1089. }
  1090. .ui.top.right.pointing.dropdown > .menu:after {
  1091. top: -0.25em;
  1092. left: auto;
  1093. right: 1em;
  1094. margin: 0em;
  1095. -webkit-transform: rotate(45deg);
  1096. -ms-transform: rotate(45deg);
  1097. transform: rotate(45deg);
  1098. }
  1099. /* Left Pointing */
  1100. .ui.left.pointing.dropdown > .menu {
  1101. top: 0%;
  1102. left: 100%;
  1103. right: auto;
  1104. margin: 0em 0em 0em 1em;
  1105. }
  1106. .ui.left.pointing.dropdown > .menu:after {
  1107. top: 1em;
  1108. left: -0.25em;
  1109. margin: 0em 0em 0em 0em;
  1110. -webkit-transform: rotate(-45deg);
  1111. -ms-transform: rotate(-45deg);
  1112. transform: rotate(-45deg);
  1113. }
  1114. /* Right Pointing */
  1115. .ui.right.pointing.dropdown > .menu {
  1116. top: 0%;
  1117. left: auto;
  1118. right: 100%;
  1119. margin: 0em 1em 0em 0em;
  1120. }
  1121. .ui.right.pointing.dropdown > .menu:after {
  1122. top: 1em;
  1123. left: auto;
  1124. right: -0.25em;
  1125. margin: 0em 0em 0em 0em;
  1126. -webkit-transform: rotate(135deg);
  1127. -ms-transform: rotate(135deg);
  1128. transform: rotate(135deg);
  1129. }
  1130. /* Bottom Pointing */
  1131. .ui.bottom.pointing.dropdown > .menu {
  1132. top: auto;
  1133. bottom: 100%;
  1134. left: 0%;
  1135. right: auto;
  1136. margin: 0em 0em 1em;
  1137. }
  1138. .ui.bottom.pointing.dropdown > .menu:after {
  1139. top: auto;
  1140. bottom: -0.25em;
  1141. right: auto;
  1142. margin: 0em;
  1143. -webkit-transform: rotate(-135deg);
  1144. -ms-transform: rotate(-135deg);
  1145. transform: rotate(-135deg);
  1146. }
  1147. /* Reverse Sub-Menu Direction */
  1148. .ui.bottom.pointing.dropdown > .menu .menu {
  1149. top: auto !important;
  1150. bottom: 0px !important;
  1151. }
  1152. /* Bottom Left */
  1153. .ui.bottom.left.pointing.dropdown > .menu {
  1154. left: 0%;
  1155. right: auto;
  1156. }
  1157. .ui.bottom.left.pointing.dropdown > .menu:after {
  1158. left: 1em;
  1159. right: auto;
  1160. }
  1161. /* Bottom Right */
  1162. .ui.bottom.right.pointing.dropdown > .menu {
  1163. right: 0%;
  1164. left: auto;
  1165. }
  1166. .ui.bottom.right.pointing.dropdown > .menu:after {
  1167. left: auto;
  1168. right: 1em;
  1169. }
  1170. /* Upward pointing */
  1171. .ui.upward.pointing.dropdown > .menu,
  1172. .ui.upward.top.pointing.dropdown > .menu {
  1173. top: auto;
  1174. bottom: 100%;
  1175. margin: 0em 0em 0.71428571rem;
  1176. border-radius: 0.28571429rem;
  1177. }
  1178. .ui.upward.pointing.dropdown > .menu:after,
  1179. .ui.upward.top.pointing.dropdown > .menu:after {
  1180. top: 100%;
  1181. bottom: auto;
  1182. box-shadow: 1px 1px 0px 1px rgba(34, 36, 38, 0.15);
  1183. margin: -0.25em 0em 0em;
  1184. }
  1185. /*******************************
  1186. Theme Overrides
  1187. *******************************/
  1188. /* Dropdown Carets */
  1189. @font-face {
  1190. font-family: 'Dropdown';
  1191. src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjB5AAAAC8AAAAYGNtYXAPfuIIAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zjo82LgAAAFwAAABVGhlYWQAQ88bAAACxAAAADZoaGVhAwcB6QAAAvwAAAAkaG10eAS4ABIAAAMgAAAAIGxvY2EBNgDeAAADQAAAABJtYXhwAAoAFgAAA1QAAAAgbmFtZVcZpu4AAAN0AAABRXBvc3QAAwAAAAAEvAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDX//3//wAB/+MPLQADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAIABJQElABMAABM0NzY3BTYXFhUUDwEGJwYvASY1AAUGBwEACAUGBoAFCAcGgAUBEgcGBQEBAQcECQYHfwYBAQZ/BwYAAQAAAG4BJQESABMAADc0PwE2MzIfARYVFAcGIyEiJyY1AAWABgcIBYAGBgUI/wAHBgWABwaABQWABgcHBgUFBgcAAAABABIASQC3AW4AEwAANzQ/ATYXNhcWHQEUBwYnBi8BJjUSBoAFCAcFBgYFBwgFgAbbBwZ/BwEBBwQJ/wgEBwEBB38GBgAAAAABAAAASQClAW4AEwAANxE0NzYzMh8BFhUUDwEGIyInJjUABQYHCAWABgaABQgHBgVbAQAIBQYGgAUIBwWABgYFBwAAAAEAAAABAADZuaKOXw889QALAgAAAAAA0ABHWAAAAADQAEdYAAAAAAElAW4AAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAASUAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAABAAAAASUAAAElAAAAtwASALcAAAAAAAAACgAUAB4AQgBkAIgAqgAAAAEAAAAIABQAAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAOAAAAAQAAAAAAAgAOAEcAAQAAAAAAAwAOACQAAQAAAAAABAAOAFUAAQAAAAAABQAWAA4AAQAAAAAABgAHADIAAQAAAAAACgA0AGMAAwABBAkAAQAOAAAAAwABBAkAAgAOAEcAAwABBAkAAwAOACQAAwABBAkABAAOAFUAAwABBAkABQAWAA4AAwABBAkABgAOADkAAwABBAkACgA0AGMAaQBjAG8AbQBvAG8AbgBWAGUAcgBzAGkAbwBuACAAMQAuADAAaQBjAG8AbQBvAG8Abmljb21vb24AaQBjAG8AbQBvAG8AbgBSAGUAZwB1AGwAYQByAGkAYwBvAG0AbwBvAG4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAVwAAoAAAAABSgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAdkAAAHZLDXE/09TLzIAAALQAAAAYAAAAGAIIweQY21hcAAAAzAAAABMAAAATA9+4ghnYXNwAAADfAAAAAgAAAAIAAAAEGhlYWQAAAOEAAAANgAAADYAQ88baGhlYQAAA7wAAAAkAAAAJAMHAelobXR4AAAD4AAAACAAAAAgBLgAEm1heHAAAAQAAAAABgAAAAYACFAAbmFtZQAABAgAAAFFAAABRVcZpu5wb3N0AAAFUAAAACAAAAAgAAMAAAEABAQAAQEBCGljb21vb24AAQIAAQA6+BwC+BsD+BgEHgoAGVP/i4seCgAZU/+LiwwHi2v4lPh0BR0AAACIDx0AAACNER0AAAAJHQAAAdASAAkBAQgPERMWGyAlKmljb21vb25pY29tb29udTB1MXUyMHVGMEQ3dUYwRDh1RjBEOXVGMERBAAACAYkABgAIAgABAAQABwAKAA0AVgCfAOgBL/yUDvyUDvyUDvuUDvtvi/emFYuQjZCOjo+Pj42Qiwj3lIsFkIuQiY6Hj4iNhouGi4aJh4eHCPsU+xQFiIiGiYaLhouHjYeOCPsU9xQFiI+Jj4uQCA77b4v3FBWLkI2Pjo8I9xT3FAWPjo+NkIuQi5CJjogI9xT7FAWPh42Hi4aLhomHh4eIiIaJhosI+5SLBYaLh42HjoiPiY+LkAgO+92d928Vi5CNkI+OCPcU9xQFjo+QjZCLkIuPiY6Hj4iNhouGCIv7lAWLhomHh4iIh4eJhouGi4aNiI8I+xT3FAWHjomPi5AIDvvdi+YVi/eUBYuQjZCOjo+Pj42Qi5CLkImOhwj3FPsUBY+IjYaLhouGiYeHiAj7FPsUBYiHhomGi4aLh42Hj4iOiY+LkAgO+JQU+JQViwwKAAAAAAMCAAGQAAUAAAFMAWYAAABHAUwBZgAAAPUAGQCEAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA8NoB4P/g/+AB4AAgAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAA4AAAACgAIAAIAAgABACDw2v/9//8AAAAAACDw1//9//8AAf/jDy0AAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAABAAA5emozXw889QALAgAAAAAA0ABHWAAAAADQAEdYAAAAAAElAW4AAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAASUAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAABAAAAASUAAAElAAAAtwASALcAAAAAUAAACAAAAAAADgCuAAEAAAAAAAEADgAAAAEAAAAAAAIADgBHAAEAAAAAAAMADgAkAAEAAAAAAAQADgBVAAEAAAAAAAUAFgAOAAEAAAAAAAYABwAyAAEAAAAAAAoANABjAAMAAQQJAAEADgAAAAMAAQQJAAIADgBHAAMAAQQJAAMADgAkAAMAAQQJAAQADgBVAAMAAQQJAAUAFgAOAAMAAQQJAAYADgA5AAMAAQQJAAoANABjAGkAYwBvAG0AbwBvAG4AVgBlAHIAcwBpAG8AbgAgADEALgAwAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG4AUgBlAGcAdQBsAGEAcgBpAGMAbwBtAG8AbwBuAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('woff');
  1192. font-weight: normal;
  1193. font-style: normal;
  1194. }
  1195. .ui.dropdown > .dropdown.icon {
  1196. font-family: 'Dropdown';
  1197. line-height: 1;
  1198. height: 1em;
  1199. width: 1.23em;
  1200. -webkit-backface-visibility: hidden;
  1201. backface-visibility: hidden;
  1202. font-weight: normal;
  1203. font-style: normal;
  1204. text-align: center;
  1205. }
  1206. .ui.dropdown > .dropdown.icon {
  1207. width: auto;
  1208. }
  1209. .ui.dropdown > .dropdown.icon:before {
  1210. content: '\f0d7';
  1211. }
  1212. /* Sub Menu */
  1213. .ui.dropdown .menu .item .dropdown.icon:before {
  1214. content: '\f0da' /*rtl:'\f0d9'*/;
  1215. }
  1216. .ui.dropdown .item .left.dropdown.icon:before,
  1217. .ui.dropdown .left.menu .item .dropdown.icon:before {
  1218. content: "\f0d9" /*rtl:"\f0da"*/;
  1219. }
  1220. /* Vertical Menu Dropdown */
  1221. .ui.vertical.menu .dropdown.item > .dropdown.icon:before {
  1222. content: "\f0da" /*rtl:"\f0d9"*/;
  1223. }
  1224. /* Icons for Reference
  1225. .dropdown.down.icon {
  1226. content: "\f0d7";
  1227. }
  1228. .dropdown.up.icon {
  1229. content: "\f0d8";
  1230. }
  1231. .dropdown.left.icon {
  1232. content: "\f0d9";
  1233. }
  1234. .dropdown.icon.icon {
  1235. content: "\f0da";
  1236. }
  1237. */
  1238. /*******************************
  1239. User Overrides
  1240. *******************************/