/* Set the width and color of the scrollbar for Webkit-based browsers */
::-webkit-scrollbar {
  width: 10px;
  background-color: #aaa;
}

/* Set the color and style of the scrollbar thumb for Webkit-based browsers */
::-webkit-scrollbar-thumb {
  background-color: #5e5e5e;
  border-radius: 0px;
}

/* Set the color and style of the scrollbar track for Webkit-based browsers */
::-webkit-scrollbar-track {
  background-color: #aaa;
  border-radius: 0px;
}

/* Set the color and style of the scrollbar corner for Webkit-based browsers */
::-webkit-scrollbar-corner {
  background-color: #5e5e5e;
}

/* Display Font Awesome icons as arrows at the top and bottom of the scrollbar */


html {
  scrollbar-width: thin;
  scrollbar-color: #5e5e5e #aaa;
}

/* Set the color and style of the scrollbar thumb for Firefox-based browsers */
html::-moz-scrollbar-thumb {
  background-color: #aaa;
  border-radius: 6px;
}

/* Set the color and style of the scrollbar track for Firefox-based browsers */
html::-moz-scrollbar-track {
  background-color: #f5f5f5;
  border-radius: 6px;
}

.btn-link:focus, .btn-link:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #212529;
}

.btn-outline-acgreen:hover {
  color: #fff;
  background-color: var(--acgreen)!important;
  border-color: var(--acgreen)!important;
}
.btn-check:checked + .btn-outline-acgreen, .btn-check:active + .btn-outline-acgreen, .btn-outline-acgreen:active, .btn-outline-acgreen.active, .btn-outline-acgreen.dropdown-toggle.show {
  color: #fff;
  background-color: var(--acgreen)!important;
  border-color: var(--acgreen)!important;
}

.select2-selection__rendered {
	display: none;
}

.fs-7 {
    font-size: .8rem !important;
}

.fs-8 {
    font-size: .5rem !important;
}

ul.checklist-list li {
    list-style-type: none;
    font-size: .8rem;
}

.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #0033a0;
}

/* section .event-list-div { */
/* 	position: relative; */
/* 	width: 100%; */
/* 	height: 100%; */
/* 	float: right; */
/* 	box-sizing: border-box; */
/* } */

#eventList {
	display: grid;
/* grid-template-columns: 10% 80% 10%; */
}

/* #eventList .event-item { */
/* grid-column: 1 / 4; */
/* } */

/* #eventList .event-item:nth-child(2) { */
/* grid-column: 2 / 3; */
/* grid-row: 3 / 4; */
/* } */

.social {
  display: grid;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  padding: 1rem;
  float: right;
  
}


#eventList .social a {
  color: #000;
  margin: 0.5rem;
}

.calendar-card-body {
/*     flex: 1 1 auto; */
    padding: .2rem 0.5rem 0 0.5rem;
}

.calendar-card-body .mCSB_inside>.mCSB_container, .faculty-courses .mCSB_inside>.mCSB_container {
    margin-right: 20px;
}

.time {
	position:relative;
	padding: 20px;
	background: #262626;
	color: #fff;
	width: 20%;
	height: 100%;
	float: left;
	text-align: center;
}

.time h2 {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 50%;
	left: 50%;
	color: #fff;
	transform: translate(-50%, -50%);
	font-size: 2rem;
	line-height: 1.5rem;
}

.time h2 span {
	font-size: 1rem;
	text-transform: uppercase;
}

 .details {
    padding: 1rem 5px;
    box-sizing: border-box;
    width: 80%;
    height: 100%;
    float: left;
}
@media screen and (max-width: 576px) {
.details {
    padding: 1rem 5px;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    float: left;
}
}

 .master-event .details {
    background-color: var(--ac-alert-blue);
}

 .transfer-event .details {
    background-color: var(--ac-alert-green);
}

 .faculty-event .details {
    background-color: var(--ac-alert-orange);
}

 .student-event .details {
    background-color: var(--aclightgrey);
}

 .music-event .details {
    background-color: var(--ac-alert-purple);
}

.transfer-label, .transfer-event h4, .student-label, .student-event h4, .master-label, .master-event h4,.faculty-label, .faculty-event h4, .music-label, .music-event h4{
	color: #000;
}

.form-check-input[disabled] ~ .master-label, .form-check-input:disabled ~ .master-label {
    opacity: 1;
}


