@font-face {
font-family: 'Klavika';
src: url('fonts/klavika-regular-webfont-webfont.eot');
src: url('fonts/klavika-regular-webfont-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/klavika-regular-webfont-webfont.woff2') format('woff2'),
url('fonts/klavika-regular-webfont-webfont.woff') format('woff'),
url('fonts/klavika-regular-webfont-webfont.ttf') format('truetype'),
url('fonts/klavika-regular-webfont-webfont.svg#klavikaregular') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Klavika';
src: url('fonts/klavika-medium-webfont-webfont.eot');
src: url('fonts/klavika-medium-webfont-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/klavika-medium-webfont-webfont.woff2') format('woff2'),
url('fonts/klavika-medium-webfont-webfont.woff') format('woff'),
url('fonts/klavika-medium-webfont-webfont.ttf') format('truetype'),
url('fonts/klavika-medium-webfont-webfont.svg#klavikamedium') format('svg');
font-weight: bold;
font-style: normal;
}

#main, #customer {
padding-bottom: 150px;
}

#customer .row {
width: 1540px;
max-width: 1540px;
}

#customer .row .row {
width: auto;
}

#customer .small-7 {
width: 62.33333%;
}
#customer .small-5 {
width: 37.66667%;
}

header {
background: #363636;
}

header, header .row, header .columns {
height: 135px;
}

header .row {
width: 1540px;
max-width: 1540px;
}

.logo {
float: left;
margin-top: 15px;
max-width: 135px;
}

.fish {
position: absolute;
    top: 10px;
    right: 100px;
    width: 50px;
}

#search {
height: 87px;
line-height: 87px;
background-color: #555;
margin-bottom: 18px;
}

#search a {
text-transform: uppercase;
color: #fff;
font-size: 18px;
padding: 0 25px;
}

#search a.smallLink {
    font-size: 14px;
}

#search a:hover {
color: #bebebe;
}

#search input {
margin-right: 26px;
width: 290px;
float: left;
height: 38px;
background: #333333;
border-radius: 19px;
border: 1px solid #fff;
color: #fff;
padding: 0;
padding-left: 50px;
padding-right: 20px;
margin-bottom: 0;
margin-top: 25px;
background-image: url(../images/background-search.png);
background-repeat:no-repeat;
text-transform: uppercase;
background-position: 16px 6px;
}

#search .login-input {
  background: none;
    padding-left: 17px;
    margin-right: 0px;
    width: 400px;
}

h1 {
font-size: 30px;
text-transform: uppercase;
line-height: 1;
}

h2 {
font-size: 30px;  
color: white!important;
text-transform: uppercase;
}

h3 {
font-size: 20px;
color: #000000;
line-height: 1.2;
margin-top: 0;
margin-bottom: 36px;
}

h4 {
font-size: 24px;
text-transform: uppercase;
width: auto;
display: inline-block;
}

.appointments {
width: 530px;
float:right;
}

.orange {
background-color: #f8af1d;
color: white;
border-radius: 18px;
-webkit-border-radius: 18px;
width: 500px;
float: right;
margin-right: 40px;
}

.orange hr {
border-color: white;
margin: 0;
margin-top: 20px;
}

.box {
padding: 32px 38px;
}

.siderbar {
padding-top: 15px;
}

.recent {
margin-top: 90px;   
}

.appointments {
margin-left: 100px;
}

.entry {
height: 30px;
line-height: 30px;
border-radius: 15px;
-webkit-border-radius: 15px;
padding-left: 0;
margin-bottom: 2px!important;
cursor: pointer;

}

.entry .name {
padding-left: 20px;   
}

.entry .date, .entry .arrow {
color: #999999;
padding: 0;
text-align: right;
padding-right: 20px;
font-size: 15px;
}


.entry .name span {
color: #f8af1d;
}

.entry:hover {
background-color: #dddddd;
}

.entry:hover .name, .entry:hover .arrow {
color: #f8af1d;
}

.tabs {
text-transform: uppercase;
}

