/**************************************************/
/***** COLORS: individual, enterprise, agents *****/
/**************************************************/

:root {
    --main-color: #E30E22;
}

:root .individual {
    --main-color: #E30E22;
}

:root .enterprise {
    --main-color: #6E2A6C;
}

:root .agent {
    --main-color: #E30E22;
}

.box,
.menubasso .navbar-nav,
.title-page-container-top,
.box-plan,
.footer,
.menuservizi,
.search-form input,
.search-form input:focus
{
    border-color: var(--main-color);
}
.box h3,
.box .button,
.menualto .meumovicel,
.title-page,
.title-page-container-top h4,
.know-more a,
.box-plan .recharge-interval span,
.rounded-corners,
.client-bg,
.menuservizi a:hover,
.menuservizi a.sel
{
    background-color: var(--main-color) !important;
}
.client-text,
a.client-text,
.assistance-box,
.assistance-box a,
.movicel-text strong.rosso,
.movicel-text h1,
.movicel-text h2,
.menuservizi a,
.boxgrigio h4,
.boxgrigio .linkrosso,
.boxgrigio strong.rosso
{
    color: var(--main-color);
}

@media only screen and (min-width: 992px) {

	.menubasso .navbar-nav,
	.menubasso .navbar-nav a,
	.menubasso .navbar-nav a:hover,
	.menualto .social a,
	.search-form button
	{
	    color: var(--main-color);
	}

	.menubasso .navbar-nav li.mission {
		background-color: var(--main-color) !important;
	}
}