organizr.css 24 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210
  1. /*Preloader*/
  2. .preloader {
  3. width: 100%;
  4. height: 100%;
  5. top: 0px;
  6. position: fixed;
  7. z-index: 99999;
  8. background: rgba(0, 0, 0, 0.88);
  9. }
  10. .preloader .cssload-speeding-wheel {
  11. position: absolute;
  12. top: calc(50% - 3.5px);
  13. left: calc(50% - 3.5px);
  14. }
  15. .w-100 {
  16. width: 100%;
  17. }
  18. .iframe {
  19. width: 100%;
  20. height: calc(100vh - 40px);
  21. position: inherit;
  22. display: block;
  23. }
  24. /* Larger Images */
  25. #side-menu>li>a {
  26. padding: 10px 35px 10px 15px;
  27. display: block;
  28. }
  29. .sidebar .nav-second-level li a {
  30. padding: 14px 10px 14px 15px;
  31. }
  32. #side-menu .fa-fw {
  33. width: 30px !important;
  34. }
  35. .sttabs nav a {
  36. position: relative;
  37. display: block;
  38. overflow: hidden;
  39. text-overflow: ellipsis;
  40. white-space: nowrap;
  41. line-height: 1.5;
  42. }
  43. .common-list .notify {
  44. position: relative;
  45. margin-top: .5px;
  46. margin-right: 9px;
  47. }
  48. .ajaxloader {
  49. width: 100%;
  50. height: 100%;
  51. top: 0px;
  52. position: absolute;
  53. z-index: 99999;
  54. background: rgba(0, 0, 0, 0.68);
  55. margin: 0 auto;
  56. border-radius: 10px;
  57. }
  58. .lock-screen {
  59. background: url(../../plugins/images/login-register.jpg) center center/cover no-repeat !important;
  60. height: 100%;
  61. position: fixed;
  62. z-index: 1001;
  63. top: 0;
  64. width: 100%;
  65. -webkit-user-select: none;
  66. /* Chrome all / Safari all */
  67. -moz-user-select: none;
  68. /* Firefox all */
  69. -ms-user-select: none;
  70. /* IE 10+ */
  71. -o-user-select: none;
  72. user-select: none;
  73. }
  74. body.stop-scrolling {
  75. height: 100%;
  76. overflow: hidden;
  77. }
  78. .tabEditorIcon i {
  79. font-size: 35px;
  80. text-align: center !important;
  81. width: 35px !important;
  82. font-style: normal;
  83. }
  84. .tabEditorIcon img {
  85. width: 35px !important;
  86. }
  87. .asColorPicker-wrap {
  88. position: relative;
  89. display: block;
  90. width: calc(100% - 35px);
  91. }
  92. .asColorPicker-trigger {
  93. position: absolute;
  94. top: 0;
  95. right: -32px;
  96. height: 38px;
  97. width: 37px;
  98. border: 0;
  99. border-radius: 0 4px 4px 0;
  100. }
  101. .asColorPicker-trigger span {
  102. width: 100%;
  103. height: 100%;
  104. display: inline-block;
  105. border-radius: 0 4px 4px 0;
  106. }
  107. .top-left-part {
  108. width: auto;
  109. max-width: 220px;
  110. float: left;
  111. border-right: transparent;
  112. display: inline-flex;
  113. flex-wrap: nowrap;
  114. }
  115. .tabs-style-flip {
  116. max-width: 1400px;
  117. margin: 0 auto;
  118. }
  119. .elip {
  120. white-space: nowrap;
  121. text-overflow: ellipsis;
  122. overflow: hidden;
  123. display: block;
  124. }
  125. .p-5 {
  126. padding: 5px !important
  127. }
  128. .error-page {
  129. width: 100%;
  130. background: #1b1a1a;
  131. height: 100%;
  132. position: fixed;
  133. display: none;
  134. z-index: 10;
  135. }
  136. img.lazyload.tabImages {
  137. height: 120px !important;
  138. object-fit: contain;
  139. /*-webkit-filter: drop-shadow(0px 0px 0px black);
  140. filter: drop-shadow(0px 0px 0px black);*/
  141. }
  142. .recent-cover {
  143. background-position: center;
  144. background-size: cover;
  145. height: 150px;
  146. width: 150px;
  147. top: 37px;
  148. position: relative;
  149. }
  150. .recent-sponsor {
  151. background-position: center;
  152. background-size: cover;
  153. height: 150px;
  154. width: 150px;
  155. position: relative;
  156. }
  157. .recent-poster {
  158. background-position: center;
  159. background-size: cover;
  160. height: 225px;
  161. width: 150px;
  162. position: relative;
  163. top: 0;
  164. left: 0;
  165. }
  166. .recent-title {
  167. position: absolute;
  168. bottom: 0px;
  169. background: rgba(31, 31, 31, 0.73);
  170. width: inherit;
  171. color: white;
  172. display: none;
  173. }
  174. .item:hover .recent-title {
  175. display: block;
  176. }
  177. .nowPlayingHover {
  178. margin-bottom: 14px;
  179. }
  180. .nowPlayingUserThumb:hover {
  181. opacity: 0;
  182. -webkit-transition: all .4s ease-in-out;
  183. transition: all .4s ease-in-out;
  184. }
  185. .tabLoaded {
  186. -webkit-filter: drop-shadow(0px 0px 5px #2cabe4);
  187. filter: drop-shadow(0px 0px 5px #2cabe4);
  188. }
  189. .user-bg {
  190. margin: -25px;
  191. height: 338px;
  192. overflow: hidden;
  193. position: relative;
  194. background-size: cover;
  195. background-position: top;
  196. background-repeat: no-repeat;
  197. }
  198. h2.m-b-0.font-medium.pull-right {
  199. -webkit-filter: drop-shadow(1px 1px 0px #1f1f1f);
  200. filter: drop-shadow(1px 1px 0px #1f1f1f);
  201. color: white;
  202. }
  203. .text-plex {
  204. color: #E5A00D;
  205. }
  206. .text-emby {
  207. color: #4CAF50;
  208. }
  209. .genre-list {
  210. position: absolute;
  211. bottom: 0;
  212. left: 0;
  213. }
  214. .mouse {
  215. cursor: pointer;
  216. }
  217. .el-element-overlay .el-card-item .el-overlay-1 img.imageSourceLeft {
  218. width: 56%;
  219. display: block;
  220. position: absolute;
  221. left: 0px;
  222. overflow: hidden;
  223. filter: contrast(309%) brightness(5%) saturate(32) grayscale(96%);
  224. }
  225. .el-element-overlay .el-card-item .el-overlay-1 img.imageSourceRight {
  226. width: 56%;
  227. display: block;
  228. position: absolute;
  229. right: 0px;
  230. overflow: hidden;
  231. filter: contrast(309%) brightness(5%) saturate(32) grayscale(96%);
  232. }
  233. img.imageSourceTop {
  234. top: -37px;
  235. left: 0px;
  236. margin: auto;
  237. display: block;
  238. z-index: -1;
  239. overflow: hidden;
  240. filter: contrast(309%) brightness(5%) saturate(32) grayscale(96%);
  241. }
  242. img.imageSourceBottom {
  243. top: -114px;
  244. left: 0px;
  245. margin: auto;
  246. display: block;
  247. z-index: -1;
  248. overflow: hidden;
  249. filter: contrast(309%) brightness(5%) saturate(32) grayscale(96%);
  250. }
  251. .recent-cover .hover-homepage-item {
  252. position: relative;
  253. top: -338px;
  254. height: 225px;
  255. }
  256. .recent-music span.elip.recent-title {
  257. position: absolute;
  258. bottom: -38px;
  259. background: rgba(31, 31, 31, 0.73);
  260. width: inherit;
  261. color: white;
  262. }
  263. .mailbox-widget .customtab li.active a, .mailbox-widget .customtab li.active, .mailbox-widget .customtab li.active a:focus {
  264. background: 0 0;
  265. color: #fff;
  266. border-color: #53e69d;
  267. }
  268. .nav-tabs.pull-right>li>a:hover {
  269. background: transparent;
  270. border-radius: 0px;
  271. }
  272. .homepageImageTitle {
  273. height: 40px;
  274. margin-top: -7px;
  275. }
  276. .grayscale {
  277. -webkit-filter: grayscale(100%);
  278. /* Safari 6.0 - 9.0 */
  279. filter: grayscale(100%);
  280. }
  281. td span.label.label-info {
  282. min-width: 80px !important;
  283. display: inline-block !important;
  284. }
  285. .inbox-center.table-responsive {
  286. max-height: 300px;
  287. overflow-y: auto;
  288. }
  289. .fc-event {
  290. border-radius: 0;
  291. border: none;
  292. cursor: pointer;
  293. font-size: 13px;
  294. margin: 1px -1px 0;
  295. padding: 5px;
  296. text-align: left;
  297. background: #2cabe3;
  298. }
  299. th.fc-list-header {
  300. text-align: left;
  301. }
  302. th.fc-list-header > .fc-list-heading-alt {
  303. margin-left: 10px;
  304. }
  305. .bg-calendar {
  306. background: transparent;
  307. color: inherit;
  308. }
  309. .fc-toolbar {
  310. margin: 0;
  311. padding: 19px 20px 11px 20px;
  312. }
  313. .fc-unthemed .fc-today {
  314. color: inherit !important;
  315. }
  316. .fc-popover {
  317. background-color: #1b1b1b
  318. }
  319. @media (max-width: 767px) {
  320. i.ti-close.visible-xs {
  321. display: inline !important;
  322. }
  323. img.lazyload.resultImages {
  324. height: 300px !important;
  325. object-fit: contain;
  326. width: 200px !important;
  327. margin: auto;
  328. }
  329. }
  330. @media screen and (max-width: 767px) {
  331. .table-responsive {
  332. width: 100%;
  333. margin-bottom: 0;
  334. overflow-y: hidden;
  335. -ms-overflow-style: -ms-autohiding-scrollbar;
  336. border: transparent;
  337. }
  338. .fc-day-grid-event .fc-content {
  339. white-space: nowrap;
  340. overflow: visible;
  341. }
  342. .fc-view-container .fc-view .fc-scroller {
  343. max-height: 212px !important;
  344. overflow: auto !important;
  345. }
  346. }
  347. .loop-animation {
  348. animation-iteration-count: infinite;
  349. -webkit-animation-iteration-count: infinite;
  350. -moz-animation-iteration-count: infinite;
  351. -o-animation-iteration-count: infinite;
  352. }
  353. @media (min-width: 768px) {
  354. img.lazyload.resultImages {
  355. height: 300px !important;
  356. object-fit: cover;
  357. width: 200px !important;
  358. margin: auto;
  359. }
  360. }
  361. .outside-request-div {
  362. position: absolute;
  363. right: 0;
  364. overflow: hidden;
  365. width: 32px;
  366. height: 32px;
  367. transition: all .2s ease;
  368. z-index: 1;
  369. }
  370. /* thanks burry */
  371. .item:hover .inside-over-request-div {
  372. opacity: 0;
  373. top: -60px;
  374. }
  375. .item:hover .inside-request-div {
  376. opacity: 0;
  377. top: -46px;
  378. }
  379. .inside-request-div {
  380. top: -16px;
  381. right: -16px;
  382. padding: 0;
  383. width: 100%;
  384. height: 100%;
  385. -webkit-transform: rotate(45deg);
  386. transform: rotate(45deg);
  387. position: absolute;
  388. box-shadow: 0 0 4px rgba(0, 0, 0, .6);
  389. line-height: 24px;
  390. opacity: 1;
  391. -webkit-transition: all .2s;
  392. transition: all .2s;
  393. }
  394. .inside-over-request-div {
  395. top: -28px;
  396. right: -25px;
  397. padding: 0;
  398. width: 50px;
  399. height: 50px;
  400. -webkit-transform: rotate(45deg);
  401. transform: rotate(45deg);
  402. position: absolute;
  403. box-shadow: 0 0 4px rgba(0, 0, 0, .6);
  404. line-height: 24px;
  405. opacity: 1;
  406. -webkit-transition: all .2s;
  407. transition: all .2s;
  408. }
  409. .unapproved-request-div {
  410. background-color: #cc7b19;
  411. }
  412. .hover-homepage-item:hover {
  413. background: radial-gradient(farthest-corner at 50% 50%, rgba(50, 50, 50, .5) 50%, #323232 100%);
  414. opacity: 1;
  415. transition: linear .2s;
  416. }
  417. .hover-homepage-item {
  418. width: 100%;
  419. height: 100%;
  420. opacity: 0;
  421. }
  422. input#inviteCodeInput {
  423. font-size: 400%;
  424. height: 100%;
  425. }
  426. .bg-plex {
  427. background: #E5A00D;
  428. }
  429. .bg-emby {
  430. background: #4CAF50;
  431. }
  432. .bg-sab {
  433. background: #ffb300;
  434. }
  435. .bg-deluge {
  436. background: #425570;
  437. }
  438. .bg-nzbget {
  439. background: #3e8c25;
  440. }
  441. .bg-transmission {
  442. background: #950000;
  443. }
  444. .bg-qbit {
  445. background: #2f67ba;
  446. }
  447. .request-result-item {
  448. width: 230px;
  449. }
  450. .customPoster {
  451. margin: 50px auto;
  452. text-align: center;
  453. position: absolute;
  454. top: 0;
  455. left: 0;
  456. width: 200px;
  457. }
  458. .customPoster a {
  459. text-decoration: none;
  460. -webkit-transform: perspective(2.5em) rotateX(15deg) scaleY(0.8);
  461. -moz-transform: perspective(2.5em) rotateX(15deg) scaleY(0.8);
  462. -ms-transform: perspective(2.5em) rotateX(15deg) scaleY(0.8);
  463. -o-transform: perspective(2.5em) rotateX(15deg) scaleY(0.8);
  464. transform: perspective(2.5em) rotateX(15deg) scaleY(0.8);
  465. -webkit-transition: all 0.2s;
  466. -moz-transition: all 0.2s;
  467. transition: all 0.2s;
  468. display: inline-block;
  469. text-align: center;
  470. text-transform: uppercase;
  471. font-size: 35px;
  472. font-weight: 700;
  473. font-family: inherit;
  474. line-height: 0.8;
  475. color: #707cd2;
  476. text-shadow: 0 -1px 15px rgba(0, 0, 0, 0.9), 0 1px 0 #7d7d7d, 0 3px 0 #828282, 0 5px 0 #6c6c6c, 0 7px 0 #727272, 0 9px 0 #939393, 0 6px 50px rgb(27, 26, 26);
  477. width: 200px;
  478. max-width: 200px;
  479. }
  480. .customPoster a:first-line {
  481. font-size: 0.8em;
  482. }
  483. .el-overlay-1:hover .customPoster a {
  484. -webkit-transform: perspective(8em) rotateX(11deg) scale(1.2);
  485. -moz-transform: perspective(8em) rotateX(11deg) scale(1.2);
  486. -ms-transform: perspective(8em) rotateX(11deg) scale(1.2);
  487. -o-transform: perspective(8em) rotateX(11deg) scale(1.2);
  488. transform: perspective(8em) rotateX(11deg) scale(1.2);
  489. text-shadow: 0 -1px 15px black, 0 1px 0 #7f6303, 0 2px 0 #846703, 0 0px 0 #896b03, 0 1px 0 #8e6f03, 0 2px 0 #937203, 0 2px 30px rgba(252, 223, 92, 0.6);
  490. }
  491. .homepage-drag {
  492. background-size: contain;
  493. background-position: right;
  494. height: 60px;
  495. background-repeat: no-repeat;
  496. background-origin: content-box;
  497. border-radius: 10px;
  498. }
  499. .homepage-number {
  500. float: left;
  501. width: 36px !important;
  502. text-align: center;
  503. vertical-align: middle;
  504. height: 36px;
  505. border-radius: 20px;
  506. margin-top: 7px;
  507. padding: 11px;
  508. }
  509. span.homepage-text {
  510. margin-top: 16px;
  511. display: inline-block;
  512. }
  513. .faded {
  514. opacity: .5;
  515. }
  516. .qr-code {
  517. display: block;
  518. width: 100%;
  519. height: 380px;
  520. background-size: contain;
  521. margin: auto;
  522. background-repeat: no-repeat;
  523. }
  524. .btn-link, a {
  525. color: #2cabe3;
  526. text-decoration: none;
  527. }
  528. @media (pointer: coarse) {
  529. #side-menu > li > a:hover,
  530. #side-menu > li > a:focus {
  531. background: transparent;
  532. }
  533. }
  534. .fc-view-container .fc-view .fc-scroller {
  535. max-height: 215px !important;
  536. }
  537. .fc-view-container .fc-month-view .fc-scroller,
  538. .fc-view-container .fc-basicWeek-view .fc-scroller {
  539. max-height: 100% !important;
  540. height: 100% !important;
  541. }
  542. .fc-scroller .simplebar-content {
  543. min-height: auto !important;
  544. overflow-x: hidden !important;
  545. padding-bottom: 0px !important;
  546. }
  547. .simplebar-content {
  548. padding-bottom: 0px !important;
  549. }
  550. .simplebar-content {
  551. min-height: auto !important;
  552. overflow-x: auto !important;
  553. }
  554. .simplebar-scroll-content {
  555. margin-bottom: 0px !important;
  556. }
  557. .flexbox {
  558. display: flex;
  559. flex-wrap: wrap;
  560. }
  561. @media (min-width: 2000px) {
  562. .col-xl {
  563. -ms-flex-preferred-size: 0;
  564. flex-basis: 0;
  565. -ms-flex-positive: 1;
  566. flex-grow: 1;
  567. max-width: 100%;
  568. }
  569. .col-xl-auto {
  570. -ms-flex: 0 0 auto;
  571. flex: 0 0 auto;
  572. width: auto;
  573. max-width: none;
  574. }
  575. .col-xl-1 {
  576. -ms-flex: 0 0 8.333333%;
  577. flex: 0 0 8.333333%;
  578. max-width: 8.333333%;
  579. }
  580. .col-xl-2 {
  581. -ms-flex: 0 0 16.666667%;
  582. flex: 0 0 16.666667%;
  583. max-width: 16.666667%;
  584. }
  585. .col-xl-3 {
  586. -ms-flex: 0 0 25%;
  587. flex: 0 0 25%;
  588. max-width: 25%;
  589. }
  590. .col-xl-4 {
  591. -ms-flex: 0 0 33.333333%;
  592. flex: 0 0 33.333333%;
  593. max-width: 33.333333%;
  594. }
  595. .col-xl-5 {
  596. -ms-flex: 0 0 41.666667%;
  597. flex: 0 0 41.666667%;
  598. max-width: 41.666667%;
  599. }
  600. .col-xl-6 {
  601. -ms-flex: 0 0 50%;
  602. flex: 0 0 50%;
  603. max-width: 50%;
  604. }
  605. .col-xl-7 {
  606. -ms-flex: 0 0 58.333333%;
  607. flex: 0 0 58.333333%;
  608. max-width: 58.333333%;
  609. }
  610. .col-xl-8 {
  611. -ms-flex: 0 0 66.666667%;
  612. flex: 0 0 66.666667%;
  613. max-width: 66.666667%;
  614. }
  615. .col-xl-9 {
  616. -ms-flex: 0 0 75%;
  617. flex: 0 0 75%;
  618. max-width: 75%;
  619. }
  620. .col-xl-10 {
  621. -ms-flex: 0 0 83.333333%;
  622. flex: 0 0 83.333333%;
  623. max-width: 83.333333%;
  624. }
  625. .col-xl-11 {
  626. -ms-flex: 0 0 91.666667%;
  627. flex: 0 0 91.666667%;
  628. max-width: 91.666667%;
  629. }
  630. .col-xl-12 {
  631. -ms-flex: 0 0 100%;
  632. flex: 0 0 100%;
  633. max-width: 100%;
  634. }
  635. .order-xl-first {
  636. -ms-flex-order: -1;
  637. order: -1;
  638. }
  639. .order-xl-last {
  640. -ms-flex-order: 13;
  641. order: 13;
  642. }
  643. .order-xl-0 {
  644. -ms-flex-order: 0;
  645. order: 0;
  646. }
  647. .order-xl-1 {
  648. -ms-flex-order: 1;
  649. order: 1;
  650. }
  651. .order-xl-2 {
  652. -ms-flex-order: 2;
  653. order: 2;
  654. }
  655. .order-xl-3 {
  656. -ms-flex-order: 3;
  657. order: 3;
  658. }
  659. .order-xl-4 {
  660. -ms-flex-order: 4;
  661. order: 4;
  662. }
  663. .order-xl-5 {
  664. -ms-flex-order: 5;
  665. order: 5;
  666. }
  667. .order-xl-6 {
  668. -ms-flex-order: 6;
  669. order: 6;
  670. }
  671. .order-xl-7 {
  672. -ms-flex-order: 7;
  673. order: 7;
  674. }
  675. .order-xl-8 {
  676. -ms-flex-order: 8;
  677. order: 8;
  678. }
  679. .order-xl-9 {
  680. -ms-flex-order: 9;
  681. order: 9;
  682. }
  683. .order-xl-10 {
  684. -ms-flex-order: 10;
  685. order: 10;
  686. }
  687. .order-xl-11 {
  688. -ms-flex-order: 11;
  689. order: 11;
  690. }
  691. .order-xl-12 {
  692. -ms-flex-order: 12;
  693. order: 12;
  694. }
  695. .offset-xl-0 {
  696. margin-left: 0;
  697. }
  698. .offset-xl-1 {
  699. margin-left: 8.333333%;
  700. }
  701. .offset-xl-2 {
  702. margin-left: 16.666667%;
  703. }
  704. .offset-xl-3 {
  705. margin-left: 25%;
  706. }
  707. .offset-xl-4 {
  708. margin-left: 33.333333%;
  709. }
  710. .offset-xl-5 {
  711. margin-left: 41.666667%;
  712. }
  713. .offset-xl-6 {
  714. margin-left: 50%;
  715. }
  716. .offset-xl-7 {
  717. margin-left: 58.333333%;
  718. }
  719. .offset-xl-8 {
  720. margin-left: 66.666667%;
  721. }
  722. .offset-xl-9 {
  723. margin-left: 75%;
  724. }
  725. .offset-xl-10 {
  726. margin-left: 83.333333%;
  727. }
  728. .offset-xl-11 {
  729. margin-left: 91.666667%;
  730. }
  731. }
  732. input.has-success {
  733. border-bottom: 8px solid #4CAF50;
  734. box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  735. -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  736. }
  737. .message-center {
  738. max-height: 250px;
  739. }
  740. .fc-alternate {
  741. background: transparent;
  742. border-bottom: 1px solid;
  743. border-color: rgba(120,130,140,.13);
  744. }
  745. .fc-state-disabled {
  746. display: none;
  747. }
  748. .resultBox-outside {
  749. max-height: 96vh;
  750. }
  751. .resultBox-inside {
  752. height: 100%;
  753. max-height: 85vh;
  754. overflow-x: hidden;
  755. overflow-y: auto;
  756. }
  757. .loginLogo {
  758. max-width: 350px;
  759. max-height: 225px;
  760. }
  761. .recent-items .owl-item {
  762. height: 225px;
  763. }
  764. .tooltip-content5 {
  765. position: absolute;
  766. z-index: 9999;
  767. min-width: 300px;
  768. max-width: 350px;
  769. left: 50%;
  770. bottom: 100%;
  771. font-size: 20px;
  772. line-height: 1.4;
  773. text-align: center;
  774. font-weight: 400;
  775. color: #fff;
  776. background: 0 0;
  777. opacity: 0;
  778. margin: 0 0 20px -150px;
  779. cursor: default;
  780. pointer-events: none;
  781. -webkit-font-smoothing: antialiased;
  782. -webkit-transition: opacity .3s .3s;
  783. transition: opacity .3s .3s;
  784. }
  785. .tooltip-inner2 {
  786. background: #2b2b2b;
  787. padding: 40px 0px;
  788. -webkit-transform: translate3d(0,100%,0);
  789. transform: translate3d(0,100%,0);
  790. webkit-transition: -webkit-transform .3s;
  791. transition: transform .3s;
  792. }
  793. #scroll {
  794. position:fixed;
  795. right:10px;
  796. bottom:10px;
  797. cursor:pointer;
  798. width:50px;
  799. height:50px;
  800. background-color:#3498db;
  801. text-indent:-9999px;
  802. display:none;
  803. -webkit-border-radius:60px;
  804. -moz-border-radius:60px;
  805. border-radius:60px;
  806. z-index: 1;
  807. }
  808. #scroll span {
  809. position:absolute;
  810. top:50%;
  811. left:50%;
  812. margin-left:-8px;
  813. margin-top:-12px;
  814. height:0;
  815. width:0;
  816. border:8px solid transparent;
  817. border-bottom-color:#ffffff;
  818. }
  819. #scroll:hover {
  820. background-color:#e74c3c;
  821. opacity:1;filter:"alpha(opacity=100)";
  822. -ms-filter:"alpha(opacity=100)";
  823. }
  824. .white-popup-block {
  825. max-width: 80%;
  826. }
  827. ul.nav.customtab.nav-tabs.nav-low-margin {
  828. margin: -25px -25px 0px -25px !important;
  829. }
  830. i.fa.fa-life-ring.fa-fw {
  831. color: #C62828;
  832. }
  833. .ping {
  834. position: relative;
  835. margin-top: 0;
  836. }
  837. .ping .heartbit {
  838. position: absolute;
  839. top: -15px;
  840. left: 15px;
  841. height: 25px;
  842. width: 25px;
  843. z-index: 10;
  844. border: 5px solid #ff7676;
  845. border-radius: 70px;
  846. -moz-animation: heartbit 1s ease-out;
  847. -moz-animation-iteration-count: infinite;
  848. -o-animation: heartbit 1s ease-out;
  849. -o-animation-iteration-count: infinite;
  850. -webkit-animation: heartbit 1s ease-out;
  851. -webkit-animation-iteration-count: infinite;
  852. animation-iteration-count: infinite;
  853. }
  854. .ping .point {
  855. width: 6px;
  856. height: 6px;
  857. -webkit-border-radius: 30px;
  858. -moz-border-radius: 30px;
  859. border-radius: 30px;
  860. background-color: #ff7676;
  861. position: absolute;
  862. left: 25px;
  863. top: -5px;
  864. }
  865. .sidebar .arrow {
  866. position: absolute;
  867. right: 20px;
  868. top: 17px;
  869. }
  870. /* NOTIFY ALTERS */
  871. .iziToast.success-notify>.iziToast-body .iziToast-icon {
  872. color: rgb(0, 255, 184);
  873. }
  874. .iziToast.success-notify>.iziToast-body .iziToast-title,
  875. .iziToast.success-notify>.iziToast-body .iziToast-message {
  876. color: white;
  877. }
  878. .success-notify .iziToast-progressbar div {
  879. background: rgb(0, 255, 184);
  880. }
  881. .iziToast.success-notify.iziToast-layout2 {
  882. background: #1b1a1a;
  883. border: 1px solid #232323;
  884. border-bottom: transparent;
  885. }
  886. .iziToast.info-notify>.iziToast-body .iziToast-icon {
  887. color: #3A83F0;
  888. }
  889. .iziToast.info-notify>.iziToast-body .iziToast-title,
  890. .iziToast.info-notify>.iziToast-body .iziToast-message {
  891. color: white;
  892. }
  893. .info-notify .iziToast-progressbar div {
  894. background: #3A83F0;
  895. }
  896. .iziToast.info-notify.iziToast-layout2 {
  897. background: #1b1a1a;
  898. border: 1px solid #232323;
  899. border-bottom: transparent;
  900. }
  901. .iziToast.warning-notify>.iziToast-body .iziToast-icon {
  902. color: #FFEB3B;
  903. }
  904. .iziToast.warning-notify>.iziToast-body .iziToast-title,
  905. .iziToast.warning-notify>.iziToast-body .iziToast-message {
  906. color: white;
  907. }
  908. .warning-notify .iziToast-progressbar div {
  909. background: #FFEB3B;
  910. }
  911. .iziToast.warning-notify.iziToast-layout2 {
  912. background: #1b1a1a;
  913. border: 1px solid #232323;
  914. border-bottom: transparent;
  915. }
  916. .iziToast.error-notify>.iziToast-body .iziToast-icon {
  917. color: #F44336;
  918. }
  919. .iziToast.error-notify>.iziToast-body .iziToast-title,
  920. .iziToast.error-notify>.iziToast-body .iziToast-message {
  921. color: white;
  922. }
  923. .error-notify .iziToast-progressbar div {
  924. background: #F44336;
  925. }
  926. .iziToast.error-notify.iziToast-layout2 {
  927. background: #1b1a1a;
  928. border: 1px solid #232323;
  929. border-bottom: transparent;
  930. }
  931. .iziToast.update-notify>.iziToast-body .iziToast-icon {
  932. color: #9e67f4;
  933. }
  934. .iziToast.update-notify>.iziToast-body .iziToast-title,
  935. .iziToast.update-notify>.iziToast-body .iziToast-message {
  936. color: white;
  937. }
  938. .update-notify .iziToast-progressbar div {
  939. background: #9e67f4;
  940. }
  941. .iziToast.update-notify.iziToast-layout2 {
  942. background: #1b1a1a;
  943. border: 1px solid #232323;
  944. border-bottom: transparent;
  945. }
  946. .iziToast.success-notify.iziToast-balloon:before,
  947. .iziToast.update-notify.iziToast-balloon:before,
  948. .iziToast.info-notify.iziToast-balloon:before,
  949. .iziToast.warning-notify.iziToast-balloon:before,
  950. .iziToast.error-notify.iziToast-balloon:before {
  951. border-top-color: #1b1a1a;
  952. }
  953. /* ALERTIFY ALERTS */
  954. .ajs-message.ajs-success-alertify { color: rgb(0, 255, 184); background-color: #1b1a1a; border-color: rgb(0, 255, 184); }
  955. .ajs-message.ajs-info-alertify { color: #3A83F0; background-color: #1b1a1a; border-color: #3A83F0; }
  956. .ajs-message.ajs-warning-alertify { color: #FFEB3B; background-color: #1b1a1a; border-color: #FFEB3B; }
  957. .ajs-message.ajs-error-alertify { color: #F44336; background-color: #1b1a1a; border-color: #F44336; }
  958. .ajs-message.ajs-update-alertify { color: #9e67f4; background-color: #1b1a1a; border-color: #9e67f4; }
  959. .noty_type__success-noty .noty_body{
  960. background: #1b1a1a;
  961. color: rgb(0, 255, 184);
  962. border: 1px solid #232323;
  963. border-bottom: transparent;
  964. }
  965. .noty_type__info-noty .noty_body{
  966. background: #1b1a1a;
  967. color: #3A83F0;
  968. border: 1px solid #232323;
  969. border-bottom: transparent;
  970. }
  971. .noty_type__warning-noty .noty_body
  972. {
  973. background: #1b1a1a;
  974. color: #FFEB3B;
  975. border: 1px solid #232323;
  976. border-bottom: transparent;
  977. }
  978. .noty_type__error-noty .noty_body{
  979. background: #1b1a1a;
  980. color: #F44336;
  981. border: 1px solid #232323;
  982. border-bottom: transparent;
  983. }
  984. .noty_type__update-noty .noty_body{
  985. background: #1b1a1a;
  986. color: #9e67f4;
  987. border: 1px solid #232323;
  988. border-bottom: transparent;
  989. }
  990. .noty_type__success-noty.noty_has_timeout.noty_has_progressbar .noty_progressbar {
  991. background-color: rgb(0, 255, 184);
  992. }
  993. .noty_type__info-noty.noty_has_timeout.noty_has_progressbar .noty_progressbar {
  994. background-color: #3A83F0;
  995. }
  996. .noty_type__warning-noty.noty_has_timeout.noty_has_progressbar .noty_progressbar {
  997. background-color: #FFEB3B;
  998. }
  999. .noty_type__error-noty.noty_has_timeout.noty_has_progressbar .noty_progressbar {
  1000. background-color: #F44336;
  1001. }
  1002. .noty_type__update-noty.noty_has_timeout.noty_has_progressbar .noty_progressbar {
  1003. background-color: #9e67f4;
  1004. }
  1005. .noty_type__success-noty ellipse {
  1006. fill: rgb(0, 255, 184);
  1007. }
  1008. .noty_type__info-noty ellipse {
  1009. fill: #3A83F0;
  1010. }
  1011. .noty_type__warning-noty ellipse {
  1012. fill: #FFEB3B;
  1013. }
  1014. .noty_type__error-noty ellipse {
  1015. fill: #F44336;
  1016. }
  1017. .noty_type__update-noty ellipse {
  1018. fill: #9e67f4;
  1019. }
  1020. .navbar-header {
  1021. max-height: 40px;
  1022. }
  1023. span#main-logo {
  1024. max-width: 220px;
  1025. }
  1026. img.dark-logo {
  1027. max-width: 220px;
  1028. max-height: 40px;
  1029. }
  1030. img.dark-logo-side {
  1031. max-width: 160px;
  1032. max-height: 35px;
  1033. }
  1034. .select2-container {
  1035. box-sizing: border-box;
  1036. display: inline-block;
  1037. margin: 0;
  1038. position: relative;
  1039. vertical-align: middle;
  1040. width: 100% !important;
  1041. }
  1042. span.select2-selection.select2-selection--single,
  1043. span.select2-selection.select2-selection--multiple{
  1044. background: inherit;
  1045. height: 38px;
  1046. }
  1047. img.img-chooser {
  1048. width: 20px;
  1049. }
  1050. .select2-container--default .select2-selection--single .select2-selection__rendered {
  1051. color: inherit;
  1052. line-height: 38px;
  1053. }
  1054. .select2-container--default .select2-selection--single .select2-selection__arrow {
  1055. height: 38px;
  1056. position: absolute;
  1057. top: 1px;
  1058. right: 1px;
  1059. width: 20px;
  1060. }
  1061. .select2-dropdown {
  1062. background-color: inherit;
  1063. border: 1px solid #aaa;
  1064. border-radius: 4px;
  1065. box-sizing: border-box;
  1066. display: block;
  1067. position: absolute;
  1068. left: -100000px;
  1069. width: 100%;
  1070. z-index: 1051;
  1071. }
  1072. .fc-scroller .simplebar-track.horizontal {
  1073. display: none;
  1074. }
  1075. .chat-main-box {
  1076. height: calc(100vh - 40px);
  1077. }
  1078. .chat-list,
  1079. .chatonline {
  1080. height: calc(100vh - 130px) !important;
  1081. }
  1082. .tfa-input{
  1083. font-size: 400%;
  1084. height: 100%;
  1085. }
  1086. .center {
  1087. display: block;
  1088. margin-left: auto;
  1089. margin-right: auto;
  1090. width: 50%;
  1091. }
  1092. .fc-status {
  1093. width: 0px;
  1094. height: 100%;
  1095. display: block;
  1096. position: absolute;
  1097. border-radius: 5px;
  1098. }
  1099. span.fc-image,
  1100. span.fc-title {
  1101. margin-left: 5px;
  1102. }
  1103. .string { color: green; }
  1104. .number { color: darkorange; }
  1105. .boolean { color: blue; }
  1106. .null { color: magenta; }
  1107. .key { color: #53e69d; }
  1108. /*
  1109. body,
  1110. html {
  1111. overflow: hidden;
  1112. }
  1113. #page-wrapper {
  1114. max-height: 568px;
  1115. min-height: 568px;
  1116. }
  1117. .internal-listing {
  1118. min-height: inherit;
  1119. max-height: inherit;
  1120. }
  1121. .internal-listing .simplebar-track.horizontal {
  1122. display: none;
  1123. }
  1124. */