body{
    /*color: #fff;*/
/*    overflow-x: hidden;*/
    overflow: hidden;
}
/* Navbar */
    header{
        position: fixed;
        top: 0;
        left: 0;
        width: 40px;
        height: 100%;
    }
    header nav{
        width: 100%;
        height: 100%;
    }
    .navLink span{
        width: 16px;
        height: 16px;
        display: block;
        background: gray;
        border-radius: 100%;
    }
    .stepActive span{
        background: #2ecece;
        box-shadow: 0 0 5px #2ecece;
    }
/* Main */
    .contpref{
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        position: relative;
        z-index: 1;
    }
    .contpref::before{
        content: "";
        display: block;
        position: absolute;
        z-index: -1;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(25,22,84,0.5);
        background: -moz-linear-gradient(left, rgba(25,22,84,0.5) 0%, rgba(67,198,172,0.5) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(25,22,84,0.5)), color-stop(100%, rgba(67,198,172,0.5)));
        background: -webkit-linear-gradient(left, rgba(25,22,84,0.5) 0%, rgba(67,198,172,0.5) 100%);
        background: -o-linear-gradient(left, rgba(25,22,84,0.5) 0%, rgba(67,198,172,0.5) 100%);
        background: -ms-linear-gradient(left, rgba(25,22,84,0.5) 0%, rgba(67,198,172,0.5) 100%);
        background: linear-gradient(to right, rgba(25,22,84,0.5) 0%, rgba(67,198,172,0.5) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#191654', endColorstr='#43c6ac', GradientType=1 );
    }
