/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 25/nov/2015, 9:47:15
    Author     : Ricardo
*/
/*
AZUL: #73879C
AZUL com transparencia: rgba(115, 135, 156, 0.11)
*/

.grupoBem{
    cursor:pointer;
    text-align: center;
    border: 6px solid #73879C;
    border-radius:35px;
    display: inline-block;
    min-width:165px;
    padding: 20px 0px;
    margin: 10px;

    -webkit-transition: 0.4s ease-in-out; /* Safari */
    transition: 0.4s ease-in-out;
}

.grupoBem:hover{
    background: rgba(115, 135, 156, 0.11);
}
.grupoBem.active{
    background: rgba(115, 135, 156, 0.11);
}


.grupoBem-icon{
    font-size:50px;
    color:#73879C;
}

.grupoBem-txt{
    font-size:19px;
    font-family:OpenSans;
}

.op-col-3{
    cursor:pointer;
    text-align: center;
    border: 6px solid #73879C;
    border-radius:35px;
    display: inline-block;
    min-width:165px;
    padding: 20px 0px;
    margin: 10px;

    -webkit-transition: 0.4s ease-in-out; /* Safari */
    transition: 0.4s ease-in-out;
}

.op-col-3:hover{
    background: rgba(115, 135, 156, 0.11);
}
.op-col-3.active{
    background: rgba(115, 135, 156, 0.11);
}


.op-col-3-icon{
    font-size:50px;
    color:#73879C;
}

.op-col-3-txt{
    font-size:19px;
    font-family:OpenSans;
}

.op_tipo_veiculo{
    cursor:pointer;
    text-align: center;
    border: 3px solid #73879C;
    border-radius:10px;
    background: #73879C;
    color:white;
    display: inline-block;
    width: 24.1%;
    padding: 0px 0px;
    margin: 0px;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;

    -webkit-transition: 0.4s ease-in-out; /* Safari */
    transition: 0.4s ease-in-out;
}
.op_tipo_veiculo:hover, .ligeiro_active #veic_ligeiro, .comercial_active #veic_comercial,.pesado_active #veic_pesado, .trator_agricola_active #veic_trator_agricola,.moto_active #veic_moto,.barco_active #veic_barco,.aeronave_active #veic_aeronave,.autocaravana_active #veic_autocaravana,.outro_active #veic_outro{
    background: rgba(115, 135, 156, 0.11);
    color:#73879C;
}
.op_tipo_veiculo > i{
    font-size:55px;
}

.op_tipo_veiculo .texto{
    font-size:16px;
    font-family:PT Sans;
    display: none;
}

.table_img{
    cursor: pointer;
    background-position: center;
    background-size: cover;
    vertical-align:middle;
    display: inline-block;
}

.form-col-left{
    padding:0px 8px 0px 15px;
}
.form-col-center{
    padding:0px 8px 0px 8px;
}
.form-col-right{
    padding:0px 15px 0px 8px;
}

.fa-veiculo{
    font-size: 36px !important;
    padding-top: 10px;
    padding-bottom:10px;
}



.bensTools{
    width: 300px;
}

.bensTools .tr{
    float: left;
    margin-top: 10px;
}

.bensTools .tr:nth-child(2), .bensTools .tr:nth-child(4){
    margin-left: 3px;
}



/* ============================================================ */

/*lg*/
@media (min-width: 1200px) {

    .xs-align-center{
        text-align: center;
    }

    .lg-align-right{
        text-align: right;
    }

    .md-align-left{
        text-align: left;
    }

    .lg-align-left{
        text-align: left;
    }

    .table_img{
        width: 65px;
        height: 65px;
    }

    .visible-table-cell-xs{
        display: none !important;
    }
    .bensTools{
        float:right;
    }


}

