.header-content {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 15px;
    padding-bottom: 15px;
}

body {
    padding-top: 1px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 10px;
    padding-right: 15px;
}


/* *************************
**** MODAL **** 
************************* */

/**** CUSTOM MODAL-BACKDROP ****/
.modal-backdrop.modal-backdrop-custom {
    /* background-color: GREEN; */
    opacity: 0.2;
    /* display: none; */
}
/**** END CUSTOM MODAL-BACKDROP ****/
/* *************************
**** END MODAL **** 
************************* */


/**** Custom datatables ****/
div.dataTables_wrapper {
    /*width: 800px;*/
    margin: 0 auto;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 98%;
}

.required {
    color: red;
}

.loaderbody {
    width: 100%;
    height: 100%;
    left: 0px;
    top: 20%;
    position: fixed;
    background-position: 50% 50%; /* center */
    background-color: #FFFFFF;
    z-index: 1000;
}

.loader {
    border: 5px solid rgba(134, 188, 76, 1.0); /* green */
    border-top: 5px solid rgba(245, 212, 49, 1.0); /* yellow */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 1s linear infinite;
    position: fixed;
    top: 33%;
    left: 45%;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.my-navbar {
    background: rgba(245, 212, 49, 1.0);
    border-top: 3px solid rgba(134, 188, 76, 1.0);
    border-bottom: 3px solid rgba(109, 83, 156, 1.0);
    border-radius: 0;
}

.navbar-default .navbar-brand {
    color: rgba(109, 83, 156, 1.0);
    font-size: 1.5em;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #ffffff;
}

.navbar-default .navbar-nav > li > a {
    color: rgba(109, 83, 156, 1.0);
    font-weight: 300;
    font-size: 1.2em;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #ffffff;
    background-color: rgba(245, 212, 49, 1.0);
}

.navbar-default .navbar-nav,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #ffffff;
    background-color: rgba(245, 212, 49, 1.0);
}

.navbar-default .navbar-text {
    color: rgba(109, 83, 156, 1.0);
    font-weight: 300;
    font-size: 1.2em;
}

.navbar-default .navbar-toggle {
    background-color: rgba(245, 212, 49, 1.0);
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: rgba(245, 212, 49, 1.0);
}

.dropdown-menu > li > a {
    color: rgba(109, 83, 156, 1.0);
    font-weight: 300;
    font-size: 1.2em;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    text-decoration: none;
    background-color: rgba(245, 212, 49, 1.0); /*change color of links in drop down here*/
}

.my-form {
    border: 1px solid firebrick;
    border-radius: 5px 5px 5px 5px;
}

.my-form-black {
    border: 1px solid #cacaca;
    border-radius: 5px 5px 5px 5px;
}

.my-form-black-no-bottom {
    border: 1px solid #cacaca;
    border-radius: 5px 5px 0px 0px;
    border-bottom: none;
}

.my-form-black-no-top {
    border: 1px solid #cacaca;
    border-radius: 0px 0px 5px 5px;
    border-top: none;
}

.order-comments-header {
    font-size: 0.85em;
}

.order-summary-header {
    font-size: 0.9em;
}

.order-summary {
    font-size: 0.8em;
}

select:required:invalid, select:focus:invalid {
    background-color: rgba(245, 212, 49, 0.5);
}

input:required:invalid, input:focus:invalid {
    background-color: rgba(245, 212, 49, 0.5);
}

textarea:required:invalid, input:focus:invalid {
    background-color: rgba(245, 212, 49, 0.5);
}

checkbox:required:invalid, input:focus:invalid {
    background: rgba(245, 212, 49, 0.5);
}

/* bootstrap select */
.bootstrap-select .dropdown-menu > li > a small.muted {
    display: none;
}

.bootstrap-select .dropdown-toggle .filter-option {
    position: relative;
    padding-left: 60px;
}

.bootstrap-select .dropdown-toggle .filter-option:before {
    content: "Required:";
    font-size: 0.8em;
    font-weight: 500;
    background-color: rgba(245, 212, 49, 0.5);
    position: absolute;
    left: 0;
    top: 3px;
}
.d-flex{
    display:flex;
}
.button-row-button{
    margin-right:5px;
}
.button-row {
    display:flex;
    justify-content:flex-end;
    margin-left: 5px;
}
.hide{
    display:none;
}
.ml-auto{
    margin-left:auto;
}
.two-input-row {
    display: flex;
    justify-content: flex-end;
}
.pl-0{
    padding-left:0px;
}
.pr-0{
    padding-right:0px;
}
.dual-checkbox{
    display:flex;
    justify-content:space-evenly
}
.disabled {
    opacity: 0.6;
    pointer-events: none;
}
.characteristic-input {
    justify-content: space-between;
    width: 50%;
    margin-bottom: 10px;
}
.characteristic-input-thirds {
    justify-content: space-between;
    width: 31.6%;
    margin-bottom: 10px;
}
.w-50{
    width:50%;
}
.w-100 {
    width: 100%;
}
.label-alt {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    text-align: right;
    width: 400px;
    line-height: 26px;
    margin-bottom: 10px;
}
.second-input {
    margin-left: 30px;
}
.modal-message {
    margin-bottom: 5rem;
}
.text-update{
    color:blue;
}