
/*:root {*/
/*	--main-color: #2d2f93;*/
/*	!* --main-text-color: #333333; *!*/
/*	--main-text-color: #0f0f0f;*/
/*	--link-color: #39a0ff;*/
/*	--border-radius: 3px;*/
/*}*/

:root {
	--main-color: #2d2f92;
	/* --main-text-color: #333333; */
	--main-text-color: #0f0f0f;
	--link-color: #2f2f2f;
	--border-radius: 3px;
}

/* ------ Start Main Page ------ */
.main-page .main-page-top {
	background-size: 100%;
}
.btn{
	border-radius: 40px!important;
}
input{
	border-radius: 40px!important;
}
.form-control{
	border-radius: 40px!important;
}
.loadingbar {
	background: linear-gradient(270deg, #ececec,var(--main-color), #ababab);
	background-size: 600% 600%;

	-webkit-animation: AnimationName 6s ease infinite;
	-moz-animation: AnimationName 6s ease infinite;
	animation: AnimationName 6s ease infinite;
}


@media (min-width: 700px) {
	.add-button{
		display: none!important;
	}
}
@media (max-width: 700px) {
	.admin-button{
		display: none!important;
	}
}
.css-selectorgold {
	background: linear-gradient(270deg, #2d2f93, #384b91);
	background-size: 400% 400%;

	-webkit-animation: AnimationNamegold 1s ease infinite;
	-moz-animation: AnimationNamegold 1s ease infinite;
	animation: AnimationNamegold 1s ease infinite;
}

@-webkit-keyframes AnimationNamegold {
	0%{background-position:0% 50%}
	50%{background-position:100% 50%}
	100%{background-position:0% 50%}
}
@-moz-keyframes AnimationNamegold {
	0%{background-position:0% 50%}
	50%{background-position:100% 50%}
	100%{background-position:0% 50%}
}
@keyframes AnimationNamegold {
	0%{background-position:0% 50%}
	50%{background-position:100% 50%}
	100%{background-position:0% 50%}
}
.rotate-content {
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background-color: #cacaca;
	z-index: 999999999999999999999999999999999999999999999999999999999999999999999999999;
	pointer-events: none;
	display: none;
	align-items: center;
	justify-content: center;

}
.rotate-box {
	width: 80%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.rotate-device-img {
	background-image: url(/themeassets/pwa/rotate-device.png);
	background-position: 50%;
	background-size: contain;
	background-repeat: no-repeat;
	width: 70%;
	padding-bottom: 25.5%;
}
.rotate-text {
	padding-top: 30px;
	color: #585858;
	text-align: center;
}

.rotate-subtitle {
	font-size: 14px;
}
@media (min-width: 1000px) {
	#rotate-screen{
		display: none!important;
	}
}


.bg_lightblue{
	/*background: #89dee2;*/
	background: #00917c;
}
.bg_middleblue{
	background: #00815b;
}
.bg_darkblue{
	background: #005d32;
}


@keyframes example3 {
	0%   {left:0px; top:0px;}
	50%  {left:10px; top:0px;}
	100% {left:0px; top:0px;}
}

@-webkit-keyframes AnimationName {
	0%{background-position:0% 50%}
	50%{background-position:100% 50%}
	100%{background-position:0% 50%}
}
@-moz-keyframes AnimationName {
	0%{background-position:0% 50%}
	50%{background-position:100% 50%}
	100%{background-position:0% 50%}
}
@keyframes AnimationName {
	0%{background-position:0% 50%}
	50%{background-position:100% 50%}
	100%{background-position:0% 50%}
}



.tablecolfizer{text-align: center; vertical-align: middle;}


body{
	font-family: Shabnam;
	overflow-x: hidden;
	background: #fff;
	/*background:url('https://fwa6cbiy2aobs3ic.pakhshchakavak.ir/themeassets/loading.gif') center center no-repeat;*/
	color: var(--main-text-color);
}

#wrapper {
	min-height: 100vh;

}



:focus {
	outline: 0;
	box-shadow: 0 0 0 !important;
}

button:focus, input:focus {
	box-shadow: 0 0 0 .25rem #33333323!important;
	outline: 0;
}

.slick-dots button:focus {
	box-shadow: 0 0 0!important;
}
.confirm-code-page input:focus {
	outline: 0;
	box-shadow: 0 0 0 !important;
}

.form-select:focus {
	box-shadow: 0 0 0;
}

p, li {
	color: var(--main-text-color);
	font-size: .75rem;
	
}

h6 {
	color: var(--main-text-color);
}
span {
	font-size: .85rem;
}

a {
	color: var(--link-color);
	text-decoration: none;
}

button.btn {
	font-size: .85rem;
}

/* ------ End Body ------ */
/* ------ Start Main Container ------ */
.main-container {
	background-size: 100%;
	width: 100%;
  	min-height: 100vh;
}

.content {
	background: #fff;
	border-radius: 30px 30px 0 0;
	min-height: 91vh;
	padding-bottom:10px;
}

.modal-body form .mb-3{
	background: rgba(229, 229, 229, 0.93);
	padding: 0.5rem;
	border-radius: 10px ;
}

/* ------ End Main Container ------ */
/* ------ Start Navbar ------ */
nav.navbar {
	border-radius: 10px 10px 0 0;
    box-shadow: 1px 0 10px rgb(0 0 0 / 16%);
}

.navbar-nav .nav-link {
	
	padding: 0 1rem;
}

.navbar-nav .nav-link p {
	color: #343434;
}
.navbar-nav .nav-link.active p,
.navbar-nav .show>.nav-link p {
	color: var(--main-color);
}

.mobile-fixed-nav
{
	position: fixed;
	bottom: 0;
	width: 24.9em!important;
}

@media(max-width: 300px) {
	.navbar-expand .navbar-nav .nav-link
	{
		padding-left: .45rem;
    	padding-right: .45rem;
	}
}
@media(max-width: 700px) {
	.mobile-fixed-nav
	{
		width: 100%!important;
	}
}
/* ------ End Navbar ------ */



.main-page .main-page-top form button,
.blogs-page form button,
.events-page form button,
.imported-products-page form button {
	margin-left: -40px;
	z-index: 1;
}

.main-page .main-page-top form input {
	border-radius: var(--border-radius);
	padding-right: 2em;
}

.main-page .main-page-top form input::placeholder {
	/*background: url('../img/Component615–1.png') no-repeat;*/
	background-position: right center;
	padding-right: .5em;
	color: #C1C1C1;
}

.main-page .notification {
	border-radius: var(--border-radius);
}

.main-page .notification .badge {
	/*background: var(--main-color);*/
	background: #ff6e6e;
    top: 10px;
    right: 15%;
	padding: .25em;
}

.slick-list {
	border-radius: 6px;
}

.slick-slide {
	display: flex!important;
	justify-content: center;
	align-items: center;
}


.main-page .main-slider img {
	border-radius: 6px;
}

/* Slider Dots */
.main-page .main-slider .slick-dots {
	width: auto;
	bottom: 10%;
	left: 10%;

}

.main-page .main-slider .slick-dots li,
.branch-content-page .branch-slider .slick-dots li {
	margin: 0 2px;
	width: 10px;
	height: 10px;
	padding: 6px;
	vertical-align: middle;

}
.main-page .main-slider .slick-dots li button:before,
.branch-content-page .branch-slider .slick-dots li button:before {
	content: '';
	width: 10px;
	height: 3px;
	border-radius: 1px;
	opacity: 1;
}

.main-page .main-slider .slick-dots li button:before,
.branch-content-page .branch-slider .slick-dots li button:before {
	background-color: #fff;
}

.main-page .main-slider .slick-dots li.slick-active button:before,
.branch-content-page .branch-slider .slick-dots li.slick-active button:before {
	background-color: var(--main-color);
}

/* Services */
.main-page .services {
	border-radius: var(--border-radius);
	box-shadow: 0 6px 10px rgba(162, 162, 162, .34);
	text-align: center;
	width: 100%;
	font-size: .82rem;
	font-weight: 500;

}


.main-page .item-title a {
	font-size: .7rem;
}

@media(max-width: 320px) {
	.main-page .responsive-col .col-4 {
		width: 100%;
	}
}
/* Retail Slider & WholeSale Slider & Products Slider */
.main-page .retail-slider .card,
.main-page .wholesale-slider .card,
.products-page .samsung-products-slider .card,
.products-page .nokia-products-slider .card, 
.products-page .xiaomi-products-slider .card,
.products-page .apple-products-slider .card {
	border-radius: var(--border-radius);
	border: 0;
	width: 100%;
}

.main-page .retail-slider .card::after,
.main-page .wholesale-slider .card::after,
.products-page .samsung-products-slider .card::after,
.products-page .nokia-products-slider .card::after, 
.products-page .xiaomi-products-slider .card::after,
.products-page .apple-products-slider .card::after {
	content: '';
    width: 2px;
    height: 70%;
    border-left: 1px solid #0000000f;
    position: absolute;
    left: -4px;
}

.main-page .retail-slider .card-img-top,
.main-page .wholesale-slider .card-img-top,
.products-page .samsung-products-slider .card-img-top,
.products-page .nokia-products-slider .card-img-top,
.products-page .xiaomi-products-slider .card-img-top,
.products-page .apple-products-slider .card-img-top {
	border-radius: var(--border-radius);
	width: 100%;
}

.main-page .retail-slider .slick-list,
.main-page .wholesale-slider .slick-list,
.products-page .samsung-products-slider .slick-list,
.products-page .nokia-products-slider .slick-list,
.products-page .xiaomi-products-slider .slick-list,
.products-page .apple-products-slider .slick-list {
	padding: 0 0 0 50px!important;
}

/* Best Sellers */
.main-page .best-seller-text,
.best-sellers-page .best-seller-text {
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0 6px 10px rgba(49, 159, 196, 0.19);
	margin-top: -22%;
	margin-left: -3%;
	width: 88%;
}

.main-page .best-seller-text .seller-name,
.best-sellers-page .best-seller-text .seller-name {
	border-bottom: 1px dashed var(--main-color);
	font-size: .85rem;
}

/* Event Slider & Blog Slider & Ads Slider */
.main-page .events-slider .card,
.main-page .blog-slider .card,
.main-page .ads-slider .card {
	border-radius: 5px;
	border: 0;
	width: 100%;
}
.main-page .events-slider .card-img-top,
.main-page .blog-slider .card-img-top,
.main-page .ads-slider .card-img-top {
	border-radius: 5px;
}

.main-page .events-slider .slick-list,
.main-page .blog-slider .slick-list,
.main-page .ads-slider .slick-list {
	padding: 0 0 0 37%!important;
}
/* ------ End Main Page ------ */
/* ------ Start Branches ------ */
.branches .form-select {
	width: 30%;
}

.branches .form-select {
	background-color: #F6F6F6;
	border: 0;
	border-radius: 5px;
	background-image: url('../img/Fill3.png');
	background-size: 12px 8px;
}

.branches .card {
	background-color: #F6F6F6;
	border-radius: 5px;
	border: 0;
}
.branches .card-body {
	padding: .75rem;
}

.branches .card img {
	border-radius: 5px;
	width: 100%;
}

.branches .card .card-title {
	border-bottom: 1px solid rgba(112, 112, 112, .2) ;
	font-size: .85rem;
}

@media(max-width: 374px) {
	.branches .card .col-3,
	.branches .card .col-9 {
		width: 100%
	}
}
/* ------ End Branches ------ */
/* ------ Start Branch Content ------ */
/* Slider Dots */
.branch-content-page .branch-slider .slick-dots {
	width: auto;
	height: 15px;
	bottom: 5%;
	left: 50%;
	transform: translate(-50%, -10%);
	background-color: rgba(51, 51, 51, .59);
	border-radius: 2px;
	padding: 0px 5px;
}

.branch-content-page .branch-slider img {
	border-radius: 5px;
}

.branch-content-page .branch-title {
	border-bottom: 1px dashed var(--main-color);
}

.branch-content-page .branch-location,
.branch-content-page .branch-location iframe {
	border-radius: 5px;
}
/* ------ End Branch Content ------ */
/* ------ Start Online Request & Mobile Guarantee & Mobile Insurance ------ */
.online-request-page .guarantee-conditions,
.mobile-guarantee-page .guarantee-conditions,
.single-mobile-insurance-page .guarantee-conditions {
	border-radius: 5px;
	background-color: #F6F6F6;
	padding: 1rem .75rem;
	margin-bottom: 1rem;
}

.online-request-page .guarantee-conditions p,
.mobile-guarantee-page .guarantee-conditions p,
.single-mobile-insurance-page .guarantee-conditions p {
	padding-right: 1em;
    text-indent: -1em;
}

.online-request-page .guarantee-conditions ul,
.mobile-guarantee-page .guarantee-conditions ul,
.single-mobile-insurance-page .guarantee-conditions ul {
	padding-right: 1rem;
}

.online-request-page .guarantee-conditions ul li,
.mobile-guarantee-page .guarantee-conditions ul li,
.single-mobile-insurance-page .guarantee-conditions ul li {
	margin-bottom: .5rem;
	line-height: 1.25rem;
}
/* ------ End Online Request & Mobile Guarantee & Mobile Insurance ------ */
/* ------ Start Products ------ */
.products-page .slick-slider .slick-track {
	margin-right: 0;
}
/* ------ End Products ------ */
/* ------ End Online Request & Mobile Guarantee & Mobile Insurance ------ */
/* ------ Start Best Sellers ------ */
.best-sellers-page .nav-pills,
.scores-history-page .nav-pills {
	border-radius: 10px;
    background-color: #f6f6f6;
    padding: .25rem;
}

.best-sellers-page .nav-pills .nav-link {
	border: 0;
    color: #333;
    background-color: transparent;
    border-radius: 8px;
	padding: .5rem 2rem;
}

.best-sellers-page .nav-pills .nav-link.active,
.best-sellers-page .nav-pills .nav-pills .show>.nav-link,
.scores-history-page .nav-pills .nav-link.active,
.scores-history-page .nav-pills .nav-pills .show>.nav-link {
	background: url('../img/MaskGroup20.png') no-repeat;
	background-size: cover;
	color: #fff;
}

@media(max-width: 360px) {
	.best-sellers-page .nav-pills .nav-link {
		padding: .5rem 1.1rem;
	}

	.best-sellers-page .best-seller-text .seller-name {
		font-size: .8rem;
	}

}

@media(max-width: 330px) {
	.best-sellers-page .tab-pane .col {
		width: 100%;
	}
}

/* ------ End Best Sellers ------ */
/* ------ Start No Ticket ------ */
.no-ticket-page .new-ticket {
	border-top: 1px dashed var(--main-color);
}

/* Modal */
.modal-content {
	width: 90%;
	margin: 0 auto;
}

.no-ticket-page .new-ticket .btn-new-ticket,
.no-ticket-page .new-ticket .btn-close-ticket,
.tickets-list-page .btn-new-ticket,
.tickets-list-page .modal .btn-close-ticket {
	background: url('../img/MaskGroup20.png') no-repeat;
	background-size: 100% 100%;
	border-radius: 8px;
	color: #fff;
	width: 114px;
}

.no-ticket-page .new-ticket .btn-close-ticket,
.tickets-list-page .modal .btn-close-ticket {
	background: #666;
}

.no-ticket-page .new-ticket .modal-header,
.tickets-list-page .modal .modal-header,
.edit-profile-page .modal .modal-header {
	border-bottom: 0;
	padding: 1.5rem 1rem 1rem 1rem;
}

.no-ticket-page .new-ticket input,
.no-ticket-page .new-ticket textarea,
.tickets-list-page .modal input,
.tickets-list-page .modal textarea {
	border-radius: 10px;
	background-color: #F6F6F6;
	border: 0;
	padding: 15px;
}

.no-ticket-page .new-ticket input::placeholder,
.no-ticket-page .new-ticket textarea::placeholder,
.tickets-list-page .modal input::placeholder,
.tickets-list-page .modal textarea::placeholder {
	color: #1a1a1a;
} 

.no-ticket-page .new-ticket .modal-content,
.tickets-list-page .modal .modal-content,
.product-features-page .modal-map .modal-content,
.edit-profile-page .modal .modal-content {
	border-radius: 10px;
}

.no-ticket-page .new-ticket .modal-footer,
.tickets-list-page .modal .modal-footer,
.profile-register-page .modal-map .modal-footer {
	border-top: 0;
}

.no-ticket-page .vertical-dashed-line,
.invite-page .vertical-dashed-line{
	border-left: 1px dashed var(--main-color);
    width: 2px;
    height: 93px;
}

/* ------ End No Ticket ------ */
/* ------ Start Tickets List ------ */
.tickets-list-page .ticket,
.tickets-list-page .ticket .card-header,
.tickets-list-page .ticket .card-body {
	border-radius: 5px;
	border: 0;
}


.tickets-list-page .ticket {
	background-color: #F6F6F6;
	min-height: 140px;
}

.tickets-list-page .ticket .card-header {
	background-color: #C1C1C1;
	font-size: .8rem;
}

.tickets-list-page .ticket.ticket-answered .card-header {
	background-color: #28A745;
}

.tickets-list-page .ticket .card-header h6 {
	font-size: .85rem;
}
/* ------ End Tickets List ------ */
/* ------ Start Blogs & Events ------ */
.blogs-page form input,
.events-page form input,
.imported-products-page form input {
	border-radius: 5px;
    border: 0;
    background-color: #F6F6F6;
	padding-right: 2.5em;
}

.blogs-page form input::placeholder,
.events-page form input::placeholder,
.imported-products-page form input::placeholder {
	color: #C1C1C1;
	font-size: .7rem;
}

.blogs-page .card,
.single-blog-page .card,
.events-page .card,
.single-event-page .card {
	border: 0;
	border-bottom: 1px solid #70707080;
	border-radius: 5px 5px 0 0;
}

.blogs-page .card img,
.single-blog-page .card img,
.events-page .card img,
.single-event-page .card img,
.mobile-insurance-page .card img {
	border-radius: 5px;
} 

.blogs-page .card .card-title,
.single-blog-page .card .card-title,
.events-page .card .card-title,
.single-event-page .card .card-title,
.mobile-insurance-page .card .card-title {
	font-size: .85rem;
	color: var(--main-text-color);
}

.blogs-page .card .blog-date,
.single-blog-page .card .blog-date,
.events-page .card .event-date,
.single-event-page .card .event-date {
	color: #A1A1A1;
}

.blogs-page .card .card-text,
.single-blog-page .related-content .card .card-text,
.mobile-insurance-page .card .card-text {
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.blogs-page .read-more-link,
.single-blog-page .related-content .read-more-link {
	color: var(--main-color);
	font-size: .75rem;
	float: left;
}

/* Pagination */
.blogs-page .pagination .page-link,
.events-page .pagination .page-link {
	color: var(--main-text-color);
	background-color: #EFEFEF;
	border-radius: 5px;
	border: 0;
	margin: 3px;
}

.blogs-page .pagination .page-item.active .page-link,
.events-page .pagination .page-item.active .page-link {
	color: #fff;
	background-color: var(--main-color);
}
/* ------ End Blogs & Events------ */
/* ------ Start Single Blog & Single Event ------ */
.single-blog-page .card.single-blog-content,
.single-event-page .card.single-event-content {
	border-bottom: 0;
}

.single-blog-page .tags,
.single-event-page .tags {
	font-size: .75rem;
}

.single-blog-page .tags a,
.single-event-page .tags a {
	color: var(--main-text-color);
	background-color: #F6F6F6;
	border-radius: 5px;
	padding: 5px 7px;
	margin: 1px;
}

.scan-page .content {
	border-radius: 0;
	background-color: #D6D6D5;
}
.scan-page .scan-album {
	border: 2px solid #fff;
	border-radius: 8px;
}

.scan-page .scan-album img {
	border-radius: 8px;
}

.scan-page .scan-close {
	background-color: #fff;
	border-radius: 8px;
}

.scan-page .scan-close button {
	padding: 0.57rem .86em;
}
/* ------ End Scan ------ */
/* ------ Start Product Features ------ */
.product-features-page .product-features-title {
	background-color: #f6f6f6;
	font-size: .9rem;
}
.product-features-page table tr {
	border-color: #70707061;
}

.product-features-page table tr:last-child {
	border-color: transparent;
}

.product-features-page table td {
	font-size: .85rem;
}

.product-features-page table td:first-child {
	font-weight: bold;
}
.product-features-page table td:last-child {
	text-align: left;
}

.product-features-page .btn-confirm,
.invite-page .btn-invite {
	background: url('../img/MaskGroup22.png') no-repeat;
	background-size: 100% 100%;
	border-radius: 5px;
	color: #fff;
	width: 65%;
}
/* modal */
.product-features-page .modal .modal-content {
	border-radius: 8px;
	
}

/*.product-features-page .modal .modal-content::after,*/
/*.product-features-page .modal .modal-content::before {*/
/*	content: '';*/
/*	position: absolute;*/
/*	display: block;*/
/*	height: 30px;*/
/*	background-color: #fff;*/
/*	border-radius: 8px;*/
/*	z-index: -1;*/
/*}*/

/*.product-features-page .modal .modal-content::before {*/
/*	width: 94%;*/
/*	opacity: .52;*/
/*	bottom: -7px;*/
/*	right: 3%;	*/
/*}*/

/*.product-features-page .modal .modal-content::after {*/
/*	width: 90%;*/
/*	opacity: .46;*/
/*	bottom: -13px;*/
/*	right: 5%;*/
/*}*/

.product-features-page .modal .modal-header {
	/*background: url('../img/MaskGroup140.png') no-repeat;*/
	background-position: top;
	border-bottom: 1px dashed var(--main-color);
}

.product-features-page .modal .modal-header img {
	margin-top: -50px;
}

.product-features-page .modal .modal-title {
	font-size: .95rem;
	padding-top: 4.5rem;
}

.product-features-page .modal .modal-footer {
	border-top: 0;
}

@media(max-width: 320px) {
	.product-features-page table td {
		font-size: .75rem;
	}
}

/* ------ End Product Features ------ */
/* ------ Start Login & Register ------ */
.register-page .main-container,
.confirm-code-page .main-container,
.profile-register-page .main-container {
}

.register-page .register-page-top,
.confirm-code-page .register-page-top,
.profile-register-page .register-page-top {
	background: url('../img/MaskGroup-003.png') no-repeat;
	background-size: 100%;
}

.register-page .login-form input {
	background-color: #F6F6F6;
	background-position: 97% center;
	background-repeat: no-repeat;
	border-radius: 5px;
	border: 0;
}

.register-page .login-form input[type=tel] {
	background-image: url('../img/Mobile-phone.png');
	direction: rtl;
	padding-right: 2rem;
}

.register-page .login-form input[type=text] {
	background-image: url('../img/Message.png');
	padding-right: 2.25rem;
}

.register-page .login-form input::placeholder {
	margin-right: 20px;
	font-size: .75rem;
	color: #C1C1C1;
}

.register-page .btn-login,
.confirm-code-page .btn-login,
.profile-register-page .btn-login,
.edit-profile-page .btn-login {
	width: 100%;
	background-color: var(--main-color);
	color: #fff;
	border-radius: 5px;
	font-size: .8rem;

}

.btn-login{
	width: 100%;
	background-color: var(--main-color);
	color: #fff;
	border-radius: 5px;
	font-size: .8rem;
}


.note p {
	font-size: .6rem;
}
/* ------ End Login & Register ------ */
/* ------ start Login Confirm Code ------ */
.confirm-code-page .input-confirm-code {
	border: 0;
	border-radius: 5px;
	background-color: #F6F6F6;
}

.confirm-code-page .input-confirm-code input {
	border: 0;
	border-bottom: 1px solid #C1C1C1;
	margin: 3px 5px;
	background-color: transparent;
	width: 5%;
	border-radius: 0;
	text-align: center;
	font-size: .75rem;
}

.confirm-code-page .input-confirm-code input:focus {
	outline: none;
}

/* Chrome, Safari, Edge, Opera */
.confirm-code-page .input-confirm-code input::-webkit-outer-spin-button,
.confirm-code-page .input-confirm-code input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.confirm-code-page .input-confirm-code input[type=number] {
  -moz-appearance: textfield;
}

.confirm-code-page .input-confirm-code input.error {
	color: var(--white);
	border-bottom: 1px solid #EB497A;;
}

.confirm-code-page .input-confirm-code input.valid {
	border-bottom: 1px solid #28A745;
}

.confirm-code-page .resend-code a {
	font-size: .8rem;
}
/* ------ End Login Confirm Code ------ */
/* ------ Start Profile Register ------ */
.profile-register-page label,
.edit-profile-page label {
	font-size: .85rem;
}

.profile-register-page input:not([type='radio']),
.edit-profile-page input:not([type='radio']) {
	background-color: #F6F6F6;
	border-radius: 5px;
	border: 0;
	width: 100%;
	font-size: .8rem;
	direction: rtl;
}

.select_style {
	background-color: #F6F6F6;
	border-radius: 5px;
	border: 0;
	width: 100%;
	font-size: .8rem;
	direction: rtl;
}

.inputdsstyle{
	background-color: #F6F6F6;
	border-radius: 5px;
	border: 0;
	width: 100%;
	font-size: .8rem;
	direction: rtl;
}

.profile-register-page .form-select,
.edit-profile-page .form-select {
	background-color: #F6F6F6;
	background-image: url('../img/Fill03.svg');
	border: 0;
	border-radius: 5px;
	background-size: 8px 6px;
	font-size: .8rem;
	color: #C1C1C1;
}

input#website {
	color: var(--link-color);
}

/* Radio button */
.profile-register-page .form-check-input {
	border-radius: 50%;
    background-color: #fff;
    border: 2px solid #333;
	position: relative;
	width: 1.15em;
	height: 1.15em;
}

.form-check-input:checked[type=radio] {
	background-image: none;
}

.profile-register-page .form-check-input:checked::after {
	content: '';
	position: absolute;
	display: block;
	border-radius: 50%;
	background-color: var(--main-color);
	width: 80%;
	height: 80%;
	top: 0;
	right: 0;
	transform: translate(-12%, 8%);

}

/* Modal Map */
.profile-register-page .modal-map .modal-content {
	border-radius: 5px;
}

.gmap_canvas, iframe {
	border-radius: 5px;
}

.profile-register-page .modal-map .modal-footer button {
	background-color: var(--main-color);
	border-radius: 5px;
	color: #fff;
	padding: .375rem 1.5rem;
    font-size: .85rem;
}
/* ------ End Profile Register ------ */
/* ------ Start Profile ------ */
.profile-page .img-profile {
	/* width: 70px; */
	/* height: 70px; */
	width: 120px;
	height: 120px;
	border: 2px solid var(--main-color);
	border-radius: 8px;
	
}

.profile-page .btn-edit-profile {
	background-color: var(--main-color);
	color: #fff;
	border-radius: 8px;
	font-size: .85rem;
}

.profile-page .profile-option:not(:last-child) {
	border-bottom: 1px solid #7070704d;
}

.profile-page .link-option {
	width: 25px;
	height: 25px;
	border: 2px solid #625257;
	padding: 0px 8px;
	border-radius: 8px;
	
}

.profile-page .profile-option a {
	font-size: .85rem;
	color: var(--main-text-color);
}
/* ------ End Profile ------ */
/* ------ Start Edit Profile ------ */
.edit-profile-page img {
	border: 2px solid var(--main-color);
	border-radius: 8px;
	padding: 3px;

}

.edit-profile-page .btn-camera {
	margin-top: -18px;
}

/* Modal */
.edit-profile-page .modal-link:not(:last-child) {
	border-bottom: 1px solid #0000000F;
	
}
.edit-profile-page .modal-link a {
	color: var(--main-text-color);
	font-size: .85rem;
}

/* ------ End Edit Profile ------ */
/* ------ Start Imported Products ------ */
.imported-products-page .product-card {
	background-color: #f6f6f6;
	border-radius: 5px;
}

.imported-products-page .card,
.scores-history-page .card {
	border: 0;
	background-color: transparent;
}

.imported-products-page .card a {
	color: var(--main-text-color);
}
.imported-products-page .card .card-title {
	font-size: .85rem;
	border-bottom: 1px solid #70707014;
}


@media(max-width: 350px) {
		
	.imported-products-page .card p,
	.scores-history-page .card p {
		font-size: .6rem;
	}

	.imported-products-page .card .card-title,
	.scores-history-page .card .card-title {
		font-size: .8rem;
	}
}
/* ------ End Imported Products ------ */
/* ------ Start Invite ------ */
.invite-page .invite-code .btn-copy {
	background-color: var(--main-color);
    border-radius: 5px;
    width: 34px;
    height: 34px;
    padding: 0;
	margin-left: -38px;
	z-index: 1;
}

.invite-page .invite-code input {
	background-color: #f6f6f6;
    border: 0;
    border-radius: 5px;
    padding: 8px 3px;
    width: 75%;
    text-align: center;
}

.invite-page .invite-border-bottom {
	border-bottom: 1px dashed var(--main-color);
}

.invite-page .invited a {
	display: block;
	color: var(--main-text-color);
	font-size: .85rem;

}
/* ------ End Invite ------ */
/* ------ Start Invited Friends ------ */
.invited-friends-page table th,
.invited-friends-page table td,
.scores-history-page table th,
.scores-history-page table td {
	text-align: center;
	font-size: .85rem;
	padding-top: 10px;
    padding-bottom: 10px;
}


.invited-friends-page table thead,
.scores-history-page table thead {
	background-color: #F6F6F6;
}

.invited-friends-page table th,
.invited-friends-page table tbody tr:last-child td,
.scores-history-page table th,
.scores-history-page table tbody tr:last-child td {
	border-bottom: 0;
}

.invited-friends-page table thead,
.scores-history-page table thead {
	border-radius: 5px;
}
.invited-friends-page table thead th:first-child,
.scores-history-page table thead th:first-child {
	border-radius: 0 5px 5px 0;
}

.invited-friends-page table thead th:last-child,
.scores-history-page table thead th:last-child {
	border-radius: 5px 0 0 5px;
}

.invited-friends-page table tr,
.scores-history-page table tr {
	padding-top: 5px;
	padding-bottom: 5px;
}

@media(max-width: 340px) {
	.invited-friends-page table th,
	.invited-friends-page table td,
	.scores-history-page table th,
	.scores-history-page table td {
		font-size: .75rem;
	}
}
/* ------ End Invited Friends ------ */
/* ------ Start About DigiService ------ */
.about-us-page .content {
	line-height: 28px;
}
/* ------ End About DigiService ------ */
/* ------ Start Mobile Insurance ------ */
.mobile-insurance-page .card {
	border: 0;
	border-radius: 5px;
}
/* ------ End Mobile Insurance ------ */
/* ------ Start Scores History ------ */
.scores-history-page .img-banner {
	border-radius: 5px;
}

.scores-history-page ul.nav-pills {
	width: 90%;
	justify-content: space-between;
}

.scores-history-page .your-score {
	background: url('../img/MaskGroup23.png') no-repeat;
	background-size: cover;
}

.scores-history-page .nav-pills .nav-link {
	border: 0;
    color: #333;
    background-color: transparent;
    border-radius: 8px;
}

.scores-history-page table th:nth-child(2),
.scores-history-page table td:nth-child(2) {
	text-align: right;
}

.scores-history-page table td {
	color: #343434;
}

.scores-history-page .lottery {
	border-radius: 6px;
}

.scores-history-page  h6 {
	font-size: .9rem;
}

.scores-history-page .tab-pane a {
	font-size: .75rem;
}

.scores-history-page .card {
	background-color: #f6f6f6;
	border-radius: 5px;
}

.scores-history-page .card .card-title {
	border-bottom: 1px dashed var(--main-color);
	color: var(--main-text-color);
}

.scores-history-page .card .receipt p:last-child {
	color: #28A745;
}

@media(max-width: 340px) {
	.scores-history-page .nav-pills .nav-link {
		padding: .5rem .6rem;
		font-size: .7rem;
	}

	.scores-history-page .tab-pane#pills-credit .card .col-3,
	.scores-history-page .tab-pane#pills-credit .card .col-9 {
		width: 100%
	}
}
/* ------ End Scores History ------ */