.textCenter {
   text-align: center;
}



.editable-wrap {
  width:100%
}

.tablefixedrowheight tr {
	height: 45px;
}




.w-xxxxxl {
	width: 480px
}

.w-25 {
	width: 25%
}

.w-33 {
	width: 33%
}

.w-30 {
	width: 30%
}

.w-40 {
	width: 40%
}

.w-50 {
	width: 50%
}




/*
************************************************************************************
DXHTML SCHEDULER
************************************************************************************
*/

.modal-open .dhx_cal_light {
	z-index:1100;
}
.modal-open .dhtmlx_modal_box {
	z-index:1101;
}
.dhx_cal_tab {
	width:50px !important;
}

.dhx_cal_event .dhx_event_resize {
   display:none;
}


.dhx_cal_event_line_end.event_phu {
	padding-top: 3px;
	padding-bottom: 5px;
}

.dhx_now .dhx_month_body, .dhx_now .dhx_month_head {
    background-color: #EFEBE9 !important;
}



/*
************************************************************************************
TABLES
************************************************************************************
*/

.table-striped tbody tr:hover td {
    background-color: #eee !important;
}

.table-highlight tbody tr:hover td {
    background-color: #eee !important;
}



/* matteo */


.btn-success{
  background-color: #0073ae;
  border-color:#0073ae;
}
.btn-success:hover{

background-color: #65A7AB;
border-color:#65A7AB;

}

.btn {
      padding: 8px 20px;
      text-transform: uppercase;
}

.mythumb{
    padding-left: 0px;
}

.mythumb .thumb-xl{
  width: 100px;
  height: 100px;
    border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  background: #fff;
  text-align: center;
  overflow: hidden;
}

.mythumb img{
  width: 80px !important;
  display: inline-block;
  margin-top: 10px;
  border-radius: 50%;
  height: 80px;
}


.mythumb.blister img{
  width: 95px !important;
  display: inline-block;
  padding-top: 20px;
}

.mymainfield{
  padding: 0px;
}


.mymainfield h4{
  font-size: 15px;
  line-height: 30px;
}



/* integration */

#blisterModDiv{
  position: relative;
  width: 55%;
  margin-right: 2%;
  height:100%;
  height: calc(100% - 110px);
  float: left;
  display: inline-block;
  overflow: hidden;
}

#settingMassa{
  width: 43%;
  float: left;
}



#blisterModDiv #blister{
  position: absolute;
  top: 100px;
  width: 100%;
  z-index: 1;
  left:0px;
  opacity: 0;
  float: left;
}

#blisterModDiv .nopill{
  display: none;
}

#blisterModDiv #blister .blisterCtn{
  top:0px;
  background: #fff;
  border:1px solid #d4d4d4;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -ms-border-radius: 6px;
  padding: 10px;
  float: left;
  min-height: 68px;
  min-width: 100px;
  position: relative;
  left:50%;
  margin-left: -50px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
}


#blisterModDiv #blister .roww{
  float: left;
  padding:0px;
}


#blisterModDiv #blister .roww:first-child{
  border-top: 0px;
}

#blisterModDiv #blister .roww .pill{
  width: 30px;
  height: 30px;
  cursor: pointer;
  float: left;
  background-image: url(../../img/device/pill.svg);
  background-position: center;
  background-repeat: no-repeat;
  padding: 15px 20px;
  position: relative;
  background-size: 80%;
}

#blisterModDiv #blister .roww .pill.deactive {
  background-image: url(../../img/device/pill_deactive.svg);
}

#blisterModDiv #blister .roww .pill.invisible {
  background-image: none;
}

#blisterModDiv #blister .roww .pill input{
  width: 100%;
  border: none;
  text-align: center;
  font-size: 22px;
  line-height: 22px;
  position: absolute;
  width: 34px;
  top: 50%;
  left: 50%;
  height: 34px;
  margin-top: -17px;
  margin-left: -17px;
}

input::-webkit-input-placeholder {
    font-size: 16px;
    opacity: .6;
    line-height: 16px;
}

input::-moz-placeholder {
    font-size: 16px;
    opacity: .6;
    line-height: 16px;
}

input:-moz-placeholder {
    font-size: 16px;
    opacity: .6;
    line-height: 16px;
}

input:-ms-input-placeholder {
    font-size: 16px;
    opacity: .6;
    line-height: 16px;
}

#blisterModDiv  #blister:after{
  display: none;
}

#settingMassa .pinCtn{
    border:1px solid #ccc;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    padding: 15px;
    float: left;
    width: 100%;
}




#settingMassa .pinCtn .pinSetCtn{
  float: left;
  width: 3%;
  margin: 10px 1%;
  font-size: 12px;
  text-align: center;
}

#settingMassa .pinCtn .pinSet{
  border:1px solid #ccc;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -ms-border-radius: 2px;
  width: 100%
}

#settingMassa .pinCtn .pinSet:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

#settingMassa .pinCtn .pinSet.pinPill{
  background: #23ad44;
  border-color:#20a03f;
}


