:root {
	--brand-color: #e00b00;
	--brand-light-color: #fff;
	--brand-hover-color: #fff;
	--brand-tertiary-color: #dcf8c6;
	--footer-color: #feeae9;
	--white-color: #fff;
	--black-color: #111;
	--show-on-mobile: none;
	--show-on-other: block
}
* {
	box-sizing: border-box
}
a {
	cursor: pointer
}
.widget_container {
	color: var(--black-color);
}
.ac-image.ac-selectable {
	cursor: pointer
}
a.ac-anchor {
	text-decoration: none
}
a.ac-anchor:link {
	color: #005a9e
}
a.ac-anchor:visited {
	color: #005a9e
}
a.ac-anchor:link:active {
	color: #004d84
}
a.ac-anchor:visited:active {
	color: #004d84
}
.ac-columnSet.ac-selectable,
.ac-container.ac-selectable {
	padding: 0
}
.ac-columnSet.ac-selectable:hover,
.ac-container.ac-selectable:hover {
	background-color: rgba(0, 0, 0, .1)!important
}
.ac-columnSet.ac-selectable:active,
.ac-container.ac-selectable:active {
	background-color: rgba(0, 0, 0, .15)!important
}
#__npfdivChatMain #__npfchatWindow .ac-pushButton {
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	font-weight: 400;
	padding: 0 6px 0 4px;
	height: auto;
	background-color: var(--brand-color);
	color: #fff;
	overflow: visible!important;
	width: 100%;
	text-overflow: unset!important;
	padding: 6px 15px
}
#__npfdivChatMain #__npfchatWindow .button-set .ac-pushButton {
	padding: 10px 15px;
	margin-top: 15px
}
#__npfdivChatMain #__npfchatWindow .ac-pushButton+div {
	width: 0!important
}
#__npfmessageWindow .ac-container>.ac-container {
	width: 100%!important
}
#__npfmessageWindow .ac-container>div>div>div {
	flex-wrap: wrap;
	justify-content: center!important
}
#__npfdivChatMain #__npfchatWindow .ac-pushButton:hover,
#__npfdivChatMain #__npfchatWindow .ac-pushButton:hover div {
	background-color: #fff!important;
	color: var(--brand-color)!important
}
#__npfdivChatMain #__npfchatWindow .ac-pushButton:active,
#__npfdivChatMain #__npfchatWindow .ac-pushButton:active div,
#__npfdivChatMain #__npfchatWindow .ac-pushButton:active:hover,
#__npfdivChatMain #__npfchatWindow .ac-pushButton:active:hover div {
	background-color: #fff!important;
	color: var(--brand-color)!important
}
#__npfdivChatMain #__npfchatWindow .ac-pushButton {
	border: 2px solid var(--brand-color);
	border-radius: 20px;
	line-height: 20px;
	display: flex;
	flex: 0 1 auto;
	justify-content: center;
	align-items: center;
	margin: 8px 0;
	text-decoration: none
}
.ac-pushButton:focus{outline:none;}
.owl-dots{display:none!important;}
#__npfdivChatMain #__npfchatWindow .ac-pushButton[disabled="disabled"],
#__npfdivChatMain #__npfchatWindow .ac-pushButton[disabled=""] {
	opacity: .6;
	cursor: not-allowed
}
.widget_container button,
.widget_container input,
.widget_container select {
	 
}
#__npfdivChatMain #__npfchatWindow .ac-pushButton + br {
	display: none
}
#__npfdivChatMain #__npfchatWindow .button-container .ac-pushButton {
	margin: 0
}
#__npfdivChatMain #__npfchatWindow .ac-input {
	font-size: 14px;
	color: #000
}
#__npfdivChatMain #__npfchatWindow .ac-input::-webkit-input-placeholder {
	font-size: 12px;
	color: rgba(0, 0, 0, .3)
}
#__npfdivChatMain #__npfchatWindow .ac-input::-moz-placeholder {
	font-size: 12px;
	color: rgba(0, 0, 0, .3)
}
#__npfdivChatMain #__npfchatWindow #_npfmessage-input #npfMsg-in::-webkit-input-placeholder {
	font-size: 12px;
	color: rgba(0, 0, 0, .3)
}
#__npfdivChatMain #__npfchatWindow .ac-input:-ms-input-placeholder {
	font-size: 12px;
	color: rgba(0, 0, 0, .3)
}
#__npfdivChatMain #__npfchatWindow .ac-input:-moz-placeholder {
	font-size: 12px;
	color: rgba(0, 0, 0, .3)
}
#__npfdivChatMain #__npfchatWindow .ac-input.ac-textInput {
	resize: none
}
#__npfdivChatMain #__npfchatWindow .ac-input.ac-textInput.ac-multiline {
	height: 72px
}
#__npfdivChatMain #__npfchatWindow .ac-input.ac-textInput,
.ac-input.ac-dateInput,
.ac-input.ac-numberInput,
.ac-input.ac-timeInput {
	height: 31px
}
#__npfdivChatMain #__npfchatWindow .ac-input.ac-textInput,
.ac-input.ac-dateInput,
.ac-input.ac-multichoiceInput,
.ac-input.ac-numberInput,
.ac-input.ac-timeInput {
	border: 1px solid #ddd;
	padding: 4px 8px
}
body {
	background-color: transparent
}
#__npfdivChatMain #__npfchatWindow .ac-container {
	outline: 0;
	justify-content: center;
	padding: 4px 10px!important
}
#__npfdivChatMain #__npfchatWindow .ac-container>div {
	white-space: normal!important
}
.ac-columnSet>.ac-container {
	padding: 0!important
}
div[class^="__npfchatmsg_"] {
	margin: 5px 5px 15px;
	display: flex
}
.__npfchatmsg_right {
	align-items: end;
	justify-content: flex-end;
	margin-right:15px!important
}
.__npfchatmsg_right .bgIcon {
	background-image: url(/static/backend/img/chatbots/user_1.png);
	order: 3;
	margin: 2px 0 0 10px;
	width: 30px;
	height: 30px;
	border: 1px solid var(--brand-color);
	border-radius: 50%;
	background-color: var(--brand-color);
	background-position: center;
	background-size: 25px;
	display: none
}
#__npfdivChatMain #__npfchatWindow .__npfchatmsg_right .ac-container {
	width: auto;
	min-height: 20px
}
#__npfdivChatMain .chatBody .message-in .messageText,
#__npfdivChatMain .chatBody .message-out .messageText,
.ac-container,
.ac-container div,
.ac-container p {
	line-height: 21px!important;
	padding: 0;
	margin: 0;
}
.ac-pushButton {
	line-height: 1.4!important;
}
.ac-container .buttonCard > p {
	margin-bottom: 10px;
	margin-bottom: 10px
}
#__npfdivChatMain #__npfchatWindow {
	z-index: 214483647;
	background-color: transparent;
	width: 350px;
	height: 600px;
	position: fixed;
	bottom: 0;
	right: 0;
	display: none;
	margin-right: 10px
}
.rightContent {
	margin-bottom: 10px;
	display: table-cell;
	vertical-align: middle
}
.rightContent>.img-wrapper img {
	width: 36px;
	padding-top: 15px
}
.rightContent>.img-wrapper {
	float: left;
	width: 60%;
	margin-top: -5px
}
.rightContent>.img-wrapper>.botIconWhite {
	width: 35px;
	height: 35px;
	background-image: url(/static/backend/img/niaa.png);
	background-color: #fff;
	border-radius: 50%;
	padding: 2px;
	background-size: 35px;
	background-position:center center;
	background-size:cover;
	
}
.rightContent>.userDetails {
	float: left;
	margin-top: -50px;
	margin-left: 45px
}
.rightContent>.userDetails h4 {
	margin: 20px 18px 0 0;
	color: #fff;
	font-size:16px;
	font-weight:bold;
}
.rightContent>.userDetails p {
	margin-top: 0;
}
#__npfdivChatMain .chatHeader {
	background-color: var(--brand-color);
	max-height:50px;
	color: #fff;
	padding: 15px 10px;
	border-radius: 10px 10px 0 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-sizing: border-box;
	display: inline-flex;
	width: inherit;
	justify-content: space-between;
	flex: 1
}
#__npfdivChatMain .chatHeader .headerText {
	float: left
}
#__npfdivChatMain .chatHeader .headerText h4 {
	margin: 0;
	padding: 0
}
#__npfdivChatMain .chatHeader .headerClose {
	text-align: right;
	padding-right: 5px;
	cursor: pointer;
	display: inline-flex;
	position: absolute;
	right: 0;
	top: 20px
}
#__npfdivChatMain .chatBody {
	overflow-y: auto;
	overflow-x: hidden;
	flex: 6;
	padding-bottom: 20px;
}
#__npfdivChatMain .chatBody #messages {
	padding: 5px;
	min-height: 96%;
	min-height: calc(100% - 20px)
}
#__npfdivChatMain .chatBody::-webkit-scrollbar {
	width: 6px
}
.ac-adaptiveCard .ac-textBlock .name {
	display: none
}
#__npfdivChatMain .chatBody::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, .2);
	border-radius: 50px
}
#__npfdivChatMain #__npfchatWindow .ac-container,
#__npfdivChatMain .chatBody .message-in .messageText {
	width: 100%;
	/*min-height:40px;*/
	position: relative;
	text-align: left;
	border-radius: 10px
}
#__npfdivChatMain #npfChatContainer .npfChat_loader .ac-container {
	padding: 0 0 0 10px !important
}
#__npfdivChatMain .chatFooter,
.chatCopyright {
	background-color: #fff;
	position: relative;
	width: 100%;
	bottom: 0
}
#__npfdivChatMain .chatCopyright {
	height: 20px
}
#__npfdivChatMain .chatCopyright div {
	text-align: right;
	font-size: 10px;
	padding-right: 5px
}
#__npfdivChatMain .chatCopyright a {
	color: #f17e33
}
.ac-actionSet {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap
}
@media only scrnpfn and (max-width: 600px) {
	#__npfdivChatMain #chatWindow {
		width: 100%;
		height: 100%
	}
}
#__npfdivChatMain #__npfendOfChat {
	background-color: #fff;
	height: -webkit-calc(100% - 90px);
	height: -moz-calc(100% - 90px);
	height: calc(100% - 90px);
	overflow-y: auto;
	overflow-x: hidden;
	padding: 5px
}
#__npfdivChatMain #__npfchatWindow {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
	background-color: #fff;
	border-radius: 10px 10px 0 0;
	flex-direction: column
}
.__npfchatmsg_input_ug_lead .ac-textBlock {
	margin-top: 15px
}
.ac-textBlock {
	overflow: hidden;
	text-align: left;
	line-height: 22.61px;
	white-space: nowrap;
	text-overflow: ellipsis;
	box-sizing: border-box;
	flex: 0 0 auto
}
.bgIcon {
	background-size: contain;
	background-repeat: no-repeat
}
.botIcon {
	float: left;
	margin-right: 10px;
	margin-left: 0;
	width: 30px;
	height: 30px;
	background-image: url(/static/backend/img/niaa.png);
	border: 1px solid var(--brand-light-color);
	border-radius: 50%;
	background-color: #fff;
	background-size: 35px;
	background-position: center;
	background-size:cover;
}
.closeIcon {
	width: 20px;
	height: 20px;
	background-image: url(/img/chatbot/close.png);
	display: block
}
.messageWidth {
	width: 74%!important
}
.messageWidth.errorMsg,
.messageWidth.idleMsg {
	display: flex!important;
	align-items: center;
	width: 80%!important
}
#__npfdivChatMain #npfChatContainer .npfChat_loader .ac-container #circleWrapper {
	width: 50px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	display: flex
}
@media scrnpfn and (max-width: 600px) {
	#__npfdivChatMain #chatWindow {
		width: 100%;
		height: 100%
	}
}
@media screen and (max-width:1100px) {
	#__npfdivChatMain {
		position: fixed;
		bottom: 0;
		right: 0;
		z-index: 111111
	}
	#__npfdivChatMain #__npfchatWindow {
		width: 100vw;
		height: 100vh;
		margin-right: 0
	}
	#__npfdivChatMain .chatHeader {
		border-radius: 0
	}
}
#__npfdivChatMain #npfChatContainer ._npfmessage-in {
	bottom: 0;
	width: 97%;
	z-index: 99;
	position: relative;
	max-height: 45px;
	flex: 1;
	margin: 5px
}
#__npfdivChatMain #npfChatContainer ._npfmessage-in .wrap {
	position: relative;
	-moz-box-shadow: 0 -2px 10px silver;
	-webkit-box-shadow: 0 -2px 10px silver;
	box-shadow: 0 -3px 9px silver, 0 0 0 transparent;
	border-radius: 28px;
	background: #fff
}
#__npfdivChatMain #npfChatContainer ._npfmessage-in .wrap input {
	float: left;
	width: calc(100% - 50px);
	padding: 11px 32px 10px 8px;
	font-size: .8em;
	color: #32465a
}
#__npfdivChatMain #npfChatContainer ._npfmessage-in .wrap input:focus {
	outline: 0
}
#__npfdivChatMain #npfChatContainer ._npfmessage-in .wrap button {
	float: right;
	width: 40px;
	height: 40px;
	padding: 12px 0;
	cursor: pointer;
	background: 0 0;
	color: #f5f5f5;
	border-radius: 50%
}
.ac-actionSet {
	margin: 5px 0!important
}
.ac-actionSet button:not(:first-child) {
	margin-top: .5rem
}
#__npfdivChatMain #__npfchatWindow .ac-container .ac-container {
	background-color: transparent!important;
	border: 1px solid transparent!important;
	width: 100%!important;
	padding: 0!important;
	min-height: unset
}
#__npfdivChatMain #__npfchatWindow .ac-container .ac-container:after {
	content: "";
	display: none
}

