/*REDESIGN*/
.border-company {
    border-color: #93d500 !important;
}
.bg-company {
    background-color: #93d500 !important;
}

.text-company {
    color: #93d500 !important;
}

.text-blue
{
    color: #93d500 !important;
}

.bg-blue
{
    background-color: #93d500 !important;
}

.border-blue
{
    border-color: #93d500 !important;
}

.link-blue
{
    color: #93d500 !important;
}
.list-group-flush>.list-group-item > a.row:hover {
    color: #93d500 !important;
}
header a.nav-link.active {
    color: #93d500 !important;
}
header a.nav-link.active span:before {
    background: #93d500 !important;
}
a.card .card-img-top:after {
    background: #93d500 !important;
}
.card-custom:hover {
    background: #93d500 !important;
}
#dropDownUser + ul a.d-block {
    color: #93d500 !important;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    background: #93d500 !important;
    border-color: #93d500 !important;
}
.nav-tabs .nav-link {
    border-color: #93d500 !important;
    border-bottom-color: #93d500 !important;
}
.nav-tabs .nav-link:hover {
    color: #93d500;
}
.nav-tabs{
    border-color: #93d500 !important;
}
.progress.bg-blue {
    background: #93d500 !important;
}
.progress.bg-white:before,
.progress.bg-white .progress-end:before,
.progress.bg-white .progress-bar{
    background: #93d500 !important;
    color: #93d500 !important;
}

form input[type="text"],
form input[type="email"],
form input[type="password"],
form input[type="date"],
form input[type="number"],
form select.form-control,
.inputOpener,
form textarea,
form input[type="file"],
select{
    border-color: #93d500 !important;
}
.inputOpener.show {
    background: #93d500 !important;
}
input[type="text"] + label,
input[type="email"] + label,
input[type="password"] + label,
input[type="date"] + label,
input[type="number"] + label,
select + label,
textarea + label,
input[type="file"] + label,
select + label{
    color: #93d500 !important;
}
.form-check-custom input:checked + label:before {
    background: #93d500 !important;
}
.form-check-input:checked {
    background-color: #93d500 !important;
}
.accordion-button:not(.collapsed) {
    color: #93d500; !important;
    border-color: #93d500 !important;
}
.accordion-button:hover {
    color: #93d500 !important;
}
.system_link {
    color: #93d500 !important;
}
.link-blue:hover {
    color: #93d500 !important;
}
.system_link:hover {
    color: #93d500 !important
}

.link-green,
.text-green {
    color: #93d500 !important;
}

.border-green {
    border-color: #93d500 !important;
}
.bg-green {
    background: #93d500 !important;
}
.progress.bg-green {
    background: #93d500 !important;
}
/*<----REDESIGN*/




/*
    Spezifischer Style (Für Login und Backend)
    - Die komplette Seite bekommt die selbe Schriftart
    TODO: Eventuell einzelne Elemente anpassen?!?!
*/
/*body *{*/
/*    font-family: ###font_family###;*/
/*    !*color: #000;*!*/
/*}*/

/*.page_title*/
/*{*/
/*    color: ###font_secondary_color###;*/
/*}*/

.border_primary_color {
    border-color: #93d500;
}

.border_secondary_color {
    border-color: ###secondary_color###;
}


.font_primary_color {
    color: #93d500;
}

.font_secondary_color {
    color: ###secondary_color###;
}


.background_primary_color {
    color: ###font_primary_color###;
}

.background_secondary_color {
    color: ###font_secondary_color###;
}


a {
    color: ###font_primary_color###;
}

a:hover
{
    color: ###font_secondary_color###;
}



.system_link
{
    color: blue;
    text-decoration: underline;
}

.system_link:hover
{
    color: blue;
    text-decoration: underline;
}


.system_link_white
{
    color: #ffffff;
    text-decoration: underline;
}

.system_link_white:hover
{
    color: #ffffff;
    text-decoration: underline;
}



.navbar-toggler
{
    color: ###font_primary_color###;
}

.navbar
{
    background-color: #ffffff;
}

