#headerDashboard {
 background-color: #f8f6f4;
}
.gridDashboard {
	font-size: 9px;
   position: relative;
    width: 100%;  
}
.itemDashboard {
  position: absolute;
  width: 100px;
  height: 100px; 
  margin: 7.5px;
  z-index: 1;
}
.itemDashboard.muuri-itemDashboard-hidden {
  z-index: 0;
}
.itemDashboard.muuri-itemDashboard-positioning {
  z-index: 2;
}
.itemDashboard.muuri-itemDashboard-releasing {
  z-index: 3;
}
.itemDashboard.muuri-itemDashboard-dragging {
  z-index: 4;
}
.itemDashboard-content {
  position: relative;
   width: 100%;  
  height: 100%;
  /*  padding: 5px!important; */
/*   text-align: center; */
  background: #fff;
   font-size: 18px;
  color: black;
  /* cursor: pointer; */
  user-select: text;
}
.itemDashboard.muuri-itemDashboard-dragging .itemDashboard-content {
   background: #FFFFFF; /* #f8f6f4; */
 /*    border: 1px solid #d9d6c4 !important; */
}
.itemDashboard.muuri-itemDashboard-releasing .itemDashboard-content {
  background: #f8f6f4;
  border: 1px solid #d9d6c4 !important;
}
.itemDashboard.h2 {
  height: 206px;
}
.itemDashboard.w2 {
  width: 206px;
} 
.itemDashboard.h3 {
  height: 312px;
}
.itemDashboard.w3 {
  width: 312px;
}
   .itemDashboard.h4 {
  height: 418px;
} 
 .itemDashboard.w4 {
  width: 418px;
} 
 .itemDashboard.h5 {
  height: 515px;
} 
 .itemDashboard.w5 {
  width: 515px;
} 
.itemDashboard.h6 { 
  height: 630px;
}
.itemDashboard.w6 { 
  width: 630px;
} 
#addNewCadran{
	text-align: center;
}
.content_left_titlu{
	float: left;
	padding-left:5px;
}
.content_left{
	float: left;
	padding-left:10px;
}
.content_right_titlu{
	float: right;
	padding-right:5px;
}
.content_right{
	float: right;
	padding-right:10px;
}

.titlu{
	text-transform: uppercase; 
}
 .titluredimensionabil{
   width: calc(100%);
 }
 #content_line-chart{
  width:  100%;
  font-size: 14px !important;
  font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif!important;
 }
 .menuOptions_02{
   width:  100%;
  font-size: 14px !important;
  font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif!important;
 }
  
@media (max-width: 877px) { 
  .gridDashboard {
	  width: calc(100%);
	}
/*   .itemDashboard.w2 {
    width: calc(100% - 10px);
  }   */
  .itemDashboard.w6 {
    width:  calc(100% - 10px);
  }
 .titluredimensionabil{
   width: calc(100%);
 }
 #content_line-chart{
  width:  calc(100% - 10px);
 }
}
@media (max-width: 640px) {
	.gridDashboard {
	  width: calc(100%); 
	}
	/* .gridDashboard .itemDashboard{
	  font-size: 9px;
	} */
/* 	.content_right{
	  float: left;
    } */
  .itemDashboard.w2 {
    width:   calc(100% - 10px);
   /*  height: calc(50vw - 10px);
    font-size: calc(3vw + 3vh); */
  }  
  
/*   .itemDashboard.h2 {
    height: calc(50vw - 10px);
  } */
  /*itemDashboard h4 w8*/
   .itemDashboard.w4 {
     width: calc(100% - 10px);
  }
   .itemDashboard.w6 {
       width: calc(100% - 10px);
  }
   .titluredimensionabil{
   width: calc(100%);
 }
  #content_line-chart{
  width:  calc(100% - 10px);
 }
}


/* pentru radio!!! */
.inputGroupAllCadrane {
    background-color: #fff;
    display: block;
    margin: 10px 0;
    position: relative;
}
.inputGroupAllCadrane:hover {
	background-color: #f8f6f4;
	color: #ffa464;
	position: relative;	
	z-index: 999;
	margin: 10px 0;
}
.inputGroupAllCadrane:hover label{
	font-weight: bold;
}
.labelDashText{
	color:black;
    /* font-weight: bold;	 */
	font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
}
.labelDashVal, .labelDashVal_fCursor{
	color:#075ba5;
    font-weight: bold;
	font-size:  calc(13px + 1.1vw);/* 1.8vw; */
	font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
}

.labelDashValLei, .labelDashValLei_fCursor{
	color:#00665b;/*  #075ba5; */
    font-weight: bold;
	font-size:  calc(14px + 0.7vw);/* 1.8vw; */
	font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
}
.labelDashVal:hover, .labelDashValLei:hover, .cursorChart{
    cursor: pointer;
}

.intervalDash{
    border-radius: 5px;
}

.textDePrecompl{
	/* font-style: italic; */
    font-weight: lighter;
    color: #627eb7;
    font-size: medium;
}

.cadraneNou{
    width: 80%;
    height: 23%;
    /* padding: 10px; */
    padding-right: 12px;
    padding-bottom: 12px;
    padding-left: 12px;
    /* background:	#ededed; */
    background: #fbf8f5;
    margin-top: 8px;
    font-size: 0.7vw;
}
.cadraneNouSingur{
    width: 40%;
    height: 70%;
    /* padding: 10px; */
    padding-right: 12px;
    padding-bottom: 12px;
    padding-left: 12px;
    /* background:	#ededed; */
    background: #fbf8f5;
    margin-top: 8px;
    font-size: 0.7vw;
}

.cadraneNou_test2{ /* cel cu background albastru, fara linie  ---- doar test*/
    width: 40%;
    height: 70%;
    padding-right: 12px;
    padding-bottom: 12px;
    padding-left: 12px;
    background: #dce3ef;
    margin-top: 8px;
    /* font-size: 0.7vw; */
    border-radius:10px;
}
.cadraneNou_test3{  /* cel cu bara verticala */ 
	width: 100%;
    height: 20%;
    display: inline-flex;
    padding-bottom: 12px;
    margin-top: 5%;    
}

.cadraneNou_testDrum{  /* cel cu bara verticala */ 
	width: 100%;
    height: 40%;
    display: inline-flex;
    padding-bottom: 12px;
    margin-top: 5%;    
}

.tipFont{
	font-weight: bold;
	font-size: calc(11px + 0.2vw);
	font-family:Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif; /*  "Helvetica Neue", Helvetica, Arial, sans-serif; */
}

.lei{
	float: left;
    font-size: calc(12px + 0.3vw);
    position: relative;
    top: calc(2px + 0.3vw);
}

.ptrDrag{
	cursor: grab;
}

.valMare{
	max-width: 160px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}