/* put your own styles to customize and override the theme */
.empresa-bg-color {
	background-color: #283583
}

.auth-header {
	background-color: #0077cc
}

.header-brand {
}

.auth-header, .header-brand, .auth-announcement {
	background-image: url("../images/24/city-1900w.jpg");
}

.auth-announcement {
	background-position: center left;
}
.header-background-image {
	background-image: url("../images/24/header-1648.jpg");
}


/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	.auth-header, .header-brand, .auth-announcement {
		background-image: url("../images/24/city-360w.jpg");
	}
	.header-background-image {
		background-image: url("../images/24/header-580.jpg");
	}
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
	.auth-header, .header-brand, .auth-announcement  {
		background-image: url("../images/24/city-600w.jpg");
	}
	.header-background-image {
		background-image: url("../images/24/header-580.jpg");
	}
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
	.auth-header, .header-brand, .auth-announcement {
		background-image: url("../images/24/city-600w.jpg");
	}
	.header-background-image {
		background-image: url("../images/24/header-784.jpg");
	}
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 820px) and (max-device-width : 1200px) {
	.auth-header, .header-brand, .auth-announcement {
		background-image: url("../images/24/city-1280w.jpg");
	}
	.header-background-image {
		background-image: url("../images/24/header-1200.jpg");
	}
}
/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	.auth-header, .header-brand, .auth-announcement {
		background-image: url("../images/24/city-1280w.jpg");
	}
	.header-background-image {
		background-image: url("../images/24/header-1200.jpg");
	}
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	.auth-header, .header-brand, .auth-announcement {
		background-image: url("../images/24/city-1280w.jpg");
	}
		.header-background-image {
		background-image: url("../images/24/header-1200.jpg");
	}
}

/* Desktops and laptops lg ----------- */
@media only screen and (min-width : 1224px) {
	.auth-header, .header-brand, .auth-announcement {
		background-image: url("../images/24/city-1280w.jpg");
	}
	.header-background-image {
		background-image: url("../images/24/header-1648.jpg");
	}
}

/* Desktops and laptops xl ----------- */
@media only screen and (min-width : 1600px) {
	.auth-header, .header-brand, .auth-announcement {
		background-image: url("../images/24/city-1900w.jpg");
	}
	.header-background-image {
		background-image: url("../images/24/header-1900.jpg");
	}
}

.app-header-light {
	background-color: #0077cc
}

.app-header-dark {
	background-color: #0077cc
}

.background-brand-color {
	background-color: #0077cc !important
}

.btn-primary {
	background-color: #0077cc;
	border-color: #0077cc;
}

.steps .step.completed .step-title {
	color: #0077cc;
}

.steps .step.completed .step-icon {
	border-color: #0077cc;
	background-color: #0077cc;
}

.home-cover-24-postventa {
	background-image: url('../images/24/cover-postventa-landscape.jpg');
}

.home-cover-24-comercio {
	background-image: url('../images/24/cover-comercio-landscape.jpg');
}

/* Phones and Tables (portrait) ----------- */
@media only screen and (max-device-width : 1024px) and (orientation : portrait) {
	.home-cover-24-postventa {
		background-image: url('../images/24/cover-postventa-portrait.jpg');
	}

	.home-cover-24-comercio {
		background-image: url('../images/24/cover-comercio-portrait.jpg');
	}
}

.menu-item.has-active .menu-link,
.menu-item.has-active .menu-link > .menu-icon,
.menu-item.has-child:not(.has-open):hover,
.menu-item.has-child:not(.has-open) .menu-link:hover,
.menu-item.has-child:not(.has-open) .menu-link:hover .menu-icon,
.menu-item:not(.has-child) .menu-link:hover,
.menu-item:not(.has-child) .menu-link:hover .menu-icon,
.menu-item.has-child .menu .menu-link:hover {
	background-color: #026bb7 !important;
	color: #fff !important;
}

.hover-selection.list-group-item:hover,
.hover-selection.list-group-item:hover .list-group-item-title,
.hover-selection.list-group-item:hover .list-group-item-text {
	background-color: #026bb7 !important;
	color: #fff !important;
}

	.hover-selection.list-group-item:hover .active-item-image {
		color: #026bb7 !important;
		background-color: #fff !important;
	}