body {
	background-color: #E5F6F0 !important;
}

#header .logo .logo-img,
.logo-image {
	width:  44px;
	height: auto;
}
#header .logo .logo-img{margin-top: 10px;}
#header hr, body .sidebar-nav hr {
	border-color: var(--white) !important;
}

body .sidebar-nav ul li.active a {
	background-color: var(--leftbar-backgroud-hover) !important;
}
body .sidebar-nav ul li.buy-bundles.active a {
	background-color: var(--leftbar-backgroud-hover) !important;
	border-left:      1px solid var(--white) !important;
	border-radius:    30px;
}

body.mini .sidebar-nav ul li:hover {
	background: var(--leftbar-backgroud) !important;
}

body.mini .sidebar-nav ul li:hover a {
	background: transparent !important;
}

.most-popular-img > svg > path {
	fill: var(--url-color);
}

#refill .topup-item.active {
	border-color: var(--url-color) !important;
}


body li.nav-item .beta-banner svg * {
	fill: white;
}

.btn-primary {
	color:            var(--white) !important;
	background-color: transparent;
	border:           none;
	background:       var(--btn-primary-background);
	border-radius:    30px !important;;
}

.btn-primary:hover {
	background: var(--btn-primary-background-hover);
}

body .sidebar-nav ul li.activate-sim-hotspot a, body .sidebar-nav ul li.buy-bundles a {
	background:    transparent !important;
	border-radius: 30px !important;
}


body .sidebar-nav ul li.activate-sim-hotspot:hover, body .sidebar-nav ul li.buy-bundles:hover {
	border-radius: 30px !important;
}


body.custom-bg.s-mobile #recovery-password-wrapper .reset-password, #recovery-password-wrapper .recovery-password-button, #sign-up .register-button, #sign-in .login-button {
	border:        none;
	background:    var(--btn-primary-background);
	border-radius: 30px !important;;
}

#recovery-password-wrapper .reset-password:hover, #recovery-password-wrapper .recovery-password-button:hover, #sign-up .register-button:hover, #sign-in .login-button:hover {
	background: var(--btn-primary-background-hover);
}

#auth-tabs .nav-link.active, #auth-tabs .nav-link:hover {
	color:        var(--primary);
	border-color: var(--primary);
}

#sign-in .forgot-password-url {
	color: var(--primary);
}

input[type=checkbox]:checked + label:before {
	background-color: var(--primary);
	border-color:     var(--primary);
	color:            var(--white);
	font-weight:      700;
}

#plan-details .btn-share {
	border-radius: 100% !important;
}

#common-popup .button-section .icon.icon-discount-code {
	background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjEgMTAuNkgxMy45VjEzLjlIMTAuNlYxNi4xSDEzLjlWMTkuNEgxNi4xVjE2LjFIMTkuNFYxMy45SDE2LjFWMTAuNlpNMTUgNEM4Ljk1IDQgNCA4Ljk1IDQgMTVDNCAyMS4wNSA4Ljk1IDI2IDE1IDI2QzIxLjA1IDI2IDI2IDIxLjA1IDI2IDE1QzI2IDguOTUgMjEuMDUgNCAxNSA0Wk0xNSAyMy44QzEwLjE2IDIzLjggNi4yIDE5Ljg0IDYuMiAxNUM2LjIgMTAuMTYgMTAuMTYgNi4yIDE1IDYuMkMyMC44NCA2LjIgMjMuOCAxMC4xNiAyMy44IDE1QzIzLjggMTkuODQgMjAuODQgMjMuOCAxNSAyMy42WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==") no-repeat center !important;
}
body #sidebar-menu .sidebar-nav {
    margin-top: 0!important;
}

@media only screen and (max-width: 993px) {
	#user-details-mobile-menu, #mobile-menu {
		background-color: var(--leftbar-backgroud);
	}
	
	#header .mobile-menu-button {
		background-color: var(--white);
	}
	
	#header #user-details-mobile-menu li .main-title, #header #mobile-menu li .main-title {
		color: var(--white);
	}
	
	#header #mobile-menu li a svg > * {
		fill: var(--white);
	}
	
	#header #mobile-menu li.lines a svg > * {
		stroke: var(--white);
		fill:   none;
	}
	
	#header .mobile-menu-button-icon span {
		background-color: var(--yellow);
	}
	
	#header .user-details-menu-button-icon .open span {
		background-color: var(--yellow);
	}
	
	#header #mobile-menu li.last-nav-item {
		border-top: 1px solid var(--white) !important;
	}
	
	#header #mobile-menu li.buy-bundles, #header #mobile-menu li.activate-sim-hotspot {
		border:        1px solid var(--white) !important;
		border-radius: 30px;
		background:    transparent;
	}
	
	#header #mobile-menu li a > svg path {
		fill: var(--white);
	}
	
	#user-details-mobile-menu .language-dropdown-menu {
		background-color: var(--leftbar-backgroud) !important;
	}
	
	#header *:not(.dropdown-menu *) {
		color: var(--white) !important;
	}
	
	#header #user-details-mobile-menu .arrow::after {
		border-color: var(--white) !important;
	}
	
	#user-details-mobile-menu > ul, #mobile-menu > ul {
		background: var(--leftbar-backgroud) !important;
	}
	
	#user-details-mobile-menu .item label {
		color: var(--white) !important;
	}
	
}