table.dataTable thead .sorting { 
	font-size: 13px; 
	line-height: 1.3;
}

.tab-content {
    border: none !important;
    background: none;
    box-shadow: none;
}

@media only screen and (max-width:767px) {
	.tab-content {padding: 15px 0;}
	.dataTables_length {
		display:none;
	}
	.nav-tabs  li.nav-item {
		width:auto;
		text-align:center;
	}
	

.nav-tabs li.nav-item .nav-link {
    font-size: 13px;
	text-align:center !important;
	padding:10px 10px;
	}
	
	.banner-sm {
			padding:50px 0 !important;
	}
	.banner-sm h1 {
		line-height: 1.3;
		font-size: 26px;
	}
}

.nav-tabs .nav-link, .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
    background: none;
   width:100%; 
    border-top-width: 0;
    border-color: inherit;
    color: #979797;
    font-size: 15px;
    font-weight: 600;
    border-bottom: solid 4px #fff !important;
    border-left: none;
    border-right: none;
    margin-right: 0;
    padding: 8px 20px;
    border-radius: 8px;
	
    background: #f7f7f7;
}
.nav-tabs {padding:15px 0;}
.nav-tabs li.nav-item {margin-right: 10px;}
.nav-tabs .nav-link.active {
    border: none !important;
    background: #233b77;
    color: #fff;

}


table.dataTable {margin-bottom: 20px !important;}
	.dataTables_paginate .paginate_button {
		margin-right: 2px;
		border: solid 1px #ddd;
		width: 40px;
		text-align: center;
		border-radius: 4px;
		height: 30px;
		padding: 2px 0px;
	}
	div.dataTables_wrapper div.dataTables_filter input {
		height: 40px;
		width: 200px !important;
		border-radius: 8px;
	}

	#lab-tests-table_wrapper table.dataTable thead tr th:hover:after {
		opacity:1;
	}
	table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
		content: "\f0dc" !important;
		font-family: "Font Awesome 6 Free" !important;
		bottom: 0px !important;
		font-size: 12px;
		opacity: 0.3 !important;
		right: 4px !important;
		display: flex !important;
		align-items: center;
		height: 100%;
		line-height: 1;
	}
	@media only screen and (max-width:767px) {
		.dataTables_info {
			display:none;
		}
		.dataTables_paginate .paginate_button {
			width: 30px;
			height: 30px;
		}
		
		#lab-tests-table_length {
			display:none;
		}
	}

	.dataTables_paginate .paginate_button.next,
	.dataTables_paginate .paginate_button.previous {
		border-color: #233b77;
		color: #052e4e;
	}

	table.dataTable {
		margin-bottom: 20px !important;
	}

	.dataTables_paginate .paginate_button {
		margin-right: 2px;
		border: solid 1px #ddd;
		width: 40px;
		text-align: center;
		border-radius: 4px;
		height: 30px;
		padding: 2px 0px;
	}

	table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, 
	table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, 
	table.dataTable thead .sorting_desc_disabled:after {
		content: "\f0dc" !important;
		font-family: "Font Awesome 6 Free" !important;
		bottom: 0px !important;
		font-size: 12px;
		opacity: 0.3 !important;
		right: 4px !important;
		display: flex !important;
		align-items: center;
		height: 100%;
		line-height: 1;
	}

.book-appointment-area .form-section .card {
	border-radius: 20px;
}
.no-border {
	border-radius:0px !important;
}
.bg-norepeat {
	background-repeat:no-repeat;
}
.form-section  .form-group input[type=radio]:checked~.label-text {

}
.form-section  .form-group input[type=checkbox]:checked~.label-text, 
.form-section  .form-group input[type=radio]:checked~.label-text {
   border: solid 2px #1d4886;
    background: #1d4886;
    color: #fff;
}
.form-section  .form-group input[type=radio]:checked ~ .label-text .radio-button {
   width: 15px;
   height: 15px;
   border: solid 2px #1d4886;
   border-radius: 100px;
   box-shadow: 0 0 0px 1px #fff;
   background: #fff;
}
.form-section  .form-group input[type=radio] ~ .label-text {
   display: flex;
   padding: 4px 6px;
   justify-content: center;
   align-items: center;
   gap: 8px;
   border-radius: 8px;
   border: 1px solid #C7C7C7;
   height: 42px;
}
.form-section  .form-group input[type=radio] ~ .label-text .radio-button {
   width: 15px;
   height: 15px;
   border: solid 1px #C7C7C7;
   border-radius: 100px;
}


