body{font-family:"Titillium Web",sans-serif}
.nav-link,.text-primary{color:#01aef0 !important}
.btn-outline-info{color:#01aef0;border-color:#01aef0}
.btn-outline-info:hover{background:#01aef0}
.btn-info{background:#01aef0}
.spec-table{text-align:left;width:100%}
.spec-table td,.spec-table th{border-bottom:1px solid #cecdcd;padding:8px 4px;vertical-align:top;font-size:16px}
.spec-table tr:last-child td{border-bottom:0 none}
hr{border:0 none;background:#80d6f7}
.nav-link{font-size:1.2rem !important}
.nav-link:hover{border:1px solid #01aef0;border-radius:4px}
.search-holder{position:relative}

.typeahead {background:#fff;position:absolute;top:100%;border:1px solid #333;width:100%;z-index:1000}
.typeahead .option{cursor:pointer}
.typeahead .option img{max-width:60px}
.typeahead .option:hover{background:#ddd}

.table-striped>tbody>tr:nth-of-type(odd)>*{--bs-table-accent-bg:rgba(1,174,240,.1)}
.bg-info{background-color:rgba(1,174,240,.5) !important}
.modal-header .btn-close{margin:inherit}

.cart-row{border-bottom:1px solid #ccc}
#payment-credit img{display:none}


/*tjj wants the copyright at the bottom so hack away we shall*/
html{height:100%}
body{position:relative;margin:0;min-height:100%;padding-bottom:6.74rem}
#footer{padding:35px;position:absolute;right:0;left:0;bottom:0}


.track-line{height:2px !important;background-color:#01aef0;opacity:1}
.dot{height:10px;width:10px;margin-left:3px;margin-right:3px;margin-top:0px;background-color:#01aef0;border-radius:50%;display:inline-block}
.big-dot{height:25px;width:25px;margin-left:0px;margin-right:0px;margin-top:0px;background-color:#01aef0;border-radius:50%;display:inline-block}
.big-dot i{font-size:12px}
.big-dot svg{color:#fff}
#user-header a:link,#user-header svg{color:#01aef0 !important}


.table{display:table;width:100%;border-collapse:collapse}
.table-row{display:table-row}
.table-cell, .table-head{display:table-cell;padding:1em;border:#f0f0f0 1px solid;vertical-align:top}
.table-head{font-weight:bold}
.table-head.qty,.table-cell.qty{width:35px}
.table-head.render,.table-cell.render{width:165px}
.table-head.item-description,.table-cell.item-description{width:360px}
.table-head.editing,.table-cell.editing{width:250px}
.table-cell.footer-adds{width:437px}
.table-cell.totals-col{width:318px}
.totals-col input[type=\"text\"]{display:none}
.totals-col{padding:0}
.totals-col .table-cell{border-right:transparent;border-left:transparent}
.table-cell.total-desc,.table-cell.total-price{text-align:right}
.table-cell.total-desc{border-right:#f0f0f0 1px solid;width:167px}
.table-cell.footer-adds,.table-cell.footer-buttons{vertical-align:middle}
.table-cell img{max-height:300px;max-width:200px}
#model img{max-width:100%}


#nest-svg{height:600px;width:100%}
.form-control{border:1px solid #333 !important}
.form-floating>.form-control-plaintext~label, .form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label{color:#333 !important;}

#preview img{width:75px;border-radius:4px}
#preview .holder{position:relative;width:75px;height:auto;display:inline-block}
#preview .holder .progress{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:10;height:0.75rem;width:90%}
#cad img{border:3px solid #333;width:100%}