/* Custom Container */
@media only screen and (min-width: 1200px){
	.container{
		max-width: 1300px;
	}
}

/* Datatable */
.pagination .page-link{
	color: #013C74 !important;
}
.page-item.active .page-link{
	color: #fff !important;
	background-color: #013C74 !important;
	border-color: #013C74 !important;
}
table td a{
	color: #202020;
	text-decoration: none;
	font-weight: 600;
}
table td a:hover{
	color: #013C74;
}
table.newtb thead tr:first-child{
	background-color: #fff;
}
table.newtb thead tr:first-child th{
	border-color: transparent;
	padding: 5px;
}
.note-editor{
	background-color: #fff;
}
.accordion-body img{
	max-width: 100%;
	max-height: 100%;
}
.notesactionmenu::after{
	display: none;
}
.doctors_list_for_ma .select2 .select2-selection{
	max-height: 100px;
	overflow: auto;
}
.pending_approval_img{
	display: flex;
	justify-content: center;
}
.pending_approval_img img{
	max-height: 100%;
	max-width: 100%;
}

/* Chat Spinner */
.la-ball-clip-rotate,
.la-ball-clip-rotate > div {
    position: relative;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.la-ball-clip-rotate {
    display: block;
    font-size: 0;
    color: #013C74;
}
.la-ball-clip-rotate.la-dark {
    color: #333;
}
.la-ball-clip-rotate > div {
    display: inline-block;
    float: none;
    background-color: currentColor;
    border: 0 solid currentColor;
}
.la-ball-clip-rotate {
    width: 32px;
    height: 32px;
}
.la-ball-clip-rotate > div {
    width: 32px;
    height: 32px;
    background: transparent;
    border-width: 2px;
    border-bottom-color: transparent;
    border-radius: 100%;
    -webkit-animation: ball-clip-rotate .75s linear infinite;
       -moz-animation: ball-clip-rotate .75s linear infinite;
         -o-animation: ball-clip-rotate .75s linear infinite;
            animation: ball-clip-rotate .75s linear infinite;
}
.la-ball-clip-rotate.la-sm {
    width: 16px;
    height: 16px;
}
.la-ball-clip-rotate.la-sm > div {
    width: 16px;
    height: 16px;
    border-width: 1px;
}
.la-ball-clip-rotate.la-2x {
    width: 64px;
    height: 64px;
}
.la-ball-clip-rotate.la-2x > div {
    width: 64px;
    height: 64px;
    border-width: 4px;
}
.la-ball-clip-rotate.la-3x {
    width: 96px;
    height: 96px;
}
.la-ball-clip-rotate.la-3x > div {
    width: 96px;
    height: 96px;
    border-width: 6px;
}
/*
 * Animation
 */
@-webkit-keyframes ball-clip-rotate {
    0% {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}
@-moz-keyframes ball-clip-rotate {
    0% {
        -moz-transform: rotate(0deg);
             transform: rotate(0deg);
    }
    50% {
        -moz-transform: rotate(180deg);
             transform: rotate(180deg);
    }
    100% {
        -moz-transform: rotate(360deg);
             transform: rotate(360deg);
    }
}
@-o-keyframes ball-clip-rotate {
    0% {
        -o-transform: rotate(0deg);
           transform: rotate(0deg);
    }
    50% {
        -o-transform: rotate(180deg);
           transform: rotate(180deg);
    }
    100% {
        -o-transform: rotate(360deg);
           transform: rotate(360deg);
    }
}
@keyframes ball-clip-rotate {
    0% {
        -webkit-transform: rotate(0deg);
           -moz-transform: rotate(0deg);
             -o-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
           -moz-transform: rotate(180deg);
             -o-transform: rotate(180deg);
                transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
           -moz-transform: rotate(360deg);
             -o-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

/* Multi Step Form */
.btn_multiformnext, .btn_multiformprev{
  width: 45%;
  background-color: #202020;
  color: #fff;
  margin-top: 20px;
  font-size: 18px;
}
.btn_multiform_submit{
  width: 45%;
  background-color: #013C74;
  color: #fff;
  margin-top: 20px;
  font-size: 18px;
}
.btn_multiformnext:hover, .btn_multiformprev:hover, .btn_multiform_submit:hover{
  color: #fff;
}
.form-outer{
  width: 100%;
  overflow: hidden;
}
.form-outer .form_inner_outer{
  display: flex;
}
.form-outer .form_inner_outer .page{
  transition: margin-left 0.3s ease-in-out;
}
.form-outer .form_inner_outer .page .title{
  text-align: left;
  font-size: 25px;
  font-weight: 500;
}
.progress_bar{
  display: flex;
  margin: 40px 0;
  user-select: none;
}
.progress_bar .step{
  text-align: center;
  width: 100%;
  position: relative;
}
.progress_bar .step p{
  font-weight: 500;
  font-size: 18px;
  color: #202020;
  margin-bottom: 8px;
}
.progress_bar .step .bullet{
  height: 25px;
  width: 25px;
  border: 2px solid #202020;
  display: inline-block;
  border-radius: 50%;
  position: relative;
  transition: 0.2s;
  font-weight: 500;
  font-size: 17px;
  line-height: 25px;
}
.progress_bar .step .bullet.active{
  border-color: #013C74;
  background: #013C74;
}
.progress_bar .step .bullet span{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.progress_bar .step .bullet.active span{
  display: none;
}
.progress_bar .step .bullet:before,
.progress_bar .step .bullet:after{
  position: absolute;
  content: "";
  bottom: 11px;
  right: -51px;
  height: 3px;
  width: 44px;
  background: #262626;
}
.progress_bar .step .bullet.active:after{
  background: #013C74;
  transform: scaleX(0);
  transform-origin: left;
  animation: animate 0.3s linear forwards;
}

@keyframes animate{
  100%{
    transform: scaleX(1);
  }
}

.progress_bar .step:last-child .bullet:before,
.progress_bar .step:last-child .bullet:after{
  display: none;
}
.progress_bar .step p.active{
  color: #013C74;
  transition: 0.2s linear;
}
.progress_bar .step .check{
  position: absolute;
  left: 50%;
  top: 70%;
  font-size: 15px;
  transform: translate(-50%, -50%);
  display: none;
}
.progress_bar .step .check.active{
  display: block;
  color: #fff;
}

@media screen and (max-width: 660px){
  .progress_bar .step p{
    display: none;
  }
  .progress_bar .step .bullet::after,
  .progress_bar .step .bullet::before{
    display: none;
  }
  .progress-bar .step .bullet{
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .progress_bar .step .check{
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 15px;
    transform: translate(-50%, -50%);
    display: none;
  }
  .step{
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

/* Avatar Profile Pic Upload */
.avatar_wrapper{
	position: relative;
	height: 150px;
	width: 150px;
	border-radius: 50%;
	overflow: hidden;
	transition: all .3s ease;
	cursor: pointer;
}
.avatar_wrapper:hover{
	background-color: rgba(38, 167, 235, 1);
}
.avatar_wrapper .avatar_profile_pic{
	height: 100%;
	width: 100%;
	object-fit: cover;
	transition: all .3s ease;
}
.avatar_wrapper:hover .avatar_profile_pic{
	opacity: .5;
}
.avatar_wrapper .avatar_upload_button{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	height: 100%;
	width: 100%;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}
.avatar_wrapper .avatar_upload_button .avatar_upload_button_inner{
	opacity: 0;
	transition: all .3s ease;
}
.avatar_wrapper .avatar_upload_button:hover .avatar_upload_button_inner{
	opacity: 1;
}
.avatar_wrapper .avatar_upload_button .avatar_upload_button_inner i{
	font-size: 25px;
	color: #fff;
}
.avatar_wrapper .avatar_upload_button .avatar_upload_button_inner p{
	color: #fff;
	font-weight: 600;
	margin-bottom: 0;
}

/* Ribbon */
.ribbon{
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute;
}
.ribbon::before,
.ribbon::after{
  position: absolute;
  content: '';
  display: block;
  border: 5px solid #1c1f23;
}
.ribbon span{
  position: absolute;
  display: block;
  width: 225px;
  padding: 15px 0;
  background-color: #393f47;
  box-shadow: 0 5px 10px rgba(0,0,0,.1);
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  text-shadow: 0 1px 1px rgba(0,0,0,.2);
  text-transform: uppercase;
  text-align: center;
}
.ribbon-top-right{
  top: -10px;
  right: -10px;
}
.ribbon-top-right::before,
.ribbon-top-right::after{
  border-top-color: transparent;
  border-right-color: transparent;
}
.ribbon-top-right::before{
  top: 0;
  left: 0;
}
.ribbon-top-right::after{
  bottom: 0;
  right: 0;
}
.ribbon-top-right span{
  left: -25px;
  top: 30px;
  transform: rotate(45deg);
}

/* Side Menu */
#side_menu_nav{
	background: url('../images/side_menu_bg.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	padding: 20px 0;
}
#side_menu_nav .sidemenu_overlay{
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#side_menu_nav .nav-link{
	max-width: 130px;
	min-width: 130px;
	padding: 0;
	margin: 5px;
}
#side_menu_nav .nav-item:first-child .nav-link{
	margin-left: 0;
}
#side_menu_nav .nav-item:last-child .nav-link{
	margin-right: 0;
}
#side_menu_nav .navbar-toggler{
	z-index: 2;
	color: #fff;
	border-color: #fff;
}
#side_menu_nav .navbar-toggler-icon{
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.side_menu_card{
	border: none;
	border-radius: 10px;
	background-color: #fff;
	padding: 10px;
	min-height: 138px;
	transition: all .15s ease-in-out;
}
.side_menu_card h6{
	font-weight: 500;
	font-size: 16px;
	color: #000;
	margin-bottom: 0;
	margin-top: 10px;
	text-align: center;
	transition: all .15s ease-in-out;
}
.side_menu_card .side_menu_card_img{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 15px;
	border-radius: 50%;
	background-color: #013C74;
	width: 70px;
	height: 70px;
	transition: all .15s ease-in-out;
}
.side_menu_card .side_menu_card_img img{
	max-width: 100%;
	max-height: 100%;
}
#side_menu_nav .nav-link:hover .side_menu_card,
#side_menu_nav .nav-link.active .side_menu_card{
	background-color: #013C74;
}
#side_menu_nav .nav-link:hover .side_menu_card h6,
#side_menu_nav .nav-link.active .side_menu_card h6{
	color: #fff;
}
#side_menu_nav .nav-link:hover .side_menu_card .side_menu_card_img,
#side_menu_nav .nav-link.active .side_menu_card .side_menu_card_img{
	background-color: #fff;
}
#side_menu_nav .navbar-nav{
	overflow-x: scroll;
}
/* Works on Firefox */
#side_menu_nav .navbar-nav{
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
/* Works on Chrome, Edge, and Safari */
#side_menu_nav .navbar-nav::-webkit-scrollbar-track{
  background: transparent;
}
#side_menu_nav .navbar-nav::-webkit-scrollbar-thumb{
  background: transparent;
}

