/* @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap'); */
@font-face {
	font-family: 'Roboto';
	src: url('../fonts/roboto-bold-webfont.woff2') format('woff2'),
		url('../fonts/roboto-bold-webfont.woff') format('woff');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Roboto';
	src: url('../fonts/roboto-medium-webfont.woff2') format('woff2'),
		url('../fonts/roboto-medium-webfont.woff') format('woff');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Roboto';
	src: url('../fonts/roboto-regular-webfont.woff2') format('woff2'),
		url('../fonts/roboto-regular-webfont.woff') format('woff');
	font-weight: 400;
	font-style: normal;
}

.ui-state-default, .ui-state-highlight {
	cursor: grab;
	list-style: none;
}

.Table-sorting.ui-sortable {
	float: left;
}

.sub {
	color: #00A9E0;
	margin-left: 10px;
}

.white-card-header1 {
	font-size: 16px;
	font-weight: 500;
	color: #000000;
}

.popup-title {
	margin: 0;
	line-height: 1.42857143;
	font-size: 16px;
	font-weight: 500;
	color: #000;
}

.ht {
	min-height: 60px;
}

#myModal123 .modal-body {
	padding: 0px;
}

div#myModal123 {
	position: relative;
	/* width: 100%; */
	padding: 0;
	padding-left: 0px !important;
	padding-right: 0px !important;
	padding-top: -10px !important;
	/* margin: 0; */
	/* top: 1px; */
	/* margin-top: 11px; */
}

#myModal123 .modal-dialog {
	width: 100%;
	margin: 0;
	margin-top: -10px;
}

#myModal123 .modal-content {
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
}

/*Swiper Buttons*/
.swiper-slide-active .swiper-boxx p {
	color: #ffffff;
}

.swiper-slide-active .swiper-boxx img {
	/* filter: invert(286%) sepia(123%) saturate(2899%) hue-rotate(
  383deg) brightness(69%) contrast(121%); */
	filter: grayscale(80%) contrast(200%) brightness(280%);
}

.swiper-slide-active {
	background: #280071 !important;
	color: #ffffff !important;
	margin: 0px 0px 0px 42px;
	width: 165px !important;
	height: 89px;
	text-align: center;
	/* padding: 0px 0px 0px 0px; */
	border-radius: 17px;
	cursor: pointer;
	/* background: #280071; */
	/* color: #fff !important; */
}

.swiper-slide-active p {
	color: #ffffff;
}

.swiper-button-prev {
	background-image:
		url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23333333'%2F%3E%3C%2Fsvg%3E")
		!important;
}

.swiper-button-next {
	background-image:
		url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23333333'%2F%3E%3C%2Fsvg%3E")
		!important;
}

.paginate_button previous {
	background-image:
		url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23333333'%2F%3E%3C%2Fsvg%3E")
		!important;
}

.paginate_button next {
	background-image:
		url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23333333'%2F%3E%3C%2Fsvg%3E")
		!important;
}

/*Swiper Buttons*/
* {
	margin: 0;
	padding: 0;
	font-family: 'Roboto', sans-serif;
	outline: none !important;
	border: 0
}

button:focus {
	border: none;
	outline: none;
}

img {
	max-width: 100%;
}

.pad0 {
	padding: 0;
}

.marT0 {
	margin-top: 0 !important
}

.marT7 {
	margin-top: 7px
}

.small {
	font-size: 12px
}

.red {
	color: #E00000
}

.btn-primary {
	color: #2F246C;
	background-color: #fdd209;
	border-color: #fdd209;
	font-size: 16px;
	min-width: 100px;
	padding: 4px 15px;
}

.login-btn {
	display: none;
}

.logo {
	text-align: center;
}

.modal-content-pad2 {
	padding: 3rem 4rem;
}

#mySearchbox {
	width: 475px;
}

#myraiseSearchbox{
	width: 700px;
}
#viewAllCompSearchbox{
	width: 700px;
	font-size: 14px;
}
#viewAllRaiseMySearchbox{
	width: 700px;
}

.nav>li>a:focus, .nav>li>a:hover {
	text-decoration: none;
	background-color: #fff;
}

#modal-bg1 {
	background: url(../images/modal-bg1.png) 0 0 no-repeat;
	background-size: contain;
}

#modal-bg2 {
	background: url(../images/modal-bg2.png) 0 0 no-repeat;
	background-size: contain;
}

.rupee-ico input, .calender-ico input {
	padding-left: 30px;
}

.rupee-ico, .calender-ico {
	position: relative;
}

nav, div {
	transition: all .2s ease;
}

#date_input {
	display: inline-block;
}

.layer-two img {
	width: 61px;
	height: 60px;
}

.wid65 {
	width: 65px !important;
}

.wid120 {
	width: 120px !important;
}

label.new-form {
	display: block;
	margin-bottom: .5rem;
	position: relative !important;
}

.form-control-new-form {
	display: block;
	width: 100%;
	height: calc(1.5em + .75rem + 2px);
	padding: 7px;
	font-size: 16px;
	font-weight: 400;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	border: none;
	border-bottom: 1px solid #00A9E0;
	box-shadow: none;
	line-height: 24px;
}

.btn-view-more {
	/* color: #ffffff; */
	/* background-color: #280071; */
	/* border-color: #280071; */
	/* font-size: 12px; */
	/* min-width: 101px; */
	padding: 2px 5px;
	/* font-weight: 500; */
	/* border-radius: 25px; */
}

ul#categories-list {
    margin-top: 15px;
}

.btn-view-more:hover {
	color: #ffffff;
	background-color: #280071;
	border-color: #280071;
}

#view-more, #view-less {
	width: 101px;
	margin: 0 auto;
}

.popup-headertext {
	font-size: 22px;
	color: #000000;
	font-weight: 500;
}

.popup-sub-headertext {
	font-size: 16px;
	color: #000000;
	font-weight: 400;
	margin-bottom: 0;
}

.modal-content-pad1 {
	padding: 10px 34px 10px 35px;
}

.faq-check {
	width: 27px;
}

.text-faq {
	font-weight: 300;
	font-size: 16px;
	color: #000000;
	margin-top: 15px;
	margin-bottom: 15px;
}

.text2-faq {
	font-weight: 300;
	font-size: 16px;
	color: #000000;
}

/* .header-top {
    background: #280071;
    text-align:right;
} */
.header-top {
	background: #280071;
	text-align: right;
	float: left;
	width: 100%;
}

#notification {
    width: 43px;
    float: right;
    padding: 10px 10px;
}

a#customer-portal {
	background: #FDD209;
	padding: 11px 16px;
	display: inline-block;
	color: #000;
}

header nav li {
	display: inline-block;
	margin: 10px 15px;
}

header nav li a {
	font: normal normal normal 16px/19px Roboto;
	color: #000000;
	padding: 5px 0 2px;
	display: block;
	font-weight: 500;
}

header nav li a.active, header nav li a:hover {
	color: #007AA3;
	border-bottom: 1px solid #007AA3;
	text-decoration: none;
}

#main-banner a {
	margin-right: 5px
}

#main-banner h1 {
	color: #fff;
	max-width: 830px;
	margin-bottom: 20px;
	line-height: 44px;
	font-size: 34px;
}

.info-slide img {
	margin: 0 auto 10px;
}

.info-slide>div>div {
	color: #fff;
	background: rgba(40, 5, 113, 0.7);
	border-radius: 100px 8px 101px 8px;
	float: left;
	padding: 15px;
	text-align: center;
	min-height: 140px;
	width: 100%;
	font-size: 14px;
}

.info-slide.row.clearfix p {
	margin-bottom: 0;
}

.info-slide.height-small>div>div {
	min-height: 100px;
	padding: 15px 15px 10px;
	margin-bottom: 30px;
}

.info-slide.height-small img {
	margin-bottom: 10px;
}

.info-slide.height-small>div.col-md-4 {
	display: inline-block;
	float: none;
	width: 33%;
}

