@font-face
{
  font-family: 'futuralightregular';
  src: url('../fonts/futuralight-webfont.eot');
  src: url('../fonts/futuralight-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/futuralight-webfont.woff') format('woff'), url('../fonts/futuralight-webfont.ttf') format('truetype'), url('../fonts/futuralight-webfont.svg#futuralightregular') format('svg');
  font-weight: normal;
  font-style: normal;
}


body
{
/*  --bs-body-bg: #EEE4E4;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='529' height='529' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke='%23F7BDB8' stroke-width='1'%3E%3Cpath d='M769 229L1037 260.9M927 880L731 737 520 660 309 538 40 599 295 764 126.5 879.5 40 599-197 493 102 382-31 229 126.5 79.5-69-63'/%3E%3Cpath d='M-31 229L237 261 390 382 603 493 308.5 537.5 101.5 381.5M370 905L295 764'/%3E%3Cpath d='M520 660L578 842 731 737 840 599 603 493 520 660 295 764 309 538 390 382 539 269 769 229 577.5 41.5 370 105 295 -36 126.5 79.5 237 261 102 382 40 599 -69 737 127 880'/%3E%3Cpath d='M520-140L578.5 42.5 731-63M603 493L539 269 237 261 370 105M902 382L539 269M390 382L102 382'/%3E%3Cpath d='M-222 42L126.5 79.5 370 105 539 269 577.5 41.5 927 80 769 229 902 382 603 493 731 737M295-36L577.5 41.5M578 842L295 764M40-201L127 80M102 382L-261 269'/%3E%3C/g%3E%3Cg fill='%23FF958C'%3E%3Ccircle cx='769' cy='229' r='6'/%3E%3Ccircle cx='539' cy='269' r='6'/%3E%3Ccircle cx='603' cy='493' r='6'/%3E%3Ccircle cx='731' cy='737' r='6'/%3E%3Ccircle cx='520' cy='660' r='6'/%3E%3Ccircle cx='309' cy='538' r='6'/%3E%3Ccircle cx='295' cy='764' r='6'/%3E%3Ccircle cx='40' cy='599' r='6'/%3E%3Ccircle cx='102' cy='382' r='6'/%3E%3Ccircle cx='127' cy='80' r='6'/%3E%3Ccircle cx='370' cy='105' r='6'/%3E%3Ccircle cx='578' cy='42' r='6'/%3E%3Ccircle cx='237' cy='261' r='6'/%3E%3Ccircle cx='390' cy='382' r='6'/%3E%3C/g%3E%3C/svg%3E");
*/
  --bs-body-bg: #F5F5F5;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='397' height='397' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke='%238DE380' stroke-width='1'%3E%3Cpath d='M769 229L1037 260.9M927 880L731 737 520 660 309 538 40 599 295 764 126.5 879.5 40 599-197 493 102 382-31 229 126.5 79.5-69-63'/%3E%3Cpath d='M-31 229L237 261 390 382 603 493 308.5 537.5 101.5 381.5M370 905L295 764'/%3E%3Cpath d='M520 660L578 842 731 737 840 599 603 493 520 660 295 764 309 538 390 382 539 269 769 229 577.5 41.5 370 105 295 -36 126.5 79.5 237 261 102 382 40 599 -69 737 127 880'/%3E%3Cpath d='M520-140L578.5 42.5 731-63M603 493L539 269 237 261 370 105M902 382L539 269M390 382L102 382'/%3E%3Cpath d='M-222 42L126.5 79.5 370 105 539 269 577.5 41.5 927 80 769 229 902 382 603 493 731 737M295-36L577.5 41.5M578 842L295 764M40-201L127 80M102 382L-261 269'/%3E%3C/g%3E%3Cg fill='%23FBD08A'%3E%3Ccircle cx='769' cy='229' r='8'/%3E%3Ccircle cx='539' cy='269' r='8'/%3E%3Ccircle cx='603' cy='493' r='8'/%3E%3Ccircle cx='731' cy='737' r='8'/%3E%3Ccircle cx='520' cy='660' r='8'/%3E%3Ccircle cx='309' cy='538' r='8'/%3E%3Ccircle cx='295' cy='764' r='8'/%3E%3Ccircle cx='40' cy='599' r='8'/%3E%3Ccircle cx='102' cy='382' r='8'/%3E%3Ccircle cx='127' cy='80' r='8'/%3E%3Ccircle cx='370' cy='105' r='8'/%3E%3Ccircle cx='578' cy='42' r='8'/%3E%3Ccircle cx='237' cy='261' r='8'/%3E%3Ccircle cx='390' cy='382' r='8'/%3E%3C/g%3E%3C/svg%3E");
  /*  background-image: url('../images/sfondo4.svg');
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  background-color: white !important;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;*/
  font-family: futuralightregular !important;
  font-size: 12pt;
  margin-top: 60px !important;
}

