p span {
            display: block;
        }

        .vertical-line {
            border-left: 9991px solid rgb(187, 166, 223);
            height: 100px;
        }

      /*  .dtsb-searchBuilder {
            /* background-color: #f0f0f0;*/
           /* border: 1px solid #ccc;
          /*  padding: 50px;
            /* padding-right: 50px;*/
            /*border-radius: 5px;
            width: 100%;
        }*/

        .dtsb-searchBuilder {
            background-color: #f5f5f5;
        }

        .dtsb-group {
            margin-bottom: 10px;
            width: fit-content;
            padding-top: 5px;
            padding-right: 35px;
            background-color: #f5f5f5;
            border-radius: 5px;
            /* box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);*/
        }


        .dtsb-data {
            font-weight: bold;
            color: #333;
        }


        .dtsb-condition {
            color: #007bff;
        }


        .dtsb-value input {
            border: 1px solid #007bff;
            border-radius: 3px;
            padding: 5px;
            width: 100%;
            box-sizing: border-box;
        }

        .dtsb-button {
            background-color: #6c757d;
            color: #f5f5f5;
            border: none;
            padding: 10px 15px;
            border-radius: 5px;
            cursor: pointer;
        }

        .dtsb-button.dtsb-delete {
            width: 7px;

        }

        .dtsb-button.dtsb-right {
            width: 7px;

        }

        .dtsb-button.dtsb-left {
            width: 7px;

        }


        .btn-secondary:hover {
            background-color: #cccccc;
            color: #000;
            border: none;
        }

        .tooltip {
            border-radius: 0px;
            /* Round the corners */
        }

        .tooltip-inner {
            background-color: #333 !important;
            color: #FAF9F6 !important;
            font-size: 16px !important;
            padding: 8px 12px !important;
            border-radius: 5px !important;
            max-width: 200px !important;
            text-align: center !important;
            white-space: pre-wrap;
        }

        [data-bs-toggle="tooltip"] {
            cursor: pointer;
            position: relative;
        }

        [data-bs-toggle="tooltip"]:after {
            content: "ⓘ";
            font-size: 12px;
            color: gray;
            opacity: 0.7;
            margin-left: 5px;
        }
        [data-bs-toggle="tooltip"][title=""]:after {
            content: none;
        }

        [data-bs-toggle="tooltip"]:active {
            transform: scale(0.98);
        }
        
        .container-fluid {
            background-color: #FAF9F6;
        }

        .table-striped>tbody>tr:nth-child(odd)>td,
        .table-striped>tbody>tr:nth-child(odd)>th {
            background-color: #FAF9F6;
        }
        .table-striped>tbody>tr:nth-child(even)>td,
        .table-striped>tbody>tr:nth-child(even)>th {
            background-color: #f5f5f5;
        }
        .table thead th {
            background-color: #FAF9F6 !important;
            text-align: center; 
            padding: 10px;
        }

        .modal-body{
        background-color: #FAF9F6
    }
    .modal-header {
        background-color: #f5f5f5 /*#FF5A5F*/
    }
   /* #header {
        background-color: #FF5A5F;
        width: fit-content;
        height: fit-content;
        border-radius: 25px;
    }*/