.chatmsg-main{
  background: #fff;
  height: auto;
  border-top: 1px solid #F1F1F1;
}
.sec-scrolling{
  max-height: 280px;
  position: absolute;
  z-index: 1;
  height: auto;
  width: 97.3%;
  float: left;
  overflow: auto;
  overflow-x: hidden;
  margin-bottom: 15px;
  border: 1px solid #eee;
}
.chat-main{
  float: left;
  width: 100%;
  padding: 10px;
  background-color: #fff;
  border-bottom: 1px solid rgba(204, 204, 204, 0.36);cursor:pointer;
}
.chat-main:hover{
  background:#f8f8f8;
}
.sec-scrolling::-webkit-scrollbar{
  width: 5px;   /*for vertical scrollbars */
  height: 5px; /* for horizontal scrollbars */
  border-radius:10%;
}
.sec-scrolling::-webkit-scrollbar-track{
  background: rgba(0, 0, 0, 0.1);
  border-radius: 15px;
}
.sec-scrolling::-webkit-scrollbar-thumb{
  background: #C8C8C8;
   -webkit-border-radius: 15px;
    border-radius: 15px;
}

  #addnew
  {
    margin-top: 25px;
    margin-left:55%;
  }
#textinput
{
    background-position: 10px 10px;
    background-repeat: no-repeat;
    width: 100%;
    max-width: 300px;
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 16px;
    padding-left: 10px;
    border: 1px solid #ddd;
    margin-bottom: 12px;
}
#role
{
  float: right;
  padding-bottom: 20px;
  max-width: 40%;
}
.header
{
  max-width: 100%;
  height: 80px;
}
#search
{
  max-width:300px;
  float: left;
  width: 100%;
}
/* Loaders */
.loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border: 8px solid #f3f3f3;
  border-radius: 50%;
  border-top: 8px solid #343a40;
  width: 100px;
  height: 100px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/* Add animation to "page content" */
.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s
}

@-webkit-keyframes animatebottom {
  from { bottom:-100px; opacity:0 } 
  to { bottom:0px; opacity:1 }
}

@keyframes animatebottom { 
  from{ bottom:-100px; opacity:0 } 
  to{ bottom:0; opacity:1 }
}

