body{
    padding:0px;
    margin:0px;
    text-align:center;
    background:#f5f5f5 ;
    font-family:Ubuntu;
}
a{
 text-decoration:none;
 color: inherit;
}
h1,h2,h3{
margin:0px;
padding:0px;
}
h1{
margin-bottom:20px;
}
header{
    padding:20px 0px;
    position:relative;
}
section{
    z-index: 1;
    display:block;
    clear:both;
    position:relative;
}
h1 a{
    text-decoration:underline;
}
footer{
		padding: 20px;
}
.right_pos{
float:right;
}
.normal{
    background:#fff;
    padding: 20px;
    box-sizing:border-box;
}
.page{
    text-align:left;
    width:60%;
    margin:auto;
    position:relative;
    
}
.extrapage{
    width:100%;
}
.buton{
    display:inline-block;
    margin-bottom:20px;
    width:200px;
    height:40px;
    color:#fff;
    background:#33404d;
    line-height:40px;
    text-align:center;
    font-size:14px;
    border:none;
}
.buton:hover{
    background:#66b7ce;
}
.buton2{
    width:auto;
    padding:0px 10px;
    font-size:12px;
    vertical-align:middle;
    border:solid 1px #000;
}
.rounded{
    border-radius:10px;
    -moz-border-radius:10px;
}
.tabel{
    border-collapse:collapse;
    
}
.hand{
cursor:pointer;
cursor:hand;
}
.inline-block{
    display:inline-block !important;
}
.tofull, .tohalf{
	display:inline-block;
}
.half_width{
    width:49%;
    vertical-align:top;
}
.quarter_width{
    width:24%;
    vertical-align:top;
}
.third_width{
	width:33%;
    vertical-align:top;
}
.vertical-top{
    vertical-align:top;
}
.inline-block{
    display-inline:block !important;
}
.inputField.disabled{
	background:#555;
}
input.disabled{
background: #555;
}
.inputField input[type=text],
.inputField input[type=number],
.inputField select,
.inputField input[type=password]{
    width:100%;
    height: 30px;
    line-height:30px;
    border:solid 1px #b8c3fa;
    padding:0px 10px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
.flexfield{
	display:flex;
}
.flexfield input[type=text],
.flexfield input[type=number],
.flexfield select,
.flexfield input[type=password]{
    width: auto;
	flex: 1 1 0px;
    height: 30px;
    line-height:30px;
    border:solid 1px #b8c3fa;
    padding:0px 10px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
.inputstyle{
	width:100%;
    height: 30px;
    line-height:30px;
    border:solid 1px #b8c3fa;
    padding:0px 10px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
.inputField input[type=submit]{
    display:inline-block;
    margin-bottom:20px;
    width:200px;
    height:40px;
    color:#fff;
    background:#33404d;
    line-height:40px;
    border:none;
}
.inputField textarea{
    width:100%;
}
.form_login{
    width:300px;
    margin:auto;
    margin-top:50px;
}
.inputField{
    margin-bottom:10px;
}
.inputField label{
    display:block;
    text-align:left;
}
.mobile_menu{
    display:none;
    width: 50px;
    height:50px;
	position:relative;
	  -webkit-user-select: none;
	user-select: none;
    
}
.menu a{
    display: inline-block;
    background:#627cff;
    color:#fff;
    padding:4px 10px;
    vertical-align:top;
     border-radius:10px;
    -moz-border-radius:10px;
    margin-bottom:10px;
	position:relative;
    
}
.menu a + a{
    margin-left:5px;
}
.menu a:hover, .menu a.active{
    background:#1f2f7e;
}
.mobile_menu.open{
    
}

.mobile_menu span
{
  display: block;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  
  background: #cdcdcd;
  border-radius: 3px;
  
  z-index: 1;
  
  transform-origin: 4px 0px;
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}

.mobile_menu span:first-child
{
  transform-origin: 0% 0%;
}

.mobile_menu span:nth-last-child(2)
{
  transform-origin: 0% 100%;
}

.mobile_menu.open span:first-child
{
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background: #232323;
}

/*
 * But let's hide the middle one.
 */
.mobile_menu.open span:nth-child(2)
{
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

/*
 * Ohyeah and the last one should go the other direction
 */
.mobile_menu.open span:nth-child(3)
{
  transform: rotate(-45deg) translate(-3px, -3px);
}

a.logout{
    background:#858585;
}
.menu a span{
	position:absolute;
	top:-5px;
	right:-5px;
	padding:2px 5px;
	background:red;
	color:#fff;
	border-radius:5px;
	-moz-border-radius:5px;
	font-size:10px;
}
.procesrow, .headrow{
    display:flex;
    justify-content: space-between;
}
.headrow{
    position:sticky ;
    top:0;
    background:#fff;
    z-index:2; 
    
}
.par{
    background:#dddddd;
}
.impar{
    background: #f4f4f4;
}

.tdSpecial{
	width:100%;
	border-collapse:collapse;
}
.tdSpecial td:nth-child(1),.tdSpecial th:nth-child(1){
	position:sticky;
	left:0px;
	z-index:1;
	
	
	
	
}
.proceNameClass{
	display:block;
	width:65%;
	word-wrap: break-word;
}
.procesrow {
    padding:10px;
    box-sizing:border-box;
}
.procesrow:hover{
    background:#e0e5f8;
}
.procesrow label{
    cursor:hand;
    cursor:pointer;
    
}
.taskName{
    width: 80%;
    display:inline-block;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    vertical-align:top;
    padding:5px 10px;
}
.inventarId{
    width: 10%;
    display:inline-block;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    vertical-align:top;
    padding:5px 10px;
}
.inventarName{
    width: 70%;
    display:inline-block;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    vertical-align:top;
    padding:5px 10px;
}
.options{


    display:block;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
     vertical-align:top;
     -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    overflow:hidden;
    width:100%;
    height:0px;
    z-index:900;
    
}
.taskRow:hover .options{
    
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    
    z-index: 1000;
    height:50px;
}
.open_submenu{
    position:absolute;
    width: 20px;
    height:35px;
    padding-top:15px;
    right:10px;
    text-align:center;
    bottom:0px;
    display:none;
}
.open_submenu:hover{
    background: #fff;
}
.noshow{
display:none;
}
.noshow:checked + .taskRow{
    background:#e0f8f4;
}

.taskDelete{
width: 25%;
display:inline-block;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
     vertical-align:top;
     position:relative;
     height:100%;
}
.taskDelete{
line-height: 50px;
text-align:center;
}
.taskmark{
    position:relative;
    z-index:3;
    line-height:50px;


    display:block;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
     vertical-align:top;
     position:relative;
}

.taskmark ul{
    display:block;
    width:100%;
    padding:0px;
    margin:0px;
    list-style-type:none;

    top:100%;
    left:0px;
    padding-left:10px;
    
}
.taskmark ul li{
    display:inline-block;
    height:40px;
    width:auto;
    line-height:40px !important;
    padding-left:10px;
    padding-right:10px;
    background: #f9ac7e;
    border-radius:10px;
    -moz-border-radius:10px;
    
    vertical-align:top;
    border-right:solid 1px #ccc;
}
.taskmark ul li:last-child{
    
    border-right:none;
}
.taskmark ul li:hover{
    background:#c7cbd6;
    cursor:hand;
    cursor:pointer;
    color:#215bf0;
}
.taskDelete:hover{
    background:red;
    color:#fff;
}
.open_submenu span.fa{
    position:absolute;
    top:15px;
    left:0px;
    width: 20px;
    height:35px;
    display:none;
    background:#fff;
}

.noshow:checked + .taskRow .options{
    height:50px;
}
.noshow:checked + .taskRow .open_submenu span.fa{
    display:block;
}
.noshow:checked + .taskRow .open_submenu{
    background:#fff;
}

.taskName a{
    display:block;
}
.taskName span, .inventarName span{
 display:block;
font-size:12px;
}
.inventarName span{
 display:block;
font-size:12px;
}


.paginare{
    padding:10px 0px;
}
.paginare a{
    display:inline-block;
    width:20px;
    height:20px;
    line-height:20px;
    text-align:center;
    font-size:14px;
 
    background:#dededf;
}
.paginare a:hover{
    background:#dce4f8;
}
.paginare a.active{
   background:#a6befb;
}
.blue_bg{
    background: #acbcf7 !important;
	color: #000099;
}
.blue_color{
    color: #acbcf7;
}

.red_bg{
    background:#d3001e !important;
	
}
.deletebg{
	   background:#f08d92 !important;
}
.deletebg:hover{
	background: #d3001e !important;
	
}
.bg_green{
    background: #6a8a61;
}
.email_to_send{
}
.font-size-12{
    font-size:12px;
}
.trimitereEmailsRaspuns{
    font-size:18px;
    margin-bottom:10px;
}
.search_input{
   width: 150px;
}
.alter_canti{
   width: 350px;
}
.del_file{
width: 30px;
height:20px;
text-align:center;
border-radius: 10px;
-moz-border-radius: 10px;
line-height:20px;

}
.big_input{
    border:solid 1px #aaa;
    border-radius: 4px;
    -moz-border-radius:4px;
    height: 30px;
    font-size:20px;
      
}
.big_select{
      
      
    font-size:20px;
}
.big_btn{
    height:30px;
    margin-bottom:20px;
    
}
.fileRow:hover .del_file{
    background:#d3001e;
    color:#fff;
}
.margin-left10{
    margin:0px 10px;
}
.droparea{

border:solid 1px #dad6d3;
min-height:50px;
height: auto !important;
height:50px;
text-align:center;
background:#eae9e9;
}

.dz-image{
    float:left;
    margin-right:10px;

}
.margin-right{
	margin-right:10px;
	
}
.expire_zone_div{
display:inline-block;
vertical-align:top;
margin-left:20px;
}
.dz-details{
overflow:hidden;
display:inline-block;
}
.dz-progress{
    height:10px;
    margin-top:10px;
}
.dz-upload{
    display:block;
    background:#9cc18a;
    height:10px;
    width:0px;
}
.dz-success-mark{
    display:none;
}
.dz-error-message{
    color:red;
    clear: both;
}
.dz-error-mark{
  position:absolute;
    right:0px;
    top:0px;
    cursor:hand;
    cursor:pointer;
       width:30px;
    height:20px;
    text-align:center;
    border-radius:10px;
    -moz-border-radius:10px;
    
}
.dz-error-mark:hover{
    background:red;
}
.dz-error-mark:before{
  
    width:20px;
    height:20px;
    
     font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
    content: "\f00d";
    
}
.dz-preview{
    border-bottom:solid 1px #ccc;
    margin-top:10px;
    position:relative;
}


.cat_cat{
    padding:5px 10px;
}
.fileRow {
    padding:5px 10px;
}
.catname{

border-bottom:solid 1px #7c7cd2;

vertical-align:top;
padding: 5px 10px;
}
.catDelete{
display:inline-block;

float:right;
}
.fileRow:hover {
background: #ccccfb;
}
.deletebtn{
    background:red;
    float:right;
    color:#fff;
}

.catname:hover .catDelete{
color:red;
}

.catname a{
    width:90%;
    display:inline-block;;
}
.copii_div{
    border-left: dashed 1px #babae6;
    margin-left:10px;
}
.catname + .copii_div{
    padding-left:20px;
}
.copii_div a:before{
    content:"- ";
}
.catname:hover{
background:#ccccfb;
}
.submenu a .fa, .submenu .alike .fa{
    margin-right: 5px;
    vertical-align:middle;
}
.submenu a, .submenu .alike{
    
        background: #627cff none repeat scroll 0 0;
    border-radius: 10px;
    color: #fff;
    display: inline-block;
    padding: 4px 10px;
    vertical-align: top;
    
}
.submenu a + a, .submenu .alike + .alike{
    margin-left:10px;

}
a.not_important{
    background:#c2c2c2;
}
.sort_select{
    float:right;
}
.select2-container--default{

}
.a_file{
display:inline-block;
width: 50%;
overflow:hidden;
vertical-align:top;
text-align:left;

}

.expandFull{
display:inline-block;
height:100%;
}
.checkboxfield label{
	cursor:hand;
	cursor:pointer;
}
.checkboxfield input{
	display:none;
}
.checkbox_field{
    display:inline-block;
    width:24%;
    
}
.checkbox_field label{
    display:inline-block;
}
.openSubmenu{
    display:none;
    cursor:hand;
    cursor:pointer;
}
.submenuchecbox{
    display:none;
}

.hiddenzone{
display:none;
}

.areprocesu{
    background: #dff5b0;
}
.nuareprocesu{
    background: #5b5c5a;
}
.etapainlucru{
    background: #3afc3d;
}
.etaparealizata{
    background: #779bf7;
}
.extrarealizate{
    background: #f76598;
}
.showResults{
	padding: 10px;
}

.stickyrow th{
	position:sticky;
	top:0px;
	background:#fff;
	z-index:10;
}
.stickyrow td{
  position:sticky;
  top: 40px;
  background:#fff;
}
.stickycol{
	position:sticky;
	left:0px;
	background:#fff;
	z-index:9;
}

input#alternateText:checked  + .hiddenzone{
display:block;
}

.gazone{
     border-bottom: solid 1px #000;
    padding: 10px 0px;
    margin-bottom:30px;
}
.rand_info{
    padding: 3px 5px;
}
.par.red_bg{
    background:#ff6c6c !important;
}
.rand_info.red_bg{
    color:#f0eeee;
}
.par.green_bg{
    background:#80ff80 !important;
}
.rand_info.green_bg{
    background:#4dff4d;
}
.par.blue_bg{
    background:#0080ff !important;
}
.terminat_altii{
	background:#8def67 !important;
	
}
.par.terminat_altii{
	background:#74f442 !important;
	
}

.rand_info.blue_bg{
    background:#66b3ff;
}
.pictmod{
    display:inline-block;
    vertical-align:top;
    margin: 0px 10px 10px 0px;
}
input[type=checkbox] + label{
    display:inline-block;
    vertical-align:middle;
    border:solid 1px #b8c3fa;
    width:30px;
    height:30px;
    border-radius:4px;
    -moz-border-radius:4px;
    cursor:hand;

}
input[type=checkbox]:checked + label:before{
    content:"X";
    font-size:25px;
    text-align:center;
    display:block;
		color:#fff;
}
input[type=checkbox]:checked + label{
    background:blue;

        
}
.new_cant{
	width:160px;
}
.userList{
    display:block;
}

.addUserPopup{
    position:relative;
    margin-top:10px;
}
.addUserPopup:hover{
    color:green;
    
    
}
.addUserBtn{
    background: #aaa;
    padding: 4px;
    color:#fff;
    display:flex;
    justify-content: space-between;
    padding-left: 5px;
    width: 150px;
    
}
.minwidth{
    min-width: 250px;
}
.addUserBtn:hover{
    background:green;
}
.addUserBtn span{
    vertical-align:top;
    display:inline-block;
    margin-right:5px;
    margin-top:2px;
    
}
.listZone h3{
    margin-top:20px;
}

.taskuserow{
    padding:5px;
    text-align:left;
    text-align-last:justify;
 }
 .taskuserow div, .taskuserow td{
    text-align:left;
    text-align-last:left; 
 }
 .taskuserow  td{
     padding: 10px 5px;
 }
.actiontd{
	text-align:right;
	width:5%;
}
.colspan:last-child{
    text-align:right;
}
.incheieMunca{
    visibility: hidden;
}
.userDetails{
    display: flex;
    width: 30%;
    justify-content:space-between;
}
.taskuserow:hover .incheieMunca{
    visibility: visible;
}
.taskuserow:hover{
    font-weight:bold;
    
}
.colspan{
    display:inline-block;
    vertical-align:top;
    padding: 3px;
    box-sizing:border-box;
    text-align:left;
    
}
.statuscol{
    flex: 1 1 0px;
}
.flexed{
	display:flex;
	flex: 1 1 0px;
}
.flexed .statuscol{
	padding-right: 20px;
}
.logo{
    position:absolute;
    right:0px;
    top:0px;
    max-height:40px;
}

.popupblack{
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background:rgba(55,55,55,0.5);
    z-index: 90;
    overflow-y: auto;
}
#addUserSelect, #newTaskClientId{
    width: 300px;
}
#addUserSelectNewTask{
  width:300px;   
}
#newTaskName{
    width:300px;
    
}
#adaugaUserToTaskE{
    display:none;
    
}
#userName{
    width: 300px;
    
}
.inlinebtn{
    display:inline-block;
    vertical-align:top;
    padding: 3px 10px;
}
.circuitDesc{
	background :#f7f788;
    padding: 10px;
}
.circuitLivrare{
	background :#b0d6f7;
    padding: 10px;
}
.circuitProductie{
	background :#d7c1f5;
    padding: 10px;
}
.buton{
    text-align:center;
    text-align-last:center;
}
.marcajculoare{
	background: #d8ede2;
	padding:10px;
}
.smculoare{
	background: #b1fcd5;
	padding:10px;
}
.traseeculoare{
	background: #fce8bd;
	padding:10px;
}
.popup{
    width:40%;
    position:absolute;
    top: 30%;
    left:50%;
    transform: translateX(-50%);
    background: #fff;
    border-radius: 10px;
    padding:10px;
    box-sizing: border-box;
    min-height:300px;
    height: auto !important;
    height: 300px;
    
}

