/**

<!-- Add icon library -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

https://www.w3schools.com/howto/howto_css_icon_buttons.asp

https://toolset.mrwebmaster.it/css/button-generator.html

http://www.ioeweb.it/lezioni/css/pannello-superiore-a-scomparsa-in-puro-css

https://toolset.mrwebmaster.it/css/codice-rgba.html
*/
/**
 * BOTTONI BLU PER MAGNIFICATION
 * Toolset.it
 * http://toolset.mrwebmaster.it/css/button-generator.html
 * 
 * Utilizzo: 
 * <a href="#" class="btn-blue">
 * <strong>05x</strong>
 * </a>
 * 
 */

.btn-blue {
 display: inline-block;
 text-align: center;
 white-space: nowrap;
 color: #FFFFFF;
 text-decoration: none;
 line-height: 1.2;
 font-weight: normal;
 font-family: sans-serif;
 font-size: 14px;
 background-color: #0063CC;
 border-radius: 15px;
 padding: 5px 7px;
 border: 0px solid #ADBADB;
  border: 1px solid #FFFFFF;
 cursor: pointer;
}
.btn-blue:hover {
 background-color: #007BFF;
 border-color: #0056B3;
  border-color: #FFFFFF;
}
.btn-blue > strong {
 font-size: 14px;
}

/**
BOTTONE BLU SCURO
 */

.btn-dark-blue {
 display: inline-block;
 text-align: center;
 white-space: nowrap;
 color: #FFFFFF;
 text-decoration: none;
 line-height: 1.2;
 font-weight: normal;
 font-family: sans-serif;
 font-size: 14px;
 background-color: #0D0079;
 border-radius: 15px;
 padding: 5px 7px;
 border: 0px solid #006FE6;
  border: 1px solid #FFFFFF;
 cursor: pointer;
}
.btn-dark-blue:hover {
 background-color: #000AFF;
 border-color: #0056B3;
  border-color: #FFFFFF;
}
.btn-dark-blue > strong {
 font-size: 14px;
}

/**
 * BOTTONE ROSSO
 * Toolset.it
 * http://toolset.mrwebmaster.it/css/button-generator.html
 * 
 * Utilizzo: 
 * <a href="#" class="btn-red">
 * <strong>Help</strong>
 * </a>
 */

.btn-red {
 display: inline-block;
 text-align: center;
 white-space: nowrap;
 color: #FFFFFF;
 text-decoration: none;
 line-height: 1.2;
 font-weight: normal;
 font-family: sans-serif;
 font-size: 14px;
 background-color: #C20A0E;
 border-radius: 15px;
 padding: 5px 7px;
 /*border: 0px solid #ADBADB;*/
 border: 1px solid #FFFFFF;
 cursor: pointer;
}
.btn-red:hover {
 background-color: #FF0A2E;
 /*border-color: #0056B3;*/
 border-color: #FFFFFF;
}
.btn-red > strong {
 font-size: 14px;
}

/**
 * Toolset.it
 * BOTTONE VERDE
 * http://toolset.mrwebmaster.it/css/button-generator.html
 * 
 * Utilizzo: 
 * <a href="#" class="btn-green">
 * <strong>Verde</strong>
 * </a>
 */

.btn-green {
 display: inline-block;
 text-align: center;
 white-space: nowrap;
 color: #FFFFFF;
 text-decoration: none;
 line-height: 1.2;
 font-weight: normal;
 font-family: sans-serif;
 font-size: 14px;
 background-color: #056B0E;
 border-radius: 15px;
 padding: 5px 7px;
 border: 0px solid #ADBADB;
  border: 1px solid #FFFFFF;
 cursor: pointer;
}
.btn-green:hover {
 background-color: #08A316;
 border-color: #0056B3;
  border-color: #FFFFFF;
}
.btn-green > strong {
 font-size: 14px;
}

/**
 * Toolset.it
 * BOTTONE VIOLA
 * http://toolset.mrwebmaster.it/css/button-generator.html
 * 
 * Utilizzo: 
 * <a href="#" class="btn-viola">
 * <strong>Viola</strong>
 * </a>
 */

.btn-viola {
 display: inline-block;
 text-align: center;
 white-space: nowrap;
 color: #FFFFFF;
 text-decoration: none;
 line-height: 1.2;
 font-weight: normal;
 font-family: sans-serif;
 font-size: 14px;
 background-color: #7E0A80;
 border-radius: 15px;
 padding: 5px 7px;
 border: 0px solid #ADBADB;
  border: 1px solid #FFFFFF;
 cursor: pointer;
}
.btn-viola:hover {
 background-color: #A10DA3;
 border-color: #0056B3;
  border-color: #FFFFFF;
}
.btn-viola > strong {
 font-size: 14px;
}

/**
 * BOTTONE ORANGE
 * Toolset.it
 * http://toolset.mrwebmaster.it/css/button-generator.html
 * 
 * Utilizzo: 
 * <a href="#" class="btn-orange">
 * <strong>Orange</strong>
 * </a>
 */

.btn-orange {
 display: inline-block;
 text-align: center;
 white-space: nowrap;
 color: #FFFFFF;
 text-decoration: none;
 line-height: 1.2;
 font-weight: normal;
 font-family: sans-serif;
 font-size: 14px;
 background-color: #DE6635;
 border-radius: 15px;
 padding: 5px 7px;
 border: 0px solid #ADBADB;
  border: 1px solid #FFFFFF;
 cursor: pointer;
}
.btn-orange:hover {
 background-color: #FF753D;
 border-color: #0056B3;
  border-color: #FFFFFF;
}
.btn-orange > strong {
 font-size: 14px;
}

/**
bottone per annotations
 */

.btn-annot {
 display: inline-block;
 text-align: left;
 white-space: nowrap;
 color: #FFFFFF;
 text-decoration: none;
 line-height: 1.2;
 font-weight: normal;
 font-family: sans-serif;
 font-size: 16px;
 background-color: #1F1EA6;
 border-radius: 5px;
 padding: 1px 7px;
 border: 1px solid #FFFFFF;
 cursor: pointer;
}
.btn-annot:hover {
 background-color: #006FE6;
 border-color: #FFFFFF;
}
.btn-annot > strong {
 font-size: 16px;
}

.btn-pol {
 display: inline-block;
 text-align: left;
 white-space: nowrap;
 color: #000000;
 text-decoration: none;
 line-height: 1.2;
 font-weight: normal;
 font-family: sans-serif;
 font-size: 16px;
 background-color: #FFFFFF;
 border-radius: 5px;
 padding: 1px 7px;
 border: 1px solid #000000;
 cursor: pointer;
}
.btn-pol:hover {
 background-color: #006FE6;
 border-color: #FFFFFF;
}
.btn-pol > strong {
 font-size: 16px;
}