暫無描述
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

editor.dataTables.css 42KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413
  1. div.DTE {
  2. position: relative;
  3. }
  4. div.DTE div.DTE_Header {
  5. position: absolute;
  6. top: 0;
  7. left: 0;
  8. height: 52px;
  9. width: 100%;
  10. background-color: #e8e9eb;
  11. border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  12. padding: 16px 10px 2px 16px;
  13. font-size: 1.3em;
  14. -webkit-box-sizing: border-box;
  15. -moz-box-sizing: border-box;
  16. box-sizing: border-box;
  17. }
  18. div.DTE div.DTE_Body {
  19. position: relative;
  20. }
  21. div.DTE div.DTE_Footer {
  22. position: absolute;
  23. bottom: 0;
  24. left: 0;
  25. height: 52px;
  26. width: 100%;
  27. background-color: #e8e9eb;
  28. border-top: 1px solid rgba(0, 0, 0, 0.15);
  29. padding: 10px;
  30. -webkit-box-sizing: border-box;
  31. -moz-box-sizing: border-box;
  32. box-sizing: border-box;
  33. }
  34. div.DTE div.DTE_Form_Info {
  35. margin-bottom: 0.5em;
  36. display: none;
  37. }
  38. div.DTE div.DTE_Form_Content {
  39. position: relative;
  40. padding: 10px;
  41. }
  42. div.DTE div.DTE_Form_Error {
  43. float: left;
  44. padding: 5px;
  45. display: none;
  46. color: #b11f1f;
  47. }
  48. div.DTE button.btn,
  49. div.DTE div.DTE_Form_Buttons button {
  50. position: relative;
  51. text-align: center;
  52. display: block;
  53. margin-top: 0;
  54. padding: 0.5em 1em;
  55. cursor: pointer;
  56. float: right;
  57. margin-left: 0.75em;
  58. color: inherit;
  59. font-size: 14px;
  60. border: 1px solid #999;
  61. -webkit-border-radius: 2px;
  62. -moz-border-radius: 2px;
  63. -ms-border-radius: 2px;
  64. -o-border-radius: 2px;
  65. border-radius: 2px;
  66. -webkit-box-shadow: 1px 1px 3px #ccc;
  67. -moz-box-shadow: 1px 1px 3px #ccc;
  68. box-shadow: 1px 1px 3px #ccc;
  69. background-color: #dcdcdc;
  70. /* Fallback */
  71. background-image: -webkit-linear-gradient(top, #ffffff 0%, #dcdcdc 100%);
  72. /* Chrome 10+, Saf5.1+, iOS 5+ */
  73. background-image: -moz-linear-gradient(top, #ffffff 0%, #dcdcdc 100%);
  74. /* FF3.6 */
  75. background-image: -ms-linear-gradient(top, #ffffff 0%, #dcdcdc 100%);
  76. /* IE10 */
  77. background-image: -o-linear-gradient(top, #ffffff 0%, #dcdcdc 100%);
  78. /* Opera 11.10+ */
  79. background-image: linear-gradient(to bottom, #ffffff 0%, #dcdcdc 100%);
  80. filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ffffff', EndColorStr='#dcdcdc');
  81. }
  82. div.DTE button.btn:hover,
  83. div.DTE div.DTE_Form_Buttons button:hover {
  84. border: 1px solid #666;
  85. -webkit-box-shadow: 1px 1px 3px #999;
  86. -moz-box-shadow: 1px 1px 3px #999;
  87. box-shadow: 1px 1px 3px #999;
  88. background-color: #cccccc;
  89. /* Fallback */
  90. background-image: -webkit-linear-gradient(top, #eaeaea 0%, #cccccc 100%);
  91. /* Chrome 10+, Saf5.1+, iOS 5+ */
  92. background-image: -moz-linear-gradient(top, #eaeaea 0%, #cccccc 100%);
  93. /* FF3.6 */
  94. background-image: -ms-linear-gradient(top, #eaeaea 0%, #cccccc 100%);
  95. /* IE10 */
  96. background-image: -o-linear-gradient(top, #eaeaea 0%, #cccccc 100%);
  97. /* Opera 11.10+ */
  98. background-image: linear-gradient(to bottom, #eaeaea 0%, #cccccc 100%);
  99. filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#eaeaea', EndColorStr='#cccccc');
  100. }
  101. div.DTE button.btn:active,
  102. div.DTE div.DTE_Form_Buttons button:active {
  103. -webkit-box-shadow: inset 1px 1px 3px #999;
  104. -moz-box-shadow: inset 1px 1px 3px #999;
  105. box-shadow: inset 1px 1px 3px #999;
  106. }
  107. div.DTE button.btn:focus,
  108. div.DTE div.DTE_Form_Buttons button:focus {
  109. border: 1px solid #426c9e;
  110. text-shadow: 0 1px 0 #c4def1;
  111. background-color: #79ace9;
  112. /* Fallback */
  113. background-image: -webkit-linear-gradient(top, #bddef4 0%, #79ace9 100%);
  114. /* Chrome 10+, Saf5.1+, iOS 5+ */
  115. background-image: -moz-linear-gradient(top, #bddef4 0%, #79ace9 100%);
  116. /* FF3.6 */
  117. background-image: -ms-linear-gradient(top, #bddef4 0%, #79ace9 100%);
  118. /* IE10 */
  119. background-image: -o-linear-gradient(top, #bddef4 0%, #79ace9 100%);
  120. /* Opera 11.10+ */
  121. background-image: linear-gradient(to bottom, #bddef4 0%, #79ace9 100%);
  122. filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#bddef4', EndColorStr='#79ace9');
  123. outline: none;
  124. }
  125. div.DTE button.btn:focus:after,
  126. div.DTE div.DTE_Form_Buttons button:focus:after {
  127. position: absolute;
  128. top: 0;
  129. left: 0;
  130. right: 0;
  131. bottom: 0;
  132. background: white;
  133. display: block;
  134. content: " ";
  135. -webkit-animation-duration: 1s;
  136. -webkit-animation-name: buttonPulse;
  137. -webkit-animation-fill-mode: forwards;
  138. -webkit-animation-iteration-count: infinite;
  139. -webkit-animation-timing-function: linear;
  140. -webkit-animation-direction: alternate;
  141. -moz-animation-duration: 1s;
  142. -moz-animation-name: buttonPulse;
  143. -moz-animation-fill-mode: forwards;
  144. -moz-animation-iteration-count: infinite;
  145. -moz-animation-timing-function: linear;
  146. -moz-animation-direction: alternate;
  147. -o-animation-duration: 1s;
  148. -o-animation-name: buttonPulse;
  149. -o-animation-fill-mode: forwards;
  150. -o-animation-iteration-count: infinite;
  151. -o-animation-timing-function: linear;
  152. -o-animation-direction: alternate;
  153. animation-duration: 1s;
  154. animation-name: buttonPulse;
  155. animation-fill-mode: forwards;
  156. animation-iteration-count: infinite;
  157. animation-timing-function: linear;
  158. animation-direction: alternate;
  159. }
  160. div.DTE.DTE_Action_Remove div.DTE_Body_Content {
  161. text-align: center;
  162. padding: 20px 0;
  163. }
  164. @-webkit-keyframes buttonPulse {
  165. 0% {
  166. opacity: 0;
  167. }
  168. 100% {
  169. opacity: 0.2;
  170. }
  171. }
  172. @-moz-keyframes buttonPulse {
  173. 0% {
  174. opacity: 0;
  175. }
  176. 100% {
  177. opacity: 0.2;
  178. }
  179. }
  180. @-o-keyframes buttonPulse {
  181. 0% {
  182. opacity: 0;
  183. }
  184. 100% {
  185. opacity: 0.2;
  186. }
  187. }
  188. @keyframes buttonPulse {
  189. 0% {
  190. opacity: 0;
  191. }
  192. 100% {
  193. opacity: 0.2;
  194. }
  195. }
  196. div.DTTT_container {
  197. float: left;
  198. }
  199. div.DTE_Field input,
  200. div.DTE_Field textarea {
  201. box-sizing: border-box;
  202. background-color: white;
  203. -webkit-transition: background-color ease-in-out .15s;
  204. transition: background-color ease-in-out .15s;
  205. }
  206. div.DTE_Field input:focus,
  207. div.DTE_Field textarea:focus {
  208. background-color: #ffffee;
  209. }
  210. div.DTE_Field input[type="color"],
  211. div.DTE_Field input[type="date"],
  212. div.DTE_Field input[type="datetime"],
  213. div.DTE_Field input[type="datetime-local"],
  214. div.DTE_Field input[type="email"],
  215. div.DTE_Field input[type="month"],
  216. div.DTE_Field input[type="number"],
  217. div.DTE_Field input[type="password"],
  218. div.DTE_Field input[type="search"],
  219. div.DTE_Field input[type="tel"],
  220. div.DTE_Field input[type="text"],
  221. div.DTE_Field input[type="time"],
  222. div.DTE_Field input[type="url"],
  223. div.DTE_Field input[type="week"] {
  224. padding: 5px 4px;
  225. width: 100%;
  226. }
  227. div.DTE_Field label div.DTE_Label_Info {
  228. font-size: 0.85em;
  229. margin-top: 0.25em;
  230. }
  231. div.DTE_Field label div.DTE_Label_Info:empty {
  232. margin-top: 0;
  233. }
  234. div.DTE_Field div.DTE_Field_Info,
  235. div.DTE_Field div.DTE_Field_Message,
  236. div.DTE_Field div.DTE_Field_Error {
  237. font-size: 11px;
  238. line-height: 1em;
  239. margin-top: 5px;
  240. }
  241. div.DTE_Field div.DTE_Field_Info:empty,
  242. div.DTE_Field div.DTE_Field_Message:empty,
  243. div.DTE_Field div.DTE_Field_Error:empty {
  244. margin-top: 0;
  245. }
  246. div.DTE_Field div.DTE_Field_Error {
  247. display: none;
  248. color: #b11f1f;
  249. }
  250. div.DTE_Field div.multi-value {
  251. display: none;
  252. border: 1px dotted #666;
  253. border-radius: 3px;
  254. padding: 5px;
  255. background-color: #fafafa;
  256. cursor: pointer;
  257. }
  258. div.DTE_Field div.multi-value span {
  259. font-size: 0.8em;
  260. line-height: 1.25em;
  261. display: block;
  262. color: #666;
  263. }
  264. div.DTE_Field div.multi-value.multi-noEdit {
  265. border: 1px solid #ccc;
  266. cursor: auto;
  267. background-color: #fcfcfc;
  268. }
  269. div.DTE_Field div.multi-value.multi-noEdit:hover {
  270. background-color: #fcfcfc;
  271. }
  272. div.DTE_Field div.multi-value:hover {
  273. background-color: #f1f1f1;
  274. }
  275. div.DTE_Field.disabled {
  276. color: grey;
  277. }
  278. div.DTE_Field.disabled div.multi-value {
  279. cursor: default;
  280. border: 1px dotted #aaa;
  281. background-color: transparent;
  282. }
  283. div.DTE_Field div.multi-restore {
  284. display: none;
  285. margin-top: 0.5em;
  286. font-size: 0.8em;
  287. line-height: 1.25em;
  288. color: #3879d9;
  289. }
  290. div.DTE_Field div.multi-restore:hover {
  291. text-decoration: underline;
  292. cursor: pointer;
  293. }
  294. div.DTE_Field_Type_textarea textarea {
  295. padding: 3px;
  296. width: 100%;
  297. height: 80px;
  298. }
  299. div.DTE_Field.DTE_Field_Type_date img {
  300. vertical-align: middle;
  301. cursor: pointer;
  302. }
  303. div.DTE_Field_Type_checkbox div.DTE_Field_Input > div > div,
  304. div.DTE_Field_Type_radio div.DTE_Field_Input > div > div {
  305. margin-bottom: 0.25em;
  306. }
  307. div.DTE_Field_Type_checkbox div.DTE_Field_Input > div > div:last-child,
  308. div.DTE_Field_Type_radio div.DTE_Field_Input > div > div:last-child {
  309. margin-bottom: 0;
  310. }
  311. div.DTE_Field_Type_checkbox div.DTE_Field_Input > div > div label,
  312. div.DTE_Field_Type_radio div.DTE_Field_Input > div > div label {
  313. margin-left: 0.75em;
  314. vertical-align: middle;
  315. }
  316. div.DTE_Field_Type_select div.DTE_Field_Input {
  317. padding-top: 4px;
  318. }
  319. div.DTE_Body {
  320. padding: 52px 0;
  321. }
  322. div.DTE_Body div.DTE_Body_Content {
  323. position: relative;
  324. overflow: auto;
  325. }
  326. div.DTE_Body div.DTE_Body_Content div.DTE_Form_Info {
  327. padding: 1em 1em 0 1em;
  328. margin: 0;
  329. }
  330. div.DTE_Body div.DTE_Body_Content div.DTE_Field {
  331. position: relative;
  332. zoom: 1;
  333. clear: both;
  334. padding: 5px 20%;
  335. border: 1px solid transparent;
  336. }
  337. div.DTE_Body div.DTE_Body_Content div.DTE_Field:after {
  338. display: block;
  339. content: ".";
  340. height: 0;
  341. line-height: 0;
  342. clear: both;
  343. visibility: hidden;
  344. }
  345. div.DTE_Body div.DTE_Body_Content div.DTE_Field:hover {
  346. background-color: #f9f9f9;
  347. border: 1px solid #f3f3f3;
  348. }
  349. div.DTE_Body div.DTE_Body_Content div.DTE_Field > label {
  350. float: left;
  351. width: 40%;
  352. padding-top: 6px;
  353. }
  354. div.DTE_Body div.DTE_Body_Content div.DTE_Field > div.DTE_Field_Input {
  355. float: right;
  356. width: 60%;
  357. }
  358. div.DTE_Body div.DTE_Body_Content div.DTE_Field.full {
  359. padding: 5px 0 5px 20%;
  360. }
  361. div.DTE_Body div.DTE_Body_Content div.DTE_Field.full > label {
  362. width: 30%;
  363. }
  364. div.DTE_Body div.DTE_Body_Content div.DTE_Field.full > div.DTE_Field_Input {
  365. width: 70%;
  366. }
  367. div.DTE_Body div.DTE_Body_Content div.DTE_Field.block > div.DTE_Field_Input {
  368. float: none;
  369. clear: both;
  370. width: 100%;
  371. }
  372. html[dir="rtl"] div.DTE_Body div.DTE_Body_Content div.DTE_Field > label {
  373. float: right;
  374. }
  375. html[dir="rtl"] div.DTE_Body div.DTE_Body_Content div.DTE_Field > div.DTE_Field_Input {
  376. float: left;
  377. }
  378. html[dir="rtl"] div.DTE div.DTE_Form_Buttons button {
  379. float: left;
  380. }
  381. @media only screen and (max-width: 768px) {
  382. div.DTE_Body div.DTE_Body_Content div.DTE_Field {
  383. padding: 5px 10%;
  384. }
  385. div.DTE_Body div.DTE_Body_Content div.DTE_Field.full {
  386. padding: 5px 0 5px 10%;
  387. }
  388. div.DTE_Body div.DTE_Body_Content div.DTE_Field.full > label {
  389. width: 35.5%;
  390. }
  391. div.DTE_Body div.DTE_Body_Content div.DTE_Field.full > div.DTE_Field_Input {
  392. width: 64.5%;
  393. }
  394. div.DTE_Body div.DTE_Body_Content div.DTE_Field.block > div.DTE_Field_Input {
  395. width: 100%;
  396. }
  397. }
  398. @media only screen and (max-width: 640px) {
  399. div.DTE_Body div.DTE_Body_Content div.DTE_Field {
  400. padding: 5px 0;
  401. }
  402. div.DTE_Body div.DTE_Body_Content div.DTE_Field.full {
  403. padding: 5px 0%;
  404. }
  405. div.DTE_Body div.DTE_Body_Content div.DTE_Field.full > label {
  406. width: 40%;
  407. }
  408. div.DTE_Body div.DTE_Body_Content div.DTE_Field.full > div.DTE_Field_Input {
  409. width: 60%;
  410. }
  411. div.DTE_Body div.DTE_Body_Content div.DTE_Field.block > div.DTE_Field_Input {
  412. width: 100%;
  413. }
  414. }
  415. @media only screen and (max-width: 580px) {
  416. div.DTE_Body div.DTE_Body_Content div.DTE_Field {
  417. position: relative;
  418. zoom: 1;
  419. clear: both;
  420. padding: 5px 0;
  421. }
  422. div.DTE_Body div.DTE_Body_Content div.DTE_Field > label {
  423. float: none;
  424. width: auto;
  425. padding-top: 0;
  426. }
  427. div.DTE_Body div.DTE_Body_Content div.DTE_Field > div.DTE_Field_Input {
  428. float: none;
  429. width: auto;
  430. }
  431. div.DTE_Body div.DTE_Body_Content div.DTE_Field.full, div.DTE_Body div.DTE_Body_Content div.DTE_Field.block {
  432. padding: 5px 0;
  433. }
  434. div.DTE_Body div.DTE_Body_Content div.DTE_Field.full > label,
  435. div.DTE_Body div.DTE_Body_Content div.DTE_Field.full > div.DTE_Field_Input, div.DTE_Body div.DTE_Body_Content div.DTE_Field.block > label,
  436. div.DTE_Body div.DTE_Body_Content div.DTE_Field.block > div.DTE_Field_Input {
  437. width: 100%;
  438. }
  439. }
  440. div.DTE_Bubble {
  441. position: absolute;
  442. z-index: 11;
  443. margin-top: -6px;
  444. opacity: 0;
  445. }
  446. div.DTE_Bubble div.DTE_Bubble_Liner {
  447. position: absolute;
  448. bottom: 0;
  449. border: 1px solid black;
  450. width: 300px;
  451. margin-left: -150px;
  452. background-color: white;
  453. box-shadow: 0 12px 30px 0 rgba(0, 0, 0, 0.5);
  454. border-radius: 6px;
  455. border: 1px solid #666;
  456. padding: 1em;
  457. background: #fcfcfc;
  458. -webkit-box-sizing: border-box;
  459. -moz-box-sizing: border-box;
  460. box-sizing: border-box;
  461. }
  462. div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table {
  463. width: 100%;
  464. }
  465. div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content {
  466. padding: 0;
  467. }
  468. div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field {
  469. position: relative;
  470. zoom: 1;
  471. margin-bottom: 0.5em;
  472. }
  473. div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field:last-child {
  474. margin-bottom: 0;
  475. }
  476. div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > label {
  477. padding-top: 0;
  478. margin-bottom: 0;
  479. }
  480. div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div {
  481. padding: 0;
  482. }
  483. div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div input {
  484. margin: 0;
  485. }
  486. div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons {
  487. text-align: right;
  488. margin-top: 1em;
  489. }
  490. div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons button {
  491. margin-bottom: 0;
  492. }
  493. div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header {
  494. border-top-left-radius: 5px;
  495. border-top-right-radius: 5px;
  496. }
  497. div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header + div.DTE_Form_Info,
  498. div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header + div.DTE_Bubble_Table {
  499. padding-top: 42px;
  500. }
  501. div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Form_Error {
  502. float: none;
  503. display: none;
  504. padding: 0;
  505. margin-bottom: 0.5em;
  506. }
  507. div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close {
  508. position: absolute;
  509. top: -11px;
  510. right: -11px;
  511. width: 22px;
  512. height: 22px;
  513. border: 2px solid white;
  514. background-color: black;
  515. text-align: center;
  516. border-radius: 15px;
  517. cursor: pointer;
  518. z-index: 12;
  519. box-shadow: 2px 2px 6px #111;
  520. }
  521. div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:after {
  522. content: '\00d7';
  523. color: white;
  524. font-weight: bold;
  525. font-size: 18px;
  526. line-height: 22px;
  527. font-family: 'Courier New', Courier, monospace;
  528. padding-left: 1px;
  529. }
  530. div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:hover {
  531. background-color: #092079;
  532. box-shadow: 2px 2px 9px #111;
  533. }
  534. div.DTE_Bubble div.DTE_Bubble_Triangle {
  535. position: absolute;
  536. height: 10px;
  537. width: 10px;
  538. top: -6px;
  539. background-color: white;
  540. border: 1px solid #666;
  541. border-top: none;
  542. border-right: none;
  543. -webkit-transform: rotate(-45deg);
  544. -moz-transform: rotate(-45deg);
  545. -ms-transform: rotate(-45deg);
  546. -o-transform: rotate(-45deg);
  547. transform: rotate(-45deg);
  548. }
  549. div.DTE_Bubble.below div.DTE_Bubble_Liner {
  550. top: 10px;
  551. bottom: auto;
  552. }
  553. div.DTE_Bubble.below div.DTE_Bubble_Triangle {
  554. top: 4px;
  555. -webkit-transform: rotate(135deg);
  556. -moz-transform: rotate(135deg);
  557. -ms-transform: rotate(135deg);
  558. -o-transform: rotate(135deg);
  559. transform: rotate(135deg);
  560. }
  561. div.DTE_Bubble_Background {
  562. position: fixed;
  563. top: 0;
  564. left: 0;
  565. width: 100%;
  566. height: 100%;
  567. background: rgba(0, 0, 0, 0.7);
  568. /* Fallback */
  569. background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
  570. /* IE10 Consumer Preview */
  571. background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
  572. /* Firefox */
  573. background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
  574. /* Opera */
  575. background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0, 0, 0, 0.3)), color-stop(1, rgba(0, 0, 0, 0.7)));
  576. /* Webkit (Safari/Chrome 10) */
  577. background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
  578. /* Webkit (Chrome 11+) */
  579. background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
  580. /* W3C Markup, IE10 Release Preview */
  581. z-index: 10;
  582. }
  583. div.DTE_Bubble_Background > div {
  584. position: absolute;
  585. top: 0;
  586. right: 0;
  587. left: 0;
  588. bottom: 0;
  589. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
  590. -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
  591. }
  592. div.DTE_Bubble_Background > div:not([dummy]) {
  593. filter: progid:DXImageTransform.Microsoft.gradient(enabled='false');
  594. }
  595. div.DTE_Inline {
  596. position: relative;
  597. display: table;
  598. width: 100%;
  599. }
  600. div.DTE_Inline div.DTE_Inline_Field,
  601. div.DTE_Inline div.DTE_Inline_Buttons {
  602. display: table-cell;
  603. vertical-align: middle;
  604. }
  605. div.DTE_Inline div.DTE_Inline_Field div.DTE_Field,
  606. div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field {
  607. padding: 0;
  608. }
  609. div.DTE_Inline div.DTE_Inline_Field div.DTE_Field > label,
  610. div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field > label {
  611. display: none;
  612. }
  613. div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="color"],
  614. div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="date"],
  615. div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="datetime"],
  616. div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="datetime-local"],
  617. div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="email"],
  618. div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="month"],
  619. div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="number"],
  620. div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="password"],
  621. div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="search"],
  622. div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="tel"],
  623. div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="text"],
  624. div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="time"],
  625. div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="url"],
  626. div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="week"],
  627. div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="color"],
  628. div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="date"],
  629. div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="datetime"],
  630. div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="datetime-local"],
  631. div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="email"],
  632. div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="month"],
  633. div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="number"],
  634. div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="password"],
  635. div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="search"],
  636. div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="tel"],
  637. div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="text"],
  638. div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="time"],
  639. div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="url"],
  640. div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="week"] {
  641. width: 100%;
  642. }
  643. div.DTE_Inline div.DTE_Inline_Field div.DTE_Form_Buttons button,
  644. div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Form_Buttons button {
  645. margin: -6px 0 -6px 4px;
  646. padding: 5px;
  647. }
  648. div.DTE_Inline div.DTE_Field input[type="color"],
  649. div.DTE_Inline div.DTE_Field input[type="date"],
  650. div.DTE_Inline div.DTE_Field input[type="datetime"],
  651. div.DTE_Inline div.DTE_Field input[type="datetime-local"],
  652. div.DTE_Inline div.DTE_Field input[type="email"],
  653. div.DTE_Inline div.DTE_Field input[type="month"],
  654. div.DTE_Inline div.DTE_Field input[type="number"],
  655. div.DTE_Inline div.DTE_Field input[type="password"],
  656. div.DTE_Inline div.DTE_Field input[type="search"],
  657. div.DTE_Inline div.DTE_Field input[type="tel"],
  658. div.DTE_Inline div.DTE_Field input[type="text"],
  659. div.DTE_Inline div.DTE_Field input[type="time"],
  660. div.DTE_Inline div.DTE_Field input[type="url"],
  661. div.DTE_Inline div.DTE_Field input[type="week"] {
  662. margin: -6px 0;
  663. }
  664. div.DTE_Inline div.DTE_Field_Error,
  665. div.DTE_Inline div.DTE_Form_Error {
  666. font-size: 11px;
  667. line-height: 1.2em;
  668. padding: 0;
  669. margin-top: 10px;
  670. }
  671. div.DTE_Inline div.DTE_Field_Error:empty,
  672. div.DTE_Inline div.DTE_Form_Error:empty {
  673. margin-top: 0;
  674. }
  675. span.dtr-data div.DTE_Inline {
  676. display: inline-table;
  677. }
  678. div.DTED_Lightbox_Wrapper {
  679. position: fixed;
  680. top: 0;
  681. left: 50%;
  682. margin-left: -390px;
  683. width: 780px;
  684. height: 100%;
  685. z-index: 11;
  686. }
  687. div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container {
  688. display: table;
  689. height: 100%;
  690. width: 100%;
  691. }
  692. div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper {
  693. display: table-cell;
  694. vertical-align: middle;
  695. width: 100%;
  696. }
  697. div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content {
  698. position: relative;
  699. box-shadow: 0 12px 30px 0 rgba(0, 0, 0, 0.5);
  700. border-radius: 6px;
  701. -webkit-box-sizing: border-box;
  702. -moz-box-sizing: border-box;
  703. box-sizing: border-box;
  704. }
  705. div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTE {
  706. background: white;
  707. border-radius: 6px;
  708. border: 1px solid #666;
  709. -webkit-box-sizing: border-box;
  710. -moz-box-sizing: border-box;
  711. box-sizing: border-box;
  712. }
  713. div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTE div.DTE_Header {
  714. right: 0;
  715. width: auto;
  716. border-top-left-radius: 6px;
  717. border-top-right-radius: 6px;
  718. }
  719. div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTE div.DTE_Body_Content {
  720. box-sizing: border-box;
  721. background: #fcfcfc;
  722. }
  723. div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTE div.DTE_Footer {
  724. right: 0;
  725. width: auto;
  726. border-bottom-left-radius: 6px;
  727. border-bottom-right-radius: 6px;
  728. }
  729. div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTED_Lightbox_Close {
  730. position: absolute;
  731. top: -11px;
  732. right: -11px;
  733. width: 22px;
  734. height: 22px;
  735. border: 2px solid white;
  736. background-color: black;
  737. text-align: center;
  738. border-radius: 15px;
  739. cursor: pointer;
  740. z-index: 12;
  741. box-shadow: 2px 2px 6px #111;
  742. }
  743. div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTED_Lightbox_Close:after {
  744. content: '\00d7';
  745. color: white;
  746. font-weight: bold;
  747. font-size: 18px;
  748. line-height: 22px;
  749. font-family: 'Courier New', Courier, monospace;
  750. padding-left: 1px;
  751. }
  752. div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTED_Lightbox_Close:hover {
  753. background-color: #092079;
  754. box-shadow: 2px 2px 9px #111;
  755. }
  756. div.DTED_Lightbox_Background {
  757. position: fixed;
  758. top: 0;
  759. left: 0;
  760. width: 100%;
  761. height: 100%;
  762. background: rgba(0, 0, 0, 0.7);
  763. /* Fallback */
  764. background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
  765. /* IE10 Consumer Preview */
  766. background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
  767. /* Firefox */
  768. background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
  769. /* Opera */
  770. background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0, 0, 0, 0.3)), color-stop(1, rgba(0, 0, 0, 0.7)));
  771. /* Webkit (Safari/Chrome 10) */
  772. background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
  773. /* Webkit (Chrome 11+) */
  774. background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
  775. /* W3C Markup, IE10 Release Preview */
  776. z-index: 10;
  777. }
  778. div.DTED_Lightbox_Background > div {
  779. position: absolute;
  780. top: 0;
  781. right: 0;
  782. left: 0;
  783. bottom: 0;
  784. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
  785. -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
  786. }
  787. div.DTED_Lightbox_Background > div:not([dummy]) {
  788. filter: progid:DXImageTransform.Microsoft.gradient(enabled='false');
  789. }
  790. body.DTED_Lightbox_Mobile div.DTED_Lightbox_Background {
  791. height: 0;
  792. }
  793. body.DTED_Lightbox_Mobile div.DTED_Lightbox_Shown {
  794. display: none;
  795. }
  796. body.DTED_Lightbox_Mobile div.DTED_Lightbox_Wrapper {
  797. position: absolute;
  798. top: 0px;
  799. left: 0px;
  800. right: 0px;
  801. bottom: 0px;
  802. width: auto;
  803. height: auto;
  804. margin-left: 0;
  805. -webkit-overflow-scrolling: touch;
  806. }
  807. body.DTED_Lightbox_Mobile div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container {
  808. display: block;
  809. }
  810. body.DTED_Lightbox_Mobile div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper {
  811. display: block;
  812. }
  813. body.DTED_Lightbox_Mobile div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content {
  814. border: 4px solid rgba(220, 220, 220, 0.5);
  815. border-radius: 0;
  816. }
  817. body.DTED_Lightbox_Mobile div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTE {
  818. border-radius: 0;
  819. box-shadow: 0 0 5px #555;
  820. border: 2px solid #444;
  821. }
  822. body.DTED_Lightbox_Mobile div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTE div.DTE_Header {
  823. border-top-left-radius: 0;
  824. border-top-right-radius: 0;
  825. }
  826. body.DTED_Lightbox_Mobile div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTE div.DTE_Footer {
  827. border-bottom-left-radius: 0;
  828. border-bottom-right-radius: 0;
  829. }
  830. body.DTED_Lightbox_Mobile div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTED_Lightbox_Close {
  831. top: 11px;
  832. right: 15px;
  833. }
  834. @media only screen and (max-width: 780px) {
  835. div.DTED_Lightbox_Wrapper {
  836. position: fixed;
  837. top: 0;
  838. left: 0;
  839. width: 100%;
  840. margin-left: 0;
  841. }
  842. }
  843. /*
  844. * Namespace: DTED - DataTables Editor Display - Envelope
  845. */
  846. div.DTED_Envelope_Wrapper {
  847. position: absolute;
  848. top: 0;
  849. bottom: 0;
  850. left: 50%;
  851. height: 100%;
  852. z-index: 11;
  853. display: none;
  854. overflow: hidden;
  855. }
  856. div.DTED_Envelope_Wrapper div.DTED_Envelope_Shadow {
  857. position: absolute;
  858. top: -10px;
  859. left: 10px;
  860. right: 10px;
  861. height: 10px;
  862. z-index: 10;
  863. box-shadow: 0 0 20px black;
  864. }
  865. div.DTED_Envelope_Wrapper div.DTED_Envelope_Container {
  866. position: absolute;
  867. top: 0;
  868. left: 5%;
  869. width: 90%;
  870. border-left: 1px solid #777;
  871. border-right: 1px solid #777;
  872. border-bottom: 1px solid #777;
  873. box-shadow: 3px 3px 10px #555;
  874. border-bottom-left-radius: 5px;
  875. border-bottom-right-radius: 5px;
  876. background-color: white;
  877. }
  878. div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTE_Processing_Indicator {
  879. right: 36px;
  880. }
  881. div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTE_Footer {
  882. border-bottom-left-radius: 5px;
  883. border-bottom-right-radius: 5px;
  884. }
  885. div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTED_Envelope_Close {
  886. position: absolute;
  887. top: 16px;
  888. right: 10px;
  889. width: 18px;
  890. height: 18px;
  891. cursor: pointer;
  892. z-index: 12;
  893. text-align: center;
  894. font-size: 12px;
  895. background: #F8F8F8;
  896. background: -webkit-gradient(linear, center bottom, center top, from(#CCC), to(white));
  897. background: -moz-linear-gradient(top, white, #CCC);
  898. background: linear-gradient(to bottom, white, #CCC);
  899. text-shadow: 0 1px 0 white;
  900. border: 1px solid #999;
  901. border-radius: 2px;
  902. -moz-border-radius: 2px;
  903. -webkit-border-radius: 2px;
  904. box-shadow: 0px 0px 1px #999;
  905. -moz-box-shadow: 0px 0px 1px #999;
  906. -webkit-box-shadow: 0px 0px 1px #999;
  907. }
  908. div.DTED_Envelope_Background {
  909. position: fixed;
  910. top: 0;
  911. left: 0;
  912. width: 100%;
  913. height: 100%;
  914. z-index: 10;
  915. background: rgba(0, 0, 0, 0.4);
  916. /* Fallback */
  917. background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.4) 100%);
  918. /* IE10 Consumer Preview */
  919. background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.4) 100%);
  920. /* Firefox */
  921. background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.4) 100%);
  922. /* Opera */
  923. background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0, 0, 0, 0.1)), color-stop(1, rgba(0, 0, 0, 0.4)));
  924. /* Webkit (Safari/Chrome 10) */
  925. background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.4) 100%);
  926. /* Webkit (Chrome 11+) */
  927. background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.4) 100%);
  928. /* W3C Markup, IE10 Release Preview */
  929. }
  930. table.dataTable tbody tr.highlight {
  931. background-color: #FFFBCC !important;
  932. }
  933. table.dataTable tbody tr.highlight,
  934. table.dataTable tbody tr.noHighlight,
  935. table.dataTable tbody tr.highlight td,
  936. table.dataTable tbody tr.noHighlight td {
  937. -webkit-transition: background-color 500ms linear;
  938. -moz-transition: background-color 500ms linear;
  939. -ms-transition: background-color 500ms linear;
  940. -o-transition: background-color 500ms linear;
  941. transition: background-color 500ms linear;
  942. }
  943. table.dataTable.stripe tbody tr.odd.highlight, table.dataTable.display tbody tr.odd.highlight {
  944. background-color: #f9f5c7;
  945. }
  946. table.dataTable.hover tbody tr:hover.highlight,
  947. table.dataTable.hover tbody tr.odd:hover.highlight,
  948. table.dataTable.hover tbody tr.even:hover.highlight, table.dataTable.display tbody tr:hover.highlight,
  949. table.dataTable.display tbody tr.odd:hover.highlight,
  950. table.dataTable.display tbody tr.even:hover.highlight {
  951. background-color: #f6f2c5;
  952. }
  953. table.dataTable.order-column tbody tr.highlight > .sorting_1,
  954. table.dataTable.order-column tbody tr.highlight > .sorting_2,
  955. table.dataTable.order-column tbody tr.highlight > .sorting_3, table.dataTable.display tbody tr.highlight > .sorting_1,
  956. table.dataTable.display tbody tr.highlight > .sorting_2,
  957. table.dataTable.display tbody tr.highlight > .sorting_3 {
  958. background-color: #faf6c8;
  959. }
  960. table.dataTable.display tbody tr.odd.highlight > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.highlight > .sorting_1 {
  961. background-color: #f1edc1;
  962. }
  963. table.dataTable.display tbody tr.odd.highlight > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.highlight > .sorting_2 {
  964. background-color: #f3efc2;
  965. }
  966. table.dataTable.display tbody tr.odd.highlight > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.highlight > .sorting_3 {
  967. background-color: #f5f1c4;
  968. }
  969. table.dataTable.display tbody tr.even.highlight > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.highlight > .sorting_1 {
  970. background-color: #faf6c8;
  971. }
  972. table.dataTable.display tbody tr.even.highlight > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.highlight > .sorting_2 {
  973. background-color: #fcf8ca;
  974. }
  975. table.dataTable.display tbody tr.even.highlight > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.highlight > .sorting_3 {
  976. background-color: #fefacb;
  977. }
  978. table.dataTable.display tbody tr:hover.highlight > .sorting_1,
  979. table.dataTable.display tbody tr.odd:hover.highlight > .sorting_1,
  980. table.dataTable.display tbody tr.even:hover.highlight > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.highlight > .sorting_1,
  981. table.dataTable.order-column.hover tbody tr.odd:hover.highlight > .sorting_1,
  982. table.dataTable.order-column.hover tbody tr.even:hover.highlight > .sorting_1 {
  983. background-color: #eae6bb;
  984. }
  985. table.dataTable.display tbody tr:hover.highlight > .sorting_2,
  986. table.dataTable.display tbody tr.odd:hover.highlight > .sorting_2,
  987. table.dataTable.display tbody tr.even:hover.highlight > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.highlight > .sorting_2,
  988. table.dataTable.order-column.hover tbody tr.odd:hover.highlight > .sorting_2,
  989. table.dataTable.order-column.hover tbody tr.even:hover.highlight > .sorting_2 {
  990. background-color: #ece8bd;
  991. }
  992. table.dataTable.display tbody tr:hover.highlight > .sorting_3,
  993. table.dataTable.display tbody tr.odd:hover.highlight > .sorting_3,
  994. table.dataTable.display tbody tr.even:hover.highlight > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.highlight > .sorting_3,
  995. table.dataTable.order-column.hover tbody tr.odd:hover.highlight > .sorting_3,
  996. table.dataTable.order-column.hover tbody tr.even:hover.highlight > .sorting_3 {
  997. background-color: #efebbf;
  998. }
  999. div.DTE div.editor_upload {
  1000. padding-top: 4px;
  1001. }
  1002. div.DTE div.editor_upload div.eu_table {
  1003. display: table;
  1004. width: 100%;
  1005. }
  1006. div.DTE div.editor_upload div.row {
  1007. display: table-row;
  1008. }
  1009. div.DTE div.editor_upload div.cell {
  1010. display: table-cell;
  1011. position: relative;
  1012. width: 50%;
  1013. vertical-align: top;
  1014. }
  1015. div.DTE div.editor_upload div.cell + div.cell {
  1016. padding-left: 10px;
  1017. }
  1018. div.DTE div.editor_upload div.row + div.row div.cell {
  1019. padding-top: 10px;
  1020. }
  1021. div.DTE div.editor_upload button.btn,
  1022. div.DTE div.editor_upload input[type=file] {
  1023. width: 100%;
  1024. height: 2.3em;
  1025. font-size: 0.8em;
  1026. text-align: center;
  1027. line-height: 1em;
  1028. }
  1029. div.DTE div.editor_upload input[type=file] {
  1030. position: absolute;
  1031. top: 0;
  1032. left: 0;
  1033. width: 100%;
  1034. opacity: 0;
  1035. }
  1036. div.DTE div.editor_upload div.drop {
  1037. position: relative;
  1038. box-sizing: border-box;
  1039. width: 100%;
  1040. height: 100%;
  1041. border: 3px dashed #ccc;
  1042. border-radius: 6px;
  1043. min-height: 4em;
  1044. color: #999;
  1045. padding-top: 3px;
  1046. text-align: center;
  1047. }
  1048. div.DTE div.editor_upload div.drop.over {
  1049. border: 3px dashed #111;
  1050. color: #111;
  1051. }
  1052. div.DTE div.editor_upload div.drop span {
  1053. max-width: 75%;
  1054. font-size: 0.85em;
  1055. line-height: 1em;
  1056. }
  1057. div.DTE div.editor_upload div.rendered img {
  1058. max-width: 8em;
  1059. margin: 0 auto;
  1060. }
  1061. div.DTE div.editor_upload.noDrop div.drop {
  1062. display: none;
  1063. }
  1064. div.DTE div.editor_upload.noDrop div.row.second {
  1065. display: none;
  1066. }
  1067. div.DTE div.editor_upload.noDrop div.rendered {
  1068. margin-top: 10px;
  1069. }
  1070. div.DTE div.editor_upload.noClear div.clearValue button {
  1071. display: none;
  1072. }
  1073. div.DTE div.editor_upload.multi div.cell {
  1074. display: block;
  1075. width: 100%;
  1076. }
  1077. div.DTE div.editor_upload.multi div.cell div.drop {
  1078. min-height: 0;
  1079. padding-bottom: 5px;
  1080. }
  1081. div.DTE div.editor_upload.multi div.clearValue {
  1082. display: none;
  1083. }
  1084. div.DTE div.editor_upload.multi ul {
  1085. list-style-type: none;
  1086. margin: 0;
  1087. padding: 0;
  1088. }
  1089. div.DTE div.editor_upload.multi ul li {
  1090. position: relative;
  1091. margin-top: 0.5em;
  1092. }
  1093. div.DTE div.editor_upload.multi ul li:first-child {
  1094. margin-top: 0;
  1095. }
  1096. div.DTE div.editor_upload.multi ul li img {
  1097. vertical-align: middle;
  1098. }
  1099. div.DTE div.editor_upload.multi ul li button {
  1100. position: absolute;
  1101. width: 40px;
  1102. right: 0;
  1103. top: 50%;
  1104. margin-top: -1.5em;
  1105. }
  1106. div.editor-datetime {
  1107. position: absolute;
  1108. background-color: white;
  1109. z-index: 2050;
  1110. border: 1px solid #ccc;
  1111. box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5);
  1112. padding: 0 20px 6px 20px;
  1113. width: 275px;
  1114. }
  1115. div.editor-datetime div.editor-datetime-title {
  1116. text-align: center;
  1117. padding: 5px 0px 3px;
  1118. }
  1119. div.editor-datetime table {
  1120. border-spacing: 0;
  1121. margin: 12px 0;
  1122. width: 100%;
  1123. }
  1124. div.editor-datetime table.editor-datetime-table-nospace {
  1125. margin-top: -12px;
  1126. }
  1127. div.editor-datetime table th {
  1128. font-size: 0.8em;
  1129. color: #777;
  1130. font-weight: normal;
  1131. width: 14.285714286%;
  1132. padding: 0 0 4px 0;
  1133. text-align: center;
  1134. }
  1135. div.editor-datetime table td {
  1136. font-size: 0.9em;
  1137. color: #444;
  1138. padding: 0;
  1139. }
  1140. div.editor-datetime table td.selectable {
  1141. text-align: center;
  1142. background: #f5f5f5;
  1143. }
  1144. div.editor-datetime table td.selectable.disabled {
  1145. color: #aaa;
  1146. background: white;
  1147. }
  1148. div.editor-datetime table td.selectable.disabled button:hover {
  1149. color: #aaa;
  1150. background: white;
  1151. }
  1152. div.editor-datetime table td.selectable.now {
  1153. background-color: #ddd;
  1154. }
  1155. div.editor-datetime table td.selectable.now button {
  1156. font-weight: bold;
  1157. }
  1158. div.editor-datetime table td.selectable.selected button {
  1159. background: #4E6CA3;
  1160. color: white;
  1161. border-radius: 2px;
  1162. }
  1163. div.editor-datetime table td.selectable button:hover {
  1164. background: #ff8000;
  1165. color: white;
  1166. border-radius: 2px;
  1167. }
  1168. div.editor-datetime table td.editor-datetime-week {
  1169. font-size: 0.7em;
  1170. }
  1171. div.editor-datetime table button {
  1172. width: 100%;
  1173. box-sizing: border-box;
  1174. border: none;
  1175. background: transparent;
  1176. font-size: inherit;
  1177. color: inherit;
  1178. text-align: center;
  1179. padding: 4px 0;
  1180. cursor: pointer;
  1181. margin: 0;
  1182. }
  1183. div.editor-datetime table button span {
  1184. display: inline-block;
  1185. min-width: 14px;
  1186. text-align: right;
  1187. }
  1188. div.editor-datetime table.weekNumber th {
  1189. width: 12.5%;
  1190. }
  1191. div.editor-datetime div.editor-datetime-calendar table {
  1192. margin-top: 0;
  1193. }
  1194. div.editor-datetime div.editor-datetime-label {
  1195. position: relative;
  1196. display: inline-block;
  1197. height: 30px;
  1198. padding: 5px 6px;
  1199. border: 1px solid transparent;
  1200. box-sizing: border-box;
  1201. cursor: pointer;
  1202. }
  1203. div.editor-datetime div.editor-datetime-label:hover {
  1204. border: 1px solid #ddd;
  1205. border-radius: 2px;
  1206. background-color: #f5f5f5;
  1207. }
  1208. div.editor-datetime div.editor-datetime-label select {
  1209. position: absolute;
  1210. top: 6px;
  1211. left: 0;
  1212. cursor: pointer;
  1213. opacity: 0;
  1214. -ms-filter: "alpha(opacity=0)";
  1215. }
  1216. div.editor-datetime.horizontal {
  1217. width: 550px;
  1218. }
  1219. div.editor-datetime.horizontal div.editor-datetime-date,
  1220. div.editor-datetime.horizontal div.editor-datetime-time {
  1221. width: 48%;
  1222. }
  1223. div.editor-datetime.horizontal div.editor-datetime-time {
  1224. margin-left: 4%;
  1225. }
  1226. div.editor-datetime div.editor-datetime-date {
  1227. position: relative;
  1228. float: left;
  1229. width: 100%;
  1230. }
  1231. div.editor-datetime div.editor-datetime-time {
  1232. position: relative;
  1233. float: left;
  1234. width: 100%;
  1235. text-align: center;
  1236. }
  1237. div.editor-datetime div.editor-datetime-time > span {
  1238. vertical-align: middle;
  1239. }
  1240. div.editor-datetime div.editor-datetime-time th {
  1241. text-align: left;
  1242. }
  1243. div.editor-datetime div.editor-datetime-time div.editor-datetime-timeblock {
  1244. display: inline-block;
  1245. vertical-align: middle;
  1246. }
  1247. div.editor-datetime div.editor-datetime-iconLeft,
  1248. div.editor-datetime div.editor-datetime-iconRight,
  1249. div.editor-datetime div.editor-datetime-iconUp,
  1250. div.editor-datetime div.editor-datetime-iconDown {
  1251. width: 30px;
  1252. height: 30px;
  1253. background-position: center;
  1254. background-repeat: no-repeat;
  1255. opacity: 0.3;
  1256. overflow: hidden;
  1257. box-sizing: border-box;
  1258. }
  1259. div.editor-datetime div.editor-datetime-iconLeft:hover,
  1260. div.editor-datetime div.editor-datetime-iconRight:hover,
  1261. div.editor-datetime div.editor-datetime-iconUp:hover,
  1262. div.editor-datetime div.editor-datetime-iconDown:hover {
  1263. border: 1px solid #ccc;
  1264. border-radius: 2px;
  1265. background-color: #f0f0f0;
  1266. opacity: 0.6;
  1267. }
  1268. div.editor-datetime div.editor-datetime-iconLeft button,
  1269. div.editor-datetime div.editor-datetime-iconRight button,
  1270. div.editor-datetime div.editor-datetime-iconUp button,
  1271. div.editor-datetime div.editor-datetime-iconDown button {
  1272. border: none;
  1273. background: transparent;
  1274. text-indent: 30px;
  1275. height: 100%;
  1276. width: 100%;
  1277. cursor: pointer;
  1278. }
  1279. div.editor-datetime div.editor-datetime-iconLeft {
  1280. position: absolute;
  1281. top: 5px;
  1282. left: 5px;
  1283. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==");
  1284. }
  1285. div.editor-datetime div.editor-datetime-iconRight {
  1286. position: absolute;
  1287. top: 5px;
  1288. right: 5px;
  1289. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=");
  1290. }
  1291. div.editor-datetime div.editor-datetime-iconUp {
  1292. height: 20px;
  1293. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAALCAMAAABf9c24AAAAFVBMVEX///99fX1+fn57e3t6enoAAAAAAAC73bqPAAAABnRSTlMAYmJkZt92bnysAAAAL0lEQVR4AWOgJmBhxCvLyopHnpmVjY2VCadeoCxIHrcsWJ4RlyxCHlMWCTBRJxwAjrIBDMWSiM0AAAAASUVORK5CYII=");
  1294. }
  1295. div.editor-datetime div.editor-datetime-iconDown {
  1296. height: 20px;
  1297. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAALCAMAAABf9c24AAAAFVBMVEX///99fX1+fn57e3t6enoAAAAAAAC73bqPAAAABnRSTlMAYmJkZt92bnysAAAAMElEQVR4AWOgDmBiRQIsmPKMrGxQgJDFlEfIYpoPk8Utz8qM232MYFfhkQfKUg8AANefAQxecJ58AAAAAElFTkSuQmCC");
  1298. }
  1299. div.editor-datetime-error {
  1300. clear: both;
  1301. padding: 0 1em;
  1302. max-width: 240px;
  1303. font-size: 11px;
  1304. line-height: 1.25em;
  1305. text-align: center;
  1306. color: #b11f1f;
  1307. }
  1308. div.DTE div.DTE_Processing_Indicator {
  1309. position: absolute;
  1310. top: 17px;
  1311. right: 9px;
  1312. height: 2em;
  1313. width: 2em;
  1314. z-index: 20;
  1315. font-size: 12px;
  1316. display: none;
  1317. -webkit-transform: translateZ(0);
  1318. -ms-transform: translateZ(0);
  1319. transform: translateZ(0);
  1320. }
  1321. div.DTE.processing div.DTE_Processing_Indicator {
  1322. display: block;
  1323. }
  1324. div.DTE.processing div.DTE_Field div.DTE_Processing_Indicator {
  1325. display: none;
  1326. }
  1327. div.DTE div.DTE_Field div.DTE_Processing_Indicator {
  1328. top: 13px;
  1329. right: 0;
  1330. font-size: 8px;
  1331. }
  1332. div.DTE.DTE_Inline div.DTE_Processing_Indicator {
  1333. top: 5px;
  1334. right: 6px;
  1335. font-size: 6px;
  1336. }
  1337. div.DTE.DTE_Bubble div.DTE_Processing_Indicator {
  1338. top: 10px;
  1339. right: 14px;
  1340. font-size: 8px;
  1341. }
  1342. div.DTE div.DTE_Processing_Indicator span,
  1343. div.DTE div.DTE_Processing_Indicator:before,
  1344. div.DTE div.DTE_Processing_Indicator:after {
  1345. display: block;
  1346. background: black;
  1347. width: 0.5em;
  1348. height: 1.5em;
  1349. border: 1px solid rgba(0, 0, 0, 0.4);
  1350. background-color: rgba(0, 0, 0, 0.1);
  1351. -webkit-animation: editorProcessing 0.9s infinite ease-in-out;
  1352. animation: editorProcessing 0.9s infinite ease-in-out;
  1353. }
  1354. div.DTE div.DTE_Processing_Indicator:before,
  1355. div.DTE div.DTE_Processing_Indicator:after {
  1356. position: absolute;
  1357. top: 0;
  1358. content: '';
  1359. }
  1360. div.DTE div.DTE_Processing_Indicator:before {
  1361. left: -1em;
  1362. -webkit-animation-delay: -0.3s;
  1363. animation-delay: -0.3s;
  1364. }
  1365. div.DTE div.DTE_Processing_Indicator span {
  1366. -webkit-animation-delay: -0.15s;
  1367. animation-delay: -0.15s;
  1368. }
  1369. div.DTE div.DTE_Processing_Indicator:after {
  1370. left: 1em;
  1371. }
  1372. @-webkit-keyframes editorProcessing {
  1373. 0%,
  1374. 80%,
  1375. 100% {
  1376. transform: scale(1, 1);
  1377. }
  1378. 40% {
  1379. transform: scale(1, 1.5);
  1380. }
  1381. }
  1382. @keyframes editorProcessing {
  1383. 0%,
  1384. 80%,
  1385. 100% {
  1386. transform: scale(1, 1);
  1387. }
  1388. 40% {
  1389. transform: scale(1, 1.5);
  1390. }
  1391. }