@media only screen and (max-width: 1400px){
	#side_menu_nav .offcanvasSideMenu{
		width: 100%;
		background-color: rgba(0, 0, 0, 0.5);
	}
	#side_menu_nav .offcanvasSideMenu .offcanvas-header{
		color: #fff;
	}
	#side_menu_nav .offcanvasSideMenu .btn-close{
		background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
	}
	#side_menu_nav .navbar-nav{
		flex-direction: row;
		flex-wrap: wrap;
		overflow-x: hidden;
	}
	#side_menu_nav .nav-item:first-child .nav-link{
		margin-left: 5px;
	}
	#side_menu_nav .nav-item:last-child .nav-link{
		margin-right: 5px;
	}
}

/* Date Dropper Style */
div.datedropper{
    --dd-color1: #013C74 !important;
}

/* Time Dropper Style */
div.td-clock{
    --td-displayBorderColor: #013C74 !important;
    --td-handleColor: #013C74 !important;
    --td-handsColor: #013C7450 !important;
}

/* Global */
/* Works on Firefox */
::-moz-selection {
	background-color: #f0f8ff;
	color: #013C74;
}
/* Works on Chrome, Edge, and Safari */
::selection {
	background-color: #f0f8ff;
	color: #013C74;
}
/* Works on Firefox */
*{
  scrollbar-width: thin;
  scrollbar-color: #393f47 #cccccc;
}
/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar{
  width: 8px;
}
*::-webkit-scrollbar-track{
  background: #cccccc;
}
*::-webkit-scrollbar-thumb{
  background: #393f47;
}
*, body, h1, h2, h3, h4, h5, h6, p, a{
	outline: 0 !important;
	font-family: 'Rajdhani', sans-serif;
}
body{
	background: url('../images/main_content2_bg.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	padding-bottom: 50px;
}
.btn:focus,
.form-control:focus,
.form-select:focus{
	outline: 0;
	box-shadow: none;
}
.form-floating textarea.form-control{
	height: 200px;
}
.form-check-input:checked{
  background-color: #013C74;
  border-color: #013C74;
}
.fr-popup.fr-active{
	z-index: 2147483640 !important;
}
#insertFiles-1, #insertFiles-2, #insertFile-1, #insertFile-2{
	display: none;
}
.patient_profile_ui{
	word-wrap: break-word;
}
.forgot_btn{
	color: #161616;
	font-weight: 600;
	text-decoration: none;
	margin-top: 10px;
	display: block;
}
.forgot_btn:hover{
	color: #013C74;
}
.no_permission_img img{
	max-width: 100%;
	max-height: 100%;
	width: 30%;
}
.btn_radio_btns{
	color: #013C74;
	background-color: transparent;
	border: 1px solid #013C74;
}
.btn_radio_btns:hover,
.btn_radio_btns:focus{
	color: #fff;
	background-color: #013C74;
	border-color: #013C74;
}
.btn_radio_btns:focus,
.btn_radio_btns:focus,
.btn-check:focus + .btn_radio_btns,
.btn-check:focus + .btn_radio_btns{
	box-shadow: none;
}
.btn-check:checked + .btn_radio_btns{
	color: #fff;
	background-color: #013C74;
	border-color: #013C74;
}
.btn-dark.disabled, .btn-dark:disabled{
	pointer-events: unset;
	cursor: not-allowed;
}
.enterphone_box_c_patient,
.register_box_c_patient,
.category_cards_list_c_patient,
.calendarDiv_c_patient{
	padding: 50px 0;
}
label.select2_label{
	display: block;
}
.vertical_seperater_cols{
	border-left: 1px solid #ddd;
}
.prescription_rx_icon i{
	color: #013C74;
	font-size: 120px;
}
.prescription_heading{
	color: #013C74;
	text-transform: uppercase;
	margin-bottom: 0;
	font-size: 24px;
	font-weight: 600;
}
.alert p{
	margin-bottom: 0;
}
.custom_jumbotron{
	background-color: #013C74;
	padding: 10px 0;
}
.custom_jumbotron h2{
	text-align: left;
	text-transform: uppercase;
	font-family: 'Poppins', sans-serif;
	font-weight: 500;
	font-size: 25px;
	color: #fff;
	margin-bottom: 0;
}
.custom_jumbotron .breadcrumb{
	justify-content: flex-end;
	margin-bottom: 0;
}
.breadcrumb .breadcrumb-item,
.breadcrumb .breadcrumb-item.active{
	font-family: 'Poppins', sans-serif;
	font-weight: 300;
	font-size: 14px;
	color: #fff;
}
.breadcrumb .breadcrumb-item a{
	font-family: 'Poppins', sans-serif;
	font-weight: 300;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
}
.breadcrumb .breadcrumb-item a:hover{
	text-decoration: underline;
}
.breadcrumb-item + .breadcrumb-item{
	padding-left: 15px;
}
.breadcrumb-item + .breadcrumb-item::before{
	font: var(--fa-font-regular);
	content: "\f054";
	color: #fff;
	padding-top: 5px;
	font-size: 12px;
	padding-right: 15px;
}
.custom_jumbotron2{
	text-align: center;
	background-color: #f6f6f6;
	padding: 20px 0;
}
.custom_jumbotron2 h2{
	text-align: center;
	font-size: 35px;
	color: #202020;
}
.custom_jumbotron2 .breadcrumb{
	justify-content: center;
}
.custom_jumbotron2 .breadcrumb .breadcrumb-item,
.custom_jumbotron2 .breadcrumb .breadcrumb-item.active{
	font-size: 16px;
	color: #202020;
}
.custom_jumbotron2 .breadcrumb .breadcrumb-item a{
	font-size: 16px;
	color: #202020;
}
.custom_jumbotron2 .breadcrumb-item + .breadcrumb-item{
	padding-left: 20px;
}
.custom_jumbotron2 .breadcrumb-item + .breadcrumb-item::before{
	color: #202020;
	padding-top: 4px;
	font-size: 13px;
	padding-right: 20px;
}
.swal2-confirm{
	background-color: #013C74 !important;
}
.contact_us_offcanvas .list-group .list-group-item{
	display: flex;
	align-items: center;
}
.contact_us_offcanvas .list-group p{
	font-weight: 600;
	font-size: 18px;
	color: #000;
	margin: 0;
}
.contact_us_offcanvas .list-group a{
	font-weight: 600;
	font-size: 18px;
	color: #000;
	text-decoration: none;
}
.contact_us_offcanvas .list-group img{
	width: 32px;
	height: 32px;
	margin-right: 10px;
}
.back_button{
	color: #1C1F23;
	font-weight: 700;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
.back_button2{
	color: #1C1F23;
	font-weight: 700;
	font-size: 20px;
	padding: 0;
	margin-bottom: 20px;
}
.submit_btn{
	background-color: #013C74;
	color: #fff;
	font-weight: 600;
	font-size: 20px;
	text-transform: uppercase;
	border-radius: 90px;
	padding: 7px 25px;
}
.submit_btn:hover{
	color: #fff;
}
.theme_btn{
	background-color: #013C74;
	color: #fff;
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
	font-size: 17px;
	text-transform: uppercase;
	border-radius: 90px;
	padding: 8px 25px;
	width: 100%;
}
.theme_btn:hover{
	color: #fff;
}
.theme_dark_btn{
	background-color: #384451;
}
.accordion-button{
	font-weight: 600;
	font-size: 20px;
}
.accordion-button:not(.collapsed){
	background-color: #013C74;
	border-color: #013C74;
	color: #fff;
}
.accordion-button:focus{
	box-shadow: none;
	border-color: #013C74;
}
.accordion-button:not(.collapsed)::after{
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.nav_tabs_box{
	box-shadow: 0 0 1px rgba(0,0,0,.125),0 1px 3px rgba(0,0,0,.2);
	border-radius: .25rem;
}
.nav-tabs .nav-link{
	color: #202020;
	font-weight: 500;
	border-top: 3px solid transparent;
	border-bottom: none;
}
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover{
  border-color: #b3b3b3 #e9ecef #dee2e6;
}
.nav-tabs .nav-link.active{
  border-color: #013C74 #dee2e6 #fff;
  color: #202020;
  font-weight: 500;
}
.tab-content{
	padding: 1rem;
}
.theme_tabs .nav-link{
	color: #202020;
	font-weight: 500;
	border: none;
	border-radius: 0;
	border-bottom: 2px solid transparent;
}
.theme_tabs .nav-link:focus{
  border-bottom-color: transparent;
}
.theme_tabs .nav-link:hover{
  background-color: #f5f5f5;
  border-bottom-color: transparent;
}
.theme_tabs .nav-link.active{
  border-bottom-color: #013C74;
  color: #013C74;
}
.theme_tabs2 .nav-link{
	color: #202020;
	font-weight: 500;
	border: none;
	border-radius: 6px;
	background-color: #f5f5f5;
	margin: 5px;
}
.theme_tabs2 .nav-link:hover{
  background-color: #013C74;
  color: #fff;
}
.theme_tabs2 .nav-link.active{
  background-color: #013C74;
  color: #fff;
}
.card-group .card{
	border: none;
	border-radius: 10px;
	text-align: center;
	align-items: center;
	flex-direction: unset;
}
.card-group .card .card-body{
	padding: 70px 35px;
}
.card-group .card:first-child{
	background-color: #013C74;
}
.card-group .card:last-child{
	background-color: #fff;
}
.card-group .card h4{
	font-weight: 600;
	font-size: 21px;
	color: #161616;
}
.card-group .card h6{
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	font-size: 12px;
	color: rgba(22, 22, 22, 0.5);
}
.card-group .card h3{
	font-weight: 600;
	font-size: 23px;
	color: #fff;
	margin-top: 20px;
}
.card-group .card h5{
	font-family: 'Poppins', sans-serif;
	font-weight: 300;
	font-size: 16px;
	color: #fff;
	margin: 0;
}
.card-group .card .card_verify_img{
	background-color: #fff;
	border-radius: 50%;
	width: 140px;
	height: 140px;
	padding: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.card-group .card .card_verify_img img{
	max-width: 100%;
	max-height: 100%;
}
.card-group .card .form-floating .form-control{
	border-radius: 0;
	border: none;
	border-bottom: 2px solid #f0f0f0;
	padding-left: 0;
	font-family: 'Poppins', sans-serif;
	font-weight: 300;
}
.card-group .card .form-floating .form-select{
	border-radius: 0;
	border: none;
	border-bottom: 2px solid #f0f0f0;
	padding-left: 0;
	font-family: 'Poppins', sans-serif;
	font-weight: 300;
}
.card-group .card .form-floating .phone_form_control{
	padding-right: calc(1.5em + .75rem);
	background-image: url("../images/phone_verify.png");
	background-repeat: no-repeat;
	background-position: right calc(.375em + .1875rem) center;
	background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}
.card-group .card .form-floating label{
	font-family: 'Poppins', sans-serif;
	font-weight: 300;
	color: #a0a0a0;
}
.card-group .card .prefixed_country_code_parent label{
	padding-left: 20px;
}
.card-group .card .prefixed_country_code_parent .form-control{
	padding-left: 20px;
}
.card-group .card .prefixed_country_code_parent .prefixed_country_code{
	position: absolute;
	top: 23px;
	left: 0;
	font-weight: 600;
	font-size: 19px;
}
.welcome_card{
	border: none;
	text-align: center;
	border-radius: 10px;
	background: url('../images/welcome_card_bg.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.welcome_card .card-body{
	padding: 50px 100px;
}
.welcome_card img{
	margin-bottom: 20px;
	max-width: 100%;
	max-height: 100%;
	width: 50%;
}
.welcome_card h3{
	font-weight: 500;
	font-size: 27px;
	color: #040404;
	margin-bottom: 0;
}
.welcome_card h5{
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: rgba(19, 19, 19, 0.7);
	margin-bottom: 30px;
	margin-top: 20px;
}
.login_card{
	border: none;
	text-align: center;
	border-radius: 10px;
	background: url('../images/login_card_bg.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	box-shadow: rgba(114, 182, 234, 0.3) 0px 7px 29px 0px;
}
.login_card .card-body{
	padding: 20px 40px 60px 40px;
	position: relative;
}
.login_card img{
	margin-bottom: 20px;
}
.login_card .form-floating{
	margin-bottom: 30px;
}
.login_card .form-floating .username_form_control{
	padding-right: calc(1.5em + .75rem);
	background-image: url("../images/username_icon.png");
	background-repeat: no-repeat;
	background-position: right calc(.375em + .1875rem) center;
	background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}
.login_card .form-floating .password_form_control{
	padding-right: calc(1.5em + .75rem);
	background-image: url("../images/password_icon.png");
	background-repeat: no-repeat;
	background-position: right calc(.375em + .1875rem) center;
	background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}
.login_card .form-floating .form-control:focus,
.login_card .form-floating .form-control:autofill,
.login_card .form-floating .form-control:not(:placeholder-shown),
.login_card .form-floating .form-control:-webkit-autofill{
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.login_card .form-floating label{
	color: #477780;
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	font-size: 15px;
	padding: 1rem 5px;
	transform: translateX(8px);
}
.login_card .form-floating > .form-control:focus ~ label,
.login_card .form-floating > .form-control:not(:placeholder-shown) ~ label,
.login_card .form-floating > .form-select ~ label{
  opacity: 1;
  transform: scale(1) translateY(-13px) translateX(8px);
  background-color: #fff;
  padding-top: 0;
  padding-bottom: 0;
  height: auto;
}
.login_card .form-floating > .form-control:-webkit-autofill ~ label{
  opacity: 1;
  transform: scale(1) translateY(-13px) translateX(8px);
  background-color: #fff;
  padding-top: 0;
  padding-bottom: 0;
  height: auto;
}
.login_card .card-body .login_frame_img{
	position: absolute;
	top: 20px;
	right: 20px;
}
.panel_card_parent{
	text-decoration: none;
	display: block;
	width: 100%;
}
.panel_card{
	background: url('../images/panel_card_bg.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	border: none;
	border-radius: 10px;
	padding: 10px;
	transition: all 0.5s;
	min-height: 260px;
}
.panel_card_parent:hover .panel_card{
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	filter: grayscale(100%);
}
.panel_card .card-body{
	border: 1px solid #fff;
	border-radius: 10px;
	text-align: center;
	padding: 30px 1rem;
}
.panel_card .panel_card_img_parent{
	background-color: #fff;
	width: 114px;
	height: 114px;
	padding: 7px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.panel_card .panel_card_img_parent .panel_card_img{
	background-color: #fff;
	width: 101px;
	height: 101px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	padding: 20px;
	border: 1px dashed #013C74;
}
.panel_card .panel_card_img_parent .panel_card_img img{
	max-width: 100%;
	max-height: 100%;
}
.panel_card .card-body h4{
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	font-size: 18px;
	color: #fff;
	margin-bottom: 0;
	margin-top: 20px;
}
.panel_cards_row .col-sm-3{
	margin-bottom: 25px;
}
.register_card{
	border: none;
	border-radius: 10px;
	text-align: center;
	align-items: center;
	flex-direction: unset;
}
.register_card .card-body{
	padding: 50px 35px;
}
.register_card .form-floating .form-control,
.register_card .form-floating .form-select{
	border-radius: 0;
	border: none;
	border-bottom: 2px solid #f0f0f0;
	padding-left: 0;
	font-family: 'Poppins', sans-serif;
	font-weight: 300;
}
.register_card .form-floating label{
	padding-left: 0;
	font-family: 'Poppins', sans-serif;
	font-weight: 300;
	color: #a0a0a0;
}
.register_card .form-floating .form-control.is-invalid,
.register_card .form-floating .form-select.is-invalid{
	border-color: #dc3545;
}
.register_card .form-floating .form-control.is-invalid:focus,
.register_card .form-floating .form-select.is-invalid:focus{
	box-shadow: none;
}
.doctor_cards_list .col-sm-4,
.category_cards_list .col-sm-3,
.primary_other_doctor .col-sm-3,
.category_cards_list_pf .col-sm-3,
.category_cards_list_c_patient .col-sm-3{
	margin-bottom: 25px;
}
.doctor_card{
	border-color: #ebebeb;
	border-radius: 5px;
	min-height: 517px;
	overflow: hidden;
}
.doctor_card .card-body{
	position: relative;
	padding: 0 30px 30px 30px;
}
.doctor_card .card-body::before{
	content: "";
	width: 100%;
	border-top: 100px solid transparent;
	border-left: 408px solid #fff;
	position: absolute;
	top: -100px;
	left: 0;
}
.doctor_card .card-body a.doctor_card_parent{
	text-decoration: none;
	color: #013C74;
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
	font-size: 16px;
	text-transform: uppercase;
}
.doctor_card .card-body a.doctor_social_accounts{
	text-decoration: none;
	color: #013C74;
	font-size: 18px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #013C74;
	border-radius: 50%;
	width: 35px;
	height: 35px;
	margin-right: 10px;
	transition: all .15s ease-in-out;
}
.doctor_card .card-body a.doctor_social_accounts:last-child{
	margin-right: 0;
}
.doctor_card .card-body a.doctor_social_accounts:hover{
	background-color: #013C74;
	color: #fff;
}
.doctor_card img{
	max-width: 100%;
	max-height: 100%;
	width: 100%;
	height: 300px;
	object-fit: cover;
	object-position: top;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.doctor_card .card-body h6{
	font-family: 'Poppins', sans-serif;
	font-size: 18px;
	font-weight: 600;
	color: #202020;
	margin-bottom: 0;
	position: absolute;
	top: -20px;
}
.doctor_card a{
	text-decoration: none;
}
.doctor_card h5{
	font-size: 38px;
	font-weight: 500;
	color: #202020;
	margin-bottom: 0;
}
.doctor_card h5 span{
	font-weight: 700;
	color: #013C74;
}
.doctor_card hr{
	background-color: #d2d2d2;
	margin: 10px 0;
}
.doctor_card p{
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	font-weight: 300;
	color: #8b8b8b;
	margin-bottom: 20px;
	height: 63px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.main_content3{
	padding: 0 !important;
}
.main_content3 .category_cards_list,
.main_content3 .primary_other_doctor,
.main_content3 .doctor_cards_list,
.main_content3 .calendarDiv,
.main_content3 .payment_box,
.main_content3 .pay_cardfieldswrapper{
	padding: 50px 0;
}
.doctorProfileModal{
	background-color: #fff;
}
.doctorProfileModal_inner a.doctor_social_accounts{
	text-decoration: none;
	color: #013C74;
	background-color: transparent;
	font-size: 18px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #013C74;
	border-radius: 50%;
	width: 35px;
	height: 35px;
	margin-right: 10px;
	transition: all .15s ease-in-out;
}
.doctorProfileModal_inner a.doctor_social_accounts:last-child{
	margin-right: 0;
}
.doctorProfileModal_inner a.doctor_social_accounts:hover{
	background-color: #013C74;
	color: #fff;
}
.doctorProfileModal_inner h1{
	font-size: 38px;
	font-weight: 500;
	color: #202020;
	margin-bottom: 0;
}
.doctorProfileModal_inner h1 span{
	font-weight: 700;
	color: #013C74;
}
.doctorProfileModal_inner h6{
	font-family: 'Poppins', sans-serif;
	color: #b5b5b5;
	font-weight: 300;
	font-size: 18px;
	margin-bottom: 20px;
}
.doctorProfileModal_inner p{
	font-family: 'Poppins', sans-serif;
	font-weight: 300;
	font-size: 14px;
	color: #8b8b8b;
	margin-bottom: 0;
	margin-top: 20px;
}
.doctorProfileModal_inner .submit_btn{
	text-transform: unset;
}
.modal_body_img{
	height: 285px;
	border-radius: 10px;
}
.modal_body_img img{
	max-width: 100%;
	max-height: 100%;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top;
	border-radius: 10px;
}
.doctorProfileModal_inner{
	background-color: #f0f8ff;
	padding: 30px 0;
}
.doctorProfileModal_inner2{
	background-color: #fff;
	padding-top: 30px;
	padding-bottom: 50px;
}
.doctorProfileModal_inner2 h2{
	font-weight: 600;
	font-size: 32px;
	color: #181818;
	margin-bottom: 20px;
}
.doctorProfileModal_inner2 h4{
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: #8b8b8b;
	margin-bottom: 0;
}
.doctorProfileModal_inner2 p{
	font-family: 'Poppins', sans-serif;
	font-weight: 300;
	font-size: 14px;
	color: #8b8b8b;
}
.doctorProfileModal_inner2 .basic_ul{
	padding: 15px 20px;
	list-style: none;
	display: flex;
	align-items: center;
	margin: 0;
}
.doctorProfileModal_inner2 .basic_ul li{
	font-family: 'Poppins', sans-serif;
	font-weight: 300;
	font-size: 16px;
	color: #7f7f7f;
	word-break: break-all;
}
.doctorProfileModal_inner2 .basic_ul li img{
	max-width: 100%;
	max-height: 100%;
	width: 22px;
}
.doctorProfileModal_inner2 .basic_ul li:first-child{
	margin-right: 20px;
}
.doctorProfileModal_inner2 .card{
	border-radius: 10px;
	border: none;
	background-color: #f0f8ff;
	margin-top: 20px;
}
.doctorProfileModal_inner2 .card .card-body{
	padding: 20px;
}
.doctorProfileModal_inner2 .card .card-body h5{
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: #8b8b8b;
	margin-bottom: 0;
}
.doctorProfileModal_inner2 .card .card-body h5 span{
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	color: #212121;
}
.doctorProfileModal_inner2 .card .card-body h5 span i{
	margin-left: 10px;
	font-size: 20px;
}
.doctorProfileModal_inner2 .card .card-body .row{
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ebebeb;
}
.doctorProfileModal_inner2 .card .card-body .row:first-of-type{
	padding-top: 0;
}
.doctorProfileModal_inner2 .card .card-body .row:last-child{
	border-bottom: none;
	padding-bottom: 0;
}
.d_skill_card{
	position: relative;
	background-color: #f0f8ff;
	border-radius: 90px;
	padding: 15px 40px 15px 15px;
	margin-bottom: 10px;
	transition: all .15s ease-in-out;
}
.d_skill_card h3{
	font-family: 'Poppins', sans-serif;
	font-weight: 300;
	font-size: 15px;
	color: #656768;
	margin-bottom: 0;
	transition: all .15s ease-in-out;
}
.d_skill_card img{
	max-height: 100%;
	max-width: 100%;
	width: auto;
	height: auto;
	position: absolute;
	right: 15px;
	top: 18px;
}
.d_skill_card img.w_tick{
	display: none;
}
.d_skill_card:hover img.b_tick{
	display: none;
}
.d_skill_card:hover img.w_tick{
	display: block;
}
.d_skill_card:hover{
	background-color: #013C74;
}
.d_skill_card:hover h3{
	color: #fff;
}
.custom_card{
	border-radius: 10px;
	background-color: #fff;
	padding: 10px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.custom_card thead,
.custom_table thead{
	background-color: #013C74;
	color: #fff;
}
.custom_table > :not(:first-child){
	border-top: none;
}
.modal-header{
	background-color: #013C74;
	border: none;
	border-radius: 0;
}
.modal-content{
	border: 5px solid #013C74;
}
.modal-title{
	color: #fff;
}
.modal .btn-close{
	background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}
.alert-info a{
	color: #055160;
	text-decoration: none;
}
.alert-warning a{
	color: #664d03;
	text-decoration: none;
}
.alert-success a{
	color: #0f5132;
	text-decoration: none;
}

/* Whiteboard Chat */
.custom_card2{
	border-radius: 10px;
	background-color: #fff;
	padding: 0;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.custom_card2 .col-sm-4{
	padding: 20px;
	background-color: #006398;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	min-height: 500px;
	max-height: 500px;
	height: 500px;
	overflow-y: scroll;
}
.custom_card2 .col-sm-8{
	padding: 20px;
	background-color: #fff;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	min-height: 500px;
	max-height: 500px;
	height: 500px;
	overflow: hidden;
}
.custom_card2 hr{
	background-color: #fff;
	opacity: 1;
}
.custom_card2 hr.presc_hr{
	background-color: #fff;
}
.custom_card2 h3{
	color: #fff;
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 600;
}
.custom_card2 h3.presc_h3{
	color: #fff;
}
.custom_card2 h6{
	color: #fff;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 0;
}
.custom_card2 h6 span{
	font-weight: 600;
	word-break: break-all;
}
.custom_card2 ul{
	columns: 2;
}
.custom_card2 ul.allergies_ul{
	list-style-image: url('../images/allergies.png');
}
.custom_card2 ul.h_conditions_ul{
	list-style-image: url('../images/conditions.png');
}
.custom_card2 ul li{
	color: #fff;
	font-weight: 500;
	font-size: 18px;
}
.custom_card2 .wb_chat_container{
	min-height: 390px;
	max-height: 390px;
	height: 390px;
	overflow-x: hidden;
	overflow-y: scroll;
	margin-bottom: 30px;
}
/* Works on Firefox */
.custom_card2 .wb_chat_container{
  scrollbar-color: transparent transparent;
  transition: all 0.15s ease-in-out;
}
.custom_card2 .wb_chat_container:hover{
  scrollbar-color: #393f47 transparent;
}
.custom_card2 .col-sm-4{
  scrollbar-color: #006398 #cccccc;
}
/* Works on Chrome, Edge, and Safari */
.custom_card2 .wb_chat_container::-webkit-scrollbar-track{
  background: transparent;
}
.custom_card2 .wb_chat_container::-webkit-scrollbar-thumb{
  background: transparent;
}
.custom_card2 .wb_chat_container:hover::-webkit-scrollbar-thumb{
  background: #393f47;
}
.custom_card2 .col-sm-4::-webkit-scrollbar-thumb{
  background: #006398;
}
.custom_card2 .input-group .btn{
	background-color: #013C74;
	color: #fff;
	border-color: #013C74;
}
.custom_card2 .wb_chat_img{
	border-radius: 50%;
	width: 45px;
	height: 45px;
	overflow: hidden;
}
.custom_card2 .wb_chat_img img{
	max-height: 100%;
	max-width: 100%;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
}
.custom_card2 .wb_chat_img2{
	border-radius: 50%;
	width: 45px;
	height: 45px;
	color: #fff;
	font-size: 24px;
	font-weight: 600;
	overflow: hidden;
	background-color: #393f47;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px;
}
.custom_card2 .wb_chat_img2 img{
	max-height: 100%;
	max-width: 100%;
}
.custom_card2 .wb_chat_container h4{
	color: #202020;
	font-weight: 600;
	font-size: 24px;
	margin-bottom: 0;
}
.custom_card2 .wb_chat_container h5{
	color: #666666;
	font-weight: 500;
	font-size: 14px;
}
.custom_card2 thead{
  background-color: #fff;
  color: #202020;
}
.custom_card2 tbody{
	border-top-color: #fff !important;
}
.custom_card2 tbody > tr > *{
	background-color: transparent;
	color: #fff;
}
.custom_card2 tbody > tr:nth-of-type(2n+1) > *{
	background-color: transparent;
	color: #fff;
}
.custom_card2 .wb_chat_img_none_inner{
	height: 350px;
}
.custom_card2 .wb_chat_img_none{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}
.custom_card2 .wb_chat_img_none img{
	max-height: 100%;
	max-width: 100%;
	image-rendering: -webkit-optimize-contrast;
}
.custom_card3{
	border-radius: 0;
	box-shadow: none;
}
.custom_card3 .chat_bubble_box1{
	background-color: #eee;
	padding: 10px;
	border-radius: 0 10px 10px 10px;
	display: inline-block;
	position: relative;
}
.custom_card3 .chat_bubble_box1 p{
	margin-bottom: 0;
	font-weight: 400;
	font-size: 18px;
}
.custom_card3 .chat_bubble_box2{
	background-color: #013C74;
	padding: 10px;
	border-radius: 10px 10px 0 10px;
	display: inline-block;
	text-align: left;
	position: relative;
}
.custom_card3 .chat_bubble_box2 p{
	margin-bottom: 0;
	font-weight: 400;
	font-size: 18px;
	color: #fff;
}
.custom_card3 .wb_chat_container{
	padding: 0 15px;
}
.custom_card3 .pm_message_del_btn{
	position: absolute;
	right: -15px;
	top: 0;
}
.custom_card3 .pm_message_del_btn .dropdown-toggle{
	color: #b3b3b3;
	padding: 0;
}
.custom_card3 .pm_message_del_btn .dropdown-toggle::after{
	display: none;
}
.custom_card3 .pm_message_del_btn .dropdown-menu{
	columns: unset;
}
.custom_card5{
	border-radius: 10px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.custom_card3 .col-sm-4{
	background-color: #f6f6f6;
	padding: 10px;
}
/* Works on Firefox */
.custom_card3 .col-sm-4{
  scrollbar-color: transparent transparent;
  transition: all 0.15s ease-in-out;
}
.custom_card3 .col-sm-4:hover{
  scrollbar-color: #393f47 transparent;
}
/* Works on Chrome, Edge, and Safari */
.custom_card3 .col-sm-4::-webkit-scrollbar-track{
  background: transparent;
}
.custom_card3 .col-sm-4::-webkit-scrollbar-thumb{
  background: transparent;
}
.custom_card3 .col-sm-4:hover::-webkit-scrollbar-thumb{
  background: #393f47;
}
.custom_card3 .open_patient_messages_clicker2{
	width: 100%;
	border-radius: 10px;
	margin: 5px;
	padding: 10px;
}
.custom_card3 .open_patient_messages_clicker2:hover{
	background-color: #e8f6fd;
}
.custom_card3 .open_patient_messages_clicker2.active{
	background-color: #d0eefb;
}
.custom_card3 .open_patient_messages_clicker2 h5{
	color: #202020;
	font-weight: 500;
	font-size: 18px;
	margin: 0;
	text-align: left;
}
.custom_card3 .wbcdc_heading{
	color: #202020;
	font-weight: 600;
	font-size: 20px;
	margin-left: 5px;
	margin-right: 5px;
}
.custom_card4{
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.custom_card6{
	box-shadow: rgba(0, 0, 0, 0.1) 12px 4px 12px;
}
ul.allergies_ul2{
	columns: 2;
	list-style-image: url('../images/allergies.png');
}
ul.h_conditions_ul2{
	columns: 2;
	list-style-image: url('../images/conditions.png');
}
ul.allergies_ul2 li,
ul.h_conditions_ul2 li{
	color: #202020;
	font-weight: 500;
	font-size: 18px;
}

/* Calendar */
.full_calendar_card{
	border-radius: 10px;
	border: none;
	background-color: #f0f8ff;
	padding: 0 0 10px 0;
}
.fc-view-harness{
	border-radius: 10px !important;
	background-color: #fff !important;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px !important;
	margin: 0 20px 20px 20px !important;
}
.fc-prev-button,
.fc-next-button{
	padding: 5px 12px !important;
}
.fc-prev-button,
.fc-next-button,
.fc-today-button,
.fc-timeGridDay-button,
.fc-timeGridWeek-button{
	background-color: #0083FF !important;
	border-color: #0083FF !important;
}
.fc-prev-button:hover,
.fc-next-button:hover,
.fc-today-button:hover,
.fc-timeGridDay-button:hover,
.fc-timeGridWeek-button:hover,
.fc-timeGridDay-button.active,
.fc-timeGridWeek-button.active{
	background-color: #026DD2 !important;
	border-color: #026DD2 !important;
}
.fc-timeGridDay-button.active:focus,
.fc-timeGridWeek-button.active:focus{
	box-shadow: none;
}
.fc-prev-button,
.fc-timeGridDay-button{
	border-top-left-radius: 10px !important;
	border-bottom-left-radius: 10px !important;
}
.fc-next-button,
.fc-timeGridWeek-button{
	border-top-right-radius: 10px !important;
	border-bottom-right-radius: 10px !important;
}
.fc-today-button{
	border-radius: 10px !important;
}
.fc-toolbar .fc-toolbar-title{
	border-radius: 10px !important;
	background-color: #0083FF !important;
	color: #fff !important;
	padding: 8px 14px !important;
	font-size: 17px !important;
}
.fc-prev-button .bi-chevron-left::before{
	font: var(--fa-font-solid);
	content: "\f060";
}
.fc-next-button .bi-chevron-right::before{
	font: var(--fa-font-solid);
	content: "\f061";
}
table.fc-scrollgrid{
	border: none !important;
}
table tbody td,
table thead th,
table thead{
	border-color: #dee2e6 !important;
}
table thead th{
	padding: 10px !important;
}
table thead th a{
	color: #013C74 !important;
}
table thead td{
	border-top-color: transparent !important;
	border-left-color: transparent !important;
	border-right-color: transparent !important;
	border-top-left-radius: 10px !important;
	border-top-right-radius: 10px !important;
}
table tbody td{
	border-bottom-color: transparent !important;
	border-left-color: transparent !important;
	border-right-color: transparent !important;
	border-bottom-left-radius: 10px !important;
	border-bottom-right-radius: 10px !important;
}
.fc-event{
	background-color: #adb5bd !important;
	border-color: #adb5bd !important;
	color: #000 !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	padding-left: 5px !important;
	padding-right: 5px !important;
	box-shadow: none !important;
	border-radius: 0 !important;
}
.fc-event .fc-event-main{
	display: none !important;
}
.fc-timegrid-col-events{
	margin: 0 !important;
}
.fc-non-business{
	background: #dc3545 !important;
	opacity: .3 !important;
}
.fc-timegrid-slots td{
	padding: 10px !important;
}
.fc-toolbar{
	background-color: #013C74 !important;
	border-top-right-radius: 10px !important;
	border-top-left-radius: 10px !important;
	padding: 20px !important;
}
.calendar_div_dschedule_card{
	border-radius: 10px;
	border: none;
	background-color: #f0f8ff;
	margin-top: 20px;
}
.calendar_div_dschedule_card .card-body{
	padding: 20px;
}
.calendar_div_dschedule_card .card-body h5{
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	font-size: 13px;
	color: #8b8b8b;
	margin-bottom: 0;
}
.calendar_div_dschedule_card .card-body h5 span{
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	color: #212121;
}
.calendar_div_dschedule_card .card-body h5 span i{
	margin-left: 5px;
	font-size: 18px;
}
.calendar_div_dschedule_card .card-body .row{
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ebebeb;
}
.calendar_div_dschedule_card .card-body .row:first-of-type{
	padding-top: 0;
}
.calendar_div_dschedule_card .card-body .row:last-child{
	border-bottom: none;
	padding-bottom: 0;
}
.calendar_div_p_bg{
	background-color: #fff;
}
.calendar_div_dschedule_card .card-body h2{
  font-weight: 600;
  font-size: 22px;
  color: #181818;
  margin-bottom: 20px;
}

/* Mini Calendar */
.ui-datepicker{
	border: none !important;
	border-radius: 0 !important;
	width: 100% !important;
}
.ui-datepicker-header{
	border: none;
	background: transparent !important;
	border-radius: 0 !important;
}
.ui-state-default{
	color: #181818 !important;
	background-color: transparent !important;
	border-color: transparent !important;
	border-radius: 10px !important;
	text-align: center !important;
	padding: 3px !important;
}
.ui-priority-secondary{
	color: #013C74 !important;
}
.ui-state-default:hover,
.ui-state-active{
	color: #fff !important;
	background-color: #013C74 !important;
	border-color: #013C74 !important;
}
.ui-state-highlight{
	color: #000 !important;
	background-color: #ffc107 !important;
	border-color: #ffc107 !important; 
}
.ui-state-highlight:hover{
	color: #000 !important;
	background-color: #ffc107 !important;
	border-color: #ffc107 !important; 
}
.ui-datepicker-prev,
.ui-datepicker-next{
	border-radius: 10px !important;
	color: #fff !important;
	background: #013C74 !important;
	cursor: pointer !important;
	top: 6px !important;
	transition: all .15s ease-in-out;
}
.ui-datepicker-prev{
	left: auto !important;
	right: 40px !important;
}
.ui-datepicker-prev:hover,
.ui-datepicker-next:hover{
	background: #026DD2 !important;
	outline: 0 !important;
	border: none !important;
	top: 6px !important;
}
.ui-datepicker-next:hover{
  right: 2px !important;
}
.ui-datepicker-prev span,
.ui-datepicker-next span{
	display: none !important;
}
.ui-datepicker-prev::before,
.ui-datepicker-next::before{
	font: var(--fa-font-solid);
	position: absolute;
	top: 50%;
	margin-top: -9px;
}
.ui-datepicker-prev::before{
	content: "\f060";
	left: 50%;
	margin-left: -7px;
}
.ui-datepicker-next::before{
	content: "\f061";
	right: 50%;
	margin-right: -7px;
}
select.ui-datepicker-month{
	background: transparent;
	border: none;
	border-radius: 0;
	color: #181818;
}
.ui-datepicker-year{
	color: #181818;
}
table.ui-datepicker-calendar{
	background-color: #f0f8ff !important;
	border-radius: 10px !important;
	margin-top: 10px !important;
}
table.ui-datepicker-calendar thead th{
	color: #013C74 !important;
}
table.ui-datepicker-calendar tbody td{
	padding: 5px !important;
}
.ui-datepicker .ui-datepicker-title{
	text-align: left !important;
	margin: 0 !important;
	margin-right: 25% !important;
	font-size: 20px !important;
	color: #181818 !important;
	font-weight: 600 !important;
}

/* Pre Loader & Ajax Loading Spinner */
.preloader{
	position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
}
#ajaxoverlay{
	position: fixed;
	z-index: 1056;
	top: 0;
	width: 100%;
	height:100%;
	display: none;
	background: rgba(0, 0, 0, 0.8);
}
.loader{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 75px;
  height: 75px;
  margin: auto;
}
.loader svg{
  transform-origin: center;
  animation: rotate 2s linear infinite;
}
.loader circle{
  fill: none;
  stroke: #fff;
  stroke-width: 2;
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  stroke-linecap: round;
  animation: dash 1.5s ease-in-out infinite;
}
.loader2{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: 75px;
	height: 75px;
	margin: auto;
  }
  .loader2 svg{
	transform-origin: center;
	animation: rotate 2s linear infinite;
  }
  .loader2 circle{
	fill: none;
	stroke: #013C74;
	stroke-width: 2;
	stroke-dasharray: 1, 200;
	stroke-dashoffset: 0;
	stroke-linecap: round;
	animation: dash 1.5s ease-in-out infinite;
  }

@keyframes rotate {
	100% {
	  transform: rotate(360deg);
	}
  }
  
@keyframes dash {
	0% {
	  stroke-dasharray: 1, 200;
	  stroke-dashoffset: 0;
	}
	50% {
	  stroke-dasharray: 90, 200;
	  stroke-dashoffset: -35px;
	}
	100% {
	  stroke-dashoffset: -125px;
	}
}

/* Top Bar */
.top_bar{
	background-color: #013C74;
	padding: 5px 0;
	position: relative;
	z-index: 2;
}
.top_bar p{
	color: #fff;
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	font-size: 14px;
	margin: 0;
}
.top_bar a{
	color: #fff;
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	font-size: 14px;
	text-decoration: none;
	margin-right: 20px;
}
.top_bar a:last-child{
	margin-right: 0;
}
.top_bar img{
	padding-right: 5px;
}

/* Main Header */
#main_header{
	background-color: transparent;
	z-index: 1020;
}
#main_header.inner_main_header{
	background-color: #fff;
}
#main_header.inner_main_header .nav-link{
	padding: .5rem 0;
	margin-right: 30px;
	font-weight: 500;
	font-size: 17px;
	color: #000;
}
#main_header.inner_main_header .nav-item:last-child .nav-link{
	margin-right: 0;
}
#main_header.inner_main_header .nav-link::after{
	content: '';
	display: block;
	width: 0;
	height: 2px;
	background-color: #013C74;
	transition: width .5s;
}
#main_header.inner_main_header .nav-link:hover::after{
  	width: 100%;
}
#main_header.inner_main_header .logout_custom_btn::after{
	display: none;
}
#main_header.inner_main_header .logout_custom_btn{
	font-size: 17px;
	font-weight: 500;
	color: #fff;
	background-color: #dc3545;
	border-radius: 90px;
	transition: all 0.3s ease-in-out 0s;
	position: relative;
	padding: 8px 15px;
}
#main_header.inner_main_header .logout_custom_btn::before{
	content: '';
	border-radius: 90px;
	min-width: 122px;
	min-height: 54px;
	border: 3px solid #dc3545;
	box-shadow: 0 0 15px rgba(220, 53, 69, .64);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
	transition: all .3s ease-in-out 0s;
}
#main_header.inner_main_header .logout_custom_btn:hover::before,
#main_header.inner_main_header .logout_custom_btn:focus::before{
  	opacity: 1;
}
#main_header.inner_main_header .logout_custom_btn_parent{
	position: relative;
}
#main_header.inner_main_header .logout_custom_btn_parent::after{
	content: '';
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: 3px solid #dc3545;
	position: absolute;
	z-index: -1;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	animation: ring 1.5s infinite;
}
#main_header.inner_main_header .logout_custom_btn_parent:hover::after,
#main_header.inner_main_header .logout_custom_btn_parent:focus::after{
	animation: none;
	display: none;
}

