﻿.wz {

}
    .wz .wzheader {
        font-size: 2vw;
        color: rgba(0,109,158,1);
        margin-bottom: 3vh;
    }
        .wz .wzheader .wzicon {
            float: right;
            margin-top: 0.5vh;
            margin-right: 0.7vw;
        }
.wz .wzheader .wztitle {

}
    .wz .wzstatus {
        list-style: none;
        margin: 15px 0;
        padding: 0;
        text-align: center;
        margin-bottom: 4vh;
    }
        .wz .wzstatus .lioptwizard {
            display: inline-block;
            background-color: rgba(166,226,239,1);
            color: rgba(0,109,158,1);
            margin: 0;
            font-size: 0.8vw;
            line-height: 30px;
            padding: 0 4vh 0 5vh;
            position: relative;
        }
            .wz .wzstatus .lioptwizard:first-child {
                padding-left: 3.5vh;
                -webkit-border-top-left-radius: 3px;
                border-top-left-radius: 3px;
                -webkit-border-bottom-left-radius: 3px;
                border-bottom-left-radius: 3px;
            }
            .wz .wzstatus .lioptwizard:last-child {
                -webkit-border-top-right-radius: 3px;
                border-top-right-radius: 3px;
                -webkit-border-bottom-right-radius: 3px;
                border-bottom-right-radius: 3px;
            }
                .wz .wzstatus .lioptwizard:last-child:before,
                .wz .wzstatus .lioptwizard:last-child:after {
                    display: none;
                }
            .wz .wzstatus .lioptwizard.current {
                background-color: rgba(0,168,200,1);
                color: #fff;
            }
            .wz .wzstatus .lioptwizard.completed {
                background-color: rgba(0,109,158,1);
                color: #fff;
            }
            .wz .wzstatus .lioptwizard:before {
                height: 30px;
                right: 3px;
                width: 20px;
                z-index: 6;
            }
            .wz .wzstatus .lioptwizard:after {
                -webkit-border-radius: 3px;
                border-radius: 3px;
                border-right: 3px solid white;
                border-top: 3px solid white;
                height: 21px;
                right: -15px;
                top: 3px;
                -webkit-transform: rotate(45deg);
                -moz-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                -o-transform: rotate(45deg);
                transform: rotate(45deg);
                width: 21px;
                z-index: 5;
            }
            .wz .wzstatus .lioptwizard:before,
            .wz .wzstatus .lioptwizard:after {
                background-color: rgba(166,226,239,1);
                content: "";
                display: block;
                position: absolute;
            }
                .wz .wzstatus .lioptwizard.current:before,
                .wz .wzstatus .lioptwizard.current:after {
                    background-color: rgba(0,168,200,1);
                }
                .wz .wzstatus .lioptwizard.completed:before,
                .wz .wzstatus .lioptwizard.completed:after {
                    background-color: rgba(0,109,158,1);
                }
    .wz .wzcontent {
        font-size: 1vw;
    }
        .wz .wzcontent .wzstep {
            display: none;
            /*height: 59vh;*/
            box-shadow: 2px 0px 10px #555;
            border-radius: 5px;
            margin: 0vh 1vw;
        }
            .wz .wzcontent .wzstep .wzstepheader {
                background-color: rgba(0,109,158,0.7);
                color: rgba(255,255,255,1);
                padding: 1vh 1vw 0.8vh 1vw;
                font-size: 1.3vw;
            }
                .wz .wzcontent .wzstep .wzstepheader .icon {
                    float: right;
                    padding-top: 0.5vh;
                    transition: all 0.5s;
                }
                    .wz .wzcontent .wzstep .wzstepheader .icon:hover {
                        cursor: pointer;
                        transform: scale(1.1);
                        color: rgba(0,109,158,1);
                    }
            .wz .wzcontent .wzstep .wzstepltv {
                height: 29vh;
                border-right: 1px solid rgba(128, 128, 128, 0.7);
                padding: 0;
                margin: 0;
                list-style: none;
            }
        .wz .wzcontent #wzStep2 .wzstepltv {
            height: 52vh;
        }
                .wz .wzcontent .wzstep .wzstepltv li, #wzStep2 .lipoliza {
                    margin: 0;
                    padding: 0.7vh 1vw 0.7vh 1vw;
                    text-align: left;
                    font-size: 1.1vw;
                    font-weight: bold;
                    background-color: rgba(166,226,239,0.3);
                    color: rgba(0, 44, 119, 0.7);
                    cursor: pointer;
                }
                    .wz .wzcontent .wzstep .wzstepltv li .icon {
                        font-size: 1.5vw;
                        padding-right: 0.5vw;
                        vertical-align: middle;
                    }
                    .wz .wzcontent .wzstep .wzstepltv li:nth-child(even) {
                        background-color: white;
                    }
                    .wz .wzcontent .wzstep .wzstepltv li.polizaseleccionada {
                        opacity: 0.5;
                        text-decoration: line-through;
                        cursor: not-allowed;
                        pointer-events: none;
                    }
                    .wz .wzcontent .wzstep .wzstepltv li.noselectable {
                        opacity: 0.5;
                        cursor: not-allowed;
                    }
                .wz .wzcontent .wzstep .wzstepltv .nothing .icon {
                    font-size: 20vh;
                    color: rgba(0,109,158,0.5);
                    width: 100%;
                }
                    .wz .wzcontent .wzstep .wzstepltv .nothing .legend {
                        font-size: 1vw;
                        color: rgba(0,109,158,0.8);
                        margin-top: 2vh;
                        text-align: center;
                        text-transform: uppercase;
                    }
                .wz .wzcontent .wzstep .wzstepltv.listasegurados {
                    list-style: none;
                }
                    .wz .wzcontent .wzstep .wzstepltv.listasegurados li {
                        background-color: white;
                        cursor: default;
                    }
        .wz .wzcontent #wzStep2 .wzstepltv.listasegurados li {
            font-size: 1vw;
            /*padding-left: 2vw;*/
        }
                .wz .wzcontent .wzstep .wzstepltv .liasegurado sup {
                    font-family: 'Open Sans';
                    font-size: 0.5vw;
                    margin-left: 0.1vw;
                    position: absolute;
                    font-weight: bold;
                }
                    .wz .wzcontent .wzstep .wzstepltv.listasegurados .nuevodependiente {
                        display: none;
                        background-color: aliceblue;
                        padding: 1vh 0.5vw;
                        margin-top: 1vh;
                    }
                        .wz .wzcontent .wzstep .wzstepltv.listasegurados .nuevodependiente .title {
                            font-size: 0.8vw;
                        }
                        .wz .wzcontent .wzstep .wzstepltv.listasegurados .nuevodependiente .icon {
                            float: right;
                            font-size: 1vw;
                            padding-top: 1vh;
                            cursor: pointer;
                        }
                .wz .wzcontent .wzstep .wzstepltv .listdependientes {
                    list-style: none;
                    padding-top: 0.8vh;
                }
        .wz .wzcontent #wzStep2 .wzstepltv .listdependientes {
            padding-top: 0;
            padding-bottom: 1vh;
            /*padding-inline-start: 0;*/
        }
        .wz .wzcontent .wzStep2 .wzstepltv .listdependientes {
            list-style: none;
            padding-top: 0vh;
            padding-bottom: 1vh;
        }
                    .wz .wzcontent .wzstep .wzstepltv .listdependientes li {
                        font-size: 0.9vw;
                        background-color: white;
                        padding: 0.5vh 1vw 0.5vh 1vw;
                    }
        .wz .wzcontent .wzStep2 .wzstepltv .listdependientes li {
            padding: 0.5vh 0vw 0.5vh 1vw;
        }
                        .wz .wzcontent .wzstep .wzstepltv .listdependientes li .icon {
                            font-size: 1.0vw;
                        }
            .wz .wzcontent .wzstep .df {
                margin-bottom: 1vh;
            }

        .wz .wzcontent .wzstep .wzstepltv .nuevodependiente .df input {
            width: 98%;
            border: none;
            border-bottom: 1px solid rgba(0, 44, 119, 0.2);
            padding: 0.5vh 1%;
            /*margin-top: 0.4vh;*/
            margin-top: 1vh;
            font-size: 1vw;
            color: rgba(128, 128, 128, 0.8);
            outline: none;
            background-color: transparent;
        }

            .wz .wzcontent .wzstep .wzstepltv .nuevodependiente .df .legend {
                font-size: 0.8vw;
                color: rgba(0, 44, 119, 0.6);
                padding-left: 0.5vh;
            }

            .wz .wzcontent .wzstep .wzstepltv .nuevodependiente .cmb {
                margin-bottom: 1vh;
            }

                .wz .wzcontent .wzstep .wzstepltv .nuevodependiente .cmb select {
                    width: 100%;
                    padding: 0.5vh 1%;
                    border: none;
                    border-bottom: 1px solid rgba(0, 44, 119, 0.2);
                    outline: none;
                    font-size: 1vw;
                    color: rgba(128, 128, 128, 0.8);
                    background-color: transparent;
                }

                    .wz .wzcontent .wzstep .wzstepltv .nuevodependiente .cmb select + span {
                        font-size: 1vw;
                        color: rgba(128, 128, 128, 0.8);
                        border: none;
                        border-bottom: 1px solid rgba(0, 44, 119, 0.2);
                        background: none;
                        outline: none;
                        width: 100%;
                        padding: 0.5vh 0;
                        margin-top: 0.5vh;
                    }

                .wz .wzcontent .wzstep .wzstepltv .nuevodependiente .cmb .legend {
                    font-size: 0.8vw;
                    color: rgba(0, 44, 119, 0.6);
                    padding-left: 0.5vh;
                }

            .wz .wzcontent .wzstep .boxmsg {
                display: none;
                position: absolute;
                top: 22vh;
                width: 33%;
                margin-left: 2vw;
                padding: 0.5vh 0.5vw;
                border: 1px solid rgba(0,109,158,0.5);
                border-radius: 5px;
                font-size: 0.8vw;
                color: rgba(0,109,158,0.7);
                text-align: center;
            }
                .wz .wzcontent .wzstep .boxmsg .wzbtn {
                    display: block;
                    z-index: 1;
                    letter-spacing: 1.5px;
                    font-size: 0.6vw;
                    text-align: center;
                    color: #fff;
                    background-color: rgba(0,109,158,0.5);
                    border: 1px solid rgba(0,109,158,0.5);
                    padding: 0.2vh;
                    margin-top: 1vh;
                    margin-bottom: 0.5vh;
                    border-radius: 5px;
                    transition: background-color 0.5s;
                }

                    .wz .wzcontent .wzstep .boxmsg .wzbtn:hover {
                        cursor: pointer;
                        background-color: rgba(0,109,158,1);
                    }
            .wz .wzcontent .wzstep .df {
                margin-bottom: 2vh;
            }

        .wz .wzcontent .wzstep .dftextarea textarea {
            height: 14vh;
            width: 98%;
            padding: 0.5vh 1%;
            resize: none;
            overflow: hidden;
            outline: none;
            border: 1px solid rgba(0, 44, 119, 0.3);
            border-radius: 5px;
            background-color: rgba(0,109,158,0.05);
            font-family: "Open Sans";
            font-size: 1.0vw;
            color: rgba(128, 128, 128, 0.8);
        }
            .wz .wzcontent .wzstep .dftextarea .legend {
                font-size: 0.8vw;
                color: rgba(0, 44, 119, 0.6);
                padding-left: 0.5vh;
            }
        .wz .wzcontent .wzstep .df input {
            width: 98%;
            border: none;
            border-bottom: 1px solid rgba(0, 44, 119, 0.2);
            margin-top: 0.5vh;
            padding: 0.5vh 1%;
            font-size: 1.0vw;
            color: rgba(128, 128, 128, 0.8);
            outline: none;
            background-color: transparent;
        }
                .wz .wzcontent .wzstep .df .legend {
                    font-size: 0.8vw;
                    color: rgba(0, 44, 119, 0.6);
                    padding-left: 0.5vh;
                }
                .wz .wzcontent .wzstep .cmb {
                    margin-bottom: 1vh;
                }
                .wz .wzcontent .wzstep .cmb select {
                    width: 100%;
                    padding: 0.5vh 1%;
                    border: none;
                    border-bottom: 1px solid rgba(0, 44, 119, 0.2);
                    outline: none;
                    font-size: 1.0vw;
                    color: rgba(128, 128, 128, 0.8);
                    background-color: transparent;
                }
                    .wz .wzcontent .wzstep .cmb select + span {
                        font-size: 1vw;
                        color: rgba(128, 128, 128, 0.8);
                        border: none;
                        border-bottom: 1px solid rgba(0, 44, 119, 0.2);
                        background: none;
                        outline: none;
                        width: 100%;
                        padding: 0.5vh 0;
                        /*margin-top: 0.5vh;*/
                    }
        .wz .wzcontent .wzstep fieldset {
            height: 10vh;
            padding-top: 2vh;
            font-size: 0.9vw;
            border: 1px solid rgba(0, 44, 119, 0.2);
        }
            .wz .wzcontent .wzstep fieldset legend {
                color: rgba(0, 44, 119, 0.6);
            }
        .wz .wzcontent .wzstep .boxdocs {
            height: 36vh;
            margin: 0vh 2vw 0vh 2vw;
            border: 1px solid rgb(128 128 128 / 0.5);
        }
            .wz .wzcontent .wzstep .boxdocs ul {
                margin: 0;
                padding: 0vh 1vw;
                list-style: none;
            }
                .wz .wzcontent .wzstep .boxdocs ul li {
                    font-size: 1.1vw;
                }
                    .wz .wzcontent .wzstep .boxdocs ul li .ball {
                        position: relative;
                        display: block;
                        top: 0.5vh;
                        margin-top: 0;
                        border-radius: 50%;
                        background: rgba(255, 165, 0, 1);
                        height: 1.1vw;
                        width: 1.7vw;
                        color: #fff;
                        text-align: center;
                        font-family: 'Open Sans';
                        font-size: 0.8vw;
                        font-weight: normal;
                        padding-top: 0;
                        line-height: 1.4;
                        float: right;
                        margin-right: 0;
                        box-shadow: none;
                    }