#settingMassa .pinCtn .pinSet.pinMass{
  background: #444;
  border-color:#444;
}


#settingMassa .pinCtn .pinSet.pinId{
  background: #0073ae;
  border-color:#0073ae;
}

#massasel option[disabled]{
  background: #ccc;
  opacity: .4;
}

.legend{
  float: left;
  width: 100%;
  margin-top: 10px;
}

.legend p,.legend span{
  margin: 0px 10px;
  float: none;
  display: inline-block;
  font-size:12px;
  color:#000;
}

.legend span{
  padding-left: 25px;
  color: #484848;
  position: relative;
}

.legend span:before{
  width: 14px;
  content: '';
  height: 14px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -ms-border-radius: 2px;
  position: absolute;
  top: 50%;
  left:0px;
  margin-top: -7px;
}

.legend span.legendPill:before{
  background: #23ad44;
  border-color:#20a03f;
}
.legend span.legendId:before{
  background: #0073ae;
  border-color:#0073ae;
}
.legend span.legendMassa:before{
  background: #444;
  border-color:#444;
}


.dhtmlx_popup_controls{
  padding: 6px 0px !important;
  padding-bottom: 20px !important;
}

.dhtmlx_popup_text{
  padding-top: 20px;
}


.dhtmlx_popup_controls .dhtmlx_modificare_la_serie_button, .dhtmlx_popup_controls .dhtmlx_modify_the_series_button {
  display: inline-block;
  padding: 4px 12px;
  background: #5780AD;
  color: white;
  border: 1px solid #5780AD;
}



.dhtmlx_popup_controls .dhtmlx_modificare_una_copia_button, .dhtmlx_popup_controls .dhtmlx_modify_this_instance_button{
  display: inline-block;
  padding: 4px 12px;
  background: #0073ae;
  color: white;
  border: 1px solid #0073ae;
}

.dhtmlx_popup_controls .dhtmlx_annulla_button, .dhtmlx_popup_controls .dhtmlx_cancel_button {
  display: inline-block;
  padding: 4px 12px;
  border: 1px solid #484848 !important;
  color: #484848 !important;
  background: #fff !important;
}

.dhtmlx_popup_button.dhtmlx_modificare_la_serie_button div,.dhtmlx_popup_button.dhtmlx_annulla_button div,.dhtmlx_popup_button.dhtmlx_modificare_una_copia_button div {
  border: none;
  background: none;
  color: #fff;
}

.dhtmlx_popup_button.dhtmlx_modify_the_series_button div,.dhtmlx_popup_button.dhtmlx_cancel_button div,.dhtmlx_popup_button.dhtmlx_modify_this_instance_button div {
  border: none;
  background: none;
  color: #fff;
}


.dhtmlx_popup_button.dhtmlx_annulla_button div, .dhtmlx_popup_button.dhtmlx_cancel_button div{
  border: none;
  background: none;
  color: #484848 !important;
}


.dhtmlx_modal_box.dhtmlx-alert{
  padding: 5px 20px;
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -ms-box-sizing: content-box;
}

.dhx_cal_event_line_end.event_phu{
  margin-left: 7px;
}

.dhx_cal_larea .dhx_cal_ltext textarea{
  border: none;
  font-size: 14px;
  background: #fff;
}


.therapyavatar{
  float: none;
  display: inline-block;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  background: #fff;
  width: 80px;
  height: 80px;
  margin-top: -5px;
  text-align: center;

}

.therapyavatar img{
  width: 70px;
height: 70px;
margin-top: 5px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-ms-border-radius: 50%;
}

.btnbacktherapy{
  padding: 8px 0px;width: 130px;font-size: 16px; position: absolute; left: 15px; top: 30px;
}

.btnsavetherapy{
  top: 30px;padding: 8px 0px;width: 130px;font-size: 16px; position: absolute;right: 18px;
}


input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill,input:focus, textarea:focus, select:focus {

  background: #fff !important;
}

.navbar-brand{
	float:none;
	padding: 0px 10px;
    height: 50px;
}

.nav.navbar-nav .btn:hover, .nav.navbar-nav .btn:focus, .nav.navbar-nav .btn.focus{
	color:#b4b6bd;
}

.logoctn{
	display: inline-block;
    padding-top: 6px;
    line-height: 1px;
    height: 45px;
    margin-left: 0px;
}

.brandctn{
	
	display: inline-block;
    margin-top: 6px;
    height: 35px;
    margin-left: 10px;
}


.dhx_cal_event_clear .badge{
	background:#9CCC65;
	text-shadow:none;
	font-weight:600;
	color:#fff;
}

.bg-dark.dk, .bg-dark .dk{
	border-radius:0px;
}

@media screen and (max-width:1400px){
	.mymainfield{
		width:calc(100% - 80px);
	}
	.mythumb{
		margin-right: 0px;
	    text-align: left;
	    padding-right: 0px;
	    width: 80px;
	}
	.mythumb .thumb-xl {
    		width: 65px;
    		height: 65px;
	}
	
	.mythumb img{
		width: 60px !important;
	    display: inline-block;
	    margin-top: 3px;
	    border-radius: 50%;
	    height: 60px;
	}
	.wrapper {
	    padding: 15px 10px;
	    float:left;
	    width:100%;
	}
}

