ng-component, rx-template {
  width:100%;
}
rx-date {
  display: block;
  position: relative;
}
  rx-date .input-group-addon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    border-radius: .25rem;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: transparent;
    border: 0;
    z-index: 5;
    font-size: 1.25rem;
    cursor: pointer;
  }
rx-table {
  display: block;
}
.am-pm {
  font-size: 14px;
}
.am-pm em {
    font-style: normal;
}

textarea.ng-invalid, input.ng-invalid, select.ng-invalid ,rx-mask.ng-invalid input,rx-tag.ng-invalid > div {
  border-bottom: 2px solid #dc3545 !important
}
.blue-background {
	color:white;
  background-color: #2a8bc8 !important;  
}
.white-background {
  background-color: white !important;  
}
span.underLine > span.comment {
  color: darkcyan;
  word-break: break-word;
}

/* custom.css */
.mycontent {
  display: none; }

.border-top-light {
  border-top: 1px solid rgba(255, 255, 255, 0.5); }

.four-links .popover {
  left: 15px !important;
  min-width: 800px;
  transform: none !important;
  top: 85% !important; }
  .four-links .popover .arrow {
    display: none; }


    @media only screen and (min-width: 1200px) {    
 
      .min-height-210 {
        min-height:0;
      height: 210px;
      overflow: auto;
      }
        .min-height-168 {
          min-height:0;
        height: 168px;
        overflow: auto;
        }
        .min-height-760 {
          min-height:0; 
        height: 760px;
      overflow: auto;
      } 
    }
    .hospital-table > div, .hospital-table > div > table{
      overflow: auto;
      width: 100% !important;
      max-width: unset !important;
    }
    .hospital-table > div > table{
      min-width:1000px;
    }
    .max-height-500{
      max-height: 500px;
      overflow: auto;
    }
    .slider-custom-padding{
      padding: 0.5rem 1rem 0.5rem 0rem;
    }
    .boy-girl-switch .switch .switch-text:before{content: 'Girl';}
    .boy-girl-switch .switch .switch-text:after{content: 'Boy';}
    .mouse-hover > div> table > tbody > tr{
      cursor: pointer;
    }
    .mouse-hover-tag{
      cursor: pointer;
    }
    .ul-none > div > ul {
      list-style-type: none !important;
      padding-left: 0px;
    }


.show-termSection .termSection-wrapper {
width: 400px; }

.show-termSection .termSection-wrapper {
display: block; }   

.termSection-wrapper {
  -o-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s; }

  .termSection-wrapper {
    background-color: white;
    z-index: 2;
    right: 0;
    width: 0px;
    position: fixed;
    top: 70px;
    bottom: 52px; 
    overflow: auto;
  }


.main-content {
padding-right: 0px; }

/* .show-termSection .main-content {
padding-right: 400px; } */

.scroll-table {
height: 860px;
width: 380px;
overflow: auto !important;    /* Trigger vertical scroll    */
/*overflow: scroll !important;   Hide the horizontal scroll */
}

.tbl-scroll-table table tbody tr{
  max-width: 260px;
  width: 240px;
  overflow-x: auto !important;
}
/* .border-div{
  border: 1px solid black;
} */

.termSection-wrapper .nav-tabs .nav-item {
  margin-left: 10px;
}

.custom-file-input:lang(en)~.custom-file-label::after{
  content: none;
}
.sorting_asc , .sorting_desc{
  cursor: pointer !important;
}

input[type="file"]:focus~.custom-file-label {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0,123,255,.25) !important;
}
.custom-control-input:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0,123,255,.25) !important;
}
.chosen-container .chosen-drop{
  z-index: 1 !important;
}
.input-group>.custom-file:focus, .input-group>.custom-select:focus, .input-group>.form-control:focus {
  z-index: 1 !important;
}
.min-width-100{
  width: 100px !important;
  min-width: 100px !important;
}
.hospital-table > div, .hospital-table > div > table{
  max-width: none !important;
}
.hospital-table.messing-table > div > table {
  min-width: 0;
}
.resize-vertical{
  resize: vertical
}
.btn:disabled{
  cursor: no-drop !important;
}
.red-background {
	color: white;
    background-color: #FB8950 !important;
    /* opacity: 0.4;  */
}
/* .show-termSection .termSection{
  display: block;
  opacity: 1;
}   */
/* #accordion-style-1 .card-body {
    border-top: 2px solid #007b5e;
} */
.hospital-table table tr td{
  word-break: break-word;
}
/* added by pinkal- for calender control */
.min-max-98 {
  min-width: 98px;
  max-width: 98px;
}
.min-105 {
  min-width: 105px;
}
.calendar-dock {
  position: sticky;
  top: 70px;
  background: #fff;
  z-index: 2;
  box-shadow: 0px 2px 1px -2px rgba(0, 0, 0, 0.1);
}
.calander-section .calander thead th {
  font-size: 1rem;
}

.calander-section .calander tbody td {
  font-size: 1rem;
}

.calander-section .card-header h2 {
  font-size: 1.2rem;
  line-height: 1;
}

.calander-section .card-header {
  padding: 0.25rem 1.25rem;
}
.fa-volume-slash.fa.fa-volume-up:after {
  position: relative;
  content: "/" !important;
  color: red;
  font-weight: 700;
  font-size: 1.9em;
  left: -8px;
  top: 4px;
}

/* 22-06-2020 */
.chk-box input[type="checkbox"] {
  width: 20px;
  height: 20px;
  vertical-align: middle;
}
@media (max-width: 575px) {
 

  .calander-section .card-header h2 {
    text-align: center;
    width: 100%;
  }

  .calander-section .swich-slider-calender {
    display: inline-block;
    margin-top: 12px;
  }

  .calander-section .arrows {
    display: inline-flex;
    margin-top: 12px;
    vertical-align: middle;
    margin-left: auto !important;
    margin-bottom: 7px;
  }

  .calander-section .card-header {
    padding: 0.55rem 1.25rem;
  }

  .calander-section .card-header > * {
    display: flex;
    flex-wrap: wrap;
  }
}

@media (min-width: 992px) {
  rx-table.messagingGrid div table {
    width: 100%;
  }
}

@media (max-height: 767px) {
  .calendar-dock {
    position: static;
    box-shadow: none;
  }
}
@media (max-width: 767px) {
  .cst-file-input .img-table {
    position: relative;
  }
}

@media (max-width: 639px) {
  .calendar-dock {
    position: static;
    box-shadow: none;
  }
}
/* added by pinkal- for calender control */