.closepopup{
    position:absolute;
    top:-10px;
    right:-10px;
    background:#aaa;
    border-radius: 50%;
    display:inline-block;
    font-size:24px;
    padding:5px;

}

#templatepreview{
    height: 500px;
    position:relative;
    
}

.sectionframe{
    padding:20px;
    border:solid 1px #000;
    margin: 10px;
}
.selectproductrow{
    border-bottom:solid 1px #000;
    margin-bottom:5px; padding: 5px;
}
.imagepreviwfeed{
    display:flex;
}
.imagepreviwfeed div{
    padding: 5px;
}
.pictElem:hover{
	background:#eee;
}
.minibutton{
    border-radius: 5px;
    padding: 3px 5px;
    background: #db8383;
}
.dropzone{
    background :#aaa;
    padding: 10px;
    
}
.invalidat .startPreia{
	display:none;
}
.buton2.startPreia{
	font-size:24px;
	
}
.procestitlecat{
	text-decoration: underline;
	
}
.invalidat{
	color:#aaa;
}


.panelRightInfo{
	position:fixed;
	right:0px;
	top:0px;
	width:20%;
	height:100%;
	background:#eee;
	border:solid 1px #000;
	z-index:9;
	overflow-y: auto;
	
}
.rowresult{
	padding: 3px 0px;
	
	
}
.rowresult + .rowresult{
	border-top: solid 1px #000;
}
.rowresult:hover{
	background:#aaa;
	cursor:hand;
	cursor:pointer;
}

