index.css 34 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763
  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 #CCC
  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: #f7f7f7;
  24. background-image: -webkit-linear-gradient(top, #fff 0, #eee 100%);
  25. background-image: -o-linear-gradient(top, #fff 0, #eee 100%);
  26. background-image: linear-gradient(to bottom, #fff 0, #eee 100%);
  27. background-repeat: repeat-x;
  28. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',
  29. endColorstr='#ffeeeeee', GradientType=0);
  30. color: #669fc7;
  31. border-bottom: 1px solid #DDD;
  32. padding-left: 12px
  33. }
  34. .widget-header:before,.widget-header:after {
  35. content: "";
  36. display: table;
  37. line-height: 0
  38. }
  39. .widget-header:after {
  40. clear: right
  41. }
  42. .widget-box.collapsed>.widget-header {
  43. border-bottom-width: 0
  44. }
  45. .collapsed.fullscreen>.widget-header {
  46. border-bottom-width: 1px
  47. }
  48. .collapsed>.widget-body {
  49. display: none
  50. }
  51. .widget-header-flat {
  52. background: #F7F7F7;
  53. filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
  54. }
  55. .widget-header-large {
  56. min-height: 49px;
  57. padding-left: 18px
  58. }
  59. .widget-header-small {
  60. min-height: 31px;
  61. padding-left: 10px
  62. }
  63. .widget-header>.widget-title {
  64. line-height: 36px;
  65. padding: 0;
  66. margin: 0;
  67. display: inline
  68. }
  69. .widget-header>.widget-title>.ht-icon {
  70. margin-right: 5px;
  71. font-weight: 400;
  72. display: inline-block
  73. }
  74. .widget-header-large>.widget-title {
  75. line-height: 48px
  76. }
  77. .widget-header-small>.widget-title {
  78. line-height: 30px
  79. }
  80. .widget-toolbar {
  81. display: inline-block;
  82. padding: 0 10px;
  83. line-height: 37px;
  84. float: right;
  85. position: relative
  86. }
  87. .widget-header-large>.widget-toolbar {
  88. line-height: 48px
  89. }
  90. .widget-header-small>.widget-toolbar {
  91. line-height: 29px
  92. }
  93. .widget-toolbar.no-padding {
  94. padding: 0
  95. }
  96. .widget-toolbar.padding-5 {
  97. padding: 0 5px
  98. }
  99. .widget-toolbar:before {
  100. display: inline-block;
  101. content: "";
  102. position: absolute;
  103. top: 3px;
  104. bottom: 3px;
  105. left: -1px;
  106. border: 1px solid #D9D9D9;
  107. border-width: 0 1px 0 0
  108. }
  109. .widget-header-large>.widget-toolbar:before {
  110. top: 6px;
  111. bottom: 6px
  112. }
  113. [class*=widget-color-]>.widget-header>.widget-toolbar:before {
  114. border-color: #EEE
  115. }
  116. .widget-color-orange>.widget-header>.widget-toolbar:before {
  117. border-color: #FEA
  118. }
  119. .widget-color-dark>.widget-header>.widget-toolbar:before {
  120. border-color: #222;
  121. box-shadow: -1px 0 0 rgba(255, 255, 255, .2), inset 1px 0 0
  122. rgba(255, 255, 255, .1)
  123. }
  124. .widget-toolbar.no-border:before {
  125. display: none
  126. }
  127. .widget-toolbar label {
  128. display: inline-block;
  129. vertical-align: middle;
  130. margin-bottom: 0
  131. }
  132. .widget-toolbar>a,.widget-toolbar>.widget-menu>a {
  133. font-size: 14px;
  134. margin: 0 1px;
  135. display: inline-block;
  136. padding: 0;
  137. line-height: 24px
  138. }
  139. .widget-toolbar>a:hover,.widget-toolbar>.widget-menu>a:hover {
  140. text-decoration: none
  141. }
  142. .widget-header-large>.widget-toolbar>a,.widget-header-large>.widget-toolbar>.widget-menu>a
  143. {
  144. font-size: 15px;
  145. margin: 0 1px
  146. }
  147. .widget-toolbar>.btn {
  148. line-height: 27px;
  149. margin-top: -2px
  150. }
  151. .widget-toolbar>.btn.smaller {
  152. line-height: 26px
  153. }
  154. .widget-toolbar>.btn.bigger {
  155. line-height: 28px
  156. }
  157. .widget-toolbar>.btn-sm {
  158. line-height: 24px
  159. }
  160. .widget-toolbar>.btn-sm.smaller {
  161. line-height: 23px
  162. }
  163. .widget-toolbar>.btn-sm.bigger {
  164. line-height: 25px
  165. }
  166. .widget-toolbar>.btn-xs {
  167. line-height: 22px
  168. }
  169. .widget-toolbar>.btn-xs.smaller {
  170. line-height: 21px
  171. }
  172. .widget-toolbar>.btn-xs.bigger {
  173. line-height: 23px
  174. }
  175. .widget-toolbar>.btn-minier {
  176. line-height: 18px
  177. }
  178. .widget-toolbar>.btn-minier.smaller {
  179. line-height: 17px
  180. }
  181. .widget-toolbar>.btn-minier.bigger {
  182. line-height: 19px
  183. }
  184. .widget-toolbar>.btn-lg {
  185. line-height: 36px
  186. }
  187. .widget-toolbar>.btn-lg.smaller {
  188. line-height: 34px
  189. }
  190. .widget-toolbar>.btn-lg.bigger {
  191. line-height: 38px
  192. }
  193. .widget-toolbar-dark {
  194. background: #444
  195. }
  196. .widget-toolbar-light {
  197. background: rgba(255, 255, 255, .85)
  198. }
  199. .widget-toolbar>.widget-menu {
  200. display: inline-block;
  201. position: relative
  202. }
  203. .widget-toolbar>a[data-action],.widget-toolbar>.widget-menu>a[data-action]
  204. {
  205. -webkit-transition: transform .1s;
  206. -o-transition: transform .1s;
  207. transition: transform .1s
  208. }
  209. .widget-toolbar>a[data-action]>.ht-icon,.widget-toolbar>.widget-menu>a[data-action]>.ht-icon
  210. {
  211. margin-right: 0
  212. }
  213. .widget-toolbar>a[data-action]:focus,.widget-toolbar>.widget-menu>a[data-action]:focus
  214. {
  215. text-decoration: none;
  216. outline: 0
  217. }
  218. .widget-toolbar>a[data-action]:hover,.widget-toolbar>.widget-menu>a[data-action]:hover
  219. {
  220. -moz-transform: scale(1.2);
  221. -webkit-transform: scale(1.2);
  222. -o-transform: scale(1.2);
  223. -ms-transform: scale(1.2);
  224. transform: scale(1.2)
  225. }
  226. .widget-body {
  227. background-color: #FFF
  228. }
  229. .widget-main {
  230. padding: 12px
  231. }
  232. .widget-main.padding-32 {
  233. padding: 32px
  234. }
  235. .widget-main.padding-30 {
  236. padding: 30px
  237. }
  238. .widget-main.padding-28 {
  239. padding: 28px
  240. }
  241. .widget-main.padding-26 {
  242. padding: 26px
  243. }
  244. .widget-main.padding-24 {
  245. padding: 24px
  246. }
  247. .widget-main.padding-22 {
  248. padding: 22px
  249. }
  250. .widget-main.padding-20 {
  251. padding: 20px
  252. }
  253. .widget-main.padding-18 {
  254. padding: 18px
  255. }
  256. .widget-main.padding-16 {
  257. padding: 16px
  258. }
  259. .widget-main.padding-14 {
  260. padding: 14px
  261. }
  262. .widget-main.padding-12 {
  263. padding: 12px
  264. }
  265. .widget-main.padding-10 {
  266. padding: 10px
  267. }
  268. .widget-main.padding-8 {
  269. padding: 8px
  270. }
  271. .widget-main.padding-6 {
  272. padding: 6px
  273. }
  274. .widget-main.padding-4 {
  275. padding: 4px
  276. }
  277. .widget-main.padding-2 {
  278. padding: 2px
  279. }
  280. .widget-main.padding-0 {
  281. padding: 0
  282. }
  283. .widget-main.no-padding {
  284. padding: 0
  285. }
  286. .widget-toolbar .progress {
  287. vertical-align: middle;
  288. display: inline-block;
  289. margin: 0
  290. }
  291. .widget-toolbar>.dropdown,.widget-toolbar>.dropup {
  292. display: inline-block
  293. }
  294. .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]
  295. {
  296. color: #99CADB
  297. }
  298. .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]
  299. {
  300. color: #99CADB
  301. }
  302. .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]
  303. {
  304. color: #99CADB
  305. }
  306. .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]
  307. {
  308. color: #99CADB
  309. }
  310. .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]
  311. {
  312. color: #ACD392
  313. }
  314. .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]
  315. {
  316. color: #AAA
  317. }
  318. .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]
  319. {
  320. color: #E09E96
  321. }
  322. .widget-box[class*=widget-color-]>.widget-header {
  323. color: #FFF;
  324. filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
  325. }
  326. .widget-color-blue {
  327. border-color: #307ecc
  328. }
  329. .widget-color-blue>.widget-header {
  330. background: #307ecc;
  331. border-color: #307ecc
  332. }
  333. .widget-color-blue2 {
  334. border-color: #5090c1
  335. }
  336. .widget-color-blue2>.widget-header {
  337. background: #5090c1;
  338. border-color: #5090c1
  339. }
  340. .widget-color-blue3 {
  341. border-color: #6379aa
  342. }
  343. .widget-color-blue3>.widget-header {
  344. background: #6379aa;
  345. border-color: #6379aa
  346. }
  347. .widget-color-green {
  348. border-color: #82af6f
  349. }
  350. .widget-color-green>.widget-header {
  351. background: #82af6f;
  352. border-color: #82af6f
  353. }
  354. .widget-color-green2 {
  355. border-color: #2e8965
  356. }
  357. .widget-color-green2>.widget-header {
  358. background: #2e8965;
  359. border-color: #2e8965
  360. }
  361. .widget-color-green3 {
  362. border-color: #4ebc30
  363. }
  364. .widget-color-green3>.widget-header {
  365. background: #4ebc30;
  366. border-color: #4ebc30
  367. }
  368. .widget-color-red {
  369. border-color: #e2755f
  370. }
  371. .widget-color-red>.widget-header {
  372. background: #e2755f;
  373. border-color: #e2755f
  374. }
  375. .widget-color-red2 {
  376. border-color: #e04141
  377. }
  378. .widget-color-red2>.widget-header {
  379. background: #e04141;
  380. border-color: #e04141
  381. }
  382. .widget-color-red3 {
  383. border-color: #d15b47
  384. }
  385. .widget-color-red3>.widget-header {
  386. background: #d15b47;
  387. border-color: #d15b47
  388. }
  389. .widget-color-purple {
  390. border-color: #7e6eb0
  391. }
  392. .widget-color-purple>.widget-header {
  393. background: #7e6eb0;
  394. border-color: #7e6eb0
  395. }
  396. .widget-color-pink {
  397. border-color: #ce6f9e
  398. }
  399. .widget-color-pink>.widget-header {
  400. background: #ce6f9e;
  401. border-color: #ce6f9e
  402. }
  403. .widget-color-orange {
  404. border-color: #e8b10d
  405. }
  406. .widget-color-orange>.widget-header {
  407. color: #855d10 !important;
  408. border-color: #e8b10d;
  409. background: #ffc657
  410. }
  411. .widget-color-dark {
  412. border-color: #5a5a5a
  413. }
  414. .widget-color-dark>.widget-header {
  415. border-color: #666;
  416. background: #404040
  417. }
  418. .widget-color-grey {
  419. border-color: #9e9e9e
  420. }
  421. .widget-color-grey>.widget-header {
  422. border-color: #aaa;
  423. background: #848484
  424. }
  425. .widget-box.transparent {
  426. border-width: 0
  427. }
  428. .widget-box.transparent>.widget-header {
  429. background: 0 0;
  430. filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  431. border-width: 0;
  432. border-bottom: 1px solid #DCE8F1;
  433. color: #4383B4;
  434. padding-left: 3px
  435. }
  436. .widget-box.transparent>.widget-header-large {
  437. padding-left: 5px
  438. }
  439. .widget-box.transparent>.widget-header-small {
  440. padding-left: 1px
  441. }
  442. .widget-box.transparent>.widget-body {
  443. border-width: 0;
  444. background-color: transparent
  445. }
  446. [class*=widget-color-]>.widget-header>.widget-toolbar>[data-action],[class*=widget-color-]>.widget-header>.widget-toolbar>.widget-menu>[data-action]
  447. {
  448. text-shadow: 0 1px 1px rgba(0, 0, 0, .2)
  449. }
  450. [class*=widget-color-]>.widget-header>.widget-toolbar>[data-action=settings],[class*=widget-color-]>.widget-header>.widget-toolbar>.widget-menu>[data-action=settings]
  451. {
  452. color: #D3E4ED
  453. }
  454. [class*=widget-color-]>.widget-header>.widget-toolbar>[data-action=reload],[class*=widget-color-]>.widget-header>.widget-toolbar>.widget-menu>[data-action=reload]
  455. {
  456. color: #DEEAD3
  457. }
  458. [class*=widget-color-]>.widget-header>.widget-toolbar>[data-action=collapse],[class*=widget-color-]>.widget-header>.widget-toolbar>.widget-menu>[data-action=collapse]
  459. {
  460. color: #E2E2E2
  461. }
  462. [class*=widget-color-]>.widget-header>.widget-toolbar>[data-action=close],[class*=widget-color-]>.widget-header>.widget-toolbar>.widget-menu>[data-action=close]
  463. {
  464. color: #FFD9D5
  465. }
  466. .widget-color-orange>.widget-header>.widget-toolbar>[data-action],.widget-color-orange>.widget-header>.widget-toolbar>.widget-menu>[data-action]
  467. {
  468. text-shadow: none
  469. }
  470. .widget-color-orange>.widget-header>.widget-toolbar>[data-action=settings],.widget-color-orange>.widget-header>.widget-toolbar>.widget-menu>[data-action=settings]
  471. {
  472. color: #559AAB
  473. }
  474. .widget-color-orange>.widget-header>.widget-toolbar>[data-action=reload],.widget-color-orange>.widget-header>.widget-toolbar>.widget-menu>[data-action=reload]
  475. {
  476. color: #7CA362
  477. }
  478. .widget-color-orange>.widget-header>.widget-toolbar>[data-action=collapse],.widget-color-orange>.widget-header>.widget-toolbar>.widget-menu>[data-action=collapse]
  479. {
  480. color: #777
  481. }
  482. .widget-color-orange>.widget-header>.widget-toolbar>[data-action=close],.widget-color-orange>.widget-header>.widget-toolbar>.widget-menu>[data-action=close]
  483. {
  484. color: #A05656
  485. }
  486. .widget-box.light-border[class*=widget-color-]:not (.fullscreen ){
  487. border-width: 0
  488. }
  489. .widget-box.light-border[class*=widget-color-]:not (.fullscreen )>.widget-header
  490. {
  491. border: 1px solid;
  492. border-color: inherit
  493. }
  494. .widget-box.light-border[class*=widget-color-]:not (.fullscreen )>.widget-body
  495. {
  496. border: 1px solid;
  497. border-color: #D6D6D6;
  498. border-width: 0 1px 1px
  499. }
  500. .widget-box.no-border {
  501. border-width: 0
  502. }
  503. .widget-box.fullscreen {
  504. position: fixed;
  505. margin: 0;
  506. top: 0;
  507. bottom: 0;
  508. left: 0;
  509. right: 0;
  510. background-color: #FFF;
  511. border-width: 3px;
  512. z-index: 1040 !important
  513. }
  514. .widget-box.fullscreen:not ([class*=widget-color-] ){
  515. border-color: #AAA
  516. }
  517. .widget-body .table {
  518. border-top: 1px solid #E5E5E5
  519. }
  520. .widget-body .table thead:first-child tr {
  521. background: #FFF
  522. }
  523. [class*=widget-color-]>.widget-body .table thead:first-child tr {
  524. background: #f2f2f2;
  525. background-image: -webkit-linear-gradient(top, #f8f8f8 0, #ececec 100%);
  526. background-image: -o-linear-gradient(top, #f8f8f8 0, #ececec 100%);
  527. background-image: linear-gradient(to bottom, #f8f8f8 0, #ececec 100%);
  528. background-repeat: repeat-x;
  529. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff8f8f8',
  530. endColorstr='#ffececec', GradientType=0)
  531. }
  532. .widget-body .table.table-bordered thead:first-child>tr {
  533. border-top-width: 0
  534. }
  535. .widget-main.no-padding .table {
  536. margin-bottom: 0;
  537. border-width: 0
  538. }
  539. .widget-main.no-padding .table-bordered th:first-child,.widget-main.no-padding .table-bordered td:first-child
  540. {
  541. border-left-width: 0
  542. }
  543. .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
  544. {
  545. border-right-width: 0 !important
  546. }
  547. .transparent>.widget-body .widget-main .table-bordered>tbody>tr:last-child>td,.widget-main.no-padding .table-bordered>tbody>tr:last-child>td
  548. {
  549. border-bottom-width: 0 !important
  550. }
  551. .table-bordered>thead.thin-border-bottom>tr>th,.table-bordered>thead.thin-border-bottom>tr>td
  552. {
  553. border-bottom-width: 1px
  554. }
  555. .widget-body .alert:last-child {
  556. margin-bottom: 0
  557. }
  558. .widget-main .tab-content {
  559. border-width: 0
  560. }
  561. .widget-toolbar>.nav-tabs {
  562. border-bottom-width: 0;
  563. margin-bottom: 0;
  564. top: auto;
  565. margin-top: 3px !important
  566. }
  567. .widget-toolbar>.nav-tabs>li {
  568. margin-bottom: auto
  569. }
  570. .widget-toolbar>.nav-tabs>li>a {
  571. box-shadow: none;
  572. position: relative;
  573. top: 1px;
  574. margin-top: 1px
  575. }
  576. .widget-toolbar>.nav-tabs>li:not (.active )>a {
  577. border-color: transparent;
  578. background-color: transparent
  579. }
  580. .widget-toolbar>.nav-tabs>li:not (.active )>a:hover {
  581. background-color: transparent
  582. }
  583. .widget-toolbar>.nav-tabs>li.active>a {
  584. background-color: #FFF;
  585. border-bottom-color: transparent;
  586. box-shadow: none;
  587. margin-top: auto
  588. }
  589. .widget-header-small>.widget-toolbar>.nav-tabs>li>a {
  590. line-height: 16px;
  591. padding-top: 6px;
  592. padding-bottom: 6px
  593. }
  594. .widget-header-small>.widget-toolbar>.nav-tabs>li.active>a {
  595. border-top-width: 2px
  596. }
  597. .widget-header-large>.widget-toolbar>.nav-tabs>li>a {
  598. line-height: 22px;
  599. padding-top: 9px;
  600. padding-bottom: 9px;
  601. margin-top: 4px
  602. }
  603. .widget-header-large>.widget-toolbar>.nav-tabs>li.active>a {
  604. margin-top: 3px
  605. }
  606. [class*=widget-color-]>.widget-header>.widget-toolbar>.nav-tabs>li>a {
  607. border-color: transparent;
  608. background-color: transparent;
  609. color: #FFF;
  610. margin-right: 1px
  611. }
  612. [class*=widget-color-]>.widget-header>.widget-toolbar>.nav-tabs>li>a:hover
  613. {
  614. background-color: #FFF;
  615. color: #555;
  616. border-top-color: #FFF
  617. }
  618. [class*=widget-color-]>.widget-header>.widget-toolbar>.nav-tabs>li.active>a
  619. {
  620. background-color: #FFF;
  621. color: #555;
  622. border-top-width: 1px;
  623. margin-top: 0
  624. }
  625. .widget-toolbar>.nav-tabs .widget-color-orange>.widget-header>li>a {
  626. color: #855D10
  627. }
  628. .transparent>.widget-header>.widget-toolbar>.nav-tabs>li>a {
  629. color: #555;
  630. background-color: transparent;
  631. border-right: 1px solid transparent;
  632. border-left: 1px solid transparent
  633. }
  634. .transparent>.widget-header>.widget-toolbar>.nav-tabs>li.active>a {
  635. border-top-color: #4C8FBD;
  636. border-right: 1px solid #C5D0DC;
  637. border-left: 1px solid #C5D0DC;
  638. background-color: #FFF;
  639. box-shadow: none
  640. }
  641. .widget-toolbox {
  642. background-color: #EEE
  643. }
  644. .widget-toolbox:first-child {
  645. padding: 2px;
  646. border-bottom: 1px solid #CCC
  647. }
  648. .widget-toolbox:last-child {
  649. padding: 2px;
  650. border-top: 1px solid #CCC
  651. }
  652. .transparent>.widget-body>.widget-toolbox:last-child {
  653. border: none;
  654. border-top: 1px solid #CCC
  655. }
  656. .widget-toolbox>.btn-toolbar {
  657. margin: 0 !important;
  658. padding: 0
  659. }
  660. .widget-toolbox.center {
  661. text-align: center
  662. }
  663. .widget-toolbox.toolbox-vertical {
  664. border-bottom-width: 0;
  665. border-right: 1px solid #D9D9D9;
  666. display: table-cell;
  667. padding: 6px 4px;
  668. vertical-align: top;
  669. width: 1px
  670. }
  671. .widget-toolbox.toolbox-vertical+.widget-main {
  672. display: table-cell;
  673. vertical-align: top
  674. }
  675. .widget-toolbox.padding-16 {
  676. padding: 16px
  677. }
  678. .widget-toolbox.padding-14 {
  679. padding: 14px
  680. }
  681. .widget-toolbox.padding-12 {
  682. padding: 12px
  683. }
  684. .widget-toolbox.padding-10 {
  685. padding: 10px
  686. }
  687. .widget-toolbox.padding-8 {
  688. padding: 8px
  689. }
  690. .widget-toolbox.padding-6 {
  691. padding: 6px
  692. }
  693. .widget-toolbox.padding-4 {
  694. padding: 4px
  695. }
  696. .widget-toolbox.padding-2 {
  697. padding: 2px
  698. }
  699. .widget-toolbox.padding-0 {
  700. padding: 0
  701. }
  702. .widget-box-overlay {
  703. position: absolute;
  704. top: -1px;
  705. bottom: -1px;
  706. right: -1px;
  707. left: -1px;
  708. z-index: 999;
  709. text-align: center;
  710. min-height: 100%;
  711. background-color: rgba(0, 0, 0, .3)
  712. }
  713. .widget-box-overlay>.loading-icon {
  714. position: relative;
  715. top: 20%;
  716. left: 0;
  717. right: 0;
  718. text-align: center
  719. }
  720. .widget-box.collapsed .widget-box-overlay>.loading-icon {
  721. top: 10%
  722. }
  723. .widget-box-overlay>.loading-icon.icon-spin {
  724. -moz-animation-duration: 1.2s;
  725. -webkit-animation-duration: 1.2s;
  726. -o-animation-duration: 1.2s;
  727. -ms-animation-duration: 1.2s;
  728. animation-duration: 1.2s
  729. }
  730. .widget-main>form {
  731. margin-bottom: 0
  732. }
  733. .widget-main>form .input-append,.widget-main>form .input-prepend {
  734. margin-bottom: 0
  735. }
  736. .widget-main.no-padding>form>fieldset,.widget-main.padding-0>form>fieldset
  737. {
  738. padding: 16px
  739. }
  740. .widget-main.no-padding>form>fieldset+.form-actions,.widget-main.padding-0>form>fieldset+.form-actions
  741. {
  742. padding: 10px 0 12px
  743. }
  744. .widget-main.no-padding>form>.form-actions,.widget-main.padding-0>form>.form-actions
  745. {
  746. margin: 0;
  747. padding: 10px 12px 12px
  748. }
  749. .widget-placeholder {
  750. border: 2px dashed #D9D9D9
  751. }
  752. /*-----------------------------------------------------------------------------------*/
  753. /* 列表
  754. /*-----------------------------------------------------------------------------------*/
  755. .widget-list {
  756. padding: 0;
  757. opacity: 1;
  758. transition: opacity 0.2s linear 0s;
  759. }
  760. .widget-list .progress {
  761. margin-top: 10px;
  762. }
  763. .widget-list.no-opaque {
  764. opacity: 1;
  765. }
  766. .widget-list:hover {
  767. opacity: 1;
  768. }
  769. .widget-list ul {
  770. margin: 0;
  771. }
  772. .widget-list li {
  773. border-bottom: 1px solid #FFFFFF !important;
  774. border-top: 1px solid #E7E7E7 !important;
  775. background-color: #FFFFFF;
  776. padding: 5px 20px;
  777. cursor: pointer;
  778. position: relative;
  779. }
  780. .widget-list li:nth-child(odd){
  781. background-color:#f9f9f9;
  782. }
  783. .widget-list li:hover {
  784. background-color: #e8e8e8;
  785. }
  786. .widget-list li:first-child {
  787. border-bottom: 1px solid #FFFFFF !important;
  788. border-top: none !important;
  789. border-radius: 4px 4px 0 0;
  790. }
  791. .widget-list li:last-child {
  792. border-radius: 0 0 4px 4px;
  793. }
  794. .widget-list li .cost {
  795. font-weight: 600;
  796. }
  797. .widget-list li abbr,
  798. .widget-list li .fa-clock-o {
  799. color: #B3B3B3;
  800. }
  801. /*-----------------------------------------------------------------------------------*/
  802. /* 用户信息
  803. /*-----------------------------------------------------------------------------------*/
  804. .profile-user-info {
  805. display: table;
  806. width: 98%;
  807. margin: 0 auto
  808. }
  809. .profile-info-row {
  810. display: table-row
  811. }
  812. .profile-info-name {
  813. text-align: right;
  814. padding: 6px 10px 6px 4px;
  815. font-weight: 400;
  816. color: #667E99;
  817. background-color: transparent;
  818. border-top: 1px dotted #D5E4F1;
  819. display: table-cell;
  820. vertical-align: middle
  821. }
  822. .profile-info-value {
  823. display: table-cell;
  824. padding: 6px 4px 6px 6px;
  825. border-top: 1px dotted #D5E4F1
  826. }
  827. .profile-user-info-striped {
  828. border: 1px solid #DCEBF7
  829. }
  830. .profile-user-info-striped .profile-info-name {
  831. color: #336199;
  832. background-color: #EDF3F4;
  833. border-top: 1px solid #F7FBFF
  834. }
  835. .profile-user-info-striped .profile-info-value {
  836. border-top: 1px dotted #DCEBF7;
  837. padding-left: 12px
  838. }
  839. .index-page .column, .index-page .row{
  840. margin:0px 0;
  841. padding:5px 5px 5px 5px;
  842. background:none;
  843. border:none;
  844. -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.00);
  845. -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.00);
  846. box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.00);
  847. }
  848. /*-----------------------------------------------------------------------------------*/
  849. /* 水平线
  850. /*-----------------------------------------------------------------------------------*/
  851. .hr {
  852. display: block;
  853. height: 0;
  854. overflow: hidden;
  855. font-size: 0;
  856. border-width: 1px 0 0;
  857. border-top: 1px solid #E3E3E3;
  858. margin: 12px 0;
  859. border-top-color: rgba(0, 0, 0, .11)
  860. }
  861. .hr-double {
  862. height: 3px;
  863. border-top: 1px solid #E3E3E3;
  864. border-bottom: 1px solid #E3E3E3;
  865. border-top-color: rgba(0, 0, 0, .11);
  866. border-bottom-color: rgba(0, 0, 0, .11)
  867. }
  868. .hr-dotted,.hr.dotted {
  869. border-style: dotted
  870. }
  871. .hr-solid,.hr.solid {
  872. border-style: solid;
  873. }
  874. .hr-32,.hr32 {
  875. margin: 32px 0
  876. }
  877. .hr-30,.hr30 {
  878. margin: 30px 0
  879. }
  880. .hr-28,.hr28 {
  881. margin: 28px 0
  882. }
  883. .hr-26,.hr26 {
  884. margin: 26px 0
  885. }
  886. .hr-24,.hr24 {
  887. margin: 24px 0
  888. }
  889. .hr-22,.hr22 {
  890. margin: 22px 0
  891. }
  892. .hr-20,.hr20 {
  893. margin: 20px 0
  894. }
  895. .hr-18,.hr18 {
  896. margin: 18px 0
  897. }
  898. .hr-16,.hr16 {
  899. margin: 16px 0
  900. }
  901. .hr-14,.hr14 {
  902. margin: 14px 0
  903. }
  904. .hr-12,.hr12 {
  905. margin: 12px 0
  906. }
  907. .hr-10,.hr10 {
  908. margin: 10px 0
  909. }
  910. .hr-8,.hr8 {
  911. margin: 8px 0
  912. }
  913. .hr-6,.hr6 {
  914. margin: 6px 0
  915. }
  916. .hr-4,.hr4 {
  917. margin: 4px 0
  918. }
  919. .hr-2,.hr2 {
  920. margin: 2px 0
  921. }
  922. .dark {
  923. color: #333 !important
  924. }
  925. .white {
  926. color: #fff !important
  927. }
  928. .red {
  929. color: #dd5a43 !important
  930. }
  931. .red2 {
  932. color: #e08374 !important
  933. }
  934. .light-red {
  935. color: #f77 !important
  936. }
  937. .blue {
  938. color: #478fca !important
  939. }
  940. .light-blue {
  941. color: #93cbf9 !important
  942. }
  943. .green {
  944. color: #69aa46 !important
  945. }
  946. .light-green {
  947. color: #b0d877 !important
  948. }
  949. .orange {
  950. color: #ff892a !important
  951. }
  952. .orange2 {
  953. color: #feb902 !important
  954. }
  955. .light-orange {
  956. color: #fcac6f !important
  957. }
  958. .purple {
  959. color: #a069c3 !important
  960. }
  961. .pink {
  962. color: #c6699f !important
  963. }
  964. .pink2 {
  965. color: #d6487e !important
  966. }
  967. .brown {
  968. color: brown !important
  969. }
  970. .grey {
  971. color: #777 !important
  972. }
  973. .light-grey {
  974. color: #bbb !important
  975. }
  976. .center,.align-center {
  977. text-align: center !important
  978. }
  979. .infobox-container {
  980. text-align: center;
  981. font-size: 0;
  982. }
  983. .infobox {
  984. display: inline-block;
  985. width: 210px;
  986. height: 66px;
  987. color: #555;
  988. background-color: #FFF;
  989. box-shadow: none;
  990. border-radius: 0;
  991. margin: -1px 0 0 -1px;
  992. padding: 8px 3px 6px 9px;
  993. border: 1px dotted;
  994. border-color: #D8D8D8 !important;
  995. vertical-align: middle;
  996. text-align: left;
  997. position: relative;
  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: 0;
  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: 0;
  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. }