/*@media (min-width: 768px) and (max-width:1400px){
	table.datatable{
		display: block;
		overflow-x: scroll;
	}
}
*/

#chart{
	width: 100%;      
	resize: both;
	overflow-x: auto;
	height: 200px; 
	overflow-y: hidden;
}
#heartRateChart{
	 width: 100%;      
	resize: both;
	overflow-x: auto;
	overflow-y: hidden;
	}
	
#rrIntervalChart{
	width: 100%;      
	resize: both;
	overflow-x: auto;
	overflow-y: hidden;
}

@media (max-width: 1400px) {
	table.dataTable{
		overflow-x: scroll;
		 display: block;
		 position: relative;	  	
	}
		
	button.cust-btn{
		padding: 1px 1px;
    }
}

@media (max-width:1024px){
	.top-header{
	    z-index: 1;
	}

    .mini-sidebar .page-content-wrapper{
	    margin-left: 78px;
    }

	.page-content-wrapper {
		margin-left:0px ;
	}
}


@media (max-width:767px){
	  
	   div.dataTables_wrapper div.dataTables_paginate ul.pagination {
	    justify-content: center !important;
	    flex-wrap: wrap;
        }
 
       .custom-dropdown-arrow{
	     width:33% !important;
        }

        #windowSlider{
	     width: 50px; 
	     max-width: 50px;
	     width: 100%;
	     display: inline;
	     vertical-align: middle;
         }

        .btn-group, .btn-group-vertical {
          position: relative;
           display: flex;
          vertical-align: middle;
         flex-wrap: wrap;
        justify-content: center;
        align-items: center;
      }
	  
	  /* faq section css*/
	  .timeline-title {
	      font-size: 12px!important;
      }
	  .timeline-item.left {
	      padding-right: 30px;
		  }
		  .timeline-item.left {
		      padding-right: 40px;
		  }
		  .timeline-item:after{
			right: 2px;
		  }
		  .timeline-item.right {
		      padding-left: 40px;
		  }
		  .timeline-item.right:after {
		      left: 2px;
		  }
		  .accordion-body li{
			font-size: 12px;
		  }
}