@import
	url("https://fonts.googleapis.com/css2?family=Mitr:wght@200;300;400;500;600;700&family=Noto+Sans+Thai:wght@100;200;300;400;500;600;700&display=swap")
	;

* {
	font-family: "Mitr", sans-serif;
	font-family: "Noto Sans Thai", sans-serif;
}

.pointer {
	cursor: pointer;
}

.bg-f3 {
	background-color: #f3f3f3;
}

.bg-yel {
	background: #dfbc3d;
}

.bg-c6 {
	background: #c6c6c6;
}

.text-f3 {
	color: #f3f3f3;
}

.text-c6 {
	color: #c6c6c6;
}

.bullet {
	display: list-item;
	list-style-type: disc;
	list-style-position: inside;
}

.radius-10 {
	border-radius: 10px;
}

.radius-s-10 {
	border-radius: 10px 0 0 10px;
}

.radius-e-10 {
	border-radius: 0 10px 10px 0;
}

.radius-t-10 {
	border-radius: 10px 10px 0 0;
}

.radius-b-10 {
	border-radius: 0 0 10px 10px;
}

.w-80 {
	width: 80%;
}

.w-60 {
	width: 60%;
}

.w-40 {
	width: 40%;
}

/* Top Header */
.header {
	width: 100%;
}

.header-top {
	height: 2.5rem;
	padding: 0 4.5rem;
	font-size: 0.8rem;
}

.header-top__item {
	margin-right: 0.4rem;
}

.header-top__item>a>* {
	margin: 0 0.2rem;
	color: #fff;
}

.header-top__item>div {
	height: 1rem;
	width: 0.1rem;
	background-color: #fff;
}

.header-top__item.admin_e-service>a>* {
	margin: 0 0.2rem;
	color: #5b2d90;
}

.header-top__item.admin_e-service>div {
	height: 1rem;
	width: 0.1rem;
	background-color: #5b2d90;
}

.header-top__item.bank_menu>a>* {
	margin: 0 0.2rem;
	color: #1f2a85;
}

.header-top__item.bank_menu>div {
	height: 1rem;
	width: 0.1rem;
	background-color: #fff;
}

.header-top__items {
	/* margin-left: 1rem; */
	font-size: 1rem;
}

.header-top__items>div {
	margin-left: 1rem;
	margin-right: 0;
}

.header-top__item>a>span {
	top: 3px;
	left: 70%;
}

.header-wrapper {
	height: 7rem;
	padding: 0 4.5rem;
}

.header-wrapper__img {
	width: 13rem;
}

.header-wrapper__item {
	margin-right: 5rem;
}

.header-search {
	border: 1px solid #c6c6c6;
	border-radius: 0.7rem;
	width: 40rem;
	height: 2.7rem;
	/* padding-top: 0.2rem; */
}

.header-search__icon {
	padding-top: 0.2rem;
	text-align: center;
	font-size: 1.5rem;
	width: 3.5rem;
}

.header-search__input {
	flex: 1;
	border: none;
	height: 100%;
	border-radius: 0 0.7rem 0.7rem 0;
}

.header-search__input:focus {
	border-radius: 0 0.7rem 0.7rem 0;
	border: 1px solid #ad96c7;
	outline: 0;
}

.header-wrapper__login {
	height: 2.7rem;
	background: #f3f3f3;
	padding: 0 1.7rem;
	color: #5b2d90;
	cursor: pointer;
}

.header-wrapper__login:hover {
	background: #5b2d90;
	color: #fff;
}

.header-wrapper__login.active {
	background: #5b2d90;
	color: #fff;
}

.header-wrapper__login>div {
	margin: 0 0.5rem;
}

.header-login__dropdown {
	position: absolute;
	top: 2.5rem;
	left: 0;
	width: 100%;
	background-color: #f3f3f3;
}

.header-login__dropdown>a:hover {
	background: #5b2d90;
	color: #fff;
}

.header-bank__login {
	height: 2.7rem;
	background: #ddebf5;
	padding: 0 1.7rem;
	color: #1f2a85;
	cursor: pointer;
}

