body {
    overflow-x: hidden;
    background-color: #F0F0F0;
    color: #606060;
}

main {
    padding-top: 8px;
}

.bg-valley {
    background-color: #48241B;
}

#sidebar-wrapper {
    color: #f3eede;
    background-color: #48241B;
    min-height: 100vh;
    margin-left: -15rem;
    -webkit-transition: margin .25s ease-out;
    -moz-transition: margin .25s ease-out;
    -o-transition: margin .25s ease-out;
    transition: margin .25s ease-out;
}

#sidebar-wrapper a {
    color: #f3eede;
    background-color: #48241B;
}

#sidebar-wrapper a:hover,
#sidebar-wrapper a:focus {
    z-index: 1;
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa;
}

#sidebar-wrapper .sidebar-heading {
    padding: 0.875rem 1.25rem;
    font-size: 1.2rem;
}

#sidebar-wrapper .list-group {
    width: 15rem;
}

#page-content-wrapper {
    min-width: 100vw;
}

#wrapper.toggled #sidebar-wrapper {
    margin-left: 0;
}

@media (min-width: 768px) {
    #sidebar-wrapper {
        margin-left: 0;
    }

    #page-content-wrapper {
        min-width: 0;
        width: 100%;
    }

    #wrapper.toggled #sidebar-wrapper {
        margin-left: -15rem;
    }
}

/*custom style*/
h1, .h1 {
    font-size: 1.4rem;
    font-weight: 600;
    margin-bottom: 0;
    color: #48241B;
}

h2, .h2 {
    color: #48241b;
    font-weight: 500;
    font-size: 1.3rem;
}

h4, .h4 {
    color: #48241B;
    font-weight: 600;
    font-size: 1.2rem;
}

h5 {
    font-weight: 600
}

a {
    color: #3e6f87;
}

a:hover {
    color: #d38235;
}

.navbar-light .navbar-brand:hover {
    color: #F3EEDE;
}

.navbar-light .navbar-nav .nav-link,
.navbar-light .navbar-brand,
.white {
    background-color: #48241B;
    color: #f3eede;
}

/* for Dev env only */
.blue-dev-environment {
    background-color: #315567;
    color: #FFF;
}

.orange-dev-environment {
    background-color: #f88006;
    color: #FFF;
}

.navbar-light .navbar-nav .nav-link,
.navbar-light .navbar-brand {
    background-color: transparent;
}


.white a {
    color: #f3eede;
}

.white a:hover {
    color: #D38235;
}

.border-right {
    border-right: 1px solid #f3eede !important;
}

.create {
    padding: 15px 15px 6px 15px;
    margin-bottom: 1rem;
    margin-top: 1rem;
}

.add {
    padding: 1rem;
    margin-bottom: 1rem;
    margin-top: 1rem;
}

#search {
    width: 300px;
}

.img-sm {
    /* padding-left: 0.5rem; */
    /* padding-right: 0.5rem; */
    height: 76px;
    position: absolute;
    border: 1px solid #D38235;
    top: 8px;
    left: 76px;
    z-index: 99;
}

.navbar-brand {
    padding-left: 9rem;
    margin: 0;
}


.user-dropdown {
    width: 100%;
}

/*spacing - start -*/

.pad-up {
    padding-top: 20px;
}

.pad-down {
    padding-bottom: 20px;
}

.pad-left {
    padding-left: 20px;
}

/*spacing - end -*/

/*button style - start -*/
/* .btn { color:#f3eede; } */
/* .btn-primary{

  color:#f3eede;
  background-color:#D38235;
  border-color:#D38235;

}
.btn-primary:hover{
  color:#f3eede;
  background-color:#D38235;
  border-color:#D38235;
} */

/*button style - end -*/

/*collapsible list*/

.page-item.active .page-link {
    z-index: 3;
    /* color: #f3eede;
    background-color:#D38235;
    border-color:#D38235; */
}