.info-slide.height-small {
	text-align: center;
}

.img-content-layout {
	padding: 50px 0
}

.img-content-layout h2 {
	margin-top: 0
}

.img-content-layout .btn {
	max-width: 120px;
}

.img-content-layout .row.reverse {
	display: flex;
	flex-direction: row-reverse;
}

.img-content-layout .row>div {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 500px;
}

.img-content-layout-1 .row>div {
	display: flex;
	flex-direction: column;
	justify-content: center;
	/*min-height: 500px;*/
}

.img-content-layout-1 .btn {
	/* max-width: 120px; */
	/* margin: 0 auto; */
	
}

#categories-list li {
	display: block;
	float: left;
	list-style: none;
	/* padding: 0px 8px; */
	/* margin: 0 8px; */
	width: 11.1%;
	text-align: center;
}

.Categories {
	width: 135px;
	/* float: left; */
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	/* padding: 10px; */
	height: 100px;
	margin: 0 auto;
}

.Categories-1 {
	width: 130px;
	float: left;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 30px;
	height: 100px;
}

#categories-list-1 li {
	display: block;
	float: left;
	list-style: none;
	padding: 0px 8px;
	margin: 0 8px;
}

#categories-list-1 li, .Categories-1 img {
	height: 40px;
}

.Categories-1 p {
	font-size: 14px;
	color: #000000;
	margin-top: 10px;
	font-weight: 500;
}

h3.ntf-header {
	color: #280071;
	font-size: 16px;
	font-weight: 500;
	margin: 10px 0px 15px 0px;
}

label.Date {
	font-size: 15px;
	color: #000 !important;
	font-weight: 400;
	display: block;
}

label.date-value {
	font-size: 16px;
	color: #000 !important;
	font-weight: 500;
	display: block;
}

label.ntf-date {
	font-size: 16px;
	color: #000 !important;
	font-weight: 400;
	display: block;
	font-style: italic;
}

.bg-sky-blue3 {
	background: #DCEEFA !important;
	/* margin-bottom: 15px; */
	border: none !important;
	margin: 12px 0px 12px 0px;
	padding-bottom: 10px !important;
}

.bg-sky-blue4 {
	background: #F7FCFF !important;
	/* margin-bottom: 15px; */
	border: none !important;
	margin: 0px 0px 12px 0px;
	/* padding-bottom: 10px !important; */
	padding: 5px;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}

.bg-sky-blue5 {
	background: #DCEEFA !important;
	/* margin-bottom: 15px; */
	border: none !important;
	margin: 0px 0px 0px 0px !important;
	padding-bottom: 1px !important;
	padding: 5px;
}

.img-box-one {
	float: left;
	width: 46px;
	height: 65px;
	padding-top: 6px;
}

.ntf-status {
	color: #280071;
	font-size: 12px;
	font-weight: 500;
	float: left;
}

.ntf-datentime {
	color: #000000;
	font-size: 10px;
	float: right;
}

.card-body1 {
	padding: 5px;
	background: #F7FCFF !important;
}

.Categories p {
	font-size: 14px;
	color: #000000;
	margin-top: 10px;
	font-weight: 500;
}

.check-list li {
	padding: 12px 12px 12px 45px;
	list-style: none;
	background: url(../../../images/check-icon-blue.svg) 0 5px no-repeat;
	margin: 15px 0;
}

.check-list {
	margin: 0 0 15px;
}

.min-ht {
	min-height: 600px;
}
/*
footer {
	background: #2F246C;
	color: #F3F7FA;
	padding: 15px;
	position: relative;
	bottom: 0;
	width: 100%;
}*/

footer {
    background: #2F246C;
    color: #F3F7FA;
    padding: 15px;
    position: relative;
    bottom: -27px;
    width: 100%;
    position: relative;
}

footer * {
	color: #F3F7FA;
	font-size: 12px
}

#footer-quick-nav {
	margin-bottom: 0;
}

#footer-quick-nav li a:hover {
/*	color: #fff;*/
	color: #007EA8;
}

#footer-quick-nav li {
	display: block;
	float: left;
	list-style: none;
	padding: 0 5px;
	margin: 0 5px;
}

#footer-quick-nav li:not (:last-child ) {
	border-right: 1px solid #fff;
}

/* Slick Slider */
.slick-list, .slick-slider, .slick-track {
	position: relative;
	display: block
}

.slick-loading .slick-slide, .slick-loading .slick-track {
	visibility: hidden
}

.slick-slider {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}

.slick-list {
	overflow: hidden;
	margin: 0;
	padding: 0
}

.slick-list:focus {
	outline: 0
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}

