/* Your app styles here */
html, body{
	font-size: 12px;
}
.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.clickable{cursor: pointer;}
.volver{display:none;}
.hora{font-size:1.4rem; font-weight:bold; color: red;}
.horablue{font-size:1.4rem; font-weight:bold; color: blue;}
.from{color:blue; font-weight: bold;}
.pad-row{padding-left: 5px;padding-right: 5px;align-items: initial;}
.serv-row{align-items: initial;justify-content: center;}
.jcb{justify-content: space-between;}
.m-b{margin-bottom:2%;}
.m-top{margin-top:2%;}
.m-r{margin-right:2%;}
.m-l{margin-left:2%;}
.m-tb{margin-top: 2%;margin-bottom: 2%;}
.m-tb0{margin-top: 0;margin-bottom: 0;}
.va{vertical-align: middle;position: relative;}
.size-16 { font-size: 16px;}
.size-22 { font-size: 22px;}
.size-25 { font-size: 25px;}
.size-29 { font-size: 29px;}
.size-36 { font-size: 36px;}
.button{width: auto;}
.list.mauto{margin: auto;}
.list.petit input[type=text]{font-size: 1rem;color:blue;}
.ios .tabbar-labels .tab-link:not(.tab-link-active) .icon-ios-fill { display: none;}
.ios .tabbar-labels .tab-link.tab-link-active .icon:not(.icon-ios-fill) { display: none;}
.pad-top{padding-top: 0 !important;}
.petit{font-size: 0.8rem;color:blue;}
.petitw{font-size: 0.8rem;color:white;}
.cell-auto{
    display: block;
    align-self: center;
    box-sizing: border-box;
    width: auto;
    min-width: 0;
    flex-shrink: 1;}
.rel{position: relative;}    
.toastcolor{background-color: green; color: white;}
.buttons-row{width: 100%;}
.list.mauto input{outline: 0;border-width: 0px;width: 100%;background-color: transparent;height: var(--f7-input-height);font-size: var(--f7-input-font-size);}
.borderw{border: 5px solid green;}
.borderbot{border-bottom: 5px solid blue;}
.nomcartell{font-weight: bold;text-transform: uppercase;font-size: 9rem;text-align:center;}
/*font-size: 3rem;*/
.ocult{display: none;}
.consum{position: absolute;right:0;font-size: 2rem;}
.centertext{text-align:center;}

.negre {color: black;}
.modif1 {border-bottom: 5px solid darkorange;}
.nuevo1 {border-bottom: 5px solid red;}

.modif1 span.hora {color: white;}
.modif1 div.ojo b{color: black;}
.modif1 {
   background-color: #222121;
   -webkit-border-radius: 10px;
   border-radius: 10px;
   border: none;
   color: #ffffff;
   cursor: pointer;
   //display: inline-block;
   //font-family: Arial;
   // font-size: 12px;
   padding: 0;
   //text-align: center;
   text-decoration: none;
   -webkit-animation: glowing 1500ms infinite;
   -moz-animation: glowing 1500ms infinite;
   -o-animation: glowing 1500ms infinite;
   animation: glowing 1500ms infinite;
 }

.blink {
   background-color: #222121;
   -webkit-border-radius: 10px;
   border-radius: 10px;
   border: none;
   color: #ffffff;
   cursor: pointer;
   //display: inline-block;
   //font-family: Arial;
   // font-size: 12px;
   padding: 0;
   //text-align: center;
   text-decoration: none;
   -webkit-animation: glowing 1500ms infinite;
   -moz-animation: glowing 1500ms infinite;
   -o-animation: glowing 1500ms infinite;
   animation: glowing 1500ms infinite;
 }
 @-webkit-keyframes glowing {
   0% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; }
   50% { background-color: #FF0000; -webkit-box-shadow: 0 0 40px #FF0000; }
   100% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; }
 }
 
 @-moz-keyframes glowing {
   0% { background-color: #B20000; -moz-box-shadow: 0 0 3px #B20000; }
   50% { background-color: #FF0000; -moz-box-shadow: 0 0 40px #FF0000; }
   100% { background-color: #B20000; -moz-box-shadow: 0 0 3px #B20000; }
 }
 
 @-o-keyframes glowing {
   0% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
   50% { background-color: #FF0000; box-shadow: 0 0 40px #FF0000; }
   100% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
 }
 
 @keyframes glowing {
   0% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
   50% { background-color: #FF0000; box-shadow: 0 0 40px #FF0000; }
   100% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
 }