.tabs dd a {
padding: 16px 15px 14px;
border-right: 1px solid white;
line-height: 1;
}

.tabs dd.active a, .tabs .tab-title.active a {
background-color: #4f7ca8;
color: white;
}

.tabs dd.active:after {
content: " ";
background-image: url(../images/active-arrow.jpg);  
position: absolute;
left: 50%;
bottom: -9px;
width: 16px;
height: 9px;
margin-left: -8px;
}

.tabs-content > .content {
padding: 32px 0;
}

.tabs-content p {
font-size: 16px;   
}

.brand-circle {
width: 36px;
height: 36px;
line-height: 36px;
text-align: center;
display: inline-block;
float: left;
font-weight: bold;
font-size: 15px;
margin-right: 13px;
margin-top: 5px;
border-radius: 18px;
background-color: #f8af1d;
color: white;
cursor: pointer;
}

#history .order-circle {
    background-color: #f8af1d;
}

#history .order-circle a {
  color: #fff;
}

.accordion .accordion-navigation > a, .accordion dd > a {
padding: 0!important;
background: transparent;
}

.accordion .accordion-navigation > .content, .accordion dd > .content {
padding: 0;   
padding-right: 100px;
}

span.notes {
color: #f8af1d;
font-size: 16px;
text-align: right;
float: right;
margin-right: 340px;
margin-top: 7px;
opacity: 1;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}

.accordion-navigation.active span.notes {
opacity: 0;
}

.sales {
min-height: 1220px;
}

.call-button {
width: 100%;
height: 64px;
line-height: 66px;
border-radius: 32px;
display: block;
background-color: white;
font-size: 36px;
padding-left: 40px;
margin-bottom: 40px;
}

.box strong {
color: #404041;
font-size: 17px;
text-transform: uppercase;
}

.box .action {
text-align: right;
font-size: 16px;
color: white;
width: 100%;
display: block;
}

.box p {
font-size: 24px;
line-height: 1.2;
margin-top: 5px;
}

.box .brand-circle, #call-notes .brand-circle {
background-color: white;
color: #f8af1d;
}

.button-row .columns {
padding-left: 7px;
padding-right: 7px;
margin-top: 50px;
}

.white-button {
display: block;
height: 40px;
border-radius: 20px;
background-color: white;
color: #f8af1d;
width: 185px;
line-height: 42px;
font-size: 18px;
text-transform: uppercase;
padding-left: 20px;
cursor: pointer;
}

.notes-button {
display: inline-block;
height: 40px;
border-radius: 20px;
background-color: white;
color: #f8af1d;
line-height: 42px;
font-size: 18px;
text-transform: uppercase;
text-align: center;
padding: 0 30px;
cursor: pointer;
}

.notes-button.inactive {
display: inline-block;
height: 40px;
border-radius: 20px;
background-color: #f8af1d;
color: white;
line-height: 42px;
font-size: 18px;
text-transform: none;
text-align: center;
padding: 0 30px;
}

.order-circle {
height: 36px;
line-height: 36px;
text-align: center;
display: inline-block;
float: left;
font-weight: bold;
font-size: 15px;
margin-right: 13px;
margin-top: 5px;
border-radius: 18px;
background-color: white;
color: #f8af1d;
padding: 0 16px;
cursor: pointer;
}

#call-notes {
background-color: #dddddd;
padding: 32px 38px;
color: #000000;
background-image: url(../images/arrow-orange.jpg);
background-size: auto;
background-repeat: no-repeat;
background-position: center top;
}

#call-notes .order-circle {
margin-right: 264px;
margin-bottom: 5px;
}

#call-notes p.note {
padding-left: 50px;
}

.reveal-modal {
background-color: #f8af1d;
border: none;
width: 720px;
padding: 55px 110px;
border-radius: 18px;
-webkit-border-radius: 18px;
}

.reveal-modal label {
color: white;
text-transform: uppercase;
font-size: 18px;
}

input[type="radio"] {
margin: 0;   
}

.reveal-modal .row {
width: auto;
}

