Ви не можете вибрати більше 25 тем Теми мають розпочинатися з літери або цифри, можуть містити дефіси (-) і не повинні перевищувати 35 символів.
 
 
 
 
 
 

2426 рядки
54 KiB

  1. @charset "UTF-8";
  2. /******************************
  3. 3RD PARTY PLUGIN CUSTOMIZATION
  4. ******************************/
  5. /* Cubic Bezier Transition */
  6. /***
  7. Bootstrap Colorpicker
  8. ***/
  9. .input-group.color .input-group-btn i {
  10. position: absolute;
  11. display: block;
  12. cursor: pointer;
  13. width: 20px;
  14. height: 20px;
  15. right: 6px; }
  16. .colorpicker.dropdown-menu {
  17. padding: 5px; }
  18. /* change z-index when opened in modal */
  19. .modal-open .colorpicker {
  20. z-index: 10055 !important; }
  21. /***
  22. Bootstrap Datepaginator
  23. ***/
  24. .datepaginator a {
  25. font-family: 'Open Sans';
  26. font-size: 13px;
  27. font-weight: 300; }
  28. .datepicker .today {
  29. background-image: none !important;
  30. filter: none !important; }
  31. #dp-calendar {
  32. right: 4px !important; }
  33. .datepaginator .fa-angle-right:before {
  34. content: ""/*rtl:""*/; }
  35. .datepaginator .fa-angle-left:before {
  36. content: ""/*rtl:""*/; }
  37. /***
  38. Bootstrap Datepicker
  39. ***/
  40. .datepicker.dropdown-menu {
  41. padding: 5px; }
  42. .datepicker .selected {
  43. background-color: #909090 !important;
  44. background-image: none !important;
  45. filter: none !important; }
  46. .datepicker .active {
  47. background-color: #4b8df8 !important;
  48. background-image: none !important;
  49. filter: none !important; }
  50. .datepicker .active:hover {
  51. background-color: #2678FC !important;
  52. background-image: none !important;
  53. filter: none !important; }
  54. .datepicker .input-daterange input {
  55. text-align: left; }
  56. /* change z-index when opened in modal */
  57. .modal-open .datepicker {
  58. z-index: 10055 !important; }
  59. .datepicker table td {
  60. color: #000;
  61. font-weight: 300 !important;
  62. font-family: 'Open Sans' !important; }
  63. .datepicker table th {
  64. color: #333;
  65. font-family: 'Open Sans' !important;
  66. font-weight: 400 !important; }
  67. .datepicker.dropdown-menu {
  68. box-shadow: 5px 5px rgba(102, 102, 102, 0.1);
  69. border: 1px solid #efefef; }
  70. .datepicker .fa-angle-left:before {
  71. content: ""/*rtl:""*/; }
  72. .datepicker .fa-angle-right:before {
  73. content: ""/*rtl:""*/; }
  74. /***
  75. Bootstrap Daterangepicker
  76. ***/
  77. .modal-open .daterangepicker {
  78. z-index: 10055 !important; }
  79. .daterangepicker {
  80. margin-top: 4px; }
  81. .daterangepicker .input-mini {
  82. width: 100% !important;
  83. outline: none !important; }
  84. .daterangepicker td {
  85. text-shadow: none; }
  86. .daterangepicker td.active {
  87. background-color: #4b8df8;
  88. background-image: none;
  89. filter: none; }
  90. .daterangepicker th {
  91. font-weight: 400;
  92. font-size: 14px; }
  93. .daterangepicker .ranges input[type="text"] {
  94. width: 70px !important;
  95. font-size: 11px;
  96. vertical-align: middle; }
  97. .daterangepicker .ranges label {
  98. font-weight: 300;
  99. display: block; }
  100. .daterangepicker .ranges {
  101. width: 170px; }
  102. .daterangepicker .ranges ul > li.active {
  103. -webkit-border-radius: 2px;
  104. -moz-border-radius: 2px;
  105. -ms-border-radius: 2px;
  106. -o-border-radius: 2px;
  107. border-radius: 2px; }
  108. .daterangepicker .ranges .btn {
  109. margin-top: 10px; }
  110. .daterangepicker.dropdown-menu {
  111. padding: 5px; }
  112. .daterangepicker .ranges li {
  113. color: #333; }
  114. .daterangepicker .ranges li.active,
  115. .daterangepicker .ranges li:hover {
  116. background: #4b8df8 !important;
  117. border: 1px solid #4b8df8 !important;
  118. color: #fff; }
  119. .daterangepicker .range_inputs input {
  120. margin-bottom: 0 !important; }
  121. .daterangepicker .fa-angle-right:before {
  122. content: ""/*rtl:""*/; }
  123. .daterangepicker .fa-angle-left:before {
  124. content: ""/*rtl:""*/; }
  125. /***
  126. Bootstrap Datetimepicker
  127. ***/
  128. .datetimepicker table td {
  129. color: #000;
  130. font-weight: 300 !important;
  131. font-family: 'Open Sans' !important; }
  132. .datetimepicker table th {
  133. font-family: 'Open Sans' !important;
  134. font-weight: 400 !important; }
  135. .datetimepicker.dropdown-menu {
  136. padding: 5px; }
  137. .datetimepicker .active {
  138. background-color: #4b8df8 !important;
  139. background-image: none !important;
  140. filter: none !important; }
  141. .datetimepicker .active:hover {
  142. background-color: #2678FC !important;
  143. background-image: none !important;
  144. filter: none !important; }
  145. .datetimepicker .fa-angle-left:before {
  146. content: ""/*rtl:""*/; }
  147. .datetimepicker .fa-angle-right:before {
  148. content: ""/*rtl:""*/; }
  149. /* change z-index when opened in modal */
  150. .modal-open .datetimepicker {
  151. z-index: 10055; }
  152. /***
  153. Bootstrap Editable
  154. ***/
  155. .editable-input table,
  156. .editable-input table th,
  157. .editable-input table td,
  158. .editable-input table tr {
  159. border: 0 !important; }
  160. .editable-input .combodate select {
  161. margin-bottom: 5px; }
  162. /***
  163. Jansy File Input plugin css changes
  164. ***/
  165. .fileinput {
  166. margin-bottom: 0; }
  167. .fileinput .close {
  168. float: none; }
  169. .fileinput .input-group {
  170. white-space: nowrap;
  171. overflow: hidden; }
  172. /***
  173. Bootstrap Markdown
  174. ***/
  175. .md-input {
  176. padding: 5px !important;
  177. border-bottom: 0 !important;
  178. -webkit-border-radius: 0 0 2px 2px;
  179. -moz-border-radius: 0 0 2px 2px;
  180. -ms-border-radius: 0 0 2px 2px;
  181. -o-border-radius: 0 0 2px 2px;
  182. border-radius: 0 0 2px 2px; }
  183. .md-editor {
  184. -webkit-border-radius: 2px;
  185. -moz-border-radius: 2px;
  186. -ms-border-radius: 2px;
  187. -o-border-radius: 2px;
  188. border-radius: 2px; }
  189. .md-editor .btn-toolbar {
  190. margin-left: 0px;
  191. -webkit-border-radius: 2px 2px 0 0;
  192. -moz-border-radius: 2px 2px 0 0;
  193. -ms-border-radius: 2px 2px 0 0;
  194. -o-border-radius: 2px 2px 0 0;
  195. border-radius: 2px 2px 0 0; }
  196. .md-editor .btn-toolbar .btn-group .btn-sm.btn {
  197. padding-bottom: 3px; }
  198. .md-editor .btn-toolbar .btn-group .btn-primary {
  199. padding-top: 5px;
  200. padding-bottom: 7px; }
  201. .md-editor.active {
  202. border: 1px solid #999999;
  203. -webkit-box-shadow: none !important;
  204. -moz-box-shadow: none !important;
  205. box-shadow: none !important; }
  206. /***
  207. Error state for WYSIWYG Editors
  208. ***/
  209. .has-error .md-editor {
  210. border: 1px solid #fbe1e3 !important; }
  211. .has-success .md-editor {
  212. border: 1px solid #abe7ed !important; }
  213. .has-warning .md-editor {
  214. border: 1px solid #f9e491 !important; }
  215. /***
  216. Bootstrap Modal
  217. ***/
  218. /* fix: content shifting to the right on modal open */
  219. .modal-open.page-overflow .page-container,
  220. .modal-open.page-overflow .page-container .navbar-fixed-top,
  221. .modal-open.page-overflow .page-container .navbar-fixed-bottom,
  222. .modal-open.page-overflow .modal-scrollable {
  223. overflow-y: auto !important; }
  224. .modal-scrollable {
  225. overflow: hidden !important; }
  226. /* BS 3.3.1 fix */
  227. .modal-backdrop {
  228. position: fixed;
  229. bottom: 0; }
  230. .modal-scrollable {
  231. overflow: hidden !important;
  232. z-index: 10051;
  233. overflow-y: scroll !important; }
  234. .modal {
  235. -webkit-border-radius: 2px;
  236. -moz-border-radius: 2px;
  237. -ms-border-radius: 2px;
  238. -o-border-radius: 2px;
  239. border-radius: 2px;
  240. border: 0 !important; }
  241. .modal .modal-body {
  242. -webkit-border-radius: 2px;
  243. -moz-border-radius: 2px;
  244. -ms-border-radius: 2px;
  245. -o-border-radius: 2px;
  246. border-radius: 2px;
  247. border: 0; }
  248. .modal .modal-title {
  249. font-weight: 400; }
  250. .modal .modal-footer {
  251. border: 0 !important; }
  252. .modal-backdrop,
  253. .modal-backdrop.fade.in {
  254. opacity: 0.2 ;
  255. filter: alpha(opacity=20) ; }
  256. /***
  257. Bootstrap Select
  258. ***/
  259. .bootstrap-select .btn {
  260. border-color: #c2cad8; }
  261. .has-error .bootstrap-select .btn {
  262. border-color: #fbe1e3; }
  263. .has-success .bootstrap-select .btn {
  264. border-color: #abe7ed; }
  265. .has-warning .bootstrap-select .btn {
  266. border-color: #f9e491; }
  267. .bootstrap-select.open .btn {
  268. border-color: #93a1bb; }
  269. .bootstrap-select.open.dropup .btn {
  270. border-color: #93a1bb; }
  271. .bootstrap-select .btn:focus {
  272. outline: none !important;
  273. outline-offset: 0; }
  274. .bootstrap-select.btn-group .dropdown-menu {
  275. margin-top: 1px; }
  276. .bootstrap-select.btn-group .dropdown-menu > li > dt > .text {
  277. font-weight: 600;
  278. font-family: 'Open Sans';
  279. font-size: 14px; }
  280. .bootstrap-select.btn-group .dropdown-menu .text-muted {
  281. color: #999 !important; }
  282. .bootstrap-select .caret {
  283. border: 0;
  284. width: auto;
  285. height: auto;
  286. margin-top: -10px !important; }
  287. .bootstrap-select .caret:before {
  288. content: "\f107";
  289. display: inline-block;
  290. border: 0;
  291. font-family: FontAwesome;
  292. font-style: normal;
  293. font-weight: normal; }
  294. .bootstrap-select .selected i {
  295. color: #aaa; }
  296. .bootstrap-select .dropdown-menu {
  297. z-index: 1000 !important; }
  298. .modal-open .bootstrap-select .dropdown-menu {
  299. z-index: 10050 !important; }
  300. /***
  301. Bootstrap Switch
  302. ***/
  303. .bootstrap-switch {
  304. border-color: #c2cad8; }
  305. .bootstrap-switch.bootstrap-switch-focused {
  306. box-shadow: none;
  307. border-color: #c2cad8; }
  308. /***
  309. Color variants
  310. ***/
  311. .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
  312. .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
  313. color: #fff;
  314. background: #337ab7; }
  315. .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info,
  316. .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info {
  317. color: #fff;
  318. background: #659be0; }
  319. .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success,
  320. .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success {
  321. color: #fff;
  322. background: #36c6d3; }
  323. .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning,
  324. .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning {
  325. color: #fff;
  326. background: #F1C40F; }
  327. .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger,
  328. .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger {
  329. color: #fff;
  330. background: #ed6b75; }
  331. .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default,
  332. .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
  333. color: #444;
  334. background: #e8eaef; }
  335. /* Bootstrap switch on portlet headers */
  336. .portlet:not(.light) > .portlet-title > .actions > .bootstrap-switch {
  337. border-color: transparent;
  338. margin-top: 0px; }
  339. /***
  340. Bootstrap Time Picker
  341. ***/
  342. .bootstrap-timepicker-widget table td a {
  343. padding: 4px 0; }
  344. .bootstrap-timepicker-widget input,
  345. .bootstrap-timepicker-widget input:focus {
  346. outline: none !important;
  347. border: 0; }
  348. .modal-open .bootstrap-timepicker-widget {
  349. z-index: 10055 !important; }
  350. .bootstrap-timepicker-widget.timepicker-orient-bottom:before,
  351. .bootstrap-timepicker-widget.timepicker-orient-bottom:after {
  352. top: auto; }
  353. /***
  354. Toastr Notifications
  355. ***/
  356. .toast {
  357. -webkit-box-shadow: none !important;
  358. -moz-box-shadow: none !important;
  359. box-shadow: none !important; }
  360. .toast {
  361. background-color: #030303; }
  362. .toast-success {
  363. background-color: #51a351; }
  364. .toast-error {
  365. background-color: #bd362f; }
  366. .toast-info {
  367. background-color: #2f96b4; }
  368. .toast-warning {
  369. background-color: #f89406; }
  370. .toast .toast-close-button {
  371. display: inline-block;
  372. margin-top: 0px;
  373. margin-right: 0px;
  374. text-indent: -100000px;
  375. width: 11px;
  376. height: 16px;
  377. background-repeat: no-repeat !important;
  378. background-image: url("../img/portlet-remove-icon-white.png") !important; }
  379. .toast-top-center {
  380. top: 12px;
  381. margin: 0 auto;
  382. left: 50%;
  383. margin-left: -150px; }
  384. .toast-top-center .toast {
  385. margin: 0 !important; }
  386. .toast-bottom-center {
  387. bottom: 12px;
  388. margin: 0 auto;
  389. left: 50%;
  390. margin-left: -150px; }
  391. .toast-bottom-center .toast {
  392. margin: 0 !important; }
  393. /***
  394. Bootstrap Wizard
  395. ***/
  396. .form-wizard .progress {
  397. margin-bottom: 30px; }
  398. .form-wizard .steps {
  399. padding: 10px 0;
  400. margin-bottom: 15px;
  401. background-color: #fff;
  402. background-image: none;
  403. filter: none;
  404. border: 0px;
  405. box-shadow: none; }
  406. .form-wizard .steps > li > a.step {
  407. background-color: #fff;
  408. background-image: none;
  409. filter: none;
  410. border: 0px;
  411. box-shadow: none; }
  412. .form-wizard .steps > li > a.step:hover {
  413. background: none; }
  414. .form-wizard .steps > li > a.step > .number {
  415. background-color: #eee;
  416. display: inline-block;
  417. text-align: center !important;
  418. font-size: 16px;
  419. font-weight: 300;
  420. padding: 11px 15px 13px 15px;
  421. margin-right: 10px;
  422. height: 45px;
  423. width: 45px;
  424. -webkit-border-radius: 50% !important;
  425. -moz-border-radius: 50% !important;
  426. border-radius: 50% !important; }
  427. .form-wizard .steps > li > a.step > .desc {
  428. display: inline-block;
  429. font-size: 16px;
  430. font-weight: 300; }
  431. .form-wizard .steps > li > a.step > .desc > i {
  432. display: none; }
  433. .form-wizard .steps > li.active > a.step .number {
  434. background-color: #36c6d3;
  435. color: #fff; }
  436. .form-wizard .steps > li.active > a.step .desc {
  437. color: #333; }
  438. .form-wizard .steps > li.done > a.step .number {
  439. background-color: #F1C40F;
  440. color: #fff; }
  441. .form-wizard .steps > li.done > a.step .desc {
  442. color: #333; }
  443. .form-wizard .steps > li.done > a.step .desc i {
  444. font-size: 12px;
  445. font-weight: normal;
  446. color: #999;
  447. display: inline-block; }
  448. @media (min-width: 768px) and (max-width: 1200px) {
  449. /* 768px & 1200px */
  450. .form-wizard .step .desc {
  451. margin-top: 10px;
  452. display: block; } }
  453. @media (max-width: 768px) {
  454. /* 768px */
  455. .form-wizard .steps > li > a {
  456. text-align: left; } }
  457. /*!
  458. * Tab drop for Bootstrap
  459. */
  460. .tabbable-tabdrop .nav-tabs,
  461. .tabbable-tabdrop .nav-pills {
  462. position: relative; }
  463. .tabbable-tabdrop .nav-tabs .caret,
  464. .tabbable-tabdrop .nav-pills .caret {
  465. display: none; }
  466. .tabbable-tabdrop .nav-tabs .tabdrop .dropdown-toggle i,
  467. .tabbable-tabdrop .nav-pills .tabdrop .dropdown-toggle i {
  468. font-size: 14px; }
  469. .tabbable-tabdrop .dropdown-menu:after {
  470. right: 10px;
  471. left: auto; }
  472. .tabbable-tabdrop .dropdown-menu:before {
  473. right: 9px;
  474. left: auto; }
  475. /***
  476. wysihtml5
  477. ***/
  478. .wysihtml5-sandbox {
  479. width: 100% !important; }
  480. .wysihtml5-toolbar li {
  481. margin: 0px;
  482. height: 29px; }
  483. .wysihtml5-toolbar li .dropdown-menu {
  484. margin-top: 5px; }
  485. /***
  486. Error state for WYSIWYG Editors
  487. ***/
  488. .has-error .wysihtml5-sandbox {
  489. border: 1px solid #fbe1e3 !important; }
  490. .has-success .wysihtml5-sandbox {
  491. border: 1px solid #abe7ed !important; }
  492. .has-warning .wysihtml5-sandbox {
  493. border: 1px solid #f9e491 !important; }
  494. /***
  495. Error state for WYSIWYG Editors
  496. ***/
  497. .note-editor {
  498. border: 1px solid #c2cad8;
  499. -webkit-border-radius: 2px;
  500. -moz-border-radius: 2px;
  501. -ms-border-radius: 2px;
  502. -o-border-radius: 2px;
  503. border-radius: 2px; }
  504. .note-editor .note-toolbar {
  505. border-bottom: 1px solid #c2cad8;
  506. -webkit-border-radius: 2px 2px 0 0;
  507. -moz-border-radius: 2px 2px 0 0;
  508. -ms-border-radius: 2px 2px 0 0;
  509. -o-border-radius: 2px 2px 0 0;
  510. border-radius: 2px 2px 0 0; }
  511. .note-editor .note-statusbar {
  512. -webkit-border-radius: 0 0 2px 2px;
  513. -moz-border-radius: 0 0 2px 2px;
  514. -ms-border-radius: 0 0 2px 2px;
  515. -o-border-radius: 0 0 2px 2px;
  516. border-radius: 0 0 2px 2px; }
  517. .note-editor .note-statusbar .note-resizebar {
  518. border-top: 1px solid #c2cad8; }
  519. .note-editor.note-frame.fullscreen {
  520. z-index: 10050;
  521. width: 100% !important; }
  522. .note-editor .dropdown-menu:before {
  523. left: 9px;
  524. right: auto; }
  525. .note-editor .dropdown-menu:after {
  526. left: 10px;
  527. right: auto; }
  528. .note-link-dialog .checkbox {
  529. margin-left: 20px; }
  530. .has-error .note-editor {
  531. border: 1px solid #fbe1e3 !important; }
  532. .has-success .note-editor {
  533. border: 1px solid #abe7ed !important; }
  534. .has-warning .note-editor {
  535. border: 1px solid #f9e491 !important; }
  536. /***
  537. Bootstrap GtreeTable
  538. ***/
  539. .gtreetable .dropdown-menu {
  540. margin-top: 0px; }
  541. .gtreetable .dropdown-menu:after, .gtreetable .dropdown-menu:before {
  542. display: none !important; }
  543. .gtreetable .node-action .form-control {
  544. position: relative;
  545. top: 2px;
  546. display: inline-block; }
  547. .gtreetable .node-icon-selected,
  548. .gtreetable .node-icon-handle,
  549. .gtreetable .node-icon-ce,
  550. .gtreetable .node-icon-type {
  551. opacity: 0.6 ;
  552. filter: alpha(opacity=60) ; }
  553. /***
  554. Modify bootstrap-tagsinput plugin's css
  555. ***/
  556. .bootstrap-tagsinput .tag [data-role="remove"] {
  557. box-shadow: none;
  558. font-family: arial; }
  559. .bootstrap-tagsinput .tag [data-role="remove"]:after {
  560. font-family: arial; }
  561. .bootstrap-tagsinput .tag [data-role="remove"]:hover {
  562. text-decoration: none;
  563. box-shadow: none; }
  564. .mt-bootstrap-tables .mt-btm-transform .bars {
  565. height: auto; }
  566. .fixed-table-toolbar .columns label {
  567. margin: 10px;
  568. padding: 0 0 0 30px; }
  569. .fixed-table-header th.bs-checkbox {
  570. outline: none; }
  571. .fixed-table-header th.bs-checkbox .th-inner {
  572. overflow: visible; }
  573. .fixed-table-header th.bs-checkbox .th-inner .mt-checkbox {
  574. right: -5px; }
  575. /***
  576. Bootbox
  577. ***/
  578. .bootbox .bootbox-close-button {
  579. margin-top: 0px !important; }
  580. /*--------------------------------------------------
  581. [CSS Animation Amchart]
  582. ----------------------------------------------------*/
  583. .CSSAnimationChart {
  584. width: 100%;
  585. height: 500px; }
  586. .CSSAnimationChart a {
  587. color: #bbb !important;
  588. font-size: 12px !important; }
  589. .amcharts-graph-g2 .amcharts-graph-stroke {
  590. stroke-dasharray: 3px 3px;
  591. stroke-linejoin: round;
  592. stroke-linecap: round;
  593. -webkit-animation: am-moving-dashes 1s linear infinite;
  594. animation: am-moving-dashes 1s linear infinite; }
  595. @-webkit-keyframes am-moving-dashes {
  596. 100% {
  597. stroke-dashoffset: -31px; } }
  598. @keyframes am-moving-dashes {
  599. 100% {
  600. stroke-dashoffset: -31px; } }
  601. .lastBullet {
  602. -webkit-animation: am-pulsating 1s ease-out infinite;
  603. animation: am-pulsating 1s ease-out infinite; }
  604. @-webkit-keyframes am-pulsating {
  605. 0% {
  606. stroke-opacity: 1;
  607. stroke-width: 0px; }
  608. 100% {
  609. stroke-opacity: 0;
  610. stroke-width: 50px; } }
  611. @keyframes am-pulsating {
  612. 0% {
  613. stroke-opacity: 1;
  614. stroke-width: 0px; }
  615. 100% {
  616. stroke-opacity: 0;
  617. stroke-width: 50px; } }
  618. .amcharts-graph-column-front {
  619. -webkit-transition: all .3s .3s ease-out;
  620. transition: all .3s .3s ease-out; }
  621. .amcharts-graph-column-front:hover {
  622. fill: #496375;
  623. stroke: #496375;
  624. -webkit-transition: all .3s ease-out;
  625. transition: all .3s ease-out; }
  626. .amcharts-graph-g3 {
  627. stroke-linejoin: round;
  628. stroke-linecap: round;
  629. stroke-dasharray: 500%;
  630. stroke-dasharray: 0 \0;
  631. /* fixes IE prob */
  632. stroke-dashoffset: 0 \0;
  633. /* fixes IE prob */
  634. -webkit-animation: am-draw 40s;
  635. animation: am-draw 40s; }
  636. @-webkit-keyframes am-draw {
  637. 0% {
  638. stroke-dashoffset: 500%; }
  639. 100% {
  640. stroke-dashoffset: 0px; } }
  641. @keyframes am-draw {
  642. 0% {
  643. stroke-dashoffset: 500%; }
  644. 100% {
  645. stroke-dashoffset: 0px; } }
  646. /*--------------------------------------------------
  647. [Mao Amchart]
  648. ----------------------------------------------------*/
  649. .mapChart {
  650. width: 100%;
  651. height: 500px; }
  652. .mapChart a {
  653. color: #bbb !important;
  654. font-size: 12px !important; }
  655. /*--------------------------------------------------
  656. [Column Line]
  657. ----------------------------------------------------*/
  658. .columnLine {
  659. width: 100%;
  660. height: 350px;
  661. font-size: 11px; }
  662. .amcharts-graph-graph2 .amcharts-graph-stroke {
  663. stroke-dasharray: 4px 5px;
  664. stroke-linejoin: round;
  665. stroke-linecap: round;
  666. -webkit-animation: am-moving-dashes 1s linear infinite;
  667. animation: am-moving-dashes 1s linear infinite; }
  668. @-webkit-keyframes am-moving-dashes {
  669. 100% {
  670. stroke-dashoffset: -28px; } }
  671. @keyframes am-moving-dashes {
  672. 100% {
  673. stroke-dashoffset: -28px; } }
  674. /*--------------------------------------------------
  675. [Animated Pie Chart]
  676. ----------------------------------------------------*/
  677. .animated-pie-chart {
  678. width: 100%;
  679. height: 350px;
  680. font-size: 11px; }
  681. /***
  682. CKEditor css changes
  683. ***/
  684. .cke {
  685. -webkit-border-radius: 2px;
  686. -moz-border-radius: 2px;
  687. -ms-border-radius: 2px;
  688. -o-border-radius: 2px;
  689. border-radius: 2px; }
  690. .cke .cke-top {
  691. -webkit-border-radius: 2px 2px 0 0;
  692. -moz-border-radius: 2px 2px 0 0;
  693. -ms-border-radius: 2px 2px 0 0;
  694. -o-border-radius: 2px 2px 0 0;
  695. border-radius: 2px 2px 0 0; }
  696. .cke .cke-bottom {
  697. -webkit-border-radius: 0 0 2px 2px;
  698. -moz-border-radius: 0 0 2px 2px;
  699. -ms-border-radius: 0 0 2px 2px;
  700. -o-border-radius: 0 0 2px 2px;
  701. border-radius: 0 0 2px 2px; }
  702. .cke_bottom,
  703. .cke_inner,
  704. .cke_top,
  705. .cke_reset,
  706. .cke_dialog_title,
  707. .cke_dialog_footer,
  708. .cke_dialog {
  709. background-image: none !important;
  710. filter: none;
  711. border-top: 0;
  712. border-bottom: 0;
  713. -webkit-box-shadow: none !important;
  714. -moz-box-shadow: none !important;
  715. box-shadow: none !important;
  716. text-shadow: none; }
  717. .cke_dialog_ui_button,
  718. .cke_dialog_tab {
  719. background-image: none !important;
  720. filter: none;
  721. -webkit-box-shadow: none !important;
  722. -moz-box-shadow: none !important;
  723. box-shadow: none !important;
  724. text-shadow: none !important; }
  725. .cke_dialog_ui_button:hover,
  726. .cke_dialog_tab:hover {
  727. text-decoration: none;
  728. text-shadow: none; }
  729. .cke_dialog_ui_input_text {
  730. background-image: none !important;
  731. filter: none;
  732. -webkit-box-shadow: none !important;
  733. -moz-box-shadow: none !important;
  734. box-shadow: none !important; }
  735. .cke_combo_button,
  736. .cke_button,
  737. .cke_toolbar,
  738. .cke_toolgroup {
  739. background-image: none !important;
  740. filter: none !important;
  741. border: 0;
  742. -webkit-box-shadow: none !important;
  743. -moz-box-shadow: none !important;
  744. box-shadow: none !important; }
  745. .cke_button,
  746. .cke_combo_button,
  747. .cke_panel_grouptitle,
  748. .cke_hc.cke_panel_listItem a {
  749. background-image: none !important;
  750. filter: none;
  751. text-shadow: none; }
  752. .cke_button:hover,
  753. .cke_combo_button:hover {
  754. background-color: #ddd; }
  755. .cke_toolbar_break {
  756. background-image: none !important;
  757. filter: none !important;
  758. border: 0;
  759. box-shadow: none !important;
  760. -webkit-box-shadow: none !important;
  761. -moz-box-shadow: none !important;
  762. -ms-box-shadow: none !important;
  763. -o-box-shadow: none !important; }
  764. /***
  765. Error state for WYSIWYG Editors
  766. ***/
  767. .has-error .cke {
  768. border: 1px solid #fbe1e3 !important; }
  769. .has-success .cke {
  770. border: 1px solid #abe7ed !important; }
  771. .has-warning .cke {
  772. border: 1px solid #f9e491 !important; }
  773. /***
  774. Clockface
  775. ***/
  776. .modal-open .clockface {
  777. z-index: 10055 !important; }
  778. .clockface .cell .inner.active,
  779. .clockface .cell .outer.active {
  780. background-color: #4b8df8 !important;
  781. background-image: none;
  782. filter: none; }
  783. /***
  784. Datatables general customization
  785. ***/
  786. .table-checkable tr > th:first-child,
  787. .table-checkable tr > td:first-child {
  788. text-align: center;
  789. max-width: 50px;
  790. min-width: 40px;
  791. padding-left: 0;
  792. padding-right: 0; }
  793. table.dataTable thead th,
  794. table.dataTable thead td {
  795. border-bottom: 2px solid #e7ecf1;
  796. outline: none !important; }
  797. table.dataTable.no-footer {
  798. border-bottom-color: #e7ecf1; }
  799. table.dataTable tr.heading > th {
  800. background-color: #fbfcfd; }
  801. table.dataTable td.sorting_1, table.dataTable td.sorting_2, table.dataTable td.sorting_3,
  802. table.dataTable th.sorting_1,
  803. table.dataTable th.sorting_2,
  804. table.dataTable th.sorting_3 {
  805. background: #fbfcfd !important; }
  806. /***
  807. Extended pagination
  808. ***/
  809. .paging_bootstrap_extended {
  810. margin: 5px 0 0 0 !important;
  811. padding: 0 !important;
  812. float: none !important;
  813. font-size: 13px; }
  814. .dataTables_extended_wrapper {
  815. margin-top: 10px; }
  816. .dataTables_extended_wrapper .seperator {
  817. padding: 0 2px; }
  818. .dataTables_extended_wrapper .table.dataTable {
  819. margin: 20px 0 !important; }
  820. .dataTables_extended_wrapper div.dataTables_paginate,
  821. .dataTables_extended_wrapper div.dataTables_length,
  822. .dataTables_extended_wrapper div.dataTables_info {
  823. display: inline-block;
  824. float: none !important;
  825. padding: 0 !important;
  826. margin: 0 !important;
  827. position: static !important; }
  828. .dataTables_extended_wrapper .table-group-actions > span {
  829. font-size: 13px; }
  830. .dataTables_extended_wrapper.DTS .paging_bootstrap_extended {
  831. display: inline-block; }
  832. .dataTables_extended_wrapper.DTS .dataTables_info {
  833. display: inline-block;
  834. padding-top: 8px !important; }
  835. .dataTables_extended_wrapper.DTS .dataTables_info .seperator {
  836. display: none; }
  837. .dataTables_extended_wrapper.DTS .dataTables_scrollHead {
  838. border-bottom: 0 !important; }
  839. .dataTables_extended_wrapper.DTS .dataTables_scrollHead .dataTables_scrollHeadInner .table.dataTable {
  840. margin-bottom: 0 !important; }
  841. .dataTables_extended_wrapper.DTS .dataTables_scrollBody {
  842. border-bottom: 0 !important; }
  843. .dataTables_extended_wrapper.DTS .dataTables_scrollBody .table.dataTable {
  844. margin: 0 !important; }
  845. @media (max-width: 480px) {
  846. .dataTables_extended_wrapper div.dataTables_paginate,
  847. .dataTables_extended_wrapper div.dataTables_length,
  848. .dataTables_extended_wrapper div.dataTables_info {
  849. display: block;
  850. margin-bottom: 10px !important; }
  851. .dataTables_extended_wrapper .seperator {
  852. display: none !important; } }
  853. .dataTables_extended_wrapper div.dataTables_length label {
  854. margin: 0 !important;
  855. padding: 0 !important;
  856. font-size: 13px;
  857. float: none !important;
  858. display: inline-block !important; }
  859. .table-container .table-actions-wrapper {
  860. display: none; }
  861. /***
  862. Scroller Extension
  863. ***/
  864. .dataTables_scroll {
  865. margin-bottom: 10px; }
  866. .dataTables_scrollHead {
  867. border-bottom: 2px solid #e7ecf1 !important; }
  868. .dataTables_scrollHead thead th {
  869. border-bottom: 0 !important; }
  870. .dataTables_scrollBody {
  871. border-bottom: 1px solid #e7ecf1 !important; }
  872. .table-both-scroll .dataTables_scrollBody {
  873. border-bottom: 0 !important; }
  874. /***
  875. Datatables processing
  876. ***/
  877. .dataTables_wrapper .dataTables_processing {
  878. width: 200px;
  879. display: inline-block;
  880. padding: 7px;
  881. left: 50%;
  882. margin-left: -100px;
  883. margin-top: 10px;
  884. text-align: center;
  885. color: #3f444a;
  886. border: 1px solid #e7ecf1;
  887. background: #eef1f5;
  888. vertical-align: middle;
  889. -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
  890. -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
  891. box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); }
  892. /***
  893. Tool Buttons
  894. ***/
  895. .dt-button-background {
  896. display: none !important; }
  897. div.dt-button-collection {
  898. border: 1px solid #eee;
  899. background: #ffffff;
  900. box-shadow: 5px 5px rgba(102, 102, 102, 0.1);
  901. padding: 0; }
  902. div.dt-button-collection > a.dt-button {
  903. background: none;
  904. padding: 8px 16px;
  905. font-weight: 300;
  906. margin: 1px 1px;
  907. box-shadow: none !important;
  908. border: 0 !important; }
  909. div.dt-button-collection > a.dt-button > span {
  910. font-size: 14px;
  911. color: #333; }
  912. div.dt-button-collection > a.dt-button.active {
  913. background: #f6f6f6 !important;
  914. box-shadow: none !important;
  915. border: 0 !important; }
  916. div.dt-button-collection > a.dt-button.active > span {
  917. color: #333; }
  918. button.dt-button,
  919. div.dt-button,
  920. a.dt-button {
  921. background-image: none !important;
  922. padding: 6px 12px !important; }
  923. button.dt-button:last-child,
  924. div.dt-button:last-child,
  925. a.dt-button:last-child {
  926. margin-right: 0; }
  927. .dataTables_wrapper .dt-buttons {
  928. float: right; }
  929. .portlet.light .dataTables_wrapper .dt-buttons {
  930. margin-top: -64px; }
  931. .portlet.box .dataTables_wrapper .dt-buttons {
  932. margin-top: -50px; }
  933. /***
  934. Rot Details
  935. ***/
  936. .dataTable .row-details.row-details-close {
  937. background: url("../img/datatable-row-openclose.png") no-repeat 0 0; }
  938. .dataTable .row-details.row-details-open {
  939. background: url("../img/datatable-row-openclose.png") no-repeat 0 -23px; }
  940. /***
  941. Sorting
  942. ***/
  943. table.dataTable thead .sorting,
  944. table.dataTable thead .sorting_asc,
  945. table.dataTable thead .sorting_desc,
  946. table.dataTable thead .sorting_asc_disabled,
  947. table.dataTable thead .sorting_desc_disabled {
  948. cursor: pointer; }
  949. table.dataTable thead .sorting:after,
  950. table.dataTable thead .sorting_asc:after,
  951. table.dataTable thead .sorting_desc:after,
  952. table.dataTable thead .sorting_asc_disabled:after,
  953. table.dataTable thead .sorting_desc_disabled:after {
  954. display: none; }
  955. table.dataTable thead .sorting {
  956. background: url("../plugins/datatables/images/sort_both.png") no-repeat center right; }
  957. table.dataTable thead .sorting_asc {
  958. background: url("../plugins/datatables/images/sort_asc.png") no-repeat center right; }
  959. table.dataTable thead .sorting_desc {
  960. background: url("../plugins/datatables/images/sort_desc.png") no-repeat center right; }
  961. table.dataTable thead .sorting_asc_disabled {
  962. background: url("../plugins/datatables/images/sort_asc_disabled.png") no-repeat center right; }
  963. table.dataTable thead .sorting_desc_disabled {
  964. background: url("../plugins/datatables/images/sort_desc_disabled.png") no-repeat center right; }
  965. table.dataTable th:active {
  966. outline: none; }
  967. /***
  968. Fixed Header
  969. ***/
  970. table.dataTable.fixedHeader-floating {
  971. margin-top: 0 !important;
  972. margin-bottom: 0 !important;
  973. border: 1px solid #dee5ec;
  974. -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
  975. -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
  976. box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); }
  977. .table-header-fixed thead > tr > th {
  978. border-top: 0; }
  979. .table > tfoot > tr > th,
  980. .table > tfoot > tr > td {
  981. border-bottom: 0;
  982. padding: 10px 18px;
  983. border-top: 1px solid #e7ecf1;
  984. font-weight: 600; }
  985. /***
  986. Responsive Datatables
  987. ***/
  988. .table.dataTable.dt-responsive .table.dataTable.responsive {
  989. width: 100%; }
  990. table.dataTable.dtr-column > tbody > tr > td.control,
  991. table.dataTable.dtr-column > tbody > tr > th.control {
  992. text-align: center;
  993. width: 14px; }
  994. table.dataTable.dtr-column > tbody > tr > td.control:before, table.dataTable.dtr-column > tbody > tr > th.control:before {
  995. margin-left: -8px;
  996. text-align: center;
  997. text-indent: 0;
  998. line-height: 0; }
  999. table.dataTable.dtr-column > tbody > tr > td.control:before,
  1000. table.dataTable.dtr-column > tbody > tr > th.control:before,
  1001. table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
  1002. table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
  1003. box-shadow: none !important;
  1004. background-color: #b0c1d2;
  1005. font-weight: 300;
  1006. vertical-align: middle;
  1007. line-height: 16px;
  1008. border: 0; }
  1009. table.dataTable.dtr-column > tbody > tr.parent td.control:before,
  1010. table.dataTable.dtr-column > tbody > tr.parent th.control:before,
  1011. table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,
  1012. table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
  1013. background-color: #36c6d3;
  1014. font-weight: 300;
  1015. vertical-align: middle;
  1016. border: 0; }
  1017. table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
  1018. table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
  1019. top: 10px; }
  1020. table.dataTable.dtr-column > tbody > tr > td.control:before,
  1021. table.dataTable.dtr-column > tbody > tr > th.control:before {
  1022. text-align: center;
  1023. margin-top: -8px; }
  1024. table.dataTable > tbody > tr.child ul li {
  1025. border: 0; }
  1026. @-moz-document url-prefix() {
  1027. .portlet-datatable .dataTables_wrapper .table-responsive {
  1028. padding: 0 2px !important; } }
  1029. @media (max-width: 767px) {
  1030. /* 767px */
  1031. .portlet.box .dataTables_wrapper .dt-buttons,
  1032. .portlet.light .dataTables_wrapper .dt-buttons {
  1033. margin-top: 0;
  1034. margin-bottom: 20px; }
  1035. .portlet.box .dataTables_wrapper .dt-buttons > .dt-button,
  1036. .portlet.light .dataTables_wrapper .dt-buttons > .dt-button {
  1037. margin-top: 5px; } }
  1038. .table-scrollable .dataTable th > .btn-group,
  1039. .table-scrollable .dataTable td > .btn-group {
  1040. position: absolute;
  1041. margin-top: -2px; }
  1042. .dataTable td .popover-content .btn-group {
  1043. position: static !important; }
  1044. .table .btn-group .btn {
  1045. margin-left: 0;
  1046. margin-right: -1px; }
  1047. /***
  1048. Dropzone css changes(new in v1.1.1)
  1049. ***/
  1050. .dropzone {
  1051. -webkit-border-radius: 0px;
  1052. -moz-border-radius: 0px;
  1053. border-radius: 0px; }
  1054. .dropzone-file-area {
  1055. border: 2px dashed #028AF4;
  1056. background: white;
  1057. padding: 20px;
  1058. margin: 0 auto;
  1059. text-align: center; }
  1060. .dz-hidden-input {
  1061. left: 0; }
  1062. @media (max-width: 768px) {
  1063. /* 768px */
  1064. .dropzone-file-area {
  1065. width: auto; } }
  1066. /***
  1067. Fancy box fix overlay fix
  1068. ***/
  1069. .fancybox-overlay {
  1070. z-index: 100000; }
  1071. .fancybox-opened {
  1072. z-index: 100001; }
  1073. /***
  1074. FuelUX Spinners
  1075. ***/
  1076. .spinner-buttons.btn-group-vertical .btn {
  1077. text-align: center;
  1078. margin: 0;
  1079. height: 17px;
  1080. width: 22px;
  1081. padding-left: 6px;
  1082. padding-right: 6px;
  1083. padding-top: 0px; }
  1084. .page-style-rounded .spinner-buttons.btn-group-vertical .btn.spinner-up {
  1085. border-radius: 0;
  1086. border-top-right-radius: 2px !important; }
  1087. .page-style-rounded .spinner-buttons.btn-group-vertical .btn.spinner-down {
  1088. border-radius: 0;
  1089. border-bottom-right-radius: 2px; }
  1090. /***
  1091. Fullcalendar
  1092. ***/
  1093. /* External events */
  1094. .external-event {
  1095. display: inline-block;
  1096. cursor: move;
  1097. margin-bottom: 5px;
  1098. margin-left: 5px; }
  1099. .fc-scroller {
  1100. overflow-y: auto;
  1101. overflow-x: hidden; }
  1102. .fc-month-view .fc-scroller {
  1103. height: auto !important; }
  1104. .portlet .event-form-title {
  1105. font-size: 16px;
  1106. margin-top: 4px;
  1107. font-weight: 400;
  1108. margin-bottom: 10px; }
  1109. .portlet.calendar .fc-button {
  1110. -webkit-box-shadow: none;
  1111. -moz-box-shadow: none;
  1112. box-shadow: none;
  1113. text-shadow: none;
  1114. border: 0;
  1115. height: 35px;
  1116. padding: 5px 8px 8px 8px;
  1117. margin-left: 2px;
  1118. border-top-style: none;
  1119. border-bottom-style: none;
  1120. border-right-style: solid;
  1121. border-left-style: solid;
  1122. border-color: #ddd;
  1123. background: transparent;
  1124. color: #fff;
  1125. top: -48px;
  1126. outline: none !important;
  1127. -webkit-border-radius: 2px 2px 0 0;
  1128. -moz-border-radius: 2px 2px 0 0;
  1129. -ms-border-radius: 2px 2px 0 0;
  1130. -o-border-radius: 2px 2px 0 0;
  1131. border-radius: 2px 2px 0 0; }
  1132. .portlet.calendar .fc-toolbar {
  1133. margin-bottom: 0px; }
  1134. .portlet.calendar .fc-toolbar h2 {
  1135. margin-top: 3px;
  1136. font-size: 17px; }
  1137. .portlet.calendar .fc-header {
  1138. margin-bottom: -21px; }
  1139. .portlet.calendar .fc-button-prev {
  1140. padding-right: 10px;
  1141. padding-left: 8px; }
  1142. .portlet.calendar .fc-button-next {
  1143. padding-right: 8px;
  1144. padding-left: 10px; }
  1145. .portlet.calendar .fc-button .fc-icon {
  1146. height: 20px;
  1147. top: -5px; }
  1148. .portlet.calendar .fc-button.fc-state-active, .portlet.calendar .fc-button.fc-state-hover {
  1149. color: #666;
  1150. background-color: #fff; }
  1151. .portlet.calendar .fc-button.fc-state-disabled {
  1152. color: #ddd; }
  1153. .portlet.calendar .fc-button .fc-icon-left-single-arrow {
  1154. font-family: FontAwesome;
  1155. display: inline-block;
  1156. font-size: 16px; }
  1157. .portlet.calendar .fc-button .fc-icon-left-single-arrow:after {
  1158. content: "";
  1159. margin: 0; }
  1160. .portlet.calendar .fc-button .fc-icon-left-single-arrow:before {
  1161. content: "\f104"; }
  1162. .portlet.calendar .fc-button .fc-icon-right-single-arrow {
  1163. font-family: FontAwesome;
  1164. display: inline-block;
  1165. font-size: 16px; }
  1166. .portlet.calendar .fc-button .fc-icon-right-single-arrow:after {
  1167. margin: 0;
  1168. content: ""; }
  1169. .portlet.calendar .fc-button .fc-icon-right-single-arrow:before {
  1170. content: "\f105"; }
  1171. .portlet.calendar .fc-text-arrow {
  1172. font-size: 22px;
  1173. font-family: "Courier New", Courier, monospace;
  1174. vertical-align: baseline; }
  1175. .portlet.calendar .fc-event {
  1176. border: 0px;
  1177. background-color: #69a4e0;
  1178. color: #fff; }
  1179. .portlet.calendar .fc-event .fc-content {
  1180. border: 0px;
  1181. padding: 5px 7px; }
  1182. .portlet.calendar .fc-event .fc-time {
  1183. float: left;
  1184. text-align: left;
  1185. color: #fff;
  1186. font-size: 14px;
  1187. font-weight: 300;
  1188. padding-right: 5px; }
  1189. .portlet.calendar .fc-event .fc-title {
  1190. text-align: left;
  1191. float: left;
  1192. color: #fff;
  1193. font-size: 14px;
  1194. font-weight: 300; }
  1195. .portlet.calendar .fc-header-title h2 {
  1196. font-size: 14px;
  1197. line-height: 20px;
  1198. font-weight: 400;
  1199. color: #111; }
  1200. .portlet.calendar .fc-widget-header {
  1201. background-image: none;
  1202. filter: none;
  1203. background-color: #eee;
  1204. text-transform: uppercase;
  1205. font-weight: 300; }
  1206. .portlet.calendar.light .fc-button {
  1207. top: -60px;
  1208. color: #666;
  1209. text-transform: uppercase;
  1210. font-size: 12px;
  1211. padding-bottom: 35px; }
  1212. .portlet.calendar.light .fc-button .fc-text-arrow {
  1213. margin-top: -6px;
  1214. display: inline-block; }
  1215. .portlet.calendar.light .fc-button.fc-state-active, .portlet.calendar.light .fc-button.fc-state-hover {
  1216. color: #333;
  1217. border-bottom: 2px solid #36c6d3; }
  1218. .portlet.calendar.light .fc-button.fc-state-disabled {
  1219. color: #aaa; }
  1220. .portlet.calendar .mobile .fc-button {
  1221. padding: 0px 6px 20px 6px;
  1222. margin-left: 2px;
  1223. border: 0;
  1224. background-color: #ddd;
  1225. background-image: none;
  1226. -webkit-box-shadow: none;
  1227. -moz-box-shadow: none;
  1228. box-shadow: none;
  1229. -webkit-border-radius: 0;
  1230. -moz-border-radius: 0;
  1231. border-radius: 0;
  1232. color: #000;
  1233. text-shadow: none;
  1234. text-align: center; }
  1235. .portlet.calendar .mobile .fc-button.fc-state-hover, .portlet.calendar .mobile .fc-button.fc-state-active {
  1236. background-color: #eee; }
  1237. .portlet.calendar .mobile .fc-button.fc-state-disabled {
  1238. color: #bbb; }
  1239. .portlet.calendar .mobile .fc-button-prev {
  1240. margin-right: 5px;
  1241. margin-top: -2px; }
  1242. .portlet.calendar .mobile .fc-button-next {
  1243. margin-right: -0px;
  1244. margin-top: -2px; }
  1245. .portlet.calendar .mobile .fc-header-space {
  1246. margin: 0px;
  1247. padding: 0px;
  1248. width: 0px; }
  1249. .portlet.calendar .mobile .fc-header-left {
  1250. position: absolute;
  1251. z-index: 10; }
  1252. .portlet.calendar .mobile .fc-header-left .fc-button {
  1253. top: -2px; }
  1254. .portlet.calendar .mobile .fc-header-right {
  1255. position: relative;
  1256. right: 0; }
  1257. .portlet.calendar .mobile .fc-header-right .fc-button {
  1258. top: 35px; }
  1259. .portlet.calendar .mobile .fc-content {
  1260. margin-top: 53px; }
  1261. .portlet.calendar.light .fc-button {
  1262. top: -47px; }
  1263. /***
  1264. Google Maps
  1265. ***/
  1266. .gmaps {
  1267. height: 300px;
  1268. width: 100%;
  1269. /* important! bootstrap sets max-width on img to 100% which conflicts with google map canvas*/ }
  1270. .gmaps img {
  1271. max-width: none; }
  1272. #gmap_static div {
  1273. background-repeat: no-repeat;
  1274. background-position: 50% 50%;
  1275. height: 100%;
  1276. display: block;
  1277. height: 300px; }
  1278. #gmap_routes_instructions {
  1279. margin-top: 10px;
  1280. margin-bottom: 0px; }
  1281. /***
  1282. Gritter notification modify
  1283. ***/
  1284. #gritter-notice-wrapper {
  1285. right: 1px !important; }
  1286. .gritter-close {
  1287. left: auto !important;
  1288. right: 3px !important; }
  1289. .gritter-title {
  1290. font-family: 'Open Sans';
  1291. font-size: 18px;
  1292. font-weight: 300; }
  1293. /***
  1294. Dashboard Charts(new in v1.2.1)
  1295. ***/
  1296. .easy-pie-chart,
  1297. .sparkline-chart {
  1298. text-align: center; }
  1299. .sparkline-chart {
  1300. margin-top: 15px;
  1301. position: relative; }
  1302. .easy-pie-chart .number {
  1303. font-size: 14px !important;
  1304. font-weight: 300;
  1305. margin: 0 auto;
  1306. position: relative;
  1307. text-align: center;
  1308. width: 75px;
  1309. height: 75px;
  1310. line-height: 75px; }
  1311. .easy-pie-chart .number canvas {
  1312. position: absolute;
  1313. top: 0;
  1314. left: 0; }
  1315. .sparkline-chart .number {
  1316. width: 100px;
  1317. margin: 0 auto;
  1318. margin-bottom: 10px; }
  1319. .sparkline-chart .title,
  1320. .easy-pie-chart .title {
  1321. display: block;
  1322. text-align: center;
  1323. color: #333;
  1324. font-weight: 300;
  1325. font-size: 16px;
  1326. margin-top: 5px;
  1327. margin-bottom: 10px; }
  1328. .sparkline-chart .title:hover,
  1329. .easy-pie-chart .title:hover {
  1330. color: #666;
  1331. text-decoration: none; }
  1332. .sparkline-chart .title > i,
  1333. .easy-pie-chart .title > i {
  1334. margin-top: 5px; }
  1335. /***
  1336. jQuery File Upload
  1337. ***/
  1338. .blueimp-gallery .close {
  1339. background-image: url("../img/portlet-remove-icon-white.png") !important;
  1340. margin-top: -2px; }
  1341. .blueimp-gallery .prev,
  1342. .blueimp-gallery .next {
  1343. border-radius: 23px !important; }
  1344. /***
  1345. jQuery Multi Select
  1346. ***/
  1347. .ms-container .ms-list {
  1348. border: 1px solid #e5e5e5;
  1349. -webkit-box-shadow: none;
  1350. -moz-box-shadow: none;
  1351. box-shadow: none; }
  1352. .ms-container .ms-optgroup-label {
  1353. font-size: 14px; }
  1354. .ms-container .ms-selectable li.ms-elem-selectable,
  1355. .ms-container .ms-selection li.ms-elem-selection {
  1356. font-size: 13px; }
  1357. .ms-container .ms-list.ms-focus {
  1358. border-color: #999999;
  1359. -webkit-box-shadow: none;
  1360. -moz-box-shadow: none;
  1361. box-shadow: none; }
  1362. .ms-container .ms-selectable li.ms-hover,
  1363. .ms-container .ms-selection li.ms-hover {
  1364. color: #333;
  1365. background-color: #eee; }
  1366. .ms-container .form-control {
  1367. margin-bottom: 5px; }
  1368. /***
  1369. jQuery Notific8 Plugin
  1370. ***/
  1371. .jquery-notific8-message {
  1372. font-size: 13px; }
  1373. [class*="jquery-notific8"],
  1374. [class*="jquery-notific8"]:after,
  1375. [class*="jquery-notific8"]:before {
  1376. -webkit-box-sizing: content-box;
  1377. -moz-box-sizing: content-box;
  1378. box-sizing: content-box; }
  1379. .right .jquery-notific8-close-sticky span,
  1380. .left .jquery-notific8-close-sticky span {
  1381. font-size: 10px; }
  1382. .jquery-notific8-heading {
  1383. font-weight: 300;
  1384. font-size: 16px; }
  1385. /***
  1386. Password Strength(in v1.4)
  1387. ***/
  1388. .password-strength .password-verdict {
  1389. display: inline-block;
  1390. margin-top: 6px;
  1391. margin-left: 5px; }
  1392. .password-strength .progress {
  1393. margin-top: 5px;
  1394. margin-bottom: 0; }
  1395. .password-strength .progress-bar {
  1396. padding: 2px; }
  1397. /***
  1398. jQuery Slimscroll
  1399. ***/
  1400. .scroller {
  1401. padding: 0px;
  1402. margin: 0px;
  1403. padding-right: 12px;
  1404. overflow: hidden; }
  1405. .scroller-footer {
  1406. margin-top: 10px; }
  1407. .scroller-footer:before, .scroller-footer:after {
  1408. content: " ";
  1409. display: table; }
  1410. .scroller-footer:after {
  1411. clear: both; }
  1412. .portlet-body .slimScrollBar {
  1413. margin-right: 0px; }
  1414. /***
  1415. jQuery Sparkline
  1416. ***/
  1417. .jqstooltip {
  1418. width: auto !important;
  1419. height: auto !important; }
  1420. .easy-pie-chart,
  1421. .sparkline-chart {
  1422. text-align: center; }
  1423. .sparkline-chart {
  1424. margin-top: 15px;
  1425. position: relative; }
  1426. .easy-pie-chart .number {
  1427. font-size: 16px;
  1428. font-weight: 300;
  1429. width: 85px;
  1430. margin: 0 auto; }
  1431. .sparkline-chart .number {
  1432. width: 100px;
  1433. margin: 0 auto;
  1434. margin-bottom: 10px; }
  1435. .sparkline-chart .title,
  1436. .easy-pie-chart .title {
  1437. display: block;
  1438. text-align: center;
  1439. color: #333;
  1440. font-weight: 300;
  1441. font-size: 16px;
  1442. margin-top: 5px;
  1443. margin-bottom: 10px; }
  1444. .sparkline-chart .title:hover,
  1445. .easy-pie-chart .title:hover {
  1446. color: #666;
  1447. text-decoration: none; }
  1448. .sparkline-chart .title > i,
  1449. .easy-pie-chart .title > i {
  1450. margin-top: 5px; }
  1451. /***
  1452. jQuery UI Sliders(new in v1.1.1)
  1453. ***/
  1454. .slider {
  1455. border: 0;
  1456. padding: 0;
  1457. display: block;
  1458. margin: 12px 5px;
  1459. min-height: 11px; }
  1460. .ui-slider-vertical {
  1461. width: 11px; }
  1462. .ui-slider-horizontal .ui-slider-handle {
  1463. top: -3px; }
  1464. .ui-slider-vertical .ui-slider-handle {
  1465. left: -3px; }
  1466. .ui-slider-vertical,
  1467. .ui-slider-handle {
  1468. filter: none !important;
  1469. background-image: none !important; }
  1470. /***
  1471. JQVMAP Plugin
  1472. ***/
  1473. .jqvmap-zoomout,
  1474. .jqvmap-zoomin {
  1475. height: 16px;
  1476. width: 16px;
  1477. background-color: #666; }
  1478. .vmaps {
  1479. position: relative;
  1480. overflow: hidden;
  1481. height: 300px; }
  1482. /***
  1483. Jstree
  1484. ***/
  1485. .jstree-default .jstree-clicked {
  1486. border: 0;
  1487. background-color: #e1e1e1;
  1488. box-shadow: none; }
  1489. .jstree-default .jstree-hovered {
  1490. border: 0;
  1491. background-color: #eee;
  1492. box-shadow: none; }
  1493. .jstree-default .jstree-wholerow-clicked,
  1494. .jstree-wholerow .jstree-wholerow-clicked {
  1495. background: none;
  1496. border: 0;
  1497. background-color: #e1e1e1;
  1498. box-shadow: none; }
  1499. .jstree-default .jstree-wholerow-hovered,
  1500. .jstree-wholerow .jstree-wholerow-hovered {
  1501. border: 0;
  1502. background-color: #eee;
  1503. box-shadow: none; }
  1504. .jstree-icon.icon-lg {
  1505. margin-top: 1px; }
  1506. .jstree-open > .jstree-anchor > .fa-folder:before {
  1507. margin-left: 2px;
  1508. content: "\f07c"; }
  1509. .jstree-default.jstree-rtl .jstree-last {
  1510. background: transparent;
  1511. background-repeat: no-repeat; }
  1512. .vakata-context,
  1513. .vakata-context ul {
  1514. padding: 0;
  1515. min-width: 125px;
  1516. background-color: #ffffff;
  1517. font-size: 14px;
  1518. font-family: "Segoe UI",Helvetica, Arial, sans-serif;
  1519. box-shadow: 5px 5px rgba(102, 102, 102, 0.1);
  1520. border: 1px solid #efefef; }
  1521. .vakata-context li {
  1522. border: 0; }
  1523. .vakata-context li a {
  1524. padding: 0 10px;
  1525. border: 0; }
  1526. .vakata-context li a i {
  1527. display: none; }
  1528. .vakata-context li a .vakata-contextmenu-sep {
  1529. display: none; }
  1530. .vakata-context .vakata-context-hover > a,
  1531. .vakata-context li a:hover {
  1532. background-color: #eee;
  1533. color: #333;
  1534. box-shadow: none;
  1535. margin: 0; }
  1536. .vakata-context .vakata-context-hover > a .span,
  1537. .vakata-context .vakata-context-hover > a .ins,
  1538. .vakata-context li a:hover .span,
  1539. .vakata-context li a:hover .ins {
  1540. border: 0 !important; }
  1541. .vakata-context li a span,
  1542. .vakata-context li a ins {
  1543. display: none;
  1544. border: 0 !important; }
  1545. .vakata-context .vakata-context-separator a,
  1546. .vakata-context-rtl .vakata-context-separator a {
  1547. margin: 0;
  1548. border: 0; }
  1549. .jstree-rename-input {
  1550. background-color: #ffffff !important;
  1551. border: 1px solid #e5e5e5 !important;
  1552. outline: none !important;
  1553. padding: 2px 6px !important;
  1554. margin-right: -4px !important; }
  1555. /***
  1556. NoUIRangeSlider
  1557. ***/
  1558. .noUi-horizontal {
  1559. margin: 9px 0; }
  1560. /***
  1561. Color variants
  1562. ***/
  1563. .noUi-primary .noUi-connect {
  1564. background: #337ab7; }
  1565. .noUi-info .noUi-connect {
  1566. background: #659be0; }
  1567. .noUi-success .noUi-connect {
  1568. background: #36c6d3; }
  1569. .noUi-warning .noUi-connect {
  1570. background: #F1C40F; }
  1571. .noUi-danger .noUi-connect {
  1572. background: #ed6b75; }
  1573. .noUi-default .noUi-connect {
  1574. background: #bac3d0; }
  1575. /* Conect slider */
  1576. /* For this slider, disable the 'origin' size. */
  1577. .noui-connect .noUi-origin {
  1578. right: auto;
  1579. width: 0; }
  1580. /* Position the bar and color it. */
  1581. .noui-connect .connect {
  1582. position: absolute;
  1583. top: 0;
  1584. bottom: 0;
  1585. background: #80C9F5;
  1586. box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45); }
  1587. /* When the slider is moved by tap,
  1588. transition the connect bar like the handle. */
  1589. .noui-connect.noUi-state-tap .connect {
  1590. -webkit-transition: left 300ms, right 300ms;
  1591. transition: left 300ms, right 300ms; }
  1592. /**
  1593. noUI Tooltips
  1594. **/
  1595. .noUi-handle .noUi-tooltip {
  1596. display: block;
  1597. position: absolute;
  1598. border: 1px solid #D9D9D9;
  1599. font-size: 12px;
  1600. border-radius: 3px;
  1601. background: #fff;
  1602. top: -55px;
  1603. padding: 5px;
  1604. left: -10px;
  1605. text-align: center;
  1606. min-width: 50px; }
  1607. .noUi-handle .noUi-tooltip strong {
  1608. display: block;
  1609. padding: 2px; }
  1610. /***
  1611. Google reCaptcha
  1612. ***/
  1613. .form-recaptcha-img {
  1614. margin-bottom: 10px;
  1615. clear: both;
  1616. border: 1px solid #e5e5e5;
  1617. padding: 5px; }
  1618. iframe[src="about:blank"] {
  1619. display: none; }
  1620. .select2-container--bootstrap .select2-search--dropdown .select2-search__field,
  1621. .select2-container--bootstrap .select2-selection,
  1622. .select2-container--bootstrap.select2-container--focus .select2-selection,
  1623. .select2-container--bootstrap.select2-container--open .select2-selection {
  1624. -webkit-box-shadow: none;
  1625. box-shadow: none; }
  1626. .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove {
  1627. cursor: pointer;
  1628. display: inline-block;
  1629. font-weight: 700;
  1630. margin-right: 3px; }
  1631. .select2-container--bootstrap .select2-results__group {
  1632. display: block;
  1633. font-size: 12px;
  1634. white-space: nowrap;
  1635. font-weight: 600;
  1636. font-family: "Open Sans", sans-serif; }
  1637. .select2-container--bootstrap .select2-selection {
  1638. font-family: "Open Sans", sans-serif; }
  1639. .modal-open .select2-dropdown {
  1640. z-index: 10060; }
  1641. .modal-open .select2-close-mask {
  1642. z-index: 10055; }
  1643. .modal-open .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
  1644. width: auto !important; }
  1645. .select2-result-repository {
  1646. padding-top: 4px;
  1647. padding-bottom: 3px; }
  1648. .select2-result-repository__avatar {
  1649. float: left;
  1650. width: 60px;
  1651. margin-right: 10px; }
  1652. .select2-result-repository__avatar img {
  1653. width: 100%;
  1654. height: auto;
  1655. border-radius: 2px; }
  1656. .select2-result-repository__meta {
  1657. margin-left: 70px; }
  1658. .select2-result-repository__title {
  1659. color: black;
  1660. font-weight: bold;
  1661. word-wrap: break-word;
  1662. line-height: 1.1;
  1663. margin-bottom: 4px; }
  1664. .select2-result-repository__forks, .select2-result-repository__stargazers {
  1665. margin-right: 1em; }
  1666. .select2-result-repository__forks, .select2-result-repository__stargazers, .select2-result-repository__watchers {
  1667. display: inline-block;
  1668. color: #aaa;
  1669. font-size: 11px; }
  1670. .select2-result-repository__description {
  1671. font-size: 13px;
  1672. color: #777;
  1673. margin-top: 4px; }
  1674. .select2-results__option--highlighted .select2-result-repository__title {
  1675. color: white; }
  1676. .select2-results__option--highlighted .select2-result-repository__forks, .select2-results__option--highlighted .select2-result-repository__stargazers, .select2-results__option--highlighted .select2-result-repository__description, .select2-results__option--highlighted .select2-result-repository__watchers {
  1677. color: #c1d7e9; }
  1678. .select2-selection__choice {
  1679. background-color: #eee !important;
  1680. border: 1px solid #eee !important; }
  1681. .select2-selection__choice .select2-selection__choice__remove {
  1682. font-weight: normal !important; }
  1683. /***
  1684. Morris Charts
  1685. ***/
  1686. .portlet-body-morris-fit {
  1687. margin-right: -20px;
  1688. margin-left: -20px;
  1689. margin-bottom: -15px; }
  1690. .portlet-body-morris-fit > svg {
  1691. -webkit-border-radius: 0 0 2px 2px;
  1692. -moz-border-radius: 0 0 2px 2px;
  1693. -ms-border-radius: 0 0 2px 2px;
  1694. -o-border-radius: 0 0 2px 2px;
  1695. border-radius: 0 0 2px 2px; }
  1696. .morris-hover.morris-default-style .morris-hover-row-label {
  1697. text-align: left;
  1698. font-weight: 400;
  1699. font-size: 15px;
  1700. color: #7D8C9D;
  1701. font-family: "Open Sans", sans-serif; }
  1702. .morris-hover.morris-default-style .morris-hover-point {
  1703. text-align: left;
  1704. font-size: 14px;
  1705. font-weight: 400;
  1706. font-family: "Open Sans", sans-serif; }
  1707. /***
  1708. iCheck
  1709. ***/
  1710. .icheck-list > label {
  1711. display: block;
  1712. margin-bottom: 8px; }
  1713. .icheck-list > label:last-child {
  1714. margin-bottom: 0; }
  1715. .form-horizontal .icheck-inline {
  1716. margin-top: 8px; }
  1717. .icheck-inline > label {
  1718. display: inline-block;
  1719. margin-left: 15px; }
  1720. .icheck-inline > label:first-child {
  1721. margin-left: 0; }
  1722. div[class*='icheckbox_'],
  1723. div[class*='iradio_'] {
  1724. margin-right: 5px;
  1725. top: -1px !important; }
  1726. .icheck-colors {
  1727. padding: 0;
  1728. margin: 0;
  1729. list-style: none; }
  1730. .icheck-colors > li {
  1731. padding: 0;
  1732. margin: 4px;
  1733. float: left;
  1734. display: inline-block;
  1735. height: 20px;
  1736. width: 20px;
  1737. background: #000000;
  1738. opacity: 0.6 ;
  1739. filter: alpha(opacity=60) ; }
  1740. .icheck-colors > li:first-child {
  1741. margin-left: 0; }
  1742. .icheck-colors > li:hover {
  1743. opacity: 1 ;
  1744. filter: alpha(opacity=100) ;
  1745. cursor: pointer; }
  1746. .icheck-colors > li.active {
  1747. height: 26px;
  1748. margin-top: 0;
  1749. opacity: 0.6 ;
  1750. filter: alpha(opacity=60) ; }
  1751. .icheck-colors > li.red {
  1752. background: #d54e21; }
  1753. .icheck-colors > li.green {
  1754. background: #78a300; }
  1755. .icheck-colors > li.blue {
  1756. background: #0e76a8; }
  1757. .icheck-colors > li.aero {
  1758. background: #9cc2cb; }
  1759. .icheck-colors > li.grey {
  1760. background: #73716e; }
  1761. .icheck-colors > li.orange {
  1762. background: #f70; }
  1763. .icheck-colors > li.yellow {
  1764. background: #fc0; }
  1765. .icheck-colors > li.pink {
  1766. background: #ff66b5; }
  1767. .icheck-colors > li.purple {
  1768. background: #6a5a8c; }
  1769. /***
  1770. AngularJS UI-select
  1771. ***/
  1772. .ui-select-match-close {
  1773. margin-top: 5px !important;
  1774. margin-left: 5px !important; }
  1775. .minicolors-swatch {
  1776. border: 0; }
  1777. /***
  1778. Codemirror Plugin
  1779. ***/
  1780. .CodeMirror {
  1781. border: 1px solid #eee;
  1782. height: auto; }
  1783. /***
  1784. Prism Plugin
  1785. ***/
  1786. pre[class*="language-"] {
  1787. padding: 10px;
  1788. background: none !important;
  1789. border: 1px solid #f1f4f7 !important;
  1790. box-shadow: none !important;
  1791. margin: 0; }
  1792. pre[class*="language-"] code {
  1793. background: none !important;
  1794. box-shadow: none !important;
  1795. border: 0 !important; }
  1796. .socicon {
  1797. position: relative;
  1798. top: 1px;
  1799. display: inline-block;
  1800. font-family: 'socicon';
  1801. font-style: normal;
  1802. font-weight: normal;
  1803. line-height: 1;
  1804. -webkit-font-smoothing: antialiased; }
  1805. .socicon-btn:empty .socicon:empty {
  1806. width: 1em; }
  1807. .socicon-btn {
  1808. position: relative;
  1809. display: inline-block;
  1810. font-family: 'socicon';
  1811. font-style: normal;
  1812. font-weight: normal;
  1813. line-height: 1;
  1814. -webkit-font-smoothing: antialiased;
  1815. text-align: center;
  1816. width: 44px;
  1817. height: 44px;
  1818. padding-top: 11px;
  1819. font-size: 24px;
  1820. border: 1px solid #e7ecf1;
  1821. color: #3f444a;
  1822. transition: background, color 0.3s; }
  1823. .socicon-btn.socicon-solid {
  1824. border: 0;
  1825. width: 46px;
  1826. height: 46px;
  1827. padding-top: 12px; }
  1828. .socicon-btn.socicon-btn-circle {
  1829. border-radius: 44px !important; }
  1830. .socicon-btn:hover {
  1831. transition: background, color 0.3s;
  1832. text-decoration: none; }
  1833. .socicon-btn.socicon-lg {
  1834. width: 54px;
  1835. height: 54px;
  1836. padding-top: 13px;
  1837. font-size: 28px; }
  1838. .socicon-btn.socicon-lg.socicon-solid {
  1839. border: 0;
  1840. width: 55px;
  1841. height: 55px;
  1842. padding-top: 13px; }
  1843. .socicon-btn.socicon-sm {
  1844. width: 30px;
  1845. height: 30px;
  1846. padding-top: 8px;
  1847. font-size: 16px; }
  1848. .socicon-btn.socicon-sm.socicon-solid {
  1849. border: 0;
  1850. width: 30px;
  1851. height: 30px;
  1852. padding-top: 8px; }
  1853. .socicons .socicon-btn {
  1854. margin-bottom: 5px; }
  1855. .socicon-twitter:before {
  1856. content: "a"; }
  1857. .socicon-facebook:before {
  1858. content: "b"; }
  1859. .socicon-google:before {
  1860. content: "c"; }
  1861. .socicon-pinterest:before {
  1862. content: "d"; }
  1863. .socicon-foursquare:before {
  1864. content: "e"; }
  1865. .socicon-yahoo:before {
  1866. content: "f"; }
  1867. .socicon-skype:before {
  1868. content: "g"; }
  1869. .socicon-yelp:before {
  1870. content: "h"; }
  1871. .socicon-feedburner:before {
  1872. content: "i"; }
  1873. .socicon-linkedin:before {
  1874. content: "j"; }
  1875. .socicon-viadeo:before {
  1876. content: "k"; }
  1877. .socicon-xing:before {
  1878. content: "l"; }
  1879. .socicon-myspace:before {
  1880. content: "m"; }
  1881. .socicon-soundcloud:before {
  1882. content: "n"; }
  1883. .socicon-spotify:before {
  1884. content: "o"; }
  1885. .socicon-grooveshark:before {
  1886. content: "p"; }
  1887. .socicon-lastfm:before {
  1888. content: "q"; }
  1889. .socicon-youtube:before {
  1890. content: "r"; }
  1891. .socicon-vimeo:before {
  1892. content: "s"; }
  1893. .socicon-dailymotion:before {
  1894. content: "t"; }
  1895. .socicon-vine:before {
  1896. content: "u"; }
  1897. .socicon-flickr:before {
  1898. content: "v"; }
  1899. .socicon-500px:before {
  1900. content: "w"; }
  1901. .socicon-instagram:before {
  1902. content: "x"; }
  1903. .socicon-wordpress:before {
  1904. content: "y"; }
  1905. .socicon-tumblr:before {
  1906. content: "z"; }
  1907. .socicon-blogger:before {
  1908. content: "A"; }
  1909. .socicon-technorati:before {
  1910. content: "B"; }
  1911. .socicon-reddit:before {
  1912. content: "C"; }
  1913. .socicon-dribbble:before {
  1914. content: "D"; }
  1915. .socicon-stumbleupon:before {
  1916. content: "E"; }
  1917. .socicon-digg:before {
  1918. content: "F"; }
  1919. .socicon-envato:before {
  1920. content: "G"; }
  1921. .socicon-behance:before {
  1922. content: "H"; }
  1923. .socicon-delicious:before {
  1924. content: "I"; }
  1925. .socicon-deviantart:before {
  1926. content: "J"; }
  1927. .socicon-forrst:before {
  1928. content: "K"; }
  1929. .socicon-playstore:before {
  1930. content: "L"; }
  1931. .socicon-zerply:before {
  1932. content: "M"; }
  1933. .socicon-wikipedia:before {
  1934. content: "N"; }
  1935. .socicon-apple:before {
  1936. content: "O"; }
  1937. .socicon-flattr:before {
  1938. content: "P"; }
  1939. .socicon-github:before {
  1940. content: "Q"; }
  1941. .socicon-chimein:before {
  1942. content: "R"; }
  1943. .socicon-friendfeed:before {
  1944. content: "S"; }
  1945. .socicon-newsvine:before {
  1946. content: "T"; }
  1947. .socicon-identica:before {
  1948. content: "U"; }
  1949. .socicon-bebo:before {
  1950. content: "V"; }
  1951. .socicon-zynga:before {
  1952. content: "W"; }
  1953. .socicon-steam:before {
  1954. content: "X"; }
  1955. .socicon-xbox:before {
  1956. content: "Y"; }
  1957. .socicon-windows:before {
  1958. content: "Z"; }
  1959. .socicon-outlook:before {
  1960. content: "1"; }
  1961. .socicon-coderwall:before {
  1962. content: "2"; }
  1963. .socicon-tripadvisor:before {
  1964. content: "3"; }
  1965. .socicon-appnet:before {
  1966. content: "4"; }
  1967. .socicon-goodreads:before {
  1968. content: "5"; }
  1969. .socicon-tripit:before {
  1970. content: "6"; }
  1971. .socicon-lanyrd:before {
  1972. content: "7"; }
  1973. .socicon-slideshare:before {
  1974. content: "8"; }
  1975. .socicon-buffer:before {
  1976. content: "9"; }
  1977. .socicon-rss:before {
  1978. content: ","; }
  1979. .socicon-vkontakte:before {
  1980. content: ";"; }
  1981. .socicon-disqus:before {
  1982. content: ":"; }
  1983. .socicon-houzz:before {
  1984. content: "+"; }
  1985. .socicon-mail:before {
  1986. content: "@"; }
  1987. .socicon-patreon:before {
  1988. content: "="; }
  1989. .socicon-paypal:before {
  1990. content: "-"; }
  1991. .socicon-playstation:before {
  1992. content: "^"; }
  1993. .socicon-smugmug:before {
  1994. content: "¨"; }
  1995. .socicon-swarm:before {
  1996. content: "$"; }
  1997. .socicon-triplej:before {
  1998. content: "*"; }
  1999. .socicon-yammer:before {
  2000. content: "&"; }
  2001. .socicon-stackoverflow:before {
  2002. content: "("; }
  2003. .socicon-drupal:before {
  2004. content: "#"; }
  2005. .socicon-odnoklassniki:before {
  2006. content: "."; }
  2007. .socicon-android:before {
  2008. content: "_"; }
  2009. .socicon-meetup:before {
  2010. content: "]"; }
  2011. .socicon-persona:before {
  2012. content: ")"; }