@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	outline: none;
	font-family: 'MYRIADPROREGULAR', sans-serif;
}
a:hover, a:focus {
	/*color: #fff;*/
	text-decoration: none;
}
ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}
img {
	max-width: 100%;
	border: none;
}
a {
	text-decoration: none;
}
body {
	margin: 0;
	padding: 0;
	font-family: 'MYRIADPROREGULAR', sans-serif !important;
	

}
.table td {
    padding: 3px;

   }
   .table th {
   	padding: 4px;
   }
/*#frame .dropdown-menu a {
	font-family: 'MYRIADPROREGULAR', sans-serif;
	padding: 0 18px;
	line-height: 34px;
	font-size: 13px;
}*/
.profile_cnt {
	font-family: 'MYRIADPROREGULAR', sans-serif;
}
.meta p {
	color: #555;
}
.option1 span {
	width: 100%;
	float: left;
	height: 5px;
	background: #999;
	margin: 1px 0;
	border-radius: 50px;
}
.option1 {
	position: absolute;
	top: 17px;
	right: 0;
	width: 5px;
	cursor: pointer;
}
/*#frame .dropdown-menu {
	left: auto !important;
	right: 238px !important;
}*/
.profile_side {
	position: fixed;
	left: -340px;
	width: 340px;
	z-index: 99;
	top: 0;
	height: 100%;
	overflow: auto;
	background: #fff;
	transition: all cubic-bezier(.68,-0.55,.27,1.55) 0.5s;
}
.top_profile {
	background: #1883b1;
	padding: 27px 10px;
	font-family: 'MYRIADPROREGULAR', sans-serif;;
	font-size: 18px;
}
.top_profile a {
	color: #fff;
	font-size: 21px;
}
.profile_cnt {
	padding: 16px 20px;
}
.profile_cnt label {
	color: #333;
	margin: 0 0 7px;
	font-size: 12px;
}
.profile_cnt input {
	border: none;
	padding: 0;
	font-size: 16px;
	color: #000;
	border-bottom: 1px solid #ddd;
	border-radius: 0;
	background: no-repeat !important;
}
.profile_pic a img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.profile_pic {
	width: 100%;
	float: left;
	z-index: 999;
	position: relative;
	text-align: center;
	background: #eee;
	margin: 0 0 26px;
}

.profile_pic a {
	width: 110px;
	overflow: hidden;
	display: inline-block;
	margin: 20px 0 30px;
	border-radius: 110px;
	height: 110px;
}

