@import url("loader.css");
@import url("icon.css");

body{               /* previene la selezione del testo*/
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    margin:0;background-image: url('../immagini/bg_main.jpg')!important
}

div[data-role="content"] {
    padding:8px!important;
}

div[data-role="popup"] div[data-role="content"] {
    padding:16px!important;
}


.ui-page {
    background: transparent;
}
.ui-content{
    background: transparent;
}

.spacer_10      {overflow:hidden;height:10px}
.spacer_05      {overflow:hidden;height:5px}

.titolo_box {
    margin-top:1px;
    height:28px;
    font-style:italic;
    font-size:19px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow:hidden;
    width:100%;
    color:#8f4800;
    
}

.titolo_box:before {
    float:right;
    content:'';
    width:24px;
    height:24px;
    background-size:24px;
    background-position:center;
    background-repeat:no-repeat;
}


.icon_box_loader:before      {background-image: url('../immagini/loader.svg');}
.icon_box_chart:before       {background-image: url('../immagini/chart2.png');}
.icon_box_euro:before        {background-image: url('../immagini/euro2.png ');}
.icon_box_saldo:before       {background-image: url('../immagini/saldo2.png ');}
.icon_box_ruoli:before       {background-image: url('../immagini/ruoli2.png ');}
.icon_box_pagamenti:before   {background-image: url('../immagini/pagamenti2.png ');}
.icon_box_user:before        {background-image: url('../immagini/contacts2.png');}
.icon_box_home:before        {background-image: url('../immagini/home2.png');}
.icon_box_info:before        {background-image: url('../immagini/info2.png');}
.icon_box_ricarica:before    {background-image: url('../immagini/credit2.png');}
.icon_box_settings:before    {background-image: url('../immagini/settings2.png');}
.icon_box_promese:before     {background-image: url('../immagini/calendarT2.png');}
.icon_box_proanno:before     {background-image: url('../immagini/calendarM2.png');}
.icon_box_person:before      {background-image: url('../immagini/person.png');}

img { border: 0; display: block; max-width: 100%; }
h4  {margin-bottom:8px;margin-top:0;padding-bottom:4px; border-bottom:1px solid white}

.float_left         {float:left}
.float_right        {float:right}
.float_left_1       {float:left;margin-left:1px;}
.float_right_1      {float:right;margin-right:1px;}

