body {
    background-color: #f5e7d1 !important;
}

.logo {
    width: 12rem !important;
    height: 12rem !important;
    background-image: Url('../Images/ViaTejana.png');
    background-repeat: no-repeat !important;
    background-size: 100% !important;
    display: inline-block !important;
}

.btn-primary {
    color: #FFFFFF !important;
    border-radius: 0 !important;
    background-color: #E74A3E !important;
    border-color: #E74A3E !important;
    width: 100% !important;
}

.btn-main {
    border-radius: 0 !important;
    margin: .25rem !important;
}

.btn-primary:hover {
    background-color: #FB5770 !important;
    border-color: #FB5770 !important;
    color: #FFFFFF !important;
}

.btn-primary:focus {
    background-color: white !important;
    border-color: #E74A3E !important;
    box-shadow: none !important;
    color: #E74A3E !important;
}

a {
    color: #E74A3E !important;
}

.breadcrumbs {
    border: 1px solid #cbd2d9;
    border-radius: 0.3rem;
    display: inline-flex;
    overflow: hidden;
}

.breadcrumbs__item {
    background: #fff;
    color: #333;
    outline: none;
    padding: 0.75em 0.75em 0.75em 1.25em;
    position: relative;
    text-decoration: none;
    transition: background 0.2s linear;
}

    .breadcrumbs__item:hover:after,
    .breadcrumbs__item:hover {
        background: #edf1f5;
    }

    .breadcrumbs__item:focus:after,
    .breadcrumbs__item:focus,
    .breadcrumbs__item.is-active:focus {
        background: #323f4a;
        color: #fff;
    }

    .breadcrumbs__item:after,
    .breadcrumbs__item:before {
        background: white;
        bottom: 0;
        clip-path: polygon(50% 50%, -50% -50%, 0 100%);
        content: "";
        left: 99%;
        position: absolute;
        top: 0;
        transition: background 0.2s linear;
        width: 1em;
        z-index: 1;
    }

    .breadcrumbs__item:before {
        background: #cbd2d9;
        margin-left: 1px;
    }

    .breadcrumbs__item:last-child {
        border-right: none;
    }

    .breadcrumbs__item.is-active {
        background: #edf1f5;
    }



.noHover {
    pointer-events: none;
}

.primary {
    background-color: #3498db;
    border-color: #3498db;
}

.LeftNav {
    height: 100%;
}

.consumernav {
    text-decoration: none !important;
    color: #3498db;
}

.btn-primary {
    background-color: #3498db;
    border-color: #3498db;
}

.btn-success1 {
    background-color: #18407C !important;
    border-color: #18407C !important;
    color: #FFFFFF !important;
    border-radius: 0 !important;
    width: 100% !important;
}

.btn-success1:hover {
    color: #FFFFFF !important;
    background-color: #2361A5 !important;
    border-color: #2361A5 !important;
}

.btn-secondary {
    background-color: #E74A3E !important;
    border-color: #E74A3E !important;
    color: #FFFFFF !important;
    border-radius: 0 !important;
    width: 100% !important;
}

.submit {
    margin-right: 85rem;
}

.signin {
    width: 100% !important;
    max-width: 330px !important;
    padding: 15px !important;
    margin: auto !important;
}

.Paybutton {
    width: 100% !important;
    max-width: 330px !important;
}

#sig {
    text-align: initial !important;
}

img {
    vertical-align: initial !important;
}

.un {
    pointer-events: none;
}

.wf-1 {
    width: 90% !important;
}

.wf-2 {
    width: 95% !important;
}

.schedule-box {
    border: 1px solid rgba(0,0,0,.125);
}

.icon {
    color: #3498db;
}

@media (max-width:768px) {

    .row.collapse,
    .row.collapsing {
        margin-left: 0 !important;
        left: 0 !important;
        overflow: visible;
    }

    .row > .sidebar.collapse {
        display: flex !important;
        margin-left: -100% !important;
        transition: all .25s linear;
        position: fixed;
        z-index: 1050;
        max-width: 0;
        min-width: 0;
        flex-basis: auto;
    }

        .row > .sidebar.collapse.show {
            margin-left: 0 !important;
            width: 100%;
            max-width: 100%;
            min-width: initial;
        }

    .row > .sidebar.collapsing {
        display: flex !important;
        margin-left: -10% !important;
        transition: all .2s linear !important;
        position: fixed;
        z-index: 1050;
        min-width: initial;
    }
}

/*
 * Off Canvas sidebar at medium breakpoint
 * --------------------------------------------------
 */
@media screen and (max-width: 992px) {

    .row-offcanvas {
        position: relative;
        -webkit-transition: all 0.25s ease-out;
        -moz-transition: all 0.25s ease-out;
        transition: all 0.25s ease-out;
    }

    .row-offcanvas-left
    .sidebar-offcanvas {
        left: -33%;
    }

    .row-offcanvas-left.active {
        left: 33%;
        margin-left: -6px;
    }

    .sidebar-offcanvas {
        position: absolute;
        top: 0;
        width: 33%;
        height: 100%;
    }
}

/*
 * Off Canvas wider at sm breakpoint
 * --------------------------------------------------
 */
@media screen and (max-width: 34em) {
    .row-offcanvas-left
    .sidebar-offcanvas {
        left: -45%;
    }

    .row-offcanvas-left.active {
        left: 45%;
        margin-left: -6px;
    }

    .sidebar-offcanvas {
        width: 45%;
    }
}


.right {
    font-weight: bold;
    text-align: right;
}

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

.rightfix {
    padding-right: .01rem;
}

#langselect {
    max-width: 155px;
    margin: auto;
}

.fitcontent {
    width: auto !important;
    margin: auto;
}

.nav-button {
    padding: 0 !important;
    margin-top: auto !important;
    margin-bottom: auto !important;
    border: gray;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-width: thin;
    height: 20rem !important;
    width: 3rem !important;
    background-color: lightgray !important;
    color: red;
}

.rates {
    margin-left: auto !important;
    margin-right: auto !important;
}

.lein1 {
    background-color: #F5F5FD !important;
    color: #E74A3E !important;
}
.text-info1 {
    color: #E74A3E !important;
}

#crumb {
    width: 1rem !important;
}


.breadcrumbs__item.is-active {
    background: #edf1f5;
}

    .breadcrumbs__item.is-active:after {
        background: #edf1f5;
    }