.slick-slider .slick-list, .slick-slider .slick-track {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.slick-track {
	top: 0;
	left: 0
}

.slick-track:after, .slick-track:before {
	display: table;
	content: ''
}

.slick-track:after {
	clear: both
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px
}

[dir=rtl] 
.slick-slide {
	float: right
}

.slick-slide img {
	display: block
}

.slick-slide.slick-loading img {
	display: none
}

.slick-slide.dragging img {
	pointer-events: none
}

.slick-initialized .slick-slide {
	display: block;
	min-height: 300px;
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}

.slick-arrow.slick-hidden {
	display: none
}

.slick-dots {
	text-align: center;
	position: absolute;
	width: 100%;
	bottom: 22px;
}

.slick-dots button {
	background: rgba(255, 255, 255, .5);
	border: none;
	width: 10px;
	text-indent: 15px;
	height: 10px;
	border-radius: 50%
}

.slick-dots li.slick-active button:focus, .slick-dots button:focus {
	border: none
}

.slick-dots li {
	display: inline-block;
	margin: 0 5px;
	overflow: hidden
}

.slick-dots li.slick-active button {
	background: #fff
}

.feature-slide>div {
	width: 12%;
	float: left;
	background: rgba(40, 5, 113, 0.7);
	margin: 0 1% 15px;
	padding: 10px 5px;
	text-align: center;
	min-height: 122px;
}

.feature-slide>div p {
	font-size: 14px;
	color: #fff;
	text-align: center;
	line-height: 16px;
}

.feature-slide>div>img {
	display: inline-block;
	margin: 10px 0;
}

/*
.form-group input[type=text].form-control {
    border: none;
    border-bottom: 1px solid #ccc;
    box-shadow: none;
    border-radius: 0;
    padding:7px 0;
}*/
.form-group input[type=text].form-control {
	border: none;
	border-bottom: 1px solid #00A9E0;
	box-shadow: none;
	border-radius: 0;
	padding: 7px 0;
	/* 	Added by Samrin 28-12-2023 */
	margin-inline: 20px;
	width:85%;
}

.form-group label {
	margin-inline: 5%;
}

.form-group {
	position: relative;
	margin-top: 30px;
}

.form-group input:not (:placeholder-shown ) +label, .form-group label {
	position: absolute;
	top: 8px;
	font-size: 16px;
	color: #000000;
	transition: all .2s ease;
}

.form-group input.form-control:focus+label {
	top: -15px;
	font-size: 13px;
}

.form-group.filled label {
	top: -15px !important;
	font-size: 13px;
}

input:focus+label {
	top: 0;
}

/* Search field */
form.example input[type=text] {
	padding: 8px 60px 8px 20px;
	font-size: 17px;
	border: 2px solid #00a9e0;
	/* float: left; */
	width: 100%;
	background: #ffffff;
	border-radius: 25px;
	color: #0f0f0f;
	display: inline-block;
	position: relative;
}

.searchbutton1 {
	/* padding: 15px 50px 15px 15px; */
	color: #fff;
	text-decoration: none;
	display: inline-block;
	position: relative;
	width: 100%;
}

.rupee-ico input, .calender-ico input {
	padding-left: 30px;
}

.rupee-ico, .calender-ico {
	position: relative;
}

/*
.searchbutton1:after {
  content: "";
  width: 30px;
  height: 30px;
  background: #ffffff url(../../../images/search.svg) no-repeat;
  top: 7px;
  right: 25px;
  position: absolute;
  display: inline-block;
  cursor: pointer;
}
*/
.calender-ico:after {
	content: "";
	/* width: 24px; */
	height: 24px;
	background: #ffffff url(../../../images/cal.svg) no-repeat;
	top: 7px;
	/*right: 25px;*/
	position: absolute;
	display: inline-block;
	cursor: pointer;
	z-index: 1;
}

.searchbtn {
	width: 30px !important;
	padding: 0px !important;
	position: relative;
	right: 110px;
	top: 11px;
	float: right !important;
}

.floating_search {
	position: relative;
	top: -22px;
	padding: 0;
}

form.example button {
	float: left;
	width: 48px;
	padding: 10px;
	background: white;
	/* color: white; */
	/* font-size: 17px; */
	/* border: 1px solid grey; */
	/* border-left: none; */
	cursor: pointer;
}

form.example::after {
	content: "";
	clear: both;
	display: table;
}

/*Card*/
.white-card {
	background: #fff;
	width: 100%;
	padding: 15px;
	margin: 5px 0;
	position: relative;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
	border-radius: 4px;
}

.white-card-header {
	font-size: 16px;
	font-weight: 500;
	color: #000000;
	text-decoration: underline;
}

.white-card-noshadow {
	background: #fff;
	width: 100%;
	margin: 5px 0;
	position: relative;
	border-radius: 4px;
}

.white-card-withoutborder1 {
	background: #f7fcff;
	width: 100%;
	/* padding: 15px; */
	margin: 5px 0;
	position: relative;
	box-shadow: none;
	border-radius: 2px;
	border: solid 0px #EEEEEE;
}

.white-card-withoutborder1 .form-control {
	display: block;
	width: 100%;
	height: 36px;
	padding: 7px 0;
	font-size: 16px;
	line-height: 1.42857143;
	color: #000;
	background-color: #f7fcff;
	background-image: none;
	border: none;
	border-bottom: 1px solid #00A9E0;
	box-shadow: none;
	line-height: 24px;
	border-radius: 0px;
}

.white-card-inside {
	background: #fff;
	width: 100%;
	padding: 9px 9px 9px 10px;
	margin: 10px 0;
	position: relative;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
	border-radius: 0px;
	/* min-height: 205px; */
	height: 100%;
}

.view-all {
	font-size: 16px;
	color: #280071 !important;
	text-decoration: underline;
	float: right;
}

.ntf-txt {
	color: #000;
}

.view label {
	position: relative;
	display: block;
}

.view .form-group {
	margin-top: 0;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control
	{
	background-color: #fff;
	opacity: 1;
	color: #000000;
	border-bottom: solid 0px #fff;
	border-bottom: 0px solid #00A9E0 !important;
}

.top-border p {
	font-size: 16px;
}

.pending {
	width: 16px;
	margin-top: 5px;
	margin-right: 4px;
}

.card-header {
	font-size: 16px;
	font-weight: 500;
	color: #000;
	margin: -15px -15px 15px;
	border-bottom: 1px solid rgb(112 112 112/ 39%);
	height: 54px;
}

.layer-one, .layer-two, .layer-three, .layer-four {
	width: 100%;
	float: left;
	display: block;
}

.layer-one {
	padding-bottom: 8px;
}

.category-name {
	
	font-weight: 500;
	color: #000000;
	width: 140px;
	float: left;
	display: block;
}

.category-name p {
	margin: 0;
	padding: 7px;
	font-size: 13px;
}

.status-overdue {
	color: #fff;
	background: #ED0000;
	width: 131px;
	float: right;
	padding: 5px;
	border-radius: 0px;
	display: block;
	text-align: center;
	position: relative;
	right: -6px;
}

.status-pending {
	color: #fff;
	background: #BF9D05;
	width: 131px;
	float: right;
	padding: 5px;
	border-radius: 0px;
	display: block;
	text-align: center;
	position: relative;
	right: -6px;
}

.status-resolved {
	color: #fff;
	background: #04BE0B;
	width: 131px;
	float: right;
	padding: 5px;
	border-radius: 0px;
	display: block;
	text-align: center;
	position: relative;
	right: -6px;
}

.category {
	width: 208px;
	height: 46px;
	background: #DCEEFA;
	box-shadow: 0px 3px 6px #00000029;
	font-size: 16px;
	line-height: 43px;
	opacity: 1;
	margin: 14px 5px 14px 35px;
	cursor: grab;
	/* float: left; */
}

.circle {
	width: 46px;
	height: 46px;
	border-radius: 50%;
	border: solid 2px #00A9E0;
	background: #fff;
	color: #000000;
	font-size: 16px;
	text-align: center;
	line-height: 43px;
	position: relative;
	left: -20px;
	vertical-align: middle;
}

.category p {
	position: relative;
	top: -44px;
}

.card-one {
	background: #fff;
	width: 100%;
	padding: 15px;
	margin: 10px 0;
	position: relative;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}

.card-one label {
	font-size: 15px;
}

.card-header>div:first-child {
	padding: 8px;
}
/*
.card-header>div:last-child {
  padding: 15px;
}
*/
.color-blue {
	color: #00b6f0;
}

#widget-bar label {
	line-height: 36px;
	padding: 0 10px 0 0;
}

.small-w img {
	max-width: 32px;
	position: relative;
	margin: 0 4px;
}

.card-header .inline-block {
	margin-top: 7px;
	display: block;
}

.complaint-label {
	font-size: 15px;
	color: #000000;
}

.light {
	font-weight: 300;
	font-size: 16px;
	color: #000000;
	word-break: break-all;
}

.blue-link {
	color: #00A9E0;
	margin-top: 45px;
	text-decoration: underline;
	display: block;
}

.trxn {
	font-size: 16px;
	color: #280071;
	width: 48%;
	float: right;
	padding: 5px 0px;
	border-radius: 0px;
	display: block;
	text-align: right;
	text-decoration: underline;
	word-break: break-all;
	cursor: pointer;
}

.datetime {
	font-size: 14px !important;
	font-style: italic;
	text-align: left;
	color: #000;
	padding: 8px 0px 10px 0px;
}

.header {
	position: sticky;
	top: 0;
}

.biller {
	font-size: 14px;
	color: #280071;
	text-decoration: underline;
	margin-left: 15px;
}

.dataTables_wrapper .dataTables_filter {
	float: left !important;
	text-align: left !important;
}

.small-img {
	width: 31px;
	margin-right: 10px;
}

.swiper-boxx img {
	height: 40px;
}

.blue1 {
	color: #280071 !important;
	font-size: 14px;
	margin: 0;
	text-decoration: underline;
	/* text-decoration: blink; */
}

table#myTable.table th {
	background: #13A8E0;
	color: #fff;
	/* font-weight: 400; */
	height: 41px;
	font-size: 15px;
	font-weight: 500;
}

table#myTable.table td:nth-child(2) {
	text-align: center;
}

.thead-dark {
	background: #13A8E0;
}

.scroll-table img {
	width: 31px;
}

.scroll-table th.header {
	background: #13A8E0;
}

.scroll-table {
	height: 200px;
	display: block;
	overflow: auto;
}

.modal-body p {
	color: #000000;
	font-size: 16px;
}

.blue {
	color: #280071 !important;
	font-size: 16px;
	margin: 0;
	text-decoration: underline;
	/* text-decoration: blink; */
}

.sky-blue {
	color: #00A9E0 !important;
	font-size: 16px;
	margin: 0;
	text-decoration: underline;
	/* text-decoration: blink; */
}

.top-border {
	border-top: solid 1px #d8d8d8;
	padding: 10px 0px 10px 0px;
	line-height: 28px;
	font-size: 14px;
	text-align: center;
}

/* .top-border span { */
/* 	float: left; */
/* } */

.top-border-1 {
	border-top: solid 1px #d8d8d8;
	padding: 7px 0px 7px 0px;
}

.img-box {
/* 	float: left; */
	width: 65px;
	height: 65px;
	position: relative;
    right: -12px;
}