.li_menu_header     {background-image:url(../immagini/bg_menu.jpg);background-size:cover;background-repeat:no-repeat;background-position:right;background-color:#768dc9!important;height:100px}
.li_menu            {position:fixed;top:0;height:100%;overflow:auto;}
.li_menu_old        {position:absolute;top:0;height:100%;overflow:auto;}
.li_menu_img        {float:left;margin-left:-8px;}
.li_menu_img img    {width:36px;height:36px;padding:2px!important;-webkit-border-radius: 24px !important;-moz-border-radius: 24px !important;border-radius: 24px !important;background-color:#fff;border:solid 1px silver!important}
.li_menu_text       {float:left;margin-left:8px;margin-top:10px}
.li_studente        {background-color:#e5e5e5 !important;color:darkblue !important;font-weight:bold;font-size:13px!important;padding-top:10px!important;padding-left:41px!important;}
.li_servizio        {background-color:whitesmoke!important;color:darkred !important;font-weight:bold;font-size:13px!important;border:none !important}

.li_normal div      {font-weight:normal !important;}
.li_totale_neg      {background-color:whitesmoke !important;font-weight:bold; color:darkred !important;border-top:1px solid #d6d6d6!important}
.li_totale_pos      {background-color:  whitesmoke !important;font-weight:bold;border-top:1px solid #d6d6d6!important}

.img_header         {margin:auto;padding:5px;height:32px;width:192px;}
.div_header         {margin:2px;overflow:hidden;width:192px;height:40px;}

.custom-list        {margin:0 !important;padding:0 !important;}
.hand               {width:100%;height:auto;padding:0}
.giorno_mese        {float:none;width:100%;min-height:28px;padding:0;text-align:right}
.giorno_mese_img    {float:none;width:100%;min-height:12px;padding:0;}

.ui-bar-custom-0    {background-color:#F5F5F5;min-height:40px;padding:4px}
.ui-bar-custom-1    {background-color:#FFFFFF;min-height:40px;padding:4px}
.ui-bar-custom-2    {background-color:#ffe7e7;min-height:40px;padding:4px}
.ui-bar-custom-3    {background-color:#ecdbf6;min-height:40px;padding:4px}
[class*=ui-bar-custom-]:active    {background-color:#fffdb4;}

.today              {font-style:italic;color:darkred;}

.img_0              {border:none; width:2.1em;height:1.5em;float:left;padding-bottom:0.5em}
.img_16             {border:none; width:1.0em;height:1.0em;margin-right:1.1em;float:left;margin-bottom:0.5em}
.img_24             {border: 2px solid white; width:1.5em;height:1.5em;margin-right:0.6em;float:left;margin-bottom:0.5em;
                     -webkit-border-radius: 16px !important;-moz-border-radius: 16px !important;border-radius: 16px !important;}
.img_menu_l         {border:none; width:24px;height:24px;float:left;padding-right:16px;}
.img_menu_r         {border:none; width:24px;height:24px;float:right;padding-left:10px}
.titolo_menu        {margin-top:2px;font-style:italic;float:left;color:gray;font-size:17px}

.timb_no            {float:left;width:4px; height:1px;background-color:gray;margin-top:11px}
.timb0              {float:left;width:12px;height:4px;background-color:red;margin-top:8px}
.timb1              {float:left;width:12px;height:12px;background-color:blue;}
.timb2              {float:left;width:12px;height:12px;background-color:green;}
.timb3              {float:left;width:12px;height:12px;background-color:yellow;}

.evento             {float:left;width:6px;height:6px;margin-left:2px;background-color:black;}
.evento1            {float:left;width:6px;height:6px;margin-left:2px;background-color:red;}
.evento2            {float:left;width:6px;height:6px;margin-left:2px;background-color:brown;}
.evento3            {float:left;width:6px;height:6px;margin-left:2px;background-color:purple;}
.evento4            {float:left;width:6px;height:6px;margin-left:2px;background-color:yellow;}
.evento5            {float:left;width:6px;height:6px;margin-left:2px;background-color:green;}
.evento6            {float:left;width:6px;height:6px;margin-left:2px;background-color:orange;}
.evento7            {float:left;width:6px;height:6px;margin-left:2px;background-color:silver;}



.timb1, .timb3 {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.timb2 {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.evento, .evento1, .evento2, .evento3, .evento4, .evento5, .evento6, .evento7 {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.navbar_custom_left {
    border-top-left-radius: 0.1em;
    border-bottom-left-radius: 0.1em;
    height:18px;padding-top:40px
}

.navbar_custom_center {
    height:18px;padding-top:40px
}

.navbar_custom_right {
    border-top-right-radius: 0.1em;
    border-bottom-right-radius: 0.1em;
    height:18px;padding-top:40px
}

.text_bold_red {
    font-weight:bold;
    color:darkred;
}

.text_bold {
    font-weight:bold;
}

/* Swipe works with mouse as well but often causes text selection. */
/*#page_home * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}*/

.ui-grid-f{overflow:hidden}
.ui-block-a,.ui-block-b,.ui-block-c,.ui-block-d,.ui-block-e,.ui-block-f,.ui-block-g{margin:0;padding:0;border:0;float:left;min-height:1px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

[class*=ui-block-]{overflow:hidden;font-size:14px;width:14.3% ;padding:0;}

.ui-grid-f>.ui-block-f{width:14.25%}
.ui-grid-f>.ui-block-g{width:14.25%}

.ui-grid-f { overflow: hidden;width:100% }

/* swipe js*/
.swipe              {overflow: hidden;visibility: hidden;position: relative; }
.swipe-wrap         {overflow: hidden;position: relative; }
.swipe-wrap > div   {float:left;width:100%;position: relative; }

.ellipsize td {
    text-overflow: ellipsis;
    overflow: hidden;
}

.ui-btn-active{ 
    background-color:#f6f6f6 !important;
    color:#333333 !important;
    text-shadow: 0 1px 0 #f3f3f3 !important;
    border-color: #d6d6d6 !important;
}
.ui-btn:active, .ui-btn:focus {
    background-color:whitesmoke !important; 
    _color:whitesmoke!important;
    _text-shadow:none!important;
}

.box {
    background-color:#ffffff;
	margin:auto;
    padding: 16px;
    -webkit-border-radius: 0.1em ;
	border-radius: 0.1em;
    overflow:hidden;
}

.box_linea {
    height:4px;
    border-bottom:1px solid #d6d6d6;
    margin-bottom:10px;
}
.effect_shadow_all, .ui-btn{
    border:none!important; 
    background-color:#ffffff!important; 
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3)!important;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3)!important;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3)!important;
}

li {
    border:none!important;
}

li[data-role=list-divider], .li_studente {
    border-top:1px solid #d6d6d6!important;
    border-top-style:solid!important;
    border-bottom:1px solid #d6d6d6!important;
}

li .ui-btn, li .ui-btn:focus, .ui-focus {
    -webkit-box-shadow:none!important;
    -moz-box-shadow:none!important;
        box-shadow:none!important;
}

.custom-controlgroup-textinput, .custom-controlgroup-numberinput {
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3)!important;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3)!important;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3)!important;
}

.custom-controlgroup-textinput{
    padding-top:0.20em;
    padding-bottom:0.26em;
}

.custom-controlgroup-numberinput{
    padding-top:0.20em;
    padding-bottom:0.24em;
}

.custom-controlgroup .ui-controlgroup-controls {
    width: 100%;
    margin-left: 0;margin-right: 0;padding-left: 0;padding-right: 0;
}
.custom-controlgroup .ui-controlgroup-controls .ctrl_text_left {
    width: 68%;
    margin-left: 0;margin-right: 2%;padding-left: 0;padding-right: 0;
}
.custom-controlgroup .ui-controlgroup-controls .ctrl_button_right {
    width: 30%;
    margin-left: -3px;margin-right: 0;padding-left: 0;padding-right: 0;
    float:right;
}


.box_header {
    height:24px!important;
    background-color:#fff !important;
    position:absolute;
    z-index:99;
    opacity:0.95;
    
}

.box_title {
    margin-top:60px;
    background-color:#fffbee !important;
}

.display_none {
    display:none;
}

/*Ripple effect*/
@-webkit-keyframes ripple-animation {
  0% {
    -webkit-transform: scale(.01);
            transform: scale(.01);
  }

  100% {
    -webkit-transform: scale(5);
            transform: scale(5);
  }    
}

@keyframes ripple-animation {
  0% {
    -webkit-transform: scale(.01);
            transform: scale(.01);
  }

  100% {
    -webkit-transform: scale(5);
            transform: scale(5);
  }     
}


.ui-flipswitch {
-webkit-border-radius: 40px !important;
-moz-border-radius: 40px !important;
border-radius: 40px !important;
}   

.ui-flipswitch {
width: 3.875em;
}
        
.ui-flipswitch.ui-flipswitch-active {
padding-left: 2em;
width: 1.875em;
}