/* Modal window animation */



/* 

.kn.modal-card-title{

  font-size: 18em;

  height: 60px;

  font-weight: 700;

  display: none; 

}

  

  

.modal-card-head {

  flex-wrap: wrap;

  height: 0px;

  padding-right: 0px;

  padding-left: 0px;

  padding-top: 0px;

  padding-bottom: 0px;

  visibility: hidden;

}

.kn-modal-bg {

    background-color: hsla(0,0%,4%,.1);

}



@media only screen and (min-width: 650px){

.kn-modal {

  height:fit-content; 

  left: auto;/* 60% 

  top:30%;

  position:absolute;

  width: unset;

  animation: kn-modals 0.50s; 

  animation-fill-mode: forwards;

}}



@keyframes kn-modals {

  0% {



  }

  100% {

  transform: translate(0px); /* scale(1);

  }

} *

*/





#kn-app-header #knack-logo{padding: 0px 0px;}

#kn-app-header #knack-logo img {height: 120px !important;}







/* Barcode */



@font-face

{

font-family: Code39AzaleaFont;

src: url('https://s3.amazonaws.com/kn-includes/fonts/Code.eot') format('embedded-opentype'), /* IE9 Compat Modes */

url('https://s3.amazonaws.com/kn-includes/fonts/Code39Azalea.woff') format('woff'), /* Modern Browsers */

url('https://s3.amazonaws.com/kn-includes/fonts/Code39Azalea.ttf') format('truetype'), /* Safari, Android, iOS */

url('https://s3.amazonaws.com/kn-includes/fonts/Code39Azalea.svg#Code39Azalea') format('svg'); /* Legacy iOS */

font-weight: normal;

font-style: normal;

}



/* These field IDs will need to be changed to match your app */

/* You can also make changes to the font-size here if you need to */



.field_665 span { font-size: 80px; font-family: Code39AzaleaFont }

  

.field_665 span:before 

{ 

content: "";

}

  

.field_665 span:after

{

    content: "";

}







/* Start of Knack Pros */



/* Reduce thickness of app header and hide the links */

.kn-current_user {

  visibility: hidden;

  height: 0;

}



/* Enlarge all modals */

@media screen and (min-width: 769px) {

  .kn-modal {

    min-width: 85vw;

  }

}



#view_437 #kn-input-field_387 .kn-required {

  display: none;

}



.kn-button.is-danger {

  background-color: #cc0000!important;

  color: #fff!important;

}

.kn-button.is-warning {

  background-color: #ff9933!important;

  border: 1px solid #ff9933!important;

  color: #fff!important;

}

.kn-button.is-dark {

  background-color: #333333!important;

  border: 1px solid #333333!important;

  color: #fff!important;

}



.bg-success {

  background-color: #2ab27b;

}

.bg-warning {

  background-color: #ff9933;

}

.bg-dark {

  background-color: #333333;

}

.bg-secondary {

  background-color: #999;

}

.text-success {

  color: #2ab27b;

}

.text-warning {

  color: #ff9933;

}

.text-secondary {

  color: #999;

}



.kn-link.kn-button:not(.control.has-addons .kn-link), 

#view_430 button[type="submit"], 

#view_419 button[type="submit"], 

#view_341 button[type="submit"],

#kn-scene_217 .kn-back-link a, 

#kn-scene_210 .kn-back-link a {

  font-weight: 400;

  font-size: 15px;

  height: 34px !important;

  min-width: 180px;

}

  

.kn-button.search {

  background-color: #66cc99;

  border-color: #66cc99;

  color: #ffffff;

  margin-left: 6px;

  border-radius: 5px!important;

}

input[name="keyword"] {

  border-radius: 5px!important;

}



/* Tables */



.kn-table td, .kn-table th {

  white-space: nowrap;  

}



thead { 

  background-color: rgba(0,0,0,.08);

}

table, th, td {

  border: 1px solid #999;

}



td {

  vertical-align: middle!important;

}



.kn-table-wrapper {

  margin-top: 1em;

}



/* pencils */

