sch-gantt-all.css 31 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577
  1. /*
  2. Ext Gantt 2.1.6
  3. Copyright(c) 2009-2012 Bryntum AB
  4. http://bryntum.com/contact
  5. http://bryntum.com/license
  6. */
  7. .sch-clockwrap {
  8. position: relative;
  9. overflow: hidden
  10. }
  11. .sch-clock {
  12. position: absolute;
  13. background: url(../images/clock-bare.png) no-repeat left top !important;
  14. height: 20px;
  15. width: 21px;
  16. white-space: nowrap;
  17. display: inline-block;
  18. text-indent: -100px
  19. }
  20. .sch-day-resolution .sch-clock {
  21. background: url(../images/calendar-bg.png) no-repeat left top !important
  22. }
  23. .sch-clock-text {
  24. margin-left: 25px;
  25. padding-bottom: 5px;
  26. padding-top: 2px;
  27. display: inline-block;
  28. white-space: nowrap
  29. }
  30. .sch-day-resolution .sch-clock .sch-hourIndicator {
  31. width: 22px;
  32. position: static !important;
  33. background-color: transparent;
  34. font-size: 7px;
  35. text-align: center;
  36. color: #fff;
  37. height: 7px;
  38. text-indent: 0;
  39. margin-top: -1px;
  40. text-shadow: rgba(200, 200, 200, .2) 0 -1px 0;
  41. transform: none !important;
  42. -moz-transform: none !important;
  43. -webkit-transform: none !important;
  44. -o-transform: none !important;
  45. filter: none !important;
  46. -ms-filter: none !important
  47. }
  48. .sch-day-resolution .sch-clock .sch-minuteIndicator {
  49. color: #555;
  50. width: 22px;
  51. position: static !important;
  52. height: 16px;
  53. background-color: transparent;
  54. font-size: 10px;
  55. text-align: center;
  56. text-indent: 0;
  57. text-shadow: rgba(0, 0, 0, .2) 0 -1px 0;
  58. transform: none !important;
  59. -moz-transform: none !important;
  60. -webkit-transform: none !important;
  61. -o-transform: none !important;
  62. filter: none !important;
  63. -ms-filter: none !important
  64. }
  65. .sch-clock .sch-hourIndicator {
  66. overflow: hidden;
  67. background: #000;
  68. position: absolute;
  69. left: 10px;
  70. top: 4px;
  71. width: 2px;
  72. height: 6px;
  73. transform-origin: 50% 100%;
  74. -o-transform-origin: 50% 100%;
  75. -moz-transform-origin: 50% 100%;
  76. -webkit-transform-origin: 50% 100%
  77. }
  78. .sch-clock .sch-minuteIndicator {
  79. overflow: hidden;
  80. background: #4e5252;
  81. position: absolute;
  82. left: 10px;
  83. top: 3px;
  84. width: 2px;
  85. height: 7px;
  86. transform-origin: 50% 100%;
  87. -o-transform-origin: 50% 100%;
  88. -moz-transform-origin: 50% 100%;
  89. -webkit-transform-origin: 50% 100%
  90. }
  91. .sch-schedulerpanel .x-grid-header-ct .x-box-inner {
  92. overflow: visible
  93. }
  94. .sch-timeaxiscolumn .x-column-header-inner {
  95. padding: 0
  96. }
  97. .sch-header-row .sch-column-header,.sch-timeaxiscolumn .sch-timeheader {
  98. padding: 0 6px
  99. }
  100. .sch-header-row td {
  101. font-size: 11px;
  102. line-height: 22px !important
  103. }
  104. .sch-header-row {
  105. table-layout: fixed;
  106. border-top: 1px solid #c5c5c5
  107. }
  108. .x-ie .sch-header-row {
  109. margin-left: -1px
  110. }
  111. .x-strict .x-ie6 .sch-header-row,.x-strict .x-ie7 .sch-header-row,.x-border-box .sch-header-row
  112. {
  113. margin-left: 0
  114. }
  115. .x-quirks .sch-header-row {
  116. border-right: 1px solid
  117. }
  118. .x-border-box .x-ie9 .x-grid-header-ct {
  119. padding-left: 0
  120. }
  121. .sch-header-single-row .x-group-sub-header {
  122. border-top-width: 0 !important
  123. }
  124. .x-webkit .sch-column-header .x-column-header-inner {
  125. height: 22px;
  126. white-space: normal
  127. }
  128. .x-ie .sch-column-header .x-column-header-inner {
  129. position: static;
  130. overflow: hidden
  131. }
  132. .sch-event {
  133. border: 1px solid #aaa;
  134. background: lightblue url(../images/transp-1px.png) repeat-x left top;
  135. position: absolute;
  136. overflow: hidden;
  137. cursor: pointer;
  138. z-index: 3
  139. }
  140. div.sch-event-fixed {
  141. cursor: default
  142. }
  143. .sch-event-inner {
  144. overflow: hidden;
  145. height: 100%;
  146. white-space: nowrap;
  147. margin-left: 3px;
  148. margin-right: 5px;
  149. margin-top: 2px
  150. }
  151. .sch-event-withicon .sch-event-inner {
  152. padding-left: 19px;
  153. height: 16px
  154. }
  155. .sch-schedulerpanel .sch-event-endsoutside {
  156. border-right: 0 none;
  157. -moz-border-radius-topright: 0 !important;
  158. -moz-border-radius-bottomright: 0 !important;
  159. -webkit-border-radius-top-right: 0 !important;
  160. -webkit-border-radius-bottom-right: 0 !important;
  161. -ms-border-radius-top-right: 0 !important;
  162. -ms-border-radius-bottom-right: 0 !important;
  163. border-top-right-radius: 0 !important;
  164. border-bottom-right-radius: 0 !important
  165. }
  166. .sch-schedulerpanel .sch-event-startsoutside {
  167. border-left: 0 none;
  168. -moz-border-radius-topleft: 0 !important;
  169. -moz-border-radius-bottomleft: 0 !important;
  170. -webkit-border-radius-top-left: 0 !important;
  171. -webkit-border-radius-bottom-left: 0 !important;
  172. -ms-border-radius-top-left: 0 !important;
  173. -ms-border-radius-bottom-left: 0 !important;
  174. border-top-left-radius: 0 !important;
  175. border-bottom-left-radius: 0 !important
  176. }
  177. div.sch-event-selected {
  178. border-color: red;
  179. -webkit-box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.5);
  180. -moz-box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.5);
  181. box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.5)
  182. }
  183. div.sch-event-hover {
  184. border-color: #888
  185. }
  186. .sch-dragcreator-proxy {
  187. position: absolute;
  188. left: 0;
  189. top: 0;
  190. width: 0;
  191. border: 1px solid #39b;
  192. cursor: auto !important;
  193. opacity: .5;
  194. filter: alpha(opacity = 50);
  195. zoom: 1;
  196. background-color: #c3daf9;
  197. z-index: 10000;
  198. -moz-transition-property: none !important;
  199. -webkit-transition-property: none !important;
  200. -ms-transition-property: none !important;
  201. transition-property: none !important
  202. }
  203. .sch-dd-cellover {
  204. background: url(../images/altrow.png) repeat
  205. }
  206. .sch-dd-newtime {
  207. font-weight: bold;
  208. color: #274490;
  209. display: block;
  210. margin: 0 0 5px 4px
  211. }
  212. .sch-dragproxy {
  213. background: none !important;
  214. overflow: visible !important;
  215. height: 1px;
  216. width: 1px
  217. }
  218. .sch-dragproxy .sch-event {
  219. opacity: .6;
  220. filter: alpha(opacity = 60);
  221. cursor: pointer
  222. }
  223. .sch-dragproxy .x-resizable-handle,.sch-dragproxy .x-dd-drop-icon {
  224. display: none !important
  225. }
  226. .sch-dragproxy .x-dd-drag-ghost {
  227. background-color: transparent;
  228. border: 0 none;
  229. padding: 0;
  230. white-space: nowrap
  231. }
  232. .sch-nested-hdr-tbl {
  233. width: 100%;
  234. table-layout: fixed
  235. }
  236. .sch-nested-hdr-tbl td {
  237. white-space: nowrap;
  238. border-left: 1px solid #dcdcdc;
  239. border-right: 1px solid #c0c0c0;
  240. text-align: center;
  241. font: 11px tahoma, arial, helvetica, sans-serif
  242. }
  243. .sch-header-row .x-column-header-inner,.sch-timeheader {
  244. padding-top: 3px !important;
  245. padding-bottom: 3px !important
  246. }
  247. .sch-nested-hdr-nopad {
  248. padding: 0 !important
  249. }
  250. .sch-nested-hdr-nopad td {
  251. text-align: center;
  252. height: 21px
  253. }
  254. .sch-nested-hdr-pad td {
  255. text-align: left;
  256. border: 0 none
  257. }
  258. .sch-nested-hdr-pad .x-grid-hd-inner {
  259. padding-left: 2px !important;
  260. padding-right: 2px !important
  261. }
  262. .sch-nested-hdr-pad td {
  263. text-align: left;
  264. border: 0 none
  265. }
  266. .sch-hdr-startend .sch-hdr-start {
  267. float: left
  268. }
  269. .sch-hdr-startend .sch-hdr-end {
  270. float: right
  271. }
  272. td.sch-nested-hdr-cell-first {
  273. border-left: 0 none
  274. }
  275. td.sch-nested-hdr-cell-last {
  276. border-right: 0 none
  277. }
  278. .sch-simple-timeaxis .x-column-header-inner {
  279. padding: 0
  280. }
  281. .sch-simple-timeaxis .sch-column-header {
  282. padding: 0;
  283. height: 22px
  284. }
  285. .sch-simple-timeaxis .sch-simple-timeheader {
  286. white-space: nowrap;
  287. overflow: hidden;
  288. padding: 0 6px
  289. }
  290. .sch-simple-timeaxis .sch-header-row-compact .sch-simple-timeheader {
  291. padding: 0 1px;
  292. font-size: 80%;
  293. height: 22px
  294. }
  295. .x-chrome .sch-simple-timeaxis .sch-header-row-compact .sch-simple-timeheader
  296. {
  297. line-height: 24px
  298. }
  299. .x-safari .sch-simple-timeaxis .sch-header-row-compact .sch-simple-timeheader
  300. {
  301. padding: 0
  302. }
  303. .sch-drag-selector {
  304. z-index: 5000
  305. }
  306. .sch-eventeditor {
  307. background: #fff;
  308. z-index: 5000;
  309. top: -1000px;
  310. left: -1000px;
  311. -webkit-box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.5);
  312. -moz-box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.5);
  313. box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.5);
  314. -moz-border-radius-bottomleft: 11px;
  315. -moz-border-radius-bottomright: 11px;
  316. -moz-border-radius-topright: 11px;
  317. -webkit-border-bottom-right-radius: 11px;
  318. -webkit-border-bottom-left-radius: 11px;
  319. -webkit-border-top-right-radius: 11px;
  320. border: 1px solid #ddd
  321. }
  322. .sch-eventeditor .x-border-layout-ct {
  323. background: transparent
  324. }
  325. .sch-eventeditor-timefields {
  326. background: transparent
  327. }
  328. .sch-eventeditor-timefields .x-panel-body {
  329. -moz-border-radius-topright: 11px;
  330. -webkit-border-top-right-radius: 11px;
  331. background: #dfe8f6;
  332. border-bottom: 1px solid #ddd;
  333. padding: 7px;
  334. padding-top: 5px
  335. }
  336. .sch-eventeditor-timefields .x-box-inner {
  337. height: 100% !important;
  338. width: 100% !important
  339. }
  340. .sch-eventeditor.x-panel-collapsed {
  341. border: 0 none
  342. }
  343. .sch-eventeditor .x-toolbar-footer {
  344. padding-bottom: 5px
  345. }
  346. .sch-timeline {
  347. cursor: pointer;
  348. height: 100%;
  349. position: absolute;
  350. border-style: dotted;
  351. border-color: #aaa;
  352. border-width: 0 0 0 1px;
  353. overflow: hidden;
  354. z-index: 4;
  355. margin-left: -1px
  356. }
  357. .sch-vertical .sch-timeline {
  358. border-width: 1px 0 0 0
  359. }
  360. div.sch-timeline:hover {
  361. border-style: solid !important
  362. }
  363. .sch-schedulerpanel .x-grid-group-hd {
  364. position: relative;
  365. z-index: 101
  366. }
  367. .x-ie .sch-timeline,.x-webkit .sch-timeline {
  368. margin-left: 0
  369. }
  370. .x-safari .sch-timeline {
  371. margin-left: 1px
  372. }
  373. .sch-ruler {
  374. width: 1px;
  375. height: 100%;
  376. position: absolute;
  377. left: 0;
  378. top: 0;
  379. border-left: 1px dotted #aaa;
  380. z-index: 101
  381. }
  382. .sch-zone {
  383. height: 100%;
  384. position: absolute;
  385. left: 0;
  386. top: 0;
  387. background: url(../images/zonebg.png) repeat;
  388. overflow: hidden
  389. }
  390. .x-ie .sch-schedulerpanel .x-grid-body {
  391. position: relative;
  392. z-index: 2
  393. }
  394. .x-safari .sch-zone {
  395. margin-left: 1px
  396. }
  397. .x-gecko .sch-zone {
  398. margin-left: -1px
  399. }
  400. .sch-print-header-wrap * {
  401. background: transparent none !important
  402. }
  403. .sch-print-ct {
  404. overflow: visible !important
  405. }
  406. .sch-print-ct .x-grid-inner-locked {
  407. border-right-color: #99bce8
  408. }
  409. .sch-print-headerbg {
  410. position: absolute;
  411. left: 0;
  412. width: 0;
  413. border-left: 1px solid #eee
  414. }
  415. .sch-print-normalheader {
  416. position: absolute;
  417. top: 0;
  418. z-index: 1
  419. }
  420. .sch-print-lockedheader {
  421. z-index: 2
  422. }
  423. .sch-print-locked-rows-ct {
  424. z-index: 2;
  425. float: left
  426. }
  427. .sch-print-locked-rows-ct {
  428. position: absolute;
  429. top: 0
  430. }
  431. div.sch-print-normal-rows-ct {
  432. overflow-x: hidden !important
  433. }
  434. div.sch-print-normal-rows-ct {
  435. position: absolute !important;
  436. top: 0
  437. }
  438. .sch-print-fake-background .sch-event {
  439. overflow: visible !important;
  440. background: 0;
  441. width: 0 !important;
  442. border-right-style: solid
  443. }
  444. .sch-print-fake-background .sch-event-inner {
  445. overflow: visible !important;
  446. z-index: 10000;
  447. position: absolute;
  448. left: 0
  449. }
  450. @media print {
  451. body {
  452. margin: 0 !important;
  453. padding: 0 !important
  454. }
  455. }
  456. .sch-tip-ok {
  457. padding-left: 20px;
  458. background: url(../images/drop-yes.gif) no-repeat left top
  459. }
  460. .sch-tip-notok {
  461. padding-left: 20px;
  462. background: url(../images/drop-no.gif) no-repeat left top
  463. }
  464. .sch-tooltip-enddate {
  465. padding-top: 2px
  466. }
  467. .sch-groupingsummary .x-grid-group-collapsed {
  468. position: relative;
  469. border-bottom: 2px solid #99bbe8;
  470. min-height: 22px
  471. } /*\*/
  472. * html .sch-groupingsummary .x-grid-group-collapsed {
  473. height: 22px
  474. }
  475. .sch-groupingsummary .x-grid-group-collapsed .x-grid-row {
  476. height: 4px !important;
  477. background-color: transparent !important;
  478. background-image: none !important;
  479. border-color: transparent !important
  480. }
  481. .sch-groupingsummary .x-grid-group-collapsed .x-grid-row .sch-event {
  482. height: 2px !important;
  483. -webkit-box-shadow: none;
  484. -moz-box-shadow: none;
  485. -moz-border-radius: 0;
  486. -webkit-border-radius: 0;
  487. border-bottom: 0 !important;
  488. border-top: 0 !important;
  489. top: 0;
  490. padding: 0 !important
  491. }
  492. .sch-groupingsummary .x-grid-group-collapsed .x-grid-group-body {
  493. display: block;
  494. padding-top: 2px
  495. }
  496. .sch-schedulerpanel .x-grid-group-hd {
  497. white-space: nowrap
  498. }
  499. .sch-groupingsummary .x-grid-group-hd {
  500. padding-top: 0 !important
  501. }
  502. .sch-groupingsummary .x-grid-group-collapsed .x-grid-group-hd {
  503. position: absolute;
  504. border-bottom: 0 none;
  505. z-index: 200;
  506. top: 0;
  507. left: 0;
  508. height: 100%
  509. }
  510. .sch-groupingsummary .x-grid-group-collapsed td.x-grid-col {
  511. height: 2px !important;
  512. border-bottom: 0 !important;
  513. border-top: 0 !important;
  514. text-indent: -10000px;
  515. border-right: 1px none !important
  516. }
  517. .sch-groupingsummary .x-grid-group-collapsed .x-grid-cell-inner {
  518. height: 2px !important;
  519. padding: 0 !important
  520. } /**/
  521. .sch-schedulerview .x-grid-group-title {
  522. visibility: hidden
  523. }
  524. .x-ie .sch-horizontal .sch-timelineview .x-grid-cell-first {
  525. z-index: 100
  526. }
  527. .x-ie7 .sch-horizontal .sch-timelineview td .x-grid-cell-inner {
  528. height: auto !important
  529. }
  530. .x-ie .sch-horizontal .sch-timelineview td.sch-singletimetd {
  531. z-index: 0;
  532. background-image: url(../images/1px.png)
  533. }
  534. .x-webkit .sch-horizontal td.sch-singletimetd {
  535. z-index: 1;
  536. position: relative
  537. }
  538. .sch-horizontal .sch-timelineview .x-grid-row-alt td {
  539. background-color: transparent;
  540. background-image: url(../images/altrow.png);
  541. background-repeat: repeat
  542. }
  543. .sch-horizontal-animated-rows .x-grid-row {
  544. -moz-transition-property: height;
  545. -moz-transition-duration: .4s;
  546. -webkit-transition-property: height;
  547. -webkit-transition-duration: .4s;
  548. -ms-transition-property: height;
  549. -ms-transition-duration: .4s;
  550. transition-property: height;
  551. transition-duration: .4s
  552. }
  553. .sch-horizontal .sch-timelineview td .x-grid-cell-inner {
  554. height: 100%
  555. }
  556. .sch-locked-buffered-spacer {
  557. position: absolute;
  558. top: 100%;
  559. width: 1px
  560. }
  561. .sch-timelinetreeview .x-grid-row .x-grid-cell-inner {
  562. cursor: default
  563. }
  564. .x-ie .sch-timelineview .sch-timetd .x-grid-cell-inner {
  565. padding-left: 0
  566. }
  567. .x-ie7 .sch-timelineview .sch-timetd .x-grid-cell-inner {
  568. padding: 0 6px 0 0
  569. }
  570. .sch-timelineview .x-grid-row td.sch-timetd {
  571. overflow: visible;
  572. background-color: transparent;
  573. border-top-color: transparent
  574. }
  575. .x-ie .sch-timelineview td.sch-timetd {
  576. position: relative
  577. }
  578. .sch-timelineview td.sch-singletimetd {
  579. overflow: hidden
  580. }
  581. td.sch-timetd .x-grid-cell-inner {
  582. overflow: visible !important;
  583. position: relative;
  584. text-align: left !important
  585. }
  586. .sch-timelineview table {
  587. position: relative
  588. }
  589. .sch-animations-enabled .sch-resourcezone,.sch-animations-enabled .sch-timeline,.sch-animations-enabled .sch-zone
  590. {
  591. -moz-transition-property: width, left, top, height;
  592. -moz-transition-duration: .4s;
  593. -webkit-transition-property: width, left, top, height;
  594. -webkit-transition-duration: .4s;
  595. -ms-transition-property: width, left, top, height;
  596. -ms-transition-duration: .4s;
  597. transition-property: width, left, top, height;
  598. transition-duration: .4s
  599. }
  600. .sch-timeline-horizontal-scroll {
  601. overflow-x: scroll !important
  602. }
  603. .sch-vertical .x-grid-inner-locked .x-grid-cell {
  604. background: #f9f9f9
  605. }
  606. .sch-vertical .x-grid-inner-locked .x-grid-cell-inner {
  607. color: #666;
  608. padding: 0 3px
  609. }
  610. .sch-vertical .sch-timetd {
  611. border-top-color: transparent
  612. }
  613. .sch-vertical .sch-animations-enabled .sch-event {
  614. -moz-transition-property: width, left;
  615. -moz-transition-duration: .4s;
  616. -webkit-transition-property: width, left;
  617. -webkit-transition-duration: .4s;
  618. -ms-transition-property: width, left;
  619. -ms-transition-duration: .4s;
  620. transition-property: width, left;
  621. transition-duration: .4s
  622. }
  623. .sch-vertical .sch-schedulerview .x-grid-cell-inner {
  624. height: 100%
  625. }
  626. .sch-vertical .sch-schedulerview td.sch-timetd {
  627. background: transparent
  628. }
  629. .sch-vertical .sch-schedulerview td.sch-col-alt {
  630. background: transparent url(../images/altrow.png) repeat
  631. }
  632. .sch-vertical .x-grid-inner-locked .x-grid-row-over .x-grid-cell {
  633. background-color: #f9f9f9;
  634. border-color: #fafafa #EDEDEd #ededed
  635. }
  636. .sch-vertical .x-grid-inner-locked .x-column-header-text {
  637. background-image: none
  638. }
  639. .x-quirks .x-ie .sch-vertical .sch-timetd {
  640. position: static
  641. }
  642. .sch-column-line {
  643. border-left: 1px solid #EEE;
  644. height: 100%;
  645. position: absolute;
  646. overflow: hidden;
  647. margin-left: -1px;
  648. z-index: 0
  649. }
  650. .x-webkit .sch-column-line {
  651. margin-left: 0
  652. }
  653. .x-ie .sch-column-line {
  654. z-index: -1;
  655. margin-left: 0
  656. }
  657. .x-safari .sch-column-line {
  658. margin-left: 1px
  659. }
  660. .sch-vertical .sch-column-line {
  661. visibility: hidden
  662. }
  663. .gnt-assignmentgrid .x-grid-dirty-cell {
  664. background-image: none
  665. }
  666. .sch-dependencyview-ct {
  667. position: absolute;
  668. z-index: 2;
  669. top: 0;
  670. left: 0
  671. }
  672. .sch-dependency-line {
  673. position: absolute;
  674. border: 1px solid blue;
  675. overflow: hidden
  676. }
  677. .sch-dependency-selected {
  678. z-index: 4
  679. }
  680. .sch-dependency-arrow,.sch-dependency-arrow-ct {
  681. position: absolute;
  682. height: 0;
  683. width: 0;
  684. border-style: solid;
  685. line-height: 0
  686. }
  687. .sch-dependency-arrow-ct {
  688. background: transparent;
  689. border: 0 none
  690. }
  691. .sch-dependency-arrow-ct .sch-dependency-arrow-left {
  692. margin-top: -3px;
  693. margin-left: -8px;
  694. border-color: transparent blue transparent transparent;
  695. border-width: 4px 8px 4px 0;
  696. border-style: solid
  697. }
  698. .sch-dependency-arrow-ct .sch-dependency-arrow-right {
  699. margin-top: -3px;
  700. border-width: 4px 0 4px 8px;
  701. border-style: solid;
  702. border-color: transparent transparent transparent blue
  703. }
  704. .sch-dependency-arrow-ct .sch-dependency-arrow-down {
  705. margin-left: -3px;
  706. border-color: blue transparent;
  707. border-width: 8px 4px 0;
  708. border-style: solid
  709. }
  710. .sch-gantt-terminal {
  711. display: none;
  712. background: url(../images/dependencyterminal.png) no-repeat;
  713. height: 16px;
  714. width: 16px;
  715. position: absolute;
  716. top: 0;
  717. z-index: 11;
  718. background-position: -6px 0;
  719. overflow: hidden
  720. }
  721. .sch-gantt-terminal-start {
  722. left: -15px
  723. }
  724. .sch-gantt-terminal-end {
  725. right: -15px
  726. }
  727. .sch-gantt-terminal-end {
  728. right: -15px
  729. }
  730. .sch-event-hover .sch-gantt-terminal {
  731. cursor: pointer !important;
  732. display: block
  733. }
  734. div.sch-gantt-terminal:hover {
  735. background-position: -6px -16px
  736. }
  737. .x-dd-drag-proxy .sch-gantt-terminal,.sch-ganttview-readonly .sch-gantt-terminal,.x-resizable-over .sch-gantt-terminal
  738. {
  739. display: none
  740. }
  741. .x-dd-drag-proxy .sch-dependency {
  742. display: none
  743. }
  744. .sch-gantt-terminal-start-drophover {
  745. background-position: 0 -48px !important;
  746. width: 28px;
  747. left: -21px
  748. }
  749. .sch-gantt-terminal-end-drophover {
  750. background-position: 0 -32px !important;
  751. width: 28px;
  752. right: -21px
  753. }
  754. .sch-gantt-dep-dd-dragging .sch-gantt-terminal {
  755. display: block
  756. }
  757. .sch-gantt-dep-dd-dragging .x-resizable-handle {
  758. display: none !important
  759. }
  760. .sch-gantt-connector-proxy {
  761. position: absolute;
  762. width: 2px;
  763. border-left: 2px dashed gray;
  764. z-index: 20;
  765. transform-origin: 0 0;
  766. -o-transform-origin: 0 0;
  767. -moz-transform-origin: 0 0;
  768. -webkit-transform-origin: 0 0
  769. }
  770. .sch-gantt-critical-chain .sch-dependency {
  771. display: none
  772. }
  773. .sch-gantt-critical-chain .sch-dependency-selected {
  774. display: block
  775. }
  776. div.sch-dependency-line.sch-dependency-selected {
  777. border-color: red
  778. }
  779. img.sch-dependency-arrow-down.sch-dependency-selected {
  780. border-top-color: red;
  781. border-bottom-color: red
  782. }
  783. img.sch-dependency-arrow-left.sch-dependency-selected {
  784. border-right-color: red
  785. }
  786. img.sch-dependency-arrow-right.sch-dependency-selected {
  787. border-left-color: red
  788. }
  789. .x-border-box .sch-dependency-selected .sch-dependency-arrow-left {
  790. border-right-color: red
  791. }
  792. .x-border-box .sch-dependency-selected .sch-dependency-arrow-down {
  793. border-top-color: red;
  794. border-bottom-color: red
  795. }
  796. .x-border-box .sch-dependency-selected .sch-dependency-arrow-right {
  797. border-left-color: red
  798. }
  799. .x-ie6 img.sch-dependency-arrow-left {
  800. border-color: transparent blue transparent transparent;
  801. _filter: chroma(color = white)
  802. }
  803. .x-ie6 img.sch-dependency-arrow-right {
  804. border-color: white white white blue;
  805. _filter: chroma(color = white)
  806. }
  807. .x-ie6 img.sch-dependency-arrow-down {
  808. border-color: blue white;
  809. _filter: chroma(color = white)
  810. }
  811. .sch-gantt-dragcreator-proxy {
  812. position: absolute;
  813. left: 0;
  814. top: 0;
  815. width: 0;
  816. border: 1px solid #39b;
  817. cursor: auto !important;
  818. opacity: .5;
  819. filter: alpha(opacity = 50);
  820. zoom: 1;
  821. background-color: #c3daf9;
  822. z-index: 10000
  823. }
  824. .sch-gantt-dragproxy {
  825. background: none !important;
  826. overflow: visible
  827. }
  828. .sch-gantt-dragproxy .sch-gantt-item {
  829. opacity: .6;
  830. filter: alpha(opacity = 60);
  831. border-style: dashed
  832. }
  833. .sch-gantt-dragproxy .x-dd-drop-icon {
  834. display: none
  835. }
  836. .sch-gantt-dragproxy .x-dd-drag-ghost {
  837. background-color: transparent;
  838. white-space: nowrap;
  839. border: 0 none;
  840. color: #000;
  841. font: 11px arial, helvetica, sans-serif;
  842. padding: 1px 0
  843. }
  844. .sch-event-wrap {
  845. z-index: 10;
  846. position: absolute;
  847. overflow: visible;
  848. top: 4px
  849. }
  850. .sch-gantt-item {
  851. cursor: pointer;
  852. width: inherit
  853. }
  854. .x-grid-row-selected .sch-gantt-task-bar,.sch-gantt-task-highlighted .sch-gantt-task-bar,.x-grid-row-selected .sch-gantt-parenttask-bar,.sch-gantt-task-highlighted .sch-gantt-parenttask-bar
  855. {
  856. border-color: red
  857. }
  858. .sch-event-endsoutside .sch-gantt-item {
  859. border-right: 0 none;
  860. -moz-border-radius-topright: 0 !important;
  861. -moz-border-radius-bottomright: 0 !important;
  862. -webkit-border-radius-top-right: 0 !important;
  863. -webkit-border-radius-bottom-right: 0 !important;
  864. -ms-border-radius-top-right: 0 !important;
  865. -ms-border-radius-bottom-right: 0 !important;
  866. border-radius-top-right: 0 !important;
  867. border-radius-bottom-right: 0 !important
  868. }
  869. .sch-event-startsoutside .sch-gantt-item {
  870. border-left: 0 none;
  871. -moz-border-radius-topleft: 0 !important;
  872. -moz-border-radius-bottomleft: 0 !important;
  873. -webkit-border-radius-top-left: 0 !important;
  874. -webkit-border-radius-bottom-left: 0 !important;
  875. -ms-border-radius-top-left: 0 !important;
  876. -ms-border-radius-bottom-left: 0 !important;
  877. border-radius-top-left: 0 !important;
  878. border-radius-bottom-left: 0 !important
  879. }
  880. .sch-gantt-parenttask-bar {
  881. height: 10px;
  882. cursor: pointer;
  883. border: 1px solid red;
  884. background: #ffbc00;
  885. position: relative;
  886. left: -6px
  887. }
  888. .sch-gantt-parenttask-bar,.sch-gantt-task-bar {
  889. -webkit-box-shadow: 1px 1px 2px rgba(150, 150, 150, 0.5);
  890. -moz-box-shadow: 1px 1px 2px rgba(150, 150, 150, 0.5);
  891. -ms-box-shadow: 1px 1px 2px rgba(150, 150, 150, 0.5);
  892. box-shadow: 1px 1px 2px rgba(150, 150, 150, 0.5)
  893. }
  894. .sch-gantt-parenttask-bar .sch-gantt-progress-bar {
  895. height: 8px;
  896. top: 0;
  897. left: 0;
  898. background-color: #fff3a5;
  899. overflow: hidden
  900. }
  901. .x-ie7 .sch-gantt-parenttask-bar {
  902. height: 8px
  903. }
  904. .sch-gantt-parenttask-arrow {
  905. border: 0;
  906. height: 0;
  907. width: 0;
  908. position: absolute;
  909. border-color: red transparent transparent;
  910. border-style: solid;
  911. border-width: 6px 6px 0
  912. }
  913. .x-quirks .x-ie .sch-gantt-parenttask-arrow {
  914. height: 6px;
  915. width: 12px;
  916. overflow: hidden
  917. }
  918. .x-ie6 .sch-gantt-parenttask-arrow {
  919. border-color: red white white;
  920. _filter: chroma(color = white)
  921. }
  922. .sch-event-startsoutside .sch-gantt-parenttask-leftarrow,.sch-event-startsoutside .sch-gantt-labelct-left,.sch-event-endsoutside .sch-gantt-parenttask-rightarrow,.sch-event-endsoutside .sch-gantt-labelct-right
  923. {
  924. display: none
  925. }
  926. .sch-gantt-parenttask-leftarrow {
  927. left: -1px
  928. }
  929. .sch-gantt-parenttask-rightarrow {
  930. right: -1px
  931. }
  932. .sch-gantt-task-bar {
  933. border: 1px solid #3172d7;
  934. height: 15px;
  935. border-radius: 2px;
  936. -ms-border-radius: 2px;
  937. -o-border-radius: 2px;
  938. -moz-border-radius: 2px;
  939. -webkit-border-radius: 2px;
  940. cursor: move;
  941. background: #e5ecf5;
  942. padding-right: 2px
  943. }
  944. div.sch-event-fixed {
  945. cursor: pointer !important
  946. }
  947. .x-ie7 .sch-gantt-task-bar {
  948. height: 13px
  949. }
  950. .x-quirks .x-ie .sch-gantt-task-bar {
  951. line-height: 14px;
  952. height: 15px
  953. }
  954. .sch-ganttpanel-showbaseline .sch-gantt-task-bar,.sch-ganttpanel-showbaseline .sch-gantt-parenttask-bar
  955. {
  956. height: 7px
  957. }
  958. .sch-ganttpanel-showbaseline .sch-gantt-progress-bar {
  959. height: 4px
  960. }
  961. .sch-ganttpanel-showbaseline .sch-gantt-parenttask-bar .sch-gantt-progress-bar
  962. {
  963. height: 5px
  964. }
  965. .x-ie7 .sch-ganttpanel-showbaseline .sch-gantt-task-bar,.x-ie7 .sch-ganttpanel-showbaseline .sch-gantt-parenttask-bar
  966. {
  967. height: 5px
  968. }
  969. .x-ie7 .sch-ganttpanel-showbaseline .sch-gantt-progress-bar {
  970. height: 4px
  971. }
  972. .x-ie7 .sch-ganttpanel-showbaseline .sch-gantt-parenttask-bar .sch-gantt-progress-bar
  973. {
  974. height: 5px
  975. }
  976. .x-quirks .x-ie7 .sch-ganttpanel-showbaseline .sch-gantt-parenttask-bar
  977. {
  978. height: 7px
  979. }
  980. .sch-gantt-progress-bar {
  981. height: 11px;
  982. position: relative;
  983. left: 1px;
  984. top: 1px;
  985. background-color: #7971e2;
  986. background-image: url(../images/transp-1px.png);
  987. background-repeat: repeat-x;
  988. background-position: left top;
  989. overflow: hidden
  990. }
  991. .sch-gantt-label {
  992. color: #888;
  993. height: 16px;
  994. white-space: nowrap
  995. }
  996. .sch-gantt-labelct {
  997. position: absolute;
  998. top: -2px
  999. }
  1000. .sch-gantt-labelct-left {
  1001. left: -600px;
  1002. width: 570px;
  1003. text-align: right;
  1004. margin-right: 30px
  1005. }
  1006. .sch-gantt-labelct-right {
  1007. margin-left: 20px
  1008. }
  1009. .sch-gantt-parent-task .sch-gantt-labelct-right {
  1010. margin-left: 8px
  1011. }
  1012. .sch-gantt-milestone .sch-gantt-labelct-right {
  1013. position: absolute;
  1014. left: 20px
  1015. }
  1016. .sch-gantt-milestone-diamond {
  1017. border: 0 none;
  1018. background-image: url(../images/milestone.png);
  1019. height: 16px;
  1020. width: 16px;
  1021. cursor: move;
  1022. position: relative;
  1023. left: -8px
  1024. }
  1025. .x-grid-row-selected .sch-gantt-milestone-diamond {
  1026. background-position: 0 -16px
  1027. }
  1028. .sch-gantt-prio-low .sch-gantt-progress-bar {
  1029. background-color: #aaa
  1030. }
  1031. .sch-gantt-parent-task .sch-gantt-prio-low,.sch-gantt-task .sch-gantt-prio-low
  1032. {
  1033. border-color: #aaa;
  1034. background-color: #eee
  1035. }
  1036. .sch-gantt-milestone .sch-gantt-prio-low {
  1037. background-position: 0 -48px
  1038. }
  1039. .sch-gantt-prio-low .sch-gantt-parenttask-arrow {
  1040. border-color: #aaa transparent transparent
  1041. }
  1042. .sch-gantt-prio-high .sch-gantt-progress-bar {
  1043. background-color: red
  1044. }
  1045. .sch-gantt-parent-task .sch-gantt-prio-high,.sch-gantt-task .sch-gantt-prio-high
  1046. {
  1047. border-color: red;
  1048. background-color: lightgoldenRodYellow
  1049. }
  1050. .sch-gantt-milestone .sch-gantt-prio-high {
  1051. background-position: 0 -32px
  1052. }
  1053. .sch-gantt-prio-high .sch-gantt-parenttask-arrow {
  1054. border-color: red transparent transparent
  1055. }
  1056. .sch-gantt-parenttask-baseline,.sch-gantt-task-baseline {
  1057. top: 11px;
  1058. display: none;
  1059. z-index: 0 !important
  1060. }
  1061. .x-ie7 .sch-gantt-parenttask-baseline {
  1062. z-index: -1 !important
  1063. }
  1064. .sch-gantt-parenttask-baseline .sch-gantt-parenttask-bar,.sch-gantt-task-baseline .sch-gantt-task-bar
  1065. {
  1066. cursor: auto !important;
  1067. height: 7px;
  1068. background: #eee;
  1069. border: 1px solid orange;
  1070. overflow: hidden !important;
  1071. border-radius: 2px;
  1072. -moz-border-radius: 2px;
  1073. -webkit-border-radius: 2px
  1074. }
  1075. .x-ie7 .sch-gantt-parenttask-baseline .sch-gantt-parenttask-bar,.x-ie7 .sch-gantt-task-baseline .sch-gantt-task-bar
  1076. {
  1077. height: 5px
  1078. }
  1079. .x-quirks .x-ie7 .sch-gantt-parenttask-baseline .sch-gantt-parenttask-bar
  1080. {
  1081. height: 7px
  1082. }
  1083. .sch-gantt-parenttask-baseline .sch-gantt-parenttask-arrow {
  1084. display: none
  1085. }
  1086. .sch-gantt-parenttask-baseline .sch-gantt-parenttask-bar {
  1087. left: 0
  1088. }
  1089. .sch-gantt-milestone-baseline {
  1090. top: 5px;
  1091. display: none;
  1092. z-index: 0 !important;
  1093. cursor: auto !important
  1094. }
  1095. .sch-gantt-milestone-baseline .sch-gantt-milestone-diamond {
  1096. background: url(../images/milestone.png) no-repeat 0 -48px;
  1097. background-color: transparent !important;
  1098. border: 0 none !important;
  1099. height: 16px;
  1100. width: 16px;
  1101. cursor: auto !important
  1102. }
  1103. .sch-ganttpanel-showbaseline .sch-gantt-parenttask-baseline,.sch-ganttpanel-showbaseline .sch-gantt-task-baseline,.sch-ganttpanel-showbaseline .sch-gantt-milestone-baseline
  1104. {
  1105. display: block
  1106. }
  1107. .sch-gantt-critical-chain .x-grid-row .sch-event-wrap {
  1108. opacity: .2;
  1109. filter: alpha(opacity = 20)
  1110. }
  1111. .sch-gantt-critical-chain .x-grid-row-selected .sch-event-wrap,.sch-gantt-critical-chain .sch-gantt-task-highlighted .sch-event-wrap
  1112. {
  1113. opacity: 1;
  1114. filter: alpha(opacity = 100)
  1115. }
  1116. .sch-ganttview-readonly .sch-gantt-milestone-diamond,.sch-ganttview-readonly .sch-gantt-task-bar
  1117. {
  1118. cursor: auto
  1119. }
  1120. .sch-ganttpanel-highlightweekends .sch-dayheadercell-6,.sch-ganttpanel-highlightweekends .sch-dayheadercell-0
  1121. {
  1122. background-image: url('../images/column-weekend-header-bg.gif');
  1123. background-image: -webkit-gradient(linear, #e3e4e6, #dee);
  1124. background-image: -moz-linear-gradient(top, #e3e4e6 50%, #dee 50%);
  1125. background-image: linear-gradient(top, #e3e4e6 80%, #dee 80%)
  1126. }
  1127. .sch-ganttpanel .x-grid-row {
  1128. height: 24px
  1129. }
  1130. .sch-ganttpanel .x-grid-row-alt {
  1131. background: transparent url(../images/altrow.png) repeat-x
  1132. }
  1133. .sch-ganttpanel .x-grid-row {
  1134. height: 24px
  1135. }
  1136. .sch-ganttpanel .x-grid-body {
  1137. overflow: hidden
  1138. }
  1139. .sch-todayLine {
  1140. border-left: 2px dashed #999 !important
  1141. }
  1142. .sch-ganttpanel {
  1143. z-index: 0
  1144. }
  1145. .sch-ganttpanel-container-body {
  1146. background-color: #dfe8f6 !important
  1147. }
  1148. .x-ie7 .sch-ganttpanel-container-body .x-grid-inner-locked .x-grid-row {
  1149. height: 22px
  1150. }
  1151. .x-quirks .x-ie7 .sch-ganttpanel-container-body .x-grid-inner-locked .x-grid-row
  1152. {
  1153. height: 24px
  1154. }
  1155. .x-ie7 .sch-ganttpanel-container-body .x-grid-inner-locked .x-grid-cell-treecolumn
  1156. {
  1157. height: 22px
  1158. }
  1159. .x-quirks .x-ie7 .sch-ganttpanel-container-body .x-grid-inner-locked .x-grid-cell-treecolumn
  1160. {
  1161. height: 24px
  1162. }
  1163. .sch-ganttpanel .x-splitter-vertical {
  1164. background-color: #dfe8f6;
  1165. border-right: 1px solid #99bce8
  1166. }
  1167. .sch-normalgrid-collapsed .x-grid-inner-locked .x-grid-view,.sch-ganttpanel-force-locked-scroll
  1168. {
  1169. overflow-y: auto !important
  1170. }
  1171. .sch-ganttview .x-grid-row-selected .x-grid-rowwrap-div,.sch-ganttview .x-grid-row-selected .x-grid-cell,.sch-ganttview .x-grid-row-over .x-grid-rowwrap-div,.sch-ganttview .x-grid-row-over .x-grid-cell,.sch-ganttview .x-grid-row-focused .x-grid-cell
  1172. {
  1173. background-color: transparent !important
  1174. }
  1175. .x-ie .sch-ganttview td.sch-singletimetd {
  1176. background-image: none !important
  1177. }
  1178. .sch-ganttview td.sch-singletimetd {
  1179. position: static !important
  1180. }
  1181. .sch-gantt-dependencyeditor {
  1182. z-index: 13;
  1183. top: -1000px;
  1184. left: -1000px;
  1185. position: absolute
  1186. }
  1187. @media print {
  1188. .sch-gantt-task-bar {
  1189. background: 0
  1190. }
  1191. }
  1192. .sch-gantt-item .sch-gantt-progressbar-handle {
  1193. position: absolute;
  1194. bottom: -2px;
  1195. display: none;
  1196. width: 10px;
  1197. height: 8px;
  1198. cursor: e-resize !important;
  1199. z-index: 3;
  1200. margin-left: -4px;
  1201. overflow: hidden;
  1202. background: url(../images/progressbar-handle.png) no-repeat left top
  1203. }
  1204. .sch-event-hover .sch-gantt-progressbar-handle {
  1205. display: block
  1206. }
  1207. .sch-gantt-progress-bar .x-resizable-handle-east,.sch-gantt-dragproxy .sch-gantt-progressbar-handle,.sch-ganttview-readonly .sch-gantt-progressbar-handle,.x-resizable-over .sch-gantt-progressbar-handle
  1208. {
  1209. display: none !important
  1210. }
  1211. .sch-gantt-item .sch-resizable-handle {
  1212. position: absolute;
  1213. top: 1px;
  1214. cursor: e-resize !important;
  1215. height: 12px;
  1216. width: 6px;
  1217. overflow: hidden;
  1218. background: 0;
  1219. z-index: 2
  1220. }
  1221. .x-ie .sch-gantt-item .sch-resizable-handle {
  1222. background: url(../images/transp-1px.png) no-repeat -100px left
  1223. !important
  1224. }
  1225. .x-quirks .x-ie .sch-ganttpanel-showbaseline .sch-resizable-handle {
  1226. height: 6px
  1227. }
  1228. .x-quirks .x-ie .sch-ganttpanel-showbaseline .sch-gantt-task-bar {
  1229. height: 7px;
  1230. overflow: hidden
  1231. }
  1232. .sch-gantt-item .sch-resizable-handle-east {
  1233. right: 0
  1234. }
  1235. .sch-gantt-item .sch-resizable-handle-west {
  1236. left: 0
  1237. }
  1238. .x-resizable-over .sch-dependency {
  1239. display: none
  1240. }
  1241. .sch-event-wrap .x-resizable-over .x-resizable-handle {
  1242. background: 0
  1243. }
  1244. .sch-event-endsoutside .x-resizable-handle-east,.sch-event-startsoutside .x-resizable-handle-west,.sch-ganttview-readonly .x-resizable-handle,.sch-ganttview-readonly .sch-resizable-handle,.sch-event-resizable-false .sch-resizable-handle,.sch-event-resizable-start .sch-resizable-handle-east,.sch-event-resizable-end .sch-resizable-handle-west
  1245. {
  1246. display: none !important
  1247. }
  1248. .sch-column-readonly {
  1249. color: gray
  1250. }
  1251. .gnt-datepicker-nonworkingday {
  1252. background-color: #dbdbdb !important
  1253. }
  1254. .gnt-datepicker-workingday {
  1255. background-color: white !important
  1256. }
  1257. .gnt-datepicker-overriddenday {
  1258. background: transparent url(../images/overridenDay.png) repeat
  1259. }
  1260. .gnt-datepicker-overriddenweekday {
  1261. background: transparent url(../images/overridenWeekDay.png) repeat
  1262. }
  1263. .gnt-action-edit {
  1264. background-image: url(../images/edit.png) !important
  1265. }
  1266. .gnt-action-add {
  1267. background-image: url(../images/add.png) !important
  1268. }
  1269. .gnt-action-remove {
  1270. background-image: url(../images/delete.gif) !important
  1271. }
  1272. .gnt-calendar-legend {
  1273. padding: 10px;
  1274. border: 1px dotted black
  1275. }
  1276. .gnt-calendar-legend li {
  1277. margin-bottom: 10px
  1278. }
  1279. .gnt-calendar-legend-itemstyle {
  1280. width: 25px;
  1281. height: 25px;
  1282. line-height: 21px;
  1283. text-align: center;
  1284. border: solid 1px black;
  1285. float: left
  1286. }
  1287. .gnt-calendar-legend-override .gnt-calendar-legend-itemstyle {
  1288. font-weight: bold
  1289. }
  1290. .gnt-calendar-legend-itemname {
  1291. display: block;
  1292. float: left;
  1293. margin-left: 10px;
  1294. padding-top: 5px
  1295. }
  1296. .gnt-calendar-availabilities {
  1297. padding: 25px 50px
  1298. }
  1299. .gnt-calendar-availabilities li {
  1300. list-style: disc !important
  1301. }
  1302. .gnt-dateinfo-override {
  1303. padding-left: 25px
  1304. }