@CHARSET "UTF-8";

input, textarea {font-family: Verdana, Geneva, sans-serif !important}

h1, h2, h3, h4, h5, h6 {
    color: #f17600;
    text-align: center;
}

div #menuFooter {
    font-size: 70%;
    font-family: Verdana, Tahoma, sans-serif;
    font-weight: normal;
    height: 45px;
    line-height: 25px;
    background: #082230;
    color: #fff;
}

div #menuFooter .lastAccess {
    width: 200px;
    text-align: right;
    color: #999;
    padding: 13px 20px;
}

div .bgDocSTD {
    background-color: #e5e5e5;
}

div .fromInstitutional {font-size: 11px}

ul.unstyled, ul.unstyled li {list-style: none}

.text11 {font-size: 11px !important}

.ui-dialog-content a {
    color: #ed7925 !important;
    text-decoration: none !important;
}
.ui-dialog-content a:hover {color: #00664a !important}

.hide {display: none}
.roll-row {cursor: pointer}
.alert {color: #cd0a0a !important}

#userData {
    text-align: right;
    color: #000;
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 10px 30px 10px 30px;
}

.testoVCB {
    color : #990000;
    font-weight: bold;
    font-size: 13px;
}

#tdTestataImg {
    width: 100%;
}

#userData_nominativo, #userData_codici, #userData_pos_giuridica {
    color: #082230;
    white-space: nowrap;
}

::-webkit-input-placeholder {
    color: #afafaf;
    font-style: italic;
}
:-moz-placeholder {
    color: #afafaf;
    font-style: italic;
}
::-moz-placeholder {
    color: #afafaf;
    font-style: italic;
}
::-ms-input-placeholder {
    color: #afafaf;
    font-style: italic;
}
:-ms-input-placeholder {
    color: #afafaf;
    font-style: italic;
}

.left {float: left}
.right {float: right}
.clear {clear: both}

.al_left {text-align: left !important}
.al_right {text-align: right !important}
.al_center {text-align: center !important}
.al_justify {text-align: justify !important}

.bold {font-weight: bold}
.italic {font-style: italic}
.toupper {text-transform: uppercase}
.w25 {width: 25px}
.w50 {width: 50px}
.w60 {width: 60px}
.w80 {width: 80px}
.w100 {width: 100px}
.w120 {width: 120px}
.w150 {width: 150px}
.w200 {width: 200px}
.w250 {width: 250px}
.w255 {width: 255px}
.w300 {width: 300px}
.button_x {
    margin: 0;
    padding: 0;
    border: 0;
    width: 16px;
    height: 16px;
    background: url("https://static.cnpadc.it/shared/img/fugue/cross.png") 50% 50% no-repeat;
    cursor: pointer;
}

.drs-table {
    width: 100%;
}
.drs-table th {
    padding: 2px;
    background-color: #E8E8E8;
    border: 1px dotted #D3D3D3;
}
.drs-table td {
    padding: 2px;
    border: 1px dotted #e0e0e0;
}
.drs-table td.end {
    border-bottom: 1px solid grey;
}
.drs-table td.importo {
    text-align: right;
    padding: 2px 5px;
    white-space: nowrap;
}