.pcdiv{
    display:inline-block;
    width:10px;
    height:10px;
    vertical-align:top;
    
}
.trtablerow td{
	border-top: solid 1px #000;
	padding:15px 0px;
	
}
.processnourow td{
	padding-top:10px;
	
}
.rowtr:hover td{
	background: #ade0f7;
	
}
.startPreia{
		margin-bottom:20px;
}
.startPreia:hover{
	background: #77f790;

}
.corecteazabtn:hover{
	background: #f29b9b;
	
}
.umplut td{
	background:#779bf7 !important;
}

@media print {
    .no_print{
        display:none;
    }
    .page{
        width: 95% !important;
    }
}
@media screen and (max-width: 1000px){
  header{
    height:40px;
    z-index: 2;
  }
  .popup{
    width:90%;
    position:absolute;
    top: 10%;
    left:50%;
    transform: translateX(-50%);
    background: #fff;
    border-radius: 10px;
    padding:10px;
    box-sizing: border-box;
    min-height:300px;
    height: auto !important;
    height: 300px;
    
}
  .scrolable{
	  overflow-x:scroll;
  }
  .tdSpecial{
	  font-size:20px;
	  
  }
  .tdSpecial td:nth-child(1),.tdSpecial th:nth-child(1){
	  background:inherit;
	    z-index: 1;
	  
  }
  .tdSpecial td:last-child{
	  background:inherit;
	  z-index: 9;
	  
  }
  .tdSpecial td{
	  padding: 10px 5px;
  }
   .page{
        width:100%;
        box-sizing: border-box;
        padding: 0px 10px;
   }
   .mobile_menu{
        display:inline-block;
   }
   .hidden_menu{
        display:none;
        width:90%;
        background: #f5f5f5;
        box-sizing:border-box;
        
   }
   .mobile_menu.open + .hidden_menu{
    display:block;
    }
    .menu a{
    display:block;
    margin-bottom:3px;
    height:30px;
    line-height:30px;
    }
    .menu a + a{
        margin-left:0px;
        
    }
    .sort_select{
        float:none;
        display:block !important;;
    }
    .submenu{
        display:none;
        
    }
    .submenu  .inputField{
        display:block !important;
        margin-top:10px;
    }
    .submenu a, .submenu .alike{
        display:block !important;
        margin-top:10px;
    }
    .search_input{
        width:100%;
    }
    .logo{
    height:40px;
    }
    .taskName a {
        display:inline-block;
    }
    
    .open_submenu{
        display:block;
    }
    .inventarId{
        display:block;
    }
    .openSubmenu{
        position:absolute;
        right:10px;
        top:10px;
        background:green;
        width:50px;
        height:50px;
        display:block;
    }
    .submenuchecbox:checked + .submenu{
        display:block;
    }
    
   li.l3{
        display:none !important;
    }
    .userDetails{
        width:auto !important;
        padding-left:10px;
    }
    .userDetails span:first-child{
        margin-right:10px;
    }
        
    
}