.img-text {
	width: 80%;
    height: auto;
    padding: 6px 0px 6px 6px;
    right: -8px;
    position: relative;
/*     bottom: 55px; */
/*     font-weight: bold; */
}

.img-text1 {
	float: left;
	width: 60%;
	height: auto;
	padding: 6px 0px 0px 6px;
}

.img-text2 {
	float: left;
	width: 70%;
	height: auto;
	padding: 6px 0px 0px 6px;
}

.img-text2 p {
	margin: 0;
	font-size: 14px;
	color: #000000;
}

.layer-two-a {
	width: 100%;
	float: left;
	display: block;
}

.layer-two-a .form-group {
	position: relative;
	margin-top: 5px;
}

.layer-two-a .form-group label {
	position: relative;
	top: 0px;
	font-size: 13px;
	transition: all .2s ease;
	color: #280071;
	font-weight: 500;
}

label.black1 {
	color: #000000 !important;
	display: block;
	font-size: 14px;
}

.green {
	color: #04BE0B;
	float: none !important;
}

.btn-group-sm>.btn, .btn-sm {
	padding: 3px 6px;
	font-size: 13px;
	line-height: 1.5;
	border-radius: 3px;
}

.btn-group-xs>.btn, .btn-xs {
	padding: 1px 5px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px;
}

.edit-delete-box {
	float: right;
	width: 75px;
	text-align: center;
}

.edit-delete-box img {
	/* padding: 5px 2px 5px 2px; */
	width: 30px;
	padding-right: 10px;
}

.bg-sky-blue {
	background: #DCEEFA !important;
	padding: 0px 15px;
	/* margin-bottom: 15px; */
	border: none !important;
	line-height: 40px;
}

.blue-box-label {
	font-size: 17px;
	color: #000000;
	font-weight: 300;
}

.blue-box-value {
	font-size: 18px;
	color: #000000;
	font-weight: 300;
}

.blue-box-label1 {
	font-size: 19px;
	color: #280071;
	font-weight: 700;
}

.blue-box-value1 {
	font-size: 20px;
	color: #000000;
	font-weight: 700;
}

.dotted-blue-line {
	border: dotted 1px #00A9E0;
	/* letter-spacing: 9px; */
	margin-top: 5px;
	margin-bottom: 5px;
}

.bg-sky-blue2 {
	background: #DCEEFA !important;
	/* margin-bottom: 15px; */
	border: none !important;
	margin: 12px 0px 12px 0px;
	padding: 14px 20px;
}

.bg-sky-blue1 {
	background: #DCEEFA !important;
	/* margin-bottom: 15px; */
	border: none !important;
	margin: 12px 0px 12px 0px;
}

.bg-sky-blue1 .form-group {
	margin-top: 5px !important;
	margin-bottom: 0;
}

.scroll-box {
	width: 100%;
	float: left;
	display: block;
	overflow-x: auto;
	height: 200px;
}

.mode {
	text-align: center;
	color: #280071;
	font-size: 18px;
	font-weight: 500;
}

.space {
	padding: 0px 7% 0px 7%;
}

.feedback {
	border: solid 1px #13A8E0;
	border-width: 0px 0px 1px 0px;
	border-radius: 0;
	box-sizing: border-box;
	box-shadow: none;
	background: #EAEAEA;
	color: #000000;
	background: #f7f7f7 0% 0% no-repeat padding-box;
}

.feedback-text2 {
	color: #000000;
	font-size: 16px;
	text-decoration: none !important;
}

.success {
	margin-top: 5px;
}

.layer-two, .layer-three {
	padding: 4px 0px 0px 0px;
}

.layer-two .form-group {
	margin-top: 0;
}

.layer-two .form-group label {
	position: relative;
	top: 0px;
	font-size: 15px;
	transition: all .2s ease;
	color: #280071;
}

.layer-two p {
	margin: 0;
	font-size: 16px;
	color: #000;
}

.layer-three p {
	margin: 0;
	font-size: 16px;
	color: #000;
}

.layer-three {
	margin-top: 10px;
}

label.red {
	color: #FF0000 !important;
}

/* label.black {
  color: #000000 !important;
  display: block;
} */
label.black {
	color: #000000 !important;
	display: block;
	word-break: break-all;
}

.btn-view-more img { /* width:15px; */ /* margin-right:3px; */
	
}

#categories-list li .Categories img {
	height: 40px;
}

/*
.layer-four .btn-sm{ min-width: 115px; font-size: 16px; color:#280071;}

*/
.bbps-logo {
	background: #fff;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
}

.login_info {
	font-size: 12px;
	display: inline-block;
	margin-right: 15px;
	padding-right: 10px;
	padding-top: 0px;
	line-height: 18px;
}

.login_info .caret {
	border-width: 8px 6px 0 6px;
	position: absolute;
	top: 22px;
	right: 0;
}

#header-mid .dropdown-menu {
	right: 0px;
	top: 35px;
	min-width: 150px;
}

#notification i {
	width: 26px;
	display: inline-block;
	position: relative;
	line-height: 0;
	vertical-align: middle;
	/* margin-right: 10px; */
}

.dropdown, .dropup {
	position: relative;
}

.last-login {
	width: 400px;
	float: right;
	color: #fff;
}

/*Datatable*/
table.dataTable thead th, table.dataTable thead td {
	padding: 10px 18px;
	border-bottom: 0px solid #111 !important;
	background: #13A8E0;
	color: #fff;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
	border-bottom: 0px solid #111 !important;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
	border-bottom: 1px solid #BCBEBF !important;
	border: solid 1px #BCBEBF;
}

table.dataTable thead .sorting {
	background-image: none;
	/* background-image: url(../../../images/sort_both.png); */
}

#mySearchButton {
    width: 19px;
    position: relative;
    /* top: -28px;
    left: 700px; */
    cursor: pointer;
}

#myraiseSearchButton{
    width: 19px;
    position: relative;
   /*  top: -28px;
    left: 700px; */
    cursor: pointer;
}

#mySearchButton1 {
	width: 19px;
	position: relative;
	top: -40px;
	left: -25px;
	cursor: pointer;
}

/* Swiper */
.swiper-boxx {
	/* margin: 7px 40px 15px 26px; */
	width: 158px;
	/* height: 89px; */
	text-align: center;
	padding: 12px 0px 12px 0px;
	border-radius: 17px;
	cursor: pointer;
	/* background: #280071;*/
	margin: 0 auto;
}

/* .swiper-slide-active{
margin-left: 15px;} */
.activee {
	background: #280071 !important;
	color: #ffffff !important;
}

.activee img {
	fill: white;
	background-image: url("images/mobile-postpaid-white.svg");
}

.activee p {
	color: #ffffff !important;
}

.swiper-boxx p {
	color: #000000;
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	margin-top: 11px;
	margin-bottom: 0px;
}

.swiper-container {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

/* Checkbox */
.checkbox-container {
	position: relative;
	padding: 0 0 0 25px;
	cursor: pointer;
	font-weight: 400;
	margin-right: 15px;
	font-size: 14px;
}

.checkbox-container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

/* Create a custom checkbox */
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 18px;
	width: 18px;
	background-color: #eee;
}