/*icon*/
/* .icon-color{
    color: rgb(106, 115, 57,0.75)!important;
  }
  .icon-color:hover{
   color: rgb(106, 115, 57)!important;
  } */
/*margin*/
/* .mg-top{
  margin-top: 15px !important;
} */

label {
    font-size: .7875rem;
    margin-bottom: 0.25rem;
}

.form-group {
    margin-bottom: 0.5rem;
}

.end {
    text-align: center;
}

.img-height {
    height: 200px;
}

.up-10 {
    padding-top: 10px;
}

/*Scroll*/
.container-main {
    max-width: 50%;
    width: 50%;
    float: left;
    height: 100vh;
    overflow-y: scroll;
    /*overflow:scroll;*/
}

/* .table th, .table td {
  border-top: 0 none;
} */
.table-no-bot-margin {
    margin-bottom: 0;
}

/* .table th, .table td {
    border-top: 0 none;
}

.lean-table {
  width: 100%;

} */


/* colors
Orange #D38235
Brown #48241B
Blue-Green #41748D
Dark Grey #606060
Light Grey #F0F0F0
Light Tan #F3EEDE

roll over Orange #D38235
*/


/* move to bootstrap vars */
/* .btn { border-color: #d38235; } */
/* .btn-outline-primary {
    color: #d38235 !important;
    border-color: #d38235 !important;
}
.btn-outline-primary:hover {
    color: #d38235 !important;
    border-color: #d38235 !important;
    background-color: white;
}

.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
    background-color: #d38235 !important;
} */

/* .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
    color: #fff;
} */

.alert ul, .alert ol {
    margin-bottom: 0;
}


.more-less-shipping[aria-expanded=false]:before {
    content: "Show More";
}

.more-less-shipping[aria-expanded=true]:before {
    content: "Show Less";
}

.more-less-import[aria-expanded=false]:before {
    content: "Import From Excel";
}

.more-less-import[aria-expanded=true]:before {
    content: "Hide Import From Excel";
}

select option:disabled {
    color: #000;
    font-weight: semi-bold;
}

select option:disabled {
    color: #c0c1c4;
}

.csr-card-btn {
    top: 20px;
    position: absolute;
    right: 22px;
}

.main-content {
    max-width: 100rem;
}

/* Action Bar (Adding to Order) */
.action-bar-card {
    border: 1px solid #48241B;
}

.action-bar-card .card-header {
    border-bottom: 1px solid #48241B;
}

.action-bar-card .card-body {
    padding: 0;
}

.action-bar-link {
    color: #48241B;
    font-size: 20px;
}

.action-bar-link-sm {
    font-size: 17px;
}

.action-bar-link:hover {
    background-color: #48241B;
    color: #FFF;
}

.action-bar-link.child-link {
    font-size: 1rem;
    padding-left: 2.5rem;
}

.required {
    color: #e3342f;
}

.grey-out {
    background-color: #e2e2e2;
}

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
    color: #D38235;
}


/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
.la-ball-spin-clockwise,
.la-ball-spin-clockwise > div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.la-ball-spin-clockwise {
    display: block;
    font-size: 0;
    color: #fff;
}

.la-ball-spin-clockwise.la-dark {
    color: #333;
}

.la-ball-spin-clockwise > div {
    display: inline-block;
    float: none;
    background-color: currentColor;
    border: 0 solid currentColor;
}

.la-ball-spin-clockwise {
    width: 32px;
    height: 32px;
}

.la-ball-spin-clockwise > div {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    margin-left: -4px;
    border-radius: 100%;
    -webkit-animation: ball-spin-clockwise 1s infinite ease-in-out;
    -moz-animation: ball-spin-clockwise 1s infinite ease-in-out;
    -o-animation: ball-spin-clockwise 1s infinite ease-in-out;
    animation: ball-spin-clockwise 1s infinite ease-in-out;
}

