html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

body.bg-lightgrey {
    background-image: url('../ShipWorks_background3.jpg');
    background-repeat: no-repeat;
    /*    background-attachment: fixed;
*/ background-size: 100% 100%;
}

.backgroundWhite {
    background-color: white;
    padding: 30px;
    border-radius: 10px;
    margin-bottom: 30px;
}

@font-face {
    font-family: dfdsFont;
    src: url('../fonts/DFDS-Regular.ttf') format('truetype');
}

:root {
    --bs-orange-rgb: 237, 136, 0;
    --bs-lightblue-rgb: 107, 178, 226;
    --bs-darkblue-rgb: 0, 43, 69;
    --bs-darkgrey-rgb: 77, 78, 76;
    --bs-lightgrey-rgb: 238, 240, 241;
    --bs-blue-rgb: 0, 81, 132;
    --bs-extralightblue-rgb: 232, 244, 251;
}

.row {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 7px;
}

.form-control {
    color: #005184;
    background-color: #fff;
    border: 1px solid #005184;
    min-height: 38px;
/*    border-radius: 0px;
*/}

    .form-control::placeholder {
        color: #005184;
        opacity: 1;
    }
    .form-control:focus{
        box-shadow:none !important;
        border-color:inherit !important;
    }

    /*.btn {
    min-height: 38px;
    border-radius: 2px;
}*/
    .btn-back {
        color: #002b45;
        background-color: #fff;
        border-color: #002b45;
    }
    .btn-back:hover {
        color: #fff;
        background-color: #002b45;
        border-color: #002b45;
    }

    .btn-back:first-child:hover {
        color: #fff;
        background-color: #002b45;
        border-color: #002b45;
    }

    .btn-back:last-child:hover {
        color: #fff;
        background-color: #002b45;
        border-color: #002b45;
    }

    .btn-back:hover {
        color: #fff;
        background-color: #002b45;
        border-color: #002b45;
    }

    .btn-back:focus {
        color: #fff;
        background-color: #002b45;
        border-color: #002b45;
    }

    .btn-back:disabled, .btn-back.disabled {
        color: #002b45;
        /*background-color: #2c3e50;
        border-color: #2c3e50;*/
    }

.btn-add {
    color: #ed8b00;
    background-color: #fff;
    border-color: #ed8b00;
}

    .btn-add:hover {
        color: #fff;
        background-color: #ed8b00;
        border-color: #ed8b00;
    }
    .btn-add:first-child:hover {
        color: #fff;
        background-color: #ed8b00;
        border-color: #ed8b00;
    }

    .btn-add:focus {
        color: #fff;
        background-color: #ed8b00;
        border-color: #ed8b00;
    }

    .btn-add:disabled, .btn-add.disabled {
        color: #4d4e4c;
        /*background-color: #2c3e50;
        border-color: #2c3e50;*/
    }

.btn-start {
    color: mediumseagreen;
    background-color: #fff;
    border-color: mediumseagreen;
}

    .btn-start:hover {
        color: #fff;
        background-color: mediumseagreen;
        border-color: mediumseagreen;
    }
    .btn-start:first-child:hover {
        color: #fff;
        background-color: mediumseagreen;
        border-color: mediumseagreen;
    }

    .btn-start:focus {
        color: #fff;
        background-color: mediumseagreen;
        border-color: mediumseagreen;
    }
/**/
    .btn-start:disabled, .btn-start.disabled {
        color: #4d4e4c;
        /*background-color: #2c3e50;
        border-color: #2c3e50;*/
    }

.btn-details {
    color: #005184;
    background-color: #fff;
    border-color: #005184;
}
    .btn-details:hover {
        color: #fff;
        background-color: #005184;
        border-color: #005184;
    }
    .btn-details:first-child:hover {
        color: #fff;
        background-color: #005184;
        border-color: #005184;
    }

    .btn-details:focus {
        color: #fff;
        background-color: #005184;
        border-color: #005184;
    }

    .btn-details:disabled, .btn-details.disabled {
        color: #4d4e4c;
        /*background-color: #2c3e50;
        border-color: #2c3e50;*/
    }

.btn-edit {
    color: #005184;
    background-color: #fff;
    border-color: #005184;
}
    .btn-edit:hover {
        color: #fff;
        background-color: #005184;
        border-color: #005184;
    }

    .btn-edit:first-child:hover {
        color: #fff;
        background-color: #005184;
        border-color: #005184;
    }

    .btn-edit:focus {
        color: #fff;
        background-color: #005184;
        border-color: #005184;
    }

    .btn-edit:disabled, .btn-edit.disabled {
        color: #4d4e4c;
        /*background-color: #2c3e50;
        border-color: #2c3e50;*/
    }

