@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

body {
	background-color: #F4F5F7;
	font-family: "Inter", sans-serif;
	font-size: 16px;
}

h1,
h2,
h3,
h4 {
	font-family: "Inter", sans-serif;
	font-size: 48px;
	color: #020BA6;
	margin: 0;
}
h2 {
	font-size: 18px;
	color: #333333;
}
.titleBlack {
	color: #000;
}
*:focus {
	outline: none;
}

p {
	font-size: 14px;
	color: #555555;
	margin: 0;
}

ul {
	padding: 0px;
	margin: 0px;
}

ul li {
	list-style: none;
}
select, input, textarea{
	color: #999999 !important;
	font-size: 13px !important;
	border: 1px solid #BBBBBB !important;
	padding: 10px !important;
}

.clear-fix {
	line-height: 0;
	clear: both;
}

.noPadding {
	padding: 0 !important;
}

.noRightPadding {
	padding-right: 0 !important;
}

.noLeftPadding {
	padding-left: 0 !important;
}

.botFourMargin {
	margin-bottom: 6%;
}

a {
	color: #020BA6;
}

::ng-deep body a {
	color: #020BA6 !important;
}

.bb p a {
	color: #020BA6 !important;
}

.twoTopPadding {
	padding-top: 2% !important;
}

.topBotPadding,
.tablePnl,
.sixPnl {
	padding: 4% 0%;
}

.sixPnl {
	padding: 6% 0%;
}

.whiteBg {
	background-color: white;
	padding: 0px 3%;
}

.mainWhiteBk {
	background-color: white;
	padding: 3%;
}

.noTopMargin {
	margin-top: 0px;
}

button:focus {
	outline: none;
}

.row {
	margin: 0px !important;
}

/******* Start LeftSide *******/
.logoMain {
	padding: 24px 15px;
}
.leftCollapse .customerLogo {
	display: none;
}
.leftCollapse .collapseLogo {
	display: block;
}
.collapseLogo {
	display: none;
	width: 30px;
}
.customerLogo {
	width: 130px;
}
.menuBtn {
	background-color: transparent;
	padding: 0px;
	border: none;
	margin-top: 7px;
}
.leftCollapse .menuBtn {
	margin-top: 3px;
}
.mainNavPro img {
	border-radius: 25px;
	margin-right: 7px;
	height: 31px;
	width: 31px;
}
.leftMenu {
	padding: 0px;
	width: 20%;
	float: left;
}
.leftCollapse {
	width: 6%;
}
.leftMenu.leftCollapse ul li a {
	background-position: 18px 25px;
}
.leftMenu ul li.activeMe a {
	font-weight: 600;
	color: #020BA6 !important;
}
.leftMenu ul li.activeMe {
	background-color: #F8F7FF;
	border-bottom: 1.5px solid #D5CFFF;
}
.leftMenu ul li {
	border-bottom: 1.5px solid #E4E6E9;
	position: relative;
}
.leftMenu ul li a {
	background-position: 20px 20px;
    background-repeat: no-repeat;
    display: inline-flex;
    padding: 20px 20px;
    padding-left: 55px;
    font-size: 14px;
    background-size: 20px;
	text-decoration: none;
	color: #333333 !important;
}
.leftCollapse ul li a span {
	display: none;
}
.leftCollapse ul li a {
	height: 65px;
	display: block;
}