.header-bank__login:hover {
	background: #1f2a85;
	color: #fff;
}

.header-bank__login.active {
	background: #1f2a85;
	color: #fff;
}

.header-bank__login>div {
	margin: 0 0.5rem;
}

/* E-service ประชาชน */
.home-timeline__item, .home-timeline__dot {
	width: 25%;
	text-align: center;
}

.home-timeline__item>svg {
	width: 5rem;
	fill: #e5e5e5;
}

.home-timeline__item:nth-child(1)>svg {
	width: 5rem;
	fill: #dfbc3d;
}

.home-timeline__dot span {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: #e5e5e5;
	color: #fff;
}

.home-timeline__dot:nth-child(1) span {
	background-color: #dfbc3d;
	color: #fff;
}

.size-icon {
	font-size: 4rem;
}

.next {
	background-color: #dfbc3d;
	font-size: 1.2rem;
	box-shadow: 0 0.5rem 1rem rgb(0 0 0/ 50%) !important;
}

.prev {
	background-color: #989898;
	font-size: 1.2rem;
	color: white;
	box-shadow: 0 0.5rem 1rem rgb(0 0 0/ 50%) !important;
}

.btn-bill {
	box-shadow: 0 0.5rem 1rem rgb(0 0 0/ 50%) !important;
}

.alert-icon {
	color: #dfbc3d;
	font-size: 2rem;
	cursor: pointer;
	z-index: 99;
}

.home-wrapper {
	border-radius: 1rem;
	background: rgba(91, 45, 144, 0.15);
}

