.bkloginbox {
    width:100%;
    height:1200px;
    /*background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #ffe8e8 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#ffe8e8 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ffffff 0%,#ffe8e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffe8e8',GradientType=0 ); /* IE6-9 */*/


    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #e3f5ab 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#e3f5ab 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ffffff 0%,#e3f5ab 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3f5ab',GradientType=0 ); /* IE6-9 */
}

.loginbox {
    -webkit-box-shadow: 5px 5px 10px #666666;
    -moz-box-shadow: 5px 5px 10px #666666;
    box-shadow: 5px 5px 10px #666666;
    margin-left:auto;
    margin-right:auto;
    width:350px;
    height:350px;
    border:none;
    text-decoration:none;
    margin-top:30px;

    border-radius:20px;

    background: #e3f5ab; /* Old browsers */
    background: -moz-linear-gradient(top,  #e3f5ab 0%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #e3f5ab 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #e3f5ab 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3f5ab', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.logintext {
    border-top-left-radius:7px;
    border-top-right-radius: 7px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    padding-left:5px;
    width:200px;
    height:30px;
    font-size:15px
}



* {
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: normal;
}

/* PAGERS */

.GridPager a, .GridPager span
{
    display: block;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}

.GridPager a
{
    background-color: lawngreen;
    color: black!important;
    border: 1px solid #969696;
    padding: 3px 4px
}
.GridPager span
{
    background-color: black;
    color: white !important;
    border: 1px solid #3AC0F2;
    padding: 3px 4px
}
.GridPager a:hover
{
    background-color: #CCCCCC;
    border: 1px solid #969696;
    color: black;
    padding: 3px 4px;
}


 .OrdInitial
  {
    display: block;
    padding: 4px 18px 4px 18px;
    float: left;
    font-weight: bold;
    color: Black;
  }

 a.TABInitial:link
 {
    color: gray;
    font-weight: bold;
    display: block;
    padding: 15px;
    float: left;
    font-weight: bold;
    border:solid;
    border-width:thin;
    border-color:black;
    border-radius: 15px 30px;

 }

 
 a.TABInitial:hover
  {
    color: Black;
    background-color: yellow;
    display: block;
    padding: 15px;
    float: left;
    font-weight: bold;
    border-radius: 15px 30px;

  }
 
 .TABClicked
  {

    display: block;
    padding: 15px;
    float: left;
    color: White;
    font-weight: bold;
    background-color: #D81F27;
    border-radius: 15px 30px;
  }

 a.TABClicked:link
 {
    color: White;
    font-weight: bold;
 }


.sms_class {
    border:solid;
    border-color:black;
    background-color:yellow;
}



/* MENU */
.staticMenu
{
    background-color:none;
    color:black;
    font-size:18px;
    /*font-family: "High Tower Text";*/
    font-weight:bold;
    padding:5px;
    margin-top:3px;
    margin-bottom:3px;
    width:180px;
    /*border:2px #610000 solid;*/
    cursor:pointer;
    border-radius:5px;
    box-shadow:3px 3px 10px rgba(61,00,00,.8);
    
    text-decoration:none;
}

.dynamicMenu
{
    background-color:white;
    color:black;
    font-size:18px;
    /*font-family: "High Tower Text";*/
    font-weight:bold;
    padding:5px;
    margin-top:3px;
    margin-bottom:3px;
    /*width:100%;*/
    /*border:2px #610000 solid;*/
    cursor:pointer;
    border-radius:5px;
    box-shadow:3px 3px 10px rgba(61,00,00,.8);

    width:180px;
    
    text-decoration:none;
}


.staticItem
{
    background-color:none;
    color:black;
    padding:5px;
    margin:3px;
    /*margin-top:3px;
    margin-bottom:3px;*/
    width:180px;
    /*border:2px #610000 solid;*/
    cursor:pointer;
    border-radius:5px;
    /*box-shadow:2px 3px 3px rgba(61,00,00,.8);*/

    text-decoration:none;

    font-size:18px;
    /*font-family: "High Tower Text";*/
    font-weight:bold;

}
.staticItem:hover
{            
    background-color:yellow;
    color:black;
    box-shadow:2px 3px 3px rgba(61,00,00,.5) inset;     
    /*box-shadow:2px 3px 3px rgba(61,00,00,.5);*/     
    border-width:1px;
    padding:5px;
    margin-top:3px;
    margin-bottom:3px;

    /*width:190px;*/

    text-decoration:none;

    font-size:18px;
    /*font-family: "High Tower Text";*/
    font-weight:bold;

}

.dynamicItem
{
    background-color:none;
    color:black;
    padding:5px;
    margin:3px;
    /*margin-top:3px;
    margin-bottom:3px;*/
    /*width:100%;*/
    /*border:2px #610000 solid;*/
    cursor:pointer;
    border-radius:5px;
    /*box-shadow:2px 3px 3px rgba(61,00,00,.8);*/

    text-decoration:none;

    width:190px;

    font-size:18px;
    /*font-family: "High Tower Text";*/
    font-weight:bold;

}
.dynamicItem:hover
{            
    background-color:yellow;
    color:black;
    box-shadow:2px 3px 3px rgba(61,00,00,.5) inset;     
    /*box-shadow:2px 3px 3px rgba(61,00,00,.5);*/     
    border-width:1px;
    padding:5px;
    margin-top:3px;
    margin-bottom:3px;
    /*width:100%;*/

    /*width:180px;*/

    text-decoration:none;

    font-size:18px;
    /*font-family: "High Tower Text";*/
    font-weight:bold;

}


/* FIX STYLE */

.divfisso_utenti {
    width:100%;
    height:100px;
    position:fixed;
    top:0px;
    /*margin:0px;*/
    padding:0px;
    z-index:1;
    margin-top:10px;
    background-color:white;
}

.div_utenti {
    padding-top:103px;
    margin:0px;
}

.divfisso_insmodutente {
    background-color:white;
    width:100%;
    height:320px;
    position:fixed;
    top:0px;
    /*margin:0px;*/
    padding:0px;
    z-index:1;
    margin-top:10px;
}

.div_insmodutente {
    padding-top:323px;
    margin:0px;
    overflow: auto;
}

.divfisso_tabella {
    width:100%;
    height:125px;
    position:fixed;
    top:0px;
    /*margin:0px;*/
    padding:0px;
    z-index:1;
    margin-top:10px;
    background-color:white;
}

.div_tabella {
    padding-top:128px;
    margin:0px;
}

.divfisso_rapportini {
    width:100%;
    height:150px;
    position:fixed;
    top:0px;
    /*margin:0px;*/
    padding:0px;
    z-index:1;
    margin-top:10px;
    background-color:white;
}

.div_rapportini {
    padding-top:153px;
    margin:0px;
}

.divfisso_pacchetti {
    width:100%;
    height:120px;
    position:fixed;
    top:0px;
    /*margin:0px;*/
    padding:0px;
    z-index:1;
    margin-top:10px;
    background-color:white;
}

.div_pacchetti {
    padding-top:123px;
    margin:0px;
}


/* BOTTONI */

.btnclass {
  -webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;
  -webkit-box-shadow: 2px 2px 5px #666666;
  -moz-box-shadow: 2px 2px 5px #666666;
  box-shadow: 2px 2px 5px #666666;
  font-family: Arial;
  color: gray;
  font-size: 12px;
  font-weight:bold;
  background-color:lightgreen;
  padding: 5px 7px 5px 7px;
  border: solid #1f628d 1px;
  text-decoration: none;
}

.btnclass:hover {
  -webkit-box-shadow: 5px 5px 10px #666666;
  -moz-box-shadow: 5px 5px 10px #666666;
  box-shadow: 5px 5px 10px #666666;
  color: black;
  font-family: Arial;
  font-size: 12px;
  font-weight:bold;
  background-color:lime;
  text-decoration: none;
}

/* TEXTBOXES */

.TBoxClass {
    background-color:none;
    border-radius:5px;
    font-weight:bold;
    font-family: Arial;
    font-size: 14px;
    height:25px;
    padding-left:3px;
    padding-right:3px;
}
.TBoxClass:hover{
    border-color:lime;
    height:25px;
}

.TBoxClass:focus, .TBoxClass:active {
    background-color:#d5ffd3;
    font-weight:bold;
    font-family: Arial;
    font-size: 14px;
    height:25px;
}

/* SWITCH */
 .SwitchClass {
  position: relative;
  display: inline-block;
  width: 60px;
  height:34px;
}

.SwitchClass input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.SliderClass {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #cccccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.SliderClass:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .SliderClass {
  background-color: forestgreen;
}

input:focus + .SliderClass {
  box-shadow: 0 0 1px forestgreen;
}

input:checked + .SliderClass:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}






 .MiniSwitchClass {
  position: relative;
  display: inline-block;
  width: 30px;
  height:17px;
}