/* On mouse-over, add a grey background color */
.checkbox-container:hover input ~ .checkmark {
	background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkbox-container input:checked ~ .checkmark {
	background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.checkbox-container input:checked ~ .checkmark:after {
	display: block;
}

table.table th {
	background: #280071;
	color: #fff;
	font-weight: 400;
}
/* Style the checkmark/indicator */
.checkbox-container .checkmark:after {
	left: 6px;
	top: 2px;
	width: 7px;
	height: 11px;
	border: solid white;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* The radiobox-container */
.radiobox-container {
	display: inlline-block;
	position: relative;
	padding-left: 25px;
	margin-bottom: 12px;
	cursor: pointer;
	font-weight: 400;
	font-size: 14px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin-right: 15px;
	font-size: 16px;
	color: #000000;
	margin-top: 10px;
}

/* Hide the browser's default radio button */
.radiobox-container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

/* Create a custom radio button */
.radio {
	position: absolute;
	top: 0;
	border: 1px solid #280071;
	left: 0;
	height: 15px;
	width: 15px;
	background-color: #eee;
	border-radius: 50%;
	margin: 2px 0;
}

/* On mouse-over, add a grey background color */
.radiobox-container:hover input ~ .radio {
	background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.radiobox-container input:checked ~ .radio {
	background-color: #fff;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.radio:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the indicator (dot/circle) when checked */
.radiobox-container input:checked ~ .radio:after {
	display: block;
}

/* Style the indicator (dot/circle) */
.radiobox-container .radio:after {
	top: 2px;
	left: 2px;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: #280071;
}

.modal-content .close-ico {
	position: absolute;
	right: 20px;
	top: 20px;
	background: none;
}

.modal-secondary-actions a {
	margin: 30px 5px 0;
	padding: 5px 20px 5px 40px;
	display: inline-block;
}

.modal-container {
	display: flex;
}

#modal-bg {
	background: url(../../../images/modal-bg.png) 0 0 no-repeat
}

.card {
	padding: 20px;
	border: 1px solid #12A8E0;
	margin: 15px 0;
}

#notification-panel {
	background: #280571;
	color: #fff;
	border: none;
	font-size: 13px;
	margin: 20px 0;
	border-radius: 25px;
}

#notification-panel .panel-header {
	border-bottom: 1px solid #fff;
	padding: 7px;
}

#notification-panel .panel-footer {
	background: none;
	border: none
}

#notification-panel .panel-footer a {
	color: #fff
}

ul.bullet {
	list-style: none;
}

ul.bullet li:before {
	content: '';
	background: #280571;
	height: 9px;
	width: 9px;
	display: block;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 5px;
}

ul.bullet li {
	position: relative;
	line-height: 22px;
	margin-bottom: 10px;
	padding-left: 25px;
}

header {
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
	background: #fff;
}

.panel-default>.panel-heading {
	background: #2F246C;
	color: #fff;
}

.panel-default {
	border-color: #12A8E0;
}

.card.card-padding {
	padding: 40px;
	border: none;
	background: #fff;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}

.card.card-padding1 {
	padding: 0px;
	border: none;
	background: #fff;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}

.card-header1 {
	font-size: 16px;
	font-weight: 500;
	color: #000;
	/* margin: -15px -15px 15px; */
	/*border-bottom: 1px solid rgb(112 112 112 / 39%);*/
	border-bottom: 1px solid #c7c7c7;
	min-height: 54px;
	padding: 10px;
}

.card-body {
	padding: 10px;
}

.white-card-withborder {
	background: #fff;
	width: 100%;
	padding: 15px;
	margin: 5px 0;
	position: relative;
	box-shadow: none;
	border-radius: 2px;
	border: solid 1px #EEEEEE;
}

.white-card-withoutborder {
	background: #fff;
	width: 100%;
	/* padding: 15px;*/
	margin: 5px 0;
	position: relative;
	box-shadow: none;
	border-radius: 2px;
	border: solid 0px #EEEEEE;
}

.img-text p {
	margin: 0;
	font-size: 16px;
	color: #000;
}

.form-control {
	display: block;
	width: 100%;
	height: 36px;
	padding: 7px 0;
	font-size: 16px;
	line-height: 1.42857143;
	color: #000;
	background-color: #fff;
	background-image: none;
	border: none;
	border-bottom: 1px solid #00A9E0;
	box-shadow: none;
	line-height: 24px;
	border-radius: 0px;
}

.form-control-1 {
	display: block;
	width: 100%;
	height: 36px;
	padding: 7px 0;
	font-size: 16px;
	line-height: 1.42857143;
	color: #000;
	background-color: #fff;
	background-image: none;
	border: none;
	border-bottom: 1px solid #00A9E0;
	box-shadow: none;
	line-height: 24px;
	border-radius: 0px;
}

.marT10 {
	margin-top: 10px;
}

.label15 {
	font-size: 15px;
	color: #000;
}

.no-margin {
	margin: 0px !important;
}

body {
	background: rgb(26 177 227/ .05);
}

.bbps-logo1 {
	display: none;
}

.hamburger-row {
	display: none;
	background: #280071;
	height: 34px;
}

.Biller_Categories_Box {
	width: 500px;
	height: auto;
	display: block;
	margin: 0 auto;
}

.Biller_Categories_Box-one {
	width: 530px;
	padding: 10px;
	display: block;
	float: left;
	height: auto;
}

#div1, #div2 {
	width: 350px;
	height: 70px;
	padding: 10px;
	border: 1px solid #aaaaaa;
}
/**/
.popup-form-group {
	margin-top: 15px;
}

/**/
ul.nav.nav-tabs {
	text-align: center;
	border: none;
}

.nav-tabs>li {
	float: none;
	display: inline-block;
	margin: 0 -2px;
	border-radius: 20px 20px 0 0;
}

.nav-tabs>li.active a, .nav-tabs>li.active:hover a, .nav-tabs>li.active:focus a,
	.nav-tabs>li.active, .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus,
	.nav-tabs>li.active>a:hover {
	color: #fff;
	background: #00A9E0;
	/* margin: 0 !important; */
}

.nav-tabs>li>a {
	border: 1px solid #eee;
	margin: 0;
	min-width: 100px;
	padding: 5px 15px;
	/* border: 1px solid #506070; */
	border-radius: 8px 8px 0px 0px;
	/* opacity: 0.47; */
	color: #506070;
}

.panel-group .panel {
	border: none
}

.panel-group .panel.opned>.panel-heading {
	background: #2f246c;
	color: #fff;
}

.panel-group .panel-default>.panel-heading {
	background: #DCEEFA;
	color: #000000;
	padding: 0;
}

.panel-group .panel-default>.panel-heading a {
	padding: 10px;
	display: block;
	text-decoration: none;
	position: relative;
	font-weight: 400;
}

.panel-group .panel-default.opned>.panel-heading a:after {
	content: '';
	display: block;
	position: absolute;
	height: 1px;
	width: 14px;
	background: #fff;
	top: 18px;
	right: 15px;
}

.panel-group .panel-default.opned>.panel-heading a:before {
	display: none
}

.panel-group .panel-default>.panel-heading a:after {
	content: '';
	display: block;
	position: absolute;
	height: 1px;
	width: 14px;
	background: #000;
	top: 18px;
	right: 15px;
}

.panel-group .panel-default>.panel-heading a:before {
	content: '';
	display: block;
	position: absolute;
	height: 1px;
	width: 13px;
	background: #000;
	top: 18px;
	right: 15px;
	transform: rotate(90deg)
}

a.hamburger {
	display: none
}
/* Keyboard */
.ui-keyboard {
	text-align: center;
	padding: .3em;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 16000;
	-ms-touch-action: manipulation;
	touch-action: manipulation
}

.ui-keyboard-has-focus {
	z-index: 16001
}

.ui-keyboard div {
	font-size: 1.1em
}

.ui-keyboard[contenteditable] {
	white-space: pre
}

.ui-keyboard-button {
	height: 2em;
	min-width: 2em;
	margin: .1em;
	cursor: pointer;
	overflow: hidden;
	line-height: 2em;
	-moz-user-focus: ignore
}

.ui-keyboard-button span {
	padding: 0;
	margin: 0;
	white-space: nowrap;
	display: inline-block
}

.ui-keyboard-button-endrow {
	clear: left
}

.ui-keyboard-space {
	width: 15em
}

.ui-keyboard-empty span, .ui-keyboard-space span {
	font: 0/0 a;
	text-shadow: none;
	color: transparent
}

.ui-keyboard-preview-wrapper {
	text-align: center;
	position: relative;
	overflow: hidden
}

.ui-keyboard-preview {
	text-align: left;
	margin: 0 0 3px 0;
	display: inline;
	width: 99%
}

.ui-keyboard-keyset {
	text-align: center;
	white-space: nowrap
}

.ui-keyboard-input {
	text-align: left
}

.ui-keyboard-input-current {
	-moz-box-shadow: 0 0 5px #4d90fe;
	-webkit-box-shadow: 0 0 5px #4d90fe;
	box-shadow: 0 0 5px #4d90fe
}

.ui-keyboard-placeholder {
	color: #888
}

.ui-keyboard-nokeyboard {
	color: #888;
	border-color: #888
}

.ui-keyboard-spacer {
	display: inline-block;
	width: 1px;
	height: 0;
	cursor: default
}

.ui-keyboard-LRM span, .ui-keyboard-NBSP span, .ui-keyboard-RLM span,
	.ui-keyboard-ZWJ span, .ui-keyboard-ZWNJ span, .ui-keyboard-ZWSP span {
	font-size: .5em;
	line-height: 1.5em;
	white-space: normal
}

.ui-keyboard-button.ui-keyboard-combo.ui-state-default {
	border-color: #ffaf0f
}

button.ui-keyboard-accept.ui-keyboard-valid-input {
	border-color: #0c0;
	background: #080;
	color: #fff
}

button.ui-keyboard-accept.ui-keyboard-valid-input:not ([disabled] ):hover
	{
	background: #0a0
}

button.ui-keyboard-accept.ui-keyboard-invalid-input {
	border-color: #c00;
	background: #800;
	color: #fff;
	opacity: .5
}

button.ui-keyboard-accept.ui-keyboard-invalid-input:not ([disabled] ):hover
	{
	background: #a00
}

.ui-keyboard-caret {
	background: #c00;
	width: 1px;
	margin-top: 3px
}

div.ui-body.ui-keyboard button.ui-keyboard-button.ui-btn {
	padding: .5em 1em;
	border-color: transparent
}

.ui-body .ui-keyboard-button {
	width: 3em;
	height: 3em;
	display: inline-block
}

.ui-body .ui-keyboard-widekey {
	width: 5.5em
}

.ui-body .ui-keyboard-space {
	width: 15em
}

.ui-body .ui-keyboard-space span {
	visibility: hidden
}

.ui-body .ui-keyboard-keyset {
	line-height: .5em
}

.ui-body input.ui-input-text, .ui-body textarea.ui-input-text {
	width: 95%
}

.ui-body .ui-btn-inner {
	height: 2em;
	padding: .2em 0;
	margin: 0
}

.ui-body .ui-btn {
	margin: 0;
	font-size: 13px
}

button.ui-keyboard-button.btn {
	padding: 1px 6px
}

button.ui-keyboard-toggle span {
	width: .8em;
	height: .8em;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain
}

button.ui-keyboard-toggle span {
	background-image:
		url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgZmlsbD0iIzExMSI+PHBhdGggZD0iTTguNyw0LjRINy41SDUuMHYtMS45YzAtMS40LTEuMS0yLjUtMi41LTIuNWMtMS40LDAtMi41LDEuMS0yLjUsMi41djEuOWgxLjIgdi0xLjljMC0wLjcsMC42LTEuMiwxLjItMS4yczEuMiwwLjYsMS4yLDEuMnYxLjljLTAuNywwLTEuMiwwLjYtMS4yLDEuMlY4LjggYzAsMC43LDAuNiwxLjIsMS4yLDEuMmg1LjBDOS40LDEwLDEwLDkuNCwxMCw4LjhWNS42QzEwLDUuMCw5LjQsNC40LDguOCw0LjR6IE02LjYsNy40djEuMCBjMCwwLjItMC4xLDAuMy0wLjMsMC4zUzYuMCw4LjYsNi4wLDguNFY3LjRjLTAuMi0wLjEtMC4zLTAuMy0wLjMtMC41YzAtMC4zLDAuMy0wLjYsMC42LTAuNiBTNi45LDYuNiw2LjksNi45QzYuOSw3LjEsNi44LDcuMyw2LjYsNy40eiIvPjwvc3ZnPg==)
}