.reveal-modal .columns {
padding: 0;
padding-left: 12px;
padding-right: 12px;
}

.reveal-modal .notes-button {
width: 100%;
text-align: left;
padding-left: 20px;
}

.reveal-modal p  {
color: white;
line-height: 1.2;
}

input[type=radio]{
display: none;   
}

.reveal-modal label:before {  
content: "";  
display: inline-block;  
width: 18px;
height: 18px;
margin-right: 10px;  
position: absolute;  
left: 0;  
bottom: 6px;
background-color: #fff;   
}  

.reveal-modal label {  
display: inline-block;  
cursor: pointer;  
position: relative;  
padding-left: 25px;  
margin-right: 15px;  
}  

.reveal-modal label:before {  
border-radius: 9px;  
}  

input[type=radio]:checked + label:before {  
content: "\2022";
color: black;
font-size: 48px;
text-align: center;
line-height: 20px;
padding-left: 1px;
}

.loading-circle {
    width: 71px;
    vertical-align: middle;
}

#call-details {
    display: none;
}


.info-msg, .success-msg, .warning-msg, .error-msg, .validation-msg {
border: 1px solid!important;
margin: 10px 0px!important;
padding:15px 10px 15px 50px!important;
background-repeat: no-repeat!important;
background-position: 10px center!important;
}
.info-msg {
color: #fff;
background-color: #4f7ca8;
background-image: url('images/info.png');
}
.success-msg {
color: #4F8A10;
background-image:url('images/success.png');
background-color: #DFF2BF;
}
.warning-msg {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('images/warning.png');
}
.error-msg {
color: #fff;
background-color: #E40A0A!important;
background-image: url('images/error.png')!important;
}

.letters a {
    padding: 4px 20px;
}

.letters a:nth-child(even){
    background: #f9f9f9;
}

.letters a.active {
  background: #000;
}

.ui-autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;
    padding: 4px 0;
    margin: 0 0 10px 25px;
    list-style: none;
    background-color: #ffffff;
    border-color: #ccc;
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
}

.ui-menu-item > a.ui-corner-all {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #555555;
    white-space: nowrap;
    text-decoration: none;
}

.ui-state-hover, .ui-state-active {
    color: #ffffff;
    text-decoration: none;
    background-color: #0088cc;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    background-image: none;
}

.ui-autocomplete li {
  cursor: pointer;
  padding: 5px 10px;
}

/*** ADMIN ***/
.admin-icons-holder {
    float: left;
    width: 250px;
    text-align: center;
}

.admin-icons-holder img {
  width: 128px;
  height: 128px;
}

.admin-nav-icons img {
  width: 55px;
  height: 55px;
  margin-top: 6px;
}

.admin-nav-icons div {
  text-align: center;
  line-height: 25px;
}

#admin-table {
  width: 100%;
}

#admin-table_length {
  float: left;
  width: 130px;
}

#admin-table_filter {
  float: right;
  width: 25%;
}

.dataTables_info, .dataTables_paginate {
  text-align: right;
}

#admin-table_previous {
  margin-right: 25px;
}

#admin-table {
  display: none;
}

th {
  cursor: pointer;
}

#admin-table img {
  max-width: 25px;
}

.admin-title {
    color: #000!important;
}

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
  margin-bottom: 0px;
}

select.chosen {
  height: 40px;
}

 #sales h4 {
  display: block;
}

#sales p {
  font-size: 18px;
  padding-top: 10px;
  margin-bottom: 10px;
}

#history p {
  overflow: hidden;
}

#action img {
  width: 20px;
}

#action h4 {
  vertical-align: top;
}

.exclaim {
color: #f8af1d;
}

.accordion-navigation button {
    display: none;
    padding: 5px 6px 3px 5px!important;
    font-size: 21px!important;
    margin-right: 5px!important;
}

dd:hover button {
  display: inline-block;
}

.accordion-navigation .dropdown.button.tiny::after, .accordion-navigation button.dropdown.tiny::after {
  border: 0px;
}

.f-dropdown img {
  width: 20px;
}

