﻿/***********************************************************************
MEUS PEDIDOS
***********************************************************************/

.MeusPedidos{}


/*#region Lista de Pedidos */

    .listaPedidos{}

        .listaPedidos_item{
            height: 140px;
            background: #fff;
            margin-bottom: 10px;
        }

            .listaPedidos_item:last-child{
                margin-bottom: 20px;
            }

            .listaPedidos_item > a{
                width: 100%;
                height: 100%;
                float: left;
                border: 1px solid #d5d5d5;
                transition: all 250ms;
                    -moz-transition: all 250ms;
                    -webkit-transition: all 250ms;
                    -o-transition: all 250ms;
                    -ms-transition: all 250ms;
            }

                .listaPedidos_item > a:hover, .listaPedidos_item > a:focus{
                    border-color: #a7a7a7;
                }

                /* imagem */
                .listaPedidos_item-imagem{
                    width: 140px;
                    height: 100%;
                    float: left;
                    background-size: contain;
                    border: 8px solid #fff;
                }


                /* Dados */
                .listaPedidos_item_dados{
                    width: 380px;
                    float: left;
                    margin: 0 0 0 23px;
                    font-size: 1.3em;
                    font-weight: 600;
                }

                    .listaPedidos_item_dados div{
                        width: 47%;
                        float: left;
                        margin: 14px 5px;
                    }

                    /* Status do pagamento */
                    .listaPedidos_item_dados_statusPagamento{}

                        .isPago{
                            color: #649958;
                        }

                        .isPendente{
                            color: #E08118;
                        }

                        .isCancelado{
                            color: #A02424;
                        }

                /* Valor */
                .listaPedidos_item-valor{
                    float: right;
                    font-size: 1.7em;
                    font-weight: bold;
                    position: absolute;
                    right: 44px;
                    top: 61px;
                    color: #a02424;
                }

                /* Ver Detalhes */
                .listaPedidos_item-linkFake{
                    position: absolute;
                    right: 54px;
                    top: 85px;
                    font-weight: bold;
                    font-size: 1.1em;
                }

/*#endregion */


/*#region Pedido */

    .upPedido{
        padding-bottom: 70px;
    }

        /* Dados do pedido */
        .upPedido_dados{
            border-left: 1px solid #d5d5d5;
            border-right: 1px solid #d5d5d5;
            background: #fff;
            margin-top: 20px;
        }

            .upPedido_dados li{
                padding: 13px 0 16px 0;
                border-bottom: 1px solid #d5d5d5;
            }

                .upPedido_dados span{
                    float: left;
                    font-size: 1.4em;
                    font-weight: 600;
                }

                    .upPedido_dados span:first-child{
                        width: 292px;
                        margin-right: 20px;
                        text-align: right;
                    }


        /* Produtos */
        .upPedido_produtos{
            margin-top: 18px;
        }

            .upPedido_produtos li{
                height: 89px;
                border: 1px solid #d5d5d5;
                background: #fff;
                margin-bottom: 5px;
            }

                /* Imagem */
                .upPedido_produtos-imagem{
                    width: 100px;
                    height: 100%;
                    float: left;
                    background-size: contain;
                    margin: 0 3px;
                    border: 8px solid #fff;
                }

                .upPedido_produtos li div{
                    width: 335px;
                    height: 100%;
                    float: left;
                    font-size: 1.3em;
                    font-weight: 600;
                    padding: 12px 0 13px 0;
                }

                    /* Valor do produto */
                    .upPedido_produtos-valor{
                        color: #a02424;
                        margin-top: 15px;
                    }

                /* Valor total do produto */
                .upPedido_produtos-valorTotal{
                    font-size: 1.7em;
                    font-weight: bold;
                    color: #a02424;
                    position: absolute;
                    right: 3.7%;
                    top: 36px;
                }


        /* Total do pedido */
        .upPedido_total{
            font-size: 1.2em;
            font-weight: 600;
            text-align: right;
            padding-right: 3.6%;
            margin: 20px 0;
        }

            .upPedido_total span{
                font-size: 1.5em;
                font-weight: bold;
                color: #04873b;
                margin-left: 5px;
            }


        /* Pagamento / Endereço */
        .upPedido_pagamento, .upPedido_endereco{
            width: 48.73%;
            min-height: 185px;
            background: #fff;
            padding: 12px 2.3%;
        }

            .upPedido h3{
                font-size: 1.7em;
                padding: 0;
                margin: 0 0 10px 0;
            }


        /* Pagamento */
        .upPedido_pagamento{
            float: left;
        }

            /* Forma de pagamento */
            .upPedido_pagamento-forma{
                width: 158px;
                height: 64px;
                float: left;
                margin-left: calc(50% - 158px / 2);
                margin-top: 30px;
            }

            /* Data de pagamento */
            .upPedido_pagamento-data{
                font-size: 1.2em;
                font-weight: 600;
                margin-top: 5px;
                text-align: center;
            }


        /* Endereco */
        .upPedido_endereco{
            float: right;
        }

            .upPedido_endereco span, .upPedido_endereco p{
                font-size: 1.4em;
                font-weight: 600;
                margin: 5px 0;
                padding: 0;
            }

            /* Titulo do endereço */
            .upPedido_endereco-titulo{
                font-weight: bold !important;
                color: #a02424;
                margin-bottom: 3px !important;
            }


        /* Voltar */
        .upPedido-voltar{
            position: absolute;
            left: 0;
            bottom: 22px;
            font-size: 1.4em;
            font-weight: 600;
        }

/*#endregion */