.balldocsCG {
    position: relative;
    display: block;
    top: 0.5vh;
    margin-top: 0;
    border-radius: 50%;
    background: firebrick;
    height: 1.25vw;
    width: 1.4vw;
    color: #fff;
    text-align: center;
    font-family: 'Open Sans';
    font-size: 0.8vw;
    font-weight: normal;
    padding-top: 0.4vh;
    line-height: 1.4;
    float: right;
    margin-right: 0;
    box-shadow: none;
}
    .wz .rgpddown {
        font-size: 0.8vw;
        text-align: center;
        color: gray;
        margin-top: 1.5vh;
    }
        .wz .wzcontent .wzstep.wzstepma .df {
            margin-bottom: 2vh;
        }
            .wz .wzcontent .wzstep.wzstepma .df input {
                width: 98%;
                border: none;
                border-bottom: 1px solid rgba(0, 44, 119, 0.2);
                padding: 0.5vh 1%;
                font-size: 1.0vw;
                color: rgba(128, 128, 128, 0.8);
                outline: none;
                background-color: transparent;
            }

            .wz .wzcontent .wzstep.wzstepma .df .legend {
                font-size: 0.7vw;
                color: rgba(0, 44, 119, 0.6);
                padding-left: 0.5vh;
            }

        .wz .wzcontent .wzstep.wzstepma .cmb {
            margin-bottom: 1vh;
        }
            .wz .wzcontent .wzstep.wzstepma .cmb .legend {
                font-size: 0.7vw;
                color: rgba(0, 44, 119, 0.6);
                padding-left: 0.5vh;
            }

            .wz .wzcontent .wzstep.wzstepma .cmb select {
                width: 100%;
                padding: 0.5vh 1%;
                border: none;
                border-bottom: 1px solid rgba(0, 44, 119, 0.2);
                outline: none;
                font-size: 1.0vw;
                color: rgba(128, 128, 128, 0.8);
                background-color: transparent;
            }

                .wz .wzcontent .wzstep.wzstepma .cmb select + span {
                    font-size: 1vw;
                    color: rgba(128, 128, 128, 0.8);
                    border: none;
                    border-bottom: 1px solid rgba(0, 44, 119, 0.2);
                    background: none;
                    outline: none;
                    width: 100%;
                    padding: 0.5vh 0;
                    margin-top: 0;
                }
        .wz .wzcontent .wzstep.wzstepma .ball {
            position: relative;
            display: block;
            top: -0.3vh;
            margin-top: -2.9vh;
            border-radius: 50%;
            background: rgba(255, 165, 0, 1);
            height: 0.7vw;
            width: 1.2vw;
            color: #fff;
            text-align: center;
            font-family: 'Open Sans';
            font-size: 0.5vw;
            font-weight: normal;
            padding-top: 0.3vh;
            line-height: 1.3vh;
            float: right;
            margin-right: -0.3vw;
            box-shadow: none;
        }
        .wz .wzcontent .wzstep.wzstepma .lipoliza:nth-child(odd) {
            background-color: white !important;
        }
        .wz .wzcontent #wzStep2 .cmb select + span {
            margin-top: -1vh;
        }
                .wz .wzcontent .wzstep .cmb .legend {
                    font-size: 0.8vw;
                    color: rgba(0, 44, 119, 0.6);
                    padding-left: 0.5vh;
                }
            .wz .wzcontent .wzstep .wzstepltvfooter {
                border-top: 1px solid rgba(128, 128, 128, 0.7);
                font-size: 0.9vw;
                color: rgba(128, 128, 128, 0.7);
                text-align: right;
                padding-right: 1vw;
                padding-top: 0.3vh;
                padding-bottom: 0.5vh;
            } 
    .wz .wzfooter {
        margin-top: 3vh;
    }
        .wz .wzfooter .rgpd {
            margin-top: 1vh;
            font-size: 2.0vh;
            color: rgba(0, 44, 119, 1);
            text-align: center;
        }
        .wz .wzfooter .wzbtn {
            display: block;
            z-index: 1;
            letter-spacing: 1.5px;
            font-size: 1.0vw;
            text-align: center;
            color: #fff;
            background-color: rgba(0,109,158,0.5);
            border: 1px solid rgba(0,109,158,0.5);
            padding: 0.7vh;
            border-radius: 5px;
            transition: background-color 0.5s;
        }
            .wz .wzfooter .wzbtn:hover {
                cursor: pointer;
                background-color: rgba(0,109,158,1);
            }
    .wz .wzcontent #wzStep3 #wzBoxDatosAdicionales {
        width: 55.7vw;
        height: 24.7vh;
        color: #006D9E;
        font-size: 1vw;
        background: white;
        box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.5);
        margin-bottom: 1vh;
        z-index: 1000;
    }
    .wz .wzcontent #wzStep3 .slideDA {
        display: block;
        width: 55.4vw;
        height: 23.7vh;
        padding: 0px;
        overflow: hidden;
        list-style: none;
        position: absolute;
        margin: 0.5vh;
    }

        .wz .wzcontent #wzStep3 .slideDA > li {
            margin: 0px;
            padding: 0px;
            display: block;
            overflow: hidden;
            width: 46.0vw;
            height: 23.0vh;
            text-indent: 0px;
            position: absolute;
            cursor: pointer;
            background-color: rgba(255,255,255,1);
            transition: all 1s;
        }
            .wz .wzcontent #wzStep3 .slideDA > li > .legendslideDA {
                position: absolute;
                transform: rotate(270deg);
                color: rgba(0,109,158,0.7);
                font-size: 1.4vw;
                transition: all 1s;
            }
        .wz .wzcontent #wzStep3 .slideDA > li:nth-of-type(1) {
            left: 0vw;
            z-index: 0;
        }
            .wz .wzcontent #wzStep3 .slideDA > li:nth-of-type(1) > .legendslideDA {
                margin-top: 10vh;
                margin-left: -3.5vh;
            }
        .wz .wzcontent #wzStep3 .slideDA > li:nth-of-type(2) {
            left: 3vw;
            border-left-style: solid;
            border-left-width: 1px;
            border-color: rgba(0,44,119,0.4);
            z-index: 0;
        }
            .wz .wzcontent #wzStep3 .slideDA > li:nth-of-type(2) > .legendslideDA {
                margin-top: 10vh;
                margin-left: -5.5vh;
            }
        .wz .wzcontent #wzStep3 .slideDA > li:nth-of-type(3) {
            left: 6vw;
            border-left-style: solid;
            border-left-width: 1px;
            border-color: rgba(0,44,119,0.4);
            z-index: 0;
        }
            .wz .wzcontent #wzStep3 .slideDA > li:nth-of-type(3) > .legendslideDA {
                margin-top: 10vh;
                margin-left: -2.5vh;
            }
        .wz .wzcontent #wzStep3 .slideDA > li:nth-of-type(4) {
            left: 9vw;
            border-left-style: solid;
            border-left-width: 1px;
            border-color: rgba(0,44,119,0.4);
            z-index: 0;
        }
            .wz .wzcontent #wzStep3 .slideDA > li:nth-of-type(4) > .legendslideDA {
                margin-top: 10vh;
                margin-left: -4.5vh;
            }
    .wz .wzcontent .legenddocs {
        padding: 2vh 2vw 1vh 2vw;
        font-size: 1.2vw;
        color: gray;
        text-align: justify;
    }
    .wz .wzcontent .headerdocs {
        font-size: 1.2vw;
        text-align: center;
        margin: 3vh 2vw 0vh 2vw;
        color: white;
        background-color: rgb(128 128 128 / 0.5);
        padding: 1vh;
        letter-spacing: 0.5vw;
    }
    #wzAseguradosDatosAdicionales li > div:hover {
        background-color: khaki;
    }
