*{margin:0;padding:0;box-sizing:border-box}body{font-size:16px;line-height:20px;font-family:sans-serif;color:000}h1{font-weight:600;font-size:50px;line-height:130%;margin-bottom:20px}h2{font-weight:600;font-size:32px;line-height:130%;margin-bottom:20px}h3{font-weight:600;font-size:24px;line-height:140%}input[type=checkbox]{margin-right:10px;width:25px;height:25px;border-radius:2px}a{transition:.3s ease-in-out}@keyframes lds-dual-ring{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}#app{max-width:1440px;margin:0 auto;padding:60px 30px;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;min-height:100vh;position:relative}#app.loading:before{content:"";display:flex;align-items:center;justify-content:center;position:fixed;width:100%;height:100%;left:0;top:0;background:rgba(255,255,255,.7);backdrop-filter:blur(2px);z-index:9999}#app.loading:after{content:" ";display:block;position:fixed;z-index:9999;left:calc(50% - 32px);top:calc(50% - 32px);width:64px;height:64px;margin:8px;border-radius:50%;border:6px solid #111;border-color:#111 transparent #111 transparent;animation:lds-dual-ring 1.2s linear infinite}.sort{display:inline-flex;margin-left:5px;border-radius:16px;line-height:16px;width:16px;height:16px;align-items:center;justify-content:center;text-align:center;color:#fff;cursor:pointer;background:url(../images/filtruj-ico.svg) 100% 100% no-repeat;background-size:cover;border:1px solid #d9d9d9}.sort[sort-active=true]{border-color:#23AF00!important}.sort[sort-direction=DESC]{transform:rotate(180deg)}header{width:100%;margin-bottom:20px}.invoiceColumn>:not(span){display:flex;marign:0 auto}.openInvoice{display:flex;width:24px;height:24px;background:url(../images/link.svg) 100% 100% no-repeat;background-size:contain;margin:10px auto 0 auto;cursor:pointer;transition:.3s ease-in-out}.openInvoice:hover{opacity:.7}.view{width:100%}header{margin-bottom:20px;display:flex;align-items:center;justify-content:space-between}header .back{cursor:pointer}header .back span{color:#787878;font-size:14px}header .user-wrap{display:flex;align-items:center;margin-left:auto}header .user-wrap .logout{margin-left:5px}header .user-wrap .logout svg circle,header .user-wrap .logout svg path{transition:.3s ease-in-out}header .user-wrap .logout:hover svg circle{fill:#B7DEAD}header .user-wrap .logout:hover svg path{fill:#23AF00}header .alerts{position:fixed;right:30px;bottom:30px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;flex-direction:column;z-index:999999}header .alerts.hidding{transition:.3s ease-in-out;opacity:0}header .alerts.none{display:none}header .alerts .alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem;width:500px;margin:5px 0;text-align:center;box-shadow:0 5px 20px rgba(0,0,0,.1)}header .alerts .alert[alert-type=success]{color:#155724;background-color:#d4edda;border-color:#c3e6cb}header .alerts .alert[alert-type=warning]{color:#856404;background-color:#fff3cd;border-color:#ffeeba}header .alerts .alert[alert-type=error]{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}header .alerts .alert[alert-type=info]{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}.view.login #loginform{width:300px;margin:0 auto}.view.login #loginform .login-username{display:flex;flex-wrap:wrap;margin-bottom:20px}.view.login #loginform .login-username>label{width:100%;font-size:16px;margin-bottom:10px}.view.login #loginform .login-username>input{width:100%;padding:8px 15px;border:2px solid #D9D9D9;font-size:16px;border-radius:2px}.view.login #loginform .login-password{display:flex;flex-wrap:wrap;margin-bottom:20px}.view.login #loginform .login-password>label{width:100%;font-size:16px;margin-bottom:10px}.view.login #loginform .login-password>input{width:100%;padding:8px 15px;border:2px solid #D9D9D9;font-size:16px;border-radius:2px}.view.login #loginform .login-remember>label{display:flex;flex-wrap:wrap;align-items:center;font-weight:400;margin-bottom:20px}.view.login #loginform .login-submit>input[type=submit]{width:100%;padding:8px 15px;border:2px solid #B7DEAD;background:#B7DEAD;font-size:16px;border-radius:2px;color:#363636;cursor:pointer;transition:.3s ease-in-out}.view.login #loginform .login-submit>input[type=submit]:hover{background:#23AF00;border-color:#23AF00;color:#fff}.view.dashboard .checkbox-wrap{font-weight:700;display:inline-flex;align-items:center;cursor:pointer}.view.dashboard .checkbox-wrap:before{position:absolute;left:0;top:0;z-index:1;width:25px;height:25px;border:2px solid #D9D9D9;border-radius:2px}.view.dashboard ul.projectsList{display:flex;flex-wrap:wrap;margin-top:12px;margin-bottom:62px}.view.dashboard ul.projectsList li{list-style:none;margin-right:10px;margin-top:10px;width:fit-content;font-size:16px;cursor:pointer}.view.dashboard ul.projectsList li[isvisible=false][isarchive="1"]{display:none}.view.dashboard ul.projectsList li[isarchive="1"]{order:3}.view.dashboard ul.projectsList li a{border-radius:2px;border:2px solid #B7DEAD;background:#B7DEAD;display:block;padding:8px 15px;font-weight:500;color:#000;text-decoration:unset;transition:.3s ease-in-out}.view.dashboard ul.projectsList li a.active{background:#23AF00!important;border:2px solid #23AF00!important;color:#fff}.view.dashboard ul.projectsList li[isarchive="1"] a{border:2px solid #EDEDED;background:#EDEDED}.view.dashboard ul.projectsList li:hover a{border-color:#23AF00}.view.dashboard h2{display:flex;align-items:center;position:relative;width:fit-content}.view.dashboard h2 .projectPrefferences-icon{display:flex;align-items:center;margin-left:15px;cursor:pointer;height:30px}.view.dashboard h2 .projectPrefferences-icon .circle{width:5px;height:5px;background:gray;border-radius:5px;display:block;margin-right:5px;transition:.3s ease-in-out}.view.dashboard h2 .projectPrefferences-icon:hover .circle{background:#B7DEAD}.view.dashboard h2 .toltip.projectPrefferences{position:absolute;right:0;transform:translateX(calc(100% - 30px));background:#fff;padding:10px;top:calc(100% - 15px);box-shadow:0 5px 15px rgba(0,0,0,.1);display:flex;flex-direction:column}.view.dashboard h2 .toltip.projectPrefferences button{width:100%;background:0 0;border:none;text-align:left;padding:5px;cursor:pointer;transition:.3s ease-in-out}.view.dashboard h2 .toltip.projectPrefferences button:hover{color:#23AF00}.view.dashboard h2 .toltip.projectPrefferences button:first-child{margin-bottom:5px}.view.dashboard #actions{position:absolute;right:30px}.view.dashboard #actions button{display:inline-flex;align-items:center;flex-wrap:wrap;background:#EDEDED;padding:6px 10px;color:000;border:2px solid #EDEDED;font-size:16px;margin-right:10px;border-radius:2px;cursor:pointer;transition:.3s ease-in-out}.view.dashboard #actions button:last-child{margin-right:0}.view.dashboard #actions button:hover{border-color:#787878}.view.dashboard #actions button.addRecord:after{content:"";display:inline-block;margin-left:10px;width:19px;height:19px;background:url(../images/plus-ico.svg) 100% 100% no-repeat;background-size:cover}.view.dashboard #actions button.exportTable:after{content:"";display:inline-block;margin-left:10px;width:27px;height:24px;background:url(../images/ms-office-ico.png) 100% 100% no-repeat;background-size:cover}.view.dashboard #filters{min-height:40px;margin-bottom:30px}.view.dashboard #filters .header{display:flex;align-items:center}.view.dashboard #filters .header h3{font-weight:600;font-size:24px;line-height:140%;margin-right:31px;display:flex;align-items:center}.view.dashboard #filters .header h3 .filters-ico{display:inline-block;width:24px;height:24px;background:url(../images/filtruj-ico.svg) 100% 100% no-repeat;background-size:cover;margin-left:15px}.view.dashboard #filters .header .removeFilters{font-size:14px;cursor:pointer}.view.dashboard #filters .header .removeFilters:hover{text-decoration:underline}.view.dashboard #filters .filters-body{display:none;flex-wrap:wrap;justify-content:space-between;margin:30px 0}.view.dashboard #filters .filters-body .filter-group{width:fit-content;margin-left:20px}.view.dashboard #filters .filters-body .filter-group:first-child{margin-left:0}.view.dashboard #filters .filters-body .filter-group.search{position:relative}.view.dashboard #filters .filters-body .filter-group.search .cross{position:absolute;right:10px;color:#fff;bottom:6px;font-weight:700;cursor:pointer}.view.dashboard #filters .filters-body .filter-group .head-text{text-transform:uppercase;display:block;margin-bottom:15px}.view.dashboard #filters .filters-body .filter-group>span:not(.head-text){font-size:14px}.view.dashboard #filters .filters-body .filter-group button{border-radius:20px;padding:5px 10px;background:#ededed;border:1px solid #D3D3D3;margin-right:10px;cursor:pointer;transition:.3s ease-in-out}.view.dashboard #filters .filters-body .filter-group button:hover{border-color:#000}.view.dashboard #filters .filters-body .filter-group button.all-history{margin-right:30px}.view.dashboard #filters .filters-body .filter-group select{width:160px;padding:5px 10px;background:#ededed;border:1px solid #D3D3D3;cursor:pointer;transition:.3s ease-in-out}.view.dashboard #filters .filters-body .filter-group select:hover{border-color:#000}.view.dashboard #filters .filters-body .filter-group input[type=text]{width:160px;padding:5px 10px;background:#ededed;border:1px solid #D3D3D3;cursor:pointer;transition:.3s ease-in-out}.view.dashboard #filters .filters-body .filter-group input[type=text]:hover{border-color:#000}.view.dashboard #filters .filters-body .filter-group input[type=date]{padding:5px 10px;background:#ededed;border:1px solid #D3D3D3;cursor:pointer;transition:.3s ease-in-out}.view.dashboard #filters .filters-body .filter-group input[type=date]:hover{border-color:#000}.view.dashboard #filters .filters-body .filter-group input[type=date][name=dataFrom]{margin-left:5px;margin-right:5px}.view.dashboard #filters .filters-body .filter-group input[type=date][name=dataTo]{margin-left:5px}.view.dashboard #filters.open .header h3 .filters-ico{transform:rotate(180deg)}.view.dashboard #filters.open .filters-body{display:flex}.view.dashboard table{font-size:13px;border-collapse:collapse}.view.dashboard table tr.hide-row{display:none}.view.dashboard table td{width:fit-content;border:1px solid;padding:10px 5px;vertical-align:middle;text-align:center}.view.dashboard table td:first-child{min-width:45px}.view.dashboard table td.data{min-width:80px}.view.dashboard table td .edit_record{background:url(../images/edit-button.svg) 100% 100% no-repeat;width:15px;background-size:contain;height:15px;display:inline-block;border:1px solid #d9d9d9;border-radius:15px;cursor:pointer;transition:.3s ease-in-out}.view.dashboard table td .edit_record:hover{border-color:#23AF00!important}.view.dashboard table td[data-content=status]{position:relative}.view.dashboard table td[data-content=status] .status{display:block;width:20px;height:20px;border-radius:100%;margin:10px auto}.view.dashboard table td[data-content=status] .status[data-color*=gray]{background:#787878}.view.dashboard table td[data-content=status] .status[data-color*=red]{background:#B90000}.view.dashboard table td[data-content=status] .status[data-color*=green]{background:#23AF00}.view.dashboard table td[data-content=status] .toltip.statusSwitcher{position:absolute;top:0;right:0;background:#fff;padding:40px 10px 10px 10px;box-shadow:0 5px 15px rgba(0,0,0,.1);display:flex;flex-direction:column;z-index:1;width:150px}.view.dashboard table td[data-content=status] .toltip.statusSwitcher .cross{position:absolute;top:15px;right:15px;font-size:16px;font-weight:700;cursor:pointer;transition:.3s ease-in-out;z-index:99}.view.dashboard table td[data-content=status] .toltip.statusSwitcher .cross:hover{color:#23AF00}.view.dashboard table td[data-content=status] .toltip.statusSwitcher button{width:100%;background:0 0;border:none;text-align:left;padding:5px;display:flex;justify-content:space-between;cursor:pointer;transition:.3s ease-in-out}.view.dashboard table td[data-content=status] .toltip.statusSwitcher button:hover{color:#23AF00}.view.dashboard table td[data-content=status] .toltip.statusSwitcher button .circle{display:inline-block;width:10px;height:10px;border-radius:100%}.view.dashboard table td[data-content=status] .toltip.statusSwitcher button .circle.red{background:#B90000}.view.dashboard table td[data-content=status] .toltip.statusSwitcher button .circle.gray{background:#787878}.view.dashboard table td[data-content=status] .toltip.statusSwitcher button .circle.green{background:#23AF00}.view.dashboard table tr[data-alert=success]{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.view.dashboard table tr[data-alert=warning]{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.view.dashboard table tr[data-alert=error]{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.view.dashboard table tr[data-alert=info]{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}.view.editrecord .form,.view.newrecord .form{background:#FBFBFB;padding:50px 115px;margin-top:40px;display:flex;flex-wrap:wrap}.view.editrecord .form .row,.view.newrecord .form .row{width:100%;margin-bottom:20px;position:relative}.view.editrecord .form .row>span,.view.newrecord .form .row>span{display:inline-block;width:20%}.view.editrecord .form .row button,.view.newrecord .form .row button{border-radius:20px;padding:5px 10px;background:#FFF;border:1px solid #D9D9D9;margin-right:10px;cursor:pointer;transition:.3s ease-in-out}.view.editrecord .form .row button:hover,.view.newrecord .form .row button:hover{border-color:#000}.view.editrecord .form .row button.all-history,.view.newrecord .form .row button.all-history{margin-right:30px}.view.editrecord .form .row select,.view.newrecord .form .row select{padding:5px 10px;background:#FFF;border:1px solid #D9D9D9;cursor:pointer;transition:.3s ease-in-out}.view.editrecord .form .row select:hover,.view.newrecord .form .row select:hover{border-color:#000}.view.editrecord .form .row input[type=text],.view.editrecord .form .row textarea,.view.newrecord .form .row input[type=text],.view.newrecord .form .row textarea{width:663px;padding:5px 10px;background:#FFF;border:1px solid #D9D9D9;cursor:pointer;transition:.3s ease-in-out}.view.editrecord .form .row input[type=text].invoiceLink,.view.editrecord .form .row textarea.invoiceLink,.view.newrecord .form .row input[type=text].invoiceLink,.view.newrecord .form .row textarea.invoiceLink{width:80%}.view.editrecord .form .row input[type=text]:hover,.view.editrecord .form .row textarea:hover,.view.newrecord .form .row input[type=text]:hover,.view.newrecord .form .row textarea:hover{border-color:#000}.view.editrecord .form .row textarea,.view.newrecord .form .row textarea{height:120px}.view.editrecord .form .row input[type=date],.view.newrecord .form .row input[type=date]{padding:5px 10px;background:#FFF;border:1px solid #D9D9D9;cursor:pointer;transition:.3s ease-in-out}.view.editrecord .form .row input[type=date]:hover,.view.newrecord .form .row input[type=date]:hover{border-color:#000}.view.editrecord .form .row input[type=date][name=dataFrom],.view.newrecord .form .row input[type=date][name=dataFrom]{margin-left:5px;margin-right:5px}.view.editrecord .form .row input[type=date][name=dataTo],.view.newrecord .form .row input[type=date][name=dataTo]{margin-left:5px}.view.editrecord .form .row input[type=file],.view.newrecord .form .row input[type=file]{position:absolute;width:80%;opacity:0;cursor:pointer}.view.editrecord .form .row input[type=checkbox],.view.newrecord .form .row input[type=checkbox]{width:18px;height:18px;position:relative;top:2px}.view.editrecord .form .row .error,.view.newrecord .form .row .error{color:#721c24;background-color:#f8d7da!important;border-color:#f5c6cb!important}.view.editrecord .form .row .warning,.view.newrecord .form .row .warning{color:#856404;background-color:#fff3cd!important;border-color:#ffeeba!important}.view.editrecord .form .row .warning[type=checkbox],.view.newrecord .form .row .warning[type=checkbox]{position:relative}.view.editrecord .form .row .warning[type=checkbox]:not(:checked):after,.view.newrecord .form .row .warning[type=checkbox]:not(:checked):after{content:"";z-index:1;position:absolute;left:0;top:0;width:100%;height:100%;color:#856404;background-color:#fff3cd!important;border-color:#ffeeba!important}.view.editrecord .form .row .contractorsList,.view.newrecord .form .row .contractorsList{margin-left:20%;margin-top:0;max-height:120px;overflow-x:auto;background:#fff;width:663px;border:1px solid #D9D9D9;border-top:0}.view.editrecord .form .row .contractorsList .contractor,.view.newrecord .form .row .contractorsList .contractor{padding:5px 15px;font-size:14px;border-bottom:1px solid #D9D9D9;cursor:pointer;transition:.3s ease-in-out}.view.editrecord .form .row .contractorsList .contractor:hover,.view.newrecord .form .row .contractorsList .contractor:hover{background:#EDEDED}.view.editrecord .form button.save,.view.newrecord .form button.save{background:#EDEDED;border:2px solid #D3D3D3;border-radius:2px;font-size:18px;padding:5px 15px;transition:.3s ease-in-out}.view.editrecord .form button.save:hover,.view.newrecord .form button.save:hover{border-color:#000}[data-filter]{transition:.3s ease-in-out}[data-filter].active{border-color:#23AF00!important;background:#23AF00!important;color:#fff}