.ac-adaptiveCard .ac-textBlock .message h4 {
	margin:5px 0 0 0; padding:5px 10px; text-align:left; word-break: break-all; white-space:pre-wrap; color:var(--brand-color);
	line-height:inherit !important;
}

.ac-adaptiveCard .ac-textBlock .message h4 p{
	line-height:inherit !important;
	margin:0;
	padding:0;
}

.input-container {
	display: inline-block;
	width: 100%;
	margin-bottom: 15px
}
.input-container > label {
	display: block
}
.form-control {
	border: 1px solid #ddd;
	padding: 10px;
	width: 100%
}
.form-control.formError {
	border-color: red
}
.required {
	color: red
}
.ctCopyright {
	font-size: 12px;
	position: relative;
	bottom: 0;
	right: 0;
	padding:0px 10px;
	z-index: 111;
	background-color: #fff;
	box-shadow: rgba(0, 0, 0, 0.04) 0 -10px 10px 1px;
	display: flex;
	justify-content: space-between;
	opacity: .97
}
.ctCopyright a {
	color: var(--brand-color);
	text-decoration: none
}
.niaaSign {
	max-width: 50px
}
.niaaSign img {
	max-width: 100%;
	margin-top:3px;
}
.button-container {
	text-align: center;
	margin-top: 5px
}
.chb-btn {
	background-color: var(--brand-color);
	border: 2px solid var(--brand-color);
	color: #fff;
	padding: 10px 20px;
	border-radius: 20px;
	cursor: pointer
}
.chb-btn:hover {
	background-color: var(--brand-hover-color);
	color: var(--brand-color)
}
#npfMsg-in:focus {
	outline: none
}
#__npfdivChatMain #npfChatContainer .npfmessage-in {
	border-top: 1px solid #eee;
	bottom: 0;
	width: 100%;
	z-index: 999;
	position: absolute;
	max-height: 45px;
	flex: 1
}
#__npfdivChatMain .wrap {
	display: flex;
	align-items: center
}
#__npfdivChatMain #npfChatContainer .npfmessage-in .wrap {
	position: relative;
	background: #fff
}
#npfMsg-in {
	flex: 1;
	resize: none;
	border: none;
	background: 0 0;
	padding: 9px 10px;
	margin: 3px 0 3px 3px;
	font-family: inherit
}
#__npfdivChatMain #npfChatContainer .npfmessage-in .wrap button {
	cursor: pointer;
	padding: 8px;
	border: 0;
	margin: 0 5px;
	background-color: var(--brand-color);
	color: var(--brand-hover-color);
	border-radius: 6px
}
.sendBtnClick {
	background: url(/static/backend/img/chatbots/send_btn.png) center center;
	height: 15px;
	width: 15px;
	display: block;
	background-size: 20px
}
#__npfdivChatMain #npfChatContainer .npfmessage-in .wrap button:hover {
	opacity: .8
}