.la-ball-spin-clockwise > div:nth-child(1) {
    top: 5%;
    left: 50%;
    -webkit-animation-delay: -.875s;
    -moz-animation-delay: -.875s;
    -o-animation-delay: -.875s;
    animation-delay: -.875s;
}

.la-ball-spin-clockwise > div:nth-child(2) {
    top: 18.1801948466%;
    left: 81.8198051534%;
    -webkit-animation-delay: -.75s;
    -moz-animation-delay: -.75s;
    -o-animation-delay: -.75s;
    animation-delay: -.75s;
}

.la-ball-spin-clockwise > div:nth-child(3) {
    top: 50%;
    left: 95%;
    -webkit-animation-delay: -.625s;
    -moz-animation-delay: -.625s;
    -o-animation-delay: -.625s;
    animation-delay: -.625s;
}

.la-ball-spin-clockwise > div:nth-child(4) {
    top: 81.8198051534%;
    left: 81.8198051534%;
    -webkit-animation-delay: -.5s;
    -moz-animation-delay: -.5s;
    -o-animation-delay: -.5s;
    animation-delay: -.5s;
}

.la-ball-spin-clockwise > div:nth-child(5) {
    top: 94.9999999966%;
    left: 50.0000000005%;
    -webkit-animation-delay: -.375s;
    -moz-animation-delay: -.375s;
    -o-animation-delay: -.375s;
    animation-delay: -.375s;
}

.la-ball-spin-clockwise > div:nth-child(6) {
    top: 81.8198046966%;
    left: 18.1801949248%;
    -webkit-animation-delay: -.25s;
    -moz-animation-delay: -.25s;
    -o-animation-delay: -.25s;
    animation-delay: -.25s;
}

.la-ball-spin-clockwise > div:nth-child(7) {
    top: 49.9999750815%;
    left: 5.0000051215%;
    -webkit-animation-delay: -.125s;
    -moz-animation-delay: -.125s;
    -o-animation-delay: -.125s;
    animation-delay: -.125s;
}

.la-ball-spin-clockwise > div:nth-child(8) {
    top: 18.179464974%;
    left: 18.1803700518%;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
}

.la-ball-spin-clockwise.la-sm {
    width: 16px;
    height: 16px;
}

.la-ball-spin-clockwise.la-sm > div {
    width: 4px;
    height: 4px;
    margin-top: -2px;
    margin-left: -2px;
}

.la-ball-spin-clockwise.la-2x {
    width: 64px;
    height: 64px;
}

.la-ball-spin-clockwise.la-2x > div {
    width: 16px;
    height: 16px;
    margin-top: -8px;
    margin-left: -8px;
}

.la-ball-spin-clockwise.la-3x {
    width: 96px;
    height: 96px;
}

.la-ball-spin-clockwise.la-3x > div {
    width: 24px;
    height: 24px;
    margin-top: -12px;
    margin-left: -12px;
}

/*
 * Animation
 */
@-webkit-keyframes ball-spin-clockwise {
    0%,
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    20% {
        opacity: 1;
    }
    80% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}

@-moz-keyframes ball-spin-clockwise {
    0%,
    100% {
        opacity: 1;
        -moz-transform: scale(1);
        transform: scale(1);
    }
    20% {
        opacity: 1;
    }
    80% {
        opacity: 0;
        -moz-transform: scale(0);
        transform: scale(0);
    }
}

@-o-keyframes ball-spin-clockwise {
    0%,
    100% {
        opacity: 1;
        -o-transform: scale(1);
        transform: scale(1);
    }
    20% {
        opacity: 1;
    }
    80% {
        opacity: 0;
        -o-transform: scale(0);
        transform: scale(0);
    }
}

@keyframes ball-spin-clockwise {
    0%,
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    20% {
        opacity: 1;
    }
    80% {
        opacity: 0;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
    }
}

/* contrast compliance */
.text-muted {
    color: #60686f !important;
}

.breadcrumb {
    padding: 0;
    margin-bottom: 0;
    background: transparent;
}