@font-face{font-family:Rubik;src:url(fonts/Rubik/Rubik-Light.ttf);font-weight:300;font-display:swap}
@font-face{font-family:Rubik;src:url(fonts/Rubik/Rubik-Regular.ttf);font-weight:400;font-display:swap}
@font-face{font-family:Rubik;src:url(fonts/Rubik/Rubik-Medium.ttf);font-weight:500;font-display:swap}
@font-face{font-family:Rubik;src:url(fonts/Rubik/Rubik-SemiBold.ttf);font-weight:600;font-display:swap}
@font-face{font-family:Rubik;src:url(fonts/Rubik/Rubik-Bold.ttf);font-weight:700;font-display:swap}
:root{--main-color:#1a73e8;--secondary-color:#5a8dee}
*{box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
html,.login{width:100%;height:100%}
body{position: relative;padding:0;margin:0;color:#677788;font-family:"Rubik",sans-serif;line-height:1;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(38,60,85,0);text-rendering:optimizeLegibility;font-smoothing:antialiased;-moz-font-feature-settings:liga on;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f9f9f9}
body:not(.login){padding-top:81px;padding-bottom:52px;min-height:100%}
footer{box-shadow:4px 0 10px #2832520001a;height:52px;line-height:52px;background:#fff;text-align:center;width:100%;    position: absolute;
    bottom: 0;}
header{box-shadow:0 4px 10px #2832520001a;background:#fff;height:81px;position:fixed;left:0;top:0;width:100%;z-index:99}
nav li{line-height:78px;position:relative;padding-left:28px;margin-right:30px;color:var(--main-color);transition:all .3s ease-in-out;border-bottom:3px solid #fff}
nav a{display:block;font-weight:300}
box-icon{display:block;fill:#677788;line-height:1;position:absolute;left:0;top:50%;transform:translateY(-50%)}
nav li box-icon{filter:invert(41%) sepia(73%) saturate(4634%) hue-rotate(203deg) brightness(94%) contrast(93%)}
.card{border: 1px solid #e5e5e5;margin-bottom:30px;-webkit-transition:all .3s ease;transition:all .3s ease;letter-spacing:.5px;border-radius:5px;background:#fff;padding:20px}
.container{margin:0 auto;width:90%;max-width:1440px}
input,button{font-family:"Rubik",sans-serif;font-size:16px}
a{text-decoration:none;color:var(--main-color)}
a:focus{outline:0}
a:visited{text-decoration:none}
p{clear:both;margin:5px 0 10px;line-height:1.5}
h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:1rem;font-weight:500;line-height:1.1;color:#202124}
h1{margin-bottom:20px}
button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}
button,select{text-transform:none}
label{display:inline-block}
section{z-index:1;display:block;clear:both;position:relative;padding:30px 0}
h1 a{text-decoration:underline}
img{max-width:100%;height:auto}
.flex{display:flex}
.full{width:100%}
.half{width:50%}
.three{width:30%}
.fwrap{flex-wrap:wrap}
.fspace{justify-content:space-between}
.fcenter{justify-content:center}
.acenter{align-items:center}
.fright{justify-content:right}
.grid-2{display:grid;grid-column-gap:2%;grid-template-columns:49% 49%}
.grid-3{display:grid;grid-column-gap:2%;grid-template-columns:32% 32% 32%}
.grid-1-3{display:grid;grid-column-gap:2%;grid-template-columns:32% 64%}
.grid-4{display:grid;grid-column-gap:.6667%;grid-template-columns:24.5% 24.5% 24.5% 24.5%}
.grid-5{display:grid;grid-column-gap:1%;grid-template-columns:19.2% 19.2% 19.2% 19.2% 19.2%}
.grid-6{display:grid;grid-column-gap:1%;grid-template-columns:15.2% 15.2% 15.2% 15.2% 15.2% 15.2%}
.grid-7{display:grid;grid-column-gap:1%;grid-template-columns:13.2% 13.2% 13.2% 13.2% 13.2% 13.2% 13.2%}
.error{display:block;font-size:12px;color:#e02b27}
.column-2{-moz-column-count:2;-webkit-column-count:2;column-count:2}
.column-3{-moz-column-count:3;-webkit-column-count:3;column-count:3}
.column-4{-moz-column-count:4;-webkit-column-count:4;column-count:4}
.crs{position:relative;display:inline-block}
.crs:before{content:"";display:block;margin:0 auto}
.s-8:before{width:8px;height:8px}
.s-10:before{width:10px;height:10px}
.s-12:before{width:12px;height:12px}
.s-14:before{width:14px;height:14px}
.s-16:before{width:16px;height:16px}
.s-18:before{width:18px;height:18px}
.s-21:before{width:21px;height:21px}
.s-36:before{width:36px;height:36px}
.m-home{background:url(icons/home.svg) center center no-repeat;background-size:contain}
.m-email{background:url(icons/email.svg) center center no-repeat;background-size:contain}
.box{box-shadow:0 1px 2px #2832520001a;border-radius:.3125rem;flex:1 1 auto;padding:1.375rem;background:#fff}
.centered{margin:0 auto;top:-50%;transform:translateY(50%);position:relative}
.form-control{display:block;width:100%;padding:.469rem .735rem;font-size:.9375rem;font-weight:400;line-height:1.8;color:#677788;background-color:#fff;background-clip:padding-box;border:1px solid #d4d8dd;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}
.btn{position:relative;display:inline-block;font-weight:500;line-height:1.8;color:#677788;text-align:center;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.469rem 1.375rem;font-size:.9375rem;border-radius:.25rem;transition:all .2s ease-in-out}
.form-control.error{background:rgb(245, 212, 212)}
.btn-primary{color:#fff;background-color:var(--main-color);border-color:var(--main-color)}
.btn-delete{color:#fff;background-color:rgb(246, 118, 118);border-color:var(--main-color)}
.btn-invoice{color:#fff;background-color:rgb(100, 133, 66);border-color:var(--main-color)}
.small{ line-height: 1.2;
    font-weight: 400;
    padding: 0.35rem 1rem;
    font-size: 14px;
    border-radius: 0.2rem;}
		.fright .linka{ padding-top:10px;margin-right:15px}
.btn-danger{background-color: #ffe5e5 !important;border-color:#ffe5e5 !important;
    color: #ff5b5c !important;}
.font-danger{color: #ff5b5c !important;}
.center{text-align:center}
.login{min-height:90vh}
.loading{display:none}
.leftLogo{position:relative}
.leftLogo img{position:relative;top:50%;transform:translateY(-50%)}
nav ul{padding:0;margin:0;list-style:none}
.signUp{text-align:center;width:100%;font-size:14px}
small{font-size:80%;font-weight:300;display:block}
.bg-overlay{position:absolute;height:100%;width:100%;right:0;bottom:0;left:0;top:0;opacity:.7;background-color:#283252}
.auth-one-bg .bg-overlay{background:-webkit-gradient(linear,left top,right top,from(#145cbb),to(#0b4087));background:linear-gradient(to right,#145cbb,#0b4087);opacity:.9}
.auth-one-bg-position{z-index:0;position:absolute;top:0;left:0;right:0;width:100%;height:380px}
.auth-one-bg{background-image:url(../images/app-back.jpg);background-position:center;background-size:cover}
.particles-js-canvas-el{position:relative}
.auth-one-bg .shape{position:absolute;bottom:0;right:0;left:0;z-index:1;pointer-events:none}
.auth-one-bg .shape>svg{width:100%;height:auto;fill:#f3f3f9;position:absolute;left:0;bottom:0}
.switch {
    margin-right: 0.75rem;
    position: relative;
    vertical-align: middle;
    margin-bottom: 0;
    display: inline-block;
    border-radius: 30rem;
    min-height: 1.35rem;
    font-size: .9375rem;
    line-height: 1.4;
}.switch-input {
    opacity: 0;
    position: absolute;
    padding: 0;
    margin: 0;
    z-index: -1;
}
.switch-toggle-slider {
    position: absolute;
    overflow: hidden;
    border-radius: 30rem;
    background: #e9ecee;
    color: #677788;
    transition-duration: .2s;
    transition-property: left,right,background,box-shadow;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.editTask{cursor:pointer}
.hand{cursor:pointer;cursor:hand}
.switch .switch-toggle-slider {
    width: 2.5rem;
    height: 1.35rem;
    font-size: .625rem;
    line-height: 1.35rem;
    border: 1px solid transparent;
    top: 0;
}
.switch-off, .switch-on {
    height: 100%;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 0;
    transition-duration: .2s;
    transition-property: left,right;
}
.switch .switch-on {
    padding-left: 0.25rem;
    padding-right: 1.1rem;
}
.switch-input:not(:checked)~.switch-toggle-slider .switch-on {
    color: transparent;
}.switch .switch-off {left:0;
    padding-left: 1.1rem;
    padding-right: 0.25rem;
}.switch-toggle-slider::after {
    content: "";
    position: absolute;
    left: 0;
    display: block;
    border-radius: 999px;
    background: #fff;
    box-shadow: -1px 2px 3px 0 rgb(0 0 0 / 20%);
    transition-duration: .2s;
    transition-property: left,right,background;
}
.switch .switch-toggle-slider::after {
    top: -1px;
    margin: 0.25rem 0 0 0.25rem;
    width: 13px;
    height: 13px;
}
.switch-label {
    display: inline-block;
    font-weight: 400;
    color: #677788;
    position: relative;
    cursor: default;top: 0.01875rem;
}
.switch .switch-input~.switch-label {
    padding-left: 3rem;
}.switch .switch-input:checked~.switch-toggle-slider::after {
    left: 1.15rem;
}.switch-primary.switch .switch-input:checked~.switch-toggle-slider {
    background: #39da8a;
    color: #fff;
}
.form-check-input:checked[type=checkbox]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 10l3 3l6-6'/%3e%3c/svg%3e")}
.form-check-input:checked{background-color:#5a8dee;border-color:#5a8dee}
.login .box{max-width:25rem;display:flex;flex-basis:100%;width:90%;overflow:hidden;margin:0 auto;top:50%;position:relative;transform:translateY(-50%)}
.login .logo img{margin:0 auto;margin-bottom:2.5rem;display:block}
.login h4{font-size:1.375rem;margin-bottom:.5rem!important}
.form-label{margin-bottom:.25rem;font-weight:400;font-size:.75rem;text-transform:uppercase;letter-spacing:inherit}
.form-label + .form-label{margin-left: 10px;}
.form-control{transition:none}
.form-control[type=file]{overflow:hidden}
.form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer}
.form-control:focus,.form-select:focus{color:#677788;background-color:#fff;border-color:rgba(245,248,254,.448);outline:0;box-shadow:0 .0625rem .1875rem 0 rgba(38,60,85,.18)}
.form-control::-webkit-date-and-time-value{height:1.4em}
.form-control::-moz-placeholder{color:#a8b1bb;opacity:1;font-weight:300}
.form-control::placeholder{color:#a8b1bb;opacity:1;font-weight:300}
.form-control:disabled,.form-control[readonly]{background-color:#e9ecee;opacity:1;font-weight:300}
.form-control::file-selector-button{padding:.469rem .735rem;margin:-.469rem -.735rem;-webkit-margin-end:.735rem;margin-inline-end:.735rem;color:#677788;background-color:#fff;pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:1px;border-radius:0;transition:all .2s ease-in-out}
.form-check{display:block;min-height:1.378125rem;padding-left:1.7em;margin-bottom:.125rem;line-height:24px;font-weight:300}
.form-check-input{width:1.2em;height:1.2em;margin-top:.135em;vertical-align:top;background-color:#fff;background-repeat:no-repeat;background-position:center;background-size:contain;border:1px solid #bec5cc;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;color-adjust:exact}
.form-check .form-check-input{float:left;margin-left:-1.7em}
.form-check-input[type=checkbox]{border-radius:.25em}
.mb-3{margin-bottom:1rem!important}
.mb-4{margin-top:0;margin-bottom:1.5rem!important;font-weight:300}
.form-control:focus,.form-select:focus{color:#677788;background-color:#fff;border-color:var(--main-color);outline:0;box-shadow:0 0.0625rem 0.1875rem 0 #e5e5e5}
.hamburger{cursor:pointer;display:none;padding:5px 0;margin-top:10px}
.spans{color:#fff;float:left}
.hamburger span{clear:both;float:none;display:block;background-color:#222;height:2px;width:25px;margin-right:auto;margin-left:auto;margin-bottom:3px;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.hamburger span:last-child{margin-bottom:0}
.hamburger.close span:nth-child(2){background-color:transparent;-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none}
.hamburger.close span:nth-child(1){margin-top:4px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.hamburger.close span:nth-child(3){margin-top:-10px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.overlay{position:fixed;z-index:9;width:100%;height:100%;background:#263c55;opacity:.5;top:0;left:0;display:none}
.overflowHide{overflow:hidden}
.breadcrumbs{padding:0;margin:0 0 30px 20px;list-style:none}
.breadcrumbs li{position:relative;font-size:14px;font-weight:300;margin-right:10px}
.home{padding-left:28px}
.breadcrumbs box-icon{transform:translateY(-50%) scale(.75)}
.over-scale:hover{transform:scale(1.1)}
.over-row:hover{font-weight:bold}
.breadcrumbs li:not(.home):before{content:"/";display:inline-block;margin-right:10px}
table{width: 100% !important;
    border-collapse: collapse !important;
    margin-bottom: 1rem !important;
    margin-top: 1rem !important;}
		thead, tbody, tfoot, tr, td, th {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
}
th,td{    padding: 1rem 1.5rem;
font-size:0.9375rem;
letter-spacing: 1px;
color: #202124;
border:1px solid #d4d8dd;text-align:left}

th{    background: #f3f3f9;font-size: .75rem;text-transform: uppercase;font-weight:500;}
		table>thead {
    vertical-align: bottom;
}
.bolded{font-weight:500}
.badge{display: inline-block;
    padding: 0.444em 0.75em;
    font-size: 0.813em;
    font-weight: 500;
    line-height: 1;
   min-width: 90px;
    background: #f3f3f9;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.1875rem}
		.bg-success {
    background-color: #dff9ec !important;
    color: #39da8a !important;
}
.bg-inactive {background-color: #e7ebef !important;color: #69809a !important}
.bg-new{background-color: #c2dafb !important;color: #1a73e8 !important}
.bg-accepted{background-color: #29badb !important;color: #fff !important}
.bg-pending{background-color: #eff384 !important;color: #555 !important}
.bg-approved{background-color: #296ddb !important;color: #fff !important}
.bg-inprogress{background-color: #cccdce !important;color: #fff !important;}
.bg-done{background-color: #28ab6a !important;color: #fff !important}
.bg-deleted{    background-color: #ff5b5c !important;color: #fff !important;}
.bg-grey{    background-color: #ccc5bc !important;color: #fff !important;}
.bg-orange{    background-color: #f7af13 !important;color: #fff !important;}
.bg-jobdetails{background-color:#bcd6f8}
.bg-assignedbg{background-color:#e9f4d5}
.bg-invoicebg{background-color:#fbf2d3}
.minisquare{display:inline-block; vertical-align: top;border-top:solid 1px #555;border-bottom:solid 1px #555;border-left:solid 1px #555; width:10px;height:10px;}
.pre{white-space: pre-wrap;}
.icon{vertical-align: middle;}
/*.minisquare:first-child{border-left:solid 1px #555;}
*/
.minisquare:last-child{border-right:solid 1px #555;}
tr:nth-child(even){
    background: #eee;
}
.download-invoice{
    margin: 10px 0px;
    
}
.overflowable{
    
    overflow-y:auto;
}
td.sticky{
    background:#fff;
}
.sticky{position:sticky;left:0px;}
.prioritybumb{border-radius:50%;padding: 1px 5px;}
		
		
table td a{color: #202124}
.form-select {
    display: block;
    width: 100%;
    padding: 0.469rem 2rem 0.469rem 0.735rem;
    -moz-padding-start: calc(0.735rem - 3px);
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.8;
    color: #677788;
    background-color: #fff;
    background-image: url(download.svg);
    background-repeat: no-repeat;
    background-position: right 0.735rem center;
    background-size: 17px 12px;
    border: 1px solid #d4d8dd;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;    background-clip: padding-box;
}
.card-header{padding: 10px 0 20px;margin-bottom:20px;
    border-bottom: 1px solid #d4d8dd;}
.card-header h1{font-size: 1.25rem;
    font-weight: 500;
    line-height: 44px;
    margin-bottom: 0;}
.filterTable{margin: 30px 0;}
.paginare{    text-align: center;margin:10px}
.paginare a{background:#eeeff1;color:#677788;width: 30px;
    display: inline-block;
    text-align: center;
    height: 30px;
    line-height: 30px;transition:all .2s ease-in-out;border-radius:2px}
.paginare a.active{background:var(--main-color);color:#fff}
.modal {
       position: fixed;
    top: -150%;
    left: 50%;
    z-index: 99999999;
    width: 90%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
    background: #fff;
    transform: translate(-50%,-50%);
    padding: 50px;    border-radius: 5px;
    -webkit-box-shadow: 0 0 10px #2832520001a;
    box-shadow: 0 0 10px #2832520001a;border: none;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}
.showModal{top:50%}
.hideModal{    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 25px;
    width: 32px;
    height: 32px;
    display: block;
    background: eeeff1;transform:transition:all .3s ease-in-out;
    text-align: center;
    line-height: 36px;
    border-radius: 3px;
    cursor: pointer;}
.visible{display:block}
.pictBlock{    width: 100px;
    height: 130px;
    margin: 10px;
    position: relative;
    padding: 5px;
    border: 1px solid #eee;
    padding-bottom: 30px;}
		.pictBlock .deletePicture{position: absolute;
    left: 50%;
    bottom: 0px;
    transform: translateX(-50%);
    cursor: pointer;}
		.pictBlock a{display:block;width:90px;height:90px}
		.pictBlock a img{min-height: 100%;
    min-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;}
		
		.jobTitle{    color: #74788d!important;
    font-size: 14px;
    font-weight: 300;
    display: block;
}
		.userCard h2{      margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;  font-size: 1.5rem!important;}
		.homeBack{margin: -20px;
    padding: 40px 20px;
    background: #1a73e8;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;}
		.homeBack h1{margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;    font-size: 1.2rem;color:#fff}
		.userImage{    background: #e5e5e5;
    width: 100px;
    height: 100px;
    border-radius: 50%;

    margin:0 30px 0 10px;
    border: 3px solid #fff;
position:relative;
color:#283252}
.userImage span{position: absolute;
    right: 0;
    bottom: 0;
    background: #1a73e8;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    border-radius: 50%;
    font-size: 14px;
    text-align: center;
    line-height: 30px;}
		.userHello{padding:20px 20px 20px 0 }
		.noticeBlock{    border-left: 1px solid #e5e5e5;
    padding-left: 30px;}
		.linka{    display: inline-block;
    font-size: 14px;
    border-bottom: 1px dotted;
    padding: 15px 0 5px;}
		.numberTasks{    font-size: 2.5rem;
    color: #283252;
    display: block;}
@media (min-width:800px) {
	tr:hover{    background-color: #f8f9fa;}
nav li:hover{border-bottom:3px solid var(--main-color)}
.btn-primary:hover{box-shadow:0 1px 2px 0 #3c0000 0 1px 3px 1px #900;background-color:#185abc}
.paginare a:hover,.hideModal:hover{background:#e1e2e3}

}
@media (max-width:800px) {
.menu{padding-top:18px}
.visible{display:block}
nav{position:absolute;top:81px;left:-120%;width:100%;z-index:11;background:#fff;z-index:999;transition:all .2s ease-in-out}
.slideRight{left:0}
nav ul{display:block!important}
nav a{padding-left:30px;position:relative;display:block}
nav ul li{padding:0 5%;border-top:1px solid #efefef;margin-right:0}
.hamburger{display:block}
.column-2{-moz-column-count:1;-webkit-column-count:1;column-count:1;-webkit-column-fill:auto;-moz-column-fill:auto;column-fill:auto}
.column-3{-moz-column-count:1;-webkit-column-count:1;column-count:1;-webkit-column-fill:auto;-moz-column-fill:auto;column-fill:auto}
.column-4{-moz-column-count:1;-webkit-column-count:1;column-count:1;-webkit-column-fill:auto;-moz-column-fill:auto;column-fill:auto}
.grid-2,.grid-1-3,.grid-3{grid-column-gap:0!important;grid-template-columns:100%!important}
.grid-4, .grid-6{grid-column-gap:1%!important;grid-template-columns:49.5% 49.5%!important}
.no-mobile{display:none}
}