@keyframes ring{
  0%{
    width: 30px;
    height: 30px;
    opacity: 1;
  }
  100%{
    width: 100px;
    height: 100px;
    opacity: 0;
  }
}

/* Main Banner */
#main_banner{
	position: absolute;
	top: 0;
	width: 100%;
}
#main_banner .carousel-item{
	height: 100vh;
}
#main_banner .carousel-item img{
	height: 100vh;
	object-fit: cover;
}
#main_banner .banner_overlay{
	background: rgba(0, 0, 0, 0.3);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#main_banner .carousel-caption{
	bottom: auto;
	top: 50%;
	left: 50%;
	right: auto;
	transform: translate(-50%,-50%);
}
#main_banner .carousel-caption h5{
	color: #fff;
	font-weight: 400;
	font-size: 40px;
	margin: 0;
	text-transform: uppercase;
	letter-spacing: 15px;
}
#main_banner .carousel-caption h4{
	color: #fff;
	font-weight: 500;
	font-size: 82px;
}
#main_banner .carousel-caption p{
	color: #fff;
	font-family: 'Poppins', sans-serif;
	font-weight: 300;
	font-size: 17px;
	margin-bottom: 30px;
	text-align: justify;
	text-align-last: center;
}
#main_banner .carousel-caption a{
	color: #000;
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
	font-size: 25px;
	text-decoration: none;
	text-transform: uppercase;
	background-color: #fff;
	border-radius: 90px;
	padding: 10px 35px;
	box-shadow: 0 0 0 rgba(38,167,235, 1);
  animation: pulse 2s infinite;
}
#main_banner .carousel-caption a i{
	color: #013C74;
	padding-left: 10px;
	font-size: 37px;
	vertical-align: middle;
}

