/* Generic CSS */
.content-wrapper {
	padding-top: 10px;
}

.container {
	margin: 10px auto;
	max-width: 600px;
	text-align: center;
}

h1 {
	margin: 30px 0;
	font-size: 3.5em;
	line-height: 1;
	letter-spacing: -1px;
}

.main-sidebar {
	background-color: var(--background-color) !important;
	color: #222 !important;
}

.navbar-text {
	color: var(--navbar-text-color) !important;
}

.nav-item {
	color: var(--navbar-text-color) !important;
}

.nav-link.active {
	background-color: rgba(255,255,255) !important;
	color: #4f5356 !important;
}

.uppercased-input {
	text-transform: uppercase;
}
::-webkit-input-placeholder { /* WebKit browsers */
	text-transform: none;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	text-transform: none;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	text-transform: none;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
	text-transform: none;
}
::placeholder { /* Recent browsers */
	text-transform: none;
}

/* .info-box CSS */
.info-box .info-box-actual {
    display: block;
    margin-top: .25rem;
}

.calendar-title {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 18px;
}

/* #calendar CSS*/
#calendar {
	cursor: auto
}
.fc-toolbar.fc-header-toolbar {
    margin-bottom: 0;
}
.fc-toolbar .fc-toolbar-chunk > div:first-of-type {
	display: inline-flex;
}
.fc-toolbar h2 {
	text-transform: capitalize;
	line-height: inherit;
}
.fc-button-primary {
	background-color: #343a40;
	border-color: #343a40;
}
.fc-button-active, .fc-button-primary:hover, .fc-button-primary:focus {
    background-color: #1a252f !important;
    border-color: #151e27 !important;
	box-shadow: none !important;
}
.fc-prev-button, .fc-next-button, .fc-prev-button:hover, .fc-next-button:hover, .fc-prev-button:focus, .fc-next-button:focus {
	background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}
.fc-prev-button, .fc-next-button {
    color: #000 !important;
}
.fc-prev-button:hover, .fc-next-button:hover {
    color: #989898 !important;
}
.fc-addEventButton-button {
	border-radius: 50px;
    position: fixed;
    z-index: 1000;
    bottom: 20px;
    right: 20px;
	width: 50px;
    height: 50px;
    box-shadow: 2px 2px 3px #999;
	text-align: center;
	font-weight: 400;
	font-size: larger;
}
.fc-view-harness {
	background-color: #fff !important;
}

.fc-h-event .fc-event-time {
    max-width: 100%;
    overflow: unset;
}

.fc-h-event .fc-event-title {
    display: inline-block; /* need this to be sticky cross-browser */
    vertical-align: top; /* for not messing up line-height */
    left: 0;  /* for sticky */
    right: 0; /* for sticky */
    max-width: 100%; /* clip overflow on this element */
    overflow: hidden;
    white-space: pre-wrap;
}

/* #CalendarModal CSS */

#event-modal .modal-header input.modal-title {
	font-size: 1.4rem !important;
}
#event-modal .modal-header button.close:focus {
	outline: none !important;
}
#event-modal .form-group:last-of-type {
	margin-bottom: 0;
}

#event-modal #event-until:disabled { /*Chrome "until" input placeholder fix */
	color: transparent !important;
}
#event-modal #event-until::before {  /*Chrome "until" input placeholder fix */
	content: attr(placeholder) !important;
	width: 100%;
}
#event-modal #event-until:focus::before, #event-until:valid::before, #event-until:enabled:before { /*Chrome "until" input placeholder fix */
	display: none !important;
}

#event-modal .invalid::placeholder, #event-modal .invalid::-webkit-input-placeholder { /*Chrome, Firefox, Opera, Safari 10.1+ "professor" input validation */
    color: darkred !important;
	opacity: 1; /* Firefox */
}
#event-modal .invalid:-ms-input-placeholder, #event-modal .invalid::-ms-input-placeholder { /*Internet Explorer 10-11, Microsoft Edge "professor" input validation */
	color: darkred !important;
}
#event-modal .invalid { /*"professor" input validation*/
	border-color: darkred;
}

table.dataTable thead>tr>th.sorting:before,table.dataTable thead>tr>th.sorting_asc:before,table.dataTable thead>tr>th.sorting_desc:before,table.dataTable thead>tr>th.sorting_asc_disabled:before,table.dataTable thead>tr>th.sorting_desc_disabled:before,table.dataTable thead>tr>td.sorting:before,table.dataTable thead>tr>td.sorting_asc:before,table.dataTable thead>tr>td.sorting_desc:before,table.dataTable thead>tr>td.sorting_asc_disabled:before,table.dataTable thead>tr>td.sorting_desc_disabled:before{
	content:"↑" !important;
}

table.dataTable thead>tr>th.sorting:after,table.dataTable thead>tr>th.sorting_asc:after,table.dataTable thead>tr>th.sorting_desc:after,table.dataTable thead>tr>th.sorting_asc_disabled:after,table.dataTable thead>tr>th.sorting_desc_disabled:after,table.dataTable thead>tr>td.sorting:after,table.dataTable thead>tr>td.sorting_asc:after,table.dataTable thead>tr>td.sorting_desc:after,table.dataTable thead>tr>td.sorting_asc_disabled:after,table.dataTable thead>tr>td.sorting_desc_disabled:after{
	content:"↓" !important;
}