.Container{
    width: 60%;
}
.title{
    text-shadow: 0 0 5px #7c7c7c;
    font-size: 3.5vw;
}
.title2{
    text-shadow: 0 0 5px #7c7c7c;
    font-size: 1.4vw;
}
#divComprobante {
    width: 60%;
    height: 80%;
}
#detComp1, #detComp {
    text-align: center;
}
#detComp td{
    padding: 10px;
}
#detComp1 td{
    
}
.det80{
    width: 80%;
}
.det70{
    width: 70%;
}
/*.title:after,
.title:before{
    content: '';
    display: block;
    width: 100px;
    height: 2px;
    background: #fff;
    position: absolute;
}
.title:after{
    bottom: -15px;
    left: 0;
}
.title:before{
    bottom: -25px;
    left: 45px;
}*/
/* Section 1 */
    .iconCard i{
        font-size: 15vw;
        cursor: pointer;
        transform: scaleX(1);
        /*animation: rotate 4s infinite ease-in-out;*/
    }
    .iconQr i{
        font-size: 15vw;
        cursor: pointer;
        transform: scaleX(1);
        /*animation: rotate 4s infinite ease-in-out;*/
    }
    .iconCard i:after,
    .iconQr i:after{
        content: '';
        display: block;
        width: 100%;
        height: 20px;
/*        bottom: 10px;*/
        position: absolute;
        border-radius: 100%;
        background: radial-gradient(#3030303b, transparent);
    }
    .iconCard:hover i{
        animation: none;
        text-shadow: 0 0 10px rgba(35,57,125,1);
    }
    .iconQr:hover i{
        animation: none;
        text-shadow: 0 0 10px rgba(35,57,125,1);
    }
    @keyframes rotate {
        0% {transform: scaleX(1);}
        25% {transform: scaleX(.01);}
        50% {transform: scaleX(-1);}
        75% {transform: scaleX(.01);}
        100% {transform: scaleX(1);}
    }
/* Section 2 */
    .section2{
        height: 100%;
    }
    /* Inputs */
        .divForm{
            height: 50px;
            position: relative;
/*            overflow: hidden;*/
        }
        .divForm input{
            width: 100%;
            height: 100%;
            background: none;
            /*color: #c1c1c1;*/
            padding-top: 20px;
            border: none;
            outline: 0px;
        }
        .divForm .lbl{
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            border-bottom: 1px solid #c7c7c7;
        }
        .divForm .lbl:after{
            content: '';
            position: absolute;
            left: 0;
            bottom: -1px;
            width: 100%;
            height: 100%;
            border-bottom: 3px solid rgba(35,57,125,1);
            transform: translateX(-101%);
            transition: all .3s ease;
        }
        .divFormPhone .lbl:after{
            content: '';
            position: relative;
            left: 0;
            bottom: -1px;
            width: 100%;
            height: 100%;
            border-bottom: 3px solid rgba(35,57,125,1);
            transform: translateX(-101%);
            transition: all .3s ease;
        }
        .divForm .txt{
            position: absolute;
            bottom: 5px;
            left: 0;
            transition: all .3s ease;
            /*color: #fff;*/
        }
        .divForm input:focus + .lbl .txt,.divForm input:valid + .lbl .txt{
            transform: translateY(-100%);
            font-size: 14px;
            color: rgba(35,57,125,1);
        }
        .divForm input:focus + .lbl:after,.divForm input:valid + .lbl:after{
            transform: translateX(0%);
        }
        .divForm input:focus + .lbl:after,.divForm input[type="email"]:valid + .lbl:after{
            transform: translateX(0%);
        }
    /* Selector */
        .selectCC{
        	display: block;
            width: 100%;
            height: 100%;
            padding: 0.7rem;
            font-size: 1.1rem;
            font-weight: 500;
            line-height: 0.7;
/*            background: none !important;*/
            background: #29248626;
            background-clip: padding-box;
            border: 1px solid rgba(35,57,125,1);
            border-radius: 0.475rem;
            border-top: none;
        }
        .selectCC:focus,
        .select2-search__field{
        	outline: none;
        }
        .select2-search__field{
            border: 1px rgba(35,57,125,1);
            border-radius: 0.475rem;
        }
        #paisDiv,
        #ciudadDiv,
        .bordecustomstyling,
        .bordecustomstylingInput{
            height: 45px;
        }
        .txtSpan{
            position: absolute;
            left: 25px;
            top: -6px;
            color: rgba(35,57,125,1);
            font-size: 14px;
        }
        #paisDiv .select2-container--default .select2-selection--single,
        #ciudadDiv .select2-container--default .select2-selection--single,
        .bordecustomstyling .select2-container--default .select2-selection--single,
        .bordecustomstylingInput{
            background: #29248626;
        }
        #paisDiv .selection .select2-selection,
        #ciudadDiv .selection .select2-selection,
        .bordecustomstyling .selection .select2-selection,
        .bordecustomstylingInput .form-control {
        	height: 100%;
            padding-left: 0.3rem;
            align-items: center;
            display: flex;
            text-align: start;
            border: 1px solid rgba(35,57,125,1);
            border-top: none;
            border-radius: 0.475rem;
        }
        #paisDiv .selection .select2-selection .select2-selection__arrow,
        #ciudadDiv .selection .select2-selection .select2-selection__arrow,
        .bordecustomstyling .selection .select2-selection .select2-selection__arrow,
        .bordecustomstylingInput {
        	height: 100%;
        }
        #paisDiv .selection .select2-selection .select2-selection__arrow b,
        #ciudadDiv .selection .select2-selection .select2-selection__arrow b,
        .bordecustomstyling .selection .select2-selection .select2-selection__arrow b,
        .bordecustomstylingInput {
            border-color: rgba(35,57,125,1) transparent transparent transparent;
        }
        #paisDiv .select2,
        #ciudadDiv .select2,
        .bordecustomstyling .select2{
            height: 100%;
            width: 100% !important;
        }
        .select2-container--default .select2-selection--single .select2-selection__rendered{
        }
        .select2-dropdown,
        .select2-dropdown{
            background: #000000d9;
            color: #fff;
        }
        .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
            background-color: rgba(35,57,125,1) !important;
            color: #fff !important;
        }
        .select2-container--default .select2-results__option--selected{
            color: #000 !important;
        }
        ::-webkit-scrollbar {
            width: 3px;
        }
        ::-webkit-scrollbar-track {
            background: #f1f1f1; 
        }
        ::-webkit-scrollbar-thumb {
            background: #888; 
        }
        ::-webkit-scrollbar-thumb:hover {
            background: #555; 
        }
        .selviaje {
            text-align: center;
            border-left: 2px solid rgb(239, 170, 53);
        }
        .btnselviaje {
            border: 1px solid rgba(35,57,125,1);
            border-radius: 10px;
            padding-inline: 2rem;
        }
    /* Button */
        .btns{
            width: 150px;
            background-color: rgba(35,57,125,1);
            color: #fff;
            position: relative;
            border: none;
        }

        .btns[disabled],
        .btns.disabled {
          opacity: 0.65;
          cursor: not-allowed;
          pointer-events: none;
        }
        .btns svg{
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            fill: none;
            border-radius: 5px;
        }
        .nav-link {
            color: #000;
        }
        /*.nav-tabs .nav-link {
            
            overflow: hidden;
        }*/
        .nav-tabs .nav-link.active {
            border-color: #fff !important;
        }
        .nav-tabs .nav-link:hover {
            border-color: #fff !important;
            color: #000;
        }
        .nvcss {
            padding-top: 0;
            padding-bottom: 0;
            padding-left: 0;
            padding-right: 0;
            margin-left: 5px;
        } 
        .contSelfec {
/*            background-color: rgba(35,57,125,1);*/
/*            color: #fff;*/
            border-radius: 15px;
            border: 1px solid #000;
            color: #000;
            font-size: 12px;
            padding-block: 5px;
            padding-inline: 10px;
        }
        .nav-tabs .nav-link.active .contSelfec {
            color: #fff;
/*            background-color: rgb(239, 170, 53);*/
            background-color: rgba(35,57,125,1);
            border: none;
/*            border-radius: 15px;*/
        }
        .contSelfecinac {
            border-radius: 15px;
/*            background-color: rgb(144, 144, 144);*/
            background-color: #E4E4E4;
            color: rgb(102, 102, 102);
            font-size: 12px;
            padding-block: 5px;
            padding-inline: 10px;
        }
        .messel{
            font-size: 15px;
        }
        .minprice {
            width: 80px;
        }
        /*.contSelfec .messel{
            font-size: 15px;
        }*/ 
        .nvcss strong{
            font-size: 20px;
/*            color: rgb(239, 170, 53);*/
        }
        .nav-tabs .nav-link.active strong{
/*            color: rgb(35, 57, 125);*/
        }

        .labelticket{
            background: rgb(35, 57, 125);
            position: relative;
            align-content: end;
        }

        .labelticket label {
            writing-mode: vertical-lr;
            transform: rotate(180deg);
            text-transform: uppercase;
            color: #fff;
            font-size: 25px;
        }

        .labelticket .lbltipe{
            color: #3D8AE0;
            font-size: 18px;
            font-weight: 600;
            margin-left: 5px;
        }
/* Section 3  */
    .section3{
        height: 100%;
    }
    .section4{
        height: 100%;
    }
    .section5{
        height: 100%;
    }
    .imgQR{
        width: 22vw;
    }
@media only screen and (max-width: 450px){

    .iconCard i{
        font-size: 30vw;
    }
    .iconQr i{
        font-size: 30vw;
    }
    .section2{
        height: 100%;
    }
    .imgQR{
        width: 45vw;
    }
}
@media only screen and (max-width: 576px){
    .Container{
        width: 90%;
    }
    .title{
        font-size: 4.5vw;
        text-align: center;
    }
    .title2{
        font-size: 2.5vw;
    }
    .iconCard i{
        font-size: 20vw;
    }
    .iconQr i{
        font-size: 20vw;
    }
    .imgQR{
        width: 60vw;
    }
    #divComprobante {
        width: 100%;
        height: 60%;
    }
    .det80{
        width: 70%;
    }

    .det70{
        width: 60%;
    }
}
@media only screen and (max-width: 992px){
    .payForm{
        overflow-x: hidden;
/*        overflow-y: scroll;*/
    }
}