@-webkit-keyframes pulse{
  0%{
    -webkit-box-shadow: 0 0 0 0 rgba(38,167,235, 1);
  }
  70%{
    -webkit-box-shadow: 0 0 0 10px rgba(38,167,235, 0);
  }
  100%{
    -webkit-box-shadow: 0 0 0 0 rgba(38,167,235, 0);
  }
}
@keyframes pulse{
  0%{
    -moz-box-shadow: 0 0 0 0 rgba(38,167,235, 1);
    box-shadow: 0 0 0 0 rgba(38,167,235, 1);
  }
  70%{
    -moz-box-shadow: 0 0 0 10px rgba(38,167,235, 0);
    box-shadow: 0 0 0 10px rgba(38,167,235, 0);
  }
  100%{
    -moz-box-shadow: 0 0 0 0 rgba(38,167,235, 0);
    box-shadow: 0 0 0 0 rgba(38,167,235, 0);
  }
}

#main_banner .carousel-indicators{
	display: block;
	margin-left: 0;
	margin-right: 0;
	right: auto;
	left: 40px;
	bottom: auto;
	top: 50%;
	transform: translate(-50%,-50%);
}
#main_banner .carousel-indicators button{
	width: 10px;
	height: 10px;
	border-radius: 50%;
	opacity: 1;
	display: block;
	position: relative;
}
#main_banner .carousel-indicators button.active::before{
	content: "";
	position: absolute;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 2px solid #fff;
	top: -5px;
	left: -5px;
}