.form-section .form-group input[type=checkbox], .form-section .form-group input[type=radio] {
    display: none;
}

.no-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
	
	.white-bg {
		background-color:#fff;
	}
	.cursor-pointer{cursor: pointer;}

.btn.btn-primary.btn-sm {
    padding: 7px 15px !important;
    font-size: 14px;
}
.find-a-doctor .doctor-info-box a {
    text-decoration: none;
}

.btn.btn-primary {
    cursor: pointer;
    color: #ffffff;
    background-color: #233b77;
    border-color: #233b77;
    border-radius: 103px;
}
	
	.bg-cover {background-size: cover;}
.bg-no-repeat {background-repeat: no-repeat;}
.bg-position-top {background-position: top center;}
.bg-position-center {background-position: center !important;}

	.datetimepicker12 {
	position:relative;
}
.datetimepicker12:after {
    content: "\f133";
    font-family: var(--fa-style-family,"Font Awesome 6 Free");
    font-weight: var(--fa-style,900);
    position: absolute;
    right: 10px;
    top: 0;
    color: #777;
    font-size: 18px;
    cursor: none;
    height: 42px;
    display: flex;
    align-items: center;
}
.find-a-doctor .doctor-info-box .doctor-info-box-in .row-1 {
    border-bottom: solid 1px #ddd;
    padding-bottom: 10px;
}
.find-a-doctor .doctor-info-box .doctor-info-box-in .row-1 h5 {
    line-height: 1.5;
}