#wzAseguradosDatosAdicionales li > div.selected {
    background-color: khaki;
}
.wz .wzcontent .ball {
    display: block;
    border-radius: 50%;
    background: rgba(205, 75, 91, 0.8);
    height: 3.4vh;
    width: 5vh;
    color: #fff;
    text-align: center;
    line-height: 3.5vh;
    cursor: pointer;
    float: right;
    box-shadow: 0 0 0 2px #fff;
    margin-bottom: 0.2vh;
    margin-right: 0.1vw;
}
.wz .wzcontent .dropbox {
    display: none;
    background-color: aliceblue;
    margin: 1vh 1vw 1vh 0vw;
    height: 7.6vh;
    position: relative;
    overflow: visible;
    border-style: dashed;
    border-color: rgba(0, 44, 119, 0.5);
    border-radius: 10px;
    padding-top: 1vh;
    padding-bottom: 1vh;
}
    .wz .wzcontent .dropbox ul {
        list-style: none;
        margin: 0;
        padding-left: 1vh;
        padding-right: 1vh;
    }
.wz .wzcontent .coberturas {
    list-style: none;
    line-height: 1.5vh;
    padding: 1.5vh 20vw 0 2vw;
}
    .wz .wzcontent .coberturas li {
        font-size: 0.9vw !important;
        color: gray !important;
        font-weight: normal !important;
        background-color: aliceblue !important;
    }
.wz .wzcontent .esbaja {
    color: firebrick;
}

.wz .wzcontent .wzstep .boxdocs .nothing {
    margin-top: 8vh;
    text-align: center;
    color: rgb(128 128 128 / 0.7);
}
    .wz .wzcontent .wzstep .boxdocs .nothing i {
        font-size: 8vw;
    }
    .wz .wzcontent .wzstep .boxdocs .nothing div {
        margin-top: 3vh;
        font-size: 1vw;
    }