/* Filter-Orange auf Skriptstube-Orange anpassen */
.header-filter[filter-color="orange"]:after,
.header-filter[filter-color="warning"]:after {
    background: rgba(255, 224, 178, 0.56);
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(60deg, rgba(255, 130, 21, 0.2), rgba(255, 130, 21, 0.8));
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(60deg, rgba(255, 130, 21, 0.2), rgba(255, 130, 21, 0.8));
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(60deg, rgba(255, 130, 21, 0.2), rgba(255, 130, 21, 0.8));
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(60deg, rgba(255, 130, 21, 0.2), rgba(255, 130, 21, 0.8));
    /* Standard syntax */
}


/* Neue Farbklasse für Buttons: Crazy Call-To-Action-Button */
.btn.btn-cta {
    color: #fff;
    background-color: #7A7C7F;
    border-color: #7A7C7F;
    box-shadow: 0 2px 2px 0 rgba(0, 176, 158, 0.14), 0 3px 1px -2px rgba(0, 176, 158, 0.2), 0 1px 5px 0 rgba(0, 176, 158, 0.12);
}

.btn.btn-cta:hover {
    color: #fff;
    background-color: rgba(0, 179, 162, 1);
    border-color: #00c6b3;
}

.btn.btn-cta:focus,
.btn.btn-cta.focus,
.btn.btn-cta:hover {
    color: #fff;
    background-color: rgba(0, 179, 162, 1);
    border-color: #00c6b3;
}

.btn.btn-cta:active,
.btn.btn-cta.active,
.open > .btn.btn-cta.dropdown-toggle,
.show > .btn.btn-cta.dropdown-toggle {
    color: #fff;
    background-color: rgba(0, 179, 162, 1);
    border-color: #00c6b3;
    box-shadow: 0 2px 2px 0 rgba(156, 39, 176, 0.14), 0 3px 1px -2px rgba(156, 39, 176, 0.2), 0 1px 5px 0 rgba(156, 39, 176, 0.12);
}

.btn.btn-cta:active:hover,
.btn.btn-cta:active:focus,
.btn.btn-cta:active.focus,
.btn.btn-cta.active:hover,
.btn.btn-cta.active:focus,
.btn.btn-cta.active.focus,
.open > .btn.btn-cta.dropdown-toggle:hover,
.open > .btn.btn-cta.dropdown-toggle:focus,
.open > .btn.btn-cta.dropdown-toggle.focus,
.show > .btn.btn-cta.dropdown-toggle:hover,
.show > .btn.btn-cta.dropdown-toggle:focus,
.show > .btn.btn-cta.dropdown-toggle.focus {
    color: #fff;
    background-color: rgba(0, 179, 162, 1);
    border-color: #00c6b3;
}

.open > .btn.btn-cta.dropdown-toggle.bmd-btn-icon {
    color: inherit;
    background-color: #00c6b3;
}

.open > .btn.btn-cta.dropdown-toggle.bmd-btn-icon:hover {
    background-color: rgba(0, 179, 162, 1);
}

.btn.btn-cta.disabled:focus,
.btn.btn-cta.disabled.focus,
.btn.btn-cta:disabled:focus,
.btn.btn-cta:disabled.focus {
    background-color: rgb(0, 193, 175);
    border-color: #00c6b3;
}

.btn.btn-cta.disabled:hover,
.btn.btn-cta:disabled:hover {
    background-color: rgba(0, 179, 162, 1);
    border-color: #00c6b3;
}

