/* CSS referente as telas de serviços e seus componentes */


.servico-solicitacao-item{
    /* width:90%; */
    margin:auto;
}

.servico-solicitacao-item .container--subview {
	margin-left:0px !important;
}

.servico-solicitacao-item .servico-item{
    width: 100%;
    border:1px solid #ccc;
    float: left;
    padding:10px;
    margin:15px auto;
}

.servico-solicitacao-item .servico-item .servico-item-head{
    width:87%;
    padding:4px;
    background:#f3f3f3;
}

.servico-solicitacao-item .servico-item .servico-item-head .servico-status{
    display: none;
}

.servico-solicitacao-item .servico-item .servico-body > ul{
    list-style:none;
    margin:5px 0;
    padding:0;
}

.servico-solicitacao-item .servico-item .servico-body .servico-info li{
    margin:5px 0 0 20px;
}

.servico-payment i{font-size:0.7em;}
.servico-payment .btn{ float:left;}

.servico-info-basicas{
  width:100%;
  float:left;
}

/* LISTAGEM GERAL DE SERVIÇOS*/
.servico-item.listagem-geral{
    margin-top:5px !important;
    margin-bottom: 15px;
    padding:10px; 
    border-top:0px !important;
    border-left:0px !important;
    border-right:0px !important;
    border-bottom:1px solid #ccc;
    cursor: pointer;
}

.servico-item.listagem-geral:hover{
  background: #fff2c1;
}


.servico-item.listagem-geral .servico-item-head{
    background: none;
    float: left;
    font-size:0.9em;
}
.servico-item.listagem-geral .servico-item-head i {
    font-size:1.4em;
    float:left;
    margin-left:5px;
    margin-right: 5px;
}

.servico-item.listagem-geral .icon-block i.fa-check-square{
    color:green;
}

.servico-item.listagem-geral .icon-block i.fa-clock-o{
    color:orange;
}     
.servico-item.listagem-geral .icon-block i.fa-times{
    color:#900;
}               

.servico-item.listagem-geral .servico-item-head strong{
    float:left;
    /*margin-top:10px;*/
    margin-left: 5px;
}
.servico-item.listagem-geral .servico-info{
    float: left;
    display: none;
    width: 100%;
    font-size:0.9em !important;
}

.servico-item.listagem-geral .servico-info li{
    float:left;
    list-style:none;
    width: 100%;
}

.servico-item.listagem-geral .servico-info li strong{
    margin-top:0px;
    margin-right:4px;
}

/*.servico-info-item{width:122px;}*/
 
/* NOVA LISTAGEM SERVIÇOS */
.servico-info-itens {
     float:left; 
     width:340px;
}
.servico-info-itens li{
    list-style:none;
    float:left;
    font-size: 0.9em;
    margin-right:10px;
}

.icon-block{

    float:left;
    margin-top:5px;

    
}
.icon-block i{
    font-size:2.7em;
}
.servico-item-head{
    width:87%;

    float:left;
}

.servico-info-itens{
    padding:6px;
} 


@media (max-width: 320px) {

    .servico-info-itens {
        float:left; 
        width: 270px;
   }


}