/***ComponenteDIF***/
.zandgar__wizard {
    /*   display: block;
       height: 100%;
       position: relative;*/
    padding-left: 10px;
    padding-right: 10px;
}

.zandgar__wizard .zandgar__step {
    /*position: absolute;*/
    top: 0;
    right: 0;
    bottom: auto;
    left: 0;
    opacity: 0;
    z-index: -1;
    overflow: hidden;
    transform: translateY(20px);
}

.zandgar__wizard .zandgar__step.zandgar__step__active {
    opacity: 1;
    z-index: 1;
    transform: translateY(0);
    transition: opacity .5s ease-out,
    transform .5s ease-out;
}

.zandgar__wizard .zandgar__step {
    display: none;
}

.zandgar__wizard .zandgar__step.zandgar__step__active {
    display: block;
}

/*! Spectre.css v0.5.8 | MIT License | github.com/picturepan2/spectre */
.btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    border: .05rem solid #000;
    border-radius: .1rem;
    color: #000;
    cursor: pointer;
    display: inline-block;
    font-size: .8rem;
    height: 1.8rem;
    line-height: 1.2rem;
    outline: 0;
    padding: .25rem .4rem;
    text-align: center;
    text-decoration: none;
    transition: background .2s, border .2s, box-shadow .2s, color .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
}

.btn:focus {
    box-shadow: 0 0 0 .1rem rgba(87, 85, 217, .2);
}

.btn:focus, .btn:hover {
    background: #f1f1fc;
    border-color: #4b48d6;
    text-decoration: none;
}

.btn.active, .btn:active {
    background: #4b48d6;
    border-color: #3634d2;
    color: #fff;
    text-decoration: none;
}

.btn.active.loading::after, .btn:active.loading::after {
    border-bottom-color: #fff;
    border-left-color: #fff;
}

.btn.disabled, .btn:disabled, .btn[disabled] {
    cursor: default;
    opacity: .5;
    pointer-events: none;
}

.btn.btn-primary {
    background: #000;
    border-color: #4b48d6;
    color: #fff;
}

.btn.btn-primary:focus, .btn.btn-primary:hover {
    background: #4240d4;
    border-color: #3634d2;
    color: #fff;
}

.btn.btn-primary.active, .btn.btn-primary:active {
    background: #3a38d2;
    border-color: #302ecd;
    color: #fff;
}

.btn.btn-primary.loading::after {
    border-bottom-color: #fff;
    border-left-color: #fff;
}

.show-lg, .show-md, .show-sm, .show-xl, .show-xs {
    display: none !important;
}

.columns {
    /*display: flex;
    display: -ms-flexbox;*/
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -.4rem;
    margin-right: -.4rem;
}

.columns.col-gapless {
    margin-left: 0;
    margin-right: 0;
}

.columns.col-gapless > .column {
    padding-left: 0;
    padding-right: 0;
}

.columns.col-oneline {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: auto;
}

.column {
    -ms-flex: 1;
    flex: 1;
    max-width: 100%;
    padding-left: .4rem;
    padding-right: .4rem;
}

.col-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: none;
    width: auto;
}

.col-mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.col-ml-auto {
    margin-left: auto;
}

.col-mr-auto {
    margin-right: auto;
}

.step {
    display: flex;
    display: -ms-flexbox;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    list-style: none;
    margin: .2rem 0;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 30px;
}

.step .step-item {
    -ms-flex: 1 1 0;
    flex: 1 1 0;
    margin-top: 0;
    min-height: 1rem;
    position: relative;
    text-align: center;
}

.step .step-item:not(:first-child)::before {
    background: #000;
    content: "";
    height: 2px;
    left: -50%;
    position: absolute;
    top: 9px;
    width: 100%;
}

.step .step-item span {
    color: #000;
    display: inline-block;
    padding: 20px 10px 0;
    text-decoration: none;
}

.step .step-item.active span {
    font-weight: bold;
}


.step .step-item span::before {
    background: #000;
    border: .1rem solid #fff;
    border-radius: 50%;
    content: "";
    display: block;
    height: .6rem;
    left: 50%;
    position: absolute;
    top: .2rem;
    transform: translateX(-50%);
    width: .6rem;
    z-index: 1;
}

.step .step-item.active span::before {
    background: #fff;
    border: .1rem solid #000;
}

.step .step-item.active ~ .step-item::before {
    background: #dadee4;
}

.step .step-item.active ~ .step-item span {
    color: #bcc3ce;
}

.step .step-item.active ~ .step-item span::before {
    background: #dadee4;
}

.zandgartooltip {
    position: relative;
}

.zandgartooltip::after {
    background: rgba(48, 55, 66, .95);
    border-radius: .1rem;
    bottom: 100%;
    color: #fff;
    content: attr(data-tooltip);
    display: block;
    font-size: .7rem;
    left: 50%;
    max-width: 320px;
    opacity: 0;
    overflow: hidden;
    padding: .2rem .4rem;
    pointer-events: none;
    position: absolute;
    text-overflow: ellipsis;
    transform: translate(-50%, .4rem);
    transition: opacity .2s, transform .2s;
    white-space: pre;
    z-index: 300;
}

/*
.zandgartooltip:focus::after, .zandgartooltip:hover::after {
    opacity: 1;
    transform: translate(-50%, -.2rem);
}*/

.zandgartooltip.disabled, .zandgartooltip[disabled] {
    pointer-events: auto;
}

/*
.zandgartooltip.zandgartooltip-right::after {
    bottom: 50%;
    left: 100%;
    transform: translate(-.2rem, 50%);
}


.zandgartooltip.zandgartooltip-right:focus::after, .zandgartooltip.zandgartooltip-right:hover::after {
    transform: translate(.2rem, 50%);
}

.zandgartooltip.zandgartooltip-bottom::after {
    bottom: auto;
    top: 100%;
    transform: translate(-50%, -.4rem);
}

.zandgartooltip.zandgartooltip-bottom:focus::after, .zandgartooltip.zandgartooltip-bottom:hover::after {
    transform: translate(-50%, .2rem);
}

.zandgartooltip.zandgartooltip-left::after {
    bottom: 50%;
    left: auto;
    right: 100%;
    transform: translate(.4rem, 50%);
}

.zandgartooltip.zandgartooltip-left:focus::after, .zandgartooltip.zandgartooltip-left:hover::after {
    transform: translate(-.2rem, 50%);
}*/

.clearfix::after {
    clear: both;
    content: "";
    display: table
}

.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

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

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

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

.text-justify {
    text-align: justify;
}

.text-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.text-clip {
    overflow: hidden;
    text-overflow: clip;
    white-space: nowrap;
}

.text-break {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    word-break: break-word;
    word-wrap: break-word;
}