/* .kn-table.cell-editable td.cell-edit:not([data-field-key="field_460"]):after {

  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-edit-2'%3E%3Cpath d='M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z'%3E%3C/path%3E%3C/svg%3E");

  margin-left: 6px;

}



[data-field-key="field_460"]:after {

  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-edit-2'%3E%3Cpath d='M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z'%3E%3C/path%3E%3C/svg%3E");

  margin-left: 6px;

} */



/* Filter Tabs */

.js-filter-menu.tabs .is-active a { 

  background-color: #fff;

}   

.js-filter-menu.tabs li:not(.is-active) a { 

  background-color: rgba(0,0,0,.08);

  box-shadow: none;

}

.js-filter-menu.tabs a {

  font-weight: 500;

}



/* Other */

#app-menu-list li.is-active a {

  background-color: #517C95;

}

#app-menu-list li.is-active a span {

  color: #fff;

}

#app-menu-list li:not(.is-active) a:hover {

  background-color: #D7DCE0;

}

#kn-mobile-menu .is-active a {

  color: inherit;

}

.kn-info-bar {

  background-color: #517C95;

  font-size: initial;

}

.kn-info.kn-container {

  justify-content: right;

}

.kn-current-user-intro {

  display: none;

}

.kn-current_user {

  color: #999; /* hyphens are same color as background to hide them */

}

.kn-current_user .first, .kn-current_user .last {

  display: none;

}

.kn-current_user a {

  color: #fff !important;

  text-decoration: none;

}

.kn-crumbtrail {

  display: none;

}



/* Admin > Work Orders, Admin > Inventory */

/* global search */

#view_292 .kn-submit, #view_291 .kn-submit {  

  margin-top: -47px; 

  margin-left: 182px; 

}   

#view_292 button[type="submit"], #view_291 .kn-button[type=submit] { 

  min-width: 70px; 

}

/* Admin > Inventory */

#view_291 .kn-view {

  margin-bottom: 0;

}



/* Customer > Work Orders, Admin > Work Orders, Customer > Inventory, Admin > Inventory */

/* #view_421 .kn-link-page, #view_403 .kn-link-page, #view_121 .kn-link-page, #view_279 .kn-link-page {

  text-decoration: underline!important;

} */



.kn-link.kn-link-page:not(.kn-button) {

  text-decoration: underline!important;

}



/* Admin > Inventory */

#kn-scene_4 .view-column-group-2 {

  flex: 0;

  padding-left: 0;

}

#view_160 {

  margin-bottom: 0;

}



/* Admin > Work Orders > Work Order Details */

#view_430 {

  margin-bottom: 1em;

}



/* Customer > Work Orders > Work Order Details */

#view_419 {

  margin-bottom: 1em;

}



/* Admin > Work Orders */

#view_437 form { 

  display: flex; 

}

#view_437 button[type="submit"] { 

  margin-top: 5px;

  margin-left: 5px;

}



/* UTILITIES */

/* text */

.font-size-xs { 

  font-size: 0.75rem !important;

  line-height: 1rem !important;

}   



.font-size-sm {

  font-size: 0.875rem !important; 

  line-height: 1.25rem !important;

}    



.font-size-base {

  font-size: 1rem !important;

  line-height: 1.5rem !important;

}



.font-size-lg {

  font-size: 1.125rem !important;

  line-height: 1.75rem !important;

}



.font-size-xl {

  font-size: 1.5rem !important;

  line-height: 2rem !important;

}



.font-size-xxl {

  font-size: 2.25rem !important;

  line-height: 3rem !important;

}



.font-size-xxxl {

  font-size: 3rem !important;

  line-height: 3.5rem !important;

}

.font-size-xxxxl {

  font-size: 3.5rem !important;

  line-height: 4rem !important;

}

/* margin */

.mt-0, .my-0 {

  margin-top: 0!important;

}

.mb-0, .my-0 {

  margin-bottom: 0!important;

}

.ml-0, .mx-0 {

  margin-left: 0!important;

}

.mr-0, .mx-0 {

  margin-right: 0!important;

}

.mt-1, .my-1 {

  margin-top: .25rem!important;

}

