/*
Raceform Title: #b55341
Raceform Button:#ea7e4d
Raceform Red:   #6d3227
Raceform Orange:#924d2e
Raceform GreyL: #d0d1d3
Raceform GreyD: #444851
Raceform Cream: #fefcef
*/

.card-header {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    box-shadow: 0 0px 5px 0 #6d3227, 0 0px 10px 0 rgba(0, 0, 0, .12);
    background-color: #b55341;
    color: white !important;
}

.modal {
    z-index: 1049 !important;
}

.card-body {
    background-color: #FFFFFF;
}

.modal-header.card-header {
    box-shadow: 0px 0px !important;
}

.alert.alert-login-error {
    background-color: #3a3636 !important;
    color: #fff !important;
}

span.invalid {
    font-size: 80%
}

.btn-submit {
    background-color: #ea7e4d !important;
    color: white !important
}

.btn-reset {
    background-color: #444851 !important;
    color: white !important
}

.btn-close {
    background-color: #000000 !important;
    color: white !important
}

.btn-cancel {
    background-color: #000000 !important;
    color: white !important;
}

.btn-resetPass {
    background-color: #ffc400 !important;
    color: white !important;
}

.btn-activate {
    background-color: #00c851 !important;
    color: white !important;
}

.btn-reject {
    background-color: #6f1616 !important;
    color: white !important;
}

.btn-lapse {
    background-color: #ff5e00 !important;
    color: white !important;
}

.btn-default {
    background-color: #6d3227 !important;
    color: white !important;
}

/*Far Left Column Headings*/
.title-column {
    padding-top: 4px;
    padding-bottom: 4px;
    font-weight: bold;
}

/*Font*/
.title-column-font {
    font-size: 14;
    color: #747373;
}

.title-column-font-small {
    font-size: 12;
    color: #747373;
}

/*Input Boxes*/
.condense-input-box {
    margin: 0 0 .0rem;
    border-radius: 0;
    padding: .0rem 0 .0rem;
    background-image: none;
    background-color: transparent;
    -webkit-transition: all .3s;
    transition: all .3s;
    outline: 0;
    box-shadow: none;
    border: 1px solid #ced4da;
    border-radius: 0;
    box-sizing: content-box;
    background-color: transparent;
    width: 100%;
}

input[type=text]:focus,
input[type=checkbox]:focus,
input[type=radio]:focus,
select:focus {
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
    /*border: 1px solid #DDDDDD;*/
    box-shadow: 0 0 5px #b55341;
}

/*Check Boxes*/
.userDetails-Check {
    margin: 5px;

    -ms-transform: scale(1.25);
    /* IE */
    -moz-transform: scale(1.25);
    /* FF */
    -webkit-transform: scale(1.25);
    /* Safari and Chrome */
    -o-transform: scale(1.25);
    /* Opera */
}

.btn-calendar {
    background-color: #fff !important;
    color: #747373;
}

/* Buttons */
.btnFrame {
    width: 100% !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin: 0px !important;
    margin-right: 0px !important;
}

.btnFrame-half {
    width: 50% !important;
}

/*Removes the arrow from drop down menus*/
.dropdown-toggle-status::after {
    display: none !important;
}

.picker__holder {
    width: 110% !important;
}

.pagination .page-item.active .page-link {
    background-color: #b55341!important
}

/*You're welcome. (Z-index of the modal is 1050)*/
.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front {
    z-index: 1051 !important;
    position: absolute;
    background-color: rgb(243, 242, 242);
    height:auto!important;
    max-height:500px!important;
    max-width:80%!important;
  }

.ui-autocomplete {
    overflow-y: scroll;
    overflow-x: hidden;
}

#addAnimalModal, #ownerModal{
    position:absolute!important;
}