/* Footer */
.main_footer{
	padding: 15px 0;
	background-color: rgba(6, 21, 38, 0.5);
}
.main_footer p{
	font-family: 'Poppins', sans-serif;
	color: #fffffe;
	font-weight: 300;
	font-size: 16px;
	margin: 0;
}
.main_footer a{
	font-family: 'Poppins', sans-serif;
	color: #fffffe;
	font-weight: 300;
	font-size: 16px;
	text-decoration: none;
}
.main_footer ul{
	display: flex;
	list-style: none;
	margin-bottom: 0;
	padding-left: 0;
	justify-content: flex-end;
}
.main_footer ul li{
	margin-right: 30px;
}
.main_footer ul li:last-child{
	margin-right: 0;
}
.main_footer ul li a{
	color: #d2d2d2;
	font-weight: 400;
	font-size: 14px;
}
.main_footer ul li a::after{
	content: '';
  display: block;
  width: 0;
  height: 2px;
  background-color: #d2d2d2;
  transition: width .5s;
}
.main_footer ul li a:hover::after{
  width: 100%;
}
.inner_main_footer{
	background-color: rgba(6, 21, 38, 0.8);
}

/* Main Content */
.main_content{
	position: absolute;
	top: 0;
	width: 100%;
}
.main_content_parent{
	position: relative;
	width: 100%;
	overflow: hidden;
}
.main_content_inner{
	position: relative;
	width: 100%;
	height: 100vh;
	background: url('../images/main_content_bg.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	padding: 118px 0 53px 0;
}
.main_content2{
	background: url('../images/main_content2_bg.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	padding: 50px 0;
	min-height: 800px;
}
.main_content4{
	background-color: #fff;
	padding: 50px 0;
	min-height: 500px;
}
.modal img{
	max-width: 100%;
	max-height: 100%;
}
.patient_profile_ui img, .patient_profile_ui video{
	max-width: 100%;
	max-height: 100%;
}
.patient_notes_row .col-sm-9{
	background-color: #f0f8ff;
	padding: 15px;
	border-radius: 10px;
	overflow: auto;
	max-height: 800px;
}
span.fr-emoticon{
	font-weight: normal;
	font-family: "Apple Color Emoji","Segoe UI Emoji","NotoColorEmoji","Segoe UI Symbol","Android Emoji","EmojiSymbols";
	display: inline;
	line-height: 0;
}
span.fr-emoticon.fr-emoticon-img{
	background-repeat: no-repeat !important;
	font-size: inherit;
	height: 1em;
	width: 1em;
	min-height: 20px;
	min-width: 20px;
	display: inline-block;
	margin: -.1em .1em .1em;
	line-height: 1;
	vertical-align: middle;
}
.fr-quick-insert{
	left: 130px !important;
}
.fr-qi-helper{
    white-space: unset !important;
}
.fr-qi-helper a.fr-floating-btn.fr-btn{
    margin: 5px !important;
    line-height: 30px !important;
}

/* Responsive */
@media only screen and (min-width: 481px){
	/* Datatable */
	.dt-buttons{
	  float: right;
	  margin-bottom: 10px;
	}
	.dataTables_length{
	  display: inline-block;
	}
	.dataTables_filter{
	  clear: both;
	}
	.table{
	  width: 100% !important;
	}
	.dataTables_paginate{
	  float: right;
	}
	.dataTables_info{
	  float: left;
	}
}

/* Small Device */
@media only screen and (max-width: 992px){
	.top_bar p,
	.top_bar a{
		margin-right: 15px;
		font-size: 12px;
	}
	#main_banner .carousel-caption h4{
		font-size: 65px;
	}
	#main_banner .carousel-caption p{
		font-size: 16px;
	}
	#main_banner .carousel-caption h5{
		font-size: 34px;
		letter-spacing: 12px;
	}
	#main_banner .carousel-caption a{
		font-size: 22px;
	}
	#main_banner .carousel-caption a i{
		font-size: 33px;
	}
	.main_footer p,
	.main_footer a{
		font-size: 14px;
	}
	.main_footer ul li a{
		font-size: 12px;
	}
	.main_content_inner .col-sm-7{
		width: 75%;
	}
	.main_content_inner .col-sm-5{
		width: 50%;
	}
	.main_content_inner .col-sm-4{
		width: 41.66666667%;
	}
	.panel_cards_row .col-sm-3{
		width: 33.33333333%;
	}
	.custom_card2 h3{
		font-size: 22px;
	}
	.custom_card2 h6{
		font-size: 16px;
	}
	.custom_card2 ul li{
		font-size: 16px;
	}
	.custom_card2 .wb_chat_container h4{
		font-size: 22px;
	}
	.custom_card2 .wb_chat_container h5{
		font-size: 12px;
	}
	.custom_card2 .wb_chat_container .col-sm-1{
		width: 16.66666667%;
	}
	.custom_card2 .wb_chat_container .col-sm-11{
		width: 83.33333333%;
	}
	.custom_card2 .wb_chat_img,
	.custom_card2 .wb_chat_img2{
		width: 55px;
		height: 55px;
	}
	.doctor_card .card-body h6{
		font-size: 16px;
	}
	.doctor_card h5{
		font-size: 28px;
	}
	.doctor_card p{
		font-size: 12px;
		height: 56px;
	}
	.doctor_card .card-body a.doctor_social_accounts{
		font-size: 16px;
		width: 30px;
		height: 30px;
	}
	.doctor_card .card-body a.doctor_card_parent{
		font-size: 14px;
	}
	.doctor_card .card-body{
		padding: 0 20px 20px 20px;
	}
	.doctor_card{
		min-height: 433px;
	}
	.doctor_card img{
		height: 250px;
	}
	.doctor_card .card-body::before{
		border-top-width: 85px;
		border-left-width: 340px;
		top: -85px;
	}
	.doctorProfileModal_inner h1{
		font-size: 28px;
	}
	.doctorProfileModal_inner h6{
		font-size: 16px;
	}
	.doctorProfileModal_inner p{
		font-size: 12px;
	}
	.doctorProfileModal_inner a.doctor_social_accounts{
		font-size: 16px;
		width: 30px;
		height: 30px;
	}
	.doctorProfileModal_inner .submit_btn{
		font-size: 18px;
	}
	.modal_body_img{
		height: 250px;
	}
	.doctorProfileModal_inner2 h2{
		font-size: 22px;
	}
	.doctorProfileModal_inner2 p{
		font-size: 12px;
	}
	.doctorProfileModal_inner2 .basic_ul li{
		font-size: 14px;
	}
	.doctorProfileModal_inner2 .basic_ul li img{
		width: 20px;
	}
	.doctorProfileModal_inner2 h4{
		font-size: 14px;
	}
	.doctorProfileModal_inner2 .card .card-body h5{
		font-size: 14px;
	}
	.doctorProfileModal_inner2 .card .card-body h5 span i{
		font-size: 18px;
	}
	.d_skill_card h3{
		font-size: 13px;
	}
	.ui-datepicker .ui-datepicker-title{
		font-size: 16px !important;
		margin-right: 35% !important;
	}
	table.ui-datepicker-calendar tbody td{
		padding: 3px !important;
	}
	.ui-state-default{
		padding: 0 !important;
	}
	.calendar_div_dschedule_card .card-body h2{
		font-size: 18px;
	}
	.calendar_div_dschedule_card .card-body h5{
		font-size: 10px;
	}
	.calendar_div_dschedule_card .card-body h5 span i{
		font-size: 12px;
		margin-left: 0;
	}
	.category_cards_list .col-sm-3,
	.primary_other_doctor .col-sm-3,
	.category_cards_list_c_patient .col-sm-3,
	.category_cards_list_pf .col-sm-3{
		width: 33.33333333%;
	}
	.prescription_heading{
		font-size: 20px;
	}
	ul.allergies_ul2, ul.h_conditions_ul2{
		columns: 1;
	}
	ul.allergies_ul2 li, ul.h_conditions_ul2 li{
		font-size: 16px;
	}
}

