.link {padding: 10px 15px;background: transparent;border:#bccfd8 1px solid;border-left:0px;cursor:pointer;color:#607d8b}
.disabled {cursor:not-allowed;color: #bccfd8;}
.current {background: #bccfd8;}
.first{border-left:#bccfd8 1px solid;}
.question {font-weight:bold;}
.answer{padding-top: 10px;}
#pagination{margin-top: 20px;padding-top: 30px;border-top: #F0F0F0 1px solid;}
.dot {padding: 10px 15px;background: transparent;border-right: #bccfd8 1px solid;}
#overlay {background-color: rgba(0, 0, 0, 0.6);z-index: 999;position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: none;}
#overlay div {position:absolute;left:50%;top:50%;margin-top:-32px;margin-left:-32px;}
.page-content {padding: 20px;margin: 0 auto;}
.pagination-setting {padding:10px; margin:5px 0px 10px;border:#bccfd8  1px solid;color:#607d8b;}



/* Cstom slots design css start */
.form-slots{width:calc(100% - 30px);margin:0px auto 20px;background:#fff;padding:15px;border-radius: 8px;box-shadow:0 1px 8px rgb(0 0 0 / 20%);display: flex;flex-wrap: wrap;}
.form-control.search-title,
.search-title-dropdown{width:calc((100% - 127px)/4 - 16px);margin-right:16px;height: 40px;display: flex;align-items: center;font-size: 14px;padding:0px 15px;border-radius:8px;background:#f8f8f8;border: #e0e0e1 solid 1px;}
.search-title-dropdown{padding:0px 10px;}
.search-title.search-data-field{width:127px;text-align:center;border-radius: 8px;font-weight:600;}
.sub-heading-info{width:100%;display: flex;justify-content: space-between;align-items: center;border: 1px solid #e6e6f2;padding-right:15px;}
.sub-heading-info .card-header{display: inline-flex;border:none}
.btn-space{padding:6px 22px;font-weight:600;margin-bottom: 0px;}
.sub-heading-info .fa-plus{font-size: 14px;margin-right: 2px;-webkit-text-stroke: 1px #5969ff;}
.sub-heading-info .fa-search{font-size: 14px;margin-right: 2px;-webkit-text-stroke: 0.5px #5969ff;}
.btn.btn-space-props{border-radius: 8px;}
.pagination.align-itmes-info{justify-content: flex-end;}
.align-vertical{align-items: center;margin-top: 10px;}
.form-control.search-filter,
.search-filter-dropdown{width:calc((100% - 120px)/5 - 16px);margin-right:16px; margin-bottom:16px;height: 40px;display: flex;align-items: center;font-size: 14px;padding:0px 15px;border-radius:8px;background:#f8f8f8;border: #e0e0e1 solid 1px;}
@media screen and (max-width:1023px){
.form-control.search-title, .search-title-dropdown{width:calc(100% - 0px);margin-bottom: 16px;margin-right: 0px;}
.search-title.search-data-field{width:100%;}
.search-filter.search-filter-dropdown{width:100%;}

.form-control.search-filter,
.search-filter-dropdown{width:100%;}
}
/* Cstom slots design css end */

.center-text{text-align: center;}

/* Pagination css start */
.pagination{display:inline-flex;margin:20px 0;border-radius:4px;}
.pagination>li:first-child>a, 
.pagination>li:first-child>span{margin-left: 0;border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
.pagination>li>a, .pagination>li>span{position: relative;float: left;padding: 6px 12px;margin-left: -1px;line-height: 1.42857143;color: #337ab7;text-decoration: none;background-color: #fff;border: 1px solid #ddd;}
.pagination>li>a:focus, 
.pagination>li>a:hover, 
.pagination>li>span:focus, 
.pagination>li>span:hover{z-index: 2;color: #23527c;background-color: #eee;border-color: #ddd;}
.pagination>.active>a, 
.pagination>.active>a:focus, 
.pagination>.active>a:hover, 
.pagination>.active>span, 
.pagination>.active>span:focus, 
.pagination>.active>span:hover{z-index: 3;color: #fff;cursor: default;background-color: #337ab7;border-color: #337ab7;}