/* Sweco */
.sweco-nav {
    background-color: #3f3f42;
}



.nav-tabs .nav-link {
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
    color: black;
}

/*buttons */

.btn {
    border-radius: 0;
}

    .btn:hover {
        background-color: #7a9b62;
        border-color: #7a9b62;
    }
.btn-primary {
    background-color: #9dd354;
    border-color: #9dd354;
    color: #000;
}

    .btn-primary:hover {
        background-color: #7a9b62;
        border-color: #7a9b62;
        color: #000;
    }


.btn-Secondary {
    background-color: #fff;
    border-color: #fff;
    box-shadow: none;
    color: #000;
}
    .btn-Secondary:hover {
        background-color: #3f3f42;
        border-color: #3f3f42;
        color: #fff;
    }

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    background: #f3f3f0 !important;
    border-color: #a4a4a6 !important;
    color: #a4a4a6 !important;
    opacity: 1 !important;
}

.btn-warning {
    background-color: #821307;
    border-color: #821307;
    box-shadow: none;
    color: #fff;
}

    .btn-warning:hover {
        background-color: #520C04;
        border-color: #520C04;
        box-shadow: none;
        color: #fff;
    }

.btn.btn-outline-light {

}

.btn-success {
    background-color: #7a9b62;
    border-color: #7a9b62;
    box-shadow: none;
    color: #fff;
}

    .btn-success:hover {
        background-color: darkslategrey;
        border-color: darkslategrey;
        box-shadow: none;
        color: #fff;
    }


/*LEAP Specifiek*/
.grid-header-title > button{
    color:black !important;
}

.form-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff url(data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23000' d='M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z'/%3E%3C/svg%3E) right .75rem center / 13px 13px no-repeat;
    border: 1px solid #a4a4a6;
    border-radius: 0;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075);
    color: #000;
    display: inline-block;
    font-family: Sweco Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    height: calc(1.5em + .88rem + 2px);
    line-height: 1.5;
    padding: .44rem 1.75rem .44rem .75rem;
    vertical-align: middle;
    width: 100%;
}

