ScheMe/ScheMe-SP/Content/Style.less

body {
}

@colore: #3388CC;
@coloreChiaro: #D1DDF1;
@coloreScuro: #2461BF;
@coloreSel: #3366FF;
@sfondoSel: #C1CCF1;
@coloreMedio: #5D7B9D;
@coloreAlt: #EFF3FB;
@testoScuro: #333;
@testoChiaro: #EFEFEF;
@headerCol: #EEEEEE;

/*modifiche font e stile*/
.uppercase {
  text-transform: uppercase;
}

/*buttons big*/
.bigBtn {
  min-height: 2.2em;
  font-size: 1.2em;
}

.smaller {
  font-size: 0.7em;
}

.smallest {
  font-size: 0.6em;
}

.fullWidth > .navbar-nav {
  display: table;
  width: 100%;
  margin: 0;
}

  .fullWidth > .navbar-nav > li {
    float: none;
    display: table-cell;
    text-align: center;
  }

/* punteggi colore */
.VVF-CL-01 {
  color: #006600;
  background-color: white;
}

.VVF-CL-02 {
  color: #FFFF33;
  background-color: #2222FF;
}

.VVF-CL-03 {
  color: #FFFF33;
  background-color: #118811;
}

.VVF-CL-04 {
  background-color: #FFFF11;
}

.VVF-CL-05 {
  color: #FFFF33;
  background-color: #EE6622;
}

.VVF-CL-06 {
  color: #FFFF11;
  background-color: #FF0c0c;
}

.headerRow {
  background-color: @headerCol;
  color: black;
}

.text-center {
  text-align: center;
  margin: auto;
}

.tStrong {
  font-weight: bold;
  font-size: 1.3em;
}

.flRight {
  float: right;
}

.flLeft {
  float: left;
}

.errore {
  color: red;
}

.headLine {
  background-color: @colore;
  color: #FFFFFF;
}

.hBlock {
  background-color: #D7D7D7;
  color: black;
}

.hBlockDrk {
  background-color: #585858;
  color: white;
}

.fBlock {
  background-color: #F2F2F2;
  color: black;
}

/*Buttons...*/
.btn.btn-square {
  border-radius: 0;
}

.btn-circle {
  width: 2.2em; /*30px*/
  height: 2.2em;
  text-align: center;
  padding: 0.3em 0; /*6px*/
  font-size: 1em; /*12px*/
  line-height: 1.6; /*1.428571429*/
  border-radius: 1em; /*15px*/
}

  .btn-circle.btn-lg {
    width: 3.5em; /*50px*/
    height: 3.5em; /*50px*/
    padding: 0.6em 1em; /*10px 16px*/
    font-size: 1.5em; /*18px*/
    line-height: 1.5; /*1.33*/
    border-radius: 1.8em; /*25px*/
  }

  .btn-circle.btn-xl {
    width: 5em; /*70px*/
    height: 5em; /*70px*/
    padding: 0.6em 1em; /*10px 16px*/
    font-size: 2em; /*24px*/
    line-height: 1.5; /*1.33*/
    border-radius: 3em; /*35px*/
  }

.btn-selected,
.navbar-nav > li > .btn-selected {
  background-color: @colore;
  font-weight: 600;
  color: white;
}

  .btn-selected:hover,
  .navbar-nav > li .btn-selected:hover {
    background-color: @coloreChiaro;
    font-weight: 600;
    color: #333;
  }

.btn-unselected,
.navbar-nav > li .btn-unselected {
  background-color: #EFEFEF;
  font-weight: 600;
  color: #333333;
}

  .btn-unselected:hover,
  .navbar-nav > li > .btn-unselected:hover {
    background-color: #333333;
    font-weight: 600;
    color: #EFEFEF;
  }

/*Gestione tabella*/
.RowStyle {
  background-color: @coloreAlt;
  text-align: left;
}

.rowStyle {
  background-color: @coloreAlt;
}

.editRowStyle {
  background-color: @coloreScuro;
}

.selectedRowStyle {
  background-color: @sfondoSel;
  font-weight: bold;
  Color: @coloreSel;
}

.alternatingRowStyle {
  background-color: white;
}

.footerRowStyle {
  background-color: @coloreMedio;
  font-weight: bold;
  color: white;
}

.headerRowStyle {
  background-color: @coloreMedio;
  font-weight: bold;
  color: white;
}

.spacedRow {
  line-height: 3em;
}

.baseRow {
  background-color: @coloreAlt;
}

.altRow {
  background-color: #FFF;
}

.editRow {
  background-color: @coloreScuro;
}

.selectedRow {
  background-color: @coloreChiaro;
  font-weight: 600;
  color: @testoScuro;
}


.headerHighlight {
  /*background-color: @colore;*/
  /*color: white;*/
  font-weight: 600;
  color: @colore;
  font-size: 1.2em;
}

.footerRow {
  background-color: @colore;
  font-weight: 600;
  color: white;
}

.pagerRow {
  background-color: @coloreScuro;
  color: white;
  text-align: center;
  margin: auto;
}

.stortAscCellStyle {
  background-color: #F5F7FB;
}

.stortAscHeadStyle {
  background-color: #6D95E1;
}

.stortDescCellStyle {
  background-color: #E9EBEF;
}

.stortDescHeadStyle {
  background-color: #4870BE;
}
/* Paginazione... */
.GridPager {
  background-color: #FF7C50;
  /*text-align: center;
  margin: auto;*/
}

  .GridPager a, .GridPager span {
    display: block;
    height: 2em;
    width: 2em;
    text-align: center;
    vertical-align: baseline;
    text-decoration: none;
    background-color: @coloreScuro;
  }

  .GridPager a {
    background-color: #f5f5f5;
    color: #969696;
  }

  .GridPager span {
    background-color: #F2DCA1;
    color: #000;
    font-weight: bold;
  }

.imgNoPad {
  margin-top: -3px;
  margin-bottom: -7px;
}
/* Query selezione dimensioni display... */
@media all and (min-width: 768px) {
  #textWrapper {
    font-size: 1.0em;
  }
  #headData {
    margin-top: 0px;
  }

  .bottomnav {
    min-height: 5em;
  }
}

@media all and (min-width: 1024px) {
  #textWrapper {
    font-size: 1.2em;
  }
  #headData {
    margin-top: 0px;
  }
}

@media all and (min-width: 1440px) {
  #textWrapper {
    font-size: 1.4em;
  }

  #headData {
    margin-top: 0px;
  }
}

@media all and (min-width: 1600px) {
  #textWrapper {
    font-size: 1.6em;
  }
  #headData {
    margin-top: 0px;
  }
}

@media all and (min-width: 1900px) {
  #textWrapper {
    font-size: 1.8em;
  }
  #headData {
    margin-top: 0px;
  }
}

@media all and (min-width: 2200px) {
  #textWrapper {
    font-size: 2em;
  }
  #headData {
    margin-top: 0px;
  }
}

@media all and (max-width: 767px) {
  #textWrapper {
    font-size: 0.8em;
  }
  #headData {
    margin-top: 6px;
  }

  .bottomnav {
    min-height: 6em;
  }
}

@media all and (max-width: 480px) {
  #textWrapper {
    font-size: 0.7em;
  }
  #headData {
    margin-top: 14px;
  }

  .bottomnav {
    min-height: 7em;
  }
}

@media all and (max-width: 320px) {
  #textWrapper {
    font-size: 0.6em;
  }
  #headData {
    margin-top: 18px;
  }

  .bottomnav {
    min-height: 8em;
  }
}