:root {
    --verde: #27a22d;
    --verde-claro: #b7d5a1;
}

.wizard-card .wizard-header h3{
    margin-bottom: 0px;
}

.select2-container--default .select2-results__option--selected {
    background-color: var(--verde-claro) !important;
    color:#FFF;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
    background-color: var(--verde-claro) !important;
}

form label{
    font-weight: bold;
    display: block;
    margin: 10px 0px;
}

select { width: 100%; }

.select2-container .select2-selection--single{
    height: auto !important;
    min-height: 28px !important;
}

.select2-container .select2-selection--single .select2-selection__rendered{
    padding: 4px 20px 4px 8px !important;
}
.select2-container--default .select2-selection--single {
    border: 1px solid #e3e3e3 !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 22% !important;
    right: 5px !important;
}
.form-control:focus {
    border: 2px solid #000;
}

.solo-CVC{ display: none;}

#option2, #option1{
    display: none;
}

.wizard-card .tab-content{
    position: relative;
}

.loading{
    position: absolute;
    width: 99%;
    height: 94%;
    text-align: center;
    color: var(--verde);
    font-size: 20px;
    background: rgba(255,255,255,0.8);
    z-index: 9;
}

.loading span{
    position: absolute;
    left: 40%;
    top: 40%;
}

.clear{ clear: both; }

.btn-turi, .btn-turi:hover {
    background: var(--verde);
    color: #FFF;
    padding: 0px 10px;
}

.subtitle{
    color: var(--verde);
    font-weight: bold;
    padding: 0px 13px;
    font-size: 20px;
    margin: 20px 0px;
} 

.msg-peritaciones{
    padding: 20px;
    margin: 30px;
    font-weight: 100;
}
 
#step1Lugar , #testigos , #ndates , #perito 
/* , #boxcontrario */
{
    display: none;
}

.info-box{
    border: 4px solid var(--verde);
    padding: 40px;
    border-radius: 11px;
    width: 60%;
    margin: 10% auto;
    text-align: left;
    background: url(info.png) 17px center no-repeat;
    background-size: 10%;
    padding-left: 110px;
}

.class-big-icon{
    font-size: 120px;
    color: var(--verde);
    text-align: center;
}

.lista-verde{
    color: var(--verde);
    font-size: 16px;   
    padding: 0px !important;
}
.step6-mt{ margin-top: 50px;}
input[type=file]{ display: inline !important; }

@media (min-width: 320px) and (max-width: 480px) {
    .nav>li>a { padding: 10px 0px !important;}

    .info-box {
        padding: 21px !important;
        padding-left: 61px !important;
        width: 100% !important;
    }
    .step6-mt{ margin-top: 0px; padding: 0px !important;}
    .lista-verde { font-size: 12px !important;}
    
}

.box-wizard{
  background: #f5f5f5;
  padding: 20px;
  border-radius: 10px;
}

.wizard-navigation ul li:after {
    z-index: 1;
    -webkit-transform: translateX(4px);
    -moz-transform: translateX(4px);
    -ms-transform: translateX(4px);
    -o-transform: translateX(4px);
    transform: translateX(4px);
    border-left-color: #fff;
    margin: 0;
}

.wizard-navigation ul li.active a:after{
    border-left-color: #a9cf96; 
}

.wizard-navigation ul li:last-child>*:after{
    border: 0px !important;
} 

.wizard-navigation ul li>*:after {
    content: '';
    position: absolute;
    top: 1px;
    left: 97%;
    height: 0;
    width: 0;
    border: 17px solid #d4444400;
    border-right-width: 0;
    border-left-width: 20px;
    z-index: 1;
}

.complete {
    border-color: #05AE0E !important;
    color: #05AE0E !important;
}

sup{ color : red }

label.error{
    display:none !important;
}

.box-wizard a{
    color: var(--verde);
}

.stepComplete{ background-color: #4d8830 !important; border-color: #4d8830 !important;}