@import url(https://fonts.googleapis.com/css?family=Lato:100,300,400,700);
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css);
@import url(https://cdnjs.cloudflare.com/ajax/libs/MaterialDesign-Webfont/5.8.55/css/materialdesignicons.min.css);

/* @import url(https://cdn.materialdesignicons.com/2.0.46/css/materialdesignicons.min.css);
 */

/*@import url(pie.css);*/
/*.scroll {
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    user-select: text !important;
    }*/
.select-tag {
  width: 100%;
  margin: 10px 32px;
}
.tag-modal {
  min-height: 285px !important;
}
.custom-select {
  margin-bottom: 13px;
}

.inventory-survey .custom-select {
  margin-bottom: 0px;
}

.msg-cont-text.sign {
  border-top: 1px dashed rgba(0, 0, 0, 0.2);
  margin-top: 15px;
  padding-top: 5px;
}
.remove-chat-sign {
  position: absolute;
  bottom: 9px;
  right: 10px;
  color: #ffffff;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  text-align: center;
  line-height: 28px;
  background: #1c6272;
}
.remove-chat-sign i {
  font-size: 18px;
}

/************** Signature Document style *******************/
.disabled-pdf-control {
  opacity: 0.3;
}
.mask-wrapper.drag-over {
  border: solid 1px red;
}

[ng-drag].dragging {
  opacity: 0.5;
}
.sign-picture {
  /*height: 48px;*/
  /*padding: 0px !important;*/
  /*position: relative;*/
  /*width: auto;*/

  height: 48px;
  padding: 2px;
  position: relative;
  width: auto;
}
.chat-display-scroll .chat-ion-list .avatar.no-bg {
  background: none !important;
}
span.download-progress.ng-binding {
  /* float: right; */
  position: absolute;
  right: 34px;
  background: #35abdd;
  width: 100px;
  height: 35px;
  text-align: center;
  line-height: 2.7;
  color: #fff;
}
.palette-list .cloned-text-input {
  display: none !important;
}
.text-attach {
  position: absolute;
  left: 0px !important;
  top: 0px;
  bottom: 0px;
  height: 100% !important;
  width: 100% !important;
  text-align: left;
  font-family: "Open Sans", sans-serif, Helvetica, Arial !important;
  /*padding: 5px !important;*/
}
.text-attach {
  resize: none !important;
}
.button-width {
  width: 31% !important;
}
.submit-color {
  background: none !important;
  top: 4px;
}
.spinner-loading {
  position: absolute;
  z-index: 9;
  padding: 126px;
}
.option-controll-navigate {
  width: 28%;
  float: left;
  margin-left: 13px;
}
/*[ng-drop] {
        background: rgba(216, 216, 216, 0.5);
        width: 100%;
        height: 92%;
        border: 1px solid #929292;
        position: relative;
}*/
.mask-wrapper {
  /*background: rgba(216, 216, 216, 0.5);*/
  width: 100%;
  height: 73%;
  position: relative;
  top: 90px;
}

.sign-document {
  width: 100%;
  height: 73%;
  position: absolute;
  /*top: 90px;*/
}

[ng-drop] div {
  position: absolute;
  z-index: 2;
}
.button-common {
  width: 20%;
  height: 35.4px;
  background: rgb(53, 171, 221);
  border: none;
  margin: 0px 9px;
  color: #fff;
}
.button-pdf-controll {
  float: left;
  margin-left: 5px;
}
.margin-add {
  margin-left: 14px;
}
.content-footer {
  position: fixed;
  bottom: 45px;
  background: slategrey;
  width: 100%;
  height: 35.4px;
}
.option-controll-submit {
  float: right;
  width: 35%;
}
.button-option-controll {
  position: fixed;
  width: 25%;
  margin: 0px 3px;
  color: #fff;
}
.page-count-input {
  min-width: 20%;
  max-width: 33%;
  overflow: hidden;
  text-align: center;
  font-size: 16px;
}
.signatureDoc-subheader .ne-pre-fi-div .button-right {
  float: right;
  /* right: 3px; */
  background: #6cc188 !important;
  min-width: 84px;
  top: 6.5px !important;
  right: 8px !important;
  border-radius: 6%;
  font-size: 18px !important;
  font-weight: 600;
  color: #ffffff !important;
  line-height: 0;
}
.palette-options {
  position: absolute;
  z-index: 11;
  /* top: 372px; */
  width: 100%;
  height: 47px;
  background: #f8f8f8;
  bottom: 46px;
  padding: 5px 5px 5px;
  border-top: 1px solid #e2e2e2;
}
.palette {
  width: auto;
  float: left;
  height: 36px;
  text-align: center;
  line-height: 2.7;
  background: #35abdd;
  color: #fff;
  padding: 0px 8px;
  min-width: 105px;
  border-radius: 3px;
  cursor: pointer;
  -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.25);
}
.palette-button-label {
  cursor: pointer;
}
.palette-left {
  margin-left: 5px;
}
.palette-back {
  float: right !important;
}
.palette-list {
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.palette-list {
  width: 150px;
  height: 50px;
  /* background: rgb(53, 171, 221); */
  color: white;
  /*text-align: center;*/
  display: inline-block;
  cursor: move;
  position: absolute;
  z-index: 9;
  /*padding: 6px 5px;*/
}
.palette-list label {
  cursor: move;
  vertical-align: top;
  font-size: 1.8vw;
}
.palette + .palette-list {
  width: 71px;
  height: 34px;
  background: rgb(53, 171, 221);
  color: white;
  text-align: center;
  display: inline-block;
  cursor: move;
  float: right;
  z-index: 9;
  padding: 6px 5px;
}
.palette-list.sign-field {
  width: 159px;
  height: 60px;
  background: #ffffff;
  color: white;
  text-align: center;
  display: inline-block;
  cursor: move;
  position: absolute;
  z-index: 9;
  /*padding: 6px 5px;*/
  border: 2px dotted #35abdd;
  color: #228072;
  /*-webkit-box-shadow: 0 0 2px 3px rgba(0, 171, 221,0.6);
    -moz-box-shadow: 0 0 2px 3px rgba(0, 171, 221,0.6);
    box-shadow: 0 0 2px 2px rgba(0, 171, 221,0.6);*/
}
.palette-list.text-field {
  width: 150px;
  height: 50px;
  background: #ffffff;
  color: white;
  text-align: left;
  display: inline-block;
  cursor: move;
  position: absolute;
  z-index: 9;
  /*padding: 5px;*/
  border: 2px dotted #35abdd;
  color: #228072;
  /*-webkit-box-shadow: 0 0 2px 3px rgba(0, 171, 221,0.6);
    -moz-box-shadow: 0 0 2px 3px rgba(0, 171, 221,0.6);
    box-shadow: 0 0 2px 3px rgba(0, 171, 221,0.6);*/
  line-height: 34px;
}
.text-field-sign {
  /*width: auto !important;*/
  /*height: auto !important;*/
  /*left: -22px;*/
  position: relative !important;
}
.sign-field {
  line-height: 3.42857;
}
.sign-field-signed .sign-field {
  /*width: auto !important;*/
  /*height: auto !important;*/
  /*line-height: 3.42857;*/
  position: relative !important;
  /*left: -22px;*/
}
.sign-field-signed {
  /*width: auto !important;*/
  /*height: auto !important;*/
  background: #ffffff;
  color: white;
  text-align: center;
  display: inline-block;
  cursor: move;
  position: absolute;
  z-index: 9;
  padding: 0px;
  /*color: #228072;*/
  box-shadow: none;
  border: none;
}
.text-field-signed {
  /*width: 150px;*/
  /*width: auto !important;*/
  /*height: auto !important;*/
  /*height: 50px;*/
  background: #ffffff;
  color: white;
  /*text-align: center;*/
  display: inline-block;
  cursor: move;
  position: absolute;
  z-index: 9;
  padding: 0px !important;
  color: #228072;
  box-shadow: none;
  border: none;
}
.sign-doc-wrap {
  background: #e4f4f4;
}
span.close-option {
  position: absolute;
  top: -20px;
  right: -20px;
  color: #000;
  cursor: pointer;
  display: block;
  width: 35px;
  height: 35px;
  z-index: 99;
}
.sign-field span.close-option i {
  font-size: 20px;
  color: #35abdd;
  position: absolute;
  top: 6px;
  right: 18px;
  background: none;
  border: none;
  width: 20px;
  height: 20px;
}
.sign-field span.close-option .ion-close-circled:before {
  height: 18px;
  background: #fff;
  border-radius: 50%;
  width: 18px;
  position: absolute;
}
.text-field span.close-option i {
  font-size: 20px;
  color: #35abdd;
  position: absolute;
  top: 6px;
  right: 8px;
  background: none;
  border: none;
  width: 20px;
  height: 20px;
}
.text-field span.close-option .ion-close-circled:before {
  height: 18px;
  background: #fff;
  border-radius: 50%;
  width: 18px;
  position: absolute;
}
.content-footer i {
  font-size: 25px;
  color: #fff;
}
.save {
  min-width: 70px;
  float: left;
  height: 45px;
  margin-left: 0px;
  width: auto;
}
.send-template-btn {
  margin-left: 15px;
}
.down-btn {
  float: right;
}
.save-span {
  min-width: 71px;
  height: 34px;
  background: rgb(53, 171, 221);
  color: white;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  position: fixed;
  z-index: 9;
  padding: 6px 20px;
}
.signpad-open {
  position: absolute;
  top: -37px;
  right: 53px;
  color: #000;
}

img.signature-data {
  position: absolute;
  /*width: 159px;*/
  /*height: 60px;*/
  z-index: 9;
  right: 0px;
  top: 0px;
}

/*  .signature-enter{
      height: 44px !important;
  }
  .text-enter{
    width: auto !important;
    height: auto !important; 
}*/
.signature-loading-wrapper {
  position: relative;
  background: #000;
  height: 100%;
  opacity: 0.5;
  z-index: 99999;
  width: 100%;
}

.signature-loading-content {
  text-align: center;
}
.selection-modal .signature-loading,
.signature-request-role-select .signature-loading {
  top: 135px !important;
}
.selection-modal .signature-label,
.signature-request-role-select .signature-label {
  top: 125px !important;
  color: #555555 !important;
}
.signature-loading {
  display: block;
  background: url(../img/gif-loader.gif) no-repeat center center;
  width: 200px;
  height: 50px;
  top: 46%;
  position: absolute;
  left: 50%;
  margin-left: -100px;
}

.signature-label {
  position: absolute;
  top: 40%;
  text-align: center;
  left: 50%;
  color: #fff;
  width: 230px;
  margin-left: -115px;
}
.signpad-content #signatureCanvas {
  background: #fff;
  width: 490px;
  height: 180px;
  border: 2px dashed #228072;
  margin-bottom: 15px;
}
.modal .signpad-content {
  height: 100%;
  top: 45px;
  width: 100%;
  background: #ffffff !important;
  margin: 0px auto;
  border-radius: 0px;
  padding: 20px;
  bottom: 0px;
  text-align: center;
}

