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

.responsive-img {
      width: 100%;
      max-width: 500px;
      height: auto;
      margin: auto;
      display: block;
}

.scaling_font{
      text-overflow: ellipsis;
      white-space: nowrap;
      font-size-adjust: 0.58;
}

/* TABLE RESPONSIVE*/
.tab-col-hide,
.tab-col-lg,
.tab-col-xlg,
.tab-col-xxlg,
.tab-col-sm,
.tab-col-md,
.info-row-td,
.tab-col-xs{
      display: none !important;
}
@media (max-width: 1024px){
      .info-row-td {
            display: table-cell !important;
      }
}
.thumb {
      /*  width: 100%;*/
      height: auto;
      border-radius: 4px;
      max-width: 60px;
      max-height: 80px;
}

.img-preview{
      max-height: 50vh;
      margin: 1rem;
      padding: 1rem;
}

.records{
      font-size: 0.8rem;
      padding-left: 10px;
      align-self: center;
      color: #c5c8d0;
}

.modal-lg{
      max-width: 90%;
}

.box-border{
      border: 1px solid #dbdfea;
      border-radius: 4px;
}

.box-piatto{
      display: flex;
      justify-content: flex-start;
      padding: 0.2rem 0.8rem;
      gap: 10px;

}

.space-nowrap{
      white-space: nowrap !important;
}
.flex-grow-4{
      flex-grow: 4;
}

.cursor-pointer{
      cursor:pointer;
}


.box-bordered>div{
      align-self: center;
}




.iva{
      font-size: 70%;
      margin-left: 5px;
      font-weight: 300;
      color: #8094ae ;
      display: block;
}

.info-row{
      min-width: 280px !important;
      padding: 5px;
}

@media (min-width: 1440px){
      .tab-col-xlg {
            display: table-cell !important;
      }
}

@media (min-width: 1920px){
      .tab-col-xxlg {
            display: table-cell !important;
      }
}

@media (min-width: 1024px){
      .tab-col-lg {
            display: table-cell !important;
      }
}

@media (min-width: 768px){
      .tab-col-md {
            display: table-cell !important;
      }

}

@media (min-width: 576px){
      .tab-col-sm {
            display: table-cell !important;
      }
}

@media (min-width: 321px){
      .tab-col-xs {
            display: table-cell !important;
      }

}


/*media queries*/

/*smarphone*/
@media only screen and (max-width: 480px) {
      .modal-lg{
            max-width: 96% !important;
      }
      .nk-content{
            padding: 5px !important;
      }
      .logo-container{
            max-width:300px !important;
            padding: 6px;
      }

      .nk-wizard-head  h5{

      }



}


/* fORM FLEX*/

.dropify-infos{
      padding: 3px 5px;
}

.dropify-wrapper{
      font-family: "Rubik";
}

.dropify-clear{
      margin: 3px 5px !important;
}

.form-group-h{
      display: flex;
      justify-content: flex-start;
      align-items: center;
}

.form-label{

      white-space: nowrap;
      margin: 0.5rem 0.6rem;
      min-width: 90px;
      font-size: 95%;
      font-weight: 500;
      text-align: right;
      text-transform: capitalize;
}

.dow{
      width: 65px;
      padding: 2px 3px;

}



.form-box{
      display: flex;
      justify-content: space-between; /*!important;*/
      width: 100% !important;
      align-items: center !important;
}

.icone-piatti{
      display: flex;
      justify-content: space-between;
      min-width: 100px;
      font-size: 110%;
}

@media only screen and (max-width: 480px) {
      .form-group-h{
            flex-wrap: wrap;
      }
      .form-label{
            text-align: left;
            margin-left: 0px;
            border-bottom: 1px solid #f3f2f2;
      }
      .form-box{
            flex-wrap: wrap;
      }
      .nk-content{
            padding: 4px;
      }
      .card-body{
            padding: 5px;
      }
      .link-list-plain a{
            padding: 0.5rem 0.3rem;
      }

      .descrizione-piatto{
            font-size: 80%;
            line-height: 15px;
      }
      .icone-piatti{
            display: flex;
            flex-direction:column;
      }
      .box-piatto{
            width: 55vw;
            min-height: 60px;
      }

}





/*LOGO*/

iframe {
      display: block;       /* iframes are inline by default */
      background: #000;
      border: none;         /* Reset default border */
      height: 100vh;        /* Viewport-relative units */
      width: 100%;
}

.logo-container{
      max-width: 380px;
      padding: 6px;
}

.title-register{
      color:  var(--warning);
      font-size: 1.7rem;
      font-weight: 500;
      margin-top: 2rem;

}

.nk-block-des{
      font-size: 1.1rem;
}

.nk-content {
      padding: 24px 20px;
}

.logo-img {
      max-height: 52px;
}

.page-title {

      /*      font-size: 1.7rem;*/
      font-weight: 400;
      margin-bottom: 0px;
}

