API tools faq
paste
dossier15

Untitled

dossier15
Oct 26th, 2018
35
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.79 KB | None | 0 0
raw download clone embed print report
  1. /* Global */
  2.  
  3. a.accountBlueLink {
  4. color: #333;
  5. text-decoration: underline;
  6. font-weight: 600;
  7. }
  8.  
  9. .color-green {
  10. color: #82C91E;
  11. }
  12.  
  13. .color-red {
  14. color: #E25846;
  15. }
  16.  
  17. .text-xxsmall {
  18. font-size: 10px !important;
  19. }
  20.  
  21. .text-xsmall {
  22. font-size: 12px !important;
  23. }
  24.  
  25. .table>tbody>tr>td {
  26. vertical-align: middle;
  27. }
  28.  
  29. .full-width {
  30. width: 100%;
  31. }
  32.  
  33. .panel.panel-view .panel-body table.text-xsmall th {
  34. font-size: 12px !important;
  35. }
  36.  
  37. .panel.panel-view .panel-body table.text-xxsmall th {
  38. font-size: 10px !important;
  39. }
  40.  
  41. .panel.panel-view .panel-body table.table-bordered-rows tr {
  42. border-bottom: 1px solid #CED4DA !important;
  43. }
  44.  
  45. .panel.panel-view .panel-body table.table-bordered-rows tr.totals {
  46. border-bottom: none !important;
  47. }
  48.  
  49. .btn.btn-close {
  50. font-weight: bold;
  51. border: none;
  52. color: #343A40;
  53. }
  54.  
  55. .btn.btn-close:hover {
  56. text-decoration: underline;
  57. }
  58.  
  59. span.cercle {
  60. display: inline-block;
  61. width: 10px;
  62. height: 10px;
  63. border-radius: 50%;
  64. }
  65.  
  66. span.cercle.danger {
  67. background-color: #e25846
  68. }
  69.  
  70. span.cercle.warning {
  71. background-color: #f5b62e
  72. }
  73.  
  74. span.cercle.success {
  75. background-color: #82c91e
  76. }
  77.  
  78. @media (min-width: 992px) {
  79. .modal-lg {
  80. margin-left: 80px;
  81. }
  82. }
  83.  
  84. .alert.account-history {
  85. margin-top: 60px;
  86. }
  87.  
  88. .table.account-history-table {
  89. background: #FFF;
  90. }
  91.  
  92. .table.account-history-table>thead>tr>th {
  93. background: #FFF;
  94. font-size: 10px !important;
  95. font-weight: bold !important;
  96. vertical-align: middle;
  97. text-align: center;
  98. text-transform: uppercase;
  99. }
  100.  
  101. .table-striped.account-history-table>tbody>tr>td {
  102. text-align: right;
  103. font-size: 12px;
  104. }
  105.  
  106. .table-striped.account-history-table>tbody>tr>td:nth-child(1) {
  107. text-align: center;
  108. }
  109.  
  110. .table-striped.account-history-table>tbody>tr>td:nth-child(2) {
  111. text-align: left;
  112. font-size: 10px !important;
  113. font-weight: bold !important;
  114. vertical-align: middle;
  115. text-transform: uppercase;
  116. min-width: 125px;
  117. }
  118.  
  119. .table.account-history-table>thead>tr>th {
  120. vertical-align: middle;
  121. text-align: right;
  122. }
  123.  
  124. /* NavBar */
  125.  
  126. .search-input-icon input {
  127. padding-right: 32px;
  128. }
  129.  
  130. .search-form-single {
  131. margin-top: 5em;
  132. }
  133.  
  134. .header-form.single {
  135. margin-top: 1em;
  136. }
  137.  
  138. .single .search-input-icon input.form-control {
  139. border: 2px solid #adb5bd;
  140. height: 50px;
  141. border-radius: 12px;
  142. }
  143.  
  144. .single .search-input-icon .input-group-btn button {
  145. padding-top: 15px;
  146. }
  147.  
  148. .username-icon {
  149. font-size: 3.1em;
  150. position: relative;
  151. bottom: 2px;
  152. }
  153.  
  154. .account--nav {
  155. padding: 0;
  156. margin-top: -6px;
  157. }
  158.  
  159. .account--nav__item {
  160. color: #FFF;
  161. }
  162.  
  163. .account--nav__item .username>span {
  164. display: block;
  165. margin: 0;
  166. }
  167.  
  168. .logout {
  169. position: relative;
  170. bottom: 7px;
  171. }
  172.  
  173. .logout:hover {
  174. text-decoration: none;
  175. }
  176.  
  177. .logout i {
  178. font-size: 2em;
  179. }
  180.  
  181. /* Sidebar */
  182.  
  183. .main-nav>.nav>li>a.user-help-call-to-action {
  184. padding: 7px 2px;
  185. }
  186.  
  187. .main-nav>.nav>li>a.user-help-call-to-action:hover,
  188. .main-nav>.nav>li>a.user-help-call-to-action:focus,
  189. .main-nav>.nav>li>a.user-help-call-to-action:active {
  190. color: #FFF;
  191. }
  192.  
  193. .main-nav .menu--item i.icon-help {
  194. font-size: 1.6em;
  195. }
  196.  
  197. /* Spinner */
  198.  
  199. .spinner-wrapper {
  200. position: relative;
  201. }
  202.  
  203. .label.spinner-wrapper-sync {
  204. padding: 5px 0 0;
  205. display: inline-block;
  206. }
  207.  
  208. @keyframes spinner-rotate {
  209. to {
  210. transform: rotate(360deg);
  211. }
  212. }
  213.  
  214. .spinner-rotate {
  215. position: relative;
  216. margin-right: 15px;
  217. }
  218.  
  219. .spinner-rotate:before {
  220. content: '';
  221. box-sizing: border-box;
  222. position: absolute;
  223. top: 50%;
  224. left: 50%;
  225. width: 20px;
  226. height: 20px;
  227. margin-top: -10px;
  228. margin-left: -10px;
  229. border-radius: 50%;
  230. border: 2px solid #ccc;
  231. border-top-color: #333;
  232. animation: spinner-rotate .6s linear infinite;
  233. }
  234.  
  235. .spinner-rotate-sm:before {
  236. width: 15px;
  237. height: 15px;
  238. margin-top: -8px;
  239. margin-left: -5px;
  240. }
  241.  
  242. /*TaskList*/
  243.  
  244. .panel.panel-wrapper-listing .panel-body ul li.disabled a>.meta-info>i.icon-chevron-right {
  245. visibility: hidden;
  246. }
  247.  
  248. .panel.panel-wrapper-listing .panel-body ul li.disabled a {
  249. color: #343a40;
  250. pointer-events: all;
  251. cursor: text;
  252. text-decoration: none;
  253. }
  254.  
  255. .panel.panel-wrapper-listing .panel-body ul li.disabled a:hover {
  256. color: #343a40;
  257. background: transparent;
  258. font-weight: inherit;
  259. cursor: text;
  260. }
  261.  
  262. /* Todos */
  263.  
  264. .todo-item-container:hover .actions {
  265. display: block;
  266. }
  267.  
  268. .todo-item-container:hover .dateIndicator {
  269. display: none;
  270. }
  271.  
  272. /* Calendar */
  273.  
  274. .cta-see-agenda {
  275. float: right;
  276. margin-right: 10px;
  277. padding: 2px 6px !important;
  278. border-radius: 5px !important;
  279. font-weight: 600;
  280. }
  281.  
  282. .cta-see-agenda:hover,
  283. .cta-see-agenda:focus,
  284. .cta-see-agenda:visited,
  285. .cta-see-agenda:active {
  286. text-decoration: underline;
  287. }
  288.  
  289. .calendar-footer-actions {
  290. position: relative;
  291. }
  292.  
  293. .calendar-footer-actions p {
  294. margin-bottom: 2px;
  295. }
  296.  
  297. .calendar-footer-actions .divider {
  298. border-right: 1px solid #CED4DA;
  299. position: absolute;
  300. left: 50%;
  301. height: 55px;
  302. top: 25%;
  303. }
  304.  
  305. .calendar-footer-actions h4 {
  306. font-size: 1.6em;
  307. margin-top: 0;
  308. }
  309.  
  310. .calendar-footer-actions .btn {
  311. background: transparent;
  312. width: 100%;
  313. margin: .5em 0;
  314. }
  315.  
  316. @media (max-width: 1024px) {
  317. .calendar-footer-actions .btn {
  318. font-size: .9em;
  319. }
  320. }
  321.  
  322. .calendar-footer-actions .btn:hover {
  323. background: #F1F3F5;
  324. }
  325.  
  326. .col-agenda .panel-agenda .rbc-time-header>.rbc-row:first-child,
  327. .top-content.agenda.day-view+.rbc-time-view .rbc-time-header>.rbc-row:first-child,
  328. /*.top-content.agenda.week-view+.rbc-time-view .rbc-time-header>.rbc-row:first-child,*/
  329.  
  330. .top-content.agenda.month-view+.rbc-time-view .rbc-time-header>.rbc-row:first-child {
  331. display: none;
  332. }
  333.  
  334. .rbc-label.rbc-header-gutter {
  335. width: 67px;
  336. }
  337.  
  338. .panel-agenda .alert,
  339. .content--container.agenda-container .alert {
  340. margin-bottom: 0;
  341. padding: 2px 7px;
  342. }
  343.  
  344. .errorMsgCmp {
  345. margin-bottom: 0;
  346. }
  347.  
  348. .panel-agenda .alert .btn-xs,
  349. .panel-kpi-details .btn-xs {
  350. padding: 1px 5px;
  351. }
  352.  
  353. .rbc-month-view {
  354. min-height: 584px;
  355. }
  356.  
  357. .rbc-time-view {
  358. min-height: 530px;
  359. }
  360.  
  361. .agenda-container .rbc-time-view {
  362. min-height: 720px;
  363. }
  364.  
  365. .rbc-event {
  366. border-radius: 0px;
  367. border-left-style: solid;
  368. border-top-width: 1px;
  369. border-right-width: 1px;
  370. border-bottom-width: 1px;
  371. color: black;
  372. }
  373.  
  374. .rbc-event-label {
  375. font-weight: bold;
  376. display: block;
  377. }
  378.  
  379. .rbc-day-slot .rbc-event {
  380. border-radius: 0px;
  381. border-left-style: solid;
  382. border-left-width: 4px;
  383. }
  384.  
  385. .top-content.agenda {
  386. margin-top: .7em;
  387. margin-bottom: 5px;
  388. }
  389.  
  390. .top-content.agenda .page--title {
  391. font-size: 1.6em;
  392. margin-top: 2px;
  393. }
  394.  
  395. .top-content .top-agenda-arrows .pager {
  396. margin: 1px 0;
  397. }
  398.  
  399. .top-content .top-agenda-arrows .pager span {
  400. width: 180px;
  401. padding-top: 1px;
  402. font-size: 14px;
  403. }
  404.  
  405. .top-content .filtre-agenda button {
  406. margin-top: 0;
  407. padding: 3px 10px;
  408. font-size: 12px;
  409. }
  410.  
  411. .top-content .filtre-agenda button.calendar-refresh-button {
  412. width: 30px;
  413. }
  414.  
  415. .top-content .filtre-agenda button.calendar-refresh-button.loading {
  416. padding-bottom: 5px;
  417. }
  418.  
  419. .top-content .top-agenda-arrows .pager a {
  420. width: 18px;
  421. height: 18px;
  422. line-height: 18px;
  423. }
  424.  
  425. .rbc-time-view .rbc-allday-cell {
  426. width: calc(100% - 67px);
  427. }
  428.  
  429. /* switch */
  430.  
  431. .switch {
  432. position: relative;
  433. display: inline-block;
  434. width: 40px;
  435. height: 22px;
  436. }
  437.  
  438. .switch input {
  439. display: none;
  440. }
  441.  
  442. .slider {
  443. position: absolute;
  444. cursor: pointer;
  445. top: 0;
  446. left: 0;
  447. right: 0;
  448. bottom: 0;
  449. background-color: #ccc;
  450. -webkit-transition: .4s;
  451. transition: .4s;
  452. }
  453.  
  454. .slider:before {
  455. position: absolute;
  456. content: "";
  457. height: 15px;
  458. width: 15px;
  459. left: 4px;
  460. bottom: 4px;
  461. background-color: white;
  462. -webkit-transition: .4s;
  463. transition: .4s;
  464. }
  465.  
  466. .switch input:checked+.slider {
  467. background-color: #2196F3;
  468. }
  469.  
  470. .switch input:focus+.slider {
  471. box-shadow: 0 0 1px #2196F3;
  472. }
  473.  
  474. .switch input:checked+.slider:before {
  475. -webkit-transform: translateX(16px);
  476. -ms-transform: translateX(16px);
  477. transform: translateX(16px);
  478. }
  479.  
  480. /* Rounded sliders */
  481.  
  482. .slider.round {
  483. border-radius: 34px;
  484. }
  485.  
  486. .slider.round:before {
  487. border-radius: 50%;
  488. }
  489.  
  490. /* Event popup */
  491.  
  492. .rbc-time-header.rbc-overflowing {
  493. margin-right: 0 !important;
  494. }
  495.  
  496. .rbc-month-row,
  497. .rbc-row-segment .rbc-event-content,
  498. .rbc-day-slot .rbc-event,
  499. .rbc-time-content {
  500. overflow: visible;
  501. }
  502.  
  503. .rbc-row-segment .rbc-event {
  504. position: relative;
  505. }
  506.  
  507. .rbc-row-content,
  508. .rbc-day-slot .rbc-event {
  509. z-index: auto;
  510. }
  511.  
  512. .day-view+.rbc-time-view .rbc-day-slot .rbc-event-content,
  513. .panel-agenda .rbc-time-view .rbc-day-slot .rbc-event-content {
  514. width: calc(100% - 80px);
  515. }
  516.  
  517. .meta-agenda.panel {
  518. top: 50%;
  519. }
  520.  
  521. .meta-agenda.panel:after {
  522. margin-top: 0;
  523. }
  524.  
  525. .meta-agenda.panel.orange:after {
  526. border-left-color: #F08C00;
  527. }
  528.  
  529. .meta-agenda.panel.purple:after {
  530. border-left-color: #845EF7;
  531. }
  532.  
  533. .meta-agenda.panel.green:after {
  534. border-left-color: #51CF66;
  535. }
  536.  
  537. .meta-agenda.panel.blue:after {
  538. border-left-color: #72C3FC;
  539. }
  540.  
  541. .meta-agenda.panel.righting:after {
  542. border-left-color: transparent;
  543. }
  544.  
  545. .meta-agenda.panel.righting.orange:after {
  546. border-right-color: #F08C00;
  547. }
  548.  
  549. .meta-agenda.panel.righting.purple:after {
  550. border-right-color: #845EF7;
  551. }
  552.  
  553. .meta-agenda.panel.righting.green:after {
  554. border-right-color: #51CF66;
  555. }
  556.  
  557. .meta-agenda.panel.righting.blue:after {
  558. border-right-color: #72C3FC;
  559. }
  560.  
  561. .meta-agenda.panel.top,
  562. .meta-agenda.panel.bottom {
  563. left: calc(50% - 105px);
  564. right: 0;
  565. top: calc(100% + 7px);
  566. transform: none;
  567. border-width: 0;
  568. border-top-width: 3px;
  569. border-top-style: solid;
  570. }
  571.  
  572. .meta-agenda.panel.bottom:after {
  573. left: 45%;
  574. top: -20px;
  575. border-left-color: transparent;
  576. border-right-color: transparent;
  577. border-bottom-color: #dadada;
  578. }
  579.  
  580. .meta-agenda.panel.bottom.orange:after {
  581. border-bottom-color: #F08C00;
  582. }
  583.  
  584. .meta-agenda.panel.bottom.purple:after {
  585. border-bottom-color: #845EF7;
  586. }
  587.  
  588. .meta-agenda.panel.bottom.green:after {
  589. border-bottom-color: #51CF66;
  590. }
  591.  
  592. .meta-agenda.panel.bottom.blue:after {
  593. border-bottom-color: #72C3FC;
  594. }
  595.  
  596. .meta-agenda.panel.top {
  597. top: -150px;
  598. border-width: 0;
  599. border-bottom-width: 3px;
  600. border-bottom-style: solid;
  601. }
  602.  
  603. .meta-agenda.panel.top:after {
  604. left: 45%;
  605. top: 100%;
  606. bottom: 0;
  607. margin-top: 0;
  608. border-left-color: transparent;
  609. border-right-color: transparent;
  610. border-top-color: #dadada;
  611. }
  612.  
  613. .meta-agenda.panel.top.orange:after {
  614. border-top-color: #F08C00;
  615. }
  616.  
  617. .meta-agenda.panel.top.purple:after {
  618. border-top-color: #845EF7;
  619. }
  620.  
  621. .meta-agenda.panel.top.green:after {
  622. border-top-color: #51CF66;
  623. }
  624.  
  625. .meta-agenda.panel.top.blue:after {
  626. border-top-color: #72C3FC;
  627. }
  628.  
  629. .meta-agenda.panel .panel-click a {
  630. display: block;
  631. font-size: 12px;
  632. font-weight: 400;
  633. transition: all .2s ease;
  634. text-decoration: underline;
  635. }
  636.  
  637. .meta-agenda.panel .panel-click a:hover {
  638. font-weight: bold;
  639. }
  640.  
  641. .meta-agenda.panel .panel-heading {
  642. position: relative;
  643. }
  644.  
  645. .meta-agenda.panel .panel-heading a {
  646. display: block;
  647. position: absolute;
  648. right: 0;
  649. top: 25%;
  650. text-decoration: none;
  651. }
  652.  
  653. .meta-agenda.panel .panel-heading a.close-meta-agenda i.icon-edit {
  654. display: block;
  655. position: absolute;
  656. right: 16px;
  657. top: 25%;
  658. text-decoration: none;
  659. /* color: #fff !important; */
  660. /* background-color: #5bc0de !important; */
  661. /* border-color: #46b8da !important; */
  662. }
  663.  
  664. .meta-agenda.panel .panel-heading i {
  665. font-size: 10px;
  666. }
  667.  
  668. /* Carousel */
  669.  
  670. .carousel-gauge {
  671. max-width: 95%;
  672. }
  673.  
  674. .carousel-gauge .slick-arrow.prev {
  675. left: -40px;
  676. }
  677.  
  678. .carousel-gauge .slick-arrow.next {
  679. right: -40px;
  680. }
  681.  
  682. .carousel-gauge .carousel--item {
  683. margin: 0;
  684. padding: 0 5px;
  685. }
  686.  
  687. .slick-slider {
  688. -webkit-user-select: text;
  689. -khtml-user-select: text;
  690. -moz-user-select: text;
  691. -ms-user-select: text;
  692. user-select: text;
  693. }
  694.  
  695. .slick-list.draggable {
  696. -webkit-user-select: none;
  697. -khtml-user-select: none;
  698. -moz-user-select: none;
  699. -ms-user-select: none;
  700. user-select: none;
  701. }
  702.  
  703. .kpi-details-cta,
  704. .kpi-details-cta:hover,
  705. .kpi-details-cta:focus,
  706. .kpi-details-cta:active,
  707. .kpi-details-cta:visited {
  708. color: inherit;
  709. text-decoration: none;
  710. }
  711.  
  712. .table-striped>tbody>tr:nth-of-type(odd) {
  713. background: transparent !important;
  714. }
  715.  
  716. .table-striped>tbody:nth-of-type(odd)>tr {
  717. background: #f9f9f9 !important;
  718. }
  719.  
  720. .table-striped>tbody:nth-of-type(odd)>tr:nth-of-type(odd) {
  721. background: transparent !important;
  722. }
  723.  
  724. .table.kpi-details-table {
  725. border: #000;
  726. }
  727.  
  728. .table.kpi-details-table>thead {
  729. background: #FFF;
  730. }
  731.  
  732. .table.kpi-details-table td {
  733. border-left: 1px solid #F1F3F5;
  734. border-right: 1px solid #F1F3F5;
  735. border-top: 1px solid #000;
  736. border-bottom: 1px solid #000;
  737. }
  738.  
  739. .table-striped.kpi-details-table td {
  740. font-weight: bold;
  741. }
  742.  
  743. .table.kpi-details-table>thead>tr>th {
  744. vertical-align: middle;
  745. text-align: center;
  746. text-transform: uppercase;
  747. }
  748.  
  749. .table-striped.kpi-details-table>thead>tr:first-child>th:first-child,
  750. .table-striped.kpi-details-table.depot>thead>tr:first-child>th:nth-child(2) .table-striped.kpi-details-table.salaf>thead>tr:first-child>th:nth-child(2) .table-striped.kpi-details-table.wafaimm>thead>tr:first-child>th:nth-child(2) {
  751. text-align: left;
  752. }
  753.  
  754. .table-striped.kpi-details-table>tbody td,
  755. .table-striped.kpi-details-table.depot_entreprise>thead>tr:first-child>th:first-child,
  756. .table-striped.kpi-details-table.credit_entreprise>thead>tr:first-child>th:first-child {
  757. text-align: center;
  758. }
  759.  
  760. .table-striped.kpi-details-table>tbody td:first-child,
  761. .table-striped.kpi-details-table.depot>tbody td:nth-child(2) .table-striped.kpi-details-table.salaf>tbody td:nth-child(2) .table-striped.kpi-details-table.wafaimm>tbody td:nth-child(2) {
  762. text-align: left;
  763. }
  764.  
  765. @media screen {
  766. .table-striped.kpi-details-table:not(.depot):not(.credit_ent_total):not(.depot_ent_total):not(.salaf):not(.wafaimm)>thead>tr:first-child>th:first-child,
  767. .table-striped.kpi-details-table.depot>thead>tr:first-child>th:nth-child(2) .table-striped.kpi-details-table.salaf>thead>tr:first-child>th:nth-child(2) .table-striped.kpi-details-table.wafaimm>thead>tr:first-child>th:nth-child(2) {
  768. width: 160px;
  769. font-size: 20px;
  770. }
  771. }
  772.  
  773. .table.kpi-details-table>thead>tr>th {
  774. border-color: #F1F3F5;
  775. border-bottom-color: #000;
  776. height: 50px;
  777. }
  778.  
  779. .table-striped.kpi-details-table>thead>tr.headers>th {
  780. border-color: #FFF;
  781. border-bottom: none;
  782. height: 0;
  783. }
  784.  
  785. .table-striped.kpi-details-table>thead>tr.headers {
  786. border-bottom: none;
  787. }
  788.  
  789. .table.kpi-details-table>tbody+tbody {
  790. border: none;
  791. }
  792.  
  793. .table.kpi-details-table thead tr th.column-red {
  794. background-color: #ec8668;
  795. color: #FFF;
  796. }
  797.  
  798. .table.kpi-details-table td.column-red {
  799. background-color: #f5c2b3;
  800. }
  801.  
  802. .table.kpi-details-table thead tr th.column-orange {
  803. background-color: #F5B62E;
  804. color: #FFF;
  805. }
  806.  
  807. .table.kpi-details-table td.column-orange {
  808. background-color: #fada96;
  809. }
  810.  
  811. .table.kpi-details-table thead tr th.column-grey {
  812. background-color: #343A40;
  813. color: #FFF;
  814. }
  815.  
  816. .table.kpi-details-table td.column-grey {
  817. background-color: #CED4DA;
  818. }
  819.  
  820. .table.kpi-details-table.tenue_rdv_pc td,
  821. .table.kpi-details-table.tenue_rdv_pc th,
  822. .table.kpi-details-table.taux_succes td,
  823. .table.kpi-details-table.taux_succes th,
  824. .table.kpi-details-table.planification_rdv td,
  825. .table.kpi-details-table.planification_rdv th {
  826. border: 1px solid #191a1b !important;
  827. }
  828.  
  829. .table.kpi-details-table.tenue_rdv_pc thead tr th,
  830. .table.kpi-details-table.taux_succes thead tr th,
  831. .table.kpi-details-table.planification_rdv thead tr th {
  832. background-color: #343a40;
  833. color: #fff;
  834. }
  835.  
  836. .table.kpi-details-table.packages tbody:first-of-type,
  837. .table.kpi-details-table.monetique tbody:first-of-type,
  838. .table.kpi-details-table.conquete tbody:first-of-type {
  839. font-size: 13px;
  840. }
  841.  
  842. .table.kpi-details-table.tenue_rdv_pc thead tr th:first-child,
  843. .table.kpi-details-table.taux_succes thead tr th:first-child,
  844. .table.kpi-details-table.planification_rdv thead tr th:first-child {
  845. background: transparent;
  846. border-left: 0 !important;
  847. border-top: 0 !important;
  848. }
  849.  
  850. /* Pagination */
  851.  
  852. .pagination .hidden {
  853. display: none;
  854. }
  855.  
  856. .pagination--wrapper ul li a.next,
  857. .pagination--wrapper ul li a.prev {
  858. color: #343A40;
  859. border: 0;
  860. background-color: transparent;
  861. }
  862.  
  863. .pagination--wrapper ul li a.next:hover,
  864. .pagination--wrapper ul li a.prev:hover {
  865. text-decoration: underline;
  866. }
  867.  
  868. /* Equipments */
  869.  
  870. .panel.panel-view .panel-body.equipments table span {
  871. width: 100%;
  872. margin: 0;
  873. }
  874.  
  875. .panel.panel-view .panel-body.equipments table span.amount {
  876. width: 100%;
  877. text-align: right;
  878. }
  879.  
  880. .panel.panel-view .panel-body ul.list-unstyled.list-count-number li a {
  881. display: inline-block;
  882. padding: 0;
  883. background: transparent;
  884. }
  885.  
  886. .list-count-line li {
  887. width: auto !important;
  888. margin-bottom: 7px !important;
  889. }
  890.  
  891. .equipments-header h4 {
  892. font-size: 16px;
  893. text-align: center;
  894. }
  895.  
  896. .equipments-header-tablist li.react-tabs__tab.react-tabs__tab--selected {
  897. font-weight: bold !important;
  898. }
  899.  
  900. .equipments-header-tablist li.react-tabs__tab.react-tabs__tab--selected a {
  901. color: black !important;
  902. font-weight: bold !important;
  903. }
  904.  
  905. .equipments-header-tablist.subTabs li.react-tabs__tab {
  906. border-right: 1px solid #868E96;
  907. padding: 0 .5em;
  908. }
  909.  
  910. .equipments-header-tablist.subTabs li.react-tabs__tab:first-child {
  911. padding-left: 0;
  912. }
  913.  
  914. .equipments-header-tablist.subTabs li.react-tabs__tab:last-child {
  915. border-right: none;
  916. }
  917.  
  918. .equipments-header-tablist.subTabs li.react-tabs__tab a {
  919. text-transform: none !important;
  920. padding: 0 .5em;
  921. }
  922.  
  923. .equipments-header-tablist.subTabs li.react-tabs__tab.react-tabs__tab--selected a {
  924. border-bottom: 1px solid #868E96;
  925. }
  926.  
  927. /* 360 */
  928.  
  929. .not-crm-link,
  930. .not-crm-link:hover,
  931. .not-crm-link:active,
  932. .not-crm-link:focus {
  933. cursor: default;
  934. color: #191a1b;
  935. text-decoration: none;
  936. pointer-events: none;
  937. }
  938.  
  939. .panel.panel-view .panel-body.tab-content.mini {
  940. padding: 10px 10px 0;
  941. }
  942.  
  943. .panel-details-business {
  944. box-shadow: none;
  945. margin: 0;
  946. }
  947.  
  948. .row.business-tabs {
  949. margin-left: -10px;
  950. margin-right: -10px;
  951. }
  952.  
  953. .synthesis-top,
  954. .row.business-synthesis-top {
  955. margin-top: -25px;
  956. }
  957.  
  958. .panel.panel-view .customer-persons-panel-heading {
  959. padding-right: 20px;
  960. padding-left: 20px;
  961. }
  962.  
  963. .panel.panel-view .panel-heading ul.customer-persons-tablist {
  964. display: inline-block;
  965. width: 90%;
  966. }
  967.  
  968. .panel.panel-view .panel-heading ul.customer-persons-tablist li {
  969. margin-left: 0;
  970. }
  971.  
  972. .panel.panel-view .panel-heading ul.customer-persons-tablist .slick-track {
  973. margin-left: 0;
  974. text-align: center;
  975. }
  976.  
  977. .panel.panel-view .panel-heading.customer-persons-tablist-heading {
  978. padding: 1px;
  979. }
  980.  
  981. .panel.panel-view .panel-body .details-client {
  982. padding: 0 10px;
  983. }
  984.  
  985. .panel.panel-view .panel-body .details-client .content-details-client ul {
  986. margin-bottom: 7px;
  987. }
  988.  
  989. .panel.panel-view .panel-body .details-client.details-client-center .content-details-client ul li {
  990. text-align: center;
  991. }
  992.  
  993. .panel.panel-view .panel-body .details-client.details-equipments {
  994. padding-right: 11px;
  995. }
  996.  
  997. .box--icon {
  998. min-height: 120px;
  999. }
  1000.  
  1001. .panel.panel-view .panel-body .details-client .title-details-client {
  1002. margin-top: 20px;
  1003. margin-bottom: 7px;
  1004. padding-top: 4px;
  1005. }
  1006.  
  1007. .panel.panel-view .panel-body .details-client .title-details-client:first-child {
  1008. margin-top: 0;
  1009. }
  1010.  
  1011. .panel.panel-view .panel-body .person-sub-tab-pane .details-client>.title-details-client:first-child {
  1012. border: none;
  1013. }
  1014.  
  1015. .panel.panel-titres {
  1016. padding: 0;
  1017. box-shadow: none;
  1018. border: none;
  1019. }
  1020.  
  1021. .privilege--details .icon-privilege:before {
  1022. color: inherit;
  1023. }
  1024.  
  1025. .top-content .btn-group.btn-DropDown {
  1026. margin-right: 0;
  1027. }
  1028.  
  1029. .cta-buttons {
  1030. width: 280px;
  1031. text-align: right;
  1032. }
  1033.  
  1034. .cta-buttons>a.vente-cta,
  1035. .cta-buttons>a.vente-cta:hover {
  1036. background: #E25846;
  1037. padding-bottom: 5px;
  1038. padding-top: 5px;
  1039. margin-right: 0;
  1040. border-radius: 3px;
  1041. font-weight: bold;
  1042. font-size: 13px;
  1043. }
  1044.  
  1045. .cta-buttons .btn.borj-cta {
  1046. margin-right: 3px;
  1047. padding-bottom: 0.5em;
  1048. padding-top: .4em;
  1049. border-radius: 3px;
  1050. font-weight: bold;
  1051. font-size: 14px;
  1052. }
  1053.  
  1054. .cta-buttons .btnPlusContainer {
  1055. display: inline-block;
  1056. position: relative;
  1057. width: 30px;
  1058. overflow: visible;
  1059. }
  1060.  
  1061. .cta-buttons .btnPlusLinks {
  1062. display: none;
  1063. }
  1064.  
  1065. .cta-buttons .btnPlusContainer:hover .btnPlusLinks {
  1066. display: block;
  1067. }
  1068.  
  1069. .btn.vente-equipment-cta {
  1070. background: #E25846;
  1071. font-weight: bold;
  1072. border: none;
  1073. }
  1074.  
  1075. .btn.client-edit-button {
  1076. display: block;
  1077. margin-top: 3px;
  1078. width: 25px;
  1079. height: 25px;
  1080. line-height: 25px;
  1081. padding-top: 0;
  1082. padding-left: 0;
  1083. padding-right: 0;
  1084. text-align: center;
  1085. margin-right: 3px;
  1086. }
  1087.  
  1088. .btn.client-edit-contact-button {
  1089. margin-right: 5px;
  1090. line-height: 30px;
  1091. }
  1092.  
  1093. .btn.client-edit-button i {
  1094. font-size: 1.1em;
  1095. }
  1096.  
  1097. .btn.client-edit-contact-button i {
  1098. font-size: 1.6em;
  1099. }
  1100.  
  1101. .panel.panel-view .panel-body ul.tab-list-menu>li {
  1102. margin-left: 13px;
  1103. }
  1104.  
  1105. .panel.panel-view .panel-body ul.tab-list-menu>li a,
  1106. .panel.panel-view .panel-body ul.tab-list-menu>li.active a {
  1107. font-size: 11px;
  1108. }
  1109.  
  1110. .panel.panel-view .panel-body .details-client .content-details-client ul li>span:last-child {
  1111. font-size: 13px;
  1112. }
  1113.  
  1114. @media screen and (max-width: 1200px) {
  1115. .wrap-zoom .list-flex-menu>li {
  1116. box-sizing: border-box;
  1117. margin-right: .5%;
  1118. padding: 2px 1% 1px 0;
  1119. }
  1120. .wrap-zoom .list-flex-menu>li>a,
  1121. .wrap-zoom .list-flex-menu>li>a:hover {
  1122. border-bottom-width: 1px;
  1123. font-weight: normal;
  1124. font-size: 13px;
  1125. }
  1126. .wrap-zoom .list-flex-menu>li>a.active,
  1127. .wrap-zoom .list-flex-menu>li>a:hover {
  1128. border-bottom-width: 1px;
  1129. }
  1130. .wrap-zoom .list-flex-menu>li>a>span {
  1131. padding: 5px 6px;
  1132. }
  1133. .wrap-zoom .list-flex-menu>li>a span.badge.badge-primary.positionned {
  1134. padding: 3px 6px;
  1135. top: -16px;
  1136. right: -2px;
  1137. min-width: 18px;
  1138. min-height: 18px;
  1139. font-size: 11px;
  1140. /*font-weight: normal;*/
  1141. }
  1142. .wrap-zoom .list-flex-menu>li>a span.badge.badge-primary.positionned.left {
  1143. right: auto;
  1144. left: -2px;
  1145. }
  1146. }
  1147.  
  1148. /* Modal */
  1149.  
  1150. .modal-mlg {
  1151. width: 768px !important;
  1152. }
  1153.  
  1154. .modal-title-divider {
  1155. width: 50%;
  1156. border-top-color: #CED4DA;
  1157. }
  1158.  
  1159. .contact-plan-list li:nth-child(2n+1) a,
  1160. .help-ov-list li:nth-child(2n+1) a,
  1161. .manual-ov-list li:nth-child(2n+1) a {
  1162. background: #F8F9FA;
  1163. }
  1164.  
  1165. /* Login */
  1166.  
  1167. .login-error-wrapper {
  1168. position: absolute;
  1169. top: 30%;
  1170. }
  1171.  
  1172. /* Search */
  1173.  
  1174. .list-search-result li>a>i {
  1175. font-size: 3em;
  1176. margin-top: 5px;
  1177. }
  1178.  
  1179. .pagination--wrapper,
  1180. .pagination {
  1181. margin-top: 0;
  1182. margin-bottom: 0;
  1183. }
  1184.  
  1185. /*Employees */
  1186.  
  1187. .bootstrap-select.btn-group .dropdown-menu.employees-dropdown-menu {
  1188. max-width: 300px;
  1189. max-height: 500px !important;
  1190. right: 0;
  1191. left: auto;
  1192. overflow-y: auto;
  1193. }
  1194.  
  1195. .bootstrap-select.btn-group .dropdown-menu.employees-dropdown-menu-inner {
  1196. max-width: 300px;
  1197. max-height: 500px !important;
  1198. right: 0;
  1199. left: auto;
  1200. }
  1201.  
  1202. .employees-dropdown-sidebar {
  1203. margin-top: -2px;
  1204. }
  1205.  
  1206. .employees-dropdown-button {
  1207. width: 260px;
  1208. }
  1209.  
  1210. .rgemployees-dropdown-button {
  1211. width: 320px;
  1212. }
  1213.  
  1214. .employees-dropdown-full {
  1215. position: absolute;
  1216. left: 115px;
  1217. top: 32px;
  1218. z-index: 99;
  1219. }
  1220.  
  1221. .employees-dropdown-full .employees-dropdown-button {
  1222. padding: 3px 10px 5px;
  1223. }
  1224.  
  1225. /* Tooltips */
  1226.  
  1227. .tooltip-inner {
  1228. background-color: #111;
  1229. }
  1230.  
  1231. /**** Loader *****/
  1232.  
  1233. .main-app-loader {
  1234. text-align: center;
  1235. }
  1236.  
  1237. .main-app-loader img {
  1238. margin-top: 20em;
  1239. margin-bottom: 10px;
  1240. }
  1241.  
  1242. .bootstrap-loader-container {
  1243. z-index: 3;
  1244. width: 100%;
  1245. top: 54px;
  1246. left: 58px;
  1247. }
  1248.  
  1249. .app-loader-container {
  1250. z-index: 3;
  1251. position: fixed;
  1252. width: 100%;
  1253. top: 54px;
  1254. left: 58px;
  1255. }
  1256.  
  1257. .loader-linearActivity {
  1258. overflow: hidden;
  1259. width: 100%;
  1260. height: 4px;
  1261. background-color: #FFAB91;
  1262. }
  1263.  
  1264. .loader-determinate {
  1265. position: relative;
  1266. max-width: 100%;
  1267. height: 100%;
  1268. -webkit-transition: width 500ms ease-out 1s;
  1269. -moz-transition: width 500ms ease-out 1s;
  1270. -o-transition: width 500ms ease-out 1s;
  1271. transition: width 500ms ease-out 1s;
  1272. background-color: #FF5722;
  1273. }
  1274.  
  1275. .loader-indeterminate {
  1276. position: relative;
  1277. width: 100%;
  1278. height: 100%;
  1279. }
  1280.  
  1281. .loader-indeterminate:before {
  1282. content: '';
  1283. position: absolute;
  1284. height: 100%;
  1285. background-color: #FF5722;
  1286. animation: loader-indeterminate_first 1.5s infinite ease-out;
  1287. }
  1288.  
  1289. .loader-indeterminate:after {
  1290. content: '';
  1291. position: absolute;
  1292. height: 100%;
  1293. background-color: #FF7043;
  1294. animation: loader-indeterminate_second 1.5s infinite ease-in;
  1295. }
  1296.  
  1297. @keyframes loader-indeterminate_first {
  1298. 0% {
  1299. left: -100%;
  1300. width: 100%;
  1301. }
  1302. 100% {
  1303. left: 100%;
  1304. width: 10%;
  1305. }
  1306. }
  1307.  
  1308. @keyframes loader-indeterminate_second {
  1309. 0% {
  1310. left: -150%;
  1311. width: 100%;
  1312. }
  1313. 100% {
  1314. left: 100%;
  1315. width: 10%;
  1316. }
  1317. }
  1318.  
  1319. .icon-phone {
  1320. font-size: 12px;
  1321. float: initial;
  1322. }
  1323.  
  1324. .small-flag {
  1325. font-size: 12px;
  1326. float: initial;
  1327. }
  1328.  
  1329. .small-flag-red {
  1330. font-size: 12px;
  1331. float: initial;
  1332. color: red;
  1333. }
  1334.  
  1335. span.badge.badge-primary.positionned.left {
  1336. left: -6px;
  1337. right: 150px;
  1338. }
  1339.  
  1340. .radio input[type=radio][disabled]+label:before,
  1341. legend {
  1342. border-color: #e9ecef !important;
  1343. }
  1344.  
  1345. .notifications-br {
  1346. width: 500px !important;
  1347. margin-right: 10px;
  1348. }
  1349.  
  1350. .notifications-br .notification-message {
  1351. padding-bottom: 10px !important;
  1352. }
  1353.  
  1354. .notifications-br .notification-action-button {
  1355. padding: 4px 10px !important;
  1356. }
  1357.  
  1358. .btn-save,
  1359. .btn-save:active {
  1360. font-size: 11px;
  1361. background: #4285f4;
  1362. color: #FFF;
  1363. box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .24);
  1364. border: none;
  1365. border-radius: 2px;
  1366. cursor: pointer;
  1367. display: inline-block;
  1368. font-weight: bold;
  1369. line-height: 2.5;
  1370. padding: 4px 10px 3px;
  1371. text-transform: uppercase;
  1372. white-space: nowrap;
  1373. transition: box-shadow .2s cubic-bezier(.4, 0, .2, 1), background-color .2s cubic-bezier(.4, 0, .2, 1);
  1374. -webkit-font-smoothing: antialiased;
  1375. margin-left: 5px;
  1376. }
  1377.  
  1378. .btn-save:hover,
  1379. .btn-save:focus {
  1380. color: #FFF;
  1381. }
  1382.  
  1383. /*React Date picker*/
  1384.  
  1385. .react-datepicker {
  1386. font-size: 1.2rem;
  1387. font-family: inherit;
  1388. }
  1389.  
  1390. .react-datepicker__time-list {
  1391. padding-right: 0;
  1392. padding-left: 0;
  1393. overflow-y: visible !important;
  1394. }
  1395.  
  1396. .highcharts-credits {
  1397. display: none;
  1398. }
  1399.  
  1400. .colorDot {
  1401. height: 15px !important;
  1402. width: 15px !important;
  1403. border-radius: 50%;
  1404. }
  1405.  
  1406. .portFeuille-page .switch input:checked+.slider {
  1407. background-color: #ccc !important;
  1408. }
  1409.  
  1410. .bancass-info-container .row {
  1411. margin-bottom: 10px !important;
  1412. }
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!