.ui-keyboard-dark-theme button.ui-keyboard-toggle span {
	background-image:
		url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgZmlsbD0iI2VlZSI+PHBhdGggZD0iTTguNyw0LjRINy41SDUuMHYtMS45YzAtMS40LTEuMS0yLjUtMi41LTIuNWMtMS40LDAtMi41LDEuMS0yLjUsMi41djEuOWgxLjIgdi0xLjljMC0wLjcsMC42LTEuMiwxLjItMS4yczEuMiwwLjYsMS4yLDEuMnYxLjljLTAuNywwLTEuMiwwLjYtMS4yLDEuMlY4LjggYzAsMC43LDAuNiwxLjIsMS4yLDEuMmg1LjBDOS40LDEwLDEwLDkuNCwxMCw4LjhWNS42QzEwLDUuMCw5LjQsNC40LDguOCw0LjR6IE02LjYsNy40djEuMCBjMCwwLjItMC4xLDAuMy0wLjMsMC4zUzYuMCw4LjYsNi4wLDguNFY3LjRjLTAuMi0wLjEtMC4zLTAuMy0wLjMtMC41YzAtMC4zLDAuMy0wLjYsMC42LTAuNiBTNi45LDYuNiw2LjksNi45QzYuOSw3LjEsNi44LDcuMyw2LjYsNy40eiIvPjwvc3ZnPg==)
}

button.ui-keyboard-toggle.ui-keyboard-disabled span {
	background-image:
		url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgZmlsbD0iIzExMSI+PHBhdGggZD0iTTcuNCA0LjRWMi41YzAtMS40LTEuMS0yLjUtMi41LTIuNWMtMS40IDAtMi41IDEuMS0yLjUgMi41djEuOSBjLTAuNyAwLTEuMiAwLjUtMS4yIDEuMnYzLjFDMS4zIDkuNCAxLjggMTAgMi41IDEwaDQuOWMwLjcgMCAxLjItMC42IDEuMi0xLjJWNS42IEM4LjcgNC45IDguMSA0LjQgNy40IDQuNHogTTUuMyA3LjR2MS4wYzAgMC4yLTAuMSAwLjMtMC4zIDAuM2MtMC4yIDAtMC4zLTAuMS0wLjMtMC4zVjcuNCBjLTAuMi0wLjEtMC4zLTAuMy0wLjMtMC41YzAtMC4zIDAuMy0wLjYgMC42LTAuNmMwLjMgMCAwLjYgMC4zIDAuNiAwLjYgQzUuNiA3LjEgNS41IDcuMyA1LjMgNy40eiBNNi4yIDQuNEgzLjdWMi41YzAtMC43IDAuNS0xLjIgMS4yLTEuMmMwLjcgMCAxLjIgMC42IDEuMiAxLjIgVjQuNHoiLz48L3N2Zz4=)
}

.ui-keyboard-dark-theme button.ui-keyboard-toggle.ui-keyboard-disabled span
	{
	background-image:
		url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgZmlsbD0iI2VlZSI+PHBhdGggZD0iTTcuNCA0LjRWMi41YzAtMS40LTEuMS0yLjUtMi41LTIuNWMtMS40IDAtMi41IDEuMS0yLjUgMi41djEuOSBjLTAuNyAwLTEuMiAwLjUtMS4yIDEuMnYzLjFDMS4zIDkuNCAxLjggMTAgMi41IDEwaDQuOWMwLjcgMCAxLjItMC42IDEuMi0xLjJWNS42IEM4LjcgNC45IDguMSA0LjQgNy40IDQuNHogTTUuMyA3LjR2MS4wYzAgMC4yLTAuMSAwLjMtMC4zIDAuM2MtMC4yIDAtMC4zLTAuMS0wLjMtMC4zVjcuNCBjLTAuMi0wLjEtMC4zLTAuMy0wLjMtMC41YzAtMC4zIDAuMy0wLjYgMC42LTAuNmMwLjMgMCAwLjYgMC4zIDAuNiAwLjYgQzUuNiA3LjEgNS41IDcuMyA1LjMgNy40eiBNNi4yIDQuNEgzLjdWMi41YzAtMC43IDAuNS0xLjIgMS4yLTEuMmMwLjcgMCAxLjIgMC42IDEuMiAxLjIgVjQuNHoiLz48L3N2Zz4=)
}