.accordion .accordion-navigation > a, .accordion dd > a {
  display: inline-block;
}

.blue {
  color: #4f7ca8!important;
}

.add_new_link {
  vertical-align: middle;
  font-size: 14px;
}

.add_new_link img {
  width: 20px;
}

.add-new-hidden {
  display: none;
}

select {
  min-width: 220px;
}

.author {
    clear: both;
    display: block;
    margin-top: -15px;
    font-size: 13px;
    font-style: italic;
    color: #919191;
}

.authorized-dealers {
  clear: both;
  margin-top: 20px;
}

.purchaseOrder__edit,
.purchaseOrder__edit table td {
    font-size: 20px;
    line-height: 26px;
}

.purchaseOrder__edit textarea {
    font-size: 20px;
    line-height: 26px;
    height: 130px;
    width: 385px;
}

.purchaseOrder__edit input[type="text"] {
    width: initial;
    display: inline;
}

.purchaseOrder__edit label {
    display: inline-block;
    font-size: 20px;
    color: #000;
}

.accountNumbers {
    display: inline-block;
    width: 33%;
}

.purchaseOrder__billTo, .purchaseOrder__shipTo, .purchaseOrder__dateTerms {
    width: 33%;
    display: inline-block;
    vertical-align: top;
}

.purchaseOrder__billTo input[type="text"],
.purchaseOrder__shipTo input[type="text"],
.purchaseOrder__dateTerms input[type="text"] {
    margin-top: 10px;
}

.purchaseOrder__productsTable {
    width: 100%;
    border-collapse: collapse;
    border: 0;
    margin: 25px 0 30px 0;
}

.purchaseOrder__productsTable tbody tr td:first-of-type {
    vertical-align: top;
}

.purchaseOrder__edit tfoot td {
    background: #fff;
    border-top: 2px solid #ebebeb;
    border-bottom: 2px solid #ebebeb;
    padding: 20px 0;
}

.purchaseOrder__customerNotes {
    float: left;
    padding: 15px 15px;
    background: #ebebeb;
}

.purchaseOrder__totals {
    float: right;
}

.purchaseOrder__internalNotes {
    float: left;
}

.purchaseOrder__coverLetter {
    float: right;
}

.purchaseOrder__finalNotes {
    margin-top: 30px;
}

.purchaseOrder__totalsTable {
    border: 0;
    border-collapse: collapse;
}

.purchaseOrder__totalsTable tr {
    background: #fff!important;
}

.purchaseOrder__totalsTable td {
    border-bottom: 2px solid #ebebeb;
}

.purchaseOrder__dateTerms {
    text-align: right;
}

#searchBySku {
    font-size: 20px;
    width: 365px;
}

.purchaseOrder__edit input[type="text"] {
    font-size: 17px;
}

.purchaseOrder__sendTo {
    margin: 10px 0 20px 0;
}

.purchaseOrder__actions {
    float: right;
    width: 385px;
}

.purchaseOrder__btn {
    color: #fff;
    padding: 10px 15px;
    float: left;
    background: #a1a1a1;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    margin-bottom: 15px;
}

.purchaseOrder__removeItem {
    color: #000;
}

.purchaseOrder__btn:hover {
    opacity: .7;
    color: #fff;
}

.purchaseOrder__btn.purchaseOrder__btn--send {
    float: right;
    font-weight: bold;
    background: #4f7ca8;
}

.purchaseOrder__totalsTable tr td:first-of-type {
    text-align: right;
    padding-right: 15px;
}

#landingPage h4 {
    display: block;
}

.crmFormGroup .chosen-container {
    min-width: 100%;
    max-width: 100%;
}

.crmFormGroup {
    display: inline-block;
    width: 45%;
    margin: 0 0 10px 0;
}

#landingPage label {
    display: inline-block;
    width: 105px;
    text-align: right;
    padding-right: 5px;
    vertical-align: middle;
    line-height: 15px;
}