/* Tablet */
@media only screen and (max-width: 820px){
	#h_lifestyle.tab-pane .col-sm-4, #h_lifestyle.tab-pane .col-sm-8{
		width: 50%;
	}
	.prescription_modal .col-sm-4, .prescription_modal .col-sm-8, .prescription_modal .col-sm-6{
		width: 100%;
	}
	.main_footer p,
	.main_footer a{
		font-size: 12px;
	}
	#main_banner .carousel-caption h4{
		font-size: 55px;
	}
	#main_banner .carousel-caption h5{
		font-size: 30px;
		letter-spacing: 10px;
	}
	#main_banner .carousel-caption a{
		font-size: 20px;
	}
	#main_banner .carousel-caption a i{
		font-size: 30px;
	}
	.top_bar a{
		display: block;
		margin-right: 0;
	}
	.top_bar .row{
		align-items: center;
	}
	.main_footer .row{
		align-items: center;
	}
	.main_content_inner .col-sm-7{
		width: 100%;
	}
	.main_content_inner .col-sm-5{
		width: 66.66666667%;
	}
	.main_content_inner .col-sm-4{
		width: 58.33333333%;
	}
	.panel_cards_row .col-sm-3{
		width: 50%;
	}
	.custom_jumbotron2 h2{
		font-size: 30px;
	}
	.breadcrumb-item + .breadcrumb-item{
		padding-left: 15px;
	}
	.breadcrumb-item + .breadcrumb-item::before{
		padding-right: 15px;
	}
	.doctor_cards_list .col-sm-4{
		width: 50%;
	}
	.custom_card2 h3{
		font-size: 20px;
	}
	.custom_card2 h6{
		font-size: 14px;
	}
	.custom_card2 ul li{
		font-size: 14px;
	}
	.custom_card2 .wb_chat_container h4{
		font-size: 20px;
	}
	.custom_card2 .wb_chat_img,
	.custom_card2 .wb_chat_img2{
    width: 45px;
    height: 45px;
	}
	.side_menu_row .col-sm-3{
		width: 100%;
		margin-bottom: 25px;
	}
	.side_menu_row .col-sm-9{
		width: 100%;
	}
	.wb_chat_doctors_container .row .col-sm-3{
		margin-bottom: 0;
	}
	.doctor_card .card-body h6{
		font-size: 14px;
	}
	.doctor_card h5{
		font-size: 26px;
	}
	.doctorProfileModal_inner h1{
		font-size: 26px;
	}
	.doctorProfileModal_inner h6{
		font-size: 14px;
	}
	.doctorProfileModal_inner .submit_btn{
		font-size: 16px;
	}
	.modal_body_img{
		height: 200px;
	}
	.doctorProfileModal_inner2 h2{
		font-size: 20px;
	}
	.doctorProfileModal_inner2 .basic_ul li{
		font-size: 12px;
	}
	.doctorProfileModal_inner2 .basic_ul li img{
		width: 18px;
	}
	.doctorProfileModal_inner2 h4{
		font-size: 12px;
	}
	.doctorProfileModal_inner2 .card .card-body h5{
		font-size: 10px;
	}
	.doctorProfileModal_inner2 .card .card-body h5 span i{
		font-size: 14px;
	}
	.d_skill_card h3{
		font-size: 11px;
	}
	.calendarDiv .col-sm-3{
		width: 100%;
		margin-bottom: 25px;
	}
	.calendarDiv .col-sm-9{
		width: 100%;
	}
	.ui-datepicker .ui-datepicker-title{
		margin-right: 25% !important;
		font-size: 20px !important;
	}
	.calendar_div_dschedule_card .card-body h2{
		font-size: 22px;
	}
	.calendar_div_dschedule_card .card-body h5{
		font-size: 14px;
	}
	.calendar_div_dschedule_card .card-body h5 span i{
		font-size: 18px;
		margin-left: 10px;
	}
	table.ui-datepicker-calendar tbody td{
		padding: 5px !important;
	}
	.ui-state-default{
		padding: 15px !important;
	}
	#main_header.inner_main_header .logout_custom_btn::before{
		min-width: 104%;
		min-height: 130%;
	}
}