.otpverify {
	background-color: var(--brand-color);
	padding: 0.7em 1.5em;
	text-decoration: none;
	text-transform: uppercase;
	position: absolute;
	right:15px;
	color: #fff;
	min-height: 35px;
	top:14px!important;
}
.cardVerify{position: relative;}
.tracenow  .cardVerify .otpverify{right: 0px; top: -8px!important;}
.otpCard+p{position:absolute; top:0!important; right:0!important;}
.otpCard #mobile_otp{border-left:0!important; border-top:0!important; outline:0;}
.otpCard #mobile_otp:focus{border-left:0!important; border-top:0!important; outline:0; border-bottom:1px solid var(--brand-color)!important;}

.otpverify:hover,.otpverify:focus{
	background-color: var(--brand-color);
	color: var(--brand-hover-color)
}
.optText {
	display: inline-block;
	width: 100%
}

#__npfmessageWindow .ac-container .utilityLinks {
	margin-top: .4em;
	display: flex;
	align-items: flex-start;
	justify-content: space-between!important
}
.utilityLinks a {
	text-decoration: none;
}
.utilityLinks a:hover {
	text-decoration: underline;
	color: var(--brand-color)
}
.otpMsgResponse {
	font-size: 80%;
	color: red;
	margin-top: 2px;
	display: block
}
span.error {
	color: red
}
.form-control.error {
	border-color: red
}
.start-new-chat {
	background-color: #fff;
	cursor: pointer;
	border: 1px solid var(--brand-color);
	padding: 8px 20px;
	border-radius: 4px;
	margin: 10px 0;
	font-weight: 500;
	box-shadow: 0 0 5px #999
}
.start-new-chat:hover {
	background-color: var(--brand-color);
	color: #fff
}
#__npfdivChatMain #__npfchatWindow .__npfchatmsg_left .ac-container {
	background-color: var(--brand-light-color)!important;
	border: 1px solid var(--brand-light-color)!important
}
#__npfdivChatMain #__npfchatWindow .__npfchatmsg_right .ac-container {
	background-color: var(--brand-tertiary-color)!important;
	border: 1px solid var(--brand-tertiary-color)!important
}
.__npfchatmsg_left .ac-adaptiveCard .ac-textBlock .message {
	background-color: var(--brand-light-color)
}
.__npfchatmsg_right .ac-adaptiveCard .ac-textBlock .message {
	background-color: var(--brand-tertiary-color)
}
.mt-3 {
	margin-top: 3px
}
.dataLoader {
	display: none
}
.message:empty + .dataLoader {
	display: block
}
.chatLoader .typing {
	display: inline-block;
	width: .5rem;
	height: .5rem;
	margin-right: .2rem;
	box-sizing: border-box;
	border-radius: 50%
}
.__npfchatmsg_left .chatLoader .typing {
	background: var(--brand-color)
}
.__npfchatmsg_right .chatLoader .typing {
	background: #aaa
}
.chatLoader .typing.typing-1 {
	-webkit-animation: typing 3s infinite;
	animation: typing 3s infinite
}
.chatLoader .typing.typing-2 {
	-webkit-animation: typing 3s 250ms infinite;
	animation: typing 3s 250ms infinite
}
.chatLoader .typing.typing-3 {
	-webkit-animation: typing 3s 500ms infinite;
	animation: typing 3s 500ms infinite
}
@-webkit-keyframes typing {
	0%, 75%, 100% {
		-webkit-transform: translate(0, 0.25rem) scale(0.9);
		transform: translate(0, 0.25rem) scale(0.9);
		opacity: .5
	}
	25% {
		-webkit-transform: translate(0, -0.25rem) scale(1);
		transform: translate(0, -0.25rem) scale(1);
		opacity: 1
	}
}
@keyframes typing {
	0%, 75%, 100% {
		-webkit-transform: translate(0, 0.25rem) scale(0.9);
		transform: translate(0, 0.25rem) scale(0.9);
		opacity: .5
	}
	25% {
		-webkit-transform: translate(0, -0.25rem) scale(1);
		transform: translate(0, -0.25rem) scale(1);
		opacity: 1
	}
}
@keyframes expand {
	from {
		transform: scale(0);
		opacity: 0
	}
}
@-webkit-keyframes slideInLeft {
	from {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
		visibility: visible
	}
	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}