h3.my-courses-title, h3.my-apps-title, h3.quick-links-title, h3.hr-title, h3.calendar-title, h3.supervisor-title, h3.profile-title {
	font-size:1.3rem;
	margin-bottom:5px;
	color: var(--acblue)
}

h3.my-courses-term-title {
	font-size:1.1rem;
	margin-bottom: 0px;
}

h4.course-title, h4.course-name, h4.checklist, h4.event-title, .transfer-event h4, .master-event h4, .faculty-event h4, .student-event h4, .music-event h4, .career-event h4 {
	font-size:1.0rem;
}

.transfer-event h4, .master-event h4, .faculty-event h4, .student-event h4, .career-event h4, .music-event h4, .career-event h4 {
	margin-bottom: 0;
}

h5.my-course-title, h5.course-name, h5.checklist{
	font-size:.8rem;
}
hr.title-break {
    margin: 0 0 0.2rem 0;
    border: 1px solid #000!important;
    opacity: 1;
}
.master-event {
background-color: var(--ac-alert-blue);
/* padding: 1em; */
}
.transfer-event {
background-color: var(--ac-alert-green);
/* padding: 1em; */
}
.faculty-event {
background-color: var(--ac-alert-orange);
/* padding: 1em; */
}
.student-event {
background-color: var(--aclightgrey);
/* padding: 1em; */
}
.music-event .details {
background-color: var(--ac-alert-purple);
}
.career-event .details {
background-color: var(--aclightyellow);
}
.master-event .day, .transfer-event .day, .faculty-event .day, .student-event .day, .career-event .day, .career-event .day  {
	font-size: .8rem;
}

.card {
	box-shadow: 0 2px 4px 0 rgba(136, 144, 195, 0.2), 0 5px 15px 0 rgba(37, 44, 97, 0.55);
    border-radius: 0px;
}

.custom-card-lg .card-header {
    padding: 1.3rem 1.0rem 0 1rem;
    margin-bottom: 0;
    background-color: transparent;
    border-bottom: none;
}

.custom-card-lg .courses {
	
/* 	padding: 1rem 0.5rem 0 1rem; */
}