.navbar-nav .nav-link
{
    /*color: ###font_primary_color###;*/
    color: #000000;
}

.navbar-nav .nav-link:hover
{
    color: ###font_secondary_color###;
}


.navbar-brand
{
    background-color: #fff;
    /*border-right: 2px solid ###secondary_color###;*/
    /*background-color: ###secondary_color###;*/
}

.navbarCollapse
{
    background-color: #fff;
    /*background-color: #93d500;*/
}

main
{
    background-color: #ffffff;
}

.sidebar
{
    background-color: #93d500;
}


.navbarCollapse .nav-link{
    color:#000000;
}

.sidebar .nav-link
{
    color: ###font_primary_color###;
}


.sidebar .nav-link:hover,
.navbarCollapse .nav-link:hover
{
    color: ###font_secondary_color###;
}

.sidebar .nav-link.active,
.navbarCollapse .nav-link.active
{
    color: ###font_secondary_color###;
}

.nav-tabs .nav-link
{
    color: #000;
}

.content{
    background-color: ###secondary_color###;
}

/*Mobile view category select*/
.course_types .category_select ~ div div #category_mobile:before {
    color: ###font_secondary_color###;
}

.course_types .category_select:checked ~ div div #category_mobile:before {
    color: #93d500;
}

/*Desktop view category select*/
.course_types .category_select ~ div:nth-of-type(2) div #category_desktop:before {
    color: ###font_secondary_color###;
}

.course_types .category_select:checked ~ div:nth-of-type(2) div #category_desktop:before {
    color: #93d500;
}

/*.course_types .category_select + .fas:before {*/
    /*color: ###font_secondary_color###;*/
/*}*/

/*.course_types .category_select:checked + .fas:before {*/
    /*color: #93d500;*/
/*}*/

/*.course_types .icon-checkbox label:hover {*/
/*    background-color: ###font_primary_color###;*/
/*}*/

.course_types .icon-checkbox label {
    background-color: ###secondary_color###;
}

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

.btn-primary.active {
    -webkit-box-shadow: inset 1px 1px 10px 0px rgba(0,0,0,0.75) !important;
    -moz-box-shadow: inset 1px 1px 10px 0px rgba(0,0,0,0.75) !important;
    box-shadow: inset 1px 1px 10px 0px rgba(0,0,0,0.75) !important;
}

.badge-primary {
    background-color: ###button_primary_color###!important;
    border-color: ###button_primary_color###!important;
}

/*.form-check-input:checked ~ .form-check-label::before {*/
.form-check-input:checked {
    background-color: ###button_primary_color###!important;
    border-color: ###button_primary_color###!important;
}

/*.page_title {*/
/*    background-color: ###button_primary_color###!important;*/
/*}*/

.custom-navbar-scrollable {
    background-color: #93d500;
}

#home_info
{
    color: ###font_primary_color###;
    background-color: ###info_color###;
    border-color: ###info_color###;
}

.navbar_back_btn
{
    color: ###button_primary_color###!important;
}

.select2-container--default .select2-selection--multiple {
    background-color: ###secondary_color###!important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    border-color: #93d500!important;
    color: #93d500!important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    border-color: #93d500!important;
    background: none!important;
}



.skeleton {
    width: 100%;
    height: 55px;
    border-radius: 7px;
    animation: pulseSkeleton 2s infinite ease-in-out
}
.skeleton_small {
    height: 38px;
}
@keyframes pulseSkeleton {
    0% {
        opacity: 0.2;
    }
    50% {
        opacity: 0.8;
    }
    100%{
        opacity: 0.2;
    }
}

.skeleton-container{
    top: 0;
    left: 0;
    z-index: 6;
    pointer-events: all;
    transition: 0.5s ease-in-out;
}

.skeleton-container.hide{
    opacity: 0;
    filter: blur(5px);
    pointer-events: none;
}

/*.custom-mobile-menu.show{*/
/*    background-color: #93d500 !important;*/
/*}*/

/*.sidebar .nav-link, .navbarCollapse .nav-link,*/
/*{*/
/*    color: white; !important;*/
/*}*/