#landingPage input, #landingPage select, .crmFormGroup .chosen-container {
    display: inline-block;
    width: 60%;
    min-width: 60%;
    margin: 0;
}

#landingPage input[type="submit"] {
    display: block;
    min-width: 150px;
    max-width: 150px;
    font-size: 20px;
    margin: 30px 0 0;
}

.dealerPhotos__container {
    margin: 0 3% 30px 0;
}

.dealerPhotos__photo {
    width: 20%;
    margin-right: 2%;
}

.dealerPhotos__photo, .dealerPhotos__seo {
    display: inline-block;
    vertical-align: middle;
}

.dealerPhotos__seo {
    width: 76%;
}

.dealerPhoto__formGroup {
    margin-bottom: 20px;
}

.dealerPhotos__photo img {
    margin-bottom: 10px;
    display: block;
}

#landingPage input[type="file"] {
    width: 100%;
}

#dealerPhotos {
    margin-top: 25px;
}

#dealerPhotos__template {
    display: none;
}

#landingPage #dealerPhotos input, #landingPage #dealerPhotos select, #landingPage #dealerPhotos .chosen-container {
    width: 69%;
}

.crmFormGroup--full {
    display: block !important;
    width: 84% !important;
}

#landingPage .crmFormGroup--full label {
    text-align: left;
}

#landingPage__dealerBio {
    height: 100px;
}

#landingPage input[type="checkbox"] {
    width: 30px;
    min-width: 30px;
}

.landingPage__previewLink {
    font-size: 15px;
    vertical-align: middle;
}

.purchaseOrder__addNew {
    color: #fff;
    padding: 10px 15px;
    float: right;
    font-weight: bold;
    background: #4f7ca8;
    margin-right: 118px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.purchaseOrder__addNew:hover {
    color: #fff;
    opacity: .7;
}

.purchaseOrder__draftOrderLink {
    color: #000;
    max-width: 550px;
    display: block;
}

.purchaseOrder__backToProfile {
    margin: -25px 0 20px 0;
    display: block;
}

.purchaseOrderForm__inputError {
    border: 2px solid red!important;
}
#inventoryOverview,
#inventoryOverview thead {
    background: #fff;
}

#inventoryOverview {
    border: 1px solid #000;
}

#inventoryOverview thead {
    background: #fff;
}

#inventoryOverview td,
#inventoryOverview th {
    text-align: center;
    border-right: 1px solid #000;
    background-color: #fff;
}

#inventoryOverview thead tr th:last-of-type,
#inventoryOverview tbody tr td:last-of-type {
    border-right: 0;
}

#inventoryOverview .inventoryOverview__fill--primary {
    background-color: #ccffcc;
}

#inventoryOverview .inventoryOverview__fill--secondary {
    background-color: #b7dee8;
}

.dataTables_filter {
    width: 35%;
}

.dataTables_wrapper .dataTables_filter input {
    display: inline-block;
    width: 70%;
}

button.dt-button, div.dt-button, a.dt-button {
    background: #4f7ca8 !important;
    color: #fff !important;
    padding: 5px 25px !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: #4f7ca8 !important;
    color: #fff !important;
    padding: 0px 10px !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0 10px!important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    padding: 0px 10px !important;
    background: #4f7ca8 !important;
    opacity: .7;
    border: 0!important;

}
.inventoryOverview__refreshBtn {
    width: 25px;
}
#inventoryOverview.inventoryOverview--hebron {
    width: 50%!important;
}

#inventoryOverviewHebron__modal.inventoryOverviewHebron__modal--open {
    pointer-events: all;
    opacity: 1;
}
.inventoryOverviewHebron__saveBtn {
    color: #fff;
    padding: 10px 15px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    float: right;
    font-weight: bold;
    background: #4f7ca8;
    margin-bottom: 15px;
    margin-bottom: -2em;
    position: relative;
    z-index: 9;
}

#inventoryOverview_wrapper + .inventoryOverviewHebron__saveBtn {
    margin-bottom: 5em;
}