.btn.btn-cta:focus,
.btn.btn-cta:active,
.btn.btn-cta:hover {
    box-shadow: 0 14px 26px -12px rgba(40, 176, 162, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(40, 176, 162, 0.2);
}

.btn.btn-cta.btn-link {
    background-color: transparent;
    color: rgba(40, 176, 162, 1);
    box-shadow: none;
}

.btn.btn-cta.btn-link:hover,
.btn.btn-cta.btn-link:focus,
.btn.btn-cta.btn-link:active {
    background-color: transparent;
    color: rgb(106, 176, 167);
}


/* Primärfarbe umschreiben */

/* Unterstreichen eines Inputs im Fokus */
.form-control,
.is-focused .form-control,
.has-success .form-control,
.is-focused .has-success .form-control,
.form-control:invalid{
    background-image: linear-gradient(to top, #00c6b3 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, #a0a0a0 1px, rgba(210, 210, 210, 0) 1px);
}


/* Nav-Pills */
.nav-pills .nav-item .nav-link.active {
    color: var(--primaryCustomText);
    background-color: var(--primaryCustom);
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 130, 21, 0.4);
}


/* Neue Farbe für Hinterlegen der Sidebar-Elemente definieren: Primary */
.sidebar[data-color="primary"] li.active > a {
    background-color: #ffffff3b;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(176, 101, 40, 0.4);
}


.card .card-header-primary .card-icon,
.card .card-header-primary .card-text,
.card .card-header-primary:not(.card-header-icon):not(.card-header-text),
.card.bg-primary,
.card.card-rotate.bg-primary .front,
.card.card-rotate.bg-primary .back {
    background: var(--primaryCustom);
}


.card .card-header-primary .card-icon,
.card .card-header-primary:not(.card-header-icon):not(.card-header-text),
.card .card-header-primary .card-text {
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(176, 101, 40, 0.4);
}


.card .card-header-primary:not(.card-header-icon):not(.card-header-text) {
    background: #48494B;
}

.card .card-header-secondary:not(.card-header-icon):not(.card-header-text) {
    background: rgba(255, 130, 21, 1);
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(60deg, rgba(255, 130, 21, 1), rgba(255, 108, 22, 1));
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(60deg, rgba(255, 130, 21, 1), rgba(255, 108, 22, 1));
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(60deg, rgba(255, 130, 21, 1), rgba(255, 108, 22, 1));
    /* For Firefox 3.6 to 15 */
    background: rgb(255, 130, 21);
    /* Standard syntax */
}



/* Spezielle Farben für Card-Header mit "komplexeren" Diagrammen */
.card .card-header-chart .card-icon,
.card .card-header-chart .card-text,
.card .card-header-chart:not(.card-header-icon):not(.card-header-text),
.card.bg-chart,
.card.card-rotate.bg-chart .front,
.card.card-rotate.bg-chart .back {
    background: linear-gradient(60deg, #fff, #fcfffe);
}


.card .card-header-chart .card-icon,
.card .card-header-chart:not(.card-header-icon):not(.card-header-text),
.card .card-header-chart .card-text {
    box-shadow: 0 4px 20px 0px rgba(0, 255, 221, 0.05), 0 7px 10px -5px rgba(0, 179, 162, 0.07);
}


.card .card-header-chart:not(.card-header-icon):not(.card-header-text) {
    background: #fff;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(60deg, #fff, #fcfffe);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(60deg, #fff, #fcfffe);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(60deg, #fff, #fcfffe);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(60deg, #fff, #fcfffe);
    /* Standard syntax */
}




.btn.btn-primary.btn-link {
    background-color: transparent;
    color: rgba(255, 130, 21, 1);
    box-shadow: none;
}

.btn.btn-primary.btn-link:hover {
    color: rgba(255, 130, 21, 1);
}

.btn.btn-primary.btn-link:hover,
.btn.btn-primary.btn-link:focus,
.btn.btn-primary.btn-link:active {
    background-color: transparent;
    color: rgba(255, 130, 21, 1);
}

.form-check .form-check-input:checked + .form-check-sign .check {
    background: rgb(31, 43, 86);
}

a {
    color: var(--primaryCustom);;
}

/*
.btn.btn-primary {
    color: #fff;
    background-color: rgba(255, 130, 21, 1);
    border-color: #000;
    box-shadow: 0 2px 2px 0 rgba(255, 130, 21, 0.14), 0 3px 1px -2px rgba(255, 130, 21, 0.2), 0 1px 5px 0 rgba(255, 130, 21, 0.12);
}
*/


.btn.btn-nav {
    color: var(--primaryCustom);
    background-color: rgba(255, 255, 255, 0.8);
    border-color: var(--primaryCustomBorder);;
    box-shadow: 0 2px 2px 0 rgba(255, 130, 21, 0.05), 0 3px 1px -2px rgba(255, 130, 21, 0.1), 0 1px 5px 0 rgba(255, 130, 21, 0.05);
}

.btn.btn-nav:hover {
    color: var(--primaryCustom);
    background-color: rgba(255, 255, 255, 1);
    border-color: var(--primaryCustom);
    box-shadow: 0 14px 17px -12px rgba(255, 130, 21, 0.32), 0 4px 23px 0px rgba(255, 130, 21, 0.12), 0 8px 10px -5px rgba(255, 130, 21, 0.2);
}

/* Selectfarbe anpassen */
.bootstrap-select .dropdown-item.active {
    color: var(--primaryCustomText);;
    background-color: var(--primaryCustom);;
}
.bootstrap-select .btn.dropdown-toggle.select-with-transition {
    background-image: linear-gradient(to top, var(--primaryCustom) 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px);
}

.dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:focus, .dropdown-menu a:hover, .dropdown-menu a:focus, .dropdown-menu a:active {
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 130, 21, 0.4);
    background-color: var(--primaryCustomHover);;
    color: var(--primaryCustomText);;
    font-weight:bolder;
}

.btn.btn-primary:focus, .btn.btn-primary.focus, .btn.btn-primary:hover {
    color: var(--primaryCustomText);;
    background-color: var(--primaryCustom);;
    border-color: var(--primaryCustomBorder);;
}

.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary {
    color: rgba(255, 255, 255, 1);
}

/*
.btn.btn-primary:hover {
    box-shadow: 0 10px 6px -12px rgba(255, 130, 21, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 130, 21, 0.2);
}

.btn.btn-primary:active, .btn.btn-primary.active, .open>.btn.btn-primary.dropdown-toggle, .show>.btn.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: rgba(255, 130, 21, 1);
    border-color: #9FC62D;
    box-shadow: 0 14px 17px -12px rgba(255, 130, 21, 0.32), 0 4px 23px 0px rgba(255, 130, 21, 0.12), 0 8px 10px -5px rgba(255, 130, 21, 0.2);
}

.show>.btn.btn-primary.dropdown-toggle:hover {
    background-color: #9FC62D;
    border-color: rgba(255, 108, 22, 1);
}
*/
    /* Navigation anpassen */
.off-canvas-sidebar .navbar:not(.text-white) .navbar-collapse .navbar-nav .nav-item .nav-link {
    color: #555555;
}

/* Checkbox Toggle-Button */
.togglebutton label input[type=checkbox]:checked + .toggle {
    background-color: rgba(255, 130, 21, 1);
}

.togglebutton label input[type=checkbox]:checked + .toggle:after {
    border-color: var(--primaryCustom);
}

/* Pagination in Datatables */
.pagination > .page-item.active > a, .pagination > .page-item.active > a:focus, .pagination > .page-item.active > a:hover, .pagination > .page-item.active > span, .pagination > .page-item.active > span:focus, .pagination > .page-item.active > span:hover {
    color: var(--primaryCustom);
    background-color: rgba(255, 255, 255, 0.8);
    border-color: var(--primaryCustomBorder);
    box-shadow: 0 2px 2px 0 rgba(255, 130, 21, 0.3), 0 3px 1px -2px rgba(255, 130, 21, 0.4), 0 1px 5px 0 rgba(255, 130, 21, 0.3);
}

.pagination > .page-item.active > a:hover {
    color: var(--primaryCustom);
    background-color: rgba(255, 255, 255, 1);
    border-color: var(--primaryCustomBorder);;
    box-shadow: 0 6px 6px -6px rgba(255, 130, 21, 0.32), 0 4px 6px 0px rgba(255, 130, 21, 0.12), 0 8px 6px -5px rgba(255, 130, 21, 0.2);
}

li.paginate_button.page-item.active {
    margin-left: 10px;
    margin-right: 10px;
}


/* Kalender Mitarbeitername */
.employee_title {
    color: var(--primaryCustom);;
    font-size: large;
    font-weight: 400;
}

/* Wizard-Anpassungen */

.card-wizard[data-color="primary"] .moving-tab {
    background-color: var(--primaryCustom);;
    box-shadow: 0 4px 20px 0px rgba(255, 130, 21, 0.32), 0 7px 10px -5px rgba(255, 130, 21, 0.12);
}

.card-wizard[data-color="primary"] .picture:hover {
    border-color: var(--primaryCustomBorder);;
}

.card-wizard[data-color="primary"] .choice:hover .icon,
.card-wizard[data-color="primary"] .choice.active .icon {
    border-color: var(--primaryCustomBorder);
    color: var(--secondaryCustom);
}

.card-wizard[data-color="primary"] .checkbox input[type=checkbox]:checked+.checkbox-material .check {
    background-color: var(--primaryCustom);
}

.card-wizard[data-color="primary"] .radio input[type=radio]:checked~.check {
    background-color: var(--primaryCustom);
}

.card-wizard[data-color="primary"] .radio input[type=radio]:checked~.circle {
    border-color: var(--primaryCustom);
}

.select.nojs select {
    border-bottom: 1px solid #000;
    background: #fff;
    color: #3c4858;
}
.select.nojs select:hover,
.select.nojs select:focus {
    border-bottom: 2px solid var(--primaryCustom);
}
.select.nojs .select_arrow {
    border-right: solid #000;
    border-bottom: solid #000;
}
.select.nojs select:hover ~ .select_arrow,
.select.nojs select:focus ~ .select_arrow {
    border-color: var(--primaryCustom);
}
.select.nojs select:disabled ~ .select_arrow {
    border-top-color: #cccccc;
}

td.dataTableActions a:not([href]):not([tabindex]),
td.dataTableActions .btn.btn-link,
span.dtr-data a:not([href]):not([tabindex]),
span.dtr-data .btn.btn-link {
    color: var(--primaryCustom);
}

td.dataTableActions a:not([href]):not([tabindex]):hover,
td.dataTableActions .btn.btn-link:hover,
span.dtr-data a:not([href]):not([tabindex]):hover,
span.dtr-data .btn.btn-link:hover {
    color: #00b2a3;
}

.dataTables_paginate{
    background-color: var(--primaryCustom);
}

.dataTables_paginate .pagination > .page-item.active > a,
.dataTables_paginate .pagination > .page-item.active > a:focus,
.dataTables_paginate .pagination > .page-item.active > a:hover,
.dataTables_paginate .pagination > .page-item > a:hover,
.dataTables_paginate .pagination > .page-item.active > span,
.dataTables_paginate .pagination > .page-item.active > span:focus,
.dataTables_paginate .pagination > .page-item.active > span:hover {
    color: var(--primaryCustom);
    background-color: var(--primaryCustomText);
    box-shadow:none;
}

.card-collapse .card-header a:hover, .card-collapse .card-header a:active, .card-collapse .card-header a[aria-expanded="true"] {
    color: var(--primaryCustom);
}


html:not(.js) div.card-collapse input[type=checkbox]:checked~div.card-header a {
    color: var(--primaryCustom);
}

.form-control[readonly] {
    background-color: #fdfdfd;
}


.dataTables_paginate{
    border-radius: 20px;
    box-shadow: 0px 0px 2px #dddddd;
    float: right;
}

.dataTables_paginate ul.pagination{
    padding: 5px;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination{
    justify-content: space-evenly;
}

.dataTables_paginate .pagination > .page-item.active > a,
.dataTables_paginate .pagination > .page-item.active > a:focus,
.dataTables_paginate .pagination > .page-item.active > a:hover,
.dataTables_paginate .pagination > .page-item > a:hover,
.dataTables_paginate .pagination > .page-item.active > span,
.dataTables_paginate .pagination > .page-item.active > span:focus,
.dataTables_paginate .pagination > .page-item.active > span:hover {
    background-color: #ffffff;
    box-shadow:none;
}

.dataTables_paginate li.paginate_button.page-item,
.dataTables_paginate li.paginate_button.page-item.active {
    margin:0px 2px;
}

.dataTables_paginate .pagination > .page-item > .page-link,
.dataTables_paginate .pagination > .page-item > span{
    color:#ffffff;
}

.sidebar .nav .nav-item .nav-link,
.sidebar .sidebar-wrapper > .nav [data-toggle="collapse"] ~ div > ul > li.active > a .sidebar-normal,
.sidebar .sidebar-wrapper .user .user-info [data-toggle="collapse"] ~ div > ul > li.avtive > a .sidebar-normal{
    color: var(--primaryCustomText);
}

span.hint a i{
    color: var(--primaryCustom);
}

.btn.btn-primary:active, .btn.btn-primary.active, .open > .btn.btn-primary.dropdown-toggle, .show > .btn.btn-primary.dropdown-toggle
{
    color: var(--secondaryCustomText) !important;
    background-color: var(--secondaryCustom) !important;
}