.MiniSwitchClass input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.MiniSliderClass {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #cccccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.MiniSliderClass:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .MiniSliderClass {
  background-color: forestgreen;
}

input:focus + .MiniSliderClass {
  box-shadow: 0 0 1px forestgreen;
}

input:checked + .MiniSliderClass:before {
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px);
}

/* INTESTAZIONI */

.gecointest_scheda {
    border:solid;
    border-radius:10px;
    border-width:thin;
    text-align:center;
    background-color:lightyellow;
}

/* DASHBOARD */
.rapportini_box {
    -webkit-box-shadow: 5px 5px 10px #666666;
    -moz-box-shadow: 5px 5px 10px #666666;
    box-shadow: 5px 5px 10px #666666;
    /*margin-left:auto;
    margin-right:auto;*/
    width:250px;
    height:200px;
    border:none;
    text-decoration:none;
    /*margin-top:30px;*/
    padding: 15px;

    border-radius:10px;

    text-align: left;

    background: #abf5b6; /* Old browsers */
    background: -moz-linear-gradient(top,  #abf5b6 0%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #abf5b6 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #abf5b6 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#abf5b6', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.rapportini_intest {
    height:30px;
    border-radius: 10px;
    text-align:center;
    background-color:black;
    color:white;
}

.rapportini_descr {
    font-size: 18px;
}

.rapportini_valore {
    font-size: 18px;
    font-weight:bold;
    text-align:right;
}

.ticket_descr {
    font-size: 18px;
}

.ticket_valore {
    font-size: 18px;
    font-weight:bold;
    text-align:right;
}


.pacchetti_box {
    -webkit-box-shadow: 5px 5px 10px #666666;
    -moz-box-shadow: 5px 5px 10px #666666;
    box-shadow: 5px 5px 10px #666666;
    /*margin-left:auto;
    margin-right:auto;*/
    width:250px;
    height:200px;
    border:none;
    text-decoration:none;
    /*margin-top:30px;*/
    padding: 15px;

    border-radius:10px;

    text-align: left;

    background: #abf5b6; /* Old browsers */
    background: -moz-linear-gradient(top,  #abf5b6 0%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #abf5b6 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #abf5b6 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#abf5b6', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.pacchetti_intest {
    height:30px;
    border-radius: 10px;
    text-align:center;
    background-color:black;
    color:white;
}

/* TICKET ASSISTENZA */

.ticket_box {
    -webkit-box-shadow: 5px 5px 10px #666666;
    -moz-box-shadow: 5px 5px 10px #666666;
    box-shadow: 5px 5px 10px #666666;
    /*margin-left:auto;
    margin-right:auto;*/
    width:250px;
    height:200px;
    border:none;
    text-decoration:none;
    /*margin-top:30px;*/
    padding: 15px;

    border-radius:10px;

    text-align: left;

    background: #abf5b6; /* Old browsers */
    background: -moz-linear-gradient(top,  #abf5b6 0%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #abf5b6 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #abf5b6 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#abf5b6', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.ticket_intest {
    height:30px;
    border-radius: 10px;
    text-align:center;
    background-color:black;
    color:white;
}

.assistenza_ticket {
    padding:5px;
    border-radius: 5px;
    border-style:solid;
    border-width:1px;
    background-color:yellow;
}

.utente_ticket {
    padding:5px;
    border-radius: 5px;
    border-style:solid;
    border-width:1px;
    background-color:lightgreen;
}

.no_ticket {
    border:none;
}