.signpad-modal .modal-close-button {
  background: #35abdd;
  color: #ffffff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  text-align: center;
  padding-top: 8px;
  top: 80px;
  margin: auto;
  left: 50%;
  margin-left: 120px;
  right: auto;
}

.signpad-content .button.button-balanced {
  border-color: transparent;
  background-color: #6cc188;
  color: #fff;
  margin-top: 5px;
  border-radius: 4px !important;
}
.signpad-content .btn-clear {
  color: #4fbed7;
  margin-top: -5px !important;
  margin-right: 10px;
  border-radius: 0 !important;
  font-size: 18px;
  float: left;
  cursor: pointer;
}

.signpad-modal {
  width: 100% !important;
  position: absolute;
  top: 0px !important;
  left: 0px !important;
  bottom: 0px !important;
  height: 100% !important;
}
/***************** Attachment Gallery View **********************/

.attachment-modal {
  top: inherit;
  width: 100%;
  left: 0px;
  min-height: 60px !important;
  bottom: 0;
  text-align: center;
  /* background-color: #62C6C8; */
}

.round-button-element {
  width: 90px;
  /*height: 90px;*/
  opacity: 0;
  overflow: hidden;
  filter: alpha(opacity=0);
  position: absolute;
  top: 0px;
  left: 0px;
}

.upload-options {
  padding: 22px 0 22px 0;
  background-color: #1c6272;
  position: relative;
  z-index: 11;
}

.round-button {
  height: 45px;
  border-radius: 50%;
  display: inline-block;
  background: #6cc188;
  width: 45px;
  margin: 0px 20px;
  font-size: 36px;
  color: #fff;
  text-align: center;
  line-height: 47px;
  position: relative;
  z-index: 9;
}

.attachment-modal .pane {
  /*overflow-y: scroll !important;
    /*top: 10px;*/
}

.content-wrapper {
  margin: 10px 0px 0 0px;
}

.wrapper-image {
  float: left;
  width: 100%;
}

.tabs-positive .tabs {
  background: #15b0e6 !important;
  border-top: 2px solid #0280bb !important;
  height: 55px !important;
}

.tabs-positive .tabs .tab-item {
  font-size: 14px !important;
}

.gallery-loading {
  background-image: url("../img/cube.gif");
  background-repeat: no-repeat;
  margin: 85px auto 0;
  height: 100px;
  text-align: center;
  width: 100px;
  float: none;
  background-position: center;
}

.image-tab-div {
  /*height: 100px;*/
  border: 1px solid #15b0e6 !important;
  width: 31%;
  /*position: relative;*/
  /*background: #E6E6E6;*/
  margin-left: 5px;
  float: left;
  margin-bottom: 6px;
  height: 80px;
  overflow: hidden;
}

img.tab-image {
  height: 80px;
  width: 100%;
  object-fit: cover;
  /*float: right;*/
  /*padding: 0 3px 0 3px;*/
}

label.audio-play {
  float: left;
  padding-left: 3px;
  padding-top: 3px;
}

label.audio-time {
  float: right;
  padding-right: 6px;
}

img.tab-video {
  height: 100px;
  width: 100%;
  object-fit: cover;
}

.audio-tab-div {
  height: 98px;
  border: 1px solid #3f9799 !important;
  width: 31%;
  position: relative;
  background: #e6e6e6;
  margin-left: 5px;
  float: left;
  margin-bottom: 6px;
}

.audio-tab-div .Document-name {
  top: -12px !important;
  height: 24px !important;
}

.video-tab-div {
  width: 30%;
  height: 100px;
  position: relative;
  margin-left: 5px;
  float: left;
  margin-right: 5px;
  margin-bottom: 12px;
}

.video-tab-div .Document-name {
  bottom: 0px;
  height: 24px;
  width: 100%;
  left: 0px;
  position: absolute;
}

.attachment-modal.modal .scroll-content {
  background: #fff !important;
}

.attachment-modal ion-scroll.scroll-view.ionic-scroll {
  top: 100px;
  height: 346px;
}

/*.attachment-modal .audio-content ion-scroll.scroll-view.ionic-scroll {
    top: 140px;
    }*/

.audio-isplaying {
  top: 140px !important;
}

.round-button.close-attach-modal.ion-close {
  float: right;
  font-size: 24px;
  width: 35px;
  margin: 5px 5px;
  line-height: 36px;
  height: 35px;
  background: none;
  position: absolute;
  right: 0px;
}

.cloase-attach-modal:hover {
  background: rgb(146, 152, 152) !important;
}

.document-layer {
  width: 31%;
  height: 100px;
  position: absolute;
  z-index: 1000;
}

.document-tab-div {
  /*height: 100px;*/
  border: 1px solid #0280bb !important;
  width: 31%;
  /*position: relative;*/
  /*background: #E6E6E6;*/
  margin-left: 5px;
  float: left;
  margin-bottom: 6px;
  height: 100px;
  /*overflow:hidden;*/
  z-index: 999;
}

.document-tab-div:focus {
  border: 3px solid #2196f3;
}

