/*!
 * Sogei UI Kit 4
 * author: dgalloppa
 */

/* PALETTE
 * primary:			#005a8c	rgb(0,90,140)
 * secondary:		#adcdec
 * secondary-alt:	#7a9ab9
 * section-primary:	#1a74a6
 */

/* COLOR */
.icon-primary,
.text-primary {
	color: #005a8c !important;
}
.bg-primary {
	background-color: #005a8c !important;
}
.border-primary {
	border-color: #005a8c !important;
}
.icon-secondary,
.text-secondary {
	color: #adcdec !important;
}
.bg-secondary {
	background-color: #adcdec !important;
}
.border-secondary {
	border-color: #adcdec !important;
}

/* HEADER */
#page-header {
	background-color: #005a8c;
	color: #fff;
}
#page-header .btn-primary.btn-alt:not(:hover) {
	background-color: #fff;
	border-color: #fff;
	color: #005a8c;
}
#page-header .btn-primary.btn-alt:active,
#page-header .btn-primary.btn-alt:hover,
#page-header .btn-primary.btn-alt:active:hover {
	background-color: #7a9ab9;
	border-color: #7a9ab9;
}
.language .btn:focus,
.language .btn:hover,
.language .active > .btn {
	background-color: #adcdec;
	border-color: #adcdec;
	color: #19191a;
}

/* MENU TOP */
.navbar {
	background-color: #eee;
}
.dropdown-menu {
	border-radius: 0;
}
.navbar-nav .nav-link,
.navbar-nav .nav-link:focus,
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active,
.navbar-nav .nav-link.active:focus,
.navbar-nav .nav-link.active:hover {
	color: #005a8c;
}
.navbar-brand,
.navbar .navbar-toggler {
	color: #005a8c;
}
#menu-top .dropdown-item,
#menu-top .dropdown-item:focus,
#menu-top .dropdown-item:hover,
#menu-top .dropdown-item.active,
#menu-top .dropdown-item:active {
	color: #005a8c;
}
#btn-accedi,
.btn-accedi {
	background-color: #adcdec;
	color: #19191a;
}

/* MENU LEFT */
#menu-left.navbar-light {
	border-color: #005a8c;
}
#menu-left.navbar-dark,
#menu-left-title,
#menu-left .nav-divider {
	background-color: #005a8c;
}
#menu-left.navbar-light.items-bordered .nav-item {
	border-top: 1px solid rgba(0, 90, 140, .2);
}
#menu-left.navbar-light .nav-item .nav-item {
	background-color: rgba(0, 90, 140, .1);
}
#menu-left.navbar-light .nav-link {
	color: #005a8c;
}
#menu-left.navbar-light .nav-link:focus,
#menu-left.navbar-light .nav-link:hover {
	background-color: rgba(0, 90, 140, .1);
}

/* ICONS */
.fa-title {
	background-color: #7a9ab9;
}

/* TITLE */
h1.underline, h2.underline, h3.underline, h4.underline {
	border-bottom-color: #005a8c;
}

/* SPINNER */
#spinner {
	color: #7a9ab9;
}

/* BADGE, MESSAGE, NOTIFICATION */
.alert {
	border-radius: 0;
}
.badge-primary {
	background-color: #005a8c;
}

/* CARD */
.card,
.card-header,
.card-footer {
	border-radius: 0 !important;
}
.card-primary {
	border-color: #005a8c;
}
.card-primary > .card-header {
	background-color: #005a8c;
}
.card-info {
	border-color: #7a9ab9;
}
.card-info > .card-header {
	background-color: #adcdec;
}
.card-simple {
	border-color: #adcdec;
}

/* TABS */
.nav-tabs .nav-link.active,
.nav-tabs .nav-link.active:focus,
.nav-tabs .nav-link.active:hover {
	border-top-color: #005a8c;
	color: #005a8c;
}
.nav-tabs-reverse .nav-link.active,
.nav-tabs-reverse .nav-link.active:focus,
.nav-tabs-reverse .nav-link.active:hover {
	border-bottom-color: #005a8c;
	color: #005a8c;
}
.nav-tabs-vertical .nav-link.active,
.nav-tabs-vertical .nav-link.active:focus,
.nav-tabs-vertical .nav-link.active:hover {
	border-right-color: #005a8c;
	color: #005a8c;
}

/* TABLE */
.table > thead > tr > th {
	color: #005a8c;
}
.table-header > thead > tr > th {
	background-color: #005a8c;
	color: #fff;
}
.table:not(.table-bordered),
.table:not(.table-bordered) > thead > tr > th {
	border-color: #005a8c;
}
caption {
	color: #005a8c;
}

/* PAGINATION */
.pagination,
.page-link {
	border-radius: 0 !important;
}
.page-item.active .page-link,
.page-item.active .page-link:focus,
.page-item.active .page-link:hover {
	background-color: #005a8c;
	border-color: #005a8c;
}

