.loader{border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;width:30px;height:30px;animation:spin 2s linear infinite;display:inline-block}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}label.required:after{content:" *";color:red}body{margin:0;padding:0;background:#fff;max-width:100%;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a:hover{text-decoration:none;cursor:pointer}a,button{outline:none!important}.page-bgcolor,.modal .page-bgcolor,.panel .page-bgcolor{background-color:var(--background-color)}.voffset{margin-top:30px}.row-no-gutters{margin-right:0;margin-left:0}.row.row-no-gutters>[class^="col-"],.row.row-no-gutters>[class*=" col-"]{padding-right:0;padding-left:0}.breadcrumbs>a{font-size:20px}.breadcrumbs a span.fa-stack{font-size:20px}.mobile-center img,.mobile-center div.item{margin:5px 0;height:50px}.dropdown-menu .dropdown-menu{top:-8px;left:100%}.dropdown-menu .dropmenu-flow-right{top:100%;left:0;margin-left:-1px;border-top-left-radius:0;border-top-right-radius:0}.dropdown-menu .dropdown span{border:4px solid var(--flat-dark-color);border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent;margin:6px -5px 0 0!important;float:right}.scrollToTop{float:right}.btn.pull-right{margin:0 0 5px 5px}.btn-d,.btn-d:hover,.btn-d:focus{color:#fff;background:rgba(0,0,0,.3)}button{outline:none!important}.btn .caret{margin:0 0 0 5px}.dropdown a .caret{margin:0 0 0 5px}.btn-dropdown .dropdown-menu .dropdown{padding:3px 20px}.text-w-50{max-width:50%}.text-center.text-w-sm,.text-center.text-w-md,.text-center.text-w-lg,.text-center.text-w-90,.text-center.text-w-80,.text-center.text-w-70,.text-center.text-w-60,.text-center.text-w-50{margin-left:auto;margin-right:auto}.text-bold{font-weight:700}.text-underline{text-decoration:underline!important}.panel-sq,.panel-sq .panel-heading,.panel-sq .panel-footer{border-radius:0}.panel-rd{border-radius:30px}.panel-rd .panel-heading{border-radius:29px 29px 0 0}.panel-rd .panel-footer{border-radius:0 0 29px 29px}.divider-h{padding:20px 0}.divider-h span{display:block;border-top:1px solid transparent}.divider-half{width:50%;margin:0 auto}.dropdown-menu .divider-h,.dropdown-menu .divider-half{padding:0}.form-control{border:solid 1px var(--border-color);box-shadow:none}iframe{border:0}h1{font-size:24px;font-style:normal;font-variant:normal;font-weight:500;line-height:26px}h3{font-size:14px;font-style:normal;font-variant:normal;font-weight:500;line-height:15px}p,a{font-size:14px;font-style:normal;font-variant:normal;font-weight:400;line-height:20px}blockquote{font-size:21px;font-style:normal;font-variant:normal;font-weight:400;line-height:30px}pre{font-size:13px;font-style:normal;font-variant:normal;font-weight:400;line-height:18px;background-color:#ddd;padding:15px;border-radius:10px;margin:5px;user-select:text}.recent-invoices{float:none;margin-left:50px}.recent-invoice-box{border:1px solid #333;width:15%;height:80px;padding:0;margin:auto 5px}.lock-screen{height:80%}.lock-screen-pin:before{content:"";display:inline-block;vertical-align:middle;height:100%}.lock-screen-pin{height:100px;width:100px;border-radius:50%;border:0 solid var(--flat-light-color);opacity:.9;vertical-align:middle}.lock-screen-pin:hover{border-radius:50%;border:2px solid var(--flat-light-color);opacity:.6}.lock-screen-field{width:40%;text-align:center;letter-spacing:10px;box-sizing:border-box;border:none;border-bottom:2px solid #4f5d75;-webkit-text-security:disc;font-size:50pt;color:transparent;text-shadow:0 0 0 var(--flat-dark-color);padding:0 0 0 20px;line-height:0}.lock-screen-field:focus{padding:0 0 0 40px;margin:-2.5px 0 0 0;border-bottom:5px solid #4f5d75}.search-field{width:40%;display:inline-block}.search-button{display:inline-block}.input-container{width:100%}.input-search{width:40%;display:inline-block;float:left;margin-right:20px}.input-search-button{display:inline-block;float:none;padding-right:25px;padding-left:25px;margin-right:10px;margin-left:10px}.customer-input-field{width:30%;display:inline-block;float:right;margin-right:500px}.customer-input-field-split-1{width:30%;display:inline-block;float:right;margin-left:75px;margin-right:10px}.customer-input-field-split-2{width:20%;display:inline-block;float:right;margin-right:10px}.checkbox{padding:0;margin:0}.new-customer-button{display:inline-block;margin-right:10px}.new-customer-button-cust{display:inline-block;margin-right:100px}.float-right{float:right}#customer-add{margin-left:25px}.new-customer-button-group{margin-left:400px}.phone-number-category{margin-left:40px}.table-heading{margin:0;padding:5px;text-transform:uppercase}.dropdown li:not([class*="bgc"]):nth-child(odd){background-color:var(--panel-color)}.dropdown li:not([class*="bgc"]):nth-child(even){background-color:var(--panel-color)}.entry-search-container{width:80%;margin:5px 10%;border:3px dotted var(--casper-obsidian);padding:20px 30px;text-align:right}.entry-search-container>form>input[type="text"]{width:40%}.entry-search-container>form>input[type="submit"],.entry-search-container>form>a{width:15%}div.header-row-container{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;border:0;margin:0;padding:0;width:100%}div.header-row-container>button,div.header-row-container>a{margin-left:15px}.page-title{margin-bottom:30px;text-align:center}#mac-lookup-container{width:550px;height:200px;overflow:hidden;position:relative}#mac-lookup{position:absolute;top:-430px;left:-350px;width:1280px;height:1200px}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}input:focus,select:focus,textarea:focus,button:focus{outline:none}.full-width{width:100%}.full-height{height:100%}.bgc-success{background-color:#5cb85c}.bgc-info{background-color:#5bc0de}.bgc-warning{background-color:#f0ad4e}.bgc-danger{background-color:#d9534f}.bgc-white{background-color:var(--panel-color)}.btn.bgc-white{border:gray solid 1px;color:gray}.bgc-gainsboro{background-color:#d8dee0}.btn-wire{border:#4f5d75 solid 2px;background-color:rgba(79,93,117,.01)}.btn-wire:hover{background-color:rgba(79,93,117,.25)}.bgc-red{background-color:#c70c23;color:var(--tc-primary)}.btn.bgc-red{background-color:#c70c23}.btn-forest-green-web{background:#28aa1e;color:#ffffff!important}.btn-forest-green-web:hover{background:#208818;color:#ffffff!important}.btn-firebrick{background:#a8201f;color:#ffffff!important}.btn-firebrick:hover{background:#861a19;color:#ffffff!important}.sm-break{margin-bottom:5px}.md-break{margin-bottom:10px}.lg-break{margin-bottom:20px}.xlg-break{margin-bottom:100px}.login-image-background{height:100%;width:100%;position:fixed;opacity:.2}.header-image{padding:10px;width:80%}.page-container{transition:margin-left 0.5s;background-color:var(--panel-color);height:100%;-webkit-overflow-scrolling:touch}.tooltip{z-index:4000}.bootstrap-datetimepicker-widget{z-index:4000}a.nav-btn{text-decoration:none;text-transform:uppercase;color:var(--tc-primary);transition:0.3s;font-weight:700;opacity:.5}a.nav-btn:hover{opacity:.9}a.nav-btn i{font-size:14px}.sidenav a.logoutButton{margin:50px 25px;width:150px;border:1px solid var(--panel-color);text-decoration:none;text-transform:uppercase;color:var(--tc-primary);opacity:.5;bottom:0;display:block;transition:0.3s;background-color:rgba(0,0,0,0);text-align:center;font-weight:700;position:absolute!important;display:inline-block!important;left:0px!important}.grow{transition-duration:0.35s}.grow:hover{transform:scale(1.045);box-shadow:2px 2px 20px 1px rgba(1,1,1,.1);transition-duration:0.35s}.nolink,.no-link{cursor:default;pointer-events:none}.clickable{cursor:pointer}.sidenav .close-sidebar{position:absolute;top:0;font-size:36px;margin-left:50px}.close-sidebar{right:0}.open-sidebar{padding-left:30px}.status{padding:10px;color:var(--tc-primary);font-weight:700;font-size:32px}.status-open,.bgc-status-open{background-color:green}.status-committed,.status-future,.bgc-status-committed,.bgc-status-future{background-color:orange}.status-closed,.bgc-status-closed{background-color:darkred}.invoice-table{border:var(--flat-dark-color) 1px solid;min-height:500px;padding-right:0;padding-left:10px}.invoice-table-totals{border:var(--flat-dark-color) 1px dotted;display:inline;vertical-align:bottom}.invoice-table-totals>div{display:inline;vertical-align:bottom}.line-item{height:50px;border:gray 1px dotted}.line-item.invoiced,.entry-item.open,.table-row.open{border-left:green 10px solid}.line-item.committed,.entry-item.committed,.line-item.future,.entry-item.future,.table-row.future{border-left:orange 10px solid}.entry-item.closed,.table-row.closed{border-left:red 10px solid}.line-item:nth-child(odd){background-color:rgba(145,145,145,.2)}.line-item>.row{padding:0 30px}.tc-white{color:var(--tc-primary)}.tc-white:hover{color:var(--tc-primary)}.tc-success{color:#28a745}.tc-success:hover{color:#28a745}.tc-info{color:#17a2b8}.tc-info:hover{color:#17a2b8}.tc-warning{color:#ffc107}.tc-warning:hover{color:#ffc107}.tc-danger{color:#dc3545}.tc-danger:hover{color:#dc3545}.part-status>span{font-size:10px;font-style:italic;font-weight:700}.part-status.committed{cursor:pointer;background-color:rgba(255,0,0,.1)}.part-status.invoiced{cursor:pointer;background-color:rgba(0,255,0,.1)}.invoice-qty{height:30px}.invoice-qty-force{height:30px;width:50px}.control-status{margin:0 auto;width:40%}.deleteButton{background:red;color:var(--tc-primary);font-family:"Helvetica","Arial",sans-serif;font-size:10px;font-weight:700;text-align:center;vertical-align:middle;width:15px;height:15px;border-radius:20px;display:inline-block}.deleteButton:hover{background:#c00;cursor:pointer}.deleteButton:after{content:"X"}#pin-field input[type="number"]{font-size:16px}.below-image-space{padding:50px 0}.nav-space{padding:10px auto}@media (max-width:1024px){.bloc{padding-left:20px;padding-right:20px}.bloc.full-width-bloc,.bloc-tile-2.full-width-bloc .container,.bloc-tile-3.full-width-bloc .container,.bloc-tile-4.full-width-bloc .container{padding-left:0;padding-right:0}}@media (max-width:992px) and (min-width:768px){.navbar .nav{max-width:10%}.nav-center.navbar .nav{max-width:100%}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape){.b-parallax{background-attachment:scroll}}@media (max-width:768px){.b-parallax{background-attachment:scroll}.page-container,#hero-bloc{overflow-x:hidden;position:relative}.bloc-group,.bloc-group .bloc{display:block;width:100%}.bloc-tile-2 .container,.bloc-tile-3 .container,.bloc-tile-4 .container{padding-left:10px;padding-right:10px}}@media (max-width:768px){.page-container{overflow-x:hidden;position:relative}h1,h2,h3,h4,h5,h6,p,#disqus_thread{padding-left:10px!important;padding-right:10px!important}#hero-bloc h1{font-size:40px}#hero-bloc h2{font-size:34px}#hero-bloc h3{font-size:25px}.b-parallax{background-attachment:scroll}.navbar .nav{padding-top:0;border-top:1px solid rgba(0,0,0,.2);float:none!important}.navbar.row{margin-left:0;margin-right:0}.site-navigation{position:inherit;transform:none;-webkit-transform:none;-ms-transform:none}.dropdown .dropdown a .caret{float:none;margin:5px 0 0 10px!important;border:4px solid var(--flat-dark-color);border-bottom-color:transparent;border-right-color:transparent;border-left-color:transparent}#hero-bloc .navbar .nav{background:rgba(0,0,0,.8)}#hero-bloc .navbar .nav a{color:rgba(255,255,255,.6)}.hero{padding:50px 0}.hero-nav{left:-1px;right:-1px}.navbar-collapse{padding:0;overflow-x:hidden;-webkit-box-shadow:none;box-shadow:none}.navbar-brand img{max-height:40px;width:auto}.nav-invert .navbar-header{float:none;width:100%}.nav-invert .navbar-toggle{float:left}.bloc-xxl,.bloc-xl,.bloc-lg{padding:40px 0}.bloc-sm,.bloc-md{padding-left:0;padding-right:0}.a-block{padding:0 10px}.btn-dwn{display:none}.voffset{margin-top:5px}.voffset-md{margin-top:20px}.voffset-lg{margin-top:30px}.close-lightbox{display:inline-block}.video-bg-container{display:none}.blocsapp-device-iphone5{background-size:216px 425px;padding-top:60px;width:216px;height:425px}.blocsapp-device-iphone5 img{width:180px;height:320px}.vertical{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);text-transform:uppercase;font-weight:700;white-space:nowrap;margin-bottom:125px!important}}@media (max-width:400px){.bloc{padding-left:0;padding-right:0;-webkit-background-size:auto 200%;-moz-background-size:auto 200%;-o-background-size:auto 200%;background-size:auto 200%}}@media (max-width:768px){.header-icon,.mobile .header-icon{margin-left:0}}@media (min-width:767px) and (max-width:768px){.mini-nav .special-dropdown-nav .site-navigation{display:block;position:absolute;top:80%;z-index:1000;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:var(--panel-color);-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}.mini-nav .special-dropdown-nav .site-navigation li{width:100%}.special-dropdown-nav.collapsing{transition:height 0.001s}.mini-nav .special-dropdown-nav .site-navigation li a{color:rgba(0,0,0,.6)!important}}.rounded{border-radius:8px}.round{border-radius:50%;background-color:#fff}.profileImage.round{border:solid 1px #535353}.profileImage{display:inline-block}.profileImage>img{object-fit:cover;border:none;min-width:36px;min-height:36px}.form-submit-loading{font-size:0;width:30px;height:30px;margin-top:5px;border-radius:15px;padding:0;border:3px solid #1c1c1c;border-bottom:3px solid rgba(255,0,0,0);border-left:3px solid rgba(0,0,255,0);background-color:transparent!important;animation-name:rotateAnimation;-webkit-animation-name:wk-rotateAnimation;animation-duration:1s;-webkit-animation-duration:1s;animation-delay:0.2s;-webkit-animation-delay:0.2s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;cursor:progress!important}@keyframes rotateAnimation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@-webkit-keyframes wk-rotateAnimation{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}.fa-stack[data-count]:after{position:absolute;right:0%;top:1%;content:attr(data-count);font-size:50%;padding:.6em;border-radius:999px;line-height:.75em;color:#fff;background:rgba(255,0,0,.85);text-align:center;min-width:2em;font-weight:700}