majodex77

css pro1

Jun 11th, 2020
15
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 41.00 KB | None | 0 0
  1. html {
  2. line-height: 1.15;
  3. /* 1 */
  4. -ms-text-size-adjust: 100%;
  5. /* 2 */
  6. -webkit-text-size-adjust: 100%;
  7. /* 2 */
  8. }
  9.  
  10. /* Sections
  11. ========================================================================== */
  12. /**
  13. * Remove the margin in all browsers (opinionated).
  14. */
  15. body {
  16. margin: 0;
  17. }
  18.  
  19. /**
  20. * Add the correct display in IE 9-.
  21. */
  22. article,
  23. aside,
  24. footer,
  25. header,
  26. nav,
  27. section {
  28. display: block;
  29. }
  30.  
  31. /**
  32. * Correct the font size and margin on `h1` elements within `section` and
  33. * `article` contexts in Chrome, Firefox, and Safari.
  34. */
  35. h1 {
  36. font-size: 2em;
  37. margin: 0.67em 0;
  38. }
  39.  
  40. /* Grouping content
  41. ========================================================================== */
  42. /**
  43. * Add the correct display in IE 9-.
  44. * 1. Add the correct display in IE.
  45. */
  46. figcaption,
  47. figure,
  48. main {
  49. /* 1 */
  50. display: block;
  51. }
  52.  
  53. /**
  54. * Add the correct margin in IE 8.
  55. */
  56. figure {
  57. margin: 1em 40px;
  58. }
  59.  
  60. /**
  61. * 1. Add the correct box sizing in Firefox.
  62. * 2. Show the overflow in Edge and IE.
  63. */
  64. hr {
  65. box-sizing: content-box;
  66. /* 1 */
  67. height: 0;
  68. /* 1 */
  69. overflow: visible;
  70. /* 2 */
  71. }
  72.  
  73. /**
  74. * 1. Correct the inheritance and scaling of font size in all browsers.
  75. * 2. Correct the odd `em` font sizing in all browsers.
  76. */
  77. pre {
  78. font-family: monospace, monospace;
  79. /* 1 */
  80. font-size: 1em;
  81. /* 2 */
  82. }
  83.  
  84. /* Text-level semantics
  85. ========================================================================== */
  86. /**
  87. * 1. Remove the gray background on active links in IE 10.
  88. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
  89. */
  90. a {
  91. background-color: transparent;
  92. /* 1 */
  93. -webkit-text-decoration-skip: objects;
  94. /* 2 */
  95. }
  96.  
  97. /**
  98. * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
  99. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
  100. */
  101. abbr[title] {
  102. border-bottom: none;
  103. /* 1 */
  104. text-decoration: underline;
  105. /* 2 */
  106. text-decoration: underline dotted;
  107. /* 2 */
  108. }
  109.  
  110. /**
  111. * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
  112. */
  113. b,
  114. strong {
  115. font-weight: inherit;
  116. }
  117.  
  118. /**
  119. * Add the correct font weight in Chrome, Edge, and Safari.
  120. */
  121. b,
  122. strong {
  123. font-weight: bolder;
  124. }
  125.  
  126. /**
  127. * 1. Correct the inheritance and scaling of font size in all browsers.
  128. * 2. Correct the odd `em` font sizing in all browsers.
  129. */
  130. code,
  131. kbd,
  132. samp {
  133. font-family: monospace, monospace;
  134. /* 1 */
  135. font-size: 1em;
  136. /* 2 */
  137. }
  138.  
  139. /**
  140. * Add the correct font style in Android 4.3-.
  141. */
  142. dfn {
  143. font-style: italic;
  144. }
  145.  
  146. /**
  147. * Add the correct background and color in IE 9-.
  148. */
  149. mark {
  150. background-color: #ff0;
  151. color: #000;
  152. }
  153.  
  154. /**
  155. * Add the correct font size in all browsers.
  156. */
  157. small {
  158. font-size: 80%;
  159. }
  160.  
  161. /**
  162. * Prevent `sub` and `sup` elements from affecting the line height in
  163. * all browsers.
  164. */
  165. sub,
  166. sup {
  167. font-size: 75%;
  168. line-height: 0;
  169. position: relative;
  170. vertical-align: baseline;
  171. }
  172.  
  173. sub {
  174. bottom: -0.25em;
  175. }
  176.  
  177. sup {
  178. top: -0.5em;
  179. }
  180.  
  181. /* Embedded content
  182. ========================================================================== */
  183. /**
  184. * Add the correct display in IE 9-.
  185. */
  186. audio,
  187. video {
  188. display: inline-block;
  189. }
  190.  
  191. /**
  192. * Add the correct display in iOS 4-7.
  193. */
  194. audio:not([controls]) {
  195. display: none;
  196. height: 0;
  197. }
  198.  
  199. /**
  200. * Remove the border on images inside links in IE 10-.
  201. */
  202. img {
  203. border-style: none;
  204. }
  205.  
  206. /**
  207. * Hide the overflow in IE.
  208. */
  209. svg:not(:root) {
  210. overflow: hidden;
  211. }
  212.  
  213. /* Forms
  214. ========================================================================== */
  215. /**
  216. * 1. Change the font styles in all browsers (opinionated).
  217. * 2. Remove the margin in Firefox and Safari.
  218. */
  219. button,
  220. input,
  221. optgroup,
  222. select,
  223. textarea {
  224. font-family: sans-serif;
  225. /* 1 */
  226. font-size: 100%;
  227. /* 1 */
  228. line-height: 1.15;
  229. /* 1 */
  230. margin: 0;
  231. /* 2 */
  232. }
  233.  
  234. /**
  235. * Show the overflow in IE.
  236. * 1. Show the overflow in Edge.
  237. */
  238. button,
  239. input {
  240. /* 1 */
  241. overflow: visible;
  242. }
  243.  
  244. /**
  245. * Remove the inheritance of text transform in Edge, Firefox, and IE.
  246. * 1. Remove the inheritance of text transform in Firefox.
  247. */
  248. button,
  249. select {
  250. /* 1 */
  251. text-transform: none;
  252. }
  253.  
  254. /**
  255. * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
  256. * controls in Android 4.
  257. * 2. Correct the inability to style clickable types in iOS and Safari.
  258. */
  259. button,
  260. html [type="button"],
  261. [type="reset"],
  262. [type="submit"] {
  263. -webkit-appearance: button;
  264. /* 2 */
  265. }
  266.  
  267. /**
  268. * Remove the inner border and padding in Firefox.
  269. */
  270. button::-moz-focus-inner,
  271. [type="button"]::-moz-focus-inner,
  272. [type="reset"]::-moz-focus-inner,
  273. [type="submit"]::-moz-focus-inner {
  274. border-style: none;
  275. padding: 0;
  276. }
  277.  
  278. /**
  279. * Restore the focus styles unset by the previous rule.
  280. */
  281. button:-moz-focusring,
  282. [type="button"]:-moz-focusring,
  283. [type="reset"]:-moz-focusring,
  284. [type="submit"]:-moz-focusring {
  285. outline: 1px dotted ButtonText;
  286. }
  287.  
  288. /**
  289. * Correct the padding in Firefox.
  290. */
  291. fieldset {
  292. padding: 0.35em 0.75em 0.625em;
  293. }
  294.  
  295. /**
  296. * 1. Correct the text wrapping in Edge and IE.
  297. * 2. Correct the color inheritance from `fieldset` elements in IE.
  298. * 3. Remove the padding so developers are not caught out when they zero out
  299. * `fieldset` elements in all browsers.
  300. */
  301. legend {
  302. box-sizing: border-box;
  303. /* 1 */
  304. color: inherit;
  305. /* 2 */
  306. display: table;
  307. /* 1 */
  308. max-width: 100%;
  309. /* 1 */
  310. padding: 0;
  311. /* 3 */
  312. white-space: normal;
  313. /* 1 */
  314. }
  315.  
  316. /**
  317. * 1. Add the correct display in IE 9-.
  318. * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
  319. */
  320. progress {
  321. display: inline-block;
  322. /* 1 */
  323. vertical-align: baseline;
  324. /* 2 */
  325. }
  326.  
  327. /**
  328. * Remove the default vertical scrollbar in IE.
  329. */
  330. textarea {
  331. overflow: auto;
  332. }
  333.  
  334. /**
  335. * 1. Add the correct box sizing in IE 10-.
  336. * 2. Remove the padding in IE 10-.
  337. */
  338. [type="checkbox"],
  339. [type="radio"] {
  340. box-sizing: border-box;
  341. /* 1 */
  342. padding: 0;
  343. /* 2 */
  344. }
  345.  
  346. /**
  347. * Correct the cursor style of increment and decrement buttons in Chrome.
  348. */
  349. [type="number"]::-webkit-inner-spin-button,
  350. [type="number"]::-webkit-outer-spin-button {
  351. height: auto;
  352. }
  353.  
  354. /**
  355. * 1. Correct the odd appearance in Chrome and Safari.
  356. * 2. Correct the outline style in Safari.
  357. */
  358. [type="search"] {
  359. -webkit-appearance: textfield;
  360. /* 1 */
  361. outline-offset: -2px;
  362. /* 2 */
  363. }
  364.  
  365. /**
  366. * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
  367. */
  368. [type="search"]::-webkit-search-cancel-button,
  369. [type="search"]::-webkit-search-decoration {
  370. -webkit-appearance: none;
  371. }
  372.  
  373. /**
  374. * 1. Correct the inability to style clickable types in iOS and Safari.
  375. * 2. Change font properties to `inherit` in Safari.
  376. */
  377. ::-webkit-file-upload-button {
  378. -webkit-appearance: button;
  379. /* 1 */
  380. font: inherit;
  381. /* 2 */
  382. }
  383.  
  384. /* Interactive
  385. ========================================================================== */
  386. /*
  387. * Add the correct display in IE 9-.
  388. * 1. Add the correct display in Edge, IE, and Firefox.
  389. */
  390. details,
  391. menu {
  392. display: block;
  393. }
  394.  
  395. /*
  396. * Add the correct display in all browsers.
  397. */
  398. summary {
  399. display: list-item;
  400. }
  401.  
  402. /* Scripting
  403. ========================================================================== */
  404. /**
  405. * Add the correct display in IE 9-.
  406. */
  407. canvas {
  408. display: inline-block;
  409. }
  410.  
  411. /**
  412. * Add the correct display in IE.
  413. */
  414. template {
  415. display: none;
  416. }
  417.  
  418. /* Hidden
  419. ========================================================================== */
  420. /**
  421. * Add the correct display in IE 10-.
  422. */
  423. [hidden] {
  424. display: none;
  425. }
  426.  
  427. html {
  428. height: 100%;
  429. }
  430.  
  431. fieldset {
  432. margin: 0;
  433. padding: 0;
  434. -webkit-margin-start: 0;
  435. -webkit-margin-end: 0;
  436. -webkit-padding-before: 0;
  437. -webkit-padding-start: 0;
  438. -webkit-padding-end: 0;
  439. -webkit-padding-after: 0;
  440. border: 0;
  441. }
  442.  
  443. legend {
  444. margin: 0;
  445. padding: 0;
  446. display: block;
  447. -webkit-padding-start: 0;
  448. -webkit-padding-end: 0;
  449. }
  450.  
  451. /*===============================
  452. = Choices =
  453. ===============================*/
  454. .choices {
  455. position: relative;
  456. margin-bottom: 24px;
  457. font-size: 16px;
  458. }
  459.  
  460. .choices:focus {
  461. outline: none;
  462. }
  463.  
  464. .choices:last-child {
  465. margin-bottom: 0;
  466. }
  467.  
  468. .choices.is-disabled .choices__inner, .choices.is-disabled .choices__input {
  469. background-color: #EAEAEA;
  470. cursor: not-allowed;
  471. -webkit-user-select: none;
  472. -moz-user-select: none;
  473. -ms-user-select: none;
  474. user-select: none;
  475. }
  476.  
  477. .choices.is-disabled .choices__item {
  478. cursor: not-allowed;
  479. }
  480.  
  481. .choices[data-type*="select-one"] {
  482. cursor: pointer;
  483. }
  484.  
  485. .choices[data-type*="select-one"] .choices__inner {
  486. padding-bottom: 7.5px;
  487. }
  488.  
  489. .choices[data-type*="select-one"] .choices__input {
  490. display: block;
  491. width: 100%;
  492. padding: 10px;
  493. border-bottom: 1px solid #DDDDDD;
  494. background-color: #FFFFFF;
  495. margin: 0;
  496. }
  497.  
  498. .choices[data-type*="select-one"] .choices__button {
  499. background-image: url("../../icons/cross-inverse.svg");
  500. padding: 0;
  501. background-size: 8px;
  502. height: 100%;
  503. position: absolute;
  504. top: 50%;
  505. right: 0;
  506. margin-top: -10px;
  507. margin-right: 25px;
  508. height: 20px;
  509. width: 20px;
  510. border-radius: 10em;
  511. opacity: .5;
  512. }
  513.  
  514. .choices[data-type*="select-one"] .choices__button:hover, .choices[data-type*="select-one"] .choices__button:focus {
  515. opacity: 1;
  516. }
  517.  
  518. .choices[data-type*="select-one"] .choices__button:focus {
  519. box-shadow: 0px 0px 0px 2px #00BCD4;
  520. }
  521.  
  522. .choices[data-type*="select-one"]:after {
  523. content: "";
  524. height: 0;
  525. width: 0;
  526. border-style: solid;
  527. border-color: #333333 transparent transparent transparent;
  528. border-width: 5px;
  529. position: absolute;
  530. right: 11.5px;
  531. top: 50%;
  532. margin-top: -2.5px;
  533. pointer-events: none;
  534. }
  535.  
  536. .choices[data-type*="select-one"].is-open:after {
  537. border-color: transparent transparent #333333 transparent;
  538. margin-top: -7.5px;
  539. }
  540.  
  541. .choices[data-type*="select-one"][dir="rtl"]:after {
  542. left: 11.5px;
  543. right: auto;
  544. }
  545.  
  546. .choices[data-type*="select-one"][dir="rtl"] .choices__button {
  547. right: auto;
  548. left: 0;
  549. margin-left: 25px;
  550. margin-right: 0;
  551. }
  552.  
  553. .choices[data-type*="select-multiple"] .choices__inner, .choices[data-type*="text"] .choices__inner {
  554. cursor: text;
  555. }
  556.  
  557. .choices[data-type*="select-multiple"] .choices__button, .choices[data-type*="text"] .choices__button {
  558. position: relative;
  559. display: inline-block;
  560. margin-top: 0;
  561. margin-right: -4px;
  562. margin-bottom: 0;
  563. margin-left: 8px;
  564. padding-left: 16px;
  565. border-left: 1px solid #008fa1;
  566. background-image: url("../../icons/cross.svg");
  567. background-size: 8px;
  568. width: 8px;
  569. line-height: 1;
  570. opacity: .75;
  571. }
  572.  
  573. .choices[data-type*="select-multiple"] .choices__button:hover, .choices[data-type*="select-multiple"] .choices__button:focus, .choices[data-type*="text"] .choices__button:hover, .choices[data-type*="text"] .choices__button:focus {
  574. opacity: 1;
  575. }
  576.  
  577. .choices__inner {
  578. display: inline-block;
  579. vertical-align: top;
  580. width: 100%;
  581. background-color: #f9f9f9;
  582. padding: 7.5px 7.5px 3.75px;
  583. border: 1px solid #DDDDDD;
  584. border-radius: 2.5px;
  585. font-size: 14px;
  586. min-height: 44px;
  587. overflow: hidden;
  588. }
  589.  
  590. .is-focused .choices__inner, .is-open .choices__inner {
  591. border-color: #b7b7b7;
  592. }
  593.  
  594. .is-open .choices__inner {
  595. border-radius: 2.5px 2.5px 0 0;
  596. }
  597.  
  598. .is-flipped.is-open .choices__inner {
  599. border-radius: 0 0 2.5px 2.5px;
  600. }
  601.  
  602. .choices__list {
  603. margin: 0;
  604. padding-left: 0;
  605. list-style: none;
  606. }
  607.  
  608. .choices__list--single {
  609. display: inline-block;
  610. padding: 4px 16px 4px 4px;
  611. width: 100%;
  612. }
  613.  
  614. [dir="rtl"] .choices__list--single {
  615. padding-right: 4px;
  616. padding-left: 16px;
  617. }
  618.  
  619. .choices__list--single .choices__item {
  620. width: 100%;
  621. }
  622.  
  623. .choices__list--multiple {
  624. display: inline;
  625. }
  626.  
  627. .choices__list--multiple .choices__item {
  628. display: inline-block;
  629. vertical-align: middle;
  630. border-radius: 20px;
  631. padding: 4px 10px;
  632. font-size: 12px;
  633. font-weight: 500;
  634. margin-right: 3.75px;
  635. margin-bottom: 3.75px;
  636. background-color: #00BCD4;
  637. border: 1px solid #00a5bb;
  638. color: #FFFFFF;
  639. word-break: break-all;
  640. }
  641.  
  642. .choices__list--multiple .choices__item[data-deletable] {
  643. padding-right: 5px;
  644. }
  645.  
  646. [dir="rtl"] .choices__list--multiple .choices__item {
  647. margin-right: 0;
  648. margin-left: 3.75px;
  649. }
  650.  
  651. .choices__list--multiple .choices__item.is-highlighted {
  652. background-color: #00a5bb;
  653. border: 1px solid #008fa1;
  654. }
  655.  
  656. .is-disabled .choices__list--multiple .choices__item {
  657. background-color: #aaaaaa;
  658. border: 1px solid #919191;
  659. }
  660.  
  661. .choices__list--dropdown {
  662. display: none;
  663. z-index: 1;
  664. position: absolute;
  665. width: 100%;
  666. background-color: #FFFFFF;
  667. border: 1px solid #DDDDDD;
  668. top: 100%;
  669. margin-top: -1px;
  670. border-bottom-left-radius: 2.5px;
  671. border-bottom-right-radius: 2.5px;
  672. overflow: hidden;
  673. word-break: break-all;
  674. }
  675.  
  676. .choices__list--dropdown.is-active {
  677. display: block;
  678. }
  679.  
  680. .is-open .choices__list--dropdown {
  681. border-color: #b7b7b7;
  682. }
  683.  
  684. .is-flipped .choices__list--dropdown {
  685. top: auto;
  686. bottom: 100%;
  687. margin-top: 0;
  688. margin-bottom: -1px;
  689. border-radius: .25rem .25rem 0 0;
  690. }
  691.  
  692. .choices__list--dropdown .choices__list {
  693. position: relative;
  694. max-height: 300px;
  695. overflow: auto;
  696. -webkit-overflow-scrolling: touch;
  697. will-change: scroll-position;
  698. }
  699.  
  700. .choices__list--dropdown .choices__item {
  701. position: relative;
  702. padding: 10px;
  703. font-size: 14px;
  704. }
  705.  
  706. [dir="rtl"] .choices__list--dropdown .choices__item {
  707. text-align: right;
  708. }
  709.  
  710. @media (min-width: 640px) {
  711. .choices__list--dropdown .choices__item--selectable {
  712. padding-right: 100px;
  713. }
  714. .choices__list--dropdown .choices__item--selectable:after {
  715. content: attr(data-select-text);
  716. font-size: 12px;
  717. opacity: 0;
  718. position: absolute;
  719. right: 10px;
  720. top: 50%;
  721. transform: translateY(-50%);
  722. }
  723. [dir="rtl"] .choices__list--dropdown .choices__item--selectable {
  724. text-align: right;
  725. padding-left: 100px;
  726. padding-right: 10px;
  727. }
  728. [dir="rtl"] .choices__list--dropdown .choices__item--selectable:after {
  729. right: auto;
  730. left: 10px;
  731. }
  732. }
  733.  
  734. .choices__list--dropdown .choices__item--selectable.is-highlighted {
  735. background-color: #f2f2f2;
  736. }
  737.  
  738. .choices__list--dropdown .choices__item--selectable.is-highlighted:after {
  739. opacity: .5;
  740. }
  741.  
  742. .choices__item {
  743. cursor: default;
  744. }
  745.  
  746. .choices__item--selectable {
  747. cursor: pointer;
  748. }
  749.  
  750. .choices__item--disabled {
  751. cursor: not-allowed;
  752. -webkit-user-select: none;
  753. -moz-user-select: none;
  754. -ms-user-select: none;
  755. user-select: none;
  756. opacity: .5;
  757. }
  758.  
  759. .choices__heading {
  760. font-weight: 600;
  761. font-size: 12px;
  762. padding: 10px;
  763. border-bottom: 1px solid #f7f7f7;
  764. color: gray;
  765. }
  766.  
  767. .choices__button {
  768. text-indent: -9999px;
  769. -webkit-appearance: none;
  770. -moz-appearance: none;
  771. appearance: none;
  772. border: 0;
  773. background-color: transparent;
  774. background-repeat: no-repeat;
  775. background-position: center;
  776. cursor: pointer;
  777. }
  778.  
  779. .choices__button:focus {
  780. outline: none;
  781. }
  782.  
  783. .choices__input {
  784. display: inline-block;
  785. vertical-align: baseline;
  786. background-color: #f9f9f9;
  787. font-size: 14px;
  788. margin-bottom: 5px;
  789. border: 0;
  790. border-radius: 0;
  791. max-width: 100%;
  792. padding: 4px 0 4px 2px;
  793. }
  794.  
  795. .choices__input:focus {
  796. outline: 0;
  797. }
  798.  
  799. [dir="rtl"] .choices__input {
  800. padding-right: 2px;
  801. padding-left: 0;
  802. }
  803.  
  804. .choices__placeholder {
  805. opacity: .5;
  806. }
  807.  
  808. /*===== End of Choices ======*/
  809. .flatpickr-calendar {
  810. background: transparent;
  811. opacity: 0;
  812. display: none;
  813. text-align: center;
  814. visibility: hidden;
  815. padding: 0;
  816. animation: none;
  817. direction: ltr;
  818. border: 0;
  819. font-size: 14px;
  820. line-height: 24px;
  821. border-radius: 5px;
  822. position: absolute;
  823. width: 307.875px;
  824. box-sizing: border-box;
  825. -ms-touch-action: manipulation;
  826. touch-action: manipulation;
  827. background: #fff;
  828. box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
  829. }
  830.  
  831. .flatpickr-calendar.open, .flatpickr-calendar.inline {
  832. opacity: 1;
  833. max-height: 640px;
  834. visibility: visible;
  835. }
  836.  
  837. .flatpickr-calendar.open {
  838. display: inline-block;
  839. z-index: 99999;
  840. }
  841.  
  842. .flatpickr-calendar.animate.open {
  843. animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
  844. }
  845.  
  846. .flatpickr-calendar.inline {
  847. display: block;
  848. position: relative;
  849. top: 2px;
  850. }
  851.  
  852. .flatpickr-calendar.static {
  853. position: absolute;
  854. top: calc(100% + 2px);
  855. }
  856.  
  857. .flatpickr-calendar.static.open {
  858. z-index: 999;
  859. display: block;
  860. }
  861.  
  862. .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
  863. box-shadow: none !important;
  864. }
  865.  
  866. .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  867. box-shadow: -2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;
  868. }
  869.  
  870. .flatpickr-calendar .hasWeeks .dayContainer, .flatpickr-calendar .hasTime .dayContainer {
  871. border-bottom: 0;
  872. border-bottom-right-radius: 0;
  873. border-bottom-left-radius: 0;
  874. }
  875.  
  876. .flatpickr-calendar .hasWeeks .dayContainer {
  877. border-left: 0;
  878. }
  879.  
  880. .flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
  881. height: 40px;
  882. border-top: 1px solid #e6e6e6;
  883. }
  884.  
  885. .flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  886. height: auto;
  887. }
  888.  
  889. .flatpickr-calendar:before, .flatpickr-calendar:after {
  890. position: absolute;
  891. display: block;
  892. pointer-events: none;
  893. border: solid transparent;
  894. content: '';
  895. height: 0;
  896. width: 0;
  897. left: 22px;
  898. }
  899.  
  900. .flatpickr-calendar.rightMost:before, .flatpickr-calendar.rightMost:after {
  901. left: auto;
  902. right: 22px;
  903. }
  904.  
  905. .flatpickr-calendar:before {
  906. border-width: 5px;
  907. margin: 0 -5px;
  908. }
  909.  
  910. .flatpickr-calendar:after {
  911. border-width: 4px;
  912. margin: 0 -4px;
  913. }
  914.  
  915. .flatpickr-calendar.arrowTop:before, .flatpickr-calendar.arrowTop:after {
  916. bottom: 100%;
  917. }
  918.  
  919. .flatpickr-calendar.arrowTop:before {
  920. border-bottom-color: #e6e6e6;
  921. }
  922.  
  923. .flatpickr-calendar.arrowTop:after {
  924. border-bottom-color: #fff;
  925. }
  926.  
  927. .flatpickr-calendar.arrowBottom:before, .flatpickr-calendar.arrowBottom:after {
  928. top: 100%;
  929. }
  930.  
  931. .flatpickr-calendar.arrowBottom:before {
  932. border-top-color: #e6e6e6;
  933. }
  934.  
  935. .flatpickr-calendar.arrowBottom:after {
  936. border-top-color: #fff;
  937. }
  938.  
  939. .flatpickr-calendar:focus {
  940. outline: 0;
  941. }
  942.  
  943. .flatpickr-wrapper {
  944. position: relative;
  945. display: inline-block;
  946. }
  947.  
  948. .flatpickr-months {
  949. display: -ms-flexbox;
  950. display: flex;
  951. }
  952.  
  953. .flatpickr-months .flatpickr-month {
  954. background: transparent;
  955. color: rgba(0, 0, 0, 0.9);
  956. fill: rgba(0, 0, 0, 0.9);
  957. height: 28px;
  958. line-height: 1;
  959. text-align: center;
  960. position: relative;
  961. -webkit-user-select: none;
  962. -moz-user-select: none;
  963. -ms-user-select: none;
  964. user-select: none;
  965. overflow: hidden;
  966. -ms-flex: 1;
  967. flex: 1;
  968. }
  969.  
  970. .flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
  971. text-decoration: none;
  972. cursor: pointer;
  973. position: absolute;
  974. top: 0;
  975. line-height: 16px;
  976. height: 28px;
  977. padding: 10px;
  978. z-index: 3;
  979. color: rgba(0, 0, 0, 0.9);
  980. fill: rgba(0, 0, 0, 0.9);
  981. }
  982.  
  983. .flatpickr-months .flatpickr-prev-month.disabled, .flatpickr-months .flatpickr-next-month.disabled {
  984. display: none;
  985. }
  986.  
  987. .flatpickr-months .flatpickr-prev-month i, .flatpickr-months .flatpickr-next-month i {
  988. position: relative;
  989. }
  990.  
  991. .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month, .flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
  992. /*
  993. /*rtl:begin:ignore*/
  994. left: 0;
  995. /*
  996. /*rtl:end:ignore*/
  997. }
  998.  
  999. /*
  1000. /*rtl:begin:ignore*/
  1001. /*
  1002. /*rtl:end:ignore*/
  1003. .flatpickr-months .flatpickr-prev-month.flatpickr-next-month, .flatpickr-months .flatpickr-next-month.flatpickr-next-month {
  1004. /*
  1005. /*rtl:begin:ignore*/
  1006. right: 0;
  1007. /*
  1008. /*rtl:end:ignore*/
  1009. }
  1010.  
  1011. /*
  1012. /*rtl:begin:ignore*/
  1013. /*
  1014. /*rtl:end:ignore*/
  1015. .flatpickr-months .flatpickr-prev-month:hover, .flatpickr-months .flatpickr-next-month:hover {
  1016. color: #959ea9;
  1017. }
  1018.  
  1019. .flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg {
  1020. fill: #f64747;
  1021. }
  1022.  
  1023. .flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg {
  1024. width: 14px;
  1025. height: 14px;
  1026. }
  1027.  
  1028. .flatpickr-months .flatpickr-prev-month svg path, .flatpickr-months .flatpickr-next-month svg path {
  1029. transition: fill .1s;
  1030. fill: inherit;
  1031. }
  1032.  
  1033. .numInputWrapper {
  1034. position: relative;
  1035. height: auto;
  1036. }
  1037.  
  1038. .numInputWrapper input, .numInputWrapper span {
  1039. display: inline-block;
  1040. }
  1041.  
  1042. .numInputWrapper input {
  1043. width: 100%;
  1044. }
  1045.  
  1046. .numInputWrapper input::-ms-clear {
  1047. display: none;
  1048. }
  1049.  
  1050. .numInputWrapper span {
  1051. position: absolute;
  1052. right: 0;
  1053. width: 14px;
  1054. padding: 0 4px 0 2px;
  1055. height: 50%;
  1056. line-height: 50%;
  1057. opacity: 0;
  1058. cursor: pointer;
  1059. border: 1px solid rgba(57, 57, 57, 0.15);
  1060. box-sizing: border-box;
  1061. }
  1062.  
  1063. .numInputWrapper span:hover {
  1064. background: rgba(0, 0, 0, 0.1);
  1065. }
  1066.  
  1067. .numInputWrapper span:active {
  1068. background: rgba(0, 0, 0, 0.2);
  1069. }
  1070.  
  1071. .numInputWrapper span:after {
  1072. display: block;
  1073. content: "";
  1074. position: absolute;
  1075. }
  1076.  
  1077. .numInputWrapper span.arrowUp {
  1078. top: 0;
  1079. border-bottom: 0;
  1080. }
  1081.  
  1082. .numInputWrapper span.arrowUp:after {
  1083. border-left: 4px solid transparent;
  1084. border-right: 4px solid transparent;
  1085. border-bottom: 4px solid rgba(57, 57, 57, 0.6);
  1086. top: 26%;
  1087. }
  1088.  
  1089. .numInputWrapper span.arrowDown {
  1090. top: 50%;
  1091. }
  1092.  
  1093. .numInputWrapper span.arrowDown:after {
  1094. border-left: 4px solid transparent;
  1095. border-right: 4px solid transparent;
  1096. border-top: 4px solid rgba(57, 57, 57, 0.6);
  1097. top: 40%;
  1098. }
  1099.  
  1100. .numInputWrapper span svg {
  1101. width: inherit;
  1102. height: auto;
  1103. }
  1104.  
  1105. .numInputWrapper span svg path {
  1106. fill: rgba(0, 0, 0, 0.5);
  1107. }
  1108.  
  1109. .numInputWrapper:hover {
  1110. background: rgba(0, 0, 0, 0.05);
  1111. }
  1112.  
  1113. .numInputWrapper:hover span {
  1114. opacity: 1;
  1115. }
  1116.  
  1117. .flatpickr-current-month {
  1118. font-size: 135%;
  1119. line-height: inherit;
  1120. font-weight: 300;
  1121. color: inherit;
  1122. position: absolute;
  1123. width: 75%;
  1124. left: 12.5%;
  1125. padding: 6.16px 0 0 0;
  1126. line-height: 1;
  1127. height: 28px;
  1128. display: inline-block;
  1129. text-align: center;
  1130. transform: translate3d(0, 0, 0);
  1131. }
  1132.  
  1133. .flatpickr-current-month span.cur-month {
  1134. font-family: inherit;
  1135. font-weight: 700;
  1136. color: inherit;
  1137. display: inline-block;
  1138. margin-left: .5ch;
  1139. padding: 0;
  1140. }
  1141.  
  1142. .flatpickr-current-month span.cur-month:hover {
  1143. background: rgba(0, 0, 0, 0.05);
  1144. }
  1145.  
  1146. .flatpickr-current-month .numInputWrapper {
  1147. width: 6ch;
  1148. width: 7ch\0;
  1149. display: inline-block;
  1150. }
  1151.  
  1152. .flatpickr-current-month .numInputWrapper span.arrowUp:after {
  1153. border-bottom-color: rgba(0, 0, 0, 0.9);
  1154. }
  1155.  
  1156. .flatpickr-current-month .numInputWrapper span.arrowDown:after {
  1157. border-top-color: rgba(0, 0, 0, 0.9);
  1158. }
  1159.  
  1160. .flatpickr-current-month input.cur-year {
  1161. background: transparent;
  1162. box-sizing: border-box;
  1163. color: inherit;
  1164. cursor: text;
  1165. padding: 0 0 0 .5ch;
  1166. margin: 0;
  1167. display: inline-block;
  1168. font-size: inherit;
  1169. font-family: inherit;
  1170. font-weight: 300;
  1171. line-height: inherit;
  1172. height: auto;
  1173. border: 0;
  1174. border-radius: 0;
  1175. vertical-align: initial;
  1176. }
  1177.  
  1178. .flatpickr-current-month input.cur-year:focus {
  1179. outline: 0;
  1180. }
  1181.  
  1182. .flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover {
  1183. font-size: 100%;
  1184. color: rgba(0, 0, 0, 0.5);
  1185. background: transparent;
  1186. pointer-events: none;
  1187. }
  1188.  
  1189. .flatpickr-weekdays {
  1190. background: transparent;
  1191. text-align: center;
  1192. overflow: hidden;
  1193. width: 100%;
  1194. display: -ms-flexbox;
  1195. display: flex;
  1196. -ms-flex-align: center;
  1197. align-items: center;
  1198. height: 28px;
  1199. }
  1200.  
  1201. .flatpickr-weekdays .flatpickr-weekdaycontainer {
  1202. display: -ms-flexbox;
  1203. display: flex;
  1204. -ms-flex: 1;
  1205. flex: 1;
  1206. }
  1207.  
  1208. span.flatpickr-weekday {
  1209. cursor: default;
  1210. font-size: 90%;
  1211. background: transparent;
  1212. color: rgba(0, 0, 0, 0.54);
  1213. line-height: 1;
  1214. margin: 0;
  1215. text-align: center;
  1216. display: block;
  1217. -ms-flex: 1;
  1218. flex: 1;
  1219. font-weight: bolder;
  1220. }
  1221.  
  1222. .dayContainer, .flatpickr-weeks {
  1223. padding: 1px 0 0 0;
  1224. }
  1225.  
  1226. .flatpickr-days {
  1227. position: relative;
  1228. overflow: hidden;
  1229. display: -ms-flexbox;
  1230. display: flex;
  1231. -ms-flex-align: start;
  1232. align-items: flex-start;
  1233. width: 307.875px;
  1234. }
  1235.  
  1236. .flatpickr-days:focus {
  1237. outline: 0;
  1238. }
  1239.  
  1240. .dayContainer {
  1241. padding: 0;
  1242. outline: 0;
  1243. text-align: left;
  1244. width: 307.875px;
  1245. min-width: 307.875px;
  1246. max-width: 307.875px;
  1247. box-sizing: border-box;
  1248. display: inline-block;
  1249. display: -ms-flexbox;
  1250. display: flex;
  1251. flex-wrap: wrap;
  1252. -ms-flex-wrap: wrap;
  1253. -ms-flex-pack: justify;
  1254. justify-content: space-around;
  1255. transform: translate3d(0, 0, 0);
  1256. opacity: 1;
  1257. }
  1258.  
  1259. .dayContainer + .dayContainer {
  1260. box-shadow: -1px 0 0 #e6e6e6;
  1261. }
  1262.  
  1263. .flatpickr-day {
  1264. background: none;
  1265. border: 1px solid transparent;
  1266. border-radius: 150px;
  1267. box-sizing: border-box;
  1268. color: #393939;
  1269. cursor: pointer;
  1270. font-weight: 400;
  1271. width: 14.2857143%;
  1272. -ms-flex-preferred-size: 14.2857143%;
  1273. flex-basis: 14.2857143%;
  1274. max-width: 39px;
  1275. height: 39px;
  1276. line-height: 39px;
  1277. margin: 0;
  1278. display: inline-block;
  1279. position: relative;
  1280. -ms-flex-pack: center;
  1281. justify-content: center;
  1282. text-align: center;
  1283. }
  1284.  
  1285. .flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {
  1286. cursor: pointer;
  1287. outline: 0;
  1288. background: #e6e6e6;
  1289. border-color: #e6e6e6;
  1290. }
  1291.  
  1292. .flatpickr-day.today {
  1293. border-color: #959ea9;
  1294. }
  1295.  
  1296. .flatpickr-day.today:hover, .flatpickr-day.today:focus {
  1297. border-color: #959ea9;
  1298. background: #959ea9;
  1299. color: #fff;
  1300. }
  1301.  
  1302. .flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
  1303. background: #569ff7;
  1304. box-shadow: none;
  1305. color: #fff;
  1306. border-color: #569ff7;
  1307. }
  1308.  
  1309. .flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange, .flatpickr-day.endRange.startRange {
  1310. border-radius: 50px 0 0 50px;
  1311. }
  1312.  
  1313. .flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange, .flatpickr-day.endRange.endRange {
  1314. border-radius: 0 50px 50px 0;
  1315. }
  1316.  
  1317. .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  1318. box-shadow: -10px 0 0 #569ff7;
  1319. }
  1320.  
  1321. .flatpickr-day.selected.startRange.endRange, .flatpickr-day.startRange.startRange.endRange, .flatpickr-day.endRange.startRange.endRange {
  1322. border-radius: 50px;
  1323. }
  1324.  
  1325. .flatpickr-day.inRange {
  1326. border-radius: 0;
  1327. box-shadow: -5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;
  1328. }
  1329.  
  1330. .flatpickr-day.disabled, .flatpickr-day.disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay {
  1331. color: rgba(57, 57, 57, 0.3);
  1332. background: transparent;
  1333. border-color: transparent;
  1334. cursor: default;
  1335. }
  1336.  
  1337. .flatpickr-day.disabled, .flatpickr-day.disabled:hover {
  1338. cursor: not-allowed;
  1339. color: rgba(57, 57, 57, 0.1);
  1340. }
  1341.  
  1342. .flatpickr-day.week.selected {
  1343. border-radius: 0;
  1344. box-shadow: -5px 0 0 #569ff7,5px 0 0 #569ff7;
  1345. }
  1346.  
  1347. .flatpickr-day.hidden {
  1348. visibility: hidden;
  1349. }
  1350.  
  1351. .rangeMode .flatpickr-day {
  1352. margin-top: 1px;
  1353. }
  1354.  
  1355. .flatpickr-weekwrapper {
  1356. display: inline-block;
  1357. float: left;
  1358. }
  1359.  
  1360. .flatpickr-weekwrapper .flatpickr-weeks {
  1361. padding: 0 12px;
  1362. box-shadow: 1px 0 0 #e6e6e6;
  1363. }
  1364.  
  1365. .flatpickr-weekwrapper .flatpickr-weekday {
  1366. float: none;
  1367. width: 100%;
  1368. line-height: 28px;
  1369. }
  1370.  
  1371. .flatpickr-weekwrapper span.flatpickr-day, .flatpickr-weekwrapper span.flatpickr-day:hover {
  1372. display: block;
  1373. width: 100%;
  1374. max-width: none;
  1375. color: rgba(57, 57, 57, 0.3);
  1376. background: transparent;
  1377. cursor: default;
  1378. border: none;
  1379. }
  1380.  
  1381. .flatpickr-innerContainer {
  1382. display: block;
  1383. display: -ms-flexbox;
  1384. display: flex;
  1385. box-sizing: border-box;
  1386. overflow: hidden;
  1387. }
  1388.  
  1389. .flatpickr-rContainer {
  1390. display: inline-block;
  1391. padding: 0;
  1392. box-sizing: border-box;
  1393. }
  1394.  
  1395. .flatpickr-time {
  1396. text-align: center;
  1397. outline: 0;
  1398. display: block;
  1399. height: 0;
  1400. line-height: 40px;
  1401. max-height: 40px;
  1402. box-sizing: border-box;
  1403. overflow: hidden;
  1404. display: -ms-flexbox;
  1405. display: flex;
  1406. }
  1407.  
  1408. .flatpickr-time:after {
  1409. content: "";
  1410. display: table;
  1411. clear: both;
  1412. }
  1413.  
  1414. .flatpickr-time .numInputWrapper {
  1415. -ms-flex: 1;
  1416. flex: 1;
  1417. width: 40%;
  1418. height: 40px;
  1419. float: left;
  1420. }
  1421.  
  1422. .flatpickr-time .numInputWrapper span.arrowUp:after {
  1423. border-bottom-color: #393939;
  1424. }
  1425.  
  1426. .flatpickr-time .numInputWrapper span.arrowDown:after {
  1427. border-top-color: #393939;
  1428. }
  1429.  
  1430. .flatpickr-time.hasSeconds .numInputWrapper {
  1431. width: 26%;
  1432. }
  1433.  
  1434. .flatpickr-time.time24hr .numInputWrapper {
  1435. width: 49%;
  1436. }
  1437.  
  1438. .flatpickr-time input {
  1439. background: transparent;
  1440. box-shadow: none;
  1441. border: 0;
  1442. border-radius: 0;
  1443. text-align: center;
  1444. margin: 0;
  1445. padding: 0;
  1446. height: inherit;
  1447. line-height: inherit;
  1448. color: #393939;
  1449. font-size: 14px;
  1450. position: relative;
  1451. box-sizing: border-box;
  1452. }
  1453.  
  1454. .flatpickr-time input.flatpickr-hour {
  1455. font-weight: bold;
  1456. }
  1457.  
  1458. .flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second {
  1459. font-weight: 400;
  1460. }
  1461.  
  1462. .flatpickr-time input:focus {
  1463. outline: 0;
  1464. border: 0;
  1465. }
  1466.  
  1467. .flatpickr-time .flatpickr-time-separator, .flatpickr-time .flatpickr-am-pm {
  1468. height: inherit;
  1469. display: inline-block;
  1470. float: left;
  1471. line-height: inherit;
  1472. color: #393939;
  1473. font-weight: bold;
  1474. width: 2%;
  1475. -webkit-user-select: none;
  1476. -moz-user-select: none;
  1477. -ms-user-select: none;
  1478. user-select: none;
  1479. -ms-flex-item-align: center;
  1480. -ms-grid-row-align: center;
  1481. align-self: center;
  1482. }
  1483.  
  1484. .flatpickr-time .flatpickr-am-pm {
  1485. outline: 0;
  1486. width: 18%;
  1487. cursor: pointer;
  1488. text-align: center;
  1489. font-weight: 400;
  1490. }
  1491.  
  1492. .flatpickr-time input:hover, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time .flatpickr-am-pm:focus {
  1493. background: #f3f3f3;
  1494. }
  1495.  
  1496. .flatpickr-input[readonly] {
  1497. cursor: pointer;
  1498. }
  1499.  
  1500. @keyframes fpFadeInDown {
  1501. from {
  1502. opacity: 0;
  1503. transform: translate3d(0, -20px, 0);
  1504. }
  1505. to {
  1506. opacity: 1;
  1507. transform: translate3d(0, 0, 0);
  1508. }
  1509. }
  1510.  
  1511. * {
  1512. box-sizing: border-box;
  1513. }
  1514.  
  1515. [type="checkbox"]:checked,
  1516. [type="checkbox"]:not(:checked) {
  1517. position: absolute;
  1518. left: -9999px;
  1519. visibility: hidden;
  1520. transform: scale(0);
  1521. opacity: 0;
  1522. }
  1523.  
  1524. [type="checkbox"]:checked + label,
  1525. [type="checkbox"]:not(:checked) + label {
  1526. position: relative;
  1527. padding-left: 33px;
  1528. cursor: pointer;
  1529. }
  1530.  
  1531. [type="checkbox"]:checked + label:before,
  1532. [type="checkbox"]:not(:checked) + label:before {
  1533. content: '';
  1534. position: absolute;
  1535. left: 0;
  1536. top: 0;
  1537. width: 20px;
  1538. height: 20px;
  1539. border-radius: 3px;
  1540. background: #fff;
  1541. }
  1542.  
  1543. [type="checkbox"]:checked + label:after,
  1544. [type="checkbox"]:not(:checked) + label:after {
  1545. content: '';
  1546. width: 12px;
  1547. height: 12px;
  1548. background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg fill='%2300ad5f' aria-hidden='true' data-prefix='fas' data-icon='check' class='svg-inline--fa fa-check fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath fill='%2300ad5f' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'%3e%3c/path%3e%3c/svg%3e");
  1549. position: absolute;
  1550. top: 4px;
  1551. left: 4px;
  1552. border-radius: 100%;
  1553. transition: all 0.2s ease;
  1554. }
  1555.  
  1556. [type="checkbox"]:not(:checked) + label:after {
  1557. opacity: 0;
  1558. transform: scale(0);
  1559. }
  1560.  
  1561. [type="checkbox"]:checked + label:after {
  1562. opacity: 1;
  1563. transform: scale(1);
  1564. }
  1565.  
  1566. .s011 {
  1567. min-height: 100vh;
  1568. display: -ms-flexbox;
  1569. display: flex;
  1570. -ms-flex-pack: center;
  1571. justify-content: center;
  1572. -ms-flex-align: center;
  1573. align-items: center;
  1574. background: url("../images/Searchs_011.png");
  1575. background-size: cover;
  1576. background-position: center center;
  1577. padding: 15px;
  1578. font-family: 'Lato', sans-serif;
  1579. }
  1580.  
  1581. .s011 form {
  1582. width: 100%;
  1583. max-width: 870px;
  1584. margin: 0;
  1585. }
  1586.  
  1587. .s011 form fieldset {
  1588. margin-bottom: 30px;
  1589. }
  1590.  
  1591. .s011 form fieldset legend {
  1592. font-size: 36px;
  1593. font-weight: bold;
  1594. color: #fff;
  1595. font-family: 'Poppins', sans-serif;
  1596. }
  1597.  
  1598. .s011 form .inner-form header {
  1599. margin-bottom: 12px;
  1600. }
  1601.  
  1602. .s011 form .inner-form header .travel-type-wrap {
  1603. display: -ms-flexbox;
  1604. display: flex;
  1605. }
  1606.  
  1607. .s011 form .inner-form header .travel-type-wrap .item {
  1608. color: #555;
  1609. border-radius: 3px;
  1610. background: #fff;
  1611. margin-right: 5px;
  1612. padding: 18px 20px;
  1613. transition: all .3s;
  1614. cursor: pointer;
  1615. text-align: center;
  1616. }
  1617.  
  1618. .s011 form .inner-form header .travel-type-wrap .item .group-icon {
  1619. display: -ms-flexbox;
  1620. display: flex;
  1621. width: 100%;
  1622. -ms-flex-pack: center;
  1623. justify-content: center;
  1624. margin-bottom: 10px;
  1625. }
  1626.  
  1627. .s011 form .inner-form header .travel-type-wrap .item .group-icon svg {
  1628. width: 20px;
  1629. height: 20px;
  1630. fill: #555;
  1631. margin: 0 4px;
  1632. }
  1633.  
  1634. .s011 form .inner-form header .travel-type-wrap .item span {
  1635. font-size: 12px;
  1636. font-weight: bold;
  1637. }
  1638.  
  1639. .s011 form .inner-form header .travel-type-wrap .item.active {
  1640. color: #fff;
  1641. background: #2c6ed5;
  1642. }
  1643.  
  1644. .s011 form .inner-form header .travel-type-wrap .item.active svg {
  1645. fill: #fff;
  1646. }
  1647.  
  1648. .s011 form .inner-form header .travel-type-wrap .item:hover, .s011 form .inner-form header .travel-type-wrap .item:focus {
  1649. background: #2c6ed5;
  1650. color: #fff;
  1651. }
  1652.  
  1653. .s011 form .inner-form header .travel-type-wrap .item:hover .group-icon svg, .s011 form .inner-form header .travel-type-wrap .item:focus .group-icon svg {
  1654. fill: #fff;
  1655. }
  1656.  
  1657. .s011 form .inner-form .main-form {
  1658. background: rgba(0, 0, 0, 0.8);
  1659. box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
  1660. border-radius: 3px;
  1661. position: relative;
  1662. padding: 40px;
  1663. position: relative;
  1664. }
  1665.  
  1666. .s011 form .inner-form .main-form .row {
  1667. margin-bottom: 15px;
  1668. }
  1669.  
  1670. .s011 form .inner-form .main-form .row .input-wrap {
  1671. background: #fff;
  1672. border-radius: 3px;
  1673. height: 60px;
  1674. position: relative;
  1675. padding: 10px 15px 10px 48px;
  1676. }
  1677.  
  1678. .s011 form .inner-form .main-form .row .input-wrap .icon-wrap {
  1679. width: 48px;
  1680. position: absolute;
  1681. top: 0;
  1682. left: 0;
  1683. bottom: 0;
  1684. display: -ms-flexbox;
  1685. display: flex;
  1686. -ms-flex-pack: center;
  1687. justify-content: center;
  1688. }
  1689.  
  1690. .s011 form .inner-form .main-form .row .input-wrap .icon-wrap svg {
  1691. fill: #ccc;
  1692. width: 20px;
  1693. height: 20px;
  1694. -ms-flex-item-align: end;
  1695. align-self: flex-end;
  1696. margin-bottom: 10px;
  1697. }
  1698.  
  1699. .s011 form .inner-form .main-form .row .input-wrap .input-field label {
  1700. font-size: 11px;
  1701. font-weight: 900;
  1702. display: block;
  1703. color: #555;
  1704. }
  1705.  
  1706. .s011 form .inner-form .main-form .row .input-wrap .input-field input {
  1707. font-size: 16px;
  1708. color: #333;
  1709. background: transparent;
  1710. width: 100%;
  1711. border: 0;
  1712. padding: 8px 0;
  1713. font-family: 'Lato', sans-serif;
  1714. }
  1715.  
  1716. .s011 form .inner-form .main-form .row .input-wrap .input-field input.placeholder {
  1717. color: #808080;
  1718. }
  1719.  
  1720. .s011 form .inner-form .main-form .row .input-wrap .input-field input:-moz-placeholder {
  1721. color: #808080;
  1722. }
  1723.  
  1724. .s011 form .inner-form .main-form .row .input-wrap .input-field input::-webkit-input-placeholder {
  1725. color: #808080;
  1726. }
  1727.  
  1728. .s011 form .inner-form .main-form .row .input-wrap .input-field input.hover, .s011 form .inner-form .main-form .row .input-wrap .input-field input:focus {
  1729. box-shadow: none;
  1730. outline: 0;
  1731. }
  1732.  
  1733. .s011 form .inner-form .main-form .row .input-checkbox-group .input-checkbox {
  1734. display: inline-block;
  1735. margin-right: 44px;
  1736. }
  1737.  
  1738. .s011 form .inner-form .main-form .row .input-checkbox-group .input-checkbox label {
  1739. font-weight: 900;
  1740. font-size: 11px;
  1741. color: #fff;
  1742. padding-top: 3px;
  1743. }
  1744.  
  1745. .s011 form .inner-form .main-form .row.second {
  1746. display: -ms-flexbox;
  1747. display: flex;
  1748. -ms-flex-pack: justify;
  1749. justify-content: space-between;
  1750. margin-bottom: 24px;
  1751. }
  1752.  
  1753. .s011 form .inner-form .main-form .row.second .input-wrap {
  1754. width: calc((100% - 30px)/3);
  1755. }
  1756.  
  1757. .s011 form .inner-form .main-form .row.third {
  1758. margin-bottom: 30px;
  1759. }
  1760.  
  1761. .s011 form .inner-form .main-form:after {
  1762. content: '';
  1763. width: 0;
  1764. height: 0;
  1765. border-left: 10px solid transparent;
  1766. border-right: 10px solid transparent;
  1767. border-bottom: 10px solid rgba(0, 0, 0, 0.8);
  1768. position: absolute;
  1769. top: -10px;
  1770. }
  1771.  
  1772. .s011 form .inner-form .main-form.type0:after {
  1773. left: 50px;
  1774. }
  1775.  
  1776. .s011 form .inner-form .main-form.type1:after {
  1777. left: 170px;
  1778. }
  1779.  
  1780. .s011 form .inner-form .main-form.type2:after {
  1781. left: 330px;
  1782. }
  1783.  
  1784. .s011 form .inner-form .main-form.type3:after {
  1785. left: 474px;
  1786. }
  1787.  
  1788. .s011 form .input-select {
  1789. height: 34px;
  1790. padding: 8px 0;
  1791. }
  1792.  
  1793. .s011 form .choices__inner {
  1794. background: transparent;
  1795. border-radius: 0;
  1796. border: 0;
  1797. height: 100%;
  1798. color: #333;
  1799. display: -ms-flexbox;
  1800. display: flex;
  1801. -ms-flex-align: center;
  1802. align-items: center;
  1803. padding: 0;
  1804. padding-right: 30px;
  1805. font-size: 16px;
  1806. min-height: auto;
  1807. }
  1808.  
  1809. .s011 form .choices__inner .choices__list.choices__list--single {
  1810. display: -ms-flexbox;
  1811. display: flex;
  1812. padding: 0;
  1813. -ms-flex-align: center;
  1814. align-items: center;
  1815. height: 100%;
  1816. }
  1817.  
  1818. .s011 form .choices__inner .choices__item.choices__item--selectable.choices__placeholder {
  1819. display: -ms-flexbox;
  1820. display: flex;
  1821. -ms-flex-align: center;
  1822. align-items: center;
  1823. height: 100%;
  1824. opacity: 1;
  1825. color: #666;
  1826. }
  1827.  
  1828. .s011 form .choices__inner .choices__list--single .choices__item {
  1829. display: -ms-flexbox;
  1830. display: flex;
  1831. -ms-flex-align: center;
  1832. align-items: center;
  1833. height: 100%;
  1834. color: #333;
  1835. }
  1836.  
  1837. .s011 form .choices__list.choices__list--dropdown {
  1838. border: 0;
  1839. background: #000;
  1840. padding: 10px 15px;
  1841. margin-top: 8px;
  1842. border-radius: 3px;
  1843. box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
  1844. }
  1845.  
  1846. .s011 form .choices__list.choices__list--dropdown .choices__item--selectable {
  1847. padding-right: 0;
  1848. }
  1849.  
  1850. .s011 form .choices__list--dropdown .choices__item--selectable.is-highlighted {
  1851. background: transparent;
  1852. color: #fff;
  1853. }
  1854.  
  1855. .s011 form .choices__list--dropdown .choices__item {
  1856. color: #ccc;
  1857. min-height: 24px;
  1858. }
  1859.  
  1860. .s011 form .choices[data-type*="select-one"] .choices__inner {
  1861. padding-bottom: 0;
  1862. }
  1863.  
  1864. .s011 form .choices[data-type*="select-one"]:after {
  1865. border: 0;
  1866. width: 18px;
  1867. height: 18px;
  1868. margin: 0;
  1869. transform: none;
  1870. opacity: 1;
  1871. right: 0;
  1872. top: 0;
  1873. background-size: 18px 18px;
  1874. background-position: right center;
  1875. background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg fill='%23999' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath d='M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z'/%3e%3c/svg%3e");
  1876. background-repeat: no-repeat;
  1877. }
  1878.  
  1879. .s011 form .choices[data-type*="select-one"].is-open:after {
  1880. background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg fill='%23999' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath d='M12 8l-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14z'/%3e%3c/svg%3e");
  1881. }
  1882.  
  1883. .s011 form .btn-search {
  1884. min-width: 100px;
  1885. height: 50px;
  1886. padding: 0 15px;
  1887. background: #ff8300;
  1888. white-space: nowrap;
  1889. border-radius: 3px;
  1890. font-size: 16px;
  1891. color: #fff;
  1892. transition: all .2s ease-out, color .2s ease-out;
  1893. border: 0;
  1894. cursor: pointer;
  1895. font-weight: 900;
  1896. }
  1897.  
  1898. .s011 form .btn-search:hover {
  1899. background: #e67600;
  1900. }
  1901.  
  1902. @media screen and (max-width: 767px) {
  1903. .s011 form .inner-form header {
  1904. overflow: hidden;
  1905. }
  1906. .s011 form .inner-form header .travel-type-wrap {
  1907. overflow-x: auto;
  1908. }
  1909. .s011 form .inner-form header .travel-type-wrap .item {
  1910. width: 100%;
  1911. min-width: 170px;
  1912. }
  1913. .s011 form .inner-form .main-form .row.second {
  1914. display: block;
  1915. }
  1916. .s011 form .inner-form .main-form .row.second .input-wrap {
  1917. width: 100%;
  1918. margin-bottom: 15px;
  1919. }
  1920. .s011 form .inner-form .main-form .row.third {
  1921. margin-bottom: 0;
  1922. }
  1923. .s011 form .inner-form .main-form .row.third .input-checkbox-group .input-checkbox {
  1924. margin-bottom: 20px;
  1925. }
  1926. .s011 form .inner-form .main-form:after {
  1927. display: none;
  1928. }
  1929. }
  1930.  
  1931. /*# sourceMappingURL=Searchs_011.css.map */
Advertisement
Add Comment
Please, Sign In to add comment