.pagination {
    text-decoration: none;
    margin-top:0;
    margin-bottom:0;
    margin-right:1px;
}
.pagination:hover {
	text-decoration: none;
}

.valign-middle {vertical-align:middle;}

/*hide the up and down buttons*/
input[type="number"] {
  -moz-appearance: textfield;
}
input[type="number"]::-webkit-inner-spin-button, 
input[type="number"]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

/*limit dropdown values displayed*/
.ui-autocomplete {
     max-height: 200px;
     overflow-y: auto;
     /* prevent horizontal scrollbar */
     overflow-x: hidden;
 }
 /* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
 * html .ui-autocomplete {
     height: 200px;
 }

.sticky {
  position: fixed;
  top: 0;
  width:99.4%;
}

.draggable-handler,.draggable-handler label:hover {
	cursor:move;
}
.alert {
    padding: 20px;
    border-color:lightgray;
    opacity: 1;
    transition: opacity 0.6s;
    margin-bottom: 15px;
}

.alert.danger {background-color: #f2dede; color: #a94442; border-color: #ebccd1;}
.alert.success {background-color: #dff0d8; color: #3c763d; border-color: #d6e9c6;}
.alert.info {background-color: #d9edf7; color: #31708f; border-color: #bce8f1;}
.alert.warning {background-color: #fcf8e3; color: #8a6d3b; border-color: #faebcc;}

.closebtn {
    float: left;
    font-size: 40px;
	font-weight: bold;
    line-height: 20px;
	color: inherit;
	margin-right: 15px;/*
    text-shadow: @close-text-shadow;*/
    transition: 0.3s;
	opacity:0.2;
}

.closebtn:hover {
    color:darkslategrey;
	text-decoration: none;
	cursor: pointer;
	opacity:0.5;
}

.ui-autocomplete-loading {
	background: white url("jquery/images/ui-anim_basic_16x16.gif") right center no-repeat;
}
.overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.1);
    z-index: 2;
    cursor: pointer;
}
.overlay .back {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
}

.overlaynowait {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255,255,255,1);
    z-index: 2;
    cursor: pointer;
}
.overlaynowait .back {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
}

.content{
	min-width:387px;
	padding: 5px;
	overflow: hidden;
}
.pagefooter {
	position: fixed;
	bottom:0;
	left:0;
	width:100%;
	/*border-top: 1px solid gray;*/
}
.pagefooter a {
	position:relative;
	left:49%;
}
h1 {
	font: 22px georgia;
	text-align: left;
	margin:0;
}
	
.h1-border {
	margin: 20px 0 20px 20px;
	padding: 0 0 3px 0;
	border-bottom: 1px solid #ccc;
	font: 22px arial;
	color: #999;
	text-align: left;
}

.menu-icon {
	padding-left: 5px;
	display: inline-block;
	cursor: pointer;
	/*z-index:10000;*/
    position: relative;
	}
.bar1, .bar2, .bar3 {
    width: 30px;
    height: 3px;
    margin: 5px 0;
    transition: 0.4s;
}
.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-6px, 7px);
    transform: rotate(-45deg) translate(-6px, 7px);
}
.change .bar2 {opacity: 0;}
.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-4px, -6px);
    transform: rotate(45deg) translate(-4px, -6px);
}
.menu {
	display:none;
	z-index:10000;
	}
.menu a.mainoption {
	line-height: 40px;
	border-top: 1px solid #ccc;
    /*border-bottom: 1px solid #ccc;*/
	padding: 5px;
    margin:0px;
	transition: border 0.5s;
	text-transform: capitalize;
	display:block;
	text-decoration:none;
	}
.menu a.mainoption:hover {
    cursor:pointer;
    color: red;
    background-color: #f1f1f1;
}



.user-login {
  display: inline-block;
  text-align: right;
  width:auto;
}
.user-login:hover {
    cursor: pointer;
}
.user-login:hover .user-login-content {
    display:block;
}
.user-login-content {
  display: none;
  text-align: left;
  position: absolute;

  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}
.user-login-content a {
  text-decoration: none;
  display: block;
}



.formDetOptions {
  display: inline-block;
  text-align: right;
  width:auto;
}
.formDetOptions:hover {
    cursor: pointer;
}
.formDetOptions:hover .formDetOptions-content {
    display:block;
}
.formDetOptions-content {
  display: none;
  text-align: left;
  position: absolute;

  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}