@keyframes slideInLeft {
	from {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
		visibility: visible
	}
	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}
.slideInLeft {
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft
}
@-webkit-keyframes slideInRight {
	from {
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
		visibility: visible
	}
	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}
@keyframes slideInRight {
	from {
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
		visibility: visible
	}
	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}
.slideInRight {
	-webkit-animation-name: slideInRight;
	animation-name: slideInRight
}
@-webkit-keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}
@keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}
.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}
.animated.delay-1s {
	-webkit-animation-delay: 1s;
	animation-delay: 1s
}
.animated.delay-2s {
	-webkit-animation-delay: 2s;
	animation-delay: 2s
}
.animated.delay-3s {
	-webkit-animation-delay: 3s;
	animation-delay: 3s
}
.animated.delay-4s {
	-webkit-animation-delay: 4s;
	animation-delay: 4s
}
.animated.delay-5s {
	-webkit-animation-delay: 5s;
	animation-delay: 5s
}
.animated.fast {
	-webkit-animation-duration: 800ms;
	animation-duration: 800ms
}
.animated.faster {
	-webkit-animation-duration: 500ms;
	animation-duration: 500ms
}
.animated.slow {
	-webkit-animation-duration: 2s;
	animation-duration: 2s
}
.animated.slower {
	-webkit-animation-duration: 3s;
	animation-duration: 3s
}
@media (print),
(prefers-reduced-motion: reduce) {
	.animated {
		-webkit-animation-duration: 1ms!important;
		animation-duration: 1ms!important;
		-webkit-transition-duration: 1ms!important;
		transition-duration: 1ms!important;
		-webkit-animation-iteration-count: 1!important;
		animation-iteration-count: 1!important
	}
}
.npf-card {
	margin-bottom: 8px !important;
	max-width: 100%;
	box-shadow: 0 2px 4px 2px #c8c8c8;
	position: relative;
	border-radius: 10px;
	display: block;
	background-color: #fff;
	overflow: hidden
}
.mdc-card__actions {
	margin-top: 10px;
}
.npf-card-image img {
	max-width: 100%;
	display: block;
    margin: auto;
}
.npf-content-chat {
	padding: 10px;
}
.owl-carousel .item {
	padding: 0 15px;
}
.npf-content-heading {
	margin-bottom: 10px;
}
.npf-content-heading .card-heading-h1 {
	font-size: 15px;
}
.npf-content-heading .card-heading-h2 {
	font-size: 14px;
	font-weight: normal;
}
.npf-card-button {
	border: 1px solid #666;
	padding: 2px 10px;
	display: inline-block;
	border-radius: 4px;
	text-decoration: none;
	font-size: 12px;
	color: #111;
	background-color: #fafafa;
}
.owl-nav {
	position: absolute;
	top:70px;
	width: 100%;
}
.owl-nav button {
	position: absolute;
	background-color: #fff !important;
	border-radius: 50%;
	width: 35px;
	height: 35px;
	box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12);
}

