/* ----------- toolbar ----------- */ .fc .fc-toolbar.fc-header-toolbar{ margin: 1em 1em 0.8em 1em; } .fc .fc-button{ height:35px; font-size: 0.8em; padding: 0 1em; } .fc .fc-button-group>.fc-button{ background: transparent; border-color: #334155; color: #334155; margin: 0 6px 0 0; } .fc .fc-button-group>.fc-button:hover{ background: #334155; border-color: #334155; color: #fff; } button:focus { outline: none !important; box-shadow: none !important; } button:active {outline:none;} .fc .fc-button-primary{ border-color: #334155 ; background: transparent ; color : #334155; border-width: 2px; border-radius: 20px !important; } .fc .fc-button:hover { border-color: transparent; background: #334155 ; color : white; } .fc .fc-button-primary:disabled{ border-color: transparent ; background: #e3e3e3 ; color : #66615b; } .fc .fc-toolbar-title{ font-size: 1.4rem; } @media only screen and (max-width: 1024px) { .fc .fc-toolbar-title{ font-size: 1.2rem; } } /* ----------- table ----------- */ thead tr.fc-first{ border-color: #cdcdcd; } .fc th{ border-bottom-width: 1px; font-size: 16px; background-color: #f7f7f7; } th{ font-weight: 300; } .fc td{ border-width: 1px 0 0 1px; } .fc tr th { text-align: right; border-width: 0 0 1px 0px; } .fc-theme-standard th{ border: 1px solid #e5e5e5; } .fc-theme-standard .fc-scrollgrid{ border: none; } table.fc-border-separate{ border-collapse: separate; } .fc .fc-daygrid-day-number{ font-size: 0.8em; } /* ----------- table today ----------- */ .fc .fc-daygrid-day.fc-day-today{ background-color: rgba(100, 116, 139, 0.15); } /* ----------- table event ----------- */ .fc-h-event{ width: auto; border: none; } .fc-h-event .fc-event-title{ padding-left: 0.5em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color:#334155; font-weight:400 !important; } .fc-daygrid-event .fc-event-title{ white-space: wrap; overflow: hidden; text-overflow: ellipsis; font-weight: 400; } .fc-event-title{ font-size: 0.875rem !important; }