.btn-save {
    color: #005184;
    background-color: #fff;
    border-color: #005184;
}

    .btn-save:hover {
        color: #fff;
        background-color: #005184;
        border-color: #005184;
    }

    .btn-save:first-child:hover {
        color: #fff;
        background-color: #005184;
        border-color: #005184;
    }

    .btn-save:focus {
        color: #fff;
        background-color: #005184;
        border-color: #005184;
    }

    .btn-save:disabled, .btn-edit.disabled {
        color: #4d4e4c;
        /*background-color: #2c3e50;
        border-color: #2c3e50;*/
    }

.btn-delete {
    color: #d60404;
    background-color: #fff;
    border-color: #d60404;
}
    .btn-delete:hover {
        color: #fff;
        background-color: #d60404;
        border-color: #d60404;
    }

    .btn-delete:first-child:hover {
        color: #fff;
        background-color: #d60404;
        border-color: #d60404;
    }
    
    .btn-delete:last-child:hover {
        color: #fff;
        background-color: #d60404;
        border-color: #d60404;
    }

    .btn-delete:focus {
        color: #fff;
        background-color: #d60404;
        border-color: #d60404;
    }

    .btn-delete:disabled, .btn-delete.disabled {
        color: #4d4e4c;
        /*background-color: #ecf0f1;
        border-color: #2c3e50;*/
    }

.list-group-item {
    position: relative;
    display: block;
    padding: 0.5rem 1rem;
    color: #212529;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.125);
}


    .list-group-item:first-child {
        border-top-left-radius: 0.375rem !important;
        border-top-right-radius: 0.375rem !important;
    }

    .list-group-item:last-child {
        border-bottom-right-radius: 0.375rem !important;
        border-bottom-left-radius: 0.375rem !important;
    }

    .list-group-item.disabled, .list-group-item:disabled {
        color: #95a5a6;
        pointer-events: none;
        background-color: #ecf0f1;
    }

    .list-group-item.active {
        z-index: 2;
        color: #fff;
        background-color: #002b45;
        border-color: #2c3e50;
    }

    .list-group-item + .list-group-item {
        border-top-width: 0;
    }

        .list-group-item + .list-group-item.active {
            margin-top: -1px;
            border-top-width: 1px;
        }


.text-darkgrey {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-darkgrey-rgb), var(--bs-text-opacity)) !important;
}

.text-orange {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-orange-rgb), var(--bs-text-opacity)) !important;
}

.text-darkblue {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-darkblue-rgb), var(--bs-text-opacity)) !important;
}

.text-lightblue {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-lightblue-rgb), var(--bs-text-opacity)) !important;
}

.text-blue {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-blue-rgb), var(--bs-text-opacity)) !important;
}

.bg-orange {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-orange-rgb), var(--bs-bg-opacity)) !important;
}

.bg-lightblue {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-lightblue-rgb), var(--bs-bg-opacity)) !important;
}

.bg-darkblue {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-darkblue-rgb), var(--bs-bg-opacity)) !important;
}

.bg-darkgrey {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-darkgrey-rgb), var(--bs-bg-opacity)) !important;
}

.bg-lightgrey {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-lightgrey-rgb), var(--bs-bg-opacity)) !important;
}

.bg-extralightblue {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-extralightblue-rgb), var(--bs-bg-opacity)) !important;
}

.bg-blue {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-blue-rgb), var(--bs-bg-opacity)) !important;
}

.navbar-toggler:focus {
    box-shadow: 0 0 0 0.1rem;
}

div.dataTables_processing > div:last-child > div {
    background: #002b45;
}

.table {
    --bs-table-bg: transparent;
    --bs-table-color: #002b45;
    --bs-table-striped-bg: #fafafa;
    --bs-table-striped-color: #002b45;
    color: #002b45;
}


.dataTables_wrapper .dataTables_length {
    color: #002b45;
}

/*.dataTables_wrapper .dataTables_filter {
     float: right; 
}*/

.dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info {
    color: #002b45;
}

    .dataTables_wrapper .dataTables_filter input {
        color: #002b45 !important;
        border: 1px solid #002b45 !important;
    }

    .dataTables_wrapper .dataTables_filter input:focus-visible {
        color: #002b45 !important;
        outline-color: #002b45 !important;
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button {
        color: #002b45 !important;
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        background-color: #002b45 !important;
        border: 1px solid #002b45;
        background: none;
    }
    .dataTables_wrapper .dataTables_paginate .paginate_button.current {
        color: #002b45 !important;
        background-color: white !important;
        border: 1px solid #002b45;
        background: none;
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
        color: #eef0f1 !important;
    }

        .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover{
            color:white !important;
        }
        
        div.dt-buttons {
            float: right !important;
        }

@media screen and (max-width: 640px){
    div.dt-buttons {
        float: none !important;
    }
}

table.dataTable > tbody > tr.child ul.dtr-details{
    width:100%;
}
table.dataTable > tbody > tr.child span.dtr-title {
    width: 100%;
}

[type=search] {
    outline-offset: 0px !important;
}