/* put your own styles to customize and override the theme */

.empresa-bg-color {
	background-color: #56a6d7;
}

.auth-header {
	background-color: #56a6d7;
}

.header-brand {
}

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

.header-background-image {
	background-image: url("../images/21/header-1648.jpg");
}


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

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

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

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 820px) and (max-device-width : 1200px) {
	.auth-header, .header-brand {
		background-image: url("../images/21/city-1200w.jpg");
	}
	.header-background-image {
		background-image: url("../images/21/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 {
		background-image: url("../images/21/city-1200w.jpg");
	}
	.header-background-image {
		background-image: url("../images/21/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 {
		background-image: url("../images/21/city-1200w.jpg");
	}
	.header-background-image {
		background-image: url("../images/21/header-1200.jpg");
	}
}

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

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

.app-header-light {
	background-color: #56a6d7
}

.app-header-dark {
	background-color: #56a6d7
}

.background-brand-color {
	background-color: #56a6d7 !important
}

.btn-primary {
	background-color: #56a6d7;
	border-color: #56a6d7;
}

.steps .step.completed .step-title {
	color: #56a6d7;
}

.steps .step.completed .step-icon {
	border-color: #56a6d7;
	background-color: #56a6d7;
}

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

/* Phones and Tables (portrait) ----------- */
@media only screen and (max-device-width : 1024px) and (orientation : portrait) {
	.home-cover-21-postventa {
		background-image: url('../images/21/cover-postventa-portrait.jpg');
	}
	.home-cover-21-comercio {
		background-image: url('../images/21/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: #56a6d7 !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: #56a6d7 !important;
	color: #fff !important;
}

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