.custom-card-lg .card-footer {
    padding: 0;
    background-color: transparent;
    border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.custom-card, .custom-card-lg {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
	flex: 0 50%;
  background: #fff;
  box-shadow: 0 2px 4px 0 rgba(136, 144, 195, 0.2),
    0 5px 15px 0 rgba(37, 44, 97, 0.55);
  border-radius: 0px;
}

.custom-card .custom-card-body, .custom-card-lg .custom-card-body{
  border-radius: 0px;
  min-height: 265px;
  padding: 20px 15px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  transition: 0.7s;
}

.custom-card .custom-card-body:hover {
/*   background: var(--acorange)!important; */
/* color: #fff; */
	background: none !important;
  color: #000;
 /* transform: scale(1.05) !important;*/
  z-index: 9;
}

 .custom-card-lg > .custom-card-body:hover {
/*   background: var(--acorange)!important; */
/*  	color: #fff; */
	background: none !important;
  color: #000;
 /* transform: scale(1.02) ;*/
  z-index: 9;
}


.custom-card .custom-card-body:hover::before {
  background: rgb(85 108 214 / 10%);
}

.custom-card-lg .custom-card-body:hover::before {
  background: rgb(85 108 214 / 10%);
}

.custom-card .custom-card-body:hover .custom-card-title h3,
.custom-card .custom-card-body:hover .custom-card-description p {
  color: #fff;
}

.custom-card .custom-card-body:before, .custom-card-lg .custom-card-body:before {
  content: "";
  position: absolute;
  background: rgb(85 108 214 / 5%);
  width: 170px;
  height: 400px;
  z-index: -1;
  transform: rotate(42deg);
  right: -56px;
  top: -23px;
  border-radius: 35px;
}

/* .custom-card .custom-card-body:hover .custom-card-description button, .custom-card-lg .custom-card-body:hover .custom-card-description button { */
/*   background: #fff !important; */
/*   color: #309df0; */
/* } */

.custom-card-body .custom-card-title h3 {
  color: #212121;
  font-size: 1.3rem;
/*   margin-top: 13px; */
/*   margin-bottom: 13px; */
}

.custom-card-body .custom-card-description p {
  font-size: 15px;
  margin-bottom: 15px;
}

/* .custom-card-body .custom-card-description button { */
/*   border: 0; */
/*   border-radius: 15px; */
/*   background: linear-gradient( */
/*     140deg, */
/*     #42c3ca 0%, */
/*     #42c3ca 50%, */
/*     #42c3cac7 75% */
/*   ) !important; */
/*   color: #fff; */
/*   font-weight: 500; */
/*   font-size: 1rem; */
/*   padding: 5px 16px; */
/* } */

.custom-card-lg .card-footer .btn-sm {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    border-radius: 0rem;
}

.custom-card-body h1 {
  text-transform: capitalize;
  margin-bottom: 1rem;
  font-size: 2.5rem;
}

.hover_color_bubble {
  position: absolute;
  background: rgb(0 51 160 / 15%);
  width: 100rem;
  height: 100rem;
  left: 0;
  right: 0;
  z-index: -1;
  top: 16rem;
  border-radius: 50%;
  transform: rotate(-36deg);
  left: -18rem;
  transition: 0.7s;
}

.custom-card .custom-card-body:hover .hover_color_bubble, .custom-card-lg .custom-card-body:hover .hover_color_bubble  {
  top: 0rem;
}

.alert-card {
    background-color: #fff;
    border-radius: 0px;
    border: none;
    position: relative;
/*     box-shadow: 0 0.46875rem 2.1875rem rgba(90,97,105,0.1), 0 0.9375rem 1.40625rem rgba(90,97,105,0.1), 0 0.25rem 0.53125rem rgba(90,97,105,0.12), 0 0.125rem 0.1875rem rgba(90,97,105,0.1); */
  box-shadow: 0 2px 4px 0 rgba(136, 144, 195, 0.2),
    0 5px 15px 0 rgba(37, 44, 97, 0.55);
}

.l-bg-acblue {
    background: linear-gradient(135deg,  var(--acblue), var(--ac-alert-blue)) !important;
    color: #fff;
}

.l-bg-acgreen {
    background: linear-gradient(135deg,  var(--acgreen), var(--ac-alert-green)) !important;
    color: #fff;
}

.l-bg-acorange {
    background: linear-gradient(135deg,  var(--acorange), var(--ac-alert-orange)) !important;
    color: #fff;
}


.l-bg-cherry {
    background: linear-gradient(to right, #493240, #f09) !important;
    color: #fff;
}

.l-bg-blue-dark {
    background: linear-gradient(to right, #373b44, #4286f4) !important;
    color: #fff;
}

.l-bg-green-dark {
    background: linear-gradient(to right, #0a504a, #38ef7d) !important;
    color: #fff;
}

.l-bg-orange-dark {
    background: linear-gradient(to right, #a86008, #ffba56) !important;
    color: #fff;
}

.alert-card .alert-card-statistic-3 .alert-card-icon-large .fas, .alert-card .alert-card-statistic-3 .alert-card-icon-large .far, .alert-card .alert-card-statistic-3 .alert-card-icon-large .fab, .alert-card .alert-card-statistic-3 .alert-card-icon-large .fal {
    font-size: 50px;
    padding-right:10px;
}

.alert-card .alert-card-statistic-3 .alert-card-icon {
    text-align: center;
    line-height:20px;
    margin-left: 15px;
    color: #000;
    position: absolute;
    right: -5px;
    top: 20px;
    opacity: 0.1;
}

.l-bg-red {
    background: linear-gradient(to right, #960f0f, #f70000) !important;
    color: #fff;
}

.l-bg-yellow {
    background: linear-gradient(to right, #b9c000, #f6ff00) !important;
    color: #000;
}

.l-bg-cyan {
    background: linear-gradient(135deg, #289cf5, #84c0ec) !important;
    color: #fff;
}

.l-bg-green {
    background: linear-gradient(135deg, #23bdb8 0%, #43e794 100%) !important;
    color: #fff;
}

.l-bg-orange {
    background: linear-gradient(to right, #f9900e, #ffba56) !important;
    color: #fff;
}

.l-bg-cyan {
    background: linear-gradient(135deg, #289cf5, #84c0ec) !important;
    color: #fff;
}

.alert-card-footer {
	border-top: 1px dashed #D0D1D2;
	font-size:12px;
}

.alert-card-footer a {
	color:#fff;
	text-decoration:none;
}

.list-group-item {
  background-color: transparent; 
}

.list-group-item-action:hover {
  background-color:var(--acgreen)!important;
}
.sb-topnav .nav-tabs .nav-link {
    border: solid transparent;
    border-width: 0 0 2px;
    border-radius: 0;
    text-transform: uppercase;
    line-height: 1;
    font-weight: 500;
    font-size: 12px;
    color: rgba(0,0,0,.6);
    padding: 1rem 1rem;
}
.sb-topnav .nav-link:hover, .sb-topnav .nav-tabs .nav-link:focus, .sb-topnav .nav-tabs .nav-link {
    color: #fff;
    background-color:transparent;
    border-color: transparent;
}

.sb-topnav .nav-tabs .nav-link.active {
	color: #fff;
    background-color:#333;
    border-color: transparent;
}

pre {
  white-space: pre-wrap;
}

#app-menu { 
	font-size: 14px;
}

#app-menu .navbar { 
 box-shadow: none; 
} 

.col-min-width {
  min-width: 33.33333333%;
}

.col-lg-min-width {
  min-width: 50.00%;
}

.quick-links {
  height: 100% !important;
/*   font-size:.7rem; */
  min-height:50px;  
}

/* #GeckoChatWidget { */
/* 	display:none !important; */
/* } */

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,0);
}

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(0,0,0,0);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,0)!important;
}
@media (min-width: 768px) {
.modal .modal-dialog.modal-top-right {
    top: 0px;
    right: 0px;
}

}


#alertsModal .fade {
    transition: transform 0.15s ease-in-out;
}


.my-classes p {
	font-size: .8rem;
}

.icon-link {font-size:.55rem !important; 
text-decoration:none; 
line-height: 1; 
color:var(--acblue)!important;
padding: 0 0 0 0;
}

.icon-link:hover {
  background-color:var(--acgreen)!important;
}

.email-link {text-decoration:none;}

.fa-check-circle {
	color: var(--acgreen);
}

.fa-times-circle  {
	color: var(--acorange);
}

.employee .btn-link:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
}

.employee .btn-link:focus, .btn-link:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
}

.employee .btn:focus {
    outline: 0;
    box-shadow: none;
}

.modal-alert-content {
	border-radius: 0;
}

#faculty_roster_modal .modal-backdrop.show, #alertsModal .modal-backdrop.show, #quicklinksModal .modal-backdrop.show, #important_dates_modal .modal-backdrop.show, #myappsModal .modal-backdrop.show {
    opacity: 0;
}

/* .slide { */
/*   &.modal { */
/*     .modal-dialog { */
/*       transform: translate(0, -100%); */
/*       transition: transform .3s ease-out; */
/*     } */
/*     &.show .modal-dialog { */
/*       transform: none; */
/*     } */
/*   } */
/* } */
#faculty_roster_modal.modal .modal-full-height, #alertsModal.modal .modal-full-height, #quicklinksModal.modal .modal-full-height, #important_dates_modal.modal .modal-full-height, #myappsModal.modal .modal-full-height {
    display: flex;
    height: auto;
    min-height: 100%;
    margin: 0;
    padding-top: 56px;
}


#faculty_roster_modal.fade .modal-dialog, #alertsModal.fade .modal-dialog, #quicklinksModal.fade .modal-dialog, #important_dates_modal.fade .modal-dialog, #myappsModal.fade .modal-dialog {
    transition: transform 0.3s ease-in-out;
}

#faculty_roster_modal.show .modal-dialog, #alertsModal.show .modal-dialog, #quicklinksModal.show .modal-dialog, #important_dates_modal.show .modal-dialog, #myappsModal.show .modal-dialog {
    transform: translate(0, 0);
}

#faculty_roster_modal .modal-dialog, #alertsModal .modal-dialog, #quicklinksModal .modal-dialog, #important_dates_modal .modal-dialog, #myappsModal .modal-dialog {
    transform: translate(0, -50%);
}

nav.quick-links ul, nav.apps ul {
	list-style: none!important;
	padding-left: 0;
}

nav.quick-links ul li a, nav.apps ul li a {
	text-decoration: none;
	color: #000;
}

.yadcf-filter-wrapper {
  display: block;
}

/* .expense-disabled {
  opacity: 0.6;
  pointer-events: none;
}

.expense-disabled input,
.expense-disabled textarea {
  background-color: #f0f0f0 !important;
  cursor: not-allowed;
} */