/*extra*/
@media (min-width: 1200px) and (max-width: 1500px) {

    .grupoBem{
        border: 5px solid #73879C !important;
        min-width:127px !important;
        margin: 6px !important;
        margin-top: 25px !important;
        padding: 15px 0px !important;
    }
    .grupoBem-icon{
        font-size:46px !important;
    }
    .grupoBem-txt{
        font-size:16px !important;
    }

    .op-col-3{
        border: 5px solid #73879C !important;
        min-width:127px !important;
        margin: 6px !important;
        margin-top: 25px !important;
        padding: 15px 0px !important;
    }
    .op-col-3-icon{
        font-size:46px !important;
    }
    .op-col-3-txt{
        font-size:16px !important;
    }
    .bensTools{
        float:right;
    }
}



/* md */
@media (min-width: 992px) and (max-width: 1199px) {
    .xs-align-center{
        text-align: center;
    }

    .md-align-left{
        text-align: left;
    }

    .table_img{
        width: 65px;
        height: 65px;
    }

    .visible-table-cell-xs{
        display: none !important;
    }

    .destRadioContainer .destRadio i:before{
        font-size: 36px;
    }
    .destRadioContainer .destRadio .txt{
        font-size: 14px;
    }

    .bensTools{
        float:right;
    }
}

/* sm */
@media (min-width: 768px) and (max-width: 991px) {
    .xs-align-center{
        text-align: center;
    }

    .grupoBem{
        margin-top: 25px;
    }

    .op-col-3{
        margin-top: 25px;
    }

    .table_img{
        width: 65px;
        height: 65px;
    }

    .visible-table-cell-xs{
        display: none !important;
    }

    .destRadioContainer .destRadio i:before{
        font-size: 38px;
    }
    .destRadioContainer .destRadio .txt{
        font-size: 15px;
    }

    .bensTools{
        float:right;
    }
}

/* xs */
@media (max-width: 767px) {
    .grupoBem{
        border: 5px solid #73879C;
        min-width:87px;
        margin: 8px;
        margin-top: 25px;
        border-radius: 22px;
    }

    .grupoBem-icon{
        font-size:30px;
    }

    .grupoBem-txt{
        font-size:14px;
    }

    .op-col-3{
        border: 5px solid #73879C;
        min-width:87px;
        margin: 8px;
        margin-top: 25px;
        border-radius: 22px;
    }

    .op-col-3-icon{
        font-size:30px;
    }

    .op-col-3-txt{
        font-size:14px;
    }

    .xs-align-center{
        text-align: center;
    }

    .table_img{
        width: 65px;
        height: 60px;
    }

    .form-col-left{
        padding:0px 15px 0px 15px;
    }
    .form-col-center{
        padding:0px 0px 0px 0px;
    }
    .form-col-right{
        padding:0px 15px 0px 15px;
    }

    .visible-table-cell-xs{
        display: table-cell !important;
    }

    .destRadioContainer .destRadio i:before{
        font-size: 36px;
    }
    .destRadioContainer .destRadio .txt{
        font-size: 14px;
    }

    .op_tipo_veiculo{
        width: 23.8%;
    }

    .bensTools{
        text-align: center;
        width:210px;
        display:inline-block;
    }
    .bensTools .tool{
        margin-top: 0px !important;
        margin-left: 2px;
        width:101px !important;
    }

    .bensTools .tr:nth-child(1), .bensTools .tr:nth-child(3){
        margin-left: 0px;
    }
    .bensTools .tr:nth-child(2), .bensTools .tr:nth-child(4){
        margin-left: 4px;
    }

    #divImagemPrincipalBem{
        float:none !important;
    }

}

