/* .c-sidebar-dark {
background-color:rgb(147, 136, 140);
    background-color:rgb(0, 0, 0);
} */

@media (max-width:580px) {
    .last-name-paginator {
        overflow-x:scroll;
        overflow-y:hidden;
        width:100%;
    }

    .last-name-paginator .pagination {
        white-space:nowrap;
    }

    .last-name-paginator li {
        display:inline-block
    }
}

.file-preview {
    position:relative;
    width:80px;
    height:80px;
    margin-right:.5rem;
    margin-bottom:.5rem;
    border:1px solid #d8dbe0;
    border-radius:0.25rem;
}

.file-preview img {
	width:100% !important;
	height:100%;
	object-fit:cover
}

@media (max-width:580px) {
    .file-preview {
        margin-bottom:1rem;
    }
}

.file-preview .file-preview-actions {
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    background-color:rgb(0 0 0 / 80%);
    display:flex;
    align-items:center;
    justify-content:center;
    opacity:0;
    transition:opacity ease-in-out .3s;
}

.file-preview:hover .file-preview-actions {
    opacity:1;
}

.file-preview .file-preview-actions a {
    padding:5px;
}

.userType {text-transform:lowercase;}
.userType:first-letter {text-transform:uppercase;}

.fc-list-day-cushion.fc-cell-shaded {
	display:flex;
	flex-direction:row-reverse;
	align-items:start;
	justify-content:flex-end;
}

.fc-list-day-text {
	margin-left:15px;
}

.form-control[type=password] ::placeholder {
	font-weight:bold;
}

@media (min-width:768px) {
	.user-dropdown:hover .dropdown-menu {
		display:block;
		margin-top:0;
	}
}


/*Custom*/
.c-body{
	background:#fff !important;
}
.c-sidebar-brand{
	background:#fff !important;
}

.c-sidebar-dark {
    background-color:#821313;
}


@media (hover: hover), (-ms-high-contrast: none) {
  .c-sidebar .c-sidebar-nav-link:hover, .c-sidebar .c-sidebar-nav-dropdown-toggle:hover {
    color: #fff;
    background: #C0C0C0;
  }
}


.btn-primary {
  color: #fff;
  background-color: #821313 !important;
  border-color: #821313 !important;
}

.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #821313;
  border-color: #821313;
}

@media (hover: hover), (-ms-high-contrast: none) {
  .btn-primary:hover {
    color: #fff;
    background-color: #821313;
    border-color: #821313;
  }
}

.badge-primary {
  color: #fff;
  background-color: #821313;
}

.badge-info {
  color: #fff;
  background-color: #b11a1a;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #b11a1a;
}

.page-link {
  color: #4f5d73;
}