.nav-tabs .nav-link {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.form-check-input:checked {
    background-color: #9dd354;
    border-color: #7a9b62;
}

/*pagination sweco style*/
.pagination .page-item .page-link,
.pagination .page-item > a,
.pagination-lg .page-item .page-link,
.pagination-lg .page-item > a,
.pagination-sm .page-item .page-link,
.pagination-sm .page-item > a {
    border: 0;
    font-size: 1rem;
    height: 40px;
    min-width: 40px;
    outline: 0 !important;
    position: relative;
    white-space: nowrap;
    color: black;
}

    .pagination .page-item .page-link:focus,
    .pagination .page-item > a:focus {
        color: #000; 
    }

        .pagination .page-item .page-link:before,
        .pagination .page-item > a:before,
        .pagination .page-item .page-link:focus:before,
        .pagination .page-item > a:focus:before {
            background: #9dd354;
            bottom: 0;
            content: "";
            height: 1px;
            left: 1px;
            opacity: 0;
            position: absolute;
            right: 1px;
            transform: translateY(-5px);
            transition: color .2s, height .2s, opacity .2s, transform .2s;
        }

        .pagination .page-item .page-link.active:before,
        .pagination .page-item .page-link:focus:before,
        .pagination .page-item .page-link:hover:before,
        .pagination .page-item.active > a:before,
        .pagination .page-item > a.active:before,
        .pagination .page-item > a:focus:before,
        .pagination .page-item > a:hover:before {
            display: inline-block;
            height: 2px;
            opacity: 1;
            transform: translateY(0);
        }

    .pagination .page-item.active .page-link,
    .pagination .page-item.active > a,
    .pagination .page-item > a.active {
        background-color: white;
        color: #000;
        font-family: Sweco Sans Bold, Sweco Sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    }
    .pagination .page-item.disabled .page-link:focus:before,
    .pagination .page-item.disabled .page-link:hover:before,
    .pagination .page-item.disabled > a:focus:before,
    .pagination .page-item.disabled > a:hover:before,
    .pagination .page-item > a.disabled:focus:before,
    .pagination .page-item > a.disabled:hover:before {
        display: none;
    }

.pagination .page-item:first-child .page-link:after,
.pagination .page-item:first-child > a:after {
    right: .7rem;
    top: .75rem;
    transform: rotate(90deg);
}

.pagination .page-item:last-child .page-link:after,
.pagination .page-item:last-child > a:after {
    right: .7rem;
    top: .7rem;
    transform: rotate(-90deg);
}

/* search bar */
/* Hide the search apply button */
button.grid-search-apply {
    display: none !important;
}

/* Hide the search clear button */
button.grid-search-clear {
    display: none !important;
}

input.grid-search-input {
    border: 1px solid #a4a4a6 !important;
    padding: .44rem .75rem !important;
}
/* search bar end*/


.form-control {
    background-color: #ffffff;
    border-width: 0.5px;
    border-bottom-color: #ccc ;
    border-radius: 0 ;
}
    .form-control:disabled {
        background-color: var(--bs-secondary-bg);
        opacity: 1;
    }
.form-select {
    background-color: #ffffff !important;
    border-width: 0.5px !important;
    border-bottom-color: #ccc !important;
    border-radius: 0;
}


    /* Oqtane Styles */
    body {
    padding-top: 7rem;
}

.table > :not(caption) > * > * {
    box-shadow: none;
}

.alert-dismissible .btn-close {
    z-index: 1;
}

.controls {
    z-index: 2000;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-right: 10px;
}

.app-menu .nav-item {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .app-menu .nav-item a {
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        padding-left: 1rem;
    }

        .app-menu .nav-item a.active {
            background-color: rgba(255,255,255,0.25);
            color: white;
        }

        .app-menu .nav-item a:hover {
            background-color: rgba(255,255,255,0.1);
            color: white;
        }

.app-menu .nav-link .oi {
    width: 1.5rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.navbar-toggler {
    background-color: rgba(255, 255, 255, 0.1);
    margin: .5rem;
}


/*Badge*/
.badge {
    align-self: center;
    background-color: #3f3f42;
    border-radius: 10rem;
    color: #fff;
    max-height: 1.5rem;
    min-height: 1.5rem;
    min-width: 1.5rem
}

.badge, .badge-sm {
    line-height: 1.4em
}

.badge-sm {
    font-size: .875rem;
    max-height: 1.25rem;
    min-height: 1.25rem;
    min-width: 1.25rem;
    padding: 0 .45em
}

.badge-lg, .steps .badge {
    font-size: 1rem;
    line-height: 1.5;
    max-height: 2rem;
    min-height: 2rem;
    min-width: 2rem;
    padding: .25em
}

.badge-primary, .steps .done .badge {
    background-color: #9dd354;
    color: #000
}

.badge-info {
    background-color: #dec55b;
    color: #000
}

.badge-danger, .badge-warning {
    background-color: #821307
}

.badge-success {
    background-color: #7a9b62
}

.badge-outline, .steps .badge {
    background-color: transparent;
    box-shadow: inset 0 0 0 .125rem #e2e0da;
    color: #000
}

/*Badge end*/


div.app-moduleactions a.dropdown-toggle, div.app-moduleactions div.dropdown-menu {
    color: #000000;
}

@media (max-width: 767px) {

    .app-menu {
        width: 100%
    }

    .navbar {
        position: fixed;
        top: 60px;
        width: 100%;
    }

    .controls {
        height: 60px;
        top: 15px;
        position: fixed;
        top: 0px;
        width: 100%;
        background-color: rgb(0, 0, 0);
    }

    .controls-group {
        float: right;
        margin-right: 25px;
    }

    .content {
        position: relative;
        top: 60px;
    }
}