body{padding-top:2.75rem}a,boutton,.badge,.panel-list{transition:all 0.3s ease}a:not(.btn-outline-dark):not(.nav-link),#footer .nav-link,.dashboard .nav-link,.btn-link{color:#00a5bb}a:not(.btn-outline-dark):not(.nav-link):hover,a:not(.btn-outline-dark):not(.nav-link):focus,#footer .nav-link:hover,#footer .nav-link:focus,.dashboard .nav-link:hover,.dashboard .nav-link:focus,.btn-link:hover,.btn-link:focus{color:#008fa1}.dropdown-item:active{color:#fff !important;background-color:rgba(0,151,167,0.5)}select:disabled,.form-control::placeholder,.form-select.empty{color:#999}#header{width:100%;padding:.5rem 0;background-color:rgba(255,255,255,0.9);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid #ccc;box-shadow:0 0 2px rgba(0,0,0,0.1);position:fixed;top:0;left:0;z-index:1000}#header .logo{height:1.75rem}#header .nav-link{color:#37474F}#header .nav-link.active{font-weight:bold}#header .nav-link:hover,#header .nav-link:focus{color:#212121}#main-nav>.navbar>.btn[aria-expanded="true"] .fa-caret-down{transform:rotate(180deg);transform-origin:center}#footer-bottom{color:#fff}.offcanvas-header .logo{height:1.5rem}main{padding-top:2rem;padding-bottom:3rem}.boxshadow-inset{box-shadow:inset 0 0 3px rgba(0,0,0,0.15)}.selector{flex-wrap:wrap}.selector .btn{display:flex;flex-direction:column;justify-content:space-between;width:100px;border-radius:0;position:relative}.selector .btn.active{border-color:transparent;background-color:#eee;border-radius:.25rem}.selector .btn.active:hover,.selector .btn.active:focus{background-color:#eee}.selector:not(.selector-row) .btn-check+.btn{color:var(--bs-body-color);background-color:#fff;border-color:#8c8c8c}.selector:not(.selector-row) .btn-check+.btn:hover,.selector:not(.selector-row) .btn-check+.btn:focus{background-color:#eee}.selector:not(.selector-row) .btn-check+.btn:active{box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.selector:not(.selector-row) .btn-check:checked+.btn{background-color:#eee;box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.selector .invalid-feedback{position:absolute;top:100%;left:0}.selector-row{display:flex}.selector-row .btn{width:80px}.table th{background-color:#f0f4f8}.table .picture{max-width:200px}textarea.form-control{min-height:5lh}#loading{display:none;position:fixed;top:0;left:0}#loading p{font-size:2rem}#loading.active{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;background-color:rgba(255,255,255,0.8);color:#ddd;z-index:9999999}.img-holder{min-width:200px;max-width:300px;cursor:pointer}.bit-picture{max-height:100px}.icon-head{display:block;width:50px;height:50px}.icon{width:2rem;margin-right:.5rem;background-color:#fff}.icon-tip{display:inline-block;width:1.2rem;height:1.2rem;margin-bottom:-.2rem;margin-right:.1rem;background-position:center bottom;background-size:contain;background-repeat:no-repeat}.icon-tip.PH{background-image:url(../images/bits/svg/tip_phillips.svg)}.icon-tip.PZ{background-image:url(../images/bits/svg/tip_pozidriv.svg)}.icon-tip.SL{background-image:url(../images/bits/svg/tip_plain_slotted.svg)}.icon-tip.T{background-image:url(../images/bits/svg/tip_torx.svg)}.icon-tip.TH{background-image:url(../images/bits/svg/tip_torx_tamper_proof.svg)}.icon-tip.H{background-image:url(../images/bits/svg/tip_hexagonal.svg)}.icon-tip.HBP{background-image:url(../images/bits/svg/ball-point.svg)}.icon-tip.SQ{background-image:url(../images/bits/svg/tip_square.svg)}.no-image{height:32px}.dashboard .nav-item.active{background-color:#fff;border-radius:0.5rem 0.5rem 0 0}.step-bar .step{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#ccc;padding-bottom:2.5rem;margin-bottom:1.5rem;position:relative}.step-bar .step .circle{display:inline-block;width:2rem;height:2rem;padding:.1rem;border-radius:50%;border:2px solid #ddd;color:#ddd;font-weight:bold;background-color:#fff;position:absolute;left:calc(50% - 1rem);bottom:0}.step-bar .step::before,.step-bar .step::after{display:block;width:50%;height:.5rem;background-color:#ddd;content:"";position:absolute;bottom:.75rem;z-index:-1}.step-bar .step::before{left:0}.step-bar .step::after{right:0}.step-bar .step.active{border-color:#00BCD4;color:#fff;background-color:#00BCD4}.step-bar .step:first-child .circle{background-color:#0097A7;border-color:#0097A7;color:#fff}.step-bar .step:first-child::before{background-color:transparent}.step-bar .step:last-child::after{background-color:transparent}.step-bar.step-1:first-child{color:#0097A7}.step-bar.step-2 .step:first-child::after{background-color:#0097A7}.step-bar.step-2 .step:nth-child(2){color:#0097A7}.step-bar.step-2 .step:nth-child(2) .circle{background-color:#0097A7;border-color:#0097A7;color:#fff}.step-bar.step-2 .step:nth-child(2)::before{background-color:#0097A7}.step-bar.step-3{color:#0097A7}.step-bar.step-3 .step .circle{background-color:#0097A7;border-color:#0097A7;color:#fff}.step-bar.step-3 .step:nth-child(n+2)::before,.step-bar.step-3 .step:nth-child(-n+2)::after{background-color:#0097A7}.step-bar.step-3 .step:last-child{color:#0097A7}.panel-list{padding:0.5rem 1rem;margin:1rem 1rem 0;width:calc(100% - 2rem);position:relative}.panel-list.title{font-weight:bold;padding:0 1rem}.panel-list.list-item{border:1px solid #ccc}.panel-list.list-item:hover{background-color:#f5f5f5;cursor:pointer}.panel-list.list-item:hover a .collapsing{color:transparent}.content-collapse.show{width:calc(100% - 2rem);margin:0 1rem}.content-collapse .table{margin-bottom:.5rem}.btn label{padding-top:.375rem;padding-bottom:.875rem;flex:1 1 auto;cursor:pointer}.btn .form-select,.btn .form-control{border-width:1px 0 0;border-radius:0;position:relative;bottom:0;height:2.25rem}.btn .form-select:disabled,.btn .form-control:disabled{cursor:not-allowed}.btn small{font-size:.8em}.btn img{max-width:calc(100% - 1rem)}.btn img+img{margin-top:.25rem}.btn-outline-dark:hover .badge.text-bg-dark,.btn-outline-dark:focus .badge.text-bg-dark,.btn-outline-dark:active .badge.text-bg-dark{background-color:#fff !important;color:#212529 !important}.btn-outline-vessel{background-color:transparent;border:1px solid #D7000F;color:#D7000F !important}.btn-outline-vessel:hover,.btn-outline-vessel:focus,.btn-outline-vessel:active{background-color:#D7000F !important;color:#fff !important}.btn-cyan{background-color:#00BCD4;border-color:#00BCD4;color:#fff !important}.btn-cyan:hover,.btn-cyan:focus,.btn-cyan:active{background-color:#00a5bb !important;border-color:#00a5bb;color:#fff !important}.btn-outline-cyan{background-color:transparent;border-color:#00BCD4;color:#00BCD4 !important}.btn-outline-cyan:hover,.btn-outline-cyan:focus,.btn-outline-cyan:active{background-color:#00BCD4 !important;border-color:#00BCD4;color:#fff !important}.btn-feature{width:70px;height:70px;padding:0;border:.25rem solid transparent;margin-right:.5rem}.btn-feature .btn-feature:last-child{margin-right:0}.btn-feature img{width:100%;max-width:100%}.btn-check:checked+.btn-feature{border-color:rgba(0,188,212,0.3)}.bg-dark:not(.navbar) a{color:#00BCD4}.bg-dark:not(.navbar) a:hover,.bg-dark:not(.navbar) a:focus,.bg-dark:not(.navbar) a:active{color:#00d3ee}.bg-grey-800{background-color:#37474F}.h-25r{height:2.5rem}.min-w-5{min-width:5rem}.w-100px{width:100px}.nw{white-space:nowrap}.list-square{list-style:square !important}.list-square .nav-link{padding-left:.5rem}.list-group-item.form-control:nth-child(n+2){border-top-left-radius:0;border-top-right-radius:0}.list-group-item.form-control:nth-child(-n+1){border-bottom-left-radius:0;border-bottom-right-radius:0}#to-top{display:flex;justify-content:center;align-items:center;width:3rem;height:3rem;background-color:rgba(0,0,0,0.8);border-radius:.25rem;color:#fff;text-align:center;box-shadow:0 0 8px rgba(0,0,0,0.25);position:fixed;bottom:-5rem;right:1rem;transition:.4s ease;opacity:0}#to-top.show{transform:translateY(-6rem);opacity:1}.page-link{color:#00BCD4}.page-link:hover{color:#00a5bb}.active>.page-link,.page-link.active{background-color:#00BCD4;border-color:#00BCD4}.active>.page-link:hover,.page-link.active:hover{color:#fff}div.dt-container div.dt-length select{margin-right:0}@media screen and (min-width: 768px){.dashboard .nav-item.active{border-radius:0.5rem 0 0 0.5rem}}@media screen and (min-width: 992px){body{padding-top:3.75rem}#header{padding:.75rem 0}#header .logo{height:2rem}#main-nav .nav-link{padding-left:1rem;padding-right:1rem}}@media screen and (min-width: 1200px){.selector>.btn{width:9%}.selector>.btn:last-child{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.selector>.btn:last-child .form-select,.selector>.btn:last-child .form-control{border-bottom-right-radius:.375rem}.selector>.btn-check:first-child+.btn{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.selector>.btn-check:first-child+.btn .form-select,.selector>.btn-check:first-child+.btn .form-control{border-bottom-left-radius:.375rem}#selected-tips{max-width:167.5px}}@media screen and (min-width: 1400px){.selector>.btn{width:115.6px}.selector.selector-12>.btn{width:108.9px}#selected-tips{max-width:317.5px}}
