@font-face {
    font-family: "Avenir";
    src: url("assets/css/fonts/avenir.otf");
    src: url("assets/css/fonts/avenir.otf") format("otf");
}

body {
    margin-bottom: 115px;
}

.footer-container{
    height: 115px;
    background-color: #FFFFFF;
    box-shadow: 0 4px 16px 0 rgba(0,0,0,0.14);
}

/* //OVERRIDES */

.btn-accent{
    border-radius: 2px;
    background: 
        linear-gradient(135deg, #700408 0%, #C1080E 100%);
    font-size:14px;
    padding-top:14px;
    padding-bottom:14px;
    text-transform:uppercase;
    font-family: Avenir, Arial;
    font-size: 14px;
    font-weight: 900;
    line-height: 19px;
    text-align: center;
    box-shadow: none;
}
.btn-accent:hover {
    color: #fff;
    background: #9c060b linear-gradient(-135deg, #ab2c30, #9c060b) repeat-x;
}
.btn-accent:focus, .btn-accent.focus {
    color: #fff;
    background: #9c060b linear-gradient(-135deg, #ab2c30, #9c060b) repeat-x;

    box-shadow: 
        0 1px 1px rgba(0,0,0,0.075), 0 0 0 0.2rem rgba(202,45,50,0.5);
}


.list-group-item {
    border-color:#E5E5E5;
}
.list-group-item:first-child {
    border-top-left-radius: .0;
    border-top-right-radius: 0;
}
.list-group-item:last-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.list-group-item.header{
    background-color : #F8F9FA;
}

.total {
    color: #000000;
    font-weight: 900;
}
.sub-section-title {
    color: #000000;
    font-family: Avenir, Arial;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 19px;
}

/* BUTTON GROUP TOGGLE */
.btn-group-toggle .btn-outline-secondary:not(:disabled):not(.disabled), 
.btn-group-toggle .btn-outline-secondary:not(:disabled):not(.disabled){
    border-color:#E5E5E5;
}

.btn-group.btn-group-toggle>.btn:not(:last-child):not(.dropdown-toggle), 
.btn-group.btn-group-toggle>.btn-group:not(:last-child)>.btn {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;

    border-color:#E5E5E5;
}

.btn-group-toggle .btn-outline-secondary:not(:disabled):not(.disabled):active, 
.btn-group-toggle .btn-outline-secondary:not(:disabled):not(.disabled).active{
    background-color:#F8F9FA;
    border-color:#118458;
    color: #118458;
    box-shadow:none;
}
.btn-group-toggle .btn-outline-secondary:not(:disabled):not(.disabled):hover{
    background-color:#F8F9FA;
    color: #118458;
    box-shadow:none;
}

.btn-group.btn-group-toggle>.btn, 
.btn-group.btn-group-toggle>.btn-group>.btn {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;

    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}
.btn-group.btn-group-toggle>.btn:not(:first-child), 
.btn-group.btn-group-toggle>.btn-group:not(:first-child) {
    margin-left: 8px;
}

/* ACCORDION */
.accordion .card-header {
    background-color:transparent;
}
.accordion-header {
    padding: 0;
}

.accordion-header .btn-link{
    border-radius:0;
    color: #4C4C4C;
    font-family: Avenir, Arial;
    font-size: 14px;
    font-weight:500;
    letter-spacing: 0;
    line-height: 19px;
    padding:10px 20px;
}
.accordion-header .btn-link:not(.collapsed){
    background-color: #F8F9FA;
}

.accordion-header .btn-link:not(:disabled):not(.disabled):active:focus, 
.accordion-header .btn-link:not(:disabled):not(.disabled).active:focus,.accordion-header .btn-link:not(:disabled):not(.disabled):active, 
.accordion-header .btn-link:not(:disabled):not(.disabled).active {
    box-shadow: none;
}


.accordion-header .btn-link:hover,
.accordion-header .btn-link:active,
.accordion-header .btn-link:focus {
    text-decoration:none;
    box-shadow:none;
}

.form-group label{
    font-size: .85rem;
}
.custom-select{
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='red' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e);
    background-position-x: right 1rem;
    background-position-y: center;
    background-size: 8px 10px;
    background-repeat-x: no-repeat;
    background-repeat-y: no-repeat;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: rgb(255, 255, 255);

    -webkit-appearance:none;
}

.spinner-border-sm {
    width: 1.13rem;
    height: 1.13rem;
    line-height: .2rem;
    position: relative;
    top: -2px;
    margin-right: .25rem;
}

.position-message{
    color:black;
    font-size:1.25rem;
}
.position-label {
    color:#C1080E;
}

.position-numbers-container{
    margin-top:4rem;
    margin-bottom:4rem;
}

.position-number {
    height: 64px;
    line-height: 64px;
    width: 45px;
    border-radius: 4px;
    background-color: #F7E8E8;
    
    color: #A82C29;
    font-family: Avenir, Arial;
    font-size: 40px;
    letter-spacing: 0;
    text-align: center;
    margin-left:.25rem;
    margin-right:.25rem;
}


.notification-icon{
    height: 158px;
    width: 158px;

    background-color: #F7E8E8;
    background-repeat: no-repeat;
    background-position:center center;

    border-radius:100%;
    margin-bottom:2rem;
}

.notification-icon.check {
    background-image: url(../images/check.svg);
}

.notification-icon.pin {
    background-image: url(../images/map_pin.svg);
}

.notification-title {
    color: #000000;
    font-family: Avenir, Arial;
    font-size: 30px;
    letter-spacing: 0;
    line-height: 41px;
    margin-top:1rem;
    margin-bottom:rem;
}

.notification-message {
    color: #90969F;
    font-family: Avenir, Arial;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 19px;
    text-align: center;
}