@media only screen and (max-width: 750px){
	.category_cards_list .col-sm-3,
	.primary_other_doctor .col-sm-3,
	.category_cards_list_c_patient .col-sm-3,
	.category_cards_list_pf .col-sm-3{
		width: 50%;
	}
}

@media only screen and (max-width: 550px){
	.patient_notes_row{
		flex-direction: column-reverse;
	}
	.patient_notes_row .col-sm-3{
		margin-bottom: 25px;
	}
	.fr-qi-helper{
		white-space: unset !important;
	}
	.fr-qi-helper a.fr-floating-btn.fr-btn{
		margin: 5px !important;
		line-height: 30px !important;
	}
	.main_content{
		position: relative;
	}
	.main_content_inner{
		padding: 50px 0;
		height: 100%;
	}
	.card-group .card{
		margin-bottom: 0;
	}
	.card-group .card:first-child{
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0;
	}
	.card-group .card:last-child{
		border-top-right-radius: 0;
		border-top-left-radius: 0;
	}
	.main_footer .col-sm-6{
		text-align: center !important;
	}
	.main_footer .row{
		flex-direction: column-reverse;
	}
	.main_footer ul{
		justify-content: center;
		margin-bottom: 10px;
	}
	.top_bar .col-sm-6{
		text-align: center !important;
	}
}

/* Mobile */
@media only screen and (max-width: 481px){
	#h_lifestyle.tab-pane .col-sm-4, #h_lifestyle.tab-pane .col-sm-8{
		width: 100%;
	}
	.main_footer .col-sm-6{
		text-align: center !important;
	}
	#main_banner .carousel-caption h4{
		font-size: 30px;
	}
	#main_banner .carousel-caption h5{
		font-size: 14px;
		letter-spacing: 6px;
	}
	#main_banner .carousel-caption p{
		font-size: 14px;
	}
	.top_bar .col-sm-6{
		text-align: center !important;
	}
	.main_footer .row{
		flex-direction: column-reverse;
	}
	.main_footer ul{
		justify-content: center;
		margin-bottom: 10px;
	}
	#main_banner .carousel-caption a{
		font-size: 18px;
	}
	#main_banner .carousel-caption a i{
		font-size: 28px;
	}
	.main_content{
		position: relative;
	}
	.main_content_inner{
		padding: 50px 0;
		height: 100%;
	}
	.card-group .card .card_verify_img{
		width: 100px;
		height: 100px;
	}
	.card-group .card .card-body{
		padding: 35px;
	}
	.theme_btn{
		font-size: 15px;
		padding: 8px 20px;
	}
	.card-group .card{
		margin-bottom: 0;
	}
	.card-group .card:first-child{
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0;
	}
	.card-group .card:last-child{
		border-top-right-radius: 0;
		border-top-left-radius: 0;
	}
	.main_content_inner .col-sm-5{
		width: 100%;
	}
	.main_content_inner .col-sm-4{
		width: 100%;
	}
	.welcome_card .card-body{
		padding: 50px;
	}
	.panel_cards_row .col-sm-3{
		width: 100%;
	}
	.custom_jumbotron2 h2{
		font-size: 25px;
	}
	.breadcrumb-item + .breadcrumb-item{
		padding-left: 10px;
	}
	.breadcrumb-item + .breadcrumb-item::before{
		padding-right: 10px;
	}
	.designation_box_css .col-sm-6{
		margin-bottom: 25px;
	}
	.doctor_cards_list .col-sm-4,
	.category_cards_list .col-sm-3,
	.primary_other_doctor .col-sm-3,
	.category_cards_list_c_patient .col-sm-3,
	.category_cards_list_pf .col-sm-3{
		width: 100%;
	}
	.custom_card2 .col-sm-4{
		border-bottom-left-radius: 0;
		border-top-right-radius: 10px;
	}
	.custom_card2 .col-sm-8{
		border-top-right-radius: 0;
		border-bottom-left-radius: 10px;
	}
	.wb_chat_doctors_container .row .col-sm-3{
		width: 25%;
	}
	.wb_chat_doctors_container .row .col-sm-9{
		width: 75%;
	}
	.wb_chat_doctors_container .row .col-sm-7{
		width: 58.33333333%;
	}
	.wb_chat_doctors_container .row .col-sm-2{
		width: 16.66666667%;
	}
	.doctor_cards_list .col-sm-6{
		width: 50%;
	}
	.doctor_card .card-body::before{
		border-top-width: 95px;
		border-left-width: 450px;
		top: -95px;
	}
	.doctor_card img{
		height: 300px;
	}
	.modal_body_img{
		height: 250px;
		margin-bottom: 20px;
	}
	.doctorProfileModal_inner h1{
		font-size: 28px;
	}
	.doctorProfileModal_inner h6{
		font-size: 16px;
	}
	.doctorProfileModal_inner .submit_btn{
		font-size: 18px;
		margin-top: 20px;
	}
	.doctorProfileModal_inner .text-end{
		text-align: left !important;
	}
	.doctorProfileModal_inner2 .basic_ul li{
		font-size: 14px;
	}
	.doctorProfileModal_inner2 .basic_ul li img{
		width: 20px;
	}
	.doctorProfileModal_inner2 h2{
		font-size: 22px;
	}
	.doctorProfileModal_inner2 h4{
		font-size: 14px;
	}
	.doctorProfileModal_inner2 .col-sm-4{
		margin-bottom: 25px;
	}
	.doctorProfileModal_inner2 .card .card-body h5,
	.calendar_div_dschedule_card .card-body h5{
		font-size: 14px;
	}
	.doctorProfileModal_inner2 .card .card-body h5 span i,
	.calendar_div_dschedule_card .card-body h5 span i{
		font-size: 18px;
	}
	.doctorProfileModal_inner2 .col-sm-5{
		width: 41.66666667%;
	}
	.doctorProfileModal_inner2 .col-sm-7{
		width: 58.33333333%;
	}
	.d_skill_card h3{
		font-size: 15px;
	}
	.d_skill_card{
		margin-bottom: 0;
	}
	.ui-state-default{
		padding: 8px !important;
	}
	.fc-toolbar .fc-toolbar-title{
		margin-top: 15px !important;
	}
	#main_banner .carousel-indicators{
		left: 15px;
	}
	#main_banner .carousel-caption{
		width: 80%;
	}
	.custom_jumbotron h2{
		text-align: center;
		margin-bottom: 10px;
	}
	.custom_jumbotron .breadcrumb{
		justify-content: center;
	}
	.patient_notes_row{
		flex-direction: column-reverse;
	}
	.patient_notes_row .col-sm-3{
		margin-bottom: 25px;
	}
	.fr-qi-helper{
		white-space: unset !important;
	}
	.fr-qi-helper a.fr-floating-btn.fr-btn{
		margin: 5px !important;
		line-height: 30px !important;
	}
}

