﻿body {
}

.btn-primary, .btn-default:focus, .btn-default:hover, .btn-default:active {
    background: #951C1F;
    border: #951C1F;
    text-shadow: 0 0 0;
    color:#FFFFFF;
}

.btn-default {
    background: #9C9C9D;
    border: #9C9C9D;
    color: #FFF;
    text-shadow: 0 0 0;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background-color: #F93E4C;
    color: #fff
}

.btn-success {
    background: #F93E4C;
    border: #F93E4C;
    text-shadow: 0 0 0;
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary:active,
    .btn-success:hover, .btn-success:focus, .btn-success:active {
        background-color: #951C1F;
        color: #fff
    }

a, a:hover, a:focus, a:active {
    color: #951C1F;
}


.panel-title a, .panel-title a:hover, .panel-title a:focus, .panel-title a:active {
    color: #FFFFFF;
    text-decoration:none;
}
header {
    border-top: 25px solid #951C1F;
}

.logo {
    background: #FFF;
}

.item-pasos .h4 a {
    font-weight: 300;
}

.item-pasos .fa {
    background: #951C1F;
    color: #FFF;
}


.li.current .status h4 {
    color: #951C1F;
}

.li.current .status::before {
    background-color: #951C1F;
}


.li.complete .status h4 {
    color: #F93E4C;
}

.li.complete .status {
    border-top: 2px solid #F93E4C;
}

    .li.complete .status::before {
        background-color: #F93E4C;
    }

.panel-info > .panel-heading {
    background-color: #F93E4C;
    background-image: none;
    color: #FFFFFF;
}

.panel-info {
    border-color: #F93E4C;
}

.panel-default > .panel-heading {
    background-color: #951C1F;
    background-image: none;
    color: #FFFFFF;
}

.panel-default {
    border-color: #951C1F;
}

.body-content .back-1 {
    background-color: #9C9C9D;
    color: #FFF;
}

@media (min-device-width: 320px) and (max-device-width: 767px) {
    .li.complete .status {
        border-left: 2px solid #F93E4C;
        border-top: none;
    }

    .li .status {
        border-left: 2px solid #951C1F;
        border-top: none;
    }
}


@media screen and (min-width: 768px) {
    .li.current .status {
        border-top: 2px solid #951C1F;
    }
}
