main.css 8.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305
  1. .facturissynctab-wrap {
  2. border-radius: 6px !important;
  3. max-width: 100% !important;
  4. display: -webkit-box !important;
  5. display: flex !important;
  6. flex-wrap: wrap !important;
  7. position: relative !important;
  8. list-style: none !important;
  9. background-color: #fff !important;
  10. /*margin: 40px 0 !important;*/
  11. margin: 10px 0 40px !important;
  12. border-color: #c2c2c2 !important;
  13. border-width: 1px !important;
  14. border-style: solid !important;
  15. }
  16. .facturissynctab {
  17. display: none !important;
  18. }
  19. .facturissynctab:checked:nth-of-type(1) ~ .facturissynctab__content:nth-of-type(1) {
  20. opacity: 1 !important;
  21. -webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease !important;
  22. transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease !important;
  23. transition: 0.5s opacity ease-in, 0.8s transform ease !important;
  24. transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease !important;
  25. position: relative !important;
  26. top: 0 !important;
  27. z-index: 100 !important;
  28. -webkit-transform: translateY(0px) !important;
  29. transform: translateY(0px) !important;
  30. text-shadow: 0 0 0 !important;
  31. }
  32. .facturissynctab:checked:nth-of-type(2) ~ .facturissynctab__content:nth-of-type(2) {
  33. opacity: 1 !important;
  34. -webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease !important;
  35. transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease !important;
  36. transition: 0.5s opacity ease-in, 0.8s transform ease !important;
  37. transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease !important;
  38. position: relative !important;
  39. top: 0 !important;
  40. z-index: 100 !important;
  41. -webkit-transform: translateY(0px) !important;
  42. transform: translateY(0px) !important;
  43. text-shadow: 0 0 0 !important;
  44. }
  45. .facturissynctab:checked:nth-of-type(3) ~ .facturissynctab__content:nth-of-type(3) {
  46. opacity: 1 !important;
  47. -webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease !important;
  48. transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease !important;
  49. transition: 0.5s opacity ease-in, 0.8s transform ease !important;
  50. transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease !important;
  51. position: relative !important;
  52. top: 0 !important;
  53. z-index: 100 !important;
  54. -webkit-transform: translateY(0px) !important;
  55. transform: translateY(0px) !important;
  56. text-shadow: 0 0 0 !important;
  57. }
  58. .facturissynctab:checked:nth-of-type(4) ~ .facturissynctab__content:nth-of-type(4) {
  59. opacity: 1 !important;
  60. -webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease !important;
  61. transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease !important;
  62. transition: 0.5s opacity ease-in, 0.8s transform ease !important;
  63. transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease !important;
  64. position: relative !important;
  65. top: 0 !important;
  66. z-index: 100 !important;
  67. -webkit-transform: translateY(0px) !important;
  68. transform: translateY(0px) !important;
  69. text-shadow: 0 0 0 !important;
  70. }
  71. .facturissynctab:checked:nth-of-type(5) ~ .facturissynctab__content:nth-of-type(5) {
  72. opacity: 1 !important;
  73. -webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease !important;
  74. transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease !important;
  75. transition: 0.5s opacity ease-in, 0.8s transform ease !important;
  76. transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease !important;
  77. position: relative !important;
  78. top: 0 !important;
  79. z-index: 100 !important;
  80. -webkit-transform: translateY(0px) !important;
  81. transform: translateY(0px) !important;
  82. text-shadow: 0 0 0 !important;
  83. }
  84. .facturissynctab:first-of-type:not(:last-of-type) + label {
  85. border-top-right-radius: 0 !important;
  86. border-bottom-right-radius: 0 !important;
  87. }
  88. .facturissynctab:not(:first-of-type):not(:last-of-type) + label {
  89. border-radius: 0 !important;
  90. }
  91. .facturissynctab:last-of-type:not(:first-of-type) + label {
  92. border-top-left-radius: 0 !important;
  93. border-bottom-left-radius: 0 !important;
  94. }
  95. .facturissynctab:checked + label {
  96. background-color: #528ecc !important; /* #fff !important; */
  97. cursor: default !important;
  98. }
  99. .facturissynctab:checked + label:hover {
  100. background-color: #528ecc !important; /* #fff !important; */
  101. }
  102. .facturissynctab + label {
  103. border-radius: 6px 6px 0 0 !important;
  104. cursor: pointer !important;
  105. display: block !important;
  106. text-decoration: none !important;
  107. color: #fff !important; /* #333 !important; */
  108. -webkit-box-flex: 3 !important;
  109. flex-grow: 3 !important;
  110. text-align: center !important;
  111. background-color: #84bbf3 !important; /*#dbebff !important;*/ /* #e8e8e8 !important; */
  112. -webkit-user-select: none !important;
  113. -moz-user-select: none !important;
  114. -ms-user-select: none !important;
  115. user-select: none !important;
  116. text-align: center !important;
  117. height: 50px !important;
  118. box-sizing: border-box !important;
  119. padding: 15px !important;
  120. font-size: 15px;
  121. }
  122. .facturissynctab + label:hover {
  123. /*background-color: #bddbfa !important; */ /* #f9f9f9 !important; */
  124. text-decoration: underline !important;
  125. }
  126. .facturissynctab__content {
  127. padding: 10px 25px !important;
  128. background-color: transparent !important;
  129. position: absolute !important;
  130. width: 100% !important;
  131. z-index: -1 !important;
  132. opacity: 0 !important;
  133. left: 0 !important;
  134. -webkit-transform: translateY(-3px) !important;
  135. transform: translateY(-3px) !important;
  136. border-radius: 6px !important;
  137. }
  138. .facturis-online-sync {
  139. font-family: 'Helvetica', sans-serif !important;
  140. background-color: #f6f6f6 !important;
  141. color: #777 !important;
  142. padding: 10px 0 !important;
  143. font-weight: 300 !important;
  144. margin-top: 10px;
  145. }
  146. .facturis-online-sync-container {
  147. margin: 0 auto !important;
  148. display: block !important;
  149. max-width: 800px !important;
  150. }
  151. /*
  152. .facturis-online-sync-container > *:not(.facturissynctab-wrap) {
  153. padding: 0 80px !important;
  154. }*/
  155. .facturis-online-sync h1,
  156. .facturis-online-sync h2 {
  157. margin: 17px 0px !important;
  158. color: #444 !important;
  159. text-align: center !important;
  160. font-weight: 400 !important;
  161. }
  162. .facturis-online-sync h2 {
  163. font-size: 1em !important;
  164. margin-bottom: 30px !important;
  165. }
  166. .facturis-online-sync h3 {
  167. font-weight: 400 !important;
  168. }
  169. /*
  170. .facturis-online-sync p {
  171. line-height: 1.6 !important;
  172. margin-bottom: 20px !important;
  173. }*/
  174. .facturis-online-sync .alert,
  175. .facturis-online-sync .notice {
  176. padding: 17px !important;
  177. color: #721c24 !important;
  178. background-color: #f8d7da !important;
  179. /*opacity: 1 !important;
  180. transition: opacity 0.6s !important;
  181. margin-bottom: 15px !important;*/
  182. border-radius: 7px;
  183. margin: 0px !important;
  184. border-width: 1px !important;
  185. border-color: #cfcfcf !important;
  186. font-size: 13px;
  187. }
  188. .facturis-online-sync .alert.success,
  189. .facturis-online-sync .notice-success {
  190. background-color: #d4edda !important;
  191. color: #155724 !important;
  192. }
  193. .facturis-online-sync .alert.info {
  194. color: #004085 !important;
  195. background-color: #cce5ff !important;
  196. margin-bottom: 10px !important;
  197. }
  198. .facturis-online-sync .alert.warning {
  199. color: #856404 !important;
  200. background-color: #fff3cd !important;
  201. }
  202. .facturis-online-sync .closebtn,
  203. .facturis-online-sync .notice-dismiss{
  204. margin-left: 15px !important;
  205. color: #b4b4b4 !important;
  206. font-weight: bold !important;
  207. float: right !important;
  208. font-size: 22px !important;
  209. line-height: 20px !important;
  210. cursor: pointer !important;
  211. transition: 0.3s !important;
  212. }
  213. .closebtn:hover {
  214. color: black !important;
  215. }
  216. .facturis-online-sync p a{
  217. color: #444 !important;
  218. text-align: center !important;
  219. font-weight: 400 !important;
  220. font-size: 13px;
  221. text-decoration: none;
  222. }
  223. .facturis-online-sync p a:hover {
  224. text-decoration: underline;
  225. }
  226. .facturis-online-sync .spinner
  227. {
  228. position: relative;
  229. top: 2px;
  230. left: 28px;
  231. }
  232. .facturis-online-sync .hide-element
  233. {
  234. display: none;
  235. }
  236. #datepicker-container input
  237. {
  238. width: 30% !important;
  239. }
  240. .datepicker
  241. {
  242. font-family: 'Helvetica', sans-serif !important;
  243. }
  244. .datepicker-controls button.view-switch
  245. {
  246. background-color: #528ecc !important;
  247. color: white !important;
  248. }
  249. .datepicker-controls button.prev-btn,
  250. .datepicker-controls button.next-btn,
  251. .datepicker-cell.selected, .datepicker-cell.selected:hover,
  252. .datepicker-cell.range-end:not(.selected), .datepicker-cell.range-start:not(.selected)
  253. {
  254. background-color: #84bbf3 !important;
  255. color: white !important;
  256. }
  257. .datepicker-cell.today:not(.selected) {
  258. background-color: #74B807 !important;
  259. }
  260. .datepicker-controls button.prev-btn
  261. {
  262. margin-right: 2px !important;
  263. }
  264. .datepicker-controls button.next-btn
  265. {
  266. margin-left: 2px !important;
  267. }