@media screen and (max-width:1300px){
	.hidden1200{
		display:none !important;
	}
}

@media screen and (max-width:1200px){
	.navbar-brand{
		    padding: 0 10px;
	}
	
	#lateralusermenu{
		padding:0px
	}
	
	.navbar-right{
		float:left !important;

	}
	
	.vbox{
		display:block;
	}
	
	.table > tbody > tr > th, .table > tfoot > tr > th, .table > tbody > tr > td, .table > tfoot > tr > td{
		padding: 8px 5px;
	}
	
	.hbox{
		table-layout: auto;
	}

	.w-30,.w-40,.hbox .col{
		 width: 100%;
	    float: left !important;
	    display: block;
	    height: auto !important;
	}
	
	.navbar-header{
		width:auto !important;
	}
		
	.headerbtn{
		text-align:center;
		    width: 100%;
	}
	.headerbtn .pull-right{
		float:none !important;
		display:inline-block;
		    margin: 5px 0px;
	}
	
	
	#phutureDiv {
	    position: relative;
	    width: 100%;
	    height: 100vh !important;
	}
	
	#phutureDiv #blister {
	    position: relative !important;
	    bottom: 0px !important;
	    width: 100% !important;
	    z-index: 1;
	    opacity: 0;
	    float: left;
	    margin-bottom: 0px !important;
	}

	.panelctnmobile{
		height:100% !important;
	}
	
	.slimScrollDiv{
		height:300px !important;
	}
	
	.panelctnmobile .panel-default,.panelctnmobile .panel-body{
		height:auto !important;
	}
	
	.therapyavatar{
		margin-top:70px;
	}
	
	
	.dhx_cal_navline{
		height:80px !important;
	}
	
	.dhx_cal_data{
		top:116px !important;
	}
	
	.dhx_cal_header{
		top:80px !important;
	}
	
	.dhx_cal_navline .dhx_cal_date{
		top:0px !important;
		font-size:16px !important;
	}
	
	
	.dhx_cal_today_button{
		display:none !important;
	}
	
	.dhx_cal_navline div{
		top:35px !important;
	}
	
	.mythumb.blister img {
    		width: 88px !important;
   	 	display: inline-block;
    		padding-top: 1px;
	}
}
@media screen and (max-width:800px){
	.navbar-right{
		float:left !important;
	    width: 100%;
	    text-align: center;
	    margin: 0px;
	}
	.mythumb, .mymainfield{
		text-align:center;
		width:100%;
	}
	
	#chart3{
		height:400px !important
	}
	.resetH{
		height:auto !important;
	}
	
	#phutureDiv #blister{
		bottom:-40px !important;
	}
	
	#phutureDiv .display{
		bottom:1% !important;
		
		}
}
@media screen and (max-width:480px){
	.custompagination .pull-right{
		float:left;
		margin-right:0px;
		width:100%;
	}
	
	.pagination{
		float:left;
		margin:5px 0px !important;
		width:100%;
		text-align:center;
	}
	
	.pagination > li{
		float:left;
		width:100%;
	}
		
	.pagination > li > a, .pagination > li > span{
		display:block;
		width:100%;
	}
	
	#settingMassa,#blisterModDiv {
    		width: 100%;
    		float: left;
	}
	.scrollertable{
		float:left;
		width:100%;
		overflow:auto;
	}
}

@media screen and (max-height:700px){
	#phutureDiv .display{
		height: 200px !important
	}
	
	#phutureDiv #blister{
		bottom:170px !important;
	}
	#phutureDiv .containerDisplay {
		    float: left;
		    position: relative;
		    width: 170px !important;
		    height: 82px !important;
		    top: 16px !important;
		    left: 50% !important;
		    margin-left: -86px !important;
	}
	#phutureDiv #slideshow{
		height:48px !important;
		    margin-top: 20px !important;
	}
	
	#phutureDiv .temperature .level:before, #phutureDiv .wet .level:before{
		bottom: 14px !important;
    		left: 6px !important;
	}
	.dochidden{
	display:none;}
}

.patientAvatar {
  position: relative;
  display: inline-block; /* added */
  overflow: hidden; /* added */
}

.patientAvatar img {width:100%;} /* remove if using in grid system */


.patientAvatar img:hover {
  opacity: 0.5
}
.patientAvatar:hover a {
  opacity: 1; /* added */
  top: 0; /* added */
  z-index: 500;
}
/* added */
.patientAvatar:hover a span {
  top: 50%;
  position: absolute;
  left: 0;
  right: 0;
  transform: translateY(-50%);
}
/* added */
.patientAvatar a {
  display: block;
  position: absolute;
  top: -100%;
  opacity: 0;
  left: 0;
  bottom: 0;
  right: 0;
  text-align: center;
  color: inherit;
}