/* MODAL */
.modal-content {
	border-radius: 0;
}

/* LIST GROUP */
.list-group-item {
	border-radius: 0 !important;
}

/* ENTRYPOINT */
.btn-entrypoint.btn-default:not(:hover) {
	border-color: #005a8c;
	color: #005a8c;
}
.btn-entrypoint.btn-primary:not(:hover) {
	background-color: #005a8c;
	border-color: #005a8c;
}
.btn-entrypoint.btn-info:not(:hover) {
	background-color: #adcdec;
	border-color: #7a9ab9;
	color: #19191a;
}
.btn-entrypoint.btn-default:active,
.btn-entrypoint.btn-default:hover,
.btn-entrypoint.btn-default:active:hover {
	background-color: #005a8c;
	border-color: #005a8c;
	color: #fff;
}
.btn-entrypoint.btn-primary:active,
.btn-entrypoint.btn-primary:hover,
.btn-entrypoint.btn-primary:active:hover {
	background-color: #fff;
	border-color: #005a8c;
	color: #005a8c;
}
.btn-entrypoint.btn-info:active,
.btn-entrypoint.btn-info:hover,
.btn-entrypoint.btn-info:active:hover {
	background-color: #7a9ab9;
	border-color: #7a9ab9;
	color: #19191a;
}

/* PROGRESS BAR */
.progress-bar-done {
	background-color: #adcdec;
}
.progress-bar-doing {
	background-color: #005a8c;
}
.progress-bar-link:focus,
.progress-bar-link:hover {
	background-color: #7a9ab9;
	color: #19191a;
}

/* WIZARD */
.wizard-dot,
.wizard .progress-bar,
.wizard-step-doing > .wizard-dot::after {
	background-color: #7a9ab9;
}

/* UTILITY */
.section-primary {
	background-color: #005a8c;
	background-image: linear-gradient(to right, #005a8c, #1a74a6);
}

/* FORM */
label,
legend,
.input-group-text {
	color: #005a8c;
}
fieldset,
.form-control,
.custom-select,
.custom-file-label,
.custom-file-label::after,
.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.form-control-sm:not(textarea),
.custom-select-sm,
.input-group-sm > .form-control,
.input-group-sm > .custom-select,
.input-group-sm > .input-group-append > .btn,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-prepend > .input-group-text,
.form-control-lg:not(textarea),
.custom-select-lg,
.input-group-lg > .form-control,
.input-group-lg > .custom-select,
.input-group-lg > .input-group-append > .btn,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-prepend > .input-group-text {
	border-radius: 0;
}

/* POPOVER */
.popover {
	border-radius: 0;
}

/* DATEPICKER */
.datepicker.dropdown-menu {
	border-radius: 0;
}

/* CARD CON IMMAGINI */
.card-img-top {
	border-radius: 0;
}

/* CAROUSEL */
.carousel-indicators .active {
	background-color: #adcdec;
}

/* LOGIN */
#full-page {
	background-color: #005a8c;
	background-image: radial-gradient(#1a74a6, #005a8c 90%);
}
#full-page #page-header,
#full-page #page-footer {
	border-color: rgba(255, 255, 255, .2);
}
#login-form #btn-accedi,
.login-form #btn-accedi,
#login-form .btn-accedi,
.login-form .btn-accedi {
	background-color: #005a8c;
	color: #fff;
}
#full-page #page-footer,
#error-msg {
	color: #fff;
}
#error-msg a:not(.btn) {
	color: #fff;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	/* CARD CON IMMAGINI */
	.card-horizontal .card-img-top {
		border-bottom-left-radius: 0;
	}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

	/* MENU TOP */
	.navbar-expand-md .navbar-nav .nav-link:focus,
	.navbar-expand-md .navbar-nav .nav-link:hover,
	.navbar-expand-md .navbar-nav .nav-link.active,
	.navbar-expand-md .navbar-nav .nav-link.active:focus,
	.navbar-expand-md .navbar-nav .nav-link.active:hover {
		border-bottom-color: #7a9ab9;
	}
	.navbar-expand-md .active-reverse .nav-link.active,
	.navbar-expand-md .active-reverse .nav-link.active:focus,
	.navbar-expand-md .active-reverse .nav-link.active:hover {
		color: #005a8c;
	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

	/* MENU TOP */
	.navbar-expand-lg .navbar-nav .nav-link:focus,
	.navbar-expand-lg .navbar-nav .nav-link:hover,
	.navbar-expand-lg .navbar-nav .nav-link.active,
	.navbar-expand-lg .navbar-nav .nav-link.active:focus,
	.navbar-expand-lg .navbar-nav .nav-link.active:hover {
		border-bottom-color: #7a9ab9;
	}
	.navbar-expand-lg .active-reverse .nav-link.active,
	.navbar-expand-lg .active-reverse .nav-link.active:focus,
	.navbar-expand-lg .active-reverse .nav-link.active:hover {
		color: #005a8c;
	}
}