/*MOBILE*/
@media (max-width: 2000px) {
  #APP_ANDROID {
    background-color: crimson;
  }

  #APP_ANDROID a {
    background-color: black;
    margin: 0;
    border: 0px;
    padding: 0px;

  }

  #AULE-IN-USO {
    visibility: collapse;
    height: 0px;
  }

  #TOOLBAR {
    background-color: lightgray;
  }

  #DIV_MAIN {
    margin-left: 2em;
    margin-right: auto;

    background-color: lightgray;
    font-weight: bold;
    padding: 4px;
    border-radius: 25px;
  }

  #DIV_TITLE {
    font-size: 1em;
    color: black;
    text-align: center;
    border-bottom: 6px solid crimson;
    padding-bottom: 10px;
    margin-bottom: 10px;
    display: none;
  }

  #DIV-FORMS {
    padding: 5px;
  }

  #DIV-FORMS form {
    margin-bottom: 1.5em;
    padding-bottom: 10px;
    border-bottom: 10px solid green;
  }

  #DIV-FORMS input[type=text], select {
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1.5em;
    width: 90%;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;


  }

  #DIV-FORMS input[type=submit], a {
    font-size: 1.5em;
    background-color: crimson;

    color: white;
    padding: 5px 5px;
    margin-left: auto;
    margin-right: auto;

    border: none;
    border-radius: 4px;
    cursor: pointer;
    width: 90%;
  }

  #BUTTONS {
    text-align: center;
  }

  #BUTTONS button {
    font-size: 1.5em;
    background-color: crimson;

    color: white;
    padding: 5px 5px;

    border: none;
    border-radius: 10px;
    cursor: pointer;
    width: 40%;
    margin-left: 0.5em;
    margin-right: 0.5em;
    margin-bottom: 0.5em;

    padding-top: 10px;
    padding-bottom: 10px;
  }

  button#BTN-OGGI {
    background-color: #ffa600;
    width: 40%;
  }

  button#BTN-SETTIMANALE {
    border-radius: 10px;
    background-color: #ffa600;
    visibility: collapse;
    display: none;
    width: 40%;
  }

  input#BTN-MENU {
    margin-top: 20px;
    border-radius: 10px;
    font-size: 1.5em;
    margin-left: auto;
    margin-right: auto;
    color: white;
    padding: 10px;
    background-color: crimson;
    width: 90%;
  }

  /*ORARIO*/
  #ORARIO_INCLUDED {
    background-color: white;
  }

  table#TABLE-ORARIO {
    margin-left: auto;
    margin-right: auto;

    border: 1px solid black;
    table-layout: fixed;
  }

  #TR-GIORNI TD {
    border: 0;
    font-size: 1.2em;
    text-align: center;
    background-color: white;
    margin: 0;
  }

  TD.ORARIO {
    border: 0;
    font-size: 1.0em;
    text-align: center;

    background-color: white;
  }

  TD.ORARIO .PROGRESSIVO-ORA {
    font-size: 1.5em;
    display: block;
    font-weight: bold;
    color: crimson;
  }

  TD.ORARIO .INIZIO-FINE-PRESENZA {
    display: block;
    color: black;
    font-size: 1em;
  }

  TD.ORARIO .INIZIO-FINE-DAD {
    display: block;
    color: yellow;
    font-size: 0.7em;
    visibility: hidden;
  }

  #COL-ORARIO {
    /*width: 200px;*/
  }

  #COL-LUNEDI {
    width: 11%;
  }

  #COL-MARTEDI {
    width: 11%;
  }

  #COL-MERCOLEDI {
    width: 11%;
  }

  #COL-GIOVEDI {
    width: 11%;
  }

  #COL-VENERDI {
    width: 11%;
  }

  #COL-SABATO {
    width: 11%;
  }

  #COL-DOMENICA {
    width: 11%;
  }

  td.TD-LEZIONE {
    border: 2px solid black;
  }

  td.TD-LEZIONE-VUOTA {
    background-color: #cccccc;
    color: #cccccc;
  }

  td.TD-LEZIONE-PRESENZA,
  td.TD-LEZIONE-IN-DAD {
    background-color: white;
    text-align: center;
  }

  td.TD-LEZIONE .SPAN-CLASSE,
  td.TD-LEZIONE-IN-DAD .SPAN-CLASSE {
    font-size: 1em;
    color: red;
    display: block;
  }

  td.TD-LEZIONE .SPAN-MATERIA,
  td.TD-LEZIONE-IN-DAD .SPAN-MATERIA {
    font-size: 1.2em;
    color: black;
    display: block;
  }

  td.TD-LEZIONE .SPAN-COMPRESENZA,
  td.TD-LEZIONE-IN-DAD .SPAN-COMPRESENZA {
    font-size: 1em;
    color: black;
    display: block;
  }


  td.TD-LEZIONE .SPAN-AULA,
  td.TD-LEZIONE-IN-DAD .SPAN-AULA {
    font-size: 1em;
    color: black;

    display: inline-block;

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

    padding: 10px;


  }

  span.SPAN-AULA.AREA_C {
    /*background-color: lightgreen;*/
    border: 5px solid green;
    font-size: 1.5em;
    font-weight: bold;
  }

  span.SPAN-AULA.AREA_A {
    /*background-color: lightskyblue;*/
    border: 10px solid blue;
    font-size: 1.5em;
    font-weight: bold;
  }

  span.SPAN-AULA.AREA_B {
    border: 10px solid darkorange;
    font-size: 1.5em;
    font-weight: bold;
    /*background-color: orange;*/
  }

  span.SPAN-AULA.AREA_E {
    /*background-color: yellow;*/
    border: 10px solid gold;
    font-size: 1.5em;
    font-weight: bold;
  }

  span.SPAN-AULA.AREA_F {
    border: 10px solid darkgray;
    /*background-color: gray;*/
    font-size: 1.5em;
    font-weight: bold;
  }

  span.SPAN-AULA.AREA_D {
    /*background-color: lightcoral;*/
    border: 10px solid red;
    font-size: 1.5em;
    font-weight: bold;
  }

  span.SPAN-AULA.AREA_SUCCURSALE {
    /*background-color: lightcoral;*/
    border: 10px solid saddlebrown;
    font-size: 1.5em;
    font-weight: bold;
  }

  span.SPAN-AULA.AREA_IPIA {
    border: 10px solid blueviolet;
    font-size: 1.5em;
    font-weight: bold;

  }

  span.SPAN-AULA.AREA_DDI {
    background-color: black;
    color: white;

  }

  span#SPAN-NOMEDOCENTE {
    font-size: 1.5em;
    color: crimson;
    display: block;
    text-align: center;
  }


  span#SPAN-TITOLO {
    font-size: 1em;
    color: blue;
    display: block;
    text-align: center;
  }

  div#DIV_HEADER {
    color: crimson;
    text-align: center;
    font-size: 2em;
  }

  .TD-DISPOSIZIONE {
    text-align: center;
    font-size: 1.5em;
    background-color: yellow;
  }


}