/* XS Portrait */
@media (max-width: 479px) {
    .grupoBem{
        border: 5px solid #73879C;
        min-width:75px;
        margin: 0px;
        margin-top: 25px;
        border-radius: 22px;
    }
    .grupoBem-icon{
        font-size:25px;
    }
    .grupoBem-txt{
        font-size:12px;
    }

    .op-col-3{
        border: 5px solid #73879C;
        min-width:75px;
        margin: 0px;
        margin-top: 25px;
        border-radius: 22px;
    }

    .op-col-3-icon{
        font-size:25px;
    }

    .op-col-3-txt{
        font-size:12px;
    }

    .xs-align-center{
        text-align: center;
    }

    .table_img{
        width:60px;
        height:40px;
    }

    .form-col-left{
        padding:0px 15px 0px 15px;
    }
    .form-col-center{
        padding:0px 0px 0px 8px;
    }
    .form-col-right{
        padding:0px 15px 0px 15px;
    }

    .op_tipo_veiculo{
        border: 3px solid #73879C;
        border-radius:10px;
        width:23%;
        margin-left:-1px;

    }
    .op_tipo_veiculo > i{
        font-size:40px;
    }

    .visible-table-cell-xs{
        display: table-cell !important;
    }

    .destRadioContainer .destRadio i:before{
        font-size: 36px;
    }
    .destRadioContainer .destRadio .txt{
        font-size: 14px;
    }

    .fa-veiculo{
        font-size: 22px !important;
    }

    .op_tipo_veiculo .fa-trator{
        height: 24px !important;
    }


}


/* =============== Colunas da listagem do processo =============== */

.col-processo{
    position: relative;
    min-height: 1px;
    margin-top:30px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
    text-align: center;
}

.processo{
    display:inline-block;
    position: relative;
    z-index: 3;
    width:186px;
    height:auto;
    border:2px solid #73879C;
    box-shadow:-7px 7px 11px -9px black;
    background:#f9f9f9;
}

.processo:hover{
    border-color:#1ABB9C;
}
.processo:hover .dobra_folha_top_right{
    border-left-color: #1ABB9C;
}

.processo .fa-gavel {
    -webkit-transition: 0.4s ease-in-out; /* Safari */
    transition: 0.4s ease-in-out;
}

.processo:hover .fa-gavel{
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.dobra_folha_top_right{
    position: absolute;
    z-index: 2;
    top: 0px;
    right: 0px;
    border-top: 38px solid #ffffff;
    border-left: 40px solid #73879C;
    border-radius: 0px;
    margin-top:-2px;
    margin-right:-2px;
}

.titulo_processo{
    margin-top:7px;
    margin-left:5px;
    font-family: 'Dosis';
    font-size:14px;
    font-weight:bold;
    text-align:left;
}

.texto_processo{
    margin-top:-5px;
    margin-left:5px;
    font-family: 'PT Sans';
    font-size:14px;
    text-align:left;
}

.titulo_proposta{
    margin-top:10px;
    margin-left:5px;
    font-family: 'Dosis';
    font-size:14px;
    font-weight:bold;
    text-align:left;
}

.texto_proposta{
    margin-left:5px;
    font-family: 'PT Sans';
    font-size:14px;
    text-align:left;
}

.divOpcoesProcesso{
    position:relative;
    width:100%;
    height:70px;
    margin-top:3px;
    padding-left: 5px;
    padding-right: 5px;
}

.col-bem{
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
}

/*lg-more*/
@media (min-width: 1550px) {
    .col-processo{
        width: 16.66666667%;
    }
    .col-bem{
        width: 20%;
    }
}

/*lg*/
@media (min-width: 1300px) and (max-width: 1549px) {
    .col-processo{
        width:20%;
    }
    .col-bem{
        width:25%;
    }
}
/* md */
@media (min-width: 1092px) and (max-width: 1299px) {
    .col-processo{
        width:25%;
    }
    .col-bem{
        width:33.33%;
    }
}

/* sm */
@media (min-width: 768px) and (max-width: 1091px) {
    .col-processo{
        width:33.3333333334%;
    }
    .col-bem{
        width:50%;
    }
}

/* xs */
@media (max-width: 767px) {
    .col-processo{
        width:50%;
    }
    .col-bem{
        width:50%;
    }
}

/* XS Portrait */
@media (max-width: 479px) {
    .col-processo{
        width:100%;
    }
    .col-bem{
        width:100%;
    }
    body.nav-sm .container.body .right_col {
        margin-left: 0px !important;
    }
}
/* ================================================== */