@import url('bootstrap-panels.css');

/*LOGO*/

@media (max-width: 500px){
      .nk-header-logo {
            display: none;
      }
}

.sqlCode{
      position: absolute;
      left: -9999px;
      z-index: -9999;
}

/*
HEADER
*/
.fa, .fas, .far {
      padding-right: 5px;
}

.nk-sidebar-head{

}
.nk-header-fixed{

}
.user-toggle, .user-name{
      color: #175855;
}

.user-avatar, [class^="user-avatar"]:not([class*="-group"]) {

      background: #175855;

}

.form-label{
      white-space: nowrap
}

.hiddenCol{
      /*  visibility: hidden;*/
      display: none !important;
}
/*login*/


.bg-abstract {
      background: url(../images/sfondo-login.jpg) no-repeat center center;
      background-size: cover;
      background-color: #fafafa;

}
.nk-block-title{
      text-align: center;
}

.nk-card-login{
      -webkit-box-shadow: 5px 0px 33px -20px black;
      -moz-box-shadow: 5px 0px 33px -20px black;
      -o-box-shadow: 5px 0px 33px -20px black;
      box-shadow: 5px 0px 33px -20px black;
}
.form-label {
      color: #175855;
      font-weight:500;
      text-transform: uppercase;
      font-size: 80%;
      padding: 2px 5px 2px 10px  ;
}

.col-label-value{
      white-space: nowrap;
      flex-grow: 0;

}
.value-wrap{
      white-space: pre-wrap !important;
}

.sqlCode{
      position: absolute;
      left: -9999px;
      z-index: -9999;
}

.bold{
      font-weight: bold !important;
}

span.label{
      padding: 2px 2px 2px 2px;
      color: #854fff;
      text-transform: uppercase;
      border-bottom: 1px solid #854fff;
      font-weight: 400;
      margin: 13px 0px 10px 5px;
}
span.value{
      padding: 2px 2px 2px 2px;
      font-size: 110%;
      font-weight: 500;
      margin: 13px 5px 10px 0px;


}
.popover-body{
      max-height: 80vh;
      overflow-y: auto;
}

.w-auto{
      width: auto !important;
}

.blinking{
      /*  animation: blinkingText 1s infinite;*/
      color:#d05246 !important;
}

@keyframes blinkingText{
      0%		{ color: #343a40;}
      100%	{ color: white;}
}

/*scrool bar*/

.pagination{
      margin-bottom: 10px;
}

input[type=date] {
      width: 180px;
}

.rec_number{
      padding: 3px 8px;
      align-self: center;
      font-size: 90%;
}

.icon-location{
      padding-right: 8px;
}

#scrollTable {
      /*  height: calc(100vh - 125px);*/
      overflow: auto;
      display: block;
}

.text-locauto{
      color:#0082c8 !important;
      font-weight: 500;
}
.text-bold{

      font-weight: bold;
}

.amount{
      color:#0082c8 !important;
      font-weight: bold;
      font-size: 2em;
}

.card-header .fa {
      transition: .3s transform ease-in-out;
}
.card-header .collapsed .fa {
      transform: rotate(90deg);
}

.table-wrapper-scroll-y{
      max-height: 60vh;
      overflow-y: auto;
}

.page-title-box .page-title {
      margin: 0;
      line-height: 45px;
      color: #323a46;
      margin: 0px 5px;
      text-transform: uppercase;
      font-weight: 600;
      padding-bottom: 3px;
}
.page-title-box .page-title-right {
      float: right;
      margin-top: 10px;
}
/* width */
::-webkit-scrollbar {
      width: 8px;
      height: 12px;
}

/* Track */
::-webkit-scrollbar-track {
      box-shadow: inset 0 0 5px grey;
      border-radius: 2px;
}

/* Handle */
::-webkit-scrollbar-thumb {
      background: #a9a9a9;
      border-radius: 2px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
      background: #a9a9a9;
}

/* custom*/

body.dragging, body.dragging * {
      cursor: move !important;
}

.obj_slot{
      padding: 3px 5px;
}

.border-success{
      border-color: #78c350!important
}
.border-warning{
      border-color: #ff9800!important
}
.border-primary{
      border-color: #348cd4!important
}
.border-info{
      border-color:#45bbe0!important
}

.text-huge{
      font-weight: bold !important;
      font-size: 130%;
}
.obj_slot_2{
      padding: 5px;
      border: 1px solid #e9e9e9;
      border-radius: 4px;
      margin: 5px;
}

.obj_slot_2 h4{
      margin: 0px;
}

/*
.popover-body{
      height: 60vh;
      overflow-y: auto;
}
*/
.list-group-item {
      padding: 5px 3px;
      font-size: 110%;
      font-weight: 400;
}
.dragged {
      opacity: 0.7;
      z-index: 2000;
      background-color: #ccc;
}

.list-test{
      color: #000;
      padding: 10px !important;
      margin: 3px 0px;
}

.list-test h4{
      font-size: 130%;
      font-weight: bold;
}

#loader {
      border: 16px solid #f3f3f3;
      border-radius: 50%;
      border-top: 16px solid #3498db;
      width: 120px;
      height: 120px;
      -webkit-animation: spin 2s linear infinite;
      animation: spin 1s linear infinite;
      margin:auto;
      left:0;
      right:0;
      top:0;
      bottom:0;
      z-index: 1000;
      position:fixed;
}

@-webkit-keyframes spin {
      0% { -webkit-transform: rotate(0deg); }
      100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
      0% { transform: rotate(0deg); }
      100% { transform: rotate(360deg); }
}

.required{
      color: #fa5838 !important;
}

.required:after {
      content: ' *';
}

