body{
   padding:0px;
   margin:0px;

   background:#f2f5f9 ;
	color:#3c4043;
  font-family: 'Muli', sans-serif;

}

a{
text-decoration:none;
color: inherit;

}

h1,h2,h3{
/*font-family: 'Merriweather', serif;*/
margin:0px;

padding:0px;

}




section{
   z-index: 1;
   display:block;
   clear:both;
   position:relative;

}

h1 a{
   text-decoration:underline;

}

footer{

		padding: 20px;

}

.right_pos{

float:right;

}


.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-small{
   display:inline-block;
   padding: 4px 10px;
   color:#fff;
   background:#33404d;
   
   text-align:center;
   font-size:14px;
   border:none;

}

.buton:hover, .buton-small:hover{
   background:#66b7ce;

}

.buton2{
   width:auto;
   padding:0px 10px;
   font-size:12px;
   vertical-align:top;

}

.rounded{
   border-radius:10px;
   -moz-border-radius:10px;

}

.tabel{
   border-collapse:collapse;
   

}

.hand{

cursor:pointer;

cursor:hand;

}

.inline-block{
   display:inline-block !important;

}

.half_width{
   width:49%;
   vertical-align:top;

}

.quarter_width{
   width:24%;
   vertical-align:top;

}

.vertical-top{
   vertical-align:top;

}

.inline-block{
   display-inline:block !important;

}
 .smallInput{
     width:50px;
 }
.inputField input[type=text],

.inputField select,

.inputField input[type=password]{
   width:100%;
   height: 30px;
   line-height:30px;
   border:solid 1px #dfdfdf;
   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-top:10px;
   color:#fff;
   background:#33404d;
   line-height:40px;
   border:none;

}

.inputField textarea{
   width:100%;

}

.form_login{
   width:300px;
   margin:auto;


}

.inputField{
   margin-bottom:10px;

}

.inputField label{
   display:block;
   text-align:left;

}




a.logout{
   background:#e3e3e3;

}

header 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;
}

.taskRow{
   border-bottom:solid 1px #b2b1b3;
   position:relative;
}

.par{
   background:#dddddd;

}

.impar{
   background: #f4f4f4;

}

.taskRow:hover{
   background:#e0e5f8;

}

.taskRow 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;

	color:#660066;

}

.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;

}








.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;

}

.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{
   margin-right: 5px;
   vertical-align:middle;

}

.submenu a{
   
       background: #627cff none repeat scroll 0 0;
   border-radius: 10px;
   color: #fff;
   display: inline-block;
   padding: 4px 10px;
   vertical-align: top;
   

}

.submenu a + a{
   margin-left:10px;



}

a.not_important{
   background:#c2c2c2;

}

.sort_select{
   float:right;

}



.a_file{

display:inline-block;

width: 50%;

overflow:hidden;

vertical-align:top;

text-align:left;



}



.expandFull{

display:inline-block;

height:100%;

}

.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;
}

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:"V";
   font-size:25px;
   text-align:center;
   display:block;
}

input[type=checkbox]:checked + label{
   background:red;
}

.new_cant{
	width:160px;
}
.colrowhead{
    display:inline-block;
    width: 15%;
    vertical-align:top;
    border-bottom:solid 1px #000;
    min-height:20px;
    height:auto !important;
    height:20px;
}

@media print {
   .no_print{
       display:none;
   }
   .page{
       width: 95% !important;
   }

}

@media screen and (max-width: 1000px){
 header{
   height:40px;
   z-index: 2;
 }
 
  .page{
       width:100%;
       box-sizing: border-box;
       padding: 0px 10px;
  }
  .mobile_menu{
       display:inline-block;
  }
  .hidden_menu{
       display:none;
       
  }
  .mobile_menu.open + .hidden_menu{
      display: block;
    position: absolute;
    transform: translateY(60px);
    width: 100%;
    left: 0;
    background: #283647;
   }
	.mobile_menu.open + .hidden_menu a{color:#fff}a.logout {
    background: transparent;
}
   .sort_select{
       float:none;
       display:block !important;;
   }
   .submenu{
       display:none;
       
   }
   .submenu  .inputField{
       display:block !important;
       margin-top:10px;
   }
   .submenu a{
       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;
   }
       
   

}