:root {
    --bs-primary-bg-subtle: #ffdbdb;
    --bs-primary-light: #ffdbdb;
    --bs-success-active: #ff3776;
    --default-primary-red: #FF0055;
    --default-primary-white: #FFFFFF;
}

.helper {
    display: inline;
    margin: 0;
    padding: 0;
    color: var(--bs-info) !important;
}

.dropify-wrapper .dropify-message span.file-icon {
    font-size: 20px !important;
}

#ProfileDropdown {
    margin-top: 350px;
    overflow: hidden;
}

.dropdown-menu {
    width: inherit !important;
    min-width: inherit !important;;

}

.dropdown-item:active {
    background-color: transparent !important;
    color: inherit !important;
}

.form-group {
    margin-bottom: 1rem;
    position: relative;
}

.form-text {
    display: block;
    margin-top: 0.25rem;
}

.max-width-90 {
    max-width: 90% !important;
}

.filters input {
    height: 38px;
}


.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100% !important;
}

.float-right {
    float: right;
}

.required:after {
    content: '';
}

.btn-outline-behance {
    border: 1px solid #1769ff !important;;
    color: #1769ff !important;
}

.btn-outline-behance:hover {
    background: #1769ff !important;
    color: #ffffff !important;
}

.btn-outline-reddit {
    border: 1px solid #ff4500 !important;;
    color: #ff4500 !important;
}

.btn-outline-reddit:hover {
    background: #ff4500 !important;;
    color: #ffffff !important;
}

.btn-behance {
    background: #1769ff !important;
    color: #ffffff !important;;
}

.btn-reddit {
    background: #ff4500 !important;;
    color: #ffffff !important;;
}

:root {
    --primary: #323337 !important;
}

.float-right {
    float: right;
}

.color-yellow {
    color: #fbbc06 !important;
}

input[type="password"] {
    background-color: #fff8e5 !important;

}

.cardcolor-green {
    box-shadow: 0 0 10px 0 rgb(0 192 0);
    -webkit-box-shadow: 0 0 10px 0 rgb(0 192 0);
}

.fc-v-event .fc-event-main {
    color: black !important;
}

.hidden {
    display: none;
}

.bg_selected {
    background-color: #a1ffcc;
}

.green-glow {
    animation: green-glowing 1300ms infinite;
}

.danger-glow {
    animation: danger-glowing 2300ms infinite;
}

@keyframes danger-glowing {
    0% {
        box-shadow: 0 0 5px var(--default-primary-red);
    }
    50% {
        box-shadow: 0 0 15px var(--default-primary-red);
    }
    100% {
        box-shadow: 0 0 5px var(--default-primary-red);
    }
}

@keyframes green-glowing {
    0% {
        box-shadow: 0 0 5px #2ba805;
    }
    50% {
        box-shadow: 0 0 15px #49e819;
    }
    100% {
        box-shadow: 0 0 5px #2ba805;
    }
}

.blue-glow {
    animation: blue-glowing 2300ms infinite;
}

@keyframes blue-glowing {
    0% {
        box-shadow: 0 0 5px #00aaff;
    }
    50% {
        box-shadow: 0 0 15px #30baff;
    }
    100% {
        box-shadow: 0 0 5px #00aaff;
    }
}

.table td {
    white-space: nowrap;
}

.filters .form-control, .filters .btn, .filters .dropdown-menu {
    font-size: 0.9em !important;
}

.link-primary:hover {
    color: var(--default-primary-red) !important;
}

.btn-success {
    background-color: var(--default-primary-red) !important;
}

.btn-success:hover {
    background-color: var(--default-primary-red) !important;
}

.btn-outline-primary, .btn-border-primary {
    border: 1px solid var(--default-primary-red) !important;
}

.btn-outline-dark:hover {
    color: var(--default-primary-red);
}

.grid-margin {
    margin-bottom: 1.5rem;
}


.auth-side-wrapper {
    border-top-left-radius: var(--bs-card-border-radius);
    border-bottom-left-radius: var(--bs-card-border-radius);
}

.btn.btn-light.green-glow:hover {
    background-color: #05a34a !important;
    color: white !important;
}

#ModExercise .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn),
#ModWorkout .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn),
#TrainingPlanDetailContainer .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn),
#ModProgressionBlock .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn),
#ModUser .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn),
#ModTenant .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100% !important;
}
/* Override icons for table*/
.ki-duotone-extended{
    font-size: 1rem;
}

.alert-success{
    color: #000000;
}


/* Read only Mode -  Styling of disabled input elements  */
input[disabled]{
    color: black;
    background-color: var(--bs-light);
    border-radius: 6.5px !important;
    border-style: solid;
    border-color: var(--bs-light);
}

textarea[disabled]{
    color: black;
    background-color: var(--bs-light);
    border-radius: 6.5px !important;
    border-style: solid;
    border-color: var(--bs-light);
}


.form-control:disabled{
    color: black;
    background-color: var(--bs-light);
    border-color: var(--bs-light);
}

.btn-light{
    color: black !important;
    background-color: var(--bs-light);
    border-color: var(--bs-light);
}


@media (min-width: 992px) {
    .modal-lg,
    .modal-xl {
        --bs-modal-width: 900px;
    }
}

/* Additional styles of detail with more information */

.additional-information {
    font-size: 10px;
}