/*@import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,700);*/

body {
  /*font-family: "Helvetica Neue";*/
  font-family: 'Roboto', sans-serif;
  margin: 40px auto;
}

#body {
  position: relative;
}

footer {
  padding: 2em 0 1em 0;
  font-size: 12px;
}

h1 {
  font-size: 96px;
  margin-top: .3em;
  margin-bottom: 0;
}

h1 + h2 {
  margin-top: 0;
}

h2 {
  font-weight: 400;
  font-size: 28px;
}

h1, h2 {
  font-family: "Yanone Kaffeesatz";
  text-rendering: optimizeLegibility;
}

h1.h1-70 {
  font-size: 70px;
}

#body > p {
  line-height: 1.5em;
  width: 640px;
  text-rendering: optimizeLegibility;
}

.progress.active .bar{
    -webkit-animation-duration: 2s !important;
    -webkit-transition-duration: 2.5s;
}

#data-count h2 {
    line-height: 10px;
}

#charts {
  padding: 10px 0;
}

.chart {
  display: inline-block;
  height: 151px;
  margin-bottom: 20px;
}

.reset {
  padding-left: 1em;
  font-size: smaller;
  color: #ccc;
}

.background.bar {
  fill: #ccc;
}

.foreground.bar {
  fill: steelblue;
}

.axis path, .axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}

.axis text {
  font: 9px sans-serif;
}

.brush rect.extent {
  fill: steelblue;
  fill-opacity: .125;
}

.brush .resize path {
  fill: #eee;
  stroke: #666;
}


#valoarevanzari{
    padding-left: 35px;
}
#nrclienti{
    padding-left: 37px;
}
#valoaremedie{
    padding-left: 35px;
}
#qty{
    padding-left: 35px;
}
.piggy {
    background-image: url("../img/piggy.png");
    background-position: 5px 5px;
    background-repeat: no-repeat;
}
.op-item-modifier {
    background-image: url("../img/op-item-modifier.png");
    background-position: 5px 10px;
    background-repeat: no-repeat;
    cursor: context-menu;
}
.grafic {
    background-image: url("../img/grafic.png");
    background-position: 5px 5px;
    background-repeat: no-repeat;
}
.people {
    background-image: url("../img/people.png");
    background-position: 5px 5px;
    background-repeat: no-repeat;
}

.chart rect.bar {
    stroke: none;
    fill: steelblue;
}

.bar text.value {
    fill: white;
}

.pie-slice {
    fill: white;
    font-size: 12px;
}

.pie-slice .selected {
    stroke-width: 3;
    stroke: #ccc;
    fill-opacity: 1;
}

.pie-slice .deselected {
    stroke: none;
    fill-opacity: .5;
}

.axis {
    shape-rendering: crispEdges;
}

.axis path {
    fill: none;
}

.axis.y line {
    stroke: #fff;
    stroke-opacity: .8;
}

.axis.y path {
    stroke: black;
}

.activeday > a,
.activeday > a:hover {
    color: #ffffff;
    background-color: #0088cc !important;
    text-align: right;
}
.activeGest > a,
.activeGest > a:hover {
    color: #ffffff;
    background-color: #0088cc !important;
    text-align: right;
}

.activeProduct a{
    font-size: 18px;
}

.progress.my_progress {
    top:250px;
    left:500px;
    display: block;
    margin-right: auto;
    margin-left: auto;
    width: 400px;
}

#lastSales {
	margin-top: 50px;
}

body {
  margin: 25px;
  color: black;
}

text {
  color: black !important;
  font-size: 15px;
}

#data-count{
	float: none;
}

.dc-chart g.row text {fill: black;}
.dc-chart .title {text-align: center;}
.dc-chart .info {
	text-align: center;
	margin-left: 1px;
	margin-right: 1px;
	width: 24%;
}

.typeahead.tt-input,.typeahead.tt-hint{
     width: 100%;
}

input.typeahead.tt-query{ /* This is optional */
    width: 300px !important;
}

.tt-dropdown-menu{
	min-width: 250px;
}

.row.no-gutter {
  margin-left: 0;
  margin-right: 0;
}

.row.no-gutter [class*='col-']:not(:first-child),
.row.no-gutter [class*='col-']:not(:last-child) {
  padding-right: 1px;
  padding-left: 1px;
}

