/* open-sans-300 - latin-ext_latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local(''),
    url('../fonts/open-sans/open-sans-v18-latin-ext_latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../fonts/open-sans/open-sans-v18-latin-ext_latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-regular - latin-ext_latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local(''),
    url('../fonts/open-sans/open-sans-v18-latin-ext_latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../fonts/open-sans/open-sans-v18-latin-ext_latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-600 - latin-ext_latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local(''),
    url('../fonts/open-sans/open-sans-v18-latin-ext_latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../fonts/open-sans/open-sans-v18-latin-ext_latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-700 - latin-ext_latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local(''),
    url('../fonts/open-sans/open-sans-v18-latin-ext_latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../fonts/open-sans/open-sans-v18-latin-ext_latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-800 - latin-ext_latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    src: local(''),
    url('../fonts/open-sans/open-sans-v18-latin-ext_latin-800.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../fonts/open-sans/open-sans-v18-latin-ext_latin-800.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* oswald-300 - latin-ext_latin */
@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 300;
    src: local(''),
    url('../fonts/oswald/oswald-v35-latin-ext_latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../fonts/oswald/oswald-v35-latin-ext_latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* oswald-regular - latin-ext_latin */
@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 400;
    src: local(''),
    url('../fonts/oswald/oswald-v35-latin-ext_latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../fonts/oswald/oswald-v35-latin-ext_latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* oswald-500 - latin-ext_latin */
@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 500;
    src: local(''),
    url('../fonts/oswald/oswald-v35-latin-ext_latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../fonts/oswald/oswald-v35-latin-ext_latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* oswald-600 - latin-ext_latin */
@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 600;
    src: local(''),
    url('../fonts/oswald/oswald-v35-latin-ext_latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../fonts/oswald/oswald-v35-latin-ext_latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* oswald-700 - latin-ext_latin */
@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 700;
    src: local(''),
    url('../fonts/oswald/oswald-v35-latin-ext_latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../fonts/oswald/oswald-v35-latin-ext_latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


:root {
    --kwblue: #38c4fb;
    --kwdarkblue: #32b0e1;
    --kwgreen: #bccf00;
    --kwdarkgreen: #829900;
    --kwbackgroundblue: #e8f0f7;
    --kwtext: #101d30;
    --kworange: #f0ad4e;
    --kwdarkorange: #d89b46;
    --kwred: #b22222;
}

body {
    font-family: 'Open Sans',' Helvetica', 'Arial', sans-serif;
    background-color: var(--kwbackgroundblue)!important;
    color: var(--kwtext);
}

label {
    font-weight: 600;
}
.app-header{
    position: relative;
    flex-direction: row;
    height: 55px;
    padding: 0;
    margin: 0;
}

.navbar-brand img{
    max-width: 115px!important;
    margin-top: 2px!important;
}

.seam-sidebar{
    background-color: var(--kwbackgroundblue);

}

@media screen and (min-width: 992px) {
    .seam-sidebar {
        display: none;
    }
}

th{
    font-weight: 600;
}
.uebernahme_button{
    margin-bottom: 1.5rem;
}
.review_start_div{
    margin-top: .7rem;
    margin-bottom: .9rem;
}

.pm-specifications{
    background-color: #32b0e1;
}
.pm-specifications:hover{
    background-color: #2c9cc8;
}
.ma-specifications{
    background-color: #217596;
}
.ma-specifications:hover{
    background-color: #164e64;
}
.qm-specifications{
    background-color: #2c9cc8;
}
.qm-specifications:hover{
    background-color: #217596;
}

.bg-kwgreen-body {
    background-color: rgba(188, 207, 0, 0.1) !important;
    border: none!important;
}

.bg-kwgreen {
    background-color: #bccf00 !important;
    border: none!important;
}

.bg-kwgreen .active{
    background-color: #93a101 !important;
    border: none!important;
}

.bg-kwgreen :hover{
    background-color: #93a101 !important;
    border: none!important;
}

.bg-kwblue-body {
    background-color: rgba(44, 156, 200, 0.1) !important;
    border: none!important;
}

.bg-kwblue {
    background-color: #2c9cc8 !important;
}

.bg-kwblue :hover {
    background-color: #217596 !important;
}

.bg-kwblue .active {
    background-color: #217596 !important;
}

.wiedervorlage-specifications:hover{
    background-color: #d5c4b6;
}

.wiedervorlage-specifications {
    background-color: #df4759;
}

.erinnerungen-specifications{
    background-color: #f0ad4e;
}
.erinnerungen-specifications:hover{
    background-color: #d89b46;
}

.icon-grey{
    color: #768192;
}

/* styling for seam things */
.table-seam {
    font-size: 13px;
}

.linked-block{
    color: #101D30;
}

.linked-block:hover
 {
    text-decoration: none;
    background: #F1f4f8 !important;
}
.linked-block:hover .bg-primary {
    background: #909e01!important;
    text-decoration: none;
}
.linked-block:hover .bg-info {
    background: #2c62af!important;
    text-decoration: none;
}
.linked-block:hover .bg-warning {
    background: #c19203!important;
    text-decoration: none;
}
.linked-block:hover .bg-danger {
    background: #b53746!important;
    text-decoration: none;
}

.jumbotron{
    border-radius: 25px;
}

.card, .shadow-xs {
    border-radius: 25px;
}

#crudTable.table-seam.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, #crudTable.table-oekv.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
    margin-top: -4px;
    font-size: 18px;
}

table.table-seam.dataTable.table-sm .sorting:before, table.table-oekv.dataTable.table-sm .sorting_asc:before, table.table-oekv.dataTable.table-sm .sorting_desc:before {
    top: 3px;
    right: 0.40em;
}

table.table-seam.dataTable.table-sm .sorting:after, table.table-oekv.dataTable.table-sm .sorting_asc:after, table.table-oekv.dataTable.table-sm .sorting_desc:after {
    top: 10px;
}

.seam-crud-table-container {
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,40,100,.12);
    border-radius: 25px;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
    padding: 10px;
}

.seam-topnav-item{
    color: #333333;
    font-size: 16px;
    font-weight: 700;
    height: 100%;
}

.seam-topnav-item:hover{
    text-decoration: none;
}

.seam-topnav-item-e:before{
    content: url('https://api.iconify.design/carbon:settings.svg?color=%23768192&width=20px&height=20px');
    vertical-align: -0.125em;
}

.seam-topnav-item-a:before{
    content: url('https://api.iconify.design/carbon-delivery-parcel.svg?color=%23768192&width=20px&height=20px');
    vertical-align: -0.125em;
}
.seam-topnav-item-l:before{
    content: url('https://api.iconify.design/carbon:delivery.svg?color=%23768192&width=20px&height=20px');
    vertical-align: -0.125em;
}

.seam-search {
    font-size: 12px;
}

.seam-search input {
    font-size: 12px;
    border-radius: 5px !important;
}

.seam-heading {
    font-size: 1.5rem;
    font-weight: 600;
}

.seam-sub{
    font-size: 1.2rem;
    font-weight: 550;
}

.seam-icon {
    width: 100%;
}

.seam-crud-table-container .dataTables_length {
    font-size: 12px;
}

.seam-crud-table-container .dataTables_length select.form-control {
    font-size: 12px;
    padding-right: 15px;
}

.seam-crud-table-container .dataTables_paginate ul.pagination {
    font-size: 12px;
}

.seam-crud-table-container .navbar-filters, .navbar-filters .dropdown-menu {
    font-size: 12px;
}

.seam-form, .seam-form input, .seam-form select {
    font-size: 14px;
}

.table-seam .btn {
    font-size: 11px;
}

.anleitung-container, .end-message-container{
    padding: 2rem 1.5rem;
    border-bottom: 1px solid #d9e2ef;
}

.site_container{
    display: flex;
    justify-content: center;
}



/*
	Replace colors with standard colors
*/

.btn-primary,
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    color: #fff;
    background-color: var(--kwgreen);
    border-color: var(--kwgreen);
}

.btn-success {
    background-color: var(--kwgreen);
    border-color: var(--kwgreen);
}

.btn-primary:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background-color: var(--kwdarkgreen);
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:not(:disabled):not(.disabled).active,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:not(:disabled):not(.disabled):active,
.dataTables_wrapper .dataTables_paginate .show>.dropdown-toggle.paginate_button.current,
.show>.btn-primary.dropdown-toggle {
    background-color: var(--kwdarkgreen);
    border-color: var(--kwdarkgreen);
}

.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    background-color: var(--kwdarkgreen);
}

.text-primary {
    color: var(--kwgreen) !important;
}

h1 {
    color: var(--kwgreen)!important;
}

.btn-link {
    color: var(--kwgreen);
}

.btn-outline-primary {
    color: var(--kwgreen);
    border-color: var(--kwgreen);
}

.btn-outline-info {
    color: var(--kwblue);
    border-color: var(--kwblue);
}

.btn-info {
    color: #fff;
    background-color: var(--kwblue);
    border-color: var(--kwblue);
}

.btn-warning {
    color: #fff;
    background-color: var(--kworange);
}

.btn:hover,
.dataTables_wrapper,
.dataTables_paginate,
.paginate_button:hover {
    color: var(--kwdarkgreen);
    border-color: var(--kwdarkgreen);
}

.btn-success:hover,
.btn-success:active {
    background-color: var(--kwdarkgreen);
}

.btn-info:hover,
.btn-info:active {
    background-color: var(--kwdarkblue);
    color: #fff;
    border-color: var(--kwdarkblue);
}

.btn-warning:hover,
.btn-warning:active {
    background-color: var(--kwdarkorange);
    border-color: var(--kwdarkorange);
    color: #fff;
}

.btn-outline-info:hover,
.btn-outline-info:active {
    color: #fff;
    background-color: var(--kwdarkblue);
    border-color: var(--kwdarkblue);
}

.btn-outline-primary:hover,
.btn-outline-primary:active {
    color: #fff;
    background-color: var(--kwgreen);
    border-color: var(--kwgreen);
}



.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: var(--kwgreen);
    border-color: var(--kwgreen);
}