#myDiv {
  display: none;
  text-align: center;
}
.batteryLevel0:before,.batteryLevel1:before,.batteryLevel2:before,.batteryLevel3:before,.batteryLevel4:before,.batteryLevel5:before,
.batteryLevel6:before,.batteryLevel7:before,.batteryLevel8:before,.batteryLevel9:before,.batteryLevel10:before,.batteryLevel11:before,
.batteryLevel12:before,.batteryLevel13:before,.batteryLevel14:before,.batteryLevel15:before,.batteryLevel16:before,.batteryLevel17:before,
.batteryLevel18:before,.batteryLevel19:before,.batteryLevel20:before,.batteryLevel21:before,.batteryLevel22:before,.batteryLevel23:before,
.batteryLevel24:before,.batteryLevel25:before{
  content: "\f243";
}
.batteryLevel26:before,.batteryLevel27:before,.batteryLevel28:before,.batteryLevel29:before,.batteryLevel30:before,.batteryLevel31:before,
.batteryLevel32:before,.batteryLevel33:before,.batteryLevel34:before,.batteryLevel35:before,.batteryLevel36:before,.batteryLevel37:before,
.batteryLevel38:before,.batteryLevel39:before,.batteryLevel40:before,.batteryLevel41:before,.batteryLevel42:before,.batteryLevel43:before,
.batteryLevel44:before,.batteryLevel45:before,.batteryLevel46:before,.batteryLevel47:before,.batteryLevel48:before,.batteryLevel49:before,
.batteryLevel50:before{
  content: "\f242";
}
.batteryLevel51:before,.batteryLevel52:before,.batteryLevel53:before,.batteryLevel54:before,.batteryLevel55:before,.batteryLevel56:before,
.batteryLevel57:before,.batteryLevel58:before,.batteryLevel59:before,.batteryLevel60:before,.batteryLevel61:before,.batteryLevel62:before,
.batteryLevel63:before,.batteryLevel64:before,.batteryLevel65:before,.batteryLevel66:before,.batteryLevel67:before,.batteryLevel68:before,
.batteryLevel69:before,.batteryLevel70:before,.batteryLevel71:before,.batteryLevel72:before,.batteryLevel73:before,.batteryLevel74:before,
.batteryLevel75:before{
  content: "\f241";
}
.batteryLevel76:before,.batteryLevel77:before,.batteryLevel78:before,.batteryLevel79:before,.batteryLevel80:before,.batteryLevel81:before,
.batteryLevel82:before,.batteryLevel83:before,.batteryLevel84:before,.batteryLevel85:before,.batteryLevel86:before,.batteryLevel87:before,
.batteryLevel88:before,.batteryLevel89:before,.batteryLevel90:before,.batteryLevel91:before,.batteryLevel92:before,.batteryLevel93:before,
.batteryLevel94:before,.batteryLevel95:before,.batteryLevel96:before,.batteryLevel97:before,.batteryLevel98:before,.batteryLevel99:before,
.batteryLevel100:before{
  content: "\f240";
}
.nav-link-edit.active{
  color: #f3565d !important;
  border-bottom: 4px solid #f3565d !important;
}
.nav-link.active{
  border-bottom: 4px solid #f3565d !important;
}
.tab-content > .active{
  margin-top: 15px !important;
}
.withoutVideo{
  font-size: 12px;
  padding: 22px 0px 0px 15px;
}
.withVideo{
  font-size: 12px;
  padding: 5px 0px 0px 15px;
}
/* Image OverLay */
.image{
 max-height: 200px;
 max-width: 200px;
}
.image > img{
  max-width: 200px;
  max-height: 200px;
  min-width: 200px;
  min-height: 200px;
  object-fit: cover;
}
.overlay{
  width:100%;
  height:100%;
  display:none;
  position:absolute;
  top:0px;
  left:0px;
}
.overlay div {
  position:relative;
  display:inline-block;
  top:40%;
  margin:-50% 5px 0 0;
}
.checkOverLay { list-style: none; width: 100%;padding: 0px !important; }
.checkOverLay li { 
  padding: 12px;
  position:relative;
  display:inline-block; 
  max-width: 230px;
  margin: 5px 10px;
  background-color: #bfbebe;
  border-radius: 5px;
}
.checkOverLay li:hover .overlay {
  display:block;
  background-color:black;
  opacity:0.75;
}
.bt1,.bt2,.view{
  color:#fff;
}
.view:hover{
  color:#fff;
}
.tags{
  padding: 6px 13px 10px 13px;
  background: #3bb53b;
  color: #fff;
  border-radius: 20px;
  margin: 0px 10px 7px 0px;
  font-size: 13px;
}
#facilityy
{
  margin-top: 30px;
  float: right;
  padding-bottom: 20px;
  max-width: 40%;
}
#spadAddPermission
{
  margin-top: 30px;
}
#details
{
  height: 85px;
}
#spadAddPermission
{
  float: right;
}
.metaDataInfo{
  margin-bottom: 1rem !important;
}
.metaDataInfo thead th{
  border-bottom: 0px solid #dee2e6;
}
.empty-data{
  color: grey;
  font-weight: 400;
  font-size: 14px;
}
.callLogData{
  max-width: 575px;
  max-height: 130px;
  border: 1px solid #d0d0d0;
}
#radio1{
  margin-top: 5%;
}
#radio2{
  margin-top: 3%;
  margin-bottom: 5%
}
.label1,.label2{
  font-size: 16px;
  margin-left: 7px
}
.deleteEvent{
  height: 16px;
  width: 3%;
  margin-left: -25px;
}
#selectAll{
  margin: 0px 10px 0px 0px;
}
#copyCheckedSchedule{
  margin: 0px 15px 0px 10px !important;
}
#showPast{
  margin: 0px 15px;
}
#category-text{
  padding-top: 13px;
}
.form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -1.6rem !important;
}