.inventoryOverviewHebron__saveBtn:hover {
    opacity: .7;
    color: #fff;
}
#inventoryOverviewHebron__modal {
    opacity: 0;
    pointer-events: none;
    display: table;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .7);
    z-index: 999999;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.inventoryOverviewHebron__modalContent {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    color: #fff;
}
.inventoryOverviewHebron__modalContent p {
    text-align: center;
    font-size: 32px;
}
.hebronInventory__hiddenForExport {
    display: none;
}
#inventoryOverview_length {
    float: none;
    width: 200px;
    margin-bottom: 1em;
}
#inventoryOverview_length select {
    min-width: 110px;
    display: inline;
    width: 110px;
    margin: 0 5px;
}
.kmcProgressBar {
    position: relative;
    padding-bottom: 20px;
    max-width: 200px;
}

.kmcProgressCircle {
    position: absolute;
    width: 12px;
    height: 12px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background: blue;
    z-index: 9;
}

.kmcProgressCircle--Sent {
    background: #4f7ca8;
}

.kmcProgressCircle--Backorder {
    background: #ff0000;
    display: none;
}

.kmcProgressCircle--Processing {
    left: 45%;
    background: #ccc;
}

.kmcProgressCircle--Shipped {
    left: 90%;
    background: #ccc;
}

.kmcProgressBar:before {
    border: 2px solid #ccc;
    position: absolute;
    width: 95%;
    content: ' ';
    left: 0;
    top: 4px;
}

.kmcProgressBar:after {
    border: 2px solid #4f7ca8;
    position: absolute;
    content: ' ';
    left: 0;
    top: 4px;
    width: 25%;
}

.kmcProgressBar.kmcProgressBar--Processing .kmcProgressCircle--Processing,
.kmcProgressBar.kmcProgressBar--Processing .kmcProgressCircle--Sent {
    background: #4f7ca8;
}

.kmcProgressBar.kmcProgressBar--Processing:after {
    border-color: #4f7ca8;
    width: 45%;
}

.kmcProgressBar.kmcProgressBar--Shipped .kmcProgressCircle--Processing,
.kmcProgressBar.kmcProgressBar--Shipped .kmcProgressCircle--Sent,
.kmcProgressBar.kmcProgressBar--Shipped .kmcProgressCircle--Shipped {
    background: #54ac4a;
}

.kmcProgressBar.kmcProgressBar--Shipped:after {
    border-color: #54ac4a;
    width: 95%;
}

.kmcProgressBar.kmcProgressBar--Backorder .kmcProgressCircle--Backorder {
    display: block;
}

.kmcProgressBar.kmcProgressBar--Backorder .kmcProgressCircle--Sent {
    display: none;
}

.kmcProgressBar.kmcProgressBar--Backorder:after {
    width: 0;
}

#orderStatusUpdateModal {
    background: #fff;
}

#orderStatusUpdateModal label,
#orderStatusUpdateModal h2,
#orderStatusUpdateModal .close-reveal-modal {
    color: #000 !important;
}

#orderStatusUpdateForm label:before {
    display: none;
}

#orderStatusUpdateForm label {
    padding-left: 0;
}

.btnMkBlue {
    color: #fff;
    padding: 10px 15px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    float: right;
    font-weight: bold;
    background: #4f7ca8;
    margin-bottom: 15px;
    margin-bottom: -2em;
}
.btnMkBlue:hover {
    opacity: .7;
    color: #fff;
}
#orderStatusUpdateMessage {
    color: #54ac4a;
}
.updateStatusBtns .btnMkBlue {
    float: none;
}
.updateStatusBtns {
    text-align: right;
}
.kmcProgressBarLabel {
    display: block;
    max-width: 200px;
    text-align: center;
}
.customerOrdersList {
    width: 87%;
}
.customerOrdersList tbody tr {
    cursor: pointer;
}
.customerOrdersList__status {
    text-align: center;
}
#inventoryOverview .inventoryOverview__fill--tertiary {
    background-color: rgba(248, 175, 29, 0.58);
}
.includeCostsButton {
    float: right;
    padding: 5px 10px;
}