/*
    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 {
    height: 2.86em;
    border-radius: 1.43em;
    background-color: #6600A6;
    color: #FFFFFF !important;
}

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

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

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

.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: #D7BFE7;
}

.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: #6600A6;
}

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

/*
 *  Fonts
 */

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

strong, b {
    color: #2C2B2B;
}

h1, h2, h3, h4, h5, h6 {
    color: #2C2B2B;
}

label {
    color: #1B1B1B;
}

table th {
    color: #1B1B1B;
}

table tbody tr:nth-child(even) {
    background-color: #FC4A14 !important;
    color: #FFFFFF !important;
}
		
table tbody tr:nth-child(odd) {
    background-color: #FFFFFF !important;
    color: #1B1B1B !important;
}

.ui-treetable tbody tr:nth-child(odd) {
    background-color: #FFFFFF !important;
	color: #1B1B1B !important;
}

.ui-treetable tbody tr:nth-child(even) {
    background-color: #FFFFFF !important;
	color: #1B1B1B !important;
}
.wrapper.style1 {
    background-color: #FFFFFF;
    margin-top: 24px;
}

.wrapper.style1 table th {
    color: #171C8F;
}

.wrapper.style1 input,
.wrapper.style1 select,
.wrapper.style1 textarea,
.wrapper.style1 label {
    color: #152a35;
}

.wrapper.style1 a {
    color: #2C2B2B;
}

.wrapper.style1 strong {
    color: #2C2B2B;
}

.wrapper.style1 b {
    color: #2C2B2B;
}

.wrapper.style1 h1, .wrapper.style1 h2, .wrapper.style1 h4, .wrapper.style1 h5, .wrapper.style1 h6 {
    color: #2C2B2B;
}

.wrapper.style1 h3 {
    color: #2C2B2B;
    font-weight: 600;
}

header p {
    color: #2C2B2B;
}

.pagina-attiva {
    color: #171C8F !important;
    text-decoration: underline;
    font-weight: 700;
}

.pagina-attiva-icon {
    color: #171C8F !important;
}

/*
 *  Other
 */

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

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

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

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

#footer {
    padding: 1em 2em 2em 2em;
    flex-shrink: 0;
}

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

footer {
    background-color: #FFFFFF;
}

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

footer .inner p a {
    color: #6600A6;
}

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

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

.wrapper.style1 header p {
    color:  #2C2B2B;
    font-weight: 600;
}

img.logo-footer {
    width: 130px;
    height: auto;
    margin-right:: 32px;
}

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

#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;
}

.menu-top a:hover {
  font-weight: bold;
  border-color: #232B99;
}

#header {
    background-color: #FFFFFF;
    padding-bottom: 24px;
    border-bottom: none !important;
    height: auto;
    box-shadow: none !important;
}

#header > a {
    color: #2C2B2B;
}

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

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

.menu-top a, #mainMenuButton {
	color: #171C8F;
	border-bottom: 3px solid transparent;
}

.ui-tabs .ui-tabs-nav.ui-widget-header li a {
    color: #171C8F;
}

html, body {
  height: 100%;
}

body {
  display: flex;
  flex-direction: column;
}

body .ui-message-error {
    background:#ae9ed9;
    border:1px solid #ef5350;
    border-width:0 0 0 3px;
    color:#b71c1c;
    margin: 5px 0px;
}

#main {
  flex: 1 0 auto;
  background-color: #FFFFFF;
}

.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: #000000;
}

a:hover {
  font-weight: bold;
  color: #000000;
}

#lnkOtherMenuItems {
    white-space: nowrap;
}

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

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

/* 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;
    }
}

.wrapper .inner {
    width: 85%;
}

@media screen and (max-width: 736px) {
    .wrapper .inner {
        width: 95%;
    }
}

.ui-tabs .ui-tabs-panel {
    padding: 0;
}

.ui-tabs.ui-tabs-top > .ui-tabs-nav {
    padding: 0;
}

.h4-strong {
    color: #2C2B2B !important;
}

.a-color {
    color: #FC4A14 !important;
}

.login-wrapper {
	background-position: top center;
    background-size: auto;
}

.garanzie-grid th {
    text-align: left;
}

.horizontal-row {
    display: block;
    text-align: left;
}

table.ui-datepicker-calendar tbody tr:nth-child(even) {
    background-color: #fff !important;
}

.wd3-footer-link {
    margin: 0 6px;
}

.wd3-main-area {
    margin: 0 10%;
    padding: 0 40px;
}

@media screen and (max-width: 736px) {
    .wd3-main-area {
        margin: 0 16px;
        padding: 0 16px;
    }
}

.ui-dialog.ui-widget-content {
    border-radius: 16px !important;
}

.ui-dialog.ui-widget-content h4 {
    font-weight: 600;
    font-size: 16px;
}

/*
 *  WD3 Card layout
 */

.wd3-card-content {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.25), -2px -2px 4px rgba(0, 0, 0, 0.1);
    padding: 40px;
    margin: 20px auto;
}

.wd3-card-field {
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 25px;
    padding: 5px 0;
    position: relative;
}

.wd3-card-field .ui-inputfield,
.wd3-card-field .ui-selectonemenu,
.wd3-card-field input {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    width: 100% !important;
    padding: 8px 0 !important;
    font-size: 16px !important;
    color: #333 !important;
}

.wd3-card-field label,
.wd3-card-field .ui-outputlabel {
    display: block;
    font-size: 14px;
    color: #888;
    margin-bottom: -2px;
    font-weight: normal;
}

.wd3-card-section-title {
    font-weight: 700;
    margin: 40px 0 20px 0;
    font-size: 16px;
    color: #000;
}

.wd3-input-strong {
    font-weight: 600 !important;
    color: #000 !important;
}

/*
 * WD3 elenco polizze
 */
.elpol-table {
    padding: 4px 0;
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

.elpol-table td {
    padding: 14px 0;
}

.elpol-table td:first-child {
    padding-left: 16px;
}

.elpol-table td:last-child {
    padding-right: 16px;
}

.elpol-table thead {
    border-bottom: 1px solid #d3d3d2;
}

.elpol-table thead td {
    padding: 12px 0;
}

.elpol-table tbody tr {
    border: none;
}

.elpol-table tbody tr:nth-child(even) {
    background-color: transparent !important;
    color: #000 !important;
}

.elpol-table tbody tr:nth-child(odd) {
    background-color: transparent !important;
    color: #000 !important;
}

.elpol-title {
    font-weight: 600;
    width: 60%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000;
}

.elpol-value {
    width: 40%;
    font-weight: normal;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000;
}

.elpol-title-prodotto {
    font-size: 16px;
    display: flex;
    align-items: center;
    margin-left: -1.1em !important;
}

.elpol-value-numpol {
    text-align: right;
}

@media screen and (max-width: 736px) {
    .elpol-value-numpol {
        text-align: left !important;
        width: 100% !important;
    }

    .elpol-title-prodotto {
        width: 100% !important;
        margin-left: 0 !important;
    }
}

.polizze-grid a:hover {
    font-weight: normal;
}