index.css 34 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764
  1. /*-----------------------------------------------------------------------------------*/
  2. /* widget-box
  3. /*-----------------------------------------------------------------------------------*/
  4. .widget-box {
  5. padding: 0;
  6. -webkit-box-shadow: none;
  7. box-shadow: none;
  8. margin: 3px 0;
  9. border: 1px solid #b9dae9 ! important;
  10. }
  11. @media only screen and (max-width:767px) {
  12. .widget-box {
  13. margin-top: 7px;
  14. margin-bottom: 7px
  15. }
  16. }
  17. .widget-header {
  18. -webkit-box-sizing: content-box;
  19. -moz-box-sizing: content-box;
  20. box-sizing: content-box;
  21. position: relative;
  22. min-height: 38px;
  23. background: url("../../images/other/bg3.png") repeat scroll transparent;;
  24. background-repeat: repeat-x;
  25. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',
  26. endColorstr='#ffeeeeee', GradientType=0);
  27. color: #0a5290;
  28. border-bottom: 1px solid #DDD;
  29. padding-left: 12px;
  30. border-bottom: 1px solid #b9dae9;
  31. }
  32. .widget-header:before,.widget-header:after {
  33. content: "";
  34. display: table;
  35. line-height: 0
  36. }
  37. .widget-header:after {
  38. clear: right
  39. }
  40. .widget-box.collapsed>.widget-header {
  41. border-bottom-width: 0
  42. }
  43. .collapsed.fullscreen>.widget-header {
  44. border-bottom-width: 1px
  45. }
  46. .collapsed>.widget-body {
  47. display: none
  48. }
  49. .widget-header-flat {
  50. background: #F7F7F7;
  51. filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
  52. }
  53. .widget-header-large {
  54. min-height: 49px;
  55. padding-left: 18px
  56. }
  57. .widget-header-small {
  58. min-height: 31px;
  59. padding-left: 10px
  60. }
  61. .widget-header>.widget-title {
  62. line-height: 36px;
  63. padding: 0;
  64. margin: 0;
  65. display: inline
  66. }
  67. .widget-header>.widget-title>.ht-icon {
  68. margin-right: 5px;
  69. font-weight: 400;
  70. display: inline-block
  71. }
  72. .widget-header-large>.widget-title {
  73. line-height: 48px
  74. }
  75. .widget-header-small>.widget-title {
  76. line-height: 30px
  77. }
  78. .widget-toolbar {
  79. display: inline-block;
  80. padding: 0 10px;
  81. line-height: 37px;
  82. float: right;
  83. position: relative
  84. }
  85. .widget-header-large>.widget-toolbar {
  86. line-height: 48px
  87. }
  88. .widget-header-small>.widget-toolbar {
  89. line-height: 29px
  90. }
  91. .widget-toolbar.no-padding {
  92. padding: 0
  93. }
  94. .widget-toolbar.padding-5 {
  95. padding: 0 5px
  96. }
  97. .widget-toolbar:before {
  98. display: inline-block;
  99. content: "";
  100. position: absolute;
  101. top: 3px;
  102. bottom: 3px;
  103. left: -1px;
  104. border: 1px solid #D9D9D9;
  105. border-width: 0 1px 0 0
  106. }
  107. .widget-header-large>.widget-toolbar:before {
  108. top: 6px;
  109. bottom: 6px
  110. }
  111. [class*=widget-color-]>.widget-header>.widget-toolbar:before {
  112. border-color: #EEE
  113. }
  114. .widget-color-orange>.widget-header>.widget-toolbar:before {
  115. border-color: #FEA
  116. }
  117. .widget-color-dark>.widget-header>.widget-toolbar:before {
  118. border-color: #222;
  119. box-shadow: -1px 0 0 rgba(255, 255, 255, .2), inset 1px 0 0
  120. rgba(255, 255, 255, .1)
  121. }
  122. .widget-toolbar.no-border:before {
  123. display: none
  124. }
  125. .widget-toolbar label {
  126. display: inline-block;
  127. vertical-align: middle;
  128. margin-bottom: 0
  129. }
  130. .widget-toolbar>a,.widget-toolbar>.widget-menu>a {
  131. font-size: 14px;
  132. margin: 0 1px;
  133. display: inline-block;
  134. padding: 0;
  135. line-height: 24px
  136. }
  137. .widget-toolbar>a:hover,.widget-toolbar>.widget-menu>a:hover {
  138. text-decoration: none
  139. }
  140. .widget-header-large>.widget-toolbar>a,.widget-header-large>.widget-toolbar>.widget-menu>a
  141. {
  142. font-size: 15px;
  143. margin: 0 1px
  144. }
  145. .widget-toolbar>.btn {
  146. line-height: 27px;
  147. margin-top: -2px
  148. }
  149. .widget-toolbar>.btn.smaller {
  150. line-height: 26px
  151. }
  152. .widget-toolbar>.btn.bigger {
  153. line-height: 28px
  154. }
  155. .widget-toolbar>.btn-sm {
  156. line-height: 24px
  157. }
  158. .widget-toolbar>.btn-sm.smaller {
  159. line-height: 23px
  160. }
  161. .widget-toolbar>.btn-sm.bigger {
  162. line-height: 25px
  163. }
  164. .widget-toolbar>.btn-xs {
  165. line-height: 22px
  166. }
  167. .widget-toolbar>.btn-xs.smaller {
  168. line-height: 21px
  169. }
  170. .widget-toolbar>.btn-xs.bigger {
  171. line-height: 23px
  172. }
  173. .widget-toolbar>.btn-minier {
  174. line-height: 18px
  175. }
  176. .widget-toolbar>.btn-minier.smaller {
  177. line-height: 17px
  178. }
  179. .widget-toolbar>.btn-minier.bigger {
  180. line-height: 19px
  181. }
  182. .widget-toolbar>.btn-lg {
  183. line-height: 36px
  184. }
  185. .widget-toolbar>.btn-lg.smaller {
  186. line-height: 34px
  187. }
  188. .widget-toolbar>.btn-lg.bigger {
  189. line-height: 38px
  190. }
  191. .widget-toolbar-dark {
  192. background: #444
  193. }
  194. .widget-toolbar-light {
  195. background: rgba(255, 255, 255, .85)
  196. }
  197. .widget-toolbar>.widget-menu {
  198. display: inline-block;
  199. position: relative
  200. }
  201. .widget-toolbar>a[data-action],.widget-toolbar>.widget-menu>a[data-action]
  202. {
  203. -webkit-transition: transform .1s;
  204. -o-transition: transform .1s;
  205. transition: transform .1s
  206. }
  207. .widget-toolbar>a[data-action]>.ht-icon,.widget-toolbar>.widget-menu>a[data-action]>.ht-icon
  208. {
  209. margin-right: 0
  210. }
  211. .widget-toolbar>a[data-action]:focus,.widget-toolbar>.widget-menu>a[data-action]:focus
  212. {
  213. text-decoration: none;
  214. outline: 0
  215. }
  216. .widget-toolbar>a[data-action]:hover,.widget-toolbar>.widget-menu>a[data-action]:hover
  217. {
  218. -moz-transform: scale(1.2);
  219. -webkit-transform: scale(1.2);
  220. -o-transform: scale(1.2);
  221. -ms-transform: scale(1.2);
  222. transform: scale(1.2)
  223. }
  224. .widget-body {
  225. background-color: #FFF
  226. }
  227. .widget-main {
  228. padding: 12px
  229. }
  230. .widget-main.padding-32 {
  231. padding: 32px
  232. }
  233. .widget-main.padding-30 {
  234. padding: 30px
  235. }
  236. .widget-main.padding-28 {
  237. padding: 28px
  238. }
  239. .widget-main.padding-26 {
  240. padding: 26px
  241. }
  242. .widget-main.padding-24 {
  243. padding: 24px
  244. }
  245. .widget-main.padding-22 {
  246. padding: 22px
  247. }
  248. .widget-main.padding-20 {
  249. padding: 20px
  250. }
  251. .widget-main.padding-18 {
  252. padding: 18px
  253. }
  254. .widget-main.padding-16 {
  255. padding: 16px
  256. }
  257. .widget-main.padding-14 {
  258. padding: 14px
  259. }
  260. .widget-main.padding-12 {
  261. padding: 12px
  262. }
  263. .widget-main.padding-10 {
  264. padding: 10px
  265. }
  266. .widget-main.padding-8 {
  267. padding: 8px
  268. }
  269. .widget-main.padding-6 {
  270. padding: 6px
  271. }
  272. .widget-main.padding-4 {
  273. padding: 4px
  274. }
  275. .widget-main.padding-2 {
  276. padding: 2px
  277. }
  278. .widget-main.padding-0 {
  279. padding: 0
  280. }
  281. .widget-main.no-padding {
  282. padding: 0
  283. }
  284. .widget-toolbar .progress {
  285. vertical-align: middle;
  286. display: inline-block;
  287. margin: 0
  288. }
  289. .widget-toolbar>.dropdown,.widget-toolbar>.dropup {
  290. display: inline-block
  291. }
  292. .widget-box>.widget-header>.widget-toolbar>[data-action=prev],.widget-color-dark>.widget-header>.widget-toolbar>[data-action=prev],.widget-box>.widget-header>.widget-toolbar>.widget-menu>[data-action=prev],.widget-color-dark>.widget-header>.widget-toolbar>.widget-menu>[data-action=prev]
  293. {
  294. color: #99CADB
  295. }
  296. .widget-box>.widget-header>.widget-toolbar>[data-action=next],.widget-color-dark>.widget-header>.widget-toolbar>[data-action=next],.widget-box>.widget-header>.widget-toolbar>.widget-menu>[data-action=next],.widget-color-dark>.widget-header>.widget-toolbar>.widget-menu>[data-action=next]
  297. {
  298. color: #99CADB
  299. }
  300. .widget-box>.widget-header>.widget-toolbar>[data-action=settings],.widget-color-dark>.widget-header>.widget-toolbar>[data-action=settings],.widget-box>.widget-header>.widget-toolbar>.widget-menu>[data-action=settings],.widget-color-dark>.widget-header>.widget-toolbar>.widget-menu>[data-action=settings]
  301. {
  302. color: #99CADB;
  303. }
  304. .widget-box>.widget-header>.widget-toolbar>[data-action=more],.widget-color-dark>.widget-header>.widget-toolbar>[data-action=more],.widget-box>.widget-header>.widget-toolbar>.widget-menu>[data-action=settings],.widget-color-dark>.widget-header>.widget-toolbar>.widget-menu>[data-action=more]
  305. {
  306. color: #63b7ff;
  307. }
  308. .widget-box>.widget-header>.widget-toolbar>[data-action=reload],.widget-color-dark>.widget-header>.widget-toolbar>[data-action=reload],.widget-box>.widget-header>.widget-toolbar>.widget-menu>[data-action=reload],.widget-color-dark>.widget-header>.widget-toolbar>.widget-menu>[data-action=reload]
  309. {
  310. color: #7bbe68;
  311. }
  312. .widget-box>.widget-header>.widget-toolbar>[data-action=collapse],.widget-color-dark>.widget-header>.widget-toolbar>[data-action=collapse],.widget-box>.widget-header>.widget-toolbar>.widget-menu>[data-action=collapse],.widget-color-dark>.widget-header>.widget-toolbar>.widget-menu>[data-action=collapse]
  313. {
  314. color: #8b8a8a;
  315. }
  316. .widget-box>.widget-header>.widget-toolbar>[data-action=close],.widget-color-dark>.widget-header>.widget-toolbar>[data-action=close],.widget-box>.widget-header>.widget-toolbar>.widget-menu>[data-action=close],.widget-color-dark>.widget-header>.widget-toolbar>.widget-menu>[data-action=close]
  317. {
  318. color: #E09E96
  319. }
  320. .widget-box[class*=widget-color-]>.widget-header {
  321. color: #FFF;
  322. filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
  323. }
  324. .widget-color-blue {
  325. border-color: #307ecc
  326. }
  327. .widget-color-blue>.widget-header {
  328. background: #307ecc;
  329. border-color: #307ecc
  330. }
  331. .widget-color-blue2 {
  332. border-color: #5090c1
  333. }
  334. .widget-color-blue2>.widget-header {
  335. background: #5090c1;
  336. border-color: #5090c1
  337. }
  338. .widget-color-blue3 {
  339. border-color: #6379aa
  340. }
  341. .widget-color-blue3>.widget-header {
  342. background: #6379aa;
  343. border-color: #6379aa
  344. }
  345. .widget-color-green {
  346. border-color: #82af6f
  347. }
  348. .widget-color-green>.widget-header {
  349. background: #82af6f;
  350. border-color: #82af6f
  351. }
  352. .widget-color-green2 {
  353. border-color: #2e8965
  354. }
  355. .widget-color-green2>.widget-header {
  356. background: #2e8965;
  357. border-color: #2e8965
  358. }
  359. .widget-color-green3 {
  360. border-color: #4ebc30
  361. }
  362. .widget-color-green3>.widget-header {
  363. background: #4ebc30;
  364. border-color: #4ebc30
  365. }
  366. .widget-color-red {
  367. border-color: #e2755f
  368. }
  369. .widget-color-red>.widget-header {
  370. background: #e2755f;
  371. border-color: #e2755f
  372. }
  373. .widget-color-red2 {
  374. border-color: #e04141
  375. }
  376. .widget-color-red2>.widget-header {
  377. background: #e04141;
  378. border-color: #e04141
  379. }
  380. .widget-color-red3 {
  381. border-color: #d15b47
  382. }
  383. .widget-color-red3>.widget-header {
  384. background: #d15b47;
  385. border-color: #d15b47
  386. }
  387. .widget-color-purple {
  388. border-color: #7e6eb0
  389. }
  390. .widget-color-purple>.widget-header {
  391. background: #7e6eb0;
  392. border-color: #7e6eb0
  393. }
  394. .widget-color-pink {
  395. border-color: #ce6f9e
  396. }
  397. .widget-color-pink>.widget-header {
  398. background: #ce6f9e;
  399. border-color: #ce6f9e
  400. }
  401. .widget-color-orange {
  402. border-color: #e8b10d
  403. }
  404. .widget-color-orange>.widget-header {
  405. color: #855d10 !important;
  406. border-color: #e8b10d;
  407. background: #ffc657
  408. }
  409. .widget-color-dark {
  410. border-color: #5a5a5a
  411. }
  412. .widget-color-dark>.widget-header {
  413. border-color: #666;
  414. background: #404040
  415. }
  416. .widget-color-grey {
  417. border-color: #9e9e9e
  418. }
  419. .widget-color-grey>.widget-header {
  420. border-color: #aaa;
  421. background: #848484
  422. }
  423. .widget-box.transparent {
  424. border-width: 0
  425. }
  426. .widget-box.transparent>.widget-header {
  427. background: 0 0;
  428. filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  429. border-width: 0;
  430. border-bottom: 1px solid #DCE8F1;
  431. color: #4383B4;
  432. padding-left: 3px
  433. }
  434. .widget-box.transparent>.widget-header-large {
  435. padding-left: 5px
  436. }
  437. .widget-box.transparent>.widget-header-small {
  438. padding-left: 1px
  439. }
  440. .widget-box.transparent>.widget-body {
  441. border-width: 0;
  442. background-color: transparent
  443. }
  444. [class*=widget-color-]>.widget-header>.widget-toolbar>[data-action],[class*=widget-color-]>.widget-header>.widget-toolbar>.widget-menu>[data-action]
  445. {
  446. text-shadow: 0 1px 1px rgba(0, 0, 0, .2)
  447. }
  448. [class*=widget-color-]>.widget-header>.widget-toolbar>[data-action=settings],[class*=widget-color-]>.widget-header>.widget-toolbar>.widget-menu>[data-action=settings]
  449. {
  450. color: #D3E4ED
  451. }
  452. [class*=widget-color-]>.widget-header>.widget-toolbar>[data-action=reload],[class*=widget-color-]>.widget-header>.widget-toolbar>.widget-menu>[data-action=reload]
  453. {
  454. color: #DEEAD3
  455. }
  456. [class*=widget-color-]>.widget-header>.widget-toolbar>[data-action=collapse],[class*=widget-color-]>.widget-header>.widget-toolbar>.widget-menu>[data-action=collapse]
  457. {
  458. color: #E2E2E2
  459. }
  460. [class*=widget-color-]>.widget-header>.widget-toolbar>[data-action=close],[class*=widget-color-]>.widget-header>.widget-toolbar>.widget-menu>[data-action=close]
  461. {
  462. color: #FFD9D5
  463. }
  464. .widget-color-orange>.widget-header>.widget-toolbar>[data-action],.widget-color-orange>.widget-header>.widget-toolbar>.widget-menu>[data-action]
  465. {
  466. text-shadow: none
  467. }
  468. .widget-color-orange>.widget-header>.widget-toolbar>[data-action=settings],.widget-color-orange>.widget-header>.widget-toolbar>.widget-menu>[data-action=settings]
  469. {
  470. color: #559AAB
  471. }
  472. .widget-color-orange>.widget-header>.widget-toolbar>[data-action=reload],.widget-color-orange>.widget-header>.widget-toolbar>.widget-menu>[data-action=reload]
  473. {
  474. color: #7CA362
  475. }
  476. .widget-color-orange>.widget-header>.widget-toolbar>[data-action=collapse],.widget-color-orange>.widget-header>.widget-toolbar>.widget-menu>[data-action=collapse]
  477. {
  478. color: #777
  479. }
  480. .widget-color-orange>.widget-header>.widget-toolbar>[data-action=close],.widget-color-orange>.widget-header>.widget-toolbar>.widget-menu>[data-action=close]
  481. {
  482. color: #A05656
  483. }
  484. .widget-box.light-border[class*=widget-color-]:not (.fullscreen ){
  485. border-width: 0
  486. }
  487. .widget-box.light-border[class*=widget-color-]:not (.fullscreen )>.widget-header
  488. {
  489. border: 1px solid;
  490. border-color: inherit
  491. }
  492. .widget-box.light-border[class*=widget-color-]:not (.fullscreen )>.widget-body
  493. {
  494. border: 1px solid;
  495. border-color: #D6D6D6;
  496. border-width: 0 1px 1px
  497. }
  498. .widget-box.no-border {
  499. border-width: 0
  500. }
  501. .widget-box.fullscreen {
  502. position: fixed;
  503. margin: 0;
  504. top: 0;
  505. bottom: 0;
  506. left: 0;
  507. right: 0;
  508. background-color: #FFF;
  509. border-width: 3px;
  510. z-index: 1040 !important
  511. }
  512. .widget-box.fullscreen:not ([class*=widget-color-] ){
  513. border-color: #AAA
  514. }
  515. .widget-body .table {
  516. border-top: 1px solid #E5E5E5
  517. }
  518. .widget-body .table thead:first-child tr {
  519. background: #FFF
  520. }
  521. [class*=widget-color-]>.widget-body .table thead:first-child tr {
  522. background: #f2f2f2;
  523. background-image: -webkit-linear-gradient(top, #f8f8f8 0, #ececec 100%);
  524. background-image: -o-linear-gradient(top, #f8f8f8 0, #ececec 100%);
  525. background-image: linear-gradient(to bottom, #f8f8f8 0, #ececec 100%);
  526. background-repeat: repeat-x;
  527. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff8f8f8',
  528. endColorstr='#ffececec', GradientType=0)
  529. }
  530. .widget-body .table.table-bordered thead:first-child>tr {
  531. border-top-width: 0
  532. }
  533. .widget-main.no-padding .table {
  534. margin-bottom: 0;
  535. border-width: 0
  536. }
  537. .widget-main.no-padding .table-bordered th:first-child,.widget-main.no-padding .table-bordered td:first-child
  538. {
  539. border-left-width: 0
  540. }
  541. .transparent>.widget-body .widget-main .table-bordered>thead>tr>th:last-child,.widget-main.no-padding .table-bordered>thead>tr>th:last-child,.transparent>.widget-body .widget-main .table-bordered>tbody>tr>td:last-child,.widget-main.no-padding .table-bordered>tbody>tr>td:last-child,.transparent>.widget-body .widget-main .table-bordered>tfoot>tr>td:last-child,.widget-main.no-padding .table-bordered>tfoot>tr>td:last-child
  542. {
  543. border-right-width: 0 !important
  544. }
  545. .transparent>.widget-body .widget-main .table-bordered>tbody>tr:last-child>td,.widget-main.no-padding .table-bordered>tbody>tr:last-child>td
  546. {
  547. border-bottom-width: 0 !important
  548. }
  549. .table-bordered>thead.thin-border-bottom>tr>th,.table-bordered>thead.thin-border-bottom>tr>td
  550. {
  551. border-bottom-width: 1px
  552. }
  553. .widget-body .alert:last-child {
  554. margin-bottom: 0
  555. }
  556. .widget-main .tab-content {
  557. border-width: 0
  558. }
  559. .widget-toolbar>.nav-tabs {
  560. border-bottom-width: 0;
  561. margin-bottom: 0;
  562. top: auto;
  563. margin-top: 3px !important
  564. }
  565. .widget-toolbar>.nav-tabs>li {
  566. margin-bottom: auto
  567. }
  568. .widget-toolbar>.nav-tabs>li>a {
  569. box-shadow: none;
  570. position: relative;
  571. top: 1px;
  572. margin-top: 1px
  573. }
  574. .widget-toolbar>.nav-tabs>li:not (.active )>a {
  575. border-color: transparent;
  576. background-color: transparent
  577. }
  578. .widget-toolbar>.nav-tabs>li:not (.active )>a:hover {
  579. background-color: transparent
  580. }
  581. .widget-toolbar>.nav-tabs>li.active>a {
  582. background-color: #FFF;
  583. border-bottom-color: transparent;
  584. box-shadow: none;
  585. margin-top: auto
  586. }
  587. .widget-header-small>.widget-toolbar>.nav-tabs>li>a {
  588. line-height: 16px;
  589. padding-top: 6px;
  590. padding-bottom: 6px
  591. }
  592. .widget-header-small>.widget-toolbar>.nav-tabs>li.active>a {
  593. border-top-width: 2px
  594. }
  595. .widget-header-large>.widget-toolbar>.nav-tabs>li>a {
  596. line-height: 22px;
  597. padding-top: 9px;
  598. padding-bottom: 9px;
  599. margin-top: 4px
  600. }
  601. .widget-header-large>.widget-toolbar>.nav-tabs>li.active>a {
  602. margin-top: 3px
  603. }
  604. [class*=widget-color-]>.widget-header>.widget-toolbar>.nav-tabs>li>a {
  605. border-color: transparent;
  606. background-color: transparent;
  607. color: #FFF;
  608. margin-right: 1px
  609. }
  610. [class*=widget-color-]>.widget-header>.widget-toolbar>.nav-tabs>li>a:hover
  611. {
  612. background-color: #FFF;
  613. color: #555;
  614. border-top-color: #FFF
  615. }
  616. [class*=widget-color-]>.widget-header>.widget-toolbar>.nav-tabs>li.active>a
  617. {
  618. background-color: #FFF;
  619. color: #555;
  620. border-top-width: 1px;
  621. margin-top: 0
  622. }
  623. .widget-toolbar>.nav-tabs .widget-color-orange>.widget-header>li>a {
  624. color: #855D10
  625. }
  626. .transparent>.widget-header>.widget-toolbar>.nav-tabs>li>a {
  627. color: #555;
  628. background-color: transparent;
  629. border-right: 1px solid transparent;
  630. border-left: 1px solid transparent
  631. }
  632. .transparent>.widget-header>.widget-toolbar>.nav-tabs>li.active>a {
  633. border-top-color: #4C8FBD;
  634. border-right: 1px solid #C5D0DC;
  635. border-left: 1px solid #C5D0DC;
  636. background-color: #FFF;
  637. box-shadow: none
  638. }
  639. .widget-toolbox {
  640. background-color: #EEE
  641. }
  642. .widget-toolbox:first-child {
  643. padding: 2px;
  644. border-bottom: 1px solid #CCC
  645. }
  646. .widget-toolbox:last-child {
  647. padding: 2px;
  648. border-top: 1px solid #CCC
  649. }
  650. .transparent>.widget-body>.widget-toolbox:last-child {
  651. border: none;
  652. border-top: 1px solid #CCC
  653. }
  654. .widget-toolbox>.btn-toolbar {
  655. margin: 0 !important;
  656. padding: 0
  657. }
  658. .widget-toolbox.center {
  659. text-align: center
  660. }
  661. .widget-toolbox.toolbox-vertical {
  662. border-bottom-width: 0;
  663. border-right: 1px solid #D9D9D9;
  664. display: table-cell;
  665. padding: 6px 4px;
  666. vertical-align: top;
  667. width: 1px
  668. }
  669. .widget-toolbox.toolbox-vertical+.widget-main {
  670. display: table-cell;
  671. vertical-align: top
  672. }
  673. .widget-toolbox.padding-16 {
  674. padding: 16px
  675. }
  676. .widget-toolbox.padding-14 {
  677. padding: 14px
  678. }
  679. .widget-toolbox.padding-12 {
  680. padding: 12px
  681. }
  682. .widget-toolbox.padding-10 {
  683. padding: 10px
  684. }
  685. .widget-toolbox.padding-8 {
  686. padding: 8px
  687. }
  688. .widget-toolbox.padding-6 {
  689. padding: 6px
  690. }
  691. .widget-toolbox.padding-4 {
  692. padding: 4px
  693. }
  694. .widget-toolbox.padding-2 {
  695. padding: 2px
  696. }
  697. .widget-toolbox.padding-0 {
  698. padding: 0
  699. }
  700. .widget-box-overlay {
  701. position: absolute;
  702. top: -1px;
  703. bottom: -1px;
  704. right: -1px;
  705. left: -1px;
  706. z-index: 999;
  707. text-align: center;
  708. min-height: 100%;
  709. background-color: rgba(0, 0, 0, .3)
  710. }
  711. .widget-box-overlay>.loading-icon {
  712. position: relative;
  713. top: 20%;
  714. left: 0;
  715. right: 0;
  716. text-align: center
  717. }
  718. .widget-box.collapsed .widget-box-overlay>.loading-icon {
  719. top: 10%
  720. }
  721. .widget-box-overlay>.loading-icon.icon-spin {
  722. -moz-animation-duration: 1.2s;
  723. -webkit-animation-duration: 1.2s;
  724. -o-animation-duration: 1.2s;
  725. -ms-animation-duration: 1.2s;
  726. animation-duration: 1.2s
  727. }
  728. .widget-main>form {
  729. margin-bottom: 0
  730. }
  731. .widget-main>form .input-append,.widget-main>form .input-prepend {
  732. margin-bottom: 0
  733. }
  734. .widget-main.no-padding>form>fieldset,.widget-main.padding-0>form>fieldset
  735. {
  736. padding: 16px
  737. }
  738. .widget-main.no-padding>form>fieldset+.form-actions,.widget-main.padding-0>form>fieldset+.form-actions
  739. {
  740. padding: 10px 0 12px
  741. }
  742. .widget-main.no-padding>form>.form-actions,.widget-main.padding-0>form>.form-actions
  743. {
  744. margin: 0;
  745. padding: 10px 12px 12px
  746. }
  747. .widget-placeholder {
  748. border: 2px dashed #D9D9D9
  749. }
  750. /*-----------------------------------------------------------------------------------*/
  751. /* 鍒楄〃
  752. /*-----------------------------------------------------------------------------------*/
  753. .widget-list {
  754. padding: 0;
  755. opacity: 1;
  756. transition: opacity 0.2s linear 0s;
  757. }
  758. .widget-list .progress {
  759. margin-top: 10px;
  760. }
  761. .widget-list.no-opaque {
  762. opacity: 1;
  763. }
  764. .widget-list:hover {
  765. opacity: 1;
  766. }
  767. .widget-list ul {
  768. margin: 0;
  769. }
  770. .widget-list li {
  771. border-bottom: 1px solid #e5f3fd !important;
  772. background-color: #FFFFFF;
  773. padding: 5px 20px;
  774. cursor: pointer;
  775. position: relative;
  776. }
  777. .widget-list li:nth-child(odd){
  778. background-color:#f2f9fe;
  779. }
  780. .widget-list li:hover {
  781. background-color: #dfeffc;
  782. }
  783. .widget-list li:first-child {
  784. border-top: none !important;
  785. border-radius: 4px 4px 0 0;
  786. }
  787. .widget-list li:last-child {
  788. border-radius: 0 0 4px 4px;
  789. }
  790. .widget-list li .cost {
  791. font-weight: 600;
  792. }
  793. .widget-list li abbr,
  794. .widget-list li .fa-clock-o {
  795. color: #B3B3B3;
  796. }
  797. /*-----------------------------------------------------------------------------------*/
  798. /* 鐢ㄦ埛淇℃伅
  799. /*-----------------------------------------------------------------------------------*/
  800. .profile-user-info {
  801. display: table;
  802. width: 98%;
  803. margin: 0 auto
  804. }
  805. .profile-info-row {
  806. display: table-row
  807. }
  808. .profile-info-name {
  809. text-align: right;
  810. padding: 6px 10px 6px 4px;
  811. font-weight: 400;
  812. color: #667E99;
  813. background-color: transparent;
  814. border-top: 1px dotted #D5E4F1;
  815. display: table-cell;
  816. vertical-align: middle
  817. }
  818. .profile-info-value {
  819. display: table-cell;
  820. padding: 6px 4px 6px 6px;
  821. border-top: 1px dotted #D5E4F1
  822. }
  823. .profile-user-info-striped {
  824. border: 1px solid #DCEBF7
  825. }
  826. .profile-user-info-striped .profile-info-name {
  827. color: #336199;
  828. background-color: #EDF3F4;
  829. border-top: 1px solid #F7FBFF
  830. }
  831. .profile-user-info-striped .profile-info-value {
  832. border-top: 1px dotted #DCEBF7;
  833. padding-left: 12px
  834. }
  835. .index-page .column, .index-page .row{
  836. margin:0px 0;
  837. padding:5px 5px 5px 5px;
  838. background:none;
  839. border:none;
  840. -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.00);
  841. -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.00);
  842. box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.00);
  843. }
  844. /*-----------------------------------------------------------------------------------*/
  845. /* 姘村钩绾�
  846. /*-----------------------------------------------------------------------------------*/
  847. .hr {
  848. display: block;
  849. height: 0;
  850. overflow: hidden;
  851. font-size: 0;
  852. border-width: 1px 0 0;
  853. border-top: 1px solid #E3E3E3;
  854. margin: 12px 0;
  855. border-top-color: rgba(0, 0, 0, .11)
  856. }
  857. .hr-double {
  858. height: 3px;
  859. border-top: 1px solid #E3E3E3;
  860. border-bottom: 1px solid #E3E3E3;
  861. border-top-color: rgba(0, 0, 0, .11);
  862. border-bottom-color: rgba(0, 0, 0, .11)
  863. }
  864. .hr-dotted,.hr.dotted {
  865. border-style: dotted
  866. }
  867. .hr-solid,.hr.solid {
  868. border-style: solid;
  869. }
  870. .hr-32,.hr32 {
  871. margin: 32px 0
  872. }
  873. .hr-30,.hr30 {
  874. margin: 30px 0
  875. }
  876. .hr-28,.hr28 {
  877. margin: 28px 0
  878. }
  879. .hr-26,.hr26 {
  880. margin: 26px 0
  881. }
  882. .hr-24,.hr24 {
  883. margin: 24px 0
  884. }
  885. .hr-22,.hr22 {
  886. margin: 22px 0
  887. }
  888. .hr-20,.hr20 {
  889. margin: 20px 0
  890. }
  891. .hr-18,.hr18 {
  892. margin: 18px 0
  893. }
  894. .hr-16,.hr16 {
  895. margin: 16px 0
  896. }
  897. .hr-14,.hr14 {
  898. margin: 14px 0
  899. }
  900. .hr-12,.hr12 {
  901. margin: 12px 0
  902. }
  903. .hr-10,.hr10 {
  904. margin: 10px 0
  905. }
  906. .hr-8,.hr8 {
  907. margin: 8px 0
  908. }
  909. .hr-6,.hr6 {
  910. margin: 6px 0
  911. }
  912. .hr-4,.hr4 {
  913. margin: 4px 0
  914. }
  915. .hr-2,.hr2 {
  916. margin: 2px 0
  917. }
  918. .dark {
  919. color: #333 !important
  920. }
  921. .white {
  922. color: #fff !important
  923. }
  924. .red {
  925. color: #dd5a43 !important
  926. }
  927. .red2 {
  928. color: #e08374 !important
  929. }
  930. .light-red {
  931. color: #f77 !important
  932. }
  933. .blue {
  934. color: #478fca !important
  935. }
  936. .light-blue {
  937. color: #93cbf9 !important
  938. }
  939. .green {
  940. color: #69aa46 !important
  941. }
  942. .light-green {
  943. color: #b0d877 !important
  944. }
  945. .orange {
  946. color: #ff892a !important
  947. }
  948. .orange2 {
  949. color: #feb902 !important
  950. }
  951. .light-orange {
  952. color: #fcac6f !important
  953. }
  954. .purple {
  955. color: #a069c3 !important
  956. }
  957. .pink {
  958. color: #c6699f !important
  959. }
  960. .pink2 {
  961. color: #d6487e !important
  962. }
  963. .brown {
  964. color: brown !important
  965. }
  966. .grey {
  967. color: #777 !important
  968. }
  969. .light-grey {
  970. color: #bbb !important
  971. }
  972. .center,.align-center {
  973. text-align: center !important
  974. }
  975. .infobox-container {
  976. text-align: center;
  977. font-size: 0;
  978. }
  979. .infobox {
  980. background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0d…0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
  981. background-image: -webkit-linear-gradient(left,#ddd,#fff);
  982. background-image: -moz-linear-gradient(left,#ddd,#fff);
  983. background-image: -o-linear-gradient(left,#ddd,#fff);
  984. background-image: linear-gradient(to right,#ddd,#fff);
  985. webkit-border-radius: 3px;
  986. -webkit-background-clip: padding-box;
  987. -moz-border-radius: 3px;
  988. -moz-background-clip: padding;
  989. border-radius: 3px;
  990. background-clip: padding-box;
  991. webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
  992. -moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
  993. box-shadow: 0 0 3px rgba(0,0,0,.2);
  994. width: 14%;
  995. float:left;
  996. margin: 1%;
  997. height: 65px;
  998. }
  999. .infobox[data-url]{
  1000. cursor:pointer;
  1001. }
  1002. .infobox > .infobox-icon {
  1003. display: inline-block;
  1004. vertical-align: top;
  1005. width: 44px;
  1006. }
  1007. .infobox > .infobox-icon > .ht-icon {
  1008. display: inline-block;
  1009. height: 42px;
  1010. margin: 11px 0px;
  1011. padding: 1px 1px 0 2px;
  1012. background-color: transparent;
  1013. border-width: 0;
  1014. text-align: center;
  1015. position: relative;
  1016. border-radius: 100%;
  1017. -webkit-box-shadow: 1px 1px 0 rgba(0,0,0,0.2);
  1018. box-shadow: 1px 1px 0 rgba(0,0,0,0.2);
  1019. }
  1020. .infobox > .infobox-icon > .ht-icon:before {
  1021. font-size: 24px;
  1022. display: block;
  1023. padding: 6px 0 7px;
  1024. width: 40px;
  1025. text-align: center;
  1026. border-radius: 100%;
  1027. color: #FFF;
  1028. color: rgba(255, 255, 255, 0.9);
  1029. background-color: transparent;
  1030. background-color: rgba(255, 255, 255, 0.2);
  1031. text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.14);
  1032. }
  1033. .infobox .infobox-content {
  1034. color: #555;
  1035. }
  1036. .infobox .infobox-content:first-child {
  1037. font-weight: bold;
  1038. }
  1039. .infobox > .infobox-data {
  1040. display: inline-block;
  1041. border-width: 0;
  1042. border-top-width: 0;
  1043. font-size: 13px;
  1044. text-align: left;
  1045. line-height: 21px;
  1046. min-width: 130px;
  1047. padding-left: 8px;
  1048. position: relative;
  1049. top: 8px;
  1050. }
  1051. .infobox > .infobox-data > .infobox-data-number {
  1052. display: block;
  1053. font-size: 22px;
  1054. margin: 2px 0 4px;
  1055. position: relative;
  1056. text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15);
  1057. }
  1058. .infobox > .infobox-data > .infobox-text {
  1059. display: block;
  1060. font-size: 16px;
  1061. margin: 2px 0 4px;
  1062. position: relative;
  1063. text-shadow: none;
  1064. }
  1065. .infobox.no-border {
  1066. border-width: 0 !important;
  1067. }
  1068. @media only screen and (max-width: 479px) {
  1069. .infobox {
  1070. min-width: 95%;
  1071. margin-top: 2px;
  1072. margin-bottom: 2px;
  1073. }
  1074. }
  1075. .infobox-purple {
  1076. color: #6f3cc4;
  1077. border-color: #6f3cc4;
  1078. }
  1079. .infobox-purple > .infobox-icon > .ht-icon {
  1080. background-color: #6f3cc4;
  1081. }
  1082. .infobox-purple.infobox-dark {
  1083. background-color: #6f3cc4;
  1084. border-color: #6f3cc4;
  1085. }
  1086. .infobox-purple2 {
  1087. color: #5f47b0;
  1088. border-color: #5f47b0;
  1089. }
  1090. .infobox-purple2 > .infobox-icon > .ht-icon {
  1091. background-color: #5f47b0;
  1092. }
  1093. .infobox-purple2.infobox-dark {
  1094. background-color: #5f47b0;
  1095. border-color: #5f47b0;
  1096. }
  1097. .infobox-pink {
  1098. color: #cb6fd7;
  1099. border-color: #cb6fd7;
  1100. }
  1101. .infobox-pink > .infobox-icon > .ht-icon {
  1102. background-color: #cb6fd7;
  1103. }
  1104. .infobox-pink.infobox-dark {
  1105. background-color: #cb6fd7;
  1106. border-color: #cb6fd7;
  1107. }
  1108. .infobox-blue {
  1109. color: #6fb3e0;
  1110. border-color: #6fb3e0;
  1111. }
  1112. .infobox-blue > .infobox-icon > .ht-icon {
  1113. background-color: #6fb3e0;
  1114. }
  1115. .infobox-blue.infobox-dark {
  1116. background-color: #6fb3e0;
  1117. border-color: #6fb3e0;
  1118. }
  1119. .infobox-blue2 {
  1120. color: #3983c2;
  1121. border-color: #3983c2;
  1122. }
  1123. .infobox-blue2 > .infobox-icon > .ht-icon {
  1124. background-color: #3983c2;
  1125. }
  1126. .infobox-blue2.infobox-dark {
  1127. background-color: #3983c2;
  1128. border-color: #3983c2;
  1129. }
  1130. .infobox-blue3 {
  1131. color: #1144eb;
  1132. border-color: #1144eb;
  1133. }
  1134. .infobox-blue3 > .infobox-icon > .ht-icon {
  1135. background-color: #1144eb;
  1136. }
  1137. .infobox-blue3.infobox-dark {
  1138. background-color: #1144eb;
  1139. border-color: #1144eb;
  1140. }
  1141. .infobox-red {
  1142. color: #d53f40;
  1143. border-color: #d53f40;
  1144. }
  1145. .infobox-red > .infobox-icon > .ht-icon {
  1146. background-color: #d53f40;
  1147. }
  1148. .infobox-red.infobox-dark {
  1149. background-color: #d53f40;
  1150. border-color: #d53f40;
  1151. }
  1152. .infobox-brown {
  1153. color: #c67a3e;
  1154. border-color: #c67a3e;
  1155. }
  1156. .infobox-brown > .infobox-icon > .ht-icon {
  1157. background-color: #c67a3e;
  1158. }
  1159. .infobox-brown.infobox-dark {
  1160. background-color: #c67a3e;
  1161. border-color: #c67a3e;
  1162. }
  1163. .infobox-wood {
  1164. color: #7b3f25;
  1165. border-color: #7b3f25;
  1166. }
  1167. .infobox-wood > .infobox-icon > .ht-icon {
  1168. background-color: #7b3f25;
  1169. }
  1170. .infobox-wood.infobox-dark {
  1171. background-color: #7b3f25;
  1172. border-color: #7b3f25;
  1173. }
  1174. .infobox-light-brown {
  1175. color: #cebea5;
  1176. border-color: #cebea5;
  1177. }
  1178. .infobox-light-brown > .infobox-icon > .ht-icon {
  1179. background-color: #cebea5;
  1180. }
  1181. .infobox-light-brown.infobox-dark {
  1182. background-color: #cebea5;
  1183. border-color: #cebea5;
  1184. }
  1185. .infobox-orange {
  1186. color: #e8b110;
  1187. border-color: #e8b110;
  1188. }
  1189. .infobox-orange > .infobox-icon > .ht-icon {
  1190. background-color: #e8b110;
  1191. }
  1192. .infobox-orange.infobox-dark {
  1193. background-color: #e8b110;
  1194. border-color: #e8b110;
  1195. }
  1196. .infobox-orange2 {
  1197. color: #f79263;
  1198. border-color: #f79263;
  1199. }
  1200. .infobox-orange2 > .infobox-icon > .ht-icon {
  1201. background-color: #f79263;
  1202. }
  1203. .infobox-orange2.infobox-dark {
  1204. background-color: #f79263;
  1205. border-color: #f79263;
  1206. }
  1207. .infobox-green {
  1208. color: #9abc32;
  1209. border-color: #9abc32;
  1210. }
  1211. .infobox-green > .infobox-icon > .ht-icon {
  1212. background-color: #9abc32;
  1213. }
  1214. .infobox-green.infobox-dark {
  1215. background-color: #9abc32;
  1216. border-color: #9abc32;
  1217. }
  1218. .infobox-green2 {
  1219. color: #0490a6;
  1220. border-color: #0490a6;
  1221. }
  1222. .infobox-green2 > .infobox-icon > .ht-icon {
  1223. background-color: #0490a6;
  1224. }
  1225. .infobox-green2.infobox-dark {
  1226. background-color: #0490a6;
  1227. border-color: #0490a6;
  1228. }
  1229. .infobox-grey {
  1230. color: #999999;
  1231. border-color: #999999;
  1232. }
  1233. .infobox-grey > .infobox-icon > .ht-icon {
  1234. background-color: #999999;
  1235. }
  1236. .infobox-grey.infobox-dark {
  1237. background-color: #999999;
  1238. border-color: #999999;
  1239. }
  1240. .infobox-black {
  1241. color: #393939;
  1242. border-color: #393939;
  1243. }
  1244. .infobox-black > .infobox-icon > .ht-icon {
  1245. background-color: #393939;
  1246. }
  1247. .infobox-black.infobox-dark {
  1248. background-color: #393939;
  1249. border-color: #393939;
  1250. }
  1251. .infobox-dark {
  1252. margin: 1px 1px 0 0;
  1253. border-color: transparent !important;
  1254. border-width: 0;
  1255. color: #FFF;
  1256. padding: 4px;
  1257. }
  1258. .infobox-dark > .infobox-icon > .ht-icon,
  1259. .infobox-dark > .infobox-icon > .ht-icon:before {
  1260. background-color: transparent;
  1261. box-shadow: none !important;
  1262. text-shadow: none;
  1263. border-radius: 0;
  1264. font-size: 30px;
  1265. }
  1266. .infobox-dark > .infobox-icon > .ht-icon:before {
  1267. opacity: 1;
  1268. filter: alpha(opacity=100);
  1269. }
  1270. .infobox-dark .infobox-content {
  1271. color: #FFF;
  1272. }
  1273. .infobox > .infobox-progress {
  1274. padding-top: 0;
  1275. display: inline-block;
  1276. vertical-align: top;
  1277. width: 44px;
  1278. }
  1279. .infobox > .infobox-chart {
  1280. padding-top: 0;
  1281. display: inline-block;
  1282. vertical-align: text-bottom;
  1283. width: 44px;
  1284. text-align: center;
  1285. }
  1286. .infobox > .infobox-chart > .sparkline {
  1287. font-size: 24px;
  1288. }
  1289. .infobox > .infobox-chart canvas {
  1290. vertical-align: middle !important;
  1291. }
  1292. .infobox > .stat {
  1293. display: inline-block;
  1294. position: absolute;
  1295. right: 20px;
  1296. top: 11px;
  1297. text-shadow: none;
  1298. color: #ABBAC3;
  1299. font-size: 13px;
  1300. font-weight: bold;
  1301. padding-right: 18px;
  1302. padding-top: 3px;
  1303. }
  1304. .infobox > .stat:before {
  1305. display: inline-block;
  1306. content: "";
  1307. width: 8px;
  1308. height: 11px;
  1309. background-color: #ABBAC3;
  1310. position: absolute;
  1311. right: 4px;
  1312. top: 7px;
  1313. }
  1314. .infobox > .stat:after {
  1315. display: inline-block;
  1316. content: "";
  1317. position: absolute;
  1318. right: 1px;
  1319. top: -8px;
  1320. border: 12px solid transparent;
  1321. border-width: 8px 7px;
  1322. border-bottom-color: #ABBAC3;
  1323. }
  1324. .infobox > .stat.stat-success {
  1325. color: #77C646;
  1326. }
  1327. .infobox > .stat.stat-success:before {
  1328. background-color: #77C646;
  1329. }
  1330. .infobox > .stat.stat-success:after {
  1331. border-bottom-color: #77C646;
  1332. }
  1333. .infobox > .stat.stat-important {
  1334. /*pointing down*/
  1335. color: #E4564F;
  1336. }
  1337. .infobox > .stat.stat-important:before {
  1338. background-color: #E4564F;
  1339. top: 3px;
  1340. }
  1341. .infobox > .stat.stat-important:after {
  1342. border-top-color: #E4564F;
  1343. border-bottom-color: transparent;
  1344. bottom: -6px;
  1345. top: auto;
  1346. }
  1347. .infobox.infobox-dark > .stat {
  1348. color: #FFF;
  1349. }
  1350. .infobox.infobox-dark > .stat:before {
  1351. background-color: #E1E5E8;
  1352. }
  1353. .infobox.infobox-dark > .stat:after {
  1354. border-bottom-color: #E1E5E8;
  1355. }
  1356. .infobox.infobox-dark > .stat.stat-success {
  1357. color: #FFF;
  1358. }
  1359. .infobox.infobox-dark > .stat.stat-success:before {
  1360. background-color: #D0E29E;
  1361. }
  1362. .infobox.infobox-dark > .stat.stat-success:after {
  1363. border-bottom-color: #D0E29E;
  1364. }
  1365. .infobox.infobox-dark > .stat.stat-important {
  1366. color: #FFF;
  1367. }
  1368. .infobox.infobox-dark > .stat.stat-important:before {
  1369. background-color: #FF8482;
  1370. top: 3px;
  1371. }
  1372. .infobox.infobox-dark > .stat.stat-important:after {
  1373. border-top-color: #FF8482;
  1374. border-bottom-color: transparent;
  1375. bottom: -6px;
  1376. top: auto;
  1377. }
  1378. .infobox > .badge {
  1379. position: absolute;
  1380. right: 20px;
  1381. top: 11px;
  1382. border-radius: 0;
  1383. text-shadow: none;
  1384. color: #FFF;
  1385. font-size: 11px;
  1386. font-weight: bold;
  1387. line-height: 15px;
  1388. height: 16px;
  1389. padding: 0 1px;
  1390. }
  1391. .infobox.infobox-dark > .badge {
  1392. color: #FFF;
  1393. background-color: rgba(255, 255, 255, 0.2) !important;
  1394. border: 1px solid #F1F1F1;
  1395. top: 2px;
  1396. right: 2px;
  1397. }
  1398. .infobox.infobox-dark > .badge.badge-success > .ht-icon {
  1399. color: #C6E9A1;
  1400. }
  1401. .infobox.infobox-dark > .badge.badge-important > .ht-icon {
  1402. color: #ECB792;
  1403. }
  1404. .infobox.infobox-dark > .badge.badge-warning > .ht-icon {
  1405. color: #ECB792;
  1406. }
  1407. .infobox-small {
  1408. width: 135px;
  1409. height: 52px;
  1410. text-align: left;
  1411. padding-bottom: 5px;
  1412. }
  1413. .infobox-small > .infobox-icon,
  1414. .infobox-small > .infobox-chart,
  1415. .infobox-small > .infobox-progress {
  1416. display: inline-block;
  1417. width: 40px;
  1418. max-width: 40px;
  1419. height: 42px;
  1420. line-height: 38px;
  1421. vertical-align: middle;
  1422. }
  1423. .infobox-small > .infobox-data {
  1424. display: inline-block;
  1425. text-align: left;
  1426. vertical-align: middle;
  1427. max-width: 72px;
  1428. min-width: 0;
  1429. }
  1430. .infobox-small > .infobox-chart > .sparkline {
  1431. font-size: 14px;
  1432. margin-left: 2px;
  1433. }
  1434. .easyPieChart,
  1435. .easy-pie-chart {
  1436. position: relative;
  1437. text-align: center;
  1438. }
  1439. .easyPieChart canvas,
  1440. .easy-pie-chart canvas {
  1441. position: absolute;
  1442. top: 0;
  1443. left: 0;
  1444. }
  1445. .percentage {
  1446. font-size: 14px;
  1447. font-weight: bold;
  1448. display: inline-block;
  1449. vertical-align: top;
  1450. }
  1451. .infobox-small .percentage {
  1452. font-size: 13px;
  1453. font-weight: normal;
  1454. margin-top: 2px;
  1455. margin-left: 2px;
  1456. }
  1457. .jqstooltip,
  1458. .legendColorBox div {
  1459. -webkit-box-sizing: content-box;
  1460. -moz-box-sizing: content-box;
  1461. box-sizing: content-box;
  1462. }
  1463. .legendLabel {
  1464. -webkit-box-sizing: content-box;
  1465. -moz-box-sizing: content-box;
  1466. box-sizing: content-box;
  1467. height: 22px;
  1468. padding-left: 2px;
  1469. font-size: 10px;
  1470. }
  1471. .label-grey,
  1472. .badge-grey {
  1473. background-color: #a0a0a0 !important;
  1474. }
  1475. .label-info,
  1476. .badge-info {
  1477. background-color: #3a87ad !important;
  1478. }
  1479. .label-primary,
  1480. .badge-primary {
  1481. background-color: #428bca !important;
  1482. }
  1483. .label-success,
  1484. .badge-success {
  1485. background-color: #82af6f !important;
  1486. }
  1487. .label-danger,
  1488. .badge-danger {
  1489. background-color: #d15b47 !important;
  1490. }
  1491. .label-important,
  1492. .badge-important {
  1493. background-color: #d15b47 !important;
  1494. }
  1495. .label-inverse,
  1496. .badge-inverse {
  1497. background-color: #333333 !important;
  1498. }
  1499. .label-warning,
  1500. .badge-warning {
  1501. background-color: #f89406 !important;
  1502. }
  1503. .label-pink,
  1504. .badge-pink {
  1505. background-color: #d6487e !important;
  1506. }
  1507. .label-purple,
  1508. .badge-purple {
  1509. background-color: #9585bf !important;
  1510. }
  1511. .label-yellow,
  1512. .badge-yellow {
  1513. background-color: #fee188 !important;
  1514. }
  1515. .label-light,
  1516. .badge-light {
  1517. background-color: #e7e7e7 !important;
  1518. }
  1519. .badge-yellow,
  1520. .label-yellow {
  1521. color: #996633 !important;
  1522. border-color: #fee188;
  1523. }
  1524. .badge-light,
  1525. .label-light {
  1526. color: #888 !important;
  1527. }