.container {
    max-width: 960px;
}

.border-top { border-top: 1px solid #e5e5e5; }
.border-bottom { border-bottom: 1px solid #e5e5e5; }
.border-top-gray { border-top-color: #adb5bd; }

.box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); }

.lh-condensed { line-height: 1.25; }

.svg-check{
    width: 20px;
}

.card-body ul{
    padding-left:2em;
    margin-left:2em;
}

ul.custom-bullet, ol.custom-bullet{
    list-style:none;
}
ul.custom-bullet > li, ol.custom-bullet >li {
    clear:left;
}
ol.custom-bullet {
    counter-reset: liNum;
}
ol.custom-bullet > li {
    counter-increment:liNum 1;
}

ul.custom-bullet > li:before, ol.custom-bullet > li:before {
    content:"";
    height:1.2em;
    width:1.2em;
    display:block;
    float:left;
    margin-left:-1.8em;
    background-position:center;
    background-repeat:no-repeat;
    background-size:100%;
    margin-top: 0.3em;
}

ol.custom-bullet > li:before{
    content:counter(liNum);
    text-align:center;
}

ul.heart > li:before{
    background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' enable-background='new 0 0 512.063 512.063' height='512' viewBox='0 0 512.063 512.063' width='512' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cg%3E%3Cellipse cx='256.032' cy='256.032' fill='%2300df76' rx='255.949' ry='256.032'/%3E%3C/g%3E%3Cpath d='m256.032 0c-.116 0-.231.004-.347.004v512.055c.116 0 .231.004.347.004 141.357 0 255.949-114.629 255.949-256.032s-114.592-256.031-255.949-256.031z' fill='%2300ab5e'/%3E%3Cpath d='m111.326 261.118 103.524 103.524c4.515 4.515 11.836 4.515 16.351 0l169.957-169.957c4.515-4.515 4.515-11.836 0-16.351l-30.935-30.935c-4.515-4.515-11.836-4.515-16.351 0l-123.617 123.615c-4.515 4.515-11.836 4.515-16.351 0l-55.397-55.397c-4.426-4.426-11.571-4.526-16.119-.226l-30.83 29.149c-4.732 4.475-4.837 11.973-.232 16.578z' fill='%23fff5f5'/%3E%3Cpath d='m370.223 147.398c-4.515-4.515-11.836-4.515-16.351 0l-98.187 98.187v94.573l145.473-145.473c4.515-4.515 4.515-11.836 0-16.352z' fill='%23dfebf1'/%3E%3C/g%3E%3C/svg%3E");
    background-size:100%;
    background-position:center;
    transition: background-size 0.5s;
    -webkit-transition: background-size 0.5s;
}

.card-cont{
    padding: 5px;
}

.head_bold{
    font-weight: bold;
}

.vehicle-logo{
    max-width: 300px;
}

.secure-logo{
    max-width: 200px;
}

.img-vehicle {
    width: 100%;
}

#reasons-block{
    margin-top: 15px;
    display: none;
}

#country_container{
    display: none;
}

.checkout-row{
    margin-top: 15px;
}

.my-0{
    margin-top: 15px !important;
}

.payment-label{
    font-size: 1.5em;
    cursor: pointer;
}

.card-icons{
    width: 50px;
}

.green-price{
    color: #567404;
}
.orange-price{
    color: #F66C2D;
}

#pay-terms {
    height: 250px;
    overflow: auto;
    border: 1px solid black;
    padding: 1em;
}
.reserved-span{
    color: blue;
    font-weight: bold;
}

.svg-download{
    width: 150px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

#download-confirmation{
    text-align: center;
}

.cursor-pointer {
    cursor: pointer;
}

.invoice-radio {
    -webkit-appearance: none;
}

.label-card{
    display: block;
}

.border-invalid {
  border: 1px solid #dc3545;
  border-radius: 4px;
  padding: 5px
}

.progress {
    display: -ms-flexbox;
    display: flex;
    height: 1rem;
    overflow: hidden;
    line-height: 0;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem;
}

.progress-bar-striped {
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent) !important;
    background-size: 1rem 1rem !important;
}

.load-progress-bar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #fab915;
    transition: width .6s ease;
}

.load-progress-bar.active, .progress.active .load-progress-bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}

.hidden{
    display: none;
}