/* The container */
    .check-container {
        display: block;
        position: relative;
        padding-left: 35px;
        margin-bottom: 36px;
        cursor: pointer;
        font-size: 22px;
        user-select: none;
    }

    /* Hide the browser's default checkbox */
    .check-container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

    /* Create a custom checkbox */
    .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 25px;
        width: 25px;
        background-color: #eee;
    }

    /* On mouse-over, add a grey background color */
    .check-container:hover input~.checkmark {
        background-color: #ccc;
    }

    /* When the checkbox is checked, add a blue background */
    .check-container input:checked~.checkmark {
        background-color: #f9322b;
    }

    /* Create the checkmark/indicator (hidden when not checked) */
    .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

    /* Show the checkmark when checked */
    .check-container input:checked~.checkmark:after {
        display: block;
    }

    /* Style the checkmark/indicator */
    .check-container .checkmark:after {
        left: 9px;
        top: 3px;
        width: 8px;
        height: 14px;
        border: solid white;
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

/* .dataTables_filter {
    display: none !important;
} */
.card {
    box-shadow: none !important;
}

.nav-item:hover svg {
    fill: #dd0e26;
    stroke: #000;
}

.btn-primary {
    float: right;
    background-color: #0db1ff;
    color: #fff !important;
    min-height: 48px;
}

.btn-primary:hover {
    color: #fff;
}

.gridjs-tr:hover td {
    background-color: #d4e5ed;
    cursor: pointer;
}

td.gridjs-td {
    border: none !important;
}

.form-control mb-2 {
    width: 100%;
    border: 1px solid #6f9fb7;
    padding: 10px 15px;
    border-radius: 6px;
    font-size: 18px;
    color: #565656;
    margin-bottom: 20px;
    min-height: 48px;
}

.gridjs-wrapper {
    box-shadow: none !important;
}

.gridjs-table {
    width: 100%;
}

.bolt-info {
    list-style-type: none;
    margin: 0;
    padding-left: 0 !important;
}

.card-borderless {
    padding: 15px;
    border: 1px solid #6f9fb7;
    height: 100%;
    border-radius: 6px;
}

.font-18 {
    font-size: 18px !important;
}

.font-16 {
    font-size: 16px !important;
}

.form-control mb-2 {
    width: 100%;
    border: 1px solid #6f9fb7;
    padding: 10px 15px;
    border-radius: 6px;
    font-size: 18px;
    color: #111;
    margin-bottom: 20px;
}

.curved-top {
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.curved-bottom {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
}

.quote-table td {
    padding: 0px !important;
    border: none !important;
}

.quote-table input, .quote-table select {
    border: none !important;
    border-radius: 0 !important;
}

.quote-table input:focus, .quote-table select:focus {
    border: 1px solid lightgray !important;
}

.quote-info ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.quote-info ul>li:first-child {
    font-size: 18px;
}

.quote-table button {
    border: 1px solid #dd0e26;
    background-color: #dd0e26;
    color: #fff;
    border-radius: 3px;
}

.btn-primary {
    min-height: auto !important;
}

.btn-bolt-white {
    -webkit-tap-highlight-color: transparent;
    border-radius: 5px !important;
    border: solid 1px #e8e8e8 !important;
    box-sizing: border-box !important;
    clear: both !important;
    cursor: pointer !important;
    background-color: #fff;
}

.file {
    cursor: pointer;
    padding: 10px;
    border-bottom: 1px solid grey;
}
.file label {
    font-size: 14px;
    cursor: pointer;
    margin-bottom: 0px;
}
.file:hover {
    background-color: #111;
}

.file:hover label {
    color: #fff !important;
}

.bg-unset {
    background-color:  unset !important;
}