@import url("./alfin-common-styles.c6249513ca9f.css");
@import url("./components/buttons.d779839817b7.css");
@import url("./components/input.f1a466d8e227.css");
@import url("./components/alfin-titles.500e5cd8f374.css");

button.btn-base {
	background-color: #6b7afe !important;
	border-color: black !important;
}

button.btn-base:focus,
button.btn-base:active:focus {
	box-shadow: 0 0 10px 0.2rem rgba(199, 14, 100, 0.18) !important;
}

.tabbable .nav-tabs {
	overflow-x: auto;
	overflow-y: hidden;
	flex-wrap: nowrap;
	background: #c3c3c329;
	border: 1px solid #00000014;
	border-radius: 5px;
}

.tabbable .nav-tabs .nav-link {
	white-space: nowrap;
	font-size: 16px;
}

.nav-tabs {
	border-bottom: 1px solid #6b7afe2b;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
	/* color: #6b7afe;
    background-color: #6b7afe2b;
    border-color: #6b7afe #ffffff #fff;
    box-shadow: inset 5px 5px 10px 0px rgba(0, 0, 0, 0.36); */
	border: none;
	background-color: #f8f8ff;
	color: #6b7afe;
	font-weight: 600;
	border-bottom: 5px solid #6b7afe;
	font-size: 18px;
	/* box-shadow: inset 4px 4px 8px 0px #58585859; */
}
.nav-tabs .nav-item.show .nav-link {
	font-size: 18px;
}
.tabbable a {
	color: #6b7afef0;
}

.tab-content p {
	font-size: 1rem;
	margin: 0;
}

.tab-content .talktime {
	font-weight: 600;
	font-size: 16px;
}

.tab-content .desc {
	font-weight: 500;
	line-height: initial;
}

.tab-content .validity {
	font-weight: 100;
	color: gray;
}

.tab-content .list-group .row {
	border-bottom: 1px solid #6b7afe30;
}

.modal-title {
	color: #6b7afe;
}

.modal-header {
	align-items: center;
	border-bottom: none;
}

#dynamic_operator {
	font-size: 1.2rem;
}

.form-control:focus {
	box-shadow: none;
}

.go-left {
	margin-left: -10rem;
}

#id_operator,
#id_circle {
	background: none;
}

#id_operator:disabled,
#id_circle:disabled {
	background: none;
	color: gray !important;
	opacity: 0.5;
}

#id_operator option,
#id_circle option {
	background: #ffffff;
	color: #6b7afe;
}

select:focus {
	border-color: gray;
	outline: none;
}

.list-group-item {
	border: none;
}

/* Hide Arrow Keys In Number Input Field */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
input[type="number"] {
	-moz-appearance: textfield;
}

.swag-box {
	position: absolute;
	right: 58px;
	top: -5px;
	font-size: 12px;
	text-align: right !important;
	color: #999;
}

@media screen and (min-width: 920px) {
  .swag-box {
	position: absolute;
	right: 14px;
	top: -5px;
	font-size: 12px;
	text-align: right !important;
	color: #999;
}
}

.swag-box-inside {
	margin-right: -12px;
	text-align: right;
}

.swag-box-btn {
	margin-bottom: -10px;
	font-size: 0.9rem;
}

.swag-box-btn:hover,
.swag-box-btn:focus,
.change-operator:hover,
.change-circle:hover,
.change-operator:focus,
.change-circle:focus {
	text-decoration: none;
}

/* .recharge-container {
    background-image: radial-gradient(ellipse farthest-corner at 0 96%, #0cc9d28c 70%, #ff000087 82%);
} */

.change-operator,
.change-circle,
.clear-number {
	position: absolute;
	right: 36px;
	top: 4px;
	font-size: 24px;
}

@media screen and (min-width: 920px) {
	.change-operator,
	.change-circle,
	.clear-number {
		position: absolute;
		right: 0px;
		top: 4px;
		font-size: 24px;
	}
}

.chng {
	font-size: 16px !important;
	font-weight: normal !important;
	padding-right: 30px !important;
	text-align: right !important;
}
.chng-2 {
	font-size: 16px !important;
	font-weight: normal !important;
	text-align: right !important;
}
.mar-btn {
	margin-bottom: -17px !important;
}
#rechargeFormMsg {
	font-size: 16px;
	padding: 1rem;
	padding-left: 0;
}

#rechargeFormMsg button.close {
	padding: 0.3rem;
	font-size: 20px;
}
.btns-2 {
	font-size: 20px !important;
}