.page-link:hover { color: var(--kwgreen);}

a { color: var(--kwgreen); }
a:hover { color: var(--kwdarkgreen); }

.table-hover tbody tr:hover,
#crudTable tbody tr:hover {
    background-color: rgba(124, 105, 239, 0.1);
}

.sidebar.sidebar-pills .nav-link.active .nav-icon,
.sidebar.sidebar-pills .nav-link:hover .nav-icon,
.sidebar.sidebar-pills .nav-link.active,
.sidebar.sidebar-pills .nav-link:hover,
.sidebar-pills .nav-link:hover .nav-icon {
    color: var(--kwgreen)!important;
}

.card.bg-primary {
    border-color: var(--kwgreen);
}

.bg-primary {
    background-color: var(--kwgreen)!important;
}

.daterangepicker .ranges li.active,
.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: var(--kwgreen)!important;
}

.pace .pace-progress {
    background: var(--kwgreen);
}

body {
    /*border-top: 3px solid #bccf00;*/
}

.tooltip {
    position: relative;
    display: inline-block;
    font-size: 16px;
}

.tooltip .tooltiptext {
    visibility: hidden;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    width: 120px;
    top: 100%;
    left: 50%;
    margin-left: -60px;
    font-size: 12px;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

.card {
    border-radius: 25px;
}



.lds-ripple {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}
.lds-ripple div {
    position: absolute;
    border: 4px solid #fff;
    opacity: 1;
    border-radius: 50%;
    animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.lds-ripple div:nth-child(2) {
    animation-delay: -0.5s;
}
@keyframes lds-ripple {
    0% {
        top: 36px;
        left: 36px;
        width: 0;
        height: 0;
        opacity: 1;
    }
    100% {
        top: 0px;
        left: 0px;
        width: 72px;
        height: 72px;
        opacity: 0;
    }
}

option:disabled {
    background-color: #e8f0f7;
    color: #b5b5ba;
}