@media only screen and (max-width: 325px){
	.main_footer ul li{
		margin-right: 15px;
	}
}

/* Tablet Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1280px)
and (orientation: landscape){
	.category_cards_list .col-sm-3,
	.primary_other_doctor .col-sm-3,
	.category_cards_list_c_patient .col-sm-3,
	.category_cards_list_pf .col-sm-3{
		width: 33.33333333%;
	}
	.prescription_heading{
		font-size: 20px;
	}
	ul.allergies_ul2, ul.h_conditions_ul2{
		columns: 1;
	}
	ul.allergies_ul2 li, ul.h_conditions_ul2 li{
		font-size: 16px;
	}
	.main_content_inner .col-sm-7{
		width: 100%;
	}
	.main_content_inner .col-sm-5{
		width: 66.66666667%;
	}
	.main_content_inner .col-sm-4{
		width: 58.33333333%;
	}
	.panel_cards_row .col-sm-3{
		width: 33.33333333%;
	}
	.doctor_card .card-body h6{
		font-size: 16px;
	}
	.doctor_card h5{
		font-size: 28px;
	}
	.doctor_card p{
		font-size: 12px;
		height: 56px;
	}
	.doctor_card .card-body a.doctor_social_accounts{
		font-size: 16px;
		width: 30px;
		height: 30px;
	}
	.doctor_card .card-body a.doctor_card_parent{
		font-size: 14px;
	}
	.doctor_card .card-body{
		padding: 0 20px 20px 20px;
	}
	.doctor_card{
		min-height: 433px;
	}
	.doctor_card img{
		height: 250px;
	}
	.doctor_card .card-body::before{
		border-top-width: 85px;
		border-left-width: 340px;
		top: -85px;
	}
	.doctorProfileModal_inner h1{
		font-size: 28px;
	}
	.doctorProfileModal_inner h6{
		font-size: 16px;
	}
	.doctorProfileModal_inner p{
		font-size: 12px;
	}
	.doctorProfileModal_inner a.doctor_social_accounts{
		font-size: 16px;
		width: 30px;
		height: 30px;
	}
	.doctorProfileModal_inner .submit_btn{
		font-size: 18px;
	}
	.modal_body_img{
		height: 250px;
	}
	.doctorProfileModal_inner2 h2{
		font-size: 22px;
	}
	.doctorProfileModal_inner2 p{
		font-size: 12px;
	}
	.doctorProfileModal_inner2 .basic_ul li{
		font-size: 14px;
	}
	.doctorProfileModal_inner2 .basic_ul li img{
		width: 20px;
	}
	.doctorProfileModal_inner2 h4{
		font-size: 14px;
	}
	.doctorProfileModal_inner2 .card .card-body h5{
		font-size: 14px;
	}
	.doctorProfileModal_inner2 .card .card-body h5 span i{
		font-size: 18px;
	}
	.d_skill_card h3{
		font-size: 13px;
	}
	.ui-datepicker .ui-datepicker-title{
		font-size: 16px !important;
		margin-right: 35% !important;
	}
	table.ui-datepicker-calendar tbody td{
		padding: 3px !important;
	}
	.ui-state-default{
		padding: 0 !important;
	}
	.calendar_div_dschedule_card .card-body h2{
		font-size: 18px;
	}
	.calendar_div_dschedule_card .card-body h5{
		font-size: 10px;
	}
	.calendar_div_dschedule_card .card-body h5 span i{
		font-size: 12px;
		margin-left: 0;
	}
}

/* Mobile Portrait for Special Scenarios */
@media only screen 
and (min-device-height: 800px) 
and (max-device-height: 926px) 
and (orientation: portrait){
 	.main_content_inner{
		padding: 155px 0 65px 0;
		height: 100vh;
	}
}

/* Mobile Landscape */
@media only screen 
and (min-device-width: 360px) 
and (max-device-width: 926px) 
and (orientation: landscape){
	#h_lifestyle.tab-pane .col-sm-4, #h_lifestyle.tab-pane .col-sm-8{
		width: 50%;
	}
	.prescription_modal .col-sm-4, .prescription_modal .col-sm-8, .prescription_modal .col-sm-6{
		width: 100%;
	}
 	.main_content_inner{
		padding: 200px 0 142px 0;
		height: 100%;
	}
	.theme_btn{
		font-size: 15px;
		padding: 8px 20px;
	}
	.top_bar a{
		display: block;
		margin-right: 0;
	}
	.top_bar .row{
		align-items: center;
	}
	.panel_cards_row .col-sm-3{
		width: 50%;
	}
	.doctor_cards_list .col-sm-4{
		width: 50%;
	}
	.doctorProfileModal_inner h1{
		font-size: 26px;
	}
	.doctorProfileModal_inner h6{
		font-size: 14px;
	}
	.doctorProfileModal_inner .submit_btn{
		font-size: 16px;
	}
	.modal_body_img{
		height: 200px;
	}
	.doctorProfileModal_inner2 h2{
		font-size: 20px;
	}
	.doctorProfileModal_inner2 .basic_ul li{
		font-size: 12px;
	}
	.doctorProfileModal_inner2 .basic_ul li img{
		width: 18px;
	}
	.doctorProfileModal_inner2 h4{
		font-size: 12px;
	}
	.doctorProfileModal_inner2 .card .card-body h5{
		font-size: 10px;
	}
	.doctorProfileModal_inner2 .card .card-body h5 span i{
		font-size: 14px;
	}
	.d_skill_card h3{
		font-size: 11px;
	}
	.calendarDiv .col-sm-3{
		width: 100%;
		margin-bottom: 25px;
	}
	.calendarDiv .col-sm-9{
		width: 100%;
	}
	.ui-datepicker .ui-datepicker-title{
		margin-right: 25% !important;
		font-size: 20px !important;
	}
	.calendar_div_dschedule_card .card-body h2{
		font-size: 22px;
	}
	.calendar_div_dschedule_card .card-body h5{
		font-size: 14px;
	}
	.calendar_div_dschedule_card .card-body h5 span i{
		font-size: 18px;
		margin-left: 10px;
	}
	table.ui-datepicker-calendar tbody td{
		padding: 5px !important;
	}
	.ui-state-default{
		padding: 15px !important;
	}
	#main_header.inner_main_header .logout_custom_btn::before{
		min-width: 104%;
		min-height: 130%;
	}
	.category_cards_list .col-sm-3,
	.primary_other_doctor .col-sm-3,
	.category_cards_list_c_patient .col-sm-3{
		width: 50%;
	}
	.custom_card2 h3{
		font-size: 20px;
	}
	.custom_card2 h6{
		font-size: 14px;
	}
	.custom_card2 ul li{
		font-size: 14px;
	}
	.custom_card2 .wb_chat_container h4{
		font-size: 20px;
	}
	.custom_card2 .wb_chat_img,
	.custom_card2 .wb_chat_img2{
    width: 45px;
    height: 45px;
	}
	.side_menu_row .col-sm-3{
		width: 100%;
		margin-bottom: 25px;
	}
	.side_menu_row .col-sm-9{
		width: 100%;
	}
	.wb_chat_doctors_container .row .col-sm-3{
		margin-bottom: 0;
	}
	.doctor_card .card-body h6{
		font-size: 14px;
	}
	.doctor_card h5{
		font-size: 26px;
	}
	.custom_jumbotron2 h2{
		font-size: 30px;
	}
	.breadcrumb-item + .breadcrumb-item{
		padding-left: 15px;
	}
	.breadcrumb-item + .breadcrumb-item::before{
		padding-right: 15px;
	}
	.main_footer .row{
		align-items: center;
	}
	.main_content_inner .col-sm-7{
		width: 100%;
	}
	.main_content_inner .col-sm-5{
		width: 66.66666667%;
	}
	.main_content_inner .col-sm-4{
		width: 58.33333333%;
	}
	.main_footer p,
	.main_footer a{
		font-size: 12px;
	}
	#main_banner .carousel-caption h4{
		font-size: 55px;
	}
	#main_banner .carousel-caption h5{
		font-size: 30px;
		letter-spacing: 10px;
	}
	#main_banner .carousel-caption a{
		font-size: 20px;
	}
	#main_banner .carousel-caption a i{
		font-size: 30px;
	}
	.fr-quick-insert{
		left: 130px !important;
	}
	.fr-qi-helper{
	    white-space: unset !important;
	}
	.fr-qi-helper a.fr-floating-btn.fr-btn{
	    margin: 5px !important;
	    line-height: 30px !important;
	}
	#main_banner .carousel-item, #main_banner .carousel-item img{
		height: 800px;
	}
	.main_footer ul li{
		margin-right: 15px;
	}
}