.nk-tb-list{
	font-size: 16px;
	color: #657489;
}

.form-control, .dual-listbox .dual-listbox__search, div.dataTables_wrapper div.dataTables_filter input,
.custom-select, div.dataTables_wrapper div.dataTables_length select,
.card-preview,
.nk-tb-head .nk-tb-col,
.nk-tb-item:not(:last-child) .nk-tb-col,
.datatable-wrap{
	border-color: #cacbcd;
}

.datatable-wrap a.btn-xs{
	padding: 5px 12px 8px;
    font-size: 16px;
    border-radius: 3px;
    font-weight: 600;
}
.datatable-wrap button.btn-xs{
	padding: 10px 12px;
	font-size: 16px;
}

.sdpill{
    padding: 3px 6px;
    line-height: 1;
    color: #fff;
    display: block;
    max-width: 86px;
    text-align: center;
    border-radius: 3px;
}

.complete,
.running{
	background-color: #009c0a;
}


.btn-complete{
	background-color: #009c0a;
    color: #fff;
}
.incomplete,
.stop{
	background-color: #f15107;
}

.tr-stop{
    background-color: #f1510729; 
}

.initial{
	background-color: #657489;
}

.number_followup{
    background-color: #ac1256;
    color: #fff;
    height: 32px;
    width: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-weight: bold;
    text-decoration: blink;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 0.9s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
}

@-webkit-keyframes blinker {
    from {opacity: 1.0;}
    to {opacity: 0.0;}
}

.pr-10{
    padding-right: 10px;
}

.filter_area {
    border-bottom: 1px dashed #ddd;
    margin-bottom: 15px;
}

.date {
    padding: 3px 6px;
    line-height: 1;
    color: #fff;
    display: block;
    max-width: 92px;
    text-align: center;
    border-radius: 3px;
    background: #657489;
    margin-bottom: 8px;
}

.date.time{
    background: #63156f;
}

.update_area {
    max-width: 800px;
    width: 100%;
}

.time_area{
    margin-top: 18px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    text-align: center;
}

.available_time {
    background: #6a6a6a;
    color: #fff;
    padding: 6px 10px;
    border-radius: 3px;
    margin-bottom: 15px;
    display: inline-block;
    cursor: pointer;
    margin-right: 5px;
    margin-left: 5px;
    width: 84px;
}
.available_time.active {
    background: #63156f;
}
.pagination_active {
    background: #63156f !important;
    color: #fff !important;
    border-color: transparent !important;
}

.min_width{
    width: 100%;
    display: inline-block;
    white-space: normal;
}

.wc-title{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
}

.updated{
    background: #1ee0ac26;
}

.sms_border_radius{
    border-radius: 3px 0px 0px 3px !important;
}

#online {
    position: relative;
    background: #49c763;
    color: #fff;
    padding: 5px 6px;
    display: inline-block;
    border-radius: 0 3px 3px 0;
    font-weight: 500;
    transform: translate(-4px,1px);
}