.mb-1, .my-1 {

  margin-bottom: .25rem!important;

}

.ml-1, .mx-1 {

  margin-left: .25rem!important;

}

.mr-1, .mx-1 {

  margin-right: .25rem!important;

}

.mt-2, .my-2 {

  margin-top: .5rem!important;

}

.mb-2, .my-2 {

  margin-bottom: .5rem!important;

}

.ml-2, .mx-2 {

  margin-left: .5rem!important;

}

.mr-2, .mx-2 {

  margin-right: .5rem!important;

}

.mt-3, .my-3 {

  margin-top: 1rem!important;

}

.mb-3, .my-3 {

  margin-bottom: 1rem!important;

}

.ml-3, .mx-3 {

  margin-left: 1rem!important;

}

.mr-3, .mx-3 {

  margin-right: 1rem!important;

}

.mt-4, .my-4 {

  margin-top: 1.5rem!important;

}

.mb-4, .my-4 {

  margin-bottom: 1.5rem!important;

}

.ml-4, .mx-4 {

  margin-left: 1.5rem!important;

}

.mr-4, .mx-4 {

  margin-right: 1.5rem!important;

}

.mt-5, .my-5 {

  margin-top: 3rem!important;

}

.mb-5, .my-5 {

  margin-bottom: 3rem!important;

}

.ml-5, .mx-5 {

  margin-left: 3rem!important;

}

.mr-5, .mx-5 {

  margin-right: 3rem!important;

}

.mx-auto {

  margin-left: auto!important;

  margin-right: auto!important;

}

.my-auto {

  margin-top: auto!important;

  margin-bottom: auto!important;

}

/* fractions */

.mt-half {

  margin-top: .125rem!important;

}

.mb-half {

  margin-bottom: .125rem!important;

}

.ml-half {

  margin-left: .125rem!important;

}

.mr-half {

  margin-right: .125rem!important;

}

.mt-1-and-half {

  margin-top: .375rem!important;

}

.mb-1-and-half {

  margin-bottom: .375rem!important;

}

.ml-1-and-half {

  margin-left: .375rem!important;

}

.mr-1-and-half {

  margin-right: .375rem!important;

}

/* padding */

.pt-0, .py-0 {

  padding-top: 0!important;

}

.pb-0, .py-0 {

  padding-bottom: 0!important;

}

.pl-0, .px-0 {

  padding-left: 0!important;

}

.pr-0, .px-0 {

  padding-right: 0!important;

}

.pt-1, .py-1 {

  padding-top: .25rem!important;

}

.pb-1, .py-1 {

  padding-bottom: .25rem!important;

}

.pl-1, .px-1 {

  padding-left: .25rem!important;

}

.pr-1, .px-1 {

  padding-right: .25rem!important;

}

.pt-2, .py-2 {

  padding-top: .5rem!important;

}

.pb-2, .py-2 {

  padding-bottom: .5rem!important;

}

.pl-2, .px-2 {

  padding-left: .5rem!important;

}

.pr-2, .px-2 {

  padding-right: .5rem!important;

}

.pt-3, .py-3 {

  padding-top: 1rem!important;

}

.pb-3, .py-3 {

  padding-bottom: 1rem!important;

}

.pl-3, .px-3 {

  padding-left: 1rem!important;

}

.pr-3, .px-3 {

  padding-right: 1rem!important;

}

.pt-4, .py-4 {

  padding-top: 1.5rem!important;

}

.pb-4, .py-4 {

  padding-bottom: 1.5rem!important;

}

.pl-4, .px-4 {

  padding-left: 1.5rem!important;

}

.pr-4, .px-4 {

  padding-right: 1.5rem!important;

}

.pt-5, .py-5 {

  padding-top: 3rem!important;

}

.pb-5, .py-5 {

  padding-bottom: 3rem!important;

}

.pl-5, .px-5 {

  padding-left: 3rem!important;

}

.pr-5, .px-5 {

  padding-right: 3rem!important;

}



.dot {

  height: 10px;

  width: 10px;

  border-radius: 50%;

  display: inline-block;

}



/* End of Knack Pros */