mcarman
/
React_Client_App_Access
1
0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
3 Commits
1 Branch
84 MiB
 
 
 
 
Branch: master
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'master'
${ noResults }
React_Client_App_Access/node_modules/react-big-calendar/lib/css/react-big-calendar.css

514 lines
12 KiB
Raw Permalink Blame History 

  1. @charset "UTF-8";

  2. .rbc-btn {

  3.   color: inherit;

  4.   font: inherit;

  5.   margin: 0; }

  6. 

  7. button.rbc-btn {

  8.   overflow: visible;

  9.   text-transform: none;

  10.   -webkit-appearance: button;

  11.   cursor: pointer; }

  12. 

  13. button[disabled].rbc-btn {

  14.   cursor: not-allowed; }

  15. 

  16. button.rbc-input::-moz-focus-inner {

  17.   border: 0;

  18.   padding: 0; }

  19. 

  20. .rbc-calendar {

  21.   box-sizing: border-box;

  22.   height: 100%;

  23.   display: flex;

  24.   flex-direction: column;

  25.   align-items: stretch; }

  26. 

  27. .rbc-calendar *,

  28. .rbc-calendar *:before,

  29. .rbc-calendar *:after {

  30.   box-sizing: inherit; }

  31. 

  32. .rbc-abs-full, .rbc-row-bg {

  33.   overflow: hidden;

  34.   position: absolute;

  35.   top: 0;

  36.   left: 0;

  37.   right: 0;

  38.   bottom: 0; }

  39. 

  40. .rbc-ellipsis, .rbc-event-label, .rbc-row-segment .rbc-event-content, .rbc-show-more {

  41.   display: block;

  42.   overflow: hidden;

  43.   text-overflow: ellipsis;

  44.   white-space: nowrap; }

  45. 

  46. .rbc-rtl {

  47.   direction: rtl; }

  48. 

  49. .rbc-off-range {

  50.   color: #999999; }

  51. 

  52. .rbc-off-range-bg {

  53.   background: #e6e6e6; }

  54. 

  55. .rbc-header {

  56.   overflow: hidden;

  57.   flex: 1 0 0%;

  58.   text-overflow: ellipsis;

  59.   white-space: nowrap;

  60.   padding: 0 3px;

  61.   text-align: center;

  62.   vertical-align: middle;

  63.   font-weight: bold;

  64.   font-size: 90%;

  65.   min-height: 0;

  66.   border-bottom: 1px solid #DDD; }

  67.   .rbc-header + .rbc-header {

  68.     border-left: 1px solid #DDD; }

  69.   .rbc-rtl .rbc-header + .rbc-header {

  70.     border-left-width: 0;

  71.     border-right: 1px solid #DDD; }

  72.   .rbc-header > a, .rbc-header > a:active, .rbc-header > a:visited {

  73.     color: inherit;

  74.     text-decoration: none; }

  75. 

  76. .rbc-row-content {

  77.   position: relative;

  78.   user-select: none;

  79.   -webkit-user-select: none;

  80.   z-index: 4; }

  81. 

  82. .rbc-today {

  83.   background-color: #eaf6ff; }

  84. 

  85. .rbc-toolbar {

  86.   display: flex;

  87.   flex-wrap: wrap;

  88.   justify-content: center;

  89.   align-items: center;

  90.   margin-bottom: 10px;

  91.   font-size: 16px; }

  92.   .rbc-toolbar .rbc-toolbar-label {

  93.     flex-grow: 1;

  94.     padding: 0 10px;

  95.     text-align: center; }

  96.   .rbc-toolbar button {

  97.     color: #373a3c;

  98.     display: inline-block;

  99.     margin: 0;

  100.     text-align: center;

  101.     vertical-align: middle;

  102.     background: none;

  103.     background-image: none;

  104.     border: 1px solid #ccc;

  105.     padding: .375rem 1rem;

  106.     border-radius: 4px;

  107.     line-height: normal;

  108.     white-space: nowrap; }

  109.     .rbc-toolbar button:active, .rbc-toolbar button.rbc-active {

  110.       background-image: none;

  111.       box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  112.       background-color: #e6e6e6;

  113.       border-color: #adadad; }

  114.       .rbc-toolbar button:active:hover, .rbc-toolbar button:active:focus, .rbc-toolbar button.rbc-active:hover, .rbc-toolbar button.rbc-active:focus {

  115.         color: #373a3c;

  116.         background-color: #d4d4d4;

  117.         border-color: #8c8c8c; }

  118.     .rbc-toolbar button:focus {

  119.       color: #373a3c;

  120.       background-color: #e6e6e6;

  121.       border-color: #adadad; }

  122.     .rbc-toolbar button:hover {

  123.       color: #373a3c;

  124.       background-color: #e6e6e6;

  125.       border-color: #adadad; }

  126. 

  127. .rbc-btn-group {

  128.   display: inline-block;

  129.   white-space: nowrap; }

  130.   .rbc-btn-group > button:first-child:not(:last-child) {

  131.     border-top-right-radius: 0;

  132.     border-bottom-right-radius: 0; }

  133.   .rbc-btn-group > button:last-child:not(:first-child) {

  134.     border-top-left-radius: 0;

  135.     border-bottom-left-radius: 0; }

  136.   .rbc-rtl .rbc-btn-group > button:first-child:not(:last-child) {

  137.     border-radius: 4px;

  138.     border-top-left-radius: 0;

  139.     border-bottom-left-radius: 0; }

  140.   .rbc-rtl .rbc-btn-group > button:last-child:not(:first-child) {

  141.     border-radius: 4px;

  142.     border-top-right-radius: 0;

  143.     border-bottom-right-radius: 0; }

  144.   .rbc-btn-group > button:not(:first-child):not(:last-child) {

  145.     border-radius: 0; }

  146.   .rbc-btn-group button + button {

  147.     margin-left: -1px; }

  148.   .rbc-rtl .rbc-btn-group button + button {

  149.     margin-left: 0;

  150.     margin-right: -1px; }

  151.   .rbc-btn-group + .rbc-btn-group,

  152.   .rbc-btn-group + button {

  153.     margin-left: 10px; }

  154. 

  155. .rbc-event {

  156.   border: none;

  157.   box-sizing: border-box;

  158.   box-shadow: none;

  159.   margin: 0;

  160.   padding: 2px 5px;

  161.   background-color: #3174ad;

  162.   border-radius: 5px;

  163.   color: #fff;

  164.   cursor: pointer;

  165.   width: 100%;

  166.   text-align: left; }

  167.   .rbc-slot-selecting .rbc-event {

  168.     cursor: inherit;

  169.     pointer-events: none; }

  170.   .rbc-event.rbc-selected {

  171.     background-color: #265985; }

  172.   .rbc-event:focus {

  173.     outline: 5px auto #3b99fc; }

  174. 

  175. .rbc-event-label {

  176.   font-size: 80%; }

  177. 

  178. .rbc-event-overlaps {

  179.   box-shadow: -1px 1px 5px 0px rgba(51, 51, 51, 0.5); }

  180. 

  181. .rbc-event-continues-prior {

  182.   border-top-left-radius: 0;

  183.   border-bottom-left-radius: 0; }

  184. 

  185. .rbc-event-continues-after {

  186.   border-top-right-radius: 0;

  187.   border-bottom-right-radius: 0; }

  188. 

  189. .rbc-event-continues-earlier {

  190.   border-top-left-radius: 0;

  191.   border-top-right-radius: 0; }

  192. 

  193. .rbc-event-continues-later {

  194.   border-bottom-left-radius: 0;

  195.   border-bottom-right-radius: 0; }

  196. 

  197. .rbc-row {

  198.   display: flex;

  199.   flex-direction: row; }

  200. 

  201. .rbc-row-segment {

  202.   padding: 0 1px 1px 1px; }

  203. 

  204. .rbc-selected-cell {

  205.   background-color: rgba(0, 0, 0, 0.1); }

  206. 

  207. .rbc-show-more {

  208.   background-color: rgba(255, 255, 255, 0.3);

  209.   z-index: 4;

  210.   font-weight: bold;

  211.   font-size: 85%;

  212.   height: auto;

  213.   line-height: normal; }

  214. 

  215. .rbc-month-view {

  216.   position: relative;

  217.   border: 1px solid #DDD;

  218.   display: flex;

  219.   flex-direction: column;

  220.   flex: 1 0 0;

  221.   width: 100%;

  222.   user-select: none;

  223.   -webkit-user-select: none;

  224.   height: 100%; }

  225. 

  226. .rbc-month-header {

  227.   display: flex;

  228.   flex-direction: row; }

  229. 

  230. .rbc-month-row {

  231.   display: flex;

  232.   position: relative;

  233.   flex-direction: column;

  234.   flex: 1 0 0;

  235.   flex-basis: 0px;

  236.   overflow: hidden;

  237.   height: 100%; }

  238.   .rbc-month-row + .rbc-month-row {

  239.     border-top: 1px solid #DDD; }

  240. 

  241. .rbc-date-cell {

  242.   flex: 1 1 0;

  243.   min-width: 0;

  244.   padding-right: 5px;

  245.   text-align: right; }

  246.   .rbc-date-cell.rbc-now {

  247.     font-weight: bold; }

  248.   .rbc-date-cell > a, .rbc-date-cell > a:active, .rbc-date-cell > a:visited {

  249.     color: inherit;

  250.     text-decoration: none; }

  251. 

  252. .rbc-row-bg {

  253.   display: flex;

  254.   flex-direction: row;

  255.   flex: 1 0 0;

  256.   overflow: hidden; }

  257. 

  258. .rbc-day-bg {

  259.   flex: 1 0 0%; }

  260.   .rbc-day-bg + .rbc-day-bg {

  261.     border-left: 1px solid #DDD; }

  262.   .rbc-rtl .rbc-day-bg + .rbc-day-bg {

  263.     border-left-width: 0;

  264.     border-right: 1px solid #DDD; }

  265. 

  266. .rbc-overlay {

  267.   position: absolute;

  268.   z-index: 5;

  269.   border: 1px solid #e5e5e5;

  270.   background-color: #fff;

  271.   box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);

  272.   padding: 10px; }

  273.   .rbc-overlay > * + * {

  274.     margin-top: 1px; }

  275. 

  276. .rbc-overlay-header {

  277.   border-bottom: 1px solid #e5e5e5;

  278.   margin: -10px -10px 5px -10px;

  279.   padding: 2px 10px; }

  280. 

  281. .rbc-agenda-view {

  282.   display: flex;

  283.   flex-direction: column;

  284.   flex: 1 0 0;

  285.   overflow: auto; }

  286.   .rbc-agenda-view table.rbc-agenda-table {

  287.     width: 100%;

  288.     border: 1px solid #DDD;

  289.     border-spacing: 0;

  290.     border-collapse: collapse; }

  291.     .rbc-agenda-view table.rbc-agenda-table tbody > tr > td {

  292.       padding: 5px 10px;

  293.       vertical-align: top; }

  294.     .rbc-agenda-view table.rbc-agenda-table .rbc-agenda-time-cell {

  295.       padding-left: 15px;

  296.       padding-right: 15px;

  297.       text-transform: lowercase; }

  298.     .rbc-agenda-view table.rbc-agenda-table tbody > tr > td + td {

  299.       border-left: 1px solid #DDD; }

  300.     .rbc-rtl .rbc-agenda-view table.rbc-agenda-table tbody > tr > td + td {

  301.       border-left-width: 0;

  302.       border-right: 1px solid #DDD; }

  303.     .rbc-agenda-view table.rbc-agenda-table tbody > tr + tr {

  304.       border-top: 1px solid #DDD; }

  305.     .rbc-agenda-view table.rbc-agenda-table thead > tr > th {

  306.       padding: 3px 5px;

  307.       text-align: left;

  308.       border-bottom: 1px solid #DDD; }

  309.       .rbc-rtl .rbc-agenda-view table.rbc-agenda-table thead > tr > th {

  310.         text-align: right; }

  311. 

  312. .rbc-agenda-time-cell {

  313.   text-transform: lowercase; }

  314.   .rbc-agenda-time-cell .rbc-continues-after:after {

  315.     content: ' »'; }

  316.   .rbc-agenda-time-cell .rbc-continues-prior:before {

  317.     content: '« '; }

  318. 

  319. .rbc-agenda-date-cell,

  320. .rbc-agenda-time-cell {

  321.   white-space: nowrap; }

  322. 

  323. .rbc-agenda-event-cell {

  324.   width: 100%; }

  325. 

  326. .rbc-time-column {

  327.   display: flex;

  328.   flex-direction: column;

  329.   min-height: 100%; }

  330.   .rbc-time-column .rbc-timeslot-group {

  331.     flex: 1; }

  332. 

  333. .rbc-timeslot-group {

  334.   border-bottom: 1px solid #DDD;

  335.   min-height: 40px;

  336.   display: flex;

  337.   flex-flow: column nowrap; }

  338. 

  339. .rbc-time-gutter,

  340. .rbc-header-gutter {

  341.   flex: none; }

  342. 

  343. .rbc-label {

  344.   padding: 0 5px; }

  345. 

  346. .rbc-day-slot {

  347.   position: relative; }

  348.   .rbc-day-slot .rbc-events-container {

  349.     bottom: 0;

  350.     left: 0;

  351.     position: absolute;

  352.     right: 0;

  353.     margin-right: 10px;

  354.     top: 0; }

  355.     .rbc-day-slot .rbc-events-container.rbc-rtl {

  356.       left: 10px;

  357.       right: 0; }

  358.   .rbc-day-slot .rbc-event {

  359.     border: 1px solid #265985;

  360.     display: flex;

  361.     max-height: 100%;

  362.     min-height: 20px;

  363.     flex-flow: column wrap;

  364.     align-items: flex-start;

  365.     overflow: hidden;

  366.     position: absolute; }

  367.   .rbc-day-slot .rbc-event-label {

  368.     flex: none;

  369.     padding-right: 5px;

  370.     width: auto; }

  371.   .rbc-day-slot .rbc-event-content {

  372.     width: 100%;

  373.     flex: 1 1 0;

  374.     word-wrap: break-word;

  375.     line-height: 1;

  376.     height: 100%;

  377.     min-height: 1em; }

  378.   .rbc-day-slot .rbc-time-slot {

  379.     border-top: 1px solid #f7f7f7; }

  380. 

  381. .rbc-time-view-resources .rbc-time-gutter,

  382. .rbc-time-view-resources .rbc-time-header-gutter {

  383.   position: sticky;

  384.   left: 0;

  385.   background-color: white;

  386.   border-right: 1px solid #DDD;

  387.   z-index: 10;

  388.   margin-right: -1px; }

  389. 

  390. .rbc-time-view-resources .rbc-time-header {

  391.   overflow: hidden; }

  392. 

  393. .rbc-time-view-resources .rbc-time-header-content {

  394.   min-width: auto;

  395.   flex: 1 0 0;

  396.   flex-basis: 0px; }

  397. 

  398. .rbc-time-view-resources .rbc-time-header-cell-single-day {

  399.   display: none; }

  400. 

  401. .rbc-time-view-resources .rbc-day-slot {

  402.   min-width: 140px; }

  403. 

  404. .rbc-time-view-resources .rbc-header,

  405. .rbc-time-view-resources .rbc-day-bg {

  406.   width: 140px;

  407.   flex: 1 1 0;

  408.   flex-basis: 0 px; }

  409. 

  410. .rbc-time-header-content + .rbc-time-header-content {

  411.   margin-left: -1px; }

  412. 

  413. .rbc-time-slot {

  414.   flex: 1 0 0; }

  415.   .rbc-time-slot.rbc-now {

  416.     font-weight: bold; }

  417. 

  418. .rbc-day-header {

  419.   text-align: center; }

  420. 

  421. .rbc-slot-selection {

  422.   z-index: 10;

  423.   position: absolute;

  424.   background-color: rgba(0, 0, 0, 0.5);

  425.   color: white;

  426.   font-size: 75%;

  427.   width: 100%;

  428.   padding: 3px; }

  429. 

  430. .rbc-slot-selecting {

  431.   cursor: move; }

  432. 

  433. .rbc-time-view {

  434.   display: flex;

  435.   flex-direction: column;

  436.   flex: 1;

  437.   width: 100%;

  438.   border: 1px solid #DDD;

  439.   min-height: 0; }

  440.   .rbc-time-view .rbc-time-gutter {

  441.     white-space: nowrap; }

  442.   .rbc-time-view .rbc-allday-cell {

  443.     box-sizing: content-box;

  444.     width: 100%;

  445.     height: 100%;

  446.     position: relative; }

  447.   .rbc-time-view .rbc-allday-cell + .rbc-allday-cell {

  448.     border-left: 1px solid #DDD; }

  449.   .rbc-time-view .rbc-allday-events {

  450.     position: relative;

  451.     z-index: 4; }

  452.   .rbc-time-view .rbc-row {

  453.     box-sizing: border-box;

  454.     min-height: 20px; }

  455. 

  456. .rbc-time-header {

  457.   display: flex;

  458.   flex: 0 0 auto;

  459.   flex-direction: row; }

  460.   .rbc-time-header.rbc-overflowing {

  461.     border-right: 1px solid #DDD; }

  462.   .rbc-rtl .rbc-time-header.rbc-overflowing {

  463.     border-right-width: 0;

  464.     border-left: 1px solid #DDD; }

  465.   .rbc-time-header > .rbc-row:first-child {

  466.     border-bottom: 1px solid #DDD; }

  467.   .rbc-time-header > .rbc-row.rbc-row-resource {

  468.     border-bottom: 1px solid #DDD; }

  469. 

  470. .rbc-time-header-cell-single-day {

  471.   display: none; }

  472. 

  473. .rbc-time-header-content {

  474.   flex: 1;

  475.   display: flex;

  476.   min-width: 0;

  477.   flex-direction: column;

  478.   border-left: 1px solid #DDD; }

  479.   .rbc-rtl .rbc-time-header-content {

  480.     border-left-width: 0;

  481.     border-right: 1px solid #DDD; }

  482.   .rbc-time-header-content > .rbc-row.rbc-row-resource {

  483.     border-bottom: 1px solid #DDD;

  484.     flex-shrink: 0; }

  485. 

  486. .rbc-time-content {

  487.   display: flex;

  488.   flex: 1 0 0%;

  489.   align-items: flex-start;

  490.   width: 100%;

  491.   border-top: 2px solid #DDD;

  492.   overflow-y: auto;

  493.   position: relative; }

  494.   .rbc-time-content > .rbc-time-gutter {

  495.     flex: none; }

  496.   .rbc-time-content > * + * > * {

  497.     border-left: 1px solid #DDD; }

  498.   .rbc-rtl .rbc-time-content > * + * > * {

  499.     border-left-width: 0;

  500.     border-right: 1px solid #DDD; }

  501.   .rbc-time-content > .rbc-day-slot {

  502.     width: 100%;

  503.     user-select: none;

  504.     -webkit-user-select: none; }

  505. 

  506. .rbc-current-time-indicator {

  507.   position: absolute;

  508.   z-index: 3;

  509.   left: 0;

  510.   right: 0;

  511.   height: 1px;

  512.   background-color: #74ad31;

  513.   pointer-events: none; }