.row .no-gutter
{
  padding-right: 1px;
  padding-left: 1px;
}

.row .no-gutter .btn-xs
{
  padding-right: 1px;
  padding-left: 1px;
  font-size: 10px;
}

.row .gutter-sm {
  margin-left: 0;
  margin-right: 0;
  padding-right: 5px;
  padding-left: 5px;
}

ul.operations .datepicker,
ul.operations .timepicker{
  color: #333;
}

ul.operations button span.glyphicon{
  top: 0;
}


ul.operations .btn-xs {
    padding: 1px 3px;
    margin-right: 5px;
}

.row.recipe{
  margin-bottom: 20px;
}

li a.padding10
{
    padding-top: 10px;
    padding-bottom: 10px;
}

.paddingtop5
{
  padding-top: 5px;
}

.nopadding-right
{
  padding-right: 0px;
}

.nopadding-left
{
  padding-left: 0px;
}

.marginbottom10
{
  margin-bottom: 10px;
}

.marginright10
{
  margin-right: 10px;
}

.hide_border_bottom{
  border-bottom-style:hidden;
}

.hide_border_top{
  border-top-style:hidden;
}

.ZIndex1{
  z-index:1;
}

/* .exportPage{
  margin-right: 20px;
} */

.exportSagaBadge{
  padding: 2px 5px;
  font-size: 14px;
}

.rowYellow{
  background: rgb(255,57,65);
}

.labelSelect{
  font-weight: 400;
}

li.no-results{
  color: black;
}

.scrollable
{
  overflow-x:auto;
  overflow-y:auto;
  scroll-behavior: smooth;
  padding-top: 0px;
  padding-right: 0px;
  padding-left: 0px;
}

.showWebOperations:hover{
  cursor: pointer;
}

.tableFixHead {
  /*height: 100px;*/
  border-collapse: separate;
}

.tableFixHead th {
  /*height:100px;*/
  position: sticky;
  top: 0;
  background-color: white;
  /*opacity: 0.5;*/
  z-index: 99
}

/* Just common table stuff. Really. */
tableFixHead  { border-collapse: collapse; width: 100%; table-layout: fixed; }

.tooltip-inner {
    min-width: 100px;
    max-width: 100%;
}

.div-full-td{
    height:100%;
    width:100%
}

.table-hover>tbody>tr:hover>td:not(.adminMenu) {
    background-color: #d2cdcd;
    filter: brightness(85%);
}

.rotate {

  transform: translate(5.58em) rotate(-60deg);
  transform-origin: bottom left;


  /* Legacy vendor prefixes that you probably don't need... */

  /* Safari */
  -webkit-transform: translate(5.58em) rotate(-60deg);

  /* Firefox */
  -moz-transform: translate(5.58em) rotate(-60deg);

  /* IE */
  -ms-transform: translate(5.58em) rotate(-60deg);

  /* Opera */
  -o-transform: translate(5.58em) rotate(-60deg);

  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}

.tooltip {
  white-space: nowrap;
}

.margin0{
  margin:0px;
}

.stock_verify_th1{
    text-align: center;
    border-left-width: 2px;
    border-right-width: 2px;
    border-style: solid;
    border-color: #ddd;
}

.stock_verify_td_first{
    border-left: 2px solid #ddd;
}

.stock_verify_td_last{
    border-right: 2px solid #ddd;
}

.display-flex-center {
  display: flex;
  align-items: center;
}

.relatedDocumentLink{
  cursor: pointer;
}

.relatedDocumentLink:hover{
  text-decoration: underline;
}

.fa.spinner-border {
  animation: spin 1s infinite linear;
  -webkit-animation: spin2 1s infinite linear;
}

@keyframes spin {
  from { transform: scale(1) rotate(0deg); }
  to { transform: scale(1) rotate(360deg); }
}

@-webkit-keyframes spin2 {
  from { -webkit-transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); }
}

  .clock-toggle-checkbox {
      display: none;
  }

  .clock-toggle-label i {
      font-size: 1.6em;
      color: #979696ff; /* Gri deschis când e dezactivat */
  }

  /* Când checkbox-ul e bifat */
  .clock-toggle-checkbox:checked + .clock-toggle-label i {
      color: #337ab7; /* Albastru când e activ */
  }