.formDetOptions-content a {
  text-decoration: none;
  display: block;
}

/*
.user-login:hover .user-login-content {display: block;}

/*
.user-login  {
	float: right;
}
.user-login p{
	font: 19px arial;
	padding-right: 5px;
	color:#f15e25;
	}
.user-login a.log {
	color:#f15e25;
}
.user-login .user-tag {
	font-weight:500 !important;
	margin:0;
}
.user-tag i { 
	font-size:20px;
	position:relative;
}
*/


#login {
	width: 325px;
	margin: 0 auto;
	padding:0;
	background: #fff repeat-y right; /*url(assets/bg.png) */
	/*border: 3px solid #ddd;
	border-radius: 5px;*/
	border:none;
    background:lightgray;
    padding:20px 20px 0 20px;
    box-shadow: 5px 10px #666666;
}
#login input {
	width: 100%;
	padding: 15px 20px 15px 40px;
	margin: 0 0 10px 0;
	border-radius: 3px;
	border: 2px solid #ccc;
	font: 14px arial;
	}
#login input:hover {
	border: 2px solid #999;
	}
input#caseta_user {
	background: #fff no-repeat 10px 11px; /*url(assets/user.png) */
	}
input#caseta_pass {
	background: #fff no-repeat 10px 11px; /* url(assets/lock2.png)*/
	}
#login input[type="submit"] {
	text-align: center;
	border-radius: 3px;
	background: #f15e25 no-repeat 20px 16px; /*  url(assets/arrow3.png)*/
	color: #fff;
	font: bold 20px arial;
	border: 0 none;
	text-transform: uppercase;
	cursor: pointer;
    -webkit-appearance: button;
	}
#login input[type="submit"]:hover {
	background: #c44818  no-repeat 20px 16px; /*url(assets/arrow3.png)*/
	}

/*
table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ddd;
}

th{
    background-color: #f2f2f2;
    text-align: left;
    padding: 5px;
	font-family: Georgia;
	font: 19px arial;
	border-bottom: 1px solid #999;
}

td {
    border: none;
    text-align: left;
    padding: 5px;
	font-family: Georgia;
	font: 19px arial;
}

tr:nth-child(even){background-color: #f2f2f2}
*/
.button-s {
  color: #900;
  /*font-weight: bold;*/
  font-weight:400 !important;
  font-size: 200%;
  /*font-size:25px;*/
  padding:15px 30px;
  /* text-transform: uppercase; */
  min-width:100%;
}

.button-a {
	/*color: #900;*/
    color: #fff !important;
	/*font-weight: bold;*/
	font-weight:400 !important;
	font-size: 120%;
	/*font-size:20px;*/
    padding:6px 20px;
    text-transform: uppercase;
    cursor: pointer;
	font-family: 'Lato', sans-serif;
	text-align: center;
    border-radius: 3px;
    background: #000;
}
/*stilizare*/
/*
input, textarea, button {
  -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
   border:0;
}
*/
input[type=checkbox] {
  -webkit-appearance: checkbox;
   -moz-appearance:   checkbox;
   appearance:        checkbox;
   border:0;
}

.text-right { text-align:right; }

.clear {
    clear: both;
}

.clearfix { zoom: 1; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }

.col-1, .col-2, .col-4, .col-3 {
	padding:0 10px;
	float:left;
}

.col-1 { width: 10%; }
.col-2 { width: 12%; }
.col-4 { width: 47.5%; }
.col-3 { width: 36.4%; }

body,
.user-login p,
td, th, input, .menu a, h1,
.h1-border { 
	font-family: 'Lato', sans-serif;
}

.bttn, .button-s {
    text-align: center;
    border-radius: 3px;
    background: #f15e25;
    color: #fff !important;
	font-size:20px;    
    font-family: 'Lato', sans-serif;
    font-weight:700 !important;
    /* text-transform: uppercase; */
    cursor: pointer;
}

