body {
}

@media(min-width: 1500px) {
    .container {
        max-width: 1600px;
    }
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-left: 1rem;
    padding-right: 1rem;
    font-family: 'Lato';
    font-weight: 700;
}

.dropdown .dropdown-menu .dropdown-item {
    padding: .25rem .5rem;
}
    .dropdown .dropdown-menu .dropdown-item:hover {
        background-color: #896052;
    }

main {
    flex: 1 0 auto;
    padding-top: 6.5em;
    padding-bottom: 5rem;
}

footer {
    background-color: #f5f5f5;
}

.font-size-90 span,
.font-size-90 label,
.font-size-90 input,
.font-size-90 select,
.font-size-90 div,
p.font-size-90 {
    font-family: 'Roboto';
    font-size: .9rem;
}

.font-size-90 ::-webkit-input-placeholder {
    font-family: 'Roboto';
    font-size: .9rem;
    color: #bdbdbd;
}
.font-size-90 ::-moz-placeholder {
    font-family: 'Roboto';
    font-size: .9rem;
    color: #bdbdbd;
}
.font-size-90 :-ms-input-placeholder {
    font-family: 'Roboto';
    font-size: .9rem;
    color: #bdbdbd;
}
.font-size-90 :-moz-placeholder {
    font-family: 'Roboto';
    font-size: .9rem;
    color: #bdbdbd;
}
.font-size-90 .custom-control-label::before, 
.font-size-90 .custom-control-label::after {
    top: .15rem;
}

.font-size-80 span,
.font-size-80 label,
.font-size-80 input,
.font-size-80 select,
.font-size-80 div,
p.font-size-80 {
    font-family: 'Roboto';
    font-size: .8rem;
}

.font-size-80 ::-webkit-input-placeholder {
    font-family: 'Roboto';
    font-size: .8rem;
}
.font-size-80 ::-moz-placeholder {
    font-family: 'Roboto';
    font-size: .8rem;
}
.font-size-80 :-ms-input-placeholder {
    font-family: 'Roboto';
    font-size: .8rem;
}
.font-size-80 :-moz-placeholder {
    font-family: 'Roboto';
    font-size: .8rem;
}


.form-control,
textarea,
select,
.input-group.input-daterange {
    margin-bottom: .2rem;
}

.table td {
    border-top: none;

}

table.table-sm th,
table.table-sm tbody td {
    padding-top: 0;
    padding-bottom: .1rem;
}
table.table-sm tbody > tr:first-child > td {
    padding-top: .35rem;
}

/* 
	Style the form control immediately following the invalid validator.
	span.validator[style*=inline] takes care of validators with Display="Dynamic"
	span.validator[style*=visible] takes care of validators with Display="Static"
*/
/*span.validator[style*=inline] + .form-control,
span.validator[style*=visible] + .form-control,
span.validator[style*=inline] + .custom-select,
span.validator[style*=visible] + .custom-select {
    border: 1px solid #d43f3a;
}
    span.validator[style*=inline] + .form-control:focus,
    span.validator[style*=visible] + .form-control:focus,
    span.validator[style*=inline] + .custom-select:focus,
    span.validator[style*=visible] + .custom-select:focus {
        box-shadow: 0 0 0 0.2rem rgba(221,34,72,.25)
    }*/

/*span.validator {
    display: none;
}

span.validator + .form-control,
span.validator + .form-control,
span.validator + .custom-select,
span.validator + .custom-select {
    border: 1px solid #d43f3a;
}

    span.validator[style*=inline] + .form-control:focus,
    span.validator[style*=visible] + .form-control:focus,
    span.validator[style*=inline] + .custom-select:focus,
    span.validator[style*=visible] + .custom-select:focus {
        box-shadow: 0 0 0 0.2rem rgba(221,34,72,.25)
    }*/

span.validator[style*=inline] .form-control {
    border: 1px solid #d43f3a;
}

.btn-outline-brown {
    border: 2px solid #6d4c41 !important;
    background-color: transparent !important;
    color: #6d4c41 !important;
}

.form-control:focus,
.custom-select:focus {
    border-color: #B7998F;
    box-shadow: 0 0 0 0.2rem rgba(169,76,65,.25);
}

.btn.btn-link {
    color: brown!important;
    text-transform: none;
}

.bmd-btn-icon {
    position: relative;
    display: inline-block;
    font-weight: 500;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    padding: 0;
    font-size: 1rem;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0;
    cursor: pointer;
    border: 0;
    transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: box-shadow, transform;
    background-color: transparent;
    border-color: #ccc;
    width: 2rem;
    min-width: 2rem;
    height: 2rem;
    margin: 0;
    color: inherit;
    line-height: 0;
}

    .bmd-btn-icon:hover {
        background-color: hsla(0,0%,80%,.4);
        border-color: hsla(0,0%,80%,.4);
        border-radius: 50%;
    }

.detail-label {
    font-weight: bold;
}