.profile_side.show_profile {
	left: 0;
}
.profile_side .btn.btn-primary {
	background: #1883b1;
}
#Settings ul {
	width: 100%;
	margin: 0;
}
#Settings ul li {
	font-family: 'MYRIADPROREGULAR', sans-serif;;
}
#Settings ul li a {
	width: 100%;
	display: block;
	margin: 0 0;
	padding: 32px 14px;
	color: #666;
	border-bottom: 1px solid #ddd;
}
.dropdown-item.active, .dropdown-item:active {
	color: #333;
	text-decoration: none;
	background-color: #eee;
}
.modal_form form {
	padding: 15px 14%;
}
.modal_form .modal-title {
	font-size: 21px;
	font-weight: 600;
}
.modal_form form {
	padding: 15px 14%;
}
.modal_form label {
	font-size: 14px;
	font-weight: 400;
	display: block;
	margin: 0 0 8px;
}
.btn.btn-primary.btns {
	width: 100%;
	background:#1883b1 !important;
	border: none;
}
.about_us_content {
	padding: 20px 20px;
	font-size: 14px;
	line-height: 23px;
}
.about_us_content p {
	margin: 0 0 15px;
}
.modal_form .close {
	background:#1883b1 !important;
	color: #fff;
	padding: 0;
	height: 37px;
	width: 37px;
	border-radius: 0 0 0 19px;
	opacity: 1;
}
.message-input a {
	font-size: 24px;
	display: inline-block;
	position: absolute;
	left: 16px;
	top: 12px;
}
.sign_in {
	width: 367px;

	padding: 20px 20px;
	box-shadow: 0 0 9px #ccc;
	border-radius: 10px;
	margin: auto;

	z-index: 9999999;
	background: #fff;
}
.already a {
	display: inline-block;
	margin: 0 0 0 5px;
	color: #007bff !important;
	text-decoration: underline;
}
.already {
	text-align: center;
	font-size: 12px;
	margin: 0;
}
.sign_in form .form-group > strong {
	font-size: 20px;
	margin: 15px 0 0 0;
	display: block;
}
#frame #sidepanel #contacts {
	height: calc(100% - 120px);

}
.login_main {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	min-height: 24em;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	height: 100%;
	width: 100%;
	padding: 30px 0;
}
.login_main.Sign_up1 {

	position: inherit;

}
.login_main.Sign_up1 .form-group.form-check a {
	color: #007bff !important;
	font-size: 14px;
}
.sign_in  label {
	font-size: 14px;
	margin: 0;
}
.messages{
	background:url(/images/cht_bg.png) no-repeat top left / cover;
}
.user_profile {
	color: #333 !important;
}
.profile_side.rite_group {
	left: auto;
	right: 0;
}
.group_member {
	float: left;
	width: 100%;
}
.group_member ul {
	float: left;
	width: 100%;
	color: #888;
}
.group_member ul li {
	float: left;
	width: 100%;
	padding: 21px 30px;
	border-bottom: 1px solid #ddd;
}
.group_member ul li:first-child {
	padding-top: 0;
}
.rite_group .profile_pic strong {
	display: block;
	color: #222;
	margin: -16px 0 27px;
}
.group_member > h3 {
	color: #fff;
	padding: 15px 28px 15px;
	background: #333;
	margin: -25px 0 22px;
}
#group {
	right: -340px;
}
#group.show_profile {
	right: 0;
}
.group_member ul li img {
	width: 40px;
	display: inline-block;
	margin: -14px 7px -15px 0;
	border-radius: 50px;
	height: 40px;
}
#frame #sidepanel #contacts ul li.contact .wrap .meta a {
	background: #1883b1;
	color: #fff;
	padding: 3px 20px 5px;
	border-radius: 5px;
	font-size: 11px;
	margin: 5px 0 0;
	display: inline-block;
}
#expand a {
	color: #fff;
	font-size: 25px;
	text-align: center;
	display: none;
	padding: 8px 0 5px;
	width: 26px;
}
#expand {
	width: 100%;
	background: #333;
	padding: 0 11px;
	text-align: right;
}
#sidepanel.expnd {
	width: 320px !important;
	min-width: 100%;
}
.expand1.expnd {
	display: none !important;
}
.dropdown.mobile_option .option1 {
	display: none;
	top: 23px;
}
input::placeholder {
	color: #777 !important;
}

.edit-icon {
	position: absolute;
	top: 6px;
	right: -15px;
}

.custom-checkbox .checkbox { margin: 2px !important }
#msg_history .badge-info {
	/*margin-left: 30px;*/
	/*margin-right: 44px;*/

}


.menu-icon {
        display: none;
    }
/*.replies div {
	overflow: hidden;
}*/


.appointment-model-xl {
	max-width: 90% !important;
}

 @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: landscape)  {
 	    	nav.side-navbar {
    height: calc(112vh - 77px);
    overflow-y: auto;
}
 }

    /* Portrait*/
    @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: portrait)  {
    	nav.side-navbar {
    height: calc(112vh - 77px);
    overflow-y: auto;
}
    }


@media screen and (max-width: 1280px) {

#frame #sidepanel,
#frame .content {
    width: 100%;
        max-width: none;
}
.toggled #frame #sidepanel {
	height:  40%;
}

.toggled #frame .content  {
	height:  60%;
}
	#sidepanel {
		display: none;
	}
/*
#sidepanelCom {
	display: none;
}*/
.toggled #sidepanelCom {
	display: block;
}
.toggled #sidepanel {
    display: block
}

/* .toggled .message-input {
	display: none;
} */