.bttn:hover, .button-s:hover { background: #c44818; }
.line:nth-child(even) { background:#f2f2f2 }

.zmdi.zmdi-close {
	color:#f15e25;
	position:relative;
	top:2px;
}

h1 {
	font-size:18px;
	font-weight:300 !important;
	text-transform:uppercase;
}

h1,td span {
	font-weight:700 !important;
}

.h1-border {
	border:none;
	margin-left:0;
	text-align:center;
	font-weight:700 !important;
}

.searchString {
    padding-bottom: 0;
}
.searchString input {
    border: 1px solid #f15e25;
	font-family: 'Lato', sans-serif;
    
    text-transform:capitalize;
    padding-top: 5px;
    padding-bottom: 5px;
}
.searchString i {
    font-size:28px;
    padding-left: 15px;
	padding-right: 15px;
    cursor:pointer;
}

form input.bttn {
    margin: 20px;
    padding: 5px;
}

/* combobox style*/
  .custom-combobox {
    position: relative;
    display: inline-block;
  }
  .custom-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 0;
  }
  .custom-combobox-input {
    margin: 0;
    padding: 5px 10px;
  }
/*combobox style*/


.div-chart {
    background-color: white;
    color:black;
    width:70%;
}


/*responsive*/
@media screen and (max-width: 1024px) {
    .div-chart { 
        width:85%;
    }
}

@media screen and (max-width: 750px) {
	.delivrat .first-line, .display-none { display:none; }
	.col-4, .col-full { width: 94%; }
	.col-s-4 { width: 57%; }
	.col-1, .col-2, .col-3, .col-4 { margin:10px 0; }
	
	.adaugaprodnou .line .col-3:last-child { text-align:left; }
	.adaugaprodnou .line .col-3:last-child input { width:100%; }
	
    .div-chart { 
        width:100%;
    }
    
	/*.max100pro, #login, #login input, #login input[type="submit"] { max-width:100% !important; } */
}

.headerBtns {
    display:flex;
}

.headerBtncmdDiverseOpt, .headerBtncmdDiverseOptDet {
  display: none;
}

.headerBtncmdDiverse:hover .headerBtncmdDiverseOpt {
  display: flex;
}

.headerBtncmdDiverseOpt:hover .headerBtncmdDiverseOptDet {
  display: block;
}

.menu_favorite {
    width:100%;
    height: auto;
}
.menu_favorite div {
    display: inline-block;
    padding: 12px 12px 12px 12px;
}

.menu_favorite a {
    display:table-cell;
    min-width : 115px;
    min-height: 115px;
    width : 115px;
    height: 115px;
    text-decoration: none;
    
    /* word wrap*/
    white-space: pre-wrap; /* CSS3 */    
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */    
    white-space: -o-pre-wrap; /* Opera 7 */    
    word-wrap: break-word; /* Internet Explorer 5.5+ */   

    /*center*/ /* Internet Explorer 10 */ /* Firefox */ /* Safari, Opera, and Chrome */ /* W3C */
    /*
    display: -ms-flexbox; -ms-flex-pack: center; -ms-flex-align: center;
    display: -moz-box; -moz-box-pack: center; -moz-box-align: center;
    display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center;
    display: box; box-pack: center; box-align: center;
    */
}

.menu_favorite a:hover {
    
}

.submenunavbar {
  display: none;
  overflow: hidden;
  background-color: #333;
  width:100%;
}

.submenunavbar a {
  float: left;
  font-size: 16px;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.submenu, .submenumodul {
  float: left;
  overflow: hidden;
}

.submenumodul .submenubtn {
  font-size: 16px;  
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

.submenu .submenubtn {
  font-size: 16px;  
  border: none;
  outline: none;
  color: #ddd;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}


.submenunavbar .submenu:hover .submenubtn {
  /* text-decoration:  underline;
  border-top: 1px solid white; */
  color: white;
}


.submenunavbar a:hover, .submenu:hover .submenubtn {
  background-color: #393939;
 /*color: black; 
 border-top: 1px solid white;
 border-bottom: 1px solid white;*/
    
 /*font-style: italic;*/
}

.submenu-content {
  display: none;
  position: absolute;
  background-color: #333;
  min-width: 150px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.submenu-content a {
  float: none;
  color: white;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
  border-top: 1px solid #999;
  
}

.submenu-content a:hover {
  background-color: #ddd;
  border-top: 1px solid white;
  color: black;
  font-style: normal;
}

.submenu:hover .submenu-content {
  display: block;
}


.modul_curent:hover {
    cursor: pointer;
}

.current_time:hover {
    cursor: pointer;
}