.home-wrapper__header {
	color: #8b5fb4;
	text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.home-wrapper__header>span {
	border-bottom: 5px solid;
	border-image: linear-gradient(to right, #8b5fb4, #eddaff) 1;
}

.box {
	width: 15rem;
	height: 28rem;
	border-radius: 1rem;
	cursor: pointer;
	background-color: #b18ad4;
	color: #fff;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), inset 0px 0px 30px 15px
		rgba(255, 255, 255, 0.25);
	position: relative;
	overflow: hidden;
}

.box:nth-child(2), .box:nth-child(4) {
	height: 30rem;
}

.box:nth-child(3) {
	height: 34rem;
	width: 17rem;
}

.recommend {
	background-color: #dfbc3d;
	text-align: center;
	width: 11rem;
	position: absolute;
	top: 1rem;
	left: -2.7rem;
	padding: 0.2rem 0;
	color: #fff !important;
	-webkit-transform: rotate(-32deg);
	-moz-transform: rotate(-32deg);
	-ms-transform: rotate(-32deg);
	-o-transform: rotate(-32deg);
}
/* .box:hover{
  background-color: #fff;
  color: #5B2D90;
} */
.siz-icon__svg {
	padding: 0.5rem;
	width: 7rem;
	margin: auto;
}

.box:hover .siz-icon__svg {
	fill: #5b2d90;
}

.home-package__active {
	border: 4px solid #dfbc3d !important;
	position: relative !important;
	background-color: #fff;
	color: #5b2d90;
}

.home-package__active .siz-icon__svg {
	fill: #5b2d90;
}

.packages-tick {
	position: absolute;
	/* overflow: hidden; */
	right: 10px;
	top: 10px;
	z-index: 99;
}

.search-list {
	position: absolute;
	top: 3.5rem;
	border-radius: 0.5rem 0.5rem 1rem 1rem;
	width: 100%;
	height: 350px;
	overflow-y: scroll;
	display: none;
	background-color: #f5f5f5;
	z-index: 999;
}

.search-list__item {
	cursor: pointer;
}

.search-list__item:hover {
	background-color: rgba(255, 193, 70, 0.5);
}

.search-list__item>span {
	margin-right: 0.5rem;
}

.search-list__item>span:nth-child(1) {
	width: 5% !important;
}

.search-list__item>span:nth-child(odd) {
	width: 20%;
}

.search-list__item>span:nth-child(even) {
	width: 30%;
}

.list-item
>
span




:nth-child(odd)




:not


 


(
:last-child


 


)
{
width




:


 


30%;
}
.list-item>span:nth-child(even) {
	width: 20%;
}

.wrapper2 {
	margin-left: 10rem;
	margin-right: 10rem;
}

.list-items>:nth-child(even) {
	background-color: #f5f5f5;
}

.list-item {
	height: 4rem;
	color: #ccc;
	justify-content: space-between;
}

.home-description {
	position: absolute;
	top: 20px;
	left: 20px;
	width: 100%;
	background: #f3f3f3;
	border-radius: 10px;
	padding: 2rem 2rem;
	transition: all 0.5s ease-out;
	z-index: 1;
}

.home-select {
	background: #fff;
	padding: 0.5rem 1rem;
	border-radius: 10px;
}

.home-select:hover {
	background-color: rgb(235, 235, 235);
}

.home-select__doc {
	margin-left: 0.5rem;
	font-size: 1.5rem;
	font-weight: 700;
}

.home-select__ovelay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(196, 196, 196, 0.48);
	border-radius: 0.5rem;
	transition: all 0.5s ease-out;
}

.home-result-bar {
	background: #e5e5e5;
	border-radius: 10px;
}

.home-result-bar__header {
	margin-left: 3rem;
}

.home-result-bar__header>* {
	margin: 0 1rem;
	padding: 0.5rem 0;
	color: #c4c4c4;
	font-size: 1rem;
	cursor: pointer;
}

.home-result-bar__header>.home-result__active {
	color: #5b2d90;
	font-weight: 700;
	border-bottom: 3px solid #5b2d90;
}

.home-result-bar__end {
	padding: 0.2rem 0.5rem;
	background: #eb9e00;
	border-radius: 21px;
	cursor: pointer;
	margin-left: auto;
	margin-right: 0.1rem;
}

.home-result-bar__end>* {
	margin: 0 0.1rem;
}

.home-result-item {
	margin: 1rem 0;
}

.home-result-item__header {
	background-color: #5b2d90;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	border-radius: 10px;
	color: #fff;
	padding: 1rem;
	font-size: 1rem;
}

.home-result-item__header>div:nth-child(1) {
	width: 2%;
}

.home-result-item__header>div:nth-child(2) {
	width: 5%;
}

.home-result-item__header>div:nth-child(3) {
	width: 15%;
}

.home-result-item__header>div:nth-child(4) {
	width: 43%;
}

.home-result-item__header>div:nth-child(5) {
	width: 20%;
}

.home-result-item__header>div:nth-child(6) {
	width: 15%;
}

.home-result-item__header>div>div:nth-child(1) {
	font-size: 0.8rem;
}

.home-result-item__body {
	margin: 0 0.4rem;
	border: 1px solid #e9e0f5;
	border-radius: 0 0 10px 10px;
}

.home-result-item__col {
	background: #e9e0f5;
	border-radius: 0 0 10px 10px;
	padding: 0.5rem;
	color: #5b2d90;
	font-size: 0.8rem;
	font-weight: 500 !important;
}

.home-result-item__col>div:nth-child(1), .home-result-item__list>div:nth-child(1)
	{
	width: 10%;
	text-align: center;
}

.home-result-item__col>div:nth-child(2), .home-result-item__list>div:nth-child(2)
	{
	width: 20%;
}

.home-result-item__col>div:nth-child(3), .home-result-item__list>div:nth-child(3)
	{
	width: 40%;
}

.home-result-item__col>div:nth-child(4), .home-result-item__list>div:nth-child(4)
	{
	width: 10%;
	text-align: center;
}

.home-result-item__col>div:nth-child(5), .home-result-item__list>div:nth-child(5)
	{
	width: 10%;
	text-align: center;
}

.home-result-item__col>div:nth-child(6), .home-result-item__list>div:nth-child(6)
	{
	width: 10%;
	text-align: center;
}

.home-result-detail {
	padding: 1rem 0;
	font-size: 0.8rem;
	color: #b0b0b0;
}

.home-result-detail>div>div:nth-child(1) {
	width: 15%;
}

.home-result-detail>div>div:nth-child(2) {
	width: 10%;
}

.home-result-detail>div>div:nth-child(3) {
	width: 8%;
}

.home-result-amount {
	background: #f3f3f3;
	border-radius: 10px;
	padding: 1rem 2rem;
	color: #5b2d90;
	font-weight: 700;
}

.home-result-amount>div:last-child {
	color: #ff231c;
}

.home-payer {
	width: 30rem;
	margin: 1rem 10rem;
}

.home-payer__item {
	margin: 1rem 0;
}

.home-payer__item>div:nth-child(1) {
	background: rgba(229, 229, 229, 0.6);
	border-radius: 10px;
	color: #5b2d90;
	padding: 0.5rem;
	font-size: 0.8rem;
	font-weight: 700;
}

.home-payer__radio {
	margin-top: 0.5rem;
	padding: 0 0.5rem;
}

.home-payer__radio>div:nth-child(1) {
	width: 20%;
}

.home-payer__radio>div:nth-child(2) {
	width: 30%;
}

.home-payer__radio>div:nth-child(3) {
	width: 50%;
}

.home-payer__radio>div:nth-child(3)>input:nth-child(3) {
	width: 70%;
}

.home-delivery {
	padding: 1rem 5rem;
}

.home-delivery__item {
	background: #f9f4ff;
	border: 1px solid #5b2d90;
	border-radius: 10px;
	width: 12rem;
	height: 6rem;
	cursor: pointer;
	color: #5b2d90;
}

.home-delivery__icon {
	width: 3.5rem;
	height: auto;
	fill: #5b2d90;
}

.home-delivery__item:hover, .home-delivery__active {
	background: #5b2d90;
}

.home-delivery__item:hover>.home-delivery__icon, .home-delivery__active>.home-delivery__icon
	{
	fill: #fff;
}

.home-delivery__item:hover>.home-delivery__channel>div:nth-child(1),
	.home-delivery__active>.home-delivery__channel>div:nth-child(1) {
	color: #fff !important;
}

.home-delivery__item:hover>.home-delivery__channel>div:nth-child(2),
	.home-delivery__active>.home-delivery__channel>div:nth-child(2) {
	color: #dfbc3d !important;
}

.home-delivery__channel {
	margin-left: 0.8rem;
	font-size: 0.8rem;
	font-weight: 500;
}

.home-delivery__channel>div:nth-child(2) {
	color: #57c748;
	font-size: 0.6rem;
}

.home-delivery-detail {
	padding: 1rem 5rem;
}

.home-delivery_input {
	border: 1px solid #c6c6c6;
	border-radius: 10px;
	padding: 1rem;
}

.home-delivery_bank {
	padding: 1rem;
	cursor: pointer;
	width: 14rem;
}

.home-delivery_img {
	width: 100%;
	height: 4rem;
}

.channel-input {
	border: 1px solid #eb9e00;
	background-color: white;
}

.home-payment {
	padding: 1rem 0;
	width: 50rem;
}

.home-payment__method {
	color: #5b2d90;
	border: 1px solid #5b2d90;
	border-radius: 10px;
	text-align: center;
	padding: 0.5rem 1rem;
	margin-right: 1rem;
	cursor: pointer;
}

.home-payment__active, .home-payment__method:hover {
	background-color: #5b2d90;
	border: 1px solid #fff !important;
	color: #fff;
}

.home-payment__logo {
	width: 100%;
	height: 3rem;
}

.home-payment__ment {
	font-size: 0.8rem;
	color: #989898;
}

.home-payment__body {
	border: 1px solid #5b2d90;
	margin-top: 1rem;
	padding: 1rem;
	border-radius: 10px;
}

.home-payment__item {
	margin: 1rem 0;
}

.home-result__block {
	color: #fff;
	background-color: #5b2d90;
	font-size: 0.8rem;
	width: 1.5rem;
	margin: 0.2rem 0.1rem;
	cursor: pointer;
}

.home-result__block>input {
	width: 100%;
	outline: none;
	background-color: #5b2d90;
	color: #fff;
	border: none;
	text-align: center;
}

.home-doc {
	margin: 2rem 0;
}

.home-doc__head {
	background: #e9e0f5;
	padding: 0.5rem;
	color: #5b2d90;
	font-size: 0.8rem;
	font-weight: 500 !important;
}

.home-doc__sub {
	background: #f3f3f3;
	border-radius: 0 0 10px 10px;
	padding: 0.5rem;
}

.home-doc__check, .home-doc__check:checked {
	background-color: #eb9e00;
	border: 1px solid #eb9e00;
}

.home-doc__sub>div:nth-child(1) {
	width: 50%;
}

.home-doc__sub>div:nth-child(2) {
	width: 10%;
	text-align: center;
}

.home-doc__sub>div:nth-child(3) {
	width: 10%;
	text-align: center;
}

.home-doc__sub>div:nth-child(4) {
	width: 10%;
	text-align: center;
}

.home-doc__sub>div:nth-child(5) {
	width: 10%;
	text-align: center;
}

.home-doc__sub>div:nth-child(6) {
	width: 10%;
	text-align: center;
}

.home-doc__search {
	background: #f3f3f3;
	border-radius: 10px;
	width: 30rem;
}

.home-doc__item>div:nth-child(1) {
	width: 7%;
}

.home-doc__item>div:nth-child(2) {
	width: 43%;
	padding-left: 0.5rem;
	margin-top: 0.5rem;
}

.home-doc__body3 {
	padding: 0 0.5rem;
}

.home-doc__item2>div:nth-child(1) {
	width: 7%;
	text-align: center;
}

.home-doc__item2>div:nth-child(2) {
	width: 12%;
}

.home-doc__item2>div:nth-child(3) {
	width: 30%;
}

.home-doc__item2>div:nth-child(4) {
	width: 9%;
	text-align: center;
}

.home-doc__item2>div:nth-child(5) {
	width: 9%;
	text-align: center;
}

.home-doc__item2>div:nth-child(6) {
	width: 10%;
	text-align: center;
}

.home-doc__item2>div:nth-child(7) {
	width: 7%;
	text-align: center;
}

.home-doc__item2>div:nth-child(8) {
	width: 6%;
	text-align: center;
}

.home-doc__item2>div:nth-child(9) {
	width: 10%;
	text-align: center;
}

.home-doc__item3>div:nth-child(1) {
	width: 13%;
}

.home-doc__item3>div:nth-child(2) {
	width: 30%;
}

.home-doc__item3>div:nth-child(3) {
	width: 9%;
	text-align: center;
}

.home-doc__item3>div:nth-child(4) {
	width: 9%;
	text-align: center;
}

.home-doc__item3>div:nth-child(5) {
	width: 7%;
	text-align: center;
}

.home-doc__item3>div:nth-child(6) {
	width: 10%;
	text-align: center;
}

.home-doc__item3>div:nth-child(7) {
	width: 7%;
	text-align: center;
}

.home-doc__item3>div:nth-child(8) {
	width: 6%;
	text-align: center;
}

.home-doc__item3>div:nth-child(9) {
	width: 10%;
	text-align: center;
}

/* E-service ประชาชน Track Status */
.track-header {
	background-color: #464298;
	color: #fff;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	border-radius: 10px;
	padding: 0 1rem;
}

.track-header>div {
	padding: 1rem 1.5rem;
	cursor: pointer;
}

.track-header>a {
	padding: 1rem 1.5rem;
	cursor: pointer;
}

.track-header__active {
	border-bottom: 2px solid #fff;
}

.track-header>div>span {
	font-size: 0.7rem;
}

.track-search {
	margin: 1rem 0;
	border: 1px solid #5b2d90;
	border-radius: 1rem;
}

.track-search__icon {
	padding: 0.6rem 1rem 0.4rem 1.3rem;
	color: #5b2d90;
	font-size: 1.5rem;
}

.track-search__input {
	flex: 1;
	background-color: #fff !important;
	border: none !important;
}

.track-item {
	background-color: #f5f5f5;
	border-radius: 10px;
	padding: 1rem;
	margin: 1rem 0;
}

.track-item__head {
	font-size: 0.8rem;
	font-weight: 700;
}

.track-item__des {
	font-size: 0.7rem;
	text-align: end;
	margin-right: 0.5rem;
}

.track-item__des>div:nth-child(2) {
	color: #aaa;
}

.track-item__status {
	padding: 0.5rem 0;
	color: white !important;
	font-size: 0.8rem;
	width: 10.5rem;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	border-radius: 5px;
}

.track-item__status.waiting {
	background-color: #DA4545;
}

.track-item__status.pay {
	background-color: #0233FA;
}

.track-item__status.working {
	background-color: #46BC58;
}

.track-item__status.shipped {
	background-color: #dfbc3d;
}

.track-item__status.succeed {
	background-color: #2a2568;
}

.track-item__body {
	background-color: #fff;
	border-radius: 10px;
	font-size: 0.8rem;
	padding: 0.5rem;
}

.track-item__body>div:nth-child(1) {
	width: 80%;
}

.track-item__body>div:nth-child(2) {
	width: 20%;
}

.track-item__details, .track-item__detail {
	width: 100%;
}

.track-item__detail>div {
	width: 20%;
}

/* E-service ประชาชน  Status */
.timeline-status {
	width: 10rem;
	z-index: 1;
	position: relative;
}

.timeline-status__icon {
	width: 6rem;
	height: 6rem;
	margin: auto;
	background-color: var(- -bs-body-bg);
}

.timeline-status__line {
	height: 4px;
	top: 3rem;
}

.timeline-status__line-b {
	width: calc(100% - 8rem);
	height: 100%;
	margin: 0 4rem;
}

.timeline-status__line-f {
	height: 100%;
	margin: 0 4rem;
}

.status-item__sub {
	background: #d5d3f4;
}

.status-item__sub2 {
	background: rgba(245, 245, 245, 0.81);
}

/*  */

/* SSO */
.sso-login {
	height: 100vh;
	background: linear-gradient(180deg, #5b2d90 0%, rgba(91, 45, 144, 0.8875)
		0.01%, rgba(91, 45, 144, 0) 100%);
}

.sso-login__wrapper {
	height: 80vh;
}

.sso-login__box {
	padding: 0 10rem;
}

.login-image {
	height: 23rem;
}

.login-logo {
	width: 10rem;
}

.login-input::placeholder {
	color: #c6c6c6;
	font-size: 0.8rem;
}

.login-btn {
	background: linear-gradient(90deg, #5b2d90 -35%, rgba(91, 45, 144, 0.517647)
		124%, rgba(91, 45, 144, 0) 138%);
	filter: drop-shadow(0px 9px 20px rgba(0, 0, 0, 0.25));
	border-radius: 20px;
	color: #fff;
	padding: 0.5rem 1.5rem;
}

.sso-item {
	width: 12rem;
	height: 13.5rem;
	background-color: #5b2d90;
	box-shadow: 10px 10px 50px rgba(0, 0, 0, 0.25);
	border-radius: 10px;
	padding: 1rem;
	margin: 1rem 1rem;
}

.sso-item__logo {
	background-color: #fff;
	width: 5.5rem;
	height: 5.5rem;
	border-radius: 50%;
	padding: 1rem;
}

.sso-item__logo>svg {
	fill: #5b2d90;
}

.sso-item__des {
	margin: 1rem 0.5rem 0.5rem 0.5rem;
	color: #fccb6b;
	font-size: 1.2rem;
}

.sso-item__sub {
	color: white;
	font-size: 0.8rem;
	margin: 0 0.5rem;
}

.sso-item:hover {
	background-color: white;
	border: 1px solid #5b2d90;
}

.sso-item:hover>.sso-item__logo {
	background-color: #5b2d90;
}

.sso-item:hover>.sso-item__logo>svg {
	fill: #fff;
}

.sso-item:hover>.sso-item__des {
	color: #5b2d90;
}

.sso-item:hover>.sso-item__sub {
	color: #fccb6b;
}

.bg-linear {
	background: linear-gradient(180deg, #5b2d90 0%, #d3c3e3 100%);
}

.form-check-radio input[type="radio"] {
	border-radius: 50%;
	float: left;
	margin-left: -1.5em;
	width: 1em;
	height: 1em;
	margin-top: 0.25em !important;
	vertical-align: top;
	background-color: #f5f5f5;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	border: 1px solid rgba(0, 0, 0, 0.25);
	margin: 0;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}

.form-check-radio label {
	margin-left: 0.3em;
}

.form-check-radio input[type="radio"]:checked {
	accent-color: #5B2D8F;
	border-color: #5B2D8F;
}

.font_white {
	color: white;
}

.font_white:hover {
	color: #8975b6;
}

.no-line {
	text-decoration: unset !important;
}

a {
	text-decoration: unset !important;
}

.process-active {
	color: #ffc146 !important;
}

.my_radio td {
	width: 200px;
}

.my_radio input:checked[type="radio"] {
	background-image:
		url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
	background-color: #5B2D8F;
	border-color: #5B2D8F;
}

.my_radio input[type="radio"] {
	float: left;
	border-radius: 50%;
	width: 1em;
	height: 1em;
	margin-top: 0.25em;
	vertical-align: top;
	background-color: #f5f5f5;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	border: 1px solid rgba(0, 0, 0, 0.25);
	appearance: none;
	color-adjust: exact;
}

.my_radio label {
	margin-left: 8px;
}

.blockquote-line {
	border: 1px solid #e9ecef;
	padding: 15px;
}

a.disabled {
	pointer-events: none;
	cursor: default;
	opacity: 40%;
}

.justify-content-between-end {
	justify-content: end;
}

.track-item-noti {
	border-radius: 10px;
	margin: 1rem 0;
}

.track-item__body__noti {
	border-radius: 20px;
	font-size: 0.8rem;
	padding: 0.5rem;
}

.text-color-noti {
	color: #aaa;
}

.info-tab {
	width: 40px;
	height: 40px;
	display: inline-block;
	position: relative;
	top: 8px;
	float: left;
	margin-left: -23px;
}

.info-tab i::before {
	width: 24px;
	height: 24px;
	box-shadow: inset 12px 0 13px rgba(0, 0, 0, 0.5);
}

.info-tab i::after {
	width: 0;
	height: 0;
	border: 11px solid transparent;
	border-bottom-color: #fff;
	border-left-color: #fff;
	bottom: -18px;
}

.info-tab i::before, .info-tab i::after {
	content: "";
	display: inline-block;
	position: absolute;
	left: 0;
	bottom: -17px;
	transform: rotateX(60deg);
}

.tip-box-info {
	color: #2a2568;
	background: #dcf5fa63;
	border-radius: 10px;
	padding: 0.5em;
}

.tip-icon-info {
	background: #004C96;
}

.tip-icon-info::before {
	font-size: 25px;
	content: "";
	top: 2px;
	left: 8px;
	font-family: FontAwesome;
	position: absolute;
	color: white;
}

.tip-icon-info i::before {
	background: #03A9F4;
}

.tip-icon-success {
	background: #849BA2;
}

.tip-box-success {
	color: #33691E;
	background: #f5f5f5;
	border-radius: 10px;
	padding: 0.5em;
}

.tip-icon-success::before {
	font-size: 25px;
	content: "";
	left: 15px;
	font-family: FontAwesome;
	position: absolute;
	color: white;
}

.tip-icon-success i::before {
	background: #ACB7C0;
}

@media ( max-width :576px) {
	.track-item-noti {
		margin-left: 1.5em;
		margin-right: 0.5em;
		border-radius: 10px;
	}
}

.track-item__head_noti {
	font-size: 0.7rem;
	font-weight: 900;
}

.track-item__des_noti {
	font-size: 0.7rem;
	text-align: end;
	margin-right: 0.5rem;
}

.justify-content-between-end_noti {
	margin-left: 1.5rem;
}

.font-bill {
	font-size: 15px;
}

.yl-badge {
	color: #dfbc3d;
}

.bg-chatbot{
	font-size:50px; 
	color:#2a2568;
	background-color: #fff;
	border-radius: 50%;
	width: 5rem;
	height: 5rem;
	ox-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
}