.menu-icon {
        display: block;
    position: absolute;
    top: 10px;
    left: 45%;
    font-size: 35px;
    z-index: 999;
    background: #fff;
    border-radius: 5px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    box-shadow: 0 2px 5px rgb(0 0 0 / 42%);
}
.menu-icon a {
    padding-left: 6px;
    color: #007bff;
}


.toggled .fa-angle-down:before {
    content: "\f106";
}

}

@media (max-width:735px)
{
	#frame #sidepanel  #profile .wrap {
		height: 55px;
		margin: 6px 0 -10px 10px;
	}
	.option1 {
		position: absolute;
		top: 8px;
		right: 10px;
		width: 5px;
		cursor: pointer;
		display: none;
	}
	#frame .dropdown-menu {
		left: 0 !important;
		right: auto !important;
	}
	.dropdown.mobile_option .option1 {
		display: block;
		top: 23px;
	}
	#frame #sidepanel.expnd #profile .wrap p {
		display: block;
		color: #fff;
		margin: -10px 0 0 10px;
	}
	#expand a.expand1 {
		display: inline-block;
	}
	#frame #sidepanel {
		width: 58px;
		min-width: 58px;
		position: absolute;
		z-index: 9999;
	}
	.d_expand.expnd {
		display: inline-block !important;
	}
	#frame #sidepanel.expnd #contacts ul li.contact {
		padding: 6px 0 8px 8px;
		overflow: hidden;
		height: auto;
	}
	#frame #sidepanel #contacts ul li.contact {

		height: 47px;
	}
	#frame #sidepanel #profile {
		width: 100%;
		margin: 0 auto;
		padding: 5px 0 0 0;
		background: #32465a;
		height: 58px;
		overflow: hidden;
	}
	#frame #sidepanel #contacts ul li.contact .wrap img {
		margin-right: 10px;
	}
	#frame #sidepanel #contacts ul li.contact .wrap .meta .preview {

		overflow: visible;

	}
	#cnt.expnd::after {
		position: absolute;
		transition: background-color 0.5s ease;
		background-color: rgba(0,0,0,0.5);
		content: "";
		height: 100%;
		width: 100%;
		left: 0;
		top: 0;
	}
	.expnd #search {
		display: block !important;
	}
	#frame .content .message-input {
		position: fixed;
		bottom: 0;
		width: 100%;
		z-index: 99;
		background: #f5f5f5;
		padding: 7px 14px 0 53px;
		left: 0;
		z-index: 999999;
	}
	#frame #sidepanel #contacts ul li.contact .wrap .meta .preview {
		overflow: visible;
		white-space: normal;
	}

}
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before{
	top:unset!important;
}

@media screen and (max-width : 520px) {
    .appointment-model-xl {
        max-width: 98% !important;
    }
}



/*13-12-2023 Css Here*/
.styled-checkbox + label:before {
	border-radius:5px;
}

.styled-checkbox:checked + div.language_InputBox {
	display:block !important;
}

.edit-icon i {
	font-size:18px;
}


@media screen and (max-width:1280px) {
	#sidepanel {
		width:40% !important;
		display:inline-block;
	}
	
	#cnt {
		width:60% !important;
	}
}
@media only screen and (max-width: 1024px){
	.menu-icon {
    display: none;
}
}
@media only screen and (max-width: 767px) {
	button.show-more-patient {
    bottom: 71%;
}
.edit-icon {
    position: absolute;
    top: 6px;
    right: 0;
}
#frame .content .message-input {
    padding: 7px 14px 0 15px!important;
}
#frame #sidepanel {
    height: 40%;
}
#frame .content {
    width: 100%!important;
    margin-top: 1rem;
}
button.btn.btn-sm.btn-success.pull-right.show-appointment {
    float: left;
    padding: 5px 15px;
    margin-top: 15px;
}
}


button.btn.btn-sm.btn-success.pull-right.show-appointment {
    float: left;
    padding: 5px 15px;
    margin-top: 15px;
}

.responsiableInnerCard h4 {
    font-weight: 600;
}