img.tab-document {
  width: auto;
  height: 60px;
  object-fit: cover;
}

.Document-name {
  background: #0280bb;
  color: #ffffff;
  bottom: 1px;
  position: relative;
  height: 34px;
  width: 100%;
  overflow: hidden;
  line-height: 16px;
  font-size: 13px;
  padding: 0px 5px;
}

/******************** Ends **************************/

/************ Profile Pic upload Progress ********************/

.patient-home .progressbar {
  top: 74% !important;
}

.patient-home .user-profile-upload .progressbar h2 {
  font-size: 16px;
}

.user-profile-upload {
  font-size: 15px;
  color: #ffffff;
  display: block;
  position: relative;
  background: #000;
  position: absolute;
  top: 0px;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  opacity: 0.7;
}

.user-profile-upload .progressbar {
  position: relative;
  left: 6%;
  right: 6%;
  top: 59%;
  padding: 0;
  width: 105px;
  margin: -34px 0 0 0;
  text-align: center;
}

.user-profile-upload .progressbar h2 {
  padding: 0;
  color: #fff !important;
  margin: 0 0 3px 0;
  font-size: 22px;
}

/***************** progress end ****************/

.people-icon-box {
  float: right;
  min-width: 30px;
  text-align: center;
  top: 28px;
  position: absolute;
  right: 0px;
  background: url(../img/people-chat-group-icon.png) no-repeat left center !important;
  width: 43px;
  height: 42px;
  background-size: 28px 28px !important;
}

.chat-sub-header .people-icon-box {
  top: 12px !important;
}

.user-count {
  float: right;
  border-radius: 50%;
  background-color: #6cc188;
  text-align: center;
  top: 4px;
  height: 20px;
  line-height: 20px;
  position: absolute;
  right: 5px;
  font-size: 12px;
  min-width: 20px;
  color: #ffffff;
}

.user-count a {
  color: #3d7ca2 !important;
  text-decoration: none;
  pointer-events: none;
}

.online-users {
  background: #1d6372;
  /*
    background: -webkit-linear-gradient(#15b0e6, #0280bb);
    background: -o-linear-gradient(#15b0e6, #0280bb);
    background: -moz-linear-gradient(#15b0e6, #0280bb);
    background: linear-gradient(#15b0e6, #0280bb);
	*/
  font-size: 15px;
  font-weight: bold;
  float: right;
  position: relative;
  height: auto;
  top: 42px;
  -webkit-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.2);
}

.chat-sub-header .online-users {
  top: 25px;
}

.online-users:before {
  content: " ";
  height: 0;
  position: absolute;
  width: 0;
  top: -18px;
  right: 8px;
  border: 10px solid transparent;
  border-bottom-color: #1d6372;
}

.online-users ul {
  overflow: auto;
  max-height: 310px;
  overflow-x: hidden;
  width: 250px;
}

.online-users li {
  margin: 8px 0 0px 0;
  min-width: 180px;
  padding: 0px 0px 10px 8px;
  font-weight: normal;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  position: relative;
}

.notification-icon .user-count {
  background: #ffffff !important;
  color: #427b03 !important;
  border-radius: 30px;
  right: 22px;
  top: 6px;
  height: 18px;
  line-height: 18px;
  font-size: 11px;
  font-weight: 600;
  padding: 0px 2px !important;
  width: auto !important;
}
.notification-icon img {
  width: 22px;
  margin-top: 9px;
}

.bar-header .people-icon-box {
  top: 2px;
}
.header-more-buttons {
  background: #44c0d6 url(../img/header-more-buttons-top.png) no-repeat left top !important;
  font-size: 15px;
  font-weight: bold;
  float: right;
  position: absolute;
  height: auto;
  top: 41px;
  right: -5px;
  left: auto !important;
  z-index: 9999;
  width: 230px;
  border-radius: 5px;
  padding-top: 20px;
  z-index: 9999;
}
.header-more-buttons:before {
  content: " ";
  height: 0;
  position: absolute;
  width: 0;
  top: -16px;
  right: 10px;
  border: 10px solid transparent;
  border-bottom-color: #44c0d6;
}
.header-more-buttons ul {
  overflow: auto;
  overflow-x: hidden;
  width: 100%;
}

.header-more-buttons li {
  margin: 0;
  width: 100%;
  padding: 12px 10px 12px 50px !important;
  font-weight: normal;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  position: relative !important;
  right: auto !important;
  color: #ffffff !important;
  font-family: "Open Sans", sans-serif !important;
  line-height: 20px !important;
  text-align: left !important;
  font-size: 15px !important;
}
.header-more-buttons li:after {
  display: none;
}
.header-more-buttons li i.mdi-email,
.header-more-buttons li i.mdi-message {
  font-size: 25px !important;
  left: 15px !important;
  top: 12px;
  position: absolute;
}
.header-more-buttons ul li span {
  position: relative !important;
  top: -1px !important;
  right: auto !important;
  padding: 2px 5px !important;
  border-radius: 30px !important;
  font-size: 13px !important;
}
.header-more-buttons ul li img {
  width: 26px;
  float: left;
  position: relative;
  left: 17px;
  top: 14px;
  position: absolute;
}
.header-more-buttons ul li i {
  float: left;
  position: relative;
  left: 17px;
  top: 14px;
  position: absolute;
  font-size: 25px;
}
/************** Copy paste **********************/

.toast_div {
  z-index: 99999;
  position: fixed;
  bottom: 0px;
  width: 100%;
  left: 0px;
  right: 0px;
  background-color: rgba(0, 0, 0, 0.6);
  top: 0px;
  height: 100%;
}

.toast_container {
  position: absolute;
  left: 10%;
  width: 80%;
  bottom: 10px;
}

.toast_container ul li {
  border-radius: 5px;
  background-color: #ffffff;
  min-height: 50px;
  line-height: 50px;
  opacity: 10;
  margin-bottom: 5px;
}

button.copytext_ {
  border: none;
  background: none;
  height: 50px;
  width: 100%;
}

.toast_container li {
  height: 50px;
}

.toast-message {
}
.toast-message ul li {
  border-radius: 0px;
  margin-bottom: 0px;
  border-bottom: 1px solid #6db7b8;
  font-size: 17px;
  color: #15716e;
}
.toast-message ul li button {
  font-size: 17px;
  color: #15716e;
}
.toast-message ul li:first-child {
  border-radius: 4px 4px 0 0;
}
.toast-message ul li:nth-last-of-type(2) {
  border-radius: 0 0 4px 4px;
  margin-bottom: 5px;
  border: none;
}
.toast-message ul li:last-child {
  border-radius: 4px;
  border: none;
  color: #35abdd;
}
.toast-message ul li:last-child button {
  font-size: 17px;
  color: #35abdd;
}

.copy_active {
  background-color: rgb(189, 224, 205);
  opacity: 0.6;
}

/************* Copy paste end ***********************/

.ndfHFb-c4YZDc-Wrql6b {
  display: none !important;
}

.pdfclosebutton {
  color: #fff;
  position: absolute;
  top: 1px;
  right: 0px;
  font-size: x-large;
  height: 52px;
  width: 52px;
  border: 0px;
  text-align: center;
  padding: 14px 10px 2px 12px;
  background-color: slategrey;
  cursor: pointer;
  z-index: 999999 !important;
}

.modal-close-button {
  color: rgba(236, 236, 236, 0.68);
  position: absolute;
  top: 12px;
  right: 3px;
  font-size: x-large;
  height: 36px;
  width: 36px;
  z-index: 99;
}

.pdfIframeMask {
  position: absolute;
  background-color: slategrey;
  width: 100%;
  height: 100%;
  opacity: 0.8;
}

/*********** video  audio*****************/

.inbox-message .file_image {
  max-width: 70px !important;
  height: auto;
}

img.cometchat_smiley {
  font-size: inherit;
  height: 2ex !important;
  width: 2.1ex !important;
  min-height: 20px;
  min-width: 20px;
  display: inline-block !important;
  margin: -0.2ex 0.15em 0.2ex;
  line-height: normal;
  vertical-align: middle;
  max-width: 100% !important;
  top: 0;
  box-shadow: 0 0 0 !important;
}

