#header .logo .logo-img,
.logo-image {
	width: 100px;
	height: 40px;
}
body.custom-bg {
	background: var(--gray-100);
}

.btn-outline-primary:hover {
	color: var(--white);
}

.btn-outline-primary.disabled:hover {
	color: var(--gray-300);
}

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

.btn-outline-primary:focus, .btn-outline-primary.focus {
	box-shadow: none;
}

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(--indigo) !important;
}
body .sidebar-nav ul li.activate-sim-hotspot:hover a, body .sidebar-nav ul li.buy-bundles:hover a {
	background: none !important;
}
body .sidebar-nav ul li:hover {
	background-color: var(--leftbar-backgroud-hover) !important;
}

body .platform-management {
	color: var(--white) !important;
}

#loader-background > div {
	display: none;
}
#loader-background .loader-circles {
    display:        flex!important;
}
#loader-background > div > img {
	display: none;
}
body .sidebar-nav ul li.activate-sim-hotspot a, body .sidebar-nav ul li.buy-bundles a {
	border: 1px solid var(--indigo) !important;
}
body .sidebar-nav ul li.buy-bundles a > svg path {
	fill: var(--white);
}
body #sidebar-menu .date-content .time,
body #sidebar-menu .date-header,
body #sidebar-menu .date-content .date,
body #sidebar-menu .date-content .semicolon {
	color: var(--indigo) !important;
}

.mini #sidebar-menu .sidebar-nav .nav-item:hover {
    background-color: #00E4BC!important;
}
@media only screen and (max-width: 993px) {
	#user-details-mobile-menu, #mobile-menu {
		background: 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(--indigo);
	}
	#header #mobile-menu li.lines a svg > * {
		stroke: var(--indigo);
		fill: none;
	}
	#header .mobile-menu-button-icon span {
		background-color: var(--indigo);
	}
	#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;
	}
	#header #mobile-menu li a > svg path {
		fill: var(--white);
	}
    
    #header hr {
        border-top: 1px solid var(--white);
    }
    
    #header #user-details-mobile-menu button.logout,
    #header #user-details-mobile-menu button.logout,
    #header #user-details-mobile-menu li a i,
    #header #user-details-mobile-menu button.logout .fas,
    #header #user-details-mobile-menu .account-name,
    #header #user-details-mobile-menu li a,
    .mini .language-dropdown-menu.dropdown-menu,
    .mini .language-dropdown-menu.dropdown-menu .currencies-list li > label
    {
        color: var(--white)!important;
    }
    .mini .language-dropdown-menu.dropdown-menu .currencies-list li.active > label
    {
        color: var(--cyan)!important;
    }
    #header #user-details-mobile-menu .arrow::after,
    #header #user-details-mobile-menu .arrow::after
    {
        border-color: var(--white)!important;
    }
    #user-details-mobile-menu .language-dropdown-menu {
        background-color: unset!important;
    }
}

@media only screen and (max-width: 768px) {
    #header .user-name {
        color: var(--white);
    }
}