.leftMenu ul li.dashIcon a {
	background-image: url("images/dashboard-icon.svg");
}
.leftMenu ul li.dashIcon.activeMe a {
	background-image: url("images/dashboard-active.svg");
}
.leftMenu ul li.researchIcon a {
	background-image: url("images/researcher_icon.svg");
}
.leftMenu ul li.researchIcon.activeMe a {
	background-image: url("images/researcher-active.svg");
}
.leftMenu ul li.quesIcon a {
	background-image: url("images/quest_icon.svg");
}
.leftMenu ul li.quesIcon.activeMe a {
	background-image: url("images/quest_icon-active.svg"); 
}
.leftMenu ul li.compIcon a {
	background-image: url("images/companie_icon.svg");
}
.leftMenu ul li.compIcon.activeMe a {
	background-image: url("images/companies-active.svg"); 
}
.leftMenu ul li.contactsIcon a {
	background-image: url("images/contact_icon.svg");
}
.leftMenu ul li.contactsIcon.activeMe a {
	background-image: url("images/contacts-active.svg");
}
.leftMenu ul li.campaignIcon a {
	background-image: url("images/campaign_icon.svg");
}
.leftMenu ul li.campaignIcon.activeMe a {
	background-image: url("images/campaign-active.svg");
}
.leftMenu ul li.emailsIcon a {
	background-image: url("images/emails_icon.svg");
}
.leftMenu ul li.emailsIcon.activeMe a {
	background-image: url("images/emails-active.svg");
}
.leftMenu ul li.listIcon a {
	background-image: url("images/list_icon.svg");
}
.leftMenu ul li.listIcon.activeMe a {
	background-image: url("images/list-active.svg");
}
.leftMenu ul li.importIcon a {
	background-image: url("images/import_icon.svg");
}
.leftMenu ul li.importIcon.activeMe a {
	background-image: url("images/import-active.svg");
}
.leftMenu ul li.logoutIcon a {
	background-image: url("images/logout_icon.svg");
}
.leftMenu ul li.logoutIcon.activeMe a {
	background-image: url("images/logout-active.svg");
}
.leftMenu ul li span.downArrow {
    background-image: url(images/Newarrow_down.svg) !important;
    padding: 16px;
    background-position: center;
    position: absolute;
    right: 23px;
    z-index: 1000;
    cursor: pointer;
    top: 14px;
    background-repeat: no-repeat;
	transition: .4s;
}
.leftMenu ul li.toggled-on span.downArrow {
    transform: rotate(180deg);
	transition: .4s;
}
.toggled-on ul li {
    padding-left: 23px;
}
select.organizationName {
    font-size: 16px;
	font-weight: 600;
    color: #000 !important;
    cursor: pointer;
	border: inherit !important;
	padding: 0 !important;
}
.userInfo {
	vertical-align: middle !important;
}
ul.userInfo li p {
    color: #979797;
    font-size: 15px;
    font-weight: 500;
    padding: 3px 22px 0px 0px;
}
.userInfo img {
    width: 32px;
    height: 32px;
    border-radius: 0px !important;
    border: inherit !important;
}
.userEmail img {
	width: 32px;
    height: 32px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    border: 1px solid #E4E6E9;
}
.userEmail h2 {
    color: #333333;
    font-size: 14px;
    font-weight: 700;
	white-space: nowrap;
    width: 92px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.userEmail span {
	float: left;
	padding-right: 8px;
}
.userEmail p {
	white-space: nowrap;
    width: 93px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.userEmail, .appLogout {
	display: inline-block;
    vertical-align: middle;
    width: 55%;
	padding-left: 18px;
}
.appLogout {
	width: 40%;
    padding-left: 0px;
    text-align: right;
}
.leftMenu {
    height: 100vh;
    position: fixed;
    background: white;
	border-right: 1.5px solid #e4e4e4;
	box-shadow: 3px 0px 10px #00000010;
	transition: .4s;
}
.leftMenu ul li:last-child{
	border: 0;
}

.MenuTabs{
	transition: .4s;
	overflow: auto;
    height: calc(100vh - 156px);
}
.MenuTabs::-webkit-scrollbar{
	visibility: hidden;
	width: 5px;
}
.MenuTabs:hover::-webkit-scrollbar {
    width: 5px;
    max-height: 20px;
	visibility: visible;
}
.MenuTabs:hover::-webkit-scrollbar-track {
    border-radius: 3px;
}
.MenuTabs:hover::-webkit-scrollbar-thumb {
    background: #BBBBBB;
    border-radius: 3px;
}
.logoutIcon {
    background-image: url(images/logout_icon.svg);
    background-position: 2px 9px;
    background-repeat: no-repeat;
    display: inline-flex;
    padding: 6px;
    padding-left: 28px;
    font-size: 13px;
    background-size: 17px;
    text-decoration: none;
    color: #333333 !important;
}
.logotMain {
	padding: 15px 0px 15px;
	border-top: 2px solid #E4E6E9;
	background-color: #f3f3f3;
}
.leftCollapse .userEmail, .leftCollapse .appLogout span{
	display: none;
}
.leftCollapse .appLogout {
    width: 50%;
}
.leftCollapse .logoutIcon {
    background-position:22px 10px;
    padding: 18px 25px;
}
.leftMenu.leftCollapse span.downArrow {
    right: 6px !important;
    display: block !important;
    padding: 10px 10px;
    top: 20px;
}
.toggled-on ul li {
    padding-left: 14px;
}
/******* End LeftSide*******/

/******* Start RightSide*******/
/*.rightPnl {
	margin-bottom: 20px;
	margin-right: 15px;
	transition: .4s;
    float: right;
    width: 76%;
}*/

.rightPnl {
	margin-bottom: 20px;
	margin-right: 15px;
	margin-left: 15px;
	transition: .4s;
	width: 98%;
}

.rightFulPnl {
	width: 90%;
}

/******* Start Right Side Header*******/
.mainHeader h1 {
	font-size: 18px;
	font-weight: 700;
	color: #333333;
	margin-bottom: 10px;
}
.mainHeader {
	background-color: #fff;
	padding:17px 20px;
	margin-bottom: 25px;
}
.headerRight{
	margin-top: 11px;
}
.headerSearchIcon {
	position: relative;
	display: inline-flex;
	align-items: center;
}
.bb p a.home img{
	margin-top: -3px;
}
ul.userInfo, ul.headerRight, ul.userNotification li, ul.userInfo li{
	display: inline-block;
	vertical-align: top;
}
ul.userInfo li p {
	font-size: 13px;
}
.userInfo h2 {
	color: #333333;
	font-size: 14px;
	font-weight: 700;
}
.userInfo img {
	width: 32px;
	height: 32px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	border: 1px solid #E4E6E9;
}
ul.userNotification li img{
 cursor: pointer;
}
ul.userNotification li.notifyMe{
	position: relative;
}
ul.userNotification li.notifyMe span{
	position:absolute;
	top: 0px;
	right: -2px;
	background-color: #C9030F;
	font-size: 9px;
	color: white;
	padding: 1px 5px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
}
ul.userInfo li{
	line-height: 1;
}
/******* End RightSide*******/








/******* Start Clario Section Content*******/
.allContact{
	padding: 35px 15px;
	background-color: #fff;
	border-radius: 8px 8px 0px 0px;
}
.allContact h2 {
	font-weight: 700;
	padding-top: 11px;
	padding-left: 3px;
}


.medicalHeadSection{
	border: 1px solid #DDDDDD;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-bottom: 15px;
	padding:20px;
}
.medicalHeadSection h1{
	font-weight: 700;
	font-size:20px;
	margin: 0px;
	color: #14967F;
}
.medicalHeadSection h1, .medicalHeadSection img{
	display: inline-block;
	vertical-align: middle;
}
.medicalHeadSection img{
	padding-right: 10px;
}
.medicalYallowSection{
	background-color: #FFF8E8;
	border: 1px solid #FEDC68;
	overflow: hidden;
	padding: 0px;
}
.innerMedicalSection{
	padding: 25px 20px;
    overflow: hidden;
    border-bottom: 1px solid #FEDC68;
}
.innerMedicalSection img{
	float: left;
}
.innerTextRight {
	float: right;
	width: 96%;
}
.innerTextRight p{
	font-size: 16px;
	color: #333333;
}
.medicalCntSection{
	background-color:#FBE8BE;
	overflow: hidden;
}
.medicalCntSection input{
	background-color: transparent;
	border: none !important;
	width: 88%;
	float: left;
	padding-left: 15px !important;
	color: #333333 !important;
}
.medicalCntBtn{
	float: right;
}

.medicalCntBtn ul li{
	display: inline-block;
	vertical-align: middle;
	border-left: 1px solid #FEDC68;
	margin: 7px 0px;
	padding: 0px 10px;
}
.medicalCntBtn ul li button img{
	padding-right: 0px;
}
.medicalCntBtn ul li:first-child{
	border-left:none;
	padding-left: 0px;
}
.medicalCntBtn ul li button{
	background-color: transparent;
	border: none;
	padding: 0px;
}
.medicalCntBtn ul li.spinnerLoading{
	width: 40px;
}
.medicalCntBtn ul li.spinnerLoading img{
	width:100%;
}
.medicalReplySection .innerMedicalSection{
	padding: 19px 0px;
    border-bottom:none;
}
.rating {
	display: flex;
	align-items: center;
	font-size: 14px;
	gap: 5px;
}
.star {
	color:#F7C13B;
}
.empty-star {
	color: white; 
	-webkit-text-stroke: 1px gold; /* Outline effect */
	font-size: 12px;
}
.rating-text {
	margin-left: 8px;
	font-size: 14px;
	color: #555;
}
.medicalReplySection .innerTextRight{
    float: left;
    width: 93%;
}
.medicalReplySection .innerTextRight p{
    margin-bottom: 15px;
}
.medicalReplySection .innerTextRight p:last-child{
    margin-bottom: 0px;
}
.copyTextIcon {
	background-color: transparent;
	border: none;
	float: right;
	margin-right: 5px;
}
.medicalReplySection{
	overflow: hidden;
	margin-bottom: 20px !important;
}
.queriesSectionCmt .copyTextIcon{
	margin-right:0px;
	padding-right: 0px;
}
.queriesSectionCmt{
	/*border-bottom: 1px solid #DDDDDD;*/
    padding-bottom: 17px;
    /*margin-bottom: 17px;*/
    overflow: hidden;
    display: block;
    clear: both;
}
.queriesSectionCmt:last-child{
	border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.queriesSection h1{
	margin: 20px 0px;
	font-weight: 700;
	font-size: 16px;
	color: #333333;
	display: block;
}
.queriesSectionCmt span{
	float: left;
	width: 96%;
}
.queriesSectionCmt span.fontBold{
	font-weight: 700;
	width: 2%;
    margin-right: 10px;
}
.queriesSectionCmt p{
	padding-right: 37px;
	font-size: 16px;
	color: #333333;
}
.replyTextIcon{
	background-color: transparent;
	border: none;
	font-size: 14px;
	color: #095D7E;
	margin: 12px 0px;
}
.replyTextIcon img{
	padding-right: 6px;
	width: 20px;
}
.innerQueriesCmt{
	border: 1px solid #DDDDDD;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	overflow: hidden;
}
.innerQueriesCmt textarea{
	width: 100%;
    min-height: 100px;
    border: none !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	color: #333333 !important;
	padding-top: 14px !important;
}
.innerQueriesCmt .medicalCntBtn{
	border-top: 1px solid #DDDDDD;
	overflow: hidden;
    background-color: #F8F8F8;
    float: none;
    width: 100%;
    display: block;
    padding: 3px;
}
.innerQueriesCmt .medicalCntBtn button{
	float: right;
}
.innerQueriesCmt .medicalCntBtn button img{
    border-right: 1px solid #DDDDDD;
}
.innerQueriesCmt .medicalCntBtn button:nth-child(1) img{
    border-right: none;
	border-left: none;
}
.innerQueriesCmt .medicalCntBtn button:nth-child(2) img{
	border-left: none;
}
.primarySection h1{
	color: #333333;
}
ul.rightHeadingList{
	float: right;
}
ul.rightHeadingList li{
	border-left: 1px solid #DDDDDD;
	display: inline-block;
	vertical-align: middle;
	font-size: 13px;
	color: #777777;
	padding: 0px 10px;
}
ul.rightHeadingList li button{
	background-color: transparent;
	border: none;
	padding: 0px;
}
ul.rightHeadingList li:first-child{
	border-left: none;
	font-weight: 700;	
}
ul.rightHeadingList li:last-child{
	padding-right: 0px;
}
.primarySection .queriesSectionCmt{
	border-bottom:none;
}
.praimaryInner{
	margin:22px 0px;
}
.praimaryInner h2{
	font-weight: 700;
	font-size: 40px;
	color: #14967F;
	padding: 0px !important;
}
.praimaryInner h2 span{
	font-weight: 400;
	font-size: 16px;
	color: #333333;
}
.praimaryInner h2, .praimaryInner h2 span{
	display: inline-block;
	vertical-align: middle;
}
.praimaryInner span.circleIcon{
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;	
	border: 1px solid #333333;
    padding: 2px 8px;
    font-size: 12px;
    vertical-align: top;
}
.primarySection .queriesSectionCmt span{
	float: none;
	width: 100%;
}
p.noListPaddingTop{
	padding-top: 15px;
}
.procedureListInner ul li{
	padding-bottom: 15px;
	font-size: 16px;
	color: #333333;
}
.procedureListInner ul li:last-child{
	padding-bottom:0px;
}
.procedureListInner ul li span{
	width: 180px;
    display: inline-block;
	font-weight: 700;
}

	.procedureListInner ul li span.reason {
		width: 137px;
	}

	.procedureListInner ul li span.reasonDetail,
	.procedureListInner ul li span.reason {
		display: inline-block;
		vertical-align: top;
		/*		width: 80%;
		font-weight: 400;*/
	}

	.procedureListInner ul li span.reasonDetail {
		width: 80%;
		font-weight: 400;
	}

/******* Start Last Button Content*******/
.medicalReplySection{
	-webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
	margin-bottom: 0px;
}
.innerQueryBtn{
	border-top:none;
}
.innerQueryBtn .medicalCntBtn{
	text-align: right;
	float: right;	
}
.innerQueryBtn .medicalCntBtn ul li{
	border-left: none;
}
.innerQueryBtn{
	-webkit-border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
}
.innerQueryBtn .medicalCntBtn button{
	filter: invert(100%) sepia(100%) saturate(2%) hue-rotate(178deg) brightness(60%) contrast(101%);
	font-size: 15px;
}
.innerQueryBtn .medicalCntBtn button img{
	padding-left: 6px;
}

/******* End Last Button Content*******/
.loaderBkg .spinnerLoading {
	text-align: center;
}


.medicalYallowSection {
	position: relative;
}
.divInnerLoader {
	position: absolute;
	top: 0%;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: rgb(49 43 43 / 50%);
	z-index: 2;
	bottom: 0;
}
.divInnerLoader .spinnerLoading {
	text-align: center;
	margin: 0;
	margin-bottom: 0;
	position: absolute;
	left: 0;
	right: 0;
	top: 25px;
}
.formRadioBtn .form-check {
	display: inline-block;
}
.formRadioBtn .form-switch .form-check-input {
	width: 3em;
	cursor: pointer;
}
.formRadioBtn .form-check-input:checked {
	background-color: #14967F !important;
	border-color: #14967F !important;
}
.formRadioBtn .form-check-input:focus {
	outline: none !important;
	box-shadow: none !important;
}
.loaderBkgWhite {
	background-color: #fff;
}
.medicalHeadSection .spinnerLoading img,
.divInnerLoader .spinnerLoading img {
	width: 230px;
	display: block;
	margin: 0 auto;
}
.loaderImgSize .spinnerLoading img {
	width: 122px;
}
.formRadioBtn {
	float: left;
	padding-top: 8px;
	padding-left: 14px;
}
.formRadioBtn label {
	font-size: 14px;
	color: #555555;
	padding-left: 5px;
}
.paddingMedicalreply{
	padding: 0 !important;
	padding-top: 20px !important;
}
.paddingMedicalreply .rating,
.paddingMedicalreply .innerMedicalSection,
.paddingMedicalreply .queriesSection,
.paddingMedicalreply .queriesSectionCmt {
	padding-left: 20px;
	padding-right: 20px;
}
.paddingMedicalreply .borderNoneBtn {
	margin-top: 10px;
}
.paddingMedicalreply .borderNoneBtn {
	border-left: none;
	border-right: none;
	border-bottom: none;
}