.ui-keyboard.ui-keyboard-disabled button:not (.ui-keyboard-toggle ),
	.ui-keyboard.ui-keyboard-disabled input {
	opacity: .5
}

.ui-keyboard-overlay {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgba(0, 0, 0, .5)
}

.ui-keyboard-popup {
	display: inline-block;
	max-width: 22em
}

.ui-keyboard.ui-keyboard-popup-open .ui-keyboard-keyset .ui-keyboard-button
	{
	pointer-events: none
}

div.ui-keyboard-extender {
	margin-left: 5px
}

button.ui-keyboard-extender span {
	width: .9em;
	height: .9em;
	display: inline-block;
	margin-bottom: 3px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	background-image:
		url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgc3R5bGU9ImZpbGw6IzExMSI+PGc+PHBhdGggc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6IzExMSIgZD0iTSAwLjUsNC41IDE1LjUsNC41IDE1LjUsMTUuNSAwLjUsMTUuNSBaIj48L3BhdGg+PHJlY3Qgd2lkdGg9IjIiIGhlaWdodD0iMiIgeD0iMiIgeT0iNiI+PC9yZWN0PjxyZWN0IHdpZHRoPSIyIiBoZWlnaHQ9IjIiIHg9IjUiIHk9IjYiPjwvcmVjdD48cmVjdCB3aWR0aD0iMiIgaGVpZ2h0PSIyIiB4PSI4IiB5PSI2Ij48L3JlY3Q+PHBhdGggZD0ibSAxMSw2IDMsMCAwLDUgLTIsMCAwLC0zIC0xLDAgeiI+PC9wYXRoPjxyZWN0IHdpZHRoPSIyIiBoZWlnaHQ9IjIiIHg9IjEyIiB5PSIxMiI+PC9yZWN0PjxyZWN0IHdpZHRoPSI2IiBoZWlnaHQ9IjIiIHg9IjUiIHk9IjEyIj48L3JlY3Q+PHJlY3Qgd2lkdGg9IjIiIGhlaWdodD0iMiIgeD0iOSIgeT0iOSI+PC9yZWN0PjxyZWN0IHdpZHRoPSIyIiBoZWlnaHQ9IjIiIHg9IjYiIHk9IjkiPjwvcmVjdD48cmVjdCB3aWR0aD0iMiIgaGVpZ2h0PSIyIiB4PSIyIiB5PSIxMiI+PC9yZWN0PjxyZWN0IHdpZHRoPSIzIiBoZWlnaHQ9IjIiIHg9IjIiIHk9IjkiPjwvcmVjdD48L2c+PC9zdmc+)
}

.ui-keyboard-dark-theme button.ui-keyboard-extender span {
	background-image:
		url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgc3R5bGU9ImZpbGw6I2VlZSI+PGc+PHBhdGggc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6I2VlZSIgZD0iTSAwLjUsNC41IDE1LjUsNC41IDE1LjUsMTUuNSAwLjUsMTUuNSBaIj48L3BhdGg+PHJlY3Qgd2lkdGg9IjIiIGhlaWdodD0iMiIgeD0iMiIgeT0iNiI+PC9yZWN0PjxyZWN0IHdpZHRoPSIyIiBoZWlnaHQ9IjIiIHg9IjUiIHk9IjYiPjwvcmVjdD48cmVjdCB3aWR0aD0iMiIgaGVpZ2h0PSIyIiB4PSI4IiB5PSI2Ij48L3JlY3Q+PHBhdGggZD0ibSAxMSw2IDMsMCAwLDUgLTIsMCAwLC0zIC0xLDAgeiI+PC9wYXRoPjxyZWN0IHdpZHRoPSIyIiBoZWlnaHQ9IjIiIHg9IjEyIiB5PSIxMiI+PC9yZWN0PjxyZWN0IHdpZHRoPSI2IiBoZWlnaHQ9IjIiIHg9IjUiIHk9IjEyIj48L3JlY3Q+PHJlY3Qgd2lkdGg9IjIiIGhlaWdodD0iMiIgeD0iOSIgeT0iOSI+PC9yZWN0PjxyZWN0IHdpZHRoPSIyIiBoZWlnaHQ9IjIiIHg9IjYiIHk9IjkiPjwvcmVjdD48cmVjdCB3aWR0aD0iMiIgaGVpZ2h0PSIyIiB4PSIyIiB5PSIxMiI+PC9yZWN0PjxyZWN0IHdpZHRoPSIzIiBoZWlnaHQ9IjIiIHg9IjIiIHk9IjkiPjwvcmVjdD48L2c+PC9zdmc+)
}

@media all and (max-width:319px) {
	.ui-keyboard div {
		font-size: 9px
	}
	.ui-keyboard .ui-keyboard-input {
		font-size: 12px
	}
	.ui-body .ui-btn {
		margin: 0;
		font-size: 9px
	}
	.ui-body .ui-keyboard-button {
		width: 1.8em;
		height: 2.5em
	}
	.ui-body .ui-keyboard-widekey {
		width: 4em
	}
	.ui-body .ui-keyboard-space {
		width: 8em
	}
	.ui-body .ui-btn-inner {
		height: 2.5em;
		padding: .3em 0
	}
}

@media all and (min-width:320px) and (max-width:479px) {
	.ui-keyboard div {
		font-size: 9px
	}
	.ui-keyboard .ui-keyboard-input {
		font-size: 14px
	}
	.ui-body .ui-btn {
		margin: 0;
		font-size: 11px
	}
	.ui-body .ui-keyboard-button {
		width: 1.8em;
		height: 3em
	}
	.ui-body .ui-keyboard-widekey {
		width: 4.5em
	}
	.ui-body .ui-keyboard-space {
		width: 10em
	}
	.ui-body .ui-btn-inner {
		height: 3em;
		padding: .7em 0
	}
}

@media all and (min-width:480px) and (max-width:767px) {
	.ui-keyboard div {
		font-size: 13px
	}
	.ui-keyboard .ui-keyboard-input {
		font-size: 14px
	}
	.ui-body .ui-btn {
		margin: 0;
		font-size: 10px
	}
	.ui-body .ui-keyboard-button {
		height: 2.5em
	}
	.ui-body .ui-btn-inner {
		height: 2.5em;
		padding: .5em 0
	}
}

.ico {
	padding-left: 35px;
	position: relative;
}

.btn-primary:hover, .btn-primary:focus {
	background: #280571;
}

.modal-content-pad {
	padding: 40px
}

.ico:before {
	content: '';
	height: 28px;
	width: 28px;
	display: block;
	top: -5px;
	position: absolute;
	left: 0;
	background-size: 22px !important;
}

.ico.call:before {
	background: url(../../../images/call.svg) center center no-repeat;
}

.ico.mail:before {
	background: url(../../../images/mail.svg) center center no-repeat
}

.ico.locate:before {
	background: url(../../../images/map.svg) center center no-repeat
}

.ico.time:before {
	background: url(../../../images/time.svg) center center no-repeat
}

.slick-slide {
	background-size: cover;
	background-position: center center;
	min-height: 600px
}

.form-group input[type=text].form-control.search {
	background: url(../../../images/search.svg) right 6px no-repeat;
	background-size: 20px;
	padding-right: 30px;
}

@media screen and (min-width:1200px) {
	.img-content-layout img {
		width: 90%;
		margin: 0 auto
	}
	/* header nav li:last-child{display: none;}*/
}

