input:active, input:focus, .form-control:active, .form-control:focus {
    outline: none !important;
    box-shadow: none !important;
    background-color: #05a9cd0a;
}

.btn:focus, .btn:active {
    outline: none !important;
    box-shadow: none !important;
    background-color: #05a9cd0a;
    color: #05A9CD;
}
.btn-success.disabled, .btn-success:disabled {
    color: #fff;
    background-color: #285e6a80;
    border-color: #285e6a80;
}
.dt-layout-row {
    padding-bottom: 10px;
}

.dt-end {
    text-align: right;
}

.dt-column-title {
    font-size: medium;
}

.dt-search label {
    margin-right: 5px;
}

.table > :not(:last-child) > :last-child > * {
    border-bottom-color: currentColor;
    padding: 8px;
}
table th{
    cursor: pointer;
}

.home_nav_button {
    background-color: white;
    color: #007597 !important;
    font-size: medium;
    font-weight: 500;
    border: 1px solid #007597;
    border-radius: 4px;
    text-decoration: unset;
    padding: 5px 50px 5px 50px;
    font-family: 'Poppins' sans-serif;
}

    .home_nav_button:hover {
        background-color: #007597;
        color: white !important;
        border: 1px solid #007597;
        border-radius: 4px;
    }

.user-data-row {
    cursor: pointer;
}

.text-blue {
    color: azure #007597;
}

.navbar {
    background-color: white !important;
    border-bottom: 1px solid #007597 !important;
}

.mainText {
    color: #007597;
    font-family: 'Poppins' sans-serif;
    font-weight: 500;
}

.form-control {
    border-color: #007597;
    align-items: start;
    background-color: transparent;
}

.w-40 {
    width: 40%;
}

.w-30 {
    width: 30%;
}

.h-300 {
    height: 300px;
}

.btn {
    background-color: #05A9CD;
    color: white;
    font-size: medium;
    font-weight: 500;
    border: 1px solid #05A9CD;
    border-radius: 4px;
    padding: 5px 50px 5px 50px;
    font-family: 'Poppins' sans-serif;
}

    .btn:hover {
        background-color: #18bce0;
        color: white;
        border: 1px solid #18bce0;
        border-radius: 4px;
    }

.containerForm {
    border: 1px solid #00759790;
    box-shadow: 2px;
    padding: 10% 8%;
    background-size: 90%;
    background-repeat: no-repeat;
    background-position-y: top;
    border-radius: 4px;
    background-image: url(../img/asset.png);
}

.vertical-center {
    min-height: 60vh;
    align-items: center;
}

tbody, td, tfoot, th, thead, tr {
    border: none;
}

thead {
    border: 1px solid;
    border-color: #007597 !important;
    border-radius: 4px !important;
    background-color: #007597 !important;
    color: white;
}

table {
    border: 1px solid;
    border-color: #007597 !important;
    border-radius: 4px !important;
}

.firstColTable {
    color: white !important;
    background-color: #00759770 !important;
}

.quote-data-row {
    cursor: pointer;
}
table#routesTable.dataTable tbody tr:hover {
    background-color: #05A9CD15;
    cursor: pointer;
}
table#portsTable.dataTable tbody tr:hover {
    background-color: #05A9CD15;
    cursor: pointer;
}
table#departuresTable.dataTable tbody tr:hover {
    background-color: #05A9CD15;
    cursor: pointer;
}
table#deliveriesTable.dataTable tbody tr:hover {
    background-color: #05A9CD15;
    cursor: pointer;
}
table#allOrdersTable.dataTable tbody tr:hover {
    background-color: #05A9CD15;
    cursor: pointer;
}
table#allQuotesTable.dataTable tbody tr:hover {
    background-color: #05A9CD15;
    cursor: pointer;
}
table#usersTable.dataTable tbody tr:hover {
    background-color: #05A9CD15;
    cursor: pointer;
}

.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .pagination ul {
        list-style-type: none;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0;
    }

    .pagination li {
        margin: 0 5px;
    }

        .pagination li a {
            display: block;
            min-width: 32px;
            min-height: 32px;
            text-align: center;
            padding: 3px 0px;
            text-decoration: none;
            color: #333;
            background-color: #fff;
            border: 1px solid #DFE3E8;
            border-radius: 4px;
        }

        .pagination li.active a {
            color: #05A9CD !important;
            background-color: white !important;
            border-color: #05A9CD !important;
        }

        .pagination li.disabled a:hover {
            cursor: default;
        }

        .pagination li.arrow a {
            padding: 5px;
        }

        .pagination li.arrow.disabled a {
            opacity: 0.6;
            cursor: default;
        }

        .pagination li.arrow a {
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 5px;
        }

            .pagination li.arrow a i {
                font-size: 12px;
            }

.disabled {
    pointer-events: none;
    opacity: 0.6;
    border-radius: 4px;
    border-color: #919EAB !important;
    background-color: #919EAB !important;
}

.btn-delete {
    color: red;
    background-color: white;
    border: 1px solid red;
    border-radius: 4px;
    padding: 5px;
}

    .btn-delete:hover {
        background-color: red;
        color: white !important;
        border: 1px solid red;
        border-radius: 4px;
    }

.update-icon {
    max-width: 20px;
    max-height: 20px;
    margin-left: 10px;
    margin-bottom: 10px;
}

.ms-5 {
    margin-left: 8rem !important;
}



.segmented-button button {
    border: none;
    outline: none;
    cursor: pointer;
    background-color: white;
    color: #05A9CD33;
    font-size: 24px;
    font-weight: 500;
    border-bottom: 3px solid #05A9CD33;
    padding: 5px 50px 5px 50px;
    transition: 0.7s;
}

    .segmented-button button.active {
        color: #05A9CD;
        border-bottom: 3px solid #007597;
    }

.form-container {
    display: none;
    margin-top: 20px;
    opacity: 0;
    transition: opacity 0.5s;
}

    .form-container.active {
        display: block;
        opacity: 1;
    }

.arrow-icon {
    background-color: white;
    background-image: url('https://d30y9cdsu7xlg0.cloudfront.net/png/221782-200.png');
    background-position: 97% center;
    background-repeat: no-repeat;
    background-size: 25px;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 300px;
}

option {
    position: relative;
}

.highlightedCell {
    background-color: #00759725 !important;
}

.createBtnPosition {
    position: absolute;
    right: 111px;
    z-index: 1 !important;
}
.my-input-class {
    width: 100%;
}

.my-cancel-class {
    margin-left: 5px;
}

.errorClass {
    color: red;
    background-color: red;
}

.my-confirm-class {
    color: #006D7F;
}

.my-cancel-class {
    color: #dc3545;
}
@media only screen and (min-width: 1600px) {
    .createBtnPosition {
        right: 310px;
    }
}