.drs-table .normale {background-color: #ddd}
.drs-table .even {background-color: #f5f5f5}
.drs-table .odd {background-color: #fff}
.drs-table .mark {
    color: #000;
    background-color: #f7c327;
}

.drs-table td.noborder {
    border:none;
}

.data-table {width: 100%}
.data-table th {
    padding: 2px;
    background-color: #f0f0f0;
    border: 1px dotted #d0d0d0;
}
.data-table td {
    padding: 2px;
    border: 1px dotted #e0e0e0;
}
.data-table td.importo {
    text-align: right;
    padding: 2px 5px;
    white-space: nowrap;
}
.data-table .even {}
.data-table .odd {background-color: #fff}
.data-table .mark {
    color: #000;
    background-color: #f7c327;
}

.area_table, .full_width {width: 100%}
.area_table th {
    background-color: #999;
    color: #fff;
    text-align: left;
    padding: 2px;
}
.area_table td {padding: 2px}

.area_table .half {width: 50%}
.area_table .2col_label {width: 18%}
.area_table .2col_field {width: 32%}
.area_table .8col {width: 12% !important}

.area_table .3col_label {width: 10%}
.area_table .3col_field {width: 22%}

.area_table .quarter {width: 25%}
.area_table .3col {width: 33%}

.area_table .lab4 {
    width: 15%;
}
.area_table .fld4 {
    width: 35%;
}

.area_table .roll_row:hover {
    cursor: pointer;
    color: #ed7925;
}

.area_table .pull-right {
    text-align: right;
    padding-right: 20px;
}

.hilight {
    font-size: 12px;
    color: #ed7925;
}
.area_table .highlight {color: #ed7925}

.area_table .ok {color: #060}
.area_table .ko {color: #f00}
.area_table .ko a {
    color: #f00;
    text-decoration: none;
}
.area_table .ko a:hover {color: #ed7925}

.area_wrapper {
    font-size: 12px;
    border: 1px solid #ddd;
    background-color: #f9f9f9;
    padding: 5px;
    margin-bottom: 10px;
}

.area_tabs {
    font-size: 12px;
    margin-bottom: 10px;
}

.area_wrapper input, .area_wrapper select, .area_tabs input, .area_tabs select {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
}
.area_wrapper fieldset, .area_tabs fieldset {
    border: 1px solid #ddd;
    margin-top: 10px;
}
.area_wrapper legend, .area_tabs legend {
    font-size: 14px;
    font-weight: bold;
}
.area_wrapper .simpleMessage {
    margin: 30px 0;
}

.area_messages, .area_errors, .area_warnings, .area_warnings_active {
    font-size: 11px !important;
    margin: 4px 2px 0 2px;
    padding: 8px;
}
.area_messages, .area_errors, .area_warnings {
    display: none;
}

.ui-state-highlight h1, .ui-state-highlight h2, .ui-state-highlight h3, .ui-state-highlight h4, .ui-state-highlight h5, .ui-state-highlight h6,
.area_errors h1, .area_errors h2, .area_errors h3, .area_errors h4, .area_errors h5, .area_errors h6,
.area_messages h1, .area_messages h2, .area_messages h3, .area_messages h4, .area_messages h5, .area_messages h6,
.area_warnings h1, .area_warnings h2, .area_warnings h3, .area_warnings h4, .area_warnings h5, .area_warnings h6,
.area_warnings_active h1, .area_warnings_active h2, .area_warnings_active h3, .area_warnings_active h4, .area_warnings_active h5, .area_warnings_active h6
{text-align: left}

.area_messages .wr-title, .area_errors .wr-title, .area_warnings .wr-title, .area_warnings_active .wr-title {font-weight: bold}

.area_messages ul, .area_errors ul, .area_warnings ul, .area_warnings_active ul {margin: 3px 0 0 0}

.area_messages li, .area_errors li, .area_warnings li, .area_warnings_active li {
    font-size: 11px !important;
    margin: 0 0 0 15px;
    padding: 2px 0 0 3px;
}

.area_message {
    font-size: 11px !important;
    margin: 4px 2px 0 2px;
    padding: 8px;
    display: none;
    color: green;
    border: 1px solid green;
    font-weight: bold;
}

.help {
    cursor: help;
}

#linkOldIban {
    cursor: pointer;
    text-decoration: underline;
}

#tableProfile td {
    padding-right:10px;
}

.dialogOTP .ui-dialog-titlebar{display: none}
.dialogVCB .ui-dialog-titlebar{display: none}
.dialogF24 .ui-dialog-titlebar{display: none}

.splash_screen .ui-dialog-titlebar {display: none}
.splash_screen .closer {text-align: right}

.area_breadcrumbs {
    margin-top: 5px;
    font-size: 11px !important;
}
.area_breadcrumbs a, .area_breadcrumbs a:link, .area_breadcrumbs a:hover {text-decoration: none}

.area_steps {
    font-size: 11px !important;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
}
.area_steps div.box {
    width: 100px;
    float: left;
}
.area_steps div.box_std {
    width: 170px;
    height: 80px;
    float: left;
}
.area_steps div.separator {
    width: 50px;
    float: left;
}
.area_steps div.step_img {
    font-size: 12px !important;
    font-weight: bold;
    width: 32px;
    height: 32px;
    color: #fff;
    padding-top: 15px;
    margin: auto;
}
.area_steps div.step_orange {
    background: url("../images/step_orange.png") 50% 50% no-repeat;
}
.area_steps div.step_black {
    background: url("../images/step_black.png") 50% 50% no-repeat;
}
.area_steps div.step_red {
    background: url("../images/step_red.png") 50% 50% no-repeat;
}
.area_steps div.step_off {
    background: url("../images/step_off.png") 50% 50% no-repeat;
}
.area_steps div.step_working {
    background: url("../images/step_working.png") 50% 50% no-repeat;
}
.area_steps div.step_on {
    background: url("../images/step_on.png") 50% 50% no-repeat;
}
.area_steps div.step_done {
    background: url("../images/step_done.png") 50% 50% no-repeat;
}

.area-splash {
    display: none;
    background: url("https://static.cnpadc.it/shared/img/cnpadc-logo-10_new.gif") 50% 10px no-repeat !important;
    font-size: 12px !important;
}
.area-splash-content {margin: 150px 0 5px 0 !important}
.area-splash-content a, .area-splash-content a:link {
    color: #f17600 !important;
    font-size: 12px;
    text-decoration: none;
}
.area-splash-content a:hover {color: #00664a !important}

.pes-filters {
    width: 30%;
    display: inline-block;
    float: left;
}
.pes-add-pct {width: 50px}
.pes-small-field {width: 80px}
.pes-invalid {border: 1px solid #f03}
.pes-ip-box {
    width: 160px;
    background-color: #fbf9ee;
    border: 1px solid #fed22f;
}
.pes-ip-box td {padding: 0 10px;}

.pes-button-wrapper{border-bottom: 1px dotted #ccc}

.pes-button {
    width: 220px;
    font-size: 13px !important;
    font-weight: bold;
    display: inline-block;
    margin: 10px 0;
    padding: 5px 5px 5px 22px;
    border: 1px solid #ddd;
    text-decoration: none;
    background-color: #f9f9f9;
}
.pes-button:hover {text-decoration: none}
.pes-button.pensione {background: url('https://static.cnpadc.it/shared/img/fugue/chart-up.png') 3px center no-repeat}
.pes-button.pensione:hover {background: #e2e2e2 url('https://static.cnpadc.it/shared/img/fugue/chart-up.png') 3px center no-repeat}
.pes-button.eta {background: url('https://static.cnpadc.it/shared/img/fugue/chart-pie-separate.png') 3px center no-repeat}
.pes-button.eta:hover {background: #e2e2e2 url('https://static.cnpadc.it/shared/img/fugue/chart-pie-separate.png') 3px center no-repeat}
.pes-button.aliquota {background: url('https://static.cnpadc.it/shared/img/fugue/chart.png') 3px center no-repeat}
.pes-button.aliquota:hover {background: #e2e2e2 url('https://static.cnpadc.it/shared/img/fugue/chart.png') 3px center no-repeat}

.twelve {font-size: 12px !important;}
.legend-accordion-icon {vertical-align: bottom;}

a.tblike {
	font-size: 13px;
	display: inline-block;
	margin: 10px;
	background-color: #f9f9f9;
	border: 1px solid #ddd;
	text-decoration: none;
}
a.tblike:hover {
	background-color: #ddd;
}

.pes-solo-utente-cassa {
    color: red;
}
.blink{
    animation: blink 1s linear infinite;
}
@keyframes blink{
    0%{opacity: 0;}
    50%{opacity: .5;}
    100%{opacity: 1;}
}

#tableElencoStp tr:first-child > td {
    padding: 0 5px 0 5px;
    text-align: center;
    line-height: 1.2;
}