/*REDESIGN Advanced... back to beginning*/

/* open-sans-regular - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('mygemiko.de/ui_template_frontend/fonts/open-sans/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../../ui_template_frontend/fonts/open-sans/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../ui_template_frontend/fonts/open-sans/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../../ui_template_frontend/fonts/open-sans/open-sans-v34-latin-regular.woff') format('font-woff'), /* Modern Browsers */
    url('../../ui_template_frontend/fonts/open-sans/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../../ui_template_frontend/fonts/open-sans/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-500 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    src: url('../../ui_template_frontend/fonts/open-sans/open-sans-v34-latin-500.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../../ui_template_frontend/fonts/open-sans/open-sans-v34-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../ui_template_frontend/fonts/open-sans/open-sans-v34-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
    url('../../ui_template_frontend/fonts/open-sans/open-sans-v34-latin-500.woff') format('font-woff'), /* Modern Browsers */
    url('../../ui_template_frontend/fonts/open-sans/open-sans-v34-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../../ui_template_frontend/fonts/open-sans/open-sans-v34-latin-500.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: url('../../ui_template_frontend/fonts/open-sans/open-sans-v34-latin-600.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../../ui_template_frontend/fonts/open-sans/open-sans-v34-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../ui_template_frontend/fonts/open-sans/open-sans-v34-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
    url('../../ui_template_frontend/fonts/open-sans/open-sans-v34-latin-600.woff') format('font-woff'), /* Modern Browsers */
    url('../../ui_template_frontend/fonts/open-sans/open-sans-v34-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../../ui_template_frontend/fonts/open-sans/open-sans-v34-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url('../../ui_template_frontend/fonts/open-sans/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../../ui_template_frontend/fonts/open-sans/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../ui_template_frontend/fonts/open-sans/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('../../ui_template_frontend/fonts/open-sans/open-sans-v34-latin-700.woff') format('font-woff'), /* Modern Browsers */
    url('../../ui_template_frontend/fonts/open-sans/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../../ui_template_frontend/fonts/open-sans/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-800 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    src: url('../../ui_template_frontend/fonts/open-sans/open-sans-v34-latin-800.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../../ui_template_frontend/fonts/open-sans/open-sans-v34-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../ui_template_frontend/fonts/open-sans/open-sans-v34-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
    url('../../ui_template_frontend/fonts/open-sans/open-sans-v34-latin-800.woff') format('font-woff'), /* Modern Browsers */
    url('../../ui_template_frontend/fonts/open-sans/open-sans-v34-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../../ui_template_frontend/fonts/open-sans/open-sans-v34-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-italic - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: url('../../ui_template_frontend/fonts/open-sans/open-sans-v34-latin-italic.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../../ui_template_frontend/fonts/open-sans/open-sans-v34-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../ui_template_frontend/fonts/open-sans/open-sans-v34-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../../ui_template_frontend/fonts/open-sans/open-sans-v34-latin-italic.woff') format('font-woff'), /* Modern Browsers */
    url('../../ui_template_frontend/fonts/open-sans/open-sans-v34-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../../ui_template_frontend/fonts/open-sans/open-sans-v34-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-500italic - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 500;
    src: url('../../ui_template_frontend/fonts/open-sans/open-sans-v34-latin-500italic.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../../ui_template_frontend/fonts/open-sans/open-sans-v34-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../ui_template_frontend/fonts/open-sans/open-sans-v34-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../../ui_template_frontend/fonts/open-sans/open-sans-v34-latin-500italic.woff') format('font-woff'), /* Modern Browsers */
    url('../../ui_template_frontend/fonts/open-sans/open-sans-v34-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../../ui_template_frontend/fonts/open-sans/open-sans-v34-latin-500italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600italic - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 600;
    src: url('../../ui_template_frontend/fonts/open-sans/open-sans-v34-latin-600italic.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../../ui_template_frontend/fonts/open-sans/open-sans-v34-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../ui_template_frontend/fonts/open-sans/open-sans-v34-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../../ui_template_frontend/fonts/open-sans/open-sans-v34-latin-600italic.woff') format('font-woff'), /* Modern Browsers */
    url('../../ui_template_frontend/fonts/open-sans/open-sans-v34-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../../ui_template_frontend/fonts/open-sans/open-sans-v34-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700italic - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    src: url('../../ui_template_frontend/fonts/open-sans/open-sans-v34-latin-700italic.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../../ui_template_frontend/fonts/open-sans/open-sans-v34-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../ui_template_frontend/fonts/open-sans/open-sans-v34-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../../ui_template_frontend/fonts/open-sans/open-sans-v34-latin-700italic.woff') format('font-woff'), /* Modern Browsers */
    url('../../ui_template_frontend/fonts/open-sans/open-sans-v34-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../../ui_template_frontend/fonts/open-sans/open-sans-v34-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-800italic - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 800;
    src: url('../../ui_template_frontend/fonts/open-sans/open-sans-v34-latin-800italic.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../../ui_template_frontend/fonts/open-sans/open-sans-v34-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../ui_template_frontend/fonts/open-sans/open-sans-v34-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../../ui_template_frontend/fonts/open-sans/open-sans-v34-latin-800italic.woff') format('font-woff'), /* Modern Browsers */
    url('../../ui_template_frontend/fonts/open-sans/open-sans-v34-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../../ui_template_frontend/fonts/open-sans/open-sans-v34-latin-800italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

.bg-light {
    background-color: #bababa !important;
}

.border-company {
    border-color: #7bad4b !important;
}
.bg-company {
    background-color: #7bad4b !important;
}

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

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

.bg-blue
{
    background-color: #7bad4b !important;
}

.border-blue
{
    border-color: #7bad4b !important;
}

.link-blue
{
    color: #424141 !important;
}
.list-group-flush>.list-group-item > a.row:hover {
    color: #424141 !important;
}
header a.nav-link.active {
    color: #424141 !important;
}
header a.nav-link.active span:before {
    background: #7bad4b !important;
}
a.card .card-img-top:after {
    background: #7bad4b !important;
}
.card-custom:hover {
    background: #7bad4b !important;
}
#dropDownUser + ul a.d-block {
    color: #424141 !important;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    background: #7bad4b !important;
    border-color: #7bad4b !important;
}
.nav-tabs .nav-link {
    border-color: #7bad4b !important;
    border-bottom-color: #7bad4b !important;
}
.nav-tabs .nav-link:hover {
    color: #424141;
}
.nav-tabs{
    border-color: #7bad4b !important;
}
.progress.bg-blue {
    background: #7bad4b !important;
}
.progress.bg-white:before,
.progress.bg-white .progress-end:before,
.progress.bg-white .progress-bar{
    background: #7bad4b !important;
    color: #424141 !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:not(.select2-search__field),
form input[type="file"],
select,
.select2-container .select2-selection{
    border-color: #7bad4b !important;
}
.inputOpener.show {
    background: #7bad4b !important;
}
input[type="text"] + label,
input[type="email"] + label,
input[type="password"] + label,
input[type="date"] + label,
input[type="number"] + label,
select + label,
textarea:not(.select2-search__field) + label,
input[type="file"] + label,
select + label{
    color: #424141 !important;
}
.form-check-custom input:checked + label:before {
    background: #7bad4b !important;
}
.form-check-input:checked {
    background-color: #7bad4b !important;
}
.accordion-button:not(.collapsed) {
    color: #424141; !important;
    border-color: #7bad4b !important;
}
.accordion-button:hover {
    color: #424141 !important;
}
.system_link {
    color: #424141 !important;
}
.link-blue:hover {
    color: #424141 !important;
}
.system_link:hover {
    color: #424141 !important
}

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

.border-green {
    border-color: #7bad4b !important;
}
.bg-green {
    background: #7bad4b !important;
}
.progress.bg-green {
    background: #7bad4b !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: #7bad4b;
}

.font_primary_color {
    color: #424141;
}

.background_primary_color {
    color: #424141;
}


a {
    color: #424141;
}



.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: #424141;
}

.navbar
{
    background-color: #ffffff;
}

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

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

.navbarCollapse
{
    background-color: #fff;
    /*background-color: #7bad4b;*/
}

main
{
    background-color: #ffffff;
}

.sidebar
{
    background-color: #7bad4b;
}


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

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


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

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

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

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

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

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


.btn-primary {
    background-color: #7bad4b!important;
    border-color: #7bad4b!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: #7bad4b!important;
    border-color: #7bad4b!important;
}

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

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

.custom-navbar-scrollable {
    background-color: #7bad4b;
}

#home_info
{
    color: #424141;
    background-color: #7bad4b;
    border-color: #7bad4b;
}

.navbar_back_btn
{
    color: #424141!important;
}

.bg-blue-static {
    background-color: #7bad4b;
}

body *,
.text-black{
    color: #424141 !important;
}
body div.bg-primary,
body div.bg-blue,
body div.bg-company *,
.container.bg-white .btn-transparent:hover,
.container.bg-light .btn-transparent:hover,
.container.bg-white .btn-transparent.active,
.container.bg-white .btn-transparent:hover i,
.container.bg-light .btn-transparent:hover i,
.container.bg-white .btn-transparent.active i{
    color: #fff;
}
.btn.text-blue:hover * {
    color: #fff !important
}
.bg-white,
.card,
.form-control,
.form-select,
.bg-white .btn-transparent:not(:hover):not(.active), .bg-light .btn-transparent:not(:hover):not(.active),
input[type="text"] + label, input[type="email"] + label, input[type="password"] + label, input[type="date"] + label, input[type="number"] + label, select + label, textarea:not(.select2-search__field) + label, input[type="file"] + label, select + label, .select2-container--default .select2-selection--single{
    background-color: #eaf4df !important;
}
input[type="text"], input[type="email"], input[type="password"], input[type="date"], input[type="number"], select.form-control, .inputOpener, form textarea:not(.select2-search__field), input[type="file"], select {
    border-color: #7bad4b !important;
    background-color: #eaf4df !important;
}
.bg-light {
    background-color: #bababa !important;
}
.text-white,
.text-white > *,
#cookieCloser i,
.datepicker-days thead tr:first-child th,
.datepicker-months thead tr:first-child th,
.datepicker-years thead tr:first-child th{
    color: #fff !important
}
.btn,
.fw-semibold,
.card-title{
    font-weight: 700;
}
.fw-medium {
    font-weight: 600;
}
.form-check-custom label {
    font-size: 14px;
    font-weight: bold;
}
body *:not(i) {
    font-family: "Open Sans" !important
}

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

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

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    border-color: #7bad4b!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: #7bad4b !important;*/
/*}*/

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

.datepicker thead{
    background: #7bad4b !important;
    border-color: #7bad4b !important;
}