@import url('https://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900');
@font-face{font-family:icomoon;src:url(https://www.puffer.com/wp-content/themes/Avada/assets/fonts/icomoon/icomoon.eot);src:url(https://www.puffer.com/wp-content/themes/Avada/assets/fonts/icomoon/icomoon.eot?#iefix) format('embedded-opentype'),url(https://www.puffer.com/wp-content/themes/Avada/assets/fonts/icomoon/icomoon.ttf) format('truetype'),url(https://www.puffer.com/wp-content/themes/Avada/assets/fonts/icomoon/icomoon.woff) format('woff'),url(https://www.puffer.com/wp-content/themes/Avada/assets/fonts/icomoon/icomoon.svg?#icomoon) format('svg');font-weight:400;font-style:normal}
body {
/*    padding-top: 50px;*/
    padding-bottom: 20px;

    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    color: #646567;
}

* {
    -ms-border-radius: 0 !important;
    border-radius: 0 !important;
}

/* Set padding to keep content from hitting the edges */
/*.body-content {*/
/*    margin-top: -170px;*/
/*    background-color: transparent;*/
/*}*/

a,
.btn.btn-link {
    color: #319c59;
}

a:hover,
.btn.btn-link:hover
 {
    color: #319c59;
}

/* 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 !1!*/
/*input,*/
/*select,*/
/*textarea {*/
/*    max-width: 280px;*/
/*}*/

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

.valvetrac-logo {
    padding-bottom: 20px;
}

/* Navbar styling */
.navbar {
    border-width: 0;
    min-height: 30px;
    background-color: transparent;
    margin-bottom: 0;
    font-weight: 500;
    font-size: 12px;
}

.top-nav {
    height: 47px !important;
    background-color: #2e2e2e;
}

.top-nav .navbar-nav > li > a,
.top-nav .navbar-nav > li > a:hover, 
.top-nav .navbar-nav > li > a:focus {
    color: white;
    background-color: transparent;
    font-size: 11px;
    letter-spacing: 2px;
}

.main-nav .navbar-nav > li {
    padding-left: 30px;
}

.main-nav .navbar-nav > li > a {
    color: #808080;
}

.main-nav .navbar-nav > li > a:hover, 
.main-nav .navbar-nav > li > a:focus {
    color: #319c59;
    background-color: transparent;
}

.title {
    font-size: 75px;
    font-weight: 100;
    font-style: normal;
    color: #989898;
    line-height: 75px;
}

.background {
    /*    background-color: #328F58;*/
    background-image: url("../Images/hextile.png");
    -ms-background-repeat: repeat;
    background-repeat: repeat;
    height: 234px;
}

.breadcrumb {
    min-height: 30px;
    line-height: 30px;
    background-color: #319B59;
    font-size: 17px;
    font-weight: 300;
    color: white;
    margin-bottom: 15px;
}

.breadcrumb a {
    color: white;
}
.breadcrumb a:hover {
    color: #eee;
    text-decoration: none;
}

.k-dropdown-wrap.k-state-focused  {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, .6);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, .6);
    border-color: #319c59;
}

.page-title {
    margin-bottom: 20px;
}

.customer-name {
    padding-top: 23px;
}

.search-criteria {
    margin-bottom: 10px;
}

.k-widget .k-input {
    font-size: 12px;
    line-height: 20px;
    height: 20px;
    padding: 6px;
}

.search-criteria .k-widget {
    width: 100%;
}

.customer-name {
    font-weight: 300;
}

.search-criteria-header {
    font-weight: 300;
    font-size: 15px;
    padding-bottom: 5px;
    color: #333333;
}

.form-inline .form-group {
    padding-bottom: 10px;
}

.form-control {
    font-size: 12px;
}

.severity-100 {
    color: #e2231a;
    font-weight: 700;
}

.severity-200 {
    color: #ec7423;
    font-weight: 700;
}

.severity-300 {
    color: #cb4b90;
    font-weight: 700;
}

.severity-400 {
    color: #7e458d;
    font-weight: 700;
}

.severity-500 {
    color: #4378a8;
    font-weight: 700;
}

.severity-600 {
    color: #333333;
    font-weight: 400;
}

.k-grid-header th.k-header {
    background-color: #319c59;
    border-color: #FFFFFF;
}

.k-grid-header a,
.k-grid-header a.k-link:link, 
.k-grid-header .k-link:visited, 
.k-grid-header .k-nav-current.k-state-hover .k-link, 
.k-grouping-header .k-link {
    color: #FFFFFF;
    font-weight: 600;
    font-size: 12px;
}

div.k-grid,
div.k-grid tr td {
    border-width: 0 0 0 0;
    font-weight: 400;
}

.k-link, .k-link:link, .k-link:visited, .k-nav-current.k-state-hover .k-link {
    color: #319c59;
}

.k-draghandle.k-state-selected:hover, 
.k-ghost-splitbar-horizontal, 
.k-ghost-splitbar-vertical, 
.k-list>.k-state-highlight, 
.k-list>.k-state-selected, 
.k-marquee-color, 
.k-panel>.k-state-selected, 
.k-scheduler .k-scheduler-toolbar .k-state-selected, 
.k-scheduler .k-today.k-state-selected, 
.k-state-selected, 
.k-state-selected:link, 
.k-state-selected:visited {
    color: #fff;
    background-color: #319c59;
    border-color: #319c59;
}

.form-control:focus {
    border-color: #319c59;
}

.search-results {
    padding: 0 15px;
}

.record-count {
    display: inline-block;
    padding-left: 20px;
}

.k-list-container .k-list .k-item
{
    padding-right: 25px;
    white-space: nowrap;
}

table.vv-pretest th {
    min-width: 100px;
}

.k-widget.k-dropdown.form-control {
    width: 100%;
}


.order-status-col{
    background-color: #319c59;
    color: white;
    border-right:solid;
    border-color:white;
}
.order-status-col2{
    background-color: #9CCF9C;
    border-right:solid;
    border-color: white;
}

.order-status-header{
    background-color: #319c59;
    color: white;
}

.order-status-header2{
    background-color: #9CCF9C;
    min-height:5px;
}

.table-header{
    color: #FFFFFF;
    font-weight: 600;
    font-size: 12px;

}

.table-header2{
    background-color:#9CCF9C;
    border-color: #FFFFFF;
    font-weight: 600;
    font-size: 12px;
}

.order-status-search-light{
    background-color:#9CCF9C;
}


th.hideme, td.hideme{
    border:0 !important;
}

.item-col{
    min-width: 35px;
}

table.order-status-search{
    border:0;
}

.field-validation-error{
    color:red;
}
.field-validation-valid{
    display:none;
}