ion-scroll.messages-display-scroll.scroll-view.ionic-scroll
  .inbox-message
  .videomask {
  display: none !important;
}

.scroll-bar-indicator {
  background: rgb(0, 179, 255) !important;
}

.msg video {
  position: relative;
  display: block;
  max-width: 450px;
  width: 100%;
  min-width: 100px;
  height: 120px;
  border-radius: 5px;
  transition: all 0.4s cubic-bezier(0.565, -0.26, 0.255, 1.41);
  cursor: default;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.msg-cont-text-upload video {
  opacity: 0.3;
}

.videomask {
  width: 52%;
  height: 120px;
  background-color: rgb(0, 0, 0);
  opacity: 0.8;
  top: 40px;
  background-image: url("../img/play.png");
  background-repeat: no-repeat;
  background-size: 67px;
  background-position: center;
  cursor: pointer;
  position: absolute;
}

.centerme {
  margin: 0 auto;
  width: 100%;
  height: 100%;
}

.fullscreen-player {
  max-width: 100%;
  max-height: 100%;
  bottom: 0;
  left: 0;
  margin: auto;
  overflow: none;
  position: fixed;
  right: 0;
  top: 0;
}

video::-webkit-media-controls {
  overflow: hidden !important;
}

video::-webkit-media-controls-enclosure {
  width: calc(100% + 32px);
  margin-left: auto;
}

video::-internal-media-controls-download-button {
  display: none;
}

.msg audio {
  position: relative;
  display: block;
  max-width: 450px;
  width: 100%;
  height: auto;
  min-height: 38px;
  min-width: 100px;
  border-radius: 5px;
  box-shadow: 0px 0px 0px #eee;
  transition: all 0.4s cubic-bezier(0.565, -0.26, 0.255, 1.41);
  cursor: default;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.msg-cont-text-upload audio {
  opacity: 0.3;
}

/***********  end*****************/

/*.scroll-content {
    -webkit-user-select: auto !important;
    -moz-user-select: auto !important;
    -ms-user-select: auto !important;
    user-select: auto !important;
    -webkit-overflow-scrolling: auto !important;
}

.selectable {
    -webkit-user-select: auto;
    }*/

.emojionearea-editor {
  -webkit-user-select: text;
}

.modal-backdrop {
  height: 100% !important;
}

.image-modal {
  width: 100% !important;
  height: 100%;
  top: 0 !important;
  left: 0 !important;
}

.transparent {
  background: rgba(0, 0, 0, 0.1);
}

.slider {
  width: 100%;
  height: 100%;
}

.image {
  width: 100%;
  height: 600px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center, center;
}

i.send-image {
  position: fixed;
  bottom: 40px;
  right: 20px;
  font-size: 30px;
  background: #15b0e6;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  color: #ffffff;
  padding: 15px 20px;
}

span.send-image i.ion-android-send {
  position: relative;
  top: 13px;
  left: 19px;
  font-size: 30px;
}

.select-wrapper {
  background: #848e98 url(../img/attachment.png) no-repeat center center !important;
  background-size: 32px !important;
  display: block;
  position: absolute !important;
  width: 34px;
  height: 34px;
  /*bottom: 10px !important;*/
  bottom: 8px !important;
  z-index: 103;
  left: 8px !important;
  /*left: 6px !important;*/
  border-radius: 50%;
  cursor: pointer;
}

.emojionearea-editor {
  width: 100% !important;
  min-height: 0em !important;
  max-height: 3.5em !important;
  overflow: hidden !important;
}

.chattype {
  position: absolute;
  z-index: 9999;
  left: 0;
  top: -22px;
  font-size: 13px;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: transparent;
  text-rendering: optimizeSpeed;
  color: #fff;
  background: rgba(20, 99, 113, 0.5);
  width: 100%;
  border-radius: 0;
  line-height: 22px;
}

.messageSenddiv > textarea {
  border-bottom: 1px solid #b2b2b2 !important;
  height: 34px !important;
  margin: 7px;
  padding: 5px !important;
  border: medium none;
  width: 95% !important;
}
.messageSenddiv {
  position: absolute;
  width: 100%;
  bottom: 48px;
  background: #ffffff !important;
  height: auto;
  float: left;
  min-height: 55px;
  padding-top: 12px;
  z-index: 999;
  border-top: 1px solid #e6e6e6;
}

.messageSenddiv.typing-box {
  padding-top: 10px;
}

.chat-room-page .scroll-view {
  height: 100%;
}

.inbox-message img {
  max-width: 70px;
  height: auto;
}

.nurse-home-page .messages-display-scroll .inbox-message img {
  max-width: 70px;
  height: 20px;
  width: auto;
  margin-top: 2px;
}

.nurse-home-page .messages-display-scroll .inbox-message img.emojioneemoji {
  margin-top: 0px;
}

/*.messageSenddiv .btn-footer {
    overflow: hidden;
    padding: 2px 5px 10px 6px;
    width: 100%;
    }*/

#image_src {
  width: 34px;
  height: 34px;
  /*width: 26px;
    height: 26px;
    margin-right: 9px;*/
  opacity: 0;
  overflow: hidden;
  filter: alpha(opacity=0);
  /* IE 5-7 */
}

.scroll {
  padding-top: 0 !important;
}

.chat-ion-list .list {
  font-family: "Open Sans", sans-serif, Helvetica, Arial !important;
  list-style: none;
  background: none;
  /*padding: 0 0 50px 0;*/
  max-width: 750px;
  margin: 4px auto 0 auto;
  /*margin: 5px auto 10px;*/
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
  padding-top: 20px;
}
.chat-ion-list ion-item {
  border: transparent;
  background: transparent;
  overflow: unset;
}
.chat-ion-list ion-item .item-content {
  padding: 5px 0.5rem 15px 0.5rem;
  /* overflow: hidden; */
  display: flex;
  position: relative;
  background-color: transparent;
  overflow: unset;
}

.chat-ion-list .avatar,
.nurse-home-page .avatar {
  width: 40px;
  height: 40px;
  position: relative;
  display: block;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.9);
}

.chat-ion-list .avatar img,
.nurse-home-page .avatar img {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  object-fit: cover;
  background: #e6e5eb;
  border: 1px solid #e6e6e6 !important;
}

.nurse-home-page .avatar img {
  width: 50px;
  height: 50px;
}
.nurse-home-page .avatar {
  width: 50px;
  height: 50px;
  margin-top: 10px;
}

