select2.bundle.css 34 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097
  1. @import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900");
  2. .select2-container {
  3. -webkit-box-sizing: border-box;
  4. box-sizing: border-box;
  5. display: inline-block;
  6. margin: 0;
  7. position: relative;
  8. vertical-align: middle; }
  9. .select2-container .select2-selection--single {
  10. -webkit-box-sizing: border-box;
  11. box-sizing: border-box;
  12. cursor: pointer;
  13. display: block;
  14. height: 28px;
  15. -moz-user-select: none;
  16. -ms-user-select: none;
  17. user-select: none;
  18. -webkit-user-select: none; }
  19. .select2-container .select2-selection--single .select2-selection__rendered {
  20. display: block;
  21. padding-left: 8px;
  22. padding-right: 20px;
  23. overflow: hidden;
  24. text-overflow: ellipsis;
  25. white-space: nowrap; }
  26. .select2-container .select2-selection--single .select2-selection__clear {
  27. position: relative; }
  28. .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  29. padding-right: 8px;
  30. padding-left: 20px; }
  31. .select2-container .select2-selection--multiple {
  32. -webkit-box-sizing: border-box;
  33. box-sizing: border-box;
  34. cursor: pointer;
  35. display: block;
  36. min-height: 32px;
  37. -moz-user-select: none;
  38. -ms-user-select: none;
  39. user-select: none;
  40. -webkit-user-select: none; }
  41. .select2-container .select2-selection--multiple .select2-selection__rendered {
  42. display: inline-block;
  43. overflow: hidden;
  44. padding-left: 8px;
  45. text-overflow: ellipsis;
  46. white-space: nowrap; }
  47. .select2-container .select2-search--inline {
  48. float: left; }
  49. .select2-container .select2-search--inline .select2-search__field {
  50. -webkit-box-sizing: border-box;
  51. box-sizing: border-box;
  52. border: none;
  53. font-size: 100%;
  54. margin-top: 5px;
  55. padding: 0; }
  56. .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  57. -webkit-appearance: none; }
  58. .select2-dropdown {
  59. background-color: white;
  60. border: 1px solid #aaa;
  61. border-radius: 4px;
  62. -webkit-box-sizing: border-box;
  63. box-sizing: border-box;
  64. display: block;
  65. position: absolute;
  66. left: -100000px;
  67. width: 100%;
  68. z-index: 1051; }
  69. .select2-results {
  70. display: block; }
  71. .select2-results__options {
  72. list-style: none;
  73. margin: 0;
  74. padding: 0; }
  75. .select2-results__option {
  76. padding: 6px;
  77. -moz-user-select: none;
  78. -ms-user-select: none;
  79. user-select: none;
  80. -webkit-user-select: none; }
  81. .select2-results__option[aria-selected] {
  82. cursor: pointer; }
  83. .select2-container--open .select2-dropdown {
  84. left: 0; }
  85. .select2-container--open .select2-dropdown--above {
  86. border-bottom: none;
  87. border-bottom-left-radius: 0;
  88. border-bottom-right-radius: 0; }
  89. .select2-container--open .select2-dropdown--below {
  90. border-top: none;
  91. border-top-left-radius: 0;
  92. border-top-right-radius: 0; }
  93. .select2-search--dropdown {
  94. display: block;
  95. padding: 4px; }
  96. .select2-search--dropdown .select2-search__field {
  97. padding: 4px;
  98. width: 100%;
  99. -webkit-box-sizing: border-box;
  100. box-sizing: border-box; }
  101. .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  102. -webkit-appearance: none; }
  103. .select2-search--dropdown.select2-search--hide {
  104. display: none; }
  105. .select2-close-mask {
  106. border: 0;
  107. margin: 0;
  108. padding: 0;
  109. display: block;
  110. position: fixed;
  111. left: 0;
  112. top: 0;
  113. min-height: 100%;
  114. min-width: 100%;
  115. height: auto;
  116. width: auto;
  117. opacity: 0;
  118. z-index: 99;
  119. background-color: #fff;
  120. filter: alpha(opacity=0); }
  121. .select2-hidden-accessible {
  122. border: 0 !important;
  123. clip: rect(0 0 0 0) !important;
  124. -webkit-clip-path: inset(50%) !important;
  125. clip-path: inset(50%) !important;
  126. height: 1px !important;
  127. overflow: hidden !important;
  128. padding: 0 !important;
  129. position: absolute !important;
  130. width: 1px !important;
  131. white-space: nowrap !important; }
  132. .select2-container--default .select2-selection--single {
  133. background-color: #fff;
  134. border: 1px solid #aaa;
  135. border-radius: 4px; }
  136. .select2-container--default .select2-selection--single .select2-selection__rendered {
  137. color: #444;
  138. line-height: 28px; }
  139. .select2-container--default .select2-selection--single .select2-selection__clear {
  140. cursor: pointer;
  141. float: right;
  142. font-weight: bold; }
  143. .select2-container--default .select2-selection--single .select2-selection__placeholder {
  144. color: #999; }
  145. .select2-container--default .select2-selection--single .select2-selection__arrow {
  146. height: 26px;
  147. position: absolute;
  148. top: 1px;
  149. right: 1px;
  150. width: 20px; }
  151. .select2-container--default .select2-selection--single .select2-selection__arrow b {
  152. border-color: #888 transparent transparent transparent;
  153. border-style: solid;
  154. border-width: 5px 4px 0 4px;
  155. height: 0;
  156. left: 50%;
  157. margin-left: -4px;
  158. margin-top: -2px;
  159. position: absolute;
  160. top: 50%;
  161. width: 0; }
  162. .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  163. float: left; }
  164. .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  165. left: 1px;
  166. right: auto; }
  167. .select2-container--default.select2-container--disabled .select2-selection--single {
  168. background-color: #eee;
  169. cursor: default; }
  170. .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  171. display: none; }
  172. .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  173. border-color: transparent transparent #888 transparent;
  174. border-width: 0 4px 5px 4px; }
  175. .select2-container--default .select2-selection--multiple {
  176. background-color: white;
  177. border: 1px solid #aaa;
  178. border-radius: 4px;
  179. cursor: text; }
  180. .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  181. -webkit-box-sizing: border-box;
  182. box-sizing: border-box;
  183. list-style: none;
  184. margin: 0;
  185. padding: 0 5px;
  186. width: 100%; }
  187. .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  188. list-style: none; }
  189. .select2-container--default .select2-selection--multiple .select2-selection__clear {
  190. cursor: pointer;
  191. float: right;
  192. font-weight: bold;
  193. margin-top: 5px;
  194. margin-right: 10px;
  195. padding: 1px; }
  196. .select2-container--default .select2-selection--multiple .select2-selection__choice {
  197. background-color: #e4e4e4;
  198. border: 1px solid #aaa;
  199. border-radius: 4px;
  200. cursor: default;
  201. float: left;
  202. margin-right: 5px;
  203. margin-top: 5px;
  204. padding: 0 5px; }
  205. .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  206. color: #999;
  207. cursor: pointer;
  208. display: inline-block;
  209. font-weight: bold;
  210. margin-right: 2px; }
  211. .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  212. color: #333; }
  213. .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  214. float: right; }
  215. .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  216. margin-left: 5px;
  217. margin-right: auto; }
  218. .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  219. margin-left: 2px;
  220. margin-right: auto; }
  221. .select2-container--default.select2-container--focus .select2-selection--multiple {
  222. border: solid black 1px;
  223. outline: 0; }
  224. .select2-container--default.select2-container--disabled .select2-selection--multiple {
  225. background-color: #eee;
  226. cursor: default; }
  227. .select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  228. display: none; }
  229. .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  230. border-top-left-radius: 0;
  231. border-top-right-radius: 0; }
  232. .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  233. border-bottom-left-radius: 0;
  234. border-bottom-right-radius: 0; }
  235. .select2-container--default .select2-search--dropdown .select2-search__field {
  236. border: 1px solid #aaa; }
  237. .select2-container--default .select2-search--inline .select2-search__field {
  238. background: transparent;
  239. border: none;
  240. outline: 0;
  241. -webkit-box-shadow: none;
  242. box-shadow: none;
  243. -webkit-appearance: textfield; }
  244. .select2-container--default .select2-results > .select2-results__options {
  245. max-height: 200px;
  246. overflow-y: auto; }
  247. .select2-container--default .select2-results__option[role=group] {
  248. padding: 0; }
  249. .select2-container--default .select2-results__option[aria-disabled=true] {
  250. color: #999; }
  251. .select2-container--default .select2-results__option[aria-selected=true] {
  252. background-color: #ddd; }
  253. .select2-container--default .select2-results__option .select2-results__option {
  254. padding-left: 1em; }
  255. .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  256. padding-left: 0; }
  257. .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  258. margin-left: -1em;
  259. padding-left: 2em; }
  260. .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  261. margin-left: -2em;
  262. padding-left: 3em; }
  263. .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  264. margin-left: -3em;
  265. padding-left: 4em; }
  266. .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  267. margin-left: -4em;
  268. padding-left: 5em; }
  269. .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  270. margin-left: -5em;
  271. padding-left: 6em; }
  272. .select2-container--default .select2-results__option--highlighted[aria-selected] {
  273. background-color: #5897fb;
  274. color: white; }
  275. .select2-container--default .select2-results__group {
  276. cursor: default;
  277. display: block;
  278. padding: 6px; }
  279. .select2-container--classic .select2-selection--single {
  280. background-color: #f7f7f7;
  281. border: 1px solid #aaa;
  282. border-radius: 4px;
  283. outline: 0;
  284. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, white), to(#eeeeee));
  285. background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  286. background-repeat: repeat-x;
  287. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
  288. .select2-container--classic .select2-selection--single:focus {
  289. border: 1px solid #5897fb; }
  290. .select2-container--classic .select2-selection--single .select2-selection__rendered {
  291. color: #444;
  292. line-height: 28px; }
  293. .select2-container--classic .select2-selection--single .select2-selection__clear {
  294. cursor: pointer;
  295. float: right;
  296. font-weight: bold;
  297. margin-right: 10px; }
  298. .select2-container--classic .select2-selection--single .select2-selection__placeholder {
  299. color: #999; }
  300. .select2-container--classic .select2-selection--single .select2-selection__arrow {
  301. background-color: #ddd;
  302. border: none;
  303. border-left: 1px solid #aaa;
  304. border-top-right-radius: 4px;
  305. border-bottom-right-radius: 4px;
  306. height: 26px;
  307. position: absolute;
  308. top: 1px;
  309. right: 1px;
  310. width: 20px;
  311. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eeeeee), to(#cccccc));
  312. background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
  313. background-repeat: repeat-x;
  314. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }
  315. .select2-container--classic .select2-selection--single .select2-selection__arrow b {
  316. border-color: #888 transparent transparent transparent;
  317. border-style: solid;
  318. border-width: 5px 4px 0 4px;
  319. height: 0;
  320. left: 50%;
  321. margin-left: -4px;
  322. margin-top: -2px;
  323. position: absolute;
  324. top: 50%;
  325. width: 0; }
  326. .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  327. float: left; }
  328. .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  329. border: none;
  330. border-right: 1px solid #aaa;
  331. border-radius: 0;
  332. border-top-left-radius: 4px;
  333. border-bottom-left-radius: 4px;
  334. left: 1px;
  335. right: auto; }
  336. .select2-container--classic.select2-container--open .select2-selection--single {
  337. border: 1px solid #5897fb; }
  338. .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  339. background: transparent;
  340. border: none; }
  341. .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  342. border-color: transparent transparent #888 transparent;
  343. border-width: 0 4px 5px 4px; }
  344. .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  345. border-top: none;
  346. border-top-left-radius: 0;
  347. border-top-right-radius: 0;
  348. background-image: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(50%, #eeeeee));
  349. background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  350. background-repeat: repeat-x;
  351. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
  352. .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  353. border-bottom: none;
  354. border-bottom-left-radius: 0;
  355. border-bottom-right-radius: 0;
  356. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eeeeee), to(white));
  357. background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  358. background-repeat: repeat-x;
  359. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }
  360. .select2-container--classic .select2-selection--multiple {
  361. background-color: white;
  362. border: 1px solid #aaa;
  363. border-radius: 4px;
  364. cursor: text;
  365. outline: 0; }
  366. .select2-container--classic .select2-selection--multiple:focus {
  367. border: 1px solid #5897fb; }
  368. .select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  369. list-style: none;
  370. margin: 0;
  371. padding: 0 5px; }
  372. .select2-container--classic .select2-selection--multiple .select2-selection__clear {
  373. display: none; }
  374. .select2-container--classic .select2-selection--multiple .select2-selection__choice {
  375. background-color: #e4e4e4;
  376. border: 1px solid #aaa;
  377. border-radius: 4px;
  378. cursor: default;
  379. float: left;
  380. margin-right: 5px;
  381. margin-top: 5px;
  382. padding: 0 5px; }
  383. .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  384. color: #888;
  385. cursor: pointer;
  386. display: inline-block;
  387. font-weight: bold;
  388. margin-right: 2px; }
  389. .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  390. color: #555; }
  391. .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  392. float: right;
  393. margin-left: 5px;
  394. margin-right: auto; }
  395. .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  396. margin-left: 2px;
  397. margin-right: auto; }
  398. .select2-container--classic.select2-container--open .select2-selection--multiple {
  399. border: 1px solid #5897fb; }
  400. .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  401. border-top: none;
  402. border-top-left-radius: 0;
  403. border-top-right-radius: 0; }
  404. .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  405. border-bottom: none;
  406. border-bottom-left-radius: 0;
  407. border-bottom-right-radius: 0; }
  408. .select2-container--classic .select2-search--dropdown .select2-search__field {
  409. border: 1px solid #aaa;
  410. outline: 0; }
  411. .select2-container--classic .select2-search--inline .select2-search__field {
  412. outline: 0;
  413. -webkit-box-shadow: none;
  414. box-shadow: none; }
  415. .select2-container--classic .select2-dropdown {
  416. background-color: white;
  417. border: 1px solid transparent; }
  418. .select2-container--classic .select2-dropdown--above {
  419. border-bottom: none; }
  420. .select2-container--classic .select2-dropdown--below {
  421. border-top: none; }
  422. .select2-container--classic .select2-results > .select2-results__options {
  423. max-height: 200px;
  424. overflow-y: auto; }
  425. .select2-container--classic .select2-results__option[role=group] {
  426. padding: 0; }
  427. .select2-container--classic .select2-results__option[aria-disabled=true] {
  428. color: grey; }
  429. .select2-container--classic .select2-results__option--highlighted[aria-selected] {
  430. background-color: #3875d7;
  431. color: white; }
  432. .select2-container--classic .select2-results__group {
  433. cursor: default;
  434. display: block;
  435. padding: 6px; }
  436. .select2-container--classic.select2-container--open .select2-dropdown {
  437. border-color: #5897fb; }
  438. /* #BOOTSTRAP AND MIXINS - Base Unmodified Bootstrap file with theme mixins
  439. ========================================================================== */
  440. /*---------------------------------------------------
  441. SASS ELements (based on LESS Elements 0.9 http://lesselements.com)
  442. -------------------------------- -------------------
  443. LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)
  444. SASS port by Samuel Beek (http://samuelbeek.com)
  445. ---------------------------------------------------*/
  446. /*------------------------
  447. Usage
  448. h1 {
  449. font-size: rem(32);
  450. }
  451. OR:
  452. h1 {
  453. font-size: rem(32px);
  454. }
  455. ------------------------*/
  456. /*------------------------
  457. FADE IN
  458. e.g. @include fadeIn( 2s );
  459. ------------------------*/
  460. /*------------------------
  461. mixin that calculates if text needs to be light or dark
  462. depending on the background color passed.
  463. From this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast
  464. usage:
  465. @include text-contrast($bgcolor)
  466. Color brightness is determined by the following formula:
  467. ((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000
  468. ------------------------*/
  469. /*------------------------
  470. color factory
  471. eg: @include paint($blue-grey-50, bg-blue-grey-50);
  472. ------------------------*/
  473. /* backface visibility */
  474. /* generate theme button */
  475. /* #BASE - Base Variable file along with font library, and colors.
  476. ========================================================================== */
  477. /* THEME COLORs
  478. ========================================================================== */
  479. /* Looks good on chrome default color profile */
  480. /* looks good in sRGB but washed up on chrome default
  481. $color-primary: #826bb0;
  482. $color-success: #31cb55;
  483. $color-info: #5e93ec;
  484. $color-warning: #eec559;
  485. $color-danger: #dc4b92;
  486. $color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
  487. /* Color Polarity
  488. ========================================================================== */
  489. /* PAINTBUCKET MIXER
  490. ========================================================================== */
  491. /* the grays */
  492. /* the sapphires */
  493. /* the emeralds */
  494. /* the amethyths */
  495. /* the topaz */
  496. /* the rubies */
  497. /* the graphites */
  498. /* Define universal border difition (div outlines, etc)
  499. ========================================================================== */
  500. /* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
  501. ========================================================================== */
  502. /* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
  503. /* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
  504. /* global var used for spacing*/
  505. /* Uniform Padding variable */
  506. /* Heads up! This is a global scoped variable - changing may impact the whole template */
  507. /* BOOTSTRAP OVERRIDES (bootstrap variables)
  508. ========================================================================== */
  509. /* usage: theme-colors("primary"); */
  510. /* forms */
  511. /*$input-height: calc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */
  512. /* links */
  513. /* checkbox */
  514. /*$custom-file-height-inner: calc(2.25rem - 1px);*/
  515. /* not part of bootstrap variable */
  516. /* custom checkbox */
  517. /* custom range */
  518. /* select */
  519. /* badge */
  520. /* cards */
  521. /*border radius*/
  522. /* alert */
  523. /* toast */
  524. /* breadcrumb */
  525. /* input button */
  526. /* nav link */
  527. /* nav, tabs, pills */
  528. /* tables */
  529. /* dropdowns */
  530. /* dropdowns sizes */
  531. /* popovers */
  532. /* tooltips */
  533. /* modal */
  534. /* reference guide
  535. http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
  536. 8px = 0.5rem
  537. 9px = 0.5625rem
  538. 10px = 0.625rem
  539. 11px = 0.6875rem
  540. 12px = 0.75rem
  541. 13px = 0.8125rem
  542. 14px = 0.875rem
  543. 15px = 0.9375rem
  544. 16px = 1rem (base)
  545. 17px = 1.0625rem
  546. 18px = 1.125rem
  547. 19px = 1.1875rem
  548. 20px = 1.25rem
  549. 21px = 1.3125rem
  550. 22px = 1.375rem
  551. 24px = 1.5rem
  552. 25px = 1.5625rem
  553. 26px = 1.625rem
  554. 28px = 1.75rem
  555. 30px = 1.875rem
  556. 32px = 2rem
  557. 34px = 2.125rem
  558. 36px = 2.25rem
  559. 38px = 2.375rem
  560. 40px = 2.5rem
  561. */
  562. /* Fonts */
  563. /* carousel */
  564. /* BASE VARS
  565. ========================================================================== */
  566. /* font vars below will auto change to rem values using function rem($value)*/
  567. /* 11px */
  568. /* 12px */
  569. /* 12.5px */
  570. /* 14px */
  571. /* 15px */
  572. /* 16px */
  573. /* 28px */
  574. /* Font Family
  575. ========================================================================== */
  576. /*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
  577. /* ANIMATIONS
  578. ========================================================================== */
  579. /* this addresses all animation related to nav hide to nav minify */
  580. /* Z-INDEX declearation
  581. ========================================================================== */
  582. /* we adjust bootstrap z-index to be higher than our higest z-index*/
  583. /* CUSTOM ICON PREFIX
  584. ========================================================================== */
  585. /* PRINT CSS (landscape or portrait)
  586. ========================================================================== */
  587. /* landscape or portrait */
  588. /* auto, letter */
  589. /* Common Element Variables
  590. ========================================================================== */
  591. /* Z-index decleartion "birds eye view"
  592. ========================================================================== */
  593. /* Components
  594. ========================================================================== */
  595. /* PAGE HEADER STUFF
  596. ========================================================================== */
  597. /* colors */
  598. /* height */
  599. /* logo */
  600. /* try not to go beywond the width of $main_nav_width value */
  601. /* you may need to change this depending on your logo design */
  602. /* adjust this as you see fit : left, right, center */
  603. /* icon font size (not button) */
  604. /* search input box */
  605. /* suggestion: #ccced0*/
  606. /* btn */
  607. /* dropdown: app list */
  608. /* badge */
  609. /* COMPONENTS & MODS */
  610. /* NAVIGATION STUFF
  611. Guide:
  612. aside.page-sidebar ($nav-width, $nav-background)
  613. .page-logo
  614. .primary-nav
  615. .info-card
  616. ul.nav-menu
  617. li
  618. a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
  619. icon
  620. span
  621. collapse-sign
  622. ul.nav-menu-sub-one
  623. li
  624. a ($nav-level-1... $nav-sub-link-height)
  625. span
  626. collapse-sign
  627. ul.nav-menu-sub-two
  628. li
  629. a ($nav-level-2... $nav-sub-link-height)
  630. span
  631. p.nav-title ($nav-title-*...)
  632. ========================================================================== */
  633. /* main navigation */
  634. /* left panel */
  635. /* nav parent level-0 */
  636. /* nav icon sizes */
  637. /* badge default */
  638. /* all child */
  639. /* nav title */
  640. /* nav Minify */
  641. /* when the menu pops on hover */
  642. /* navigation Width */
  643. /* partial visibility of the menu */
  644. /* top navigation */
  645. /* nav Info Card (appears below the logo) */
  646. /* width is auto */
  647. /* nav DL labels for all child */
  648. /* will be pulled to left as a negative value */
  649. /* MISC Settings
  650. ========================================================================== */
  651. /* List Table */
  652. /* PAGE SETTINGS
  653. ========================================================================== */
  654. /* PAGE BREADCRUMB
  655. ========================================================================== */
  656. /* PAGE COMPONENT PANELS
  657. ========================================================================== */
  658. /* PAGE COMPONENT PROGRESSBARS
  659. ========================================================================== */
  660. /* PAGE COMPONENT MESSENGER
  661. ========================================================================== */
  662. /* FOOTER
  663. ========================================================================== */
  664. /* GLOBALS
  665. ========================================================================== */
  666. /* ACCESSIBILITIES */
  667. /* SHORTCUT BUTTON (appears on bottom right of the page) */
  668. /* GULP WARNINGS */
  669. body {
  670. font-family: "Roboto", "Helvetica Neue", Helvetica, Arial;
  671. font-size: 0.8125rem;
  672. letter-spacing: 0.1px; }
  673. .page-content {
  674. color: #666666; }
  675. h1, h2, h3, h4, h5, h6 {
  676. line-height: 1.3;
  677. font-weight: 400; }
  678. strong {
  679. font-weight: 500; }
  680. h1 small,
  681. h2 small,
  682. h3 small,
  683. h4 small,
  684. h5 small,
  685. h6 small,
  686. .h1 small,
  687. .h2 small,
  688. .h3 small,
  689. .h4 small,
  690. .h5 small,
  691. .h6 small {
  692. font-weight: 300;
  693. display: block;
  694. font-size: 0.9375rem;
  695. line-height: 1.5;
  696. margin: 2px 0 1.5rem; }
  697. h2 small,
  698. h3 small,
  699. .h2 small,
  700. .h3 small {
  701. font-size: 0.9375rem; }
  702. h4 small,
  703. .h4 small {
  704. font-size: 0.875rem; }
  705. h5 small,
  706. h6 small,
  707. .h5 small,
  708. .h6 small {
  709. font-size: 0.8125rem; }
  710. /* contrast text */
  711. .text-contrast {
  712. color: #333333; }
  713. /* text-gradient */
  714. .text-gradient {
  715. background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #6e4e9e), color-stop(50%, #62468d), color-stop(75%, #0c7cd5), to(#0960a5));
  716. background: linear-gradient(180deg, #6e4e9e 25%, #62468d 50%, #0c7cd5 75%, #0960a5 100%);
  717. color: #886ab5;
  718. background-clip: text;
  719. text-fill-color: transparent;
  720. -webkit-background-clip: text;
  721. -webkit-text-fill-color: transparent;
  722. text-shadow: none; }
  723. /* looking for font size? Check _helpers.scss */
  724. /* PLACEHOLDER
  725. =============================================
  726. EXAMPLE:
  727. %bg-image {
  728. width: 100%;
  729. background-position: center center;
  730. background-size: cover;
  731. background-repeat: no-repeat;
  732. }
  733. .image-one {
  734. @extend %bg-image;
  735. background-image:url(/img/image-one.jpg");
  736. }
  737. RESULT:
  738. .image-one, .image-two {
  739. width: 100%;
  740. background-position: center center;
  741. background-size: cover;
  742. background-repeat: no-repeat;
  743. }
  744. */
  745. /*
  746. %shadow-hover {
  747. box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);
  748. transition: all 0.2s ease-in-out;
  749. &:hover {
  750. box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);
  751. }
  752. }
  753. */
  754. /*%fixed-header-shadow {
  755. @include box-shadow(0 2px 2px -1px rgba(0,0,0,.1));
  756. }*/
  757. /* %selected-dot {
  758. &:before {
  759. content: " ";
  760. display: block;
  761. border-radius: 50%;
  762. background: inherit;
  763. background-image: none;
  764. border: 2px solid rgba(0,0,0,0.2);
  765. position: absolute;
  766. top: 15px;
  767. left: 15px;
  768. height: 20px;
  769. width: 20px;
  770. }
  771. &:after {
  772. content: " ";
  773. height: inherit;
  774. width: inherit;
  775. border: 5px solid rgba(0,0,0,0.1);
  776. position: absolute;
  777. left: 0;
  778. top: 0;
  779. border-radius: 50%;
  780. }
  781. }*/
  782. /* patterns */
  783. .select2 {
  784. width: 100% !important; }
  785. .select2-container--default .select2-selection--single,
  786. .select2-container--default .select2-selection--multiple {
  787. border: 1px solid #E5E5E5; }
  788. .select2-container--default .select2-selection--single .select2-selection__rendered {
  789. line-height: calc(1.5em + 1rem + 2px);
  790. padding: 0 0.875rem; }
  791. .select2-container .select2-selection--single {
  792. height: calc(1.5em + 1rem + 2px); }
  793. .select2-container .select2-selection--multiple {
  794. min-height: calc(1.47em + 1rem + 2px); }
  795. .select2-container--default .select2-selection--single .select2-selection__arrow {
  796. height: auto;
  797. top: 0;
  798. bottom: 0;
  799. right: 0.5rem; }
  800. .select2-dropdown {
  801. border-color: #E5E5E5; }
  802. .select2-search--dropdown {
  803. padding: 0.875rem; }
  804. .select2-search--dropdown:before {
  805. content: "\f002";
  806. font-family: 'Font Awesome 5 Pro';
  807. position: absolute;
  808. left: calc(1rem + 0.875rem);
  809. top: calc(0.6rem + 0.875rem);
  810. color: #886ab5; }
  811. .select2-results {
  812. padding: 0.875rem; }
  813. .select2-search.select2-search--dropdown:not(.select2-search--hide) + .select2-results {
  814. padding-top: 0; }
  815. .select2-container--open .select2-dropdown--above {
  816. -webkit-box-shadow: 0px -3px 8px 0px rgba(90, 80, 105, 0.1);
  817. box-shadow: 0px -3px 8px 0px rgba(90, 80, 105, 0.1);
  818. border-color: #886ab5; }
  819. .select2-container--open .select2-dropdown--below {
  820. -webkit-box-shadow: 0px 3px 8px 0px rgba(90, 80, 105, 0.1);
  821. box-shadow: 0px 3px 8px 0px rgba(90, 80, 105, 0.1);
  822. border-color: #886ab5; }
  823. .select2-container--default .select2-search--dropdown .select2-search__field {
  824. display: block;
  825. width: 100%;
  826. height: calc(1.47em + 1rem + 2px);
  827. padding: 0.5rem 0.875rem;
  828. padding-left: 2.5rem;
  829. font-weight: 400;
  830. color: #495057;
  831. background-color: #fff;
  832. background-clip: padding-box;
  833. border: 1px solid #E5E5E5;
  834. border-radius: 0.25rem;
  835. -webkit-box-shadow: inset 0 0.25rem 0.125rem 0 rgba(33, 37, 41, 0.025);
  836. box-shadow: inset 0 0.25rem 0.125rem 0 rgba(33, 37, 41, 0.025); }
  837. .select2-container--default .select2-search--dropdown .select2-search__field:focus {
  838. border-color: #cccccc; }
  839. .select2-container--default .select2-results__group {
  840. padding: 0.5rem 0;
  841. color: #8e8e8e; }
  842. .select2-container--default .select2-results__option[aria-selected=true] {
  843. background: #efebf5;
  844. color: #563d7c; }
  845. .select2-container--default .select2-results__option--highlighted[aria-selected] {
  846. background-color: #886ab5;
  847. color: #fff; }
  848. .select2-selection--single,
  849. .select2-selection--multiple,
  850. .select2-search__field {
  851. -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  852. transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  853. transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  854. transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }
  855. .select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
  856. .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,
  857. .select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
  858. .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  859. position: relative;
  860. z-index: 1151;
  861. border-color: #886ab5; }
  862. .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  863. border-bottom-color: transparent;
  864. border-bottom: 0; }
  865. .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  866. border-top-color: transparent;
  867. border-top: 0; }
  868. .select2-container--default.select2-container--focus .select2-selection--single,
  869. .select2-container--default.select2-container--focus .select2-selection--multiple {
  870. border-color: #886ab5; }
  871. .select2-container--default.select2-container--focus .select2-selection--multiple {
  872. display: -webkit-box;
  873. display: -ms-flexbox;
  874. display: flex;
  875. -webkit-box-align: center;
  876. -ms-flex-align: center;
  877. align-items: center; }
  878. .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  879. display: -webkit-box;
  880. display: -ms-flexbox;
  881. display: flex;
  882. padding: 0 0.5rem;
  883. -ms-flex-wrap: wrap;
  884. flex-wrap: wrap; }
  885. .select2-container--default .select2-selection--multiple .select2-selection__choice {
  886. margin: 5px 3px;
  887. display: -webkit-inline-box;
  888. display: -ms-inline-flexbox;
  889. display: inline-flex;
  890. padding-right: 0;
  891. -webkit-box-align: center;
  892. -ms-flex-align: center;
  893. align-items: center;
  894. background: #efebf5;
  895. border-color: #967bbd;
  896. color: #563d7c; }
  897. .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
  898. margin: 0;
  899. padding-left: 7px;
  900. padding-right: 7px;
  901. -webkit-box-ordinal-group: 2;
  902. -ms-flex-order: 1;
  903. order: 1;
  904. font-size: 16px;
  905. border-left: 1px solid rgba(0, 0, 0, 0.1);
  906. margin-left: 5px;
  907. color: #a38cc6; }
  908. .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:hover {
  909. color: #886ab5; }
  910. .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:active {
  911. -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset;
  912. box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset; }
  913. .select2-container .select2-search--inline .select2-search__field {
  914. margin-top: 0;
  915. margin-left: 0;
  916. height: calc(1.47em + 1rem + 2px);
  917. padding: 0.5rem 0.3rem;
  918. min-width: 100px; }
  919. span.select2-selection.select2-selection--single,
  920. span.select2-selection.select2-selection--multiple {
  921. outline: none; }
  922. .select2-container--default .select2-selection--single .select2-selection__clear {
  923. padding: 0 15px;
  924. margin-right: 8px;
  925. font-size: 1rem;
  926. color: #fd3995; }
  927. .select2-container--default .select2-selection--single .select2-selection__clear:hover {
  928. color: #fd2087; }
  929. /* this is not a permanent solution... hopefully IE will die by the time we release version 5.... */
  930. @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  931. .select2-container--default .select2-selection--single .select2-selection__clear {
  932. line-height: normal;
  933. margin-top: 8px; } }
  934. .select2-results__message {
  935. color: #fd3995; }
  936. /*# sourceMappingURL=select2.bundle.css.map */