.csp-content{
    max-height: calc(100vh - 230px);
}
div.koolphp-table ul.pagination {
    margin: 10px;
}
.pagination {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
}
.breadcrumb, .pagination {
    border-radius: 0.25rem;
    list-style: none;
}
.page-item.disabled .page-link, .page-item.disabled .pagination li a, .page-item.disabled .pagination-datatables li a, .pagination li .page-item.disabled a, .pagination li.disabled .page-link, .pagination li.disabled a, .pagination-datatables li .page-item.disabled a, .pagination-datatables li.disabled .page-link, .pagination-datatables li.disabled a {
    color: #9da0a8;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #c7cbd5;
}
.page-item:first-child .page-link, .page-item:first-child .pagination li a, .page-item:first-child .pagination-datatables li a, .pagination li .page-item:first-child a, .pagination li:first-child .page-link, .pagination li:first-child a, .pagination-datatables li .page-item:first-child a, .pagination-datatables li:first-child .page-link, .pagination-datatables li:first-child a {
    margin-left: 0;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.page-link, .pagination li a, .pagination-datatables li a {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    --tw-text-opacity: 1;
    color: rgb(99 102 241 / var(--tw-text-opacity));
    background-color: #fff;
    border: 1px solid #c7cbd5;
}

.page-item.active .page-link, .page-item.active .pagination li a, .page-item.active .pagination-datatables li a, .pagination li .page-item.active a, .pagination li.active .page-link, .pagination li.active a, .pagination-datatables li .page-item.active a, .pagination-datatables li.active .page-link, .pagination-datatables li.active a {
    z-index: 1;
    color: #fff;
    background-color: rgb(99 102 241 / var(--tw-text-opacity));
    --tw-text-opacity: 1;
     border-color: #36a9e1;
}
.nav-list li>a, .nav-pills li>a {
    padding: 0.4rem 1.25rem !important;
}
.search-box .clear{
    clear:both;
    margin-top: 20px;
}
.search-box ul{
    list-style: none;
    padding: 0px;
    width: 100%;
    position: absolute;
    margin: 0;
    background: lavender;

    max-height: 200px;
    overflow-y: scroll;
    z-index: 999;
}

.search-box ul li{
    background: lavender;
    padding: 4px;
    margin-bottom: 1px;
}
.search-box ul li:hover{
    cursor: pointer;
    background: #c5c5d7;
}
.search-box{
    width:100%;
}
#address{
    text-transform: capitalize;
}

/* Style the tab */
.tab {
    float: left;
    min-height: 169px;
}

.tabDetail {
    /* background-color: #FCFCFD; */
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    border-width: 1px 1px 1px 0;
    border-color: transparent;
    box-sizing: border-box;
    /* color: #36395A; */
    cursor: pointer;
    display: inline-flex;
    /* justify-content: center; */
    line-height: 1;
    list-style: none;
    overflow: hidden;
    margin-top: 1px;
    min-height: 168px;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    text-align: left;
    text-decoration: none;
    transition: box-shadow .15s,transform .15s;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    white-space: nowrap;
    will-change: box-shadow,transform;
}

html.dark .tabDetail,
html[data-theme="midnight"] .tabDetail {
    /* background-color: #1f2937; */
    border-color: rgba(255, 255, 255, 0.1);
    color: #e5e7eb;
}

/* Style the buttons that are used to open the tab content */
.tab button {
    display: block;
    /* background-color: #ccc; */
    /* color: black; */
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
}

/* Change background color of buttons on hover */
/* .tab button:hover {
    background-color: #ddd;
} */

/* Create an active/current "tab button" class */
/* .tab button.active {
    background-color: #fff;
} */

/* html.dark .tab button,
html[data-theme="midnight"] .tab button {
    background-color: #374151;
    color: #e5e7eb;
} */

/* html.dark .tab button:hover,
html[data-theme="midnight"] .tab button:hover {
    background-color: #4b5563;
}

html.dark .tab button.active,
html[data-theme="midnight"] .tab button.active {
    background-color: #1f2937;
} */

/* Style the tab content */
.tabContent {
    float: left;
    padding: 0 0;
    border-left: none;
}

.button-30 {
    align-items: center;
    appearance: none;
    /* background-color: #D6D6E7; */
    /*border-radius: 4px;*/
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    border-width: 0;
    box-shadow:
        rgba(45, 35, 66, 0.4) 0 0 0,
        rgba(45, 35, 66, 0.3) 0 0 0 1px,
        #D6D6E7 0 -1px 0 inset;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-flex;
    height: 40px;
    justify-content: center;
    line-height: 1;
    list-style: none;
    overflow: hidden;
    margin-top: 2px;
    padding-left: 16px;
    padding-right: 16px;
    position: relative;
    text-align: left;
    text-decoration: none;
    transition: box-shadow .15s,transform .15s;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    white-space: nowrap;
    will-change: box-shadow,transform;
    font-size: 18px;
}

.button-30:hover {
    box-shadow:
        rgba(45, 35, 66, 0.4) 0 4px 8px,
        rgba(45, 35, 66, 0.3) 0 0 0 0,
        #D6D6E7 0 -3px 0 inset;
    transform: translateY(-2px);
}

.nowrap{
    white-space: normal !important;
}