/* Your app styles here */
.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;
}
#login-screen .login-screen-content{
  background-image: url(../img/bg.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom;
}
.login-screen-content img{
  width: 65%;
  max-width: 240px;
  margin: 5vh auto;
}

/* GENERAL */

#app,
.login-screen-content{
  border-top: #0041ad solid 8px;
}
.ios .navbar .block{
  width: 100%;
  max-width: 300px;
  padding-right: 5px;
}
.ios .navbar .button{
  height: 38px;
}
.ios .button.color-gray.button-fill{
  background: #eaeaea;
  color: #383838;
}
.ios .button.color-gray.button-fill i{
  float: left;
  color: #929292;
}
.ios .navbar~.page-with-subnavbar:not(.no-navbar) .page-content,
.ios .tabbar-labels~* .page-content{
  padding-top: 47px;
  padding-bottom: 30px;
}
.ios .tabbar-labels .tabbar-label{
  font-size: 11px;
}
.ios .tabbar a.tab-link-active, .ios .tabbar-labels a.tab-link-active {
  color: #0041ad;
}
.ios .toolbar .ico-pendents .icon{
  font-size: 0;
  background-image: url(../img/ico-pendents.png);
  background-repeat: no-repeat;
  background-position: left;
  background-size: cover;
  width: 40px;
  height: 27px;
}
.ios .toolbar .ico-pendents .icon.icon-ios-fill{
  background-position: right;
}
.ios .toolbar .ico-identificats .icon{
  font-size: 0;
  background-image: url(../img/ico-identificats.png);
  background-repeat: no-repeat;
  background-position: left;
  background-size: cover;
  width: 40px;
  height: 27px;
}
.ios .toolbar .ico-identificats .icon.icon-ios-fill{
  background-position: right;
}
.ios .searchbar-inner{
  background-color: #eaeaea;
  border: none;
  padding-right: 13px;
  padding-left: 13px;
}
.ios .searchbar-inner input[type=search]{
  background-color: #FFF;
}
.ios .searchbar-disable-button{
  color: #0041ad ;
}
.ios .searchbar:after{
  background-color: #a1a1a1;
}
.ios .list ul:before,
.ios .list ul:after{
  background:none
}
.ios .f7-icons .badge{
  font-size: 11px;
}
.ios.device-android .f7-icons .badge{
  line-height:17px
}
.subnavbar,
.ios .navbar~.page-with-subnavbar:not(.no-navbar) .subnavbar{
  top: 70px;
}
.ios .tabbar-labels {
  height: 55px;
}
.ios .toolbar-inner{
  padding-top: 5px
}

/* LOGIN SCREEN */

.ios .login-screen-content .usuari{
  margin-bottom:10px
}
.ios .login-screen-content .list .login-button{
  background-color: #0041ad;
  margin-right: 40px;
  margin-left: 40px;
  color: #FFF;
  font-weight: bold;
  border-radius: 3px;
}
.ios .login-screen-content .list .item-input{
  padding-left: 40px;
  padding-right: 40px;
}
.ios .login-screen-content .list .item-inner{
  padding-right: 0px 
}
.ios .login-screen-content .list .item-inner:after{
  display:none
}
.ios .login-screen-content .list .item-inner input{
  background-color: #eaeaea;
  border-radius: 3px;
  padding-left: 15px;
  padding-right: 15px;
}

/* LIST */
.ios .media-list .item-title{
  font-weight: 400;
  font-size: 15px;
  line-height: 1.6;
}
.ios .navbar{
  height:70px;
  background-color: #FFF;
}
.ios .navbar img{
  width: 105px;
  margin-left: 5px;
}
.ios .media-list.empleats-identificats .item-link .item-title-row{
  padding-right: 0px;
  padding-left: 20px;
  background-position: left center!important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8px' height='13px' viewBox='0 0 8 13'%3E%3Cpolygon fill='%23c7c7cc' transform='translate(6.500000, 6.500000) rotate(135.000000) translate(-1.500000, -6.500000) ' points='6 11 6 2 4 2 4 9 -3 9 -3 11 5 11'/%3E%3C/svg%3E");
}
.ios .list.empleats-pendents .item-link.active-state,
.ios .list.empleats-pendents .item-link.pressed{
  background: -moz-linear-gradient(top, #9acc31 0%, #4eb748 100%);
  background: -webkit-linear-gradient(top, #9acc31 0%,#4eb748 100%);
  background: linear-gradient(to bottom, #9acc31 0%,#4eb748 100%);
  color:#FFF;
  pointer-events:none
}
.ios .list.empleats-identificats .item-link.active-state,
.ios .list.empleats-identificats .item-link.pressed{
  background: -moz-linear-gradient(top, #f26522 0%, #ed1c24 100%);
  background: -webkit-linear-gradient(top, #f26522 0%,#ed1c24 100%);
  background: linear-gradient(to bottom, #f26522 0%,#ed1c24 100%);
  color:#FFF;
  pointer-events:none
}
.ios .list.empleats-identificats .item-link.active-state .item-footer,
.ios .list.empleats-identificats .item-link.pressed .item-footer,
.ios .list.empleats-pendents .item-link.active-state .item-footer,
.ios .list.empleats-pendents .item-link.pressed .item-footer{
  color:#FFF;
}
.ios .list .item-content{
  padding-left: 0px;
}
.ios .list.virtual-list-pendents .item-content .item-inner{
  padding-left: 15px;
}
.ios .list.virtual-list-identificats .item-content .item-inner {
  padding-left: 11px;
}
.ios .list.virtual-list li{
  background-color:#eaeaea
}

.ios .list.virtual-list li[data-empresa*="SAPLEX"],
.ios .list.virtual-list li[data-empresa*="Saplex"],
.ios .list.virtual-list li[data-empresa*="saplex"]{
  background-color:#fff
}


/* MEDIA QUERIES */
@media (min-width: 768px){
  .ios .tabbar-labels a.tab-link {
    padding-left: 40px;
    padding-right: 40px;
  }
  .nom-empleat{
    float: left;
    margin-right: 30px;
  }
  .ios .list .item-footer{
    float:left;
    margin-right: 30px;
    line-height: 25px;
  }
}