.owl-nav button:focus{outline:none;}
.owl-nav img {
	width: 15px;
	position: absolute;;
	top:10px;
}
.owl-nav button.disabled {
	display: none;
}
.owl-nav .owl-prev {
	left:8px;
}
.owl-nav .owl-prev img {
	left: 9px;
}
.owl-nav .owl-next {
	right:8px;
}
.owl-nav .owl-next img {
	right: 8px;
}
@-webkit-keyframes zoomIn {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
	50% {
		opacity: 1
	}
}
@keyframes zoomIn {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
	50% {
		opacity: 1
	}
}
.zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn
}
@media (max-width: 768px) {
	#npfMsg-in {font-size: 16px;}
}

.cloud_btn a,.cloud_btn button{display:inline-block!important;}
.cloud_btn a+a{margin-left:8px;}
.sequential_btn a.textLink{margin-bottom:5px;}
.sequential_btn a,.sequential_btn button{display:block!important;width:100%!important;}
.select_drp {width:100%!important; border:1px solid #ccc!important;}
.textLink {text-decoration:none; overflow: hidden; color: var(--brand-color)!important; position: relative; padding:2px 15px; margin:0 auto; border:1px solid var(--brand-color)!important; border-radius:20px!important; text-align:center!important; display:inline-block!important}
.textLink i{margin-left:5px;}
.textLink:hover{background:var(--brand-color)!important; border-color:var(--brand-color) !important; color:#fff!important;}
.npf-card-video video {width:100%; height:100%}
.bootstrap-select .btn{padding:3px 0px !important;}
.form-control:read-only{padding:.4375rem 5px!important;}

 @-webkit-keyframes fadeIn {
	0% {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.fadeInDownBig {
	-webkit-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}
.owl-stage-outer {width:100%;max-width:100%; display:block!important;}
.owl-carousel.owl-drag .owl-item .npf-card{padding-bottom:10px;}
.owl-carousel.owl-drag .owl-item .npf-card video{width:100%!important}
.owl-carousel.owl-drag .owl-item .style-default{margin:10px 10px 0 10px!important; display:block!important;}
.owl-stage{height:auto; max-height:100%;}
.card-slider {margin-bottom:0 !important}
.npf-download {padding:5px 0!important;}
.npf-download .buttonCard{display:block!important; margin:0 auto!important; text-align:center!important;}
.npf-download .card-heading-h4{font-weight:bolder!important; margin:0!important;}
.ac_filebtn{border: 1px solid var(--brand-color);
    border-radius: 20px;
    line-height: 20px;
	margin: 8px auto;
	padding:3px 15px!important;
    text-decoration: none;
    display:inline-block;
    word-break: break-all;
    white-space: nowrap;
    color:var(--brand-color);
	text-decoration:none;
	text-align:center!important;
}
.ac_filebtn i{margin-left:5px; font-size:14px;}
.ac_filebtn:hover,.ac_filebtn:focus{background:var(--brand-color)!important; color:#fff!important; text-decoration:none;}
.text-center{text-align:center!important;}
.owl-carousel.owl-drag .owl-item{margin:0 10px 0 0!important;}
.owl-carousel.owl-drag .owl-item .card-heading-h4{font-size:inherit; margin:0; padding:5px 10px; word-break: break-word; white-space:pre-wrap; min-height:160px;}
.npf-card-video .card-heading-h4, .npf-card-image .card-heading-h4{ font-size:inherit;  margin:0; padding:5px 10px; text-align:left; word-break: break-word; white-space:pre-wrap;}
.npf-card-video+.card-heading-h4, .npf-card-image+.card-heading-h4{ font-size:inherit;  margin:0; padding:5px 10px; text-align:left; word-break: break-word; white-space:pre-wrap;}
a.disabledATag{
	pointer-events: none;
	opacity: .6;
    cursor: not-allowed;
}
a.disabledATag:hover{cursor:not-allowed;}
.card-heading-h4 p {font-weight:normal!important}

.otpCard .form-control{border:0; border-bottom:1.7px solid #d2d2d2;}
.otpCard .form-control:focus{border-color:#4e7add; outline:none;}

.selectBox{height:39px; overflow:hidden;}
.selectBox .select_drp{height:40px!important;}