.visita{
    .step{
        position: relative;
        .boxs-checkin-checkout{
            .box{
                position: relative;
                background-color: #dfe7f1;
                width: 50%;
                height: 70px;
                border-radius: 5px;
                padding: 10px;
                opacity: 0.6;

                .box-title{
                    font-size: 15px;
                    color: #515151;
                }

                .box-hours, .box-date{
                    font-size: 14px;
                    color: #515151;
                }
            }
            .box-active{
                border: 1px solid #3dc38b;
                background-color: #fff;
                opacity: 1;
                .box-hours, .box-date{
                    color: #3dc38b;
                }

                .block-check{
                    position: absolute;
                    background-color: #3dc38b;
                    width: 34px;
                    height: 29px;
                    text-align: right;
                    padding-right: 5px;
                    color: white;
                    top: 0px;
                    right: 0px;
                    border-radius: 0px 0px 0px 30px;

                    i{
                        color: #fff;
                    }
                }
            }

            .visita-cancelada{
                border: 1px solid #db3546;
                background-color: #fff;
                opacity: 1;
                .box-hours, .box-date{
                    color: #db3546;
                }

                .block-check{
                    position: absolute;
                    background-color: #db3546;

                    i{
                        color: #fff;
                    }
                }
            }
        }

        .btn-checkin{
            cursor: pointer;
        }

        // .controls-bottom-checkout{
        //     // position: absolute;
        //     // bottom: 40px;
        // }

        #file-upload-checkin{
            display: none;
        }

        .btn{
            line-height: 1;
        }

        .footer-step{
            position: absolute;
            bottom: 40px;
            width: 100%;
            display: flex;
        }
    }
}