.chat-ion-list .day {
  position: relative;
  display: block;
  text-align: center;
  color: #c0c0c0;
  height: 20px;
  text-shadow: 7px 0px 0px #e5e5e5, 6px 0px 0px #e5e5e5, 5px 0px 0px #e5e5e5,
    4px 0px 0px #e5e5e5, 3px 0px 0px #e5e5e5, 2px 0px 0px #e5e5e5,
    1px 0px 0px #e5e5e5, 1px 0px 0px #e5e5e5, 0px 0px 0px #e5e5e5,
    -1px 0px 0px #e5e5e5, -2px 0px 0px #e5e5e5, -3px 0px 0px #e5e5e5,
    -4px 0px 0px #e5e5e5, -5px 0px 0px #e5e5e5, -6px 0px 0px #e5e5e5,
    -7px 0px 0px #e5e5e5;
  box-shadow: inset 20px 0px 0px #e5e5e5, inset -20px 0px 0px #e5e5e5,
    inset 0px -2px 0px #d7d7d7;
  line-height: 38px;
  margin-top: 5px;
  margin-bottom: 20px;
  cursor: default;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.msg {
  background: white;
  min-width: 58%;
  padding: 10px;
  border-radius: 2px;
  border: none;
  border-radius: 5px;
  color: #ffffff;
  /*box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.07);*/
}

.msg p {
  font-size: 15px;
  margin: 0 0 0.2rem 0;
  color: #ffffff;
}

.msg .msg-cont-text,
.msg .msg-cont-text a {
  font-size: 16px;
  color: #ffffff;
}

.msg img {
  position: relative;
  display: block;
  max-width: 100%;
  width: auto;
  max-height: 200px;
  height: auto;
  border-radius: 5px;
  box-shadow: 0px 0px 0px #eee;
  transition: all 0.4s cubic-bezier(0.565, -0.26, 0.255, 1.41);
  cursor: pointer;
  margin-bottom: 10px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.msg img.file-thumbnail {
  width: 50px;
}

.other .msg {
  order: 1;
  border-top-left-radius: 0px;
  /*box-shadow: -1px 2px 0px #D4D4D4;*/
  margin-left: 20px;
  background: #50bfd8;
  margin-right: 90px;
}

.other:before {
  content: "";
  left: 52px;
  position: absolute;
  right: 0;
  top: 5px;
  width: 10px;
  height: 10px;
  border: 8px solid #50bfd8;
  border-left-color: transparent;
  border-bottom-color: transparent;
  z-index: 999999;
}

.other .msg-time,
.msg_flag {
  position: absolute;
  right: 10px;
  width: 80px;
  text-align: right;
  top: 8px;
  font-size: 13px !important;
}

.msg_flag {
  top: 20px;
}

.self-ion-item .item-content {
  justify-content: flex-end;
  align-items: flex-end;
}

.self-ion-item .msg {
  border-bottom-right-radius: 0px;
  margin-right: 20px;
  background: #369db3;
  margin-left: 90px;
  position: relative;
}

.self-ion-item .avatar {
  order: 2;
}

.self-ion-item .avatar:after {
  content: "";
  position: relative;
  display: inline-block;
  bottom: 0px;
  right: 64px;
  width: 10px;
  height: 10px;
  border: 8px solid #369db3;
  border-right-color: transparent;
  border-top-color: transparent;
}
.self-ion-item .no-bg.avatar:after {
  bottom: 21px;
  right: 20px;
}

.self-ion-item .msg-time {
  position: absolute;
  left: 10px;
  width: 80px;
  text-align: left;
  top: 8px;
  font-size: 13px !important;
}

.msg time {
  font-size: 0.7rem;
  color: #ccc;
  margin-top: 3px;
  float: right;
  cursor: default;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.msg time:before {
  content: "\f017";
  color: #ddd;
  font-family: FontAwesome;
  display: inline-block;
  margin-right: 4px;
}

@-webikt-keyframes pulse {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.5;
  }
}

::-webkit-scrollbar {
  min-width: 3px;
  width: 3px;
  max-width: 3px;
  min-height: 0px;
  height: 0px;
  max-height: 0px;
}

::-webkit-scrollbar-thumb {
  background: #35abdd;
  border: none;
  border-radius: 100px;
}

::-webkit-scrollbar-thumb:hover {
  background: #35abdd;
  box-shadow: inset 0px 0px 3px #888;
}

::-webkit-scrollbar-thumb:active {
  background: #35abdd;
  box-shadow: inset 0px 0px 3px #7f7f7f;
}

::-webkit-scrollbar-button {
  height: 0px;
}

.msg .emojioneemoji {
  font-size: inherit;
  height: 2ex;
  width: 2.1ex;
  min-height: 20px;
  min-width: 20px;
  display: inline-block;
  margin: -0.2ex 0.15em 0.2ex;
  line-height: normal;
  vertical-align: middle;
  max-width: 100%;
  top: 0;
  box-shadow: none !important;
}

.textarea {
  /*position: fixed !important;*/
  /*bottom: 43px !important;*/
  /*left: 43px !important;*/
  right: 0px !important;
  width: auto !important;
  height: auto !important;
  z-index: 99 !important;
  border-radius: 5px;
  border: 1px solid #35abdd !important;
  margin-right: 48px !important;
  margin-left: 48px !important;
  outline: none !important;
  /*padding-left: 55px !important;*/
  /*padding-right: 96px !important;*/
  color: #666 !important;
  font-weight: 400 !important;
}
.emojis {
  position: fixed;
  display: block;
  bottom: 52px;
  left: 7px;
  width: 34px;
  height: 34px;
  background-image: url(http://i.imgur.com/5WUpcPZ.png);
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 100;
  cursor: pointer;
}

.send {
  position: absolute !important;
  display: block;
  bottom: 6px !important;
  right: 8px !important;
  /*bottom: 10px !important;*/
  /*right: 4px!important;*/
  width: 36px;
  height: 36px;
  background: #6cc188;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 100;
  cursor: pointer;
  text-align: center;
}
.send .mdi-send {
  color: #ffffff !important;
  font-size: 22px;
  line-height: 35px;
  text-align: center;
}

.messageSenddiv .textarea {
  bottom: -1px !important;
  border: 1px solid #cccccc !important;
  /*bottom: 8px !important;*/
}

.emojis:active {
  opacity: 0.9;
}

.oldMessage {
  position: relative;
  display: block;
  left: 50%;
  cursor: pointer;
  top: 15px;
  background: #4a95af;
  border: none;
  color: #ffffff;
  border-radius: 12px;
  padding: 2px 12px;
  width: 200px;
  margin-left: -100px;
  font-size: 14px;
  opacity: 0.5;
}

.emojionearea .emojionearea-editor {
  min-height: 25px !important;
  max-height: 75px !important;
  height: auto !important;
  overflow: hidden !important;
  margin: 7px 0px 3px 10px !important;
  padding: 0px 60px 0 0 !important;
  overflow-y: auto !important;
}

.citus-notification .avatar,
.citus-notification.other:before,
.citus-notification .msg p strong,
.citus-notification .msg-time,
.citus-notification .msg_flag {
  display: none;
}

.citus-notification .msg {
  background-color: #bbdde8;
  margin-left: 60px;
}

.citus-notification .msg p {
  font-size: 15px !important;
}
.citus-notification .msg p span {
  white-space: initial;
}

/********** From image upload Progress *************/

.msg-cont-text-upload {
  font-size: 15px;
  color: #000000;
  display: block;
  position: relative;
  background: #000;
}

.msg-cont-text-upload img {
  opacity: 0.3;
}

.progressbar {
  position: absolute;
  left: 6%;
  right: 6%;
  top: 50%;
  padding: 0;
  width: 88%;
  margin: -25px 0 0 0;
  text-align: center;
}

.msg-cont-text-upload h2 {
  padding: 0;
  color: #fff;
  margin: 0 0 3px 0;
  font-size: 22px;
}

.meter {
  height: 2px;
  position: relative;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
}

#meterUploadprogress {
  border-radius: 25px !important;
  display: block;
  height: 100%;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-radius-topright: 8px;
  -moz-border-radius-bottomright: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  -webkit-border-top-left-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-bottomleft: 20px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(255, 255, 255)),
    color-stop(1, rgb(255, 255, 255))
  );
  background-image: -moz-linear-gradient(
    center bottom,
    rgb(43, 194, 83) 37%,
    rgb(84, 240, 84) 69%
  );
  -webkit-box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3),
    inset 0 -2px 6px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3),
    inset 0 -2px 6px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3),
    inset 0 -2px 6px rgba(0, 0, 0, 0.4);
  position: relative;
  overflow: hidden;
}

.meter > span:after,
.animate > span > span {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: -webkit-gradient(
    linear,
    0 0,
    100% 100%,
    color-stop(0.25, rgba(255, 255, 255, 0.2)),
    color-stop(0.25, transparent),
    color-stop(0.5, transparent),
    color-stop(0.5, rgba(255, 255, 255, 0.2)),
    color-stop(0.75, rgba(255, 255, 255, 0.2)),
    color-stop(0.75, transparent),
    to(transparent)
  );
  background-image: -moz-linear-gradient(
    -45deg,
    rgba(255, 255, 255, 0.2) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.2) 50%,
    rgba(255, 255, 255, 0.2) 75%,
    transparent 75%,
    transparent
  );
  z-index: 1;
  -webkit-background-size: 50px 50px;
  -moz-background-size: 50px 50px;
  -webkit-animation: move 2s linear infinite;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-radius-topright: 8px;
  -moz-border-radius-bottomright: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  -webkit-border-top-left-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-bottomleft: 20px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  overflow: hidden;
}