.help::before {
      margin: 0 4px;
      font-weight: 500;
      font-size: 100%;
      font-family: "Font Awesome 5 Free";
      content: "\f059";
      


}

.fileUpload{
      transition: outline 0.6s linear;
      margin: 0.5em; /* Increased margin since the outline expands outside the element */
      padding: 10px;
      border: 1px dashed #ccc;
      cursor: pointer;
}

.allergene_mini img{
      height: 22px;
      margin-left: 7px;
}

.allergeni{
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
}
.allergeni-item{
      min-width: 180px;
      padding: 4px 10px;
      cursor: pointer;
}

.select-allergene{
      background-color:  var(--green);
      color:white;
}

.input-group-text {
      border: 1px solid #f4bd0e;
      background-color: #f4bd0e20;
}
.help {
      border-bottom: 1px dashed #D7D7DB;
      border-radius: 5px;
      padding: 1px;
      margin: 3px 5px 1px 10px;
      font-size: 100%;
      font-weight: 400;
      color: #999999;
      display: inline-block;
      font-style: normal;
      font-variant: normal;
      text-rendering: auto;
      margin-bottom: 10px;
      -webkit-font-smoothing: antialiased;

}



.mm-color{
      color: #f4bd0e;
}



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

.nk-menu > li.nk-menu-item > .nk-menu-link {
      font-size: 18px;

}


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

.my-user-avatar{
      background-color: #f4bd0e;
}
.user-status {
      font-size: 14px;
}
.user-name {
      font-size: 15px;
}

.nk-block-head-sm {
      padding-bottom: 0.5rem !important;
}

/*
HEADER
*/

.nk-header{
      background-color: white !important;
}


.logo-img-login{
      max-height: none;
}

.logo-img-small {
      opacity: 0;
      left: -3px;
}

.nk-sidebar-head{
      /*background-color: #2e4942*/
      /*background-color: black*/
}
.nk-header-fixed{
      /*  background-color: black !important;*/
}
.user-toggle, .user-name{
      color: black;
}


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


.bg-abstract {
      background: url(../images/sfondo-login.webp) 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;
}


.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 - 400px);
      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;

}
.font-root{
      /* font-family: Prompt, sans-serif !important;*/
      vertical-align: bottom;
      display: flex;
      flex-direction: column;
      align-items: baseline;
}


.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;

}


.dnone {
      display: none ;
}


/*
.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)))*/

}




#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 #FDB812;
      min-width: 150px;
}

.dropify-preview{
      border: 1px solid #dbdfea;
      border-left: 3px solid #FDB812;

}

.dropify-wrapper{
      border: none !important;
}

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


/* elenco catalogo*/

.catalogo{
      border-collapse:collapse;
      vertical-align: top;
      font-size: 1rem;
}

.catalogo tbody tr:hover  {
      background: #f8f9fc;
      box-shadow: 0 2px 15px -4px rgb(133 79 255 / 40%);
}

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


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

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


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

.catalogo td {
      /*border: 1px solid #CCC;
      font-weight: 500;*/
      text-align: left;
      border-bottom: 1px solid #E1E1E1;
      padding: 4px 10px 4px 6px;
      vertical-align:middle;
      white-space: normal;
}
.catalogo td.icon{
      width: 5px;
      font-size: 140%;
}
.catalogo td.descr{
      font-weight: 300;
      font-size:80%;
      padding: 2px 10px 2px 6px;
}



.catalogo td.nowrap {
      white-space: nowrap;
}

.catalogo td.image-cell {
      max-width: 60px;
      text-align: center;
}

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

/*tab elenco*/

.tab_elenco_01 {
      border-collapse:collapse;
      /* margin: 5px;*/
      vertical-align: top;


}
.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 th.azioni, .tab_elenco_01 td.azioni {
      width: 1px;
      padding: 4px 3px;
}

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

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


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

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

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

.tab_elenco_01 td.image-cell {
      max-width: 60px;
      text-align: center;
}

.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

.form_01 {
      margin: 10px;
      vertical-align: top;
      border-spacing: 10px 20px;
      border-collapse: separate;

}
.form_01 th {
      font-weight: 400;
      font-size: 90%;
      line-height: 1.25rem;
      text-align: right;
      text-transform: capitalize;
      margin: 5px ;
      padding: 8px  6px 8px 30px;
      color:var(--locauto);
      /*    border-bottom: 1px solid  #e7ecf0;*/
      /*max-width: 50px;*/
      white-space: nowrap;
      vertical-align: top;
      width: 1px;
}

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

.form_01 th.mini{
      width: 1px;
}

.form_01 td.border-bottom {
      border-bottom: 1px solid  #e7ecf0;
}

.form_01 td {
      margin: 2px;
      padding:3px;
      vertical-align: middle;
      line-height: 1.25rem;
      /* white-space: nowrap;*/
}

.form_01 tr.pb-30 >td{
      padding-bottom: 30px;
}

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






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%;


}