@font-face {
	font-family: 'DM Sans';
	src:         url('/fonts/DMSans.ttf') format('truetype');
	font-weight: normal;
	font-style:  normal;
}
body.custom-bg {
	background:       url(../../img/auth_page/trust_esim_bg.png) no-repeat center center fixed;
    background-size:  cover;
	background-color: var(--primary);
}
#header .logo .logo-img,
.logo-image {
    width: 135px;
    height: 36px;
    margin-top: 13px;
}

body.custom-bg .container .uri-logo .logo-image {
	display: none;
}

body.custom-bg .container .uri-logo::before {
	content:           '';
	display:           inline-block;
	width:             180px;
	height:            77px;
	background-image:  url('../../img/auth_page/trust-esim-logo-light.svg');
	background-size:   contain;
	background-repeat: no-repeat;
	vertical-align:    middle;
	margin-bottom:     39px;
}
#sign-in .forgot-password-url {
	color: var(--primary);
}

#auth-tabs .nav-link.active {
	color: var(--url-color) !important;
}
#sign-in input[type=checkbox]:checked + label.remember-me-label:before {
	background-color: var(--primary);
	border-color:     var(--primary);
}

#header #user-details-mobile-menu li a svg > path {
	fill: var(--white);
}


.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);
}


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

body .sidebar-nav ul li.activate-sim-hotspot:hover a, body .sidebar-nav ul li.buy-bundles:hover a {
	background: none !important;
}
body .platform-management {
	color: var(--white) !important;
}

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;
}
.jsgrid-header-row > .jsgrid-header-cell:hover {
	color: var(--url-color);
}
.jsgrid-header-row > .jsgrid-header-cell:hover .custom-sort-icon > svg > path {
	fill: var(--url-color) !important;
}
#content-wrapper .jsgrid-table .jsgrid-header-cell:hover svg path {
	fill: var(--url-color) !important;
}

.btn,
.button,
#all-esim-section .show-all-button,
body .sidebar-nav ul li.activate-sim-hotspot a,
body .sidebar-nav ul li.buy-bundles a {
	border-radius: 10px !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(--soft-orange);
}

@media only screen and (max-width: 993px) {
	#header .mobile-menu-button {
		background: var(--primary);
		color:      var(--white);
	}
	
	 #mobile-menu {
		background: var(--primary);
		color:      var(--white);
	}
	
	.mini .language-dropdown-menu.dropdown-menu .currencies-list li.active > label {
		color: var(--soft-orange) !important;
	}
}