.text-blue {
  color: #007bff; }

.text-indigo {
  color: #6610f2; }

.text-purple {
  color: #6f42c1; }

.text-pink {
  color: #e83e8c; }

.text-red {
  color: #FF0000; }

.text-maroon {
  color: #bc0001; }

.text-orange {
  color: #fd7e14; }

.text-yellow {
  color: #ffc107; }

.text-green {
  color: #28a745; }

.text-teal {
  color: #20c997; }

.text-cyan {
  color: #17a2b8; }

.text-white {
  color: #fff; }

.text-gray {
  color: #6c757d; }

.text-gray-dark {
  color: #343a40; }

.text-theme-1 {
  color: #6360e7; }

.text-theme-2 {
  color: #01c851; }

.text-light-theme-1 {
  color: #B5B3F8; }

.text-light-accent-1 {
  color: #e2e2fe; }

.text-dark-accent-1 {
  color: #213862; }

.text-blue-accent-2 {
  color: rgba(33, 56, 98, 0.7); }

.primary-bg {
  background-color: #007bff; }

.secondary-bg {
  background-color: #6c757d; }

.success-bg {
  background-color: #28a745; }

.info-bg {
  background-color: #17a2b8; }

.warning-bg {
  background-color: #ffc107; }

.danger-bg {
  background-color: #dc3545; }

.light-bg {
  background-color: #f8f9fa; }

.dark-bg {
  background-color: #343a40; }

.theme-1-bg {
  background-color: #6360e7; }

.theme-2-bg {
  background-color: #01c851; }

.light-accent-1-bg {
  background-color: #e2e2fe; }

.dark-accent-1-bg {
  background-color: #213862; }

.blue-accent-2-bg {
  background-color: rgba(33, 56, 98, 0.7); }

.white-bg {
  background-color: #FFF; }

.text-blue {
  color: #007bff; }

.text-indigo {
  color: #6610f2; }

.text-purple {
  color: #6f42c1; }

.text-pink {
  color: #e83e8c; }

.text-red {
  color: #FF0000; }

.text-maroon {
  color: #bc0001; }

.text-orange {
  color: #fd7e14; }

.text-yellow {
  color: #ffc107; }

.text-green {
  color: #28a745; }

.text-teal {
  color: #20c997; }

.text-cyan {
  color: #17a2b8; }

.text-white {
  color: #fff; }

.text-gray {
  color: #6c757d; }

.text-gray-dark {
  color: #343a40; }

.text-theme-1 {
  color: #6360e7; }

.text-theme-2 {
  color: #01c851; }

.text-light-theme-1 {
  color: #B5B3F8; }

.text-light-accent-1 {
  color: #e2e2fe; }

.text-dark-accent-1 {
  color: #213862; }

.text-blue-accent-2 {
  color: rgba(33, 56, 98, 0.7); }

.primary-bg {
  background-color: #007bff; }

.secondary-bg {
  background-color: #6c757d; }

.success-bg {
  background-color: #28a745; }

.info-bg {
  background-color: #17a2b8; }

.warning-bg {
  background-color: #ffc107; }

.danger-bg {
  background-color: #dc3545; }

.light-bg {
  background-color: #f8f9fa; }

.dark-bg {
  background-color: #343a40; }

.theme-1-bg {
  background-color: #6360e7; }

.theme-2-bg {
  background-color: #01c851; }

.light-accent-1-bg {
  background-color: #e2e2fe; }

.dark-accent-1-bg {
  background-color: #213862; }

.blue-accent-2-bg {
  background-color: rgba(33, 56, 98, 0.7); }

.white-bg {
  background-color: #FFF; }

.modal-header {
  background-color: #fff;
  color: #495057;
  font-style: bold;
  padding: 0.27rem 0.25rem;
  text-align: center;
  border-bottom: 0.1rem ridge #01c851; }

.modal-content {
  border-radius: .4rem;
  width: 100%; }

.modal-dialog {
  margin: auto;
  top: 13%; }

.modal-title {
  line-height: 1.25;
  text-align: center;
  font-size: 1.3rem;
  font-weight: 500; }

.modal-body {
  padding: .2rem; }
  .modal-body label, .modal-body .form-group, .modal-body b {
    margin-bottom: 0rem;
    font-weight: 400;
    vertical-align: middle; }
  .modal-body .form-control {
    padding: .35rem .375rem;
    margin-bottom: .55rem; }
  .modal-body .row {
    margin-right: 0px;
    margin-left: 0px; }
  .modal-body .btn, .modal-body select {
    margin-bottom: .5rem;
    border-radius: .15rem;
    margin-top: 0rem; }
  .modal-body .btn {
    margin-top: .3rem; }
  .modal-body .inline-dropdown {
    padding: .3rem 0rem .3rem .375rem;
    margin-top: .45rem;
    margin-bottom: .95rem; }

.modal-footer {
  padding: .3rem .55rem; }

/* Vertical Scroll Results */
.scrollable-child {
    display: flex;
    flex-direction: row;
    width: 95%;
    height: auto;
    flex: 1 0 auto;
    word-wrap: break-word;
    padding: 0.3rem;
    border-radius: 5px;
}
.scrollable-child p {
    margin-bottom: .6rem;
}
.preview-img {
    width: 45%;
    margin: 0.5rem;
}
.preview-info {
    width: 55%;
    margin: 0.5rem;
}


@media (min-width: 768px) {
  #scrollable-parent {
    /* Without using important here, the media query doesn't get activated if mapFunc() was called. */
    max-height: 60vh !important; }

}
@media (max-width: 767px) { /* switching to mobile size */
    .preview-img {
        display: block;
    }
    .scroll-p {
        text-align: left;
    }
    .preview-info-divs {
        display: flex;
        padding-left: 10%;
    }
    .preview-info-left {
        flex: 1;
    }
    .preview-info-right {
        flex: 1;
    }
    .preview-info {
        width: 55%;
    }
}

@media(max-width: 992px) {
    .preview-info {
        margin: 0rem;
    }
}

.table td {
  padding: 0.3rem !important;
  color: white;
  background-color: #7572FA;
  border: 2px solid; }

.table td:hover {
  padding: 0.3rem !important;
  color: white;
  background-color: #AAA7FD;
  border: 2px solid;
  cursor: pointer; }

#modalConfirm {
  margin-top: 10%; }

.modal-body p {
  margin-bottom: .5rem;
  margin-top: .2rem; }

.fc-button-group > button.fc-button {
  border-color: white; }

.fc .fc-state-active {
  background-color: #6360e7;
  background-image: none;
  outline: 0;
  color: #fff !important;
  box-shadow: none;
  text-shadow: none; }

.fc .fc-state-default {
  border-color: white;
  color: #6360e7;
  vertical-align: middle; }

.fc .fc-toolbar {
  padding-top: 0rem;
  font-size: .8rem;
  font-weight: 500; }

.fc-center h2 {
  font-size: 1.5rem; }

.btn-details {
  padding: .3rem;
  background-color: #213862;
  color: white; }

.btn.btn-details:active, .btn.btn-details:hover {
  background-color: rgba(33, 56, 98, 0.7) !important;
  color: white; }

@media (max-width: 991px) and (min-width: 768px) {
    .btn-details {
        margin-left: 0px;
    }
}