.animate > span:after {
  display: none;
}

@-webkit-keyframes move {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 50px 50px;
  }
}

/********** From image upload Progress *************/

@media screen and (max-width: 580px) {
  .msg img {
    width: 100%;
    height: auto;
    /*max-height: none;*/
  }
  .msg img.file-thumbnail {
    width: 50px;
  }
}

@media screen (min-width: 360px) and (max-width: 480px) {
  .msg {
    min-width: 57% !important;
  }
}

@media screen and (min-width: 481px) {
  .msg {
    min-width: 70% !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  #updateSubjectForm {
    width: 530px;
  }
}
@media screen and (min-width: 375px) and (max-width: 414px) {
  #updateSubjectForm {
    width: 365px;
  }
}
@media screen and (min-width: 320px) and (max-height: 568px) {
  #updateSubjectForm {
    width: 315px;
  }
}
.goog-te-banner-frame {
  display: none;
}

body {
  top: 0px !important;
}

.msg-read-status {
  float: right;
  font-size: 12px;
  color: #86d0a6 !important;
  position: absolute;
  right: 35px;
  cursor: pointer;
}

.no-file-content {
  position: relative;
  top: 80%;
  font-size: 18px;
  text-align: center;
}

i.image-open {
  position: absolute;
  background: #3f9799;
  color: #fff;
  width: 28px;
  height: 28px;
  text-align: center;
  padding: 3px;
  font-size: 22px;
}

.attachment-modal div.document-tab-div:last-child {
  margin-bottom: 80px !important;
}

.attachment-modal div.image-tab-div:last-child {
  margin-bottom: 80px !important;
}

.attachment-modal div.video-tab-div:last-child {
  margin-bottom: 80px !important;
}

.attachment-modal div.audio-tab-div:last-child {
  margin-bottom: 120px !important;
}

.head-tab-div {
  width: 100%;
  color: #15b0e6;
  padding: 8px 0px;
  font-size: 16px;
  background: #f0f0f0;
  position: absolute;
  top: 61px;
  height: 39px;
  border-bottom: 1px solid #e2e2e2;
  z-index: 100;
}

.audio-btn-tab {
  margin-bottom: 10px;
  padding: 5px;
  background: #3f9799;
  position: absolute;
  width: 100%;
  height: 40px;
  top: 100px;
  z-index: 100;
  color: #ffffff;
}

.audio-btn-tab .play {
  width: 25px;
  height: 25px;
  float: left;
  margin-right: 5px;
  font-size: 24px;
  line-height: 30px;
  color: #ffffff;
}

.audio-btn-tab .pause {
  width: 25px;
  height: 25px;
  float: left;
  margin-right: 5px;
  font-size: 24px;
  line-height: 30px;
  color: #ffffff;
}

.audio-btn-tab .stop {
  width: 25px;
  height: 25px;
  float: left;
  margin-right: 15px;
  font-size: 24px;
  line-height: 30px;
  color: #ffffff;
}

.audio-btn-tab .progress-bar {
  width: 120px;
  height: 4px;
  float: left;
  background: #ffffff;
  margin-top: 7px;
  margin-right: 6px;
  margin-left: 45px;
}

.audio-btn-tab .progress-bar .progress-slide {
  height: 4px;
  float: left;
  background: #62c6c8;
}

.audio-btn-tab .progress-time {
  position: absolute;
  left: 100px;
  bottom: 2px;
}

.audio-btn-tab .upload-btn {
  float: right;
  width: 70px;
  height: 40px;
  line-height: 40px;
  color: #ffffff;
  background: #62c6c8;
  position: absolute;
  right: 0px;
  top: 0px;
}

.audio-btn-tab .upload-btn i {
  font-size: 30px;
}

.audio-tab-div.selected {
  border: 5px solid #0280bb !important;
}

.audio-tab-div.selected .Document-name {
  top: -16px !important;
  background: #0280bb;
}