@media screen and (max-width:1024px) {
	#modal-bg2 {
		display: none;
	}
	#categories-list li {
		display: block;
		float: left;
		list-style: none;
		/* padding: 0px 8px; */
		/* margin: 0 8px; */
		max-width: 25%;
		width: 100px;
		text-align: center;
	}
	.Categories {
		width: inherit;
		/* float: left; */
		text-align: center;
		display: flex;
		flex-direction: column;
		justify-content: center;
		/* padding: 10px; */
		height: 100px;
		margin: 0 auto;
	}
	
	.Categories p {
	font-size: 12px;
}
	.bbps-logo1 {
		display: block;
		max-width: 130px;
	}
	.hamburger-row {
		display: block;
	}
	a.hamburger {
		width: 25px;
		display: block;
		z-index: 100;
		padding-top: 6px;
	}
	#modal-bg {
		display: none;
	}
	.modal-content-pad, .modal-body {
		padding: 20px !important
	}
	.header-top {
		display: none;
	}
	header nav li {
		display: block;
		padding: 0;
		margin: 0;
	}
	header nav {
		position: fixed;
		top: 85px;
		right: -100%;
		z-index: 100;
		background: #E5F8FF;
		height: 100vh;
		box-shadow: 0px 0px 10px #b3b3b3;
		transition: all .2s ease-in-out;
	}
	header nav.open {
		right: 0
	}
	header nav li a {
		padding: 15px 20px;
	}
	.logo {
		text-align: center;
	}
	.logo img {
		width: 150px;
	}
	header nav li a.active, header nav li a:hover {
		background: #fff;
		border-color: #ccc;
	}
	header nav li a {
		border-bottom: 1px solid #ccc;
	}
	.img-content-layout .row>div {
		display: block;
		float: none;
		min-height: auto
	}
	.img-content-layout .row.reverse {
		display: block;
	}
	.img-content-layout .row.reverse>div:first-child {
		text-align: center;
		margin-bottom: 20px;
	}
	.fscreen .container {
		max-width: 520px;
	}
	.fscreen .container h2, .fscreen .container p {
		text-align: center;
	}
	.info-slide>div>div {
		min-height: 200px
	}
	.info-slide>div>div {
		background: none;
		float: none;
		text-align: left;
		min-height: auto;
		padding: 0; /* padding-left: 33px; */
	}
	.info-slide>div {
		float: none;
		width: 100%;
	}
	.info-slide>div>div p {
		display: inline;
		position: relative;
		top: -8px;
		padding-left: 8px;
	}
	.info-slide>div>div img {
		width: 18px;
		display: inline;
		position: relative;
		top: -3px;
	}
	#main-slider {
		margin-top: 0px;
	}
	.feature-slide>div {
		padding: 0;
		min-height: 86px;
		background: none;
	}
	.feature-slide>div>img {
		max-width: 33px;
		max-height: 32px;
	}
	.feature-slide>div>p {
		font-size: 9px;
		line-height: 11px;
	}
}

@media only screen and (max-width:600px){
	#categories-list li{
		display: block;
		float: left;
		list-style: none;
		max-width: 25%;
		text-align: center;
		width: 100%;
	}
	
	.Categories p{
		font-size: 12px;
	}
}

@media screen and (max-width:520px) {
	footer div {
		text-align: center;
		margin-bottom: 5px;
	}
	#footer-quick-nav, #footer-quick-nav li {
		float: none !important
	}
	#footer-quick-nav li {
		display: inline-block;
		margin: 5px 0;
		padding: 0 10px
	}
	.feature-slide>div {
		padding: 0;
		min-height: 77px;
		background: none;
	}
	.feature-slide>div>img {
		max-height: 25px;
		max-width: 25px;
	}
	.feature-slide>div>p {
		font-size: 9px;
		line-height: 11px;
	}
	.info-slide>div>div p {
		font-size: 13px; /* padding-left: 28px; */
	}
	#main-banner .btn-primary {
		font-size: 14px;
		min-width: 100px
	}
}

#mySearchButton3{
	position: relative;
    bottom: 28px;
    left: 682px;
}
#mySearchButton2{
	position: relative;
    bottom: 0px;
    left: 3px;
}
@media screen and (max-width:768px) {
	#mySearchbox {
		width: 93%;
		font-size: 12px;
	}
	#myraiseSearchbox {
		width: 93%;
	}
	#viewAllCompSearchbox{
		width: 284px;
    	float: left;
    	margin-bottom: 12px
	}
	#viewAllRaiseMySearchbox{
		width: 284px;
    	float: left;
    	margin-bottom: 12px
	}
	#mySearchButton{
	position: relative;
    left: 0px;
    top: 10px;
    }
    
    #mySearchButton2{
    position: relative;
    left: 280px;
    top: -40px;
    }
    
    #mySearchButton3{
    position: relative;
    left: 280px;
    top: -40px;
    }
    
	#myraiseSearchButton{
	position: relative;
    top: -45px;
    left: 280px;
	}
	
	.login-btn {
		display: inline-block;
	}
	.logo img {
		max-width: 150px;
	}
	#main-banner h1 {
		color: #fff;
		max-width: 830px;
		margin-bottom: 10px;
		line-height: 44px;
		font-size: 18px;
		font-weight: 500;
		margin-top: 0px;
		line-height: 30px;
	}
	form.example input[type=text] {
		padding: 8px 45px 8px 20px;
		font-size: 14px;
		border: 2px solid #00a9e0;
		/* float: left; */
		width: 100%;
		background: #ffffff;
		border-radius: 25px;
		color: #0f0f0f;
		display: inline-block;
		position: relative;
	}
}

@media screen and (max-width:420px) {
	.searchbtn {
		width: 30px !important;
		padding: 0px !important;
		position: relative;
		right: 42px;
		top: 11px;
		float: right !important;
	}
}

@media ( min-width :420px) and (max-width:600px) {
	.searchbtn {
		width: 30px !important;
		padding: 0px !important;
		position: relative;
		right: 60px;
		top: 11px;
		float: right !important;
	}
}

@media ( min-width :600px) and (max-width:768px) {
	.searchbtn {
		width: 30px !important;
		padding: 0px !important;
		position: relative;
		right: 83px;
		top: 11px;
		float: right !important;
	}
}

@media ( min-width :768px) and (max-width:1200px) {
	.searchbtn {
		width: 30px !important;
		padding: 0px !important;
		position: relative;
		right: 101px;
		top: 11px;
		float: right !important;
	}
}

/******description-box css ***********/
.after_modal_appended {
	position: relative;
}

.block {
	width: 100%;
	height: 100%;
}

/* .modal, .modal-backdrop {
    position: absolute !important;
} */
.ui-sortable-placeholder {
	border: 1px dashed #333;
	display: block;
	width: 223px;
	height: 50px;
	margin-left: 20px;
	visibility: visible !important;
	border-radius: 30px 0 0 30px
}
/***********************************/

svg > g[class^="raphael-group-"] > text{
    display: none;
}

li.active.underlineText{
text-decoration: underline;
}

.imgFocus:focus{
border:1px solid grey;
}



a:focus {
    outline: 0px auto -webkit-focus-ring-color;
    outline-offset: 0px;
    border: solid 1px #23527c;
}

div:focus {
    
    border: solid 2px #23527c !important;
}

#sbiLogo:focus {
    outline: 5px auto -webkit-focus-ring-color !important;
    outline-offset: 8px !important;
    color: #23527c !important;
}

.paginate_button img {
	width:10px;
}

/*.slide {*/
/*    height: 370px;*/
/*}*/

.slick-initialized .slick-slide {
	display: block;
	min-height: 380px !important;
	/* background-repeat: no-repeat; */
}

.header-container{
	display: flex;
	align-items: center;
	gap: 15px;
}

#sbiPostLoginLogo{
	height: 50px;
	mix-blend-mode: multiply;
}

.logout-msg h2, .logout-msg h4{
	margin: 5px 0;
	text-align: center;
}

.logout-msg h2{
	font-weight: bold;
}

.logout-text{
	font-size:18px;
}

@media(max-width:768px){
	.logout-text {
		font-size:12px;
	}
}