.maleColor{
    color: #0000FF; 
 }
 .femaleColor{
    color: #FF69B4; 
 }
 
 .mrg_r5{
     margin-right: 5px;
 }
 
 .superscript{
     vertical-align: super;
     position: relative; 
     top: -0.5em; 
     font-size: 80%;
 }
 
 .monitor_data td .monitor_figure_data{
     font-size: 2em;
     font-weight: normal;
 }
 
 .icon-size{
     font-size: 1.5em;
 }
 .monitor_mobile_data {
     font-size: 1.5em;
 }
 .monitor_data td span b{
     font-size: 18px
 }
 
 .red_font{
     color : #e52300;
 }
 
 .green_font{
     color : #789F51;
 }
 
 .mrgbtm10{
     margin-bottom: 10px; 
 }
 
 .padd_LR0{ 
     padding-left: 0;
     padding-right: 0;
 }
 
 .mgt_tb20{
     margin: 20px 0px;
 }
 
 .max_height_tab_data{
     max-height: 500px;
 }
 
 .modal-dialog {
     /*width: 70%;*/
 }
 
 .data-box-height{
     max-height: 500px;
 }
 
 .form-section-heading h4 {
     color: #337AB7;
     font-size: 25px;
     margin-bottom: 30px;
 }
 
 .mail_alert_bg{
     background-color: #D10311;
 }
 
 .mrg_btm25{
     margin-bottom: 25px;
 }
 
 .loader{
     text-align: center;
 }
 
 .headerDate {
     font-size: 17px;
     font-weight: 500;
     margin-left: 10px;
 }
 
 .monitorHeaderText {
     color: #8B8B8B;
     /*font-size: 16px;*/
     font-size: 15px;
     font-weight: 600;
 }
 
 .resultText {
     /*color: #789F51;*/
     /*font-size: 16px;*/
     font-size: 15px;
     font-weight: 600;
 }
 
 .extensionText {
     font-size: 12px;
 }
 
 .ecgbtn {
     text-align: center;
     /*padding: 0px 30px;*/
 }
 
 .ecgbtn button {
     margin-bottom: 5px;
 }
 
 .ecgbtnText {
     font-size: 16px;
     font-weight: 600;
     width: 100%
 }
  
 .userDataBlock {
     font-size: 17px;
     font-weight: 600;
     margin-left: 5px 0px 0px 15px;
 }
 
 
 /*ECG canvas start*/
 .canvas-box {
   float: left;
   margin-left: 10px;
   border-radius: 6px;
 }
 
 #canvas {
     /*border:1px solid #E1D4D1;*/
     border:1px solid red;
     margin: 5px;
     background: #ffffff;
     border-radius: 2px;
 }
 
 .ecgCanvas {
     /*border:1px solid #E1D4D1;*/
     border:1px solid red;
     margin: 5px;
     background: #ffffff;
     border-radius: 2px;
 }
 /*ECG canvas end*/
 
 /* sticky button start */
 #stickyButton {
     position: fixed;
     bottom: 50px;
     right: 0px; 
     z-index: 1041;
 }
 /* sticky button end */
 
 .graphButtonArea {
     text-align: center;
     font-size: 20px;
     padding-top: 90px;
 }
 
 .graphButtonArea a button {
     margin-bottom: 5px;
 }
 
 .bpCounter {
     text-align: right;
     font-weight: 600;
 }
 
 .blackFont {
     font-size: 16px;
     font-weight: 600;
 }
 
 .graphic-block {
     /*padding: 10px 0px 10px 50px;*/
     text-align: center;
     padding: 10px 5px;
 }
 
 .graphicText {
     font-size: 16px;
     font-weight: 500;
     padding: 15px 0px;
 }
 
 .graphicTextMore {
     font-size: 16px;
     font-weight: 500;
     padding: 37px 0px 15px;
 }
 
 .monitor-clock-section{
     text-align: right;
     font-size: 24px;
     font-weight: 500;
 }
 
 .monitor-lable-section{
     text-align: left;
     font-size: 24px;
     font-weight: 500;
     padding: 0px
 }
 
 .user-comment-section{
     max-height: 300px;
     overflow: hidden;
     overflow-y: auto;
     padding: 5px;
 }
 
 .monitoring_mobile{
     font-size: 15px;
     font-weight: 600;
 }
 
 .monitoring_time{
     font-size: 14px;
     font-weight: 600;
 }
 
 .button-section-mon{
     text-align: center;
     font-size: 20px;
 }
 
 .mon_alart_stand {
     float: right;
     padding: 0px 0px 0px 10px;
 }
 
 .device_icon_monitor{
     float:left;
     width: 30px;
     padding: 0px;
 }
 .rmv-pad-right {
     padding-right: 0px;
 }
 .rmv-pad-left {
     padding-left: 0px;
 }
 .padding5-right {
     padding-right: 5px;
 }
 .padding10-right {
     padding-right: 10px;
 }
 .padding15-right {
     padding-right: 15px;
 }
 .padding20-right {
     padding-right: 20px;
 }
 .padding25-right {
     padding-right: 25px;
 }
 .padding30-right {
     padding-right: 30px;
 }
 .padding5-left {
     padding-right: 5px;
 }
 .padding10-left {
     padding-right: 10px;
 }
 .padding15-left {
     padding-right: 15px;
 }
 .padding20-left {
     padding-right: 20px;
 }
 .padding25-left {
     padding-right: 25px;
 }
 .padding30-left {
     padding-right: 30px;
 }
 .group_by {
     color: black;
     background-color: white;
     padding: 3px;
     margin-left: 10px;
     cursor: pointer;
 }
 
 @media (min-width: 768px) {
     .modal-dialog {
         width: 600px;
         margin: 30px auto;
     }
 
     .monitor-lable-section{
         text-align: left;
         font-size: 24px;
         font-weight: 500;
         padding: 0px
     }
 
     .monitor-clock-section{
         text-align: right;
         font-size: 24px;
         font-weight: 500;
     }
 }
 
 @media (min-width: 375px) {
     .modal-dialog {
         width: 600px;
         margin: 30px auto;
     }
 
     .monitor-lable-section{
         text-align: left;
         font-size: 15px;
         font-weight: 500;
         padding: 0px
     }
 
     .monitor-clock-section{
         text-align: right;
         font-size: 15px;
         font-weight: 500;
     }
 }
 
 @media only screen and (min-width: 960px) {
     .modal-dialog {
         width: 600px;
         margin: 30px auto;
     }
 
     .monitor-lable-section{
         text-align: left;
         font-size: 24px;
         font-weight: 500;
         padding: 0px
     }
 
     .monitor-clock-section{
         text-align: right;
         font-size: 24px;
         font-weight: 500;
     }
 }
 @media only screen and (min-width: 1440px) {
     .modal-dialog {
         width: 600px;
         margin: 30px auto;
     }
 
     .monitor-lable-section{
         text-align: left;
         font-size: 24px;
         font-weight: 500;
         padding: 0px
     }
 
     .monitor-clock-section{
         text-align: right;
         font-size: 24px;
         font-weight: 500;
     }
 }
 @media only screen and (min-width: 2000px) {
     .modal-dialog {
         width: 600px;
         margin: 30px auto;
     }
 
     .monitor-lable-section{
         text-align: left;
         font-size: 24px;
         font-weight: 500;
         padding: 0px
     }
 
     .monitor-clock-section{
         text-align: right;
         font-size: 24px;
         font-weight: 500;
     }
 }
 @media only screen and (max-device-width: 480px) {
    .modal-dialog {
         width: 600px;
         margin: 30px auto;
     }
 
     .monitor-lable-section{
         text-align: left;
         font-size: 15px;
         font-weight: 500;
         padding: 0px
     }
 
     .monitor-clock-section{
         text-align: right;
         font-size: 15px;
         font-weight: 500;
     }
 }
 @media only screen and (device-width: 768px) {
     .modal-dialog {
         width: 600px;
         margin: 30px auto;
     }
 
     .monitor-lable-section{
         text-align: left;
         font-size: 24px;
         font-weight: 500;
         padding: 0px
     }
 
     .monitor-clock-section{
         text-align: right;
         font-size: 24px;
         font-weight: 500;
     }
 }
 .right {
     text-align: right;
 }
 
 .btn.btn-secondary.cancel-btn {
     margin-right: 15px;
 }
 .form-section-heading-data {
     color: #337AB7;
     font-size: 20px;
     margin-bottom: 30px;
     margin-left: 25px;
 }
 .pd-0 {
     padding-right: 0px !important;
     padding-left: 15px;
 }
 
 @media (max-width: 1440px) {
     .schedule-wrapper select.form-control {
         padding-left: 2px;
         padding-right: 2px;
     }
 }
 
 @media (max-width: 1024px) {
     .schedule-wrapper select.form-control {
         width: 70px;
         padding-left: 2px;
         padding-right: 2px;
     }
 }
 
 @media (max-width: 767px) {
     .schedule-wrapper select.form-control {
         width: 100%;
         margin-bottom: 4px;
     }
 }
 .monitor-bell:hover{
     cursor: pointer !important;
 }
 a.disabled {
   pointer-events: none;
   cursor: default;
 }
 .text-danger-red {
     color: #f11714;
 }