.show-mobile {
  position: relative;
  background: #ffffff;
  background: -webkit-linear-gradient(#ffffff, #d1eded);
  background: -o-linear-gradient(#ffffff, #d1eded);
  background: -moz-linear-gradient(#ffffff, #d1eded);
  background: linear-gradient(#ffffff, #d1eded);
  margin-top: 10px;
  margin-left: -10px;
  padding: 10px 5px;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.35);
  top: 10px;
}

.show-mobile:after {
  bottom: 100%;
  left: 30px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #ffffff;
  border-width: 8px;
  margin-left: -10px;
}

.show-mobile a {
  color: #166277 !important;
}
.user-info {
  background: url(../img/user-arrow-down.png) no-repeat 84% 8px !important;
}
.user-info .user-info-name {
  padding-right: 48px;
  text-transform: capitalize;
}

.user-info.active-user {
  background: url(../img/user-arrow-up.png) no-repeat 84% 8px !important;
}

div.emojionearea-picker.emojionearea-picker-position-top.emojionearea-filters-position-bottom {
  left: -38px;
  right: 10px;
  width: 300px;
}

.pdf-viewer-Page-label {
  top: 14px;
  position: absolute;
  left: 85px;
}

.pdf-viewer-page-input {
  position: absolute;
  top: 12px;
  left: 125px;
  height: 25px !important;
}

.pdf-viewer-pagetotal-label {
  position: absolute;
  top: 14px;
  left: 170px;
}

.pdf-viewer-next {
  position: absolute;
  top: 0px;
  right: 65px;
}

.pdf-modal {
  z-index: 100 !important;
  position: absolute !important;
}
.chat-room-page .remove-participants {
  float: right;
  /*margin-right: 5px;
    margin-top: -21px;*/
  font-size: 24px;
  width: 35px;
  text-align: center;
  position: absolute;
  right: 0px;
  top: 0px;
}

.sign-document-wrapper {
  position: absolute;
  bottom: 0px;
  background: #fff;
  box-sizing: border-box;
  top: 90px;
  bottom: 95px;
  left: 0px;
  right: 0px;
}
.sign-document-content {
  /*border: 1px dotted #228072;*/
  overflow: initial !important;
  position: absolute;
  width: 100%;
  height: auto;
  text-align: center;
  /*margin-top:50px;*/
}
.callbell-web .sign-document-content {
  overflow: scroll !important;
}
.doc-page-scroll {
  overflow: scroll !important;
}
.sign-document-wrapper .sign-document {
  width: 100%;
  /*min-width:700px;*/
  height: auto;
  /*height: 100%;*/
  position: relative;
  top: 0px;
  max-width: 800px;
  /*max-height: 100%;*/
}
/*.sign-document-wrapper .web-sign-document{
    height: auto !important;
}*/
.sign-document-wrapper .mob-sign-document {
  max-height: 100% !important;
  max-width: 100% !important;
}
.send-doc .content-footer {
  position: fixed;
  bottom: 44px;
  background: #f8f8f8;
  width: 100%;
  height: 51px;
  padding: 8px 10px;
  border-top: 1px solid #e2e2e2 !important;
}
.confirm-delivery button.button-pdf-controll {
  margin: 0px;
}
.confirm-delivery input.button-pdf-controll {
  margin: -6px auto 0px auto;
  height: 36px;
  background: #ffffff;
  float: none;
  font-size: 18px;
}
.confirm-delivery .content-footer .pdf-controll {
  margin-left: 5px !important;
}
.sign-document-content-view .content-footer {
  position: fixed;
  bottom: 44px;
  background: #d1eded;
  width: 100%;
  height: 51px;
  padding: 8px 10px;
  border-top: 1px solid #a6d6d6 !important;
}
.sign-document-content-view .sign-document-wrapper {
  /*top: 110px;*/
  bottom: 44px;
}
.sign-document-content-view .scroll-view {
  display: inline !important;
}
.signer-content.no-sub-footer .sign-document-wrapper {
  bottom: 43px !important;
}
.zoom-pane {
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.zoom-pane .scroll {
  min-height: 100%;
  /* Vertical align */
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.zoom-pane img {
  width: 100%;
  vertical-align: top;
  height: 100%;
  /*object-fit: cover;*/
}

.sign-pad-header {
  width: 100%;
  float: left;
  position: relative;
  z-index: 9999;
  height: 45px;
  background: #1c6272;
  color: #ffffff;
}
.sign-pad-header a {
  font-size: 18px;
  line-height: 25px;
  color: #6cc188;
}
.sign-pad-header h1 {
  font-size: 18px;
  line-height: 25px;
  color: #ffffff;
}
.signpad-content {
  top: 45px;
}
.color-box {
  width: 31px;
  height: 31px;
  padding: 1px;
  background: #ffffff;
  border-radius: 50%;
  float: right;
  margin-right: 5px;
  margin-top: -12px;
  border: 2px solid #ffffff;
  cursor: pointer;
}
.color-box.active {
  border: 2px solid #228072;
}
.color-box .pick-color {
  width: 25px;
  height: 25px;
  border-radius: 50%;
}
.color-box .pick-color.red {
  background: #ff0000;
}
.color-box .pick-color.black {
  background: #000000;
}
.color-box .pick-color.blue {
  background: #6cc188;
}

.footer-pdf-controll-btn .button-common {
  width: auto !important;
  height: 35px;
  background: none !important;
  border: none;
  margin: -6px 0 0 0px !important;
  color: #6cc188;
  font-size: 16px !important;
  float: none !important;
  padding: 0px;
}
.footer-pdf-controll-btn i {
  color: #6cc188 !important;
}
.signatureDoc-subheader .button-common {
  font-size: 15px !important;
  /*float: none !important;*/
  width: auto;
  /*padding: 0px;
    margin: -6px 0 0px;
    position: static;
    background: none;*/
  text-decoration: none;
  line-height: 42px;
  margin-left: 0px;
  color: #6cc188;
  top: auto !important;
  bottom: 13px !important;
  right: 0px;
  margin-right: 0px;
}
.signatureDoc-subheader .button-common.signature-request-download {
  margin-right: 8px;
  line-height: 0.8;
  padding: 10px;
}
.signatureDoc-subheader .sub-title {
  margin-top: -6px;
}

.send-doc .palette-options .palette {
  background: #6cc188 url(../img/signing--icon.png) no-repeat 10px 8px !important;
  padding: 0px 12px 0px 35px !important;
  background-size: 20px auto !important;
}
.send-doc .palette-options .palette-left {
  background: #6cc188 url(../img/text-icon.png) no-repeat 10px 10px !important;
  padding: 0px 12px 0px 35px !important;
  background-size: 20px auto !important;
}

.signer-content .zoom-pane img.signature-data-web {
  width: initial !important;
}
.document-download {
  font-size: x-large;
  position: absolute;
  background-color: slategrey;
  color: white;
  width: 45px;
  height: 45px;
  padding: 10px 10px 2px 12px;
  bottom: 7px;
  right: 8px;
  z-index: 999999;
  cursor: pointer;
}
.msg .sign img {
  width: 100px;
  height: auto;
  position: relative;
  top: 5px;
}

.msg b,
.msg strong {
  font-weight: normal !important;
  text-transform: capitalize;
}
.self-ion-item .msg p {
  color: #ffffff !important;
}

.self-ion-item .msg p.notranslate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 50px;
}

.self-ion-item .msg .msg-cont-text,
.self-ion-item .msg .msg-cont-text a {
  color: #ffffff !important;
}
.footer-ico-btn {
  text-align: center;
  color: #6cc188;
  line-height: 16px;
  margin-top: -9px;
}
.footer-ico-btn i {
  font-size: 24px !important;
  color: #6cc188 !important;
}
.footer-ico-btn span {
  display: block;
  width: 100%;
  font-size: 12px !important;
  color: #6cc188 !important;
}
.footer-badges i.ion-arrow-left-c {
  color: #6cc188 !important;
  font-size: 28px !important;
}

.emojionearea .emojionearea-button {
  opacity: 0.8;
}
.emojionearea .emojionearea-button > div {
  width: 25px !important;
  height: 25px !important;
  right: 0px !important;
  top: 2px !important;
}
.emojionearea .emojionearea-button > div.emojionearea-button-open {
  background: url(../img/smiling-emo-icon.png) no-repeat !important;
  background-size: 22px 22px !important;
  background-position: 0 0 !important;
  top: 4px !important;
  right: 0px !important;
  width: 25px !important;
  height: 25px !important;
}
.emojionearea .emojionearea-button > div.emojionearea-button-close {
  top: 3px !important;
}

.tag-modal-processing {
  bottom: 48px;
  position: absolute;
  color: #369cb3;
}
.tag-modal-processing label {
  /* margin-left: 41%; */
  width: 100%;
  text-align: center;
}

.message-box-list {
  width: 100%;
}
.message-display .inbox-message-from {
  padding-right: 0px !important;
  width: 80%;
}
.inbox-right-box {
  width: 150px;
  height: auto;
  position: absolute;
  right: 0px;
}
.inbox-right-box .message-date {
  width: 150px !important;
  height: auto;
  position: absolute;
  top: 0px;
  right: 33px !important;
}
.inbox-right-flag-box {
  width: 55px;
  height: auto;
  position: absolute;
  right: 16px;
  bottom: 0px;
}
.inbox-right-flag-box .row {
  width: 50%;
}
.flag-main-container {
  font-size: 12px;
}
.flag-main-container.high {
  color: red;
}
.flag-main-container.medium {
  color: orange;
}
.flag-main-container.low {
  color: blue;
}
.flag-main-container .fa-stack-1x {
  font-size: 12px;
  color: white;
  top: 6px;
}
.inbox-message {
  position: relative;
}
.inbox-message .count-sub-mesage {
  display: none;
  width: auto !important;
  float: left !important;
  margin-right: 5px;
}
.inbox-message .arrow-sub-mesage {
  display: none;
  width: auto !important;
  float: left !important;
  margin-right: 5px;
  margin-left: -3px;
}
.message-box-list {
  margin-bottom: 5px;
  cursor: pointer;
}
.message-display .inbox-message.sub-message-list {
  margin-top: 0px !important;
  padding-left: 18px !important;
  padding-top: 8px !important;
  min-height: 32px;
  padding-bottom: 8px !important;
  cursor: pointer;
}
.message-box-list .count-sub-mesage {
  display: block;
  font-weight: bold;
  padding-right: 0px !important;
}
.message-box-list .arrow-sub-mesage {
  display: block;
  padding-right: 0px !important;
}
.sub-message-list .message-date,
.message-date.masked-main {
  width: 68px !important;
  top: 8px;
  padding-right: 25px !important;
  float: right !important;
  right: -5px !important;
  text-transform: capitalize;
}
.sublist-visible .main-message {
  width: 100% !important;
  max-width: 100%;
  padding-right: 70px !important;
  overflow: hidden;
  text-overflow: ellipsis;
}

.message-box-list-sublist-icon {
  transform: rotate(45deg);
  color: #359bb2;
}
.sublist-visible .inbox-message-details {
  padding-right: 12px !important;
}
.sublist-visible .inbox-message.message-box-list {
  margin-top: 0px;
  padding-top: 8px !important;
  min-height: 32px;
  padding-bottom: 8px !important;
}

/*.inbox-message-from .inbox-message > span{max-width: 100%;text-overflow: ellipsis; overflow: hidden;}*/

#maskedMessageForm input {
  background: #ffffff !important;
  border: 1px solid #e6e6e6 !important;
}
#maskedMessageForm textarea {
  background: #ffffff !important;
  border: 1px solid #e6e6e6 !important;
}
.sub-cont-arrow {
  color: #6cc188 !important;
  position: absolute;
  right: 3px;
  font-size: 30px;
  margin-right: 0 !important;
  padding-right: 1px;
  bottom: -6px;
}
/*.message-display .from-name div{max-width:55%;}*/

.message-box div.sub-message-list:last-child {
  margin-bottom: 0px !important;
}
.message-display .inbox-message {
  margin-bottom: 0px !important;
}
.mesage-topic.row {
  margin-top: -2px !important;
  text-transform: capitalize;
}
.message-topic.sub-title {
  line-height: 25px !important;
  text-transform: capitalize;
}
.multiSelect .checkBoxContainer ion-scroll {
  height: 200px;
}

.video_call_notify {
  position: fixed;
  top: 0px;
  right: 0px;
  width: auto;
  height: auto;
  z-index: 999;
  text-align: center;
  /* padding-top: 15px; */
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 10px;
  margin: 86px auto auto auto;
  left: 0;
  padding: 25px 50px;
  display: none;
}
.video_notify_cntnt {
  color: #fff;
  text-transform: capitalize;
  font-size: 20px;
  padding: 0 0 15px 0;
}

.video_notify_btns {
  width: 180px;
  margin: auto;
}
.video_notify_btns button {
  float: left;
  margin-left: 10px;
}

.vid-btn {
  padding: 6px 12px;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
}
.vid-btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.vid-btn-success:focus,
.vid-btn-success.focus {
  color: #fff;
  background-color: #449d44;
  border-color: #255625;
}
.vid-btn-success:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.vid-btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.vid-btn-danger:focus,
.vid-btn-danger.focus {
  color: #fff;
  background-color: #c9302c;
  border-color: #761c19;
}
.vid-btn-danger:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}

.video-cam {
  font-size: 33px;
  position: absolute;
  right: 47px;
  top: 16px;
  color: #1c6272;
  line-height: 23px;
  padding: 5px 8px;
}
.video-txt {
  font-size: 13px;
  position: absolute;
  right: 52px;
  top: 23px;
  font-weight: 500;
  width: 70px;
  background: #6cc188;
  color: #ffffff;
  border-radius: 30px;
  height: 23px;
  line-height: 23px;
}
.ion-ios7-videocam:before {
  content: "\f1f4";
  font-family: "Ionicons";
}

.invite-pop-up .blue-btn-lg {
  min-height: 40px !important;
}
.read-user-img {
  width: 24px !important;
  height: 24px !important;
  float: left;
  background-color: #eef0f4;
  border-color: #b8beca;
  display: inline-block;
  overflow: hidden;
  border-radius: 500px;
}
.read-user-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-width: 100%;
}
.arrow_box {
  position: absolute;
  background: #1c6272;
  padding: 10px;
  border-radius: 5px;
  color: #fff !important;
  right: 75px;
  top: 39px;
  z-index: 99;
}
.arrow_box p {
  color: #fff !important;
  margin: 0 0 10px;
}
.user-list-sub {
  clear: both;
  margin-bottom: 37px;
}
.read-user {
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 5px;
  float: left;
  text-transform: capitalize;
}
.arrow_box:after {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.arrow_box:after {
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: #1c6272;
  border-width: 10px;
  margin-left: 31%;
}
.hr-read {
  border-width: 1px;
  height: 1px;
  border: none;
  color: #fff;
  background-color: #fff;
  margin-top: -7px;
}
.hr-msginfo {
  border-top-width: 0px;
  color: #fff;
  background-color: #fefefe;
  margin-top: -4px;
}
.hr-info {
  border-top-width: 0px;
  color: #fff;
  margin-left: 34px;
  background-color: #fefefe;
  margin-top: 3px;
}

.modal-backdrop .modal-wrapper ion-modal-view.tag-modal {
  top: 25% !important;
}
.filter-message {
  width: 350px;
  margin-right: -47px;
  float: left;
}
.show-msg {
  position: relative;
  top: -4px;
  color: #858586;
  float: left;
  line-height: 14px !important;
  font-size: 13px !important;
}
.message-translation-icon {
  float: right;
  min-width: 30px;
  text-align: center;
  top: 13px;
  position: absolute;
  right: 95px;
  width: 43px;
  height: 42px;
  background-size: 28px 28px !important;
}
.message-translation-icon.move-left {
  right: 125px !important;
}
.message-translation-icon i {
  font-size: 20px;
  color: #acb7bf;
  cursor: pointer;
}
.message-translation-icon.translate-selected i {
  color: #126273 !important;
}
.show-filter {
  float: left;
}
.user-select {
  float: left;
  margin-left: 10px;
  line-height: 14px;
  /*margin-top: -8px;*/
}
.no-data {
  background: #4a95af;
  border: none;
  border-radius: 10px;
  color: #fff;
  position: absolute;
  min-width: 100px;
  margin: auto;
  text-align: center;
  font-size: 14px;
  width: 200px;
  margin-top: 50px;
  height: 23px;
  z-index: 1;
  left: 21%;
}

#messages-to-show {
  height: 25px;
  padding: 0px !important;
}
.multiSelect .checkboxLayer {
  z-index: 10000 !important;
}
.flag-btn-chat {
  padding-top: 50%;
}
div.modal-backdrop:has(div.disable-popup) {
  z-index: -1 !important;
}
.read_users_item {
  position: relative;
  z-index: 9;
}

