#header .logo .logo-img,
.logo-image {
	width: 60px !important;
	margin-top: 4px !important;
	height: auto;
}

#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:    3px;
}

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: var(--blue);
}

.btn-primary {
	color:            var(--white) !important;
	background-color: transparent;
	border:           none;
	background:       var(--btn-primary-background);
	border-radius:    3px !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: 3px !important;
}


body .sidebar-nav ul li.activate-sim-hotspot:hover, body .sidebar-nav ul li.buy-bundles:hover, #all-esim-section .show-all-button  {
	border-radius: 3px !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: 3px !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: 3px !important;
}


.btn.btn-primary.discount-code-btn, .btn.btn-primary.export-transactions-btn {
	color: var(--gray-600) !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(--blue);
	}
	
	#header #mobile-menu li.lines a svg > * {
		stroke: var(--blue);
		fill:   none;
	}
	
	#header .mobile-menu-button-icon span {
		background-color: var(--gray-400);
	}
	
	#header .user-details-menu-button-icon .open span {
		background-color: var(--gray-400);
	}
	
	#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: 3px;
		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;
	}
	
	#currency-and-language .dropdown-menu .language-list li.active > label, #currency-and-language .dropdown-menu .currencies-list li.active > label, #user-details-mobile-menu .dropdown-menu .language-list li.active > label, #user-details-mobile-menu .dropdown-menu .currencies-list li.active > label {
		color: var(--url-color) !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;
	}
	
}