.infoObj{
      margin: 15px 0px;
      border: 1px solid #cdcdfa;
      border-left: 3px solid #cdcdfa;
      border-radius: 5px;
      padding-top: 8px;
      font-size: 90%;
}
h4.titleObj{
      text-transform: uppercase;
      padding-left: 10px;

}
.container-flex{
      display: flex;
}
.keyInfoObj{
      margin-bottom: 0px;
      display: inline-block;
      text-transform: capitalize ;

}
.valueInfoObj{
      font-size: 110%;
      font-weight: bold;
      padding: 1px 10px;
      background-color: #f7f7fc;
      display: inline-block;
      margin: 2px 0px 2px 5px;
      border-bottom: 1px solid #d0d0f7;
}

.revision{
      background-color: #b2e09b !important;
}





.app-title{
      font-size: 50px;
      text-align: center;
      padding: 0px;
      color: white;
      font-weight: 800;
      /*     text-shadow: 1px 1px 0 black, 1px -1px 0 black, -1px 1px 0 black, -1px -1px 0 black;*/
      line-height: 50px;
}
i.app-title{
      font-size: 70%;
}

.title-login{
      /*   font-size: 32px;*/
      color: black;
      font-weight: 800 !important;
      padding-top: 5px;
      font-size: 50px;
      text-align: center;

      font-weight: 800;

      line-height: 50px;
}

.title-login i{
      font-size: 70%;
}
.logo-bg{
      background-image: url(../images/logo-ponzio.png);
      background-repeat:no-repeat;
      background-position:50% 50%;
      background-size: 120px;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%;
      position: absolute;

}
.hide{
      display: none;
}
.input-language{
      padding: 2px 4px;
      height:  26px;
      min-width: 15vw;
}
.img-flag{
      height: 28px;
      padding: 0px 5px;
}

.pull-right{
      float: right !important;
}

a.icon-menu i{
      font-size: 130%;
}
.form-container{
      margin: 10px;
      border-bottom: 1px solid #e6e4f5;
      padding: 5px 5px 10px 5px;
}


.navbar-header-logo{
      background:  url(../images/header.png) no-repeat 90% 50%;
      width: 100%;
      height: 50px;

}

.brembo{
      /*
      color:#d05246;
      font-size: 110%;
      */
}
/*
.d-none {
      display: none !important;
}
*/

/*
.bg-danger{
background-color: #f2dede !important;
}

.bg-warning{
background-color: #fcf8e3 !important;
}
.bg-success{
background-color: #dff0d8  !important;
}
*/
input[type="date"]:not(:valid):before {
      content: attr(placeholder);

}

.bg-home {

      /*width: 100vw*/
      margin: auto;
      /*box-shadow: 5px 5px 5px  #aaa;*/
      height: 80vh;
}
.bg-home img{
      position:absolute;
      margin: auto;
      left: 50%;
      top: 50%;
      transform: translate(-50%,-50%);
      opacity: 0.5;
      /*     -webkit-mask-image: -webkit-gradient(linear, 0 50%, 60% 50%, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0)))*/

}


.help {
      border: 2px dashed #D7D7DB;
      border-radius: 9px;
      padding: 8px;
      font-size: 90%;

}

#reportrange{
      background: #fff; cursor: pointer; padding: 2px 10px; border: 1px solid #ccc;

}

.scroll{
      overflow-y: scroll;
}

.badge{
      font-size: inherit;
}
.hpanel>.panel-heading{
      font-size: 110%;
      color:#34495e;
      padding: 3px 6px;
      background-color:#f4f3f3;
      margin-top: 8px;
      border: 1px solid #c6d1dd;
      text-transform: uppercase;
}

.panel-heading{
      padding: 5px 10px;
      font-size: 120%;
      font-weight: 600;
}

audio{
      padding: -10px;
      margin: 1px;
      height: 20px;
      border-radius: 3px;
}


.modal-extrawide  .modal-dialog {
      width: 95%; /* or whatever you wish */
}

.modal-small  .modal-dialog {
      width: 45%; /* or whatever you wish */
}

.modal-extrrasmall  .modal-dialog {
      width: 35%; /* or whatever you wish */
}
.logo{
      position: relative;
}
.title-panel{
      font-size: 110%;
      text-transform: uppercase;
}


/*

.form-control:focus {
color: #4F5467;
background-color: #fff;
border-color: rgba(0, 0, 0, 0.25);
outline: 1px solid #66afe9;
box-shadow:  inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6)

}
*/
.myPanel{
      border-bottom: 2px solid #dae3ed;
      /*    border-top: 1px solid #ccc;*/
      /*   border-radius: 4px;*/
      padding: 6px 10px;

      margin-left: 10px;
      margin-right:  10px;

}



.logo-text img{
      height: 50px;
      padding: 3px 0px;
}

.label_attributi{
      min-width: 120px;
      text-align: right;
      padding: 2px 10px;
      border-bottom: 1px solid #ccc;
}
.bootstrap-tagsinput  span.label {
      font-size: 110%;
      padding: 2px 4px;
      line-height: 2;
}

.header-logo {
      width: 40%;
      text-align: left;
      float: left;
      padding-top: 10px;
      font-size: 180%;
      font-weight: 800;
}
.header-logo-mobile {
      display: none;
}



/*NAV bar tab*/
.nav-tabs-custom > .nav-tabs > li > a{
      font-size: 120%;
}

#navbar_main{
      background-image: url(head.png);
      background-position: 100% 100%;
      background-repeat: no-repeat;
}

/*
*  STYLE 3
*/


.flex-inline{
      display: inline-flex;
      flex-direction: row;
      align-items:center;
      padding: 4px ;
}
.flex-row{
      display:block;
      flex-direction: row;
      flex-wrap:  wrap;
      width: 99%;
      align-items:center;

}
::-webkit-scrollbar-track
{
      -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
      background-color: #F5F5F5;
}