.clock-icon-modal {
  top: 25% !important;
  min-height: 10% !important;
  height: 17% !important;
  -moz-border-radius: 15px 15px 15px 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px 15px 15px 15px;
}
.clock-icon-modal i.fa.fa-times {
  background-color: #7f7f7f;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  padding-top: 5px;
  color: #fff;
  position: absolute;
  right: 3px;
  top: 3px;
  z-index: 9999999999999999;
}
.row.clock-icon-message-span span {
  color: #272626;
  font-size: 15px;
  font-weight: 400;
  margin-top: 15px;
}

.card {
  box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.2);
  transition: 0.2s;
}

.info-container {
  padding: 2px 16px;
}
.info-heading {
  color: #1c6272;
}
.info-user {
  padding-left: 34px;
  font-size: 13px;
  text-transform: capitalize;
}
.info-user-time {
  padding-left: 34px;
  padding-top: 1px;
  font-size: 11px;
  text-transform: capitalize;
}

.info-list-sub {
  clear: both;
  margin-bottom: 10px;
}
.info-ion-item .msg {
  border-bottom-right-radius: 0px;
  margin-right: 20px;
  background: #369db3;
  margin-left: 90px;
  position: relative;
}

.info-msgafter {
  content: "";
  position: absolute;
  display: inline-block;
  bottom: 16px;
  right: 27px;
  width: 9px;
  height: 1px;
  border: 8px solid #369db3;
  border-right-color: transparent;
  border-top-color: transparent;
}
.senderinfo .msg {
  order: 1;
  border-top-left-radius: 0px;
  /*box-shadow: -1px 2px 0px #D4D4D4;*/
  margin-left: 20px;
  background: #50bfd8;
  margin-right: 90px;
}

.senderinfo:before {
  content: "";
  left: 20px;
  position: absolute;
  right: 0px;
  top: 16px;
  width: 10px;
  height: 10px;
  border: 8px solid #50bfd8;
  border-left-color: transparent;
  border-bottom-color: transparent;
  z-index: 999999;
}

.msg-sending-status {
  float: right;
  font-size: 12px;
  color: #ec0e0e;
  position: absolute;
  right: 15px;
  cursor: pointer;
}
.msg-sent-status {
  float: right;
  font-size: 13px;
  font-weight: 400;
  color: #000;
  position: absolute;
  right: 35px;
  cursor: pointer;
}

.msg-infoicon {
  float: right;
  font-size: 12px;
  color: #6cc188 !important;
  position: absolute;
  right: 10px;
  margin-top: 3px;
  cursor: pointer;
  opacity: 0.7;
  height: 15px;
  width: 15px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 25px;
}

.msg-infoicon img {
  max-height: 12px;  
  margin-left: auto;
  margin-right: auto;
}
.disable_button ,.disbale_attachment,.disable_textarea {
  pointer-events: none !important;
  opacity: 0.60 !important;
}
.message-toggle{
  position: fixed;
  top: 18px;
  min-width: 28px;
  height: 28px;
  right: 142px;
  cursor: pointer;
}