img
{
  border-style: none;
  border-color: inherit;
  border-width: 0;
}

.IE8Fix
{
  font-family: futuralightregular;
  font-size: 10pt;
  z-index: 9999;
}

/* ------------- z-index ----------------*/

.z2000
{
  z-index: 2000 !important;
}

.z3000
{
  z-index: 3000 !important;
}


/* ------------- navbar mod ----------------*/

  .navbar-top2
  {
    top: 50px !important;
  }

  .navbar-top2.shrink
  {
    top: 50px !important;
  }

/* ------------- link ----------------*/

a, a:visited, a:hover, a:active
{
  color: black;
  text-decoration: none;
  border: none;
  outline: none;
}

a:hover
{
  color: dodgerblue;
  text-decoration: none;
  border: none;
  outline: none;
}


  a.lnkBlueRed:link, a.lnkBlueRed:visited, a.lnkBlueRed:active
  {
    color: royalblue;
    text-decoration: none;
  }

a.lnkBlueRed:hover
{
  color: red;
  text-decoration: none;
}

a.lnkGreyRed:link, a.lnkGreyRed:visited, a.lnkGreyRed:active
{
  color: gray !important;
  text-decoration: none !important;
}

a.lnkGreyRed:hover
{
  color: red !important;
  text-decoration: none !important;
}


  a.lnkBlackViolet:link, a.lnkBlackViolet:visited, a.lnkBlackViolet:active
  {
    color: black !important;
    text-decoration: none !important;
  }

  a.lnkBlackViolet:hover
  {
    color: #0071BC !important;
    text-decoration: none !important;
  }

  a.lnkWhiteRed:link, a.lnkWhiteRed:visited, a.lnkWhiteRed:active, a.lnkWhiteRed:disabled
  {
    color: white !important;
    text-decoration: none !important;
  }

  a.lnkWhiteRed:hover
  {
    color: red !important;
    text-decoration: none !important;
  }

  a.lnkGoldRed:link, a.lnkGoldRed:visited, a.lnkGoldRed:active, a.lnkGoldRed:disabled
  {
    color: gold !important;
    text-decoration: none !important;
  }

  a.lnkGoldRed:hover
  {
    color: red !important;
    text-decoration: none !important;
  }


/* ------------- oggetti ----------------*/
.lbl
{
  font-weight: bold;
  /* font-style: italic; */
  font-family: futuralightregular;
  font-size: 14pt;
  color: white;
}

.cmd
{
  display: inline-block;
  font-weight: bold;
  /*font-style: italic;*/
  font-family: futuralightregular;
  color: white;
  border-radius: 4px;
}

/* ------------- padding ----------------*/

.pad0
{
  padding: 0px !important;
}

.pad2
{
  padding: 2px !important;
}

.pad4
{
  padding: 4px !important;
}

.pad6
{
  padding: 6px !important;
}

.pad8
{
  padding: 8px !important;
}

.pad10
{
  padding: 10px !important;
}

