/*
    CSS con le personalizzazioni dell'interfaccia grafica. Il file principale ?
    main.css mentre skin.css sovrascrive le propriet? personalizzate.
*/

@import url(font-montserrat.css);

/*
 *  Buttons
 */

input[type="submit"],
input[type="reset"],
input[type="button"],
button,
.button {
    background-color: #061D53;
    color: #FFFFFF !important;
}

input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
button:hover,
.button:hover {
    background-color: #0C379C;
}

input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active,
button:active,
.button:active {
    background-color: #061D53;
}

.wrapper.style1 input[type="submit"],
.wrapper.style1 input[type="reset"],
.wrapper.style1 input[type="button"],
.wrapper.style1 button,
.wrapper.style1 .button {
    background-color: #061D53;
}

.wrapper.style1 input[type="submit"]:hover,
.wrapper.style1 input[type="reset"]:hover,
.wrapper.style1 input[type="button"]:hover,
.wrapper.style1 button:hover,
.wrapper.style1 .button:hover {
    background-color: #0C379C;
}

.wrapper.style1 input[type="submit"]:active,
.wrapper.style1 input[type="reset"]:active,
.wrapper.style1 input[type="button"]:active,
.wrapper.style1 button:active,
.wrapper.style1 .button:active {
    background-color: #061D53;
}

.wrapper.style2 input[type="checkbox"]:checked + label:before,
.wrapper.style2 input[type="radio"]:checked + label:before {
    color: #061D53;
}

/*
 *  Fonts
 */

body, input, select, textarea {
    font-family: "Montserrat";
	color: #061D53;
}

strong, b {
    color: #061D53;
}

h1, h2, h3, h4, h5, h6 {
    color: #061D53;
}

label {
    color: #061D53;
}

table th {
    color: #061D53;
}

.wrapper.style1 {
    background-color: #FFFFFF;
}

.wrapper.style1 table th {
    color: #061D53;
}

.wrapper.style1 input,
.wrapper.style1 select,
.wrapper.style1 textarea,
.wrapper.style1 label {
    color: #061D53;
}

.wrapper.style1 a {
    color: #061D53;
}

.wrapper.style1 strong, .wrapper.style1 b {
    color: #061D53;
}

.wrapper.style1 h1, .wrapper.style1 h2, .wrapper.style1 h3, .wrapper.style1 h4, .wrapper.style1 h5, .wrapper.style1 h6 {
    color: #061D53;
}

header p {
    color: #061D53;
}


/*
 *  Other
 */

.row.logo {
    background-color: transparent;
    margin-top: 5px;
    margin-bottom: 5px;
}

.row.logo:after, .row.logo:before {
	content: none;
}

.row.logo img {
	padding-top: 0;
	padding-left: 0;
	width: 130px;
    height: auto;
}

.row .ui-tabs.ui-widget {
    padding-left: 0;
}

#footer {
    padding: 3em 2em 2em 2em;
}

footer {
    background-color: #061D53;
    border-top-left-radius: 55px;
    border-top-right-radius: 55px;
}

footer .inner p {
    font-size: 11px;
    line-height: 13px;
    color: #FFFFFF;
    margin: 0 0 1em 0;
}

footer .inner p a {
    color: #FED05D;
}

.ui-widget-content .ui-state-highlight {
    background-color: #061D53;
}

#frmLogin .row .12u$ img {
    height: 50px;
    width: 110px;
}

.wrapper.style1 header p {
    color: #061D53;
}

img.logo-footer {
    width: 130px;
    height: auto;
    margin-bottom: 2em;
}

#alerts {
    padding: 0em 1em 0em 2em;
    margin-right: 0;
    margin-top: 0;
    background: transparent; /* #E6ECF2; */
}

#alerts a {
    margin-left: auto;
}

.alerts .notification {
	width: 20px!important;
	height: 20px!important;
	font-size: 14px;
	text-align: center;
	padding-top: 2px;
	position: absolute;
	top: 0px;
	right: 0px;
}

.form-login {
    margin-top: 40px;
}

.ui-datatable-tablewrapper {
    overflow: hidden;
}

#mainMenuButton {
    margin-left: auto;
}

#header {
    background: white;
    padding: 0 2em;
    border-bottom: 0px solid #cacaca;
    height: auto;
}

#header > a {
    color: #061d53;
}

#header > .inner,
#alerts > .inner {
    margin: 0 auto;
    width: 80em;
    display: flex;
    align-items: center;
    max-width: 100%;
}

@media screen and (max-width: 1280px) {
	#header > .inner,
	#alerts > .inner {
        width: 65em;
    }
}

#mainMenuButton:hover {
    font-weight: bold;
}


html, body {
  height: 100%;
}
body {
  display: flex;
  flex-direction: column;
}
#main {
  flex: 1 0 auto;
}
#footer {
  flex-shrink: 0;
}

#footer .inner .logo {
    text-align: right;
}

.content-title {
	background: #E6ECF2;
	border-bottom-right-radius: 55px;
	border-bottom-left-radius: 55px;
}

/* VEDERE SE TENERE
#main section header {
	display: none;
} */

.ui-menu {
    width: auto;
    padding: 1em;
    position: relative;
    outline: 0 none;
}

.ui-menu.ui-widget {
    padding: 1em;
}

.menu-altro {
    flex: 1;
    display: flex;
}

.ui-menu.ui-widget .ui-menuitem-link .ui-menuitem-icon {
    margin-right: 0px;
}

.ui-menuitem-icon {
    width: 1em;
}

a {
    color: #061D53;
}

#lnkOtherMenuItems {
    white-space: nowrap;
}

.wrapper header {
    margin-top: 2em;
}

.row.canale-comunicazione .box.mezzo-predefinito {
    background-color: #FED05D;
}

/* Gestione menu a seconda della larghezza dello schermo */

@media screen and (max-width: 799px) {
    .menu-item-horizontal {
        display: none !important;
    }
}

@media screen and (min-width: 800px) {
    .menu-item-vertical {
        display: none !important;
    }
}