.table-inner {
    margin: 0 auto;
    position: relative;
    background-color: #FBFBFB;
    border: 1px solid var(--bg-correct);
    border-radius: 20px;
    margin-bottom: 50px;
}

#example {
    width: 100%;
    font-family: 'Helvetica Now Display';
    margin-bottom: 50px;
}


#example tbody tr td {
    font-family: 'Helvetica Now Display';
    text-align: center;
    border-collapse: collapse;
}

td#defaultText {
    text-align: center;
}

.tabletime-title {
    font: inherit;
    
    
    display: inline-block;
    font-weight: 400;
    font-size: 2rem;
}
.tabletime-text {
    width: 100%;
    max-width: 137px;
    margin: 10px auto;
}
.dataTables_info {
    display: none;
}

.dataTables_length {
    margin-left: 50px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.dataTables_filter {
    margin-bottom: 20px;
}
.dataTables_filter, .dataTables_paginate.paging_simple_numbers {
    margin-right: 50px;margin-top: 20px;
}

.paginate_button {
    border: none !important;
    border-radius: 20px !important;
    margin: 0 !important;
    margin-bottom: 50px !important;

}
.paginate_button:hover {
    border: none !important;
    border-radius: 20px !important;
    margin: 0 !important;
}
.paginate_button.current {
    color: var(--white) !important;
    background: var(--turquoise) !important;
    border: 1px solid var(--turquoise) !important;
    padding: 8px 20px !important;
}

#addbtn, #delbtn {
    position: absolute;
    border: none;
    padding:10px 10px;
    border-radius: 20px;
    transition: all .2s ease;
    cursor: pointer;
    z-index: 200;
    width: 30px;
    height: 30px;
}
#addbtn {
    background: url('/img/events/create-event/image-removebg-preview.png') center no-repeat;
    background-size: 30px 30px;
    bottom: calc(0% + 10px);
    right: calc(0% + 80px);
    padding: 10px;
}
#delbtn {
    background: url('/img/events/create-event/delete.svg') center no-repeat;
    background-size: 20px 20px;
    bottom: calc(0% + 9px);
    right: calc(0% + 25px);
}
th.table-info-th.text-center.middle-text.sorting_disabled {
    width: 20% !important;
}
th.table-info-th.text-center.middle-text.sorting_disabled:nth-child(1) {
    width: 5% !important;
}
th.table-info-th.text-center.middle-text.sorting_disabled:nth-child(2) {
    width: 5% !important;
}
th.table-info-th.text-center.middle-text.sorting_disabled:nth-child(3) {
    width: 5% !important;
}

.label-area {
    width: 100%;
    position: absolute;
    bottom: calc(0% + 10px);left: 0;right: 0;
    z-index: 20;
    display: flex;
    justify-content: space-between;
    padding-bottom: 30px;
}

.label-area label {
    margin-right: 20px;
}

.label-area input {
    width: 100%;
    max-width: 150px;
    font: inherit;
    margin-right: 20px;
    border-radius: 10px;
    border: 1px solid #ccc;
    padding: 0 10px;
}

thead tr {
    background-color: #0FD7CB;
}

input[type="time"]::-webkit-calendar-picker-indicator {
    background: none;
}


#fname {
    max-width: 100px;
}
.master {
    width: 20%;
}
.master.first{
    margin-left: 20px;
}

.edit {
    box-sizing: border-box; 
    
    display: block;         
    resize: none;           
  }

#example .selected::after{
    display: none;
}

.thead-border-radius {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    overflow: hidden;
    width: 98%;
    margin: 0 auto;
    padding-bottom: 30px;
}

 .table-inner.done .sorting, .table-inner.done .sorting_asc {
     background: none !important;
 }

 .editor-places {
     position: relative;
     align-items: baseline;
 }
 .editor {
     max-width: 1000px !important;
 }

 .place-banner:nth-child(2) {
    position: absolute;
    bottom: 0;right: 0;
 }
 
 .ql-editor {
     height: 400px !important;
 }