.padUD0
{
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.padUD5
{
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.padUD10
{
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}


.padLR0
{
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.padLR5
{
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.padLR10
{
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.padNoGut
{
  --bs-gutter-x: 0 !important;
  --bs-gutter-y: 0 !important;
}

/* ------------- line-height ----------------*/
.lh10
{
  line-height: 10px !important;
}

.lh20
{
  line-height: 20px !important;
}

.lh30
{
  line-height: 30px !important;
}

.lh40
{
  line-height: 40px !important;
}

.lh50
{
  line-height: 50px !important;
}

.lh60
{
  line-height: 60px !important;
}

.lh100
{
  line-height: 100px !important;
}

/* ------------- height ----------------*/

.h30
{
  height: 30px !important;
}

.h40
{
  height: 40px !important;
}

.h50
{
  height: 50px !important;
}

.h60
{
  height: 60px !important;
}


.h70
{
  height: 70px !important;
}

/* ------------- margin ----------------*/


.mar0
{
  margin: 0px !important;
}

.mar2
{
  margin: 2px !important;
}

.mar4
{
  margin: 4px !important;
}

.mar6
{
  margin: 6px !important;
}

.mar8
{
  margin: 8px !important;
}

.mar10
{
  margin: 10px !important;
}

.marTop0
{
  margin-top: 0px !important;
}

/* ------------- width fisso ----------------*/
.wi20
{
  width: 20px !important;
}

/* ------------- width ----------------*/

.wh10
{
  width: 10% !important;
}

.wh20
{
  width: 20% !important;
}

.wh30
{
  width: 30% !important;
}

.wh40
{
  width: 40% !important;
}

.wh45
{
  width: 45% !important;
}

.wh50
{
  width: 50% !important;
}

.wh60
{
  width: 60% !important;
}

.wh70
{
  width: 70% !important;
}

.wh80
{
  width: 80% !important;
}

.wh90
{
  width: 90% !important;
}

.wh100
{
  width: 100% !important;
}


/* ------------- forecolor ----------------*/

.colBlack
{
  color: black;
}

.colGreen
{
  color: forestgreen;
}

.colOrange
{
  color: darkorange;
}

.colWhite
{
  color: white;
}

.colBlue
{
  color: #003399;
}


.colRed
{
  color: red;
}


.colPaleAzure
{
  color: #1DF6B8 !important;
}
 
.colPaleViolet
{
  color: #3600E1 !important;
}

.colIndigo
{
  color: indigo !important;
}

.colGold
{
  color: gold !important;
}



/* ------------- backcolor ----------------*/

.bkTrans
{
  background-color: transparent !important;
}

.bkBlackTrans75
{
  background-color: rgba(0, 0, 0, 0.75);
}

.bkBlackTrans50
{
  background-color: rgba(0, 0, 0, 0.50);
}

.bkBlackTrans25
{
  background-color: rgba(0, 0, 0, 0.25);
}

.bkGrey
{
  background-color: darkgray !important;
}

.bkLightGrey
{
  background-color: gainsboro !important;
}

.bkVeryLightGrey
{
  background-color: #F0F0F0 !important;
}


.bkWhite
{
  background-color: white !important;
}

.bkGreen
{
  background-color: forestgreen !important;
}

.bkRed
{
  background-color: red !important;
}

.bkBlue
{
  background-color: #003399 !important;
}

.bkGold
{
  background-color: gold !important;
}

.bkAzure
{
  background-color: #99CCFF !important;
}

.bkPaleAzure
{
  background-color: #1DF6B8 !important;
}

.bkPaleViolet
{
  background-color: #3600E1 !important;
}


.bkOrange
{
  background-color: darkorange !important;
}

.bkLightOrange
{
  background-color: #F7B08F !important;
}

.bkLemon
{
  background-color: LemonChiffon !important;
}

.bkVioletto
{
  background-color: Thistle !important;
}

.bkPaleGreen
{
  background-color: PaleGreen !important;
}

.bkCoral
{
  background-color: lightcoral !important;
}

.bkRoyalBlue
{
  background-color: royalblue  !important;
}

.bkSalmon
{
  background-color: salmon !important;
}

.bkPlum
{
  background-color: plum !important;
}

.bkBisque
{
  background-color: bisque !important;
}

.bkBlack
{
  background-color: black !important;
}

.bkVelo
{
  background-color: #e6e6e6;
}

/* ------------- fontfamily ----------------*/
.ff1
{
  font-family: futuralightregular !important;
}

/* ------------- fontsize ----------------*/
.fs8
{
  font-size: 8pt !important;
}

.fs9
{
  font-size: 9pt !important;
}

.fs10
{
  font-size: 10pt !important;
}

.fs12
{
  font-size: 12pt !important;
}

.fs14
{
  font-size: 14pt !important;
}

.fs16
{
  font-size: 16pt !important;
}

.fs18
{
  font-size: 18pt !important;
}

.fs20
{
  font-size: 20pt !important;
}

.fs22
{
  font-size: 22pt !important;
}

.fs24
{
  font-size: 24pt !important;
}

/* ------------- fontbold ----------------*/

.foBold
{
  font-weight: bold;
}

.foNor
{
  font-weight: normal;
}

/* ------------- h align ----------------*/

.alSx
{
  text-align: left !important;
}

.alDx
{
  text-align: right !important;
}

.alJu
{
  text-align: justify !important;
}

.alCn
{
  text-align: center !important;
}

/* ------------- v align ----------------*/

.avUp
{
  vertical-align: top !important;
}

.avCn
{
  vertical-align: middle !important;
}

.avDn
{
  vertical-align: bottom !important;
}

.avSub
{
  vertical-align: sub !important;
}


/* ------------- div fill ----------------*/

.divFillV
{
  height: 100% !important;
  min-height: 100% !important;
}


.flex0
{
  flex: 0 !important;
}
 
.flex1
{
  flex: 1 !important;
}


.ifr
{
  width: 100%;
  height: 95%;
}

/* ------------- display ----------------*/

.diInBl
{
  display: inline-block !important;
}

.diBl
{
  display: block !important;
}

.diNone
{
  display: none !important;
}

.diTbl
{
  display: table !important;
}

.diInTbl
{
  display: inline-table !important;
}

.diFlexV
{
  display: flex !important;
  flex-direction: column !important;
}

.diFlexH
{
  display: flex !important;
  flex-direction: row !important;
}


/* ------------- border ----------------*/

.bo1black
{
  border: 1px solid #000000;
}

.bo1gray
{
  border: 1px solid darkgray;
}

.bo1
{
  border: 1px solid #FFFFFF;
}

.bo2
{
  border: 2px solid #FFFFFF;
}

.bo4
{
  border: 4px solid #FFFFFF;
}

/* ------------- border radius ----------------*/

.boRad25
{
  border-radius: 25px;
}

.boRad10
{
  border-radius: 10px;
}

.boRad4
{
  border-radius: 4px;
}

.boRad2
{
  border-radius: 2px;
}

/* ------------- border color ----------------*/

.boColGreen
{
  border-color: green;
}

.boColWhite
{
  border-color: white;
}

.boColGold
{
  border-color: gold;
}

.boColBlue
{
  border-color: #003399;
}

.boColGray
{
  border-color: #686868;
}




.boColTrans
{
  border-color: transparent;
}

.boColWhiteTrans
{
  border-color: rgba(255, 255, 255, 0.50);
}



/* ------------- min height ----------------*/
.mh10
{
  min-height: 10px !important;
}

.mh20
{
  min-height: 20px !important;
}

.mh30
{
  min-height: 30px !important;
}

.mh40
{
  min-height: 40px !important;
}

.mh50
{
  min-height: 50px !important;
}

.mh150
{
  min-height: 150px !important;
}

.mh100
{
  min-height: 100px !important;
}

.mh200
{
  min-height: 200px !important;
}

.mh300
{
  min-height: 300px !important;
}

.mh400
{
  min-height: 400px !important;
}

.mh500
{
  min-height: 500px !important;
}

/* ------------- icone ----------------*/

.img16
{
  width: 16px;
  height: 16px;
  margin-left: 2px;
  margin-right: 2px;
  vertical-align: middle;
}

.img20
{
  width: 20px;
  height: 20px;
  margin-left: 2px;
  margin-right: 2px;
  vertical-align: middle;
}

.img24
{
  width: 24px;
  height: 24px;
  margin-left: 2px;
  margin-right: 2px;
  vertical-align: middle;
}


.img32
{
  width: 32px;
  height: 32px;
  margin-left: 2px;
  margin-right: 2px;
  vertical-align: middle;
}

.img48
{
  width: 48px;
  height: 48px;
  margin-left: 2px;
  margin-right: 2px;
  vertical-align: middle;
}

.img64
{
  width: 64px;
  height: 64px;
  margin-left: 2px;
  margin-right: 2px;
  vertical-align: middle;
}


/* ------------- cursor ----------------*/

.cur_alias
{
  cursor: alias;
}

.cur_all-scroll
{
  cursor: all-scroll;
}

.cur_auto
{
  cursor: auto;
}

.cur_cell
{
  cursor: cell;
}

.cur_context-menu
{
  cursor: context-menu;
}

.cur_col-resize
{
  cursor: col-resize;
}

.cur_copy
{
  cursor: copy;
}

.cur_crosshair
{
  cursor: crosshair;
}

.cur_default
{
  cursor: default;
}

.cur_e-resize
{
  cursor: e-resize;
}

.cur_ew-resize
{
  cursor: ew-resize;
}

.cur_grab
{
  cursor: -webkit-grab;
  cursor: grab;
}

.cur_grabbing
{
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.cur_help
{
  cursor: help;
}

.cur_move
{
  cursor: move;
}

.cur_n-resize
{
  cursor: n-resize;
}

.cur_ne-resize
{
  cursor: ne-resize;
}

.cur_nesw-resize
{
  cursor: nesw-resize;
}

.cur_ns-resize
{
  cursor: ns-resize;
}

.cur_nw-resize
{
  cursor: nw-resize;
}

.cur_nwse-resize
{
  cursor: nwse-resize;
}

.cur_no-drop
{
  cursor: no-drop;
}

.cur_none
{
  cursor: none;
}

.cur_not-allowed
{
  cursor: not-allowed;
}

.cur_pointer
{
  cursor: pointer;
}

.cur_progress
{
  cursor: progress;
}

.cur_row-resize
{
  cursor: row-resize;
}

.s-resize
{
  cursor: s-resize;
}

.cur_se-resize
{
  cursor: se-resize;
}

.cur_sw-resize
{
  cursor: sw-resize;
}

.cur_text
{
  cursor: text;
}

.cur_url
{
  cursor: url(myBall.cur),auto;
}

.cur_w-resize
{
  cursor: w-resize;
}

.cur_wait
{
  cursor: wait;
}

.cur_zoom-in
{
  cursor: zoom-in;
}

.cur_zoom-out
{
  cursor: zoom-out;
}