::-webkit-scrollbar
{
      width: 6px;
      background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb
{
      background-color: #ccc;
}

.w-100{
      width: 100% !important;
}
.form-control{
      border-radius: 0px;
      border-left: 3px solid #175855;
      min-width: 150px;
}

label{
      padding: 2px 5px;
}

.modal-wide .modal-dialog {
      width: 70%; /* or whatever you wish */
}
#submit:hover
{
      background-color: black;
}
textarea{
      width:auto;
      height:100%;
}
/*
input[type=text]:focus,textarea:focus {
border-color: #4697e4;
}
*/


.grafico{
      height:100%;
      width:99%;
      min-height:300px;
      position:relative;
      margin:2px 5px ;
      padding:5px;
      border:1px solid #E8E8E8;
      border-radius:4px;
}
.graficoInLine{
      min-height:300px;
      margin:2px 5px ;
      padding:5px;
      border:1px solid #E8E8E8;
      border-radius:4px;
}


.list-group-horizontal .list-group-item {
      display: inline-block;
      margin:1px;
      padding:2px 10px;
      font-weight:normal;
}

.getSegmento{
      background-color:#fcf8e3;
      border:1px solid #FC3;
}

a:hover{
      text-decoration:none;
}



.border{
      border:1px solid #bce8f1;
      border-radius: 4px;
      padding:5px;

      margin:5px 1px;
}

.border_interpreti{
      border-left: 4px solid #f2dede;
      border-bottom: 1px solid #f2dede;
      border-radius: 4px;
      padding:5px;

      margin:5px 0px;
}






.sorting {
      background: url("../images/sort_both.png") no-repeat center right;

}
.sorting_asc {
      background: url("../images/sort_asc.png") no-repeat center right;

}
.sorting_desc {
      background: url("../images/sort_desc.png") no-repeat center right;

}

.tablesorter-headerUnSorted {
      background: url("../images/sort_both.png") no-repeat center right;

}
.tablesorter-headerAsc {
      background: url("../images/sort_asc.png") no-repeat center right;

}
.tablesorter-headerDesc {
      background: url("../images/sort_desc.png") no-repeat center right;

}
.sorter-false{
      background-image:none !important;
}

.immagine {
      padding: 1px;
      margin-left: auto !important;
      margin-right: auto !important;
      text-align:center !important;
}


.tab_elenco_01 {
      border-collapse:collapse;
      margin: 5px;
      vertical-align: top;
      font-size: 110%;

}
.tab_elenco_01 tbody tr:hover  {

      background: #f8f9fc;
      box-shadow: 0 2px 15px -4px rgb(133 79 255 / 40%);

}
.tab_elenco_01 tr.var {
      background-color: #d7d7de !important;
      font-weight:bold;
      vertical-align:middle;
      border-bottom:1px solid #d05246;
}

.tab_elenco_01 tr.border-danger {
      background-color: #d7d7de !important;
      font-weight:bold;
      vertical-align:middle;
      border-bottom:1px solid #d05246;
}

.tab_elenco_01 tr.disable {
      background-color: #e4e4f3 !important;

}


.tab_elenco_01 tr.red {
      background-color: coral !important;

}
.tab_elenco_01 thead tr{
      background-color: transparent !important;
}

.tab_elenco_01 tr.note {
      font-size: 90% !important;
      border-bottom:2px solid #B3CCAC  !important;
}
.tab_elenco_01 tr.note td label {

      padding: 2px 4px;
      margin: 0px;
}
.tab_elenco_01 th.total {
      font-weight:bold;
      text-align:right !important;
      padding:2px 4px !important;


}

.tab_elenco_01 tr:nth-child(even)  {
      /* background-color: #F7F7F7;*/
}

.tab_elenco_01 tr.noHover  {
      background-color: transparent !important;
}


.tab_elenco_01 th {
      color: #175855;
      font-weight:700;
      padding: 2px 20px 2px 6px  ;
      text-transform: uppercase;
      font-size: 90%;
      cursor:pointer;
      text-align: left;
      vertical-align: middle;
      border-bottom:2px solid #175855;
      text-overflow: ellipsis;
      white-space: nowrap;
}

.tab_elenco_01 td {
      /*border: 1px solid #CCC;
      font-weight: 500;*/
      text-align: left;
      border-bottom: 1px solid #E1E1E1;
      padding: 4px 2px 4px 4px;
      vertical-align:middle;
      white-space: nowrap;
}

.tab_elenco_01 td.wrap {
      white-space: normal !important;
}

.tab_elenco_01 th.right {
      text-align: right;
}
.tab_elenco_01 td.huge{
      font-size: 120%;
      font-weight: bold;
}


.tab_elenco_01 th.sep {
      width:3px;
      background-color:#999999;
      margin:0px;
      padding:0px;
      border:1px solid #999999;
}
.tab_elenco_01 td.icon {
      text-align: center;
}
.tab_elenco_01 td.icon-fa {
      text-align: center;
      font-size: 110%;
      color: white;
}
.tab_elenco_01 td.sep {
      width:3px;
      background-color:#999999;
      margin:0px;
      padding:0px;
      border:1px solid #999999;
}
.tab_elenco_01 td.right {
      text-align: right;
}
.tab_elenco_01 th.var {
      color:#19442f;
      background-color: #d8ffec;
      font-weight: bold;
      text-align: center;


}
.tab_elenco_01 th.success {
      background-color: #71c016;
      text-align: center;
      text-transform:uppercase;
      color: white;
}
.tab_elenco_01 th.warning {
      background-color: #ffc100;
      text-align: center;
      text-transform:uppercase;
      color: white;
}

.tab_elenco_01 th.vuoto {
      background-color:transparent !important;
      border-top-style: none;
      border-right-style: none;
      border-bottom-style: none;
      border-left-style: none;
      color: #000;
}
.tab_elenco_01 th.vuoto-white{
      background-color:white !important;
      border:none !important;

}




.tab_elenco_01 td.number {
      text-align: right;
      padding-right: 6px;
}

.tab_elenco_01 td.bold {
      font-size:120%;
      font-weight: bold;
}
.tab_elenco_01 tr.totale {
      font-size:120% !important;
      font-weight: bold;
}
.tab_elenco_01 td.bold-money {
      font-size:120%;
      font-weight: bold;
      text-align: right;
      border-collapse: collapse;
      font-style: oblique;
      font-weight: bold;
      padding-right: 6px;
}
.tab_elenco_01 td.var {
      font-weight:bold;
      color:#333333;
      text-align:left;
      border-bottom-width: 1px;
      border-bottom-style: solid;
      border-bottom-color: #999;
      padding:2px 3px 2px 6px;
      margin: 0px 2px 6px 2px;
      background-color: #D1D1D1;
}
.tab_elenco_01 caption {
      color: #34495e;
      border-bottom: 1px solid #8dc6ff;
      padding: 15px 0px 1px 0px;
      font-weight: bold;
      margin-bottom: 5px;
      text-transform: uppercase;
      font-size: 120%;
      caption-side:top
}



.saltopagina {
      page-break-before: always;
}

.titoloPag{
      text-transform:uppercase;
      text-align: left;
      font-size:16px;
      /*font-weight:bold;*/
      width:98%;
      margin:2px 2px 10px 2px;
      padding: 2px;
      border-bottom-width: 1px;
      border-bottom-style: solid;
      border-bottom-color: #CCC;
}
.titoloSez{
      text-transform:uppercase;
      text-align: left;
      font-size:14px;
      /*font-weight:bold;*/
      width:40%;
      margin:15px 2px 10px 2px;
      padding: 2px;
      border-bottom-width: 1px;
      border-bottom-style: solid;
      border-bottom-color: #CCC;
}
.titoloProj{
      text-transform:uppercase;
      text-align: center;

      font-size: 150%;
      color:#9b59b6;
      /*font-weight:bold;*/

      margin:15px 2px 10px 2px;
      padding: 2px;
      border-bottom-width: 2px;
      border-bottom-style: solid;
      border-bottom-color: #9b59b6;
}


.simple_01 {

      padding:6px;
      margin: 10px 2px;
      font-size:13px;
}
.simple_01 th.intestazione {
      font-weight: bold;
      text-align: right;	/*border: 1px solid #999;*/
      vertical-align:top;

}
.simple_01 th {
      background-color:#3c8dbc;
      color:white;
      font-weight:bold;
      padding: 2px 4px;  ;
      cursor:pointer;
      text-align: left;
      border:1px solid #FFF;
      text-overflow: ellipsis;
      white-space: nowrap;
      vertical-align:top;

}
.simple_01 th.sep {
      width:3px;
      background-color:#CCC;
      border:none;
      margin:0px;
      padding:0px;
}
.simple_01 td {
      padding: 2px 6px;
      border: 1px solid #E8E8E8;
      text-align: left;
      vertical-align:top;
}
.simple_01 td.right{
      text-align:right;
}
.simple_01 td.vuoto {
      border:none;}
.simple_01 tr.totali{
      font-size:110%;
      font-weight:bold !important;
      background-color:#DFDFDF !important;

}

.simple_01 td.piccolo {
      font-size:85%;
}







.modal-header .reload {
      padding: 3px;
      margin: 0px 0px 0px auto;
}
.modal-header{
      padding: 10px 10px 5px 10px;;
      background-color: #f0efff
}

.form_01 {
      margin: 10px;
      vertical-align: top;

}
.form_01 th {
      font-weight: 400;
      text-align: right;
      text-transform: capitalize;
      margin: 2px;
      padding: 0px  5px ;
      color:var(--locauto);;
      border-bottom: 1px solid  #e7ecf0;
      /*max-width: 50px;*/
      white-space: nowrap;
      width: 1px;
}

.form_01 th.subTitle{
      text-align: center;
      font-size: 120%;
      border-bottom: 2px solid  #b6deff;
      color:#0a1926;
}

.form_01 td {
      margin: 2px;
      padding:3px;
      white-space: nowrap;

}

.form_01 td.center {
      text-align: center;
      vertical-align: middle;

}
.form_01 td.sep-row {
      text-align: center;
      vertical-align: middle;
      font-weight: bold;
      background-color: #464960;
      color: white;

}
.form_01 th.TitleP {
      font-weight:bold;
      /* color:#31708f;*/
      text-align: left;
      /*    border-bottom: 1px solid #bce8f1;*/
      font-size: 110%;
}

.form_01 td.sep {
      background-color: #000000;
      margin: 0px;
      padding: 0px;
      width: 3px;
      border: none;
}
.form_01 caption {
      text-align: left;
      font-weight: bold;
      border-bottom: 1px solid #999;
      padding: 0px;
      margin-bottom: 10px;
      color: #333;
      font-size: 120%;
}
.containerFilter{
      padding: 7px;
      background-color: #f2f2ff;
      border: 1px solid#d5d5ff;
      border-radius: 4px;
      margin:10px 12px;
}

.filter {
      margin:5px 6px;

}


.filter th {
      color: #333;
      text-align: right;
      padding:2px 1px 2px 6px;
      /*background-color:#FFF;*/
      border-bottom:1px solid #CCC;
      font-weight: 500;
}

.filter td {
      padding:2px 3px;
      vertical-align:middle;
      text-align: left;
}

.filter td.center {
      text-align: center;
      vertical-align: middle;
}
.filter td.sep {
      text-align: center;
      vertical-align: middle;
      background-color: #000000;
      margin: 0px;
      padding: 0px;
      width: 3px;
      border: 0px none #000000;
}
.filter caption {
      font-size:120%;
      font-weight:bold;
      color:#660000;
      text-align:left;
      font-variant: normal;
      text-transform: none;
      margin-bottom: 2px;
      margin-left: 10px;
      margin-top: 4px;
}




.frame {
      text-align:center;
      background-color: #FFFFFF;
      border: 2px solid #000000;
      margin-top: 18px;
      margin-right: 5px;
      margin-bottom: 5px;
      margin-left: 5px;
      padding: 2px;
}

.frame2 {
      text-align:center;
      border: 1px solid #999966;
      padding: 2px;
      background-color: #FFF7EE;
      margin: 2px;
}





input[type="checkbox" ] {
      margin: 0px 4px  0px 0px;
      vertical-align:middle;
}

select option:nth-child(odd) {

      background:#FFFFFF;
}
select option:nth-child(even) {
      background:  #F2F2F2;
}



select {
      border-radius: 4px;
      padding: 2px;
      border: 1px solid #E8E8E8;
}
select:active {
      border: 1px solid #000;
}




input,textarea {
      font-weight:400;
      border-radius: 4px;
      padding: 2px;
      border: 1px solid #E8E8E8;
}
.testo {
      font-family:Verdana, Arial, Helvetica, sans-serif;
      font-size:11px;
      color:#000000;
      text-align:left;
      font-weight: normal;
      vertical-align: top;
      text-transform: none;
      font-variant: normal;
      text-decoration: none;
}



.paginazione {

      font-size:11px;
      color:#000000;
      text-align:left;
      font-weight: normal;
      vertical-align: top;
      margin:4px;
      padding-left: 5px;
}

.testopiccolo {
      font-family:Arial, Helvetica, sans-serif;
      font-size:10px;
      color:#000000;
      text-align:left;
      font-weight: normal;
      vertical-align: middle;
      text-transform: none;
      font-variant: normal;
      padding: 1px;
      margin-right: 2px;
      margin-left: 2px;
      border-bottom-width: 1px;
      border-top-style: none;
      border-right-style: none;
      border-bottom-style: solid;
      border-left-style: none;
      border-bottom-color: #999999;
}

.submit {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 11px;
      color: #000000;
      text-align: center;
      font-weight: bold;
      list-style-image: url(../images/freccia.gif);
      background-image: url(../images/freccia.gif);
}

.div_scroll {
      height:340px;
      overflow:auto;
}


.red {
      background-color: #FF9D9D;
      -webkit-border-radius:2px;
      -moz-border-radius:2px;
      border-radius:2px;
      padding:3px;

}
.paginaTrovata {
      background-color: #CCCCCC;
      -webkit-border-radius:2px;
      -moz-border-radius:2px;
      border-radius:2px;
      padding:3px;
}
.green {
      background-color: #AAFFAA;
      -webkit-border-radius:2px;
      -moz-border-radius:2px;
      border-radius:2px;
      padding:3px;
}
.nomeCampo2 {

      font-family:Arial, Helvetica, sans-serif;
      font-size:11px;
      color:#000000;
      text-align:center;
      background-color: #CCCCFF;
      font-weight: normal;
      border-top-width: 3px;
      border-top-style: solid;
      border-top-color: #000066;
      border-right-color: #000066;
      border-bottom-color: #000066;
      border-left-color: #000066;
      font-variant: small-caps;
}
.immagine {
      padding: 1px;
      margin-left: auto !important;
      margin-right: auto !important;
      text-align:center !important;
}
.calendario {
      font-family: Arial, Helvetica, Geneva, sans-serif;
      padding:3px;
      background-color: #FFFFFF;
      border: 1px solid #999999;
      text-align: center;
}
.calendario td {
      font-size:15px;
      height:auto;
      padding-top:1px;
      padding-right:1px;
      padding-bottom:1px;
      padding-left:1px;
      border-bottom-width:1px;
      border-left-width:1px;
      border-bottom-style:solid;
      border-left-style:solid;
      border-bottom-color:#E6E6E6;
      border-left-color:#f3f3f3;
      text-align: left;
      vertical-align: top;
}
.calendario a {
      font-size:12px;
      height:auto;
      padding-top:1px;
      padding-right:1px;
      padding-bottom:1px;
      padding-left:1px;
      text-align: left;
      vertical-align: top;
      font-family: Arial, Helvetica, sans-serif;
      color: #000000;
}
.calendario th {
      font-size:11px;
      height:auto;
      border-bottom-width:1px;
      border-left-width:1px;
      border-bottom-style:solid;
      border-left-style:none;
      border-bottom-color:#003366;
      border-left-color:#F4F6F7;
      text-align: left;
      color: #FFFFFF;
      padding: 2px;
      background-color: #330000;
      margin: 0px;
}
.calendario caption {
      font-family: Arial, Helvetica, Geneva, sans-serif;
      padding:0px;
      font-size: 11px;
      font-weight: bold;
      border-top-width: 2px;
      border-right-width: 2px;
      border-bottom-width: 2px;
      border-left-width: 2px;
      border-top-color: #CC66CC;
      border-right-color: #CC66CC;
      border-bottom-color: #CC66CC;
      border-left-color: #CC66CC;
      font-variant: small-caps;
}

.contorno {
      font-family: Verdana;
      font-size: 11px;
      color: #000000;
      font-weight: normal;
      padding: 5px;
      margin: 5px;
      border: 1px solid #D7D7D7;
      text-align: center;
      white-space: normal;
      display: inline;
      vertical-align: middle;
      background-color: #F0F4FF;
}
.rientro {
      padding: 0px;
      margin-right: -50px;
      margin-left: 0px;
      margin-bottom: 0px;
}


.elenco {

      padding: 5px;
      margin: 5px;


}

.elenco caption {
      text-align: left;
      font-weight: bold;
      border-bottom: 1px solid #999;
      padding: 0px;
      margin-bottom: 10px;
      color: #333;
      font-size: 120%;
}

.elenco td {
      padding: 2px 20px 3px 4px;
      vertical-align: middle;
      font-weight: 500;
      font-size: 110%;
      min-width: 100px;
      /*  border-top: 1px solid #dbdfea;*/
}
.elenco td.bold {

      font-weight: bold;

}

.elenco th.greenB{
      border-bottom: 2px solid green;
      font-weight: bold;
      color: black;
}
.elenco th {
      color: #854fff;
      padding: 2px 2px 3px 4px;
      text-transform: uppercase;
      border-top: 0;
      font-weight: 400;
      text-align: right;
}

.elenco tbody tr:nth-of-type(even) {
      /*    background-color: #f5f6fa;*/
}

.elenco td:first-child, .elenco th:first-child {
      padding-left: 1.25rem;
}

.elenco td.bold-money{
      font-size: 120%;
      font-weight: bold;

}

.lotti {

      padding: 10px;
      margin: 10px;
      display: inline;
      font-size: 110%;

}

.lotti tr:hover td {
      background-color: #e1f5e6;
      border-bottom: 1px solid #41b55e;
      border-top: 1px solid #41b55e;
}

.lotti td {
      text-align: left;
      padding:3px 15px 3px 5px;
      border-bottom: 1px solid #ccc;
      color: #34495e;
}
.lotti td.subTitle {
      text-align: center;
      border-bottom: 1px solid #a94442;
      border-right: 1px solid white;
      background-color:    #f2dede;
      color: black;
      font-weight: bold;
      font-size: 100%;
}

.lotti th.subTitle{
      text-align: center !important;
      font-size: 90%;
      text-transform: uppercase;
      color: #a94442 !important;
      border-top: 1px solid #a94442;
}

.lotti td.huge{
      font-weight: bold;
      font-size: 110%;
}

.lotti td.bold{
      font-weight: bold;
}

.lotti td.number{
      text-align: right;
}

.lotti td.noB {

      border-bottom: none;

}

.lotti td.center {
      text-align: center;
}

.lotti td.left {
      text-align: left;
}
.lotti td.right {
      text-align: right;
}
.lotti th.title {
      background-color: #ffd88b !important;
      font-weight:bold;
      vertical-align:middle;
      color: black;
      text-align: center;
      font-size: 110%;
      border-bottom:2px solid #000000;
}


.lotti th {
      vertical-align: middle;
      padding:5px 15px 5px 5px;
      text-align:left;
      color: #34495e;
      border-bottom: 2px solid #34495e;

}

.lotti tr.success{
      background-color: #d4edda;
}



.solleciti {
      border:2px none #CC66CC;
      padding-top: 4px;
      padding-right: 0px;
      padding-bottom: 0px;
      padding-left: 0px;
      margin-top: 4px;
      display: inline;
}

.solleciti td {
      font-size:14px;
      padding-top:2px;
      padding-right:6px;
      padding-bottom:2px;
      padding-left:6px;
      font-family: Arial, Helvetica, sans-serif;
      text-align: left;
}

.solleciti th {
      color:#000000;
      font-size:11px;
      margin:0px;
      font-family: Arial, Helvetica, sans-serif;
      text-align:left;
      height:20px;
      padding: 2px;
      border-top-width: 0px;
      border-right-width: 0px;
      border-bottom-width: 1px;
      border-left-width: 0px;
      border-top-style: none;
      border-right-style: none;
      border-bottom-style: solid;
      border-left-style: none;
      border-top-color: #999999;
      border-right-color: #999999;
      border-bottom-color: #999999;
      border-left-color: #999999;
      font-weight: normal;
}

.solleciti caption {
      font-size:12px;
      color:#003366;
      font-family:Arial, Helvetica, sans-serif;
}



.fatt {
      border-collapse:collapse;
      border:2px solid #000000;
      padding-top: 4px;
      padding-right: 0px;
      padding-bottom: 0px;
      padding-left: 0px;
      margin-top: 4px;
      display: inline;
      margin-left: 60px;
}

.fatt td {
      font-size:11px;
      padding-top:2px;
      padding-right:6px;
      padding-bottom:2px;
      padding-left:6px;
      font-family: Arial, Helvetica, sans-serif;
      text-align: left;
      border-top-width: 1px;
      border-right-width: 1px;
      border-bottom-width: 1px;
      border-left-width: 1px;
      border-top-style: solid;
      border-right-style: solid;
      border-bottom-style: solid;
      border-left-style: solid;
      border-top-color: #CCCCCC;
      border-right-color: #000000;
      border-bottom-color: #CCCCCC;
      border-left-color: #CCCCCC;
      height: 15px;
}
.fatt td.vuoto {
      padding-top:2px;
      padding-right:6px;
      padding-bottom:2px;
      padding-left:6px;
      border-top-width: 2px;
      border-right-width: 1px;
      border-bottom-width: 1px;
      border-left-width: 1px;
      border-top-style: solid;
      border-right-style: solid;
      border-top-color: #000000;
      border-right-color: #FFFFFF;
      border-bottom-color: #FFFFFF;
      border-left-color: #FFFFFF;
      border-bottom-style: solid;
      border-left-style: solid;
      height: 100%;
}

.fatt th {
      color:#000000;
      font-size:12px;
      margin:0px;
      font-family: Arial, Helvetica, sans-serif;
      text-align:center;
      padding: 2px;
      font-weight: bold;
      text-transform: uppercase;
      border-top-width: 1px;
      border-right-width: 1px;
      border-bottom-width: 2px;
      border-left-width: 1px;
      border-top-style: solid;
      border-right-style: solid;
      border-bottom-style: solid;
      border-left-style: solid;
      border-top-color: #000000;
      border-right-color: #000000;
      border-bottom-color: #000000;
      border-left-color: #000000;
      height: 15px;
}
.fatt th.var {
      color:#000000;
      font-size:12px;
      margin:0px;
      font-family: Arial, Helvetica, sans-serif;
      text-align:right;
      font-weight: bold;
      padding-top: 2px;
      padding-right: 6px;
      padding-bottom: 2px;
      padding-left: 2px;
      border-top-width: 1px;
      border-right-width: 1px;
      border-bottom-width: 1px;
      border-left-width: 1px;
      border-top-style: solid;
      border-right-style: solid;
      border-bottom-style: solid;
      border-left-style: solid;
      border-top-color: #CCCCCC;
      border-right-color: #000000;
      border-bottom-color: #CCCCCC;
      border-left-color: #CCCCCC;
      height: 16px;
}
.fatt td.money {
      text-align: right;
      vertical-align: middle;
      border-collapse: collapse;
      font-style: italic;
      font-size: 11px;
      margin-right: 3px;
      padding-top: 2px;
      padding-right: 5px;
      padding-bottom: 2px;
      padding-left: 2px;
      border-top-width: 1px;
      border-right-width: 2px;
      border-bottom-width: 1px;
      border-left-width: 1px;
      border-top-style: solid;
      border-right-style: solid;
      border-bottom-style: solid;
      border-left-style: solid;
      border-top-color: #CCCCCC;
      border-right-color: #000000;
      border-bottom-color: #CCCCCC;
      border-left-color: #CCCCCC;
}

.fatt caption {
      font-size:12px;
      color:#003366;
      font-family:Arial, Helvetica, sans-serif;
}



.tab_ma_01 th.var {
      background-color:#009933;
      color:#FFFFFF;
      font-size:11px;
      margin:2px;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      border-bottom-width: 0px;
      border-bottom-style: none;
      text-align:left;
      height:15px;
      border-right-width: 1px;
      border-left-width: 1px;
      border-right-style: solid;
      border-left-style: solid;
      padding: 2px;
      border-top-width: 0px;
      border-top-style: none;
      font-variant: small-caps;
      border-right-color: #FFFF66;
      border-left-color: #FFFF66;
}



.tab_ma_01 {
      font-family: Arial, Helvetica, Geneva, sans-serif;
      color:#333333;
      padding:2px;
      margin: 2px;
      vertical-align: top;
      border: 1px none #000000;
}
.tab_ma_01 th {
      background-color:#331A00;
      color:#FFFF66;
      font-size:11px;
      margin:1px;
      font-family: Arial, Helvetica, sans-serif;
      border-bottom-width: 1px;
      border-bottom-style: none;
      text-align:left;
      border-right-width: 1px;
      border-left-width: 1px;
      border-right-style: none;
      border-left-style: solid;
      padding: 1px;
      border-top-width: 1px;
      border-top-style: solid;
      border-top-color: #FFFFFF;
      font-variant: small-caps;
      border-left-color: #FFFFFF;
      border-right-color: #FFFFFF;
      border-bottom-color: #FFFFFF;
}
.tab_ma_01 th.title {
      background-color:#FFFFC6;
      color:#000000;
      font-size:11px;
      margin:1px;
      font-family: Arial, Helvetica, sans-serif;
      border-bottom-width: 2px;
      border-bottom-style: none;
      text-align:left;
      border-right-width: 2px;
      border-left-width: 2px;
      border-right-style: solid;
      border-left-style: solid;
      padding: 1px;
      border-top-width: 2px;
      border-top-style: solid;
      border-top-color: #000000;
      font-variant: small-caps;
      border-left-color: #000000;
      border-right-color: #000000;
      border-bottom-color: #000000;
}
.tab_ma_01 td {
      font-size:10px;
      padding: 1px;
      text-align: center;
      vertical-align: middle;
      border-collapse: collapse;
      font-family: Arial, Helvetica, sans-serif;
      height: 8px;
      border: 1px solid #CCCCCC;
      font-weight: normal;
}
.tab_ma_01 tr.var {
      font-size:12px;
      padding: 2px;
      border: 1px solid #CCCCCC;
      text-align: left;
      vertical-align: middle;
      border-collapse: collapse;
      font-family: Arial, Helvetica, sans-serif;
      background-color: #D9F2FF;
}
.tab_ma_01 td.variation {
      font-size:12px;
      padding: 2px;
      text-align: left;
      vertical-align: middle;
      border-collapse: collapse;
      font-family: Arial, Helvetica, sans-serif;
      background-color: #FFCC00;
      font-weight: bold;
      border: 1px solid #CCCCCC;
}
.tab_ma_01 td.totali {
      font-size:11px;
      padding: 1px;
      text-align: center;
      vertical-align: middle;
      border-collapse: collapse;
      font-family: Arial, Helvetica, sans-serif;
      background-color: #FFF0B5;
      font-weight: bold;
      border: 1px solid #CCCCCC;
}

.tab_ma_01 td.var {
      font-size:11px;
      padding: 2px;
      text-align: left;
      vertical-align: middle;
      border-collapse: collapse;
      font-family: Arial, Helvetica, sans-serif;
      background-color: #AFFF95;
      border-top-width: 1px;
      border-right-width: 2px;
      border-bottom-width: 1px;
      border-left-width: 2px;
      border-top-style: solid;
      border-right-style: solid;
      border-bottom-style: solid;
      border-left-style: solid;
      border-top-color: #CCCCCC;
      border-right-color: #666666;
      border-bottom-color: #CCCCCC;
      border-left-color: #666666;
}
.tab_ma_01 caption {
      font-size:13px;
      font-weight:normal;
      color:#13232C;
      text-align:center;
      font-family:Arial, Helvetica, sans-serif;
      font-variant: small-caps;
}



.tab_ma_01 td.sep {
      font-size:11px;
      padding: 1px;
      text-align: left;
      vertical-align: top;
      border-collapse: collapse;
      font-family: Arial, Helvetica, sans-serif;
      height: 8px;
      border-top-width: 1px;
      border-right-width: 1px;
      border-bottom-width: 1px;
      border-left-width: 3px;
      border-top-style: solid;
      border-right-style: solid;
      border-bottom-style: solid;
      border-left-style: solid;
      border-top-color: #CCCCCC;
      border-right-color: #CCCCCC;
      border-bottom-color: #CCCCCC;
      border-left-color: #000000;
}

.Campo1 {


      font-family:Arial, Helvetica, sans-serif;
      font-size:11px;
      color:#000000;
      text-align:center;
      background-color: #FFFF99;
      font-weight: normal;
      border-top-width: 1px;
      border-top-style: solid;
      border-top-color: #000066;
      border-right-color: #000066;
      border-bottom-color: #000066;
      border-left-color: #000066;
      font-variant: small-caps;
}
.image {
      padding: 0px;
      margin: 0px;
      border: 1px double #000000;
}
.tab_ma_01 th.var2 {

      background-color:#FF3300;
      color:#000000;
      font-size:11px;
      margin:2px;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      border-bottom-width: 0px;
      border-bottom-style: none;
      text-align:left;
      height:15px;
      border-right-width: 1px;
      border-left-width: 1px;
      border-right-style: solid;
      border-left-style: solid;
      padding: 2px;
      border-top-width: 0px;
      border-top-style: none;
      font-variant: small-caps;
      border-right-color: #FFFF66;
      border-left-color: #FFFF66;
}
.tab_ma_01 td.var2 {
      font-size:12px;
      padding: 2px;
      text-align: left;
      vertical-align: middle;
      border-collapse: collapse;
      font-family: Arial, Helvetica, sans-serif;
      background-color: #FF633C;
      font-weight: bold;
      color: #000000;
      border: 1px solid #000000;
}
.tab_ma_01 td.money {
      font-size:12px;
      padding: 2px;
      text-align: right;
      vertical-align: middle;
      border-collapse: collapse;
      font-family: Arial, Helvetica, sans-serif;
      font-style: oblique;
      border: 1px solid #CCCCCC;
}
.evid {
      font-family:Verdana, Arial, Helvetica, sans-serif;
      font-size:10px;
      color:#000000;
      text-align:left;
      font-weight: normal;
      vertical-align: top;
      text-transform: none;
      font-variant: normal;
      background-color: #FFFF00;
      margin: 1px;
      padding: 1px;
}
.bottone {
      font-size:11px;
      font-weight:bold;
      color:#000066;
      text-align:center;
      font-family:Verdana, Arial, Helvetica, sans-serif;
      font-variant: small-caps;
      background-color: #FF9933;
      margin: 1px;
      padding: 2px;
      border: 1px solid #000033;
}
.inputOk {
      font-family:Arial, Helvetica, sans-serif;
      font-size:10px;
      color:#000000;
      text-align:left;
      font-weight: normal;
      vertical-align: top;
      text-transform: none;
      font-variant: normal;
      border: 1px solid #00CC00;
      background-color: #FFFFFF;
      margin: 0px;
      padding: 2px;
}
.selectCap {
      border:2px solid #000000;
      background-color:#FFDCB9;
      font-family:Arial, Helvetica, sans-serif;
      color:#000000;
      font-size: 11px;
      vertical-align: middle;
      padding: 1px;
      font-weight: bold;
      margin: 1px;
}
.OK {
      margin: 1px;
      padding: 1px;
      border: 2px solid #009900;
}
.form_01 td.money {
      padding: 2px;
      border: 1px solid #CCCCCC;
      text-align: right;
      vertical-align: middle;
      border-collapse: collapse;
      font-style: italic;
}
.form_01 td.margin-bottom {
      padding-bottom: 15px;
}

.yellow {

      background-color: #FFCC66;
}
.oggi {
      text-align:left;
      vertical-align: top;
      background-color: #FFCE84;
}
.festivo {
      font-family:Verdana, Arial, Helvetica, sans-serif;
      font-size:10px;
      color:#CC3333;
      text-align:left;
      font-weight: bold;
      vertical-align: top;
      text-transform: none;
      font-variant: small-caps;
}
.feriale {

      font-family:Verdana, Arial, Helvetica, sans-serif;
      font-size:10px;
      color:#000F53;
      text-align:left;
      font-weight: bold;
      vertical-align: top;
      text-transform: none;
      font-variant: small-caps;
}

.piedipagina {
      top: auto;
      right: 0;
      bottom: 0;
      left: 0;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 11px;
      margin: 2px;
      padding: 2px;
      vertical-align: top;
      text-align: center;
}
.saluti {
      font-family:Arial, Helvetica, sans-serif;
      font-size:12px;
      color:#000000;
      text-align:left;
      font-weight: normal;
      vertical-align: top;
      text-transform: none;
      font-variant: normal;
      padding-left: 10px;
}
.bordoSing {
      font-family:Arial, Helvetica, sans-serif;
      text-align:center;
      padding: 4px;
      border: 2px solid #666666;
}
.elenco tr.bordo2 {
      font-family:Arial, Helvetica, sans-serif;
      text-align:center;
      padding: 4px;
      border: 2px solid #000000;
      height: 500px;
}
.sfondo {

      border: 2px solid #000000;
      margin: 3px;
      padding: 10px;
      background-color: #009933;
}
img{
      vertical-align:middle;
}


div#piede1 {float:left;
            width:15%;


}

div#piede2 {float:left;
            width:70%;


}

div#piede3 {float:right;
            width:10%;


}