.find-a-doctor .doctor-info-box a {
   text-decoration: none;
}
.form-section .k-input-md .k-input-inner {
   margin: 0 !important;
   padding: 0;
   border: none;
   height: 100%;
}
.form-section .k-input-md .k-input-button {
   top: 0;
   width: 100%;
   height: 100%;
   position: absolute;
   z-index: 1;
   display: flex;
   justify-content: flex-end;
   right: 0;
   background: none;
}
.col-right .box {
   background: linear-gradient(180deg, #D2E3FC 0%, #E9F2FF 100%);
}

.find-a-doctor .doctor-by-cat-left    {
   background-color: #1d4886;
   padding: 34px 24px;
   color: #fff;
}
   
.find-a-doctor .doctor-by-cat-left h2, .find-a-doctor .doctor-by-cat-left p {
	color: #FFF;
}
.find-a-doctor .col-left {width: 75%;}
.find-a-doctor .col-right {width: 25%;}

.find-a-doctor .doctor-info-box .doc-specialty-name {
	font-size: 15px;
	line-height: 1.3;
	color:#777;
}
.find-a-doctor  .doctor-info-box {   
	padding-right: 0;
	margin-bottom: 15px !important;
}

.find-a-doctor .doctor-info-box .timings {
	display: none;
} 
.find-a-doctor .doctor-info-box .fa-minus-circle {
	display: none;
}
.find-a-doctor .doctor-info-box.active .fa-plus-circle {
	display: none;
}
.find-a-doctor .doctor-info-box.active .fa-minus-circle {
	display: block;
}
.find-a-doctor .doctor-info-box.active .timings {
	display: block;
} 
.find-a-doctor .doctor-info-box .timings .timings-row {

}
.find-a-doctor .doctor-info-box .timings .timings-row .timings-col {
    flex: 0 0 100%;
    max-width: 100%;
	line-height:1.2;
}

.find-a-doctor .doctor-info-box .timings {
	font-size: 12px;
}
.find-a-doctor .doctor-info-box .timings .timings-col {
    padding: 0px 0px 12px 0px;
    font-size: 14px;
	color:#777;
}
.find-a-doctor .doctor-info-box .timings .timings-col .left-col {
    border-right: solid 1px #aaa;
}


.find-a-doctor .doctor-info-box .thumb .thumb-box svg {
    object-fit: cover;
    height: 70%;
    opacity: 0.6;
}
.find-a-doctor .doctor-info-box .thumb .thumb-box {

    background-color: #e6f7ff;	
    display: flex;
    justify-content: center;
    align-items: center;
	background-position: center -20px;
	overflow: hidden;
	border-radius: 1000px;
	border: 2px solid rgba(40, 81, 140, 0.20);
	width: 70px;
	height: 70px;
}
.find-a-doctor .doctor-info-box .content {
	width: 100%;
}
.find-a-doctor .doctor-info-box .content .content-box .profile-section .profile-content.active {
	height: auto;
}
.find-a-doctor .doctor-info-box .content .content-box .profile-section {
	margin-bottom: 12px;
}
.find-a-doctor .doctor-info-box .content .content-box .profile-section .profile-content {
	height: 40px;
	overflow: hidden;
	line-height: 1.5;
}


.find-a-doctor .doctor-info-box .content .content-box {
	padding-top: 15px;
}


.find-a-doctor .doctor-info-box h4 {
	color: #1d4886;
	margin: 0;
}












/* book appintment start */

.book-appointment-section .book-appointment-area {
	padding: 40px 30px 59px 30px;
	margin-bottom: 50px;
	justify-content: center;
	align-items: flex-start;
	gap: 65px;   
	flex-direction: column;
	border-radius: 0px;
	background: #ffffff;
    border-radius: 20px;
    border:solid 1px #ddd;
}
.book-appointment-area .col-left {width: 75%;padding: 0 10px;}
.book-appointment-area .col-right {width: 24%; padding: 0 10px;}

.book-appointment-area .doctor-info-box .doc-specialty-name {
	font-size: 18px;
	line-height: 1.5;
}
.book-appointment-area .doctor-info-box .doctor-info-box-in .row-1{   
	margin-bottom: 15px !important;
}

.book-appointment-area .doctor-info-box .timings .timings-row {
	
    display: flex;
    flex-wrap: wrap;
	gap: 8px 12px;
}
.book-appointment-area .form-section form {
	padding: 30px 20px;
}
.book-appointment-area .form-section .form-group .form-control {
	margin-bottom: 0 !important;
}
.book-appointment-area .form-section .form-group.gender {
	margin-bottom: 0;
}

.book-appointment-area .form-section.form-control {
	padding: 5px 8px;
}
.book-appointment-area .form-section .form-group input[type=radio] ~ .label-text {
	height: 100%;
}
.book-appointment-area .form-section .form-group {
	margin-bottom: 15px;
}


.book-appointment-area .doctor-info-box .owl-carousel .owl-nav button.owl-next::before , 
.book-appointment-area .doctor-info-box .owl-carousel .owl-nav button.owl-prev::before  {
	color: #91A6C3;
	font-size: 30px;
}
.book-appointment-area .doctor-info-box .owl-carousel .owl-nav button.owl-next span , 
.book-appointment-area .doctor-info-box .owl-carousel .owl-nav button.owl-prev span 
{
	display: none;
}
.book-appointment-area p {color: #777777;}
.book-appointment-area .doctor-info-box .owl-carousel .owl-nav button.owl-next {
	right: -25px;
}
.book-appointment-area .doctor-info-box .owl-carousel .owl-nav button.owl-prev {
	left: -25px;
}
.book-appointment-area .doctor-info-box .owl-carousel .owl-nav {
	top: 36%;
}
.book-appointment-area .doctor-info-box .owl-carousel .owl-stage {
	display: flex;
}

.book-appointment-area .row-2-title img {
	width: 24px;
	height: 24px;
	margin-top: 0;
	margin-right: 8px;
}

.book-appointment-area .row-2  p {margin-bottom: 0px;}
.book-appointment-area .row-2 {margin-bottom: 20px;}
.book-appointment-area .row-2-title {margin-bottom: 15px;}
.owl-carousel .owl-stage-outer {
	padding: 0;
}
.book-appointment-area .doctor-info-box .timings {
	font-size: 12px;
}
.book-appointment-area .doctor-info-box .timings .timings-col {
	padding: 8px 10px;
	font-size: 14px;
	border-radius: 8px;
	border: 1px solid var(--border-gray, #C7C7C7);
	background: #F9FCFF;
	width: 47%;
}


.book-appointment-area .doctor-info-box .thumb .thumb-box svg {
	opacity:0.6
}
.book-appointment-area .doctor-info-box .thumb .thumb-box {
	
    background-position: top center;
    overflow: hidden;
    width: 140px;
    height: 140px;
    background-color: var(--white);
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 1000px;
    border: 2px solid rgba(40, 81, 140, 0.20);
}
.book-appointment-area .doctor-info-box .content {
	width: 100%;
}
.book-appointment-area .doctor-info-box .content .content-box {
	padding-top: 15px;
}


.book-appointment-area .doctor-info-box h4 {
	color: #1d4886;
	margin: 0;
}

/* book apointment end */










.fee {
	color: #6a6a6a
}

.timings {
	color: #6a6a6a;
}

.find-a-doctor .doctor-info-box .doctor-info-box-in {
	    padding: 12px 15px;
    flex-direction: column;
    overflow: hidden;
    min-height: 150px;
    border-radius: 10px;
    background: #fff;
    display: flex;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    box-shadow: 0 0 8px 0px rgb(47 30 120 / 30%);
}
.find-a-doctor .doctor-info-box .doctor-info-box-in .book-appointment-box {
	top: 450px;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
	transition: all 0.2s ease-in-out;
	z-index: 2;
	left: 0;
}
.find-a-doctor .doctor-info-box .doctor-info-box-in:hover .book-appointment-box {
	top:0;
	transition: all 0.2s ease-in-out;
}
   /* find a doctor end */

   /*  */
   

   @media only screen and (max-width:767px) {
	   
	.find-a-doctor .doctor-info-box {
		padding-right: 10px;
		padding-left: 10px;
	}
      .book-appointment-btn {
         display: table;
      }

      .doctor-info-box .book-appointment-btn {
         right: -62px;
         display: table !important;
         top: 62px;
         height: auto;
         width: auto;
         padding: 15px 20px;
         transform: rotate(90deg);
      }
   }

   .book-appointment-btn:hover {
      color: #FFF;
   }
   .filter-row  {padding: 0 15px;}
   .filter-row .filter-right-col .form-section,
   .filter-row .filter-right-col .form-section >div  {gap: 10px;}

   .filter-row .filter-right-col .form-section .sb-btn-box .sb-btn {
      height: 100%;
   }
   .filter-row .filter-right-col .form-section .sb-btn-box  {
      position: absolute;
      right: 0;
      top: 0;
      height: 100%;
   }
   .find-a-doctor .col-right ul li {
      color: #1d4886;
      position: relative;
      padding-left: 24px;
      margin-bottom: 22px;
   }
   .find-a-doctor .col-right ul li::before {
      position: absolute;
      left: 0;
      top: 3px;
      font-family: "Font Awesome 5 Free";
      content: "\f0a9";
      color: #1d4886;
      display: inline-block;
      font-weight: 900;
      
   }
   @media only screen and (max-width:767px) {
	   .book-appointment-section, 
		.book-apointment-section .book-apointment-section-row {
			padding:0 !important;
		}
	   
      .book-appointment-area .doctor-info-box .thumb .thumb-box {
		border: 2px solid rgba(40, 81, 140, 0.20);
		width: 80px;
		height: 80px;
      }
	   .book-appointment-area .doctor-info-box .thumb .thumb-box  svg {
		   width: 60%;
	   }
      
      .book-appointment-area .form-section form {
         padding: 10px 0px;
      }
      .book-appointment-area .doctor-info-box .doctor-info-box-in .row-1 .row-1-right-col {
         padding: 10px !important;
      }
      .book-appointment-area .doctor-info-box .doctor-info-box-in .row-1 h2 {
         line-height: 1.2;
         font-size: 16px;
      }
      
      .book-appointment-area .doctor-info-box .doc-specialty-name {
         font-size: 14px;
         line-height: 1.4;
      }
      .book-appointment-area .doctor-info-box .doctor-info-box-in .row-1 {
      }
      .book-appointment-section .book-appointment-area {padding: 20px 15px 30px 15px;}
      .find-a-doctor .col-left {width: 100%;padding: 0 20px;}
      .find-a-doctor .col-right {width: 100%; padding: 0 20px;}      
      .filter-row .filter-right-col .form-section {flex-direction: column;gap: 15px;}
      .filter-row .filter-right-col .form-section > div{justify-content: flex-end;}
      .form-section .form-control-select .select2-choice, .form-section .select, .form-section .form-control-select {
         width: 100%;
      }
      .book-appointment-area .doctor-info-box .timings .timings-row .timings-col {
		      width: 100%;
      }
      .form-section .form-group input[type=radio] ~ .label-text {
         padding: 7px 5px;
      }
      .find-a-doctor .find-a-doctor-row {
         flex-flow: column-reverse;
      }
   }